claudeup 3.7.2 → 3.9.0

package/src/ui/state/AppContext.js

@@ -91,7 +91,7 @@ export function useModal() {
                 });
             });
         },
-        select: (title, message, options) => {
+        select: (title, message, options, defaultIndex) => {
             return new Promise((resolve) => {
                 dispatch({
                     type: "SHOW_MODAL",
@@ -100,6 +100,7 @@ export function useModal() {
                         title,
                         message,
                         options,
+                        defaultIndex,
                         onSelect: (value) => {
                             dispatch({ type: "HIDE_MODAL" });
                             resolve(value);

package/src/ui/state/AppContext.tsx

@@ -153,6 +153,7 @@ export function useModal() {
 			title: string,
 			message: string,
 			options: { label: string; value: string; description?: string }[],
+			defaultIndex?: number,
 		): Promise<string | null> => {
 			return new Promise((resolve) => {
 				dispatch({
@@ -162,6 +163,7 @@ export function useModal() {
 						title,
 						message,
 						options,
+						defaultIndex,
 						onSelect: (value: string) => {
 							dispatch({ type: "HIDE_MODAL" });
 							resolve(value);

package/src/ui/state/reducer.js

@@ -34,9 +34,9 @@ export const initialState = {
         presets: { status: "idle" },
         currentPreset: null,
     },
-    envVars: {
+    settings: {
         selectedIndex: 0,
-        variables: { status: "idle" },
+        values: { status: "idle" },
     },
     cliTools: {
         selectedIndex: 0,
@@ -47,6 +47,17 @@ export const initialState = {
         searchQuery: "",
         taskSize: "large",
     },
+    profiles: {
+        selectedIndex: 0,
+        profiles: { status: "idle" },
+    },
+    skills: {
+        scope: "user",
+        selectedIndex: 0,
+        searchQuery: "",
+        skills: { status: "idle" },
+        updateStatus: null,
+    },
 };
 export function appReducer(state, action) {
     switch (action.type) {
@@ -54,7 +65,12 @@ export function appReducer(state, action) {
         // Navigation
         // =========================================================================
         case "NAVIGATE":
-            return { ...state, currentRoute: action.route };
+            return {
+                ...state,
+                currentRoute: action.route,
+                // Clear search state when navigating away
+                isSearching: false,
+            };
         // =========================================================================
         // Plugins Screen
         // =========================================================================
@@ -268,38 +284,38 @@ export function appReducer(state, action) {
                 },
             };
         // =========================================================================
-        // Env Vars Screen
+        // Settings Screen
         // =========================================================================
-        case "ENVVARS_SELECT":
+        case "SETTINGS_SELECT":
             return {
                 ...state,
-                envVars: {
-                    ...state.envVars,
+                settings: {
+                    ...state.settings,
                     selectedIndex: action.index,
                 },
             };
-        case "ENVVARS_DATA_LOADING":
+        case "SETTINGS_DATA_LOADING":
             return {
                 ...state,
-                envVars: {
-                    ...state.envVars,
-                    variables: { status: "loading" },
+                settings: {
+                    ...state.settings,
+                    values: { status: "loading" },
                 },
             };
-        case "ENVVARS_DATA_SUCCESS":
+        case "SETTINGS_DATA_SUCCESS":
             return {
                 ...state,
-                envVars: {
-                    ...state.envVars,
-                    variables: { status: "success", data: action.variables },
+                settings: {
+                    ...state.settings,
+                    values: { status: "success", data: action.values },
                 },
             };
-        case "ENVVARS_DATA_ERROR":
+        case "SETTINGS_DATA_ERROR":
             return {
                 ...state,
-                envVars: {
-                    ...state.envVars,
-                    variables: { status: "error", error: action.error },
+                settings: {
+                    ...state.settings,
+                    values: { status: "error", error: action.error },
                 },
             };
         // =========================================================================
@@ -380,6 +396,122 @@ export function appReducer(state, action) {
                 },
             };
         // =========================================================================
+        // Profiles Screen
+        // =========================================================================
+        case "PROFILES_SELECT":
+            return {
+                ...state,
+                profiles: {
+                    ...state.profiles,
+                    selectedIndex: action.index,
+                },
+            };
+        case "PROFILES_DATA_LOADING":
+            return {
+                ...state,
+                profiles: {
+                    ...state.profiles,
+                    profiles: { status: "loading" },
+                },
+            };
+        case "PROFILES_DATA_SUCCESS":
+            return {
+                ...state,
+                profiles: {
+                    ...state.profiles,
+                    profiles: { status: "success", data: action.profiles },
+                },
+            };
+        case "PROFILES_DATA_ERROR":
+            return {
+                ...state,
+                profiles: {
+                    ...state.profiles,
+                    profiles: { status: "error", error: action.error },
+                },
+            };
+        // =========================================================================
+        // Skills Screen
+        // =========================================================================
+        case "SKILLS_SET_SCOPE":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    scope: action.scope,
+                    selectedIndex: 0,
+                    skills: { status: "loading" },
+                },
+            };
+        case "SKILLS_TOGGLE_SCOPE":
+            return appReducer(state, {
+                type: "SKILLS_SET_SCOPE",
+                scope: state.skills.scope === "user" ? "project" : "user",
+            });
+        case "SKILLS_SELECT":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    selectedIndex: action.index,
+                },
+            };
+        case "SKILLS_SET_SEARCH":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    searchQuery: action.query,
+                    selectedIndex: 0,
+                },
+            };
+        case "SKILLS_DATA_LOADING":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    skills: { status: "loading" },
+                },
+            };
+        case "SKILLS_DATA_SUCCESS":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    skills: { status: "success", data: action.skills },
+                },
+            };
+        case "SKILLS_DATA_ERROR":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    skills: { status: "error", error: action.error },
+                },
+            };
+        case "SKILLS_UPDATE_STATUS":
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    updateStatus: action.updates,
+                },
+            };
+        case "SKILLS_UPDATE_ITEM": {
+            if (state.skills.skills.status !== "success")
+                return state;
+            return {
+                ...state,
+                skills: {
+                    ...state.skills,
+                    skills: {
+                        status: "success",
+                        data: state.skills.skills.data.map((s) => s.name === action.name ? { ...s, ...action.updates } : s),
+                    },
+                },
+            };
+        }
+        // =========================================================================
         // Modals
         // =========================================================================
         case "SHOW_MODAL":

package/src/ui/state/reducer.ts

@@ -44,9 +44,9 @@ export const initialState: AppState = {
 		currentPreset: null,
 	},
 
-	envVars: {
+	settings: {
 		selectedIndex: 0,
-		variables: { status: "idle" },
+		values: { status: "idle" },
 	},
 
 	cliTools: {
@@ -59,6 +59,19 @@ export const initialState: AppState = {
 		searchQuery: "",
 		taskSize: "large",
 	},
+
+	profiles: {
+		selectedIndex: 0,
+		profiles: { status: "idle" },
+	},
+
+	skills: {
+		scope: "user",
+		selectedIndex: 0,
+		searchQuery: "",
+		skills: { status: "idle" },
+		updateStatus: null,
+	},
 };
 
 export function appReducer(state: AppState, action: AppAction): AppState {
@@ -67,7 +80,12 @@ export function appReducer(state: AppState, action: AppAction): AppState {
 		// Navigation
 		// =========================================================================
 		case "NAVIGATE":
-			return { ...state, currentRoute: action.route };
+			return {
+				...state,
+				currentRoute: action.route,
+				// Clear search state when navigating away
+				isSearching: false,
+			};
 
 		// =========================================================================
 		// Plugins Screen
@@ -304,41 +322,41 @@ export function appReducer(state: AppState, action: AppAction): AppState {
 			};
 
 		// =========================================================================
-		// Env Vars Screen
+		// Settings Screen
 		// =========================================================================
-		case "ENVVARS_SELECT":
+		case "SETTINGS_SELECT":
 			return {
 				...state,
-				envVars: {
-					...state.envVars,
+				settings: {
+					...state.settings,
 					selectedIndex: action.index,
 				},
 			};
 
-		case "ENVVARS_DATA_LOADING":
+		case "SETTINGS_DATA_LOADING":
 			return {
 				...state,
-				envVars: {
-					...state.envVars,
-					variables: { status: "loading" },
+				settings: {
+					...state.settings,
+					values: { status: "loading" },
 				},
 			};
 
-		case "ENVVARS_DATA_SUCCESS":
+		case "SETTINGS_DATA_SUCCESS":
 			return {
 				...state,
-				envVars: {
-					...state.envVars,
-					variables: { status: "success", data: action.variables },
+				settings: {
+					...state.settings,
+					values: { status: "success", data: action.values },
 				},
 			};
 
-		case "ENVVARS_DATA_ERROR":
+		case "SETTINGS_DATA_ERROR":
 			return {
 				...state,
-				envVars: {
-					...state.envVars,
-					variables: { status: "error", error: action.error },
+				settings: {
+					...state.settings,
+					values: { status: "error", error: action.error },
 				},
 			};
 
@@ -428,6 +446,136 @@ export function appReducer(state: AppState, action: AppAction): AppState {
 				},
 			};
 
+		// =========================================================================
+		// Profiles Screen
+		// =========================================================================
+		case "PROFILES_SELECT":
+			return {
+				...state,
+				profiles: {
+					...state.profiles,
+					selectedIndex: action.index,
+				},
+			};
+
+		case "PROFILES_DATA_LOADING":
+			return {
+				...state,
+				profiles: {
+					...state.profiles,
+					profiles: { status: "loading" },
+				},
+			};
+
+		case "PROFILES_DATA_SUCCESS":
+			return {
+				...state,
+				profiles: {
+					...state.profiles,
+					profiles: { status: "success", data: action.profiles },
+				},
+			};
+
+		case "PROFILES_DATA_ERROR":
+			return {
+				...state,
+				profiles: {
+					...state.profiles,
+					profiles: { status: "error", error: action.error },
+				},
+			};
+
+		// =========================================================================
+		// Skills Screen
+		// =========================================================================
+		case "SKILLS_SET_SCOPE":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					scope: action.scope,
+					selectedIndex: 0,
+					skills: { status: "loading" },
+				},
+			};
+
+		case "SKILLS_TOGGLE_SCOPE":
+			return appReducer(state, {
+				type: "SKILLS_SET_SCOPE",
+				scope: state.skills.scope === "user" ? "project" : "user",
+			});
+
+		case "SKILLS_SELECT":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					selectedIndex: action.index,
+				},
+			};
+
+		case "SKILLS_SET_SEARCH":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					searchQuery: action.query,
+					selectedIndex: 0,
+				},
+			};
+
+		case "SKILLS_DATA_LOADING":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					skills: { status: "loading" },
+				},
+			};
+
+		case "SKILLS_DATA_SUCCESS":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					skills: { status: "success", data: action.skills },
+				},
+			};
+
+		case "SKILLS_DATA_ERROR":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					skills: { status: "error", error: action.error },
+				},
+			};
+
+		case "SKILLS_UPDATE_STATUS":
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					updateStatus: action.updates,
+				},
+			};
+
+		case "SKILLS_UPDATE_ITEM": {
+			if (state.skills.skills.status !== "success") return state;
+			return {
+				...state,
+				skills: {
+					...state.skills,
+					skills: {
+						status: "success",
+						data: state.skills.skills.data.map((s) =>
+							s.name === action.name ? { ...s, ...action.updates } : s,
+						),
+					},
+				},
+			};
+		}
+
 		// =========================================================================
 		// Modals
 		// =========================================================================

