diff --git a/src/components/common/forge/Forge.vue b/src/components/common/forge/Forge.vue
index aadeea3..e5c0ba4 100644
--- a/src/components/common/forge/Forge.vue
+++ b/src/components/common/forge/Forge.vue
@@ -460,6 +460,28 @@ const {
   __staticDevices,
 } = useForgeSprite();
 
+// === Date 工具 ===
+function __fmtYMD(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}/${m}/${day}`;
+}
+
+// 依床位與索引產生「穩定且分散」的入住日期（不會落到未來）
+function seededStartTime(bedKey, idx = 0) {
+  const n = parseInt(String(bedKey).replace("-", ""), 10) || 0;
+  const base = new Date(2024, 0, 1); // 2024/01/01
+  const offset = (n * 13 + idx * 17) % 540; // 約 18 個月範圍
+  let d = new Date(base.getTime() + offset * 86400000);
+  const today = new Date();
+  if (d > today) {
+    const back = (n % 60) + 10; // 至少往回 10 天
+    d = new Date(today.getTime() - back * 86400000);
+  }
+  return __fmtYMD(d);
+}
+
 /** ===================== 常數 / 主題色 ===================== */
 const FLOOR_DBIDS = { "1F": null, "2F": null };
 const BRAND_RED = "#FF8678"; // 女（佔床）
@@ -486,6 +508,7 @@ function loadResidentStore() {
     return new Map();
   }
 }
+
 function saveResidentStore(map) {
   try {
     localStorage.setItem(
@@ -521,7 +544,7 @@ function ensureResidentFor(bedKey, genderHint) {
       residentsName: fixed.name,
       residentsSex: fixed.sex || genderHint || "男",
       residentsAge: fixed.age ?? 78,
-      startTime: fixed.startTime ?? "2023/01/15",
+      startTime: fixed.startTime ?? "2025/01/01",
       healthStatus: fixed.healthStatus ?? "一般",
       medicationStatus: fixed.medicationStatus ?? "規律服藥",
       specialEvent: fixed.specialEvent ?? "-",
@@ -532,14 +555,14 @@ function ensureResidentFor(bedKey, genderHint) {
     return rec;
   }
 
-  // 🧰 再看 localStorage（沒有寫死表才用舊值；補齊性別）
+  // 再看 localStorage（沒有寫死表才用舊值；補齊性別）
   const existed = RESIDENT_BY_BED.get(key);
   if (existed) {
     if (!existed.residentsSex && genderHint) existed.residentsSex = genderHint;
     return existed;
   }
 
-  // 🆘 最後備援（真的沒定義到的床位）
+  // 最後備援（真的沒定義到的床位）
   const g = genderHint === "女" ? "女" : "男";
   const pool = g === "男" ? NAME_POOL_MALE : NAME_POOL_FEMALE;
   const idx = hashFNV1a(key) % pool.length;
@@ -548,7 +571,7 @@ function ensureResidentFor(bedKey, genderHint) {
     residentsName: pool[idx],
     residentsSex: g,
     residentsAge: 78,
-    startTime: "2023/01/15",
+    startTime: seededStartTime(key, idx),
     healthStatus: "一般",
     medicationStatus: "規律服藥",
     specialEvent: "-",
@@ -1156,6 +1179,49 @@ window.FORGE_API = {
   },
 };
 
+// === 新增：聚焦指定床位並顯示 popover ===
+window.FORGE_API.focusBed = async function focusBed(bedKey, opts = {}) {
+  try {
+    if (!viewer || !__staticDevices?.length) return false;
+
+    const bed = String(bedKey || "").trim();
+    if (!bed) return false;
+
+    // 確認樓層，必要時切換（1xx→1F，2xx→2F）
+    const targetFloor = bed.charAt(0) === "2" ? "2F" : "1F";
+    if (activeFloor.value !== targetFloor) {
+      await applyFloor(targetFloor);
+    }
+
+    // 找到對應 sprite
+    const dev = __staticDevices.find(
+      (d) => d.bedKey === bed || d.name?.includes(bed)
+    );
+    if (!dev) return false;
+
+    // 讓 popover 篩選顯示到它（selectedInfo 要對上該 sprite 的 status）
+    selectedInfo.value = dev.status; // 'occupied' | 'vacant' | 'hospitalized' | 'leave'
+    soloSpriteId.value = dev.spriteDbId;
+    bringToFrontById(dev.spriteDbId);
+
+    // 重新算 popover 位置
+    rebuildLabelsAfterNextRender();
+
+    // 視角帶到該 sprite（可用 opts.fit=false 關掉）
+    if (opts.fit !== false) {
+      await cardfitToView({
+        forge_dbid: dev.forge_dbid,
+        spriteDbId: dev.spriteDbId,
+        back: 30,
+      });
+    }
+    return true;
+  } catch (err) {
+    console.warn("[FORGE_API.focusBed] failed:", err);
+    return false;
+  }
+};
+
 /** ===================== Sprites 顏色規則 ===================== */
 function spriteColorBy(status, gender) {
   if (status === "occupied") return gender === "男" ? BRAND_GREEN : BRAND_RED;
@@ -1508,6 +1574,39 @@ async function onClickFloor(next) {
 
 /** ===================== 生命週期 ===================== */
 onMounted(async () => {
+  (function migrateResidentStore() {
+    let changed = false;
+    for (const [k, v] of RESIDENT_BY_BED.entries()) {
+      // 只清理舊備援資料或 startTime 落在 2023/01/15 的
+      if (!v || v.startTime === "2023/01/15") {
+        const fixed = RESIDENTS_BY_BED?.[k];
+        if (fixed) {
+          RESIDENT_BY_BED.set(k, {
+            roomGender: fixed.sex,
+            residentsName: fixed.name,
+            residentsSex: fixed.sex,
+            residentsAge: fixed.age,
+            startTime: fixed.startTime,
+            healthStatus: fixed.healthStatus,
+            medicationStatus: fixed.medicationStatus,
+            specialEvent: fixed.specialEvent,
+            note: fixed.note,
+          });
+        } else {
+          // 沒有寫死表就用新的 seededStartTime
+          const g = v?.residentsSex || "男";
+          RESIDENT_BY_BED.set(k, {
+            ...v,
+            startTime: seededStartTime(k, 0),
+            residentsSex: g,
+          });
+        }
+        changed = true;
+      }
+    }
+    if (changed) saveResidentStore(RESIDENT_BY_BED);
+  })();
+
   document.addEventListener("click", onClickOutsideInfo);
   document.addEventListener("keydown", onKeydownInfo);
   activeFloor.value = resolveInitialFloor();
diff --git a/src/constants/mocks/facilityData.js b/src/constants/mocks/facilityData.js
index e9ce953..7f020e3 100644
--- a/src/constants/mocks/facilityData.js
+++ b/src/constants/mocks/facilityData.js
@@ -7,6 +7,7 @@
  *  @property {string} medicationStatus
  *  @property {string} specialEvent
  *  @property {string} note
+ *
  */
 
 // ========== 固定姓名池（A 機構床號 74 → 男/女各 37）==========
@@ -233,6 +234,31 @@ export function ageFromBedKey(key, base = 66) {
 }
 
 // ========== 建立固定住民表 ==========
+// 工具：格式化成 YYYY/MM/DD
+function fmtYMD(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}/${m}/${day}`;
+}
+
+// 工具：依床位與索引產生「穩定且分散」的入住日期
+// 規則：以 2025/01/01 為起點，往後偏移 0~540 天（約 18 個月）
+// 若超過今天，會往回扣 (n % 60 + 10) 天，確保不會是未來日期
+function seededStartTime(bedKey, idx) {
+  const n = parseInt(String(bedKey).replace("-", ""), 10) || 0;
+  const base = new Date(2025, 0, 1); // 2025/01/01
+  const OFFSET_DAYS = (n * 13 + idx * 17) % 540; // 分散 18 個月內
+  let d = new Date(base.getTime() + OFFSET_DAYS * 86400000);
+
+  const today = new Date();
+  if (d > today) {
+    const back = (n % 60) + 10; // 至少退 10 天，最多 ~70 天
+    d = new Date(today.getTime() - back * 86400000);
+  }
+  return fmtYMD(d);
+}
+
 function buildFixedResidents(keys, names, sex) {
   /** @type {Record<string, ResidentFixed>} */
   const out = {};
@@ -243,7 +269,7 @@ function buildFixedResidents(keys, names, sex) {
       sex,
       age: ageFromBedKey(k, sex === "女" ? 65 : 66),
       healthStatus: HEALTH_STATUS_POOL[n % HEALTH_STATUS_POOL.length],
-      startTime: "2023/01/15",
+      startTime: seededStartTime(k, i), // ← 用分散演算法產生
       medicationStatus: "規律服藥",
       specialEvent: "-",
       note: "-",
@@ -559,5 +585,41 @@ export const BASE_FACILITY_DATA = {
   },
 };
 
+// ====== Nursing 待辦：與 Forge 對齊的示範假資料（用 RESIDENTS_BY_BED 反查姓名） ======
+/** @typedef {{date:string, bed:string, name:string, type:string, desc:string}} NursingTodoSeed */
+
+export const NURSING_TODOS_SEED = Object.freeze(
+  (() => {
+    const getName = (bed) => RESIDENTS_BY_BED?.[bed]?.name || "-";
+
+    /** @type {NursingTodoSeed[]} */
+    const seeds = [
+      // (a) 你指定的三筆，姓名會由 RESIDENTS_BY_BED 對應床位自動帶入，確保與 Forge 一致
+      {
+        date: "2025/09/21",
+        bed: "201-1",
+        name: getName("201-1"),
+        type: "一般",
+        desc: "轉換床位",
+      },
+      {
+        date: "2025/09/19",
+        bed: "105-1",
+        name: getName("105-1"),
+        type: "一般",
+        desc: "情緒問題、Alb偏低",
+      },
+      {
+        date: "2025/09/20",
+        bed: "207-3",
+        name: getName("207-3"),
+        type: "緊急安置",
+        desc: "適應輔導、衛教需求",
+      },
+    ];
+    return seeds;
+  })()
+);
+
 // 兼容性輸出（有些檔案以 FACILITY_DATA 讀取）
 export const FACILITY_DATA = BASE_FACILITY_DATA;
diff --git a/src/pages/nursing/index.vue b/src/pages/nursing/index.vue
index 67549a8..bc834a0 100644
--- a/src/pages/nursing/index.vue
+++ b/src/pages/nursing/index.vue
@@ -1,6 +1,6 @@
 <template>
   <section ref="rootRef" class="flex flex-col gap-2 overflow-hidden">
-    <!-- 卡片列（改為 A 的寫法：數值與 Forge 對齊） -->
+    <!-- ===== 卡片列（採用 operation 的資料規格） ===== -->
     <div class="flex-[2] grid grid-cols-3 gap-2 max-h-[150px]">
       <StatQuantityCard
         type="residents"
@@ -35,7 +35,7 @@
         leave-from-class="opacity-100"
         leave-to-class="opacity-0"
       >
-        <!-- A. 未完成的知會事項與代辦事項（保留原 B 的 UI 與邏輯） -->
+        <!-- 未完成的知會事項與代辦事項 -->
         <div v-if="!showPanel" key="todos" class="absolute inset-0">
           <section
             class="bg-white/30 rounded-md shadow p-6 flex flex-col min-h-0 gap-4 h-full"
@@ -51,10 +51,11 @@
                     class="bg-brand-gray-lighter text-brand-black sticky top-0 z-[1]"
                   >
                     <tr>
-                      <th class="px-3 py-2 text-left">住民</th>
-                      <th class="px-3 py-2 text-left">類型</th>
-                      <th class="px-3 py-2 text-left">表單</th>
                       <th class="px-3 py-2 text-left">日期</th>
+                      <th class="px-3 py-2 text-left">床位</th>
+                      <th class="px-3 py-2 text-left">姓名</th>
+                      <th class="px-3 py-2 text-left">類型</th>
+                      <th class="px-3 py-2 text-left">說明</th>
                       <th class="px-3 py-2 text-left">逾期天數</th>
                     </tr>
                   </thead>
@@ -62,19 +63,25 @@
                     <tr
                       v-for="row in pagedRows"
                       :key="row.id"
-                      class="transition-colors duration-150 hover:bg-brand-gray-lighter focus-visible:bg-gray-100/70"
+                      class="transition-colors duration-150 hover:bg-brand-gray-lighter focus-visible:bg-gray-100/70 cursor-pointer"
+                      tabindex="0"
+                      @click="onTodoRowClick(row)"
+                      @keydown.enter.prevent="onTodoRowClick(row)"
+                      @keydown.space.prevent="onTodoRowClick(row)"
                     >
-                      <td class="truncate">{{ row.resident }}</td>
-                      <td>{{ row.type }}</td>
-                      <td class="truncate">{{ row.form }}</td>
                       <td>{{ formatDate(row.date) }}</td>
+                      <td class="font-mono">{{ row.bed }}</td>
+                      <td class="truncate">{{ row.name }}</td>
+                      <td>{{ row.type }}</td>
+                      <td class="truncate">{{ row.desc }}</td>
                       <td class="text-brand-red">
                         {{ row.overdueDays ?? 0 }} 天
                       </td>
                     </tr>
+
                     <tr v-if="!pagedRows.length">
-                      <td class="py-6 text-center text-gray-500" colspan="5">
-                        目前沒有待辦，太棒了！
+                      <td class="py-6 text-center text-brand-gray" colspan="6">
+                        目前沒有待辦。
                       </td>
                     </tr>
                   </tbody>
@@ -110,7 +117,7 @@
           </section>
         </div>
 
-        <!-- B. 面板（改為 A 的結構與資料） -->
+        <!-- Modals -->
         <div v-else key="panel" class="absolute inset-0">
           <section
             class="relative w-full h-full bg-white/30 rounded-md shadow-md overflow-hidden p-0"
@@ -118,64 +125,88 @@
             :aria-labelledby="'panel-title'"
           >
             <div class="h-full flex flex-col">
-              <!-- Header（固定於頂，不隨捲動） -->
-              <div class="shrink-0 flex items-center gap-4 px-6 py-6">
-                <button
-                  class="p-2 rounded-full text-brand-black bg-brand-green-light hover:text-white hover:bg-brand-green active:opacity-80"
-                  @click="closePanel"
-                  aria-label="回到上一頁"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    viewBox="0 0 24 24"
+              <!-- Header（固定於頂） -->
+              <div
+                class="shrink-0 relative flex items-center justify-between px-6 py-6"
+              >
+                <div class="flex items-center gap-4">
+                  <button
+                    class="p-2 rounded-full text-brand-black bg-brand-green-light hover:text-white hover:bg-brand-green active:opacity-80"
+                    @click="closePanel"
+                    aria-label="回到上一頁"
                   >
-                    <path
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="m12 19-7-7 7-7m7 7H5"
-                    />
-                  </svg>
-                </button>
-                <h3
-                  id="panel-title"
-                  class="text-2xl font-bold text-brand-black"
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="m12 19-7-7 7-7m7 7H5"
+                      />
+                    </svg>
+                  </button>
+                  <h3
+                    id="panel-title"
+                    class="text-2xl font-bold text-brand-black"
+                  >
+                    {{ panelTitle }}
+                  </h3>
+                </div>
+
+                <!-- Residents / Inpatients 樓層 Tabs（ALL / 1F / 2F） -->
+                <div
+                  v-if="panelType === 'residents' || panelType === 'inpatients'"
+                  class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 pointer-events-auto"
                 >
-                  {{ panelTitle }}
-                </h3>
+                  <Tabs
+                    :items="modalFloorTabItems"
+                    v-model:modelValue="modalFloorModel"
+                    :allowNone="false"
+                    :showPrefix="false"
+                    aria-label="樓層資料切換（Modal）"
+                    rootClass="text-sm"
+                    containerClass="bg-white/50 border rounded-md shadow"
+                    itemClass="w-14 justify-center"
+                    hoverClass="hover:bg-gray-100"
+                    activeClass="bg-brand-green-light hover:bg-brand-green-light"
+                    :suppressHoverWhenActive="true"
+                  />
+                </div>
               </div>
 
               <!-- Scroll 區 + 固定底部分頁 -->
               <div class="flex-1 min-h-0 px-6 pb-6 flex flex-col">
                 <div class="flex-1 overflow-y-auto">
-                  <!-- 住民：同頁顯示 1F / 2F -->
+                  <!-- 住民：一般區 / 氧氣區（依分頁切段） -->
                   <div v-if="panelType === 'residents'" class="space-y-8">
-                    <section v-if="hasResidents1FOnPage">
+                    <section v-if="hasResidentsAOnPage">
                       <h4 class="text-lg font-semibold text-gray-700 mb-3">
-                        1F
+                        一般區
                       </h4>
                       <div class="overflow-x-auto">
                         <Table
                           :columns="residentColumns"
-                          :rows="pagedResidents1FOnPage"
+                          :rows="pagedResidentsAOnPage"
                           :equalWidth="true"
                           :stickyHeader="true"
                         />
                       </div>
                     </section>
 
-                    <section v-if="hasResidents2FOnPage">
+                    <section v-if="hasResidentsBOnPage">
                       <h4 class="text-lg font-semibold text-gray-700 mb-3">
-                        2F
+                        氧氣區
                       </h4>
                       <div class="overflow-x-auto">
                         <Table
                           :columns="residentColumns"
-                          :rows="pagedResidents2FOnPage"
+                          :rows="pagedResidentsBOnPage"
                           :equalWidth="true"
                           :stickyHeader="true"
                         />
@@ -183,7 +214,7 @@
                     </section>
                   </div>
 
-                  <!-- 今日住院 -->
+                  <!-- 住院 -->
                   <div v-else-if="panelType === 'inpatients'" class="space-y-8">
                     <div class="overflow-x-auto">
                       <Table
@@ -208,16 +239,16 @@
                   </div>
                 </div>
 
-                <!-- 固定底部分頁（A 的邏輯） -->
+                <!-- 固定底部分頁 -->
                 <div v-if="panelType === 'residents'" class="shrink-0 pt-3">
                   <div class="flex items-center justify-between px-3">
-                    <span class="text-sm text-gray-500">
-                      共 {{ totalResidents }} 筆，每頁
-                      {{ pageSizeResidents }} 筆
-                    </span>
+                    <span class="text-sm text-gray-500"
+                      >共 {{ totalResidents }} 筆，每頁
+                      {{ pageSizeResidents }} 筆</span
+                    >
                     <div class="inline-flex items-center gap-2">
                       <button
-                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
+                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-brand-purple disabled:cursor-not-allowed"
                         :disabled="currentPageResidents === 1"
                         @click="currentPageResidents--"
                       >
@@ -229,7 +260,7 @@
                         {{ currentPageResidents }} / {{ totalPagesResidents }}
                       </span>
                       <button
-                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
+                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-brand-purple disabled:cursor-not-allowed"
                         :disabled="currentPageResidents === totalPagesResidents"
                         @click="currentPageResidents++"
                       >
@@ -244,13 +275,13 @@
                   class="shrink-0 pt-3"
                 >
                   <div class="flex items-center justify-between px-3">
-                    <span class="text-sm text-gray-500">
-                      共 {{ totalInpatients }} 筆，每頁
-                      {{ pageSizeInpatients }} 筆
-                    </span>
+                    <span class="text-sm text-gray-500"
+                      >共 {{ totalInpatients }} 筆，每頁
+                      {{ pageSizeInpatients }} 筆</span
+                    >
                     <div class="inline-flex items-center gap-2">
                       <button
-                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
+                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-brand-purple disabled:cursor-not-allowed"
                         :disabled="currentPageInpatients === 1"
                         @click="currentPageInpatients--"
                       >
@@ -262,7 +293,7 @@
                         {{ currentPageInpatients }} / {{ totalPagesInpatients }}
                       </span>
                       <button
-                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
+                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-brand-purple disabled:cursor-not-allowed"
                         :disabled="
                           currentPageInpatients === totalPagesInpatients
                         "
@@ -279,10 +310,10 @@
                   class="shrink-0 pt-3"
                 >
                   <div class="flex items-center justify-between px-3">
-                    <span class="text-sm text-gray-500">
-                      共 {{ totalDischarges }} 筆，每頁
-                      {{ pageSizeDischarges }} 筆
-                    </span>
+                    <span class="text-sm text-gray-500"
+                      >共 {{ totalDischarges }} 筆，每頁
+                      {{ pageSizeDischarges }} 筆</span
+                    >
                     <div class="inline-flex items-center gap-2">
                       <button
                         class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
@@ -319,32 +350,185 @@
 </template>
 
 <script setup>
+/* ======================================================
+ * Imports
+ * ==================================================== */
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import Table from "@/components/common/table/Table.vue";
+import Tabs from "@/components/common/tabs/Tabs.vue";
 import StatQuantityCard from "@/components/common/card/StatQuantityCard.vue";
-
-// === A 的資料池：與 Forge 對齊 ===
 import {
   BASE_FACILITY_DATA,
   NAME_POOL_MALE,
   NAME_POOL_FEMALE,
+  RESIDENTS_BY_BED,
+  NURSING_TODOS_SEED,
 } from "@/constants/mocks/facilityData";
-import { ROOM_NUMBERS, createRoomMeta } from "@/constants/mocks";
 
-// ---- DOM Ref ----
-const rootRef = ref(null);
+// === Nursing 待辦列資料（以這個 rows 給表格使用）===
+const rows = ref([]); // 這會餵給你原本的 pagedRows 計算
 
-/* ======================== 卡片（與 A 相同：與 Forge 對齊） ======================== */
+// 建議的工具：今天字串 & 逾期天數
+function toYMD(d) {
+  const yy = d.getFullYear();
+  const mm = d.getMonth() + 1; // 不補零
+  const dd = d.getDate(); // 不補零
+  return `${yy}-${mm}-${dd}`;
+}
+function parseToDate(v) {
+  if (v instanceof Date && !isNaN(+v)) return v;
+  const s = String(v || "").trim();
+  if (!s) return new Date();
+  // 支援 'YYYY/MM/DD' 或 'YYYY-MM-DD'
+  const normalized = s.replace(/-/g, "/");
+  const d = new Date(normalized);
+  return isNaN(+d) ? new Date() : d;
+}
+function formatDate(v) {
+  return toYMD(parseToDate(v));
+}
+function formatToday() {
+  return toYMD(new Date());
+}
+
+function daysOverdue(fromStr) {
+  const safe = String(fromStr || "").replace(/-/g, "/");
+  const from = new Date(safe);
+  if (isNaN(+from)) return 0;
+  const today = new Date();
+  const diff = Math.floor((today - from) / 86400000);
+  return diff > 0 ? diff : 0;
+}
+
+// 1) 先把「指定的三筆種子資料」放進 rows（與 Forge 名單完全對齊）
+function seedTodos() {
+  const base = NURSING_TODOS_SEED.map((t) => {
+    const fix = RESIDENTS_BY_BED?.[t.bed] || {};
+    const name = t.name && t.name !== "-" ? t.name : fix.name || "-";
+    return {
+      id: `seed-${t.date}-${t.bed}-${t.type}`,
+      date: t.date, // "YYYY/MM/DD"
+      bed: t.bed, // "201-1"
+      name, // 從 RESIDENTS_BY_BED 對齊
+      type: t.type, // "一般" | "緊急安置" | ...
+      desc: t.desc, // 說明
+      overdueDays: daysOverdue(t.date),
+    };
+  });
+  return base;
+}
+
+// 2) 把 Forge 的快照 rows 轉成 Nursing 待辦列（你可以依規則調整 type/desc）
+function forgeSnapshotToTodos(snapshotRows = []) {
+  // 範例規則：對「非佔床」做提醒；佔床也可依你需求轉為一般知會
+  return snapshotRows
+    .filter((r) => !!r?.bed) // 確保有床位鍵
+    .map((r) => {
+      const bed = r.bed;
+      const fix = RESIDENTS_BY_BED?.[bed] || {};
+      const name =
+        r.residentsName && r.residentsName !== "-"
+          ? r.residentsName
+          : fix.name || "-";
+
+      // 類型與說明（示例邏輯，可依你業務改）
+      let type = "一般";
+      let desc =
+        r.specialEvent && r.specialEvent !== "-"
+          ? r.specialEvent
+          : r.healthStatus || "—";
+      if (r.status === "hospitalized") {
+        type = "醫院通報";
+        desc = "住院中";
+      } else if (r.status === "leave") {
+        type = "請假外出";
+        desc = "請假中";
+      } else if (r.status === "vacant") {
+        type = "空床巡檢";
+        desc = "床位待釋出";
+      }
+
+      // 日期：沒有事件日期就先用今天
+      const date =
+        r.startTime && r.startTime !== "-" ? r.startTime : formatToday();
+
+      return {
+        id: `forge-${date}-${bed}-${type}`,
+        date,
+        bed,
+        name,
+        type,
+        desc,
+        overdueDays: daysOverdue(date),
+      };
+    });
+}
+
+// 3) 初始化：先塞入「三筆種子資料」
+rows.value = seedTodos();
+
+/* ======================================================
+ * 卡片數字（與 operation 對齊）
+ * ==================================================== */
 const A = BASE_FACILITY_DATA["A 機構"];
 const cardBedsTotal = 74;
 const cardVacancy = 10;
 const cardResidentsCurrent = cardBedsTotal - cardVacancy; // 64
-const cardHospToday = 2; // 每層 1 位，兩層
+const cardHospToday = 2; // 每層 1 位 → 全館 2 位
 const cardHospMonth = A?.progress?.hospitalized?.total ?? 8;
 const cardDischargeToday = A?.progress?.moveout?.current ?? 3;
 const cardDischargeMonth = A?.progress?.moveout?.total ?? 20;
 
-/* ======================== Panel 狀態（與 A 一致） ======================== */
+/* ======================================================
+ * 工具：分區/樓層/排序
+ * ==================================================== */
+function normalizeZone(z) {
+  const s = String(z || "").trim();
+  if (s === "一般" || s === "一般區") return "一般";
+  if (s === "氧氣" || s === "氧氣區") return "氧氣";
+  return null;
+}
+function bedCodeComparator(a, b) {
+  const pa = String(a).match(/^(\d{3})-(\d)$/) || [];
+  const pb = String(b).match(/^(\d{3})-(\d)$/) || [];
+  const nA = parseInt(pa[1] || "0", 10);
+  const nB = parseInt(pb[1] || "0", 10);
+  if (nA !== nB) return nA - nB;
+  return parseInt(pa[2] || "0", 10) - parseInt(pb[2] || "0", 10);
+}
+function rosterComparator(a, b) {
+  const zoneOrder = { 一般: 0, 氧氣: 1 };
+  const zA = zoneOrder[normalizeZone(a.zone)] ?? 99;
+  const zB = zoneOrder[normalizeZone(b.zone)] ?? 99;
+  if (zA !== zB) return zA - zB;
+  const fA = String(a.bed).charAt(0);
+  const fB = String(b.bed).charAt(0);
+  if (fA !== fB) return fA.localeCompare(fB); // 1F -> 2F
+  return bedCodeComparator(a.bed, b.bed);
+}
+
+/* ======================================================
+ * Forge 快照：FORGE_SNAPSHOT 與 forge:snapshot 事件
+ * ==================================================== */
+const rootRef = ref(null);
+const forgeRowsRef = ref([]);
+
+function loadForgeSnapshotOnce() {
+  const rows = Array.isArray(window?.FORGE_SNAPSHOT)
+    ? window.FORGE_SNAPSHOT.slice()
+    : [];
+  rows.sort((A, B) => bedCodeComparator(A.bed, B.bed));
+  forgeRowsRef.value = rows;
+}
+function forgeEvtHandler(e) {
+  const rows = Array.isArray(e?.detail) ? e.detail.slice() : [];
+  rows.sort((A, B) => bedCodeComparator(A.bed, B.bed));
+  forgeRowsRef.value = rows;
+}
+
+/* ======================================================
+ * 面板狀態與標題
+ * ==================================================== */
 const showPanel = ref(false);
 const panelType = ref(null);
 const panelTitle = computed(() =>
@@ -359,7 +543,11 @@ const panelTitle = computed(() =>
 function openPanel(type) {
   panelType.value = type;
   if (type === "residents") currentPageResidents.value = 1;
-  if (type === "inpatients") currentPageInpatients.value = 1;
+  if (type === "inpatients") {
+    currentPageInpatients.value = 1;
+    inpatientFloorFilter.value = "ALL";
+    buildInpatientsSnapshot("ALL");
+  }
   if (type === "discharges") currentPageDischarges.value = 1;
   showPanel.value = true;
 }
@@ -367,40 +555,186 @@ function closePanel() {
   showPanel.value = false;
   panelType.value = null;
 }
-// ESC 返回
 function onKeydown(e) {
   if (e.key === "Escape" && showPanel.value) closePanel();
 }
-onMounted(() => window.addEventListener("keydown", onKeydown));
-onUnmounted(() => window.removeEventListener("keydown", onKeydown));
+onMounted(() => {
+  loadForgeSnapshotOnce();
+  window.addEventListener("forge:snapshot", forgeEvtHandler);
+  window.addEventListener("keydown", onKeydown);
+});
+onUnmounted(() => {
+  window.removeEventListener("forge:snapshot", forgeEvtHandler);
+  window.removeEventListener("keydown", onKeydown);
+});
 
-/* ======================== 表格欄位（與 A 一致） ======================== */
+/* ======================================================
+ * 樓層 Tabs（與 operation 相同：ALL / 1F / 2F）
+ * ==================================================== */
+const modalFloorTabItems = [
+  { value: "ALL", label: "全部" },
+  { value: "1F", label: "1F" },
+  { value: "2F", label: "2F" },
+];
+
+// Residents
+const floorFilter = ref("ALL");
+const residentsOverride = ref(null);
+async function buildAllSnapshotMerged() {
+  try {
+    const api = window.FORGE_API || {};
+    const s1 = await api.getSnapshotForFloor?.("1F");
+    const s2 = await api.getSnapshotForFloor?.("2F");
+    const rows = [...(s1 || []), ...(s2 || [])];
+
+    const unified = rows
+      .filter((r) => r.status !== "vacant")
+      .map((r) => ({
+        bed: r.bed,
+        name: r.residentsName,
+        gender: r.residentsSex,
+        age: r.residentsAge,
+        condition: r.healthStatus || "一般",
+        note:
+          r.status === "hospitalized"
+            ? "住院中"
+            : r.status === "leave"
+            ? "請假中"
+            : "-",
+        zone: normalizeZone(r.zone),
+        __status: r.status,
+      }))
+      .sort((a, b) => bedCodeComparator(a.bed, b.bed));
+
+    residentsOverride.value = unified;
+  } catch (e) {
+    console.warn("[Residents-ALL] snapshot 失敗：", e);
+    residentsOverride.value = [];
+  }
+}
+async function onModalFloorChange(val) {
+  floorFilter.value = val || "ALL";
+  currentPageResidents.value = 1;
+  if (floorFilter.value === "ALL") {
+    await buildAllSnapshotMerged();
+  } else {
+    residentsOverride.value = null;
+    await window.FORGE_API?.setFloor?.(floorFilter.value);
+  }
+}
+
+// Inpatients
+const inpatientFloorFilter = ref("ALL");
+const inpatientsOverride = ref(null);
+async function buildInpatientsSnapshot(which = "ALL") {
+  try {
+    const api = window.FORGE_API || {};
+    let rows = [];
+    if (which === "ALL") {
+      const s1 = (await api.getSnapshotForFloor?.("1F")) || [];
+      const s2 = (await api.getSnapshotForFloor?.("2F")) || [];
+      rows = [...s1, ...s2];
+    } else {
+      rows = (await api.getSnapshotForFloor?.(which)) || [];
+    }
+
+    const hosp = rows
+      .filter((r) => r.status === "hospitalized")
+      .sort((a, b) => bedCodeComparator(a.bed, b.bed))
+      .map((r, idx) => ({
+        bed: r.bed,
+        name: r.residentsName,
+        hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
+        recordNo: `H${71000 + idx}`,
+        status: "住院觀察",
+      }));
+
+    inpatientsOverride.value = hosp;
+  } catch (e) {
+    console.warn("[Inpatients] snapshot 失敗：", e);
+    inpatientsOverride.value = [];
+  }
+}
+function onModalInpatientsFloorChange(val) {
+  inpatientFloorFilter.value = val || "ALL";
+  currentPageInpatients.value = 1;
+  buildInpatientsSnapshot(inpatientFloorFilter.value);
+}
+
+// Tabs 雙向繫結（依面板型別切換）
+const modalFloorModel = computed({
+  get() {
+    return panelType.value === "residents"
+      ? floorFilter.value
+      : inpatientFloorFilter.value;
+  },
+  set(val) {
+    if (panelType.value === "residents") onModalFloorChange(val);
+    else onModalInpatientsFloorChange(val);
+  },
+});
+
+/* ======================================================
+ * 表格欄位
+ * ==================================================== */
 const residentColumns = [
   {
     key: "bed",
     label: "床位",
+    width: "5rem",
     thClass: "px-3 py-2",
     tdClass: "px-3 py-2 font-mono",
   },
-  { key: "name", label: "姓名", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
-  { key: "gender", label: "性別", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
-  { key: "age", label: "年齡", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
+  {
+    key: "name",
+    label: "姓名",
+    width: "6rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
+  {
+    key: "gender",
+    label: "性別",
+    width: "4rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
+  {
+    key: "age",
+    label: "年齡",
+    width: "4rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
   {
     key: "condition",
     label: "身體狀況",
     thClass: "px-3 py-2",
     tdClass: "px-3 py-2",
   },
-  { key: "note", label: "備註", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
+  {
+    key: "note",
+    label: "備註",
+    width: "10rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
 ];
 const inpatientColumns = [
   {
     key: "bed",
     label: "床位",
+    width: "5rem",
     thClass: "px-3 py-2",
     tdClass: "px-3 py-2 font-mono",
   },
-  { key: "name", label: "姓名", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
+  {
+    key: "name",
+    label: "姓名",
+    width: "6rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
   {
     key: "hospitalDept",
     label: "醫院與科別",
@@ -410,183 +744,98 @@ const inpatientColumns = [
   {
     key: "recordNo",
     label: "病歷號",
+    width: "7rem",
     thClass: "px-3 py-2",
     tdClass: "px-3 py-2 font-mono",
   },
-  { key: "status", label: "狀況", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
+  {
+    key: "status",
+    label: "狀況",
+    width: "6rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
 ];
 const dischargeColumns = [
   {
     key: "bed",
     label: "床位",
+    width: "5rem",
     thClass: "px-3 py-2",
     tdClass: "px-3 py-2 font-mono",
   },
-  { key: "name", label: "姓名", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
+  {
+    key: "name",
+    label: "姓名",
+    width: "6rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
   {
     key: "reason",
     label: "原因/去向",
     thClass: "px-3 py-2",
     tdClass: "px-3 py-2",
   },
-  { key: "note", label: "備註", thClass: "px-3 py-2", tdClass: "px-3 py-2" },
+  {
+    key: "note",
+    label: "備註",
+    width: "10rem",
+    thClass: "px-3 py-2",
+    tdClass: "px-3 py-2",
+  },
 ];
 
-/* ======================== 名冊（與 A 同步 Forge 規則） ======================== */
-const meta = createRoomMeta();
-// 交錯分區（與 Forge 的交錯策略一致）
-const rooms1F = ROOM_NUMBERS.filter((n) => n >= 101 && n < 200).map((n) => ({
-  code3: String(n),
-}));
-const rooms2F = ROOM_NUMBERS.filter((n) => n >= 201 && n < 300).map((n) => ({
-  code3: String(n),
-}));
-meta.autoBuildZones("1F", rooms1F, "alternate");
-meta.autoBuildZones("2F", rooms2F, "alternate");
-
-// 每層固定：3 空床 + 1 住院 + 1 請假
-const PLAN_BY_FLOOR = {
-  "1F": { vacant: 3, hospitalized: 1, leave: 1 },
-  "2F": { vacant: 3, hospitalized: 1, leave: 1 },
-};
-
-// 取得 FORGE 的住院姓名（若有）
-const FORGE_INPATIENT_NAMES = (() => {
-  let arr = [];
-  if (typeof window !== "undefined") {
-    const cands = []
-      .concat(
-        Array.isArray(window?.FORGE_INPATIENT_NAMES)
-          ? window.FORGE_INPATIENT_NAMES
-          : []
-      )
-      .concat(
-        Array.isArray(window?.__FORGE_INPATIENTS__)
-          ? window.__FORGE_INPATIENTS__
-          : []
-      )
-      .concat(
-        Array.isArray(window?.FORGE?.inpatients)
-          ? window.FORGE.inpatients.map((x) => x?.name).filter(Boolean)
-          : []
-      );
-    arr = [...new Set(cands.filter(Boolean).map(String))];
-  }
-  return arr;
-})();
-
-// 依房號拆樓層並排序
-const BEDS_1F = ROOM_NUMBERS.filter((n) => n >= 101 && n < 200).sort(
-  (a, b) => a - b
-);
-const BEDS_2F = ROOM_NUMBERS.filter((n) => n >= 201 && n < 300).sort(
-  (a, b) => a - b
-);
-
-function assignStatusesForFloor(beds, plan) {
-  const ids = [...beds];
-  const vacant = new Set(ids.slice(0, plan.vacant));
-  const hospitalized = new Set(
-    ids.slice(plan.vacant, plan.vacant + plan.hospitalized)
-  );
-  const leave = new Set(
-    ids.slice(
-      plan.vacant + plan.hospitalized,
-      plan.vacant + plan.hospitalized + plan.leave
-    )
-  );
-  return { vacant, hospitalized, leave };
-}
-const plan1 = assignStatusesForFloor(BEDS_1F, PLAN_BY_FLOOR["1F"]);
-const plan2 = assignStatusesForFloor(BEDS_2F, PLAN_BY_FLOOR["2F"]);
-
-// 建立住民清單（含住院/請假；空床不列入）
-const residentsAllForUI= (() => {
-  const rows = [];
-  // 產生有序名字（男女交錯）
-  let mi = 0,
-    fi = 0,
-    toggle = true;
-  const nextName = () => {
-    if (toggle) {
-      toggle = !toggle;
-      return {
-        name: NAME_POOL_MALE[mi++ % NAME_POOL_MALE.length],
-        gender: "男",
-      };
-    }
-    toggle = !toggle;
-    return {
-      name: NAME_POOL_FEMALE[fi++ % NAME_POOL_FEMALE.length],
-      gender: "女",
-    };
-  };
-  const pushRow = (bed, status) => {
-    if (status === "vacant") return;
-    const nx = nextName();
-    const floorKey = bed < 200 ? "1F" : "2F";
-    const code3 = String(bed);
-    const zone =
-      meta.getZoneForRoom(floorKey, code3) || (bed % 2 === 0 ? "氧氣" : "一般");
-    rows.push({
-      bed,
-      name: nx.name,
-      gender: nx.gender,
-      age: 78,
-      condition: "一般",
+/* ======================================================
+ * 名冊與住院/結案資料（與 operation 相同邏輯）
+ * ==================================================== */
+const residentsFromForge = computed(() => {
+  if (!forgeRowsRef.value.length) return [];
+  return forgeRowsRef.value
+    .filter((r) => r.status !== "vacant")
+    .map((r) => ({
+      bed: r.bed,
+      name: r.residentsName,
+      gender: r.residentsSex,
+      age: r.residentsAge,
+      condition: r.healthStatus || "一般",
       note:
-        status === "hospitalized"
+        r.status === "hospitalized"
           ? "住院中"
-          : status === "leave"
+          : r.status === "leave"
           ? "請假中"
           : "-",
-      zone,
-      __status: status,
-    });
-  };
-  BEDS_1F.forEach((b) => {
-    const st = plan1.vacant.has(b)
-      ? "vacant"
-      : plan1.hospitalized.has(b)
-      ? "hospitalized"
-      : plan1.leave.has(b)
-      ? "leave"
-      : "occupied";
-    pushRow(b, st);
-  });
-  BEDS_2F.forEach((b) => {
-    const st = plan2.vacant.has(b)
-      ? "vacant"
-      : plan2.hospitalized.has(b)
-      ? "hospitalized"
-      : plan2.leave.has(b)
-      ? "leave"
-      : "occupied";
-    pushRow(b, st);
-  });
-  return rows;
-})();
+      zone: normalizeZone(r.zone),
+      __status: r.status,
+    }));
+});
 
-// Forge 覆蓋住院姓名
-if (FORGE_INPATIENT_NAMES.length) {
-  let k = 0;
-  for (const r of residentsAll) {
-    if (r.__status === "hospitalized" && FORGE_INPATIENT_NAMES[k]) {
-      r.name = FORGE_INPATIENT_NAMES[k++];
-    }
-    if (k >= FORGE_INPATIENT_NAMES.length) break;
+// 住民（依樓層整併；ALL 優先採 override）
+const residentsAllForUI = computed(() => {
+  if (floorFilter.value === "ALL" && Array.isArray(residentsOverride.value)) {
+    return residentsOverride.value;
   }
-}
+  const all = residentsFromForge.value;
+  if (floorFilter.value === "1F")
+    return all.filter((r) => String(r.bed).startsWith("1"));
+  if (floorFilter.value === "2F")
+    return all.filter((r) => String(r.bed).startsWith("2"));
+  return all; // ALL 但 override 尚未就緒
+});
 
-// 以 zone 分群（沿用 A 的命名：A=一般、B=氧氣）
-const residentsA = computed(() =>
-  residentsAll.filter((r) => r.zone === "一般")
+// 住民分段（一般／氧氣）
+const residentsGeneralList = computed(() =>
+  residentsAllForUI.value
+    .filter((r) => r.zone === "一般")
+    .sort(rosterComparator)
 );
-const residentsB = computed(() =>
-  residentsAll.filter((r) => r.zone === "氧氣")
+const residentsOxygenList = computed(() =>
+  residentsAllForUI.value
+    .filter((r) => r.zone === "氧氣")
+    .sort(rosterComparator)
 );
 
-/* ====== Inpatients（住院）：由住民清單過濾並補齊欄位（與 A 一致） ====== */
+// 住院資料（override 優先；否則以目前快照過濾）
 const HOSPITAL_DEPT_POOL = [
   "台大醫院 內科",
   "榮總 外科",
@@ -599,58 +848,71 @@ const HOSPITAL_STATUS_POOL = [
   "加護病房",
   "返院評估中",
 ];
-const inpatients = residentsAll
-  .filter((r) => r.__status === "hospitalized")
-  .map((r, idx) => ({
-    bed: r.bed,
-    name: r.name,
-    hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
-    recordNo: `H${71000 + idx}`,
-    status: HOSPITAL_STATUS_POOL[idx % HOSPITAL_STATUS_POOL.length],
-  }));
 
-/* ====== Discharges（今日結案）：採用卡片數字（A 規則） ====== */
+const inpatientsBase = computed(() => {
+  if (Array.isArray(inpatientsOverride.value)) return inpatientsOverride.value;
+  return forgeRowsRef.value
+    .filter((r) => r.status === "hospitalized")
+    .sort((a, b) => bedCodeComparator(a.bed, b.bed))
+    .map((r, idx) => ({
+      bed: r.bed,
+      name: r.residentsName,
+      hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
+      recordNo: `H${71000 + idx}`,
+      status: HOSPITAL_STATUS_POOL[idx % HOSPITAL_STATUS_POOL.length],
+    }));
+});
+const inpatientsAllForUI = computed(() => {
+  const rows = inpatientsBase.value;
+  const f = inpatientFloorFilter.value;
+  if (f === "1F") return rows.filter((r) => String(r.bed).startsWith("1"));
+  if (f === "2F") return rows.filter((r) => String(r.bed).startsWith("2"));
+  return rows;
+});
+
+// 今日結案（依卡片數字）
 const DISCHARGE_COUNT = cardDischargeToday;
-const residentNameSet = new Set(residentsAll.map((r) => r.name));
-const dischargeNameCandidates = [...NAME_POOL_MALE, ...NAME_POOL_FEMALE].filter(
-  (n) => !residentNameSet.has(n)
-);
-const DISCHARGE_REASON_POOL = ["返家照顧", "轉院", "逝世", "他院長照"];
-const DISCHARGE_NOTE_POOL = [
-  "家屬已接回",
-  "待後續追蹤",
-  "已完成結案手續",
-  "社工介入處理",
-];
-const discharges = Array.from({ length: DISCHARGE_COUNT }, (_, i) => ({
-  bed: "-",
-  name: dischargeNameCandidates[i] || `未登錄住民${i + 1}`,
-  reason: DISCHARGE_REASON_POOL[i % DISCHARGE_REASON_POOL.length],
-  note: DISCHARGE_NOTE_POOL[i % DISCHARGE_NOTE_POOL.length],
-}));
+const discharges = computed(() => {
+  const names = new Set(residentsAllForUI.value.map((r) => r.name));
+  const cands = [...NAME_POOL_MALE, ...NAME_POOL_FEMALE].filter(
+    (n) => !names.has(n)
+  );
+  const REASON = ["返家照顧", "轉院", "逝世", "他院長照"];
+  const NOTE = ["家屬已接回", "待後續追蹤", "已完成結案手續", "社工介入處理"];
+  return Array.from({ length: DISCHARGE_COUNT }, (_, i) => ({
+    bed: "-",
+    name: cands[i] || `未登錄住民${i + 1}`,
+    reason: REASON[i % REASON.length],
+    note: NOTE[i % NOTE.length],
+  }));
+});
 
-/* ====== Residents：分段式分頁（先 A 再 B） ====== */
+/* ======================================================
+ * 分頁（Residents / Inpatients / Discharges）
+ * ==================================================== */
+// Residents（先一般後氧氣）
 const pageSizeResidents = ref(10);
 const currentPageResidents = ref(1);
-const totalA = computed(() => residentsA.value.length);
-const totalB = computed(() => residentsB.value.length);
+const totalA = computed(() => residentsGeneralList.value.length);
+const totalB = computed(() => residentsOxygenList.value.length);
 const totalResidents = computed(() => totalA.value + totalB.value);
 const totalPagesResidents = computed(() =>
   Math.max(1, Math.ceil(totalResidents.value / pageSizeResidents.value))
 );
-
 const pagedResidentsAOnPage = computed(() => {
   const start = (currentPageResidents.value - 1) * pageSizeResidents.value;
   const end = start + pageSizeResidents.value;
   if (start >= totalA.value) return [];
-  const sliceEnd = Math.min(end, totalA.value);
-  return residentsA.value.slice(start, sliceEnd);
+  return residentsGeneralList.value.slice(start, Math.min(end, totalA.value));
 });
 const pagedResidentsBOnPage = computed(() => {
   const start = (currentPageResidents.value - 1) * pageSizeResidents.value;
   if (start < totalA.value) return [];
   const offset = start - totalA.value;
-  return residentsB.value.slice(offset, offset + pageSizeResidents.value);
+  return residentsOxygenList.value.slice(
+    offset,
+    offset + pageSizeResidents.value
+  );
 });
 const hasResidentsAOnPage = computed(
   () => pagedResidentsAOnPage.value.length > 0
@@ -659,76 +921,57 @@ const hasResidentsBOnPage = computed(
   () => pagedResidentsBOnPage.value.length > 0
 );
 
-/* ====== Inpatients：固定底部分頁 ====== */
+// Inpatients
 const pageSizeInpatients = ref(8);
 const currentPageInpatients = ref(1);
-const totalInpatients = computed(() => inpatients.length);
+const totalInpatients = computed(() => inpatientsAllForUI.value.length);
 const totalPagesInpatients = computed(() =>
   Math.max(1, Math.ceil(totalInpatients.value / pageSizeInpatients.value))
 );
 const pagedInpatients = computed(() => {
   const start = (currentPageInpatients.value - 1) * pageSizeInpatients.value;
-  return inpatients.slice(start, start + pageSizeInpatients.value);
+  return inpatientsAllForUI.value.slice(
+    start,
+    start + pageSizeInpatients.value
+  );
 });
 
-/* ====== Discharges：固定底部分頁 ====== */
+// Discharges
 const pageSizeDischarges = ref(8);
 const currentPageDischarges = ref(1);
-const totalDischarges = computed(() => discharges.length);
+const totalDischarges = computed(() => discharges.value.length);
 const totalPagesDischarges = computed(() =>
   Math.max(1, Math.ceil(totalDischarges.value / pageSizeDischarges.value))
 );
 const pagedDischarges = computed(() => {
   const start = (currentPageDischarges.value - 1) * pageSizeDischarges.value;
-  return discharges.slice(start, start + pageSizeDischarges.value);
+  return discharges.value.slice(start, start + pageSizeDischarges.value);
 });
 
-/* ===================== Todos（保留 B 的 UI 與邏輯，但資料來源用上面 inpatients/discharges） ===================== */
-const today = new Date();
-const todoRows = computed(() => {
-  const fromInpatients = inpatients.map((p, i) => ({
-    id: `in-${p.recordNo}`,
-    resident: p.name,
-    type: "知會事項",
-    form: "住院通知",
-    date: new Date(today.getFullYear(), today.getMonth(), today.getDate() - i),
-    overdueDays: 0,
-  }));
-  const fromDischarges = discharges.map((d, i) => ({
-    id: `dis-${i}`,
-    resident: d.name,
-    type: "代辦事項",
-    form: "出院追蹤",
-    date: new Date(
-      today.getFullYear(),
-      today.getMonth(),
-      today.getDate() - (i + 1)
-    ),
-    overdueDays: Math.min(3, i),
-  }));
-  return [...fromInpatients, ...fromDischarges];
-});
-
-// 分頁（Todos）
+/* ======================================================
+ * Todos（吃 rows = 種子 + Forge 假資料池）
+ * ==================================================== */
 const pageSize = ref(8);
 const currentPage = ref(1);
-const total = computed(() => todoRows.value.length);
+const total = computed(() => rows.value.length);
 const totalPages = computed(() =>
   Math.max(1, Math.ceil(total.value / pageSize.value))
 );
+
 const pagedRows = computed(() => {
   const start = (currentPage.value - 1) * pageSize.value;
-  return todoRows.value.slice(start, start + pageSize.value);
+  return rows.value.slice(start, start + pageSize.value);
 });
 
-/* ===================== 小工具：日期格式化（保留 B） ===================== */
-function pad(n) {
-  return n.toString().padStart(2, "0");
-}
-function formatDate(d) {
-  const yy = d.getFullYear();
-  const mm = pad(d.getMonth() + 1);
-  const dd = pad(d.getDate());
-  return `${yy}-${mm}-${dd}`;
+function onTodoRowClick(row) {
+  const bed = String(row?.bed || "").trim();
+  if (!bed) return;
+
+  // 若 Forge API 存在，呼叫聚焦
+  if (window.FORGE_API?.focusBed) {
+    window.FORGE_API.focusBed(bed, { fit: true });
+  } else {
+    console.warn("[Nursing] FORGE_API.focusBed 不存在，可能 Forge 尚未載入。");
+  }
 }
 </script>
diff --git a/src/pages/operation/index.vue b/src/pages/operation/index.vue
index 357c55a..c211703 100644
--- a/src/pages/operation/index.vue
+++ b/src/pages/operation/index.vue
@@ -1,6 +1,6 @@
 <template>
   <section ref="rootRef" class="flex flex-col gap-2 overflow-hidden">
-    <!-- 高度比重：2（卡片列） -->
+    <!-- ===== 卡片列：高度比重 2 ===== -->
     <div class="flex-[2] grid grid-cols-3 gap-2 max-h-[150px]">
       <StatQuantityCard
         type="residents"
@@ -9,7 +9,6 @@
         unit="人"
         @open="() => openPanel('residents')"
       />
-
       <StatQuantityCard
         type="inpatients"
         title="今日住院／當月累積住院"
@@ -17,7 +16,6 @@
         unit="人"
         @open="() => openPanel('inpatients')"
       />
-
       <StatQuantityCard
         type="discharges"
         title="今日結案／當月累積結案"
@@ -27,7 +25,7 @@
       />
     </div>
 
-    <!-- ===== 內容區（固定位置＋0.1s opacity 過場） ===== -->
+    <!-- ===== 內容區 ===== -->
     <div class="relative flex-[10] min-h-0">
       <Transition
         enter-active-class="transition-opacity duration-100 ease-out"
@@ -37,7 +35,7 @@
         leave-from-class="opacity-100"
         leave-to-class="opacity-0"
       >
-        <!-- A. Charts（預設顯示） -->
+        <!-- 圖表（預設顯示） -->
         <div v-if="!showPanel" key="charts" class="absolute inset-0">
           <div class="flex flex-col gap-2 w-full h-full">
             <div class="flex-[5] grid grid-cols-2 gap-2 min-h-0">
@@ -60,7 +58,7 @@
           </div>
         </div>
 
-        <!-- B. Panel -->
+        <!-- Modals（住民 / 住院 / 結案） -->
         <div v-else key="panel" class="absolute inset-0">
           <section
             class="relative w-full h-full bg-white/30 rounded-md shadow-md overflow-hidden p-0"
@@ -68,7 +66,7 @@
             :aria-labelledby="'panel-title'"
           >
             <div class="h-full flex flex-col">
-              <!-- Header：獨立在捲動區之外 -->
+              <!-- Header（不隨內容捲動） -->
               <div
                 class="shrink-0 relative flex items-center justify-between px-6 py-6"
               >
@@ -102,7 +100,7 @@
                   </h3>
                 </div>
 
-                <!-- Residents / Inpatients 都顯示樓層 Tabs -->
+                <!-- 樓層 Tabs（住民／住院共用）：ALL / 1F / 2F -->
                 <div
                   v-if="panelType === 'residents' || panelType === 'inpatients'"
                   class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 pointer-events-auto"
@@ -123,10 +121,11 @@
                 </div>
               </div>
 
-              <!-- 內層：上方可滾動；底部依 panel 顯示對應分頁（固定，不隨 scroll） -->
+              <!-- 內容（上方可滾動；底部固定分頁條） -->
               <div class="flex-1 min-h-0 px-6 pb-6 flex flex-col">
                 <!-- Scroll 區 -->
                 <div class="flex-1 overflow-y-auto">
+                  <!-- 住民 -->
                   <div v-if="panelType === 'residents'" class="space-y-8">
                     <!-- 一般區 -->
                     <section v-if="hasResidentsAOnPage">
@@ -159,7 +158,7 @@
                     </section>
                   </div>
 
-                  <!-- 今日住院（表格用分頁資料） -->
+                  <!-- 住院 -->
                   <div v-else-if="panelType === 'inpatients'" class="space-y-8">
                     <div class="overflow-x-auto">
                       <Table
@@ -171,7 +170,7 @@
                     </div>
                   </div>
 
-                  <!-- 今日結案（表格用分頁資料） -->
+                  <!-- 今日結案 -->
                   <div v-else-if="panelType === 'discharges'" class="space-y-8">
                     <div class="overflow-x-auto">
                       <Table
@@ -184,7 +183,7 @@
                   </div>
                 </div>
 
-                <!-- Residents 單一分頁（固定底部） -->
+                <!-- 住民分頁（固定底部） -->
                 <div v-if="panelType === 'residents'" class="shrink-0 pt-3">
                   <div class="flex items-center justify-between px-3">
                     <span class="text-sm text-gray-500"
@@ -201,9 +200,9 @@
                       </button>
                       <span
                         class="px-2 text-sm tabular-nums text-brand-purple-dark"
-                        >{{ currentPageResidents }} /
-                        {{ totalPagesResidents }}</span
                       >
+                        {{ currentPageResidents }} / {{ totalPagesResidents }}
+                      </span>
                       <button
                         class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
                         :disabled="currentPageResidents === totalPagesResidents"
@@ -215,7 +214,7 @@
                   </div>
                 </div>
 
-                <!-- Inpatients 分頁（固定底部） -->
+                <!-- 住院分頁（固定底部） -->
                 <div
                   v-else-if="panelType === 'inpatients'"
                   class="shrink-0 pt-3"
@@ -227,7 +226,7 @@
                     >
                     <div class="inline-flex items-center gap-2">
                       <button
-                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
+                        class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-brand-purple disabled:cursor-not-allowed"
                         :disabled="currentPageInpatients === 1"
                         @click="currentPageInpatients--"
                       >
@@ -235,9 +234,9 @@
                       </button>
                       <span
                         class="px-2 text-sm tabular-nums text-brand-purple-dark"
-                        >{{ currentPageInpatients }} /
-                        {{ totalPagesInpatients }}</span
                       >
+                        {{ currentPageInpatients }} / {{ totalPagesInpatients }}
+                      </span>
                       <button
                         class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-brand-purple disabled:cursor-not-allowed"
                         :disabled="
@@ -251,7 +250,7 @@
                   </div>
                 </div>
 
-                <!-- Discharges 分頁（固定底部） -->
+                <!-- 結案分頁（固定底部） -->
                 <div
                   v-else-if="panelType === 'discharges'"
                   class="shrink-0 pt-3"
@@ -271,9 +270,9 @@
                       </button>
                       <span
                         class="px-2 text-sm tabular-nums text-brand-purple-dark"
-                        >{{ currentPageDischarges }} /
-                        {{ totalPagesDischarges }}</span
                       >
+                        {{ currentPageDischarges }} / {{ totalPagesDischarges }}
+                      </span>
                       <button
                         class="btn btn-sm btn-outline border-brand-purple-dark text-brand-purple-dark hover:bg-brand-purple hover:text-white hover:border-brand-purple disabled:!opacity-100 disabled:!text-gray-300 disabled:!border-gray-300 disabled:cursor-not-allowed"
                         :disabled="
@@ -296,107 +295,32 @@
 </template>
 
 <script setup>
+/** -------------------------------------------------------
+ *  Imports
+ * ----------------------------------------------------- */
 import { ref, computed, onMounted, onUnmounted, nextTick } from "vue";
 import * as echarts from "echarts";
 import { brand } from "@/styles/palette";
 import Table from "@/components/common/table/Table.vue";
 import Tabs from "@/components/common/tabs/Tabs.vue";
 import StatQuantityCard from "@/components/common/card/StatQuantityCard.vue";
-// 直接對齊假的資料池（facilityData.js）與固定姓名池
 import {
   BASE_FACILITY_DATA,
   NAME_POOL_MALE,
   NAME_POOL_FEMALE,
 } from "@/constants/mocks/facilityData";
 
-// 保留既有房號/分區工具（只用房號；分區交錯）
-function normalizeZone(z) {
-  const s = String(z || "").trim();
-  if (s === "一般" || s === "一般區") return "一般";
-  if (s === "氧氣" || s === "氧氣區") return "氧氣";
-  return null;
-}
-
-function floorOfBed(bed) {
-  const f = String(bed || "").charAt(0);
-  return f === "1" ? "1F" : f === "2" ? "2F" : null;
-}
-
-// 已有就沿用：比較 101-1 / 101-2 / 216-3
-function bedCodeComparator(a, b) {
-  const pa = String(a).match(/^(\d{3})-(\d)$/) || [];
-  const pb = String(b).match(/^(\d{3})-(\d)$/) || [];
-  const nA = parseInt(pa[1] || "0", 10);
-  const nB = parseInt(pb[1] || "0", 10);
-  if (nA !== nB) return nA - nB;
-  const sA = parseInt(pa[2] || "0", 10);
-  const sB = parseInt(pb[2] || "0", 10);
-  return sA - sB;
-}
-
-// 分區 → 樓層 → 床位
-function rosterComparator(a, b) {
-  const ZA = normalizeZone(a.zone);
-  const ZB = normalizeZone(b.zone);
-  const zoneOrder = { 一般: 0, 氧氣: 1 }; // 先一般、後氧氣
-  const zA = zoneOrder[ZA] ?? 99;
-  const zB = zoneOrder[ZB] ?? 99;
-  if (zA !== zB) return zA - zB;
-
-  const fA = floorOfBed(a.bed);
-  const fB = floorOfBed(b.bed);
-  const fOrder = { "1F": 0, "2F": 1 };
-  const fa = fOrder[fA] ?? 99;
-  const fb = fOrder[fB] ?? 99;
-  if (fa !== fb) return fa - fb;
-
-  return bedCodeComparator(a.bed, b.bed);
-}
-
-const modalFloorModel = computed({
-  get() {
-    return panelType.value === "residents"
-      ? floorFilter.value
-      : inpatientFloorFilter.value;
-  },
-  set(val) {
-    if (panelType.value === "residents") {
-      onModalFloorChange(val);
-    } else {
-      onModalInpatientsFloorChange(val);
-    }
-  },
-});
-
-/* ======================== 卡片：數據來自 A 機構 ======================== */
-const A = BASE_FACILITY_DATA["A 機構"];
-// 依 Forge 要求固定：總床 74、空床 10（= 每層 3 空床 + 1 住院 + 1 請假）
-const cardBedsTotal = 74;
-const cardVacancy = 10;
-const cardResidentsCurrent = cardBedsTotal - cardVacancy; // 64（住院/請假仍佔床）
-const cardHospToday = 2; // Forge 每層 1 位
-const cardHospMonth = A?.progress?.hospitalized?.total ?? 8;
-const cardDischargeToday = A?.progress?.moveout?.current ?? 3;
-const cardDischargeMonth = A?.progress?.moveout?.total ?? 20;
-
-// Modal tabs
-// Residents（ALL / 1F / 2F）
+/** -------------------------------------------------------
+ *  UI 常數：樓層 Tabs 與表格欄位
+ * ----------------------------------------------------- */
+// 樓層 Tabs（住民/住院共用）
 const modalFloorTabItems = [
   { value: "ALL", label: "全部" },
   { value: "1F", label: "1F" },
   { value: "2F", label: "2F" },
 ];
 
-// Inpatients（ALL / 1F / 2F）
-const inpatientFloorFilter = ref("ALL");
-
-function onModalInpatientsFloorChange(val) {
-  inpatientFloorFilter.value = val || "ALL";
-  currentPageInpatients.value = 1;
-  buildInpatientsSnapshot(inpatientFloorFilter.value);
-}
-
-/* ======================== 表格欄位 ======================== */
+// 表格欄位
 const residentColumns = [
   {
     key: "bed",
@@ -506,7 +430,419 @@ const dischargeColumns = [
   },
 ];
 
-/* ======================== Charts（維持原有 demo） ======================== */
+/** -------------------------------------------------------
+ *  Demo 卡片數字（對齊 facilityData.js 的 A 機構）
+ * ----------------------------------------------------- */
+const A = BASE_FACILITY_DATA["A 機構"];
+const cardBedsTotal = 74;
+const cardVacancy = 10;
+const cardResidentsCurrent = cardBedsTotal - cardVacancy; // 64（住院/請假仍佔床）
+const cardHospToday = 2; // Forge 每層 1 位 → 全館 2 位
+const cardHospMonth = A?.progress?.hospitalized?.total ?? 8;
+const cardDischargeToday = A?.progress?.moveout?.current ?? 3;
+const cardDischargeMonth = A?.progress?.moveout?.total ?? 20;
+
+/** -------------------------------------------------------
+ *  工具函式（房號/分區/排序）
+ * ----------------------------------------------------- */
+// 將字串標準化為「一般 / 氧氣」
+function normalizeZone(z) {
+  const s = String(z || "").trim();
+  if (s === "一般" || s === "一般區") return "一般";
+  if (s === "氧氣" || s === "氧氣區") return "氧氣";
+  return null;
+}
+// 從床位代碼判斷樓層（101-1 → 1F）
+function floorKeyOfBed(bed) {
+  const f = String(bed || "").charAt(0);
+  return f === "1" ? "1F" : f === "2" ? "2F" : null;
+}
+// 床位排序：先 3 碼房號，再序號（101-1 < 101-2 < 216-3）
+function bedCodeComparator(a, b) {
+  const pa = String(a).match(/^(\d{3})-(\d)$/) || [];
+  const pb = String(b).match(/^(\d{3})-(\d)$/) || [];
+  const nA = parseInt(pa[1] || "0", 10);
+  const nB = parseInt(pb[1] || "0", 10);
+  if (nA !== nB) return nA - nB;
+  const sA = parseInt(pa[2] || "0", 10);
+  const sB = parseInt(pb[2] || "0", 10);
+  return sA - sB;
+}
+// 名冊排序：分區（一般→氧氣）→ 樓層（1F→2F）→ 床位
+function rosterComparator(a, b) {
+  const ZA = normalizeZone(a.zone),
+    ZB = normalizeZone(b.zone);
+  const zA = ZA === "一般" ? 0 : ZA === "氧氣" ? 1 : 99;
+  const zB = ZB === "一般" ? 0 : ZB === "氧氣" ? 1 : 99;
+  if (zA !== zB) return zA - zB;
+  const fa =
+    floorKeyOfBed(a.bed) === "1F" ? 0 : floorKeyOfBed(a.bed) === "2F" ? 1 : 99;
+  const fb =
+    floorKeyOfBed(b.bed) === "1F" ? 0 : floorKeyOfBed(b.bed) === "2F" ? 1 : 99;
+  if (fa !== fb) return fa - fb;
+  return bedCodeComparator(a.bed, b.bed);
+}
+
+/** -------------------------------------------------------
+ *  Forge 快照（整頁統一的即時資料來源）
+ *  - window.FORGE_SNAPSHOT：目前視圖樓層的快照（陣列）
+ *  - forge:snapshot：視圖刷新事件
+ * ----------------------------------------------------- */
+const forgeRowsRef = ref([]);
+
+function loadForgeSnapshotOnce() {
+  const rows = Array.isArray(window?.FORGE_SNAPSHOT)
+    ? window.FORGE_SNAPSHOT.slice()
+    : [];
+  rows.sort((A, B) => bedCodeComparator(A.bed, B.bed));
+  forgeRowsRef.value = rows;
+}
+function forgeEvtHandler(e) {
+  const rows = Array.isArray(e?.detail) ? e.detail.slice() : [];
+  rows.sort((A, B) => bedCodeComparator(A.bed, B.bed));
+  forgeRowsRef.value = rows;
+}
+
+/** -------------------------------------------------------
+ *  面板狀態與標題
+ * ----------------------------------------------------- */
+const showPanel = ref(false);
+const panelType = ref(null);
+const panelTitle = computed(() =>
+  panelType.value === "residents"
+    ? "住民資訊"
+    : panelType.value === "inpatients"
+    ? "住院資訊"
+    : panelType.value === "discharges"
+    ? "今日結案"
+    : ""
+);
+
+/** -------------------------------------------------------
+ *  住民（Residents）：樓層切換與 ALL 資料整併
+ *  - floorFilter：ALL / 1F / 2F
+ *  - residentsOverride：當為 ALL 或明確抓某層時的覆寫資料（不依視圖）
+ * ----------------------------------------------------- */
+const floorFilter = ref("ALL");
+const residentsOverride = ref(null);
+
+// 建立 ALL（1F+2F）住民名冊：不切視圖，只取資料
+async function buildAllSnapshotMerged() {
+  try {
+    const api = window.FORGE_API || {};
+    const s1 = await api.getSnapshotForFloor?.("1F");
+    const s2 = await api.getSnapshotForFloor?.("2F");
+    const rows = [...(s1 || []), ...(s2 || [])];
+
+    const unified = rows
+      .filter((r) => r.status !== "vacant")
+      .map((r) => ({
+        bed: r.bed,
+        name: r.residentsName,
+        gender: r.residentsSex,
+        age: r.residentsAge,
+        condition: r.healthStatus || "一般",
+        note:
+          r.status === "hospitalized"
+            ? "住院中"
+            : r.status === "leave"
+            ? "請假中"
+            : "-",
+        zone: normalizeZone(r.zone),
+        __status: r.status,
+      }))
+      .sort((a, b) => bedCodeComparator(a.bed, b.bed));
+
+    residentsOverride.value = unified;
+  } catch (e) {
+    console.warn("[Residents-ALL] snapshot 失敗：", e);
+    residentsOverride.value = [];
+  }
+}
+
+// 住民：切換樓層（Modal Tabs）
+async function onModalFloorChange(val) {
+  floorFilter.value = val || "ALL";
+  currentPageResidents.value = 1;
+
+  const api = window.FORGE_API || {};
+  if (floorFilter.value === "ALL") {
+    await buildAllSnapshotMerged();
+  } else {
+    // 單樓層時交回給目前視圖快照（避免重複抓）
+    residentsOverride.value = null;
+    await api.setFloor?.(floorFilter.value); // 視圖保持一致（可選）
+  }
+}
+
+/** -------------------------------------------------------
+ *  住院（Inpatients）：樓層切換與 ALL 資料整併
+ *  - inpatientFloorFilter：ALL / 1F / 2F
+ *  - inpatientsOverride：覆寫清單，永遠與視圖解耦
+ * ----------------------------------------------------- */
+const inpatientFloorFilter = ref("ALL");
+const inpatientsOverride = ref(null);
+
+const HOSPITAL_DEPT_POOL = [
+  "台大醫院 內科",
+  "榮總 外科",
+  "長庚 心臟內科",
+  "慈濟 神經內科",
+];
+const HOSPITAL_STATUS_POOL = [
+  "住院觀察",
+  "手術後恢復",
+  "加護病房",
+  "返院評估中",
+];
+
+// 生成住院清單（ALL / 指定樓層）
+async function buildInpatientsSnapshot(which = "ALL") {
+  try {
+    const api = window.FORGE_API || {};
+    let rows = [];
+    if (which === "ALL") {
+      const s1 = (await api.getSnapshotForFloor?.("1F")) || [];
+      const s2 = (await api.getSnapshotForFloor?.("2F")) || [];
+      rows = [...s1, ...s2];
+    } else {
+      rows = (await api.getSnapshotForFloor?.(which)) || [];
+    }
+
+    const hosp = rows
+      .filter((r) => r.status === "hospitalized")
+      .sort((a, b) => bedCodeComparator(a.bed, b.bed))
+      .map((r, idx) => ({
+        bed: r.bed,
+        name: r.residentsName,
+        hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
+        recordNo: `H${71000 + idx}`,
+        status: "住院觀察",
+      }));
+
+    inpatientsOverride.value = hosp;
+  } catch (e) {
+    console.warn("[Inpatients] snapshot 失敗：", e);
+    inpatientsOverride.value = [];
+  }
+}
+
+// 住院：切換樓層（Modal Tabs）
+function onModalInpatientsFloorChange(val) {
+  inpatientFloorFilter.value = val || "ALL";
+  currentPageInpatients.value = 1;
+  buildInpatientsSnapshot(inpatientFloorFilter.value);
+}
+
+/** -------------------------------------------------------
+ *  Modal 樓層 Tabs 雙向繫結（住民 / 住院共用）
+ *  - 依面板型別切換對應的 floor model 與處理器
+ * ----------------------------------------------------- */
+const modalFloorModel = computed({
+  get() {
+    return panelType.value === "residents"
+      ? floorFilter.value
+      : inpatientFloorFilter.value;
+  },
+  set(val) {
+    if (panelType.value === "residents") onModalFloorChange(val);
+    else onModalInpatientsFloorChange(val);
+  },
+});
+
+/** -------------------------------------------------------
+ *  資料整備：住民清單（Forge 快照優先）
+ * ----------------------------------------------------- */
+const residentsFromForge = computed(() => {
+  if (!forgeRowsRef.value.length) return [];
+  return forgeRowsRef.value
+    .filter((r) => r.status !== "vacant")
+    .map((r) => ({
+      bed: r.bed,
+      name: r.residentsName,
+      gender: r.residentsSex,
+      age: r.residentsAge,
+      condition: r.healthStatus || "一般",
+      note:
+        r.status === "hospitalized"
+          ? "住院中"
+          : r.status === "leave"
+          ? "請假中"
+          : "-",
+      zone: normalizeZone(r.zone),
+      __status: r.status,
+    }));
+});
+
+// 住民：依樓層組裝給 UI（ALL 優先採用 override）
+const residentsAllForUI = computed(() => {
+  if (floorFilter.value === "ALL" && Array.isArray(residentsOverride.value)) {
+    return residentsOverride.value;
+  }
+  const all = residentsFromForge.value;
+  if (floorFilter.value === "1F")
+    return all.filter((r) => String(r.bed).startsWith("1"));
+  if (floorFilter.value === "2F")
+    return all.filter((r) => String(r.bed).startsWith("2"));
+  return all; // ALL 但 override 尚未準備時，暫以目前快照（單層）顯示
+});
+
+// 住民：以分區分段排序
+const residentsGeneralList = computed(() =>
+  residentsAllForUI.value
+    .filter((r) => r.zone === "一般")
+    .sort(rosterComparator)
+);
+const residentsOxygenList = computed(() =>
+  residentsAllForUI.value
+    .filter((r) => r.zone === "氧氣")
+    .sort(rosterComparator)
+);
+
+/** -------------------------------------------------------
+ *  資料整備：住院清單（override 優先；fallback 目前視圖）
+ * ----------------------------------------------------- */
+const inpatientsBase = computed(() => {
+  if (Array.isArray(inpatientsOverride.value)) return inpatientsOverride.value;
+
+  // 後備：尚未抓取 override 的瞬間，先用目前樓層快照
+  return forgeRowsRef.value
+    .filter((r) => r.status === "hospitalized")
+    .sort((a, b) => bedCodeComparator(a.bed, b.bed))
+    .map((r, idx) => ({
+      bed: r.bed,
+      name: r.residentsName,
+      hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
+      recordNo: `H${71000 + idx}`,
+      status: HOSPITAL_STATUS_POOL[idx % HOSPITAL_STATUS_POOL.length],
+    }));
+});
+
+// 住院：依樓層過濾（資料已與視圖解耦）
+const inpatientsAllForUI = computed(() => {
+  const rows = inpatientsBase.value;
+  const f = inpatientFloorFilter.value;
+  if (f === "1F") return rows.filter((r) => String(r.bed).startsWith("1"));
+  if (f === "2F") return rows.filter((r) => String(r.bed).startsWith("2"));
+  return rows; // ALL
+});
+
+/** -------------------------------------------------------
+ *  資料整備：今日結案（維持卡片數量）
+ * ----------------------------------------------------- */
+const DISCHARGE_COUNT = cardDischargeToday;
+const discharges = computed(() => {
+  const names = new Set(residentsAllForUI.value.map((r) => r.name));
+  const cands = [...NAME_POOL_MALE, ...NAME_POOL_FEMALE].filter(
+    (n) => !names.has(n)
+  );
+  const REASON = ["返家照顧", "轉院", "逝世", "他院長照"];
+  const NOTE = ["家屬已接回", "待後續追蹤", "已完成結案手續", "社工介入處理"];
+  return Array.from({ length: DISCHARGE_COUNT }, (_, i) => ({
+    bed: "-",
+    name: cands[i] || `未登錄住民${i + 1}`,
+    reason: REASON[i % REASON.length],
+    note: NOTE[i % NOTE.length],
+  }));
+});
+
+/** -------------------------------------------------------
+ *  分頁：住民 / 住院 / 結案
+ * ----------------------------------------------------- */
+// 住民分頁（先「一般」區，再「氧氣」區）
+const pageSizeResidents = ref(10);
+const currentPageResidents = ref(1);
+const totalA = computed(() => residentsGeneralList.value.length);
+const totalB = computed(() => residentsOxygenList.value.length);
+const totalResidents = computed(() => totalA.value + totalB.value);
+const totalPagesResidents = computed(() =>
+  Math.max(1, Math.ceil(totalResidents.value / pageSizeResidents.value))
+);
+const pagedResidentsAOnPage = computed(() => {
+  const start = (currentPageResidents.value - 1) * pageSizeResidents.value;
+  const end = start + pageSizeResidents.value;
+  if (start >= totalA.value) return [];
+  return residentsGeneralList.value.slice(start, Math.min(end, totalA.value));
+});
+const pagedResidentsBOnPage = computed(() => {
+  const start = (currentPageResidents.value - 1) * pageSizeResidents.value;
+  if (start < totalA.value) return [];
+  const offset = start - totalA.value;
+  return residentsOxygenList.value.slice(
+    offset,
+    offset + pageSizeResidents.value
+  );
+});
+const hasResidentsAOnPage = computed(
+  () => pagedResidentsAOnPage.value.length > 0
+);
+const hasResidentsBOnPage = computed(
+  () => pagedResidentsBOnPage.value.length > 0
+);
+
+// 住院分頁
+const pageSizeInpatients = ref(8);
+const currentPageInpatients = ref(1);
+const totalInpatients = computed(() => inpatientsAllForUI.value.length);
+const totalPagesInpatients = computed(() =>
+  Math.max(1, Math.ceil(totalInpatients.value / pageSizeInpatients.value))
+);
+const pagedInpatients = computed(() => {
+  const start = (currentPageInpatients.value - 1) * pageSizeInpatients.value;
+  return inpatientsAllForUI.value.slice(
+    start,
+    start + pageSizeInpatients.value
+  );
+});
+
+// 結案分頁
+const pageSizeDischarges = ref(8);
+const currentPageDischarges = ref(1);
+const totalDischarges = computed(() => discharges.value.length);
+const totalPagesDischarges = computed(() =>
+  Math.max(1, Math.ceil(totalDischarges.value / pageSizeDischarges.value))
+);
+const pagedDischarges = computed(() => {
+  const start = (currentPageDischarges.value - 1) * pageSizeDischarges.value;
+  return discharges.value.slice(start, start + pageSizeDischarges.value);
+});
+
+/** -------------------------------------------------------
+ *  面板開關與鍵盤事件
+ * ----------------------------------------------------- */
+async function openPanel(type) {
+  panelType.value = type;
+
+  if (type === "residents") {
+    currentPageResidents.value = 1;
+    if (floorFilter.value === "ALL") await buildAllSnapshotMerged();
+  }
+
+  if (type === "inpatients") {
+    currentPageInpatients.value = 1;
+    inpatientFloorFilter.value = "ALL";
+    await buildInpatientsSnapshot("ALL");
+  }
+
+  if (type === "discharges") {
+    currentPageDischarges.value = 1;
+  }
+
+  showPanel.value = true;
+  disposeCharts(); // 關掉圖表避免與面板重疊
+}
+function closePanel() {
+  showPanel.value = false;
+  panelType.value = null;
+  nextTick(() => initCharts()); // 回到圖表模式時重新掛圖
+}
+function onKeydown(e) {
+  if (e.key === "Escape" && showPanel.value) closePanel();
+}
+
+/** -------------------------------------------------------
+ *  圖表（ECharts）初始化/釋放
+ * ----------------------------------------------------- */
 const rootRef = ref(null);
 const chartARef = ref(null);
 const chartBRef = ref(null);
@@ -533,39 +869,38 @@ function playBoxplotOpen(chart, buildOptionFn) {
   const opt0 = buildOptionFn("median");
   chart.setOption(opt0, true);
   animTimers.push(
-    setTimeout(() => {
-      chart.setOption(
-        { series: [{ data: opt0.__quartileBoxData }] },
-        { notMerge: false }
-      );
-    }, 120)
+    setTimeout(
+      () =>
+        chart.setOption(
+          { series: [{ data: opt0.__quartileBoxData }] },
+          { notMerge: false }
+        ),
+      120
+    )
   );
   animTimers.push(
-    setTimeout(() => {
-      chart.setOption(
-        { series: [{ data: opt0.__realBoxData }] },
-        { notMerge: false }
-      );
-    }, 520)
+    setTimeout(
+      () =>
+        chart.setOption(
+          { series: [{ data: opt0.__realBoxData }] },
+          { notMerge: false }
+        ),
+      520
+    )
   );
 }
 function genRates(n, base = 82, variation = 10) {
   const clamp = (v) => Math.max(0, Math.min(100, v));
-  const arr = [];
-  for (let i = 0; i < n; i++) {
-    const noise = (Math.random() * 2 - 1) * variation;
-    arr.push(Number(clamp(base + noise).toFixed(1)));
-  }
-  return arr;
+  return Array.from({ length: n }, () =>
+    Number(clamp(base + (Math.random() * 2 - 1) * variation).toFixed(1))
+  );
 }
 function getLastNMonthLabels(n = 6) {
   const now = new Date();
-  const labels = [];
-  for (let i = n - 1; i >= 0; i--) {
-    const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
-    labels.push(`${d.getMonth() + 1}月`);
-  }
-  return labels;
+  return Array.from({ length: n }, (_, i) => {
+    const d = new Date(now.getFullYear(), now.getMonth() - (n - 1 - i), 1);
+    return `${d.getMonth() + 1}月`;
+  });
 }
 function quantile(sorted, q) {
   const pos = (sorted.length - 1) * q;
@@ -634,10 +969,10 @@ function mkTitle(text, subtext = "") {
   };
 }
 function collapseToMedian(boxData) {
-  return boxData.map(([min, q1, med, q3, max]) => [med, med, med, med, med]);
+  return boxData.map(([, , med]) => [med, med, med, med, med]);
 }
 function expandToQuartiles(boxData) {
-  return boxData.map(([min, q1, med, q3, max]) => [q1, q1, med, q3, q3]);
+  return boxData.map(([, q1, med, q3]) => [q1, q1, med, q3, q3]);
 }
 const baseAnim = {
   animation: true,
@@ -854,363 +1189,25 @@ function disposeCharts() {
   chartA = chartB = chartC = null;
 }
 
-onMounted(async () => {
-  await nextTick();
-  if (!showPanel.value) await initCharts();
-});
-onUnmounted(disposeCharts);
-
-/** ====== Forge 快照優先：讀取 window.FORGE_SNAPSHOT；即時事件 forge:snapshot ====== **/
-const forgeRowsRef = ref([]); // 🔧 新增：反應式快照來源，供整頁使用
-
-function parseBedCodeFromLabel(label) {
-  const m = String(label || "").match(/([0-9]{3}-[1-3])/);
-  return m ? m[1] : null;
-}
-
-function loadForgeSnapshotOnce() {
-  const rows = Array.isArray(window?.FORGE_SNAPSHOT)
-    ? window.FORGE_SNAPSHOT.slice()
-    : [];
-  rows.sort((A, B) => bedCodeComparator(A.bed, B.bed));
-  forgeRowsRef.value = rows;
-}
-function forgeEvtHandler(e) {
-  const rows = Array.isArray(e?.detail) ? e.detail.slice() : [];
-  rows.sort((A, B) => bedCodeComparator(A.bed, B.bed));
-  forgeRowsRef.value = rows;
-}
+/** -------------------------------------------------------
+ *  生命週期
+ * ----------------------------------------------------- */
 onMounted(() => {
+  // 1) 圖表模式：初始化圖表
+  nextTick(() => {
+    if (!showPanel.value) initCharts();
+  });
+
+  // 2) Forge 快照：讀取一次＋監聽後續事件
   loadForgeSnapshotOnce();
   window.addEventListener("forge:snapshot", forgeEvtHandler);
+
+  // 3) 鍵盤事件（ESC 關閉面板）
+  window.addEventListener("keydown", onKeydown);
 });
 onUnmounted(() => {
   window.removeEventListener("forge:snapshot", forgeEvtHandler);
-});
-
-/* ======================== Panel 狀態 ======================== */
-const showPanel = ref(false);
-const panelType = ref(null);
-const panelTitle = computed(() =>
-  panelType.value === "residents"
-    ? "住民資訊"
-    : panelType.value === "inpatients"
-    ? "住院資訊"
-    : panelType.value === "discharges"
-    ? "今日結案"
-    : ""
-);
-
-async function openPanel(type) {
-  panelType.value = type;
-  if (type === "residents") currentPageResidents.value = 1;
-
-  if (type === "inpatients") {
-    currentPageInpatients.value = 1;
-    inpatientFloorFilter.value = "ALL"; // 重置到 ALL
-    await buildInpatientsSnapshot("ALL");
-  }
-
-  if (type === "discharges") currentPageDischarges.value = 1;
-
-  showPanel.value = true;
+  window.removeEventListener("keydown", onKeydown);
   disposeCharts();
-
-  if (type === "residents" && floorFilter.value === "ALL") {
-    await buildAllSnapshotMerged();
-  }
-}
-
-function closePanel() {
-  showPanel.value = false;
-  panelType.value = null;
-  nextTick(() => initCharts());
-}
-function onKeydown(e) {
-  if (e.key === "Escape" && showPanel.value) closePanel();
-}
-onMounted(() => window.addEventListener("keydown", onKeydown));
-onUnmounted(() => window.removeEventListener("keydown", onKeydown));
-
-/* ======================== Residents：Modal 樓層 Tabs（複製 Forge 樣式 + ALL） ======================== */
-// Modal 樓層 Tabs（ALL / 1F / 2F）
-const floorFilter = ref("ALL");
-const residentsOverride = ref(null);
-
-async function buildAllSnapshotMerged() {
-  try {
-    const api = window.FORGE_API || {};
-    // 按需求：ALL 時視圖維持 1F，但資料要 1F+2F
-    if (api.getActiveFloor?.() !== "1F") await api.setFloor?.("1F");
-
-    const s1 = await api.getSnapshotForFloor?.("1F");
-    const s2 = await api.getSnapshotForFloor?.("2F");
-    const rows = [...(s1 || []), ...(s2 || [])];
-
-    const unified = rows
-      .filter((r) => r.status !== "vacant")
-      .map((r) => ({
-        bed: r.bed, // 直接沿用 Forge 格式（101-1）
-        name: r.residentsName,
-        gender: r.residentsSex,
-        age: r.residentsAge,
-        condition: r.healthStatus || "一般",
-        note:
-          r.status === "hospitalized"
-            ? "住院中"
-            : r.status === "leave"
-            ? "請假中"
-            : "-",
-        zone: normalizeZone(r.zone),
-        __status: r.status,
-      }));
-
-    // 排序：先 1F、後 2F；同房號依 -1/-2/-3
-    unified.sort((a, b) => {
-      const A = String(a.bed).match(/^(\d{3})-(\d)$/) || [];
-      const B = String(b.bed).match(/^(\d{3})-(\d)$/) || [];
-      if (A[1] !== B[1]) return parseInt(A[1] || 999) - parseInt(B[1] || 999);
-      return parseInt(A[2] || 9) - parseInt(B[2] || 9);
-    });
-
-    residentsOverride.value = unified;
-  } catch (e) {
-    console.warn("[Modal-ALL] snapshot 失敗：", e);
-    residentsOverride.value = [];
-  }
-}
-
-const residentsGeneral = computed(() =>
-  residentsSorted.value.filter((r) => r.zone === "一般")
-);
-const residentsOxygen = computed(() =>
-  residentsSorted.value.filter((r) => r.zone === "氧氣")
-);
-
-async function onModalFloorChange(val) {
-  floorFilter.value = val || "ALL";
-  currentPageResidents.value = 1;
-
-  const api = window.FORGE_API || {};
-  if (floorFilter.value === "ALL") {
-    await buildAllSnapshotMerged();
-  } else {
-    residentsOverride.value = null; // 交回 Forge 即時快照
-    await api.setFloor?.(floorFilter.value);
-  }
-}
-
-/* ======================== Inpatients：Modal 樓層 Tabs（複製 Forge 樣式 + ALL） ======================== */
-const inpatientsOverride = ref(null);
-
-async function buildInpatientsSnapshot(which = "ALL") {
-  try {
-    const api = window.FORGE_API || {};
-    let rows = [];
-    if (which === "ALL") {
-      const s1 = (await api.getSnapshotForFloor?.("1F")) || [];
-      const s2 = (await api.getSnapshotForFloor?.("2F")) || [];
-      rows = [...s1, ...s2];
-    } else {
-      rows = (await api.getSnapshotForFloor?.(which)) || [];
-    }
-
-    // 只取住院中，並補欄位；穩定以床位排序
-    const hosp = rows
-      .filter((r) => r.status === "hospitalized")
-      .sort((a, b) => bedCodeComparator(a.bed, b.bed))
-      .map((r, idx) => ({
-        bed: r.bed,
-        name: r.residentsName,
-        hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
-        recordNo: `H${71000 + idx}`,
-        status: "住院觀察",
-      }));
-
-    inpatientsOverride.value = hosp;
-  } catch (e) {
-    console.warn("[Inpatients] snapshot 失敗：", e);
-    inpatientsOverride.value = [];
-  }
-}
-
-/* ======================== 名冊（Forge 優先，fallback 次之） ======================== */
-// 改名如下：
-const residentsFromForge = computed(() => {
-  if (forgeRowsRef.value.length) {
-    return forgeRowsRef.value
-      .filter((r) => r.status !== "vacant")
-      .map((r) => ({
-        bed: r.bed, // e.g. 101-1
-        name: r.residentsName,
-        gender: r.residentsSex,
-        age: r.residentsAge,
-        condition: r.healthStatus || "一般",
-        note:
-          r.status === "hospitalized"
-            ? "住院中"
-            : r.status === "leave"
-            ? "請假中"
-            : "-",
-        zone: normalizeZone(r.zone),
-        __status: r.status,
-      }));
-  }
-  return []; // Forge 尚未就緒時顯示空清單（或顯示載入狀態）
-});
-
-// 解析床位層別（101-1 → '1F'）
-function floorKeyOfBed(bed) {
-  const s = String(bed || "");
-  const f = s.charAt(0);
-  return f === "1" ? "1F" : f === "2" ? "2F" : null;
-}
-
-// 供 UI 使用的最終名冊：依 floorFilter 合併/挑選；同時維持排序先 1F 後 2F
-const residentsAllForUI = computed(() => {
-  // 若 ALL 模式且已構建 override，就直接用 override
-  if (floorFilter.value === "ALL" && Array.isArray(residentsOverride.value)) {
-    return residentsOverride.value;
-  }
-
-  // 否則：單樓層或（override 尚未回來），單純用 Forge 當前快照
-  const all = residentsFromForge.value;
-  const f1 = all.filter((r) => String(r.bed).startsWith("1"));
-  const f2 = all.filter((r) => String(r.bed).startsWith("2"));
-  if (floorFilter.value === "1F") return f1;
-  if (floorFilter.value === "2F") return f2;
-  return [...f1, ...f2]; // ALL 尚未 override 的瞬間（不使用任何假資料）
-});
-
-// 以 zone 分群（一般優先、氧氣在後；每段內再用我們的 rosterComparator 排：分區→樓層→床位）
-const residentsGeneralList = computed(() =>
-  residentsAllForUI.value
-    .filter((r) => r.zone === "一般")
-    .sort(rosterComparator)
-);
-const residentsOxygenList = computed(() =>
-  residentsAllForUI.value
-    .filter((r) => r.zone === "氧氣")
-    .sort(rosterComparator)
-);
-
-/* ====== Inpatients（住院）：由資料源過濾並補欄位 ====== */
-const HOSPITAL_DEPT_POOL = [
-  "台大醫院 內科",
-  "榮總 外科",
-  "長庚 心臟內科",
-  "慈濟 神經內科",
-];
-const HOSPITAL_STATUS_POOL = [
-  "住院觀察",
-  "手術後恢復",
-  "加護病房",
-  "返院評估中",
-];
-
-// 住院清單（未過濾）
-const inpatientsBase = computed(() => {
-  // 優先使用 override（ALL / 1F / 2F 皆可）
-  if (Array.isArray(inpatientsOverride.value)) {
-    return inpatientsOverride.value;
-  }
-
-  // 後備：還沒抓到 override 時，用目前樓層 FORGE_SNAPSHOT（會只有一層）
-  const base = forgeRowsRef.value
-    .filter((r) => r.status === "hospitalized")
-    .sort((a, b) => bedCodeComparator(a.bed, b.bed))
-    .map((r, idx) => ({
-      bed: r.bed,
-      name: r.residentsName,
-      hospitalDept: HOSPITAL_DEPT_POOL[idx % HOSPITAL_DEPT_POOL.length],
-      recordNo: `H${71000 + idx}`,
-      status: HOSPITAL_STATUS_POOL[idx % HOSPITAL_STATUS_POOL.length],
-    }));
-  return base;
-});
-
-// 依 Tabs（ALL/1F/2F）過濾給 UI
-const inpatientsAllForUI = computed(() => {
-  const rows = inpatientsBase.value;
-  const f = inpatientFloorFilter.value;
-  if (f === "1F") return rows.filter((r) => String(r.bed).startsWith("1"));
-  if (f === "2F") return rows.filter((r) => String(r.bed).startsWith("2"));
-  return rows; // ALL
-});
-
-/* ====== Discharges（今日結案）：維持卡片數字 ====== */
-const DISCHARGE_COUNT = cardDischargeToday;
-const discharges = computed(() => {
-  const names = new Set(residentsAllForUI.value.map((r) => r.name));
-  const cands = [...NAME_POOL_MALE, ...NAME_POOL_FEMALE].filter(
-    (n) => !names.has(n)
-  );
-  const REASON = ["返家照顧", "轉院", "逝世", "他院長照"];
-  const NOTE = ["家屬已接回", "待後續追蹤", "已完成結案手續", "社工介入處理"];
-  return Array.from({ length: DISCHARGE_COUNT }, (_, i) => ({
-    bed: "-",
-    name: cands[i] || `未登錄住民${i + 1}`,
-    reason: REASON[i % REASON.length],
-    note: NOTE[i % NOTE.length],
-  }));
-});
-
-/* ====== Residents：分段式分頁（先「一般」全部，再接「氧氣」） ====== */
-const pageSizeResidents = ref(10);
-const currentPageResidents = ref(1);
-const totalA = computed(() => residentsGeneralList.value.length);
-const totalB = computed(() => residentsOxygenList.value.length);
-const totalResidents = computed(() => totalA.value + totalB.value);
-const totalPagesResidents = computed(() =>
-  Math.max(1, Math.ceil(totalResidents.value / pageSizeResidents.value))
-);
-const pagedResidentsAOnPage = computed(() => {
-  const start = (currentPageResidents.value - 1) * pageSizeResidents.value;
-  const end = start + pageSizeResidents.value;
-  if (start >= totalA.value) return [];
-  const sliceEnd = Math.min(end, totalA.value);
-  return residentsGeneralList.value.slice(start, sliceEnd);
-});
-const pagedResidentsBOnPage = computed(() => {
-  const start = (currentPageResidents.value - 1) * pageSizeResidents.value;
-  if (start < totalA.value) return [];
-  const offset = start - totalA.value;
-  return residentsOxygenList.value.slice(
-    offset,
-    offset + pageSizeResidents.value
-  );
-});
-const hasResidentsAOnPage = computed(
-  () => pagedResidentsAOnPage.value.length > 0
-);
-const hasResidentsBOnPage = computed(
-  () => pagedResidentsBOnPage.value.length > 0
-);
-
-/* ====== Inpatients：固定底部分頁 ====== */
-const pageSizeInpatients = ref(8);
-const currentPageInpatients = ref(1);
-const totalInpatients = computed(() => inpatientsAllForUI.value.length);
-const totalPagesInpatients = computed(() =>
-  Math.max(1, Math.ceil(totalInpatients.value / pageSizeInpatients.value))
-);
-const pagedInpatients = computed(() => {
-  const start = (currentPageInpatients.value - 1) * pageSizeInpatients.value;
-  return inpatientsAllForUI.value.slice(
-    start,
-    start + pageSizeInpatients.value
-  );
-});
-
-/* ====== Discharges：固定底部分頁 ====== */
-const pageSizeDischarges = ref(8);
-const currentPageDischarges = ref(1);
-const totalDischarges = computed(() => discharges.value.length);
-const totalPagesDischarges = computed(() =>
-  Math.max(1, Math.ceil(totalDischarges.value / pageSizeDischarges.value))
-);
-const pagedDischarges = computed(() => {
-  const start = (currentPageDischarges.value - 1) * pageSizeDischarges.value;
-  return discharges.value.slice(start, start + pageSizeDischarges.value);
 });
 </script>