mini-coder 0.5.11 → 0.5.13

package/src/ui/help.ts

@@ -5,7 +5,7 @@
  */
 
 import type { AppState } from "../index.ts";
-import { COMMANDS } from "../input.ts";
+import { COMMANDS, SKILL_COMMAND } from "../input.ts";
 import { abbreviatePath } from "./status.ts";
 
 /** Help text inputs derived from application state. */
@@ -18,12 +18,12 @@ export interface HelpRenderState {
   agentsMd: AppState["agentsMd"];
   /** Discovered skills. */
   skills: AppState["skills"];
-  /** Active plugins. */
-  plugins: AppState["plugins"];
   /** Whether reasoning blocks are shown in the log. */
   showReasoning: AppState["showReasoning"];
   /** Whether verbose tool rendering is enabled in the log. */
   verbose: AppState["verbose"];
+  /** Configured MCP servers and their current on/off state. */
+  mcpServers: AppState["mcpServers"];
 }
 
 /** Command descriptions for `/help` and command autocomplete. */
@@ -36,12 +36,20 @@ export const COMMAND_DESCRIPTIONS: Record<string, string> = {
   undo: "Undo last turn",
   reasoning: "Toggle thinking display",
   verbose: "Toggle verbose tool rendering",
+  mcp: "Toggle configured MCP servers",
   todo: "Show the current todo list",
   login: "OAuth login",
   logout: "OAuth logout",
   help: "Show help",
 };
 