package/src/ui/state/types.ts

@@ -2,6 +2,8 @@ import type {
 	Marketplace,
 	McpServer,
 	StatusLineConfig,
+	ProfileEntry,
+	SkillInfo,
 } from "../../types/index.js";
 import type { PluginInfo } from "../../services/plugin-manager.js";
 
@@ -13,19 +15,21 @@ export type Screen =
 	| "plugins"
 	| "mcp"
 	| "mcp-registry"
-	| "statusline"
-	| "env-vars"
+	| "settings"
 	| "cli-tools"
-	| "model-selector";
+	| "model-selector"
+	| "profiles"
+	| "skills";
 
 export type Route =
 	| { screen: "plugins" }
 	| { screen: "mcp" }
 	| { screen: "mcp-registry"; query?: string }
-	| { screen: "statusline" }
-	| { screen: "env-vars" }
+	| { screen: "settings" }
 	| { screen: "cli-tools" }
-	| { screen: "model-selector" };
+	| { screen: "model-selector" }
+	| { screen: "profiles" }
+	| { screen: "skills" };
 
 // ============================================================================
 // Async Data Types
@@ -68,6 +72,7 @@ export type ModalState =
 			title: string;
 			message: string;
 			options: SelectOption[];
+			defaultIndex?: number;
 			onSelect: (value: string) => void;
 			onCancel: () => void;
 	  }
