From 911f3181a6fa6e154ac9e03d8c1bf678339a2956 Mon Sep 17 00:00:00 2001
From: jeonbinggu <tinyjbk123@gmail.com>
Date: Thu, 8 Oct 2026 16:03:39 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=99=9C=EB=8F=99=20=ED=83=AD=20?=
 =?UTF-8?q?=EC=A0=95=EB=A0=AC=20=C2=B7=20=EB=B3=B5=EC=82=AC=20=ED=94=BC?=
 =?UTF-8?q?=EB=93=9C=EB=B0=B1=20=C2=B7=20=EB=B0=B0=EC=A0=95=20=EB=8C=80?=
 =?UTF-8?q?=EA=B8=B0=20=EB=AC=B8=EA=B5=AC=20=C2=B7=20=EC=8B=9C=EC=9E=91=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=82=AC=EC=A0=84=20=EC=B0=A8=EB=8B=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 활동·비용 탭: 글자 12px, 줄바꿈 금지, 탭 묶음이 설명에 밀려 줄어들지 않게
- CopyField: 복사됨 ✓ / 복사 실패를 1.5초 표시 (연결 키·초대 링크 공통)
- 프로젝트 목록: 내 에이전트가 연결돼 있으면 연결 안내 대신 배정 대기 문구
- 프로젝트 시작: 태스크가 있는 역할에 미배정이거나 태스크가 없으면 버튼 비활성화 + 이동 링크. 판정은 여전히 서버

Closes #48

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/shared/ui/index.tsx                      | 24 ++++++++--
 src/widgets/activity/ActivityView.tsx        |  4 +-
 src/widgets/project-list/ProjectListView.tsx | 18 +++++---
 src/widgets/settings/SettingsView.tsx        | 48 ++++++++++++++++----
 4 files changed, 73 insertions(+), 21 deletions(-)

