klaus-ai 0.1.21 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -74,7 +74,8 @@ html, body { height: 100%; font-family: var(--font-main); background: var(--bg);
74
74
  #app { display: flex; flex-direction: column; height: 100%; position: relative; }
75
75
  #header { padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: rgba(var(--bg), 0.8); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); z-index: 10; }
76
76
  .brand { font-weight: 600; font-size: 16px; display: flex; align-items: center; gap: 8px; }
77
- .brand-icon { width: 24px; height: 24px; background: var(--fg); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: var(--bg); font-size: 14px; font-weight: bold; }
77
+ .brand-icon { width: 24px; height: 24px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
78
+ .brand-icon img { width: 100%; height: 100%; object-fit: contain; border-radius: 6px; }
78
79
  #status { font-size: 13px; font-weight: 500; color: #10b981; display: flex; align-items: center; gap: 6px; }
79
80
  #status::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #10b981; }
80
81
  #status.disconnected { color: #ef4444; }
@@ -233,7 +234,7 @@ html, body { height: 100%; font-family: var(--font-main); background: var(--bg);
233
234
  <div id="header">
234
235
  <div class="brand">
235
236
  <button class="menu-btn" id="menu-btn">&#9776;</button>
236
- <div class="brand-icon">K</div>
237
+ <div class="brand-icon"><img src="/logo.png" alt="Klaus AI Logo" /></div>
237
238
  Klaus AI
238
239
  </div>
239
240
  <div style="display:flex;align-items:center;gap:12px">
@@ -1226,7 +1227,8 @@ html, body { height: 100%; font-family: var(--font-main); background: var(--bg);
1226
1227
  #app { max-width: 900px; margin: 0 auto; padding: 24px 16px; }
1227
1228
  #header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid var(--border); margin-bottom: 24px; }
1228
1229
  .brand { font-weight: 600; font-size: 20px; display: flex; align-items: center; gap: 10px; }
1229
- .brand-icon { width: 28px; height: 28px; background: var(--fg); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: var(--bg); font-size: 15px; font-weight: bold; }
1230
+ .brand-icon { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
1231
+ .brand-icon img { width: 100%; height: 100%; object-fit: contain; border-radius: 6px; }
1230
1232
  .header-links { display: flex; gap: 16px; align-items: center; }
1231
1233
  .nav-link { color: var(--muted); text-decoration: none; font-size: 14px; font-weight: 500; cursor: pointer; }
1232
1234
  .nav-link:hover { color: var(--fg); }
@@ -1284,7 +1286,7 @@ tr.clickable:hover { background: var(--card-bg); }
1284
1286
  <body>
1285
1287
  <div id="app">
1286
1288
  <div id="header">
1287
- <div class="brand"><div class="brand-icon">K</div>Klaus Admin</div>
1289
+ <div class="brand"><div class="brand-icon"><img src="/logo.png" alt="Klaus AI Logo" /></div>Klaus Admin</div>
1288
1290
  <div class="header-links">
1289
1291
  <a class="nav-link" id="back-link" href="#">\u2190 Chat</a>
1290
1292
  </div>
@@ -1616,7 +1618,8 @@ html, body { height: 100%; font-family: var(--font-main); background: var(--bg);
1616
1618
  .container { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
1617
1619
  .card { width: 100%; max-width: 400px; }
1618
1620
  .brand { text-align: center; margin-bottom: 32px; }
1619
- .brand-icon { width: 48px; height: 48px; background: var(--fg); border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--bg); font-size: 24px; font-weight: bold; margin-bottom: 12px; }
1621
+ .brand-icon { width: 48px; height: 48px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; }
1622
+ .brand-icon img { width: 100%; height: 100%; object-fit: contain; border-radius: 12px; }
1620
1623
  .brand h1 { font-size: 24px; font-weight: 700; }
1621
1624
  .brand p { font-size: 14px; color: var(--muted); margin-top: 4px; }
1622
1625
  .tabs { display: flex; gap: 0; margin-bottom: 24px; border-bottom: 1px solid var(--border); }
@@ -1648,7 +1651,7 @@ html, body { height: 100%; font-family: var(--font-main); background: var(--bg);
1648
1651
  <div class="container">
1649
1652
  <div class="card">
1650
1653
  <div class="brand">
1651
- <div class="brand-icon">K</div>
1654
+ <div class="brand-icon"><img src="/logo.png" alt="Klaus AI Logo" /></div>
1652
1655
  <h1>Klaus AI</h1>
1653
1656
  <p>Sign in to start chatting</p>
1654
1657
  </div>
@@ -3101,6 +3104,21 @@ async function handleRequest(req, res, cfg) {
3101
3104
  return serveLogin(res, cfg);
3102
3105
  case "/admin":
3103
3106
  return serveAdmin(req, res);
3107
+ case "/logo.png": {
3108
+ const { readFileSync } = await import("fs");
3109
+ try {
3110
+ const logoData = readFileSync(join(process.cwd(), "public", "logo.png"));
3111
+ res.writeHead(200, {
3112
+ "Content-Type": "image/png",
3113
+ "Cache-Control": "public, max-age=86400"
3114
+ });
3115
+ res.end(logoData);
3116
+ } catch {
3117
+ res.writeHead(404);
3118
+ res.end("not found");
3119
+ }
3120
+ return;
3121
+ }
3104
3122
  // Auth routes
3105
3123
  case "/api/auth/register":
3106
3124
  if (!inviteStoreRef || !userStoreRef) {
@@ -3396,4 +3414,4 @@ export {
3396
3414
  readBody2 as readBody,
3397
3415
  webPlugin
3398
3416
  };
3399
- //# sourceMappingURL=chunk-NRO532MA.js.map
3417
+ //# sourceMappingURL=chunk-CR3T6ZDG.js.map