今天是第三天，主要目標是請AI同事幫忙選擇前端技術
好的事前選擇，可以讓開發順利。

我之前在試用的時候，沒事前跟AI做整體技術選擇討論，結果發生的A部分跟B部分互斥打架，害我那時候修bug修的慘兮兮，所以這次我決定先將使用的技術講清楚，告訴AI我的需求，讓AI選型時能直接減少技術相容性的問題，當然這不是萬靈藥，等實際開發時還是會有許多地方會需要處理，但應該可以減少一些因相容性而需要重構的地方。

一開始我先從讓AI同事了解目前現況開始
我給AI的指令:

 @ai_context.md @README.md @軟體核心架構規劃.md @功能需求總覽.md   了解目前現況

一開始給他我們之前準備的資料他就會比較了解，可以大致避免討論的內容跟之前的相違背，不過有些時候還是會需要人工介入。
接下來我開始請AI同事計畫前端的內容。

我給AI的指令:

@agents/engineering/frontend-developer.md 請幫我根據功能規劃前端技術的選擇，並且使用一問一答方式詢問，問的時後需給出幾種解決方案跟方案優缺 

然後就會開始根據你的回答去建構前端技術棧，在來回的過程可以透過請他再增加一些選項跟提問，可以釐清建構專案的技術選擇優缺。

根據我跟AI同事的一番討論後，我們決定的前端技術棧如下:

• 前端框架：Vue.js (純客戶端渲染 - CSR)
• UI 框架：Element Plus
• 狀態管理工具：Pinia
• 文件儲存方案 (前端處理方式)：前端直接上傳到後端 API，由後端轉發到 Google Drive API
• 即時通訊 (WebSocket) 前端實現：使用基於 WebSocket 的函式庫 (例如：vue-native-websocket 或 vue-socket.io)
• 前端路由模式：Hash 模式
• 前端打包工具：Vite

討論完之後，一樣需將我們的結論更新到檔案上
我給AI的指令:

 @ai_context.md @README.md @功能需求總覽.md @軟體核心架構規劃.md  請更新我的資訊

到這一步，我就將前端的部分搞定了。

明天，可以開始做功能方面的建置~