Add /system-as-prompt command

Author: ajac-zero

src/subcommands/chat/react/Chat.tsx

@@ -61,6 +61,7 @@ export const ChatComponent = React.memo(
     const [userInputState, setUserInputState] = useState<ChatUserInputState>(emptyChatInputState);
     const [isPredicting, setIsPredicting] = useState(false);
     const [showPredictionSpinner, setShowPredictionSpinner] = useState(false);
+    const [systemAsUser, setSystemAsUser] = useState(false);
     const [modelLoadingProgress, setModelLoadingProgress] = useState<number | null>(null);
     const [statusMessage, setStatusMessage] = useState<string | null>(null);
     const [flickerCount, setFlickerCount] = useState(0);
@@ -160,6 +161,8 @@ export const ChatComponent = React.memo(
         setModelLoadingProgress,
         modelLoadingAbortControllerRef,
         lastPredictionStatsRef,
+        systemAsUser,
+        setSystemAsUser,
       });
       handler.setCommands(commands);
       return handler;
@@ -174,6 +177,7 @@ export const ChatComponent = React.memo(
       logInChat,
       logErrorInChat,
       shouldFetchModelCatalog,
+      systemAsUser,
     ]);
 
     const suggestions = useMemo<Suggestion[]>(() => {

src/subcommands/chat/react/slashCommands.ts

@@ -29,6 +29,8 @@ export interface CreateSlashCommandsOpts {
   setModelLoadingProgress: Dispatch<SetStateAction<number | null>>;
   modelLoadingAbortControllerRef: RefObject<AbortController | null>;
   lastPredictionStatsRef: RefObject<LLMPredictionStats | null>;
+  systemAsUser: boolean;
+  setSystemAsUser: Dispatch<SetStateAction<boolean>>;
 }
 
 export function createSlashCommands({
@@ -50,6 +52,8 @@ export function createSlashCommands({
   setModelLoadingProgress,
   modelLoadingAbortControllerRef,
   lastPredictionStatsRef,
+  systemAsUser,
+  setSystemAsUser,
 }: CreateSlashCommandsOpts): SlashCommand[] {
   return [
     {
@@ -150,9 +154,12 @@ export function createSlashCommands({
           cursorInSegmentOffset: 0,
         });
         console.clear();
-        const systemPrompt = chatRef.current.getSystemPrompt();
+        const systemPrompt = systemAsUser
+          ? chatRef.current.at(0).getText()
+          : chatRef.current.getSystemPrompt();
+        const role = systemAsUser ? "user" : "system";
         chatRef.current = Chat.empty();
-        chatRef.current.append("system", systemPrompt);
+        chatRef.current.append(role, systemPrompt);
         lastPredictionStatsRef.current = null;
       },
     },
@@ -170,6 +177,23 @@ export function createSlashCommands({
         logInChat("System prompt updated to: " + prompt);
       },
     },
+    {
+      name: "system-as-user",
+      description: "Toggle sending system messages as user messages",
+      handler: async () => {
+        setSystemAsUser(!systemAsUser);
+
+        const systemPrompt = systemAsUser
+          ? chatRef.current.at(0).getText()
+          : chatRef.current.getSystemPrompt();
+        const role = !systemAsUser ? "user" : "system";
+
+        chatRef.current = Chat.empty();
+        chatRef.current.append(role, systemPrompt);
+
+        logInChat(`System messages will now be sent as ${role} messages.`);
+      },
+    },
     {
       name: "stats",
       description: "Show stats of the previous generation",