wave-code 1.0.5 → 1.0.7

package/src/components/AgentsManager.tsx

@@ -0,0 +1,290 @@
+import React, { useEffect, useMemo, useReducer } from "react";
+import { Box, Text, useInput, useStdout } from "ink";
+import type { SubagentConfiguration } from "wave-agent-sdk";
+import { Markdown } from "./Markdown.js";
+import {
+  agentsManagerReducer,
+  type AgentsManagerState,
+} from "../reducers/agentsManagerReducer.js";
+
+export interface AgentsManagerProps {
+  onCancel: () => void;
+  agentDefinitions: SubagentConfiguration[];
+}
+
+interface DisplayEntry {
+  kind: "header" | "definition" | "empty";
+  label: string;
+  sub?: string;
+  model?: string;
+  scope?: SubagentConfiguration["scope"];
+  selectableIndex: number; // -1 for non-selectable rows
+  definition?: SubagentConfiguration;
+}
+
+const SCOPE_LABELS: Record<SubagentConfiguration["scope"], string> = {
+  builtin: "Built-in agents",
+  user: "User agents",
+  project: "Project agents",
+  plugin: "Plugin agents",
+};
+
+const SCOPE_ORDER: SubagentConfiguration["scope"][] = [
+  "builtin",
+  "user",
+  "project",
+  "plugin",
+];
+
+const initialState: AgentsManagerState = {
+  selectedIndex: 0,
+  viewMode: "list",
+  pendingEffect: null,
+};
+
+export const AgentsManager: React.FC<AgentsManagerProps> = ({
+  onCancel,
+  agentDefinitions,
+}) => {
+  const [state, dispatch] = useReducer(agentsManagerReducer, initialState);
+  const { stdout } = useStdout();
+
+  // Handle pending effects
+  useEffect(() => {
+    if (!state.pendingEffect) return;
+    const effect = state.pendingEffect;
+    dispatch({ type: "CLEAR_PENDING_EFFECT" });
+    if (effect.type === "CANCEL") {
+      onCancel();
+    }
+  }, [state.pendingEffect, onCancel]);
+
+  // Flatten definitions (grouped by scope) into one navigable list. Headers
+  // and the empty-state line are non-selectable.
+  const entries = useMemo<DisplayEntry[]>(() => {
+    const result: DisplayEntry[] = [];
+    let selectableCount = 0;
+
+    result.push({ kind: "header", label: "AGENTS", selectableIndex: -1 });
+    let definitionCount = 0;
+    for (const scope of SCOPE_ORDER) {
+      const defs = agentDefinitions
+        .filter((d) => d.scope === scope)
+        .sort((a, b) => a.name.localeCompare(b.name));
+      if (defs.length === 0) continue;
+      result.push({
+        kind: "header",
+        label: SCOPE_LABELS[scope],
+        scope,
+        selectableIndex: -1,
+      });
+      for (const def of defs) {
+        result.push({
+          kind: "definition",
+          label: def.name,
+          model: def.model,
+          sub: def.description,
+          scope: def.scope,
+          selectableIndex: selectableCount++,
+          definition: def,
+        });
+        definitionCount++;
+      }
+    }
+    if (definitionCount === 0) {
+      result.push({
+        kind: "empty",
+        label: "No agents available",
+        selectableIndex: -1,
+      });
+    }
+
+    return result;
+  }, [agentDefinitions]);
+
+  const itemCount = entries.filter((e) => e.selectableIndex >= 0).length;
+
+  // Window slice: center the selected item within the visible area, clamping
+  // to the terminal's available rows (reusable pattern from
+  // BackgroundTaskManager).
+  const availableRows = stdout?.rows ?? 24;
+  const maxVisible = Math.max(3, Math.min(15, availableRows - 12));
+  const selectedFlatIndex = entries.findIndex(
+    (e) => e.selectableIndex === state.selectedIndex,
+  );
+  const startIndex = Math.max(
+    0,
+    Math.min(
+      selectedFlatIndex - Math.floor(maxVisible / 2),
+      Math.max(0, entries.length - maxVisible),
+    ),
+  );
+  const visibleEntries = entries.slice(startIndex, startIndex + maxVisible);
+
+  useInput((input, key) => {
+    dispatch({ type: "HANDLE_KEY", input, key, itemCount });
+  });
+
+  const selectedEntry = entries.find(
+    (e) => e.selectableIndex === state.selectedIndex,
+  );
+
+  // Detail view — body renders fully expanded with no height limit, no
+  // clipping and no scrolling (aligned with Claude Code's AgentDetail).
+  if (state.viewMode === "detail" && selectedEntry) {
+    const def = selectedEntry.definition;
+    return (
+      <Box
+        flexDirection="column"
+        borderStyle="single"
+        borderColor="cyan"
+        borderBottom={false}
+        borderLeft={false}
+        borderRight={false}
+        paddingTop={1}
+        gap={1}
+      >
+        <Box>
+          <Text color="cyan" bold>
+            Agent: {selectedEntry.label}
+          </Text>
+        </Box>
+
+        <Box flexDirection="column" gap={1}>
+          {def?.description && (
+            <Box>
+              <Text>
+                <Text color="blue">Description:</Text> {def.description}
+              </Text>
+            </Box>
+          )}
+          <Box>
+            <Text>
+              <Text color="blue">Model:</Text>{" "}
+              {def?.model || "default (not explicitly configured)"}
+            </Text>
+          </Box>
+          <Box>
+            <Text>
+              <Text color="blue">Scope:</Text>{" "}
+              {def ? SCOPE_LABELS[def.scope] : ""}
+            </Text>
+          </Box>
+          {def?.tools && def.tools.length > 0 && (
+            <Box>
+              <Text wrap="wrap">
+                <Text color="blue">Tools:</Text> {def.tools.join(", ")}
+              </Text>
+            </Box>
+          )}
+          {def?.filePath && (
+            <Box>
+              <Text wrap="wrap">
+                <Text color="blue">File:</Text> {def.filePath}
+              </Text>
+            </Box>
+          )}
+        </Box>
+
+        {def && (
+          <Box flexDirection="column" marginTop={1}>
+            <Text color="blue" bold>
+              System Prompt:
+            </Text>
+            <Box marginLeft={2} marginRight={2}>
+              <Markdown>{def.systemPrompt}</Markdown>
+            </Box>
+          </Box>
+        )}
+
+        <Box marginTop={1}>
+          <Text dimColor>Esc or Enter to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (itemCount === 0) {
+    return (
+      <Box
+        flexDirection="column"
+        borderStyle="single"
+        borderColor="cyan"
+        borderBottom={false}
+        borderLeft={false}
+        borderRight={false}
+        paddingTop={1}
+      >
+        <Text color="cyan" bold>
+          Agents
+        </Text>
+        <Text>No agents available</Text>
+        <Text dimColor>Press Escape to close</Text>
+      </Box>
+    );
+  }
+
+  return (
+    <Box
+      flexDirection="column"
+      borderStyle="single"
+      borderColor="cyan"
+      borderBottom={false}
+      borderLeft={false}
+      borderRight={false}
+      paddingTop={1}
+      gap={1}
+    >
+      <Box>
+        <Text color="cyan" bold>
+          Agents
+        </Text>
+      </Box>
+      <Text dimColor>Select an agent to view details</Text>
+
+      <Box flexDirection="column">
+        {visibleEntries.map((entry, index) => {
+          const isSelected = entry.selectableIndex === state.selectedIndex;
+          if (entry.kind === "header") {
+            return (
+              <Text key={`${entry.kind}-${entry.label}-${index}`} dimColor bold>
+                {entry.label}
+              </Text>
+            );
+          }
+          if (entry.kind === "empty") {
+            return (
+              <Text key={`empty-${index}`} dimColor>
+                {entry.label}
+              </Text>
+            );
+          }
+          return (
+            <Text
+              key={`${entry.kind}-${entry.selectableIndex}`}
+              color={isSelected ? "black" : "white"}
+              backgroundColor={isSelected ? "cyan" : undefined}
+              wrap="truncate-end"
+            >
+              {isSelected ? "▶ " : "  "}
+              {entry.selectableIndex + 1}. {entry.label}
+              {entry.model ? (
+                <Text color={isSelected ? "black" : "gray"}>
+                  {" "}
+                  · {entry.model}
+                </Text>
+              ) : null}
+              {entry.sub ? ` · ${entry.sub}` : ""}
+            </Text>
+          );
+        })}
+      </Box>
+
+      <Box marginTop={1}>
+        <Text dimColor>
+          ↑/↓ to select · Enter to view details · Esc to close
+        </Text>
+      </Box>
+    </Box>
+  );
+};

package/src/components/ConfirmationSelector.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useReducer } from "react";
+import React, { useEffect, useReducer, useRef } from "react";
 import { Box, Text, useInput } from "ink";
 import type {
   PermissionDecision,
@@ -13,6 +13,7 @@ import {
 } from "wave-agent-sdk";
 import { confirmationReducer } from "../reducers/confirmationReducer.js";
 import { questionReducer } from "../reducers/questionReducer.js";
+import { createBracketedPasteDetector } from "../utils/bracketedPaste.js";
 
 const getHeaderColor = (header: string) => {
   const colors = ["red", "green", "blue", "magenta", "cyan"] as const;
@@ -103,23 +104,37 @@ export const ConfirmationSelector: React.FC<ConfirmationSelectorProps> = ({
     return "Yes, and auto-accept edits";
   };
 
+  const pasteDetectorRef = useRef(createBracketedPasteDetector());
+
   useInput((input, key) => {
     if (key.escape) {
       onCancel();
       return;
     }
 
+    const result = pasteDetectorRef.current.process(input);
+    if (result.kind === "consume") {
+      // Content of an in-flight bracketed paste: hold it, never submit.
+      return;
+    }
+    let cleanInput: string;
+    if (result.kind === "paste") {
+      cleanInput = (result.leadingInput ?? "") + result.text;
+    } else {
+      cleanInput = result.input;
+    }
+
     if (toolName === ASK_USER_QUESTION_TOOL_NAME) {
       questionDispatch({
         type: "HANDLE_KEY",
-        input,
+        input: cleanInput,
         key,
         questions,
       });
     } else {
       dispatch({
         type: "HANDLE_KEY",
-        input,
+        input: cleanInput,
         key,
         toolName,
         toolInput,

package/src/components/InputBox.tsx

@@ -6,6 +6,7 @@ import { CommandSelector } from "./CommandSelector.js";
 import { HistorySearch } from "./HistorySearch.js";
 import { BackgroundTaskManager } from "./BackgroundTaskManager.js";
 import { McpManager } from "./McpManager.js";
+import { AgentsManager } from "./AgentsManager.js";
 import { RewindCommand } from "./RewindCommand.js";
 import { HelpView } from "./HelpView.js";
 import { StatusCommand } from "./StatusCommand.js";
@@ -89,6 +90,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     recallQueuedMessage,
     queuedMessages,
     setIsBtwActive,
+    agentDefinitions,
   } = useChat();
 
   // Ref to hold setInputText so queue callbacks can access it before useInputManager returns
@@ -133,6 +135,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     // Task/MCP Manager
     showBackgroundTaskManager,
     showMcpManager,
+    showAgentsManager,
     showRewindManager,
     showHelp,
     showStatusCommand,
@@ -142,6 +145,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     showWorkflowManager,
     setShowBackgroundTaskManager,
     setShowMcpManager,
+    setShowAgentsManager,
     setShowRewindManager,
     setShowHelp,
     setShowStatusCommand,
@@ -211,6 +215,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
       showModelSelector ||
       showBackgroundTaskManager ||
       showMcpManager ||
+      showAgentsManager ||
       showWorkflowManager
     ) {
       return;
@@ -254,51 +259,6 @@ export const InputBox: React.FC<InputBoxProps> = ({
     await handleRewindSelect(index);
   };
 
-  if (showRewindManager) {
-    return (
-      <RewindCommand
-        messages={messages}
-        onSelect={handleRewindSelectWithClose}
-        onCancel={handleRewindCancel}
-        getFullMessageThread={getFullMessageThread}
-      />
-    );
-  }
-
-  if (showHelp) {
-    return (
-      <HelpView onCancel={() => setShowHelp(false)} commands={slashCommands} />
-    );
-  }
-
-  if (showStatusCommand) {
-    return <StatusCommand onCancel={() => setShowStatusCommand(false)} />;
-  }
-
-  if (showLoginCommand) {
-    return <LoginCommand onCancel={() => setShowLoginCommand(false)} />;
-  }
-
-  if (showPluginManager) {
-    return (
-      <PluginManagerShell
-        onCancel={() => setShowPluginManager(false)}
-        onPluginInstalled={recreateAgent}
-      />
-    );
-  }
-
-  if (showModelSelector) {
-    return (
-      <ModelSelector
-        onCancel={() => setShowModelSelector(false)}
-        currentModel={currentModel}
-        configuredModels={configuredModels}
-        onSelectModel={setModel}
-      />
-    );
-  }
-
   return (
     <Box flexDirection="column">
       <BtwDisplay btwState={btwState} />
@@ -345,19 +305,68 @@ export const InputBox: React.FC<InputBoxProps> = ({
         />
       )}
 
+      {showAgentsManager && (
+        <AgentsManager
+          onCancel={() => setShowAgentsManager(false)}
+          agentDefinitions={agentDefinitions}
+        />
+      )}
+
       {showWorkflowManager && (
         <WorkflowManager onCancel={() => setShowWorkflowManager(false)} />
       )}
 
+      {showRewindManager && (
+        <RewindCommand
+          messages={messages}
+          onSelect={handleRewindSelectWithClose}
+          onCancel={handleRewindCancel}
+          getFullMessageThread={getFullMessageThread}
+        />
+      )}
+
+      {showHelp && (
+        <HelpView
+          onCancel={() => setShowHelp(false)}
+          commands={slashCommands}
+        />
+      )}
+
+      {showStatusCommand && (
+        <StatusCommand onCancel={() => setShowStatusCommand(false)} />
+      )}
+
+      {showLoginCommand && (
+        <LoginCommand onCancel={() => setShowLoginCommand(false)} />
+      )}
+
+      {showPluginManager && (
+        <PluginManagerShell
+          onCancel={() => setShowPluginManager(false)}
+          onPluginInstalled={recreateAgent}
+        />
+      )}
+
+      {showModelSelector && (
+        <ModelSelector
+          onCancel={() => setShowModelSelector(false)}
+          currentModel={currentModel}
+          configuredModels={configuredModels}
+          onSelectModel={setModel}
+        />
+      )}
+
       {btwState.question || btwState.answer
         ? null
         : showBackgroundTaskManager ||
           showMcpManager ||
+          showAgentsManager ||
           showRewindManager ||
           showHelp ||
           showStatusCommand ||
           showLoginCommand ||
           showPluginManager ||
+          showModelSelector ||
           showWorkflowManager || (
             <Box flexDirection="column">
               {escClearPending && <Text color="gray">再次按 Esc 清空输入</Text>}

package/src/components/LoginCommand.tsx

@@ -3,6 +3,7 @@ import { Box, Text, useInput } from "ink";
 import { execFile } from "child_process";
 import { promisify } from "util";
 import { authService } from "wave-agent-sdk";
+import { createBracketedPasteDetector } from "../utils/bracketedPaste.js";
 
 const execFileAsync = promisify(execFile);
 
@@ -32,6 +33,12 @@ export const LoginCommand: React.FC<LoginCommandProps> = ({ onCancel }) => {
   const isLoadingRef = useRef(isLoading);
   isLoadingRef.current = isLoading;
 
+  // Detects and strips bracketed paste markers (\x1b[200~ ... \x1b[201~)
+  // that terminals wrap pasted text in. Unlike the main InputBox pipeline,
+  // this overlay's token input goes through raw ink useInput, which only
+  // strips ONE leading ESC, leaving the markers (e.g. "[200~") in the input.
+  const pasteDetectorRef = useRef(createBracketedPasteDetector());
+
   // Resolve/reject refs for the token promise
   const tokenResolveRef = useRef<((token: string) => void) | null>(null);
   const tokenRejectRef = useRef<((err: Error) => void) | null>(null);
@@ -71,9 +78,34 @@ export const LoginCommand: React.FC<LoginCommandProps> = ({ onCancel }) => {
       setTokenInput((prev) => prev.slice(0, -1));
       return;
     }
-    // Regular character input (single or pasted multi-char)
+    // Regular character input (single or pasted multi-char). Run through the
+    // bracketed paste detector: a pasted token arrives wrapped in
+    // \x1b[200~ ... \x1b[201~ markers (possibly split across chunks), which
+    // must be stripped instead of being appended to the token.
     if (input && !key.ctrl && !key.meta && !key.return && input.length > 0) {
-      setTokenInput((prev) => prev + input);
+      const result = pasteDetectorRef.current.process(input);
+
+      if (result.kind === "consume") {
+        // In-flight bracketed paste content: hold it; the final chunk
+        // delivers the complete text.
+        return;
+      }
+
+      if (result.kind === "paste") {
+        // Tokens never contain carriage returns — drop \r (CRLF terminals
+        // send \r, not \n, in pasted text).
+        const leading = result.leadingInput?.replace(/\r/g, "");
+        if (leading) {
+          setTokenInput((prev) => prev + leading);
+        }
+        const text = result.text.replace(/\r/g, "");
+        if (text) {
+          setTokenInput((prev) => prev + text);
+        }
+        return;
+      }
+
+      setTokenInput((prev) => prev + result.input);
     }
   });
 
@@ -93,6 +125,7 @@ export const LoginCommand: React.FC<LoginCommandProps> = ({ onCancel }) => {
     setError("");
     setAuthUrl("");
     setTokenInput("");
+    pasteDetectorRef.current.reset();
     setMessage("Starting authentication...");
 
     // Promise that resolves when user presses Enter with token input

package/src/components/MarketplaceAddForm.tsx

@@ -1,4 +1,4 @@
-import React, { useReducer, useEffect } from "react";
+import React, { useReducer, useEffect, useRef } from "react";
 import { Box, Text, useInput } from "ink";
 import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
 import {
@@ -6,6 +6,7 @@ import {
   SCOPES,
   type MarketplaceAddFormState,
 } from "../reducers/marketplaceAddFormReducer.js";
+import { createBracketedPasteDetector } from "../utils/bracketedPaste.js";
 
 export const MarketplaceAddForm: React.FC = () => {
   const { state: ctxState, actions } = usePluginManagerContext();
@@ -32,11 +33,25 @@ export const MarketplaceAddForm: React.FC = () => {
     dispatch({ type: "CLEAR_PENDING_ACTION" });
   }, [state.pendingAction, actions]);
 
+  const pasteDetectorRef = useRef(createBracketedPasteDetector());
+
   useInput((input, key) => {
+    const result = pasteDetectorRef.current.process(input);
+    if (result.kind === "consume") {
+      // Content of an in-flight bracketed paste: hold it, never submit.
+      return;
+    }
+    let cleanInput: string;
+    if (result.kind === "paste") {
+      cleanInput = (result.leadingInput ?? "") + result.text;
+    } else {
+      cleanInput = result.input;
+    }
+
     dispatch({
       type: "HANDLE_KEY",
       key,
-      input,
+      input: cleanInput,
       isLoading: ctxState.isLoading,
     });
   });

package/src/constants/commands.ts

@@ -13,6 +13,12 @@ export const AVAILABLE_COMMANDS: SlashCommand[] = [
     description: "View and manage MCP servers",
     handler: () => {}, // Handler here won't be used, actual processing is in the hook
   },
+  {
+    id: "agents",
+    name: "agents",
+    description: "List available agents and active subagents",
+    handler: () => {}, // Handler here won't be used, actual processing is in the hook
+  },
   {
     id: "rewind",
     name: "rewind",