cynarAI 63f96b6edd fix(ci): restore the web client and the failing product checks (#83)
* fix(ci): restore browser preview module and onboarding e2e

The web bundle imported a browser-preview store that was never added, so production builds and every Playwright signup failed before the shell rendered. Mobile check failed because Expo packages were a patch behind the SDK.

Restore the store, type the optional desktop bridge, and walk whichever onboarding step scripted CI actually opens.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(ci): stop the blank web client and the send 500

The core barrel pulled git checkout into the browser, so node:child_process crashed the page before sign-up. Serve that module from a node export instead.

Add the missing run tool-call budget columns that threads/send writes. Guard an indexed shell flag for typecheck, and expect the files key the desktop preload already exposes.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(ci): isolate pnpm setup and the takeover membership

The Team Computer takeover journey inserted a space member the
default-space trigger had already created, so shared Postgres rejected
the unique pair. Self-hosted jobs now keep a per-job pnpm home and
store, and artifact uploads no longer fail a job that already passed.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(ci): clear typecheck, lint, and unit failures

Inbound channel rosters can mark a participant list as authoritative.
Answered channel asks stay off the group, and clearing a thread waits
until delegated returns land. Lint, unit, and web e2e contracts follow
the current shell, composer, and settings.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): align e2e with the shipped shell and onboarding

Web E2E still expected older focus buttons, nested project rows, and
settings that never opened MCP. Persist the signed-in space, list
non-default spaces under Projekte, and keep the quote control on screen.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): open group reply from a revealed hover rail

The first user row covered its Reply control until the rail accepted
pointer events. The group transcript now reveals that rail, then replies.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): stop the shell render loop and settle computer and mention UI

A working bot rewrote preview state on every render, the computer menu never stayed still, and the mention picker did not expose its expanded state or option name.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(ci): stop idle probes hanging and accept a follow-up send

Background probes walked every process fd and timed out on the shared runner. Linux now tracks the marker with flock and /proc/locks. A new composer draft can send while an earlier send is still refreshing, and group members stay mentionable.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(adapters): detect background work when flock ids are padded

The idle probe compared /proc/locks with an unpadded device key, so majors
or minors under 16 never matched. It deleted the live marker and reported
idle while the command still held the lock. Probe by taking the lock, and
print the cancel key the way the kernel does.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(adapters): stabilize background-work probe tests on self-hosted CI

Clear stale marker files before each probe scenario and allow longer
polling so launch can acquire flock on busy persistent runners.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): do not block onboarding on spaces list

Render the first onboarding step from me and integration setup alone.
Resolve the optional skip-to-app redirect after that so Playwright
signups are not stuck on the loading shell when spaces.list is slow.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(ci): restore green gates after second main rebase

Re-apply biome formatting on Shell/SortableGroup and strict TypeScript
assertions in computer-idle tests dropped when skipping the duplicate
conflict-resolution commit.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): wait for onboarding bootstrap before E2E proceeds

Expose data-onboarding-step on the onboarding shell and have Playwright
wait until loading finishes. Ignore ad-hoc screenshot scripts on
self-hosted runners so they do not fail lint.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): fall back when onboarding bootstrap stalls

Race me/integration setup against a timeout and promote loading to the
emoji step after 20s so Playwright is not blocked on a hung RPC.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): render onboarding immediately for E2E signups

Start on the emoji step instead of a loading shell that waits on RPC.
Bootstrap can still redirect once me and integration setup resolve.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(ci): stabilize web e2e on self-hosted runners

Per-job pnpm stores broke node_modules symlinks when setup-node restored
cached installs, so Vite could not resolve react during dependency
optimization. Keep a runner-scoped store, clear stale Vite caches, and pin
Playwright to one worker in CI to reduce onboarding RPC contention.

Add Vite resolve aliases for react/react-dom, wait for an interactive
onboarding step in E2E helpers, and include the React hook smoke spec from
main.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): resolve React aliases through pnpm package layout

Root node_modules/react does not exist under pnpm, so Vite aliases pointed
at missing paths and broke production builds and the Playwright webServer.
Resolve react and react-dom from the web package and map jsx-runtime to the
actual entry files.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(core): type the lazy child_process spawn cache

