{currentStory.chatMessages.map((message) => (
-
{message.role}
+
{message.role === 'assistant' && message.reasoning_content && (
diff --git a/src/games/storywriter/components/editor.tsx b/src/games/storywriter/components/editor.tsx
index 3025347..7bef4f0 100644
--- a/src/games/storywriter/components/editor.tsx
+++ b/src/games/storywriter/components/editor.tsx
@@ -1,9 +1,16 @@
import { ContentEditable } from "@common/components/ContentEditable";
-import { useAppState } from "../contexts/state";
+import { useAppState, type Tab } from "../contexts/state";
import styles from '../assets/editor.module.css';
import { highlight } from "../utils/highlight";
import { useMemo } from "preact/hooks";
+const TABS: { id: Tab; label: string }[] = [
+ { id: "story", label: "Story" },
+ { id: "lore", label: "Lore" },
+ { id: "characters", label: "Characters" },
+ { id: "locations", label: "Locations" },
+];
+
export const Editor = () => {
const { currentStory, dispatch } = useAppState();
@@ -20,16 +27,68 @@ export const Editor = () => {
});
};
- const value = useMemo(() => highlight(currentStory.text), [currentStory.text]);
+ const handleLoreInput = (e: Event) => {
+ const lore = (e.target as HTMLElement).textContent || '';
+ dispatch({
+ type: 'EDIT_LORE',
+ id: currentStory.id,
+ lore,
+ });
+ };
+
+ const handleTabChange = (tab: Tab) => {
+ dispatch({
+ type: 'SET_CURRENT_TAB',
+ id: currentStory.id,
+ tab,
+ });
+ };
+
+ const storyValue = useMemo(() => highlight(currentStory.text), [currentStory.text]);
+ const loreValue = useMemo(() => highlight(currentStory.lore), [currentStory.lore]);
return (
{currentStory.title}
-
+
+ {currentStory.currentTab === "story" && (
+
+ )}
+ {currentStory.currentTab === "lore" && (
+
+ )}
+ {currentStory.currentTab === "characters" && (
+
+
Characters content placeholder
+
+ )}
+ {currentStory.currentTab === "locations" && (
+
+
Locations content placeholder
+
+ )}
+
+
+ {TABS.map((tab) => (
+
+ ))}
+
);
};
diff --git a/src/games/storywriter/components/menu-sidebar.tsx b/src/games/storywriter/components/menu-sidebar.tsx
index 46e2b60..c0ef6f8 100644
--- a/src/games/storywriter/components/menu-sidebar.tsx
+++ b/src/games/storywriter/components/menu-sidebar.tsx
@@ -120,9 +120,11 @@ export const MenuSidebar = () => {
/>
))}
-
+
+
+
{isSettingsOpen.value && (
diff --git a/src/games/storywriter/contexts/state.tsx b/src/games/storywriter/contexts/state.tsx
index 88384af..879c678 100644
--- a/src/games/storywriter/contexts/state.tsx
+++ b/src/games/storywriter/contexts/state.tsx
@@ -10,10 +10,14 @@ export type ChatMessage = LLM.ChatMessage & {
id: string;
}
+export type Tab = "story" | "lore" | "characters" | "locations"
+
export interface Story {
id: string;
title: string;
text: string;
+ lore: string;
+ currentTab: Tab;
chatMessages: ChatMessage[];
}
@@ -33,7 +37,8 @@ type Action =
| { type: 'CREATE_STORY'; title: string }
| { type: 'RENAME_STORY'; id: string; title: string }
| { type: 'EDIT_STORY'; id: string; text: string }
- | { type: 'APPEND_TO_STORY'; id: string; text: string }
+ | { type: 'EDIT_LORE'; id: string; lore: string }
+ | { type: 'SET_CURRENT_TAB'; id: string; tab: Tab }
| { type: 'DELETE_STORY'; id: string }
| { type: 'SELECT_STORY'; id: string }
| { type: 'ADD_CHAT_MESSAGE'; storyId: string; message: ChatMessage }
@@ -61,6 +66,8 @@ function reducer(state: IState, action: Action): IState {
id: crypto.randomUUID(),
title: action.title,
text: '',
+ lore: '',
+ currentTab: 'story',
chatMessages: [],
};
return {
@@ -85,6 +92,22 @@ function reducer(state: IState, action: Action): IState {
),
};
}
+ case 'EDIT_LORE': {
+ return {
+ ...state,
+ stories: state.stories.map(s =>
+ s.id === action.id ? { ...s, lore: action.lore } : s
+ ),
+ };
+ }
+ case 'SET_CURRENT_TAB': {
+ return {
+ ...state,
+ stories: state.stories.map(s =>
+ s.id === action.id ? { ...s, currentTab: action.tab } : s
+ ),
+ };
+ }
case 'DELETE_STORY': {
const remaining = state.stories.filter(s => s.id !== action.id);
const deletingCurrent = state.currentStoryId === action.id;
@@ -125,14 +148,6 @@ function reducer(state: IState, action: Action): IState {
),
};
}
- case 'APPEND_TO_STORY': {
- return {
- ...state,
- stories: state.stories.map(s =>
- s.id === action.id ? { ...s, text: s.text + action.text } : s
- ),
- };
- }
case 'SET_CONNECTION': {
return {
...state,
diff --git a/src/games/storywriter/utils/tools.ts b/src/games/storywriter/utils/tools.ts
index 06c91e5..c611e68 100644
--- a/src/games/storywriter/utils/tools.ts
+++ b/src/games/storywriter/utils/tools.ts
@@ -23,9 +23,14 @@ export namespace Tools {
return 'Error: No story selected';
}
appState.dispatch({
- type: 'APPEND_TO_STORY',
+ type: 'EDIT_STORY',
id: appState.currentStory.id,
- text
+ text: appState.currentStory.text + text
+ });
+ appState.dispatch({
+ type: 'SET_CURRENT_TAB',
+ id: appState.currentStory.id,
+ tab: 'story'
});
return 'Text appended successfully';
},
@@ -40,6 +45,42 @@ export namespace Tools {
},
required: ['text'],
},
+ },
+ 'append_to_lore': {
+ handler: async (args, appState) => {
+ if (!args || typeof args !== 'object' || !('text' in args)) {
+ return 'Error: Missing required argument "text"';
+ }
+ const { text } = args as { text: string };
+ if (typeof text !== 'string') {
+ return 'Error: Argument "text" must be a string';
+ }
+ if (!appState.currentStory) {
+ return 'Error: No story selected';
+ }
+ appState.dispatch({
+ type: 'EDIT_LORE',
+ id: appState.currentStory.id,
+ lore: appState.currentStory.lore + text
+ });
+ appState.dispatch({
+ type: 'SET_CURRENT_TAB',
+ id: appState.currentStory.id,
+ tab: 'lore'
+ });
+ return 'Text appended to lore successfully';
+ },
+ description: 'Append text to the story lore',
+ parameters: {
+ type: 'object',
+ properties: {
+ text: {
+ type: 'string',
+ description: 'The text to append to the lore',
+ },
+ },
+ required: ['text'],
+ },
}
};