@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.
@@ -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;AAW7D,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,CAukB3C,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 { spokenSoFar as i } from "../../voice/voiceSession.js";
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 a } from "../composer/AssistantAttachmentChips.js";
6
- import { AssistantVoiceOrb as o } from "./AssistantVoiceOrb.js";
7
- import { VoiceMiniController as s } from "./VoiceMiniController.js";
8
- import { VoiceStage as c } from "./VoiceStage.js";
9
- import { VoiceTranscriptDrawer as te } from "./VoiceTranscriptDrawer.js";
10
- import { useCallback as ne, useEffect as l, useRef as u, useState as d } from "react";
11
- import { Maximize2 as f, Minimize2 as p, ScrollText as m, X as re } from "lucide-react";
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: b = [], onSaveTranscript: x, onContinueInChat: S, notice: C = null, spoken: w, onInterrupt: T, onToggleMute: E, attachments: D = [], onAttachFiles: O, onRemoveAttachment: k, onRetryAttachment: ie, canAttachMore: ae = !0, preparingAttachments: A = 0, spokenChunks: j = null, onEnd: M, capturing: oe = !0, interrupting: N = !1, awaitingEndpoint: P = !1 }) => {
15
- let F = e(), { muted: I, error: L } = _, R = u(null), z = u(null), [B, V] = d("mini"), H = B === "full", U = B === "mini", W = B === "mini" ? "panel" : B === "panel" ? "full" : "mini", [G, K] = d(!1), q = u(!1), J = u(E);
16
- J.current = E;
17
- let se = ne(() => {
18
- I || q.current || i(_) || (q.current = !0, J.current());
19
- }, [I, _]);
20
- l(() => {
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
- q.current && (q.current = !1, J.current());
23
+ G.current && (G.current = !1, K.current());
23
24
  };
24
25
  return window.addEventListener("focus", e), () => {
25
- window.removeEventListener("focus", e), q.current = !1;
26
+ window.removeEventListener("focus", e), G.current = !1;
26
27
  };
27
- }, []), l(() => {
28
- R.current?.focus();
29
- }, []), l(() => {
28
+ }, []), f(() => {
29
+ I.current?.focus();
30
+ }, []), f(() => {
30
31
  let e = (e) => {
31
32
  if (e.key === "Escape") {
32
- if (G) {
33
- K(!1);
33
+ if (U) {
34
+ W(!1);
34
35
  return;
35
36
  }
36
- M();
37
+ A();
37
38
  return;
38
39
  }
39
- if (e.key !== "Tab" || !H) return;
40
- let t = (G ? z.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : z.current)?.querySelectorAll("button:not([disabled])");
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
- M,
48
- H,
49
- G
48
+ A,
49
+ B,
50
+ U
50
51
  ]);
51
- let Y = C !== null && L === null, X = i(_), Z = r({
52
+ let q = S !== null && F === null, J = s(_), Y = r({
52
53
  snapshot: _,
53
- capturing: oe,
54
- interrupting: N,
55
- awaitingEndpoint: P
56
- }), Q = (() => {
57
- switch (Z) {
58
- case "connecting": return F("voiceSession.connecting", "Starting the microphone…");
59
- case "endpoint-grace": return F("voiceSession.endpointGrace", "Still listening — take your time");
60
- case "interrupting": return F("voiceSession.interrupting", "Stopped — go ahead");
61
- case "thinking": return F("voiceSession.thinking", "Thinking…");
62
- case "speaking": return F("voiceSession.speaking", "Speaking — tap to stop");
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 I ? F("voiceSession.muted", "Microphone off") : F("voiceSession.listening", "Listening…");
66
- default: return Z;
66
+ case "listening": return P ? N("voiceSession.muted", "Microphone off") : N("voiceSession.listening", "Listening…");
67
+ default: return Y;
67
68
  }
68
- })(), $ = I && Z !== "listening" && Q !== "" ? `${Q} · ${F("voiceSession.muted", "Microphone off")}` : Q;
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: z,
71
- className: `flex flex-col items-center justify-between bg-bg-sunken ${B === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : B === "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"}`,
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": H || void 0,
74
- "aria-label": F("voiceSession.title", "Voice conversation"),
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: R,
84
+ ref: I,
79
85
  type: "button",
80
- onClick: M,
81
- className: `absolute ${H ? "right-6 top-6 h-14 gap-2 px-5 text-base" : U ? "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`,
82
- title: F("voiceSession.end", "End the voice conversation"),
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(re, {
85
- className: H ? "size-6" : U ? "size-4" : "size-5",
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 ${U ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
89
- children: F("voiceSession.endShort", "End")
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 ${U ? "px-3" : `min-h-[1.5rem] ${Y ? H ? "pt-14" : "pt-10" : ""}`}`,
94
- children: Y ? /* @__PURE__ */ h("p", {
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: v(C, F)
103
+ children: se(S, N)
98
104
  }) : null
99
105
  }),
100
106
  (() => {
101
- let e = /* @__PURE__ */ h(o, {
107
+ let e = /* @__PURE__ */ h(ne, {
102
108
  session: _,
103
- compact: U,
104
- connecting: Z === "connecting",
105
- onPress: t(Z) ? T : E,
106
- label: t(Z) ? F("voiceSession.interrupt", "Stop the assistant and speak") : I ? F("voiceSession.unmute", "Turn the microphone on") : F("voiceSession.mute", "Turn the microphone off")
107
- }), r = n(Z) ? w : X || null, i = L === null ? null : y(L, F);
108
- return U ? /* @__PURE__ */ h(s, {
109
- spokenChunks: j,
110
- state: Z,
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(c, {
116
- state: Z,
117
- userCaption: X || null,
118
- spokenChunks: j,
119
- assistantCaption: w,
120
- expanded: H,
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
- G ? /* @__PURE__ */ h(te, {
127
- turns: b,
128
- onClose: () => K(!1),
129
- onSave: x,
130
- onContinueInChat: S
136
+ U ? /* @__PURE__ */ h(u, {
137
+ turns: y,
138
+ onClose: () => W(!1),
139
+ onSave: b,
140
+ onContinueInChat: x
131
141
  }) : null,
132
- O ? /* @__PURE__ */ h("div", {
133
- className: `absolute ${H ? "left-6 top-6" : U ? "left-11 top-2" : "left-3 top-3"}`,
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
- O(e), V((e) => e === "mini" ? "panel" : e);
146
+ E(e), z((e) => e === "mini" ? "panel" : e);
137
147
  },
138
- onPickerOpen: se,
148
+ onPickerOpen: fe,
139
149
  direction: "down",
140
- canAddMore: ae
150
+ canAddMore: ue
141
151
  })
142
152
  }) : null,
143
- (D.length > 0 || A > 0) && !U ? /* @__PURE__ */ h("div", {
144
- className: `absolute ${H ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
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(a, {
147
- attachments: D,
148
- onRemove: k ?? (() => void 0),
149
- onRetry: ie ?? (() => void 0),
150
- preparingCount: A
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: () => K((e) => !e),
156
- className: `absolute ${H ? "bottom-6 right-6 size-14" : U ? "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`,
157
- "aria-pressed": G,
158
- "aria-label": F("voiceSession.transcript", "Voice transcript"),
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(m, { className: H ? "size-6" : U ? "size-4" : "size-5" })
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: () => V(W),
165
- className: `absolute ${H ? "bottom-6 left-6 size-14" : U ? "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`,
166
- "aria-label": W === "panel" ? F("voiceSession.expandPanel", "Show the conversation in the panel") : W === "full" ? F("voiceSession.expand", "Expand the conversation to full screen") : F("voiceSession.collapse", "Shrink to the compact controller"),
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: H ? /* @__PURE__ */ h(p, { className: "size-5" }) : /* @__PURE__ */ h(f, { className: U ? "size-4" : "size-5" })
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 v(e, t) {
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 y(e, t) {
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;AAG3C,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,mEAAmE;IACnE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAgHzC,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 { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
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 c = ({ state: c, caption: l, spokenChunks: u = null, statusText: d, control: f, errorText: p = null }) => {
7
- let m = e(c), h = m && u && u.index >= 0 ? u : null;
8
- return /* @__PURE__ */ s("div", {
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": c,
12
- children: [/* @__PURE__ */ s("div", {
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__ */ s("div", {
15
+ children: [/* @__PURE__ */ c("div", {
15
16
  className: "flex items-center gap-2",
16
- children: [/* @__PURE__ */ o(i, {
17
- active: t(c),
18
- settled: n(c),
19
- tone: c === "speaking" ? "speaking" : "listening"
20
- }), /* @__PURE__ */ o("p", {
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
- "aria-live": "polite",
23
- "data-testid": "assistant-voice-status",
24
- children: d
23
+ status: f,
24
+ suffix: p,
25
+ rotating: m
25
26
  })]
26
- }), c === "mic-error" ? /* @__PURE__ */ o("p", {
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: p
31
- }) : l ? /* @__PURE__ */ o("p", {
32
- className: ["line-clamp-3 break-words text-left text-sm leading-snug", m ? "font-semibold text-text-primary" : "font-medium text-text-secondary"].join(" "),
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: h ? /* @__PURE__ */ s(a, { children: [r(h) ? /* @__PURE__ */ s("span", {
37
+ children: v ? /* @__PURE__ */ c(o, { children: [r(v) ? /* @__PURE__ */ c("span", {
37
38
  className: "text-text-muted transition-colors duration-300",
38
- children: [h.chunks[h.index - 1], " "]
39
- }) : null, /* @__PURE__ */ o("span", {
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: h.chunks[h.index]
43
- })] }) : l
44
- }) : /* @__PURE__ */ o("div", {
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__ */ o("div", {
49
+ }), /* @__PURE__ */ s("div", {
49
50
  className: "shrink-0",
50
- children: f
51
+ children: h
51
52
  })]
52
53
  });
53
54
  };
54
55
  //#endregion
55
- export { c as VoiceMiniController };
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;AAG3C,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,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,CAiIhC,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 { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
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 l = ({ state: l, userCaption: u, assistantCaption: d, expanded: f, statusText: p, control: m, errorText: h = null, spokenChunks: g = null }) => {
7
- let _ = e(l) ? d : t(l) ? u : null;
8
- return /* @__PURE__ */ c("div", {
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
- f ? "px-8" : "px-14",
12
- f ? "justify-start pt-[16vh]" : "justify-center"
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": l,
16
+ "data-state": u,
16
17
  children: [
17
- /* @__PURE__ */ s("p", {
18
+ /* @__PURE__ */ c(o, {
18
19
  className: [
19
20
  "text-center text-text-muted",
20
- f ? "text-base" : "text-sm",
21
- f ? "mb-3" : "mb-2"
21
+ p ? "text-base" : "text-sm",
22
+ p ? "mb-3" : "mb-2"
22
23
  ].join(" "),
23
- "aria-live": "polite",
24
- "data-testid": "assistant-voice-status",
25
- children: p
24
+ status: m,
25
+ suffix: h,
26
+ rotating: g
26
27
  }),
27
- l === "mic-error" ? /* @__PURE__ */ s("p", {
28
- className: `max-w-md text-center text-status-warning ${f ? "text-lg" : "text-sm"}`,
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: h
32
- }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
33
- className: f ? "mb-10" : "mb-5",
34
- children: /* @__PURE__ */ s(a, {
35
- active: n(l),
36
- settled: r(l),
37
- tone: l === "speaking" ? "speaking" : "listening",
38
- expanded: f
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
- }), _ ? /* @__PURE__ */ s("div", {
41
- className: f ? "mb-12 max-h-[46vh] w-full overflow-y-auto" : "mb-6 max-h-[38vh] w-full overflow-y-auto",
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__ */ s(i, {
44
- text: _,
45
- role: e(l) ? "assistant" : "user",
46
- spokenChunks: g,
47
- expanded: f,
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__ */ s("div", {
51
- className: f ? "mb-12 h-[4.875rem]" : "mb-6 h-12",
51
+ }) : /* @__PURE__ */ c("div", {
52
+ className: p ? "mb-12 h-[4.875rem]" : "mb-6 h-12",
52
53
  "aria-hidden": "true"
53
54
  })] }),
54
- m
55
+ _
55
56
  ]
56
57
  });
57
58
  };
58
59
  //#endregion
59
- export { l as VoiceStage };
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"}