@burdenoff/fe-libs 2026.913.1 → 2026.913.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/shared/assistant/index.d.ts +3 -0
- package/dist/shared/assistant/index.d.ts.map +1 -1
- package/dist/shared/assistant/preview/useAssistantPreviewBridge.js +8 -8
- package/dist/shared/assistant/ui/AssistantChatArea.js +298 -298
- package/dist/shared/assistant/ui/voice/AssistantVoiceSession.d.ts.map +1 -1
- package/dist/shared/assistant/ui/voice/AssistantVoiceSession.js +112 -102
- package/dist/shared/assistant/ui/voice/VoiceMiniController.d.ts +10 -0
- package/dist/shared/assistant/ui/voice/VoiceMiniController.d.ts.map +1 -1
- package/dist/shared/assistant/ui/voice/VoiceMiniController.js +29 -28
- package/dist/shared/assistant/ui/voice/VoiceStage.d.ts +10 -0
- package/dist/shared/assistant/ui/voice/VoiceStage.d.ts.map +1 -1
- package/dist/shared/assistant/ui/voice/VoiceStage.js +35 -34
- package/dist/shared/assistant/ui/voice/VoiceStatusText.d.ts +51 -0
- package/dist/shared/assistant/ui/voice/VoiceStatusText.d.ts.map +1 -0
- package/dist/shared/assistant/ui/voice/VoiceStatusText.js +42 -0
- package/dist/shared/assistant/voice/rotationClock.d.ts +31 -0
- package/dist/shared/assistant/voice/rotationClock.d.ts.map +1 -0
- package/dist/shared/assistant/voice/rotationClock.js +27 -0
- package/dist/shared/assistant/voice/voiceStatus.d.ts +81 -0
- package/dist/shared/assistant/voice/voiceStatus.d.ts.map +1 -0
- package/dist/shared/assistant/voice/voiceStatus.js +33 -0
- package/dist/shared-assistant.js +88 -85
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssistantVoiceSession.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/AssistantVoiceSession.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AssistantVoiceSession.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/AssistantVoiceSession.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAgB7D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,gFAAgF;AAChF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAElD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC3C,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,gEAAgE;IAChE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAokB3C,CAAC"}
|
|
@@ -1,176 +1,186 @@
|
|
|
1
1
|
import { useAssistantTr as e } from "../../i18n.js";
|
|
2
2
|
import { micIsInterrupt as t, showsAssistantCaption as n, voiceStageState as r } from "../../voice/voiceStageState.js";
|
|
3
|
-
import {
|
|
3
|
+
import { VOICE_THINKING_LABEL as i, composeVoiceStatus as a, voiceStatusSuffix as o } from "../../voice/voiceStatus.js";
|
|
4
|
+
import { spokenSoFar as s } from "../../voice/voiceSession.js";
|
|
4
5
|
import { AssistantAttachmentButton as ee } from "../composer/AssistantAttachmentButton.js";
|
|
5
|
-
import { AssistantAttachmentChips as
|
|
6
|
-
import { AssistantVoiceOrb as
|
|
7
|
-
import { VoiceMiniController as
|
|
8
|
-
import { VoiceStage as
|
|
9
|
-
import { VoiceTranscriptDrawer as
|
|
10
|
-
import { useCallback as
|
|
11
|
-
import { Maximize2 as
|
|
6
|
+
import { AssistantAttachmentChips as te } from "../composer/AssistantAttachmentChips.js";
|
|
7
|
+
import { AssistantVoiceOrb as ne } from "./AssistantVoiceOrb.js";
|
|
8
|
+
import { VoiceMiniController as c } from "./VoiceMiniController.js";
|
|
9
|
+
import { VoiceStage as l } from "./VoiceStage.js";
|
|
10
|
+
import { VoiceTranscriptDrawer as u } from "./VoiceTranscriptDrawer.js";
|
|
11
|
+
import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
|
|
12
|
+
import { Maximize2 as re, Minimize2 as ie, ScrollText as ae, X as oe } from "lucide-react";
|
|
12
13
|
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
13
14
|
//#region src/shared/assistant/ui/voice/AssistantVoiceSession.tsx
|
|
14
|
-
var _ = ({ session: _, turns:
|
|
15
|
-
let
|
|
16
|
-
|
|
17
|
-
let
|
|
18
|
-
|
|
19
|
-
}, [
|
|
20
|
-
|
|
15
|
+
var _ = ({ session: _, turns: y = [], onSaveTranscript: b, onContinueInChat: x, notice: S = null, spoken: C, onInterrupt: ce, onToggleMute: w, attachments: T = [], onAttachFiles: E, onRemoveAttachment: D, onRetryAttachment: le, canAttachMore: ue = !0, preparingAttachments: O = 0, spokenChunks: k = null, onEnd: A, capturing: de = !0, interrupting: j = !1, awaitingEndpoint: M = !1 }) => {
|
|
16
|
+
let N = e(), { muted: P, error: F } = _, I = p(null), L = p(null), [R, z] = m("mini"), B = R === "full", V = R === "mini", H = R === "mini" ? "panel" : R === "panel" ? "full" : "mini", [U, W] = m(!1), G = p(!1), K = p(w);
|
|
17
|
+
K.current = w;
|
|
18
|
+
let fe = d(() => {
|
|
19
|
+
P || G.current || s(_) || (G.current = !0, K.current());
|
|
20
|
+
}, [P, _]);
|
|
21
|
+
f(() => {
|
|
21
22
|
let e = () => {
|
|
22
|
-
|
|
23
|
+
G.current && (G.current = !1, K.current());
|
|
23
24
|
};
|
|
24
25
|
return window.addEventListener("focus", e), () => {
|
|
25
|
-
window.removeEventListener("focus", e),
|
|
26
|
+
window.removeEventListener("focus", e), G.current = !1;
|
|
26
27
|
};
|
|
27
|
-
}, []),
|
|
28
|
-
|
|
29
|
-
}, []),
|
|
28
|
+
}, []), f(() => {
|
|
29
|
+
I.current?.focus();
|
|
30
|
+
}, []), f(() => {
|
|
30
31
|
let e = (e) => {
|
|
31
32
|
if (e.key === "Escape") {
|
|
32
|
-
if (
|
|
33
|
-
|
|
33
|
+
if (U) {
|
|
34
|
+
W(!1);
|
|
34
35
|
return;
|
|
35
36
|
}
|
|
36
|
-
|
|
37
|
+
A();
|
|
37
38
|
return;
|
|
38
39
|
}
|
|
39
|
-
if (e.key !== "Tab" || !
|
|
40
|
-
let t = (
|
|
40
|
+
if (e.key !== "Tab" || !B) return;
|
|
41
|
+
let t = (U ? L.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : L.current)?.querySelectorAll("button:not([disabled])");
|
|
41
42
|
if (!t || t.length === 0) return;
|
|
42
43
|
let n = t[0], r = t[t.length - 1];
|
|
43
44
|
!n || !r || (e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus()));
|
|
44
45
|
};
|
|
45
46
|
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
46
47
|
}, [
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
A,
|
|
49
|
+
B,
|
|
50
|
+
U
|
|
50
51
|
]);
|
|
51
|
-
let
|
|
52
|
+
let q = S !== null && F === null, J = s(_), Y = r({
|
|
52
53
|
snapshot: _,
|
|
53
|
-
capturing:
|
|
54
|
-
interrupting:
|
|
55
|
-
awaitingEndpoint:
|
|
56
|
-
}),
|
|
57
|
-
switch (
|
|
58
|
-
case "connecting": return
|
|
59
|
-
case "endpoint-grace": return
|
|
60
|
-
case "interrupting": return
|
|
61
|
-
case "thinking": return
|
|
62
|
-
case "speaking": return
|
|
54
|
+
capturing: de,
|
|
55
|
+
interrupting: j,
|
|
56
|
+
awaitingEndpoint: M
|
|
57
|
+
}), X = (() => {
|
|
58
|
+
switch (Y) {
|
|
59
|
+
case "connecting": return N("voiceSession.connecting", "Starting the microphone…");
|
|
60
|
+
case "endpoint-grace": return N("voiceSession.endpointGrace", "Still listening — take your time");
|
|
61
|
+
case "interrupting": return N("voiceSession.interrupting", "Stopped — go ahead");
|
|
62
|
+
case "thinking": return N(i.key, i.fallback);
|
|
63
|
+
case "speaking": return N("voiceSession.speaking", "Speaking — tap to stop");
|
|
63
64
|
case "mic-error":
|
|
64
65
|
case "ended": return "";
|
|
65
|
-
case "listening": return
|
|
66
|
-
default: return
|
|
66
|
+
case "listening": return P ? N("voiceSession.muted", "Microphone off") : N("voiceSession.listening", "Listening…");
|
|
67
|
+
default: return Y;
|
|
67
68
|
}
|
|
68
|
-
})(),
|
|
69
|
+
})(), Z = o({
|
|
70
|
+
tr: N,
|
|
71
|
+
stage: Y,
|
|
72
|
+
muted: P,
|
|
73
|
+
label: X
|
|
74
|
+
}), Q = a(X, Z), $ = Y === "thinking";
|
|
69
75
|
return /* @__PURE__ */ g("div", {
|
|
70
|
-
ref:
|
|
71
|
-
className: `flex flex-col items-center justify-between bg-bg-sunken ${
|
|
76
|
+
ref: L,
|
|
77
|
+
className: `flex flex-col items-center justify-between bg-bg-sunken ${R === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : R === "panel" ? "absolute inset-0 z-20 px-4 py-6" : "absolute inset-x-0 bottom-0 z-20 h-[11.25rem] border-t border-border-subtle px-3 py-3 shadow-lg"}`,
|
|
72
78
|
role: "dialog",
|
|
73
|
-
"aria-modal":
|
|
74
|
-
"aria-label":
|
|
79
|
+
"aria-modal": B || void 0,
|
|
80
|
+
"aria-label": N("voiceSession.title", "Voice conversation"),
|
|
75
81
|
"data-testid": "assistant-voice-session",
|
|
76
82
|
children: [
|
|
77
83
|
/* @__PURE__ */ g("button", {
|
|
78
|
-
ref:
|
|
84
|
+
ref: I,
|
|
79
85
|
type: "button",
|
|
80
|
-
onClick:
|
|
81
|
-
className: `absolute ${
|
|
82
|
-
title:
|
|
86
|
+
onClick: A,
|
|
87
|
+
className: `absolute ${B ? "right-6 top-6 h-14 gap-2 px-5 text-base" : V ? "right-12 top-2 h-8 gap-1.5 px-2.5 text-xs" : "right-3 top-3 h-11 gap-2 px-4 text-sm"} flex items-center justify-center rounded-full border border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-sunken transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
|
|
88
|
+
title: N("voiceSession.end", "End the voice conversation"),
|
|
83
89
|
"data-testid": "assistant-voice-end",
|
|
84
|
-
children: [/* @__PURE__ */ h(
|
|
85
|
-
className:
|
|
90
|
+
children: [/* @__PURE__ */ h(oe, {
|
|
91
|
+
className: B ? "size-6" : V ? "size-4" : "size-5",
|
|
86
92
|
"aria-hidden": "true"
|
|
87
93
|
}), /* @__PURE__ */ h("span", {
|
|
88
|
-
className: `truncate whitespace-nowrap font-medium ${
|
|
89
|
-
children:
|
|
94
|
+
className: `truncate whitespace-nowrap font-medium ${V ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
|
|
95
|
+
children: N("voiceSession.endShort", "End")
|
|
90
96
|
})]
|
|
91
97
|
}),
|
|
92
98
|
/* @__PURE__ */ h("div", {
|
|
93
|
-
className: `flex flex-col items-center ${
|
|
94
|
-
children:
|
|
99
|
+
className: `flex flex-col items-center ${V ? "px-3" : `min-h-[1.5rem] ${q ? B ? "pt-14" : "pt-10" : ""}`}`,
|
|
100
|
+
children: q ? /* @__PURE__ */ h("p", {
|
|
95
101
|
className: "max-w-xs text-center text-xs text-status-warning",
|
|
96
102
|
"data-testid": "assistant-voice-notice",
|
|
97
|
-
children:
|
|
103
|
+
children: se(S, N)
|
|
98
104
|
}) : null
|
|
99
105
|
}),
|
|
100
106
|
(() => {
|
|
101
|
-
let e = /* @__PURE__ */ h(
|
|
107
|
+
let e = /* @__PURE__ */ h(ne, {
|
|
102
108
|
session: _,
|
|
103
|
-
compact:
|
|
104
|
-
connecting:
|
|
105
|
-
onPress: t(
|
|
106
|
-
label: t(
|
|
107
|
-
}), r = n(
|
|
108
|
-
return
|
|
109
|
-
spokenChunks:
|
|
110
|
-
state:
|
|
109
|
+
compact: V,
|
|
110
|
+
connecting: Y === "connecting",
|
|
111
|
+
onPress: t(Y) ? ce : w,
|
|
112
|
+
label: t(Y) ? N("voiceSession.interrupt", "Stop the assistant and speak") : P ? N("voiceSession.unmute", "Turn the microphone on") : N("voiceSession.mute", "Turn the microphone off")
|
|
113
|
+
}), r = n(Y) ? C : J || null, i = F === null ? null : v(F, N);
|
|
114
|
+
return V ? /* @__PURE__ */ h(c, {
|
|
115
|
+
spokenChunks: k,
|
|
116
|
+
state: Y,
|
|
111
117
|
caption: r,
|
|
112
|
-
statusText:
|
|
118
|
+
statusText: Q,
|
|
119
|
+
statusSuffix: Z,
|
|
120
|
+
rotateStatus: $,
|
|
113
121
|
errorText: i,
|
|
114
122
|
control: e
|
|
115
|
-
}) : /* @__PURE__ */ h(
|
|
116
|
-
state:
|
|
117
|
-
userCaption:
|
|
118
|
-
spokenChunks:
|
|
119
|
-
assistantCaption:
|
|
120
|
-
expanded:
|
|
121
|
-
statusText:
|
|
123
|
+
}) : /* @__PURE__ */ h(l, {
|
|
124
|
+
state: Y,
|
|
125
|
+
userCaption: J || null,
|
|
126
|
+
spokenChunks: k,
|
|
127
|
+
assistantCaption: C,
|
|
128
|
+
expanded: B,
|
|
129
|
+
statusText: Q,
|
|
130
|
+
statusSuffix: Z,
|
|
131
|
+
rotateStatus: $,
|
|
122
132
|
errorText: i,
|
|
123
133
|
control: e
|
|
124
134
|
});
|
|
125
135
|
})(),
|
|
126
|
-
|
|
127
|
-
turns:
|
|
128
|
-
onClose: () =>
|
|
129
|
-
onSave:
|
|
130
|
-
onContinueInChat:
|
|
136
|
+
U ? /* @__PURE__ */ h(u, {
|
|
137
|
+
turns: y,
|
|
138
|
+
onClose: () => W(!1),
|
|
139
|
+
onSave: b,
|
|
140
|
+
onContinueInChat: x
|
|
131
141
|
}) : null,
|
|
132
|
-
|
|
133
|
-
className: `absolute ${
|
|
142
|
+
E ? /* @__PURE__ */ h("div", {
|
|
143
|
+
className: `absolute ${B ? "left-6 top-6" : V ? "left-11 top-2" : "left-3 top-3"}`,
|
|
134
144
|
children: /* @__PURE__ */ h(ee, {
|
|
135
145
|
onFiles: (e) => {
|
|
136
|
-
|
|
146
|
+
E(e), z((e) => e === "mini" ? "panel" : e);
|
|
137
147
|
},
|
|
138
|
-
onPickerOpen:
|
|
148
|
+
onPickerOpen: fe,
|
|
139
149
|
direction: "down",
|
|
140
|
-
canAddMore:
|
|
150
|
+
canAddMore: ue
|
|
141
151
|
})
|
|
142
152
|
}) : null,
|
|
143
|
-
(
|
|
144
|
-
className: `absolute ${
|
|
153
|
+
(T.length > 0 || O > 0) && !V ? /* @__PURE__ */ h("div", {
|
|
154
|
+
className: `absolute ${B ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
|
|
145
155
|
"data-testid": "assistant-voice-attachments",
|
|
146
|
-
children: /* @__PURE__ */ h(
|
|
147
|
-
attachments:
|
|
148
|
-
onRemove:
|
|
149
|
-
onRetry:
|
|
150
|
-
preparingCount:
|
|
156
|
+
children: /* @__PURE__ */ h(te, {
|
|
157
|
+
attachments: T,
|
|
158
|
+
onRemove: D ?? (() => void 0),
|
|
159
|
+
onRetry: le ?? (() => void 0),
|
|
160
|
+
preparingCount: O
|
|
151
161
|
})
|
|
152
162
|
}) : null,
|
|
153
163
|
/* @__PURE__ */ h("button", {
|
|
154
164
|
type: "button",
|
|
155
|
-
onClick: () =>
|
|
156
|
-
className: `absolute ${
|
|
157
|
-
"aria-pressed":
|
|
158
|
-
"aria-label":
|
|
165
|
+
onClick: () => W((e) => !e),
|
|
166
|
+
className: `absolute ${B ? "bottom-6 right-6 size-14" : V ? "right-2 top-2 size-8" : "bottom-3 right-3 size-11"} flex items-center justify-center rounded-full bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
|
|
167
|
+
"aria-pressed": U,
|
|
168
|
+
"aria-label": N("voiceSession.transcript", "Voice transcript"),
|
|
159
169
|
"data-testid": "assistant-voice-transcript-toggle",
|
|
160
|
-
children: /* @__PURE__ */ h(
|
|
170
|
+
children: /* @__PURE__ */ h(ae, { className: B ? "size-6" : V ? "size-4" : "size-5" })
|
|
161
171
|
}),
|
|
162
172
|
/* @__PURE__ */ h("button", {
|
|
163
173
|
type: "button",
|
|
164
|
-
onClick: () =>
|
|
165
|
-
className: `absolute ${
|
|
166
|
-
"aria-label":
|
|
174
|
+
onClick: () => z(H),
|
|
175
|
+
className: `absolute ${B ? "bottom-6 left-6 size-14" : V ? "left-2 top-2 size-8" : "bottom-3 left-3 size-11"} flex items-center justify-center rounded-full bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
|
|
176
|
+
"aria-label": H === "panel" ? N("voiceSession.expandPanel", "Show the conversation in the panel") : H === "full" ? N("voiceSession.expand", "Expand the conversation to full screen") : N("voiceSession.collapse", "Shrink to the compact controller"),
|
|
167
177
|
"data-testid": "assistant-voice-expand",
|
|
168
|
-
children:
|
|
178
|
+
children: B ? /* @__PURE__ */ h(ie, { className: "size-5" }) : /* @__PURE__ */ h(re, { className: V ? "size-4" : "size-5" })
|
|
169
179
|
})
|
|
170
180
|
]
|
|
171
181
|
});
|
|
172
182
|
};
|
|
173
|
-
function
|
|
183
|
+
function se(e, t) {
|
|
174
184
|
switch (e) {
|
|
175
185
|
case "network": return t("voiceSession.noticeNetwork", "Speech recognition lost its connection. Check your network — it will retry.");
|
|
176
186
|
case "not-capturing": return t("voiceSession.noticeNotCapturing", "The microphone did not start. Check that this site is allowed to use it, then try again.");
|
|
@@ -179,7 +189,7 @@ function v(e, t) {
|
|
|
179
189
|
default: return e;
|
|
180
190
|
}
|
|
181
191
|
}
|
|
182
|
-
function
|
|
192
|
+
function v(e, t) {
|
|
183
193
|
switch (e) {
|
|
184
194
|
case "mic-denied": return t("voiceSession.micDenied", "Microphone access is blocked. Allow it in your browser settings to talk.");
|
|
185
195
|
case "no-speech-support": return t("voiceSession.noSpeechSupport", "This browser cannot listen. Try a different browser, or type instead.");
|
|
@@ -37,6 +37,16 @@ interface Props {
|
|
|
37
37
|
index: number;
|
|
38
38
|
} | null;
|
|
39
39
|
statusText: string;
|
|
40
|
+
/**
|
|
41
|
+
* Visible alongside a rotating status, e.g. "Microphone off". Only meaningful
|
|
42
|
+
* with `rotateStatus`; `statusText` already carries it for the announcement.
|
|
43
|
+
*/
|
|
44
|
+
statusSuffix?: string | null;
|
|
45
|
+
/**
|
|
46
|
+
* Rotate the SHOWN status through the thinking phrases while the assistant
|
|
47
|
+
* thinks. What is ANNOUNCED is always `statusText` — see `VoiceStatusText`.
|
|
48
|
+
*/
|
|
49
|
+
rotateStatus?: boolean;
|
|
40
50
|
/** Mic / interrupt control — the same orb, in its compact size. */
|
|
41
51
|
control: ReactNode;
|
|
42
52
|
errorText?: string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceMiniController.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceMiniController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"VoiceMiniController.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceMiniController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,UAAU,KAAK;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,uEAAuE;IACvE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAiHzC,CAAC"}
|
|
@@ -1,55 +1,56 @@
|
|
|
1
1
|
import { showsAssistantCaption as e, waveformIsActive as t, waveformIsSettled as n } from "../../voice/voiceStageState.js";
|
|
2
2
|
import { showPreviousChunk as r } from "../../voice/miniCaptionBudget.js";
|
|
3
3
|
import { VoiceWaveform as i } from "./VoiceWaveform.js";
|
|
4
|
-
import {
|
|
4
|
+
import { VoiceStatusText as a } from "./VoiceStatusText.js";
|
|
5
|
+
import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
5
6
|
//#region src/shared/assistant/ui/voice/VoiceMiniController.tsx
|
|
6
|
-
var
|
|
7
|
-
let
|
|
8
|
-
return /* @__PURE__ */
|
|
7
|
+
var l = ({ state: l, caption: u, spokenChunks: d = null, statusText: f, statusSuffix: p, rotateStatus: m, control: h, errorText: g = null }) => {
|
|
8
|
+
let _ = e(l), v = _ && d && d.index >= 0 ? d : null;
|
|
9
|
+
return /* @__PURE__ */ c("div", {
|
|
9
10
|
className: "flex min-h-0 w-full flex-1 items-center gap-3 px-4",
|
|
10
11
|
"data-testid": "assistant-voice-mini",
|
|
11
|
-
"data-state":
|
|
12
|
-
children: [/* @__PURE__ */
|
|
12
|
+
"data-state": l,
|
|
13
|
+
children: [/* @__PURE__ */ c("div", {
|
|
13
14
|
className: "flex min-w-0 flex-1 flex-col gap-1.5",
|
|
14
|
-
children: [/* @__PURE__ */
|
|
15
|
+
children: [/* @__PURE__ */ c("div", {
|
|
15
16
|
className: "flex items-center gap-2",
|
|
16
|
-
children: [/* @__PURE__ */
|
|
17
|
-
active: t(
|
|
18
|
-
settled: n(
|
|
19
|
-
tone:
|
|
20
|
-
}), /* @__PURE__ */
|
|
17
|
+
children: [/* @__PURE__ */ s(i, {
|
|
18
|
+
active: t(l),
|
|
19
|
+
settled: n(l),
|
|
20
|
+
tone: l === "speaking" ? "speaking" : "listening"
|
|
21
|
+
}), /* @__PURE__ */ s(a, {
|
|
21
22
|
className: "truncate text-xs text-text-muted",
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
status: f,
|
|
24
|
+
suffix: p,
|
|
25
|
+
rotating: m
|
|
25
26
|
})]
|
|
26
|
-
}),
|
|
27
|
+
}), l === "mic-error" ? /* @__PURE__ */ s("p", {
|
|
27
28
|
className: "line-clamp-2 text-xs text-status-warning",
|
|
28
29
|
role: "alert",
|
|
29
30
|
"data-testid": "assistant-voice-mini-error",
|
|
30
|
-
children:
|
|
31
|
-
}) :
|
|
32
|
-
className: ["line-clamp-3 break-words text-left text-sm leading-snug",
|
|
31
|
+
children: g
|
|
32
|
+
}) : u ? /* @__PURE__ */ s("p", {
|
|
33
|
+
className: ["line-clamp-3 break-words text-left text-sm leading-snug", _ ? "font-semibold text-text-primary" : "font-medium text-text-secondary"].join(" "),
|
|
33
34
|
role: "status",
|
|
34
35
|
"aria-live": "polite",
|
|
35
36
|
"data-testid": "assistant-voice-caption",
|
|
36
|
-
children:
|
|
37
|
+
children: v ? /* @__PURE__ */ c(o, { children: [r(v) ? /* @__PURE__ */ c("span", {
|
|
37
38
|
className: "text-text-muted transition-colors duration-300",
|
|
38
|
-
children: [
|
|
39
|
-
}) : null, /* @__PURE__ */
|
|
39
|
+
children: [v.chunks[v.index - 1], " "]
|
|
40
|
+
}) : null, /* @__PURE__ */ s("span", {
|
|
40
41
|
className: "text-text-primary",
|
|
41
42
|
"data-testid": "assistant-voice-caption-current",
|
|
42
|
-
children:
|
|
43
|
-
})] }) :
|
|
44
|
-
}) : /* @__PURE__ */
|
|
43
|
+
children: v.chunks[v.index]
|
|
44
|
+
})] }) : u
|
|
45
|
+
}) : /* @__PURE__ */ s("div", {
|
|
45
46
|
className: "h-9",
|
|
46
47
|
"aria-hidden": "true"
|
|
47
48
|
})]
|
|
48
|
-
}), /* @__PURE__ */
|
|
49
|
+
}), /* @__PURE__ */ s("div", {
|
|
49
50
|
className: "shrink-0",
|
|
50
|
-
children:
|
|
51
|
+
children: h
|
|
51
52
|
})]
|
|
52
53
|
});
|
|
53
54
|
};
|
|
54
55
|
//#endregion
|
|
55
|
-
export {
|
|
56
|
+
export { l as VoiceMiniController };
|
|
@@ -27,6 +27,16 @@ interface Props {
|
|
|
27
27
|
expanded: boolean;
|
|
28
28
|
/** Status words — already localised by the caller. */
|
|
29
29
|
statusText: string;
|
|
30
|
+
/**
|
|
31
|
+
* Visible alongside a rotating status, e.g. "Microphone off". Only meaningful
|
|
32
|
+
* with `rotateStatus`; `statusText` already carries it for the announcement.
|
|
33
|
+
*/
|
|
34
|
+
statusSuffix?: string | null;
|
|
35
|
+
/**
|
|
36
|
+
* Rotate the SHOWN status through the thinking phrases while the assistant
|
|
37
|
+
* thinks. What is ANNOUNCED is always `statusText` — see `VoiceStatusText`.
|
|
38
|
+
*/
|
|
39
|
+
rotateStatus?: boolean;
|
|
30
40
|
/** The microphone / interrupt control. */
|
|
31
41
|
control: ReactNode;
|
|
32
42
|
/** Shown in the mic-error state instead of a caption. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceStage.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceStage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"VoiceStage.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceStage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,UAAU,KAAK;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,mDAAmD;IACnD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,OAAO,EAAE,SAAS,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,+EAA+E;IAC/E,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAmIhC,CAAC"}
|
|
@@ -1,59 +1,60 @@
|
|
|
1
1
|
import { showsAssistantCaption as e, showsUserCaption as t, waveformIsActive as n, waveformIsSettled as r } from "../../voice/voiceStageState.js";
|
|
2
2
|
import { VoiceCaption as i } from "./VoiceCaption.js";
|
|
3
3
|
import { VoiceWaveform as a } from "./VoiceWaveform.js";
|
|
4
|
-
import {
|
|
4
|
+
import { VoiceStatusText as o } from "./VoiceStatusText.js";
|
|
5
|
+
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
5
6
|
//#region src/shared/assistant/ui/voice/VoiceStage.tsx
|
|
6
|
-
var
|
|
7
|
-
let
|
|
8
|
-
return /* @__PURE__ */
|
|
7
|
+
var u = ({ state: u, userCaption: d, assistantCaption: f, expanded: p, statusText: m, statusSuffix: h, rotateStatus: g, control: _, errorText: v = null, spokenChunks: y = null }) => {
|
|
8
|
+
let b = e(u) ? f : t(u) ? d : null;
|
|
9
|
+
return /* @__PURE__ */ l("div", {
|
|
9
10
|
className: [
|
|
10
11
|
"flex min-h-0 w-full flex-1 flex-col items-center",
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
p ? "px-8" : "px-14",
|
|
13
|
+
p ? "justify-start pt-[16vh]" : "justify-center"
|
|
13
14
|
].join(" "),
|
|
14
15
|
"data-testid": "assistant-voice-stage",
|
|
15
|
-
"data-state":
|
|
16
|
+
"data-state": u,
|
|
16
17
|
children: [
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
+
/* @__PURE__ */ c(o, {
|
|
18
19
|
className: [
|
|
19
20
|
"text-center text-text-muted",
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
p ? "text-base" : "text-sm",
|
|
22
|
+
p ? "mb-3" : "mb-2"
|
|
22
23
|
].join(" "),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
status: m,
|
|
25
|
+
suffix: h,
|
|
26
|
+
rotating: g
|
|
26
27
|
}),
|
|
27
|
-
|
|
28
|
-
className: `max-w-md text-center text-status-warning ${
|
|
28
|
+
u === "mic-error" ? /* @__PURE__ */ c("p", {
|
|
29
|
+
className: `max-w-md text-center text-status-warning ${p ? "text-lg" : "text-sm"}`,
|
|
29
30
|
role: "alert",
|
|
30
31
|
"data-testid": "assistant-voice-stage-error",
|
|
31
|
-
children:
|
|
32
|
-
}) : /* @__PURE__ */
|
|
33
|
-
className:
|
|
34
|
-
children: /* @__PURE__ */
|
|
35
|
-
active: n(
|
|
36
|
-
settled: r(
|
|
37
|
-
tone:
|
|
38
|
-
expanded:
|
|
32
|
+
children: v
|
|
33
|
+
}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
|
|
34
|
+
className: p ? "mb-10" : "mb-5",
|
|
35
|
+
children: /* @__PURE__ */ c(a, {
|
|
36
|
+
active: n(u),
|
|
37
|
+
settled: r(u),
|
|
38
|
+
tone: u === "speaking" ? "speaking" : "listening",
|
|
39
|
+
expanded: p
|
|
39
40
|
})
|
|
40
|
-
}),
|
|
41
|
-
className:
|
|
41
|
+
}), b ? /* @__PURE__ */ c("div", {
|
|
42
|
+
className: p ? "mb-12 max-h-[46vh] w-full overflow-y-auto" : "mb-6 max-h-[38vh] w-full overflow-y-auto",
|
|
42
43
|
"data-caption-scroll": "",
|
|
43
|
-
children: /* @__PURE__ */
|
|
44
|
-
text:
|
|
45
|
-
role: e(
|
|
46
|
-
spokenChunks:
|
|
47
|
-
expanded:
|
|
44
|
+
children: /* @__PURE__ */ c(i, {
|
|
45
|
+
text: b,
|
|
46
|
+
role: e(u) ? "assistant" : "user",
|
|
47
|
+
spokenChunks: y,
|
|
48
|
+
expanded: p,
|
|
48
49
|
testId: "assistant-voice-caption"
|
|
49
50
|
})
|
|
50
|
-
}) : /* @__PURE__ */
|
|
51
|
-
className:
|
|
51
|
+
}) : /* @__PURE__ */ c("div", {
|
|
52
|
+
className: p ? "mb-12 h-[4.875rem]" : "mb-6 h-12",
|
|
52
53
|
"aria-hidden": "true"
|
|
53
54
|
})] }),
|
|
54
|
-
|
|
55
|
+
_
|
|
55
56
|
]
|
|
56
57
|
});
|
|
57
58
|
};
|
|
58
59
|
//#endregion
|
|
59
|
-
export {
|
|
60
|
+
export { u as VoiceStage };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* The voice status line's markup: one live region that announces the STATUS,
|
|
4
|
+
* beside visual copy that may differ from it.
|
|
5
|
+
*
|
|
6
|
+
* ★★ Both spans are mounted in EVERY state, and nothing here is keyed. Many
|
|
7
|
+
* screen readers ignore a live region that is inserted at the moment its
|
|
8
|
+
* content changes, so remounting the region — a structure that only split
|
|
9
|
+
* while thinking, or a `key` that changes with the text — would silence the
|
|
10
|
+
* very announcements it exists for. The region stays put; only its text
|
|
11
|
+
* changes, and only when the status does.
|
|
12
|
+
*
|
|
13
|
+
* ★ The shown copy is `aria-hidden`, so a rotation is never read aloud —
|
|
14
|
+
* neither through the live region nor when the line is read with a virtual
|
|
15
|
+
* cursor, where the announced span supplies the text exactly once.
|
|
16
|
+
*
|
|
17
|
+
* ★★ `relative` + `left-0 top-0` CONTAIN the announced span. `sr-only` is
|
|
18
|
+
* `position: absolute`; without a positioned line its containing block is the
|
|
19
|
+
* voice dialog, so it sat after the full untruncated text and pushed scrollable
|
|
20
|
+
* overflow into the chat area. A screen reader scrolling the status into view
|
|
21
|
+
* then shifted the whole docked strip sideways (measured: 34px at 320px wide
|
|
22
|
+
* for a long Spanish status with the microphone off). `left-0`, not the
|
|
23
|
+
* logical `start-0`: the latter is absent from at least one consumer's
|
|
24
|
+
* generated stylesheet, and for a 1px clipped box the side does not matter.
|
|
25
|
+
*
|
|
26
|
+
* ★ `data-testid="assistant-voice-status"` is on the ANNOUNCED span, so reading
|
|
27
|
+
* that id still yields exactly the status, as it always has. The visible copy is
|
|
28
|
+
* `assistant-voice-status-shown`; the line itself is `assistant-voice-status-line`.
|
|
29
|
+
*/
|
|
30
|
+
export declare const VoiceStatusLine: FC<{
|
|
31
|
+
announced: string;
|
|
32
|
+
shown: string;
|
|
33
|
+
className: string;
|
|
34
|
+
}>;
|
|
35
|
+
/**
|
|
36
|
+
* The voice session's status line, rotating the SHOWN text while the assistant
|
|
37
|
+
* thinks. What is announced is always `status` — see `voiceStatusParts`.
|
|
38
|
+
*
|
|
39
|
+
* ★ The clock lives HERE, not in `AssistantVoiceSession`: a tick re-renders only
|
|
40
|
+
* this line, and the orchestrators stay free of timers.
|
|
41
|
+
*/
|
|
42
|
+
export declare const VoiceStatusText: FC<{
|
|
43
|
+
/** The meaningful status. This is what is announced. */
|
|
44
|
+
status: string;
|
|
45
|
+
/** Kept visible while the shown phrase rotates, e.g. "Microphone off". */
|
|
46
|
+
suffix?: string | null;
|
|
47
|
+
/** Rotate the SHOWN text through the thinking phrases. */
|
|
48
|
+
rotating?: boolean;
|
|
49
|
+
className: string;
|
|
50
|
+
}>;
|
|
51
|
+
//# sourceMappingURL=VoiceStatusText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VoiceStatusText.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceStatusText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYrD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAiBA,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAiBA,CAAC"}
|