シフト一時保存 (#322)

* docs: SubAgentのモデル指定をCLAUDE.mdに追加

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* feat: シフト編集画面に一時保存ボタンと警告モーダルを追加

- saveShiftAssignmentsを単独呼び出しして通知せず割当を保存
- 初回保存時のみ「自動配置が止まる」警告モーダルを表示
- 確定後は警告なしで即保存

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* chore: スタッフ15人と希望シフトを投入するseed mutationを追加

- seedRealisticStaffRequestsで学生/フリーター/主婦など現実的なパターンで投入
- 未提出1人/全休み提出1人など提出状況のバリエーションも含める

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* chore: biome.jsonのスキーマバージョンを2.4.11に更新

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* chore: ダッシュボード警告の文言を明確化

「編集中にも変更される」から「編集中にも希望シフトが追加される」に変更し
何が変わるかを具体的に示す

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: yn1323

CLAUDE.md

@@ -46,6 +46,7 @@ pnpm e2e e2e/path/to/file.spec.ts                       # 特定E2Eファイル
 - `lint`はwarningでも修正すること
 - 次に`/review`を実行して、レビュー結果を要修正、不要で分けて提示してください。
 - 上記完了後、SubAgentで`/simplify`を実行してリファクタを行うこと（Context消費したくない）
+- SubAgentのモデルはOpus4.6にしてください
 
 ### フロントエンド（UIあり）
 

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.11/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

convex-seeds/seeds/db.zip

@@ -105,91 +105,5 @@ export declare const internal: FilterApi<
 >;
 
 export declare const components: {
-  migrations: {
-    lib: {
-      cancel: FunctionReference<
-        "mutation",
-        "internal",
-        { name: string },
-        {
-          batchSize?: number;
-          cursor?: string | null;
-          error?: string;
-          isDone: boolean;
-          latestEnd?: number;
-          latestStart: number;
-          name: string;
-          next?: Array<string>;
-          processed: number;
-          state: "inProgress" | "success" | "failed" | "canceled" | "unknown";
-        }
-      >;
-      cancelAll: FunctionReference<
-        "mutation",
-        "internal",
-        { sinceTs?: number },
-        Array<{
-          batchSize?: number;
-          cursor?: string | null;
-          error?: string;
-          isDone: boolean;
-          latestEnd?: number;
-          latestStart: number;
-          name: string;
-          next?: Array<string>;
-          processed: number;
-          state: "inProgress" | "success" | "failed" | "canceled" | "unknown";
-        }>
-      >;
-      clearAll: FunctionReference<
-        "mutation",
-        "internal",
-        { before?: number },
-        null
-      >;
-      getStatus: FunctionReference<
-        "query",
-        "internal",
-        { limit?: number; names?: Array<string> },
-        Array<{
-          batchSize?: number;
-          cursor?: string | null;
-          error?: string;
-          isDone: boolean;
-          latestEnd?: number;
-          latestStart: number;
-          name: string;
-          next?: Array<string>;
-          processed: number;
-          state: "inProgress" | "success" | "failed" | "canceled" | "unknown";
-        }>
-      >;
-      migrate: FunctionReference<
-        "mutation",
-        "internal",
-        {
-          batchSize?: number;
-          cursor?: string | null;
-          dryRun: boolean;
-          fnHandle: string;
-          name: string;
-          next?: Array<{ fnHandle: string; name: string }>;
-          oneBatchOnly?: boolean;
-          reset?: boolean;
-        },
-        {
-          batchSize?: number;
-          cursor?: string | null;
-          error?: string;
-          isDone: boolean;
-          latestEnd?: number;
-          latestStart: number;
-          name: string;
-          next?: Array<string>;
-          processed: number;
-          state: "inProgress" | "success" | "failed" | "canceled" | "unknown";
-        }
-      >;
-    };
-  };
+  migrations: import("@convex-dev/migrations/_generated/component.js").ComponentApi<"migrations">;
 };

convex/_generated/api.d.ts

@@ -122,6 +122,174 @@ export const seedPaginationTestData = internalMutation({
   },
 });
 
