forked from ultraworkers/claw-code
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathVoiceIndicator.tsx
More file actions
137 lines (134 loc) · 10.6 KB
/
Copy pathVoiceIndicator.tsx
File metadata and controls
137 lines (134 loc) · 10.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
import { c as _c } from "react/compiler-runtime";
import { feature } from 'bun:bundle';
import * as React from 'react';
import { useSettings } from '../../hooks/useSettings.js';
import { Box, Text, useAnimationFrame } from '../../ink.js';
import { interpolateColor, toRGBColor } from '../Spinner/utils.js';
type Props = {
voiceState: 'idle' | 'recording' | 'processing';
};
// Processing shimmer colors: dim gray to lighter gray (matches ThinkingShimmerText)
const PROCESSING_DIM = {
r: 153,
g: 153,
b: 153
};
const PROCESSING_BRIGHT = {
r: 185,
g: 185,
b: 185
};
const PULSE_PERIOD_S = 2; // 2 second period for all pulsing animations
export function VoiceIndicator(props) {
const $ = _c(2);
if (!feature("VOICE_MODE")) {
return null;
}
let t0;
if ($[0] !== props) {
t0 = <VoiceIndicatorImpl {...props} />;
$[0] = props;
$[1] = t0;
} else {
t0 = $[1];
}
return t0;
}
function VoiceIndicatorImpl(t0) {
const $ = _c(2);
const {
voiceState
} = t0;
switch (voiceState) {
case "recording":
{
let t1;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t1 = <Text dimColor={true}>listening…</Text>;
$[0] = t1;
} else {
t1 = $[0];
}
return t1;
}
case "processing":
{
let t1;
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
t1 = <ProcessingShimmer />;
$[1] = t1;
} else {
t1 = $[1];
}
return t1;
}
case "idle":
{
return null;
}
}
}
// Static — the warmup window (~120ms between space #2 and activation)
// is too brief for a 1s-period shimmer to register, and a 50ms animation
// timer here runs concurrently with auto-repeat spaces arriving every
// 30-80ms, compounding re-renders during an already-busy window.
export function VoiceWarmupHint() {
const $ = _c(1);
if (!feature("VOICE_MODE")) {
return null;
}
let t0;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t0 = <Text dimColor={true}>keep holding…</Text>;
$[0] = t0;
} else {
t0 = $[0];
}
return t0;
}
function ProcessingShimmer() {
const $ = _c(8);
const settings = useSettings();
const reducedMotion = settings.prefersReducedMotion ?? false;
const [ref, time] = useAnimationFrame(reducedMotion ? null : 50);
if (reducedMotion) {
let t0;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t0 = <Text color="warning">Voice: processing…</Text>;
$[0] = t0;
} else {
t0 = $[0];
}
return t0;
}
const elapsedSec = time / 1000;
const opacity = (Math.sin(elapsedSec * Math.PI * 2 / PULSE_PERIOD_S) + 1) / 2;
let t0;
if ($[1] !== opacity) {
t0 = toRGBColor(interpolateColor(PROCESSING_DIM, PROCESSING_BRIGHT, opacity));
$[1] = opacity;
$[2] = t0;
} else {
t0 = $[2];
}
const color = t0;
let t1;
if ($[3] !== color) {
t1 = <Text color={color}>Voice: processing…</Text>;
$[3] = color;
$[4] = t1;
} else {
t1 = $[4];
}
let t2;
if ($[5] !== ref || $[6] !== t1) {
t2 = <Box ref={ref}>{t1}</Box>;
$[5] = ref;
$[6] = t1;
$[7] = t2;
} else {
t2 = $[7];
}
return t2;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJ1c2VTZXR0aW5ncyIsIkJveCIsIlRleHQiLCJ1c2VBbmltYXRpb25GcmFtZSIsImludGVycG9sYXRlQ29sb3IiLCJ0b1JHQkNvbG9yIiwiUHJvcHMiLCJ2b2ljZVN0YXRlIiwiUFJPQ0VTU0lOR19ESU0iLCJyIiwiZyIsImIiLCJQUk9DRVNTSU5HX0JSSUdIVCIsIlBVTFNFX1BFUklPRF9TIiwiVm9pY2VJbmRpY2F0b3IiLCJwcm9wcyIsIiQiLCJfYyIsInQwIiwiVm9pY2VJbmRpY2F0b3JJbXBsIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJWb2ljZVdhcm11cEhpbnQiLCJQcm9jZXNzaW5nU2hpbW1lciIsInNldHRpbmdzIiwicmVkdWNlZE1vdGlvbiIsInByZWZlcnNSZWR1Y2VkTW90aW9uIiwicmVmIiwidGltZSIsImVsYXBzZWRTZWMiLCJvcGFjaXR5IiwiTWF0aCIsInNpbiIsIlBJIiwiY29sb3IiLCJ0MiJdLCJzb3VyY2VzIjpbIlZvaWNlSW5kaWNhdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9ob29rcy91c2VTZXR0aW5ncy5qcydcbmltcG9ydCB7IEJveCwgVGV4dCwgdXNlQW5pbWF0aW9uRnJhbWUgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBpbnRlcnBvbGF0ZUNvbG9yLCB0b1JHQkNvbG9yIH0gZnJvbSAnLi4vU3Bpbm5lci91dGlscy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgdm9pY2VTdGF0ZTogJ2lkbGUnIHwgJ3JlY29yZGluZycgfCAncHJvY2Vzc2luZydcbn1cblxuLy8gUHJvY2Vzc2luZyBzaGltbWVyIGNvbG9yczogZGltIGdyYXkgdG8gbGlnaHRlciBncmF5IChtYXRjaGVzIFRoaW5raW5nU2hpbW1lclRleHQpXG5jb25zdCBQUk9DRVNTSU5HX0RJTSA9IHsgcjogMTUzLCBnOiAxNTMsIGI6IDE1MyB9XG5jb25zdCBQUk9DRVNTSU5HX0JSSUdIVCA9IHsgcjogMTg1LCBnOiAxODUsIGI6IDE4NSB9XG5cbmNvbnN0IFBVTFNFX1BFUklPRF9TID0gMiAvLyAyIHNlY29uZCBwZXJpb2QgZm9yIGFsbCBwdWxzaW5nIGFuaW1hdGlvbnNcblxuZXhwb3J0IGZ1bmN0aW9uIFZvaWNlSW5kaWNhdG9yKHByb3BzOiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmICghZmVhdHVyZSgnVk9JQ0VfTU9ERScpKSByZXR1cm4gbnVsbFxuICByZXR1cm4gPFZvaWNlSW5kaWNhdG9ySW1wbCB7Li4ucHJvcHN9IC8+XG59XG5cbmZ1bmN0aW9uIFZvaWNlSW5kaWNhdG9ySW1wbCh7IHZvaWNlU3RhdGUgfTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBzd2l0Y2ggKHZvaWNlU3RhdGUpIHtcbiAgICBjYXNlICdyZWNvcmRpbmcnOlxuICAgICAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPmxpc3RlbmluZ+KApjwvVGV4dD5cbiAgICBjYXNlICdwcm9jZXNzaW5nJzpcbiAgICAgIHJldHVybiA8UHJvY2Vzc2luZ1NoaW1tZXIgLz5cbiAgICBjYXNlICdpZGxlJzpcbiAgICAgIHJldHVybiBudWxsXG4gIH1cbn1cblxuLy8gU3RhdGljIOKAlCB0aGUgd2FybXVwIHdpbmRvdyAofjEyMG1zIGJldHdlZW4gc3BhY2UgIzIgYW5kIGFjdGl2YXRpb24pXG4vLyBpcyB0b28gYnJpZWYgZm9yIGEgMXMtcGVyaW9kIHNoaW1tZXIgdG8gcmVnaXN0ZXIsIGFuZCBhIDUwbXMgYW5pbWF0aW9uXG4vLyB0aW1lciBoZXJlIHJ1bnMgY29uY3VycmVudGx5IHdpdGggYXV0by1yZXBlYXQgc3BhY2VzIGFycml2aW5nIGV2ZXJ5XG4vLyAzMC04MG1zLCBjb21wb3VuZGluZyByZS1yZW5kZXJzIGR1cmluZyBhbiBhbHJlYWR5LWJ1c3kgd2luZG93LlxuZXhwb3J0IGZ1bmN0aW9uIFZvaWNlV2FybXVwSGludCgpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBpZiAoIWZlYXR1cmUoJ1ZPSUNFX01PREUnKSkgcmV0dXJuIG51bGxcbiAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPmtlZXAgaG9sZGluZ+KApjwvVGV4dD5cbn1cblxuZnVuY3Rpb24gUHJvY2Vzc2luZ1NoaW1tZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3Qgc2V0dGluZ3MgPSB1c2VTZXR0aW5ncygpXG4gIGNvbnN0IHJlZHVjZWRNb3Rpb24gPSBzZXR0aW5ncy5wcmVmZXJzUmVkdWNlZE1vdGlvbiA/PyBmYWxzZVxuICBjb25zdCBbcmVmLCB0aW1lXSA9IHVzZUFuaW1hdGlvbkZyYW1lKHJlZHVjZWRNb3Rpb24gPyBudWxsIDogNTApXG5cbiAgaWYgKHJlZHVjZWRNb3Rpb24pIHtcbiAgICByZXR1cm4gPFRleHQgY29sb3I9XCJ3YXJuaW5nXCI+Vm9pY2U6IHByb2Nlc3NpbmfigKY8L1RleHQ+XG4gIH1cblxuICBjb25zdCBlbGFwc2VkU2VjID0gdGltZSAvIDEwMDBcbiAgY29uc3Qgb3BhY2l0eSA9XG4gICAgKE1hdGguc2luKChlbGFwc2VkU2VjICogTWF0aC5QSSAqIDIpIC8gUFVMU0VfUEVSSU9EX1MpICsgMSkgLyAyXG4gIGNvbnN0IGNvbG9yID0gdG9SR0JDb2xvcihcbiAgICBpbnRlcnBvbGF0ZUNvbG9yKFBST0NFU1NJTkdfRElNLCBQUk9DRVNTSU5HX0JSSUdIVCwgb3BhY2l0eSksXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgY29sb3I9e2NvbG9yfT5Wb2ljZTogcHJvY2Vzc2luZ+KApjwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsT0FBTyxRQUFRLFlBQVk7QUFDcEMsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxXQUFXLFFB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QUVoRSxJQUFJQSxhQUFhO0lBQUEsSUFBQVIsRUFBQTtJQUFBLElBQUFGLENBQUEsUUFBQUssTUFBQSxDQUFBQyxHQUFBO01BQ1JKLEVBQUEsSUFBQyxJQUFJLENBQU8sS0FBUyxDQUFULFNBQVMsQ0FBQyxrQkFBa0IsRUFBdkMsSUFBSSxDQUEwQztNQUFBRixDQUFBLE1BQUFFLEVBQUE7SUFBQTtNQUFBQSxFQUFBLEdBQUFGLENBQUE7SUFBQTtJQUFBLE9BQS9DRSxFQUErQztFQUFBO0VBR3hELE1BQUFZLFVBQUEsR0FBbUJELElBQUksR0FBRyxJQUFJO0VBQzlCLE1BQUFFLE9BQUEsR0FDRSxDQUFDQyxJQUFJLENBQUFDLEdBQUksQ0FBRUgsVUFBVSxHQUFHRSxJQUFJLENBQUFFLEVBQUcsR0FBRyxDQUFDLEdBQUlyQixjQUFjLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztFQUFBLElBQUFLLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFlLE9BQUE7SUFDbkRiLEVBQUEsR0FBQWIsVUFBVSxDQUN0QkQsZ0JBQWdCLENBQUNJLGNBQWMsRUFBRUksaUJBQWlCLEVBQUVtQixPQUFPLENBQzdELENBQUM7SUFBQWYsQ0FBQSxNQUFBZSxPQUFBO0lBQUFmLENBQUEsTUFBQUUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUYsQ0FBQTtFQUFBO0VBRkQsTUFBQW1CLEtBQUEsR0FBY2pCLEVBRWI7RUFBQSxJQUFBRSxFQUFBO0VBQUEsSUFBQUosQ0FBQSxRQUFBbUIsS0FBQTtJQUlHZixFQUFBLElBQUMsSUFBSSxDQUFRZSxLQUFLLENBQUxBLE1BQUksQ0FBQyxDQUFFLGtCQUFrQixFQUFyQyxJQUFJLENBQXdDO0lBQUFuQixDQUFBLE1BQUFtQixLQUFBO0lBQUFuQixDQUFBLE1BQUFJLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFKLENBQUE7RUFBQTtFQUFBLElBQUFvQixFQUFBO0VBQUEsSUFBQXBCLENBQUEsUUFBQVksR0FBQSxJQUFBWixDQUFBLFFBQUFJLEVBQUE7SUFEL0NnQixFQUFBLElBQUMsR0FBRyxDQUFNUixHQUFHLENBQUhBLElBQUUsQ0FBQyxDQUNYLENBQUFSLEVBQTRDLENBQzlDLEVBRkMsR0FBRyxDQUVFO0lBQUFKLENBQUEsTUFBQVksR0FBQTtJQUFBWixDQUFBLE1BQUFJLEVBQUE7SUFBQUosQ0FBQSxNQUFBb0IsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQXBCLENBQUE7RUFBQTtFQUFBLE9BRk5vQixFQUVNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=