fix(storybook): show Dropdown directly under Header

docs/sw/storybook-dropdown-page-qa/before-dropdown-csf.txt

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react-vite"
+import { ComposedDemo } from "./sw-header.stories"
+import "./sw-composed-controls.css"
+
+const meta = {
+  title: "SW/Header/Dropdown",
+  // Keep existing bookmarks while placing the single example under Dropdown.
+  id: "sw-header",
+  parameters: { layout: "fullscreen", controls: { disable: true } },
+} satisfies Meta
+export default meta
+
+export const ComposedControls: StoryObj<typeof meta> = {
+  name: "Composed Controls",
+  render: () => <ComposedDemo />,
+}

docs/sw/storybook-dropdown-page-qa/before-full-index.json

@@ -0,0 +1 @@
+{"v":5,"entries":{"foundation-color--all":{"type":"story","subtype":"story","id":"foundation-color--all","name":"Color","title":"Foundation/Color","importPath":"./src/foundation/color.stories.tsx","tags":["dev","test","manifest"],"exportName":"All"},"foundation-typography--all":{"type":"story","subtype":"story","id":"foundation-typography--all","name":"Typography","title":"Foundation/Typography","importPath":"./src/foundation/typography.stories.tsx","tags":["dev","test","manifest"],"exportName":"All"},"foundation-layout--all":{"type":"story","subtype":"story","id":"foundation-layout--all","name":"Layout","title":"Foundation/Layout","importPath":"./src/foundation/layout.stories.tsx","tags":["dev","test","manifest"],"exportName":"All"},"components-form-button--all":{"type":"story","subtype":"story","id":"components-form-button--all","name":"Button","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest"],"exportName":"All"},"components-form-button--roles":{"type":"story","subtype":"story","id":"components-form-button--roles","name":"Roles","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Roles"},"components-form-button--sizes":{"type":"story","subtype":"story","id":"components-form-button--sizes","name":"Sizes","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Sizes"},"components-form-button--states":{"type":"story","subtype":"story","id":"components-form-button--states","name":"Brand States","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"States"},"components-form-button--standard-states":{"type":"story","subtype":"story","id":"components-form-button--standard-states","name":"Standard States","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"StandardStates"},"components-form-button--long-label":{"type":"story","subtype":"story","id":"components-form-button--long-label","name":"Long Label","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"LongLabel"},"components-form-button--korean-labels":{"type":"story","subtype":"story","id":"components-form-button--korean-labels","name":"Korean Labels","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"KoreanLabels"},"components-form-button--icon-text-narrow":{"type":"story","subtype":"story","id":"components-form-button--icon-text-narrow","name":"Icon Text Narrow","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"IconTextNarrow"},"components-form-button--destructive":{"type":"story","subtype":"story","id":"components-form-button--destructive","name":"Destructive","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Destructive"},"components-form-button--playground":{"type":"story","subtype":"story","id":"components-form-button--playground","name":"Playground","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Playground"},"components-form-button--compatibility":{"type":"story","subtype":"story","id":"components-form-button--compatibility","name":"Compatibility","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Compatibility"},"components-form-input--all":{"type":"story","subtype":"story","id":"components-form-input--all","name":"Input","title":"Components/Form/Input","importPath":"./src/components/input.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","play-fn"],"exportName":"All"},"components-form-input--default":{"type":"story","subtype":"story","id":"components-form-input--default","name":"Default","title":"Components/Form/Input","importPath":"./src/components/input.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":Line truncated

docs/sw/storybook-dropdown-page-qa/browser-smoke.txt

@@ -0,0 +1,233 @@
+PASS 28 -> 24 SW Stories, exactly four approved Dropdown retirements
+PASS Dropdown is one Story directly under Header with original ID, no Dropdown folder
+PASS menu correction keeps all 24 IDs; only composed Story name/title change
+PASS all non-SW index entries identical
+PASS all retained declarations identical outside imports, meta and ComposedDemo
+PASS runtime, API, AI template, Overview, existing CSS/assets and Storybook configuration untouched
+PASS render sw-header--composed-controls
+PASS render sw-header--detail-buttons
+PASS render sw-header--overview
+PASS render sw-header--interactive-states
+PASS render sw-header--window-move-motion
+PASS render sw-header--logo-slot
+PASS render sw-header--document-dropdown
+PASS render sw-header--responsive-more
+PASS render sw-header--layer-detail-input
+PASS render sw-header--property-panel
+PASS render sw-header--property-panel-variants
+PASS render sw-header--k-guide
+PASS render sw-header--additional-hover
+PASS render sw-header--property-bar
+PASS render sw-header--dynamic-controls
+PASS render sw-header--colorize
+PASS render sw-header--composition
+PASS render sw-header--property-panel-none
+PASS render sw-header--property-panel-all
+PASS render sw-header--property-panel-circle
+PASS render sw-header--property-panel-expanded
+PASS render sw-header--property-panel-compare
+PASS render sw-header--property-shape-slot
+PASS render sw-header--property-fields
+PASS Dropdown page contains the Composed Controls group
+PASS one copy of five Dropdown fields and the details group
+PASS composition wraps without page overflow or scaling at 390
+PASS 레이어 Hover does not open at 390
+PASS 레이어 overlay in viewport, not clipped or covered at 390
+PASS 레이어 selected and expanded at 390
+PASS 레이어 Escape closes and restores focus at 390
+PASS 레이어 trigger toggles closed at 390
+PASS 레이어 outside click closes at 390
+PASS 색상 Hover does not open at 390
+PASS 색상 overlay in viewport, not clipped or covered at 390
+PASS 색상 selected and expanded at 390
+PASS 색상 Escape closes and restores focus at 390
+PASS 색상 trigger toggles closed at 390
+PASS 색상 outside click closes at 390
+PASS 선스타일 Hover does not open at 390
+PASS 선스타일 overlay in viewport, not clipped or covered at 390
+PASS 선스타일 selected and expanded at 390
+PASS 선스타일 Escape closes and restores focus at 390
+PASS 선스타일 trigger toggles closed at 390
+PASS 선스타일 outside click closes at 390
+PASS 문자스타일 Hover does not open at 390
+PASS 문자스타일 overlay in viewport, not clipped or covered at 390
+PASS 문자스타일 selected and expanded at 390
+PASS 문자스타일 Escape closes and restores focus at 390
+PASS 문자스타일 trigger toggles closed at 390
+PASS 문자스타일 outside click closes at 390
+PASS 치수스타일 Hover does not open at 390
+PASS 치수스타일 overlay in viewport, not clipped or covered at 390
+PASS 치수스타일 selected and expanded at 390
+PASS 치수스타일 Escape closes and restores focus at 390
+PASS 치수스타일 trigger toggles closed at 390
+PASS 치수스타일 outside click closes at 390
+PASS composition wraps without page overflow or scaling at 768
+PASS 레이어 Hover does not open at 768
+PASS 레이어 overlay in viewport, not clipped or covered at 768
+PASS 레이어 selected and expanded at 768
+PASS 레이어 Escape closes and restores focus at 768
+PASS 레이어 trigger toggles closed at 768
+PASS 레이어 outside click closes at 768
+PASS 색상 Hover does not open at 768
+PASS 색상 overlay in viewport, not clipped or covered at 768
+PASS 색상 selected and expanded at 768
+PASS 색상 Escape closes and restores focus at 768
+PASS 색상 trigger toggles closed at 768
+PASS 색상 outside click closes at 768
+PASS 선스타일 Hover does not open at 768
+PASS 선스타일 overlay in viewport, not clipped or covered at 768
+PASS 선스타일 selected and expanded at 768
+PASS 선스타일 Escape closes and restores focus at 768
+PASS 선스타일 trigger toggles closed at 768
+PASS 선스타일 outside click closes at 768
+PASS 문자스타일 Hover does not open at 768
+PASS 문자스타일 overlay in viewport, not clipped or covered at 768
+PASS 문자스타일 selected and expanded at 768
+PASS 문자스타일 Escape closes and restores focus at 768
+PASS 문자스타일 trigger toggles closed at 768
+PASS 문자스타일 outside click closes at 768
+PASS 치수스타일 Hover does not open at 768
+PASS 치수스타일 overlay in viewport, not clipped or covered at 768
+PASS 치수스타일 selected and expanded at 768
+PASS 치수스타일 Escape closes and restores focus at 768
+PASS 치수스타일 trigger toggles closed at 768
+PASS 치수스타일 outside click closes at 768
+PASS composition wraps without page overflow or scaling at 1280
+PASS 레이어 Hover does not open at 1280
+PASS 레이어 overlay in viewport, not clipped or covered at 1280
+PASS 레이어 selected and expanded at 1280
+PASS 레이어 Escape closes and restores focus at 1280
+PASS 레이어 trigger toggles closed at 1280
+PASS 레이어 outside click closes at 1280
+PASS 색상 Hover does not open at 1280
+PASS 색상 overlay in viewport, not clipped or covered at 1280
+PASS 색상 selected and expanded at 1280
+PASS 색상 Escape closes and restores focus at 1280
+PASS 색상 trigger toggles closed at 1280
+PASS 색상 outside click closes at 1280
+PASS 선스타일 Hover does not open at 1280
+PASS 선스타일 overlay in viewport, not clipped or covered at 1280
+PASS 선스타일 selected and expanded at 1280
+PASS 선스타일 Escape closes and restores focus at 1280
+PASS 선스타일 trigger toggles closed at 1280
+PASS 선스타일 outside click closes at 1280
+PASS 문자스타일 Hover does not open at 1280
+PASS 문자스타일 overlay in viewport, not clipped or covered at 1280
+PASS 문자스타일 selected and expanded at 1280
+PASS 문자스타일 Escape closes and restores focus at 1280
+PASS 문자스타일 trigger toggles closed at 1280
+PASS 문자스타일 outside click closes at 1280
+PASS 치수스타일 Hover does not open at 1280
+PASS 치수스타일 overlay in viewport, not clipped or covered at 1280
+PASS 치수스타일 selected and expanded at 1280
+PASS 치수스타일 Escape closes and restores focus at 1280
+PASS 치수스타일 trigger toggles closed at 1280
+PASS 치수스타일 outside click closes at 1280
+PASS composition wraps without page overflow or scaling at 1440
+PASS 레이어 Hover does not open at 1440
+PASS 레이어 overlay in viewport, not clipped or covered at 1440
+PASS 레이어 selected and expanded at 1440
+PASS 레이어 Escape closes and restores focus at 1440
+PASS 레이어 trigger toggles closed at 1440
+PASS 레이어 outside click closes at 1440
+PASS 색상 Hover does not open at 1440
+PASS 색상 overlay in viewport, not clipped or covered at 1440
+PASS 색상 selected and expanded at 1440
+PASS 색상 Escape closes and restores focus at 1440
+PASS 색상 trigger toggles closed at 1440
+PASS 색상 outside click closes at 1440
+PASS 선스타일 Hover does not open at 1440
+PASS 선스타일 overlay in viewport, not clipped or covered at 1440
+PASS 선스타일 selected and expanded at 1440
+PASS 선스타일 Escape closes and restores focus at 1440
+PASS 선스타일 trigger toggles closed at 1440
+PASS 선스타일 outside click closes at 1440
+PASS 문자스타일 Hover does not open at 1440
+PASS 문자스타일 overlay in viewport, not clipped or covered at 1440
+PASS 문자스타일 selected and expanded at 1440
+PASS 문자스타일 Escape closes and restores focus at 1440
+PASS 문자스타일 trigger toggles closed at 1440
+PASS 문자스타일 outside click closes at 1440
+PASS 치수스타일 Hover does not open at 1440
+PASS 치수스타일 overlay in viewport, not clipped or covered at 1440
+PASS 치수스타일 selected and expanded at 1440
+PASS 치수스타일 Escape closes and restores focus at 1440
+PASS 치수스타일 trigger toggles closed at 1440
+PASS 치수스타일 outside click closes at 1440
+PASS keyboard opens layer menu and focuses current row
+PASS keyboard moves to next layer row
+PASS onLayerSelect callback exactly once
+PASS layer selection appears, closes and restores focus
+PASS selected layer retains original row Hover background
+PASS onLayerVisibilityChange callback exactly once
+PASS onLayerVisibilityChange toggles only its own state, menu remains open
+PASS onLayerFreezeChange callback exactly once
+PASS onLayerFreezeChange toggles only its own state, menu remains open
+PASS onLayerLockChange callback exactly once
+PASS onLayerLockChange toggles only its own state, menu remains open
+PASS disabled layer selection and toggles blocked
+PASS full color menu: seven palette chips, two user colors, modes, RGB and pick
+PASS onColorSelect callback exactly once
+PASS color palette updates displayed RGB and leaves menu open
+PASS onColorModeChange callback exactly once
+PASS ByBlock On and displayed mode
+PASS onColorInput callback exactly once
+PASS RGB commit clears mode and updates chip
+PASS invalid RGB restores without callback
+PASS onColorPick callback exactly once
+PASS color pick closes and restores focus
+PASS color changes leave layer, line, text and dimension values intact
+PASS all original line rows and weights retained
+PASS onLineTypeSelect callback exactly once
+PASS selected line retains original row Hover and preview
+PASS onLineWeightSelect callback exactly once
+PASS onLineWeightValueChange callback exactly once
+PASS onLineScaleChange callback exactly once
+PASS line type, editable weight and scale update independently; menu stays open
+PASS invalid scale restores, no callback
+PASS 문자스타일 full two-item list retained
+PASS onTextStyleSelect callback exactly once
+PASS 문자스타일 selection displayed, closes, focus returns
+PASS 치수스타일 full two-item list retained
+PASS onDimensionStyleSelect callback exactly once
+PASS 치수스타일 selection displayed, closes, focus returns
+PASS 레이어 detail Hover uses existing text opacity
+PASS onLayerDetail callback exactly once
+PASS 레이어 detail closes, focus returns, no fabricated popup
+PASS 색상 detail Hover uses existing text opacity
+PASS onColorDetail callback exactly once
+PASS 색상 detail closes, focus returns, no fabricated popup
+PASS 선스타일 detail Hover uses existing text opacity
+PASS onLineStyleDetail callback exactly once
+PASS 선스타일 detail closes, focus returns, no fabricated popup
+PASS 문자스타일 detail Hover uses existing text opacity
+PASS onTextStyleDetail callback exactly once
+PASS 문자스타일 detail closes, focus returns, no fabricated popup
+PASS 치수스타일 detail Hover uses existing text opacity
+PASS onDimensionStyleDetail callback exactly once
+PASS 치수스타일 detail closes, focus returns, no fabricated popup
+PASS opening another control leaves exactly one menu and preserves selection
+PASS keyboard Tab enters the open color controls
+PASS details opens existing 28px property Bar
+PASS details opens existing 314px property panel with focus
+PASS property Bar and panel share edited state
+PASS property panel weight edit appears in composed line field
+PASS property panel close returns focus
+PASS property panel Escape returns focus
+PASS narrow details panel keeps natural width and fits viewport
+PASS all seven actionable controls Disabled
+PASS Disabled controls block callbacks and overlays
+PASS callback-free layer icons become readonly status images
+PASS missing detail callback keeps safe no-op and menu open
+PASS retained long layer scenario
+PASS long layer name preserved with full title
+PASS retained many layer scenario
+PASS long layer list scrolls internally
+PASS all 40 user colors accessible with palette scroll
+PASS retained empty layer scenario
+PASS Overview keeps one Header at 49px and 16:9 Stage
+PASS Window Move Motion retains only nine 3x steps
+PASS manager shows a single Dropdown link directly under Header, no Composed Controls submenu
+PASS retired Dropdown links absent in manager
+PASS no browser console or page errors
+{"status":"PASS","checks":232,"errors":[]}

docs/sw/storybook-dropdown-page-qa/draft-source-index.json

@@ -0,0 +1 @@
+{"v":5,"entries":{"foundation-color--all":{"type":"story","subtype":"story","id":"foundation-color--all","name":"Color","title":"Foundation/Color","importPath":"./src/foundation/color.stories.tsx","tags":["dev","test","manifest"],"exportName":"All"},"foundation-typography--all":{"type":"story","subtype":"story","id":"foundation-typography--all","name":"Typography","title":"Foundation/Typography","importPath":"./src/foundation/typography.stories.tsx","tags":["dev","test","manifest"],"exportName":"All"},"foundation-layout--all":{"type":"story","subtype":"story","id":"foundation-layout--all","name":"Layout","title":"Foundation/Layout","importPath":"./src/foundation/layout.stories.tsx","tags":["dev","test","manifest"],"exportName":"All"},"components-form-button--all":{"type":"story","subtype":"story","id":"components-form-button--all","name":"Button","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest"],"exportName":"All"},"components-form-button--roles":{"type":"story","subtype":"story","id":"components-form-button--roles","name":"Roles","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Roles"},"components-form-button--sizes":{"type":"story","subtype":"story","id":"components-form-button--sizes","name":"Sizes","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Sizes"},"components-form-button--states":{"type":"story","subtype":"story","id":"components-form-button--states","name":"Brand States","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"States"},"components-form-button--standard-states":{"type":"story","subtype":"story","id":"components-form-button--standard-states","name":"Standard States","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"StandardStates"},"components-form-button--long-label":{"type":"story","subtype":"story","id":"components-form-button--long-label","name":"Long Label","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"LongLabel"},"components-form-button--korean-labels":{"type":"story","subtype":"story","id":"components-form-button--korean-labels","name":"Korean Labels","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"KoreanLabels"},"components-form-button--icon-text-narrow":{"type":"story","subtype":"story","id":"components-form-button--icon-text-narrow","name":"Icon Text Narrow","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"IconTextNarrow"},"components-form-button--destructive":{"type":"story","subtype":"story","id":"components-form-button--destructive","name":"Destructive","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Destructive"},"components-form-button--playground":{"type":"story","subtype":"story","id":"components-form-button--playground","name":"Playground","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Playground"},"components-form-button--compatibility":{"type":"story","subtype":"story","id":"components-form-button--compatibility","name":"Compatibility","title":"Components/Form/Button","importPath":"./src/components/button.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","verification"],"exportName":"Compatibility"},"components-form-input--all":{"type":"story","subtype":"story","id":"components-form-input--all","name":"Input","title":"Components/Form/Input","importPath":"./src/components/input.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":["dev","test","manifest","play-fn"],"exportName":"All"},"components-form-input--default":{"type":"story","subtype":"story","id":"components-form-input--default","name":"Default","title":"Components/Form/Input","importPath":"./src/components/input.stories.tsx","componentPath":"./packages/ui/dist/index.js","tags":Line truncated

docs/sw/storybook-dropdown-page-qa/smoke/story-inventory.json

@@ -0,0 +1,849 @@
+{
+  "before": [
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--detail-buttons",
+      "name": "Detail Buttons (Shared States)",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest",
+        "verification"
+      ],
+      "exportName": "DetailButtons"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--overview",
+      "name": "Overview",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "Overview"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--interactive-states",
+      "name": "Interactive States",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "InteractiveStates"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--window-move-motion",
+      "name": "Window Move Motion",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "WindowMoveMotion"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--composed-controls",
+      "name": "Composed Controls",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "ComposedControls"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--logo-slot",
+      "name": "Logo Slot",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LogoSlot"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--document-dropdown",
+      "name": "Document Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "DocumentDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--layer-dropdown",
+      "name": "Layer Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LayerDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--color-dropdown",
+      "name": "Color Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "ColorDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--line-style-dropdown",
+      "name": "Line Style Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LineStyleDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--text-dimension-style-dropdown",
+      "name": "Text · Dimension Style Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "TextDimensionStyleDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--responsive-more",
+      "name": "Responsive More",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "ResponsiveMore"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--layer-detail-input",
+      "name": "Layer Detail · Input",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LayerDetailInput"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel",
+      "name": "Property Panel",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanel"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-variants",
+      "name": "Property Panel Variants",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelVariants"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--k-guide",
+      "name": "K Guide",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "KGuide"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--additional-hover",
+      "name": "Additional Hover",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "AdditionalHover"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-bar",
+      "name": "Property Bar",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyBar"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--dynamic-controls",
+      "name": "Dynamic Controls",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "DynamicControls"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--colorize",
+      "name": "Colorize",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "Colorize"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--composition",
+      "name": "Composition (Visibility · Order)",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "Composition"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-none",
+      "name": "Property Panel · 선택 없음",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelNone"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-all",
+      "name": "Property Panel · 전체 선택",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelAll"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-circle",
+      "name": "Property Panel · 원 1개",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelCircle"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-expanded",
+      "name": "Property Panel · 모두 펼침",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelExpanded"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-compare",
+      "name": "Property Panel · 4개 비교",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelCompare"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-shape-slot",
+      "name": "Property Panel · 형상 Slot",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyShapeSlot"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-fields",
+      "name": "Property Panel · 필드 13개",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyFields"
+    }
+  ],
+  "after": [
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--composed-controls",
+      "name": "Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header-dropdown.stories.tsx",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "ComposedControls"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--detail-buttons",
+      "name": "Detail Buttons (Shared States)",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest",
+        "verification"
+      ],
+      "exportName": "DetailButtons"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--overview",
+      "name": "Overview",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "Overview"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--interactive-states",
+      "name": "Interactive States",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "InteractiveStates"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--window-move-motion",
+      "name": "Window Move Motion",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "WindowMoveMotion"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--logo-slot",
+      "name": "Logo Slot",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LogoSlot"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--document-dropdown",
+      "name": "Document Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "DocumentDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--responsive-more",
+      "name": "Responsive More",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "ResponsiveMore"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--layer-detail-input",
+      "name": "Layer Detail · Input",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LayerDetailInput"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel",
+      "name": "Property Panel",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanel"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-variants",
+      "name": "Property Panel Variants",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelVariants"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--k-guide",
+      "name": "K Guide",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "KGuide"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--additional-hover",
+      "name": "Additional Hover",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "AdditionalHover"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-bar",
+      "name": "Property Bar",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyBar"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--dynamic-controls",
+      "name": "Dynamic Controls",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "DynamicControls"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--colorize",
+      "name": "Colorize",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "Colorize"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--composition",
+      "name": "Composition (Visibility · Order)",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "Composition"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-none",
+      "name": "Property Panel · 선택 없음",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelNone"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-all",
+      "name": "Property Panel · 전체 선택",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelAll"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-circle",
+      "name": "Property Panel · 원 1개",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelCircle"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-expanded",
+      "name": "Property Panel · 모두 펼침",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelExpanded"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-panel-compare",
+      "name": "Property Panel · 4개 비교",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyPanelCompare"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-shape-slot",
+      "name": "Property Panel · 형상 Slot",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyShapeSlot"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--property-fields",
+      "name": "Property Panel · 필드 13개",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "PropertyFields"
+    }
+  ],
+  "removed": [
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--layer-dropdown",
+      "name": "Layer Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LayerDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--color-dropdown",
+      "name": "Color Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "ColorDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--line-style-dropdown",
+      "name": "Line Style Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "LineStyleDropdown"
+    },
+    {
+      "type": "story",
+      "subtype": "story",
+      "id": "sw-header--text-dimension-style-dropdown",
+      "name": "Text · Dimension Style Dropdown",
+      "title": "SW/Header",
+      "importPath": "./src/sw/sw-header.stories.tsx",
+      "componentPath": "./packages/sw/dist/index.js",
+      "tags": [
+        "dev",
+        "test",
+        "manifest"
+      ],
+      "exportName": "TextDimensionStyleDropdown"
+    }
+  ]
+}

