mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-18 14:25:51 +00:00
fix: 退出启动对话框时终端残留一行内容
gracefulShutdownSync 启动异步 shutdown 后同步返回,React 立即 重新渲染组件,与 cleanupTerminalModes() 中的 Ink unmount 产生 竞态条件,导致退出后终端残留对话框内容。 修复方案:引入 pendingExitCode state,退出路径先清空画面 (渲染 null),在 useEffect 中延迟到下一个 tick 再调用 gracefulShutdownSync,确保 Ink 在终端清理前已完成空帧刷新。 影响三个启动对话框:TrustDialog、BypassPermissionsModeDialog、 DevChannelsDialog。 Co-Authored-By: glm-5.1 <zai-org@claude-code-best.win>
This commit is contained in:
@@ -11,6 +11,18 @@ type Props = {
|
||||
};
|
||||
|
||||
export function BypassPermissionsModeDialog({ onAccept }: Props): React.ReactNode {
|
||||
const [pendingExitCode, setPendingExitCode] = React.useState<number | null>(null);
|
||||
|
||||
// Clear screen before shutdown so residual dialog content doesn't leak
|
||||
// to the terminal. Deferred to next tick so Ink flushes the null render.
|
||||
React.useEffect(() => {
|
||||
if (pendingExitCode !== null) {
|
||||
const code = pendingExitCode;
|
||||
const timer = setTimeout(() => gracefulShutdownSync(code));
|
||||
return () => clearTimeout(timer);
|
||||
}
|
||||
}, [pendingExitCode]);
|
||||
|
||||
React.useEffect(() => {
|
||||
logEvent('tengu_bypass_permissions_mode_dialog_shown', {});
|
||||
}, []);
|
||||
@@ -27,16 +39,20 @@ export function BypassPermissionsModeDialog({ onAccept }: Props): React.ReactNod
|
||||
break;
|
||||
}
|
||||
case 'decline': {
|
||||
gracefulShutdownSync(1);
|
||||
setPendingExitCode(1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const handleEscape = useCallback(() => {
|
||||
gracefulShutdownSync(0);
|
||||
setPendingExitCode(0);
|
||||
}, []);
|
||||
|
||||
if (pendingExitCode !== null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<Dialog title="WARNING: Claude Code running in Bypass Permissions mode" color="error" onCancel={handleEscape}>
|
||||
<Box flexDirection="column" gap={1}>
|
||||
|
||||
Reference in New Issue
Block a user