wave-code 0.14.0 → 0.14.2

package/dist/reducers/mcpManagerReducer.d.ts

@@ -0,0 +1,16 @@
+export interface McpManagerState {
+    selectedIndex: number;
+    viewMode: "list" | "detail";
+}
+export type McpManagerAction = {
+    type: "MOVE_UP";
+    serverCount: number;
+} | {
+    type: "MOVE_DOWN";
+    serverCount: number;
+} | {
+    type: "SET_VIEW_MODE";
+    viewMode: "list" | "detail";
+};
+export declare function mcpManagerReducer(state: McpManagerState, action: McpManagerAction): McpManagerState;
+//# sourceMappingURL=mcpManagerReducer.d.ts.map

package/dist/reducers/mcpManagerReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcpManagerReducer.d.ts","sourceRoot":"","sources":["../../src/reducers/mcpManagerReducer.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAC;AAE3D,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,gBAAgB,GACvB,eAAe,CAiBjB"}

package/dist/reducers/mcpManagerReducer.js

@@ -0,0 +1,15 @@
+export function mcpManagerReducer(state, action) {
+    switch (action.type) {
+        case "MOVE_UP":
+            return { ...state, selectedIndex: Math.max(0, state.selectedIndex - 1) };
+        case "MOVE_DOWN":
+            return {
+                ...state,
+                selectedIndex: Math.min(action.serverCount - 1, state.selectedIndex + 1),
+            };
+        case "SET_VIEW_MODE":
+            return { ...state, viewMode: action.viewMode };
+        default:
+            return state;
+    }
+}

package/dist/reducers/pluginDetailReducer.d.ts

@@ -0,0 +1,25 @@
+export interface PluginDetailState {
+    selectedScopeIndex: number;
+    selectedActionIndex: number;
+}
+export type PluginDetailAction = {
+    type: "SELECT_SCOPE_INDEX";
+    index: number;
+} | {
+    type: "SELECT_ACTION_INDEX";
+    index: number;
+} | {
+    type: "MOVE_SCOPE_UP";
+    maxIndex: number;
+} | {
+    type: "MOVE_SCOPE_DOWN";
+    maxIndex: number;
+} | {
+    type: "MOVE_ACTION_UP";
+    maxIndex: number;
+} | {
+    type: "MOVE_ACTION_DOWN";
+    maxIndex: number;
+};
+export declare function pluginDetailReducer(state: PluginDetailState, action: PluginDetailAction): PluginDetailState;
+//# sourceMappingURL=pluginDetailReducer.d.ts.map

package/dist/reducers/pluginDetailReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pluginDetailReducer.d.ts","sourceRoot":"","sources":["../../src/reducers/pluginDetailReducer.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,kBAAkB,GAC1B;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,qBAAqB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,kBAAkB,GACzB,iBAAiB,CAyCnB"}

package/dist/reducers/pluginDetailReducer.js

@@ -0,0 +1,38 @@
+export function pluginDetailReducer(state, action) {
+    switch (action.type) {
+        case "SELECT_SCOPE_INDEX":
+            return { ...state, selectedScopeIndex: action.index };
+        case "SELECT_ACTION_INDEX":
+            return { ...state, selectedActionIndex: action.index };
+        case "MOVE_SCOPE_UP":
+            return {
+                ...state,
+                selectedScopeIndex: state.selectedScopeIndex > 0
+                    ? state.selectedScopeIndex - 1
+                    : action.maxIndex,
+            };
+        case "MOVE_SCOPE_DOWN":
+            return {
+                ...state,
+                selectedScopeIndex: state.selectedScopeIndex < action.maxIndex
+                    ? state.selectedScopeIndex + 1
+                    : 0,
+            };
+        case "MOVE_ACTION_UP":
+            return {
+                ...state,
+                selectedActionIndex: state.selectedActionIndex > 0
+                    ? state.selectedActionIndex - 1
+                    : action.maxIndex,
+            };
+        case "MOVE_ACTION_DOWN":
+            return {
+                ...state,
+                selectedActionIndex: state.selectedActionIndex < action.maxIndex
+                    ? state.selectedActionIndex + 1
+                    : 0,
+            };
+        default:
+            return state;
+    }
+}

package/dist/utils/usageSummary.d.ts

