mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-18 22:35:51 +00:00
更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)
* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README，新增 Run.ps1/TODO.md，删除 V6.md - README.md: 大幅重写，更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除（架构重构规划已不适用） Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
claude-code-best
@@ -1,73 +1,32 @@
|
||||
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';
|
||||
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';
|
||||
};
|
||||
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
|
||||
const PROCESSING_DIM = { r: 153, g: 153, b: 153 }
|
||||
const PROCESSING_BRIGHT = { r: 185, g: 185, b: 185 }
|
||||
|
||||
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;
|
||||
const PULSE_PERIOD_S = 2 // 2 second period for all pulsing animations
|
||||
|
||||
export function VoiceIndicator(props: Props): React.ReactNode {
|
||||
if (!feature('VOICE_MODE')) return null
|
||||
return <VoiceIndicatorImpl {...props} />
|
||||
}
|
||||
function VoiceIndicatorImpl(t0) {
|
||||
const $ = _c(2);
|
||||
const {
|
||||
voiceState
|
||||
} = t0;
|
||||
|
||||
function VoiceIndicatorImpl({ voiceState }: Props): React.ReactNode {
|
||||
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;
|
||||
}
|
||||
case 'recording':
|
||||
return <Text dimColor>listening…</Text>
|
||||
case 'processing':
|
||||
return <ProcessingShimmer />
|
||||
case 'idle':
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
@@ -75,62 +34,30 @@ function VoiceIndicatorImpl(t0) {
|
||||
// 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;
|
||||
export function VoiceWarmupHint(): React.ReactNode {
|
||||
if (!feature('VOICE_MODE')) return null
|
||||
return <Text dimColor>keep holding…</Text>
|
||||
}
|
||||
function ProcessingShimmer() {
|
||||
const $ = _c(8);
|
||||
const settings = useSettings();
|
||||
const reducedMotion = settings.prefersReducedMotion ?? false;
|
||||
const [ref, time] = useAnimationFrame(reducedMotion ? null : 50);
|
||||
|
||||
function ProcessingShimmer(): React.ReactNode {
|
||||
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;
|
||||
return <Text color="warning">Voice: processing…</Text>
|
||||
}
|
||||
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;
|
||||
|
||||
const elapsedSec = time / 1000
|
||||
const opacity =
|
||||
(Math.sin((elapsedSec * Math.PI * 2) / PULSE_PERIOD_S) + 1) / 2
|
||||
const color = toRGBColor(
|
||||
interpolateColor(PROCESSING_DIM, PROCESSING_BRIGHT, opacity),
|
||||
)
|
||||
|
||||
return (
|
||||
<Box ref={ref}>
|
||||
<Text color={color}>Voice: processing…</Text>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user