From 6ca92c5d558d50cec92e1bbab86e023eeaec4559 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= <shkim4@samaneng.com>
Date: Wed, 28 Oct 2026 14:03:46 +0900
Subject: [PATCH] docs(storybook): align Command search options with framework
 examples

---
 WORKING_CONTEXT.md                 | 11 +++++++++++
 docs/components/command.md         |  1 +
 src/components/command.stories.tsx | 10 +++++-----
 3 files changed, 17 insertions(+), 5 deletions(-)
 create mode 100644 WORKING_CONTEXT.md

diff --git a/WORKING_CONTEXT.md b/WORKING_CONTEXT.md
new file mode 100644
index 0000000..87516eb
--- /dev/null
+++ b/WORKING_CONTEXT.md
@@ -0,0 +1,11 @@
+# Working Context
+
+## 2026-10-28 — Command Search 예제
+
+- 작업 브랜치: `codex/command-framework-options`.
+- 범위: STORYBOOK_ONLY. `components-search-date-command--all`의 Search와 같은 Basic 예제를 사용하는 verification Story.
+- 사용자 지정 순서: Next.js → SvelteKit → Remix → Astro. Remix 비활성 상태 유지.
+- Combobox와 동일한 내부 값(`next`, `sveltekit`, `remix`, `astro`) 및 표시명 검색 키워드 적용. Nuxt는 추가하지 않음.
+- 기존 `package-lock.json` 수정 및 미추적 `.claude/`는 이 작업 범위 밖.
+- 검증: TypeScript 검사 및 diff 검사 통과. Guard는 기존 SW CSS 경로 미해결로 NOT VERIFIED. 브라우저 확인 미수행.
+- 사용자 승인(2026-10-28)에 따라 위 작업 브랜치의 관련 파일만 Commit·Push한다. main 병합·운영 배포는 별도 지시 대상이다.
diff --git a/docs/components/command.md b/docs/components/command.md
index 179aafc..2b6ef45 100644
--- a/docs/components/command.md
+++ b/docs/components/command.md
@@ -71,6 +71,7 @@ Component Mapping 위치: `packages/ui/src/theme/command.css` (`--hm-command-*`)
 
 - 대표 Story `All`("Command"): Search + disabled item(선택 로그는 숨김 `Search`에만 표시), Groups·icons·shortcut(`CalendarIcon`, `UserIcon`, `SettingsIcon`), Long list(30개, List가 scroll)를 한 페이지에 둔다. 테두리 박스는 Story 조합이다.
 - verification: `Search`, `Grouped`.
+- 2026-10-28: Search 예제는 Next.js(`next`), SvelteKit(`sveltekit`), Remix(`remix`, 비활성), Astro(`astro`) 순서로 표시한다. Combobox 예제와 표시명·내부 값을 맞추며, 표시명 검색도 유지한다. §13의 과일 항목 검증은 변경 전 기록으로 보존한다.
 
 ## 10. 사용자 확정 결정
 
diff --git a/src/components/command.stories.tsx b/src/components/command.stories.tsx
index 322fff4..761c845 100644
--- a/src/components/command.stories.tsx
+++ b/src/components/command.stories.tsx
@@ -21,12 +21,12 @@ function Basic({ showValue = true }: { showValue?: boolean }) {
           <CommandInput placeholder="검색..." />
           <CommandList>
             <CommandEmpty>결과가 없습니다.</CommandEmpty>
-            <CommandItem onSelect={setLast}>사과</CommandItem>
-            <CommandItem onSelect={setLast}>바나나</CommandItem>
-            <CommandItem onSelect={setLast} disabled>
-              체리 (품절)
+            <CommandItem value="next" keywords={["Next.js"]} onSelect={setLast}>Next.js</CommandItem>
+            <CommandItem value="sveltekit" keywords={["SvelteKit"]} onSelect={setLast}>SvelteKit</CommandItem>
+            <CommandItem value="remix" keywords={["Remix"]} onSelect={setLast} disabled>
+              Remix
             </CommandItem>
-            <CommandItem onSelect={setLast}>포도</CommandItem>
+            <CommandItem value="astro" keywords={["Astro"]} onSelect={setLast}>Astro</CommandItem>
           </CommandList>
         </Command>
       )}