docs(storybook): simplify sidebar Story pages around the UI

Drop the category kicker from the 83 sidebar Stories (kicker is now optional;
hidden verification Stories keep it) and shorten or remove repeated, obvious
or internal page/section descriptions. Required specs, limits, virtual-data
and undecided-value notices stay. Story IDs, exports, fixtures, shared state
notes and package code are unchanged. Record: docs/reports/storybook-ui-simplification-2026-10-22.md

src/components/input.stories.tsx

@@ -2,7 +2,7 @@ import { useId, type ComponentProps, type ReactNode } from "react"
 import type { Meta, StoryObj } from "@storybook/react-vite"
 import { Input, type InputSize } from "@hm-design/ui"
 import { StateBoard } from "@/components/story-board"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 
 // Story structure follows ui_viz (implementations/web/storybook/Input.stories.jsx and InputSizes.stories.jsx):
 // one representative "Input" Story shows the sizes and every state on one page; the same specimens also exist as
@@ -126,17 +126,16 @@ export const All: Story = {
   render: () => (
     <StoryPage>
       <StoryPageHeader
-        kicker={STORY_KICKER.components}
         title="Input"
-        description="한 줄 텍스트를 입력하는 컨트롤입니다. Label·Helper·Error 문구는 Input이 아니라 소비 조합입니다."
+        description="Label·Helper·Error 문구는 소비 조합"
       />
-      <StorySection title="Overview" description="size를 생략한 기본 Input: Large 42px.">
+      <StorySection title="Overview" description="기본값: Large 42px">
         <StateBoard states={[{ id: "default", label: "Default · size 생략(Large)", children: <Specimen placeholder={placeholder} /> }]} />
       </StorySection>
-      <StorySection title="Sizes" description="Small 28 / Medium 34 / Large 42px. 업무 폼·조회 조합은 Medium을 씁니다.">
+      <StorySection title="Sizes" description="28 / 34 / 42px · 업무 폼·조회는 Medium">
         <SizeComparison />
       </StorySection>
-      <StorySection title="States" description="Focus와 Error는 1.5px 테두리로 구분하며 Hover는 없습니다. Disabled는 흰 면을 유지하고 컨트롤과 소비 Label 각각 60%로 표시합니다. Readonly Label은 100%입니다.">
+      <StorySection title="States" description="Focus·Error 1.5px 테두리 · Hover 없음 · Disabled 60%">
         <StateBoard
           states={[
             { id: "focus", label: "Focus", children: <Specimen size="medium" placeholder={placeholder} /> },
@@ -145,7 +144,7 @@ export const All: Story = {
           ]}
         />
       </StorySection>
-      <StorySection title="Validation" description="aria-invalid로 Error 테두리를 표시하고, 오류 문구는 소비 조합으로 연결합니다.">
+      <StorySection title="Validation" description="aria-invalid → Error 테두리 · 오류 문구는 소비 조합">
         <StateBoard
           states={[
             { id: "error", label: "Error", children: <Specimen size="medium" error defaultValue="Invalid value" /> },