let5see/clawdbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(webchat): add body padding class on error

Browse Source
This commit is contained in:
Peter Steinberger
2025-12-10 00:04:22 +00:00
parent c4eff00ed7
commit 496136b52c
2 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/macos/Sources/Clawdis/Resources/WebChat/bootstrap.js vendored
View File

@@ -22,6 +22,18 @@ const randomId = () => {
return `id-${Math.random().toString(16).slice(2)}-${Date.now()}`; return `id-${Math.random().toString(16).slice(2)}-${Date.now()}`;
}; };
const ensureErrorStyles = () => {
if (document.getElementById("webchat-error-style")) return;
const style = document.createElement("style");
style.id = "webchat-error-style";
style.textContent = `
body.webchat-error {
padding: 28px;
}
`;
document.head.appendChild(style);
};
class GatewaySocket { class GatewaySocket {
constructor(url) { constructor(url) {
this.url = url; this.url = url;
@@ -322,6 +334,8 @@ startChat().catch((err) => {
const msg = err?.stack || err?.message || String(err); const msg = err?.stack || err?.message || String(err);
logStatus(`boot failed: ${msg}`); logStatus(`boot failed: ${msg}`);
document.body.dataset.webchatError = "1"; document.body.dataset.webchatError = "1";
ensureErrorStyles();
document.body.classList.add("webchat-error");
document.body.style.color = "#b32d2d"; document.body.style.color = "#b32d2d";
document.body.style.fontFamily = "SFMono-Regular, Menlo, Consolas, monospace"; document.body.style.fontFamily = "SFMono-Regular, Menlo, Consolas, monospace";
document.body.style.padding = "28px"; document.body.style.padding = "28px";

13
apps/macos/Sources/Clawdis/Resources/WebChat/webchat.bundle.js
View File

@@ -196340,6 +196340,17 @@ const randomId = () => {
if (globalThis.crypto?.randomUUID) return globalThis.crypto.randomUUID(); if (globalThis.crypto?.randomUUID) return globalThis.crypto.randomUUID();
return `id-${Math.random().toString(16).slice(2)}-${Date.now()}`; return `id-${Math.random().toString(16).slice(2)}-${Date.now()}`;
}; };
const ensureErrorStyles = () => {
if (document.getElementById("webchat-error-style")) return;
const style = document.createElement("style");
style.id = "webchat-error-style";
style.textContent = `
body.webchat-error {
padding: 28px;
}
`;
document.head.appendChild(style);
};
var GatewaySocket = class { var GatewaySocket = class {
constructor(url) { constructor(url) {
this.url = url; this.url = url;
@@ -196611,6 +196622,8 @@ startChat().catch((err) => {
const msg = err?.stack || err?.message || String(err); const msg = err?.stack || err?.message || String(err);
logStatus(`boot failed: ${msg}`); logStatus(`boot failed: ${msg}`);
document.body.dataset.webchatError = "1"; document.body.dataset.webchatError = "1";
ensureErrorStyles();
document.body.classList.add("webchat-error");
document.body.style.color = "#b32d2d"; document.body.style.color = "#b32d2d";
document.body.style.fontFamily = "SFMono-Regular, Menlo, Consolas, monospace"; document.body.style.fontFamily = "SFMono-Regular, Menlo, Consolas, monospace";
document.body.style.padding = "28px"; document.body.style.padding = "28px";