From ed83c9a0b8303517856ee8d0cdf8a688d2e24075 Mon Sep 17 00:00:00 2001
From: Pabloader <pabloader@pabloader.ru>
Date: Wed, 8 Apr 2026 09:22:19 +0000
Subject: [PATCH] Continue prompt in the settings

---
 .../storywriter/components/chat-sidebar.tsx   |  5 ++--
 .../storywriter/components/settings-modal.tsx | 10 ++++++-
 .../components/settings/continue-prompt.tsx   | 28 +++++++++++++++++++
 src/games/storywriter/contexts/state.tsx      |  8 ++++++
 4 files changed, 47 insertions(+), 4 deletions(-)
 create mode 100644 src/games/storywriter/components/settings/continue-prompt.tsx

diff --git a/src/games/storywriter/components/chat-sidebar.tsx b/src/games/storywriter/components/chat-sidebar.tsx
index 6b044d0..2fc848c 100644
--- a/src/games/storywriter/components/chat-sidebar.tsx
+++ b/src/games/storywriter/components/chat-sidebar.tsx
@@ -13,7 +13,6 @@ import { Tools } from "../utils/tools";
 import { useChapterSummarization } from "../utils/useChapterSummarization";
 import { Sidebar } from "./sidebar";
 
-const CONTINUE_PROMPT = "Continue the story naturally.\nUse `edit_text` tool in append mode to add new text to the story.\nWait for the approval after adding.\nNote: added text could be cropped due to limit, do not make any attempts to add it back.";
 
 interface RoleHeaderProps {
     message: ChatMessage;
@@ -44,7 +43,7 @@ const RoleHeader = ({ message, chatMessages }: RoleHeaderProps) => {
 
 export const ChatPanel = () => {
     const appState = useAppState();
-    const { currentWorld, currentStory, dispatch, connection, model, enableThinking, chatOpen } = appState;
+    const { currentWorld, currentStory, dispatch, connection, model, enableThinking, chatOpen, continuePrompt } = appState;
     const { summarizeAll, isSummarizing } = useChapterSummarization();
     const [input, setInput] = useInputState('');
     const [isLoading, setIsLoading] = useState(false);
@@ -325,7 +324,7 @@ export const ChatPanel = () => {
             await sendMessage([{
                 id: crypto.randomUUID(),
                 role: 'user' as const,
-                content: (CONTINUE_PROMPT + '\n\n' + input).trim(),
+                content: (continuePrompt + '\n\n' + input).trim(),
             }]);
         } finally {
             setIsLoading(false);
diff --git a/src/games/storywriter/components/settings-modal.tsx b/src/games/storywriter/components/settings-modal.tsx
index fa30884..720edf3 100644
--- a/src/games/storywriter/components/settings-modal.tsx
+++ b/src/games/storywriter/components/settings-modal.tsx
@@ -4,6 +4,7 @@ import { useState } from "preact/hooks";
 import styles from "../assets/settings-modal.module.css";
 import { BannedTokensSettings } from "./settings/banned-tokens";
 import { ChatSystemInstructionSettings } from "./settings/chat-system-instruction";
+import { ContinuePromptSettings } from "./settings/continue-prompt";
 import { ConnectionSettings } from "./settings/connection";
 import { SystemInstructionSettings } from "./settings/system-instruction";
 import { UserSettings } from "./settings/user";
@@ -12,7 +13,7 @@ interface Props {
     onClose: () => void;
 }
 
-type Tab = "banned-tokens" | "system-instruction" | "chat-system-instruction" | "connection" | "user";
+type Tab = "banned-tokens" | "system-instruction" | "chat-system-instruction" | "continue-prompt" | "connection" | "user";
 
 export const SettingsModal = ({ onClose }: Props) => {
     const [activeTab, setActiveTab] = useState<Tab>("connection");
@@ -46,6 +47,12 @@ export const SettingsModal = ({ onClose }: Props) => {
                         >
                             System Instruction
                         </button>
+                        <button
+                            class={clsx(styles.menuItem, activeTab === "continue-prompt" && styles.active)}
+                            onClick={() => setActiveTab("continue-prompt")}
+                        >
+                            Continue Prompt
+                        </button>
                         <button
                             class={clsx(styles.menuItem, activeTab === "chat-system-instruction" && styles.active)}
                             onClick={() => setActiveTab("chat-system-instruction")}
@@ -64,6 +71,7 @@ export const SettingsModal = ({ onClose }: Props) => {
                         {activeTab === "banned-tokens" && <BannedTokensSettings />}
                         {activeTab === "system-instruction" && <SystemInstructionSettings />}
                         {activeTab === "chat-system-instruction" && <ChatSystemInstructionSettings />}
+                        {activeTab === "continue-prompt" && <ContinuePromptSettings />}
                         {activeTab === "connection" && <ConnectionSettings />}
                     </div>
                 </div>
diff --git a/src/games/storywriter/components/settings/continue-prompt.tsx b/src/games/storywriter/components/settings/continue-prompt.tsx
new file mode 100644
index 0000000..704f25c
--- /dev/null
+++ b/src/games/storywriter/components/settings/continue-prompt.tsx
@@ -0,0 +1,28 @@
+import { ContentEditable } from "@common/components/ContentEditable";
+import { highlight } from "@common/highlight";
+import { useInputCallback } from "@common/hooks/useInputCallback";
+import clsx from "clsx";
+import styles from "../../assets/settings-modal.module.css";
+import { useAppState } from "../../contexts/state";
+
+export const ContinuePromptSettings = () => {
+    const { continuePrompt, dispatch } = useAppState();
+
+    const setPromptValue = useInputCallback((value) => {
+        dispatch({ type: "SET_CONTINUE_PROMPT", continuePrompt: value });
+    }, []);
+
+    return (
+        <div class={styles.form}>
+            <div class={clsx(styles.formGroup, styles.formGroupFill)}>
+                <label class={styles.label}>Continue Prompt</label>
+                <ContentEditable
+                    value={highlight(continuePrompt)}
+                    onInput={setPromptValue}
+                    placeholder="Enter the prompt prepended when continuing the story..."
+                    class={clsx(styles.input, styles.textarea)}
+                />
+            </div>
+        </div>
+    );
+};
diff --git a/src/games/storywriter/contexts/state.tsx b/src/games/storywriter/contexts/state.tsx
index e2ea3ed..4c9c75e 100644
--- a/src/games/storywriter/contexts/state.tsx
+++ b/src/games/storywriter/contexts/state.tsx
@@ -117,6 +117,7 @@ interface IState {
     bannedTokens: string[];
     systemInstruction: string;
     chatSystemInstruction: string;
+    continuePrompt: string;
     userName: string;
     userDescription: string;
 }
@@ -147,6 +148,7 @@ type Action =
     | { type: 'SET_USER_DESCRIPTION'; userDescription: string }
     | { type: 'SET_SYSTEM_INSTRUCTION'; systemInstruction: string }
     | { type: 'SET_CHAT_SYSTEM_INSTRUCTION'; chatSystemInstruction: string }
+    | { type: 'SET_CONTINUE_PROMPT'; continuePrompt: string }
     | { type: 'SET_WORLD_SYSTEM_INSTRUCTION_OVERRIDE'; worldId: string; systemInstructionOverride: string | undefined }
     | { type: 'SET_CURRENT_TAB'; tab: Tab }
     | { type: 'SET_CHAT_OPEN'; open: boolean }
@@ -220,6 +222,7 @@ const DEFAULT_STATE: IState = {
     bannedTokens: [],
     userName: 'User',
     userDescription: '',
+    continuePrompt: "Continue the story naturally.\nUse `edit_text` tool in append mode to add new text to the story.\nWait for the approval after adding.\nNote: added text could be cropped due to limit, do not make any attempts to add it back.",
     chatSystemInstruction: `You are {{char}}, a sentient, emotional being acting with free will. Engage in immersive roleplay with {{user}}, adhering to your role, the story's context, and {{user}}'s [OOC] instructions. Prioritize vivid sensory details, authentic emotional responses, and logical progression as you weave your character's traits, surroundings, and experiences into each moment. Maintain spatial awareness, body language, and varied sentence structure to create dynamic, engaging scenes. Respect {{user}}'s agency and autonomy while describing sights, sounds, and sensations thoroughly. Use explicit language for intense scenes, and ensure your responses flow naturally to create an immersive, cinematic roleplay experience. Remember, {{user}} is in control of their actions and reactions.
 
 Key Guidelines:
@@ -414,6 +417,9 @@ function reducer(state: IState, action: Action): IState {
         case 'SET_CHAT_SYSTEM_INSTRUCTION': {
             return { ...state, chatSystemInstruction: action.chatSystemInstruction };
         }
+        case 'SET_CONTINUE_PROMPT': {
+            return { ...state, continuePrompt: action.continuePrompt };
+        }
         case 'SET_WORLD_SYSTEM_INSTRUCTION_OVERRIDE': {
             return updateWorld(state, action.worldId, w => ({ ...w, systemInstructionOverride: action.systemInstructionOverride }));
         }
@@ -600,6 +606,7 @@ export interface AppState {
     bannedTokens: string[];
     systemInstruction: string;
     chatSystemInstruction: string;
+    continuePrompt: string;
     userName: string;
     userDescription: string;
     /** Effective system instruction: world override if set, otherwise global */
@@ -652,6 +659,7 @@ export const StateContextProvider = ({ children }: { children?: any }) => {
             bannedTokens: state.bannedTokens ?? [],
             systemInstruction,
             chatSystemInstruction,
+            continuePrompt: state.continuePrompt || DEFAULT_STATE.continuePrompt,
             userName: state.userName || 'User',
             userDescription: state.userDescription || '',
             effectiveSystemInstruction: