66 lines
2.1 KiB
TypeScript
66 lines
2.1 KiB
TypeScript
import * as React from 'react';
|
|
import { type ReactNode, useEffect, useState } from 'react';
|
|
import { Box, Text } from '@anthropic/ink';
|
|
import type { SandboxViolationEvent } from '../utils/sandbox/sandbox-adapter.js';
|
|
import { SandboxManager } from '../utils/sandbox/sandbox-adapter.js';
|
|
|
|
/**
|
|
* Format a timestamp as "h:mm:ssa" (e.g., "1:30:45pm").
|
|
* Replaces date-fns format() to avoid pulling in a 39MB dependency for one call.
|
|
*/
|
|
function formatTime(date: Date): string {
|
|
const h = date.getHours() % 12 || 12;
|
|
const m = String(date.getMinutes()).padStart(2, '0');
|
|
const s = String(date.getSeconds()).padStart(2, '0');
|
|
const ampm = date.getHours() < 12 ? 'am' : 'pm';
|
|
return `${h}:${m}:${s}${ampm}`;
|
|
}
|
|
|
|
import { getPlatform } from 'src/utils/platform.js';
|
|
|
|
export function SandboxViolationExpandedView(): ReactNode {
|
|
const [violations, setViolations] = useState<SandboxViolationEvent[]>([]);
|
|
const [totalCount, setTotalCount] = useState(0);
|
|
|
|
useEffect(() => {
|
|
// This is harmless if sandboxing is not enabled
|
|
const store = SandboxManager.getSandboxViolationStore();
|
|
const unsubscribe = store.subscribe((allViolations: SandboxViolationEvent[]) => {
|
|
setViolations(allViolations.slice(-10));
|
|
setTotalCount(store.getTotalCount());
|
|
});
|
|
return unsubscribe;
|
|
}, []);
|
|
|
|
if (!SandboxManager.isSandboxingEnabled() || getPlatform() === 'linux') {
|
|
return null;
|
|
}
|
|
|
|
if (totalCount === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Box flexDirection="column" marginTop={1}>
|
|
<Box marginLeft={0}>
|
|
<Text color="permission">
|
|
⧈ Sandbox blocked {totalCount} total {totalCount === 1 ? 'operation' : 'operations'}
|
|
</Text>
|
|
</Box>
|
|
{violations.map((v, i) => (
|
|
<Box key={`${v.timestamp.getTime()}-${i}`} paddingLeft={2}>
|
|
<Text dimColor>
|
|
{formatTime(v.timestamp)}
|
|
{v.command ? ` ${v.command}:` : ''} {v.line}
|
|
</Text>
|
|
</Box>
|
|
))}
|
|
<Box paddingLeft={2}>
|
|
<Text dimColor>
|
|
… showing last {Math.min(10, violations.length)} of {totalCount}
|
|
</Text>
|
|
</Box>
|
|
</Box>
|
|
);
|
|
}
|