wave-code 1.1.5 → 1.3.0

package/src/components/InputBox.tsx

@@ -8,7 +8,9 @@ import { BackgroundTaskManager } from "./BackgroundTaskManager.js";
 import { McpManager } from "./McpManager.js";
 import { AgentsManager } from "./AgentsManager.js";
 import { SkillsManager } from "./SkillsManager.js";
+import { HooksManager } from "./HooksManager.js";
 import { RewindCommand } from "./RewindCommand.js";
+import { ResumeCommand } from "./ResumeCommand.js";
 import { HelpView } from "./HelpView.js";
 import { StatusCommand } from "./StatusCommand.js";
 import { LoginCommand } from "./LoginCommand.js";
@@ -18,10 +20,15 @@ import { WorkflowManager } from "./WorkflowManager.js";
 import { StatusLine } from "./StatusLine.js";
 import { Notifications } from "./Notifications.js";
 import { BtwDisplay } from "./BtwDisplay.js";
+import { PlanView } from "./PlanView.js";
 import { useInputManager } from "../hooks/useInputManager.js";
 import { useChat } from "../contexts/useChat.js";
 
-import type { McpServerStatus, SlashCommand } from "wave-agent-sdk";
+import type {
+  McpServerStatus,
+  SlashCommand,
+  HookEventConfig,
+} from "wave-agent-sdk";
 
 export const INPUT_PLACEHOLDER_TEXT =
   "Type your message (use /help for more info)...";
