From 7b0bd177bc1c81194f78e037ac76263b32919323 Mon Sep 17 00:00:00 2001
From: jieunsse <jieunsse@gmail.com>
Date: Tue, 24 Feb 2026 13:55:10 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20addteam,=20teamid=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=A9=94=ED=83=80=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(root)/[teamid]/page.tsx | 23 +++++++++++++++++------
 src/app/(root)/addteam/page.tsx  | 16 ++++++++++++++++
 2 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/app/(root)/[teamid]/page.tsx b/src/app/(root)/[teamid]/page.tsx
index 88b0c18..5c00551 100644
--- a/src/app/(root)/[teamid]/page.tsx
+++ b/src/app/(root)/[teamid]/page.tsx
@@ -1,14 +1,25 @@
-'use client';
-
+import type { Metadata } from 'next';
 import dynamic from 'next/dynamic';
-import { useParams } from 'next/navigation';
 
 const TeamDashboard = dynamic(() => import('./_domain/components/Team/TeamDashboard'), {
   ssr: false,
 });
 
-export default function TeamPage() {
-  const params = useParams<{ teamid: string }>();
+export const metadata: Metadata = {
+  title: 'Coworkers — 팀 대시보드',
+  description: '팀원과 함께 할 일을 관리하고 칸반보드로 업무 현황을 한눈에 확인하세요.',
+  openGraph: {
+    title: 'Coworkers — 팀 대시보드',
+    description: '팀원과 함께 할 일을 관리하고 칸반보드로 업무 현황을 한눈에 확인하세요.',
+    type: 'website',
+    locale: 'ko_KR',
+  },
+  robots: {
+    index: false,
+    follow: false,
+  },
+};
 
-  return <TeamDashboard key={params?.teamid} />;
+export default function TeamPage({ params }: { params: { teamid: string } }) {
+  return <TeamDashboard key={params.teamid} />;
 }
diff --git a/src/app/(root)/addteam/page.tsx b/src/app/(root)/addteam/page.tsx
index 9ca589a..dd56f66 100644
--- a/src/app/(root)/addteam/page.tsx
+++ b/src/app/(root)/addteam/page.tsx
@@ -1,5 +1,21 @@
+import type { Metadata } from 'next';
 import NoTeamState from './_domain/components/NoTeamState';
 
+export const metadata: Metadata = {
+  title: 'Coworkers — 팀 추가',
+  description: '새로운 팀을 만들거나 기존 팀에 참가하세요. Coworkers로 팀 협업을 시작하세요.',
+  openGraph: {
+    title: 'Coworkers — 팀 추가',
+    description: '새로운 팀을 만들거나 기존 팀에 참가하세요.',
+    type: 'website',
+    locale: 'ko_KR',
+  },
+  robots: {
+    index: false,
+    follow: false,
+  },
+};
+
 export default function AddTeamPage() {
   return <NoTeamState />;
 }

From 61220ce0bf5f1639d02332cefcb370447c22f552 Mon Sep 17 00:00:00 2001
From: jieunsse <jieunsse@gmail.com>
Date: Tue, 24 Feb 2026 15:29:21 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=EB=A6=AC=EC=8A=A4=ED=8A=B8?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9D=B4=EB=8F=99=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80=20&=20=ED=8C=80=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=20=EA=B8=B0=EC=96=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Member/MemberSection.module.css           |  1 -
 .../components/Team/TeamDashboard.module.css  | 15 +++++++++++
 .../_domain/components/Team/TeamDashboard.tsx |  4 +++
 .../components/Team/TeamDashboardClient.tsx   | 11 ++++++++
 src/app/(root)/[teamid]/page.tsx              |  8 ++----
 .../(root)/list/_hooks/useInitialGroupId.ts   |  8 ++++++
 src/app/(root)/list/page.tsx                  | 25 ++++++++++++++++---
 7 files changed, 62 insertions(+), 10 deletions(-)
 create mode 100644 src/app/(root)/[teamid]/_domain/components/Team/TeamDashboardClient.tsx
 create mode 100644 src/app/(root)/list/_hooks/useInitialGroupId.ts

diff --git a/src/app/(root)/[teamid]/_domain/components/Member/MemberSection.module.css b/src/app/(root)/[teamid]/_domain/components/Member/MemberSection.module.css
index e274f08..e01aa64 100644
--- a/src/app/(root)/[teamid]/_domain/components/Member/MemberSection.module.css
+++ b/src/app/(root)/[teamid]/_domain/components/Member/MemberSection.module.css
@@ -5,7 +5,6 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
-  margin-top: 44px;
 }
 
 .header {
diff --git a/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.module.css b/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.module.css
index 07e4b36..88ae750 100644
--- a/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.module.css
+++ b/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.module.css
@@ -33,6 +33,21 @@
   gap: 16px;
 }
 
