diff --git a/src/common/assets/highlight.module.css b/src/common/assets/highlight.module.css index c919c89..568cf9e 100644 --- a/src/common/assets/highlight.module.css +++ b/src/common/assets/highlight.module.css @@ -86,6 +86,7 @@ .image { max-width: 100%; + max-height: 30dvh; display: block; border-radius: var(--radius, 4px); margin: 0.5em 0; diff --git a/src/games/storywriter/components/editor.tsx b/src/games/storywriter/components/editor.tsx index af2f704..de346ca 100644 --- a/src/games/storywriter/components/editor.tsx +++ b/src/games/storywriter/components/editor.tsx @@ -128,10 +128,10 @@ export const Editor = () => { const WorldIcon = isChatOnly ? MessagesSquare : Globe; const titleBar = currentStory ?
- {currentWorld?.title} - /{currentStory.title}
+ {Prompt.substituteVars(appState, currentWorld!.title)} + /{Prompt.substituteVars(appState, currentStory.title)} : currentWorld - ?
{currentWorld.title}
+ ?
{Prompt.substituteVars(appState, currentWorld.title)}
: null; return ( diff --git a/src/games/storywriter/components/menu.tsx b/src/games/storywriter/components/menu.tsx index 958e7ae..0e351ef 100644 --- a/src/games/storywriter/components/menu.tsx +++ b/src/games/storywriter/components/menu.tsx @@ -7,6 +7,7 @@ import type { Story, World } from "../contexts/state"; import { isStory, isWorld, useAppState } from "../contexts/state"; import CharacterCard from "../utils/character-card"; import { SettingsModal } from "./settings-modal"; +import Prompt from "../utils/prompt"; // ─── Inline Rename Input ────────────────────────────────────────────────────── @@ -56,6 +57,7 @@ interface StoryItemProps { const StoryItem = ({ story, active, onSelect, onRename, onDelete, onDuplicate, onExport }: StoryItemProps) => { const isEditing = useBool(false); + const appState = useAppState(); if (isEditing.value) { return ( @@ -76,7 +78,7 @@ const StoryItem = ({ story, active, onSelect, onRename, onDelete, onDuplicate, o onClick={onSelect} onDblClick={isEditing.setTrue} > - {story.title} + {Prompt.substituteVars(appState, story.title)}