refactor: aufgeraeumt — Pakete hinten, Widgets vorne

Go: store, auth, weather und config sind eigene Pakete unter internal/. Vorher
lagen fuenf Dateien in einem Topf, und jede kannte jede.

Web: os.js hatte 1425 Zeilen und alles darin. Jetzt core.js (Zustand, Server,
Einstellungen), glyphs.js (die Pixelraster), js/widgets/ mit einem Widget je
Datei, os.js nur noch die Ansichten. Stylesheet nach css/.

Die HoneyBar bleibt eine einzelne Datei ohne Importe — sie wird von fremden
Seiten mit einer Zeile eingebunden, da darf nichts nachladen.

Nebenbei: Das gebaute Binary lag mit 9,8 MB im Repo und ist jetzt ignoriert.
Und der Test gegen eine zweite Versionsnummer geht nicht mehr auf os.js, sondern
durch alle .js — sonst haette ihn dieser Umbau still ausgehebelt.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/js/widgets/user.js

@@ -0,0 +1,44 @@
+import { $, escapeAttr, state } from "../core.js";
+import { glyphSvg } from "../glyphs.js";
+
+function greeting() {
+  const h = new Date().getHours();
+  if (h < 5 || h >= 23) return "Noch wach?";
+  if (h < 11) return "Guten Morgen.";
+  if (h < 18) return "Willkommen zurück.";
+  return "Guten Abend.";
+}
+
+/* ── Wer angemeldet ist ────────────────────────────────────────────────────
+ *
+ * Stand früher rechts in der Menüleiste. Dort war es das einzige Stück, das
+ * die HoneyBar in den Apps nicht hat — beide sollen aber gleich aussehen, sonst
+ * merkt man beim Wechsel, dass es zwei verschiedene Leisten sind. Auf dem
+ * Schreibtisch ist ohnehin Platz dafür, und die Begrüßung gehört dazu.
+ */
+function userHtml() {
+  const bild = state.me && state.me.picture
+    ? `<img class="uw-bild" src="${escapeAttr(state.me.picture)}" alt="" />`
+    : `<span class="uw-bild uw-leer">${glyphSvg("chip")}</span>`;
+  return `
+    <div class="uw">
+      ${bild}
+      <div class="uw-text">
+        <b class="uw-name">${state.cfg.user}</b>
+        <span class="uw-gruss">${greeting()}</span>
+        <span class="uw-host">${state.cfg.user}@${state.cfg.hostname}</span>
+      </div>
+    </div>`;
+}
+
+export function renderUser() {
+  const tile = $("userTile");
+  const desk = $("userDesk");
+  const desktopMode = state.settings.mode === "desktop";
+  const html = userHtml();
+
+  tile.hidden = desktopMode;
+  desk.hidden = !desktopMode;
+  tile.querySelector(".user-body").innerHTML = html;
+  desk.innerHTML = html;
+}

web/js/widgets/weather.js

@@ -0,0 +1,62 @@
+import { $, api, state } from "../core.js";
+import { glyphSvg } from "../glyphs.js";
+
+/* ── Wetter ────────────────────────────────────────────────────────────────
+ *
+ * Der Server holt es und legt es zehn Minuten beiseite; hier wird nur gezeigt,
+ * was er hergibt. Kein Ort eingestellt oder Dienst nicht erreichbar: 204, und
+ * das Widget bleibt weg. Eine Zahl von gestern wäre schlechter als keine.
+ */
+export async function loadWeather() {
+  if (!state.settings.weatherCity) {
+    state.weather = null;
+    renderWeather();
+    return;
+  }
+  try {
+    state.weather = await api("/api/weather");
+  } catch {
+    state.weather = null;
+  }
+  renderWeather();
+}
+
+function weatherHtml(w) {
+  return `
+    <div class="wx">
+      <span class="wx-glyph">${glyphSvg(w.glyph)}</span>
+      <div class="wx-text">
+        <b class="wx-temp">${Math.round(w.grad)}°</b>
+        <span class="wx-desc">${w.text}</span>
+        <span class="wx-city">${w.ort}</span>
+      </div>
+    </div>`;
+}
+
+export function renderWeather() {
+  const w = state.weather;
+  const tile = $("wxTile");
+  const desk = $("wxDesk");
+  const bar = $("mbWx");
+  const desktopMode = state.settings.mode === "desktop";
+
+  // Das Widget: Fenster im Terminal-Modus, Schild auf dem Schreibtisch.
+  const alsWidget = state.settings.weatherDesk === "on" && w;
+  tile.hidden = !alsWidget || desktopMode;
+  desk.hidden = !alsWidget || !desktopMode;
+  if (alsWidget) {
+    const html = weatherHtml(w);
+    tile.querySelector(".wx-body").innerHTML = html;
+    desk.innerHTML = html;
+  }
+
+  // Und in der HoneyBar. Die Menüleiste hier ist zwar anderer Code als
+  // honeybar.js in den Apps, aber für den, der davorsitzt, dieselbe HoneyBar —
+  // ein Schalter, der nur woanders wirkt, wäre nicht zu erklären.
+  const inLeiste = state.settings.weatherBar === "on" && w;
+  bar.hidden = !inLeiste;
+  if (inLeiste) {
+    bar.innerHTML = `${glyphSvg(w.glyph)}<span class="mb-wx-temp">${Math.round(w.grad)}°</span>`;
+    bar.title = `${w.ort}: ${w.text}, ${Math.round(w.grad)}°`;
+  }
+}