feat: deliver the redesigned desktop workspace

Rebuild downloads, link collection, settings, history, and statistics around a responsive desktop shell with compact account and queue tables, contextual navigation, persistent update affordances, unified overlays, and accessible keyboard interactions. Add safe history-folder reveal IPC, responsive 2560/1920/1366/1120 coverage, deterministic visual fixtures, focused component regressions, and release-tree exclusions for internal working files. Bump the public application version to 2.0.13.
2026-08-10 14:15:57 +02:00
parent d844b33501
commit 069babfd54
77 changed files with 17442 additions and 3333 deletions
@@ -0,0 +1,87 @@
+import { readFileSync } from "node:fs";
+import { renderToStaticMarkup } from "react-dom/server";
+import { describe, expect, it } from "vitest";
+import { OverlayHost } from "../src/renderer/shell/OverlayHost";
+import { UpdateExperience } from "../src/renderer/shell/UpdateExperience";
+
+describe("OverlayHost", () => {
+  it("renders every desktop overlay slot exactly once", () => {
+    const slots = {
+      confirm: <span>confirm-slot</span>,
+      onlineBackup: <span>backup-slot</span>,
+      diagnostics: <span>diagnostics-slot</span>,
+      deleteConfirmation: <span>delete-slot</span>,
+      conflict: <span>conflict-slot</span>,
+      accountCreate: <span>account-create-slot</span>,
+      accountEdit: <span>account-edit-slot</span>,
+      keyStats: <span>key-stats-slot</span>,
+      linkPopup: <span>link-popup-slot</span>,
+      update: <span>update-slot</span>,
+      toast: <span>toast-slot</span>,
+      accountContextMenu: <span>account-menu-slot</span>,
+      downloadContextMenu: <span>download-menu-slot</span>,
+      columnContextMenu: <span>column-menu-slot</span>,
+      historyContextMenu: <span>history-menu-slot</span>,
+      dropOverlay: <span>drop-slot</span>
+    };
+    const html = renderToStaticMarkup(<OverlayHost {...slots} />);
+
+    expect(html).toContain("id=\"md-overlay-host\"");
+    for (const value of Object.values(slots)) {
+      const label = String(value.props.children);
+      expect(html.split(label)).toHaveLength(2);
+    }
+  });
+
+  it("does not render placeholders for empty slots", () => {
+    const html = renderToStaticMarkup(<OverlayHost toast={<span>sichtbar</span>} />);
+
+    expect(html).toContain("sichtbar");
+    expect(html).not.toContain("data-overlay-slot");
+  });
+
+  it("hosts the update surface through the shared dialog without duplicating the trigger", () => {
+    const html = renderToStaticMarkup(
+      <OverlayHost
+        update={(
+          <UpdateExperience
+            available
+            currentVersion="v2.0.12"
+            latestTag="v9.9.9"
+            onClose={() => {}}
+            onInstall={() => {}}
+            onLater={() => {}}
+            onOpen={() => {}}
+            open
+            progress={0}
+            releaseNotes="Changes"
+            renderTrigger={false}
+            state="prompt"
+          />
+        )}
+      />
+    );
+
+    expect(html).toContain("md-dialog-size-update");
+    expect(html).not.toContain("aria-label=\"Update verfügbar\"");
+    expect(html.match(/role=\"dialog\"/g)).toHaveLength(1);
+  });
+
+  it("defines a stacking-context-safe menu, tooltip, toast and modal layer order", () => {
+    const css = readFileSync(new URL("../src/renderer/shell/shell.css", import.meta.url), "utf8");
+
+    expect(css).toMatch(/--md-layer-menu:\s*600/);
+    expect(css).toMatch(/--md-layer-tooltip:\s*700/);
+    expect(css).toMatch(/--md-layer-toast:\s*800/);
+    expect(css).toMatch(/--md-layer-modal:\s*1000/);
+    expect(css).toMatch(/\.md-context-menu\s*\{[^}]*z-index:\s*var\(--md-layer-menu\)/s);
+    expect(css).toMatch(/\.md-update-tooltip\s*\{[^}]*z-index:\s*var\(--md-layer-tooltip\)/s);
+    expect(css).toMatch(/\.md-toast\s*\{[^}]*z-index:\s*var\(--md-layer-toast\)/s);
+    expect(css).toMatch(/\.md-dialog-backdrop\s*\{[^}]*z-index:\s*var\(--md-layer-modal\)/s);
+    expect(css).toMatch(/\.md-drop-overlay\s*\{[^}]*pointer-events:\s*none/s);
+    expect(css).toMatch(/\.md-overlay-host \.md-dialog-backdrop\s*\{[^}]*z-index:\s*var\(--md-layer-modal\)/s);
+    expect(css).toMatch(/\.md-overlay-host \.md-context-menu\s*\{[^}]*z-index:\s*var\(--md-layer-menu\)/s);
+    expect(css).toMatch(/\.md-overlay-host \.md-toast\s*\{[^}]*z-index:\s*var\(--md-layer-toast\)/s);
+    expect(css).toMatch(/\.md-overlay-host \.md-dialog\s*\{[^}]*background:\s*var\(--ui-surface\)/s);
+  });
+});