claude-code-best/src/components/BypassPermissionsModeDialog.tsx
2026-05-01 21:39:30 +08:00

67 lines
2.1 KiB
TypeScript

import React, { useCallback } from 'react';
import { logEvent } from 'src/services/analytics/index.js';
import { Box, Link, Newline, Text } from '@anthropic/ink';
import { gracefulShutdownSync } from '../utils/gracefulShutdown.js';
import { updateSettingsForSource } from '../utils/settings/settings.js';
import { Select } from './CustomSelect/index.js';
import { Dialog } from '@anthropic/ink';
type Props = {
onAccept(): void;
};
export function BypassPermissionsModeDialog({ onAccept }: Props): React.ReactNode {
React.useEffect(() => {
logEvent('tengu_bypass_permissions_mode_dialog_shown', {});
}, []);
function onChange(value: 'accept' | 'decline') {
switch (value) {
case 'accept': {
logEvent('tengu_bypass_permissions_mode_dialog_accept', {});
updateSettingsForSource('userSettings', {
skipDangerousModePermissionPrompt: true,
});
onAccept();
break;
}
case 'decline': {
gracefulShutdownSync(1);
break;
}
}
}
const handleEscape = useCallback(() => {
gracefulShutdownSync(0);
}, []);
return (
<Dialog title="WARNING: Claude Code running in Bypass Permissions mode" color="error" onCancel={handleEscape}>
<Box flexDirection="column" gap={1}>
<Text>
In Bypass Permissions mode, Claude Code will not ask for your approval before running potentially dangerous
commands.
<Newline />
This mode should only be used in a sandboxed container/VM that has restricted internet access and can easily
be restored if damaged.
</Text>
<Text>
By proceeding, you accept all responsibility for actions taken while running in Bypass Permissions mode.
</Text>
<Link url="https://code.claude.com/docs/en/security" />
</Box>
<Select
options={[
{ label: 'No, exit', value: 'decline' },
{ label: 'Yes, I accept', value: 'accept' },
]}
onChange={value => onChange(value as 'accept' | 'decline')}
/>
</Dialog>
);
}