mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-20 23:35:51 +00:00
29 lines
789 B
TypeScript
29 lines
789 B
TypeScript
import * as React from 'react';
|
|
import { FLAG_ICON } from '../../constants/figures.js';
|
|
import { Box, Text } from '@anthropic/ink';
|
|
|
|
/**
|
|
* ANT-ONLY: Banner shown in the transcript that prompts users to report
|
|
* issues via /issue. Appears when friction is detected in the conversation.
|
|
*/
|
|
export function IssueFlagBanner(): React.ReactNode {
|
|
if (process.env.USER_TYPE !== 'ant') {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Box flexDirection="row" marginTop={1} width="100%">
|
|
<Box minWidth={2}>
|
|
<Text color="warning">{FLAG_ICON}</Text>
|
|
</Box>
|
|
<Text>
|
|
<Text dimColor>[ANT-ONLY] </Text>
|
|
<Text color="warning" bold>
|
|
Something off with Claude?
|
|
</Text>
|
|
<Text dimColor> /issue to report it</Text>
|
|
</Text>
|
|
</Box>
|
|
);
|
|
}
|