From 07b7416d252a60fddf65edfac05a758d95b05a32 Mon Sep 17 00:00:00 2001
From: arthurcai <arthurcai@sjtu.edu.cn>
Date: Thu, 19 Mar 2026 13:09:35 +0800
Subject: [PATCH 1/6] fix: chat for dad mode

---
 frontend/src/components/dad/DcChat.vue | 27 +++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/dad/DcChat.vue b/frontend/src/components/dad/DcChat.vue
index 4356e1c..6102605 100644
--- a/frontend/src/components/dad/DcChat.vue
+++ b/frontend/src/components/dad/DcChat.vue
@@ -11,7 +11,7 @@
           <button v-if="authStore.isAuthenticated" class="dc-mem-btn" @click="showInlineMemory = true">记忆库</button>
         </div>
 
-        <div class="dc-chat-wrap" :style="ambientStyle">
+        <div class="dc-chat-wrap" :style="ambientStyle" @click="onConsoleClick">
           <div class="dc-terminal-noise" />
 
           <div class="dc-messages" ref="messagesEl">
@@ -80,7 +80,7 @@
                 @keydown.up.prevent="navigateHistory('up')"
                 @keydown.down.prevent="navigateHistory('down')"
                 @keydown.enter.exact.prevent="onSend"
-                />
+              />
             </form>
           </div>
         </div>
@@ -267,6 +267,17 @@ function focusInput() {
   })
 }
 
