diff --git a/packages/ui/src/components/prompt-input.tsx b/packages/ui/src/components/prompt-input.tsx
index 4e5d5a20..a6e740db 100644
--- a/packages/ui/src/components/prompt-input.tsx
+++ b/packages/ui/src/components/prompt-input.tsx
@@ -605,7 +605,7 @@ export default function PromptInput(props: PromptInputProps) {
}
>
- {formatVoiceTimer(voiceInput.elapsedMs())}
+
@@ -760,10 +760,3 @@ export default function PromptInput(props: PromptInputProps) {
)
}
-
-function formatVoiceTimer(elapsedMs: number): string {
- const totalSeconds = Math.max(0, Math.floor(elapsedMs / 1000))
- const minutes = Math.floor(totalSeconds / 60)
- const seconds = totalSeconds % 60
- return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`
-}
diff --git a/packages/ui/src/styles/messaging/prompt-input.css b/packages/ui/src/styles/messaging/prompt-input.css
index 314660d1..25e33daa 100644
--- a/packages/ui/src/styles/messaging/prompt-input.css
+++ b/packages/ui/src/styles/messaging/prompt-input.css
@@ -220,6 +220,16 @@
color: var(--button-danger-text, var(--text-inverted, #ffffff));
}
+.prompt-voice-button.is-recording:hover:not(:disabled) {
+ background-color: var(--button-danger-hover-bg, rgba(239, 68, 68, 0.9));
+ color: var(--button-danger-text, var(--text-inverted, #ffffff));
+}
+
+.prompt-voice-button.is-recording:active:not(:disabled) {
+ background-color: var(--button-danger-active-bg, rgba(239, 68, 68, 1));
+ color: var(--button-danger-text, var(--text-inverted, #ffffff));
+}
+
.prompt-nav-voice-button {
min-width: 1.75rem;
width: 1.75rem;
@@ -228,8 +238,8 @@
}
.prompt-nav-voice-button.is-recording {
- min-width: 3.5rem;
- width: auto;
+ min-width: 1.75rem;
+ width: 1.75rem;
}
.prompt-voice-button:disabled {