docs/sw/storybook-dropdown-page-qa/source-preservation.json

@@ -0,0 +1,5 @@
+{
+  "hostStateAndCallbacksUnchanged": true,
+  "publicSWComponentNodesUnchanged": true,
+  "publicComponentNodes": 8
+}

docs/sw/storybook-dropdown-page-qa/storybook-build.txt

@@ -0,0 +1,422 @@
+
+> hm-design-system-poc@0.1.0 prebuild-storybook
+> npm run check:theme-defaults && npm run build:packages
+
+
+> hm-design-system-poc@0.1.0 check:theme-defaults
+> node scripts/theme-defaults.mjs --check
+
+Theme defaults: 92 JSON colors / 94 contract defaults; generated outputs match
+
+> hm-design-system-poc@0.1.0 build:packages
+> npm run build:org-chart && npm run build:ui && npm run build:center-graphic && npm run build:org-chart-react && npm run build:sw
+
+
+> hm-design-system-poc@0.1.0 build:org-chart
+> npm run build -w @hm-design/org-chart
+
+
+> @hm-design/org-chart@0.1.0 build
+> node build.mjs
+
+vite v8.3.0 building client environment for production...
+transforming...
+✓ 70 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/index.js  2,450.52 kB │ gzip: 1,648.92 kB
+
+✓ built in 118ms
+vite v8.3.0 building client environment for production...
+transforming...
+✓ 70 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/orgchart.browser.js  2,456.85 kB │ gzip: 1,649.32 kB
+
+✓ built in 98ms
+
+> hm-design-system-poc@0.1.0 build:ui
+> npm run build -w @hm-design/ui
+
+
+> @hm-design/ui@0.1.0 build
+> node ../../scripts/build-package.mjs ui
+
+vite v8.3.0 building client environment for production...
+transforming...
+✓ 70 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/theme/index.js   25.18 kB │ gzip:  3.98 kB
+dist/index.js        120.43 kB │ gzip: 21.30 kB
+
+✓ built in 78ms
+
+> hm-design-system-poc@0.1.0 build:center-graphic
+> npm run build -w @hm-design/center-graphic
+
+
+> @hm-design/center-graphic@0.1.0 build
+> node ../../scripts/build-package.mjs center-graphic
+
+vite v8.3.0 building client environment for production...
+transforming...
+✓ 145 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/style.css                     88.68 kB │ gzip:  20.14 kB
+dist/reference.js                   0.65 kB │ gzip:   0.23 kB
+dist/index.js                       1.86 kB │ gzip:   0.84 kB
+dist/FacilityBatch-PtW_fbvn.js  1,675.84 kB │ gzip: 276.13 kB
+
+✓ built in 139ms
+
+> hm-design-system-poc@0.1.0 build:org-chart-react
+> npm run build -w @hm-design/org-chart-react
+
+
+> @hm-design/org-chart-react@0.1.0 build
+> node build.mjs
+
+vite v8.3.0 building client environment for production...
+transforming...
+✓ 5 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/index.js               0.09 kB │ gzip: 0.09 kB
+dist/hm-dialog.js           4.39 kB │ gzip: 1.80 kB
+dist/OrgChart-DZlWXlj3.js  10.50 kB │ gzip: 2.63 kB
+
+✓ built in 36ms
+
+> hm-design-system-poc@0.1.0 build:sw
+> npm run build -w @hm-design/sw
+
+
+> @hm-design/sw@0.1.0 build
+> node build.mjs
+
+vite v8.3.0 building client environment for production...
+transforming...
+✓ 69 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/styles.css  100.39 kB │ gzip:  23.57 kB
+dist/index.js    712.25 kB │ gzip: 337.98 kB
+
+✓ built in 128ms
+
+> hm-design-system-poc@0.1.0 build-storybook
+> storybook build -o storybook-static --disable-telemetry
+
+
+T  Building storybook v10.6.1
+|
+o  Cleaning outputDir: storybook-static
+|
+o  Loading presets
+|
+o  Building manager..
+|
+•  Building open services..
+|
+•  Building preview..
+|
+•  Copying static files: public\fonts at storybook-static\fonts
+|
+•  Copying static files: themes at storybook-static\themes
+|  Vite vite v8.3.0 building client environment for production...
+transforming...
+Found 1 warning while optimizing generated CSS:
+
+│   }
+│   .bg-\[var\(\.\.\.\)\] {
+│     background-color: var(...);
+┆                           ^-- Unexpected token Delim('.')
+┆
+│   }
+│   .bg-background {
+
+✓ 3104 modules transformed.
+|
+!  Vite [lightningcss minify] 'host-context' is not recognized as a valid
+|  pseudo-class. Did you mean '::host-context' (pseudo-element) or is
+|  this a typo?
+|  1322 |    background-color: var(--hm-orgchart-dialog-close-hover);
+|  1323 |  }
+|  1324 |  :host-context(.dark) .hm-orgchart-employee-dialog-close:hover,
+|  |                ^
+|  1325 |  .dark .hm-orgchart-employee-dialog-close:hover {
+|  1326 |    background-color: color-mix(in oklab,
+|  var(--hm-orgchart-dialog-close-hover) 50%, transparent);
+rendering chunks...
+computing gzip size...
+|  Vite storybook-static/assets/input-26-11656-BIXt51ww.png
+|  5.09 kB
+|  storybook-static/iframe.html
+|  19.07 kB │ gzip:     5.42 kB
+|  storybook-static/assets/NotoSansKR-variable-k7NQXPol.ttf
+|  10,414.58 kB
+|  storybook-static/assets/sw-header-dropdown-BSCl7vok.css
+|  0.54 kB │ gzip:     0.25 kB
+|  storybook-static/assets/data-table-x0avmA1M.css
+|  0.89 kB │ gzip:     0.32 kB
+|  storybook-static/assets/department-colors-preview-C8o8mgn-.css
+|  1.12 kB │ gzip:     0.39 kB
+|  storybook-static/assets/org-chart-stories-CVVpQeIs.css
+|  1.15 kB │ gzip:     0.39 kB
+|  storybook-static/assets/org-chart-expanded-BQqXfdmZ.css
+|  1.34 kB │ gzip:     0.43 kB
+|  storybook-static/assets/story-page-B9TObVPB.css
+|  1.74 kB │ gzip:     0.49 kB
+|  storybook-static/assets/designer-theme-Bv3QXGf0.css
+|  2.88 kB │ gzip:     0.85 kB
+|  storybook-static/assets/reference-CElszmAj.css
+|  3.13 kB │ gzip:     0.87 kB
+|  storybook-static/assets/center-stories-MLQreMPw.css
+|  6.77 kB │ gzip:     1.49 kB
+|  storybook-static/assets/dashboard-layout-cwHZMCdB.css
+|  6.90 kB │ gzip:     1.21 kB
+|  storybook-static/assets/engine-DrWcIejL.css
+|  15.64 kB │ gzip:     3.10 kB
+|  storybook-static/assets/center-shared-CBSMPY7X.css
+|  55.67 kB │ gzip:    10.48 kB
+|  storybook-static/assets/sw-header-CUYjY3HM.css
+|  73.13 kB │ gzip:    13.58 kB
+|  storybook-static/assets/style-BhhUui7W.css
+|  93.80 kB │ gzip:    12.41 kB
+|  storybook-static/assets/iframe-BW1xNYqB.css
+|  237.20 kB │ gzip:    36.15 kB
+|  storybook-static/assets/iframe-Olchztma.js
+|  0.04 kB │ gzip:     0.06 kB
+|  storybook-static/assets/center-stories-Cr38slYE.js
+|  0.09 kB │ gzip:     0.11 kB
+|  storybook-static/assets/org-chart-stories-BU9b3y-N.js
+|  0.09 kB │ gzip:     0.11 kB
+|  storybook-static/assets/chart-column-DzTQQROB.js
+|  0.41 kB │ gzip:     0.29 kB
+|  storybook-static/assets/sw-header-dropdown.stories-BLWq_qUx.js
+|  0.43 kB │ gzip:     0.31 kB
+|  storybook-static/assets/layout-grid-DQpkss7s.js
+|  0.48 kB │ gzip:     0.28 kB
+|  storybook-static/assets/italic-DRHybvZF.js
+|  0.58 kB │ gzip:     0.35 kB
+|  storybook-static/assets/org-chart-full-composition.stories-C9mxZF1K.js
+|  0.59 kB │ gzip:     0.39 kB
+|  storybook-static/assets/org-chart-p1.stories-DkPE6w6D.js
+|  0.59 kB │ gzip:     0.40 kB
+|  storybook-static/assets/org-chart-department-colors.stories-Ds9ysgvK.js
+|  0.60 kB │ gzip:     0.39 kB
+|  storybook-static/assets/settings-DHMVC_pq.js
+|  0.62 kB │ gzip:     0.34 kB
+|  storybook-static/assets/org-chart-summary.stories-D6G98X-G.js
+|  0.76 kB │ gzip:     0.39 kB
+|  storybook-static/assets/center-information.stories-itj1KVcH.js
+|  0.94 kB │ gzip:     0.63 kB
+|  storybook-static/assets/sample-users-CAqvNHXG.js
+|  0.94 kB │ gzip:     0.67 kB
+|  storybook-static/assets/center-spatial.stories-CUNMjSD5.js
+|  0.97 kB │ gzip:     0.64 kB
+|  storybook-static/assets/rolldown-runtime-DkW27tQK.js
+|  1.19 kB │ gzip:     0.67 kB
+|  storybook-static/assets/preload-helper-VEOc_cSF.js
+|  1.33 kB │ gzip:     0.75 kB
+|  storybook-static/assets/center-title.stories-DuVsqEkP.js
+|  1.36 kB │ gzip:     0.88 kB
+|  storybook-static/assets/org-chart-overview-internal.stories-XQneG5-p.js
+|  1.43 kB │ gzip:     0.68 kB
+|  storybook-static/assets/org-chart-cards.stories-F30e8loV.js
+|  1.60 kB │ gzip:     0.92 kB
+|  storybook-static/assets/color.stories-D5eRfXN2.js
+|  1.80 kB │ gzip:     1.03 kB
+|  storybook-static/assets/center-facility.stories-BVDL8QJu.js
+|  1.90 kB │ gzip:     1.07 kB
+|  storybook-static/assets/loading-screen.stories-D_y2tsKX.js
+|  1.96 kB │ gzip:     1.04 kB
+|  storybook-static/assets/story-board-GBWHbV_K.js
+|  1.99 kB │ gzip:     0.89 kB
+|  storybook-static/assets/skeleton.stories-Dq2xvuJ_.js
+|  2.10 kB │ gzip:     1.00 kB
+|  storybook-static/assets/story-page-Dw6AdeT9.js
+|  2.13 kB │ gzip:     0.69 kB
+|  storybook-static/assets/verification-state-BC88p1ZF.js
+|  2.15 kB │ gzip:     1.05 kB
+|  storybook-static/assets/hover-card.stories-Bh3l2dpe.js
+|  2.34 kB │ gzip:     1.09 kB
+|  storybook-static/assets/alert-dialog.stories-CGb5RGim.js
+|  2.48 kB │ gzip:     1.08 kB
+|  storybook-static/assets/separator.stories-BWtjCMgQ.js
+|  2.56 kB │ gzip:     1.16 kB
+|  storybook-static/assets/dropdown-menu.stories-BGSwg2KO.js
+|  2.58 kB │ gzip:     1.29 kB
+|  storybook-static/assets/badge.stories-C7oTwj2k.js
+|  2.61 kB │ gzip:     1.23 kB
+|  storybook-static/assets/tooltip.stories-BPEd_H_I.js
+|  2.65 kB │ gzip:     1.23 kB
+|  storybook-static/assets/publisher-regression.stories-CEknSZ4X.js
+|  2.70 kB │ gzip:     1.15 kB
+|  storybook-static/assets/calendar.stories-CDN9mxN4.js
+|  2.79 kB │ gzip:     1.30 kB
+|  storybook-static/assets/switch.stories-QO4IieTO.js
+|  2.86 kB │ gzip:     1.28 kB
+|  storybook-static/assets/reference-CAnPEoPV.js
+|  2.88 kB │ gzip:     1.24 kB
+|  storybook-static/assets/context-menu.stories-Oc31UkaS.js
+|  2.95 kB │ gzip:     1.47 kB
+|  storybook-static/assets/center-shared-CAy6Ywyu.js
+|  2.96 kB │ gzip:     1.36 kB
+|  storybook-static/assets/scroll-area.stories-CUTu_J3W.js
+|  3.02 kB │ gzip:     1.30 kB
+|  storybook-static/assets/popover.stories-BUhDynt2.js
+|  3.05 kB │ gzip:     1.30 kB
+|  storybook-static/assets/aspect-ratio.stories-BMMNpNOx.js
+|  3.06 kB │ gzip:     1.51 kB
+|  storybook-static/assets/typography.stories-BQNl5UzS.js
+|  3.07 kB │ gzip:     1.42 kB
+|  storybook-static/assets/pagination.stories-B3mMRcF9.js
+|  3.12 kB │ gzip:     1.50 kB
+|  storybook-static/assets/alert.stories-Bpfea0DC.js
+|  3.16 kB │ gzip:     1.30 kB
+|  storybook-static/assets/label.stories-yhROtKGf.js
+|  3.19 kB │ gzip:     1.39 kB
+|  storybook-static/assets/collapsible.stories-C-tONiTQ.js
+|  3.19 kB │ gzip:     1.50 kB
+|  storybook-static/assets/drawer.stories-UQ-fYs8P.js
+|  3.23 kB │ gzip:     1.47 kB
+|  storybook-static/assets/radio-group.stories-CRxOEo0j.js
+|  3.24 kB │ gzip:     1.47 kB
+|  storybook-static/assets/avatar.stories-C25lHWKC.js
+|  3.30 kB │ gzip:     1.44 kB
+|  storybook-static/assets/page-header.stories-Cca60xSQ.js
+|  3.32 kB │ gzip:     1.30 kB
+|  storybook-static/assets/menubar.stories-DpBcJw9T.js
+|  3.33 kB │ gzip:     1.39 kB
+|  storybook-static/assets/command.stories-DzL402bG.js
+|  3.33 kB │ gzip:     1.58 kB
+|  storybook-static/assets/center-overview.stories-CEWSyuc4.js
+|  3.36 kB │ gzip:     1.77 kB
+|  storybook-static/assets/filter-bar.stories-CXLay5xk.js
+|  3.43 kB │ gzip:     1.72 kB
+|  storybook-static/assets/sheet.stories-B6hlcis0.js
+|  3.51 kB │ gzip:     1.44 kB
+|  storybook-static/assets/progress.stories-DUXjr1dD.js
+|  3.52 kB │ gzip:     1.60 kB
+|  storybook-static/assets/breadcrumb.stories-BGljEtUL.js
+|  3.55 kB │ gzip:     1.52 kB
+|  storybook-static/assets/card.stories-D9PU1M3e.js
+|  3.74 kB │ gzip:     1.63 kB
+|  storybook-static/assets/navigation-menu.stories-aty95A-R.js
+|  3.86 kB │ gzip:     1.62 kB
+|  storybook-static/assets/resizable.stories-RUyN8U34.js
+|  3.96 kB │ gzip:     1.46 kB
+|  storybook-static/assets/specimens-DXXR0Cv1.js
+|  4.13 kB │ gzip:     1.36 kB
+|  storybook-static/assets/sonner.stories-CJGIhpCk.js
+|  4.22 kB │ gzip:     1.83 kB
+|  storybook-static/assets/checkbox.stories-BJELvagz.js
+|  4.39 kB │ gzip:     1.66 kB
+|  storybook-static/assets/date-picker.stories-Mg8eAg-o.js
+|  4.45 kB │ gzip:     1.68 kB
+|  storybook-static/assets/slider.stories-CCtXkumo.js
+|  4.53 kB │ gzip:     1.86 kB
+|  storybook-static/assets/org-chart-page-previews-D8Bwno3s.js
+|  4.70 kB │ gzip:     2.05 kB
+|  storybook-static/assets/carousel.stories-B9e7wXBD.js
+|  4.75 kB │ gzip:     1.91 kB
+|  storybook-static/assets/layout.stories-Dn0rmVbC.js
+|  4.79 kB │ gzip:     1.92 kB
+|  storybook-static/assets/table.stories-D0MAaypx.js
+|  4.86 kB │ gzip:     2.02 kB
+|  storybook-static/assets/combobox.stories-Ciii4aa6.js
+|  5.03 kB │ gzip:     2.07 kB
+|  storybook-static/assets/accordion.stories-dVthhhqA.js
+|  5.05 kB │ gzip:     1.82 kB
+|  storybook-static/assets/OrgChart-DZlWXlj3-Cs1hDnbD.js
+|  5.35 kB │ gzip:     1.95 kB
+|  storybook-static/assets/dialog.stories-CaHEQpaa.js
+|  5.53 kB │ gzip:     2.13 kB
+|  storybook-static/assets/toggle.stories-gFZxA17G.js
+|  5.81 kB │ gzip:     2.12 kB
+|  storybook-static/assets/data-table.stories-n73aBYUO.js
+|  5.92 kB │ gzip:     2.52 kB
+|  storybook-static/assets/textarea.stories-rpRk5Jpl.js
+|  5.99 kB │ gzip:     2.43 kB
+|  storybook-static/assets/runtime-loader.stories-BedrGYfx.js
+|  6.18 kB │ gzip:     2.45 kB
+|  storybook-static/assets/toggle-group.stories-DtMpXk--.js
+|  6.57 kB │ gzip:     2.23 kB
+|  storybook-static/assets/react-Q1GcV6wX.js
+|  7.87 kB │ gzip:     3.01 kB
+|  storybook-static/assets/input.stories-DBnPw4ZA.js
+|  8.32 kB │ gzip:     3.05 kB
+|  storybook-static/assets/button.stories-BVQl4fat.js
+|  9.65 kB │ gzip:     3.62 kB
+|  storybook-static/assets/select.stories-C43RzEnL.js
+|  10.52 kB │ gzip:     3.39 kB
+|  storybook-static/assets/tabs.stories-D3ZKHlxd.js
+|  11.57 kB │ gzip:     4.13 kB
+|  storybook-static/assets/org-chart.stories-gv5n3NPq.js
+|  12.54 kB │ gzip:     4.15 kB
+|  storybook-static/assets/designer-theme.stories-1iYlo6i7.js
+|  14.62 kB │ gzip:     5.52 kB
+|  storybook-static/assets/gnb.stories-Du_W3nke.js
+|  16.56 kB │ gzip:     5.83 kB
+|  storybook-static/assets/theme-CZw7CMzf.js
+|  18.61 kB │ gzip:     3.18 kB
+|  storybook-static/assets/lnb.stories-S5renETM.js
+|  23.06 kB │ gzip:     6.43 kB
+|  storybook-static/assets/dashboard-layout.stories-CQ13TQtR.js
+|  23.84 kB │ gzip:     6.25 kB
+|  storybook-static/vite-inject-mocker-entry.js
+|  27.84 kB │ gzip:     9.66 kB
+|  storybook-static/assets/reference-data-Dp4dBiCx.js
+|  40.42 kB │ gzip:     9.43 kB
+|  storybook-static/assets/runtime-theme.stories-C9ryFORc.js
+|  61.92 kB │ gzip:    11.60 kB
+|  storybook-static/assets/org-chart-expanded.stories-ChqDNkXm.js
+|  79.03 kB │ gzip:    10.07 kB
+|  storybook-static/assets/react-18-Dw6a0NoJ.js
+|  207.62 kB │ gzip:    65.12 kB
+|  storybook-static/assets/core-component-preview-t5Y-0WSV.js
+|  258.40 kB │ gzip:   146.05 kB
+|  storybook-static/assets/sw-header.stories-DbU2s6M2.js
+|  755.29 kB │ gzip:   356.77 kB
+|  storybook-static/assets/reference-isdVcKCS.js
+|  1,644.48 kB │ gzip:   270.35 kB
+|  storybook-static/assets/iframe-DaG6F32f.js
+|  1,754.32 kB │ gzip:   503.65 kB
+|  storybook-static/assets/style-CNeiB0x2.js
+|  2,359.94 kB │ gzip: 1,631.23 kB
+
+|
+!  Vite [plugin builtin:vite-reporter]
+|  (!) Some chunks are larger than 500 kB after minification. Consider:
+|  - Using dynamic import() to code-split the application
+|  - Use build.rolldownOptions.output.codeSplitting to improve chunking:
+|  ]8;;https://rolldown.rs/reference/OutputOptions.codeSplittinghttps://rolldown.rs/reference/OutputOptions.codeSplitting]8;;
+|  - Adjust chunk size limit for this warning via
+|  build.chunkSizeWarningLimit.
+|  Vite ✓ built in 4.65s
+|
+!  Vite [PLUGIN_TIMINGS] JavaScript callbacks ran for 4.1s of this 4.6s
+|  build (89%).
+|  The slowest callbacks, timed inside each callback (the wait before a
+|  callback starts is excluded, the time it awaits is included):
+|  - plugin storybook:react-docgen-plugin transform (61%, 2.8s, 3104
+|  calls)
+|  Additional callback time came from the callbacks below and from
+|  callbacks under 1s.
+|  3 callbacks are listed without a time. Their calls overlapped, so the
+|  time inside one call includes work from other calls. To find their
+|  cost, profile the build with `node --cpu-prof`:
+|  - plugin vite:asset load (31 calls)
+|  - plugin @tailwindcss/vite:generate:build transform (20 calls)
+|  - plugin vite:css transform (20 calls)
+|  See ]8;;https://rolldown.rs/reference/InputOptions.checks#bundlertimingshttps://rolldown.rs/reference/InputOptions.checks#bundlertimings]8;;
+|  for more details.
+
+|
+o  Output directory: D:/디자인시스템/HMDesign-SW/storybook-static
+|
+—  Storybook build completed successfully

