feat(sw): integrated improvement 0.2.0 (popup content, header open, tool buttons)

SW package 0.2.0 integrated improvement (Task A, steps 1-8). All new props are
optional; existing SW Stories are pixel-identical to the previous build (28/28).

- Build reproducibility: dist text normalized to LF, dist/build-info.json
  (commit, dirty, tool versions, no timestamp), packages/sw/.gitattributes
  (eol=lf). LF checkouts give identical dist and tarball.
- SWHeader: documentOpenPlacement ("menu" default | "header": Open right of
  the logo in the existing document-button look, reusing onDocumentOpen and
  documentOpenLabel, no duplicate Open in the dropdown), leading slot,
  hiddenControls sub-items documentNew / documentOpen / layerFreeze /
  layerLock. Open moves into More on measured overflow (with hysteresis).
- showNew / showOpen (SWHeaderDocumentTitle), showFreeze / showLock (layer
  menu, field, property window list).
- SWToolButton (text / pill / document) and SWToolGroup (radio selection),
  reusing the existing toggle, pill and file-name looks.
- SWPopup / SWPopupSection / SWPopupRow on the shared property window frame;
  SWHeaderPropertyPanel gains children, title, autoFocus and optional
  selection / properties / groups. Escape stack for several popups.
- Field dropdowns inside a popup use the shared fixed overlay
  (useSWFixedDropdownPosition), so the scrolling body no longer clips them.
- AI guide, examples E/F, README, Storybook (SW/Header/Options, SW/Tool,
  SW/Popup) and verification record docs/sw/sw-integrated-improvement-2026-10-19.md.
- Regression scripts rescoped for the intended changes (unused-removal 81/81,
  overview 52/54 with the two pre-existing historical assertions).

Known limitation (unresolved): tools / leading content (incl. SWToolGroup)
does not move into More. With a wide tool bar the configured fields shrink
instead; in Example F the document name and layer field reach 0px at 390px.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/sw/integrated-improvement-qa/baseline-dropdown-consolidation/story-inventory.json

@@ -0,0 +1,639 @@
+{
+  "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--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--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"
+    }
+  ],
+  "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"
+    }
+  ]
+}