Main's lazy require left spawn typed as null after assignment, which broke
Typecheck on the rebased branch.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(db): mock git-checkout export path in unit tests

Vitest resolves vi.mock against package exports; the .js suffix is not
declared for @rakazo/core/git-checkout.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): stabilize E2E after main sidebar and onboarding changes

Use first() for duplicate transcript lines, wait for interactive onboarding
before model-required assertions, and allow project sidebar to settle after
create. Extend the Playwright job timeout so the single-worker suite can finish.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): restore Projekte sidebar and integrations MCP entry

Use the default space for Unterhaltungen/Projekte separation instead of the
active space header, persist the bootstrapped space in localStorage, wire
SettingsOverlay to MCP management, and compare hover tones on inactive rows.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): satisfy biome format on homeSpaceId line

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): align sidebar E2E with nested Projekte shell layout

Scope Unterhaltungen assertions to conversation rows only, target project-space
Chief actions under .sidebar-projekte, and stabilize hover-tone polling.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix: satisfy lint after main merge (format and unused var)

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): show project-space 1:1 bots in Projekte sidebar

Include lone bots in projectSidebarGroups, render bot rows in Projekte,
and stabilize E2E for nested sidebar layout and duplicate group entries.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): disambiguate duplicate group sidebar buttons in E2E

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): align spaces and group-chats E2E with Projekte sidebar IA

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): dedupe Projekte sidebar rows and stabilize E2E specs

- Deduplicate project space and group-chat entries in projectSidebarGroups
- Scope group-chats/spaces E2E clicks to first Projekte match after IA split
- Wait for shell ready before mention-picker keyboard test; restore main locators
- Fix PrivacySettingsOverlay lint and align biome schema with CLI 2.5.13

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): restrict project drag handle and stabilize space E2E

- Move SortableGroup drag listeners to ProjectDragGrip only so sidebar clicks work
- Scope space delete actions to project-space rows; wait for menu in E2E
- Switch group settings E2E via direct navigation after unsaved draft check
- Merge main (DataTrustPanel) and fix Shell import order for CI lint

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): stabilize message hover Escape assertion in E2E

Assert the More menu closes and the hover rail stays visible instead of
requiring focus restoration, which is flaky across Chromium builds.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* chore: format apps/api/src/app.ts after main merge

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

* fix(web): stabilize team-computer E2E send after bot switch

Wait for shell ready and use the Send button instead of Enter after
switching bots and closing the computer overlay. The prior run timed
out on threads/send with only an apps/api format commit in between.

Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>
2026-09-23 22:09:49 +02:00