docs/sw/storybook-dropdown-page-qa/sw-typecheck.txt

@@ -0,0 +1,7 @@
+
+> hm-design-system-poc@0.1.0 typecheck:sw
+> npm run typecheck -w @hm-design/sw
+
+
+> @hm-design/sw@0.1.0 typecheck
+> tsc -p tsconfig.json

docs/sw/storybook-dropdown-page-qa/validation-summary.json

@@ -0,0 +1,44 @@
+{
+  "startCommit": "9482d45f340981c4b4ad6537cb678bf4afcdc681",
+  "branch": "feature/sw-package",
+  "swBefore": 24,
+  "swAfter": 24,
+  "repositoryBefore": 343,
+  "repositoryAfter": 343,
+  "originalRemovedIds": [
+    "sw-header--layer-dropdown",
+    "sw-header--color-dropdown",
+    "sw-header--line-style-dropdown",
+    "sw-header--text-dimension-style-dropdown"
+  ],
+  "additionalRemovals": [],
+  "dropdownId": "sw-header--composed-controls",
+  "menu": "SW/Header > Dropdown",
+  "browser": {
+    "status": "PASS",
+    "checks": 232,
+    "errors": []
+  },
+  "swTypecheck": {
+    "exitCode": 0,
+    "log": "sw-typecheck.txt"
+  },
+  "swBuild": {
+    "exitCode": 0,
+    "via": "build-storybook prebuild",
+    "log": "storybook-build.txt"
+  },
+  "storybookTypecheck": {
+    "exitCode": 0,
+    "log": "storybook-typecheck.txt"
+  },
+  "storybookBuild": {
+    "exitCode": 0,
+    "log": "storybook-build.txt"
+  },
+  "missingReportLinks": [],
+  "sourceHashes": {
+    "src/sw/sw-header.stories.tsx": "8ed1f4fb79415ddce23537e9924da4c3c067d80f748f4117f9525a65e3897ce1",
+    "src/sw/sw-header-dropdown.stories.tsx": "d67275c1ed13890b2dd6046e71d42d0e340dc5f5bee4247ce25e8f5b36bf8d39"
+  }
+}