fix: Enable prompt-based slash commands in Edit mode while filtering out built-in legacy commands (#7907)

* fix: Enable prompt-based slash commands in Edit mode while filtering out built-in legacy commands

- Add source property to ComboBoxItem interface to track command origin
- Update selector to include source in slash command data
- Implement whitelist-based filtering for Edit mode:
  - Allow: yaml-prompt-block, mcp-prompt, prompt-file-v1/v2, invokable-rule
  - Filter out: built-in-legacy commands like /commit, /share, etc.
- Replace complete removal of slash commands with selective filtering

Generated with [Continue](https://continue.dev)

Co-Authored-By: Continue <[email protected]>

* fix: edit slash command sources

---------

Co-authored-by: Continue Agent <[email protected]>
Co-authored-by: Continue <[email protected]>
Co-authored-by: Dallin Romney <[email protected]>

Author: 4 people

gui/src/components/mainInput/ContinueInputBox.tsx

@@ -1,5 +1,10 @@
 import { Editor, JSONContent } from "@tiptap/react";
-import { ContextItemWithId, InputModifiers, RuleWithSource } from "core";
+import {
+  ContextItemWithId,
+  InputModifiers,
+  RuleWithSource,
+  SlashCommandSource,
+} from "core";
 import { memo, useMemo } from "react";
 import { defaultBorderRadius, vscBackground } from "..";
 import { useAppSelector } from "../../redux/hooks";
@@ -38,6 +43,15 @@ const EDIT_DISALLOWED_CONTEXT_PROVIDERS = [
   "repo-map",
 ];
 
+const EDIT_ALLOWED_SLASH_COMMAND_SOURCES: SlashCommandSource[] = [
+  "yaml-prompt-block",
+  "mcp-prompt",
+  "prompt-file-v1",
+  "prompt-file-v2",
+  "invokable-rule",
+  "json-custom-command",
+];
+
 function ContinueInputBox(props: ContinueInputBoxProps) {
   const isStreaming = useAppSelector((state) => state.session.isStreaming);
   const availableSlashCommands = useAppSelector(
@@ -50,7 +64,14 @@ function ContinueInputBox(props: ContinueInputBoxProps) {
   const editModeState = useAppSelector((state) => state.editModeState);
 
   const filteredSlashCommands = useMemo(() => {
-    return isInEdit ? [] : availableSlashCommands;
+    if (isInEdit) {
+      return availableSlashCommands.filter((cmd) =>
+        cmd.slashCommandSource
+          ? EDIT_ALLOWED_SLASH_COMMAND_SOURCES.includes(cmd.slashCommandSource)
+          : false,
+      );
+    }
+    return availableSlashCommands;
   }, [isInEdit, availableSlashCommands]);
 
   const filteredContextProviders = useMemo(() => {

gui/src/components/mainInput/types.d.ts

@@ -1,4 +1,4 @@
-import { ContextProviderDescription } from "core";
+import { ContextProviderDescription, SlashCommandSource } from "core";
 
 export type ComboBoxItemType =
   | "contextProvider"
@@ -26,4 +26,5 @@ export interface ComboBoxItem {
   icon?: string;
   action?: () => void;
   subActions?: ComboBoxSubAction[];
+  slashCommandSource?: SlashCommandSource;
 }

gui/src/redux/selectors/index.ts

@@ -22,6 +22,7 @@ export const selectSlashCommandComboBoxInputs = createSelector(
           description: cmd.description,
           type: "slashCommand" as ComboBoxItemType,
           content: content,
+          source: cmd.source,
         } as ComboBoxItem;
       }) || []
     );