@@ -125,9 +130,14 @@ export interface StatusLineScreenState {
 	currentPreset: string | null;
 }
 
-export interface EnvVarsScreenState {
+export interface ScopedSettingValues {
+	user: string | undefined;
+	project: string | undefined;
+}
+
+export interface SettingsScreenState {
 	selectedIndex: number;
-	variables: AsyncData<Record<string, string>>;
+	values: AsyncData<Map<string, ScopedSettingValues>>;
 }
 
 export interface CliTool {
@@ -156,6 +166,21 @@ export interface ModelSelectorScreenState {
 	taskSize: "large" | "small";
 }
 
+export interface ProfilesScreenState {
+	selectedIndex: number;
+	profiles: AsyncData<ProfileEntry[]>;
+}
+
+export interface SkillsScreenState {
+	scope: "user" | "project";
+	selectedIndex: number;
+	searchQuery: string;
+	/** Available skills from Tree API, cross-referenced with lock files */
+	skills: AsyncData<SkillInfo[]>;
+	/** Null until check completes; then Map<skillName, hasUpdate> */
+	updateStatus: Map<string, boolean> | null;
+}
+
 // ============================================================================
 // App State
 // ============================================================================
@@ -181,9 +206,11 @@ export interface AppState {
 	mcp: McpScreenState;
 	mcpRegistry: McpRegistryScreenState;
 	statusline: StatusLineScreenState;
-	envVars: EnvVarsScreenState;
+	settings: SettingsScreenState;
 	cliTools: CliToolsScreenState;
 	modelSelector: ModelSelectorScreenState;
+	profiles: ProfilesScreenState;
+	skills: SkillsScreenState;
 }
 
 // ============================================================================
@@ -239,11 +266,11 @@ export type AppAction =
 	  }
 	| { type: "STATUSLINE_DATA_ERROR"; error: Error }
 
-	// Env vars screen
-	| { type: "ENVVARS_SELECT"; index: number }
-	| { type: "ENVVARS_DATA_LOADING" }
-	| { type: "ENVVARS_DATA_SUCCESS"; variables: Record<string, string> }
-	| { type: "ENVVARS_DATA_ERROR"; error: Error }
+	// Settings screen
+	| { type: "SETTINGS_SELECT"; index: number }
+	| { type: "SETTINGS_DATA_LOADING" }
+	| { type: "SETTINGS_DATA_SUCCESS"; values: Map<string, ScopedSettingValues> }
+	| { type: "SETTINGS_DATA_ERROR"; error: Error }
 
 	// CLI tools screen
 	| { type: "CLITOOLS_SELECT"; index: number }
@@ -269,5 +296,22 @@ export type AppAction =
 	// Search state (blocks global key handlers)
 	| { type: "SET_SEARCHING"; isSearching: boolean }
 
+	// Profiles screen
+	| { type: "PROFILES_SELECT"; index: number }
+	| { type: "PROFILES_DATA_LOADING" }
+	| { type: "PROFILES_DATA_SUCCESS"; profiles: ProfileEntry[] }
+	| { type: "PROFILES_DATA_ERROR"; error: Error }
+
+	// Skills screen
+	| { type: "SKILLS_SET_SCOPE"; scope: "user" | "project" }
+	| { type: "SKILLS_TOGGLE_SCOPE" }
+	| { type: "SKILLS_SELECT"; index: number }
+	| { type: "SKILLS_SET_SEARCH"; query: string }
+	| { type: "SKILLS_DATA_LOADING" }
+	| { type: "SKILLS_DATA_SUCCESS"; skills: SkillInfo[] }
+	| { type: "SKILLS_DATA_ERROR"; error: Error }
+	| { type: "SKILLS_UPDATE_STATUS"; updates: Map<string, boolean> }
+	| { type: "SKILLS_UPDATE_ITEM"; name: string; updates: Partial<SkillInfo> }
+
 	// Data refresh - triggers screens to refetch
 	| { type: "DATA_REFRESH_COMPLETE" };

package/src/utils/clipboard.js

@@ -0,0 +1,56 @@
+import { execSync } from "node:child_process";
+/**
+ * Write text to the system clipboard.
+ * macOS: uses pbcopy
+ * Linux: uses xclip
+ * Throws ClipboardUnavailableError if no clipboard tool is available.
+ */
+export async function writeClipboard(text) {
+    if (process.platform === "darwin") {
+        execSync("pbcopy", { input: text });
+    }
+    else if (process.platform === "linux") {
+        execSync("xclip -selection clipboard", { input: text });
+    }
+    else {
+        throw new ClipboardUnavailableError(`Clipboard not supported on platform: ${process.platform}`);
+    }
+}
+/**
+ * Read text from the system clipboard.
+ * macOS: uses pbpaste
+ * Linux: uses xclip
+ * Throws ClipboardUnavailableError if no clipboard tool is available.
+ */
+export async function readClipboard() {
+    if (process.platform === "darwin") {
+        return execSync("pbpaste").toString();
+    }
+    else if (process.platform === "linux") {
+        return execSync("xclip -selection clipboard -o").toString();
+    }
+    else {
+        throw new ClipboardUnavailableError(`Clipboard not supported on platform: ${process.platform}`);
+    }
+}
+export class ClipboardUnavailableError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = "ClipboardUnavailableError";
+    }
+}
+/** Check if clipboard operations are available on this platform/system */
+export function isClipboardAvailable() {
+    if (process.platform === "darwin")
+        return true;
+    if (process.platform === "linux") {
+        try {
+            execSync("which xclip", { stdio: "ignore" });
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    return false;
+}