Working chat: auth, connections, streaming, folders

LLeMbas now runs end to end. Register, add an OpenAI-compatible connection, and hold a real streaming conversation organised into folders. Verified against the local llama-swap instance. Streaming is the one genuinely tricky part. Sending a message returns two HTML fragments -- the user bubble and an empty assistant bubble carrying an sse-connect -- and that attribute is the ONLY thing that starts a generation. Rendering an incomplete assistant message as a streaming shell falls out of the same template, which means loading a page whose last reply never finished simply picks it up again. Details worth knowing about, each commented where it matters: - SSE payloads are split across several data: lines. A raw newline in one data: line truncates the event, which shows up the first time a model emits a code block. - Markdown is rendered server-side by the same helper for both the page and the final streamed frame, so the two cannot disagree. The fence renderer is replaced outright rather than using markdown-it's highlight option, which re-wraps output in a second <pre>. - escape_text is html.escape, not nh3.clean_text: it escapes character by character, so escaping stream chunks separately equals escaping the whole string. - The stream opens its own session via session_scope(); it outlives the request handler and the dependency-scoped session may be closed. - Deleting a folder keeps the chats inside it (FK is SET NULL). Losing a conversation to a mis-clicked folder delete is unforgivable. - Login failures use one message for "no such account" and "wrong password" so the form cannot enumerate registered addresses. Also adds deploy/ for the gamebox install at https://chat.lan: system unit, nginx vhost with buffering off (buffering on turns streaming into one lump at the end), and install/update scripts following the same service-user and /srv bind-mount conventions as llama-swap and comfyui. 70 tests, ruff clean. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-21 11:04:13 +02:00
parent 5ef2af6a9f
commit 0f44e8d24c
58 changed files with 6095 additions and 12 deletions
@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en" data-theme="{{ theme }}">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{% block title %}LLeMbas{% endblock %}</title>
+<meta name="description" content="LLeMbas - a web UI for your language models.">
+<meta name="color-scheme" content="dark light">
+
+<link rel="icon" href="{{ url_for('static', path='img/favicon.svg') }}" type="image/svg+xml">
+<link rel="stylesheet" href="{{ url_for('static', path='css/tokens.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', path='css/app.css') }}">
+{% block head %}{% endblock %}
+
+{#
+  Applied before first paint so a reload never flashes the wrong theme. The
+  server already rendered data-theme from the signed-in user's preference; this
+  only corrects it for a visitor whose local choice differs (or who is signed
+  out, where the server has nothing to go on).
+#}
+<script>
+  (function () {
+    try {
+      var stored = localStorage.getItem("lembas-theme");
+      if (stored && stored !== document.documentElement.dataset.theme) {
+        document.documentElement.dataset.theme = stored;
+      }
+    } catch (e) { /* private mode: the server-rendered theme stands */ }
+  })();
+</script>
+</head>
+<body{% block body_attrs %}{% endblock %}>
+{% include "partials/icons.html" %}
+
+{% block body %}{% endblock %}
+
+<script src="{{ url_for('static', path='vendor/htmx.min.js') }}" defer></script>
+<script src="{{ url_for('static', path='vendor/htmx-ext-sse.js') }}" defer></script>
+<script src="{{ url_for('static', path='vendor/alpine.min.js') }}" defer></script>
+<script src="{{ url_for('static', path='js/app.js') }}" defer></script>
+{% block scripts %}{% endblock %}
+</body>
+</html>