claudeup 6.2.1 → 6.3.0

package/src/ui/hooks/useMismatchModal.ts

@@ -1,9 +1,9 @@
 import { useCallback } from "react";
-import { useApp } from "../state/AppContext.js";
 import {
-	fixAllPluginVersionMismatches,
 	type VersionMismatchInfo,
+	fixAllPluginVersionMismatches,
 } from "../../services/plugin-version-check.js";
+import { useApp } from "../state/AppContext.js";
 
 /**
  * Shared hook for showing the plugin version mismatch modal.
@@ -52,11 +52,7 @@ export function useMismatchModal() {
 						modal: {
 							type: "message",
 							title: "Plugin Versions Aligned",
-							message:
-								`Updated ${totalUpdated} project entr${totalUpdated === 1 ? "y" : "ies"} in ` +
-								`installed_plugins.json.\n\n` +
-								`Restart Claude Code for the new versions to load. ` +
-								`The running session still has the old plugin code in memory.`,
+							message: `Updated ${totalUpdated} project entr${totalUpdated === 1 ? "y" : "ies"} in installed_plugins.json.\n\nRestart Claude Code for the new versions to load. The running session still has the old plugin code in memory.`,
 							variant: "success",
 							onDismiss: dismiss,
 						},
@@ -68,9 +64,7 @@ export function useMismatchModal() {
 						modal: {
 							type: "message",
 							title: "Fix Failed",
-							message:
-								`Could not align plugin versions: ${error instanceof Error ? error.message : String(error)}\n\n` +
-								`Try running claudeup again, or manually update the plugin in each project.`,
+							message: `Could not align plugin versions: ${error instanceof Error ? error.message : String(error)}\n\nTry running claudeup again, or manually update the plugin in each project.`,
 							variant: "error",
 							onDismiss: dismiss,
 						},

package/src/ui/renderers/cliToolRenderers.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import type { CliTool } from "../../data/cli-tools.js";
 import {
 	type InstallMethod,
@@ -7,7 +7,7 @@ import {
 } from "../../services/cli-tool-commands.js";
 import type { Command } from "../../utils/command-utils.js";
 import { formatCommand } from "../../utils/command-utils.js";
-import { theme, type UiColor } from "../theme.js";
+import { type UiColor, theme } from "../theme.js";
 
 // ─── Helpers ────────────────────────────────────────────────────────────────
 

package/src/ui/renderers/gitignoreRenderers.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import type { ResolvedRule, Violation } from "../../types/gitignore.js";
 import { theme } from "../theme.js";
 
@@ -39,7 +39,7 @@ const MARKER_NONE = " ";
 const MAX_PATH_LEN = 22;
 
 function truncatePath(p: string): string {
-	return p.length > MAX_PATH_LEN ? p.slice(0, MAX_PATH_LEN - 1) + "…" : p;
+	return p.length > MAX_PATH_LEN ? `${p.slice(0, MAX_PATH_LEN - 1)}…` : p;
 }
 
 export function renderRuleRow(

package/src/ui/renderers/mcpRenderers.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import type { McpServer } from "../../types/index.js";
 import { theme } from "../theme.js";
 

package/src/ui/renderers/pluginRenderers.tsx

@@ -724,18 +724,15 @@ const COMPONENT_NOUN: Record<PluginComponentKind, string> = {
 /**
  * The type badge: one glyph in a padded, washed cell.
  *
- * Three states, and each exists for a reason.
+ * Two states, and each exists for a reason.
  *
  * On a *selected* row the whole line is painted in the selection colour, so the
  * badge drops its own fill — a chip of a third colour inside an inverted row is
  * the noisiest thing on the screen, and the selection already says where you
  * are.
  *
- * When the terminal never answered the theme query there is no fill either.
- * `componentBadge()` returns null there by design; painting a light wash on an
- * unknown page risks a bright band across every row of a long list.
- *
- * Otherwise: a wash of the kind's hue, quiet enough to sit on hundreds of rows.
+ * Otherwise: a wash of the kind's hue for the resolved mode, quiet enough to
+ * sit on hundreds of rows.
  */
 function componentBadge(
 	kind: PluginComponentKind,
@@ -745,9 +742,6 @@ function componentBadge(
 	if (isSelected) return ` ${icon} `;
 
 	const chip = badgeColors(kind);
-	if (!chip) {
-		return <span fg={COMPONENT_COLOR[kind]}>{` ${icon} `}</span>;
-	}
 	return <span bg={chip.bg} fg={chip.fg}>{` ${icon} `}</span>;
 }
 

package/src/ui/renderers/profileRenderers.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import type { ItemRenderer } from "../registry.js";
-import type { ProfileEntry } from "../../types/index.js";
+import type React from "react";
 import type { PredefinedProfile } from "../../data/predefined-profiles.js";
-import { theme, type UiColor } from "../theme.js";
+import type { ProfileEntry } from "../../types/index.js";
+import type { ItemRenderer } from "../registry.js";
+import { type UiColor, theme } from "../theme.js";
 
 // ─── List item types ───────────────────────────────────────────────────────────
 
@@ -15,7 +15,7 @@ export type ProfileListItem =
 
 function truncate(s: string, maxLen: number): string {
 	if (s.length <= maxLen) return s;
-	return s.slice(0, maxLen - 1) + "\u2026";
+	return `${s.slice(0, maxLen - 1)}\u2026`;
 }
 
 export function humanizeValue(_key: string, value: unknown): string {
@@ -143,9 +143,9 @@ const predefinedRenderer: ItemRenderer<{
 			([k]) => k !== "env",
 		);
 		const envMap =
-			(profile.settings["env"] as Record<string, string> | undefined) ?? {};
-		const tasksOn = envMap["CLAUDE_CODE_ENABLE_TASKS"] === "true";
-		const teamsOn = envMap["CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS"] === "true";
+			(profile.settings.env as Record<string, string> | undefined) ?? {};
+		const tasksOn = envMap.CLAUDE_CODE_ENABLE_TASKS === "true";
+		const teamsOn = envMap.CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS === "true";
 
 		return (
 			<box flexDirection="column">
@@ -298,6 +298,7 @@ const savedRenderer: ItemRenderer<{ kind: "saved"; entry: ProfileEntry }> = {
 						<text fg={theme.colors.warning}> (none)</text>
 					) : (
 						wrapNames(cleanPlugins).map((line, i) => (
+							// biome-ignore lint/suspicious/noArrayIndexKey: word-wrapped lines of a static preview; lines carry no identity and can repeat, so the row number is the only stable key
 							<text key={i} fg={theme.colors.text}>
 								{"  "}
 								{line}

package/src/ui/renderers/settingsRenderers.tsx

@@ -1,18 +1,18 @@
-import React from "react";
-import type { ItemRenderer } from "../registry.js";
+import type React from "react";
 import type {
 	SettingsBrowserItem,
 	SettingsCategoryItem,
 	SettingsSettingItem,
 } from "../adapters/settingsAdapter.js";
 import {
-	CATEGORY_LABELS,
 	CATEGORY_BG,
 	CATEGORY_COLOR,
 	CATEGORY_DESCRIPTIONS,
+	CATEGORY_LABELS,
 	formatValue,
 } from "../adapters/settingsAdapter.js";
-import { SelectableRow, MetaText } from "../components/primitives/index.js";
+import { MetaText, SelectableRow } from "../components/primitives/index.js";
+import type { ItemRenderer } from "../registry.js";
 import { theme } from "../theme.js";
 
 // ─── Category renderer ─────────────────────────────────────────────────────────

package/src/ui/renderers/skillRenderers.tsx

@@ -1,24 +1,24 @@
-import React from "react";
-import type { ItemRenderer } from "../registry.js";
+import type React from "react";
+import { STAR_RELIABILITY_INFO } from "../../data/skill-repos.js";
+import type { StarReliability } from "../../types/index.js";
 import type {
 	SkillBrowserItem,
 	SkillCategoryItem,
-	SkillSkillItem,
 	SkillSetItem,
+	SkillSkillItem,
 } from "../adapters/skillsAdapter.js";
-import type { StarReliability } from "../../types/index.js";
-import { STAR_RELIABILITY_INFO } from "../../data/skill-repos.js";
 import {
-	SelectableRow,
-	ListCategoryRow,
-	ScopeSquares,
-	ScopeDetail,
 	ActionHints,
-	MetaText,
-	KeyValueLine,
 	DetailSection,
+	KeyValueLine,
+	ListCategoryRow,
+	MetaText,
+	ScopeDetail,
+	ScopeSquares,
+	SelectableRow,
 } from "../components/primitives/index.js";
-import { theme, type UiColor } from "../theme.js";
+import type { ItemRenderer } from "../registry.js";
+import { type UiColor, theme } from "../theme.js";
 
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 
@@ -92,7 +92,7 @@ const MAX_SKILL_NAME_LEN = 35;
 
 function truncateName(name: string): string {
 	return name.length > MAX_SKILL_NAME_LEN
-		? name.slice(0, MAX_SKILL_NAME_LEN - 1) + "\u2026"
+		? `${name.slice(0, MAX_SKILL_NAME_LEN - 1)}\u2026`
 		: name;
 }
 
@@ -282,7 +282,7 @@ const skillSetRenderer: ItemRenderer<SkillSetItem> = {
 		const arrow = expanded ? "\u25BC" : "\u25B6";
 		const displayName =
 			skillSet.name.length > MAX_SET_NAME_LEN
-				? skillSet.name.slice(0, MAX_SET_NAME_LEN - 1) + "\u2026"
+				? `${skillSet.name.slice(0, MAX_SET_NAME_LEN - 1)}\u2026`
 				: skillSet.name;
 
 		// Count installed child skills

package/src/ui/screens/AliasScreen.tsx

@@ -1,46 +1,41 @@
-import React, {
-	useEffect,
-	useState,
-	useCallback,
-	useMemo,
-	useRef,
-} from "react";
+import { existsSync } from "node:fs";
+import { readFile } from "node:fs/promises";
 import type { ScrollBoxRenderable } from "@opentui/core";
-import { useApp, useModal } from "../state/AppContext.js";
-import { useKeyboardHandler } from "../hooks/useKeyboardHandler.js";
-import { ScreenLayout, type FooterHint } from "../components/layout/index.js";
-import { FlagDetailEditor } from "../components/FlagDetailEditor.js";
+import type React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
 	ALIAS_FLAGS,
-	FLAG_GROUPS,
 	type AliasFlag,
+	FLAG_GROUPS,
 } from "../../data/alias-flags.js";
-import {
-	defaultAliasConfig,
-	defaultValueFor,
-	validateAliasName,
-	derivedChannelValues,
-	withoutDerivedChannel,
-	CHANNELS_FLAG_ID,
-	DEFAULT_ALIAS_NAME,
-	type AliasConfig,
-	type FlagValue,
-} from "../../services/alias-store.js";
 import { loadAliasName, saveAliasName } from "../../services/alias-settings.js";
 import {
+	type AdoptableAlias,
+	type FlagValidationIssue,
+	type Segment,
+	type ShellTarget,
 	detectShells,
+	findAdoptableAlias,
+	parseAliasFromRc,
 	renderArgs,
 	validateConfig,
 	writeAliasToShell,
-	parseAliasFromRc,
-	findAdoptableAlias,
-	type ShellTarget,
-	type FlagValidationIssue,
-	type Segment,
-	type AdoptableAlias,
 } from "../../services/alias-shell-writer.js";
-import { readFile } from "node:fs/promises";
-import { existsSync } from "node:fs";
+import {
+	type AliasConfig,
+	CHANNELS_FLAG_ID,
+	DEFAULT_ALIAS_NAME,
+	type FlagValue,
+	defaultAliasConfig,
+	defaultValueFor,
+	derivedChannelValues,
+	validateAliasName,
+	withoutDerivedChannel,
+} from "../../services/alias-store.js";
+import { FlagDetailEditor } from "../components/FlagDetailEditor.js";
+import { type FooterHint, ScreenLayout } from "../components/layout/index.js";
+import { useKeyboardHandler } from "../hooks/useKeyboardHandler.js";
+import { useApp, useModal } from "../state/AppContext.js";
 import { theme } from "../theme.js";
 
 interface FlagRow {
@@ -463,8 +458,7 @@ export function AliasScreen() {
 				// enough today; recurse defensively in case a chain emerges).
 				const queue = [id];
 				const seen = new Set<string>();
-				while (queue.length > 0) {
-					const cur = queue.shift()!;
+				for (let cur = queue.shift(); cur !== undefined; cur = queue.shift()) {
 					if (seen.has(cur)) continue;
 					seen.add(cur);
 					for (const dependent of ALIAS_FLAGS) {
@@ -1052,7 +1046,7 @@ function summarizeValue(value: FlagValue): string {
 }
 
 function truncate(s: string, n: number): string {
-	return s.length <= n ? s : s.slice(0, n - 1) + "…";
+	return s.length <= n ? s : `${s.slice(0, n - 1)}…`;
 }
 
 /**
@@ -1447,6 +1441,7 @@ function renderPreviewLines(
 	];
 	segments.forEach((seg, i) => {
 		lines.push(
+			// biome-ignore lint/suspicious/noArrayIndexKey: alias arguments are positional by definition and identical tokens can legitimately repeat; the preview re-renders whole
 			<text key={`arg-${i}`} fg={theme.colors.text}>
 				{"  "}
 				{renderPreviewSegment(seg)}
@@ -1472,12 +1467,14 @@ function renderPreviewSegment(seg: Segment): React.ReactNode {
 	seg.parts.forEach((p, i) => {
 		if (p.kind === "literal") {
 			spans.push(
+				// biome-ignore lint/suspicious/noArrayIndexKey: parts of one composite argument are positional text fragments with no identity of their own
 				<span key={`p-${i}`} fg={theme.colors.text}>
 					{p.text}
 				</span>,
 			);
 		} else {
 			spans.push(
+				// biome-ignore lint/suspicious/noArrayIndexKey: same positional fragment list as above
 				<span key={`p-${i}`} fg={theme.colors.info}>
 					{substitutionToToken(p.posix)}
 				</span>,

package/src/ui/screens/CliToolsScreen.tsx

@@ -1,10 +1,10 @@
+import { exec, execFile } from "node:child_process";
+import { promisify } from "node:util";
 import React, { useEffect, useCallback, useState, useRef } from "react";
-import { exec, execFile } from "child_process";
-import { promisify } from "util";
+import { ScreenLayout } from "../components/layout/index.js";
+import { useKeyboard } from "../hooks/useKeyboard.js";
 import { useApp, useModal } from "../state/AppContext.js";
 import { useDimensions } from "../state/DimensionsContext.js";
-import { useKeyboard } from "../hooks/useKeyboard.js";
-import { ScreenLayout } from "../components/layout/index.js";
 
 import { cliTools } from "../../data/cli-tools.js";
 import {
@@ -15,12 +15,12 @@ import {
 } from "../../services/cli-tool-commands.js";
 import type { Command } from "../../utils/command-utils.js";
 import { formatCommand } from "../../utils/command-utils.js";
+import { ScrollableList } from "../components/ScrollableList.js";
 import {
-	renderCliToolRow,
-	renderCliToolDetail,
 	type CliToolStatus,
+	renderCliToolDetail,
+	renderCliToolRow,
 } from "../renderers/cliToolRenderers.js";
-import { ScrollableList } from "../components/ScrollableList.js";
 import { theme } from "../theme.js";
 
 const execAsync = promisify(exec);
@@ -123,9 +123,10 @@ async function detectInstallMethods(
 			if (method && !methods.includes(method)) methods.push(method);
 		}
 
-		if (methods.length === 0)
+		const primary = methods[0];
+		if (primary === undefined)
 			return { primary: fallback as InstallMethod, all: [] };
-		return { primary: methods[0]!, all: methods, brewFormula };
+		return { primary, all: methods, brewFormula };
 	} catch {
 		return { primary: fallback as InstallMethod, all: [] };
 	}
@@ -212,8 +213,8 @@ async function getLatestVersion(
 }
 
 function compareVersions(v1: string, v2: string): number {
-	const parts1 = v1.split(/[-.]/).map((p) => parseInt(p, 10) || 0);
-	const parts2 = v2.split(/[-.]/).map((p) => parseInt(p, 10) || 0);
+	const parts1 = v1.split(/[-.]/).map((p) => Number.parseInt(p, 10) || 0);
+	const parts2 = v2.split(/[-.]/).map((p) => Number.parseInt(p, 10) || 0);
 	for (let i = 0; i < Math.max(parts1.length, parts2.length); i++) {
 		const p1 = parts1[i] || 0;
 		const p2 = parts2[i] || 0;
@@ -250,7 +251,7 @@ export function CliToolsScreen() {
 		(index: number, updates: Partial<CliToolStatus>) => {
 			setToolStatuses((prev) => {
 				const newStatuses = [...prev];
-				newStatuses[index] = { ...newStatuses[index]!, ...updates };
+				newStatuses[index] = { ...newStatuses[index], ...updates };
 				cachedToolStatuses = newStatuses;
 				return newStatuses;
 			});
@@ -260,7 +261,7 @@ export function CliToolsScreen() {
 
 	const fetchVersionInfo = useCallback(async () => {
 		for (let i = 0; i < cliTools.length; i++) {
-			const tool = cliTools[i]!;
+			const tool = cliTools[i];
 
 			// Run all checks in parallel, then update with all results
 			Promise.all([

package/src/ui/screens/EnvVarsScreen.tsx

@@ -1,23 +1,23 @@
 import React, { useEffect, useCallback, useMemo } from "react";
-import { useApp, useModal } from "../state/AppContext.js";
-import { useDimensions } from "../state/DimensionsContext.js";
-import { useKeyboard } from "../hooks/useKeyboard.js";
-import { ScreenLayout } from "../components/layout/index.js";
 import { SETTINGS_CATALOG } from "../../data/settings-catalog.js";
 import {
+	discoverOutputStyles,
 	readAllSettingsBothScopes,
 	writeSettingValue,
-	discoverOutputStyles,
 } from "../../services/settings-manager.js";
 import {
-	buildSettingsBrowserItems,
 	type SettingsBrowserItem,
+	buildSettingsBrowserItems,
 } from "../adapters/settingsAdapter.js";
+import { ScrollableList } from "../components/ScrollableList.js";
+import { ScreenLayout } from "../components/layout/index.js";
+import { useKeyboard } from "../hooks/useKeyboard.js";
 import {
-	renderSettingRow,
 	renderSettingDetail,
+	renderSettingRow,
 } from "../renderers/settingsRenderers.js";
-import { ScrollableList } from "../components/ScrollableList.js";
+import { useApp, useModal } from "../state/AppContext.js";
+import { useDimensions } from "../state/DimensionsContext.js";
 import { theme } from "../theme.js";
 
 export function SettingsScreen() {

package/src/ui/screens/GitignoreScreen.tsx

@@ -1,24 +1,25 @@
-import React, { useEffect, useState, useCallback, useMemo } from "react";
 import { spawn } from "node:child_process";
 import { appendFileSync } from "node:fs";
 import { useRenderer } from "@opentui/react";
-import { useApp, useModal } from "../state/AppContext.js";
-import { useKeyboardHandler } from "../hooks/useKeyboardHandler.js";
-import { ScreenLayout } from "../components/layout/index.js";
+import type React from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { getGitignoreRuleReason } from "../../data/gitignore-reasons.js";
+import { BUILTIN_TEMPLATES } from "../../data/gitignore-templates.js";
 import {
-	loadGitignoreState,
+	type GitignoreState,
 	applyDestructiveFix,
-	ensureProjectManifestForEdit,
 	applyTemplate,
-	type GitignoreState,
+	ensureProjectManifestForEdit,
+	loadGitignoreState,
 } from "../../services/gitignore-service.js";
-import { BUILTIN_TEMPLATES } from "../../data/gitignore-templates.js";
-import { getGitignoreRuleReason } from "../../data/gitignore-reasons.js";
+import type { ResolvedRule, Tier, Violation } from "../../types/gitignore.js";
+import { ScreenLayout } from "../components/layout/index.js";
+import { useKeyboardHandler } from "../hooks/useKeyboardHandler.js";
 import {
-	renderRuleRow,
 	type RuleRow,
+	renderRuleRow,
 } from "../renderers/gitignoreRenderers.js";
-import type { ResolvedRule, Tier, Violation } from "../../types/gitignore.js";
+import { useApp, useModal } from "../state/AppContext.js";
 import { theme } from "../theme.js";
 
 // Clean rows are grouped by the manifest that defined them. Order = display
@@ -229,9 +230,7 @@ export function GitignoreScreen() {
 					: "";
 			await modal.message(
 				"Template applied",
-				`Wrote ${r.appliedTo}\n\n` +
-					`Added ${r.added.ignore.length} ignore + ${r.added.track.length} track entries.` +
-					conflictNote,
+				`Wrote ${r.appliedTo}\n\nAdded ${r.added.ignore.length} ignore + ${r.added.track.length} track entries.${conflictNote}`,
 				"success",
 			);
 		} catch (err) {
@@ -436,6 +435,7 @@ function renderDetail(
 					<box flexDirection="column" marginTop={1}>
 						<text fg={theme.colors.warning}>Warnings:</text>
 						{warnings.map((w, i) => (
+							// biome-ignore lint/suspicious/noArrayIndexKey: warnings are plain strings that may repeat and are replaced as a whole list; the index is the only stable key
 							<text fg={theme.colors.muted} key={i}>
 								{w}
 							</text>
@@ -552,6 +552,7 @@ function renderWarnings(warnings: string[]): React.ReactNode {
 		<box flexDirection="column" marginTop={1}>
 			<text fg={theme.colors.warning}>Warnings:</text>
 			{warnings.map((w, i) => (
+				// biome-ignore lint/suspicious/noArrayIndexKey: warnings are plain strings that may repeat and are replaced as a whole list; the index is the only stable key
 				<text fg={theme.colors.muted} key={i}>
 					{w}
 				</text>

package/src/ui/screens/McpRegistryScreen.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect, useCallback, useState, useRef } from "react";
+import { ScreenLayout } from "../components/layout/index.js";
+import { useKeyboard } from "../hooks/useKeyboard.js";
 import { useApp, useModal, useNavigation } from "../state/AppContext.js";
 import { useDimensions } from "../state/DimensionsContext.js";
-import { useKeyboard } from "../hooks/useKeyboard.js";
-import { ScreenLayout } from "../components/layout/index.js";
 
-import { searchMcpServers, formatDate } from "../../services/mcp-registry.js";
 import { addMcpServer, setAllowMcp } from "../../services/claude-settings.js";
+import { formatDate, searchMcpServers } from "../../services/mcp-registry.js";
 import type { McpRegistryServer, McpServerConfig } from "../../types/index.js";
 import { ScrollableList } from "../components/ScrollableList.js";
 import { theme } from "../theme.js";
@@ -43,8 +43,8 @@ function deduplicateServers(servers: McpRegistryServer[]): McpRegistryServer[] {
 function compareVersions(a: McpRegistryServer, b: McpRegistryServer): number {
 	// Try semver comparison first
 	if (a.version && b.version) {
-		const aParts = a.version.split(".").map((n) => parseInt(n, 10) || 0);
-		const bParts = b.version.split(".").map((n) => parseInt(n, 10) || 0);
+		const aParts = a.version.split(".").map((n) => Number.parseInt(n, 10) || 0);
+		const bParts = b.version.split(".").map((n) => Number.parseInt(n, 10) || 0);
 
 		for (let i = 0; i < Math.max(aParts.length, bParts.length); i++) {
 			const aVal = aParts[i] || 0;
@@ -120,14 +120,17 @@ export function McpRegistryScreen() {
 		[loadServers],
 	);
 
+	// Initial load runs once with the query the screen opened with; later edits
+	// go through debouncedSearch, so the live query is deliberately not a dep.
+	const initialQueryRef = useRef(searchQuery);
 	useEffect(() => {
-		loadServers(searchQuery);
+		loadServers(initialQueryRef.current);
 		return () => {
 			if (searchTimeoutRef.current) {
 				clearTimeout(searchTimeoutRef.current);
 			}
 		};
-	}, []);
+	}, [loadServers]);
 
 	// Keyboard handling
 	useKeyboard((event) => {

package/src/ui/screens/McpScreen.tsx

@@ -1,28 +1,28 @@
 import React, { useEffect, useCallback, useMemo } from "react";
+import { ScreenLayout } from "../components/layout/index.js";
+import { useKeyboard } from "../hooks/useKeyboard.js";
 import { useApp, useModal, useNavigation } from "../state/AppContext.js";
 import { useDimensions } from "../state/DimensionsContext.js";
-import { useKeyboard } from "../hooks/useKeyboard.js";
-import { ScreenLayout } from "../components/layout/index.js";
 
 import {
-	getMcpServersByCategory,
-	getCategoryDisplayName,
 	categoryOrder,
+	getCategoryDisplayName,
+	getMcpServersByCategory,
 } from "../../data/mcp-servers.js";
-import { fetchCuratedMcpServers } from "../../services/mcp-registry.js";
 import {
 	addMcpServer,
-	removeMcpServer,
-	getInstalledMcpServers,
 	getEnabledMcpServers,
+	getInstalledMcpServers,
+	removeMcpServer,
 } from "../../services/claude-settings.js";
+import { fetchCuratedMcpServers } from "../../services/mcp-registry.js";
 import type { McpServer, McpServerConfig } from "../../types/index.js";
+import { ScrollableList } from "../components/ScrollableList.js";
 import {
-	renderMcpRow,
-	renderMcpDetail,
 	type McpListItem,
+	renderMcpDetail,
+	renderMcpRow,
 } from "../renderers/mcpRenderers.js";
-import { ScrollableList } from "../components/ScrollableList.js";
 
 export function McpScreen() {
 	const { state, dispatch } = useApp();