@@ -49,6 +56,10 @@ export interface InputBoxProps {
   // Slash Command related properties
   slashCommands?: SlashCommand[];
   hasSlashCommand?: (commandId: string) => boolean;
+  // Hooks related properties (for /hooks overlay)
+  hooks?: Partial<
+    Record<"user" | "project" | "plugin", Record<string, HookEventConfig[]>>
+  >;
   // Token usage
   latestTotalTokens?: number;
   maxInputTokens?: number;
@@ -67,6 +78,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
   disconnectMcpServer = async () => false,
   slashCommands = [],
   hasSlashCommand = () => false,
+  hooks = {},
   latestTotalTokens = 0,
   maxInputTokens = 200000,
   showLoginHint = false,
@@ -75,6 +87,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     permissionMode: chatPermissionMode,
     setPermissionMode: setChatPermissionMode,
     handleRewindSelect,
+    resumeSession,
     backgroundCurrentTask,
     messages,
     getFullMessageThread,
@@ -84,15 +97,21 @@ export const InputBox: React.FC<InputBoxProps> = ({
     clearMessages,
     compact,
     addDir,
+    renameSession,
     currentModel,
     configuredModels,
     setModel,
-    recreateAgent,
+    reloadPlugins,
+    notifyPluginChange,
+    pluginHint,
     recallQueuedMessage,
     queuedMessages,
     setIsBtwActive,
     agentDefinitions,
     skills,
+    planView,
+    setPlanView,
+    handlePlanCommand,
   } = useChat();
 
   // Ref to hold setInputText so queue callbacks can access it before useInputManager returns
@@ -139,6 +158,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     showMcpManager,
     showAgentsManager,
     showRewindManager,
+    showResumeSelector,
     showHelp,
     showStatusCommand,
     showLoginCommand,
@@ -146,10 +166,12 @@ export const InputBox: React.FC<InputBoxProps> = ({
     showModelSelector,
     showWorkflowManager,
     showSkillsManager,
+    showHooksManager,
     setShowBackgroundTaskManager,
     setShowMcpManager,
     setShowAgentsManager,
     setShowRewindManager,
+    setShowResumeSelector,
     setShowHelp,
     setShowStatusCommand,
     setShowLoginCommand,
@@ -157,6 +179,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
     setShowModelSelector,
     setShowWorkflowManager,
     setShowSkillsManager,
+    setShowHooksManager,
     // Permission mode
     permissionMode,
     setPermissionMode,
@@ -175,11 +198,14 @@ export const InputBox: React.FC<InputBoxProps> = ({
     onAskBtw: askBtw,
     onClearMessages: clearMessages,
     onCompact: compact,
+    onReloadPlugins: reloadPlugins,
     onAddDir: addDir,
+    onRenameSession: renameSession,
     onHasSlashCommand: hasSlashCommand,
     onAbortMessage: abortMessage,
     onBackgroundCurrentTask: backgroundCurrentTask,
     onPermissionModeChange: setChatPermissionMode,
+    onPlanCommand: handlePlanCommand,
     sessionId,
     workdir: workingDirectory,
     getFullMessageThread,
@@ -211,7 +237,9 @@ export const InputBox: React.FC<InputBoxProps> = ({
     // If they are active, we should skip InputBox's global input handling to avoid
     // duplicate dispatches or state update conflicts.
     if (
+      planView ||
       showRewindManager ||
+      showResumeSelector ||
       showHelp ||
       showStatusCommand ||
       showLoginCommand ||
@@ -221,7 +249,8 @@ export const InputBox: React.FC<InputBoxProps> = ({
       showMcpManager ||
       showAgentsManager ||
       showWorkflowManager ||
-      showSkillsManager
+      showSkillsManager ||
+      showHooksManager
     ) {
       return;
     }
@@ -264,6 +293,21 @@ export const InputBox: React.FC<InputBoxProps> = ({
     await handleRewindSelect(index);
   };
 
+  const handleResumeSelectWithClose = async (
+    sessionId: string,
+    resumeWorkdir?: string,
+  ) => {
+    setShowResumeSelector(false);
+    // The switch replaces the whole conversation; a draft typed for the old
+    // session would otherwise silently become the first message of the new one.
+    setInputText("");
+    await resumeSession(sessionId, resumeWorkdir);
+  };
+
+  const handleResumeCancel = () => {
+    setShowResumeSelector(false);
+  };
+
   return (
     <Box flexDirection="column">
       <BtwDisplay btwState={btwState} />
@@ -324,6 +368,13 @@ export const InputBox: React.FC<InputBoxProps> = ({
         />
       )}
 
+      {showHooksManager && (
+        <HooksManager
+          onCancel={() => setShowHooksManager(false)}
+          hooks={hooks}
+        />
+      )}
+
       {showWorkflowManager && (
         <WorkflowManager onCancel={() => setShowWorkflowManager(false)} />
       )}
@@ -337,6 +388,15 @@ export const InputBox: React.FC<InputBoxProps> = ({
         />
       )}
 
+      {showResumeSelector && (
+        <ResumeCommand
+          workdir={workingDirectory}
+          isBusy={!isIdle}
+          onSelect={handleResumeSelectWithClose}
+          onCancel={handleResumeCancel}
+        />
+      )}
+
       {showHelp && (
         <HelpView
           onCancel={() => setShowHelp(false)}
@@ -355,7 +415,7 @@ export const InputBox: React.FC<InputBoxProps> = ({
       {showPluginManager && (
         <PluginManagerShell
           onCancel={() => setShowPluginManager(false)}
-          onPluginInstalled={recreateAgent}
+          onPluginChanged={notifyPluginChange}
         />
       )}
 
@@ -368,56 +428,70 @@ export const InputBox: React.FC<InputBoxProps> = ({
         />
       )}
 
+      {planView && (
+        <PlanView
+          path={planView.path}
+          content={planView.content}
+          message={planView.message}
+          onCancel={() => setPlanView(null)}
+        />
+      )}
+
       {btwState.question || btwState.answer
         ? null
-        : showBackgroundTaskManager ||
-          showMcpManager ||
-          showAgentsManager ||
-          showSkillsManager ||
-          showRewindManager ||
-          showHelp ||
-          showStatusCommand ||
-          showLoginCommand ||
-          showPluginManager ||
-          showModelSelector ||
-          showWorkflowManager || (
-            <Box flexDirection="column">
-              {escClearPending && (
-                <Text color="gray">Press Esc again to clear input</Text>
-              )}
-              <Box
-                borderStyle="single"
-                borderColor="gray"
-                borderLeft={false}
-                borderRight={false}
-              >
-                <Text color={isPlaceholder ? "gray" : "white"}>
-                  {shouldShowCursor ? (
-                    <>
-                      {beforeCursor}
-                      <Text backgroundColor="white" color="black">
-                        {atCursor}
-                      </Text>
-                      {afterCursor}
-                    </>
-                  ) : (
-                    displayText
-                  )}
-                </Text>
-              </Box>
-              <Box justifyContent="space-between">
-                <StatusLine
-                  permissionMode={permissionMode}
-                  isShellCommand={isShellCommand}
-                />
-                <Notifications
-                  latestTotalTokens={latestTotalTokens}
-                  maxInputTokens={maxInputTokens}
-                  showLoginHint={showLoginHint}
-                />
+        : planView
+          ? null
+          : showBackgroundTaskManager ||
+            showMcpManager ||
+            showAgentsManager ||
+            showSkillsManager ||
+            showHooksManager ||
+            showRewindManager ||
+            showResumeSelector ||
+            showHelp ||
+            showStatusCommand ||
+            showLoginCommand ||
+            showPluginManager ||
+            showModelSelector ||
+            showWorkflowManager || (
+              <Box flexDirection="column">
+                {escClearPending && (
+                  <Text color="gray">Press Esc again to clear input</Text>
+                )}
+                <Box
+                  borderStyle="single"
+                  borderColor="gray"
+                  borderLeft={false}
+                  borderRight={false}
+                >
+                  <Text color={isPlaceholder ? "gray" : "white"}>
+                    {shouldShowCursor ? (
+                      <>
+                        {beforeCursor}
+                        <Text backgroundColor="white" color="black">
+                          {atCursor}
+                        </Text>
+                        {afterCursor}
+                      </>
+                    ) : (
+                      displayText
+                    )}
+                  </Text>
+                </Box>
+                <Box justifyContent="space-between">
+                  <StatusLine
+                    permissionMode={permissionMode}
+                    isShellCommand={isShellCommand}
+                  />
+                  <Notifications
+                    latestTotalTokens={latestTotalTokens}
+                    maxInputTokens={maxInputTokens}
+                    showLoginHint={showLoginHint}
+                    pluginHint={pluginHint}
+                  />
+                </Box>
               </Box>
-            </Box>
-          )}
+            )}
     </Box>
   );
 };

package/src/components/Markdown.tsx

@@ -137,21 +137,34 @@ class AnsiRenderer extends Renderer<string> {
 
 const createRenderer = (columns: number) => new AnsiRenderer(columns);
 
+/** Renders Markdown to ANSI-styled text using the same renderer as <Markdown>.
+ *  Callers that must linearize content into rows (e.g. the confirmation
+ *  details area, which slices rows for PgUp/PgDn scrolling) render first and
+ *  then split the result into lines. */
+export const renderMarkdownToAnsi = (
+  content: string,
+  columns: number,
+): string => {
+  const ansi = marked.parse(content, {
+    renderer: createRenderer(columns),
+    gfm: true,
+    breaks: true,
+  }) as string;
+  return ansi.trim();
+};
+
 // Markdown component using custom ANSI renderer
 export const Markdown = React.memo(({ children }: MarkdownProps) => {
   const { stdout } = useStdout();
   const columns = stdout?.columns ?? 80;
-  const ansiContent = useMemo(() => {
-    return marked.parse(children, {
-      renderer: createRenderer(columns),
-      gfm: true,
-      breaks: true,
-    }) as string;
-  }, [children, columns]);
+  const ansiContent = useMemo(
+    () => renderMarkdownToAnsi(children, columns),
+    [children, columns],
+  );
 
   return (
     <Box flexDirection="column">
-      <Text>{ansiContent.trim()}</Text>
+      <Text>{ansiContent}</Text>
     </Box>
   );
 });

package/src/components/MarketplaceDetail.tsx

@@ -1,4 +1,4 @@
-import React, { useReducer, useEffect, useMemo } from "react";
+import React, { useReducer, useEffect } from "react";
 import { Box, Text, useInput } from "ink";
 import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
 import {
@@ -6,6 +6,13 @@ import {
   type SelectorState,
 } from "../reducers/selectorReducer.js";
 
+const ACTIONS = [
+  // 先刷新该市场检出，再把该市场内所有可更新插件一次升掉（范围恒为当前市场，
+  // spec 插件市场场景 13）
+  { id: "update", label: "Update plugins (batch)" },
+  { id: "remove", label: "Remove marketplace" },
+] as const;
+
 export const MarketplaceDetail: React.FC = () => {
   const { state, marketplaces, actions } = usePluginManagerContext();
   const [selectorState, dispatch] = useReducer(
@@ -25,23 +32,10 @@ export const MarketplaceDetail: React.FC = () => {
 
   const marketplace = marketplaces.find((m) => m.name === state.selectedId);
 
-  const ACTIONS = useMemo(
-    () =>
-      [
-        {
-          id: "toggle-auto-update",
-          label: `${marketplace?.autoUpdate ? "Disable" : "Enable"} auto-update`,
-        },
-        { id: "update", label: "Update marketplace" },
-        { id: "remove", label: "Remove marketplace" },
-      ] as const,
-    [marketplace?.autoUpdate],
-  );
-
   // Sync ACTIONS into reducer state
   useEffect(() => {
     dispatch({ type: "SET_ITEMS", items: [...ACTIONS] });
-  }, [ACTIONS]);
+  }, []);
 
   useInput((_input, key) => {
     if (state.isLoading && !key.escape) return;
@@ -58,9 +52,7 @@ export const MarketplaceDetail: React.FC = () => {
 
     if (pendingDecision === "select" && marketplace && !state.isLoading) {
       const action = actionsList[selectedActionIndex]?.id;
-      if (action === "toggle-auto-update") {
-        actions.toggleAutoUpdate(marketplace.name, !marketplace.autoUpdate);
-      } else if (action === "update") {
+      if (action === "update") {
         actions.updateMarketplace(marketplace.name);
       } else if (action === "remove") {
         actions.removeMarketplace(marketplace.name);
@@ -104,15 +96,6 @@ export const MarketplaceDetail: React.FC = () => {
         <Text>Source: {JSON.stringify(marketplace.source)}</Text>
       </Box>
 
-      <Box marginBottom={1}>
-        <Text>
-          Auto-update:{" "}
-          <Text color={marketplace.autoUpdate ? "green" : "red"}>
-            {marketplace.autoUpdate ? "Enabled" : "Disabled"}
-          </Text>
-        </Text>
-      </Box>
-
       {marketplace.lastUpdated && (
         <Box marginBottom={1}>
           <Text>

package/src/components/MarketplaceView.tsx

@@ -10,7 +10,12 @@ import {
 import { MarketplaceList } from "./MarketplaceList.js";
 
 export const MarketplaceView: React.FC = () => {
-  const { marketplaces, actions } = usePluginManagerContext();
+  const {
+    marketplaces,
+    checkingForUpdates,
+    state: managerState,
+    actions,
+  } = usePluginManagerContext();
   const [state, dispatch] = useReducer(selectorReducer<KnownMarketplace>, {
     selectedIndex: 0,
     pendingDecision: null,
@@ -19,10 +24,16 @@ export const MarketplaceView: React.FC = () => {
 
   const { selectedIndex, pendingDecision, items } = state;
 
-  // Sync marketplaces into reducer state
+  // Sync marketplaces into reducer state；焦点落到当前选中的市场（新增市场后由
+  // addMarketplace 设成新市场名，spec「管理市场」场景 5），没有匹配（首帧、市场被
+  // 移除）时保持 SET_ITEMS 归零后的列表首项。
   useEffect(() => {
     dispatch({ type: "SET_ITEMS", items: marketplaces });
-  }, [marketplaces]);
+    const index = marketplaces.findIndex(
+      (m) => m.name === managerState.selectedId,
+    );
+    if (index > 0) dispatch({ type: "SET_INDEX", index });
+  }, [marketplaces, managerState.selectedId]);
 
   useInput((input, key) => {
     if (input === "a") {
@@ -52,6 +63,9 @@ export const MarketplaceView: React.FC = () => {
     <Box flexDirection="column">
       <Box marginBottom={1}>
         <Text color="green">Press 'a' to add a new marketplace</Text>
+        {/* 打开插件管理器触发的后台清单刷新（只拉检出、不升级插件）：不阻塞
+            列表浏览，完成后重读并呈现最新清单（spec ecosystem/plugin 场景 12） */}
+        {checkingForUpdates && <Text dimColor> Checking for updates...</Text>}
       </Box>
       <MarketplaceList
         marketplaces={marketplaces}

package/src/components/MessageBlockItem.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import { Box, Text } from "ink";
 import type { Message, MessageBlock } from "wave-agent-sdk";
 import { MessageSource } from "wave-agent-sdk";
-import { BangDisplay } from "./BangDisplay.js";
 import { ToolDisplay } from "./ToolDisplay.js";
 import { CompactDisplay } from "./CompactDisplay.js";
 import { ReasoningDisplay } from "./ReasoningDisplay.js";
@@ -54,10 +53,6 @@ export const MessageBlockItem = ({
         </Box>
       )}
 
-      {block.type === "bang" && (
-        <BangDisplay block={block} isExpanded={isExpanded} />
-      )}
-
       {block.type === "tool" && (
         <ToolDisplay block={block} isExpanded={isExpanded} />
       )}

package/src/components/MessageList.tsx

@@ -47,7 +47,6 @@ export const MessageList = React.memo(
         (b.stage === "running" ||
           b.stage === "streaming" ||
           b.stage === "start")) ||
-      (b.type === "bang" && b.stage === "running") ||
       (b.type === "reasoning" && b.stage === "streaming") ||
       (b.type === "text" && b.stage === "streaming");
 

package/src/components/Notifications.tsx

@@ -5,12 +5,18 @@ export interface NotificationsProps {
   latestTotalTokens?: number;
   maxInputTokens?: number;
   showLoginHint?: boolean;
+  /**
+   * 一次性中性提示（插件变更待应用 / 重载完成）。由宿主显式设置并在数秒后清除，
+   * 不提供持久可见标识（docs/specs/ecosystem/plugin.md「插件变更提示」）。
+   */
+  pluginHint?: string | null;
 }
 
 export const Notifications: React.FC<NotificationsProps> = ({
   latestTotalTokens = 0,
   maxInputTokens = 200000,
   showLoginHint = false,
+  pluginHint = null,
 }) => {
   const percentage =
     latestTotalTokens > 0
@@ -22,6 +28,7 @@ export const Notifications: React.FC<NotificationsProps> = ({
 
   return (
     <Box gap={1}>
+      {pluginHint && <Text color="gray">{pluginHint}</Text>}
       {showLoginHint && <Text color="gray">Type /login to authenticate</Text>}
       {percentage > 0 && (
         <Text color={contextColor}>{percentage}% context</Text>

package/src/components/PlanView.tsx

@@ -0,0 +1,146 @@
+import React, { useState } from "react";
+import { Box, Text, useInput, useWindowSize } from "ink";
+import { useLineScroll } from "../hooks/useLineScroll.js";
+import { ScrolledContent } from "./ScrolledContent.js";
+
+// Row budget for the scroll indicators (↑ more / ↓ more, up to one each).
+const SCROLL_INDICATOR_BUDGET = 2;
+// Row budget for the fixed scroll-key hint shown when content is scrollable.
+const SCROLL_HINT_BUDGET = 1;
+// Overlay height as a fraction of the terminal height (spec: 50-60%).
+const PLAN_OVERLAY_HEIGHT_RATIO = 0.55;
+
+export interface PlanViewProps {
+  path?: string;
+  content?: string;
+  message?: string;
+  /** Available height (rows) for the whole overlay, computed by default from
+   *  the terminal size. Tests pass it explicitly for determinism. */
+  maxHeight?: number;
+  onCancel: () => void;
+}
+
+/**
+ * Overlay shown by the /plan command:
+ * - With `message` only: a plain status line (e.g. "Enabled plan mode").
+ * - With `path`/`content`: the current plan file contents as plain text lines
+ *   (no Markdown), fixed at ~55% of the terminal height with PgUp/PgDn and
+ *   Ctrl+u/Ctrl+d scrolling and ↑/↓ "N more" indicators.
+ * Esc dismisses the overlay.
+ */
+export const PlanView: React.FC<PlanViewProps> = ({
+  path,
+  content,
+  message,
+  maxHeight,
+  onCancel,
+}) => {
+  const { rows } = useWindowSize();
+  const overlayMaxHeight =
+    maxHeight ?? Math.max(Math.round(rows * PLAN_OVERLAY_HEIGHT_RATIO), 10);
+
+  const isMessageOnly = message !== undefined && content === undefined;
+
+  useInput((_input, key) => {
+    if (key.escape) {
+      onCancel();
+    }
+  });
+
+  // Hook order must be stable across renders, so compute the scroll state
+  // before the message-only early return.
+  const headerRows = 2 + (path ? 1 : 0); // "Current Plan" + path + footer hint
+  const visibleCount = Math.max(
+    1,
+    overlayMaxHeight -
+      headerRows -
+      SCROLL_INDICATOR_BUDGET -
+      SCROLL_HINT_BUDGET,
+  );
+  const planLines =
+    !isMessageOnly && content !== undefined && content !== ""
+      ? content.split("\n")
+      : [];
+  // Rows really occupied by the plan (wrapped rows included), measured after
+  // layout by <ScrolledContent>.
+  const [contentRows, setContentRows] = useState(0);
+  const { scrollOffset, hasMoreAbove, hasMoreBelow } = useLineScroll({
+    totalLines: contentRows,
+    visibleCount,
+  });
+
+  if (isMessageOnly) {
+    return (
+      <Box
+        flexDirection="column"
+        paddingX={1}
+        borderStyle="single"
+        borderColor="cyan"
+        borderLeft={false}
+        borderRight={false}
+      >
+        <Text color="cyan">{message}</Text>
+        <Text dimColor>Press Escape to continue</Text>
+      </Box>
+    );
+  }
+
+  return (
+    <Box
+      flexDirection="column"
+      paddingX={1}
+      borderStyle="single"
+      borderColor="cyan"
+      borderLeft={false}
+      borderRight={false}
+    >
+      <Text color="cyan" bold>
+        Current Plan
+      </Text>
+      {path ? (
+        <Text dimColor wrap="truncate-end">
+          {path}
+        </Text>
+      ) : null}
+      {hasMoreAbove && (
+        <Box>
+          <Text color="gray" dimColor>
+            ↑ {scrollOffset} more
+          </Text>
+        </Box>
+      )}
+      <ScrolledContent
+        visibleRows={visibleCount}
+        scrollOffset={scrollOffset}
+        onMeasuredRows={setContentRows}
+      >
+        {planLines.length > 0 ? (
+          planLines.map((line, index) => (
+            <Box key={index}>
+              <Text>{line || " "}</Text>
+            </Box>
+          ))
+        ) : (
+          <Text>No plan written yet.</Text>
+        )}
+      </ScrolledContent>
+      {hasMoreBelow && (
+        <Box>
+          <Text color="gray" dimColor>
+            ↓ {contentRows - scrollOffset - visibleCount} more
+          </Text>
+        </Box>
+      )}
+      {(hasMoreAbove || hasMoreBelow) && (
+        <Box>
+          <Text color="gray" dimColor>
+            PgUp/PgDn page • Ctrl+u/d half page
+          </Text>
+        </Box>
+      )}
+      <Text dimColor>Press Escape to continue</Text>
+    </Box>
+  );
+};
+
+PlanView.displayName = "PlanView";

package/src/components/PluginManagerShell.tsx

@@ -13,9 +13,9 @@ import { PluginManagerContext } from "../contexts/PluginManagerContext.js";
 export const PluginManagerShell: React.FC<{
   children?: React.ReactNode;
   onCancel?: () => void;
-  onPluginInstalled?: () => void;
-}> = ({ children, onCancel, onPluginInstalled }) => {
-  const pluginManager = usePluginManager({ onPluginInstalled });
+  onPluginChanged?: () => void;
+}> = ({ children, onCancel, onPluginChanged }) => {
+  const pluginManager = usePluginManager({ onPluginChanged });
   const { state, actions, discoverablePlugins } = pluginManager;
 
   const setView = (view: ViewType) => {