mini-coder 0.5.6 → 0.5.8

package/src/ui/input.ts

@@ -25,39 +25,18 @@ export interface InputController {
   onKeyPress: (key: string) => boolean | undefined;
 }
 
-/** Find the longest common prefix across a list of strings. */
-function getLongestCommonPrefix(values: readonly string[]): string {
-  if (values.length === 0) {
-    return "";
-  }
-
-  let prefix = values[0]!;
-  for (let i = 1; i < values.length && prefix.length > 0; i++) {
-    const value = values[i]!;
-    let j = 0;
-    while (j < prefix.length && j < value.length && prefix[j] === value[j]) {
-      j++;
-    }
-    prefix = prefix.slice(0, j);
-  }
-
-  return prefix;
+/** A selectable path-autocomplete match for the current input draft. */
+export interface InputPathMatch {
+  /** Path label shown in the overlay. */
+  label: string;
+  /** Full draft value to apply when this match is selected. */
+  value: string;
 }
 
-/**
- * Attempt to autocomplete the final path token in the current draft.
- *
- * @param value - Current input draft.
- * @param cwd - Working directory used to resolve relative paths.
- * @returns The completed input value, or `null` when no completion is available.
- */
-export function autocompleteInputPath(
-  value: string,
-  cwd: string,
-): string | null {
+function listInputPathMatches(value: string, cwd: string): InputPathMatch[] {
   const tokenMatch = /(^|\s)(\S+)$/.exec(value);
   if (!tokenMatch?.[2]) {
-    return null;
+    return [];
   }
 
   const token = tokenMatch[2];
@@ -80,35 +59,50 @@ export function autocompleteInputPath(
     }
   })();
   if (!entries) {
-    return null;
+    return [];
   }
 
   const showHidden = partial.startsWith(".");
-  const matches = entries
+  return entries
     .filter((entry) => (showHidden ? true : !entry.name.startsWith(".")))
     .filter((entry) => entry.name.startsWith(partial))
-    .sort((a, b) => a.name.localeCompare(b.name));
-
-  if (matches.length === 0) {
-    return null;
-  }
-
-  let completedName: string | null = null;
-  if (matches.length === 1) {
-    const match = matches[0]!;
-    completedName = `${match.name}${match.isDirectory() ? "/" : ""}`;
-  } else {
-    const prefix = getLongestCommonPrefix(matches.map((entry) => entry.name));
-    if (prefix.length > partial.length) {
-      completedName = prefix;
-    }
-  }
+    .sort((a, b) => a.name.localeCompare(b.name))
+    .map((entry) => {
+      const completedPath = `${dirToken}${entry.name}${entry.isDirectory() ? "/" : ""}`;
+      return {
+        label: completedPath,
+        value: `${value.slice(0, tokenStart)}${completedPath}`,
+      };
+    });
+}
 
-  if (!completedName) {
-    return null;
-  }
+/**
+ * Find selectable path matches for the final path token in the current draft.
+ *
+ * @param value - Current input draft.
+ * @param cwd - Working directory used to resolve relative paths.
+ * @returns Matching path completions with their applied draft values.
+ */
+export function findInputPathMatches(
+  value: string,
+  cwd: string,
+): InputPathMatch[] {
+  return listInputPathMatches(value, cwd);
+}
 
