Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1444f202c6 | ||
|
|
f464bd5490 | ||
|
|
3cf91781f5 | ||
|
|
b57c4c075f | ||
|
|
bb317a9366 | ||
|
|
d8f8300ab9 | ||
|
|
4774223596 | ||
|
|
a235d71c21 | ||
|
|
de742f4079 | ||
|
|
f54499ee5c | ||
|
|
a111b95cef | ||
|
|
f4d3e2fc3b | ||
|
|
fa11314b23 | ||
|
|
c9b14e0726 | ||
|
|
b956527c72 | ||
|
|
7b0e43dff5 | ||
|
|
381c90e95e | ||
|
|
f317e6254f | ||
|
|
b6deecae0a | ||
|
|
a4f89f2b82 |
@@ -10,3 +10,5 @@
|
|||||||
- Helm charts are published to `harbor.k3s.k0.nu/ai-spel`; Argo CD uses the existing `ai-spel` project and namespace.
|
- Helm charts are published to `harbor.k3s.k0.nu/ai-spel`; Argo CD uses the existing `ai-spel` project and namespace.
|
||||||
- Player-facing speech uses the local Piper WebAssembly adapter when the player has activated audio. The separate `ai-spel-static` Nginx service serves pinned Swedish Piper models and ONNX/Piper runtime files from same-origin `/static/piper-wasm-v1/` URLs with immutable caching. Game text is synthesized on-device and must never be sent to a TTS provider.
|
- Player-facing speech uses the local Piper WebAssembly adapter when the player has activated audio. The separate `ai-spel-static` Nginx service serves pinned Swedish Piper models and ONNX/Piper runtime files from same-origin `/static/piper-wasm-v1/` URLs with immutable caching. Game text is synthesized on-device and must never be sent to a TTS provider.
|
||||||
- This pipeline bundles only the Piper worker/client glue. Model/runtime downloads, image builds, and deployment belong to `ai-spel/ai-spel-static` and the existing `large` runner. Never build or run these assets locally.
|
- This pipeline bundles only the Piper worker/client glue. Model/runtime downloads, image builds, and deployment belong to `ai-spel/ai-spel-static` and the existing `large` runner. Never build or run these assets locally.
|
||||||
|
- Browser local AI loads its client adapter, Wllama runtime, WebAssembly, Gemma model, manifest, YAML prompt, and license resources only from the same-origin `/static/wllama-gemma3-v2/` path owned by `ai-spel/ai-spel-static`. Do not add browser CDN, npm, or model-hub fallbacks. The player must be shown and accept applicable model terms before the model downloads or runs. Acceptance, model failure, or local-AI opt-out must never block play. Incompatible asset changes require a new immutable static path and a coordinated frontend release.
|
||||||
|
- Local model output is advisory only. Preserve the original player input, send local hints only as untrusted context to Rust, and label offline replies as unsaved. Local diagnostic logging is opt-in, browser-local, exportable/deletable, and expires after 30 days.
|
||||||
|
|||||||
@@ -6,11 +6,13 @@ After login, character creation and play use one dialogue history and one text i
|
|||||||
|
|
||||||
During play the UI has no persistent location, task, inventory, economy, status, or purchase panels. The player asks for information or writes an action in the same input. Rust validates state changes; the AI can only propose a typed intent. A direct request to travel may establish a new place and an encounter when Rust commits that movement.
|
During play the UI has no persistent location, task, inventory, economy, status, or purchase panels. The player asks for information or writes an action in the same input. Rust validates state changes; the AI can only propose a typed intent. A direct request to travel may establish a new place and an encounter when Rust commits that movement.
|
||||||
|
|
||||||
|
The dialogue also offers **Gör om senaste** and **Torrkör senaste**. Both resend the latest player action while leaving the previous dialogue turn out of the AI conversation context. “Gör om” processes a fresh, normal turn. “Torrkör” calls the narrator, generates and validates a temporary Luau rule when needed, and evaluates either that temporary rule or an approved stored rule. It rolls back the complete game transaction and does not save the player turn, AI trace, generated rule, event, ownership, or world progress. The reply identifies which rule was evaluated and marks a temporary rule as such.
|
||||||
|
|
||||||
If the player asks to find or approach someone and no NPC is present, the direct dialogue scene may propose one person and an opening line. Rust creates that NPC only for the explicit request and commits the first exchange idempotently; a later turn continues the saved conversation. Clear requests about the current location are answered from its saved facts without asking the player to restate what they want to inspect.
|
If the player asks to find or approach someone and no NPC is present, the direct dialogue scene may propose one person and an opening line. Rust creates that NPC only for the explicit request and commits the first exchange idempotently; a later turn continues the saved conversation. Clear requests about the current location are answered from its saved facts without asking the player to restate what they want to inspect.
|
||||||
|
|
||||||
The separate `/admin` route provides an authenticated operations view for player search/profile/trace, YAML prompt assets, generated Luau rules with validation results, runtime debug logging, and the append-only audit log. All privileged data comes from the Rust `/api/admin/...` API; the browser never connects directly to PostgreSQL. Backend endpoints require `accounts.is_admin=true`. The Driftloggar view lets an administrator switch `debug=true` on or off without restarting pods; the setting is stored in PostgreSQL and propagated to running replicas. Verbose pod logs include request, AI-call, validation, and commit metadata but never raw player text, prompts, model responses, sessions, or secrets. Full protected prompt/provider exchanges remain in the audited player trace.
|
The separate `/admin` route provides an authenticated operations view for player search/profile/trace, YAML prompt assets, generated Luau rules with validation results, runtime debug logging, and the append-only audit log. All privileged data comes from the Rust `/api/admin/...` API; the browser never connects directly to PostgreSQL. Backend endpoints require `accounts.is_admin=true`. The Driftloggar view lets an administrator switch `debug=true` on or off without restarting pods; the setting is stored in PostgreSQL and propagated to running replicas. Verbose pod logs include request, AI-call, validation, and commit metadata but never raw player text, prompts, model responses, sessions, or secrets. Full protected prompt/provider exchanges remain in the audited player trace.
|
||||||
|
|
||||||
The game is text- and dialogue-based and uses no images. Place descriptions include sound, smell, air/temperature, touch/surface, and spatial-orientation cues. Visible details may also be described in words, but are never required to understand the scene or play. The transcript is screen-reader announced, and Enter submits the input while Shift+Enter inserts a newline; no separate send button is required.
|
The game is text- and dialogue-based and uses no images. Place descriptions include sound, smell, air/temperature, touch/surface, and spatial-orientation cues. Visible details may also be described in words, but are never required to understand the scene or play. The transcript is screen-reader announced. A clearly labeled **Skicka** button beside the microphone submits typed text; Enter also submits while Shift+Enter inserts a newline. Typed text, speech transcriptions, and the send button all use the same submission flow.
|
||||||
|
|
||||||
Player-facing speech uses Piper TTS in WebAssembly in the browser after audio is activated by a user gesture. It reads game dialogue, onboarding, account responses, character and world creation, gameplay replies, in-game errors, and microphone disclosures; the `/admin` route is excluded. The audio is decoded and played through the Web Audio API, independently of `speechSynthesis`. The first unauthenticated visit keeps the introduction visible and it can be started with `Läs introduktionen`. New game replies are read automatically and the transcript remains available to screen readers and as text. Returning players hear the latest saved game reply when they reopen the game. The player can change speaking rate; narrator pitch is neutral and character pitch is varied consistently by voice identity. These preferences are stored in browser `localStorage`. If WebAssembly, model loading, or audio playback fails, the same content remains available as text and the dialogue offers a retry.
|
Player-facing speech uses Piper TTS in WebAssembly in the browser after audio is activated by a user gesture. It reads game dialogue, onboarding, account responses, character and world creation, gameplay replies, in-game errors, and microphone disclosures; the `/admin` route is excluded. The audio is decoded and played through the Web Audio API, independently of `speechSynthesis`. The first unauthenticated visit keeps the introduction visible and it can be started with `Läs introduktionen`. New game replies are read automatically and the transcript remains available to screen readers and as text. Returning players hear the latest saved game reply when they reopen the game. The player can change speaking rate; narrator pitch is neutral and character pitch is varied consistently by voice identity. These preferences are stored in browser `localStorage`. If WebAssembly, model loading, or audio playback fails, the same content remains available as text and the dialogue offers a retry.
|
||||||
|
|
||||||
|
|||||||
@@ -2,5 +2,5 @@ apiVersion: v2
|
|||||||
name: ai-spel-frontend
|
name: ai-spel-frontend
|
||||||
description: Static web frontend for the Swedish life simulator
|
description: Static web frontend for the Swedish life simulator
|
||||||
type: application
|
type: application
|
||||||
version: 0.1.57
|
version: 0.1.67
|
||||||
appVersion: "0.1.57"
|
appVersion: "0.1.67"
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
# ADR 0002: Run ONNX with one thread inside the Piper worker
|
||||||
|
|
||||||
|
## Decision
|
||||||
|
|
||||||
|
Configure ONNX Runtime Web to use one thread and stop backend initialization after 60 seconds. Piper already runs in a dedicated worker, so ONNX does not need to create another worker pool.
|
||||||
|
|
||||||
|
## Context
|
||||||
|
|
||||||
|
On iPad, the threaded ONNX WASM file downloaded fully, but the runtime did not report that initialization had completed. Nested worker startup and shared-memory setup are a likely compatibility boundary on mobile Safari. The available production assets currently include the threaded ONNX build.
|
||||||
|
|
||||||
|
## Consequences
|
||||||
|
|
||||||
|
This removes ONNX's additional worker pool and bounds initialization failures with a visible error. It may reduce inference throughput on desktop devices. CI and Kubernetes release verification must confirm that Piper still initializes and speaks on supported browsers; iPad acceptance remains a manual device check.
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
# ADR 0003: Limit Piper WASM to one thread and reset failed workers
|
||||||
|
|
||||||
|
## Decision
|
||||||
|
|
||||||
|
The Piper worker reports one available processor to Piper and configures ONNX Runtime for one thread. If a synthesis request fails, the browser client terminates that worker; the next player retry creates a fresh worker and ONNX module.
|
||||||
|
|
||||||
|
## Context
|
||||||
|
|
||||||
|
Piper TTS Web 1.0.3 sets `env.wasm.numThreads` from `navigator.hardwareConcurrency` during `TtsSession.init()`, after the application had configured ONNX Runtime. On iPad this could undo the single-thread setting and request a larger WASM worker pool. The library also retains a singleton session if ONNX initialization fails, so retrying in the same worker can reuse a failed initialization.
|
||||||
|
|
||||||
|
## Consequences
|
||||||
|
|
||||||
|
The one-thread limit reduces parallel inference but lowers memory pressure on mobile Safari. Failed initialization no longer poisons future attempts in the same worker. This cannot guarantee that every device has enough memory for the 63 MB medium voice model; the CI release and Kubernetes checks validate packaging and deployment, while actual iPad memory behavior still requires device verification.
|
||||||
+334
-25
@@ -17,6 +17,7 @@
|
|||||||
#dialogue li { margin-block: 1rem; white-space: pre-wrap; overflow-wrap: anywhere; }
|
#dialogue li { margin-block: 1rem; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||||
#dialogue li[data-role="user"] { font-weight: 650; }
|
#dialogue li[data-role="user"] { font-weight: 650; }
|
||||||
#dialogue li[data-role="assistant"] { padding-inline-start: .75rem; border-inline-start: .2rem solid currentColor; }
|
#dialogue li[data-role="assistant"] { padding-inline-start: .75rem; border-inline-start: .2rem solid currentColor; }
|
||||||
|
#dialogue li[data-role="system"] { padding-inline-start: .75rem; border-inline-start: .2rem dashed currentColor; font-size: .92em; }
|
||||||
#message { width: 100%; min-height: 3.5rem; box-sizing: border-box; }
|
#message { width: 100%; min-height: 3.5rem; box-sizing: border-box; }
|
||||||
#message-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
|
#message-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
|
||||||
#voice-status { min-height: 1.5em; }
|
#voice-status { min-height: 1.5em; }
|
||||||
@@ -29,6 +30,31 @@
|
|||||||
#admin-content pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 32rem; overflow: auto; }
|
#admin-content pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 32rem; overflow: auto; }
|
||||||
#admin-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1rem; }
|
#admin-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1rem; }
|
||||||
#player-search { display: flex; flex-wrap: wrap; align-items: end; gap: .5rem; }
|
#player-search { display: flex; flex-wrap: wrap; align-items: end; gap: .5rem; }
|
||||||
|
body.debug-layout { max-width: none; margin: 0; padding: .5rem; height: 100vh; overflow: hidden; }
|
||||||
|
#play-layout.debug-enabled { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .75rem; height: calc(100vh - 4rem); }
|
||||||
|
#play-layout.debug-enabled #play, #play-layout.debug-enabled #debug-panel { min-width: 0; height: 100%; overflow: auto; padding: 1rem; box-sizing: border-box; }
|
||||||
|
#play-layout.debug-enabled #debug-panel { border-inline-start: 1px solid currentColor; }
|
||||||
|
#debug-panel h2 { margin-block-start: 0; }
|
||||||
|
#debug-trace { display: grid; gap: .6rem; }
|
||||||
|
#debug-trace details { border: 1px solid currentColor; border-radius: .3rem; padding: .5rem; }
|
||||||
|
#debug-trace summary { cursor: pointer; overflow-wrap: anywhere; }
|
||||||
|
#debug-trace pre { white-space: pre-wrap; overflow-wrap: anywhere; font: .8rem/1.45 ui-monospace, monospace; }
|
||||||
|
.trace-chain { display: grid; gap: .65rem; margin-block: .75rem; }
|
||||||
|
.trace-step { border: 1px solid currentColor; border-inline-start: .35rem solid currentColor; border-radius: .3rem; padding: .65rem; }
|
||||||
|
.trace-step[data-engine="player"] { border-inline-start-color: #64748b; }
|
||||||
|
.trace-step[data-engine="ai"] { border-inline-start-color: #2563eb; }
|
||||||
|
.trace-step[data-engine="luau"] { border-inline-start-color: #9333ea; }
|
||||||
|
.trace-step[data-engine="rust"] { border-inline-start-color: #c2410c; }
|
||||||
|
.trace-step h3 { font-size: 1rem; margin: 0 0 .5rem; }
|
||||||
|
.trace-step .trace-engine { font-weight: 750; }
|
||||||
|
.trace-step pre { margin: .25rem 0 .75rem; }
|
||||||
|
.trace-raw { margin-block-start: .75rem; }
|
||||||
|
@media (max-width: 800px) {
|
||||||
|
body.debug-layout { height: auto; overflow: auto; }
|
||||||
|
#play-layout.debug-enabled { grid-template-columns: minmax(0, 1fr); height: auto; }
|
||||||
|
#play-layout.debug-enabled #play { min-height: 55vh; }
|
||||||
|
#play-layout.debug-enabled #debug-panel { min-height: 45vh; border-inline-start: 0; border-block-start: 1px solid currentColor; }
|
||||||
|
}
|
||||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||||
[hidden] { display: none !important; }
|
[hidden] { display: none !important; }
|
||||||
footer { margin-top: 2rem; border-top: 1px solid; padding-top: .5rem; color: GrayText; font-size: .875rem; }
|
footer { margin-top: 2rem; border-top: 1px solid; padding-top: .5rem; color: GrayText; font-size: .875rem; }
|
||||||
@@ -48,14 +74,15 @@
|
|||||||
<div><button type="submit" name="intent" value="login">Logga in</button> <button type="submit" name="intent" value="register">Skapa konto</button></div>
|
<div><button type="submit" name="intent" value="login">Logga in</button> <button type="submit" name="intent" value="register">Skapa konto</button></div>
|
||||||
</form>
|
</form>
|
||||||
</section>
|
</section>
|
||||||
|
<div id="play-layout">
|
||||||
<section id="play" aria-label="Spelets dialog" hidden>
|
<section id="play" aria-label="Spelets dialog" hidden>
|
||||||
<h1 class="sr-only">Dialog</h1>
|
<h1 class="sr-only">Dialog</h1>
|
||||||
<ol id="dialogue" aria-label="Dialoghistorik" role="log" aria-live="polite" aria-relevant="additions text"></ol>
|
<ol id="dialogue" aria-label="Dialoghistorik" role="log" aria-live="polite" aria-relevant="additions text"></ol>
|
||||||
<form id="message-form">
|
<form id="message-form">
|
||||||
<label for="message" id="message-label">Skriv ett meddelande</label>
|
<label for="message" id="message-label">Skriv ett meddelande</label>
|
||||||
<textarea id="message" name="message" maxlength="4000" aria-describedby="message-help" autocomplete="off"></textarea>
|
<textarea id="message" name="message" maxlength="4000" aria-describedby="message-help" autocomplete="off"></textarea>
|
||||||
<div id="message-tools"><button type="button" id="microphone" aria-pressed="false" aria-describedby="voice-status">Starta mikrofon</button></div>
|
<div id="message-tools"><button type="submit" id="send-message">Skicka</button> <button type="button" id="microphone" aria-pressed="false" aria-describedby="voice-status">Starta mikrofon</button> <button type="button" id="redo-action" disabled>Gör om senaste</button> <button type="button" id="dry-run-action" disabled>Torrkör senaste</button></div>
|
||||||
<span id="message-help" class="sr-only">Tryck Enter för att skicka. Tryck Skift och Enter för ny rad.</span>
|
<span id="message-help" class="sr-only">Tryck på Skicka eller Enter för att skicka. Tryck Skift och Enter för ny rad.</span>
|
||||||
</form>
|
</form>
|
||||||
<p id="voice-status" role="status" aria-live="polite"></p>
|
<p id="voice-status" role="status" aria-live="polite"></p>
|
||||||
<div id="speech-progress-container" hidden>
|
<div id="speech-progress-container" hidden>
|
||||||
@@ -64,6 +91,14 @@
|
|||||||
<output id="speech-progress-value" for="speech-progress">Väntar på nedladdning</output>
|
<output id="speech-progress-value" for="speech-progress">Väntar på nedladdning</output>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<aside id="debug-panel" aria-labelledby="debug-heading" hidden>
|
||||||
|
<h2 id="debug-heading">Beslutsspårning</h2>
|
||||||
|
<p>Administratörsvy för ditt eget spelkonto. Varje steg visar sparad indata och utdata i kedjan: spelare (grå), AI (blå), Luau (lila) och Rust (orange). Promptar, modelltrafik, regelresultat och commit visas från revisionsloggad API-data. Hemligheter och credentials maskeras av servern.</p>
|
||||||
|
<button type="button" id="debug-refresh">Uppdatera spår</button>
|
||||||
|
<p id="debug-status" role="status" aria-live="polite">Hämtar spårning…</p>
|
||||||
|
<div id="debug-trace" aria-label="Kronologiskt beslutsspår"></div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
<section id="admin-view" aria-labelledby="admin-heading" hidden>
|
<section id="admin-view" aria-labelledby="admin-heading" hidden>
|
||||||
<h1 id="admin-heading">Administration</h1>
|
<h1 id="admin-heading">Administration</h1>
|
||||||
<p>Privilegierad läsning loggas. Känsligt spelarinnehåll visas bara här för administratörer.</p>
|
<p>Privilegierad läsning loggas. Känsligt spelarinnehåll visas bara här för administratörer.</p>
|
||||||
@@ -81,9 +116,14 @@
|
|||||||
<footer id="version-footer">Frontend <span id="frontend-version">__FRONTEND_VERSION__</span> · Statik <span id="static-version">hämtar version…</span> · API <span id="api-version">hämtar version…</span></footer>
|
<footer id="version-footer">Frontend <span id="frontend-version">__FRONTEND_VERSION__</span> · Statik <span id="static-version">hämtar version…</span> · API <span id="api-version">hämtar version…</span></footer>
|
||||||
<script src="/piper-runtime.js?v=__FRONTEND_VERSION__"></script>
|
<script src="/piper-runtime.js?v=__FRONTEND_VERSION__"></script>
|
||||||
<script src="/voice.js?v=__FRONTEND_VERSION__"></script>
|
<script src="/voice.js?v=__FRONTEND_VERSION__"></script>
|
||||||
|
<script src="/static/wllama-gemma3-v2/local-ai.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const auth = document.querySelector('#auth');
|
const auth = document.querySelector('#auth');
|
||||||
const play = document.querySelector('#play');
|
const play = document.querySelector('#play');
|
||||||
|
const playLayout = document.querySelector('#play-layout');
|
||||||
|
const debugPanel = document.querySelector('#debug-panel');
|
||||||
|
const debugTrace = document.querySelector('#debug-trace');
|
||||||
|
const debugStatus = document.querySelector('#debug-status');
|
||||||
const adminView = document.querySelector('#admin-view');
|
const adminView = document.querySelector('#admin-view');
|
||||||
const adminContent = document.querySelector('#admin-content');
|
const adminContent = document.querySelector('#admin-content');
|
||||||
const transcript = document.querySelector('#dialogue');
|
const transcript = document.querySelector('#dialogue');
|
||||||
@@ -93,9 +133,12 @@
|
|||||||
let characterDraft = null;
|
let characterDraft = null;
|
||||||
let worldDraft = null;
|
let worldDraft = null;
|
||||||
let gameState = null;
|
let gameState = null;
|
||||||
|
let currentAccount = null;
|
||||||
|
let debugRefreshBusy = false;
|
||||||
let submitBusy = false;
|
let submitBusy = false;
|
||||||
let pendingDialogue = null;
|
let pendingDialogue = null;
|
||||||
let latestAssistantText = '';
|
let latestAssistantText = '';
|
||||||
|
let latestPlayerAction = '';
|
||||||
let latestAssistantVoice = {role: 'narrator', voiceIdentity: 'neutral'};
|
let latestAssistantVoice = {role: 'narrator', voiceIdentity: 'neutral'};
|
||||||
let speechRecoveryElement = null;
|
let speechRecoveryElement = null;
|
||||||
const voiceSettingsKey = 'ai-spel.voice-settings.v2';
|
const voiceSettingsKey = 'ai-spel.voice-settings.v2';
|
||||||
@@ -120,6 +163,7 @@
|
|||||||
line.dataset.role = role;
|
line.dataset.role = role;
|
||||||
line.textContent = `${options.speaker || (role === 'user' ? 'Du' : 'Berättelsen')}: ${content}`;
|
line.textContent = `${options.speaker || (role === 'user' ? 'Du' : 'Berättelsen')}: ${content}`;
|
||||||
transcript.append(line);
|
transcript.append(line);
|
||||||
|
if (role === 'user' || role === 'assistant') window.localGameAI?.record({type: 'dialogue', role, content});
|
||||||
line.scrollIntoView({block: 'end'});
|
line.scrollIntoView({block: 'end'});
|
||||||
if (role === 'assistant') {
|
if (role === 'assistant') {
|
||||||
latestAssistantText = content;
|
latestAssistantText = content;
|
||||||
@@ -130,6 +174,24 @@
|
|||||||
}
|
}
|
||||||
return line;
|
return line;
|
||||||
}
|
}
|
||||||
|
let activityStatusLine = null;
|
||||||
|
function setActivityStatus(message) {
|
||||||
|
if (!message) return;
|
||||||
|
if (!activityStatusLine?.isConnected) {
|
||||||
|
activityStatusLine = document.createElement('li');
|
||||||
|
activityStatusLine.dataset.role = 'system';
|
||||||
|
activityStatusLine.dataset.activityStatus = 'true';
|
||||||
|
activityStatusLine.setAttribute('role', 'status');
|
||||||
|
activityStatusLine.setAttribute('aria-live', 'polite');
|
||||||
|
transcript.append(activityStatusLine);
|
||||||
|
}
|
||||||
|
activityStatusLine.textContent = `Berättelsen: ${message}`;
|
||||||
|
activityStatusLine.scrollIntoView({block: 'end'});
|
||||||
|
}
|
||||||
|
function clearActivityStatus() {
|
||||||
|
activityStatusLine?.remove();
|
||||||
|
activityStatusLine = null;
|
||||||
|
}
|
||||||
function biographyContextText(context) {
|
function biographyContextText(context) {
|
||||||
if (!context || typeof context !== 'object') return '';
|
if (!context || typeof context !== 'object') return '';
|
||||||
const details = [];
|
const details = [];
|
||||||
@@ -164,6 +226,32 @@
|
|||||||
const authVoiceStatus = document.querySelector('#auth-voice-status');
|
const authVoiceStatus = document.querySelector('#auth-voice-status');
|
||||||
if (authVoiceStatus && !auth.hidden && message) authVoiceStatus.textContent = message;
|
if (authVoiceStatus && !auth.hidden && message) authVoiceStatus.textContent = message;
|
||||||
}
|
}
|
||||||
|
window.addEventListener('local-ai-status', event => {
|
||||||
|
if (!currentAccount || currentAccount.is_admin || play.hidden) return;
|
||||||
|
const detail = typeof event.detail === 'string' ? {text: event.detail} : event.detail;
|
||||||
|
const statusAttribute = detail.type === 'activity' ? 'data-local-ai-activity' : 'data-local-ai-status';
|
||||||
|
let statusLine = transcript.querySelector(`li[${statusAttribute}]`);
|
||||||
|
if (!statusLine) {
|
||||||
|
statusLine = appendLine(detail.type === 'terms-required' ? 'assistant' : 'system', detail.text || '', {
|
||||||
|
speaker: 'Lokal AI', speak: detail.type === 'terms-required',
|
||||||
|
});
|
||||||
|
statusLine.setAttribute(statusAttribute, 'true');
|
||||||
|
statusLine.setAttribute('role', 'status');
|
||||||
|
statusLine.setAttribute('aria-live', 'polite');
|
||||||
|
}
|
||||||
|
statusLine.replaceChildren(document.createTextNode(`Lokal AI: ${detail.text || ''}`));
|
||||||
|
if (detail.type === 'terms-required') {
|
||||||
|
statusLine.append(document.createTextNode(' Läs dokumenten: '));
|
||||||
|
for (const [label, url] of [['Spelvillkor för Gemma', detail.user_terms], ['Gemma-villkor', detail.terms], ['policy för förbjuden användning', detail.policy], ['modellinformation', detail.notice]]) {
|
||||||
|
if (!url) continue;
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.href = url; link.target = '_blank'; link.rel = 'noopener noreferrer';
|
||||||
|
link.textContent = label;
|
||||||
|
statusLine.append(link, document.createTextNode('. '));
|
||||||
|
}
|
||||||
|
statusLine.append(document.createElement('br'), document.createTextNode(detail.command || ''));
|
||||||
|
}
|
||||||
|
});
|
||||||
function updateSpeechProgress(message = '') {
|
function updateSpeechProgress(message = '') {
|
||||||
const container = document.querySelector('#speech-progress-container');
|
const container = document.querySelector('#speech-progress-container');
|
||||||
const progress = document.querySelector('#speech-progress');
|
const progress = document.querySelector('#speech-progress');
|
||||||
@@ -172,6 +260,7 @@
|
|||||||
const preparing = message.startsWith('Förbereder svensk uppläsning.');
|
const preparing = message.startsWith('Förbereder svensk uppläsning.');
|
||||||
const phase = [
|
const phase = [
|
||||||
'Laddar WebAssembly-motorn för svensk uppläsning.',
|
'Laddar WebAssembly-motorn för svensk uppläsning.',
|
||||||
|
'Startar WebAssembly-motorn efter nedladdning av',
|
||||||
'Hämtar information om den svenska röstmodellen.',
|
'Hämtar information om den svenska röstmodellen.',
|
||||||
'Ansluter till servern för att hämta den svenska röstmodellen.',
|
'Ansluter till servern för att hämta den svenska röstmodellen.',
|
||||||
'Läser in den svenska röstmodellen.',
|
'Läser in den svenska röstmodellen.',
|
||||||
@@ -249,6 +338,8 @@
|
|||||||
function refreshMicrophone() {
|
function refreshMicrophone() {
|
||||||
const button = document.querySelector('#microphone');
|
const button = document.querySelector('#microphone');
|
||||||
if (button) button.disabled = play.hidden || messageField.disabled || submitBusy;
|
if (button) button.disabled = play.hidden || messageField.disabled || submitBusy;
|
||||||
|
const sendButton = document.querySelector('#send-message');
|
||||||
|
if (sendButton) sendButton.disabled = play.hidden || messageField.disabled || submitBusy;
|
||||||
}
|
}
|
||||||
function persistVoiceSettings() {
|
function persistVoiceSettings() {
|
||||||
voiceSettings.mode = 'game-voice';
|
voiceSettings.mode = 'game-voice';
|
||||||
@@ -406,11 +497,15 @@
|
|||||||
: next === 'world-draft'
|
: next === 'world-draft'
|
||||||
? 'Ändra startförslaget eller skriv “godkänn”'
|
? 'Ändra startförslaget eller skriv “godkänn”'
|
||||||
: 'Skriv vad du vill göra eller fråga';
|
: 'Skriv vad du vill göra eller fråga';
|
||||||
|
refreshActionTools();
|
||||||
messageField.focus();
|
messageField.focus();
|
||||||
}
|
}
|
||||||
function showAuth() {
|
function showAuth() {
|
||||||
stage = 'auth';
|
stage = 'auth';
|
||||||
play.hidden = true;
|
play.hidden = true;
|
||||||
|
debugPanel.hidden = true;
|
||||||
|
playLayout.classList.remove('debug-enabled');
|
||||||
|
document.body.classList.remove('debug-layout');
|
||||||
adminView.hidden = true;
|
adminView.hidden = true;
|
||||||
auth.hidden = false;
|
auth.hidden = false;
|
||||||
document.querySelector('#auth-heading').textContent = location.pathname === '/admin' ? 'Administratörsinloggning' : 'Svensk livssimulator';
|
document.querySelector('#auth-heading').textContent = location.pathname === '/admin' ? 'Administratörsinloggning' : 'Svensk livssimulator';
|
||||||
@@ -425,6 +520,10 @@
|
|||||||
auth.hidden = true;
|
auth.hidden = true;
|
||||||
adminView.hidden = true;
|
adminView.hidden = true;
|
||||||
play.hidden = false;
|
play.hidden = false;
|
||||||
|
const showDebug = currentAccount?.is_admin === true;
|
||||||
|
debugPanel.hidden = !showDebug;
|
||||||
|
playLayout.classList.toggle('debug-enabled', showDebug);
|
||||||
|
document.body.classList.toggle('debug-layout', showDebug);
|
||||||
refreshMicrophone();
|
refreshMicrophone();
|
||||||
messageField.focus();
|
messageField.focus();
|
||||||
}
|
}
|
||||||
@@ -434,6 +533,9 @@
|
|||||||
voiceController.stopAll();
|
voiceController.stopAll();
|
||||||
auth.hidden = true;
|
auth.hidden = true;
|
||||||
play.hidden = true;
|
play.hidden = true;
|
||||||
|
debugPanel.hidden = true;
|
||||||
|
playLayout.classList.remove('debug-enabled');
|
||||||
|
document.body.classList.remove('debug-layout');
|
||||||
adminView.hidden = false;
|
adminView.hidden = false;
|
||||||
document.querySelector('#version-footer').hidden = true;
|
document.querySelector('#version-footer').hidden = true;
|
||||||
}
|
}
|
||||||
@@ -590,16 +692,17 @@
|
|||||||
stage = 'world-start';
|
stage = 'world-start';
|
||||||
messageField.disabled = true;
|
messageField.disabled = true;
|
||||||
appendLine('user', message);
|
appendLine('user', message);
|
||||||
appendLine('assistant', 'Jag tar fram ett förslag på startplats och startläge…');
|
setActivityStatus('Berättaren ber AI ta fram ett förslag på startvärld och en plats som passar din biografi.');
|
||||||
try {
|
try {
|
||||||
const proposal = await request('/api/world/draft', {
|
const proposal = await request('/api/world/draft', {
|
||||||
method: 'POST', headers: {'content-type': 'application/json'},
|
method: 'POST', headers: {'content-type': 'application/json'},
|
||||||
body: JSON.stringify({input: message, current_draft: worldDraft}),
|
body: JSON.stringify({input: message, current_draft: worldDraft}),
|
||||||
});
|
});
|
||||||
worldDraft = proposal.draft;
|
worldDraft = proposal.draft;
|
||||||
const senses = worldDraft.location_senses;
|
clearActivityStatus();
|
||||||
appendLine('assistant', `${proposal.message}\n\nVärld: ${worldDraft.name}\nStartplats: ${worldDraft.location_name}. ${worldDraft.location_description}\nLjud: ${senses.sound}\nDoft: ${senses.smell}\nLuft och temperatur: ${senses.air_and_temperature}\nBeröring och ytor: ${senses.touch_and_surfaces}\nOrientering: ${senses.spatial_orientation}\nStartbelopp: ${worldDraft.starting_balance_sek} kronor. ${worldDraft.offer_name} kostar ${worldDraft.offer_price_sek} kronor.\n\nSkriv ändringar eller “godkänn”.`);
|
appendLine('assistant', `${proposal.message}\n\nVärld: ${worldDraft.name}\nStartplats: ${worldDraft.location_name}. ${worldDraft.location_description}\nStartbelopp: ${worldDraft.starting_balance_sek} kronor. ${worldDraft.offer_name} kostar ${worldDraft.offer_price_sek} kronor.\n\nSkriv ändringar eller “godkänn”.`);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
clearActivityStatus();
|
||||||
appendLine('assistant', `Förslaget kunde inte tas fram: ${error.message}. Skriv “försök igen” när du vill försöka på nytt.`);
|
appendLine('assistant', `Förslaget kunde inte tas fram: ${error.message}. Skriv “försök igen” när du vill försöka på nytt.`);
|
||||||
}
|
}
|
||||||
setStage('world-draft');
|
setStage('world-draft');
|
||||||
@@ -613,6 +716,7 @@
|
|||||||
}
|
}
|
||||||
appendLine('user', message);
|
appendLine('user', message);
|
||||||
messageField.disabled = true;
|
messageField.disabled = true;
|
||||||
|
setActivityStatus('Sparar det godkända världsförslaget och skapar din startposition.');
|
||||||
try {
|
try {
|
||||||
gameState = await request('/api/world/start', {
|
gameState = await request('/api/world/start', {
|
||||||
method: 'POST', headers: {'content-type': 'application/json'}, body: JSON.stringify(worldDraft),
|
method: 'POST', headers: {'content-type': 'application/json'}, body: JSON.stringify(worldDraft),
|
||||||
@@ -620,8 +724,10 @@
|
|||||||
worldDraft = null;
|
worldDraft = null;
|
||||||
await loadSavedDialogue();
|
await loadSavedDialogue();
|
||||||
setStage('game');
|
setStage('game');
|
||||||
|
clearActivityStatus();
|
||||||
appendLine('assistant', 'Du kan fråga om platsen, dina saker eller din ekonomi, vänta, handla, prata med någon som finns här eller skriva vart du vill gå.');
|
appendLine('assistant', 'Du kan fråga om platsen, dina saker eller din ekonomi, vänta, handla, prata med någon som finns här eller skriva vart du vill gå.');
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
clearActivityStatus();
|
||||||
appendLine('assistant', `Världsförslaget kunde inte sparas: ${error.message}. Förslaget finns kvar så att du kan försöka igen.`);
|
appendLine('assistant', `Världsförslaget kunde inte sparas: ${error.message}. Förslaget finns kvar så att du kan försöka igen.`);
|
||||||
}
|
}
|
||||||
messageField.disabled = false;
|
messageField.disabled = false;
|
||||||
@@ -631,21 +737,25 @@
|
|||||||
const lines = await request('/api/dialogue');
|
const lines = await request('/api/dialogue');
|
||||||
transcript.replaceChildren();
|
transcript.replaceChildren();
|
||||||
latestAssistantText = '';
|
latestAssistantText = '';
|
||||||
for (const line of lines) appendLine(line.role === 'user' ? 'user' : 'assistant', line.content, {speak: false});
|
latestPlayerAction = [...lines].reverse().find(line => line.role === 'user')?.content || '';
|
||||||
|
for (const line of lines) appendLine(line.role === 'user' ? 'user' : line.role === 'system' ? 'system' : 'assistant', line.content, {speaker: line.speaker, speak: false});
|
||||||
|
refreshActionTools();
|
||||||
if (lines.length > 0 && latestAssistantText && location.pathname !== '/admin') {
|
if (lines.length > 0 && latestAssistantText && location.pathname !== '/admin') {
|
||||||
voiceController?.speak(latestAssistantText, {role: 'narrator', voiceIdentity: 'neutral'});
|
voiceController?.speak(latestAssistantText, {role: 'narrator', voiceIdentity: 'neutral'});
|
||||||
} else if (lines.length === 0 && gameState?.world) {
|
} else if (lines.length === 0 && gameState?.world) {
|
||||||
const place = gameState.world.location;
|
const place = gameState.world.location;
|
||||||
const senses = place.senses || {};
|
appendLine('assistant', `Du börjar på ${place.name}. ${place.description}`);
|
||||||
appendLine('assistant', `Du börjar på ${place.name}. ${place.description} Ljud: ${senses.sound || 'Inget särskilt ljud beskrivet.'} Doft: ${senses.smell || 'Ingen särskild doft beskriven.'} Luft och temperatur: ${senses.air_and_temperature || 'Inte beskrivet.'} Beröring och ytor: ${senses.touch_and_surfaces || 'Inte beskrivet.'} Orientering: ${senses.spatial_orientation || 'Inte beskrivet.'}`);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
async function openGame() {
|
async function openGame() {
|
||||||
|
currentAccount = await request('/api/me');
|
||||||
gameState = await request('/api/world');
|
gameState = await request('/api/world');
|
||||||
showPlay();
|
showPlay();
|
||||||
|
if (!currentAccount.is_admin) window.localGameAI?.start(currentAccount.id);
|
||||||
if (!gameState.character) {
|
if (!gameState.character) {
|
||||||
transcript.replaceChildren();
|
transcript.replaceChildren();
|
||||||
appendInitialPrompt();
|
appendInitialPrompt();
|
||||||
|
if (currentAccount.is_admin) await refreshDecisionTrace();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
characterDraft = null;
|
characterDraft = null;
|
||||||
@@ -653,13 +763,148 @@
|
|||||||
worldDraft = null;
|
worldDraft = null;
|
||||||
appendLine('assistant', 'Nu föreslår jag en startplats som passar biografin. Du kan ändra förslaget innan något sparas. Skriv “börja”.');
|
appendLine('assistant', 'Nu föreslår jag en startplats som passar biografin. Du kan ändra förslaget innan något sparas. Skriv “börja”.');
|
||||||
setStage('world-draft');
|
setStage('world-draft');
|
||||||
|
if (currentAccount.is_admin) await refreshDecisionTrace();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
await loadSavedDialogue();
|
await loadSavedDialogue();
|
||||||
|
if (currentAccount.is_admin) await refreshDecisionTrace();
|
||||||
setStage('game');
|
setStage('game');
|
||||||
startPlayerPresence();
|
startPlayerPresence();
|
||||||
announcePlayerChatHelp();
|
announcePlayerChatHelp();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function traceTimestamp(record) {
|
||||||
|
return record.recorded_at || record.requested_at || record.completed_at || record.created_at || '';
|
||||||
|
}
|
||||||
|
function renderDecisionTrace(data) {
|
||||||
|
const groups = new Map();
|
||||||
|
for (const [kind, records] of Object.entries({events: data.events || [], ai_interactions: data.ai_interactions || [], player_messages: data.player_messages || []})) {
|
||||||
|
for (const record of records) {
|
||||||
|
const key = record.correlation_id || `${kind}:${record.event_id || record.id || traceTimestamp(record)}`;
|
||||||
|
if (!groups.has(key)) groups.set(key, {correlation_id: key, events: [], ai_interactions: [], player_messages: [], latest: ''});
|
||||||
|
const group = groups.get(key);
|
||||||
|
group[kind].push(record);
|
||||||
|
const time = traceTimestamp(record);
|
||||||
|
if (time > group.latest) group.latest = time;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const ordered = [...groups.values()].sort((a, b) => b.latest.localeCompare(a.latest));
|
||||||
|
debugTrace.replaceChildren();
|
||||||
|
if (ordered.length === 0) {
|
||||||
|
const empty = document.createElement('p');
|
||||||
|
empty.textContent = 'Ingen sparad spårning för kontot ännu.';
|
||||||
|
debugTrace.append(empty);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for (const group of ordered) {
|
||||||
|
const details = document.createElement('details');
|
||||||
|
details.open = debugTrace.childElementCount === 0;
|
||||||
|
const summary = document.createElement('summary');
|
||||||
|
const eventNames = group.events.map(event => `${event.event_type} (${event.commit_status || 'okänt utfall'})`).join(', ');
|
||||||
|
const prompts = group.ai_interactions.map(interaction => `${interaction.prompt_id} v${interaction.prompt_version}: ${interaction.outcome}`).join(', ');
|
||||||
|
summary.textContent = `${group.latest || 'Tid saknas'} · ${group.correlation_id}${eventNames ? ` · Rust: ${eventNames}` : ''}${prompts ? ` · AI: ${prompts}` : ''}`;
|
||||||
|
const chain = document.createElement('div');
|
||||||
|
chain.className = 'trace-chain';
|
||||||
|
const addStep = (engine, title, input, output, note = '') => {
|
||||||
|
const card = document.createElement('article');
|
||||||
|
card.className = 'trace-step';
|
||||||
|
card.dataset.engine = engine;
|
||||||
|
const heading = document.createElement('h3');
|
||||||
|
const label = document.createElement('span');
|
||||||
|
label.className = 'trace-engine';
|
||||||
|
label.textContent = `${engine === 'luau' ? 'Luau' : engine === 'ai' ? 'AI' : engine === 'rust' ? 'Rust' : 'Spelare'} · `;
|
||||||
|
heading.append(label, document.createTextNode(title));
|
||||||
|
card.append(heading);
|
||||||
|
if (note) {
|
||||||
|
const noteElement = document.createElement('p');
|
||||||
|
noteElement.textContent = note;
|
||||||
|
card.append(noteElement);
|
||||||
|
}
|
||||||
|
const addValue = (name, value) => {
|
||||||
|
const valueHeading = document.createElement('strong');
|
||||||
|
valueHeading.textContent = name;
|
||||||
|
const pre = document.createElement('pre');
|
||||||
|
pre.textContent = typeof value === 'string' ? value : JSON.stringify(value ?? 'Ingen uppgift sparad', null, 2);
|
||||||
|
card.append(valueHeading, pre);
|
||||||
|
};
|
||||||
|
addValue('Indata', input);
|
||||||
|
addValue('Utdata', output);
|
||||||
|
chain.append(card);
|
||||||
|
};
|
||||||
|
|
||||||
|
const orderedEvents = [...group.events].sort((a, b) => traceTimestamp(a).localeCompare(traceTimestamp(b)));
|
||||||
|
const orderedInteractions = [...group.ai_interactions].sort((a, b) => traceTimestamp(a).localeCompare(traceTimestamp(b)));
|
||||||
|
const playerMessages = [
|
||||||
|
...orderedEvents.map(event => event.payload?.player_message).filter(Boolean),
|
||||||
|
...group.player_messages.map(message => message.message).filter(Boolean),
|
||||||
|
];
|
||||||
|
for (const [index, message] of playerMessages.entries()) {
|
||||||
|
addStep('player', `Spelarens avsikt ${playerMessages.length > 1 ? index + 1 : ''}`, message, {submitted: true});
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const interaction of orderedInteractions) {
|
||||||
|
const external = interaction.external_call || {};
|
||||||
|
const isCompaction = interaction.prompt_id === 'dialogue-context-compaction';
|
||||||
|
addStep('ai', `${isCompaction ? 'Kontextkomprimering' : interaction.prompt_id} · v${interaction.prompt_version} · ${interaction.outcome}`,
|
||||||
|
{prompt_yaml: interaction.prompt_yaml, rendered_messages: interaction.rendered_messages, provider: external.service, model: external.model, thinking_effort: external.thinking_effort, provider_request: external.request},
|
||||||
|
{response: interaction.response, outcome: interaction.outcome, provider_status: external.response_status, provider_response: external.response_body, provider_error: external.error, duration_ms: external.duration_ms, rust_interpretation_and_validation: interaction.metadata},
|
||||||
|
isCompaction
|
||||||
|
? 'Äldre privat dialog kondenseras; kontrollera källhändelser, prompt, modellsvar, sammanfattningshash och sparad sekvens. Sammanfattningen är inte kanonisk världssanning.'
|
||||||
|
: 'AI-förslag och providertrafik. Förslaget är inte i sig ett fastställt världsfaktum.');
|
||||||
|
const metadata = interaction.metadata || {};
|
||||||
|
if (metadata.validation_inputs || metadata.validation_results || metadata.decision?.includes?.('rule')) {
|
||||||
|
addStep('luau', `Regelutkast och tester · ${metadata.rule_key || metadata.activity_key || interaction.prompt_id}`,
|
||||||
|
{rule_draft: interaction.response, test_inputs: metadata.validation_inputs},
|
||||||
|
{decision: metadata.decision || interaction.outcome, test_results: metadata.validation_results, source_hash: metadata.source_hash, rule_id: metadata.rule_id, rule_version: metadata.rule_version},
|
||||||
|
'Luau körs med isolerade testindata; resultatet kontrolleras av Rust innan regeln aktiveras.');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const event of orderedEvents) {
|
||||||
|
const payload = event.payload || {};
|
||||||
|
const domain = payload.details || {};
|
||||||
|
const luau = domain.luau_trace;
|
||||||
|
if (luau) {
|
||||||
|
addStep('luau', `Regelkörning · ${domain.activity_key || domain.rule_id || 'regel'}`,
|
||||||
|
{source: event.rule_source || 'Källkod saknas i denna spårpost.', invocation: luau.input},
|
||||||
|
luau.error ? {error: luau.error, output: luau.output} : luau.output,
|
||||||
|
`Regel ${domain.rule_id || 'okänd'} version ${domain.rule_version ?? 'okänd'} · hash ${domain.rule_hash || 'saknas'}`);
|
||||||
|
addStep('rust', 'Effektvalidering och världskommando',
|
||||||
|
{proposed_effects: domain.rust_validation?.input_effects || luau.output, activity: domain.activity_key, world_version_before: luau.input?.snapshot?.version},
|
||||||
|
{validation: domain.rust_validation, committed_event: event.event_type, commit_status: event.commit_status, commit_sequence: event.commit_sequence, world_time: event.world_time, committed_details: domain},
|
||||||
|
'Rust verifierar typade effekter och skriver den godkända förändringen atomärt.');
|
||||||
|
} else {
|
||||||
|
addStep('rust', `Domänbeslut och commit · ${event.event_type}`,
|
||||||
|
{player_intent: payload.player_message, interpreted_intent: payload.intent, details: domain, world_version: payload.world_version},
|
||||||
|
{commit_status: event.commit_status, commit_sequence: event.commit_sequence, world_time: event.world_time, event_id: event.event_id},
|
||||||
|
'Rust fastställer om handlingen kan committas till den kanoniska världen.');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const raw = document.createElement('details');
|
||||||
|
raw.className = 'trace-raw';
|
||||||
|
const rawSummary = document.createElement('summary');
|
||||||
|
rawSummary.textContent = 'Visa all rå spårdata';
|
||||||
|
const pre = document.createElement('pre');
|
||||||
|
pre.textContent = JSON.stringify(group, null, 2);
|
||||||
|
raw.append(rawSummary, pre);
|
||||||
|
details.append(summary, chain, raw);
|
||||||
|
debugTrace.append(details);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
async function refreshDecisionTrace() {
|
||||||
|
if (!currentAccount?.is_admin || debugRefreshBusy || debugPanel.hidden) return;
|
||||||
|
debugRefreshBusy = true;
|
||||||
|
debugStatus.textContent = 'Hämtar revisionsloggad spårning…';
|
||||||
|
try {
|
||||||
|
const trace = await request('/api/admin/self/trace?limit=200');
|
||||||
|
renderDecisionTrace(trace);
|
||||||
|
debugStatus.textContent = `Visar ${debugTrace.childElementCount} korrelerade händelsegrupper. Uppdaterad ${new Date().toLocaleTimeString('sv-SE')}.`;
|
||||||
|
} catch (error) {
|
||||||
|
debugStatus.textContent = `Spårningen kunde inte hämtas: ${error.message}`;
|
||||||
|
} finally {
|
||||||
|
debugRefreshBusy = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
function announcePlayerChatHelp() {
|
function announcePlayerChatHelp() {
|
||||||
const key = 'ai-spel.player-chat-help.v1';
|
const key = 'ai-spel.player-chat-help.v1';
|
||||||
try {
|
try {
|
||||||
@@ -673,6 +918,7 @@
|
|||||||
presenceTimer = null;
|
presenceTimer = null;
|
||||||
playerMessagesPrimed = false;
|
playerMessagesPrimed = false;
|
||||||
seenPlayerMessageIds.clear();
|
seenPlayerMessageIds.clear();
|
||||||
|
window.localGameAI?.stop();
|
||||||
await request('/api/logout', {method: 'POST'});
|
await request('/api/logout', {method: 'POST'});
|
||||||
if (location.pathname !== '/admin') appendLine('assistant', 'Du har loggat ut. Logga in igen för att fortsätta spela.');
|
if (location.pathname !== '/admin') appendLine('assistant', 'Du har loggat ut. Logga in igen för att fortsätta spela.');
|
||||||
characterDraft = null;
|
characterDraft = null;
|
||||||
@@ -705,6 +951,7 @@
|
|||||||
}
|
}
|
||||||
appendLine('user', message);
|
appendLine('user', message);
|
||||||
messageField.disabled = true;
|
messageField.disabled = true;
|
||||||
|
setActivityStatus('Berättaren ber AI skapa eller uppdatera ett biografiförslag utifrån det du skrev.');
|
||||||
try {
|
try {
|
||||||
const proposal = await request('/api/character/draft', {
|
const proposal = await request('/api/character/draft', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@@ -712,14 +959,27 @@
|
|||||||
body: JSON.stringify({input: message, current_draft: characterDraft}),
|
body: JSON.stringify({input: message, current_draft: characterDraft}),
|
||||||
});
|
});
|
||||||
characterDraft = proposal.draft;
|
characterDraft = proposal.draft;
|
||||||
|
clearActivityStatus();
|
||||||
appendLine('assistant', `${proposal.message}\n\nFörslag: ${characterDraft.name}, ${characterDraft.age} år.\n${characterDraft.biography}${biographyContextText(characterDraft.life_context)}\n\nSkriv ändringar eller “godkänn”.`);
|
appendLine('assistant', `${proposal.message}\n\nFörslag: ${characterDraft.name}, ${characterDraft.age} år.\n${characterDraft.biography}${biographyContextText(characterDraft.life_context)}\n\nSkriv ändringar eller “godkänn”.`);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
clearActivityStatus();
|
||||||
appendLine('assistant', `Jag kunde inte ta fram ett biografiförslag: ${error.message}. Försök igen när tjänsten svarar.`);
|
appendLine('assistant', `Jag kunde inte ta fram ett biografiförslag: ${error.message}. Försök igen när tjänsten svarar.`);
|
||||||
}
|
}
|
||||||
messageField.disabled = false;
|
messageField.disabled = false;
|
||||||
messageField.focus();
|
messageField.focus();
|
||||||
}
|
}
|
||||||
async function handleGameMessage(message) {
|
function refreshActionTools() {
|
||||||
|
const enabled = stage === 'game' && Boolean(latestPlayerAction) && !submitBusy;
|
||||||
|
document.querySelector('#redo-action').disabled = !enabled;
|
||||||
|
document.querySelector('#dry-run-action').disabled = !enabled;
|
||||||
|
}
|
||||||
|
async function handleGameMessage(message, actionMode = 'normal') {
|
||||||
|
if (actionMode === 'normal' && /^lokal ai(?:\s|$)/i.test(message.trim())) {
|
||||||
|
const response = await window.localGameAI?.settings(message);
|
||||||
|
appendLine('user', message);
|
||||||
|
appendLine('assistant', response || 'Kommandon: “lokal ai villkor”, “lokal ai godkänn villkor”, “lokal ai avvisa villkor”, “lokal ai på/av”, “lokal ai loggar på/av”, “lokal ai exportera loggar” och “lokal ai radera loggar”.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
if (/^logga ut[.!]?$/i.test(message.trim())) {
|
if (/^logga ut[.!]?$/i.test(message.trim())) {
|
||||||
appendLine('user', message);
|
appendLine('user', message);
|
||||||
await handleLogout();
|
await handleLogout();
|
||||||
@@ -739,21 +999,40 @@
|
|||||||
else await proposeWorld(message);
|
else await proposeWorld(message);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (await handlePlayerMessageCommand(message)) return;
|
if (actionMode === 'normal' && await handlePlayerMessageCommand(message)) return;
|
||||||
const idempotencyKey = pendingDialogue?.message === message
|
if (actionMode === 'normal') latestPlayerAction = message;
|
||||||
|
const idempotencyKey = actionMode === 'normal' && pendingDialogue?.message === message
|
||||||
? pendingDialogue.idempotencyKey
|
? pendingDialogue.idempotencyKey
|
||||||
: crypto.randomUUID();
|
: crypto.randomUUID();
|
||||||
pendingDialogue = {message, idempotencyKey};
|
if (actionMode === 'normal') pendingDialogue = {message, idempotencyKey};
|
||||||
appendLine('user', message);
|
appendLine('user', message, actionMode === 'dry_run' ? {speaker: 'Torrkörning'} : actionMode === 'redo' ? {speaker: 'Gör om'} : {});
|
||||||
messageField.disabled = true;
|
messageField.disabled = true;
|
||||||
|
setActivityStatus(actionMode === 'dry_run'
|
||||||
|
? 'Torrkör handlingen utan att spara eller göra framsteg.'
|
||||||
|
: actionMode === 'redo'
|
||||||
|
? 'Gör om den senaste handlingen med aktuella regler.'
|
||||||
|
: 'Berättaren arbetar med din avsikt. Den avgör om en plats, scen eller person behöver etableras och fortsätter sedan berättelsen.');
|
||||||
try {
|
try {
|
||||||
|
let clientAssistance = null;
|
||||||
|
if (actionMode === 'normal' && currentAccount && !currentAccount.is_admin && window.localGameAI) {
|
||||||
|
try {
|
||||||
|
const history = [...transcript.querySelectorAll('li')].map(line => line.textContent).filter(Boolean);
|
||||||
|
const assisted = await window.localGameAI.assist(message, history, gameState?.world || {});
|
||||||
|
clientAssistance = {
|
||||||
|
intent_hint: String(assisted.intent_hint || '').slice(0, 500),
|
||||||
|
warning: String(assisted.warning || '').slice(0, 500),
|
||||||
|
excerpts: Array.isArray(assisted.excerpts) ? assisted.excerpts.filter(item => typeof item === 'string' && item.length <= 500 && history.some(line => line.includes(item))).slice(0, 3) : [],
|
||||||
|
};
|
||||||
|
if (clientAssistance.warning) appendLine('system', `Lokal textkontroll: ${clientAssistance.warning}`, {speaker: 'Lokal AI', speak: false});
|
||||||
|
} catch (_) { /* Local assistance is optional; the original input always proceeds. */ }
|
||||||
|
}
|
||||||
let result;
|
let result;
|
||||||
for (let attempt = 0; attempt < 2; attempt += 1) {
|
for (let attempt = 0; attempt < 2; attempt += 1) {
|
||||||
try {
|
try {
|
||||||
result = await request('/api/dialogue', {
|
result = await request('/api/dialogue', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: {'content-type': 'application/json'},
|
headers: {'content-type': 'application/json'},
|
||||||
body: JSON.stringify({message, expected_world_version: gameState.world.version, idempotency_key: idempotencyKey}),
|
body: JSON.stringify({message, expected_world_version: gameState.world.version, idempotency_key: idempotencyKey, forget_previous_turn: actionMode !== 'normal', dry_run: actionMode === 'dry_run', client_assistance: clientAssistance}),
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@@ -762,22 +1041,43 @@
|
|||||||
if (!gameState.world) throw new Error('world_not_available');
|
if (!gameState.world) throw new Error('world_not_available');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
gameState.world.version = result.world_version;
|
if (result.status !== 'dry_run') {
|
||||||
gameState.world.world_time = result.world_time;
|
gameState.world.version = result.world_version;
|
||||||
pendingDialogue = null;
|
gameState.world.world_time = result.world_time;
|
||||||
if (result.intent === 'move' || result.intent === 'meet') {
|
pendingDialogue = null;
|
||||||
|
}
|
||||||
|
if (result.status !== 'dry_run' && (result.intent === 'move' || result.intent === 'meet')) {
|
||||||
try {
|
try {
|
||||||
const refreshed = await request('/api/world');
|
const refreshed = await request('/api/world');
|
||||||
if (refreshed.world) gameState = refreshed;
|
if (refreshed.world) gameState = refreshed;
|
||||||
} catch (_) { /* The committed dialogue stays successful if this optional view refresh fails. */ }
|
} catch (_) { /* The committed dialogue stays successful if this optional view refresh fails. */ }
|
||||||
}
|
}
|
||||||
const speakingNpc = ['speak', 'meet'].includes(result.intent) ? gameState.world.npc : null;
|
clearActivityStatus();
|
||||||
appendLine('assistant', result.reply, speakingNpc
|
const speakingNpc = result.status !== 'dry_run' && ['speak', 'meet'].includes(result.intent) ? gameState.world.npc : null;
|
||||||
|
for (const change of result.world_changes || []) {
|
||||||
|
appendLine('system', change, {speaker: 'Världsändring', speak: false});
|
||||||
|
}
|
||||||
|
for (const ruleName of result.debug_rules_created || []) {
|
||||||
|
appendLine('assistant', ruleName, {speaker: 'Nya regler', speak: false});
|
||||||
|
}
|
||||||
|
appendLine('assistant', result.reply, result.status === 'dry_run'
|
||||||
|
? {speaker: 'Torrkörning', voice: {role: 'narrator', voiceIdentity: 'neutral'}}
|
||||||
|
: speakingNpc
|
||||||
? {speaker: speakingNpc.name, voice: {characterId: speakingNpc.id, voiceIdentity: speakingNpc.voice_identity}}
|
? {speaker: speakingNpc.name, voice: {characterId: speakingNpc.id, voiceIdentity: speakingNpc.voice_identity}}
|
||||||
: {speaker: 'Berättelsen', voice: {role: 'narrator', voiceIdentity: 'neutral'}});
|
: {speaker: 'Berättaren', voice: {role: 'narrator', voiceIdentity: 'neutral'}});
|
||||||
|
if (result.context_compaction?.notice) {
|
||||||
|
appendLine('system', result.context_compaction.notice, {speaker: 'Kontext', speak: false});
|
||||||
|
}
|
||||||
|
refreshActionTools();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
clearActivityStatus();
|
||||||
messageField.value = message;
|
messageField.value = message;
|
||||||
appendLine('assistant', `${explainDialogueError(error)} Ditt meddelande ligger kvar i inmatningen.`);
|
try {
|
||||||
|
const history = [...transcript.querySelectorAll('li')].map(line => line.textContent).filter(Boolean);
|
||||||
|
const localReply = await window.localGameAI?.offline(message, history, gameState?.world || {});
|
||||||
|
if (localReply) appendLine('assistant', `Lokalt, osparat förslag: ${localReply}`, {speaker: 'Lokal hjälp'});
|
||||||
|
else appendLine('assistant', `${explainDialogueError(error)} Ditt meddelande ligger kvar i inmatningen.`);
|
||||||
|
} catch (_) { appendLine('assistant', `${explainDialogueError(error)} Ditt meddelande ligger kvar i inmatningen.`); }
|
||||||
}
|
}
|
||||||
messageField.disabled = false;
|
messageField.disabled = false;
|
||||||
messageField.focus();
|
messageField.focus();
|
||||||
@@ -799,11 +1099,11 @@
|
|||||||
if (location.pathname !== '/admin') voiceController.speak(status.textContent, {role: 'narrator', voiceIdentity: 'neutral'});
|
if (location.pathname !== '/admin') voiceController.speak(status.textContent, {role: 'narrator', voiceIdentity: 'neutral'});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
async function submitMessage(input, source = 'text') {
|
async function submitMessage(input, source = 'text', actionMode = 'normal') {
|
||||||
if (submitBusy || messageField.disabled) return;
|
if (submitBusy || messageField.disabled) return;
|
||||||
const message = String(input || '').trim();
|
const message = String(input || '').trim();
|
||||||
if (!message) return;
|
if (!message) return;
|
||||||
if (handleVoiceCommand(message, source)) { messageField.value = ''; return; }
|
if (actionMode === 'normal' && handleVoiceCommand(message, source)) { messageField.value = ''; return; }
|
||||||
submitBusy = true;
|
submitBusy = true;
|
||||||
refreshMicrophone();
|
refreshMicrophone();
|
||||||
voiceController.stopListening();
|
voiceController.stopListening();
|
||||||
@@ -815,12 +1115,14 @@
|
|||||||
messageField.value = '';
|
messageField.value = '';
|
||||||
try {
|
try {
|
||||||
if (stage === 'biography') await handleBiography(message);
|
if (stage === 'biography') await handleBiography(message);
|
||||||
else await handleGameMessage(message);
|
else await handleGameMessage(message, actionMode);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
appendLine('assistant', `Det gick inte att genomföra begäran: ${error.message}`);
|
appendLine('assistant', `Det gick inte att genomföra begäran: ${error.message}`);
|
||||||
} finally {
|
} finally {
|
||||||
submitBusy = false;
|
submitBusy = false;
|
||||||
|
refreshActionTools();
|
||||||
refreshMicrophone();
|
refreshMicrophone();
|
||||||
|
if (currentAccount?.is_admin) await refreshDecisionTrace();
|
||||||
if (!play.hidden && !messageField.disabled) messageField.focus();
|
if (!play.hidden && !messageField.disabled) messageField.focus();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -909,6 +1211,12 @@
|
|||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
await submitMessage(messageField.value);
|
await submitMessage(messageField.value);
|
||||||
});
|
});
|
||||||
|
document.querySelector('#redo-action').addEventListener('click', () => {
|
||||||
|
if (latestPlayerAction) submitMessage(latestPlayerAction, 'button', 'redo');
|
||||||
|
});
|
||||||
|
document.querySelector('#dry-run-action').addEventListener('click', () => {
|
||||||
|
if (latestPlayerAction) submitMessage(latestPlayerAction, 'button', 'dry_run');
|
||||||
|
});
|
||||||
document.querySelectorAll('[data-admin-view]').forEach(button => button.addEventListener('click', async () => {
|
document.querySelectorAll('[data-admin-view]').forEach(button => button.addEventListener('click', async () => {
|
||||||
adminContent.setAttribute('aria-busy', 'true');
|
adminContent.setAttribute('aria-busy', 'true');
|
||||||
try {
|
try {
|
||||||
@@ -921,6 +1229,7 @@
|
|||||||
finally { adminContent.setAttribute('aria-busy', 'false'); }
|
finally { adminContent.setAttribute('aria-busy', 'false'); }
|
||||||
}));
|
}));
|
||||||
document.querySelector('#admin-logout').addEventListener('click', handleLogout);
|
document.querySelector('#admin-logout').addEventListener('click', handleLogout);
|
||||||
|
document.querySelector('#debug-refresh').addEventListener('click', refreshDecisionTrace);
|
||||||
messageField.addEventListener('keydown', (event) => {
|
messageField.addEventListener('keydown', (event) => {
|
||||||
if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {
|
if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|||||||
@@ -9,6 +9,9 @@ export function trackDownloadProgress(response, {id, postMessage, asset = 'model
|
|||||||
try {
|
try {
|
||||||
const {done, value} = await reader.read();
|
const {done, value} = await reader.read();
|
||||||
if (done) {
|
if (done) {
|
||||||
|
if (asset === 'runtime') {
|
||||||
|
postMessage({id, type: 'progress', progress: {stage: 'initializing-runtime', file}});
|
||||||
|
}
|
||||||
controller.close();
|
controller.close();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,3 +5,27 @@ export function createOnnxWasmPaths(origin) {
|
|||||||
return absoluteAssetRoot;
|
return absoluteAssetRoot;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function configureOnnxRuntime(onnxRuntime) {
|
||||||
|
if (!onnxRuntime?.env?.wasm) throw new TypeError('ONNX Runtime WebAssembly settings are unavailable.');
|
||||||
|
// Piper 1.0.3 overwrites this value in TtsSession.init() with
|
||||||
|
// navigator.hardwareConcurrency. Override that source as well, otherwise an
|
||||||
|
// iPad may start a large WASM worker pool despite this setting.
|
||||||
|
const navigatorObject = globalThis.navigator;
|
||||||
|
if (navigatorObject && navigatorObject.hardwareConcurrency !== 1) {
|
||||||
|
try {
|
||||||
|
Object.defineProperty(navigatorObject, 'hardwareConcurrency', {
|
||||||
|
configurable: true,
|
||||||
|
value: 1,
|
||||||
|
});
|
||||||
|
} catch (_) {
|
||||||
|
// The check below converts an unsupported override into a clear error.
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (navigatorObject && navigatorObject.hardwareConcurrency !== 1) {
|
||||||
|
throw new Error('Piper could not be restricted to one processor thread.');
|
||||||
|
}
|
||||||
|
// Piper already runs in a worker. Avoid a second worker pool on mobile Safari.
|
||||||
|
onnxRuntime.env.wasm.numThreads = 1;
|
||||||
|
onnxRuntime.env.wasm.initTimeout = 60000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
+13
-2
@@ -17,8 +17,19 @@ function getWorker() {
|
|||||||
request.onProgress?.(message.progress);
|
request.onProgress?.(message.progress);
|
||||||
} else {
|
} else {
|
||||||
pending.delete(message.id);
|
pending.delete(message.id);
|
||||||
if (message.type === 'audio') request.resolve(new Blob([message.audio], {type: 'audio/x-wav'}));
|
if (message.type === 'audio') {
|
||||||
else request.reject(new Error(message.error || 'Piper-arbetaren misslyckades.'));
|
request.resolve(new Blob([message.audio], {type: 'audio/x-wav'}));
|
||||||
|
} else {
|
||||||
|
const error = new Error(message.error || 'Piper-arbetaren misslyckades.');
|
||||||
|
request.reject(error);
|
||||||
|
// TtsSession keeps a singleton even when ONNX initialization fails.
|
||||||
|
// Discard the whole worker so a player retry starts with a clean ONNX
|
||||||
|
// module and does not reuse a poisoned WASM initialization.
|
||||||
|
for (const queued of pending.values()) queued.reject(error);
|
||||||
|
pending.clear();
|
||||||
|
worker?.terminate();
|
||||||
|
worker = null;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
worker.onerror = event => {
|
worker.onerror = event => {
|
||||||
|
|||||||
+5
-1
@@ -1,7 +1,8 @@
|
|||||||
import {TtsSession} from '@mintplex-labs/piper-tts-web';
|
import {TtsSession} from '@mintplex-labs/piper-tts-web';
|
||||||
|
import * as onnxRuntime from 'onnxruntime-web';
|
||||||
import {trackDownloadProgress} from './piper-download-progress.mjs';
|
import {trackDownloadProgress} from './piper-download-progress.mjs';
|
||||||
import {localPiperModelUrl} from './piper-model-routing.mjs';
|
import {localPiperModelUrl} from './piper-model-routing.mjs';
|
||||||
import {createOnnxWasmPaths} from './piper-onnx-config.mjs';
|
import {configureOnnxRuntime, createOnnxWasmPaths} from './piper-onnx-config.mjs';
|
||||||
|
|
||||||
const VOICE_ID = 'sv_SE-nst-medium';
|
const VOICE_ID = 'sv_SE-nst-medium';
|
||||||
const ASSET_ROOT = '/static/piper-wasm-v1';
|
const ASSET_ROOT = '/static/piper-wasm-v1';
|
||||||
@@ -17,6 +18,8 @@ self.fetch = async (resource, options) => {
|
|||||||
const requestedUrl = resource instanceof Request ? resource.url : String(resource);
|
const requestedUrl = resource instanceof Request ? resource.url : String(resource);
|
||||||
const localModelUrl = localPiperModelUrl(requestedUrl, self.location.origin);
|
const localModelUrl = localPiperModelUrl(requestedUrl, self.location.origin);
|
||||||
if (!localModelUrl) {
|
if (!localModelUrl) {
|
||||||
|
const requestUrl = new URL(requestedUrl, self.location.origin);
|
||||||
|
if (requestUrl.origin !== self.location.origin) throw new Error(`External Piper asset blocked: ${requestUrl.origin}`);
|
||||||
const runtimeAsset = requestedUrl.includes('/static/piper-wasm-v1/onnx/');
|
const runtimeAsset = requestedUrl.includes('/static/piper-wasm-v1/onnx/');
|
||||||
const runtimeFile = runtimeAsset ? new URL(requestedUrl, self.location.origin).pathname.split('/').pop() : undefined;
|
const runtimeFile = runtimeAsset ? new URL(requestedUrl, self.location.origin).pathname.split('/').pop() : undefined;
|
||||||
if (activeRequestId && runtimeAsset) {
|
if (activeRequestId && runtimeAsset) {
|
||||||
@@ -50,6 +53,7 @@ let activeRequestId = null;
|
|||||||
|
|
||||||
async function getSession() {
|
async function getSession() {
|
||||||
if (!sessionPromise) {
|
if (!sessionPromise) {
|
||||||
|
configureOnnxRuntime(onnxRuntime);
|
||||||
sessionPromise = TtsSession.create({
|
sessionPromise = TtsSession.create({
|
||||||
voiceId: VOICE_ID,
|
voiceId: VOICE_ID,
|
||||||
wasmPaths: {
|
wasmPaths: {
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ test -s index.html
|
|||||||
grep -q '<html lang="sv">' index.html
|
grep -q '<html lang="sv">' index.html
|
||||||
grep -q 'id="frontend-version">__FRONTEND_VERSION__' index.html
|
grep -q 'id="frontend-version">__FRONTEND_VERSION__' index.html
|
||||||
grep -q '<script src="/voice.js?v=__FRONTEND_VERSION__"></script>' index.html
|
grep -q '<script src="/voice.js?v=__FRONTEND_VERSION__"></script>' index.html
|
||||||
|
grep -q '<script src="/static/wllama-gemma3-v2/local-ai.js"></script>' index.html
|
||||||
grep -q '<script src="/piper-runtime.js?v=__FRONTEND_VERSION__"></script>' index.html
|
grep -q '<script src="/piper-runtime.js?v=__FRONTEND_VERSION__"></script>' index.html
|
||||||
grep -q 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0' nginx/default.conf
|
grep -q 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0' nginx/default.conf
|
||||||
grep -q 'Cross-Origin-Embedder-Policy "require-corp"' nginx/default.conf
|
grep -q 'Cross-Origin-Embedder-Policy "require-corp"' nginx/default.conf
|
||||||
@@ -28,6 +29,7 @@ grep -q "retry.textContent = 'Läs senaste repliken'" index.html
|
|||||||
grep -q "location.pathname !== '/admin'" index.html
|
grep -q "location.pathname !== '/admin'" index.html
|
||||||
grep -q "if (options.speak !== false && location.pathname !== '/admin')" index.html
|
grep -q "if (options.speak !== false && location.pathname !== '/admin')" index.html
|
||||||
grep -q 'id="microphone" aria-pressed="false"' index.html
|
grep -q 'id="microphone" aria-pressed="false"' index.html
|
||||||
|
grep -q 'type="submit" id="send-message">Skicka</button>' index.html
|
||||||
grep -q 'id="voice-status" role="status" aria-live="polite"' index.html
|
grep -q 'id="voice-status" role="status" aria-live="polite"' index.html
|
||||||
grep -q 'id="speech-progress" aria-label="Nedladdning av svensk röstmodell"' index.html
|
grep -q 'id="speech-progress" aria-label="Nedladdning av svensk röstmodell"' index.html
|
||||||
grep -q 'id="speech-progress-value"' index.html
|
grep -q 'id="speech-progress-value"' index.html
|
||||||
@@ -45,6 +47,12 @@ grep -q 'WebKit versions before Safari 27' voice.js
|
|||||||
grep -q "voiceIdentity: speakingNpc.voice_identity" index.html
|
grep -q "voiceIdentity: speakingNpc.voice_identity" index.html
|
||||||
grep -q "role: 'narrator', voiceIdentity: 'neutral'" index.html
|
grep -q "role: 'narrator', voiceIdentity: 'neutral'" index.html
|
||||||
grep -q 'COPY voice.js /usr/share/nginx/html/voice.js' Dockerfile
|
grep -q 'COPY voice.js /usr/share/nginx/html/voice.js' Dockerfile
|
||||||
|
grep -Fq 'localGameAI?.start(currentAccount.id)' index.html
|
||||||
|
grep -q "type === 'terms-required'" index.html
|
||||||
|
grep -q 'Gemma-villkor' index.html
|
||||||
|
grep -q 'lokal ai godkänn villkor' index.html
|
||||||
|
grep -q 'lokal ai avvisa villkor' index.html
|
||||||
|
grep -q 'client_assistance: clientAssistance' index.html
|
||||||
grep -q 'COPY public/piper-runtime.js /usr/share/nginx/html/piper-runtime.js' Dockerfile
|
grep -q 'COPY public/piper-runtime.js /usr/share/nginx/html/piper-runtime.js' Dockerfile
|
||||||
grep -q 'COPY public/tts/piper-wasm-v1/' Dockerfile
|
grep -q 'COPY public/tts/piper-wasm-v1/' Dockerfile
|
||||||
grep -q 'build:piper' .gitea/workflows/publish.yaml
|
grep -q 'build:piper' .gitea/workflows/publish.yaml
|
||||||
@@ -54,9 +62,14 @@ grep -q "new Worker(workerUrl, {type: 'module'})" piper-runtime.js
|
|||||||
grep -q 'worker.js?v=' piper-runtime.js
|
grep -q 'worker.js?v=' piper-runtime.js
|
||||||
grep -q 'worker.onmessageerror' piper-runtime.js
|
grep -q 'worker.onmessageerror' piper-runtime.js
|
||||||
grep -q 'localPiperModelUrl' piper-worker.js
|
grep -q 'localPiperModelUrl' piper-worker.js
|
||||||
|
grep -q 'External Piper asset blocked' piper-worker.js
|
||||||
grep -q 'trackDownloadProgress' piper-worker.js
|
grep -q 'trackDownloadProgress' piper-worker.js
|
||||||
grep -q 'new ReadableStream' piper-download-progress.mjs
|
grep -q 'new ReadableStream' piper-download-progress.mjs
|
||||||
grep -q 'createOnnxWasmPaths(self.location.origin)' piper-worker.js
|
grep -q 'createOnnxWasmPaths(self.location.origin)' piper-worker.js
|
||||||
|
grep -q 'configureOnnxRuntime(onnxRuntime)' piper-worker.js
|
||||||
|
grep -q 'numThreads = 1' piper-onnx-config.mjs
|
||||||
|
grep -q "hardwareConcurrency'" piper-onnx-config.mjs
|
||||||
|
grep -q 'Piper could not be restricted to one processor thread' piper-onnx-config.mjs
|
||||||
grep -q '/static/piper-wasm-v1/onnx/' piper-onnx-config.mjs
|
grep -q '/static/piper-wasm-v1/onnx/' piper-onnx-config.mjs
|
||||||
grep -q 'PIPER_MODEL_ORIGIN' piper-model-routing.mjs
|
grep -q 'PIPER_MODEL_ORIGIN' piper-model-routing.mjs
|
||||||
grep -q '/static/piper-wasm-v1/voices/' piper-model-routing.mjs
|
grep -q '/static/piper-wasm-v1/voices/' piper-model-routing.mjs
|
||||||
@@ -76,6 +89,12 @@ grep -q "Säg till Robin" index.html
|
|||||||
grep -q "result.intent === 'move' || result.intent === 'meet'" index.html
|
grep -q "result.intent === 'move' || result.intent === 'meet'" index.html
|
||||||
grep -q 'dialogue_temporarily_unavailable:' index.html
|
grep -q 'dialogue_temporarily_unavailable:' index.html
|
||||||
grep -q 'id="admin-view"' index.html
|
grep -q 'id="admin-view"' index.html
|
||||||
|
grep -q 'id="play-layout"' index.html
|
||||||
|
grep -q 'id="debug-panel"' index.html
|
||||||
|
grep -q "request('/api/admin/self/trace?limit=200')" index.html
|
||||||
|
grep -q 'function renderDecisionTrace' index.html
|
||||||
|
grep -q 'JSON.stringify(group, null, 2)' index.html
|
||||||
|
grep -q 'debug-enabled' index.html
|
||||||
grep -q '/api/admin/players?' index.html
|
grep -q '/api/admin/players?' index.html
|
||||||
grep -q "request('/api/admin/prompts'" index.html
|
grep -q "request('/api/admin/prompts'" index.html
|
||||||
grep -q "request('/api/admin/rules'" index.html
|
grep -q "request('/api/admin/rules'" index.html
|
||||||
@@ -91,8 +110,8 @@ if grep -Eq 'id="(new-character|world-setup|shop|buy-offer|balance|inventory|pla
|
|||||||
echo 'The active player UI must not contain permanent data panels, forms, or action buttons.' >&2
|
echo 'The active player UI must not contain permanent data panels, forms, or action buttons.' >&2
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
if sed -n '/<section id="play"/,/^ <\/section>/p' index.html | grep '<button' | grep -v 'id="microphone"' >/dev/null; then
|
if sed -n '/<section id="play"/,/^ <\/section>/p' index.html | grep '<button' | grep -Ev 'id="(microphone|send-message)"' >/dev/null; then
|
||||||
echo 'Only the microphone control may appear beside the game text input.' >&2
|
echo 'Only the send and microphone controls may appear beside the game text input.' >&2
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,23 @@
|
|||||||
|
const assert = require('node:assert/strict');
|
||||||
|
const fs = require('node:fs');
|
||||||
|
const path = require('node:path');
|
||||||
|
const test = require('node:test');
|
||||||
|
|
||||||
|
const source = fs.readFileSync(path.join(__dirname, '..', 'index.html'), 'utf8');
|
||||||
|
|
||||||
|
test('player sees an accessible live activity line during world and character proposals', () => {
|
||||||
|
assert.match(source, /function setActivityStatus\(message\)/);
|
||||||
|
assert.match(source, /setAttribute\('aria-live', 'polite'\)/);
|
||||||
|
assert.match(source, /AI ta fram ett förslag på startvärld och en plats/);
|
||||||
|
assert.match(source, /AI skapa eller uppdatera ett biografiförslag/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('dialogue processing explains that scene, place, or person establishment is being considered', () => {
|
||||||
|
assert.match(source, /Berättaren arbetar med din avsikt\. Den avgör om en plats, scen eller person behöver etableras/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('local AI activity is shown separately from general narrator processing', () => {
|
||||||
|
assert.match(source, /detail\.type === 'activity' \? 'data-local-ai-activity'/);
|
||||||
|
assert.match(source, /Lokal AI: \$\{detail\.text \|\| ''\}/);
|
||||||
|
assert.match(source, /clearActivityStatus\(\);/);
|
||||||
|
});
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
const assert = require('node:assert/strict');
|
||||||
|
const fs = require('node:fs');
|
||||||
|
const path = require('node:path');
|
||||||
|
const test = require('node:test');
|
||||||
|
|
||||||
|
const page = fs.readFileSync(path.join(__dirname, '..', 'index.html'), 'utf8');
|
||||||
|
|
||||||
|
test('local AI adapter comes from the static service and starts after authenticated game entry', () => {
|
||||||
|
assert.match(page, /<script src="\/static\/wllama-gemma3-v2\/local-ai\.js"><\/script>/);
|
||||||
|
assert.match(page, /showPlay\(\);\s*if \(!currentAccount\.is_admin\) window\.localGameAI\?\.start\(currentAccount\.id\)/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('Gemma license links are shown in the accessible game dialogue and consent can be withdrawn', () => {
|
||||||
|
assert.match(page, /type === 'terms-required'/);
|
||||||
|
assert.match(page, /Gemma-villkor/);
|
||||||
|
assert.match(page, /Spelvillkor för Gemma/);
|
||||||
|
assert.match(page, /policy för förbjuden användning/);
|
||||||
|
assert.match(page, /lokal ai godkänn villkor/);
|
||||||
|
assert.match(page, /lokal ai avvisa villkor/);
|
||||||
|
assert.match(page, /window\.localGameAI\?\.stop\(\)/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('local assistance remains advisory and preserves the normal dialogue request path', () => {
|
||||||
|
assert.match(page, /client_assistance: clientAssistance/);
|
||||||
|
assert.match(page, /Local assistance is optional; the original input always proceeds/);
|
||||||
|
assert.match(page, /request\('\/api\/dialogue'/);
|
||||||
|
assert.match(page, /Lokalt, osparat förslag:/);
|
||||||
|
});
|
||||||
@@ -34,5 +34,26 @@ test('model response progress works when content length is absent', async () =>
|
|||||||
});
|
});
|
||||||
|
|
||||||
assert.equal((await tracked.arrayBuffer()).byteLength, 3);
|
assert.equal((await tracked.arrayBuffer()).byteLength, 3);
|
||||||
assert.deepEqual(messages.map(message => message.progress), [{asset: 'runtime', file: 'runtime.wasm', loaded: 3, total: 0}]);
|
assert.deepEqual(messages
|
||||||
|
.map(message => message.progress)
|
||||||
|
.filter(progress => Number.isFinite(progress.loaded)),
|
||||||
|
[{asset: 'runtime', file: 'runtime.wasm', loaded: 3, total: 0}]);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('runtime asset completion reports that initialization follows the download', async () => {
|
||||||
|
const {trackDownloadProgress} = await import('../piper-download-progress.mjs');
|
||||||
|
const response = new Response(new Uint8Array([1, 2]), {headers: {'content-length': '2'}});
|
||||||
|
const messages = [];
|
||||||
|
const tracked = trackDownloadProgress(response, {
|
||||||
|
id: 10,
|
||||||
|
asset: 'runtime',
|
||||||
|
file: 'ort-wasm-simd-threaded.wasm',
|
||||||
|
postMessage: message => messages.push(message),
|
||||||
|
});
|
||||||
|
|
||||||
|
await tracked.arrayBuffer();
|
||||||
|
assert.deepEqual(messages.at(-1).progress, {
|
||||||
|
stage: 'initializing-runtime',
|
||||||
|
file: 'ort-wasm-simd-threaded.wasm',
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -13,3 +13,20 @@ test('ONNX Runtime base URL rejects an invalid worker origin', async () => {
|
|||||||
const {createOnnxWasmPaths} = await import('../piper-onnx-config.mjs');
|
const {createOnnxWasmPaths} = await import('../piper-onnx-config.mjs');
|
||||||
assert.throws(() => createOnnxWasmPaths('undefined'), TypeError);
|
assert.throws(() => createOnnxWasmPaths('undefined'), TypeError);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('Piper and ONNX Runtime stay on one thread even though Piper overwrites ONNX settings', async () => {
|
||||||
|
const {configureOnnxRuntime} = await import('../piper-onnx-config.mjs');
|
||||||
|
const navigatorObject = {hardwareConcurrency: 8};
|
||||||
|
const previousNavigator = globalThis.navigator;
|
||||||
|
Object.defineProperty(globalThis, 'navigator', {configurable: true, value: navigatorObject});
|
||||||
|
const runtime = {env: {wasm: {numThreads: 0, initTimeout: 0}}};
|
||||||
|
try {
|
||||||
|
configureOnnxRuntime(runtime);
|
||||||
|
assert.equal(navigatorObject.hardwareConcurrency, 1);
|
||||||
|
assert.equal(runtime.env.wasm.numThreads, 1);
|
||||||
|
assert.equal(runtime.env.wasm.initTimeout, 60000);
|
||||||
|
} finally {
|
||||||
|
if (previousNavigator === undefined) delete globalThis.navigator;
|
||||||
|
else Object.defineProperty(globalThis, 'navigator', {configurable: true, value: previousNavigator});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|||||||
@@ -11,3 +11,9 @@ test('Piper worker is built and started as an ES module', async () => {
|
|||||||
assert.match(buildScript, /outfile: join\(workerRoot, 'piper-worker\.js'\),\s*bundle: true,\s*format: 'esm'/);
|
assert.match(buildScript, /outfile: join\(workerRoot, 'piper-worker\.js'\),\s*bundle: true,\s*format: 'esm'/);
|
||||||
assert.match(runtime, /new Worker\(workerUrl, \{type: 'module'\}\)/);
|
assert.match(runtime, /new Worker\(workerUrl, \{type: 'module'\}\)/);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('Piper runtime discards a worker after a failed initialization for a clean retry', async () => {
|
||||||
|
const runtime = await readFile(join(__dirname, '..', 'piper-runtime.js'), 'utf8');
|
||||||
|
assert.match(runtime, /TtsSession keeps a singleton even when ONNX initialization fails/);
|
||||||
|
assert.match(runtime, /worker\?\.terminate\(\);\s*worker = null;/);
|
||||||
|
});
|
||||||
|
|||||||
@@ -280,6 +280,7 @@
|
|||||||
'loading-runtime': 'Laddar WebAssembly-motorn för svensk uppläsning.',
|
'loading-runtime': 'Laddar WebAssembly-motorn för svensk uppläsning.',
|
||||||
'loading-runtime-assets': `Hämtar WebAssembly-filen ${event?.file || 'från servern'}.`,
|
'loading-runtime-assets': `Hämtar WebAssembly-filen ${event?.file || 'från servern'}.`,
|
||||||
'reading-runtime-assets': `Läser in WebAssembly-filen ${event?.file || ''}.`,
|
'reading-runtime-assets': `Läser in WebAssembly-filen ${event?.file || ''}.`,
|
||||||
|
'initializing-runtime': `Startar WebAssembly-motorn efter nedladdning av ${event?.file || 'filen'}.`,
|
||||||
'loading-model-info': 'Hämtar information om den svenska röstmodellen.',
|
'loading-model-info': 'Hämtar information om den svenska röstmodellen.',
|
||||||
'loading-model': 'Ansluter till servern för att hämta den svenska röstmodellen.',
|
'loading-model': 'Ansluter till servern för att hämta den svenska röstmodellen.',
|
||||||
'reading-model': 'Läser in den svenska röstmodellen.',
|
'reading-model': 'Läser in den svenska röstmodellen.',
|
||||||
|
|||||||
Reference in New Issue
Block a user