348 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>evOo Mission Control | Executive Operations Cockpit</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
</head>
<body>
<div class="background-mesh"></div>
<!-- Executive Pulse Strip (Header) -->
<header class="executive-header">
<div class="header-left">
<div class="brand">
<span class="brand-name">ev<span class="brand-highlight">Oo</span></span>
<span class="version-tag">v2.0-EXEC</span>
</div>
<div class="pulse-pill" id="system-health-pill">
<span class="pulse-indicator online"></span>
<span class="pill-label">System:</span>
<span class="pill-value" id="system-health-val">HEALTHY (Port 3088)</span>
</div>
</div>
<div class="header-center">
<div class="topology-pill" title="Hardware-Cluster & Lokale Modelle">
<span class="pill-icon">🖥️</span>
<span class="pill-label">Cluster:</span>
<span class="pill-value" id="cluster-summary-val">Host (Metal GPU 30B) · Mini · Air</span>
</div>
<div class="trading-pill" title="Trading-Bot & Apex Risk Subsystem">
<span class="pill-icon">📈</span>
<span class="pill-label">Trading:</span>
<span class="pill-value" id="trading-summary-val">ARMED (Max DD 0.21% / 1.5%)</span>
</div>
</div>
<div class="header-right">
<button type="button" id="btn-self-improve" class="btn btn-secondary" title="Führt den vollständigen Verifizierungs- & Test-Loop aus">
<span class="btn-icon">⚡</span>
<span>Selbstoptimierung</span>
</button>
<button type="button" id="btn-killswitch" class="btn btn-warning" title="Notfall-Stopp aller autonomen Trading-Aktionen">
<span class="btn-icon">🛡️</span>
<span id="killswitch-text">Risk Guard: Aktiv</span>
</button>
<button type="button" id="btn-hot-reload" class="btn btn-primary" title="Server-Synchronisation und Hot-Reload">
<span class="btn-icon">↺</span>
<span>Hot-Reload</span>
</button>
</div>
</header>
<!-- Main Cockpit Grid -->
<main class="cockpit-container">
<div class="cockpit-main-layout">
<!-- ZONE 1: Executive Action & Overnight Journal (Left Column, ~58%) -->
<div class="column-executive">
<!-- PENDING APPROVALS CARD -->
<section class="card card-approvals">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">EXECUTIVE INBOX</span>
<h2>Offene Entscheidungen &amp; Freigaben</h2>
</div>
<span class="badge badge-amber" id="approvals-badge">2 Ausstehend</span>
</div>
<div class="approvals-list" id="approvals-container">
<!-- Rendered dynamically by app.js -->
</div>
</section>
<!-- WAS GESCHAH IN DEN LETZTEN 24h? (Overnight Briefing) -->
<section class="card card-journal">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">OVERNIGHT BRIEFING</span>
<h2>Operations Journal (Letzte 24h)</h2>
</div>
<span class="badge badge-emerald" id="journal-badge">100% Physisch</span>
</div>
<div class="journal-timeline" id="journal-container">
<!-- Rendered dynamically by app.js -->
</div>
</section>
</div>
<!-- ZONE 2: Executive Board & Casted Agent Network (Right Column, ~42%) -->
<div class="column-agents">
<!-- CTO DIRECTIVE CARD -->
<section class="card card-cto">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">EXECUTIVE COMMAND</span>
<h2>CTO Steve Jobs</h2>
</div>
<span class="badge badge-purple">Vollmacht: Unbeschränkt</span>
</div>
<div class="cto-body">
<div class="cto-profile">
<div class="cto-avatar">SJ</div>
<div class="cto-details">
<span class="cto-name">Steve Jobs</span>
<span class="cto-role">Chief Technology Officer · Modus: Action-First</span>
</div>
</div>
<div class="cto-quote-box">
<p class="cto-quote">
„Realität im Dateisystem vor Halluzination im Kopf. Das 3-Säulen-System steht. Alle 5 Spezialisten arbeiten mit deterministischen Schnittstellen und echten Tests.“
</p>
</div>
<div class="cto-actions">
<button type="button" id="btn-open-steve-chat" class="btn-inline btn-purple">
<span>💬 Chat mit Steve öffnen</span>
</button>
<div class="authority-pills">
<span class="auth-pill">✓ Filesystem Write</span>
<span class="auth-pill">✓ Multi-Node Orchestration</span>
</div>
</div>
</div>
</section>
<!-- OPERATIONS BOARD (5 CASTED AGENTS) -->
<section class="card card-operations-board">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">OPERATIONS BOARD</span>
<h2>Agenten-Flotte</h2>
</div>
<span class="badge badge-cyan" id="agent-count">5 Casts aktiv</span>
</div>
<p class="operations-hint">Klicke auf einen Spezialisten, um sofort ein physisches System-Audit auszulösen:</p>
<div class="agent-roster">
<!-- 1. Code Architect -->
<div class="roster-item interactive-agent" data-agent="architect" title="Klicken für Architecture- & Modul-Audit">
<div class="agent-avatar architect">CA</div>
<div class="agent-meta">
<span class="agent-name">Code Architect</span>
<span class="agent-role">Moduldesign &amp; Clean Architecture</span>
<span class="agent-node">Node: Mac mini (Strategic Reasoning)</span>
</div>
<div class="agent-status">
<span class="status-dot green" id="dot-architect"></span>
</div>
</div>
<!-- 2. Security & QA Auditor -->
<div class="roster-item interactive-agent" data-agent="qa" title="Klicken für Zero-Phantom- & Test-Audit">
<div class="agent-avatar security">QA</div>
<div class="agent-meta">
<span class="agent-name">Security &amp; QA Auditor</span>
<span class="agent-role">Integritätsprüfung &amp; Zero-Phantom</span>
<span class="agent-node">Node: MacBook Air (Fast Coding)</span>
</div>
<div class="agent-status">
<span class="status-dot green" id="dot-qa"></span>
</div>
</div>
<!-- 3. DevOps Engineer -->
<div class="roster-item interactive-agent" data-agent="devops" title="Klicken für Liveness- & Port-Audit">
<div class="agent-avatar devops">DO</div>
<div class="agent-meta">
<span class="agent-name">DevOps Engineer</span>
<span class="agent-role">Hot-Reload &amp; Service Liveness</span>
<span class="agent-node">Node: Host Mac (Daemons &amp; Ports)</span>
</div>
<div class="agent-status">
<span class="status-dot green" id="dot-devops"></span>
</div>
</div>
<!-- 4. Apex Quant Specialist -->
<div class="roster-item interactive-agent" data-agent="quant" title="Klicken für Apex Risk &amp; Trading-Bot-Bridge Audit">
<div class="agent-avatar quant">AP</div>
<div class="agent-meta">
<span class="agent-name">Apex Quant Specialist</span>
<span class="agent-role">Algorithmic Risk &amp; Port 8000 Bridge</span>
<span class="agent-node">Node: Host Mac (Deterministic Math)</span>
</div>
<div class="agent-status">
<span class="status-dot purple" id="dot-quant"></span>
</div>
</div>
<!-- 5. UX Designer -->
<div class="roster-item interactive-agent" data-agent="ux" title="Klicken für UI/UX &amp; Design-System-Audit">
<div class="agent-avatar ux">UX</div>
<div class="agent-meta">
<span class="agent-name">UX Designer</span>
<span class="agent-role">Lead Product &amp; UX/UI Designer</span>
<span class="agent-node">Node: MacBook Air / Host (3-Pillar UI)</span>
</div>
<div class="agent-status">
<span class="status-dot orange" id="dot-ux"></span>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- ZONE 3 & 4: Distributed Cluster, Apex Trading & Telemetry Console (Bottom Full Width) -->
<div class="cockpit-bottom-layout">
<!-- CLUSTER TOPOLOGY CARD -->
<section class="card card-cluster">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">COMPUTE TOPOLOGY</span>
<h2>Distributed Mac Cluster</h2>
</div>
<span class="badge badge-emerald" id="cluster-badge">Metal GPU Aktiv</span>
</div>
<div class="cluster-grid">
<div class="cluster-node online">
<div class="node-header">
<span class="node-status-dot"></span>
<span class="node-name">Host Mac (Primär)</span>
<span class="node-type">Metal GPU</span>
</div>
<div class="node-details">
<div class="detail-row"><span>LM Studio:</span><span class="code-val">qwen3-coder-30b-a3b (Metal)</span></div>
<div class="detail-row"><span>Ollama:</span><span class="code-val">gemma4:latest (Port 11434)</span></div>
<div class="detail-row"><span>Zustand:</span><span class="success-val">Aktiv · Keine Drosselung</span></div>
</div>
</div>
<div class="cluster-node standby">
<div class="node-header">
<span class="node-status-dot amber"></span>
<span class="node-name">Mac mini</span>
<span class="node-type">24/7 Powerhouse</span>
</div>
<div class="node-details">
<div class="detail-row"><span>Profil:</span><span>Aktiv gekühlt (Lüfter)</span></div>
<div class="detail-row"><span>Empfohlen:</span><span class="code-val">qwen2.5:32b / deepseek-r1</span></div>
<div class="detail-row"><span>Routing:</span><span class="text-dim">Failover zu Host Metal GPU</span></div>
</div>
</div>
<div class="cluster-node standby">
<div class="node-header">
<span class="node-status-dot amber"></span>
<span class="node-name">MacBook Air</span>
<span class="node-type">Mobile Worker</span>
</div>
<div class="node-details">
<div class="detail-row"><span>Profil:</span><span>Lüfterlos (Thermisch geschützt)</span></div>
<div class="detail-row"><span>Empfohlen:</span><span class="code-val">qwen2.5-coder:7b / 3b</span></div>
<div class="detail-row"><span>Routing:</span><span class="text-dim">Failover zu Host Metal GPU</span></div>
</div>
</div>
</div>
</section>
<!-- APEX QUANT TRADING ENGINE SUBSYSTEM -->
<section class="card card-apex">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">SUBSYSTEM APEX</span>
<h2>Apex Quantitative Trading Engine</h2>
</div>
<div class="header-action-cluster">
<div class="mode-segmented-control" role="tablist">
<button type="button" id="tab-mode-paper" class="segment-btn active" data-mode="paper" title="Simulierter Test-Modus mit $1,000 Paper Equity">
<span class="segment-dot paper-dot"></span>
<span>Paper-Modus</span>
</button>
<button type="button" id="tab-mode-live" class="segment-btn" data-mode="live" title="Echtgeld-Modus: Polymarket Deposit Wallet, Bitpanda & Fiat-Reserven">
<span class="segment-dot live-dot"></span>
<span>🟢 Live-Echtgeld</span>
</button>
</div>
<span class="badge badge-cyan" id="trading-badge">REST API: Port 8001</span>
</div>
</div>
<div class="trading-metrics-grid">
<div class="tmetric-card">
<span class="tmetric-label" id="card1-label">Equity &amp; Portfolio</span>
<span class="tmetric-val positive" id="card1-val">$1,000.00</span>
<span class="tmetric-sub" id="card1-sub">€921.66 · Paper Trading (Safe)</span>
</div>
<div class="tmetric-card">
<span class="tmetric-label" id="card2-label">Max Drawdown</span>
<span class="tmetric-val" id="card2-val">0.00%</span>
<span class="tmetric-sub" id="card2-sub">Cap: 1.50% (Hard Stop)</span>
</div>
<div class="tmetric-card">
<span class="tmetric-label" id="card3-label">Aktives Markt-Regime</span>
<span class="tmetric-val cyan-text" id="card3-val">Donchian / ADX</span>
<span class="tmetric-sub" id="card3-sub">Trend-Following + Mean-Reversion</span>
</div>
<div class="tmetric-card">
<span class="tmetric-label" id="card4-label">Circuit Breaker Status</span>
<span class="tmetric-val success-val" id="card4-val">ARMED</span>
<span class="tmetric-sub" id="card4-sub">Fixed Fractional (1-2%)</span>
</div>
</div>
</section>
<!-- LIVE TELEMETRY & LOG CONSOLE (COLLAPSIBLE) -->
<section class="card card-console">
<div class="card-header">
<div class="header-title-group">
<span class="section-tag">LIVE TELEMETRY STREAM</span>
<h2>Self-Improvement &amp; System Event Log</h2>
</div>
<div class="console-actions">
<button type="button" id="btn-toggle-console" class="btn-text">Minimieren</button>
<button type="button" id="btn-clear-console" class="btn-text">Leeren</button>
</div>
</div>
<div class="terminal-container" id="terminal-logs">
<div class="log-line info">[SYSTEM] evOo Executive Cockpit initialized. Version 2.0.0.</div>
<div class="log-line success">[CLUSTER] Host Metal GPU (30B Qwen) aktiv. Port 1234 bereit.</div>
<div class="log-line success">[VERIFY] 3-Säulen-Navigation (Heute/Team/Projekte) in Chat-App verankert.</div>
<div class="log-line success">[OPERATIONS] 5 Casted Agents (Architect, QA, DevOps, Quant, UX) aktiv.</div>
</div>
</section>
</div>
</main>
<footer class="app-footer">
<div class="footer-left">
<span>evOo Autonomous Platform &bull; Physical Reality Guaranteed &bull; Executive Command Center</span>
</div>
<div class="footer-right">
<span id="timestamp-clock">--:--:-- UTC</span>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>