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/center/center-facility.stories.tsx

@@ -10,7 +10,7 @@ import {
   RoadsideReferenceDemo,
   TunnelReferenceDemo,
 } from "@hm-design/center-graphic/reference"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 import { CENTER_BOUNDARY, withRepresentation } from "./center-shared"
 
 // Owners: ui-viz docs/visualization/facility.md and facility-assets.md (128 approved SVG references, shipped unchanged).
@@ -30,9 +30,8 @@ const page = (name: string, Demo: ComponentType): Story => ({
   render: () => (
     <StoryPage>
       <StoryPageHeader
-        kicker={STORY_KICKER.center}
         title={name}
-        description="CENTER 시설물 그래픽입니다. 승인 SVG Reference를 위치도(Position Map)와 실사화(Actual / Detail)로 표시합니다."
+        description="승인 SVG Reference · 위치도 / 실사화"
       />
       <StorySection title="Overview" description={CENTER_BOUNDARY}>
         {withRepresentation(() => <Demo />)}
@@ -54,11 +53,10 @@ export const Linked: Story = {
   render: () => (
     <StoryPage className="sb-center-linked-page">
       <StoryPageHeader
-        kicker={STORY_KICKER.center}
         title="연계 시설물"
         description={
           <>
-            CENTER 시설물 그래픽입니다. 승인 SVG Reference를 위치도(Position Map)와 실사화(Actual / Detail)로 표시합니다.
+            승인 SVG Reference · 위치도 / 실사화
             <br />
             {CENTER_BOUNDARY}
           </>

src/center/center-information.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
 import { CenterInformationDisplayReferenceDemo } from "@hm-design/center-graphic/reference"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 import { CENTER_BOUNDARY, withRepresentation } from "./center-shared"
 
 // Owner: ui-viz docs/patterns/center-information-presentation.md and center-information-{box,table,emphasis}.md.
@@ -18,9 +18,8 @@ export const Information: Story = {
   render: () => (
     <StoryPage>
       <StoryPageHeader
-        kicker={STORY_KICKER.center}
         title="Information"
-        description="CENTER 정보 표시(Box · Table · Emphasis) Reference입니다. 단일행 말줄임만 해결된 상태이며 배율(Q3)은 정해지지 않았습니다."
+        description="Box · Table · Emphasis · 배율(Q3) 미정"
       />
       <StorySection title="Overview" description={CENTER_BOUNDARY}>
         {withRepresentation(() => (

src/center/center-overview.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 import { CENTER_BOUNDARY, CenterFrame, SCALE_NOTE, StatusTable } from "./center-shared"
 
 // Mirrors the ui-viz docs/governance/center-domain.md §5 registry rows. The values stay in the owner documents.
@@ -28,13 +28,13 @@ export const Overview: Story = {
   name: "Overview",
   render: () => (
     <StoryPage>
-      <StoryPageHeader kicker={STORY_KICKER.center} title="Overview" description={CENTER_BOUNDARY} />
+      <StoryPageHeader title="Overview" description={CENTER_BOUNDARY} />
       <CenterFrame>
         <div className="sb-center-overview">
-          <StorySection title="Representation Scale" description="제작 해상도별 CENTER 그래픽 표시 배율입니다.">
+          <StorySection title="Representation Scale">
             <p className="sb-center-note">{SCALE_NOTE}</p>
           </StorySection>
-          <StorySection title="Status" description="ui-viz center-domain.md §5 registry의 항목별 상태와 이 Storybook에서의 표현입니다.">
+          <StorySection title="Status" description="항목별 확정 상태와 Storybook 표현">
             <div className="sb-center-scroll">
               <StatusTable rows={STATUS} />
             </div>

src/center/center-shared.tsx

@@ -5,7 +5,7 @@ import "./center-stories.css"
 // CENTER is a separate domain from the UI Component System. These stories present the packaged CENTER components and the
 // reference demo pages; they do not own, create or promote CENTER contract values (see docs/center-graphic/README.md).
 export const CENTER_BOUNDARY =
-  "CENTER Web Reference 렌더링입니다. Canonical 값·상태는 ui-viz CENTER owner 문서가 소유하며 HOLD / TBD / Candidate / OWNER_DECISION_REQUIRED를 이 화면이 확정하지 않습니다."
+  "Reference 렌더링 · HOLD / TBD / Candidate 값은 ui-viz owner 문서 기준이며 이 화면이 확정하지 않음"
 
 export const SCALE_NOTE =
   "제작 대상이 7680 × 2160이면 CENTER 그래픽을 100%, 3840 × 2160이면 75%로 표시합니다. Storybook 화면 크기는 배율을 정하지 않으며, 다른 제작 해상도의 배율은 정해지지 않았습니다. 제작 대상은 주소에 centerResolution=3840x2160 을 붙여 바꿉니다."

src/center/center-spatial.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
 import { RouteLine } from "@hm-design/center-graphic"
 import { CenterSpatialInformationReferenceDemo } from "@hm-design/center-graphic/reference"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 import { CENTER_BOUNDARY, withRepresentation } from "./center-shared"
 
 // Owners: ui-viz docs/visualization/route.md, spatial-map.md, spatial-section.md, composition.md.
@@ -20,9 +20,8 @@ export const Spatial: Story = {
   render: () => (
     <StoryPage className="sb-center-spatial-page">
       <StoryPageHeader
-        kicker={STORY_KICKER.center}
         title="Spatial"
-        description="CENTER 노선·공간 정보 Reference입니다. 노선 레이어 순서(Shadow → Outline → Primary Stroke)는 확정이며, 전체 지도 레이어 순서는 Candidate, line join은 TBD입니다."
+        description="노선 레이어 순서 확정 · 전체 지도 레이어 순서 Candidate · line join TBD"
       />
       <StorySection title="Overview" description={CENTER_BOUNDARY}>
         {withRepresentation(() => <CenterSpatialInformationReferenceDemo />)}

src/center/center-title.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
 import { CenterTitle, CENTER_TITLE_COMPOSITIONS, type CenterTitleComposition } from "@hm-design/center-graphic"
 import { CenterTitleReferenceDemo } from "@hm-design/center-graphic/reference"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 import { CENTER_BOUNDARY, withRepresentation } from "./center-shared"
 
 // Owner: ui-viz docs/components/center-title.md. Title Resolution B numeric output is TBD; the per-Type palette is SCOPED_DESIGN_APPROVAL.
@@ -21,9 +21,8 @@ export const Compositions: Story = {
   render: () => (
     <StoryPage>
       <StoryPageHeader
-        kicker={STORY_KICKER.center}
         title="Title"
-        description="CENTER 제목 그래픽의 네 가지 Type Reference입니다. Resolution B 수치는 TBD, Type별 palette는 SCOPED_DESIGN_APPROVAL입니다."
+        description="4가지 Type · Resolution B 수치 TBD · palette SCOPED_DESIGN_APPROVAL"
       />
       <StorySection title="Overview" description={CENTER_BOUNDARY}>
         {withRepresentation(() => <CenterTitleReferenceDemo />)}