mirror of
https://github.com/vegu-ai/talemate.git
synced 2025-09-02 02:19:12 +00:00
bb1cf6941b
* move memory agent to directory structure * chromadb settings rework * memory agent improvements embedding presets support switching embeddings without restart support custom sentence transformer embeddings * toggle to hide / show disabled clients * add memory debug tools * chromadb no longer needs its dedicated config entry * add missing emits * fix initial value * hidden disabled clients no longer cause enumeration issues with client actions * improve memory agent error handling and hot reloading * more memory agent error handling * DEBUG_MEMORY_REQUESTS off * relock * sim suite: fix issue with removing or changing characters * relock * fix issue where actor dialogue editor would break with multiple characters in the scene * remove cruft * implement interrupt function * margin adjustments * fix rubber banding issue in world editor when editing certain text fields * status notification when re-importing vectorb due to embeddings change * properly open new client context on agent actions * move jiggle apply to the end of prompt tune stack * narrator agent length limit and jiggle settings added - also improve post generation cleanup * progress story prompt improvements * narrator prompt and cleanup tweaks * prompt tweak * revert * autocomplete dialogue improvements * Unified process (#141) * progress to unified process * --dev arg * use gunicorn to serve built frontend * gunicorn config adjustments * remove dist from gitignore * revert * uvicorn instead * save decode * graceful shutdown * refactor unified process * clean up frontend log messages * more logging fixes * 0.27.0 * startup message * clean up scripts a bit * fixes to update.bat * fixes to install.bat * sim suite supports generation cancellation * debug * simplify narrator prompts * prompt tweaks * unified docker file * update docker compose config for unified docker file * cruft * fix startup in linux docker * download punkt so its available * prompt tweaks * fix bug when editing scene outline would wipe message history * add o1 models * add sampler, scheduler and cfg config to a1111 visualizer * update installation docs * visualizer configurable timeout * memory agent docs * docs * relock * relock * fix issue where changing embeddings on immutable scene would hang * remove debug message * take torch install out of poetry since conditionals don't work. * torch gets installed through some dependency so put it back into poetry, but reinstall with cuda if cuda support exists * fix install syntax * no need for torchvision * torch cuda install added to linux install script * add torch cuda install to update.bat * docs * docs * relock * fix install.sh * handle torch+cuda install in docker * docs * typo
783 lines
No EOL
35 KiB
Vue
783 lines
No EOL
35 KiB
Vue
<template>
|
|
|
|
<v-sheet color="transparent" v-if="isEnvironment('scene')" class="mb-2">
|
|
<v-spacer></v-spacer>
|
|
<!-- quick settings as v-chips -->
|
|
<v-chip size="x-small" v-for="(option, index) in quickSettings" :key="index" @click="toggleQuickSetting(option.value)"
|
|
:color="option.status() === true ? 'success' : 'grey'"
|
|
:disabled="isInputDisabled()" class="ma-1">
|
|
<v-icon class="mr-1">{{ option.icon }}</v-icon>
|
|
{{ option.title }}
|
|
<v-icon class="ml-1" v-if="option.status() === true">mdi-check-circle-outline</v-icon>
|
|
<v-icon class="ml-1" v-else-if="option.status() === false">mdi-circle-outline</v-icon>
|
|
<v-tooltip v-else :text="option.status()">
|
|
<template v-slot:activator="{ props }">
|
|
<v-icon class="ml-1" v-bind="props" color="orange">mdi-alert-outline</v-icon>
|
|
</template>
|
|
</v-tooltip>
|
|
</v-chip>
|
|
|
|
<v-tooltip v-if="sceneHelp" :text="sceneHelp" class="pre-wrap">
|
|
<template v-slot:activator="{ props }">
|
|
<v-chip size="x-small" v-bind="props" color="primary" variant="text" class="ma-1">
|
|
<v-icon class="mr-1">mdi-help-circle-outline</v-icon>
|
|
{{ sceneName }} instructions
|
|
</v-chip>
|
|
</template>
|
|
</v-tooltip>
|
|
|
|
<v-tooltip v-if="sceneExperimental" text="This scenario is classified as experimental, likely requiring usage of a strong LLM to produce a decent experience." class="pre-wrap">
|
|
<template v-slot:activator="{ props }">
|
|
<v-chip size="x-small" v-bind="props" variant="text" color="warning" class="ma-1">
|
|
<v-icon class="mr-1">mdi-flask</v-icon>
|
|
Experimental
|
|
</v-chip>
|
|
</template>
|
|
</v-tooltip>
|
|
|
|
</v-sheet>
|
|
|
|
<!-- Hotbuttons Section -->
|
|
<div class="hotbuttons-section">
|
|
|
|
|
|
<!-- Section 0: Loading indicator and rerun tool -->
|
|
|
|
<v-card class="hotbuttons-section-1">
|
|
<v-card-actions>
|
|
<v-progress-circular class="ml-1 mr-3" size="24" v-if="!isWaitingForInput()" indeterminate="disable-shrink"
|
|
color="primary"></v-progress-circular>
|
|
<v-icon class="ml-1 mr-3" v-else-if="isWaitingForInput()">mdi-keyboard</v-icon>
|
|
<v-icon class="ml-1 mr-3" v-else>mdi-circle-outline</v-icon>
|
|
|
|
<v-tooltip v-if="!isWaitingForInput()" location="top"
|
|
text="Interrupt the current generation(s)"
|
|
class="pre-wrap"
|
|
max-width="300px">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mr-3" v-bind="props"
|
|
@click="interruptScene" color="primary" icon>
|
|
<v-icon>mdi-stop-circle-outline</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-tooltip>
|
|
|
|
<v-divider vertical></v-divider>
|
|
|
|
|
|
<v-tooltip v-if="isEnvironment('scene')" :disabled="isInputDisabled()" location="top"
|
|
:text="'Redo most recent AI message.\n[Ctrl: Provide instructions, +Alt: Rewrite]'"
|
|
class="pre-wrap"
|
|
max-width="300px">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey" v-bind="props" :disabled="isInputDisabled()"
|
|
@click="rerun" color="primary" icon>
|
|
<v-icon>mdi-refresh</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-tooltip>
|
|
|
|
<v-tooltip v-if="isEnvironment('scene')" :disabled="isInputDisabled()" location="top"
|
|
:text="'Redo most recent AI message (Nuke Option - use this to attempt to break out of repetition) \n[Ctrl: Provide instructions, +Alt: Rewrite]'"
|
|
class="pre-wrap"
|
|
max-width="300px">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey" v-bind="props" :disabled="isInputDisabled()"
|
|
@click="rerunNuke" color="primary" icon>
|
|
<v-icon>mdi-nuke</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-tooltip>
|
|
|
|
|
|
<v-tooltip v-if="commandActive" location="top"
|
|
text="Abort / end action.">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mr-3" v-bind="props" :disabled="!isWaitingForInput()"
|
|
@click="sendHotButtonMessage('!abort')" color="primary" icon>
|
|
<v-icon>mdi-cancel</v-icon>
|
|
|
|
</v-btn>
|
|
<span class="mr-3 ml-3 text-caption text-muted">{{ commandName }}</span>
|
|
</template>
|
|
</v-tooltip>
|
|
</v-card-actions>
|
|
</v-card>
|
|
|
|
|
|
<!-- Section 1: Game Interaction -->
|
|
<v-card class="hotbuttons-section-1" v-if="isEnvironment('scene')">
|
|
<v-card-actions>
|
|
|
|
<!-- actor actions -->
|
|
|
|
<v-menu>
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled() || npc_characters.length === 0" color="primary" icon>
|
|
<v-icon>mdi-account-voice</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
<v-list-subheader>Actor Actions</v-list-subheader>
|
|
<v-list-item density="compact" v-for="npc_name in npc_characters" :key="npc_name"
|
|
@click="sendHotButtonMessage('!ai_dialogue_directed:' + npc_name)" prepend-icon="mdi-bullhorn">
|
|
<v-list-item-title>Talk with Direction ({{ npc_name }})</v-list-item-title>
|
|
<v-list-item-subtitle>Generate dialogue ({{ npc_name }}) with prompt guide</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item density="compact" v-for="npc_name in npc_characters" :key="npc_name"
|
|
@click="sendHotButtonMessage('!ai_dialogue_selective:' + npc_name)" prepend-icon="mdi-comment-account-outline">
|
|
<v-list-item-title>Talk ({{ npc_name }})</v-list-item-title>
|
|
<v-list-item-subtitle>Generate dialogue ({{ npc_name }})</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item density="compact" v-for="(option, index) in actorActions" :key="index"
|
|
@click="sendHotButtonMessage('!' + option.value)" :prepend-icon="option.icon">
|
|
<v-list-item-title>{{ option.title }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ option.description }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
|
|
<!-- narrator actions -->
|
|
|
|
<v-menu>
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled()" color="primary" icon>
|
|
<v-icon>mdi-script-text</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
<v-list-subheader>Narrator Actions</v-list-subheader>
|
|
|
|
<v-list-item density="compact" v-for="(option, index) in narratorActions" :key="index"
|
|
@click="sendHotButtonMessage('!' + option.value)" :prepend-icon="option.icon">
|
|
<v-list-item-title>{{ option.title }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ option.description }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item density="compact" v-for="npc_name in npc_characters" :key="npc_name"
|
|
@click="sendHotButtonMessage('!narrate_c:' + npc_name)" prepend-icon="mdi-eye">
|
|
<v-list-item-title>Look at {{ npc_name }}</v-list-item-title>
|
|
<v-list-item-subtitle>Look at a character</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
|
|
<!-- advance time -->
|
|
|
|
<v-menu>
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled()" color="primary" icon>
|
|
<v-icon>mdi-clock</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list density="compact">
|
|
<v-list-subheader>Advance Time</v-list-subheader>
|
|
<v-list-item density="compact" v-for="(option, index) in advanceTimeOptions" :key="index"
|
|
@click="sendHotButtonMessage('!advance_time:' + option.value)">
|
|
<v-list-item-title density="compact" class="text-capitalize">{{ option.title }}</v-list-item-title>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
|
|
</v-card-actions>
|
|
</v-card>
|
|
|
|
<!-- Section 2: Tools -->
|
|
<v-card class="hotbuttons-section-2">
|
|
<v-card-actions>
|
|
|
|
|
|
<!-- world tools -->
|
|
|
|
<v-menu max-width="500px" v-if="isEnvironment('scene')">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled()" color="primary" icon>
|
|
<v-icon>mdi-earth</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
|
|
<v-list-subheader>Automatic state updates</v-list-subheader>
|
|
<div v-if="!worldStateReinforcementFavoriteExists()">
|
|
<v-alert dense variant="text" color="grey" icon="mdi-cube-scan">
|
|
<span>There are no favorite world state templates. You can add them in the <b>World State Manager</b>. Favorites will be shown here.
|
|
</span>
|
|
</v-alert>
|
|
</div>
|
|
<div v-else>
|
|
|
|
<!-- character templates -->
|
|
|
|
<div v-for="npc_name in npc_characters" :key="npc_name">
|
|
<v-list-item v-for="(template, index) in worldStateReinforcementFavoritesForNPCs()" :key="index"
|
|
@click="handleClickWorldStateTemplate(template, npc_name)"
|
|
prepend-icon="mdi-account">
|
|
<template v-slot:append>
|
|
<v-icon v-if="getTrackedCharacterState(npc_name, template.query) !== null" color="success">mdi-check-circle-outline</v-icon>
|
|
</template>
|
|
<v-list-item-title>{{ template.name }} ({{ npc_name }})</v-list-item-title>
|
|
<v-list-item-subtitle>{{ template.description }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</div>
|
|
|
|
<!-- player templates -->
|
|
|
|
<v-list-item v-for="(template, index) in worldStateReinforcementFavoritesForPlayer()" :key="'player' + index"
|
|
@click="handleClickWorldStateTemplate(template, getPlayerCharacterName())"
|
|
prepend-icon="mdi-account-tie">
|
|
<template v-slot:append>
|
|
<v-icon v-if="getTrackedCharacterState(getPlayerCharacterName(), template.query) !== null" color="success">mdi-check-circle-outline</v-icon>
|
|
</template>
|
|
<v-list-item-title>{{ template.name }} ({{ getPlayerCharacterName() }})</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
{{ template.description }}
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
|
|
<!-- world entry templates -->
|
|
|
|
<v-list-item v-for="(template, index) in worldStateReinforcementFavoritesForWorldEntry()" :key="'worldEntry' + index"
|
|
@click="handleClickWorldStateTemplate(template)"
|
|
prepend-icon="mdi-earth">
|
|
<template v-slot:append>
|
|
<v-icon v-if="getTrackedWorldState(template.query) !== null" color="success">mdi-check-circle-outline</v-icon>
|
|
</template>
|
|
<v-list-item-title>{{ template.name }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ template.description }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
|
|
</div>
|
|
|
|
<v-list-subheader>World State Tools</v-list-subheader>
|
|
<!-- open world state manager -->
|
|
<v-list-item density="compact" prepend-icon="mdi-book-open-page-variant" @click="openWorldStateManager()">
|
|
<v-list-item-title>Open the world state manager</v-list-item-title>
|
|
<v-list-item-subtitle>Manage characters, context and automatic state updates</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<!-- update world state -->
|
|
<v-list-item density="compact" prepend-icon="mdi-refresh" @click="updateWorlState()">
|
|
<v-list-item-title>Update the world state</v-list-item-title>
|
|
<v-list-item-subtitle>Refresh the current world state snapshot</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
|
|
|
|
|
|
<!-- creative / game mode toggle -->
|
|
|
|
<v-menu v-if="isEnvironment('scene')">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled()" color="primary" icon>
|
|
<v-icon>mdi-puzzle-edit</v-icon>
|
|
<v-icon v-if="potentialNewCharactersExist()" class="btn-notification" color="warning">mdi-human-greeting</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
<v-list-subheader>Creative Tools</v-list-subheader>
|
|
|
|
<!-- deactivate active characters -->
|
|
<v-list-item v-for="(character, index) in deactivatableCharacters" :key="index"
|
|
@click="deactivateCharacter($event, character)">
|
|
<template v-slot:prepend>
|
|
<v-icon color="secondary">mdi-exit-run</v-icon>
|
|
</template>
|
|
<v-list-item-title>Take out of scene: {{ character }}<v-chip variant="text" color="info" class="ml-1" size="x-small">Ctrl: no narration</v-chip></v-list-item-title>
|
|
<v-list-item-subtitle>Make {{ character }} a passive character.</v-list-item-subtitle>
|
|
</v-list-item>
|
|
|
|
<!-- reactivate inactive characters -->
|
|
<v-list-item v-for="(character, index) in inactiveCharacters" :key="index"
|
|
@click="activateCharacter($event, character)">
|
|
<template v-slot:prepend>
|
|
<v-icon color="secondary">mdi-human-greeting</v-icon>
|
|
</template>
|
|
<v-list-item-title>Call into scene: {{ character }}<v-chip variant="text" color="info" class="ml-1" size="x-small">Ctrl: no narration</v-chip></v-list-item-title>
|
|
<v-list-item-subtitle>Make {{ character }} an active character.</v-list-item-subtitle>
|
|
</v-list-item>
|
|
|
|
<!-- persist passive characters -->
|
|
<v-list-item v-for="(character, index) in potentialNewCharacters()" :key="index"
|
|
@click="introduceCharacter($event, character)">
|
|
<template v-slot:prepend>
|
|
<v-icon color="warning">mdi-human-greeting</v-icon>
|
|
</template>
|
|
<v-list-item-title>Introduce {{ character }}<v-chip variant="text" color="info" class="ml-1" size="x-small">Ctrl: no narration</v-chip></v-list-item-title>
|
|
<v-list-item-subtitle>Make {{ character }} an active character.</v-list-item-subtitle>
|
|
</v-list-item>
|
|
|
|
<!-- static tools -->
|
|
<v-list-item v-for="(option, index) in creativeGameMenu" :key="index"
|
|
@click="sendHotButtonMessage('!' + option.value)"
|
|
:prepend-icon="option.icon">
|
|
<v-list-item-title>{{ option.title }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ option.description }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
<v-tooltip v-else-if="isEnvironment('creative')" :disabled="isInputDisabled()" location="top" text="Switch to game mode">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled()"
|
|
@click="sendHotButtonMessage('!setenv_scene')" color="primary" icon>
|
|
<v-icon>mdi-gamepad-square</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-tooltip>
|
|
|
|
<!-- visualizer actions -->
|
|
|
|
<v-menu>
|
|
<template v-slot:activator="{ props }">
|
|
<v-progress-circular class="ml-1 mr-3" size="24" v-if="agentStatus.visual && agentStatus.visual.busy" indeterminate="disable-shrink"
|
|
color="secondary"></v-progress-circular>
|
|
<v-btn v-else class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled() || !visualAgentReady" color="primary" icon>
|
|
<v-icon>mdi-image-frame</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
<v-list-subheader>Visualize</v-list-subheader>
|
|
<!-- environment -->
|
|
<v-list-item @click="sendHotButtonMessage('!vis_env')" prepend-icon="mdi-image-filter-hdr">
|
|
<v-list-item-title>Visualize Environment</v-list-item-title>
|
|
<v-list-item-subtitle>Generate a background image of the environment</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<!-- npcs -->
|
|
<v-list-item v-for="npc_name in npc_characters" :key="npc_name"
|
|
@click="sendHotButtonMessage('!vis_char:' + npc_name)" prepend-icon="mdi-brush">
|
|
<v-list-item-title>Visualize {{ npc_name }}</v-list-item-title>
|
|
<v-list-item-subtitle>Generate a portrait of {{ npc_name }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
|
|
<!-- save menu -->
|
|
|
|
<v-menu>
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="hotkey mx-3" v-bind="props" :disabled="isInputDisabled()" color="primary" icon>
|
|
<v-icon>mdi-content-save</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
<v-list-subheader>Save</v-list-subheader>
|
|
<v-list-item v-for="(option, index) in saveMenu" :key="index"
|
|
@click="sendHotButtonMessage('!' + option.value)"
|
|
:prepend-icon="option.icon">
|
|
<v-list-item-title>{{ option.title }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ option.description }}</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
|
|
</v-card-actions>
|
|
</v-card>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
name: 'SceneTools',
|
|
props: {
|
|
passiveCharacters: Array,
|
|
inactiveCharacters: Array,
|
|
activeCharacters: Array,
|
|
playerCharacterName: String,
|
|
messageInput: String,
|
|
worldStateTemplates: Object,
|
|
agentStatus: Object,
|
|
},
|
|
computed: {
|
|
deactivatableCharacters() {
|
|
// this.activeCharacters without playerCharacterName
|
|
let characters = [];
|
|
for (let character of this.activeCharacters) {
|
|
if (character !== this.playerCharacterName) {
|
|
characters.push(character);
|
|
}
|
|
}
|
|
return characters;
|
|
},
|
|
worldStateReinforcementTemplates() {
|
|
let _templates = this.worldStateTemplates.by_type.state_reinforcement;
|
|
let templates = [];
|
|
|
|
for (let key in _templates) {
|
|
let template = _templates[key];
|
|
templates.push(template);
|
|
}
|
|
return templates;
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
commandActive: false,
|
|
commandName: null,
|
|
autoSave: true,
|
|
autoProgress: true,
|
|
sceneName: "Scene",
|
|
sceneHelp: "",
|
|
sceneExperimental: false,
|
|
canAutoSave: false,
|
|
visualAgentReady: false,
|
|
npc_characters: [],
|
|
|
|
quickSettings: [
|
|
{"value": "toggleAutoSave", "title": "Auto Save", "icon": "mdi-content-save", "description": "Automatically save after each game-loop", "status": () => { return this.canAutoSave ? this.autoSave : "Manually save scene for auto-save to be available"; }},
|
|
{"value": "toggleAutoProgress", "title": "Auto Progress", "icon": "mdi-robot", "description": "AI automatically progresses after player turn.", "status": () => { return this.autoProgress }},
|
|
],
|
|
|
|
saveMenu: [
|
|
{"value": "save_as", "title": "Save As", "icon": "mdi-content-save-all", "description": "Save the current scene as a new scene"},
|
|
{"value": "save", "title": "Save", "icon": "mdi-content-save", "description": "Save the current scene"},
|
|
],
|
|
|
|
narratorActions: [
|
|
{"value": "narrate_progress", "title": "Progress Story", "icon": "mdi-script-text-play", "description": "Progress the story"},
|
|
{"value": "narrate_progress_directed", "title": "Progress Story with Direction", "icon": "mdi-script-text-play", "description": "Progress the story (Provide prompt)"},
|
|
{"value": "narrate_dialogue", "title": "Narrate Environment", "icon": "mdi-waves", "description": "Describe visuals, smells and sounds based on the recent dialogue."},
|
|
{"value": "narrate_q", "title": "Query", "icon": "mdi-crystal-ball", "description": "Ask the narrator a question, or instruct to tell something."},
|
|
{"value": "narrate", "title": "Look at Scene", "icon": "mdi-table-headers-eye", "description": "Look at the current scene"},
|
|
],
|
|
|
|
actorActions: [
|
|
{"value": "ai_dialogue", "title": "Talk", "icon": "mdi-comment-text-outline", "description": "Generate dialogue"},
|
|
],
|
|
|
|
creativeGameMenu: [
|
|
{"value": "pc:prompt", "title": "Introduce new character (Directed)", "icon": "mdi-account-plus", "description": "Generate a new active character, based on prompt."},
|
|
{"value": "setenv_creative", "title": "Creative Mode", "icon": "mdi-puzzle-edit", "description": "Switch to creative mode (very early experimental version)"},
|
|
],
|
|
|
|
advanceTimeOptions: [
|
|
{"value" : "P10Y", "title": "10 years"},
|
|
{"value" : "P5Y", "title": "5 years"},
|
|
{"value" : "P3Y", "title": "3 years"},
|
|
{"value" : "P2Y", "title": "2 years"},
|
|
{"value" : "P1Y", "title": "1 year"},
|
|
{"value" : "P6M", "title": "6 months"},
|
|
{"value" : "P3M", "title": "3 months"},
|
|
{"value" : "P1M", "title": "1 month"},
|
|
{"value" : "P14D:2 Weeks later", "title": "2 weeks"},
|
|
{"value" : "P7D:1 Week later", "title": "1 week"},
|
|
{"value" : "P3D", "title": "3 days"},
|
|
{"value" : "P2D", "title": "2 days"},
|
|
{"value" : "P1D", "title": "1 day"},
|
|
{"value" : "PT12H", "title": "12 hours"},
|
|
{"value" : "PT8H", "title": "8 hours"},
|
|
{"value" : "PT4H", "title": "4 hours"},
|
|
{"value" : "PT2H", "title": "2 hours"},
|
|
{"value" : "PT1H", "title": "1 hour"},
|
|
{"value" : "PT30M", "title": "30 minutes"},
|
|
{"value" : "PT15M", "title": "15 minutes"},
|
|
{"value" : "PT5M", "title": "5 minutes"}
|
|
],
|
|
}
|
|
},
|
|
inject: [
|
|
'getWebsocket',
|
|
'registerMessageHandler',
|
|
'isInputDisabled',
|
|
'setInputDisabled',
|
|
'isWaitingForInput',
|
|
'scene',
|
|
'creativeEditor',
|
|
'appConfig',
|
|
'getTrackedCharacterState',
|
|
'getTrackedWorldState',
|
|
'getPlayerCharacterName',
|
|
'formatWorldStateTemplateString',
|
|
'characterSheet',
|
|
],
|
|
emits: [
|
|
'open-world-state-manager',
|
|
],
|
|
methods: {
|
|
|
|
potentialNewCharacters() {
|
|
// return all entries in passiveCharacters that dont exist in
|
|
// inactiveCharacters
|
|
let newCharacters = [];
|
|
for (let character of this.passiveCharacters) {
|
|
if (!this.inactiveCharacters.includes(character)) {
|
|
newCharacters.push(character);
|
|
}
|
|
}
|
|
return newCharacters;
|
|
},
|
|
|
|
activateCharacter(ev, name) {
|
|
let modifyNoNarration = ev.ctrlKey;
|
|
if(!modifyNoNarration) {
|
|
this.sendHotButtonMessage('!char_a:' + name);
|
|
} else {
|
|
this.sendHotButtonMessage('!char_a:' + name + ':no');
|
|
}
|
|
},
|
|
|
|
deactivateCharacter(ev, name) {
|
|
let modifyNoNarration = ev.ctrlKey;
|
|
if(!modifyNoNarration) {
|
|
this.sendHotButtonMessage('!char_d:' + name);
|
|
} else {
|
|
this.sendHotButtonMessage('!char_d:' + name + ':no');
|
|
}
|
|
},
|
|
|
|
introduceCharacter(ev, name) {
|
|
let modifyNoNarration = ev.ctrlKey;
|
|
if(!modifyNoNarration) {
|
|
this.sendHotButtonMessage('!persist_character:' + name);
|
|
} else {
|
|
this.sendHotButtonMessage('!persist_character:' + name + ':no');
|
|
}
|
|
},
|
|
|
|
potentialNewCharactersExist() {
|
|
return this.potentialNewCharacters().length > 0;
|
|
},
|
|
|
|
passiveCharactersExist() {
|
|
return this.passiveCharacters.length > 0;
|
|
},
|
|
|
|
passiveCharacterExists(name) {
|
|
return this.passiveCharacters.includes(name);
|
|
},
|
|
|
|
isEnvironment(typ) {
|
|
return this.scene().environment == typ;
|
|
},
|
|
|
|
sendHotButtonMessage(message) {
|
|
if (message == "!abort" || !this.isInputDisabled()) {
|
|
this.getWebsocket().send(JSON.stringify({ type: 'interact', text: message }));
|
|
this.setInputDisabled(true);
|
|
}
|
|
},
|
|
|
|
toggleQuickSetting(setting) {
|
|
if (setting == "toggleAutoSave") {
|
|
this.autoSave = !this.autoSave;
|
|
this.getWebsocket().send(JSON.stringify({ type: 'quick_settings', action: 'set', setting: 'auto_save', value: this.autoSave }));
|
|
} else if (setting == "toggleAutoProgress") {
|
|
this.autoProgress = !this.autoProgress;
|
|
this.getWebsocket().send(JSON.stringify({ type: 'quick_settings', action: 'set', setting: 'auto_progress', value: this.autoProgress }));
|
|
}
|
|
},
|
|
|
|
handleClickWorldStateTemplate(template, character_name) {
|
|
|
|
|
|
let query = this.formatWorldStateTemplateString(template.query, character_name);
|
|
|
|
// if state is active, clicking should open the world state manager
|
|
// otherwise, clicking should apply the template
|
|
|
|
if(character_name) {
|
|
let stateActive = this.getTrackedCharacterState(character_name, query) !== null;
|
|
if (stateActive) {
|
|
this.openWorldStateManager("characters", character_name, "reinforce", query);
|
|
} else {
|
|
this.getWebsocket().send(JSON.stringify({
|
|
type: "world_state_manager",
|
|
action: "apply_template",
|
|
template: template,
|
|
character_name: character_name,
|
|
run_immediately: true,
|
|
}));
|
|
}
|
|
} else {
|
|
let stateActive = this.getTrackedWorldState(query) !== null;
|
|
if (stateActive) {
|
|
this.openWorldStateManager("world", "states", query);
|
|
} else {
|
|
this.getWebsocket().send(JSON.stringify({
|
|
type: "world_state_manager",
|
|
action: "apply_template",
|
|
template: template,
|
|
character_name: null,
|
|
run_immediately: true,
|
|
}));
|
|
}
|
|
}
|
|
|
|
},
|
|
|
|
worldStateReinforcementFavoriteExists: function() {
|
|
for (let template of this.worldStateReinforcementTemplates) {
|
|
if(template.favorite) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
},
|
|
|
|
worldStateReinforcementFavoritesForWorldEntry() {
|
|
|
|
// 'world' entries
|
|
|
|
let favorites = [];
|
|
for (let template of this.worldStateReinforcementTemplates) {
|
|
if(template.favorite && template.state_type == "world") {
|
|
favorites.push(template);
|
|
}
|
|
}
|
|
return favorites;
|
|
|
|
},
|
|
|
|
worldStateReinforcementFavoritesForNPCs() {
|
|
|
|
// npc templates
|
|
|
|
let favorites = [];
|
|
for (let template of this.worldStateReinforcementTemplates) {
|
|
if(template.favorite && (template.state_type == "npc" || template.state_type == "character")) {
|
|
favorites.push(template);
|
|
}
|
|
}
|
|
return favorites;
|
|
},
|
|
|
|
worldStateReinforcementFavoritesForPlayer() {
|
|
|
|
// player templates
|
|
|
|
let favorites = [];
|
|
for (let template of this.worldStateReinforcementTemplates) {
|
|
if(template.favorite && template.state_type == "player" || template.state_type == "character") {
|
|
favorites.push(template);
|
|
}
|
|
}
|
|
return favorites;
|
|
},
|
|
|
|
openWorldStateManager(tab, sub1, sub2, sub3) {
|
|
this.$emit('open-world-state-manager', tab, sub1, sub2, sub3);
|
|
},
|
|
|
|
updateWorlState() {
|
|
this.getWebsocket().send(JSON.stringify({ type: 'interact', text: '!ws' }));
|
|
},
|
|
|
|
rerun(event) {
|
|
// if ctrl is pressed use directed rerun
|
|
let withDirection = event.ctrlKey;
|
|
let method = event.altKey || event.metaKey ? "edit" : "replace";
|
|
let command = "!rerun";
|
|
|
|
if(withDirection)
|
|
command += "_directed";
|
|
|
|
command += ":0.0:"+method;
|
|
|
|
// if alt is pressed
|
|
|
|
this.sendHotButtonMessage(command)
|
|
},
|
|
|
|
rerunNuke(event) {
|
|
// if ctrl is pressed use directed rerun
|
|
let withDirection = event.ctrlKey;
|
|
let method = event.altKey || event.metaKey ? "edit" : "replace";
|
|
let command = "!rerun";
|
|
|
|
if(withDirection)
|
|
command += "_directed";
|
|
|
|
// 0.5 nuke adjustment
|
|
command += ":0.5:"+method;
|
|
|
|
this.sendHotButtonMessage(command)
|
|
},
|
|
|
|
requestAutocompleteSuggestion() {
|
|
this.getWebsocket().send(JSON.stringify({ type: 'interact', text: `!acdlg:${this.messageInput}` }));
|
|
},
|
|
|
|
|
|
interruptScene() {
|
|
this.getWebsocket().send(JSON.stringify({ type: 'interrupt' }));
|
|
},
|
|
|
|
handleMessage(data) {
|
|
|
|
if (data.type === "command_status") {
|
|
if(data.status === "started") {
|
|
this.commandActive = true;
|
|
this.commandName = data.name;
|
|
} else {
|
|
this.commandActive = false;
|
|
this.commandName = null;
|
|
}
|
|
} else if (data.type === "scene_status") {
|
|
this.canAutoSave = data.data.can_auto_save;
|
|
this.autoSave = data.data.auto_save;
|
|
this.autoProgress = data.data.auto_progress;
|
|
this.sceneHelp = data.data.help;
|
|
this.sceneExperimental = data.data.experimental;
|
|
this.sceneName = data.name;
|
|
|
|
// collect npc characters
|
|
this.npc_characters = [];
|
|
for (let character of data.data.characters) {
|
|
if (!character.is_player) {
|
|
this.npc_characters.push(character.name);
|
|
}
|
|
}
|
|
return;
|
|
} else if (data.type === 'agent_status' && data.name === 'visual') {
|
|
this.visualAgentReady = data.status == 'idle' || data.status == 'busy' || data.status == 'busy_bg';
|
|
} else if (data.type === "quick_settings" && data.action === 'set_done') {
|
|
return;
|
|
}
|
|
|
|
|
|
},
|
|
|
|
},
|
|
mounted() {
|
|
},
|
|
created() {
|
|
this.registerMessageHandler(this.handleMessage);
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
.hotbuttons-section {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.hotbuttons-section-1,
|
|
.hotbuttons-section-2,
|
|
.hotbuttons-section-3 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.pre-wrap {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.btn-notification {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
font-size: 15px;
|
|
border-radius: 50%;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
</style> |