[RELEASE] v0.0.5

.agents/skills/ui/timo-component/SKILL.md

@@ -9,6 +9,7 @@
 
 - `docs/conventions/code-style.md` → 컴포넌트·타입·A11y 규칙
 - `docs/architecture/components.md` → 컴포넌트 계층
+- `docs/architecture/responsive.md` → 반응형 구현 규칙 (모바일 대응이 필요한 경우)
 
 ## 워크플로우
 

.agents/skills/ui/timo-page/SKILL.md

@@ -9,6 +9,7 @@
 
 - `docs/architecture/components.md` → 컴포넌트 계층
 - `docs/architecture/state.md` → 상태 관리 전략
+- `docs/architecture/responsive.md` → 반응형 구현 규칙 (모바일 대응이 필요한 경우)
 - `docs/conventions/naming.md` → 파일 네이밍
 - `docs/conventions/code-style.md` → 코드 스타일
 

.github/workflows/auto-assign.yml

@@ -29,10 +29,8 @@ jobs:
               // kimminna가 PR 작성 시: 나머지 3명 중 2명 랜덤
               reviewers = pickRandom(others, 2);
             } else {
-              // 나머지가 PR 작성 시: kimminna 고정 + 나머지 3명 중 작성자 제외 1명 랜덤
-              const eligible = others.filter(c => c !== author);
-              const random = pickRandom(eligible, 1);
-              reviewers = ['kimminna', ...random];
+              // 나머지가 PR 작성 시: 작성자를 제외한 나머지 2명 리뷰
+              reviewers = others.filter(c => c !== author);
             }
 
             await github.rest.pulls.requestReviewers({

.github/workflows/discord-reviewer-reminder.yml

@@ -34,6 +34,8 @@ jobs:
             };
             const resolveName = (login) => NAME_MAP[login] || login;
 
+            const EXCLUDED_MENTION_LOGINS = ['kimminna'];
+
             const webhookUrl = process.env.DISCORD_WEBHOOK_URL;
             if (!webhookUrl) {
               console.log('DISCORD_REMINDER_WEBHOOK_URL not set, skipping');
@@ -94,8 +96,13 @@ jobs:
               const hoursOpen = (now - oldestRequestTime) / (1000 * 60 * 60);
               if (hoursOpen < REMINDER_THRESHOLD_HOURS) continue;
 
+              const mentionedReviewers = reviewers.filter(
+                (reviewer) => !EXCLUDED_MENTION_LOGINS.includes(reviewer.login),
+              );
+              if (mentionedReviewers.length === 0 && teams.length === 0) continue;
+
               const reviewerNames = [
-                ...reviewers.map((reviewer) => resolveName(reviewer.login)),
+                ...mentionedReviewers.map((reviewer) => resolveName(reviewer.login)),
                 ...teams.map((team) => team.name || team.slug),
               ].join(', ');
 

AGENTS.md

@@ -69,8 +69,8 @@ Claude Code / Codex 공통 진입점입니다.
 
 ## 문서 위치
 
-| 내용                                       | 경로                 |
-| ------------------------------------------ | -------------------- |
-| 커밋·브랜치·이슈·코드 스타일·네이밍 컨벤션 | `docs/conventions/`  |
-| 기술 스택·컴포넌트 계층·상태 전략·스캐폴딩 | `docs/architecture/` |
-| 디자인 토큰·피그마 MCP 연동·스토리북       | `docs/design/`       |
+| 내용                                                   | 경로                 |
+| ------------------------------------------------------ | -------------------- |
+| 커밋·브랜치·이슈·코드 스타일·네이밍 컨벤션             | `docs/conventions/`  |
+| 기술 스택·컴포넌트 계층·상태 전략·스캐폴딩·반응형 구현 | `docs/architecture/` |
+| 디자인 토큰·피그마 MCP 연동·스토리북                   | `docs/design/`       |

apps/timo-web/app/[locale]/(main)/(with-time-sidebar)/_containers/WithTimeSidebarContainer.tsx

@@ -20,7 +20,14 @@ export const WithTimeSidebarContainer = ({
   children,
 }: WithTimeSidebarContainerProps) => {
   const isOpen = useTimeSidebarStore((state) => state.isOpen);
+  const isMobileOpen = useTimeSidebarStore((state) => state.isMobileOpen);
   const toggleOpen = useTimeSidebarStore((state) => state.toggleOpen);
+  const closeMobileOpen = useTimeSidebarStore((state) => state.closeMobileOpen);
+
+  const handleToggleCollapse = () => {
+    closeMobileOpen();
+    toggleOpen();
+  };
 
   const pathname = usePathname();
 
@@ -39,7 +46,13 @@ export const WithTimeSidebarContainer = ({
         {children}
       </div>
 
-      <TimeSidebar size={size} isOpen={isOpen} onToggleCollapse={toggleOpen} />
+      <TimeSidebar
+        size={size}
+        isOpen={isOpen}
+        isMobileOpen={isMobileOpen}
+        onToggleCollapse={handleToggleCollapse}
+        onCloseMobile={closeMobileOpen}
+      />
     </>
   );
 };

apps/timo-web/app/[locale]/(main)/(with-time-sidebar)/home/_components/todo-card/HomeTodoCard.tsx

@@ -1,13 +1,13 @@
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import {
+  ControlPauseActiveIcon,
+  ControlPlayActiveIcon,
   MemoDisableIcon,
   MemoOnIcon,
   PlayDisabledIcon,
-  PlayIcon,
   RepeatTodoDisableIcon,
   RepeatTodoOnIcon,
-  StopIcon,
 } from "@repo/timo-design-system/icons";
 import {
   Checkbox,
@@ -142,9 +142,9 @@ export const HomeTodoCard = ({
           {isCompleted ? (
             <PlayDisabledIcon />
           ) : isRunning ? (
-            <StopIcon />
+            <ControlPauseActiveIcon width={12} height={12} />
           ) : isPlayHighlighted ? (
-            <PlayIcon />
+            <ControlPlayActiveIcon width={12} height={12} />
           ) : (
             <PlayDisabledIcon />
           )}
@@ -179,7 +179,7 @@ export const HomeTodoCard = ({
               checked={isSubtaskCompleted}
               onChange={(checked) => onToggleSubtaskCompleted?.(checked)}
             />
-            <p className="typo-body-r-12 text-timo-gray-700 min-w-0 flex-1 truncate">
+            <p className="typo-body-r-12 text-timo-gray-800 min-w-0 flex-1 truncate">
               {subtaskTitle}
             </p>
           </div>

apps/timo-web/app/[locale]/(main)/(with-time-sidebar)/home/_containers/HomeHeaderContainer.tsx

@@ -5,7 +5,8 @@ import { useTranslations } from "next-intl";
 import { triggerScrollToToday } from "@/app/[locale]/(main)/(with-time-sidebar)/home/_hooks/use-home-today-scroll";
 import { useHomeViewMode } from "@/app/[locale]/(main)/(with-time-sidebar)/home/_hooks/use-home-view-mode";
 import { Header } from "@/components/layout/header/Header";
-import { useNavigationSidebar } from "@/components/layout/sidebar/navigation/NavigationSidebarContext";
+import { NavigationSidebarToggle } from "@/components/layout/sidebar/navigation/NavigationSidebarToggle";
+import { useTimeSidebarStore } from "@/stores/time-sidebar/useTimeSidebarStore";
 
 export const HomeHeaderContainer = () => {
   const t = useTranslations("Home");
@@ -14,7 +15,12 @@ export const HomeHeaderContainer = () => {
 
   const viewOptions = [basicLabel, weekLabel];
 
-  const { isOpen, toggle } = useNavigationSidebar();
+  const isTimeSidebarMobileOpen = useTimeSidebarStore(
+    (state) => state.isMobileOpen,
+  );
+  const toggleTimeSidebarMobileOpen = useTimeSidebarStore(
+    (state) => state.toggleMobileOpen,
+  );
   const { isWeekView, setViewMode, goToNextWeek, goToPrevWeek, goToToday } =
     useHomeViewMode();
 
@@ -35,7 +41,7 @@ export const HomeHeaderContainer = () => {
     <Header
       left={
         <>
-          <Header.SidebarButton isOpen={isOpen} onClick={toggle} />
+          <NavigationSidebarToggle />
           {isWeekView ? (
             <Header.WeeklyNav onPrev={goToPrevWeek} onNext={goToNextWeek} />
           ) : (
@@ -44,11 +50,19 @@ export const HomeHeaderContainer = () => {
         </>
       }
       right={
-        <Header.ViewDropdown
-          items={viewOptions}
-          value={isWeekView ? weekLabel : basicLabel}
-          onChange={handleChangeView}
-        />
+        <div className="flex items-center gap-3">
+          <Header.ViewDropdown
+            items={viewOptions}
+            value={isWeekView ? weekLabel : basicLabel}
+            onChange={handleChangeView}
+          />
+          <Header.SidebarButton
+            isOpen={isTimeSidebarMobileOpen}
+            onClick={toggleTimeSidebarMobileOpen}
+            label="시간 패널"
+            className="md:hidden"
+          />
+        </div>
       }
     />
   );

apps/timo-web/app/[locale]/(main)/(with-time-sidebar)/home/_containers/HomeTodoContainer.tsx

@@ -109,7 +109,9 @@ export const HomeTodoContainer = () => {
       ref={scrollRef}
       className={cn(
         "flex h-full overflow-x-auto scroll-smooth",
-        isWeekView ? "w-full gap-2.5" : "snap-x snap-proximity gap-5",
+        isWeekView
+          ? "w-full snap-x snap-mandatory gap-2.5 md:snap-none"
+          : "snap-x snap-proximity gap-5",
       )}
     >
       {days.map((day) => {
@@ -125,8 +127,8 @@ export const HomeTodoContainer = () => {
             className={cn(
               "flex h-full flex-col gap-2",
               isWeekView
-                ? "min-w-[150px] flex-1"
-                : "w-[230px] shrink-0 snap-start",
+                ? "w-full shrink-0 snap-start md:w-auto md:min-w-37.5 md:flex-1 md:shrink"
+                : "w-57.5 shrink-0 snap-start",
             )}
           >
             <HomeDayHeaderContainer

apps/timo-web/app/[locale]/(main)/(with-time-sidebar)/home/_hooks/use-home-todos-by-date.ts

@@ -153,19 +153,13 @@ export const useHomeTodosByDate = (
   const handleTogglePlay = (dateKey: string, todoId: number) => {
     if (isTimerActionPending) return;
 
-    const willRun =
-      todosByDate[dateKey]?.find((todo) => todo.todoId === todoId)
-        ?.timerStatus !== "RUNNING";
-
-    if (willRun) {
-      openTimerPanel();
-    }
-
     if (
       activeTimer &&
       activeTimer.todoId === todoId &&
       activeTimer.date === dateKey
     ) {
+      const isResuming = activeTimer.status !== "RUNNING";
+
       changeStatus(
         {
           timerId: activeTimer.timerId,
@@ -174,8 +168,10 @@ export const useHomeTodosByDate = (
           },
         },
         {
-          onSuccess: () =>
-            invalidateTimerProgress({ includeFocus: true, todoId }),
+          onSuccess: () => {
+            if (isResuming) openTimerPanel();
+            invalidateTimerProgress({ includeFocus: true, todoId });
+          },
         },
       );
       return;
@@ -190,8 +186,10 @@ export const useHomeTodosByDate = (
     startTimer(
       { todoId, params: { date: dateKey } },
       {
-        onSuccess: () =>
-          invalidateTimerProgress({ includeFocus: true, todoId }),
+        onSuccess: () => {
+          openTimerPanel();
+          invalidateTimerProgress({ includeFocus: true, todoId });
+        },
         onError: (error: ApiError) => {
           onPlayError(error.message);
         },