import { type ApprovalRequestId, DEFAULT_MODEL, defaultInstanceIdForDriver, type EnvironmentId, type MessageId, type ModelSelection, type ProjectScript, type ProjectId, type ProviderApprovalDecision, ProviderInstanceId, type ServerProvider, type ResolvedKeybindingsConfig, type ScopedThreadRef, type ThreadId, type TurnId, type KeybindingCommand, OrchestrationThreadActivity, ProviderInteractionMode, ProviderDriverKind, RuntimeMode, TerminalOpenInput,} from "@t3tools/contracts";import { parseScopedThreadKey, scopedThreadKey, scopeProjectRef, scopeThreadRef,} from "@t3tools/client-runtime";import { applyClaudePromptEffortPrefix, createModelSelection, resolvePromptInjectedEffort,} from "@t3tools/shared/model";import { projectScriptCwd, projectScriptRuntimeEnv } from "@t3tools/shared/projectScripts";import { truncate } from "@t3tools/shared/String";import { Debouncer } from "@tanstack/react-pacer";import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";import { useNavigate, useSearch } from "@tanstack/react-router";import { useShallow } from "zustand/react/shallow";import { useGitStatus } from "~/lib/gitStatusState";import { usePrimaryEnvironmentId } from "../environments/primary";import { readEnvironmentApi } from "../environmentApi";import { isElectron } from "../env";import { ensureLocalApi, readLocalApi } from "../localApi";import { parseDiffRouteSearch, stripDiffSearchParams } from "../diffRouteSearch";import { collapseExpandedComposerCursor, parseStandaloneComposerSlashCommand,} from "../composer-logic";import { deriveCompletionDividerBeforeEntryId, derivePendingApprovals, derivePendingUserInputs, derivePhase, deriveTimelineEntries, deriveActiveWorkStartedAt, deriveActivePlanState, findSidebarProposedPlan, findLatestProposedPlan, deriveWorkLogEntries, hasActionableProposedPlan, hasToolActivityForTurn, isLatestTurnSettled, formatElapsed,} from "../session-logic";import { type LegendListRef } from "@legendapp/list/react";import { buildPendingUserInputAnswers, derivePendingUserInputProgress, setPendingUserInputCustomAnswer, togglePendingUserInputOptionSelection, type PendingUserInputDraftAnswer,} from "../pendingUserInput";import { selectProjectsAcrossEnvironments, selectThreadsAcrossEnvironments, useStore,} from "../store";import { createProjectSelectorByRef, createThreadSelectorByRef } from "../storeSelectors";import { useUiStateStore } from "../uiStateStore";import { buildPlanImplementationThreadTitle, buildPlanImplementationPrompt, resolvePlanFollowUpSubmission,} from "../proposedPlan";import { DEFAULT_INTERACTION_MODE, DEFAULT_RUNTIME_MODE, DEFAULT_THREAD_TERMINAL_ID, MAX_TERMINALS_PER_GROUP, type ChatMessage, type SessionPhase, type Thread, type TurnDiffSummary,} from "../types";import { useTheme } from "../hooks/useTheme";import { useTurnDiffSummaries } from "../hooks/useTurnDiffSummaries";import { useCommandPaletteStore } from "../commandPaletteStore";import { buildTemporaryWorktreeBranchName } from "@t3tools/shared/git";import { useMediaQuery } from "../hooks/useMediaQuery";import { RIGHT_PANEL_INLINE_LAYOUT_MEDIA_QUERY } from "../rightPanelLayout";import { BranchToolbar } from "./BranchToolbar";import { resolveShortcutCommand, shortcutLabelForCommand } from "../keybindings";import PlanSidebar from "./PlanSidebar";import ThreadTerminalDrawer from "./ThreadTerminalDrawer";import { ChevronDownIcon, CircleAlertIcon, DownloadIcon, LoaderIcon, TriangleAlertIcon, WifiOffIcon,} from "lucide-react";import { cn, randomUUID } from "~/lib/utils";import { stackedThreadToast, toastManager } from "./ui/toast";import { decodeProjectScriptKeybindingRule } from "~/lib/projectScriptKeybindings";import { type NewProjectScriptInput } from "./ProjectScriptsControl";import { commandForProjectScript, nextProjectScriptId, projectScriptIdFromCommand,} from "~/projectScripts";import { newCommandId, newDraftId, newMessageId, newThreadId } from "~/lib/utils";import { getProviderModelCapabilities, resolveSelectableProvider } from "../providerModels";import { useSettings } from "../hooks/useSettings";import { resolveAppModelSelectionForInstance } from "../modelSelection";import { isTerminalFocused } from "../lib/terminalFocus";import { deriveLogicalProjectKeyFromSettings, selectProjectGroupingSettings,} from "../logicalProject";import { reconnectSavedEnvironment, useSavedEnvironmentRegistryStore, useSavedEnvironmentRuntimeStore,} from "../environments/runtime";import { buildDraftThreadRouteParams } from "../threadRoutes";import { type ComposerImageAttachment, type DraftThreadEnvMode, useComposerDraftStore, type DraftId,} from "../composerDraftStore";import { appendTerminalContextsToPrompt, formatTerminalContextLabel, type TerminalContextDraft, type TerminalContextSelection,} from "../lib/terminalContext";import { selectThreadTerminalState, useTerminalStateStore } from "../terminalStateStore";import { ChatComposer, type ChatComposerHandle } from "./chat/ChatComposer";import { ExpandedImageDialog } from "./chat/ExpandedImageDialog";import { PullRequestThreadDialog } from "./PullRequestThreadDialog";import { MessagesTimeline } from "./chat/MessagesTimeline";import { ChatHeader } from "./chat/ChatHeader";import { type ExpandedImagePreview } from "./chat/ExpandedImagePreview";import { NoActiveThreadState } from "./NoActiveThreadState";import { resolveEffectiveEnvMode, resolveEnvironmentOptionLabel } from "./BranchToolbar.logic";import { ThreadErrorBanner } from "./chat/ThreadErrorBanner";import { ComposerBannerStack, type ComposerBannerStackItem } from "./chat/ComposerBannerStack";import { MAX_HIDDEN_MOUNTED_TERMINAL_THREADS, buildExpiredTerminalContextToastCopy, buildLocalDraftThread, collectUserMessageBlobPreviewUrls, createLocalDispatchSnapshot, deriveComposerSendState, hasServerAcknowledgedLocalDispatch, LAST_INVOKED_SCRIPT_BY_PROJECT_KEY, LastInvokedScriptByProjectSchema, type LocalDispatchSnapshot, PullRequestDialogState, cloneComposerImageForRetry, deriveLockedProvider, readFileAsDataUrl, reconcileMountedTerminalThreadIds, resolveSendEnvMode, revokeBlobPreviewUrl, revokeUserMessagePreviewUrls, shouldWriteThreadErrorToCurrentServerThread, waitForStartedServerThread,} from "./ChatView.logic";import { useLocalStorage } from "~/hooks/useLocalStorage";import { useComposerHandleContext } from "../composerHandleContext";import { useServerAvailableEditors, useServerConfig, useServerKeybindings,} from "~/rpc/serverState";import { sanitizeThreadErrorMessage } from "~/rpc/transportError";import { retainThreadDetailSubscription } from "../environments/runtime/service";import { RightPanelSheet } from "./RightPanelSheet";import { Button } from "./ui/button";import { Popover, PopoverPopup, PopoverTrigger } from "./ui/popover";import { canRunProviderCompatibilityUpdate, getProviderCompatibilityUpdateCommand,} from "./settings/providerStatus";import { buildVersionMismatchDismissalKey, dismissVersionMismatch, isVersionMismatchDismissed, resolveServerConfigVersionMismatch,} from "../versionSkew"; const IMAGE_ONLY_BOOTSTRAP_PROMPT = "[User attached one or more images without additional text. Respond using the conversation context and the attached image(s).]";const EMPTY_ACTIVITIES: OrchestrationThreadActivity[] = [];const EMPTY_PROPOSED_PLANS: Thread["proposedPlans"] = [];const EMPTY_PROVIDERS: ServerProvider[] = [];const EMPTY_PROVIDER_SKILLS: ServerProvider["skills"] = [];const EMPTY_PENDING_USER_INPUT_ANSWERS: Record<string, PendingUserInputDraftAnswer> = {}; function stripProviderCompatibilityInstallHint(message: string, recommendedVersion: string | null) { if (!recommendedVersion) { return message; } const escapedVersion = recommendedVersion.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); return message.replace(new RegExp(`\\s*Use\\s+${escapedVersion}\\.?\\s*$`, "i"), "").trim();} function ProviderCompatibilityBannerAction({ providerLabel, recommendedVersion, updateCommand, canRunUpdate, updating, onRunUpdate,}: { readonly providerLabel: string; readonly recommendedVersion: string; readonly updateCommand: string | null; readonly canRunUpdate: boolean; readonly updating: boolean; readonly onRunUpdate: () => void;}) { return ( <Popover> <PopoverTrigger render={ <Button type="button" size="xs" variant="outline"> Install {recommendedVersion} </Button> } /> <PopoverPopup side="top" align="end" className="w-84"> <div className="grid gap-3"> <div className="grid gap-0.5"> <p className="text-[13px] font-semibold leading-tight text-foreground"> Install compatible {providerLabel} </p> <p className="text-xs leading-snug text-muted-foreground"> Install provider harness version {recommendedVersion}. </p> </div> {canRunUpdate ? ( <Button type="button" size="xs" variant="default" className="w-full" disabled={updating} onClick={onRunUpdate} > {updating ? <LoaderIcon className="animate-spin" /> : <DownloadIcon />} {updating ? "Installing" : "Install now"} </Button> ) : null} {updateCommand ? ( <div className="rounded-md border border-border/70 bg-muted/40 px-2 py-1.5"> <code className="block overflow-x-auto whitespace-nowrap font-mono text-[11px] text-foreground [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> {updateCommand} </code> </div> ) : null} </div> </PopoverPopup> </Popover> );} type EnvironmentUnavailableState = { readonly environmentId: EnvironmentId; readonly label: string; readonly connectionState: "connecting" | "disconnected" | "error";}; type ThreadPlanCatalogEntry = Pick<Thread, "id" | "proposedPlans">; function useThreadPlanCatalog(threadIds: readonly ThreadId[]): ThreadPlanCatalogEntry[] { return useStore( useMemo(() => { let previousThreadIds: readonly ThreadId[] = []; let previousResult: ThreadPlanCatalogEntry[] = []; let previousEntries = new Map< ThreadId, { shell: object | null; proposedPlanIds: readonly string[] | undefined; proposedPlansById: Record<string, Thread["proposedPlans"][number]> | undefined; entry: ThreadPlanCatalogEntry; } >(); return (state) => { const sameThreadIds = previousThreadIds.length === threadIds.length && previousThreadIds.every((id, index) => id === threadIds[index]); const nextEntries = new Map< ThreadId, { shell: object | null; proposedPlanIds: readonly string[] | undefined; proposedPlansById: Record<string, Thread["proposedPlans"][number]> | undefined; entry: ThreadPlanCatalogEntry; } >(); const nextResult: ThreadPlanCatalogEntry[] = []; let changed = !sameThreadIds; for (const threadId of threadIds) { let shell: object | undefined; let proposedPlanIds: readonly string[] | undefined; let proposedPlansById: Record<string, Thread["proposedPlans"][number]> | undefined; for (const environmentState of Object.values(state.environmentStateById)) { const matchedShell = environmentState.threadShellById[threadId]; if (!matchedShell) { continue; } shell = matchedShell; proposedPlanIds = environmentState.proposedPlanIdsByThreadId[threadId]; proposedPlansById = environmentState.proposedPlanByThreadId[threadId] as | Record<string, Thread["proposedPlans"][number]> | undefined; break; } if (!shell) { const previous = previousEntries.get(threadId); if ( previous && previous.shell === null && previous.proposedPlanIds === undefined && previous.proposedPlansById === undefined ) { nextEntries.set(threadId, previous); continue; } changed = true; nextEntries.set(threadId, { shell: null, proposedPlanIds: undefined, proposedPlansById: undefined, entry: { id: threadId, proposedPlans: EMPTY_PROPOSED_PLANS }, }); continue; } const previous = previousEntries.get(threadId); if ( previous && previous.shell === shell && previous.proposedPlanIds === proposedPlanIds && previous.proposedPlansById === proposedPlansById ) { nextEntries.set(threadId, previous); nextResult.push(previous.entry); continue; } changed = true; const proposedPlans = proposedPlanIds && proposedPlanIds.length > 0 && proposedPlansById ? proposedPlanIds.flatMap((planId) => { const proposedPlan = proposedPlansById?.[planId]; return proposedPlan ? [proposedPlan] : []; }) : EMPTY_PROPOSED_PLANS; const entry = { id: threadId, proposedPlans }; nextEntries.set(threadId, { shell, proposedPlanIds, proposedPlansById, entry, }); nextResult.push(entry); } if (!changed && previousResult.length === nextResult.length) { return previousResult; } previousThreadIds = threadIds; previousEntries = nextEntries; previousResult = nextResult; return nextResult; }; }, [threadIds]), );} function formatOutgoingPrompt(params: { provider: ProviderDriverKind; model: string | null; models: ReadonlyArray<ServerProvider["models"][number]>; effort: string | null; text: string;}): string { const caps = getProviderModelCapabilities(params.models, params.model, params.provider); const promptEffort = resolvePromptInjectedEffort(caps, params.effort); return applyClaudePromptEffortPrefix(params.text, promptEffort);}const SCRIPT_TERMINAL_COLS = 120;const SCRIPT_TERMINAL_ROWS = 30; type ChatViewProps = | { environmentId: EnvironmentId; threadId: ThreadId; onDiffPanelOpen?: () => void; reserveTitleBarControlInset?: boolean; routeKind: "server"; draftId?: never; } | { environmentId: EnvironmentId; threadId: ThreadId; onDiffPanelOpen?: () => void; reserveTitleBarControlInset?: boolean; routeKind: "draft"; draftId: DraftId; }; interface TerminalLaunchContext { threadId: ThreadId; cwd: string; worktreePath: string | null;} type PersistentTerminalLaunchContext = Pick<TerminalLaunchContext, "cwd" | "worktreePath">; function useLocalDispatchState(input: { activeThread: Thread | undefined; activeLatestTurn: Thread["latestTurn"] | null; phase: SessionPhase; activePendingApproval: ApprovalRequestId | null; activePendingUserInput: ApprovalRequestId | null; threadError: string | null | undefined;}) { const [localDispatch, setLocalDispatch] = useState<LocalDispatchSnapshot | null>(null); const beginLocalDispatch = useCallback( (options?: { preparingWorktree?: boolean }) => { const preparingWorktree = Boolean(options?.preparingWorktree); setLocalDispatch((current) => { if (current) { return current.preparingWorktree === preparingWorktree ? current : { ...current, preparingWorktree }; } return createLocalDispatchSnapshot(input.activeThread, options); }); }, [input.activeThread], ); const resetLocalDispatch = useCallback(() => { setLocalDispatch(null); }, []); const serverAcknowledgedLocalDispatch = useMemo( () => hasServerAcknowledgedLocalDispatch({ localDispatch, phase: input.phase, latestTurn: input.activeLatestTurn, session: input.activeThread?.session ?? null, hasPendingApproval: input.activePendingApproval !== null, hasPendingUserInput: input.activePendingUserInput !== null, threadError: input.threadError, }), [ input.activeLatestTurn, input.activePendingApproval, input.activePendingUserInput, input.activeThread?.session, input.phase, input.threadError, localDispatch, ], ); useEffect(() => { if (!serverAcknowledgedLocalDispatch) { return; } resetLocalDispatch(); }, [resetLocalDispatch, serverAcknowledgedLocalDispatch]);Lines 1–500 of 3943. Load more
import { type ApprovalRequestId, DEFAULT_MODEL, defaultInstanceIdForDriver, type EnvironmentId, type MessageId, type ModelSelection, type ProjectScript, type ProjectId, type ProviderApprovalDecision, ProviderInstanceId, type ServerProvider, type ResolvedKeybindingsConfig, type ScopedThreadRef, type ThreadId, type TurnId, type KeybindingCommand, OrchestrationThreadActivity, ProviderInteractionMode, ProviderDriverKind, RuntimeMode, TerminalOpenInput, } from "@t3tools/contracts"; import { parseScopedThreadKey, scopedThreadKey, scopeProjectRef, scopeThreadRef, } from "@t3tools/client-runtime"; import { applyClaudePromptEffortPrefix, createModelSelection, resolvePromptInjectedEffort, } from "@t3tools/shared/model"; import { projectScriptCwd, projectScriptRuntimeEnv } from "@t3tools/shared/projectScripts"; import { truncate } from "@t3tools/shared/String"; import { Debouncer } from "@tanstack/react-pacer"; import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useNavigate, useSearch } from "@tanstack/react-router"; import { useShallow } from "zustand/react/shallow"; import { useGitStatus } from "~/lib/gitStatusState"; import { usePrimaryEnvironmentId } from "../environments/primary"; import { readEnvironmentApi } from "../environmentApi"; import { isElectron } from "../env"; import { ensureLocalApi, readLocalApi } from "../localApi"; import { parseDiffRouteSearch, stripDiffSearchParams } from "../diffRouteSearch"; import { collapseExpandedComposerCursor, parseStandaloneComposerSlashCommand, } from "../composer-logic"; import { deriveCompletionDividerBeforeEntryId, derivePendingApprovals, derivePendingUserInputs, derivePhase, deriveTimelineEntries, deriveActiveWorkStartedAt, deriveActivePlanState, findSidebarProposedPlan, findLatestProposedPlan, deriveWorkLogEntries, hasActionableProposedPlan, hasToolActivityForTurn, isLatestTurnSettled, formatElapsed, } from "../session-logic"; import { type LegendListRef } from "@legendapp/list/react"; import { buildPendingUserInputAnswers, derivePendingUserInputProgress, setPendingUserInputCustomAnswer, togglePendingUserInputOptionSelection, type PendingUserInputDraftAnswer, } from "../pendingUserInput"; import { selectProjectsAcrossEnvironments, selectThreadsAcrossEnvironments, useStore, } from "../store"; import { createProjectSelectorByRef, createThreadSelectorByRef } from "../storeSelectors"; import { useUiStateStore } from "../uiStateStore"; import { buildPlanImplementationThreadTitle, buildPlanImplementationPrompt, resolvePlanFollowUpSubmission, } from "../proposedPlan"; import { DEFAULT_INTERACTION_MODE, DEFAULT_RUNTIME_MODE, DEFAULT_THREAD_TERMINAL_ID, MAX_TERMINALS_PER_GROUP, type ChatMessage, type SessionPhase, type Thread, type TurnDiffSummary, } from "../types"; import { useTheme } from "../hooks/useTheme"; import { useTurnDiffSummaries } from "../hooks/useTurnDiffSummaries"; import { useCommandPaletteStore } from "../commandPaletteStore"; import { buildTemporaryWorktreeBranchName } from "@t3tools/shared/git"; import { useMediaQuery } from "../hooks/useMediaQuery"; import { RIGHT_PANEL_INLINE_LAYOUT_MEDIA_QUERY } from "../rightPanelLayout"; import { BranchToolbar } from "./BranchToolbar"; import { resolveShortcutCommand, shortcutLabelForCommand } from "../keybindings"; import PlanSidebar from "./PlanSidebar"; import ThreadTerminalDrawer from "./ThreadTerminalDrawer"; import { ChevronDownIcon, CircleAlertIcon, DownloadIcon, LoaderIcon, TriangleAlertIcon, WifiOffIcon, } from "lucide-react"; import { cn, randomUUID } from "~/lib/utils"; import { stackedThreadToast, toastManager } from "./ui/toast"; import { decodeProjectScriptKeybindingRule } from "~/lib/projectScriptKeybindings"; import { type NewProjectScriptInput } from "./ProjectScriptsControl"; import { commandForProjectScript, nextProjectScriptId, projectScriptIdFromCommand, } from "~/projectScripts"; import { newCommandId, newDraftId, newMessageId, newThreadId } from "~/lib/utils"; import { getProviderModelCapabilities, resolveSelectableProvider } from "../providerModels"; import { useSettings } from "../hooks/useSettings"; import { resolveAppModelSelectionForInstance } from "../modelSelection"; import { isTerminalFocused } from "../lib/terminalFocus"; import { deriveLogicalProjectKeyFromSettings, selectProjectGroupingSettings, } from "../logicalProject"; import { reconnectSavedEnvironment, useSavedEnvironmentRegistryStore, useSavedEnvironmentRuntimeStore, } from "../environments/runtime"; import { buildDraftThreadRouteParams } from "../threadRoutes"; import { type ComposerImageAttachment, type DraftThreadEnvMode, useComposerDraftStore, type DraftId, } from "../composerDraftStore"; import { appendTerminalContextsToPrompt, formatTerminalContextLabel, type TerminalContextDraft, type TerminalContextSelection, } from "../lib/terminalContext"; import { selectThreadTerminalState, useTerminalStateStore } from "../terminalStateStore"; import { ChatComposer, type ChatComposerHandle } from "./chat/ChatComposer"; import { ExpandedImageDialog } from "./chat/ExpandedImageDialog"; import { PullRequestThreadDialog } from "./PullRequestThreadDialog"; import { MessagesTimeline } from "./chat/MessagesTimeline"; import { ChatHeader } from "./chat/ChatHeader"; import { type ExpandedImagePreview } from "./chat/ExpandedImagePreview"; import { NoActiveThreadState } from "./NoActiveThreadState"; import { resolveEffectiveEnvMode, resolveEnvironmentOptionLabel } from "./BranchToolbar.logic"; import { ThreadErrorBanner } from "./chat/ThreadErrorBanner"; import { ComposerBannerStack, type ComposerBannerStackItem } from "./chat/ComposerBannerStack"; import { MAX_HIDDEN_MOUNTED_TERMINAL_THREADS, buildExpiredTerminalContextToastCopy, buildLocalDraftThread, collectUserMessageBlobPreviewUrls, createLocalDispatchSnapshot, deriveComposerSendState, hasServerAcknowledgedLocalDispatch, LAST_INVOKED_SCRIPT_BY_PROJECT_KEY, LastInvokedScriptByProjectSchema, type LocalDispatchSnapshot, PullRequestDialogState, cloneComposerImageForRetry, deriveLockedProvider, readFileAsDataUrl, reconcileMountedTerminalThreadIds, resolveSendEnvMode, revokeBlobPreviewUrl, revokeUserMessagePreviewUrls, shouldWriteThreadErrorToCurrentServerThread, waitForStartedServerThread, } from "./ChatView.logic"; import { useLocalStorage } from "~/hooks/useLocalStorage"; import { useComposerHandleContext } from "../composerHandleContext"; import { useServerAvailableEditors, useServerConfig, useServerKeybindings, } from "~/rpc/serverState"; import { sanitizeThreadErrorMessage } from "~/rpc/transportError"; import { retainThreadDetailSubscription } from "../environments/runtime/service"; import { RightPanelSheet } from "./RightPanelSheet"; import { Button } from "./ui/button"; import { Popover, PopoverPopup, PopoverTrigger } from "./ui/popover"; import { canRunProviderCompatibilityUpdate, getProviderCompatibilityUpdateCommand, } from "./settings/providerStatus"; import { buildVersionMismatchDismissalKey, dismissVersionMismatch, isVersionMismatchDismissed, resolveServerConfigVersionMismatch, } from "../versionSkew"; const IMAGE_ONLY_BOOTSTRAP_PROMPT = "[User attached one or more images without additional text. Respond using the conversation context and the attached image(s).]"; const EMPTY_ACTIVITIES: OrchestrationThreadActivity[] = []; const EMPTY_PROPOSED_PLANS: Thread["proposedPlans"] = []; const EMPTY_PROVIDERS: ServerProvider[] = []; const EMPTY_PROVIDER_SKILLS: ServerProvider["skills"] = []; const EMPTY_PENDING_USER_INPUT_ANSWERS: Record<string, PendingUserInputDraftAnswer> = {}; function stripProviderCompatibilityInstallHint(message: string, recommendedVersion: string | null) { if (!recommendedVersion) { return message; } const escapedVersion = recommendedVersion.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); return message.replace(new RegExp(`\\s*Use\\s+${escapedVersion}\\.?\\s*$`, "i"), "").trim(); } function ProviderCompatibilityBannerAction({ providerLabel, recommendedVersion, updateCommand, canRunUpdate, updating, onRunUpdate, }: { readonly providerLabel: string; readonly recommendedVersion: string; readonly updateCommand: string | null; readonly canRunUpdate: boolean; readonly updating: boolean; readonly onRunUpdate: () => void; }) { return ( <Popover> <PopoverTrigger render={ <Button type="button" size="xs" variant="outline"> Install {recommendedVersion} </Button> } /> <PopoverPopup side="top" align="end" className="w-84"> <div className="grid gap-3"> <div className="grid gap-0.5"> <p className="text-[13px] font-semibold leading-tight text-foreground"> Install compatible {providerLabel} </p> <p className="text-xs leading-snug text-muted-foreground"> Install provider harness version {recommendedVersion}. </p> </div> {canRunUpdate ? ( <Button type="button" size="xs" variant="default" className="w-full" disabled={updating} onClick={onRunUpdate} > {updating ? <LoaderIcon className="animate-spin" /> : <DownloadIcon />} {updating ? "Installing" : "Install now"} </Button> ) : null} {updateCommand ? ( <div className="rounded-md border border-border/70 bg-muted/40 px-2 py-1.5"> <code className="block overflow-x-auto whitespace-nowrap font-mono text-[11px] text-foreground [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> {updateCommand} </code> </div> ) : null} </div> </PopoverPopup> </Popover> ); } type EnvironmentUnavailableState = { readonly environmentId: EnvironmentId; readonly label: string; readonly connectionState: "connecting" | "disconnected" | "error"; }; type ThreadPlanCatalogEntry = Pick<Thread, "id" | "proposedPlans">; function useThreadPlanCatalog(threadIds: readonly ThreadId[]): ThreadPlanCatalogEntry[] { return useStore( useMemo(() => { let previousThreadIds: readonly ThreadId[] = []; let previousResult: ThreadPlanCatalogEntry[] = []; let previousEntries = new Map< ThreadId, { shell: object | null; proposedPlanIds: readonly string[] | undefined; proposedPlansById: Record<string, Thread["proposedPlans"][number]> | undefined; entry: ThreadPlanCatalogEntry; } >(); return (state) => { const sameThreadIds = previousThreadIds.length === threadIds.length && previousThreadIds.every((id, index) => id === threadIds[index]); const nextEntries = new Map< ThreadId, { shell: object | null; proposedPlanIds: readonly string[] | undefined; proposedPlansById: Record<string, Thread["proposedPlans"][number]> | undefined; entry: ThreadPlanCatalogEntry; } >(); const nextResult: ThreadPlanCatalogEntry[] = []; let changed = !sameThreadIds; for (const threadId of threadIds) { let shell: object | undefined; let proposedPlanIds: readonly string[] | undefined; let proposedPlansById: Record<string, Thread["proposedPlans"][number]> | undefined; for (const environmentState of Object.values(state.environmentStateById)) { const matchedShell = environmentState.threadShellById[threadId]; if (!matchedShell) { continue; } shell = matchedShell; proposedPlanIds = environmentState.proposedPlanIdsByThreadId[threadId]; proposedPlansById = environmentState.proposedPlanByThreadId[threadId] as | Record<string, Thread["proposedPlans"][number]> | undefined; break; } if (!shell) { const previous = previousEntries.get(threadId); if ( previous && previous.shell === null && previous.proposedPlanIds === undefined && previous.proposedPlansById === undefined ) { nextEntries.set(threadId, previous); continue; } changed = true; nextEntries.set(threadId, { shell: null, proposedPlanIds: undefined, proposedPlansById: undefined, entry: { id: threadId, proposedPlans: EMPTY_PROPOSED_PLANS }, }); continue; } const previous = previousEntries.get(threadId); if ( previous && previous.shell === shell && previous.proposedPlanIds === proposedPlanIds && previous.proposedPlansById === proposedPlansById ) { nextEntries.set(threadId, previous); nextResult.push(previous.entry); continue; } changed = true; const proposedPlans = proposedPlanIds && proposedPlanIds.length > 0 && proposedPlansById ? proposedPlanIds.flatMap((planId) => { const proposedPlan = proposedPlansById?.[planId]; return proposedPlan ? [proposedPlan] : []; }) : EMPTY_PROPOSED_PLANS; const entry = { id: threadId, proposedPlans }; nextEntries.set(threadId, { shell, proposedPlanIds, proposedPlansById, entry, }); nextResult.push(entry); } if (!changed && previousResult.length === nextResult.length) { return previousResult; } previousThreadIds = threadIds; previousEntries = nextEntries; previousResult = nextResult; return nextResult; }; }, [threadIds]), ); } function formatOutgoingPrompt(params: { provider: ProviderDriverKind; model: string | null; models: ReadonlyArray<ServerProvider["models"][number]>; effort: string | null; text: string; }): string { const caps = getProviderModelCapabilities(params.models, params.model, params.provider); const promptEffort = resolvePromptInjectedEffort(caps, params.effort); return applyClaudePromptEffortPrefix(params.text, promptEffort); } const SCRIPT_TERMINAL_COLS = 120; const SCRIPT_TERMINAL_ROWS = 30; type ChatViewProps = | { environmentId: EnvironmentId; threadId: ThreadId; onDiffPanelOpen?: () => void; reserveTitleBarControlInset?: boolean; routeKind: "server"; draftId?: never; } | { environmentId: EnvironmentId; threadId: ThreadId; onDiffPanelOpen?: () => void; reserveTitleBarControlInset?: boolean; routeKind: "draft"; draftId: DraftId; }; interface TerminalLaunchContext { threadId: ThreadId; cwd: string; worktreePath: string | null; } type PersistentTerminalLaunchContext = Pick<TerminalLaunchContext, "cwd" | "worktreePath">; function useLocalDispatchState(input: { activeThread: Thread | undefined; activeLatestTurn: Thread["latestTurn"] | null; phase: SessionPhase; activePendingApproval: ApprovalRequestId | null; activePendingUserInput: ApprovalRequestId | null; threadError: string | null | undefined; }) { const [localDispatch, setLocalDispatch] = useState<LocalDispatchSnapshot | null>(null); const beginLocalDispatch = useCallback( (options?: { preparingWorktree?: boolean }) => { const preparingWorktree = Boolean(options?.preparingWorktree); setLocalDispatch((current) => { if (current) { return current.preparingWorktree === preparingWorktree ? current : { ...current, preparingWorktree }; } return createLocalDispatchSnapshot(input.activeThread, options); }); }, [input.activeThread], ); const resetLocalDispatch = useCallback(() => { setLocalDispatch(null); }, []); const serverAcknowledgedLocalDispatch = useMemo( () => hasServerAcknowledgedLocalDispatch({ localDispatch, phase: input.phase, latestTurn: input.activeLatestTurn, session: input.activeThread?.session ?? null, hasPendingApproval: input.activePendingApproval !== null, hasPendingUserInput: input.activePendingUserInput !== null, threadError: input.threadError, }), [ input.activeLatestTurn, input.activePendingApproval, input.activePendingUserInput, input.activeThread?.session, input.phase, input.threadError, localDispatch, ], ); useEffect(() => { if (!serverAcknowledgedLocalDispatch) { return; } resetLocalDispatch(); }, [resetLocalDispatch, serverAcknowledgedLocalDispatch]);