+/** Slash-skill label shown in `/help` and command autocomplete. */
+export const SKILL_REFERENCE_LABEL = `/${SKILL_COMMAND}:name`;
+
+/** Description for the slash-skill input helper. */
+export const SKILL_REFERENCE_DESCRIPTION =
+  "Insert a discovered skill into the next message";
+
 /**
  * Get the `/help` description for a command, including current state when relevant.
  *
@@ -71,6 +79,12 @@ function formatInlineCodeList(items: readonly string[]): string {
   return items.map((item) => formatInlineCode(item)).join(", ");
 }
 
+function formatMcpServerState(
+  server: HelpRenderState["mcpServers"][number],
+): string {
+  return `${formatInlineCode(server.name)} (${server.enabled ? "on" : "off"})`;
+}
+
 /**
  * Build the `/help` text shown in the conversation log.
  *
@@ -85,15 +99,21 @@ export function buildHelpText(state: HelpRenderState): string {
       `- ${formatInlineCode(`/${command}`)} — ${getHelpCommandDescription(command, state)}`,
     );
   }
+  lines.push(
+    `- ${formatInlineCode(SKILL_REFERENCE_LABEL)} — ${SKILL_REFERENCE_DESCRIPTION}; submit ${formatInlineCode(`/${SKILL_COMMAND}`)} to open the skill picker.`,
+  );
 
   const providerNames = Array.from(state.providers.keys());
+  const mcpServerStates = state.mcpServers.map((server) =>
+    formatMcpServerState(server),
+  );
   lines.push(
     "",
     "## Keyboard",
     "",
     "- `Enter` submits the current draft.",
     "- `Shift+Enter` inserts a newline.",
-    "- `Tab` opens command autocomplete when the draft starts with `/`.",
+    "- `Tab` opens command autocomplete when the draft starts with `/`, preserving the current draft.",
     "- Otherwise, `Tab` autocompletes file paths and can open a path picker when there are multiple matches.",
     "- `Ctrl+R` opens global input history search.",
     "- `Escape` closes the current overlay and returns focus to the input.",
@@ -111,6 +131,9 @@ export function buildHelpText(state: HelpRenderState): string {
     state.model
       ? `- Model: ${formatInlineCode(`${state.model.provider}/${state.model.id}`)}`
       : "- Model: none — use `/model`",
+    mcpServerStates.length > 0
+      ? `- MCP servers: ${mcpServerStates.join(", ")}`
+      : "- MCP servers: none — configure them in `settings.json`",
   );
 
   if (state.agentsMd.length > 0) {
@@ -131,12 +154,5 @@ export function buildHelpText(state: HelpRenderState): string {
     }
   }
 
-  if (state.plugins.length > 0) {
-    lines.push("", "## Plugins", "");
-    for (const plugin of state.plugins) {
-      lines.push(`- ${formatInlineCode(plugin.entry.name)}`);
-    }
-  }
-
   return lines.join("\n");
 }

package/src/ui/input.test.ts

@@ -2,13 +2,7 @@ import { afterEach, describe, expect, test } from "bun:test";
 import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from "node:fs";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
-import { DEFAULT_THEME } from "../theme.ts";
-import {
-  autocompleteInputPath,
-  findInputPathMatches,
-  type InputController,
-  renderInputArea,
-} from "./input.ts";
+import { autocompleteInputPath, findInputPathMatches } from "./input.ts";
 
 const tempDirs: string[] = [];
 
@@ -24,43 +18,7 @@ afterEach(() => {
   }
 });
 
-function expectTextInput(node: ReturnType<typeof renderInputArea>) {
-  if (node.type !== "textinput") {
-    throw new Error("Expected a TextInput node");
-  }
-  return node;
-}
-
 describe("ui/input", () => {
-  test("renderInputArea shows the current draft with the configured placeholder and size limits", () => {
-    const controller: InputController = {
-      onChange: () => {},
-      onFocus: () => {},
-      onBlur: () => {},
-      onKeyPress: () => undefined,
-    };
-
-    const input = expectTextInput(
-      renderInputArea(DEFAULT_THEME, controller, "draft", true),
-    );
-    const placeholder = input.props.placeholder;
-
-    expect(input.props.value).toBe("draft");
-    expect(input.props.focused).toBe(true);
-    expect(input.props.minHeight).toBe(2);
-    expect(input.props.maxHeight).toBe(10);
-    expect(input.props.padding).toEqual({ x: 1 });
-    expect(placeholder?.type).toBe("text");
-    if (!placeholder || placeholder.type !== "text") {
-      throw new Error("Expected a text placeholder");
-    }
-    expect(placeholder.content).toBe(
-      "`Ctrl+R` for input history, `/` + `Tab` for interactive menu, or type a message…",
-    );
-    expect(placeholder.props.fgColor).toBe(DEFAULT_THEME.mutedText);
-    expect(placeholder.props.italic).toBe(true);
-  });
-
   test("autocompleteInputPath completes the last file path token when exactly one match is available", () => {
     const cwd = createTempDir();
     mkdirSync(join(cwd, "src"), { recursive: true });

package/src/ui/runtime.ts

@@ -0,0 +1,69 @@
+/**
+ * Runtime-only helper bindings for the terminal UI.
+ *
+ * @module
+ */
+
+import type { AppState } from "../index.ts";
+import {
+  appendConversationMessage,
+  appendMessage,
+  createUiMessage,
+  createUiTodoMessage,
+  type UiInfoFormat,
+  type UiMessage,
+} from "../session.ts";
+import type { TodoItem } from "../tools.ts";
+
+/** Render scheduling priorities used by the terminal UI. */
+export type UiRenderPriority = "immediate" | "normal" | "stream" | "animation";
+
+interface UiRuntimeHooks {
+  /** Schedule a UI render. */
+  requestRender: (priority?: UiRenderPriority) => void;
+  /** Re-enable stick-to-bottom behavior for the conversation log. */
+  scrollConversationToBottom: () => void;
+}
+
+interface UiRuntimeHelpers {
+  /** Append a UI-only info message to the conversation log. */
+  appendInfoMessage: (
+    text: string,
+    state: AppState,
+    format?: UiInfoFormat,
+  ) => void;
+  /** Append a UI-only todo snapshot to the conversation log. */
+  appendTodoMessage: (todos: readonly TodoItem[], state: AppState) => void;
+}
+
+function appendUiMessage(
+  message: UiMessage,
+  state: AppState,
+  runtime: UiRuntimeHooks,
+): void {
+  if (state.session) {
+    appendMessage(state.db, state.session.id, message);
+  }
+  appendConversationMessage(state, message);
+  runtime.scrollConversationToBottom();
+  runtime.requestRender("normal");
+}
+
+/**
+ * Create runtime-bound helpers that append UI-only conversation messages.
+ *
+ * @param runtime - Render and scroll hooks owned by `ui.ts`.
+ * @returns Helpers shared by the command and agent controllers.
+ */
+export function createUiRuntimeHelpers(
+  runtime: UiRuntimeHooks,
+): UiRuntimeHelpers {
+  return {
+    appendInfoMessage: (text, state, format) => {
+      appendUiMessage(createUiMessage(text, format), state, runtime);
+    },
+    appendTodoMessage: (todos, state) => {
+      appendUiMessage(createUiTodoMessage(todos), state, runtime);
+    },
+  };
+}