+.listLink {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 38px;
+  width: 100%;
+  margin-top: 44px;
+  background-color: var(--color-text-primary);
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-text-inverse);
+  text-decoration: none;
+}
+
 @media (max-width: 1280px) {
   .content {
     flex-direction: column;
diff --git a/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.tsx b/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.tsx
index c66980f..4ca5938 100644
--- a/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.tsx
+++ b/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboard.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import Link from 'next/link';
 import { useParams, useRouter } from 'next/navigation';
 import { useQuery, useQueries } from '@tanstack/react-query';
 import KanbanBoard from '../Kanban/KanbanBoard';
@@ -124,6 +125,9 @@ export default function TeamDashboard() {
         </div>
 
         <aside className={styles.rightPanel}>
+          <Link href={`/list?groupId=${teamid}`} className={styles.listLink}>
+            리스트 보기
+          </Link>
           <MemberSection
             members={group.members ?? []}
             isAdmin={isAdmin}
diff --git a/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboardClient.tsx b/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboardClient.tsx
new file mode 100644
index 0000000..9b98aa7
--- /dev/null
+++ b/src/app/(root)/[teamid]/_domain/components/Team/TeamDashboardClient.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+const TeamDashboard = dynamic(() => import('./TeamDashboard'), {
+  ssr: false,
+});
+
+export default function TeamDashboardClient({ teamid }: { teamid: string }) {
+  return <TeamDashboard key={teamid} />;
+}
diff --git a/src/app/(root)/[teamid]/page.tsx b/src/app/(root)/[teamid]/page.tsx
index 5c00551..b5ba7a9 100644
--- a/src/app/(root)/[teamid]/page.tsx
+++ b/src/app/(root)/[teamid]/page.tsx
@@ -1,9 +1,5 @@
 import type { Metadata } from 'next';
-import dynamic from 'next/dynamic';
-
-const TeamDashboard = dynamic(() => import('./_domain/components/Team/TeamDashboard'), {
-  ssr: false,
-});
+import TeamDashboardClient from './_domain/components/Team/TeamDashboardClient';
 
 export const metadata: Metadata = {
   title: 'Coworkers — 팀 대시보드',
@@ -21,5 +17,5 @@ export const metadata: Metadata = {
 };
 
 export default function TeamPage({ params }: { params: { teamid: string } }) {
-  return <TeamDashboard key={params.teamid} />;
+  return <TeamDashboardClient teamid={params.teamid} />;
 }
diff --git a/src/app/(root)/list/_hooks/useInitialGroupId.ts b/src/app/(root)/list/_hooks/useInitialGroupId.ts
new file mode 100644
index 0000000..c7649df
--- /dev/null
+++ b/src/app/(root)/list/_hooks/useInitialGroupId.ts
@@ -0,0 +1,8 @@
+import { useSearchParams } from 'next/navigation';
+
+// URL 쿼리 파라미터 groupId에서 초기 활성 그룹 ID를 읽어오는 훅
+export function useInitialGroupId(): number | undefined {
+  const searchParams = useSearchParams();
+  const id = Number(searchParams.get('groupId'));
+  return id > 0 ? id : undefined;
+}
diff --git a/src/app/(root)/list/page.tsx b/src/app/(root)/list/page.tsx
index 9733eaf..503701f 100644
--- a/src/app/(root)/list/page.tsx
+++ b/src/app/(root)/list/page.tsx
@@ -1,9 +1,17 @@
 'use client';
 
-import { useEffect, useMemo, useRef, useState, type MouseEvent as ReactMouseEvent } from 'react';
+import {
+  Suspense,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  type MouseEvent as ReactMouseEvent,
+} from 'react';
 import Image from 'next/image';
 import { useQueryClient } from '@tanstack/react-query';
 import { useRouter } from 'next/navigation';
+import { useInitialGroupId } from './_hooks/useInitialGroupId';
 
 import styles from './list.module.css';
 
@@ -401,7 +409,7 @@ const EDIT_TEAM_PATH = (groupId: number) => `/teams/${groupId}/edit`;
 
 type CreateTaskListResult = { id: number };
 
-export default function ListPage() {
+function ListPage() {
   const router = useRouter();
   const qc = useQueryClient();
   const desktopSidebarRef = useRef<HTMLDivElement | null>(null);
@@ -445,7 +453,10 @@ export default function ListPage() {
   }, [me?.memberships]);
 
   const [activeGroupIdState, setActiveGroupIdState] = useState<number | undefined>(undefined);
-  const activeGroupId = activeGroupIdState ?? groups[0]?.id ?? 0;
+  const urlGroupId = useInitialGroupId();
+
+  // URL 파라미터 → 유저 선택 → 첫 번째 그룹 순으로 활성 그룹 결정
+  const activeGroupId = activeGroupIdState ?? urlGroupId ?? groups[0]?.id ?? 0;
 
   const activeGroup = useMemo(
     () => groups.find((g) => g.id === activeGroupId) ?? null,
@@ -1557,3 +1568,11 @@ export default function ListPage() {
     </main>
   );
 }
+
+export default function ListPageRoot() {
+  return (
+    <Suspense>
+      <ListPage />
+    </Suspense>
+  );
+}