add rnnoise for voice

1 files changed, 46 insertions, 0 deletions

diff --git a/index.css b/index.css
index 7475a64..f08470a 100644
--- a/index.css
+++ b/index.css
@@ -411,6 +411,18 @@ body.voice-live {
     color: var(--cl-green-6);
 }
 
+.voice-topbar-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+    flex-shrink: 0;
+}
+
+.voice-topbar-btn {
+    padding: 4px 10px;
+    background-color: var(--cl-gray-0);
+}
+
 .voice-login-btn {
     padding: 4px 10px;
     color: var(--cl-orange-6);
@@ -900,6 +912,11 @@ body.voice-live {
     border-color: var(--cl-red-6);
 }
 
+.btn-voice.btn-voice-rnnoise[aria-pressed="true"] {
+    color: var(--cl-green-6);
+    border-color: var(--cl-green-6);
+}
+
 .btn-voice[aria-expanded="true"] {
     color: var(--cl-orange-6);
     border-color: var(--cl-orange-6);
@@ -963,6 +980,35 @@ body.voice-live {
     align-items: flex-start;
 }
 
+.voice-wasm-desc {
+    margin: 0;
+    color: var(--cl-gray-7);
+    font-size: 0.85rem;
+    line-height: 1.45;
+}
+
+.voice-wasm-controls {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.55rem;
+}
+
+.voice-wasm-status[data-state="cached"] {
+    color: var(--cl-green-6);
+    border-color: var(--cl-green-6);
+}
+
+.voice-wasm-status[data-state="loading"] {
+    color: var(--cl-orange-6);
+    border-color: var(--cl-orange-6);
+}
+
+.voice-wasm-status[data-state="error"] {
+    color: var(--cl-red-6);
+    border-color: var(--cl-red-6);
+}
+
 .voice-setting input[type="range"] {
     width: 100%;
     margin: 0.35rem 0;