Function updateSlashCommandState

extensions/cli/src/ui/UserInput.tsx:239–299

(text: string, cursor: number)

  // Update slash command UI state based on input
  const updateSlashCommandState = (text: string, cursor: number) => {
    // Only show slash commands if slash is the very first character
    if (!text.trimStart().startsWith("/")) {
      setShowSlashCommands(false);
      return;
    }

    // When using slash commands, disable file search
    setShowFileSearch(false);

    const trimmedText = text.trimStart();
    const beforeCursor = trimmedText.slice(
      0,
      cursor - (text.length - trimmedText.length),
    );

    // Only show if cursor is after the slash and before any whitespace
    if (beforeCursor.length === 0 || !beforeCursor.startsWith("/")) {
      setShowSlashCommands(false);
      return;
    }

    // Get the complete slash command from the text (not just before cursor)
    const afterSlash = trimmedText.slice(1).split(/[\s\n]/)[0];

    // We're in a slash command context - check if it's a complete command
    const exactMatch = slashCommands.find((cmd) => cmd.name === afterSlash);

    // Hide selector if we have an exact match and there's any additional content
    if (exactMatch) {
      // Check if there's anything after the command name (space + args)
      const commandWithSlash = "/" + exactMatch.name;
      const textAfterCommand = trimmedText.slice(commandWithSlash.length);

      // If there's any content after the command name (space + args), hide dropdown
      if (
        textAfterCommand.trim().length > 0 &&
        beforeCursor.length >= commandWithSlash.length
      ) {
        setShowSlashCommands(false);
        return;
      }
    }

    // Check if there are any matching commands
    const filteredCommands = slashCommands.filter((cmd) =>
      cmd.name.toLowerCase().includes(afterSlash.toLowerCase()),
    );

    // If no commands match, hide the dropdown to allow normal Enter behavior
    if (filteredCommands.length === 0) {
      setShowSlashCommands(false);
      return;
    }

    // Show selector for partial matches
    setShowSlashCommands(true);
    setSlashCommandFilter(afterSlash);