@@ -9,7 +9,7 @@ export interface TokenSummary {
     total_tokens: number;
     operations: {
         agent_calls: number;
-        compressions: number;
+        compactions: number;
     };
     cache_read_input_tokens?: number;
     cache_creation_input_tokens?: number;

package/dist/utils/usageSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usageSummary.d.ts","sourceRoot":"","sources":["../../src/utils/usageSummary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE;QACV,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE;QACf,yBAAyB,EAAE,MAAM,CAAC;QAClC,yBAAyB,EAAE,MAAM,CAAC;KACnC,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,KAAK,EAAE,GACd,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAyE9B;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,KAAK,EAAE,EACf,eAAe,CAAC,EAAE,MAAM,GACvB,IAAI,CAwHN"}
+{"version":3,"file":"usageSummary.d.ts","sourceRoot":"","sources":["../../src/utils/usageSummary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE;QACV,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE;QACf,yBAAyB,EAAE,MAAM,CAAC;QAClC,yBAAyB,EAAE,MAAM,CAAC;KACnC,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,KAAK,EAAE,GACd,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAyE9B;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,KAAK,EAAE,EACf,eAAe,CAAC,EAAE,MAAM,GACvB,IAAI,CAwHN"}

package/dist/utils/usageSummary.js

@@ -15,7 +15,7 @@ export function calculateTokenSummary(usages) {
                 total_tokens: 0,
                 operations: {
                     agent_calls: 0,
-                    compressions: 0,
+                    compactions: 0,
                 },
             });
         }
@@ -52,8 +52,8 @@ export function calculateTokenSummary(usages) {
         if (usage.operation_type === "agent") {
             summary.operations.agent_calls += 1;
         }
-        else if (usage.operation_type === "compress") {
-            summary.operations.compressions += 1;
+        else if (usage.operation_type === "compact") {
+            summary.operations.compactions += 1;
         }
     }
     // Convert Map to Record and sort by total tokens
@@ -83,7 +83,7 @@ export function displayUsageSummary(usages, sessionFilePath) {
     let totalCompletion = 0;
     let totalTokens = 0;
     let totalAgentCalls = 0;
-    let totalCompressions = 0;
+    let totalCompactions = 0;
     let totalCacheRead = 0;
     let totalCacheCreation = 0;
     let totalCache5m = 0;
@@ -121,13 +121,13 @@ export function displayUsageSummary(usages, sessionFilePath) {
                 }
             }
         }
-        console.log(`  Operations: ${summary.operations.agent_calls} agent calls, ${summary.operations.compressions} compressions`);
+        console.log(`  Operations: ${summary.operations.agent_calls} agent calls, ${summary.operations.compactions} compactions`);
         console.log();
         totalPrompt += summary.prompt_tokens;
         totalCompletion += summary.completion_tokens;
         totalTokens += summary.total_tokens;
         totalAgentCalls += summary.operations.agent_calls;
-        totalCompressions += summary.operations.compressions;
+        totalCompactions += summary.operations.compactions;
     }
     if (Object.keys(summaries).length > 1) {
         console.log("Overall Total:");
@@ -149,6 +149,6 @@ export function displayUsageSummary(usages, sessionFilePath) {
                 console.log(`    1h cache: ${totalCache1h.toLocaleString()} tokens`);
             }
         }
-        console.log(`  Operations: ${totalAgentCalls} agent calls, ${totalCompressions} compressions`);
+        console.log(`  Operations: ${totalAgentCalls} agent calls, ${totalCompactions} compactions`);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "semver": "^7.7.4",
     "yargs": "^17.7.2",
     "zod": "^3.23.8",
-    "wave-agent-sdk": "0.14.0"
+    "wave-agent-sdk": "0.14.2"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

package/src/components/BackgroundTaskManager.tsx

@@ -1,18 +1,11 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect, useReducer } from "react";
 import { Box, Text, useInput } from "ink";
 import { useChat } from "../contexts/useChat.js";
 import { getLastLines } from "wave-agent-sdk";
