5b1a52b8e0
* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README,新增 Run.ps1/TODO.md,删除 V6.md - README.md: 大幅重写,更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除(架构重构规划已不适用) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
81 lines
2.7 KiB
TypeScript
81 lines
2.7 KiB
TypeScript
import * as React from 'react'
|
|
import { useEffect, useMemo, useRef, useState } from 'react'
|
|
import { useNotifications } from 'src/context/notifications.js'
|
|
import { Text } from 'src/ink.js'
|
|
import {
|
|
getRateLimitWarning,
|
|
getUsingOverageText,
|
|
} from 'src/services/claudeAiLimits.js'
|
|
import { useClaudeAiLimits } from 'src/services/claudeAiLimitsHook.js'
|
|
import { getSubscriptionType } from 'src/utils/auth.js'
|
|
import { hasClaudeAiBillingAccess } from 'src/utils/billing.js'
|
|
import { getIsRemoteMode } from '../../bootstrap/state.js'
|
|
|
|
export function useRateLimitWarningNotification(model: string): void {
|
|
const { addNotification } = useNotifications()
|
|
const claudeAiLimits = useClaudeAiLimits()
|
|
// claudeAiLimits reference is stable until statusListeners fire (API
|
|
// response), so these skip the Intl formatting work on most REPL renders.
|
|
const rateLimitWarning = useMemo(
|
|
() => getRateLimitWarning(claudeAiLimits, model),
|
|
[claudeAiLimits, model],
|
|
)
|
|
const usingOverageText = useMemo(
|
|
() => getUsingOverageText(claudeAiLimits),
|
|
[claudeAiLimits],
|
|
)
|
|
const shownWarningRef = useRef<string | null>(null)
|
|
const subscriptionType = getSubscriptionType()
|
|
const hasBillingAccess = hasClaudeAiBillingAccess()
|
|
const isTeamOrEnterprise =
|
|
subscriptionType === 'team' || subscriptionType === 'enterprise'
|
|
|
|
// Track overage mode transitions
|
|
const [hasShownOverageNotification, setHasShownOverageNotification] =
|
|
useState(false)
|
|
|
|
// Show immediate notification when entering overage mode
|
|
useEffect(() => {
|
|
if (getIsRemoteMode()) return
|
|
if (
|
|
claudeAiLimits.isUsingOverage &&
|
|
!hasShownOverageNotification &&
|
|
(!isTeamOrEnterprise || hasBillingAccess)
|
|
) {
|
|
addNotification({
|
|
key: 'limit-reached',
|
|
text: usingOverageText,
|
|
priority: 'immediate',
|
|
})
|
|
setHasShownOverageNotification(true)
|
|
} else if (!claudeAiLimits.isUsingOverage && hasShownOverageNotification) {
|
|
// Reset when no longer in overage mode
|
|
setHasShownOverageNotification(false)
|
|
}
|
|
}, [
|
|
claudeAiLimits.isUsingOverage,
|
|
usingOverageText,
|
|
hasShownOverageNotification,
|
|
addNotification,
|
|
hasBillingAccess,
|
|
isTeamOrEnterprise,
|
|
])
|
|
|
|
// Show warning notification for approaching limits
|
|
useEffect(() => {
|
|
if (getIsRemoteMode()) return
|
|
if (rateLimitWarning && rateLimitWarning !== shownWarningRef.current) {
|
|
shownWarningRef.current = rateLimitWarning
|
|
addNotification({
|
|
key: 'rate-limit-warning',
|
|
jsx: (
|
|
<Text>
|
|
<Text color="warning">{rateLimitWarning}</Text>
|
|
</Text>
|
|
),
|
|
priority: 'high',
|
|
})
|
|
}
|
|
}, [rateLimitWarning, addNotification])
|
|
}
|