versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-22 00:05:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 完成所有文件的lint

Browse Source
This commit is contained in:
claude-code-best
2026-05-01 21:39:30 +08:00
parent d136872cc9
commit 6182015005
1333 changed files with 68255 additions and 77882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
src/components/TokenWarning.tsx
View File

@@ -1,20 +1,20 @@
import { feature } from 'bun:bundle'
import * as React from 'react'
import { useSyncExternalStore } from 'react'
import { Box, Text } from '@anthropic/ink'
import { getFeatureValue_CACHED_MAY_BE_STALE } from '../services/analytics/growthbook.js'
import { feature } from 'bun:bundle';
import * as React from 'react';
import { useSyncExternalStore } from 'react';
import { Box, Text } from '@anthropic/ink';
import { getFeatureValue_CACHED_MAY_BE_STALE } from '../services/analytics/growthbook.js';
import {
calculateTokenWarningState,
getEffectiveContextWindowSize,
isAutoCompactEnabled,
} from '../services/compact/autoCompact.js'
import { useCompactWarningSuppression } from '../services/compact/compactWarningHook.js'
import { getUpgradeMessage } from '../utils/model/contextWindowUpgradeCheck.js'
} from '../services/compact/autoCompact.js';
import { useCompactWarningSuppression } from '../services/compact/compactWarningHook.js';
import { getUpgradeMessage } from '../utils/model/contextWindowUpgradeCheck.js';
type Props = {
tokenUsage: number
model: string
}
tokenUsage: number;
model: string;
};
/**
* Live collapse progress: "x / y summarized". Sub-component so
@@ -22,68 +22,62 @@ type Props = {
* (hooks-in-conditionals would violate React rules). The parent only
* renders this when feature('CONTEXT_COLLAPSE') + isContextCollapseEnabled().
*/
function CollapseLabel({
upgradeMessage,
}: {
upgradeMessage: string | null
}): React.ReactNode {
function CollapseLabel({ upgradeMessage }: { upgradeMessage: string | null }): React.ReactNode {
/* eslint-disable @typescript-eslint/no-require-imports */
const { getStats, subscribe } =
require('../services/contextCollapse/index.js') as typeof import('../services/contextCollapse/index.js')
require('../services/contextCollapse/index.js') as typeof import('../services/contextCollapse/index.js');
/* eslint-enable @typescript-eslint/no-require-imports */
// Snapshot must be referentially stable across calls when the
// underlying counts haven't changed — returning a fresh object every
// time would infinite-loop useSyncExternalStore. Encode as a string.
const snapshot = useSyncExternalStore(subscribe, () => {
const s = getStats()
const idleWarn = s.health.emptySpawnWarningEmitted ? 1 : 0
return `${s.collapsedSpans}|${s.stagedSpans}|${s.health.totalErrors}|${s.health.totalEmptySpawns}|${idleWarn}`
})
const s = getStats();
const idleWarn = s.health.emptySpawnWarningEmitted ? 1 : 0;
return `${s.collapsedSpans}|${s.stagedSpans}|${s.health.totalErrors}|${s.health.totalEmptySpawns}|${idleWarn}`;
});
const [collapsed, staged, errors, emptySpawns, idleWarn] = snapshot
.split('|')
.map(Number) as [number, number, number, number, number]
const total = collapsed + staged
const [collapsed, staged, errors, emptySpawns, idleWarn] = snapshot.split('|').map(Number) as [
number,
number,
number,
number,
number,
];
const total = collapsed + staged;
// Show error indicator when ctx-agent is failing silently
if (errors > 0 || idleWarn) {
const problem =
errors > 0
? `collapse errors: ${errors}`
: `collapse idle (${emptySpawns} empty runs)`
const problem = errors > 0 ? `collapse errors: ${errors}` : `collapse idle (${emptySpawns} empty runs)`;
return (
<Text color="warning" wrap="truncate">
{total > 0
? `${collapsed} / ${total} summarized \u00b7 ${problem}`
: problem}
{total > 0 ? `${collapsed} / ${total} summarized \u00b7 ${problem}` : problem}
</Text>
)
);
}
if (total === 0) return null
if (total === 0) return null;
const label = `${collapsed} / ${total} summarized`
const label = `${collapsed} / ${total} summarized`;
return (
<Text dimColor wrap="truncate">
{upgradeMessage ? `${label} \u00b7 ${upgradeMessage}` : label}
</Text>
)
);
}
export function TokenWarning({ tokenUsage, model }: Props): React.ReactNode {
const { percentLeft, isAboveWarningThreshold, isAboveErrorThreshold } =
calculateTokenWarningState(tokenUsage, model)
const { percentLeft, isAboveWarningThreshold, isAboveErrorThreshold } = calculateTokenWarningState(tokenUsage, model);
// Use reactive hook to check if warning should be suppressed
const suppressWarning = useCompactWarningSuppression()
const suppressWarning = useCompactWarningSuppression();
if (!isAboveWarningThreshold || suppressWarning) {
return null
return null;
}
const showAutoCompactWarning = isAutoCompactEnabled()
const upgradeMessage = getUpgradeMessage('warning')
const showAutoCompactWarning = isAutoCompactEnabled();
const upgradeMessage = getUpgradeMessage('warning');
// Reactive-only or context-collapse mode: proactive autocompact never
// fires, so percentLeft's normal calculation (against the autocompact
@@ -92,29 +86,26 @@ export function TokenWarning({ tokenUsage, model }: Props): React.ReactNode {
//
// Each feature() block stands alone so the flag strings DCE from
// external builds independently.
let displayPercentLeft = percentLeft
let reactiveOnlyMode = false
let collapseMode = false
let displayPercentLeft = percentLeft;
let reactiveOnlyMode = false;
let collapseMode = false;
if (feature('REACTIVE_COMPACT')) {
if (getFeatureValue_CACHED_MAY_BE_STALE('tengu_cobalt_raccoon', false)) {
reactiveOnlyMode = true
reactiveOnlyMode = true;
}
}
if (feature('CONTEXT_COLLAPSE')) {
/* eslint-disable @typescript-eslint/no-require-imports */
const { isContextCollapseEnabled } =
require('../services/contextCollapse/index.js') as typeof import('../services/contextCollapse/index.js')
require('../services/contextCollapse/index.js') as typeof import('../services/contextCollapse/index.js');
/* eslint-enable @typescript-eslint/no-require-imports */
if (isContextCollapseEnabled()) {
collapseMode = true
collapseMode = true;
}
}
if (reactiveOnlyMode || collapseMode) {
const effectiveWindow = getEffectiveContextWindowSize(model)
displayPercentLeft = Math.max(
0,
Math.round(((effectiveWindow - tokenUsage) / effectiveWindow) * 100),
)
const effectiveWindow = getEffectiveContextWindowSize(model);
displayPercentLeft = Math.max(0, Math.round(((effectiveWindow - tokenUsage) / effectiveWindow) * 100));
}
// Collapse mode: delegate to the subscribing sub-component so the
@@ -125,31 +116,26 @@ export function TokenWarning({ tokenUsage, model }: Props): React.ReactNode {
<Box flexDirection="row">
<CollapseLabel upgradeMessage={upgradeMessage} />
</Box>
)
);
}
const autocompactLabel = reactiveOnlyMode
? `${100 - displayPercentLeft}% context used`
: `${displayPercentLeft}% until auto-compact`
: `${displayPercentLeft}% until auto-compact`;
return (
<Box flexDirection="row">
{showAutoCompactWarning ? (
<Text dimColor wrap="truncate">
{upgradeMessage
? `${autocompactLabel} \u00b7 ${upgradeMessage}`
: autocompactLabel}
{upgradeMessage ? `${autocompactLabel} \u00b7 ${upgradeMessage}` : autocompactLabel}
</Text>
) : (
<Text
color={isAboveErrorThreshold ? 'error' : 'warning'}
wrap="truncate"
>
<Text color={isAboveErrorThreshold ? 'error' : 'warning'} wrap="truncate">
{upgradeMessage
? `Context low (${percentLeft}% remaining) \u00b7 ${upgradeMessage}`
: `Context low (${percentLeft}% remaining) \u00b7 Run /compact to compact & continue`}
</Text>
)}
</Box>
)
);
}