-
-interface Task {
-  id: string;
-  type: string;
-  description?: string;
-  status: "running" | "completed" | "failed" | "killed";
-  startTime: number;
-  exitCode?: number;
-  runtime?: number;
-  outputPath?: string;
-}
+import {
+  backgroundTaskManagerReducer,
+  type BackgroundTaskManagerState,
+} from "../reducers/backgroundTaskManagerReducer.js";
 
 export interface BackgroundTaskManagerProps {
   onCancel: () => void;
@@ -23,22 +16,23 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
 }) => {
   const { backgroundTasks, getBackgroundTaskOutput, stopBackgroundTask } =
     useChat();
-  const [tasks, setTasks] = useState<Task[]>([]);
-  const [selectedIndex, setSelectedIndex] = useState(0);
   const MAX_VISIBLE_ITEMS = 3;
-  const [viewMode, setViewMode] = useState<"list" | "detail">("list");
-  const [detailTaskId, setDetailTaskId] = useState<string | null>(null);
-  const [detailOutput, setDetailOutput] = useState<{
-    stdout: string;
-    stderr: string;
-    status: string;
-    outputPath?: string;
-  } | null>(null);
+
+  const [state, dispatch] = useReducer(backgroundTaskManagerReducer, {
+    tasks: [],
+    selectedIndex: 0,
+    viewMode: "list",
+    detailTaskId: null,
+    detailOutput: null,
+  } as BackgroundTaskManagerState);
+
+  const { tasks, selectedIndex, viewMode, detailTaskId, detailOutput } = state;
 
   // Convert backgroundTasks to local Task format
   useEffect(() => {
-    setTasks(
-      backgroundTasks.map((task) => ({
+    dispatch({
+      type: "SET_TASKS",
+      tasks: backgroundTasks.map((task) => ({
         id: task.id,
         type: task.type,
         description: task.description,
@@ -48,14 +42,14 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
         runtime: task.runtime,
         outputPath: task.outputPath,
       })),
-    );
+    });
   }, [backgroundTasks]);
 
   // Load detail output for selected task
   useEffect(() => {
     if (viewMode === "detail" && detailTaskId) {
       const output = getBackgroundTaskOutput(detailTaskId);
-      setDetailOutput(output);
+      dispatch({ type: "SET_DETAIL_OUTPUT", output });
     }
   }, [viewMode, detailTaskId, getBackgroundTaskOutput]);
 
@@ -91,8 +85,8 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
       if (key.return) {
         if (tasks.length > 0 && selectedIndex < tasks.length) {
           const selectedTask = tasks[selectedIndex];
-          setDetailTaskId(selectedTask.id);
-          setViewMode("detail");
+          dispatch({ type: "SET_DETAIL_TASK_ID", id: selectedTask.id });
+          dispatch({ type: "SET_VIEW_MODE", mode: "detail" });
         }
         return;
       }
@@ -103,12 +97,18 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
       }
 
       if (key.upArrow) {
-        setSelectedIndex(Math.max(0, selectedIndex - 1));
+        dispatch({
+          type: "SELECT_INDEX",
+          index: Math.max(0, selectedIndex - 1),
+        });
         return;
       }
 
       if (key.downArrow) {
-        setSelectedIndex(Math.min(tasks.length - 1, selectedIndex + 1));
+        dispatch({
+          type: "SELECT_INDEX",
+          index: Math.min(tasks.length - 1, selectedIndex + 1),
+        });
         return;
       }
 
@@ -122,9 +122,7 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
     } else if (viewMode === "detail") {
       // Detail mode navigation
       if (key.escape) {
-        setViewMode("list");
-        setDetailTaskId(null);
-        setDetailOutput(null);
+        dispatch({ type: "RESET_DETAIL" });
         return;
       }
 
@@ -141,7 +139,7 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
   if (viewMode === "detail" && detailTaskId && detailOutput) {
     const task = tasks.find((t) => t.id === detailTaskId);
     if (!task) {
-      setViewMode("list");
+      dispatch({ type: "RESET_DETAIL" });
       return null;
     }
 

package/src/components/ChatInterface.tsx

@@ -16,7 +16,7 @@ export const ChatInterface: React.FC = () => {
     messages,
     isLoading,
     isCommandRunning,
-    isCompressing,
+    isCompacting,
     sendMessage,
     abortMessage,
     mcpServers,
@@ -79,11 +79,11 @@ export const ChatInterface: React.FC = () => {
 
       {!isConfirmationVisible && !isExpanded && (
         <>
-          {(isLoading || isCommandRunning || isCompressing) && (
+          {(isLoading || isCommandRunning || isCompacting) && (
             <LoadingIndicator
               isLoading={isLoading}
               isCommandRunning={isCommandRunning}
-              isCompressing={isCompressing}
+              isCompacting={isCompacting}
               latestTotalTokens={latestTotalTokens}
             />
           )}

package/src/components/{CompressDisplay.tsx → CompactDisplay.tsx}

@@ -1,13 +1,13 @@
 import React, { useMemo } from "react";
 import { Box, Text } from "ink";
-import type { CompressBlock } from "wave-agent-sdk";
+import type { CompactBlock } from "wave-agent-sdk";
 
-interface CompressDisplayProps {
-  block: CompressBlock;
+interface CompactDisplayProps {
+  block: CompactBlock;
   isExpanded?: boolean;
 }
 
-export const CompressDisplay: React.FC<CompressDisplayProps> = ({ block }) => {
+export const CompactDisplay: React.FC<CompactDisplayProps> = ({ block }) => {
   const { content } = block;
 
   const { displayContent } = useMemo(() => {
@@ -21,7 +21,7 @@ export const CompressDisplay: React.FC<CompressDisplayProps> = ({ block }) => {
   return (
     <Box flexDirection="column">
       <Box>
-        <Text>Compressed Messages</Text>
+        <Text>Compacted Messages</Text>
       </Box>
 
       {content && (

package/src/components/InputBox.tsx

@@ -68,6 +68,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     currentModel,
     configuredModels,
     setModel,
+    recreateAgent,
   } = useChat();
 
   // Input manager with all input state and functionality (including images)
@@ -205,7 +206,12 @@ export const InputBox: React.FC<InputBoxProps> = ({
   }
 
   if (showPluginManager) {
-    return <PluginManagerShell onCancel={() => setShowPluginManager(false)} />;
+    return (
+      <PluginManagerShell
+        onCancel={() => setShowPluginManager(false)}
+        onPluginInstalled={recreateAgent}
+      />
+    );
   }
 
   if (showModelSelector) {

package/src/components/LoadingIndicator.tsx

@@ -4,19 +4,19 @@ import { Box, Text } from "ink";
 export interface LoadingIndicatorProps {
   isLoading?: boolean;
   isCommandRunning?: boolean;
-  isCompressing?: boolean;
+  isCompacting?: boolean;
   latestTotalTokens?: number;
 }
 
 export const LoadingIndicator = ({
   isLoading = false,
   isCommandRunning = false,
-  isCompressing = false,
+  isCompacting = false,
   latestTotalTokens = 0,
 }: LoadingIndicatorProps) => {
   return (
     <Box flexDirection="column">
-      {isLoading && !isCompressing && (
+      {isLoading && !isCompacting && (
         <Box>
           <Text color="yellow">✻ AI is thinking... </Text>
           {latestTotalTokens > 0 && (
@@ -46,8 +46,8 @@ export const LoadingIndicator = ({
         </Box>
       )}
       {isCommandRunning && <Text color="blue">✻ Command is running...</Text>}
-      {isCompressing && (
-        <Text color="magenta">✻ Compressing message history...</Text>
+      {isCompacting && (
+        <Text color="magenta">✻ Compacting message history...</Text>
       )}
     </Box>
   );

package/src/components/MarketplaceAddForm.tsx

@@ -1,53 +1,107 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useReducer } from "react";
 import { Box, Text, useInput } from "ink";
 import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+import { marketplaceAddFormReducer } from "../reducers/marketplaceAddFormReducer.js";
+
+const SCOPES = [
+  { value: "user" as const, label: "user" },
+  { value: "project" as const, label: "project" },
+  { value: "local" as const, label: "local" },
+];
 
 export const MarketplaceAddForm: React.FC = () => {
   const { state, actions } = usePluginManagerContext();
-  const [source, setSource] = useState("");
-  const sourceRef = useRef(source);
-
-  // Keep ref in sync with state
-  useEffect(() => {
-    sourceRef.current = source;
-  }, [source]);
+  const [{ source, scopeIndex, step }, dispatch] = useReducer(
+    marketplaceAddFormReducer,
+    { source: "", scopeIndex: 0, step: "source" },
+  );
 
   useInput((input, key) => {
     if (key.escape) {
-      actions.setView("MARKETPLACES");
+      if (step === "scope") {
+        dispatch({ type: "BACK_TO_SOURCE" });
+      } else {
+        actions.setView("MARKETPLACES");
+      }
     } else if (state.isLoading) {
       return;
-    } else if (key.return) {
-      if (sourceRef.current.trim()) {
-        actions.addMarketplace(sourceRef.current.trim());
+    } else if (step === "source" && key.return) {
+      if (source.trim()) {
+        dispatch({ type: "SET_STEP", step: "scope" });
+      }
+    } else if (step === "source" && (key.backspace || key.delete)) {
+      dispatch({ type: "DELETE_CHAR" });
+    } else if (
+      step === "source" &&
+      input &&
+      !key.ctrl &&
+      !key.meta &&
+      !("alt" in key && key.alt)
+    ) {
+      dispatch({ type: "INSERT_CHAR", text: input });
+    } else if (step === "scope") {
+      if (key.upArrow) {
+        dispatch({
+          type: "SET_SCOPE_INDEX",
+          index: Math.max(0, scopeIndex - 1),
+        });
+      } else if (key.downArrow) {
+        dispatch({
+          type: "SET_SCOPE_INDEX",
+          index: Math.min(SCOPES.length - 1, scopeIndex + 1),
+        });
+      } else if (key.return) {
+        const scope = SCOPES[scopeIndex].value;
+        actions.addMarketplace(source.trim(), scope);
       }
-    } else if (key.backspace || key.delete) {
-      setSource((prev) => prev.slice(0, -1));
-    } else if (input.length === 1) {
-      setSource((prev) => prev + input);
     }
   });
 
+  if (step === "source") {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Text bold color="cyan">
+          Step 1/2: Enter marketplace source
+        </Text>
+        <Box marginTop={1}>
+          <Text>Source: </Text>
+          <Text color="yellow">{source}</Text>
+          {!state.isLoading && <Text color="yellow">_</Text>}
+        </Box>
+        <Box marginTop={1}>
+          <Text dimColor>Enter to continue, Esc to cancel</Text>
+        </Box>
+      </Box>
+    );
+  }
+
   return (
     <Box flexDirection="column" padding={1}>
       <Text bold color="cyan">
-        Add Marketplace
+        Step 2/2: Select scope
       </Text>
       <Box marginTop={1}>
-        <Text>Source (URL or Path): </Text>
-        <Text color={state.isLoading ? "gray" : "yellow"}>{source}</Text>
-        {!state.isLoading && <Text color="yellow">_</Text>}
+        <Text dimColor>Source: </Text>
+        <Text dimColor>{source}</Text>
+      </Box>
+      <Box marginTop={1} flexDirection="column">
+        {SCOPES.map((s, i) => (
+          <Text key={s.value} color={i === scopeIndex ? "yellow" : "dim"}>
+            {i === scopeIndex ? "> " : "  "}
+            {s.label}
+          </Text>
+        ))}
       </Box>
       {state.isLoading && (
         <Box marginTop={1}>
-          <Text color="yellow">⌛ Adding marketplace...</Text>
+          <Text color="yellow">Adding marketplace...</Text>
         </Box>
       )}
       <Box marginTop={1}>
         <Text dimColor>
           {state.isLoading
             ? "Please wait..."
-            : "Press Enter to add, Esc to cancel"}
+            : "Enter to confirm, \u2191/\u2193 to navigate, Esc to go back"}
         </Text>
       </Box>
     </Box>

package/src/components/MarketplaceDetail.tsx

@@ -55,6 +55,10 @@ export const MarketplaceDetail: React.FC = () => {
           {marketplace.name}
         </Text>
         {marketplace.isBuiltin && <Text dimColor> (Built-in)</Text>}
+        {marketplace.declaredScope &&
+          marketplace.declaredScope !== "builtin" && (
+            <Text dimColor> ({marketplace.declaredScope} scope)</Text>
+          )}
       </Box>
 
       <Box marginBottom={1}>

package/src/components/MarketplaceList.tsx

@@ -39,6 +39,10 @@ export const MarketplaceList: React.FC<MarketplaceListProps> = ({
                 {marketplace.isBuiltin && (
                   <Text color="yellow"> [Built-in]</Text>
                 )}
+                {marketplace.declaredScope &&
+                  marketplace.declaredScope !== "builtin" && (
+                    <Text color="magenta"> [{marketplace.declaredScope}]</Text>
+                  )}
               </Text>
             </Box>
             <Box marginLeft={4} flexDirection="column">