-  return `${value.slice(0, tokenStart)}${dirToken}${completedName}`;
+/**
+ * Attempt to autocomplete the final path token in the current draft.
+ *
+ * @param value - Current input draft.
+ * @param cwd - Working directory used to resolve relative paths.
+ * @returns The completed input value, or `null` when direct completion is unavailable.
+ */
+export function autocompleteInputPath(
+  value: string,
+  cwd: string,
+): string | null {
+  const matches = listInputPathMatches(value, cwd);
+  return matches.length === 1 ? matches[0]!.value : null;
 }
 
 /**

package/src/ui/render-performance.test.ts

@@ -94,6 +94,7 @@ function createTestState(): AppState {
     running: false,
     abortController: null,
     activeTurnPromise: null,
+    queuedUserMessages: [],
     showReasoning: DEFAULT_SHOW_REASONING,
     verbose: DEFAULT_VERBOSE,
     versionLabel: "dev",

package/src/ui/status.test.ts

@@ -106,6 +106,7 @@ function createTestState(): AppState {
     running: false,
     abortController: null,
     activeTurnPromise: null,
+    queuedUserMessages: [],
     showReasoning: DEFAULT_SHOW_REASONING,
     verbose: DEFAULT_VERBOSE,
     versionLabel: "dev",

package/src/ui.ts

@@ -10,6 +10,7 @@
 
 import { spawn } from "node:child_process";
 import { platform } from "node:os";
+import { Select } from "@cel-tui/components";
 import {
   cel,
   HStack,
@@ -21,7 +22,11 @@ import {
 import type { Node } from "@cel-tui/types";
 import type { AppState } from "./index.ts";
 import { reloadPromptContext, shutdown } from "./index.ts";
-import { appendMessage, createUiMessage } from "./session.ts";
+import {
+  appendMessage,
+  createUiMessage,
+  createUiTodoMessage,
+} from "./session.ts";
 import type { Theme } from "./theme.ts";
 import {
   createUiAgentController,
@@ -37,9 +42,14 @@ import {
 import type { InputController } from "./ui/input.ts";
 import {
   autocompleteInputPath,
+  findInputPathMatches,
   renderInputArea as renderInputAreaNode,
 } from "./ui/input.ts";
-import { type ActiveOverlay, renderOverlay } from "./ui/overlay.ts";
+import {
+  type ActiveOverlay,
+  OVERLAY_MAX_VISIBLE,
+  renderOverlay,
+} from "./ui/overlay.ts";
 import { renderStatusBar } from "./ui/status.ts";
 
 export type { InputController } from "./ui/input.ts";
@@ -286,6 +296,48 @@ function dismissOverlay(): void {
   cel.render();
 }
 
+function openPathAutocompleteOverlay(state: AppState): void {
+  const matches = findInputPathMatches(inputValue, state.cwd);
+  if (matches.length <= 1) {
+    return;
+  }
+
+  const select = Select({
+    items: matches.map((match) => ({
+      label: match.label,
+      value: match.value,
+      filterText: match.label,
+    })),
+    maxVisible: OVERLAY_MAX_VISIBLE,
+    placeholder: "type to filter paths...",
+    focused: true,
+    highlightColor: state.theme.accentText,
+    onSelect: (value) => {
+      inputValue = value;
+      dismissOverlay();
+    },
+    onBlur: dismissOverlay,
+  });
+
+  openOverlay({ select, title: "Path matches" });
+}
+
+function handleTabKeyPress(state: AppState): void {
+  if (inputValue.startsWith("/")) {
+    commandController.showCommandAutocomplete(state);
+    return;
+  }
+
+  const completedInput = autocompleteInputPath(inputValue, state.cwd);
+  if (completedInput) {
+    inputValue = completedInput;
+    cel.render();
+    return;
+  }
+
+  openPathAutocompleteOverlay(state);
+}
+
 /**
  * Render the active overlay when one is open.
  *
@@ -344,15 +396,7 @@ export function createInputController(state: AppState): InputController {
         return false;
       }
       if (key === "tab") {
-        if (inputValue.startsWith("/")) {
-          commandController.showCommandAutocomplete(state);
-        } else {
-          const completedInput = autocompleteInputPath(inputValue, state.cwd);
-          if (completedInput) {
-            inputValue = completedInput;
-            cel.render();
-          }
-        }
+        handleTabKeyPress(state);
         return false;
       }
     },
@@ -426,6 +470,18 @@ function scrollConversationToBottom(): void {
   stickToBottom = true;
 }
 
+function appendUiMessage(
+  message: AppState["messages"][number],
+  state: AppState,
+): void {
+  if (state.session) {
+    appendMessage(state.db, state.session.id, message);
+  }
+  state.messages.push(message);
+  scrollConversationToBottom();
+  cel.render();
+}
+
 /**
  * Append a UI-only info message to the conversation log.
  *
@@ -436,13 +492,23 @@ function scrollConversationToBottom(): void {
  * @param state - Application state.
  */
 function appendInfoMessage(text: string, state: AppState): void {
-  const msg = createUiMessage(text);
-  if (state.session) {
-    appendMessage(state.db, state.session.id, msg);
-  }
-  state.messages.push(msg);
-  scrollConversationToBottom();
-  cel.render();
+  appendUiMessage(createUiMessage(text), state);
+}
+
+/**
+ * Append a UI-only todo snapshot to the conversation log.
+ *
+ * When no persisted session exists yet, the message stays in memory and is
+ * backfilled if the user later starts a session by sending a message.
+ *
+ * @param todos - Todo snapshot to append.
+ * @param state - Application state.
+ */
+function appendTodoMessage(
+  todos: Parameters<typeof createUiTodoMessage>[0],
+  state: AppState,
+): void {
+  appendUiMessage(createUiTodoMessage(todos), state);
 }
 
 /** Command controller bound to the module-scoped UI runtime hooks. */
@@ -453,6 +519,7 @@ const commandController = createCommandController({
     inputValue = value;
   },
   appendInfoMessage,
+  appendTodoMessage,
   scrollConversationToBottom,
   render: () => {
     cel.render();