Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

AI処理通知トースト

基本情報

項目内容
コンポーネントIDCMN-001
コンポーネント名AI処理通知トースト
種別グローバルコンポーネント(フローティング)

概要

AI整形処理(要約生成)の進行状況をユーザーに通知するフローティングトースト。録音完了後にホーム画面へ遷移した際に表示され、どの画面に遷移しても画面上部に表示され続ける。処理完了後はタップして作成されたメモへ遷移可能。

画面イメージ

処理中

AI整形を実行中

処理完了

AI整形が完了

処理失敗

AI整形に失敗

要素一覧

処理中状態

要素ID要素名種別説明
toast_processing処理中トーストトーストフローティングトーストコンテナ
processing_text処理中テキストラベル「AI整形を実行中」
processing_sub_textサブテキストラベル「バックグラウンドで処理中」
processing_indicatorプログレス表示アイコンローディングインジケーター(青丸)

完了状態

要素ID要素名種別説明
toast_completed完了トーストトーストフローティングトーストコンテナ
completed_text完了テキストラベル「AI整形が完了」
completed_action確認リンクリンク「タップして確認する」
completed_icon完了アイコンアイコンチェックマークアイコン(緑丸)

失敗状態

要素ID要素名種別説明
toast_failed失敗トーストトーストフローティングトーストコンテナ
failed_text失敗テキストラベル「AI整形に失敗」
failed_actionリトライ案内ラベル「長押しで破棄 / タップで再試行」
failed_icon失敗アイコンアイコン×アイコン(赤丸)

表示条件

条件動作
AI整形処理開始処理中トーストを表示
AI整形処理完了完了トーストに切り替え
AI整形処理失敗失敗トーストに切り替え
完了トーストタップ作成されたメモ詳細画面へ遷移、トーストを非表示
失敗トーストタップAI整形処理を再試行
失敗トースト長押し処理を破棄、トーストを非表示
トーストスワイプトーストを非表示(任意で閉じる)
画面遷移遷移先でもトーストを継続表示

表示トリガー

トリガー説明
録音画面で「完了してAI整形する」押下処理中トーストを表示し、ホーム画面へ遷移

API連携

メソッドエンドポイント用途
GET/api/memos/:id/statusメモのAI処理状態をポーリングで確認

ステータス値

status説明トースト表示
processingAI整形処理中処理中トースト
completedAI整形完了完了トースト
failedAI整形失敗失敗トースト

備考

  • 処理はバックグラウンドで実行されるため、アプリ操作を妨げない
  • 複数の処理が同時に走る場合の仕様は将来検討
  • ネットワークエラー時はリトライ案内を表示予定