JacobLinCool / JacobLinCool/mentora

增加等待提示:讓學生知道系統正在處理回答

Open
#118 0 comments 0 reactions 1 assignee Claimed by @cyucccx View on GitHub
enhancement
Dominant language
TypeScript
Stars
1
Forks
1
PR merge metrics
No merged PRs in 30d

Description

## 問題描述

學生送出訊息後,系統處理時間較長(約十幾秒),但畫面沒有任何明確回饋,導致學生以為系統當機或沒有接收到訊息。

## 目前狀態

- 程式碼中有 `awaitingAiReply` 狀態,會顯示一個閃爍的垂直游標 `|`
- TypewriterText 元件有打字動畫效果
- 但目前的等待提示**不夠明顯**,學生容易忽略或不理解其含義

## 需求

1. 加入**明確的 Loading 動畫**(例如:旋轉圖示、彈跳的三個點、進度條)
2. 顯示**文字提示**,例如「正在思考中...」、「系統正在處理您的回答...」
3. 提示應出現在訊息對話區域中,讓學生明確知道系統正在回應
4. 如果等待時間超過一定秒數(例如 10 秒),可考慮顯示額外的安撫訊息
5. 支援 i18n(使用現有的 message 系統)

## 相關檔案

- `apps/mentora/src/routes/conversations/[id]/+page.svelte` — 主對話頁面,含 `awaitingAiReply` 邏輯
- `apps/mentora/src/lib/components/conversation/TypewriterText.svelte` — 打字動畫元件
- `apps/mentora/src/lib/components/conversation/VoiceControls.svelte` — 語音控制元件

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.