From 2a9f9d19795efe5a17700acc2db41ff5753e965a Mon Sep 17 00:00:00 2001
From: Pabloader <pabloader@pabloader.ru>
Date: Fri, 1 Nov 2024 12:28:56 +0000
Subject: [PATCH] AIStory: mesage sound, connection, deletion, prompt format

---
 src/games/ai/assets/message.mp3     | Bin 0 -> 8816 bytes
 src/games/ai/assets/style.css       | 102 +++++++++----
 src/games/ai/components/chat.tsx    |   3 +-
 src/games/ai/components/header.tsx  |  39 ++++-
 src/games/ai/components/input.tsx   |   6 +-
 src/games/ai/components/message.tsx |  33 +++--
 src/games/ai/const.ts               | 216 ++++++++++++++++++++++------
 src/games/ai/context.tsx            |  45 +++++-
 src/games/ai/globalConfig.ts        |   2 +-
 src/games/ai/llm.ts                 |  10 +-
 src/games/ai/messages.ts            |  78 +++++++++-
 11 files changed, 428 insertions(+), 106 deletions(-)
 create mode 100644 src/games/ai/assets/message.mp3

diff --git a/src/games/ai/assets/message.mp3 b/src/games/ai/assets/message.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..673180fafe187b76b755a569bc1f78fa6be03165
GIT binary patch
literal 8816
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
F{{nU*wW9z4

literal 0
HcmV?d00001

diff --git a/src/games/ai/assets/style.css b/src/games/ai/assets/style.css
index 44f0dcf..cba440e 100644
--- a/src/games/ai/assets/style.css
+++ b/src/games/ai/assets/style.css
@@ -4,21 +4,35 @@
     --color: #DCDCD2;
     --italicColor: #AFAFAF;
     --quoteColor: #D4E5FF;
+    --green: #AFAFAF;
+    --red: #7F0000;
+    --green: #007F00;
+    --shadeColor: rgba(0, 128, 128, 0.3);
+
+    --border: 1px solid var(--color);
 
     --emojiFont: "Noto Emoji", sans-serif;
     --emojiColorFont: "Noto Color Emoji", sans-serif;
 }
 
-textarea {
+textarea,
+input {
     color: var(--color);
     background-color: var(--backgroundColor);
     font-size: 1em;
     font-family: sans-serif;
     background-color: transparent;
-    resize: none;
     appearance: none;
     outline: none;
+}
+
+input {
+    border: var(--border);
+}
+
+textarea {
     border: none;
+    resize: none;
     width: 100%;
     scrollbar-width: thin;
     scrollbar-color: var(--color) transparent;
@@ -48,8 +62,18 @@ body {
             display: flex;
             flex-direction: row;
             height: 36px;
-            background-color: yellow;
             width: 100%;
+            border: var(--border);
+
+            >input {
+                &.valid {
+                    background-color: var(--green);
+                }
+
+                &.invalid {
+                    background-color: var(--red);
+                }
+            }
         }
 
         >.chat {
@@ -62,26 +86,68 @@ body {
             overflow-y: auto;
             scrollbar-width: thin;
             scrollbar-color: var(--color) transparent;
-            border: 1px solid var(--color);
+            border: var(--border);
+            border-bottom: none;
+            border-top: none;
 
             >.message {
                 width: 100%;
                 padding: 12px;
 
-                >.header {
+                &.role-user {
+                    background-color: var(--shadeColor);
+
+                    :not(.last-user) .content .text {
+                        opacity: 0.5;
+                    }
+                }
+
+                >.content {
+                    white-space: pre-wrap;
+                    line-height: 1.5;
                     display: flex;
                     flex-direction: row;
-                    justify-content: space-between;
-                    margin-bottom: 6px;
+                    width: 100%;
+                    gap: 8px;
 
-                    >.name {
-                        font-weight: bold;
+                    >textarea {
+                        background-color: var(--backgroundColorDark);
+                        border: var(--border);
+                        min-height: 100px;
+                        height: unset;
+                        resize: vertical;
+                        line-height: 1.25;
+                        padding: 5px;
+                        border-radius: 3px;
+                    }
+
+                    >.text {
+                        flex-grow: 1;
+                        width: 100%;
+
+                        >.bold {
+                            font-weight: bold;
+                        }
+
+                        >.italic {
+                            font-style: italic;
+                            color: var(--italicColor);
+                        }
+
+                        >.quote {
+                            color: var(--quoteColor);
+                        }
                     }
 
                     >.buttons {
+                        display: flex;
+                        flex-direction: column;
+                        gap: 8px;
+
                         >.icon {
                             font-family: var(--emojiFont);
                             font-weight: bold;
+                            font-size: 20px;
                             border: none;
                             background: transparent;
                             padding: 0;
@@ -94,22 +160,6 @@ body {
                         }
                     }
                 }
-
-                >.content {
-                    white-space: pre-wrap;
-                    line-height: 1.5;
-
-                    >textarea {
-                        background-color: var(--backgroundColorDark);
-                        border: 1px solid var(--italicColor);
-                        min-height: 100px;
-                        height: unset;
-                        resize: vertical;
-                        line-height: 1.25;
-                        padding: 5px;
-                        border-radius: 3px;
-                    }
-                }
             }
         }
 
@@ -119,7 +169,7 @@ body {
             height: auto;
             min-height: 48px;
             width: 100%;
-            border: 1px solid var(--color);
+            border: var(--border);
         }
     }
 }
\ No newline at end of file
diff --git a/src/games/ai/components/chat.tsx b/src/games/ai/components/chat.tsx
index 6011f13..2ebc2f2 100644
--- a/src/games/ai/components/chat.tsx
+++ b/src/games/ai/components/chat.tsx
@@ -9,6 +9,7 @@ export const Chat = () => {
     const lastMessage = messages.at(-1);
     const lastMessageSwipe = lastMessage?.swipes[lastMessage.currentSwipe];
     const lastMessageContent = lastMessageSwipe?.displayContent ?? lastMessageSwipe.content;
+    const lastUserId = messages.findLastIndex(m => m.role === 'user');
 
     useEffect(() => {
         if (chatRef.current) {
@@ -22,7 +23,7 @@ export const Chat = () => {
     return (
         <div class="chat" ref={chatRef}>
             {messages.map((m, i) => (
-                <Message message={m} key={i} index={i} />
+                <Message message={m} key={i} index={i} isLastUser={i === lastUserId}/>
             ))}
         </div>
     );
diff --git a/src/games/ai/components/header.tsx b/src/games/ai/components/header.tsx
index 8aa3adb..e6f1ff4 100644
--- a/src/games/ai/components/header.tsx
+++ b/src/games/ai/components/header.tsx
@@ -1,7 +1,44 @@
+import { useCallback, useContext, useEffect, useState } from "preact/hooks";
+import { GlobalContext } from "../context";
+import { LLM } from "../llm";
+
 export const Header = () => {
+    const { connectionUrl, setConnectionUrl } = useContext(GlobalContext);
+    const [urlValid, setUrlValid] = useState(false);
+    const [urlEditing, setUrlEditing] = useState(false);
+
+    const handleEditUrl = useCallback((e: InputEvent) => {
+        if (e.target instanceof HTMLInputElement) {
+            setConnectionUrl(e.target.value.trim());
+        }
+    }, [setConnectionUrl]);
+
+    const handleFocusUrl = useCallback(() => setUrlEditing(true), []);
+
+    const handleBlurUrl = useCallback(() => {
+        const regex = /^(?:http(s?):\/\/)?(.*?)\/?$/i
+        const normalizedConnectionUrl = connectionUrl.replace(regex, 'http$1://$2');
+        console.log({ connectionUrl, normalizedConnectionUrl })
+        setConnectionUrl(normalizedConnectionUrl);
+        setUrlEditing(false);
+        setUrlValid(false);
+    }, [connectionUrl, setConnectionUrl]);
+
+    useEffect(() => {
+        if (!urlEditing) {
+            LLM.getContextLength().then(length => {
+                setUrlValid(length > 0);
+            });
+        }
+    }, [connectionUrl, urlEditing]);
+
     return (
         <div class="header">
-            Header
+            <input value={connectionUrl}
+                onInput={handleEditUrl}
+                onFocus={handleFocusUrl}
+                onBlur={handleBlurUrl}
+                class={urlEditing ? '' : urlValid ? 'valid' : 'invalid'} />
         </div>
     );
 }
\ No newline at end of file
diff --git a/src/games/ai/components/input.tsx b/src/games/ai/components/input.tsx
index 7279273..69f121f 100644
--- a/src/games/ai/components/input.tsx
+++ b/src/games/ai/components/input.tsx
@@ -2,7 +2,7 @@ import { useCallback, useContext } from "preact/hooks";
 import { GlobalContext } from "../context";
 
 export const Input = () => {
-    const { input, setInput, addMessage } = useContext(GlobalContext);
+    const { input, setInput, addMessage, continueMessage } = useContext(GlobalContext);
 
     const handleChange = useCallback((e: Event) => {
         if (e.target instanceof HTMLTextAreaElement) {
@@ -15,6 +15,8 @@ export const Input = () => {
         if (newInput) {
             addMessage(newInput, 'user', true);
             setInput('');
+        } else {
+            continueMessage();
         }
     }, [input]);
 
@@ -28,7 +30,7 @@ export const Input = () => {
     return (
         <div class="chat-input">
             <textarea onInput={handleChange} onKeyDown={handleKeyDown} value={input} />
-            <button onClick={handleSend}>Send</button>
+            <button onClick={handleSend}>{input ? 'Send' : 'Continue'}</button>
         </div>
     );
 }
\ No newline at end of file
diff --git a/src/games/ai/components/message.tsx b/src/games/ai/components/message.tsx
index 9998873..de09c2f 100644
--- a/src/games/ai/components/message.tsx
+++ b/src/games/ai/components/message.tsx
@@ -1,20 +1,22 @@
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "preact/hooks";
-import type { IMessage } from "../messages";
+import { formatMessage, type IMessage } from "../messages";
 import { GlobalContext } from "../context";
 
 interface IProps {
     message: IMessage;
     index: number;
+    isLastUser: boolean;
 }
 
-export const Message = ({ message, index }: IProps) => {
-    const { name, editMessage } = useContext(GlobalContext);
+export const Message = ({ message, index, isLastUser }: IProps) => {
+    const { editMessage, deleteMessage } = useContext(GlobalContext);
     const [editing, setEditing] = useState(false);
     const [savedMessage, setSavedMessage] = useState('');
     const textareaRef = useRef<HTMLTextAreaElement>(null);
 
     const swipe = useMemo(() => message.swipes[message.currentSwipe], [message.swipes, message.currentSwipe]);
     const content = useMemo(() => swipe.displayContent ?? swipe.content, [swipe]);
+    const htmlContent = useMemo(() => formatMessage(content), [content]);
 
     const handleToggleEdit = useCallback(() => {
         setEditing(!editing);
@@ -28,6 +30,13 @@ export const Message = ({ message, index }: IProps) => {
         editMessage(index, savedMessage);
     }, [editMessage, index, savedMessage]);
 
+    const handleDeleteMessage = useCallback(() => {
+        if (confirm('Delete message?')) {
+            setEditing(false);
+            deleteMessage(index);
+        }
+    }, [deleteMessage, index]);
+
     const handleEdit = useCallback((e: InputEvent) => {
         if (e.target instanceof HTMLTextAreaElement) {
             const newContent = e.target.value;
@@ -44,16 +53,18 @@ export const Message = ({ message, index }: IProps) => {
     }, [content, editing]);
 
     return (
-        <div class="message">
-            <div class="header">
-                <div class="name">
-                    {message.role === 'user' ? name : '---'}
-                </div>
+        <div class={`message role-${message.role} ${isLastUser ? 'last-user' : ''}`}>
+            <div class="content">
+                {editing
+                    ? <textarea onInput={handleEdit} value={content} class="edit-input" ref={textareaRef} />
+                    : <div class="text" dangerouslySetInnerHTML={{ __html: htmlContent }} />
+                }
                 <div class="buttons">
                     {editing
                         ? <>
                             <button class="icon" onClick={handleToggleEdit}>✔</button>
                             <button class="icon" onClick={handleCancelEdit}>❌</button>
+                            <button class="icon" onClick={handleDeleteMessage}>🗑️</button>
                         </>
                         : <>
                             <button class="icon" onClick={handleToggleEdit}>🖊</button>
@@ -61,12 +72,6 @@ export const Message = ({ message, index }: IProps) => {
                     }
                 </div>
             </div>
-            <div class="content">
-                {editing
-                    ? <textarea onInput={handleEdit} value={content} class="edit-input" ref={textareaRef} />
-                    : content
-                }
-            </div>
         </div>
     );
 };
\ No newline at end of file
diff --git a/src/games/ai/const.ts b/src/games/ai/const.ts
index a8fac5c..3a7b58c 100644
--- a/src/games/ai/const.ts
+++ b/src/games/ai/const.ts
@@ -1,63 +1,193 @@
-export const SYSTEM_PROMPT = `
-You are creative and skilled writer.
-Write a story based on the world description below.
-Make sure you're following the provided lore exactly and not making up impossible things. 
-`.trim().replace(/[ \r\n]+/ig, ' ');
+export const p = (strings: TemplateStringsArray, ...args: any[]) =>
+    String.raw(strings, ...args).trim().replace(/^ +| +$/img, '')
 
-export const WORLD_INFO = `
-### General World description
+export const SYSTEM_PROMPT = p`
+    You are creative writer.
+    Write a story based on the world description below.
+    Make sure you're following the provided lore exactly and not making up impossible things. 
+`.replace(/[ \r\n]+/ig, ' ');
 
-Fess is a fictional fantasy world inhabited by diverse creatures and races. Its technological progress is roughly equivalent to Earth's medieval ages, featuring bows and arrows, horses as the primary mode of transport, and fortified cities.
+export const WORLD_INFO = p`
+    ### General World description
 
-### Ether kinetics
+    Fess is a fictional fantasy world inhabited by diverse creatures and races. Its technological progress is roughly equivalent to Earth's medieval ages, featuring bows and arrows, horses as the primary mode of transport, and fortified cities.
 
-In this world, people refer to what others might call magic as ether kinetics - the special ability of living beings to consciously manipulate a specific energy known as ether, causing various effects. For simplicity, ether kinetics is often referred to as eth. To use it, person should construct an imaginary structure, called an ether circuit or ether weaving, using their mind's eye to visualize slightly glowing translucent paths in the air, which represent ether channels. Once the desired pattern is established, the user fills it with energy. Ether itself is invisible and intangible; nobody could see it or touch it directly. Ether kinetics is not magic, it is pure physics: you could apply force (e.g. moving the thing around) or pressure (e.g. compressing a gas) to a matter, no more than that. But in creative hands it's potential is endless! For example, if you compress air hard enough - it becomes hot and could set thing on fire. Or if you make air to move in one direction it makes a wind. But eth could be applied to anything material, not just air or other gases: levitating objects or moving liquids around also possible.
-Eth users are called etherkins, or etherkin in singular form.
-Fess does not have any supernatural activity: souls, ghosts or similar mystical creatures are impossible by the laws of the world.
+    ### Ether kinetics
 
-In summary:
-- Ether is and invisible and intangible energy.
-- Ether kinetics is manipulation of ether.
-- Eth is short name for ether kinetics.
-- Etherkin is the person who uses ether kinetics.
-- No supernatural activity.
+    In this world, people refer to what others might call magic as ether kinetics - the special ability of living beings to consciously manipulate a specific energy known as ether, causing various effects. For simplicity, ether kinetics is often referred to as eth. To use it, person should construct an imaginary structure, called an ether circuit or ether weaving, using their mind's eye to visualize slightly glowing translucent paths in the air, which represent ether channels. Once the desired pattern is established, the user fills it with energy. Ether itself is invisible and intangible; nobody could see it or touch it directly. Ether kinetics is not magic, it is pure physics: you could apply force (e.g. moving the thing around) or pressure (e.g. compressing a gas) to a matter, no more than that. But in creative hands it's potential is endless! For example, if you compress air hard enough - it becomes hot and could set thing on fire. Or if you make air to move in one direction it makes a wind. But eth could be applied to anything material, not just air or other gases: levitating objects or moving liquids around also possible.
+    Eth users are called etherkins, or etherkin in singular form.
+    Fess does not have any supernatural activity: souls, ghosts or similar mystical creatures are impossible by the laws of the world.
 
-### Races
+    In summary:
+    - Ether is and invisible and intangible energy.
+    - Ether kinetics is manipulation of ether.
+    - Eth is short name for ether kinetics.
+    - Etherkin is the person who uses ether kinetics.
+    - No supernatural activity.
 
-The people of Fess are divided into three races:
+    ### Races
 
-**Ida**:
-The vast majority of the population, analogous to Earth's humans. They possess no special abilities or advantages and are average in all respects. Important: don't call them "humans", because word "human" in this world could be applied to any race, including neka and folia. Replace "human" with "ida". They have many kingdoms of different size on the both sides of the Median Ridge.
+    The people of Fess are divided into three races:
 
-**Neka**:
-Members of this race possess certain animal traits such as animal ears or tails, though not always. They exhibit great physical strength, agility, and stamina. Nearly all of them were wiped out during the racist hunts over a thousand years ago. The surviving population now resides exclusively within Nordille, the largest city of the former neka kingdom. Occasionally, a few individual neka can be found traveling outside their city. Almost all neka are extremely devout towards Maya, mentioning her in nearly every conversation due to her saving their kind from extinction.
+    **Ida**:
+    The vast majority of the population, analogous to Earth's humans. They possess no special abilities or advantages and are average in all respects. Important: don't call them "humans", because word "human" in this world could be applied to any race, including neka and folia. Replace "human" with "ida". They have many kingdoms of different size on the both sides of the Median Ridge.
 
-**Folia**:
-Similar to high elves in popular culture, members of the folia race possess long ears, blonde or white hair, and are skilled in utilizing eth. They are often found dwelling in lush, verdant forests, where their keen senses and natural agility allow them to traverse the wilderness with ease. Folia are renowned for their archery skills, preferring to use bows crafted from the finest woods found in their forest homes. Their keen eyesight and steady hands make them formidable marksmen, capable of hitting targets with precision from great distances. In addition to their combat prowess, folia are also known for their wisdom and deep connection to nature. They often serve as guardians and caretakers of the forests, using their knowledge of plants and animals to maintain the delicate balance of their ecosystems. Folia are generally peaceful and prefer to avoid conflicts, but when threatened, they can be fierce defenders of their homes and loved ones. They have two countries: North and South Folia, both located in the dense forests at the south-west of the continent.
+    **Neka**:
+    Members of this race possess certain animal traits such as animal ears or tails, though not always. They exhibit great physical strength, agility, and stamina. Nearly all of them were wiped out during the racist hunts over a thousand years ago. The surviving population now resides exclusively within Nordille, the largest city of the former neka kingdom. Occasionally, a few individual neka can be found traveling outside their city. Almost all neka are extremely devout towards Maya, mentioning her in nearly every conversation due to her saving their kind from extinction.
 
-In a general sense, the words "human" or "people" can apply to any race in this world.
+    **Folia**:
+    Similar to high elves in popular culture, members of the folia race possess long ears, blonde or white hair, and are skilled in utilizing eth. They are often found dwelling in lush, verdant forests, where their keen senses and natural agility allow them to traverse the wilderness with ease. Folia are renowned for their archery skills, preferring to use bows crafted from the finest woods found in their forest homes. Their keen eyesight and steady hands make them formidable marksmen, capable of hitting targets with precision from great distances. In addition to their combat prowess, folia are also known for their wisdom and deep connection to nature. They often serve as guardians and caretakers of the forests, using their knowledge of plants and animals to maintain the delicate balance of their ecosystems. Folia are generally peaceful and prefer to avoid conflicts, but when threatened, they can be fierce defenders of their homes and loved ones. They have two countries: North and South Folia, both located in the dense forests at the south-west of the continent.
 
-### Geography
+    In a general sense, the words "human" or "people" can apply to any race in this world.
 
-Alongside Nordille, there are several notable geographical features:
+    ### Geography
 
-**Trinity**:
-Nestled in the middle of the continent, Trinity stands as a beacon of unity and cooperation among the races. This independent city-state is a harmonious blend of neka, ida, and folia cultures, with representatives from each race playing an active role in its governance. The city's architecture reflects this diversity, with neka-inspired stone structures, folia-influenced wooden buildings, and ida-created metalwork all coexisting in a beautiful tapestry of design.
-Trinity's streets are a vibrant mix of races, with neka and folia merchants hawking their wares alongside human craftsmen. The city's central plaza is home to a grand statue of Maya, symbolizing the unity and cooperation among the races. Here, festivals and celebrations are held throughout the year, bringing the people of Trinity together in a joyous display of their shared humanity.
+    Alongside Nordille, there are several notable geographical features:
 
-**The Eternal Desert**:
-Stretching across the equator of Fess like a vast, shimmering ribbon, the Eternal Desert is a formidable barrier that has long separated the known world from the mysteries of the southern hemisphere. Its endless dunes of golden sand, scorching heat, and lack of water have made it virtually impassable for centuries, earning it the reputation of an uncrossable wasteland. The few brave souls who have attempted to traverse its treacherous expanse have vanished without a trace, their fates lost to the unforgiving sands. As a result, the civilizations of Fess have flourished primarily in the northern regions, leaving the secrets of the southern lands to remain shrouded in legends.
+    **Trinity**:
+    Nestled in the middle of the continent, Trinity stands as a beacon of unity and cooperation among the races. This independent city-state is a harmonious blend of neka, ida, and folia cultures, with representatives from each race playing an active role in its governance. The city's architecture reflects this diversity, with neka-inspired stone structures, folia-influenced wooden buildings, and ida-created metalwork all coexisting in a beautiful tapestry of design.
+    Trinity's streets are a vibrant mix of races, with neka and folia merchants hawking their wares alongside human craftsmen. The city's central plaza is home to a grand statue of Maya, symbolizing the unity and cooperation among the races. Here, festivals and celebrations are held throughout the year, bringing the people of Trinity together in a joyous display of their shared humanity.
 
-**Median Ridge**:
-Towering majestically above the landscape, the Median Ridge is a colossal mountain range that stretches across the east of the continent like a jagged spine. Its towering peaks, shrouded in perpetual snow and ice, create an imposing barrier that divides the land into two distinct halves. The rugged terrain and extreme weather conditions make traversing the ridge a daunting task, limiting communication and trade between the isolated communities on the either sides of the mountains.
+    **The Eternal Desert**:
+    Stretching across the equator of Fess like a vast, shimmering ribbon, the Eternal Desert is a formidable barrier that has long separated the known world from the mysteries of the southern hemisphere. Its endless dunes of golden sand, scorching heat, and lack of water have made it virtually impassable for centuries, earning it the reputation of an uncrossable wasteland. The few brave souls who have attempted to traverse its treacherous expanse have vanished without a trace, their fates lost to the unforgiving sands. As a result, the civilizations of Fess have flourished primarily in the northern regions, leaving the secrets of the southern lands to remain shrouded in legends.
 
-### Maya
+    **Median Ridge**:
+    Towering majestically above the landscape, the Median Ridge is a colossal mountain range that stretches across the east of the continent like a jagged spine. Its towering peaks, shrouded in perpetual snow and ice, create an imposing barrier that divides the land into two distinct halves. The rugged terrain and extreme weather conditions make traversing the ridge a daunting task, limiting communication and trade between the isolated communities on the either sides of the mountains.
 
-Maya created the world of Fess around 1500 years ago as an imaginative playground, imbuing it with a rich history, diverse races, and an ether kinesis system instead of magic. As the world's creator, Maya has ultimate control over the realm and its inhabitants, but she doesn't think of herself as a traditional goddess figure. Her existence is widely accepted and acknowledged among Fess's inhabitants, who view her as a beloved and protective creator. She's living in that same world in a human form.
-Maya looks like a neka with a pair of wolf ears, black hair and a tail with white tips. On her right hand exists an intricate geometric tattoo, resembling an ether circuit with interwoven lines of varying thickness, that stretches from her palm all the way up to her shoulder, glowing with a vibrant cyan color. Her eyes are a deep blue. She wears a futuristic sleeveless bodysuit and a pair of similar looking pants. Maya is very self-assured and enjoys embarrassing villains. She has no weapons, because she doesn't need them.
-Nobody recognizes her in her human form and treats just as strange clothed neka, though.
-Her intentions in this world is simple: to enjoy food, to learn something new, maybe kick some asses of bad guys, and to get fun in general.
-As the creator, Maya has complete knowledge of Fess's history, geography, and the fundamental laws that govern its existence. She is aware of all the stories, secrets, and potential plot lines that could unfold within her creation. She has no hidden origins or secrets that she needs to uncover, as she is the one who created those aspects in the first place. Maya has no fears, and not afraid of anything, because she is an immortal being.
-`.trim();
+    ### Maya
+
+    Maya created the world of Fess around 1500 years ago as an imaginative playground, imbuing it with a rich history, diverse races, and an ether kinesis system instead of magic. As the world's creator, Maya has ultimate control over the realm and its inhabitants, but she doesn't think of herself as a traditional goddess figure. Her existence is widely accepted and acknowledged among Fess's inhabitants, who view her as a beloved and protective creator. She's living in that same world in a human form.
+    Maya looks like a neka with a pair of wolf ears, black hair and a tail with white tips. On her right hand exists an intricate geometric tattoo, resembling an ether circuit with interwoven lines of varying thickness, that stretches from her palm all the way up to her shoulder, glowing with a vibrant cyan color. Her eyes are a deep blue. She wears a futuristic sleeveless bodysuit and a pair of similar looking pants. Maya is very self-assured and enjoys embarrassing villains. She has no weapons, because she doesn't need them.
+    Nobody recognizes her in her human form and treats just as strange clothed neka, though.
+    Her intentions in this world is simple: to enjoy food, to learn something new, maybe kick some asses of bad guys, and to get fun in general.
+    As the creator, Maya has complete knowledge of Fess's history, geography, and the fundamental laws that govern its existence. She is aware of all the stories, secrets, and potential plot lines that could unfold within her creation. She has no hidden origins or secrets that she needs to uncover, as she is the one who created those aspects in the first place. Maya has no fears, and not afraid of anything, because she is an immortal being.
+`;
+
+export const START_PROMPT = p`
+    Write a novel using information above as a reference. Make sure to follow the lore exactly and avoid cliffhangers.
+`;
+
+export const CONTINUE_PROPMT = (prompt: string, isStart = false) => p`
+    This is a description of how you should ${isStart ? 'start' : 'continue'} this story: ${prompt}
+
+    Remember that this story should be infinite and go forever. Avoid cliffhangers and pauses.
+`;
 
 export const LLAMA_TEMPLATE = `{% for message in messages %}{% set content = '<|start_header_id|>' + message['role'] + '<|end_header_id|>\n\n'+ message['content'] | trim + '<|eot_id|>' %}{{ content }}{% endfor %}{% if add_generation_prompt %}{{ '<|start_header_id|>assistant<|end_header_id|>\n\n' }}{% endif %}`;
+
+export const BANNED_WORDS = [
+    " await",
+    " lie ahead",
+    " lies ahead",
+    " lay ahead",
+    " lays ahead",
+    "a testament to",
+    "anticipat",
+    "journey",
+    "voyage ",
+    "heart race",
+    "heart racing",
+    "mind race",
+    "mind racing",
+    "minds racing",
+    "minds race",
+    "Would you like that",
+    "What do you say",
+    "possibilities",
+    "predator",
+    " explor",
+    " intimate",
+    " bond",
+    " desire",
+    ".desire",
+    " biting",
+    " bites her plump lower lip",
+    " bites her lower lip",
+    " bites her lip",
+    " bit her lower lip",
+    " bit her lip",
+    " bites his plump lower lip",
+    " bites his lower lip",
+    " bites his lip",
+    " bit his lip",
+    "barely above a whisper",
+    "barely audible",
+    "barely a whisper",
+    " vulnerab",
+    " shiver",
+    " chill run",
+    " chill down",
+    " chill up",
+    "sparkling with mischief",
+    "tracing patterns",
+    "traced patterns",
+    "idly traces patterns",
+    " air is thick ",
+    " air was thick ",
+    " air thick ",
+    "aldric",
+    "elara",
+    "aedric",
+    "zephyr",
+    "lyra",
+    "timmy",
+    " indulg",
+    " embrac",
+    " hot and bothered",
+    "sex",
+    "manhood",
+    "boyhood",
+    "taboo",
+    "spill the beans",
+    "with need",
+    "slick folds",
+    "sensitive folds",
+    "glistening folds",
+    "wet folds",
+    "swollen folds",
+    "her folds",
+    "my folds",
+    "slippery folds",
+    "claim me as your",
+    "screaming your name",
+    "scream your name",
+    "awaits your next command",
+    "awaits your next move",
+    "waits for your next move",
+    "plump bottom lip",
+    "plump lip",
+    "claim",
+    " carnal",
+    " primal",
+    "...",
+    "…",
+    "throbbing",
+    " a mix of ",
+    " a blend of ",
+    "camaraderie",
+    "What do you think",
+    "boundaries",
+    " tapestr",
+    "dynamic",
+    "I see,",
+    "I see.",
+    " mournful ",
+    "voluptuous",
+    "eerie",
+    " ye ",
+    " ya ",
+].sort();
+
+export const GENERATION_SETTINGS = {
+    temperature: 0.8,
+    min_p: 0.1,
+    rep_pen: 1.08,
+    rep_pen_range: -1,
+    rep_pen_slope: 0.7,
+    top_k: 100,
+    top_p: 0.92,
+    banned_tokens: BANNED_WORDS,
+    max_length: 200,
+    trim_stop: true,
+    stop_sequence: ['[INST]', '[/INST]', '</s>', '<|']
+}
\ No newline at end of file
diff --git a/src/games/ai/context.tsx b/src/games/ai/context.tsx
index ef59fe4..bd5c1f2 100644
--- a/src/games/ai/context.tsx
+++ b/src/games/ai/context.tsx
@@ -4,6 +4,8 @@ import { compilePrompt, type IMessage } from "./messages";
 import { LLM } from "./llm";
 import { loadContext, saveContext, type IContext } from "./globalConfig";
 
+import messageSound from './assets/message.mp3';
+
 export interface IActions {
     setConnectionUrl: (url: string) => void;
     setInput: (url: string) => void;
@@ -13,6 +15,8 @@ export interface IActions {
     addMessage: (content: string, role: IMessage['role'], triggerNext?: boolean) => void;
     editMessage: (index: number, content: string) => void;
     deleteMessage: (index: number) => void;
+
+    continueMessage: () => void;
 }
 
 export type IGlobalContext = IContext & IActions;
@@ -53,20 +57,47 @@ export const GlobalContextProvider = ({ children }: { children?: any }) => {
         deleteMessage: (index) => setMessages(messages =>
             messages.filter((_, i) => i !== index)
         ),
+        continueMessage: () => setTriggerNext(true),
     }), []);
 
     useEffect(() => void (async () => {
         if (triggerNext) {
             setTriggerNext(false);
+            const lastMessage = messages.at(-1);
+            const isContinue = lastMessage?.role === 'assistant';
 
-            const prompt = await compilePrompt(messages);
-            const messageId = messages.length;
-            let text = '';
-            actions.addMessage('', 'assistant');
-            for await (const chunk of LLM.generate(prompt)) {
-                text += chunk;
-                actions.editMessage(messageId, text);
+            let promptMessages = isContinue ? messages.slice(0, -1) : messages;
+
+            let prompt = await compilePrompt(promptMessages);
+            let messageId: number;
+            let text: string;
+            let generatedLength = 0;
+            if (isContinue) {
+                messageId = messages.length - 1;
+                text = lastMessage?.swipes[lastMessage.currentSwipe].content;
+                prompt += text;
+            } else {
+                messageId = messages.length;
+                text = '';
+                actions.addMessage('', 'assistant');
             }
+            for (let attempt = 0; attempt < 2; attempt++) {
+                for await (const chunk of LLM.generate(prompt)) {
+                    text += chunk;
+                    generatedLength += chunk.trim().length;
+                    actions.editMessage(messageId, text);
+                }
+                if (generatedLength > 100) {
+                    break;
+                } else {
+                    text = text.trim() + '\n\n';
+                    promptMessages.push({ role: 'assistant', currentSwipe: 0, swipes: [{ content: text.trim() }] });
+                    promptMessages.push({ role: 'user', currentSwipe: 0, swipes: [{ content: '(continue)' }] });
+                    prompt = await compilePrompt(promptMessages, {rawUser: true});
+                }
+            }
+            messageSound.currentTime = 0;
+            messageSound.play();
         }
     })(), [triggerNext, messages]);
 
diff --git a/src/games/ai/globalConfig.ts b/src/games/ai/globalConfig.ts
index 79375ca..dd81042 100644
--- a/src/games/ai/globalConfig.ts
+++ b/src/games/ai/globalConfig.ts
@@ -33,5 +33,5 @@ export const loadContext = (): IContext => {
         }
     } catch { }
 
-    return { ...defaultContext, ...loadedContext };
+    return Object.assign(GLOBAL_CONFIG, { ...defaultContext, ...loadedContext });
 }
\ No newline at end of file
diff --git a/src/games/ai/llm.ts b/src/games/ai/llm.ts
index c2239b8..164d35e 100644
--- a/src/games/ai/llm.ts
+++ b/src/games/ai/llm.ts
@@ -1,6 +1,7 @@
 import Lock from "@common/lock";
 import SSE from "@common/sse";
 import { GLOBAL_CONFIG } from "./globalConfig";
+import { GENERATION_SETTINGS } from "./const";
 
 export namespace LLM {
     export async function* generate(prompt: string) {
@@ -10,11 +11,12 @@ export namespace LLM {
             return;
         }
 
+        console.log('[LLM.generate]', prompt);
+
         const sse = new SSE(`${host}/api/extra/generate/stream`, {
             payload: JSON.stringify({
-                temperature: 1.0,
+                ...GENERATION_SETTINGS,
                 prompt,
-                stop_sequence: [],
             }),
         });
 
@@ -71,7 +73,7 @@ export namespace LLM {
             return 0;
         }
         try {
-            const response = await fetch(`${host}/extra/tokencount`, {
+            const response = await fetch(`${host}/api/extra/tokencount`, {
                 body: JSON.stringify({ prompt }),
                 headers: { 'Content-Type': 'applicarion/json' },
                 method: 'POST',
@@ -94,7 +96,7 @@ export namespace LLM {
             return 0;
         }
         try {
-            const response = await fetch(`${host}/extra/true_max_context_length`);
+            const response = await fetch(`${host}/api/extra/true_max_context_length`);
             if (response.ok) {
                 const { value } = await response.json();
                 return value;
diff --git a/src/games/ai/messages.ts b/src/games/ai/messages.ts
index c733b40..5add817 100644
--- a/src/games/ai/messages.ts
+++ b/src/games/ai/messages.ts
@@ -1,5 +1,5 @@
 import { Template } from "@huggingface/jinja";
-import { LLAMA_TEMPLATE, SYSTEM_PROMPT, WORLD_INFO } from "./const";
+import { LLAMA_TEMPLATE, p, SYSTEM_PROMPT, CONTINUE_PROPMT, WORLD_INFO, START_PROMPT } from "./const";
 
 export interface ISwipe {
     content: string;
@@ -30,19 +30,83 @@ export const applyChatTemplate = (messages: ITemplateMessage[], templateString:
     return prompt;
 }
 
-export const compilePrompt = async (messages: IMessage[]): Promise<string> => {
+interface ICompileArgs {
+    rawUser?: boolean;
+}
+
+export const compilePrompt = async (messages: IMessage[], { rawUser }: ICompileArgs = {}): Promise<string> => {
     const system = `${SYSTEM_PROMPT}\n\n${WORLD_INFO}`.trim();
     const story = messages.filter(m => m.role === 'assistant').map(m => m.swipes[m.currentSwipe].content.trim()).join('\n\n');
-    const latestMessage = messages.filter(m => m.role === 'user').at(-1);
-    const userPrompt = `This is a description of how you should continue this story: ${latestMessage.swipes[latestMessage.currentSwipe].content}`;
+    const userMessages = messages.filter(m => m.role === 'user');
+    const lastUserMessage = userMessages.at(-1);
+    let userPrompt: string | undefined = lastUserMessage?.swipes[lastUserMessage.currentSwipe].content;
+    if (!rawUser && userPrompt) {
+        userPrompt = CONTINUE_PROPMT(userPrompt, story.length > 0);
+    }
 
     const templateMessages: ITemplateMessage[] = [
         { role: 'system', content: system },
-        { role: 'assistant', content: story },
-        { role: 'user', content: userPrompt },
     ];
 
+    if (story.length > 0) {
+        templateMessages.push({ role: 'user', content: START_PROMPT });
+        templateMessages.push({ role: 'assistant', content: story });
+    }
+
+    if (userPrompt) {
+        templateMessages.push({ role: 'user', content: userPrompt });
+    }
+
     const prompt = applyChatTemplate(templateMessages, LLAMA_TEMPLATE);
-    console.log(prompt);
     return prompt;
+}
+
+export const formatMessage = (message: string): string => {
+    const replaceRegex = /([*"]\*?)/ig;
+    const splitToken = '___SPLIT_AWOORWA___';
+
+    const preparedMessage = message.replace(replaceRegex, `${splitToken}$1${splitToken}`);
+    const parts = preparedMessage.split(splitToken);
+
+    let isText = true;
+    let keepPart = true;
+
+    let resultHTML = '';
+
+    for (const part of parts) {
+
+        if (isText) {
+            if (part === '*') {
+                isText = false;
+                keepPart = false;
+                resultHTML += `<span class="italic">`;
+            } else if (part === '**') {
+                isText = false;
+                keepPart = false;
+                resultHTML += `<span class="bold">`;
+            } else if (part === '"') {
+                isText = false;
+                keepPart = true;
+                resultHTML += `<span class="quote">"`;
+            } else {
+                resultHTML += part;
+            }
+        } else {
+            if (part === '*' || part === '**') {
+                resultHTML += `</span>`;
+                isText = true;
+            } else if (part === '"') {
+                resultHTML += `"</span>`;
+                isText = true;
+            } else {
+                resultHTML += part;
+            }
+        }
+    }
+
+    if (!isText) {
+        resultHTML += `</span>`;
+    }
+
+    return resultHTML;
 }
\ No newline at end of file