wave-code 0.6.5 → 0.7.1

package/src/commands/plugin/marketplace.ts

@@ -1,9 +1,9 @@
-import { MarketplaceService } from "wave-agent-sdk";
+import { PluginCore } from "wave-agent-sdk";
 
 export async function addMarketplaceCommand(argv: { input: string }) {
-  const service = new MarketplaceService();
+  const pluginCore = new PluginCore(process.cwd());
   try {
-    const marketplace = await service.addMarketplace(argv.input);
+    const marketplace = await pluginCore.addMarketplace(argv.input);
     const source = marketplace.source;
     let sourceInfo = "";
     if (source.source === "directory") {
@@ -25,9 +25,9 @@ export async function addMarketplaceCommand(argv: { input: string }) {
 }
 
 export async function listMarketplacesCommand() {
-  const service = new MarketplaceService();
+  const pluginCore = new PluginCore(process.cwd());
   try {
-    const marketplaces = await service.listMarketplaces();
+    const marketplaces = await pluginCore.listMarketplaces();
     if (marketplaces.length === 0) {
       console.log("No marketplaces registered.");
     } else {
@@ -57,9 +57,9 @@ export async function listMarketplacesCommand() {
 }
 
 export async function removeMarketplaceCommand(argv: { name: string }) {
-  const service = new MarketplaceService();
+  const pluginCore = new PluginCore(process.cwd());
   try {
-    await service.removeMarketplace(argv.name);
+    await pluginCore.removeMarketplace(argv.name);
     console.log(`Successfully removed marketplace: ${argv.name}`);
     process.exit(0);
   } catch (error) {
@@ -70,14 +70,14 @@ export async function removeMarketplaceCommand(argv: { name: string }) {
 }
 
 export async function updateMarketplaceCommand(argv: { name?: string }) {
-  const service = new MarketplaceService();
+  const pluginCore = new PluginCore(process.cwd());
   try {
     console.log(
       argv.name
         ? `Updating marketplace: ${argv.name}...`
         : "Updating all marketplaces...",
     );
-    await service.updateMarketplace(argv.name);
+    await pluginCore.updateMarketplace(argv.name);
     console.log("Successfully updated.");
     process.exit(0);
   } catch (error) {

package/src/commands/plugin/uninstall.ts

@@ -1,35 +1,13 @@
-import {
-  MarketplaceService,
-  ConfigurationService,
-  PluginManager,
-  PluginScopeManager,
-} from "wave-agent-sdk";
+import { PluginCore } from "wave-agent-sdk";
 
 export async function uninstallPluginCommand(argv: { plugin: string }) {
-  const marketplaceService = new MarketplaceService();
   const workdir = process.cwd();
+  const pluginCore = new PluginCore(workdir);
 
   try {
-    await marketplaceService.uninstallPlugin(argv.plugin, workdir);
+    await pluginCore.uninstallPlugin(argv.plugin);
     console.log(`Successfully uninstalled plugin: ${argv.plugin}`);
-
-    const configurationService = new ConfigurationService();
-    const pluginManager = new PluginManager({ workdir });
-    const scopeManager = new PluginScopeManager({
-      workdir,
-      configurationService,
-      pluginManager,
-    });
-
-    try {
-      await scopeManager.removePluginFromAllScopes(argv.plugin);
-      console.log(`Cleaned up plugin configuration from all scopes`);
-    } catch (error) {
-      console.warn(
-        `Warning: Could not clean up all plugin configurations: ${error instanceof Error ? error.message : String(error)}`,
-      );
-    }
-
+    console.log(`Cleaned up plugin configuration from all scopes`);
     process.exit(0);
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);

package/src/commands/plugin/update.ts

@@ -1,10 +1,10 @@
-import { MarketplaceService } from "wave-agent-sdk";
+import { PluginCore } from "wave-agent-sdk";
 
 export async function updatePluginCommand(argv: { plugin: string }) {
-  const marketplaceService = new MarketplaceService();
+  const pluginCore = new PluginCore(process.cwd());
 
   try {
-    const updated = await marketplaceService.updatePlugin(argv.plugin);
+    const updated = await pluginCore.updatePlugin(argv.plugin);
     console.log(
       `Successfully updated plugin: ${updated.name} v${updated.version} from ${updated.marketplace}`,
     );

package/src/components/App.tsx

@@ -9,14 +9,20 @@ interface AppProps {
   continueLastSession?: boolean;
   bypassPermissions?: boolean;
   pluginDirs?: string[];
+  tools?: string[];
 }
 
 const AppWithProviders: React.FC<{
   bypassPermissions?: boolean;
   pluginDirs?: string[];
-}> = ({ bypassPermissions, pluginDirs }) => {
+  tools?: string[];
+}> = ({ bypassPermissions, pluginDirs, tools }) => {
   return (
-    <ChatProvider bypassPermissions={bypassPermissions} pluginDirs={pluginDirs}>
+    <ChatProvider
+      bypassPermissions={bypassPermissions}
+      pluginDirs={pluginDirs}
+      tools={tools}
+    >
       <ChatInterfaceWithRemount />
     </ChatProvider>
   );
@@ -74,6 +80,7 @@ export const App: React.FC<AppProps> = ({
   continueLastSession,
   bypassPermissions,
   pluginDirs,
+  tools,
 }) => {
   return (
     <AppProvider
@@ -83,6 +90,7 @@ export const App: React.FC<AppProps> = ({
       <AppWithProviders
         bypassPermissions={bypassPermissions}
         pluginDirs={pluginDirs}
+        tools={tools}
       />
     </AppProvider>
   );

package/src/components/BackgroundTaskManager.tsx

@@ -23,6 +23,7 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
     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<{
@@ -70,15 +71,28 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
     stopBackgroundTask(taskId);
   };
 
+  // Calculate visible window
+  const startIndex = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2),
+      Math.max(0, tasks.length - MAX_VISIBLE_ITEMS),
+    ),
+  );
+  const visibleTasks = tasks.slice(startIndex, startIndex + MAX_VISIBLE_ITEMS);
+
   useInput((input, key) => {
     if (viewMode === "list") {
       // List mode navigation
       if (key.return) {
-        if (tasks.length > 0 && selectedIndex < tasks.length) {
-          const selectedTask = tasks[selectedIndex];
-          setDetailTaskId(selectedTask.id);
-          setViewMode("detail");
-        }
+        setSelectedIndex((prev) => {
+          if (tasks.length > 0 && prev < tasks.length) {
+            const selectedTask = tasks[prev];
+            setDetailTaskId(selectedTask.id);
+            setViewMode("detail");
+          }
+          return prev;
+        });
         return;
       }
 
@@ -88,20 +102,25 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
       }
 
       if (key.upArrow) {
-        setSelectedIndex(Math.max(0, selectedIndex - 1));
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
         return;
       }
 
       if (key.downArrow) {
-        setSelectedIndex(Math.min(tasks.length - 1, selectedIndex + 1));
+        setSelectedIndex((prev) => Math.min(tasks.length - 1, prev + 1));
         return;
       }
 
-      if (input === "k" && tasks.length > 0 && selectedIndex < tasks.length) {
-        const selectedTask = tasks[selectedIndex];
-        if (selectedTask.status === "running") {
-          stopTask(selectedTask.id);
-        }
+      if (input === "k") {
+        setSelectedIndex((prev) => {
+          if (tasks.length > 0 && prev < tasks.length) {
+            const selectedTask = tasks[prev];
+            if (selectedTask.status === "running") {
+              stopTask(selectedTask.id);
+            }
+          }
+          return prev;
+        });
         return;
       }
     } else if (viewMode === "detail") {
@@ -273,40 +292,46 @@ export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
       </Box>
       <Text dimColor>Select a task to view details</Text>
 
-      {tasks.map((task, index) => (
-        <Box key={task.id} flexDirection="column">
-          <Text
-            color={index === selectedIndex ? "black" : "white"}
-            backgroundColor={index === selectedIndex ? "cyan" : undefined}
-          >
-            {index === selectedIndex ? "▶ " : "  "}
-            {index + 1}. [{task.id}] {task.type}
-            {task.description ? `: ${task.description}` : ""}
-            <Text
-              color={
-                task.status === "running"
-                  ? "green"
-                  : task.status === "completed"
-                    ? "blue"
-                    : "red"
-              }
-            >
-              {" "}
-              ({task.status})
-            </Text>
-          </Text>
-          {index === selectedIndex && (
-            <Box marginLeft={4} flexDirection="column">
-              <Text color="gray" dimColor>
-                Started: {formatTime(task.startTime)}
-                {task.runtime !== undefined &&
-                  ` | Runtime: ${formatDuration(task.runtime)}`}
-                {task.exitCode !== undefined && ` | Exit: ${task.exitCode}`}
+      <Box flexDirection="column">
+        {visibleTasks.map((task, index) => {
+          const actualIndex = startIndex + index;
+          const isSelected = actualIndex === selectedIndex;
+          return (
+            <Box key={task.id} flexDirection="column">
+              <Text
+                color={isSelected ? "black" : "white"}
+                backgroundColor={isSelected ? "cyan" : undefined}
+              >
+                {isSelected ? "▶ " : "  "}
+                {actualIndex + 1}. [{task.id}] {task.type}
+                {task.description ? `: ${task.description}` : ""}
+                <Text
+                  color={
+                    task.status === "running"
+                      ? "green"
+                      : task.status === "completed"
+                        ? "blue"
+                        : "red"
+                  }
+                >
+                  {" "}
+                  ({task.status})
+                </Text>
               </Text>
+              {isSelected && (
+                <Box marginLeft={4} flexDirection="column">
+                  <Text color="gray" dimColor>
+                    Started: {formatTime(task.startTime)}
+                    {task.runtime !== undefined &&
+                      ` | Runtime: ${formatDuration(task.runtime)}`}
+                    {task.exitCode !== undefined && ` | Exit: ${task.exitCode}`}
+                  </Text>
+                </Box>
+              )}
             </Box>
-          )}
-        </Box>
-      ))}
+          );
+        })}
+      </Box>
 
       <Box marginTop={1}>
         <Text dimColor>

package/src/components/ChatInterface.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from "react";
+import React, { useState, useCallback, useLayoutEffect } from "react";
 import { Box, useStdout } from "ink";
 import { MessageList } from "./MessageList.js";
 import { InputBox } from "./InputBox.js";
@@ -12,7 +12,9 @@ import type { PermissionDecision } from "wave-agent-sdk";
 
 export const ChatInterface: React.FC = () => {
   const { stdout } = useStdout();
-  const [isDetailsTooTall, setIsDetailsTooTall] = useState(false);
+  const [detailsHeight, setDetailsHeight] = useState(0);
+  const [selectorHeight, setSelectorHeight] = useState(0);
+  const [isConfirmationTooTall, setIsConfirmationTooTall] = useState(false);
 
   const {
     messages,
@@ -36,39 +38,49 @@ export const ChatInterface: React.FC = () => {
     setWasLastDetailsTooTall,
   } = useChat();
 
-  const handleHeightMeasured = useCallback(
-    (height: number) => {
-      const terminalHeight = stdout?.rows || 24;
-      if (height > terminalHeight - 10) {
-        setIsDetailsTooTall(true);
-      } else {
-        setIsDetailsTooTall(false);
-      }
-    },
-    [stdout?.rows],
-  );
+  const handleDetailsHeightMeasured = useCallback((height: number) => {
+    setDetailsHeight(height);
+  }, []);
+
+  const handleSelectorHeightMeasured = useCallback((height: number) => {
+    setSelectorHeight(height);
+  }, []);
+
+  useLayoutEffect(() => {
+    const terminalHeight = stdout?.rows || 24;
+    const totalHeight = detailsHeight + selectorHeight;
+    if (totalHeight > terminalHeight) {
+      setIsConfirmationTooTall(true);
+    } else {
+      setIsConfirmationTooTall(false);
+    }
+  }, [detailsHeight, selectorHeight, stdout?.rows]);
 
   const handleConfirmationCancel = useCallback(() => {
-    if (isDetailsTooTall) {
+    if (isConfirmationTooTall) {
       setWasLastDetailsTooTall((prev) => prev + 1);
-      setIsDetailsTooTall(false);
+      setIsConfirmationTooTall(false);
     }
     originalHandleConfirmationCancel();
   }, [
-    isDetailsTooTall,
+    isConfirmationTooTall,
     originalHandleConfirmationCancel,
     setWasLastDetailsTooTall,
   ]);
 
   const wrappedHandleConfirmationDecision = useCallback(
     (decision: PermissionDecision) => {
-      if (isDetailsTooTall) {
+      if (isConfirmationTooTall) {
         setWasLastDetailsTooTall((prev) => prev + 1);
-        setIsDetailsTooTall(false);
+        setIsConfirmationTooTall(false);
       }
       handleConfirmationDecision(decision);
     },
-    [isDetailsTooTall, handleConfirmationDecision, setWasLastDetailsTooTall],
+    [
+      isConfirmationTooTall,
+      handleConfirmationDecision,
+      setWasLastDetailsTooTall,
+    ],
   );
 
   if (!sessionId) return null;
@@ -77,10 +89,8 @@ export const ChatInterface: React.FC = () => {
     <Box flexDirection="column">
       <MessageList
         messages={messages}
-        isLoading={isLoading}
-        isCommandRunning={isCommandRunning}
         isExpanded={isExpanded}
-        forceStaticLastMessage={isDetailsTooTall}
+        hideDynamicBlocks={isConfirmationVisible}
       />
 
       {(isLoading || isCommandRunning || isCompressing) &&
@@ -101,7 +111,8 @@ export const ChatInterface: React.FC = () => {
             toolName={confirmingTool!.name}
             toolInput={confirmingTool!.input}
             isExpanded={isExpanded}
-            onHeightMeasured={handleHeightMeasured}
+            onHeightMeasured={handleDetailsHeightMeasured}
+            isStatic={isConfirmationTooTall}
           />
           <ConfirmationSelector
             toolName={confirmingTool!.name}
@@ -112,6 +123,7 @@ export const ChatInterface: React.FC = () => {
             onDecision={wrappedHandleConfirmationDecision}
             onCancel={handleConfirmationCancel}
             onAbort={abortMessage}
+            onHeightMeasured={handleSelectorHeightMeasured}
           />
         </>
       )}

package/src/components/ConfirmationDetails.tsx

@@ -1,10 +1,8 @@
-import React, { useLayoutEffect, useRef, useState } from "react";
+import React, { useLayoutEffect, useRef } from "react";
 import { Box, Text, useStdout, measureElement, Static } from "ink";
 import {
   BASH_TOOL_NAME,
   EDIT_TOOL_NAME,
-  MULTI_EDIT_TOOL_NAME,
-  DELETE_FILE_TOOL_NAME,
   WRITE_TOOL_NAME,
   EXIT_PLAN_MODE_TOOL_NAME,
   ASK_USER_QUESTION_TOOL_NAME,
@@ -26,10 +24,6 @@ const getActionDescription = (
       return `Execute command: ${toolInput.command || "unknown command"}`;
     case EDIT_TOOL_NAME:
       return `Edit file: ${toolInput.file_path || "unknown file"}`;
-    case MULTI_EDIT_TOOL_NAME:
-      return `Edit multiple sections in: ${toolInput.file_path || "unknown file"}`;
-    case DELETE_FILE_TOOL_NAME:
-      return `Delete file: ${toolInput.target_file || "unknown file"}`;
     case WRITE_TOOL_NAME:
       return `Write to file: ${toolInput.file_path || "unknown file"}`;
     case EXIT_PLAN_MODE_TOOL_NAME:
@@ -46,6 +40,7 @@ export interface ConfirmationDetailsProps {
   toolInput?: Record<string, unknown>;
   isExpanded?: boolean;
   onHeightMeasured?: (height: number) => void;
+  isStatic?: boolean;
 }
 
 export const ConfirmationDetails: React.FC<ConfirmationDetailsProps> = ({
@@ -53,21 +48,21 @@ export const ConfirmationDetails: React.FC<ConfirmationDetailsProps> = ({
   toolInput,
   isExpanded = false,
   onHeightMeasured,
+  isStatic = false,
 }) => {
   const { stdout } = useStdout();
-  const [isStatic, setIsStatic] = useState(false);
   const boxRef = useRef(null);
 
+  const startLineNumber =
+    (toolInput?.startLineNumber as number | undefined) ??
+    (toolName === WRITE_TOOL_NAME ? 1 : undefined);
+
   useLayoutEffect(() => {
     if (boxRef.current) {
       const { height } = measureElement(boxRef.current);
-      const terminalHeight = stdout?.rows || 24;
-      if (height > terminalHeight - 10) {
-        setIsStatic(true);
-      }
       onHeightMeasured?.(height);
     }
-  }, [stdout?.rows, onHeightMeasured]);
+  }, [stdout?.rows, onHeightMeasured, toolInput, isExpanded]);
 
   const content = (
     <Box
@@ -78,14 +73,17 @@ export const ConfirmationDetails: React.FC<ConfirmationDetailsProps> = ({
       borderBottom={false}
       borderLeft={false}
       borderRight={false}
-      paddingTop={1}
     >
       <Text color="yellow" bold>
         Tool: {toolName}
       </Text>
       <Text color="yellow">{getActionDescription(toolName, toolInput)}</Text>
 
-      <DiffDisplay toolName={toolName} parameters={JSON.stringify(toolInput)} />
+      <DiffDisplay
+        toolName={toolName}
+        parameters={JSON.stringify(toolInput)}
+        startLineNumber={startLineNumber}
+      />
 
       {toolName !== ASK_USER_QUESTION_TOOL_NAME &&
         toolName === EXIT_PLAN_MODE_TOOL_NAME &&