```

chore: upgrade Vite to v7 and update OpenAI services

- Upgrade vite from ^5.0.0 to ^7.1.10 with new Node.js requirements
- Add dotenv package for environment variable management
- Update STT to use gpt-4o-transcribe model
- Remove verbose_json format from STT response
- Format code with consistent style (quotes, spacing)
- Add HMR WebSocket configuration for development
- Improve UI layout with overflow handling
- Reorganize chat interface component order
- Add user message broadcasting to activity log
```

packages/voice-assistant/src/ui/App.css

@@ -55,8 +55,9 @@
 .main {
   display: flex;
   flex: 1;
-  padding: 2rem;
   gap: 2rem;
+max-height: 100vh;
+overflow: hidden;
 }
 
 .chat-interface {
@@ -67,7 +68,7 @@
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  max-height: calc(100vh - 120px);
+  height: 100%;
 }
 
 .chat-interface h2 {

packages/voice-assistant/src/ui/App.tsx

@@ -40,7 +40,6 @@ function App() {
     message: string,
     metadata?: Record<string, unknown>
   ) => {
-    console.trace("addLog", type, message, metadata);
     setLogs((prev) => [
       ...prev,
       {
@@ -231,14 +230,6 @@ function App() {
 
       <main className="main">
         <div className="chat-interface">
-          <h2>Chat with Assistant</h2>
-
-          <VoiceControls
-            onAudioRecorded={handleAudioRecorded}
-            isProcessing={isProcessingAudio}
-            isPlaying={isPlayingAudio}
-          />
-
           <div className="activity-log">
             <div className="log-entries">
               {logs.map((log) => (
@@ -286,15 +277,11 @@ function App() {
             </button>
           </form>
 
-          <div className="test-controls">
-            <button
-              onClick={handlePing}
-              disabled={!ws.isConnected}
-              className="ping-button"
-            >
-              Send Ping (Test)
-            </button>
-          </div>
+          <VoiceControls
+            onAudioRecorded={handleAudioRecorded}
+            isProcessing={isProcessingAudio}
+            isPlaying={isPlayingAudio}
+          />
         </div>
       </main>
     </div>