fix(ui_template): 아래 단추 줄 넘침 — 다 안 들면 두 줄로 감음 · 글자 단추 글보다 안 좁아짐 (PLAN 552-7)

- 작업 화면 틀 아래 단추 줄(.ui-sidebar-actions · [data-help-row]) flex-wrap · 글자 단추 min-width max-content
- 넘침(글 잘림 · 줄 밖) 6 → 0 — E03 1600 · D03 · D04 · E03 · E07 860 폭
- 나머지 B03~B09 · D02 · E02 · E04~E06 단추 자리 · 폭 전후 같음
- test_552_4 지킴 한 줄

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

resources/tester/test_552_4_frames.py

@@ -85,6 +85,11 @@ def test_작업_화면_틀_겉():
     # 옛 이름 그대로 — 아래 단추 줄 · [?][<][>]
     for name in (".ui-sidebar-actions", ".ui-workflow-overlay__handle--side"):
         assert name in css
+    # 아래 단추 줄 — 다 안 들면 두 줄로 감음 · 글자 단추는 글보다 안 좁아짐(552-7 E03 「해석」 잘림)
+    row = re.search(r"\.ui-sidebar-actions \[data-help-row\] \{([^}]*)\}", css).group(1)
+    assert "flex-wrap: wrap" in row
+    btn = re.search(r"\[data-help-row\] > \.ui-btn:not\([^)]*\) \{([^}]*)\}", css).group(1)
+    assert "min-width: max-content" in btn
     ts = _text(UI / "ui_template_overlay.ts")
     assert 'import "./ui_template_list_row.css"' in ts  # 옛 목록 줄 겉도 함께
 

ui_template/ui_template_overlay.css

@@ -373,16 +373,17 @@
 }
 
 /* 아래 단추 묶음(54-20) — B03~B09 한 양식 · 사이 = --btn-group-gap · 고르게 늘되 글보다 좁아지지
-   않음 · 좁은 패널(280px)에서도 한 줄. 단추 줄 = [data-help-row](없으면 묶음 자신) */
+   않음 · 한 줄에 다 안 들면 두 줄로 감음(552-7 · 글 잘림 없음). 단추 줄 = [data-help-row](없으면 묶음 자신) */
 .ui-sidebar-actions:not(:has([data-help-row])),
 .ui-sidebar-actions [data-help-row] {
+  flex-wrap: wrap;
   gap: var(--btn-group-gap);
 }
 
 .ui-sidebar-actions > .ui-btn:not(.ui-help-btn, .ui-step-nav-btn),
 .ui-sidebar-actions [data-help-row] > .ui-btn:not(.ui-help-btn, .ui-step-nav-btn) {
   flex: 1 1 0;
-  min-width: auto;
+  min-width: max-content;
   padding-inline: var(--spacing-4);
   white-space: nowrap;
 }