+function onConsoleClick(e: MouseEvent) {
+  if (sending.value || isStreaming.value) return
+  // Don't interfere with text selection
+  const sel = window.getSelection()
+  if (sel && sel.toString().length > 0) return
+  // Don't steal focus from interactive elements
+  const target = e.target as HTMLElement
+  if (target.closest('a, button, textarea, input')) return
+  focusInput()
+}
+
 function setInputValue(value: string) {
   input.value = value
   nextTick(() => {
@@ -514,6 +525,8 @@ async function onSend() {
   display: flex;
   flex-direction: column;
   gap: 18px;
+  user-select: text;
+  -webkit-user-select: text;
 }
 
 .dc-log-entry {
@@ -626,11 +639,11 @@ async function onSend() {
 }
 
 .dc-terminal-editor {
-  position: fixed;
-  top: -9999px;
-  left: -9999px;
-  width: 1px;
-  height: 1px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 1.8em;
   border: none;
   background: transparent;
   color: transparent;

From c68f85292d0b9318bf27e53e3836853f9d9ba77b Mon Sep 17 00:00:00 2001
From: arthurcai <arthurcai@sjtu.edu.cn>
Date: Thu, 19 Mar 2026 16:36:24 +0800
Subject: [PATCH 2/6] fix: fix pearl position

---
 backend/internal/model/task.go              |   2 +-
 frontend/src/components/overlay/CarPage.vue | 195 ++++++++++----------
 2 files changed, 97 insertions(+), 100 deletions(-)

diff --git a/backend/internal/model/task.go b/backend/internal/model/task.go
index ecf809c..36e9a74 100644
--- a/backend/internal/model/task.go
+++ b/backend/internal/model/task.go
@@ -105,7 +105,7 @@ type AIGeneratedTask struct {
 	ID        uint      `gorm:"primaryKey"`
 	CoupleKey string    `gorm:"type:varchar(80);uniqueIndex:idx_couple_date_type" json:"couple_key"`
 	Date      string    `gorm:"type:varchar(10);uniqueIndex:idx_couple_date_type" json:"date"`
-	Type      string    `gorm:"type:varchar(20);default:'task';uniqueIndex:idx_couple_date_type" json:"type"`
+	Type      string    `gorm:"type:varchar(50);default:'task';uniqueIndex:idx_couple_date_type" json:"type"`
 	AgeStage  string    `gorm:"type:varchar(20)" json:"age_stage"`
 	Content   string    `gorm:"column:tasks_json;type:text" json:"content"` // Reusing tasks_json column for content
 	CreatedAt time.Time `json:"created_at"`
diff --git a/frontend/src/components/overlay/CarPage.vue b/frontend/src/components/overlay/CarPage.vue
index 5039d7b..b5703f5 100644
--- a/frontend/src/components/overlay/CarPage.vue
+++ b/frontend/src/components/overlay/CarPage.vue
@@ -18,12 +18,8 @@
       </button>
 
       <div class="car-layout">
-        <!-- LEFT: Photo Wall -->
+        <!-- Photo Wall Layer (Bulletin Board Area) -->
         <div class="photo-wall">
-          <!-- Dedicated PearlShell activation zone -->
-          <div v-if="!showPearlShell" class="pearl-shell-trigger-zone" @click="activatePearlShell()" />
-
-          <!-- Original grid (visible when PearlShell not active or in fullscreen) -->
           <div v-if="!showPearlShell || pearlShellFullscreen" class="photo-grid">
             <div
               v-for="(photo, idx) in wallPhotos"
@@ -36,59 +32,64 @@
             </div>
             <div v-for="n in emptySlots" :key="'empty-' + n" class="photo-frame empty" />
           </div>
-          <!-- Embedded PearlShell -->
-          <div v-if="showPearlShell && !pearlShellFullscreen" class="pearl-shell-embedded">
-            <PearlShellWrapper
-              :photo-urls="allPhotoUrls"
-              :is-fullscreen="false"
-              @request-fullscreen="handleRequestFullscreen"
-            />
-            <button class="pearl-shell-close" @click.stop="showPearlShell = false" aria-label="关闭贝壳">✕</button>
-          </div>
         </div>
+      </div>
 
-        <!-- RIGHT: Avatar Frames + Profile Entry -->
-        <div class="right-section">
-          <div class="avatars" @click="openProfile">
-            <div class="avatar-wrapper">
-              <img class="avatar-photo" :class="{ 'avatar-custom': hasPartnerCustomAvatar }" :src="partnerAvatarUrl" alt="partner avatar" @error="onAvatarImgError" />
-              <img class="avatar-frame" :src="avatarFrame" alt="partner frame" />
-            </div>
-            <div class="ecg-link">
-              <svg viewBox="0 0 100 40" preserveAspectRatio="none">
-                <path class="ecg-path-bg" d="M0 20 L35 20 L38 16 L41 24 L45 4 L49 36 L52 20 L100 20" />
-                <path class="ecg-path-pulse" d="M0 20 L35 20 L38 16 L41 24 L45 4 L49 36 L52 20 L100 20" />
-              </svg>
-            </div>
-            <div class="avatar-wrapper">
-              <img class="avatar-photo" :class="{ 'avatar-custom': hasCustomAvatar }" :src="profileAvatarUrl" alt="my avatar" @error="onAvatarImgError" />
-              <img class="avatar-frame" :src="avatarFrame" alt="my frame" />
-            </div>
+      <!-- ABSOLUTE LAYER: Gesture Zones (You can tune these percentages) -->
+      <div
+        v-if="!showPearlShell && !pearlShellFullscreen"
+        class="pearl-shell-trigger-zone"
+        @click="activatePearlShell()"
+      />
+
+      <div v-if="showPearlShell && !pearlShellFullscreen" class="pearl-shell-embedded">
+        <PearlShellWrapper
+          :photo-urls="allPhotoUrls"
+          :is-fullscreen="false"
+          @request-fullscreen="handleRequestFullscreen"
+        />
+        <button class="pearl-shell-close" @click.stop="showPearlShell = false">✕</button>
+      </div>
+
+      <!-- ABSOLUTE LAYER: Right Section (Wooden Board Area) -->
+      <div class="right-section">
+        <div class="avatars" @click="openProfile">
+          <div class="avatar-wrapper">
+            <img class="avatar-photo" :class="{ 'avatar-custom': hasPartnerCustomAvatar }" :src="partnerAvatarUrl" alt="partner avatar" @error="onAvatarImgError" />
+            <img class="avatar-frame" :src="avatarFrame" alt="partner frame" />
+          </div>
+          <div class="ecg-link">
+            <svg viewBox="0 0 100 40" preserveAspectRatio="none">
+              <path class="ecg-path-bg" d="M0 20 L35 20 L38 16 L41 24 L45 4 L49 36 L52 20 L100 20" />
+              <path class="ecg-path-pulse" d="M0 20 L35 20 L38 16 L41 24 L45 4 L49 36 L52 20 L100 20" />
+            </svg>
           </div>
+          <div class="avatar-wrapper">
+            <img class="avatar-photo" :class="{ 'avatar-custom': hasCustomAvatar }" :src="profileAvatarUrl" alt="my avatar" @error="onAvatarImgError" />
+            <img class="avatar-frame" :src="avatarFrame" alt="my frame" />
+          </div>
+        </div>
 
-          <!-- Pearl Timeline -->
-          <div v-if="timelineNodes.length > 0" class="pearl-timeline">
-            <div class="timeline-line" />
-            <div
-              v-for="(node, idx) in timelineNodes"
-              :key="node.id"
-              class="timeline-node"
-              :style="{ animationDelay: `${idx * 0.15}s` }"
-              @click.stop="activatePearlShell()"
-            >
-              <img :src="starImg" class="pearl-dot" :style="{ transform: `rotate(${node.rotate}deg)` }" alt="" />
-              <div class="timeline-label">
-                <span class="timeline-date">{{ node.date }}</span>
-                <span class="timeline-title">{{ node.label }}</span>
-              </div>
+        <div v-if="timelineNodes.length > 0" class="pearl-timeline">
+          <div class="timeline-line" />
+          <div
+            v-for="(node, idx) in timelineNodes"
+            :key="node.id"
+            class="timeline-node"
+            :style="{ animationDelay: `${idx * 0.15}s` }"
+            @click.stop="activatePearlShell()"
+          >
+            <img :src="starImg" class="pearl-dot" :style="{ transform: `rotate(${node.rotate}deg)` }" alt="" />
+            <div class="timeline-label">
+              <span class="timeline-date">{{ node.date }}</span>
+              <span class="timeline-title">{{ node.label }}</span>
             </div>
           </div>
+        </div>
 
-          <!-- Box -->
-          <div ref="boxRef" class="overflow-box" @click="openSuitcase">
-            <img :src="boxImg" class="box-icon" alt="overflow box" />
-            <span v-if="allPhotos.length > 0" class="box-badge">{{ allPhotos.length }}</span>
-          </div>
+        <div ref="boxRef" class="overflow-box" @click="openSuitcase">
+          <img :src="boxImg" class="box-icon" alt="overflow box" />
+          <span v-if="allPhotos.length > 0" class="box-badge">{{ allPhotos.length }}</span>
         </div>
       </div>
 
@@ -1131,9 +1132,10 @@ watch(visible, async (isVisible) => {
 .car-layout {
   display: flex;
   height: 100%;
-  padding: 5vh 5vw 5vh 20vw;
-  gap: 4vw;
+  padding: 5vh 8vw;
+  gap: 10vw;
   align-items: center;
+  justify-content: space-between;
 }
 
 /* ── Photo Wall (Left) ── */
@@ -1147,37 +1149,6 @@ watch(visible, async (isVisible) => {
   padding-top: 21vh;
 }
 
-/* ── PearlShell Trigger Zone ── */
-.pearl-shell-trigger-zone {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 936px;
-  height: 544px;
-  margin-top: -17px;
-  margin-left: 0px;
-  z-index: 1; /* Below photos but above background */
-  cursor: pointer;
-  border-radius: 0;
-  animation: pulse-glow 3s ease-in-out infinite;
-}
-
-@keyframes pulse-glow {
-  0%, 100% { box-shadow: inset 0 0 40px 20px rgba(255, 180, 200, 0.05), inset 0 0 25px 12px rgba(255, 210, 80, 0.05); }
-  50% { box-shadow: inset 0 0 80px 40px rgba(255, 180, 200, 0.2), inset 0 0 60px 30px rgba(255, 210, 80, 0.3); }
-}
-
-.pearl-shell-trigger-zone:hover {
-  animation-name: pulse-glow-hover;
-  animation-duration: 2s;
-}
-
-@keyframes pulse-glow-hover {
-  0%, 100% { box-shadow: inset 0 0 60px 30px rgba(255, 170, 190, 0.2), inset 0 0 40px 20px rgba(255, 210, 80, 0.25); }
-  50% { box-shadow: inset 0 0 120px 60px rgba(255, 150, 180, 0.5), inset 0 0 90px 45px rgba(255, 210, 80, 0.55); }
-}
-
 .photo-grid {
   position: relative;
   z-index: 2;
@@ -1244,13 +1215,15 @@ watch(visible, async (isVisible) => {
 
 /* ── Right Section ── */
 .right-section {
+  position: absolute;
+  top: 18.5%;    /* 顶部与公告板齐平 */
+  left: 69%;   /* 起始于右侧木板区域 */
+  width: 15%;    /* 覆盖木板宽度 */
+  height: 65%;   /* 覆盖到行李箱位置 */
   display: flex;
   flex-direction: column;
   align-items: center;
-  min-width: 400px;
-  align-self: stretch;
-  padding-top: 18vh;
-  margin-right: 8vw;
+  z-index: 10;
 }
 
 .avatars {
@@ -1258,7 +1231,7 @@ watch(visible, async (isVisible) => {
   align-items: center;
   gap: 0;
   cursor: pointer;
-  margin-bottom: 48px;
+  margin-bottom: 70%; /* 缩小间距 */
 }
 
 @keyframes floating-group {
@@ -1267,7 +1240,7 @@ watch(visible, async (isVisible) => {
 }
 
 .ecg-link {
-  width: 120px;
+  width: 100px;
   height: 60px;
   margin: 0 -30px;
   z-index: 5;
@@ -1320,8 +1293,8 @@ watch(visible, async (isVisible) => {
 
 .avatar-wrapper {
   position: relative;
-  width: 160px;
-  height: 160px;
+  width: 120px;
+  height: 120px;
   transition: transform 0.2s;
 }
 
@@ -2367,19 +2340,43 @@ watch(visible, async (isVisible) => {
 }
 
 /* ── PearlShell ── */
+.pearl-shell-trigger-zone {
+  position: absolute;
+  top: 19.2%;    /* 对齐公告板顶部 */
+  left: 16.5%;   /* 对齐公告板左侧 */
+  width: 49.2%;  /* 覆盖公告板宽度 */
+  height: 57.9%; /* 覆盖公告板高度 */
+  z-index: 1;
+  cursor: pointer;
+  border-radius: 4px;
+  animation: pulse-glow 3s ease-in-out infinite;
+}
+
 .pearl-shell-embedded {
   position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 936px;
-  height: 544px;
-  margin-top: -17px;
-  margin-left: 0px;
+  top: 19.2%;    /* 对齐公告板顶部 */
+  left: 16.6%;   /* 对齐公告板左侧 */
+  width: 49.2%;  /* 覆盖公告板宽度 */
+  height: 57.9%;
   border-radius: 2px;
   overflow: hidden;
 }
 
+@keyframes pulse-glow {
+  0%, 100% { box-shadow: inset 0 0 40px 20px rgba(255, 180, 200, 0.05), inset 0 0 25px 12px rgba(255, 210, 80, 0.05); }
+  50% { box-shadow: inset 0 0 80px 40px rgba(255, 180, 200, 0.2), inset 0 0 60px 30px rgba(255, 210, 80, 0.3); }
+}
+
+.pearl-shell-trigger-zone:hover {
+  animation-name: pulse-glow-hover;
+  animation-duration: 2s;
+}
+
+@keyframes pulse-glow-hover {
+  0%, 100% { box-shadow: inset 0 0 60px 30px rgba(255, 170, 190, 0.2), inset 0 0 40px 20px rgba(255, 210, 80, 0.25); }
+  50% { box-shadow: inset 0 0 120px 60px rgba(255, 150, 180, 0.5), inset 0 0 90px 45px rgba(255, 210, 80, 0.55); }
+}
+
 .pearl-shell-close {
   position: absolute;
   top: 8px;

From 332a343285fcecdcb3f178abf13e6f4350b3da11 Mon Sep 17 00:00:00 2001
From: arthurcai <arthurcai@sjtu.edu.cn>
Date: Thu, 19 Mar 2026 17:55:08 +0800
Subject: [PATCH 3/6] fix: fix photo grid

---
 frontend/src/components/dad/DadConsole.vue    |  16 +-
 .../src/components/dad/DcMemoryCardDialog.vue | 119 ++++++++----
 frontend/src/components/overlay/CarPage.vue   |  18 +-
 .../src/components/overlay/WhisperPanel.vue   | 174 +++++++++++++-----
 4 files changed, 236 insertions(+), 91 deletions(-)

diff --git a/frontend/src/components/dad/DadConsole.vue b/frontend/src/components/dad/DadConsole.vue
index 2366150..d5167aa 100644
--- a/frontend/src/components/dad/DadConsole.vue
+++ b/frontend/src/components/dad/DadConsole.vue
@@ -74,6 +74,7 @@
       :preview-url="proofPreviewUrl"
       :uploading="proofUploading"
       :error="completeDialogError"
+      :success="completeSuccess"
       @close="closeCompleteDialog"
       @upload="onProofFileChange"
       @submit-without-photo="submitCompleteWithoutPhoto"
@@ -220,6 +221,7 @@ async function fetchTasks() {
   const [taskList, taskStats] = await Promise.all([getDailyTasks(), getTaskStats()])
   tasks.value = taskList
   stats.value = taskStats
+  error.value = ''
 }
 
 async function pollTasks() {
@@ -229,6 +231,7 @@ async function pollTasks() {
     if (stats.value?.xp !== taskStats.xp || stats.value?.level !== taskStats.level) {
       stats.value = taskStats
     }
+    if (error.value) error.value = ''
   } catch { /* ignore */ }
 }
 
@@ -297,6 +300,7 @@ const proofFile = ref<File | null>(null)
 const proofUploading = ref(false)
 const completeDialogError = ref('')
 const proofPreviewUrl = ref('')
+const completeSuccess = ref(false)
 
 function resetProof() {
   if (proofPreviewUrl.value) {
@@ -317,9 +321,17 @@ function closeCompleteDialog() {
   showCompleteDialog.value = false
   completeTarget.value = null
   completeDialogError.value = ''
+  completeSuccess.value = false
   resetProof()
 }
 
+function showSuccessThenClose() {
+  completeSuccess.value = true
+  window.setTimeout(() => {
+    closeCompleteDialog()
+  }, 1800)
+}
+
 function onProofFileChange(e: Event) {
   const input = e.target as HTMLInputElement
   const file = input.files?.[0] ?? null
@@ -340,7 +352,7 @@ async function submitCompleteWithoutPhoto() {
   try {
     const updated = await completeTask(id)
     tasks.value = tasks.value.map((t) => (t.id === id ? updated : t))
-    closeCompleteDialog()
+    showSuccessThenClose()
   } catch (e) {
     completeDialogError.value = getErrorMessage(e)
   } finally {
@@ -359,7 +371,7 @@ async function submitCompleteWithPhoto() {
     const uploaded = await uploadPhoto(proofFile.value, `任务证明：${completeTarget.value.title}`)
     const updated = await completeTask(id, { proof_photo_url: uploaded.image_url })
     tasks.value = tasks.value.map((t) => (t.id === id ? updated : t))
-    closeCompleteDialog()
+    showSuccessThenClose()
   } catch (e) {
     completeDialogError.value = getErrorMessage(e)
   } finally {
diff --git a/frontend/src/components/dad/DcMemoryCardDialog.vue b/frontend/src/components/dad/DcMemoryCardDialog.vue
index 930b9ed..ccc521e 100644
--- a/frontend/src/components/dad/DcMemoryCardDialog.vue
+++ b/frontend/src/components/dad/DcMemoryCardDialog.vue
@@ -1,48 +1,58 @@
 <template>
   <Transition name="dc-fade">
-    <div v-if="visible" class="dc-dialog-backdrop" @click.self="$emit('close')">
+    <div v-if="visible" class="dc-dialog-backdrop" @click.self="!success && $emit('close')">
       <div class="dc-term-modal">
-        <div class="dc-term-modal-header">
-          <span>提交任务回执</span>
-          <button class="dc-term-modal-close" @click="$emit('close')">关闭</button>
-        </div>
-
-        <div class="dc-term-modal-body">
-          <h3 class="dc-dialog-title">上传执行凭证</h3>
-          <p v-if="targetTitle" class="dc-dialog-sub">当前任务：{{ targetTitle }}</p>
-          <p class="dc-dialog-copy">可以上传一张现场照片作为执行凭证，也可以直接跳过。任务验收通过后，系统会自动为妈妈生成纪念卡片并存入照片库。</p>
-
-          <div class="dc-card-options">
-            <label class="dc-proof-picker">
-              <input
-                type="file"
-                accept="image/*"
-                capture="environment"
-                class="dc-proof-input"
-                :disabled="uploading"
-                @change="$emit('upload', $event)"
-              />
-              <span class="dc-action-btn dc-action-btn-outline">拍照或上传证明</span>
-            </label>
+        <template v-if="success">
+          <div class="dc-term-modal-body dc-success-body">
+            <div class="dc-success-icon">✓</div>
+            <h3 class="dc-dialog-title dc-success-title">任务已提交</h3>
+            <p class="dc-dialog-copy dc-success-copy">等待妈妈验收后，系统会自动生成纪念卡片。</p>
           </div>
+        </template>
 
-          <div v-if="previewUrl" class="dc-card-preview">
-            <img :src="previewUrl" alt="" class="dc-card-img" />
+        <template v-else>
+          <div class="dc-term-modal-header">
+            <span>提交任务回执</span>
+            <button class="dc-term-modal-close" @click="$emit('close')">关闭</button>
           </div>
 
-          <p v-if="error" class="dc-error">{{ error }}</p>
-        </div>
-
-        <div class="dc-term-modal-footer">
-          <button class="dc-action-btn dc-action-btn-outline" :disabled="uploading || !targetTitle" @click="$emit('submit-without-photo')">跳过照片</button>
-          <button
-            class="dc-action-btn"
-            :disabled="uploading || !targetTitle || !previewUrl"
-            @click="$emit('submit-with-photo')"
-          >
-            {{ uploading ? '提交中...' : '上传并提交' }}
-          </button>
-        </div>
+          <div class="dc-term-modal-body">
+            <h3 class="dc-dialog-title">上传执行凭证</h3>
+            <p v-if="targetTitle" class="dc-dialog-sub">当前任务：{{ targetTitle }}</p>
+            <p class="dc-dialog-copy">可以上传一张现场照片作为执行凭证，也可以直接跳过。任务验收通过后，系统会自动为妈妈生成纪念卡片并存入照片库。</p>
+
+            <div class="dc-card-options">
+              <label class="dc-proof-picker">
+                <input
+                  type="file"
+                  accept="image/*"
+                  capture="environment"
+                  class="dc-proof-input"
+                  :disabled="uploading"
+                  @change="$emit('upload', $event)"
+                />
+                <span class="dc-action-btn dc-action-btn-outline">拍照或上传证明</span>
+              </label>
+            </div>
+
+            <div v-if="previewUrl" class="dc-card-preview">
+              <img :src="previewUrl" alt="" class="dc-card-img" />
+            </div>
+
+            <p v-if="error" class="dc-error">{{ error }}</p>
+          </div>
+
+          <div class="dc-term-modal-footer">
+            <button class="dc-action-btn dc-action-btn-outline" :disabled="uploading || !targetTitle" @click="$emit('submit-without-photo')">跳过照片</button>
+            <button
+              class="dc-action-btn"
+              :disabled="uploading || !targetTitle || !previewUrl"
+              @click="$emit('submit-with-photo')"
+            >
+              {{ uploading ? '提交中...' : '上传并提交' }}
+            </button>
+          </div>
+        </template>
       </div>
     </div>
   </Transition>
@@ -55,6 +65,7 @@ defineProps<{
   previewUrl: string
   uploading: boolean
   error: string
+  success: boolean
 }>()
 
 defineEmits<{
@@ -245,4 +256,36 @@ defineEmits<{
 .dc-fade-enter-from .dc-term-modal, .dc-fade-leave-to .dc-term-modal {
   transform: translateY(20px);
 }
+
+.dc-success-body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 48px 24px;
+  gap: 12px;
+}
+
+.dc-success-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: rgba(158, 206, 106, 0.15);
+  border: 2px solid rgba(158, 206, 106, 0.4);
+  color: var(--dc-success, #9ECE6A);
+  font-size: 24px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dc-success-title {
+  color: var(--dc-success, #9ECE6A);
+}
+
+.dc-success-copy {
+  max-width: 300px;
+}
 </style>
diff --git a/frontend/src/components/overlay/CarPage.vue b/frontend/src/components/overlay/CarPage.vue
index b5703f5..d67c852 100644
--- a/frontend/src/components/overlay/CarPage.vue
+++ b/frontend/src/components/overlay/CarPage.vue
@@ -1140,13 +1140,16 @@ watch(visible, async (isVisible) => {
 
 /* ── Photo Wall (Left) ── */
 .photo-wall {
-  position: relative;
-  flex: 1;
+  position: absolute;
+  top: 19.2%;
+  left: 16.5%;
+  width: 49.2%;
+  height: 57.9%;
   display: flex;
-  align-self: stretch;
   align-items: flex-start;
   justify-content: center;
-  padding-top: 21vh;
+  z-index: 2;
+  overflow: hidden;
 }
 
 .photo-grid {
@@ -1156,7 +1159,9 @@ watch(visible, async (isVisible) => {
   grid-template-columns: repeat(5, 1fr);
   gap: 18px;
   width: 100%;
-  max-width: 880px;
+  max-width: 92%;
+  padding: 48px 16px 16px;
+  box-sizing: border-box;
   pointer-events: none;
 }
 
@@ -2582,6 +2587,9 @@ watch(visible, async (isVisible) => {
   }
 
   .photo-wall {
+    position: relative;
+    top: auto;
+    left: auto;
     flex: none;
     width: 94vw;
     max-width: none;
diff --git a/frontend/src/components/overlay/WhisperPanel.vue b/frontend/src/components/overlay/WhisperPanel.vue
index 360c55f..2cb4b3f 100644
--- a/frontend/src/components/overlay/WhisperPanel.vue
+++ b/frontend/src/components/overlay/WhisperPanel.vue
@@ -17,53 +17,65 @@
             <div v-else-if="error && !view" class="error-msg">{{ error }}</div>
 
             <template v-else-if="view">
-              <section class="intro-card">
-                <p class="card-kicker">当前话题</p>
-                <h3 class="card-title">{{ view.title }}</h3>
-                <p class="card-copy">{{ view.intro }}</p>
-              </section>
+              <div v-if="submitted" class="submit-done">
+                <div class="done-check">✓</div>
+                <h3 class="done-title">心声已分享给伴侣</h3>
+                <p class="done-copy">你的伴侣将会收到整理后的建议，帮助他更好地理解和陪伴你。</p>
+                <div class="done-summary">
+                  <span v-if="submittedStageLabel" class="signal-chip">{{ submittedStageLabel }}</span>
+                  <span v-if="submittedStateLabel" class="signal-chip">{{ submittedStateLabel }}</span>
+                </div>
+                <button class="submit-btn done-btn" @click="resetForm">再写一次</button>
+              </div>
 
-              <section v-for="(question, index) in view.questions" :key="question.id" class="question-card">
-                <div class="question-head">
-                  <span class="question-index">{{ index + 1 }}</span>
-                  <div>
-                    <h3 class="question-title">{{ question.prompt }}</h3>
+              <template v-else>
+                <section class="intro-card">
+                  <p class="card-kicker">当前话题</p>
+                  <h3 class="card-title">{{ view.title }}</h3>
+                  <p class="card-copy">{{ view.intro }}</p>
+                </section>
+
+                <section v-for="(question, index) in view.questions" :key="question.id" class="question-card">
+                  <div class="question-head">
+                    <span class="question-index">{{ index + 1 }}</span>
+                    <div>
+                      <h3 class="question-title">{{ question.prompt }}</h3>
+                    </div>
                   </div>
-                </div>
-                <div class="option-list">
-                  <button
-                    v-for="option in question.options"
-                    :key="option.id"
-                    :class="['option-btn', { selected: selectedValue(question.id) === option.id }]"
-                    @click="selectOption(question.id, option.id)"
-                  >
-                    <span class="option-label">{{ option.label }}</span>
-                    <span v-if="option.hint" class="option-hint">{{ option.hint }}</span>
-                  </button>
-                </div>
-              </section>
+                  <div class="option-list">
+                    <button
+                      v-for="option in question.options"
+                      :key="option.id"
+                      :class="['option-btn', { selected: selectedValue(question.id) === option.id }]"
+                      @click="selectOption(question.id, option.id)"
+                    >
+                      <span class="option-label">{{ option.label }}</span>
+                      <span v-if="option.hint" class="option-hint">{{ option.hint }}</span>
+                    </button>
+                  </div>
+                </section>
+
+                <section class="wish-card">
+                  <p class="card-kicker">补一句想说的话</p>
+                  <textarea
+                    v-model="wishContent"
+                    class="wish-textarea"
+                    :placeholder="view.wish_prompt || '如果有想对他说的悄悄话，可以写在这里。'"
+                    maxlength="300"
+                  />
+                  <div class="wish-meta">
+                    <span>{{ wishContent.length }}/300</span>
+                  </div>
+                </section>
 
-              <section class="wish-card">
-                <p class="card-kicker">补一句想说的话</p>
-                <textarea
-                  v-model="wishContent"
-                  class="wish-textarea"
-                  :placeholder="view.wish_prompt || '如果有想对他说的悄悄话，可以写在这里。'"
-                  maxlength="300"
-                />
-                <div class="wish-meta">
-                  <span>{{ wishContent.length }}/300</span>
+                <div class="action-row">
+                  <button class="submit-btn" :disabled="submitting || !hasValidSelection" @click="onSubmit">
+                    {{ submitting ? '发送中...' : '分享心声' }}
+                  </button>
                 </div>
-              </section>
-
-              <div class="action-row">
-                <button class="submit-btn" :disabled="submitting || !hasValidSelection" @click="onSubmit">
-                  {{ submitting ? '发送中...' : '分享心声' }}
-                </button>
-              </div>
 
-              <p v-if="error" class="error-msg">{{ error }}</p>
-              <p v-if="success" class="success-msg">{{ success }}</p>
+                <p v-if="error" class="error-msg">{{ error }}</p>
+              </template>
             </template>
           </template>
 
@@ -200,6 +212,9 @@ const loading = ref(false)
 const submitting = ref(false)
 const error = ref('')
 const success = ref('')
+const submitted = ref(false)
+const submittedStageLabel = ref('')
+const submittedStateLabel = ref('')
 const selectedStage = ref('')
 const selectedState = ref('')
 const wishContent = ref('')
@@ -295,11 +310,10 @@ async function onSubmit() {
       wish_content: wishContent.value.trim() || undefined,
     })
     applyResponse(response)
+    submittedStageLabel.value = selectedStageLabel.value
+    submittedStateLabel.value = selectedStateLabel.value
     wishContent.value = ''
-    success.value = '心声已分享给伴侣。'
-    window.setTimeout(() => {
-      success.value = ''
-    }, 3200)
+    submitted.value = true
   } catch (e) {
     error.value = getErrorMessage(e)
   } finally {
@@ -317,6 +331,15 @@ function applyResponse(response: FutureLetterResponseItem) {
   }
 }
 
+function resetForm() {
+  submitted.value = false
+  selectedStage.value = ''
+  selectedState.value = ''
+  submittedStageLabel.value = ''
+  submittedStateLabel.value = ''
+  error.value = ''
+}
+
 function adviceKindLabel(kind: string) {
   const map: Record<string, string> = {
     decode: '状态解读',
@@ -657,6 +680,65 @@ function formatTime(value: string) {
   margin-top: 12px;
 }
 
+.submit-done {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 40px 20px;
+  gap: 12px;
+}
+
+.done-check {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: rgba(39, 174, 96, 0.15);
+  border: 2px solid rgba(39, 174, 96, 0.4);
+  color: #27ae60;
+  font-size: 28px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 4px;
+}
+
+.done-title {
+  margin: 0;
+  color: #3a2a1a;
+  font-size: 17px;
+  font-weight: 700;
+}
+
+.done-copy {
+  margin: 0;
+  color: #6a5a4a;
+  font-size: 13px;
+  line-height: 1.6;
+  max-width: 300px;
+}
+
+.done-summary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: center;
+  margin-top: 4px;
+}
+
+.done-btn {
+  margin-top: 8px;
+  background: transparent;
+  color: #8a6a4a;
+  border: 1px solid rgba(138, 106, 74, 0.3);
+}
+
+.done-btn:hover:not(:disabled) {
+  background: rgba(138, 106, 74, 0.08);
+}
+
 @media (max-width: 768px) {
   .question-head,
   .result-head,

From 61ebd3bcb5151f4bfd79e84a0033397cbcb53c8f Mon Sep 17 00:00:00 2001
From: arthurcai <arthurcai@sjtu.edu.cn>
Date: Thu, 19 Mar 2026 18:22:45 +0800
Subject: [PATCH 4/6] fix: fix avatar

---
 frontend/src/components/dad/DcCommunity.vue        | 3 ++-
 frontend/src/components/dad/DcProfile.vue          | 7 +++++--
 frontend/src/components/overlay/BarPage.vue        | 3 ++-
 frontend/src/components/overlay/CarPage.vue        | 9 ++++++---
 frontend/src/components/overlay/CommunityPanel.vue | 3 ++-
 frontend/src/components/overlay/ProfilePanel.vue   | 6 ++++--
 6 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/dad/DcCommunity.vue b/frontend/src/components/dad/DcCommunity.vue
index 8e26175..9541578 100644
--- a/frontend/src/components/dad/DcCommunity.vue
+++ b/frontend/src/components/dad/DcCommunity.vue
@@ -356,7 +356,8 @@ function canModify(authorId: string) {
 
 function getAvatar(author: { avatar_url: string | null; role: string }) {
   if (author.role === 'ai_assistant') return aiAvatar
-  return author.avatar_url || avatarDefault
+  if (!author.avatar_url) return author.role === 'dad' ? aiAvatar : avatarDefault
+  return author.avatar_url
 }
 
 function onAvatarError(e: Event) {
diff --git a/frontend/src/components/dad/DcProfile.vue b/frontend/src/components/dad/DcProfile.vue
index 255f661..ae3cb11 100644
--- a/frontend/src/components/dad/DcProfile.vue
+++ b/frontend/src/components/dad/DcProfile.vue
@@ -130,6 +130,7 @@ import {
 } from '@/lib/api/user'
 import { getErrorMessage } from '@/lib/apiClient'
 import avatarDefault from '@/assets/images/avatar.png'
+import aiAvatar from '@/assets/images/ai_avatar.png'
 
 const auth = useAuthStore()
 
@@ -170,12 +171,14 @@ const isMom = computed(() => (profile.value?.role || auth.user?.role) === 'mom')
 const roleMap: Record<string, string> = { mom: '溯源者', dad: '守护者', professional: '专业认证' }
 const displayNickname = computed(() => profile.value?.nickname || auth.user?.nickname || '用户')
 const displayInitial = computed(() => displayNickname.value.charAt(0))
-const profileAvatarUrl = computed(() => profile.value?.avatar_url || auth.user?.avatar_url || avatarDefault)
+const isDad = computed(() => (profile.value?.role || auth.user?.role) === 'dad')
+const defaultAvatar = computed(() => isDad.value ? aiAvatar : avatarDefault)
+const profileAvatarUrl = computed(() => profile.value?.avatar_url || auth.user?.avatar_url || defaultAvatar.value)
 const roleName = computed(() => roleMap[profile.value?.role || auth.user?.role || 'mom'] || '溯源者')
 
 function onAvatarImgError(e: Event) {
   const img = e.target as HTMLImageElement
-  if (!img.dataset.fallback) { img.dataset.fallback = '1'; img.src = avatarDefault }
+  if (!img.dataset.fallback) { img.dataset.fallback = '1'; img.src = defaultAvatar.value }
 }
 
 function syncProfileForm() {
diff --git a/frontend/src/components/overlay/BarPage.vue b/frontend/src/components/overlay/BarPage.vue
index 06cd3c8..e8ea8c8 100644
--- a/frontend/src/components/overlay/BarPage.vue
+++ b/frontend/src/components/overlay/BarPage.vue
@@ -334,7 +334,8 @@ import aiAvatar from '@/assets/images/ai_avatar.png'
 
 function getAvatar(author: { avatar_url: string | null; role: string }) {
   if (author.role === 'ai_assistant') return aiAvatar
-  return author.avatar_url || avatarDefault
+  if (!author.avatar_url) return author.role === 'dad' ? aiAvatar : avatarDefault
+  return author.avatar_url
 }
 
 function onAvatarError(e: Event) {
diff --git a/frontend/src/components/overlay/CarPage.vue b/frontend/src/components/overlay/CarPage.vue
index d67c852..f3c07d4 100644
--- a/frontend/src/components/overlay/CarPage.vue
+++ b/frontend/src/components/overlay/CarPage.vue
@@ -496,6 +496,7 @@ import { useBackgroundMusicControls } from '@/composables/useBackgroundMusicLoop
 
 import avatarFrame from '@/assets/images/frame.png'
 import avatarDefault from '@/assets/images/avatar.png'
+import aiAvatar from '@/assets/images/ai_avatar.png'
 import boxImg from '@/assets/images/box.png'
 import starImg from '@/assets/images/star.png'
 import PearlShellWrapper from '@/components/react/PearlShellWrapper.vue'
@@ -632,16 +633,18 @@ const roleMap: Record<string, string> = {
 
 const displayNickname = computed(() => profile.value?.nickname || auth.user?.nickname || '用户')
 const displayInitial = computed(() => displayNickname.value.charAt(0))
-const profileAvatarUrl = computed(() => profile.value?.avatar_url || auth.user?.avatar_url || avatarDefault)
+const ownRole = computed(() => profile.value?.role || auth.user?.role || 'mom')
+const profileAvatarUrl = computed(() => profile.value?.avatar_url || auth.user?.avatar_url || (ownRole.value === 'dad' ? aiAvatar : avatarDefault))
 const hasCustomAvatar = computed(() => !!(profile.value?.avatar_url || auth.user?.avatar_url))
-const partnerAvatarUrl = computed(() => profile.value?.partner?.avatar_url || avatarDefault)
+const partnerRole = computed(() => profile.value?.partner?.role || '')
+const partnerAvatarUrl = computed(() => profile.value?.partner?.avatar_url || (partnerRole.value === 'dad' ? aiAvatar : avatarDefault))
 const hasPartnerCustomAvatar = computed(() => !!profile.value?.partner?.avatar_url)
 
 function onAvatarImgError(e: Event) {
   const img = e.target as HTMLImageElement
   if (!img.dataset.fallback) {
     img.dataset.fallback = '1'
-    img.src = avatarDefault
+    img.src = ownRole.value === 'dad' ? aiAvatar : avatarDefault
   }
 }
 const roleName = computed(() => roleMap[profile.value?.role || auth.user?.role || 'mom'] || '溯源者')
diff --git a/frontend/src/components/overlay/CommunityPanel.vue b/frontend/src/components/overlay/CommunityPanel.vue
index 8a11c0b..3e63fa5 100644
--- a/frontend/src/components/overlay/CommunityPanel.vue
+++ b/frontend/src/components/overlay/CommunityPanel.vue
@@ -328,7 +328,8 @@ function canModify(authorId: string) {
 
 function getAvatar(author: { avatar_url: string | null; role: string }) {
   if (author.role === 'ai_assistant') return aiAvatar
-  return author.avatar_url || avatarDefault
+  if (!author.avatar_url) return author.role === 'dad' ? aiAvatar : avatarDefault
+  return author.avatar_url
 }
 
 function onAvatarError(e: Event) {
diff --git a/frontend/src/components/overlay/ProfilePanel.vue b/frontend/src/components/overlay/ProfilePanel.vue
index 70e50ea..64f4793 100644
--- a/frontend/src/components/overlay/ProfilePanel.vue
+++ b/frontend/src/components/overlay/ProfilePanel.vue
@@ -172,6 +172,7 @@ import {
 } from '@/lib/api/user'
 import { getErrorMessage } from '@/lib/apiClient'
 import avatarDefault from '@/assets/images/avatar.png'
+import aiAvatar from '@/assets/images/ai_avatar.png'
 
 const uiStore = useUiStore()
 const auth = useAuthStore()
@@ -213,14 +214,15 @@ const isMom = computed(() => (profile.value?.role || auth.user?.role) === 'mom')
 const roleMap: Record<string, string> = { mom: '溯源者', dad: '守护者', professional: '专业认证' }
 const displayNickname = computed(() => profile.value?.nickname || auth.user?.nickname || '用户')
 const displayInitial = computed(() => displayNickname.value.charAt(0))
-const profileAvatarUrl = computed(() => profile.value?.avatar_url || auth.user?.avatar_url || avatarDefault)
+const defaultAvatar = computed(() => isMom.value ? avatarDefault : aiAvatar)
+const profileAvatarUrl = computed(() => profile.value?.avatar_url || auth.user?.avatar_url || defaultAvatar.value)
 const roleName = computed(() => roleMap[profile.value?.role || auth.user?.role || 'mom'] || '溯源者')
 
 function onAvatarImgError(e: Event) {
   const img = e.target as HTMLImageElement
   if (!img.dataset.fallback) {
     img.dataset.fallback = '1'
-    img.src = avatarDefault
+    img.src = defaultAvatar.value
   }
 }
 

From 3c88a1d7a069df0f5ba8d3e0698c4ed213593052 Mon Sep 17 00:00:00 2001
From: Koishi <koishi510@sjtu.edu.cn>
Date: Thu, 19 Mar 2026 18:28:41 +0800
Subject: [PATCH 5/6] fix: remove bgm for dad mode

---
 frontend/src/App.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 91fc83b..5d29863 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -26,8 +26,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted } from 'vue'
-import { useBackgroundMusicLoop } from '@/composables/useBackgroundMusicLoop'
+import { computed, onMounted, watch } from 'vue'
+import { useBackgroundMusicLoop, pauseBackgroundMusic, playBackgroundMusic } from '@/composables/useBackgroundMusicLoop'
 import AnimeLanding from '@/components/overlay/AnimeLanding.vue'
 import DadConsole from '@/components/dad/DadConsole.vue'
 import BeachScene from '@/components/scene/BeachScene.vue'
@@ -52,6 +52,11 @@ useBackgroundMusicLoop()
 
 const isDad = computed(() => authStore.user?.role === 'dad')
 
+watch(isDad, (dad) => {
+  if (dad) pauseBackgroundMusic()
+  else playBackgroundMusic()
+}, { immediate: true })
+
 onMounted(async () => {
   // Always initialize auth state
   await authStore.init()

From 9e011f984e17fd7b5e6e833c3886b57d35da2737 Mon Sep 17 00:00:00 2001
From: Koishi <koishi510@sjtu.edu.cn>
Date: Thu, 19 Mar 2026 18:45:11 +0800
Subject: [PATCH 6/6] docs: update changelog and document

---
 CHANGELOG.md         | 65 ++++++++++++++++++++++++++++++++++++++------
 README.md            | 18 ++++++++----
 docs/architecture.md | 43 +++++++++++++++++++++++------
 docs/features.md     | 44 ++++++++++++++++++++++++++----
 4 files changed, 143 insertions(+), 27 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index af1094d..ec19010 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,20 +5,69 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [1.3.0] - 2026-03-16
+## [1.3.0] - 2026-03-19
 
 ### Added
 
-- **Task priorities (T0/T1/T2)**: Tasks now carry a `priority` field across template and AI tasks; the UI sorts and highlights urgent/milestone tasks.
-- **Proof photo completion**: Dad can optionally upload a proof photo when completing a task; Mom review UI shows thumbnails.
-- **Shell Gifts (blind-box shells)**: Completing a task generates a shell gift for Mom (AI-generated title/content + optional proof photo); Mom can list and open shell gifts.
-- **Dad dashboard**: Skill radar (six dimensions), achievements (seeded defaults + auto-unlock on verification), and perk cards (Mom issues, Dad redeems).
+#### Dad Console
+
+- **Empathetic Terminal theme**: Redesigned DadConsole with terminal-inspired UI, inline panels, and profile page
+- **Dad console modular architecture**: Split monolithic DadConsole into modular components (chat, community, tasks, whisper, profile)
+- **Dad chat & community panels**: Polished chat interface and community board for dad mode
+- **Dad dashboard**: Skill radar (six dimensions), achievements (seeded defaults + auto-unlock on verification), and perk cards (Mom issues, Dad redeems)
+- **Memory card generation**: AI-generated memory cards from task completions with mom view filtering
+
+#### Tasks & Whisper
+
+- **Task priorities (T0/T1/T2)**: Tasks now carry a `priority` field across template and AI tasks; the UI sorts and highlights urgent/milestone tasks
+- **Proof photo completion**: Dad can optionally upload a proof photo when completing a task; Mom review UI shows thumbnails
+- **Future letter workflow**: Replaced shell gift system with future letters — a more meaningful way to capture and deliver care messages over time
+- **Enhanced whisper intelligence**: Refreshed whisper flows with scene guidance and improved AI tips
+- **Time-space care engine**: Updated mom future letter prompt to use a time-space care engine for richer, more contextual letters
+
+#### Entry & Auth
+
+- **Anime landing page**: New animated entry page for unauthenticated users
+- **Redesigned login/register**: New login and register page with improved UX
+
+#### AI & Search
+
+- **Deep RAG**: Implemented RAG with pgvector and ModelScope embeddings for semantic document retrieval
+
+### Changed
+
+- **Dad mode BGM disabled**: Background music pauses automatically in dad mode and resumes when switching back to mom mode
 
 ### Fixed
 
-- **Vite 8 dependency resolution**: Updated `@vitejs/plugin-react` to match Vite 8 peer dependencies so `npm ci` succeeds.
-- **MediaPipe Hands build**: Switched to side-effect import + global `Hands` usage to avoid missing ESM named exports under Vite 8/Rolldown.
-- **ESLint**: Removed `any` usage in MediaPipe global access.
+- **SonarCloud reliability**: Fixed reliability and maintainability issues across frontend and backend
+- **Code duplication**: Reduced duplication in `task.go`, `useTutorial.ts`, and other modules to meet SonarCloud quality gate (≤3%)
+- **Vite 8 compatibility**: Updated `@vitejs/plugin-react` and switched MediaPipe Hands to side-effect import for Vite 8/Rolldown
+- **Pearl shell gesture**: Fixed gesture recognition failure in pearl shell interaction
+- **Pearl position**: Fixed pearl sprite positioning and pearl menu entry
+- **Photo grid**: Fixed photo grid layout issues
+- **Avatar display**: Fixed avatar rendering
+- **Dad mode header**: Fixed header display issues in dad console
+- **Dad task & whisper panels**: Polished panel layout and interactions
+- **Docker build**: Fixed Dockerfile configuration
+- **Staticcheck warnings**: Resolved staticcheck and nilness lint warnings in Go backend
+
+### Security
+
+- **Removed hardcoded AI user password** (SonarCloud S2068)
+- **Frontend security hardening**: Addressed PR review security findings
+- **Backend security hardening**: Addressed PR review security findings
+
+### Dependencies
+
+- Vite 7.3.1 → 8.0.0
+- Vue 3.5.29 → 3.5.30
+- golang.org/x/crypto 0.48.0 → 0.49.0
+- puppeteer 24.38.0 → 24.39.1
+- typescript-eslint 8.56.1 → 8.57.0
+- @vitejs/plugin-vue 6.0.4 → 6.0.5
+- GitHub Actions: checkout 4.3.1 → 6.0.2, upload-artifact 4.6.2 → 7.0.0, download-artifact 4.3.0 → 8.0.1
+- SonarSource/sonarqube-scan-action 6.0.0 → 7.0.0
 
 ---
 
diff --git a/README.md b/README.md
index 85df695..3b4b9c6 100644
--- a/README.md
+++ b/README.md
@@ -23,8 +23,11 @@ AI-powered wellness platform combining emotional companionship, community suppor
 | **Sisterhood Bond** | Community Q&A with verified healthcare professionals and content moderation        |
 | **Echo / Memoir**   | Self-reflection space with AI-generated memoir stickers and partner connection     |
 | **Photo Gallery**   | Photo wall with AI-generated images, lifecycle management, and drag/zoom UI        |
-| **Whisper**         | Audio-to-text conversation using speech recognition                                |
-| **Tasks / Dad Console** | Daily task board with T0/T1/T2 priority, proof photos, partner review, XP/level, skill radar + achievements, perk cards, and blind-box shell gifts |
+| **Whisper**         | Audio-to-text whisper tips with AI-generated scene guidance                         |
+| **Tasks / Dad Console** | Daily task board with T0/T1/T2 priority, proof photos, partner review, XP/level, skill radar + achievements, perk cards, and future letters |
+| **Dad Console**     | Terminal-themed modular dad UI with chat, community, tasks, whisper, dashboard, profile, and memory cards |
+| **Deep RAG**        | Semantic document retrieval using pgvector embeddings for AI-grounded responses     |
+| **Entry & Auth**    | Anime landing page with redesigned login/register flow and role selection           |
 | **Mobile & PWA**    | Responsive mobile layout with portrait/landscape sprite configs, touch gestures, dynamic viewport units, and offline-capable service worker |
 | **Admin Panel**     | Embedded single-page admin at `/admin` — dashboard, user CRUD, config management   |
 
@@ -55,9 +58,14 @@ MomShell/
 │   └── pkg/            # Shared utilities (JWT, password, OpenAI, Firecrawl)
 ├── frontend/           # Vue 3 (Vite + TypeScript + Pinia)
 │   └── src/
-│       ├── components/ # Overlay panels + beach scene + React 3D shell
-│       ├── composables/# Animation, parallax, waves, music, mobile detection
-│       ├── lib/api/    # API client modules (chat, community, echo, photo, etc.)
+│       ├── components/
+│       │   ├── dad/    # Dad console modules (chat, tasks, whisper, dashboard, profile, etc.)
+│       │   ├── overlay/# UI panels (Auth, Chat, Community, Whisper, Task, Landing, etc.)
+│       │   ├── react/  # React 3D pearl shell scene
+│       │   ├── scene/  # Beach scene layers (sky, ocean, sand, sprites)
+│       │   └── task/   # Task dashboard visuals (skill radar, etc.)
+│       ├── composables/# Animation, parallax, waves, music, mobile detection, tutorial
+│       ├── lib/api/    # API client modules (chat, community, echo, photo, task, etc.)
 │       ├── stores/     # Pinia stores (auth, UI)
 │       ├── types/      # TypeScript type definitions
 │       └── utils/      # Shared utility functions
diff --git a/docs/architecture.md b/docs/architecture.md
index 3f2a303..77b8399 100644
--- a/docs/architecture.md
+++ b/docs/architecture.md
@@ -11,6 +11,7 @@ Technical architecture overview of MomShell.
 | **Go 1.25** | Backend language |
 | **Gin** | HTTP framework |
 | **GORM** | ORM (PostgreSQL) |
+| **pgvector** | Vector similarity search for Deep RAG |
 | **JWT (golang-jwt)** | Authentication (httpOnly cookies) |
 | **OpenAI SDK** | LLM integration (Qwen / any OpenAI-compatible) |
 | **Firecrawl** | Web search for grounding AI responses |
@@ -21,7 +22,7 @@ Technical architecture overview of MomShell.
 | Technology | Purpose |
 |------------|---------|
 | **Vue 3** | UI framework |
-| **Vite** | Build tool |
+| **Vite 8** | Build tool |
 | **TypeScript** | Type safety |
 | **Pinia** | State management |
 | **Axios** | HTTP client |
@@ -43,7 +44,8 @@ MomShell/
 │   │   ├── fileutil/           # Shared file utilities (deletion helper)
 │   │   ├── handler/            # HTTP handlers (Gin)
 │   │   ├── middleware/         # Auth, CORS, recovery, rate limiting
-│   │   ├── model/              # GORM models (User, Task, ShellGift, Achievement, PerkCard, etc.)
+│   │   ├── model/              # GORM models (User, Task, Achievement, PerkCard,
+│   │   │                       #   FutureLetter, RAGDocument, ChatMemory, etc.)
 │   │   ├── repository/         # Data access layer
 │   │   ├── router/             # Route registration
 │   │   ├── scheduler/          # Background job scheduling (photo cleanup)
@@ -57,18 +59,25 @@ MomShell/
 ├── frontend/                   # Vue 3 frontend
 │   └── src/
 │       ├── assets/
-│       │   ├── audio/          # Background music and sound effects
+│       │   ├── audio/          # Background music tracks
 │       │   └── images/         # Scene sprites, icons, backgrounds
 │       ├── components/
+│       │   ├── dad/            # Dad console modules (DadConsole, DcHome, DcChat,
+│       │   │                   #   DcCommunity, DcDashboard, DcTaskList, DcTaskCard,
+│       │   │                   #   DcWhisper, DcProfile, DcAiMemory, DcHeader, DcTabBar,
+│       │   │                   #   DcAgePicker, DcMemoryCardDialog)
 │       │   ├── overlay/        # UI panels (Auth, Chat, Community, AiMemory, Bar, Car,
-│       │   │                   #   Whisper, Task, ShellGift, Profile, RoleSelect, Landing, etc.)
+│       │   │                   #   Whisper, Task, Profile, RoleSelect, AnimeLanding,
+│       │   │                   #   NeutralLanding, ConfirmDialog)
 │       │   ├── react/          # React components (PearlShell 3D scene)
 │       │   ├── task/           # Task dashboard visuals (skill radar, etc.)
 │       │   └── scene/          # Beach scene layers (sky, ocean, sand, etc.)
-│       ├── composables/        # Vue composables (animation, parallax, waves, music, input)
+│       ├── composables/        # Vue composables (animation, parallax, waves, music,
+│       │                       #   mobile detection, tutorial, input handling)
 │       ├── constants/          # Scene configuration
 │       ├── lib/
-│       │   ├── api/            # API modules (chat, community, echo, photo, task, perkCard, shellGift, user, whisper)
+│       │   ├── api/            # API modules (chat, community, echo, photo, task,
+│       │   │                   #   perkCard, user, whisper)
 │       │   ├── apiClient.ts    # Axios instance with JWT interceptor
 │       │   └── auth.ts         # Raw fetch auth calls (register, login, refresh)
 │       ├── stores/             # Pinia stores (auth, UI)
@@ -125,6 +134,22 @@ Role-based system prompts adjust tone for mom, dad, and professional users.
 - Crisis keywords trigger auto-rejection
 - Results: Passed / Rejected / NeedManualReview
 
+### Deep RAG
+
+Semantic retrieval-augmented generation using pgvector:
+
+- Documents are chunked and embedded via ModelScope-hosted embedding models
+- Embeddings stored in PostgreSQL using the pgvector extension (`RAGDocument` model)
+- At query time, vector similarity search retrieves relevant chunks to ground AI responses with factual context
+
+### Future Letters
+
+Replaced the shell gift system with a time-space care engine:
+
+- Task completions trigger AI-generated future letters with contextual, time-aware messages
+- `FutureLetter` model stores letter content, delivery timing, and association to tasks
+- Mom receives meaningful letters over time rather than one-shot blind-box gifts
+
 ### Deployment Modes
 
 - **Docker Compose**: Nginx + Go + PostgreSQL as separate containers, port 80
@@ -133,13 +158,13 @@ Role-based system prompts adjust tone for mom, dad, and professional users.
 ## Data Flow
 
 ```
-Frontend (Vue 3 / Vite)
+Frontend (Vue 3 / Vite 8)
     ↕ REST API (JSON)
 Backend (Go / Gin)
     ↕ GORM
-PostgreSQL
+PostgreSQL + pgvector
     ↕ HTTP
-OpenAI-compatible LLM
+OpenAI-compatible LLM + ModelScope Embeddings
 ```
 
 ---
diff --git a/docs/features.md b/docs/features.md
index bee7b15..b4daf66 100644
--- a/docs/features.md
+++ b/docs/features.md
@@ -50,14 +50,15 @@ Photo management with AI-powered image generation.
 
 ## Whisper
 
-Audio-to-text conversation feature.
+Whisper intelligence with AI-powered scene guidance.
 
-- **Speech recognition**: Convert spoken words to text for the AI companion
-- **Conque shell metaphor**: Listen and speak through the beach shell
+- **AI whisper tips**: Context-aware guidance and tips generated by AI
+- **Scene guidance**: Whisper flows integrated with beach scene interaction
+- **Dad whisper panel**: Dedicated whisper interface in dad console
 
 ## Tasks
 
-Daily task execution and partner verification loop (Dad Console).
+Daily task execution and partner verification loop.
 
 - **Daily task board**: Dad sees today's tasks with a `pending → completed → verified` lifecycle and XP/level progression
 - **AI task generation**: Tasks can be generated based on the baby's age stage, with categories and difficulty
@@ -67,7 +68,40 @@ Daily task execution and partner verification loop (Dad Console).
 - **Progress polling**: UI polls for updates to keep task state in sync between partners
 - **Skill radar + achievements**: Verified task scores aggregate into a six-dimension radar; achievements auto-unlock from seeded rules
 - **Perk cards**: Mom can issue perk cards; Dad can redeem them (active/used/expired)
-- **Shell gifts**: Completing a task can generate a blind-box shell gift for Mom (AI title/content + optional proof photo)
+- **Future letters**: Replacing shell gifts — a time-space care engine generates contextual future letters from task completions, delivering meaningful messages over time
+- **Memory cards**: AI-generated memory cards from task completions with mom view filtering
+
+## Dad Console
+
+Terminal-themed modular interface for dad users.
+
+- **Empathetic Terminal theme**: Dark terminal-inspired UI with dedicated layout replacing the beach scene
+- **Modular architecture**: Split into focused components — DcHome, DcChat, DcCommunity, DcTaskList, DcWhisper, DcDashboard, DcProfile
+- **Dad chat**: Dedicated chat interface with AI companion tuned for dad role
+- **Dad community**: Community board accessible within the console
+- **Task management**: Task cards with priority badges, proof photo upload, and completion flow
+- **Dashboard**: Skill radar, achievements overview, and perk card management
+- **Profile page**: Dad profile with age picker and settings
+- **AI memory panel**: View and manage AI memory facts within the console
+- **Memory card dialog**: View AI-generated memory cards from completed tasks
+- **No BGM**: Background music automatically pauses in dad mode
+
+## Deep RAG
+
+Semantic document retrieval for AI-grounded responses.
+
+- **pgvector embeddings**: Document chunks stored as vector embeddings in PostgreSQL using pgvector extension
+- **ModelScope embeddings**: Text embeddings generated via ModelScope-hosted models
+- **Semantic search**: Vector similarity search for retrieving relevant context to ground AI responses
+
+## Entry & Auth
+
+Animated entry experience and authentication flow.
+
+- **Anime landing page**: Full-screen animated landing for unauthenticated users
+- **Redesigned login/register**: New authentication pages with improved UX
+- **Role selection**: Post-auth role selection panel (mom/dad)
+- **Interactive tutorial**: 7-step onboarding tour for new mom users using driver.js
 
 ## Beach Scene Navigation