From 8804b9fbfad0b2c5a5602dfb75f3acdb84c48f91 Mon Sep 17 00:00:00 2001
From: johngreen <ramses7448@gmail.com>
Date: Thu, 30 Apr 2026 17:38:54 +0900
Subject: [PATCH] =?UTF-8?q?fix(ai-workspace):=20=EC=8B=A4=ED=96=89=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=9C=20=ED=86=A0=EA=B8=80=20=ED=95=9C=EA=B8=80=20?=
 =?UTF-8?q?=EB=9D=BC=EB=B2=A8=20=EC=84=B8=EB=A1=9C=20=EA=B9=A8=EC=A7=90=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 토글 컨테이너/버튼에 shrink-0 + whitespace-nowrap 추가
- 헤더 행을 flex-wrap 으로 보강해 좁은 폭에서 우아하게 줄바꿈
- raw <button> 이라 shadcn Button 의 nowrap 보호 막이 없어
  CJK 음절 단위로 "병/렬", "순/차", "혼/합" 으로 끊기던 문제 해결

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../app/(main)/admin/aiAssistant/workspace/page.tsx    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/app/(main)/admin/aiAssistant/workspace/page.tsx b/frontend/app/(main)/admin/aiAssistant/workspace/page.tsx
index f4693f49..61d3286c 100644
--- a/frontend/app/(main)/admin/aiAssistant/workspace/page.tsx
+++ b/frontend/app/(main)/admin/aiAssistant/workspace/page.tsx
@@ -270,14 +270,14 @@ export default function WorkspacePage() {
             </div>
           ) : (
             <div className="space-y-4">
-              <div className="flex items-center justify-between">
-                <div className="flex items-center gap-3">
+              <div className="flex flex-wrap items-center justify-between gap-y-2">
+                <div className="flex flex-wrap items-center gap-x-3 gap-y-1.5">
                   <h2 className="text-base font-bold">{detailGroup.name}</h2>
-                  <div className="flex rounded-md border p-0.5">
+                  <div className="flex shrink-0 rounded-md border p-0.5">
                     {EXEC_MODES.map((mode) => (
                       <button
                         key={mode.value}
-                        className={`flex items-center gap-1 rounded px-2 py-0.5 text-[10px] font-medium transition-colors ${
+                        className={`flex shrink-0 items-center gap-1 whitespace-nowrap rounded px-2 py-0.5 text-[10px] font-medium transition-colors ${
                           detailGroup.execution_mode === mode.value ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"
                         }`}
                         onClick={() => handleChangeExecMode(mode.value)}
@@ -288,7 +288,7 @@ export default function WorkspacePage() {
                     ))}
                   </div>
                 </div>
-                <div className="flex gap-1.5">
+                <div className="flex shrink-0 gap-1.5">
                   <Button size="sm" className="h-7 gap-1 text-xs" onClick={() => openAddMembers(detailGroup.id)}>
                     <Plus className="h-3 w-3" />에이전트 추가
                   </Button>