claude-code-best/src/utils/logoV2Utils.ts
Askhz 6fb91d2c28 feat(logo): show "Not logged in" state and provider display name in logo
Add isNotLoggedIn() utility to detect unauthenticated state and display
"Not logged in" message in both LogoV2 and CondensedLogo components.
Replace billing type with provider display name (e.g. "OpenAI", "AWS
Bedrock") when logged in. Subscribe to authVersion to re-render on
login/logout. Add third-party provider model options for OpenAI, Gemini,
Grok, Bedrock, Vertex, and Foundry. Disable biome formatter.
2026-04-11 01:41:55 +08:00

377 lines
10 KiB
TypeScript

import { getDirectConnectServerUrl, getSessionId } from '../bootstrap/state.js'
import { stringWidth } from '@anthropic/ink'
import type { LogOption } from '../types/logs.js'
import { getAnthropicApiKey } from './auth.js'
import { hasCoStrictCredentialsSync } from '../costrict/provider/credentials.js'
import { getCwd } from './cwd.js'
import { getDisplayPath } from './file.js'
import {
truncate,
truncateToWidth,
truncateToWidthNoEllipsis,
} from './format.js'
import { getAPIProvider, getProviderDisplayName } from './model/providers.js'
import { getStoredChangelogFromMemory, parseChangelog } from './releaseNotes.js'
import { gt } from './semver.js'
import { loadMessageLogs } from './sessionStorage.js'
import { getInitialSettings } from './settings/settings.js'
// Layout constants
const MAX_LEFT_WIDTH = 50
const MAX_USERNAME_LENGTH = 20
const BORDER_PADDING = 4
const DIVIDER_WIDTH = 1
const CONTENT_PADDING = 2
export type LayoutMode = 'horizontal' | 'compact'
export type LayoutDimensions = {
leftWidth: number
rightWidth: number
totalWidth: number
}
/**
* Determines the layout mode based on terminal width
*/
export function getLayoutMode(columns: number): LayoutMode {
if (columns >= 70) return 'horizontal'
return 'compact'
}
/**
* Calculates layout dimensions for the LogoV2 component
*/
export function calculateLayoutDimensions(
columns: number,
layoutMode: LayoutMode,
optimalLeftWidth: number,
): LayoutDimensions {
if (layoutMode === 'horizontal') {
const leftWidth = optimalLeftWidth
const usedSpace =
BORDER_PADDING + CONTENT_PADDING + DIVIDER_WIDTH + leftWidth
const availableForRight = columns - usedSpace
let rightWidth = Math.max(30, availableForRight)
const totalWidth = Math.min(
leftWidth + rightWidth + DIVIDER_WIDTH + CONTENT_PADDING,
columns - BORDER_PADDING,
)
// Recalculate right width if we had to cap the total
if (totalWidth < leftWidth + rightWidth + DIVIDER_WIDTH + CONTENT_PADDING) {
rightWidth = totalWidth - leftWidth - DIVIDER_WIDTH - CONTENT_PADDING
}
return { leftWidth, rightWidth, totalWidth }
}
// Vertical mode
const totalWidth = Math.min(columns - BORDER_PADDING, MAX_LEFT_WIDTH + 20)
return {
leftWidth: totalWidth,
rightWidth: totalWidth,
totalWidth,
}
}
/**
* Calculates optimal left panel width based on content
*/
export function calculateOptimalLeftWidth(
welcomeMessage: string,
truncatedCwd: string,
modelLine: string,
): number {
const contentWidth = Math.max(
stringWidth(welcomeMessage),
stringWidth(truncatedCwd),
stringWidth(modelLine),
20, // Minimum for clawd art
)
return Math.min(contentWidth + 4, MAX_LEFT_WIDTH) // +4 for padding
}
/**
* Formats the welcome message based on username
*/
export function formatWelcomeMessage(username: string | null): string {
if (!username || username.length > MAX_USERNAME_LENGTH) {
return 'Welcome back!'
}
return `Welcome back ${username}!`
}
/**
* Truncates a path in the middle if it's too long.
* Width-aware: uses stringWidth() for correct CJK/emoji measurement.
*/
export function truncatePath(path: string, maxLength: number): string {
if (stringWidth(path) <= maxLength) return path
const separator = '/'
const ellipsis = '…'
const ellipsisWidth = 1 // '…' is always 1 column
const separatorWidth = 1
const parts = path.split(separator)
const first = parts[0] || ''
const last = parts[parts.length - 1] || ''
const firstWidth = stringWidth(first)
const lastWidth = stringWidth(last)
// Only one part, so show as much of it as we can
if (parts.length === 1) {
return truncateToWidth(path, maxLength)
}
// We don't have enough space to show the last part, so truncate it
// But since firstPart is empty (unix) we don't want the extra ellipsis
if (first === '' && ellipsisWidth + separatorWidth + lastWidth >= maxLength) {
return `${separator}${truncateToWidth(last, Math.max(1, maxLength - separatorWidth))}`
}
// We have a first part so let's show the ellipsis and truncate last part
if (
first !== '' &&
ellipsisWidth * 2 + separatorWidth + lastWidth >= maxLength
) {
return `${ellipsis}${separator}${truncateToWidth(last, Math.max(1, maxLength - ellipsisWidth - separatorWidth))}`
}
// Truncate first and leave last
if (parts.length === 2) {
const availableForFirst =
maxLength - ellipsisWidth - separatorWidth - lastWidth
return `${truncateToWidthNoEllipsis(first, availableForFirst)}${ellipsis}${separator}${last}`
}
// Now we start removing middle parts
let available =
maxLength - firstWidth - lastWidth - ellipsisWidth - 2 * separatorWidth
// Just the first and last are too long, so truncate first
if (available <= 0) {
const availableForFirst = Math.max(
0,
maxLength - lastWidth - ellipsisWidth - 2 * separatorWidth,
)
const truncatedFirst = truncateToWidthNoEllipsis(first, availableForFirst)
return `${truncatedFirst}${separator}${ellipsis}${separator}${last}`
}
// Try to keep as many middle parts as possible
const middleParts = []
for (let i = parts.length - 2; i > 0; i--) {
const part = parts[i]
if (part && stringWidth(part) + separatorWidth <= available) {
middleParts.unshift(part)
available -= stringWidth(part) + separatorWidth
} else {
break
}
}
if (middleParts.length === 0) {
return `${first}${separator}${ellipsis}${separator}${last}`
}
return `${first}${separator}${ellipsis}${separator}${middleParts.join(separator)}${separator}${last}`
}
// Simple cache for preloaded activity
let cachedActivity: LogOption[] = []
let cachePromise: Promise<LogOption[]> | null = null
/**
* Preloads recent conversations for display in Logo v2
*/
export async function getRecentActivity(): Promise<LogOption[]> {
// Return existing promise if already loading
if (cachePromise) {
return cachePromise
}
const currentSessionId = getSessionId()
cachePromise = loadMessageLogs(10)
.then(logs => {
cachedActivity = logs
.filter(log => {
if (log.isSidechain) return false
if (log.sessionId === currentSessionId) return false
if (log.summary?.includes('I apologize')) return false
// Filter out sessions where both summary and firstPrompt are "No prompt" or missing
const hasSummary = log.summary && log.summary !== 'No prompt'
const hasFirstPrompt =
log.firstPrompt && log.firstPrompt !== 'No prompt'
return hasSummary || hasFirstPrompt
})
.slice(0, 3)
return cachedActivity
})
.catch(() => {
cachedActivity = []
return cachedActivity
})
return cachePromise
}
/**
* Gets cached activity synchronously
*/
export function getRecentActivitySync(): LogOption[] {
return cachedActivity
}
/**
* Formats release notes for display, with smart truncation
*/
export function formatReleaseNoteForDisplay(
note: string,
maxWidth: number,
): string {
// Simply truncate at the max width, same as Recent Activity descriptions
return truncate(note, maxWidth)
}
/**
* Check if user is not logged in
* User is considered logged in if they have CoStrict credentials or API key
*/
export function isNotLoggedIn(): boolean {
// 1. CoStrict login (credentials file exists)
if (hasCoStrictCredentialsSync()) return false
const settings = getInitialSettings()
// 2. Any provider configured via modelType (包括 anthropic/openai/bedrock 等)
// 用户通过 /login 选择 provider 后会设置 modelType
if (settings.modelType) {
return false
}
// 3. Anthropic API Key configured (legacy way without modelType)
if (getAnthropicApiKey() !== null) return false
// None of the above - not logged in
return true
}
export function getLogoDisplayData(): {
version: string
cwd: string
billingType: string
isLoggedIn: boolean
agentName: string | undefined
} {
const version = process.env.DEMO_VERSION ?? MACRO.VERSION
const serverUrl = getDirectConnectServerUrl()
const displayPath = process.env.DEMO_VERSION
? '/code/claude'
: getDisplayPath(getCwd())
const cwd = serverUrl
? `${displayPath} in ${serverUrl.replace(/^https?:\/\//, '')}`
: displayPath
const loggedIn = !isNotLoggedIn()
const provider = getAPIProvider()
const providerName = getProviderDisplayName(provider)
const billingType = loggedIn ? providerName : 'Not logged in'
const agentName = getInitialSettings().agent
return {
version,
cwd,
billingType,
isLoggedIn: loggedIn,
agentName,
}
}
/**
* Determines how to display model and billing information based on available width
*/
export function formatModelAndBilling(
modelName: string,
billingType: string,
availableWidth: number,
): {
shouldSplit: boolean
truncatedModel: string
truncatedBilling: string
} {
const separator = ' · '
const combinedWidth =
stringWidth(modelName) + separator.length + stringWidth(billingType)
const shouldSplit = combinedWidth > availableWidth
if (shouldSplit) {
return {
shouldSplit: true,
truncatedModel: truncate(modelName, availableWidth),
truncatedBilling: truncate(billingType, availableWidth),
}
}
return {
shouldSplit: false,
truncatedModel: truncate(
modelName,
Math.max(
availableWidth - stringWidth(billingType) - separator.length,
10,
),
),
truncatedBilling: billingType,
}
}
/**
* Gets recent release notes for Logo v2 display
* For ants, uses commits bundled at build time
* For external users, uses public changelog
*/
export function getRecentReleaseNotesSync(maxItems: number): string[] {
// For ants, use bundled changelog
if (process.env.USER_TYPE === 'ant') {
const changelog = MACRO.VERSION_CHANGELOG
if (changelog) {
const commits = changelog.trim().split('\n').filter(Boolean)
return commits.slice(0, maxItems)
}
return []
}
const changelog = getStoredChangelogFromMemory()
if (!changelog) {
return []
}
let parsed
try {
parsed = parseChangelog(changelog)
} catch {
return []
}
// Get notes from recent versions
const allNotes: string[] = []
const versions = Object.keys(parsed)
.sort((a, b) => (gt(a, b) ? -1 : 1))
.slice(0, 3) // Look at top 3 recent versions
for (const version of versions) {
const notes = parsed[version]
if (notes) {
allNotes.push(...notes)
}
}
// Return raw notes without filtering or premature truncation
return allNotes.slice(0, maxItems)
}