diff --git a/src/shared/ui/index.tsx b/src/shared/ui/index.tsx
index a7fdd11..80c75cf 100644
--- a/src/shared/ui/index.tsx
+++ b/src/shared/ui/index.tsx
@@ -3,6 +3,7 @@
 import Link from "next/link";
 import {
   forwardRef,
+  useState,
   type ButtonHTMLAttributes,
   type InputHTMLAttributes,
   type ReactNode,
@@ -270,6 +271,19 @@ export function EmptyState({ title, desc, action }: { title: string; desc?: stri
 }
 
 export function CopyField({ value, label }: { value: string; label?: string }) {
+  const [copied, setCopied] = useState<"ok" | "fail" | null>(null);
+  const copy = () => {
+    const flash = (r: "ok" | "fail") => {
+      setCopied(r);
+      setTimeout(() => setCopied(null), 1500);
+    };
+    // clipboard는 https·localhost에서만 있다
+    if (!navigator.clipboard) return flash("fail");
+    navigator.clipboard.writeText(value).then(
+      () => flash("ok"),
+      () => flash("fail"),
+    );
+  };
   return (
     <div className="flex items-center gap-2 rounded-xl border border-ink-200 bg-ink-50 px-3 py-2">
       <div className="min-w-0 flex-1">
@@ -278,10 +292,14 @@ export function CopyField({ value, label }: { value: string; label?: string }) {
       </div>
       <button
         type="button"
-        onClick={() => navigator.clipboard?.writeText(value).catch(() => undefined)}
-        className="shrink-0 rounded-lg border border-ink-200 bg-white px-2.5 py-1 text-xs font-medium text-ink-700 hover:bg-ink-100"
+        onClick={copy}
+        aria-live="polite"
+        className={cn(
+          "shrink-0 whitespace-nowrap rounded-lg border border-ink-200 bg-white px-2.5 py-1 text-xs font-medium hover:bg-ink-100",
+          copied === "ok" ? "text-auto" : copied === "fail" ? "text-forbidden" : "text-ink-700",
+        )}
       >
-        복사
+        {copied === "ok" ? "복사됨 ✓" : copied === "fail" ? "복사 실패" : "복사"}
       </button>
     </div>
   );
diff --git a/src/widgets/activity/ActivityView.tsx b/src/widgets/activity/ActivityView.tsx
index 9c99a3c..f7dd34e 100644
--- a/src/widgets/activity/ActivityView.tsx
+++ b/src/widgets/activity/ActivityView.tsx
@@ -34,13 +34,13 @@ export function ActivityView({ projectId }: { projectId: string }) {
               상세에서 확인합니다.
             </p>
           </div>
-          <div className="inline-flex rounded-lg bg-ink-100 p-0.5">
+          <div className="inline-flex shrink-0 self-start rounded-lg bg-ink-100 p-0.5 sm:self-auto">
             {(Object.keys(TABS) as Tab[]).map((t) => (
               <button
                 key={t}
                 onClick={() => setTab(t)}
                 className={cn(
-                  "h-8 rounded-md px-3 text-[13px] font-medium",
+                  "h-7 whitespace-nowrap rounded-md px-2.5 text-[12px] font-medium",
                   tab === t ? "bg-white shadow-card" : "text-ink-600",
                 )}
               >
diff --git a/src/widgets/project-list/ProjectListView.tsx b/src/widgets/project-list/ProjectListView.tsx
index d34556c..4a4322c 100644
--- a/src/widgets/project-list/ProjectListView.tsx
+++ b/src/widgets/project-list/ProjectListView.tsx
@@ -126,12 +126,18 @@ export function ProjectListView() {
                     <p className="text-[14px] font-medium">
                       아직 배정된 프로젝트가 없습니다. 대표가 배정하면 여기에 나타납니다
                     </p>
-                    <p className="mt-1 text-[13px] text-ink-500">
-                      배정되려면 에이전트가 연결돼 있어야 합니다.{" "}
-                      <Link href="/connect" className="font-medium text-ink-900 hover:underline">
-                        에이전트 연결
-                      </Link>
-                    </p>
+                    {myAgent ? (
+                      <p className="mt-1 text-[13px] text-ink-500">
+                        에이전트 연결됨 · {myAgent.agentName}. 대표의 배정을 기다리는 중입니다.
+                      </p>
+                    ) : (
+                      <p className="mt-1 text-[13px] text-ink-500">
+                        배정되려면 에이전트가 연결돼 있어야 합니다.{" "}
+                        <Link href="/connect" className="font-medium text-ink-900 hover:underline">
+                          에이전트 연결
+                        </Link>
+                      </p>
+                    )}
                   </>
                 )}
               </li>
diff --git a/src/widgets/settings/SettingsView.tsx b/src/widgets/settings/SettingsView.tsx
index 1730686..96b7be3 100644
--- a/src/widgets/settings/SettingsView.tsx
+++ b/src/widgets/settings/SettingsView.tsx
@@ -18,7 +18,7 @@ import {
   useStartProject,
   useUnassignMember,
 } from "@/entities/project";
-import { TEAM_ROLE_META, TeamRoleBadge } from "@/entities/task";
+import { TEAM_ROLE_META, TeamRoleBadge, useTasks } from "@/entities/task";
 import { useCurrentUser } from "@/entities/user";
 
 const ROLES: TeamRole[] = ["FRONTEND", "BACKEND"];
@@ -279,6 +279,12 @@ function StartSection({
   const start = useStartProject(projectId);
   const [confirming, setConfirming] = useState(false);
   const details = errorDetails(start.error);
+  // 미리 막아 두는 안내일 뿐 판정은 서버가 한다 (시작 시 400 details가 정본)
+  const tasks = useTasks(projectId).data;
+  const unassigned = ROLES.filter(
+    (role) => tasks?.some((t) => t.teamRole === role) && !members.some((m) => m.teamRole === role),
+  );
+  const noTasks = tasks?.length === 0;
 
   return (
     <section id="start" className="card scroll-mt-6 p-5">
@@ -324,15 +330,37 @@ function StartSection({
               </div>
             </div>
           ) : (
-            <Button
-              className="mt-3"
-              onClick={() => {
-                start.reset();
-                setConfirming(true);
-              }}
-            >
-              <Play size={14} /> 프로젝트 시작
-            </Button>
+            <>
+              {(unassigned.length > 0 || noTasks) && (
+                <p className="mt-3 text-[13px] text-human">
+                  {noTasks ? (
+                    <>
+                      태스크가 없습니다.{" "}
+                      <Link href={`/p/${projectId}/rooms/owner`} className="font-medium underline underline-offset-2">
+                        Room 3에서 PM 계획 받기
+                      </Link>
+                    </>
+                  ) : (
+                    <>
+                      {unassigned.map((r) => TEAM_ROLE_META[r].label).join(", ")} 역할에 배정된 에이전트가 없습니다.{" "}
+                      <a href="#members" className="font-medium underline underline-offset-2">
+                        역할 배정으로
+                      </a>
+                    </>
+                  )}
+                </p>
+              )}
+              <Button
+                className="mt-3"
+                disabled={unassigned.length > 0 || noTasks}
+                onClick={() => {
+                  start.reset();
+                  setConfirming(true);
+                }}
+              >
+                <Play size={14} /> 프로젝트 시작
+              </Button>
+            </>
           )}
         </>
       )}