Fimeg/letta-code
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: improve model/reasoning display in footer and slash preview (#1008)

Browse Source
This commit is contained in:
Charles Packer
2026-02-17 22:23:47 -08:00
committed by GitHub
parent 245390adb0
commit b505ea6117
5 changed files with 103 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/cli/App.tsx
View File

@@ -1295,6 +1295,20 @@ export default function App({
currentModelLabel.split("/").pop())
: null;
const currentModelProvider = llmConfig?.provider_name ?? null;
const llmReasoningEffort = llmConfig?.reasoning_effort;
const llmEnableReasoner = (llmConfig as { enable_reasoner?: boolean | null })
?.enable_reasoner;
const currentReasoningEffort: ModelReasoningEffort | null =
llmReasoningEffort === "none" ||
llmReasoningEffort === "minimal" ||
llmReasoningEffort === "low" ||
llmReasoningEffort === "medium" ||
llmReasoningEffort === "high" ||
llmReasoningEffort === "xhigh"
? llmReasoningEffort
: llmEnableReasoner === false
? "none"
: null;
// Billing tier for conditional UI and error context (fetched once on mount)
const [billingTier, setBillingTier] = useState<string | null>(null);
@@ -11177,6 +11191,7 @@ Plan file path: ${planFilePath}`;
agentName={agentName}
currentModel={currentModelDisplay}
currentModelProvider={currentModelProvider}
currentReasoningEffort={currentReasoningEffort}
messageQueue={messageQueue}
onEnterQueueEditMode={handleEnterQueueEditMode}
onEscapeCancel={

29
src/cli/components/AgentInfoBar.tsx
View File

@@ -1,6 +1,7 @@
import { Box } from "ink";
import Link from "ink-link";
import { memo, useMemo } from "react";
import type { ModelReasoningEffort } from "../../agent/model";
import { DEFAULT_AGENT_NAME } from "../../constants";
import { settingsManager } from "../../settings-manager";
import { getVersion } from "../../version";
@@ -10,16 +11,32 @@ import { Text } from "./Text";
interface AgentInfoBarProps {
agentId?: string;
agentName?: string | null;
currentModel?: string | null;
currentReasoningEffort?: ModelReasoningEffort | null;
serverUrl?: string;
conversationId?: string;
}
function formatReasoningLabel(
effort: ModelReasoningEffort | null | undefined,
): string | null {
if (effort === "none") return "no";
if (effort === "xhigh") return "max";
if (effort === "minimal") return "minimal";
if (effort === "low") return "low";
if (effort === "medium") return "medium";
if (effort === "high") return "high";
return null;
}
/**
* Shows agent info bar with current agent details and useful links.
*/
export const AgentInfoBar = memo(function AgentInfoBar({
agentId,
agentName,
currentModel,
currentReasoningEffort,
serverUrl,
conversationId,
}: AgentInfoBarProps) {
@@ -38,6 +55,10 @@ export const AgentInfoBar = memo(function AgentInfoBar({
? `https://app.letta.com/agents/${agentId}${conversationId && conversationId !== "default" ? `?conversation=${conversationId}` : ""}`
: "";
const showBottomBar = agentId && agentId !== "loading";
const reasoningLabel = formatReasoningLabel(currentReasoningEffort);
const modelLine = currentModel
? `${currentModel}${reasoningLabel ? ` (${reasoningLabel})` : ""}`
: null;
if (!showBottomBar) {
return null;
@@ -101,9 +122,15 @@ export const AgentInfoBar = memo(function AgentInfoBar({
{!isCloudUser && <Text dimColor>{serverUrl}</Text>}
</Box>
{/* Alien + Agent ID */}
{/* Model summary */}
<Box>
<Text color={colors.footer.agentName}>{alienLines[2]}</Text>
<Text dimColor>{modelLine ?? "model unknown"}</Text>
</Box>
{/* Agent ID */}
<Box>
<Text>{alienLines[3]}</Text>
<Text dimColor>{agentId}</Text>
</Box>

7
src/cli/components/InputAssist.tsx
View File

@@ -1,5 +1,6 @@
import { Box } from "ink";
import { useEffect } from "react";
import type { ModelReasoningEffort } from "../../agent/model";
import { AgentInfoBar } from "./AgentInfoBar";
import { FileAutocomplete } from "./FileAutocomplete";
import { SlashCommandAutocomplete } from "./SlashCommandAutocomplete";
@@ -13,6 +14,8 @@ interface InputAssistProps {
onAutocompleteActiveChange: (isActive: boolean) => void;
agentId?: string;
agentName?: string | null;
currentModel?: string | null;
currentReasoningEffort?: ModelReasoningEffort | null;
serverUrl?: string;
workingDirectory?: string;
conversationId?: string;
@@ -33,6 +36,8 @@ export function InputAssist({
onAutocompleteActiveChange,
agentId,
agentName,
currentModel,
currentReasoningEffort,
serverUrl,
workingDirectory,
conversationId,
@@ -80,6 +85,8 @@ export function InputAssist({
<AgentInfoBar
agentId={agentId}
agentName={agentName}
currentModel={currentModel}
currentReasoningEffort={currentReasoningEffort}
serverUrl={serverUrl}
conversationId={conversationId}
/>

26
src/cli/components/InputRich.tsx
View File

@@ -17,6 +17,7 @@ import {
useState,
} from "react";
import stringWidth from "string-width";
import type { ModelReasoningEffort } from "../../agent/model";
import { LETTA_CLOUD_API_URL } from "../../auth/oauth";
import {
ELAPSED_DISPLAY_THRESHOLD_MS,
@@ -50,6 +51,18 @@ function truncateEnd(value: string, maxChars: number): string {
return `${value.slice(0, maxChars - 3)}...`;
}
function getReasoningEffortTag(
effort: ModelReasoningEffort | null | undefined,
): string | null {
if (effort === "none") return "no";
if (effort === "xhigh") return "max";
if (effort === "minimal") return "minimal";
if (effort === "low") return "low";
if (effort === "medium") return "medium";
if (effort === "high") return "high";
return null;
}
/**
* Represents a visual line segment in the text.
* A visual line ends at either a newline character or when it reaches lineWidth.
@@ -203,6 +216,7 @@ const InputFooter = memo(function InputFooter({
showExitHint,
agentName,
currentModel,
currentReasoningEffort,
isOpenAICodexProvider,
isByokProvider,
hideFooter,
@@ -219,6 +233,7 @@ const InputFooter = memo(function InputFooter({
showExitHint: boolean;
agentName: string | null | undefined;
currentModel: string | null | undefined;
currentReasoningEffort?: ModelReasoningEffort | null;
isOpenAICodexProvider: boolean;
isByokProvider: boolean;
hideFooter: boolean;
@@ -230,10 +245,13 @@ const InputFooter = memo(function InputFooter({
const hideFooterContent = hideFooter;
const maxAgentChars = Math.max(10, Math.floor(rightColumnWidth * 0.45));
const displayAgentName = truncateEnd(agentName || "Unnamed", maxAgentChars);
const reasoningTag = getReasoningEffortTag(currentReasoningEffort);
const byokExtraChars = isByokProvider ? 2 : 0; // " ▲"
const reservedChars = displayAgentName.length + byokExtraChars + 4;
const maxModelChars = Math.max(8, rightColumnWidth - reservedChars);
const displayModel = truncateEnd(currentModel ?? "unknown", maxModelChars);
const modelWithReasoning =
(currentModel ?? "unknown") + (reasoningTag ? ` (${reasoningTag})` : "");
const displayModel = truncateEnd(modelWithReasoning, maxModelChars);
const rightTextLength =
displayAgentName.length + displayModel.length + byokExtraChars + 3;
const rightPrefixSpaces = Math.max(0, rightColumnWidth - rightTextLength);
@@ -522,6 +540,7 @@ export function Input({
agentName,
currentModel,
currentModelProvider,
currentReasoningEffort,
messageQueue,
onEnterQueueEditMode,
onEscapeCancel,
@@ -561,6 +580,7 @@ export function Input({
agentName?: string | null;
currentModel?: string | null;
currentModelProvider?: string | null;
currentReasoningEffort?: ModelReasoningEffort | null;
messageQueue?: QueuedMessage[];
onEnterQueueEditMode?: () => void;
onEscapeCancel?: () => void;
@@ -1293,6 +1313,8 @@ export function Input({
onAutocompleteActiveChange={setIsAutocompleteActive}
agentId={agentId}
agentName={agentName}
currentModel={currentModel}
currentReasoningEffort={currentReasoningEffort}
serverUrl={serverUrl}
workingDirectory={process.cwd()}
conversationId={conversationId}
@@ -1307,6 +1329,7 @@ export function Input({
showExitHint={ralphActive || ralphPending}
agentName={agentName}
currentModel={currentModel}
currentReasoningEffort={currentReasoningEffort}
isOpenAICodexProvider={
currentModelProvider === OPENAI_CODEX_PROVIDER_NAME
}
@@ -1354,6 +1377,7 @@ export function Input({
ralphActive,
ralphPending,
currentModel,
currentReasoningEffort,
currentModelProvider,
hideFooter,
footerRightColumnWidth,