+/**
+ * 探索的テスト用：最新shop/recruitmentにスタッフ15人と現実的な希望シフトを投入
+ */
+export const seedRealisticStaffRequests = internalMutation({
+  args: {},
+  handler: async (ctx) => {
+    const shop = await ctx.db.query("shops").order("desc").first();
+    if (!shop) throw new Error("No shop found");
+
+    const recruitment = await ctx.db
+      .query("recruitments")
+      .withIndex("by_shopId", (q) => q.eq("shopId", shop._id))
+      .order("desc")
+      .first();
+    if (!recruitment) throw new Error("No recruitment found");
+
+    const start = new Date(recruitment.periodStart);
+    const dates: string[] = [];
+    for (let i = 0; i < 7; i++) {
+      const d = new Date(start);
+      d.setDate(d.getDate() + i);
+      dates.push(d.toISOString().slice(0, 10));
+    }
+    const isWeekend = (i: number) => {
+      const dow = new Date(dates[i]).getDay();
+      return dow === 0 || dow === 6;
+    };
+
+    type Pattern = {
+      name: string;
+      email: string;
+      mode: "requests" | "allOff" | "unsubmitted";
+      pick: (i: number) => { startTime: string; endTime: string } | null;
+    };
+    const patterns: Pattern[] = [
+      {
+        name: "田中 健太",
+        email: "tanaka.kenta@example.com",
+        mode: "requests",
+        pick: (i) =>
+          isWeekend(i) ? { startTime: "17:00", endTime: "25:00" } : { startTime: "19:00", endTime: "23:00" },
+      },
+      {
+        name: "佐藤 美咲",
+        email: "sato.misaki@example.com",
+        mode: "requests",
+        pick: (i) => (i === 3 ? null : { startTime: "17:00", endTime: "24:00" }),
+      },
+      {
+        name: "鈴木 翔太",
+        email: "suzuki.shota@example.com",
+        mode: "requests",
+        pick: (i) => ([1, 3, 4].includes(i) ? { startTime: "18:00", endTime: "23:00" } : null),
+      },
+      {
+        name: "高橋 由美",
+        email: "takahashi.yumi@example.com",
+        mode: "requests",
+        pick: (i) => ([4, 5].includes(i) ? { startTime: "17:00", endTime: "22:00" } : null),
+      },
+      {
+        name: "伊藤 直樹",
+        email: "ito.naoki@example.com",
+        mode: "requests",
+        pick: (i) => (isWeekend(i) ? { startTime: "17:00", endTime: "21:00" } : null),
+      },
+      {
+        name: "渡辺 彩香",
+        email: "watanabe.ayaka@example.com",
+        mode: "requests",
+        pick: (i) => ([0, 2, 5].includes(i) ? { startTime: "18:30", endTime: "23:00" } : null),
+      },
+      {
+        name: "山本 隆",
+        email: "yamamoto.takashi@example.com",
+        mode: "requests",
+        pick: (i) => (i === 2 ? null : { startTime: "17:00", endTime: "25:00" }),
+      },
+      {
+        name: "中村 愛",
+        email: "nakamura.ai@example.com",
+        mode: "unsubmitted",
+        pick: () => null,
+      },
+      {
+        name: "小林 陽介",
+        email: "kobayashi.yosuke@example.com",
+        mode: "requests",
+        pick: (i) => (isWeekend(i) ? { startTime: "17:00", endTime: "24:00" } : null),
+      },
+      {
+        name: "加藤 真理",
+        email: "kato.mari@example.com",
+        mode: "requests",
+        pick: (i) => (!isWeekend(i) ? { startTime: "18:00", endTime: "22:00" } : null),
+      },
+      {
+        name: "吉田 亮",
+        email: "yoshida.ryo@example.com",
+        mode: "requests",
+        pick: (i) => (i === 6 ? null : { startTime: "17:00", endTime: "24:30" }),
+      },
+      {
+        name: "山田 美穂",
+        email: "yamada.miho@example.com",
+        mode: "requests",
+        pick: (i) => ([0, 2, 4].includes(i) ? { startTime: "18:00", endTime: "23:00" } : null),
+      },
+      {
+        name: "佐々木 翔",
+        email: "sasaki.sho@example.com",
+        mode: "requests",
+        pick: (i) => ([1, 4, 5, 6].includes(i) ? { startTime: "17:30", endTime: "22:30" } : null),
+      },
+      {
+        name: "松本 涼子",
+        email: "matsumoto.ryoko@example.com",
+        mode: "allOff",
+        pick: () => null,
+      },
+      {
+        name: "井上 大樹",
+        email: "inoue.daiki@example.com",
+        mode: "requests",
+        pick: (i) => ([2, 5].includes(i) ? { startTime: "19:00", endTime: "23:00" } : null),
+      },
+    ];
+
+    let staffInserted = 0;
+    let requestsInserted = 0;
+    let submissionsInserted = 0;
+
+    for (const p of patterns) {
+      const staffId = await ctx.db.insert("staffs", {
+        shopId: shop._id,
+        name: p.name,
+        email: p.email,
+        isDeleted: false,
+      });
+      staffInserted++;
+
+      if (p.mode === "unsubmitted") continue;
+
+      for (let i = 0; i < 7; i++) {
+        const slot = p.pick(i);
+        if (!slot) continue;
+        await ctx.db.insert("shiftRequests", {
+          recruitmentId: recruitment._id,
+          staffId,
+          date: dates[i],
+          startTime: slot.startTime,
+          endTime: slot.endTime,
+        });
+        requestsInserted++;
+      }
+
+      await ctx.db.insert("shiftSubmissions", {
+        recruitmentId: recruitment._id,
+        staffId,
+        submittedAt: Date.now(),
+      });
+      submissionsInserted++;
+    }
+
+    return { staffInserted, requestsInserted, submissionsInserted, dates };
+  },
+});
+
 /**
  * 探索的テスト用：シフト提出画面のテストデータを一括セットアップ
  * shop + staff + recruitment + magicLink + session を作成し、sessionTokenを返す

convex/testing.ts

@@ -269,7 +269,7 @@ export const DashboardContent = ({
       >
         <Stack gap={1}>
           <Text>全員分の希望がそろっていません</Text>
-          <Text>編集中にも変更される場合があります</Text>
+          <Text>編集中にも希望シフトが追加される場合があります</Text>
         </Stack>
       </Dialog>
 

src/components/features/Dashboard/DashboardContent/index.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { SaveDraftWarningContent } from "./index";
+
+const meta = {
+  title: "Features/ShiftBoard/SaveDraftWarningContent",
+  component: SaveDraftWarningContent,
+  parameters: {
+    layout: "padded",
+  },
+} satisfies Meta<typeof SaveDraftWarningContent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

src/components/features/ShiftBoard/SaveDraftWarningContent/index.stories.tsx

@@ -0,0 +1,11 @@
+import { Stack, Text } from "@chakra-ui/react";
+
+export const SaveDraftWarningContent = () => {
+  return (
+    <Stack gap={3} fontSize="sm" lineHeight="tall">
+      <Text>一時保存後に提出されたシフトは、シフト予定（青いバー）が自動で設定されません。</Text>
+      <Text>以降提出されたシフトは手動でシフト予定時間を設定してください。</Text>
+      <Text>※スタッフの希望シフト（黒い点線）は、引き続き設定されます。</Text>
+    </Stack>
+  );
+};

src/components/features/ShiftBoard/SaveDraftWarningContent/index.tsx

@@ -22,6 +22,7 @@ const AllVariants = () => (
       periodLabel="1/20(月)〜1/26(日) のシフト"
       confirmedAt={null}
       onConfirm={() => {}}
+      onSaveDraft={() => {}}
       viewMode="daily"
       onViewModeChange={() => {}}
     />
@@ -33,6 +34,7 @@ const AllVariants = () => (
       periodLabel="1/20(月)〜1/26(日) のシフト"
       confirmedAt={new Date("2026-03-28T23:15:00")}
       onConfirm={() => {}}
+      onSaveDraft={() => {}}
       viewMode="overview"
       onViewModeChange={() => {}}
     />
@@ -45,6 +47,7 @@ export const Variants: Story = {
     periodLabel: "1/20(月)〜1/26(日) のシフト",
     confirmedAt: null,
     onConfirm: () => {},
+    onSaveDraft: () => {},
     viewMode: "daily",
     onViewModeChange: () => {},
   },

src/components/features/ShiftBoard/ShiftBoardHeader/index.stories.tsx

@@ -10,6 +10,7 @@ export const ShiftBoardHeader = ({
   periodLabel,
   confirmedAt,
   onConfirm,
+  onSaveDraft,
   viewMode,
   onViewModeChange,
 }: ShiftBoardHeaderProps) => {
@@ -37,6 +38,10 @@ export const ShiftBoardHeader = ({
           <SegmentGroup.Items items={VIEW_OPTIONS} cursor="pointer" />
         </SegmentGroup.Root>
 
+        <Button variant="outline" size="sm" onClick={onSaveDraft}>
+          一時保存
+        </Button>
+
         {isConfirmed ? (
           <Button variant="outline" size="sm" borderColor="teal.600" color="teal.600" onClick={onConfirm}>
             再通知する