LAYOUT

Bitte einloggen, bevor das Management geladen wird.

Auth-Debug Overlay
Debug wird vorbereitet ...
Noch kein Log vorhanden.

Management Dashboard

Version: -- Build: --

Systemstatus

License-Endpointpruefe...
Module verfuegbar--
Erlaubte Domains--
CORS-Headerpruefe...
Status APIpruefe...

Studio-Instanz

Studio-Domainstudio.layoutr.de
Lizenz-Status--
Logic-Base-URL--
Studio erreichbar--

Deployment-Übersicht

SystemDomainStatus
Center center.layoutr.de --
Studio studio.layoutr.de --
Metrics metrics.layoutr.de --
Zusätzliche Kundenshells werden geladen...

Loader-Diagnose

OK--
Warnungen--
Fehler--
Warte auf Diagnose...

CI-Brand

Logos: -- CI-Farben: 10

CI-Brand Raster (5 Logos × 10 CI-Farben)

Jede Spalte definiert eine CI-Farbe mit Namen. Die Farbe wird direkt auf alle Brand-SVGs der Spalte angewendet und steht danach als CI-Auswahl bei Color-Pickern zur Verfügung.

Lade CI-Brand-Daten…

Module & Business Logic

0 Module 0 KB

Obfuskierte Module (logic/)

Klicke "Module scannen"...

Domains & Lizenzen

Kunden-/Lizenz-Domains

Lade...

Lizenz-Konfiguration

Lade...

Verbindungstests

Studio -> Center Lizenz-Check

Simuliert eine Lizenzanfrage von Studio an das Center.

Studio-Domainstudio.layoutr.de
Ergebnis--
Logic-Base-URL--
Antwortzeit--

Center -> Studio Erreichbarkeit

Prueft ob die Studio-Domain antwortet (HTTP HEAD).

Studio-URLhttps://studio.layoutr.de
Status--
Antwortzeit--

CORS-Validierung

Prueft ob CORS-Header korrekt gesetzt sind fuer Cross-Domain-Zugriff.

Allow-Origin--
Allow-Methods--
Allow-Headers--

Studio UI anpassen

-- --

Studio-Vorschau (Live)

Die Studio-Vorschau laeuft direkt auf dem Hub (same-domain, kein CORS) als getrennter Workspace: oben reine Vorschau, unten ausgelagerter UI-Editor. Dadurch verdeckt der Editor nicht mehr die Bedienoberflaeche.

820 px
760 px
Klicke "Studio-Vorschau laden" um die Live-Vorschau zu starten.

UI-Config Status (Studio-Vorschau)

Config-Dateiwird aufgeloest...
Letzte Aenderung--
Config-Version--
Preview-Version--
Groesse--

UI-Config JSON (Experten-Modus)

JSON-Editor anzeigen

▶ Center → Studio Config Sync

Aktive Dev-Schreibaktion: kopiert die aktuelle Demo-Config aus dem Center gezielt nach Studio Live oder Shell Production. Damit lassen sich die naechsten Sandbox-Checks fuer beide Runtime-Ziele getrennt vorbereiten. Es werden automatisch Backups der letzten 5 Versionen erstellt.

Studio-Live-Config--
Letzter Studio-Sync--
Config-Version (Studio)--
Shell-Version (Studio)--
Shell-Production-Config--
Letzter Shell-Publish--
Config-Version (Shell)--
Shell-Version (Shell)--
Demo-Config Status--
Demo-Config Datum--
Demo-Config Version--

◉ Presets — Zonen-Kategorien

api/zone_category_presets.php api/zone_category_presets_cross.php

Hier legst du bis zu 20 Kategorien mit Namen und komplettem Zonenstil fest (gleiche Felder wie im Layouter unter „Zone einstellen“). Leerer Name = diese Zeile erscheint nicht im Studio-Dropdown „Vorlage“. Im Studio wird beim Wählen z. B. „CARDIO“ der gespeicherte Stil auf die neue Zone angewendet.

# UI Texte

-- --

Tag-Manager

Zentrale UI-Texte fuer synchronisierte Hashtags. Aktuell ist #version# aktiv. Der Wert kann in Landing-Texten und in Studio-/Shell-Labeln wiederverwendet werden.

Verwendung

Landing PageHeadline 1 mit #version#
Studio / ShellLogo-Square und weitere Labeltexte mit #version#
APIapi/ui_texts.php

Im Editor bleiben die Roh-Tags erhalten. Auf der Live-Oberflaeche wird nur die Anzeige aufgeloest.

★ Landing Page Builder

--
✎ Text-Editor
⭐ Favicon
🖼 Logo-Modus
📂 Bild hierher ziehen oder klicken zum Auswaehlen
vh
🎬 Header-Animation
⏲ Warten + Animation abspielen
Sek
↕ Abstands-System (Fade)
Logo-Position und Element-Offsets ab Content-Startlinie. Negative Werte möglich.
Bereichpx Logo → Top Logo → Content
ElementOffset Headline 1 Headline 2 Akzent Claim CTA-Button Feature-Leiste
🎬 Headlines – individuelles Timing
Offset-Delay ab Basis-Delay, Einblenddauer, Einfahrstrecke (Move-Up), Easing.
Element+DelayDauerMove-UpEasing Headline 1 Headline 2 Akzent Claim CTA-Button Features Feature-Leiste
👁 Sichtbarkeit (Fade)
🔧 Schrift-Presets (Fade)
PresetGrößeStärke Headline Headline 2 Normal Akzent Klein
⭐ Hero-Bereich (Fade)
⚙ Feature-Leiste (Fade)
👉 Click-to-Action-Modus
Sek (ab Landing-Start)
px
px
px
px
px
px
px
px
Ladebalken sichtbar
SEITE 2 ↓
➤ Explore & Schritte
📄 Tutorial-Karten
💡 Kurz-Tipps
© Footer
👁 Live-Vorschau
Vorschau wird geladen...
16:9

▶ Center → Landing Page Runtime Sync

Aktive Dev-Schreibaktion: kopiert die aktuellen Welcome-Texte gezielt nach Studio Live oder Shell Production. So kannst du den Landing-Stand fuer beide Runtime-Ziele separat pruefen, bevor der eigentliche Promote-/Rollout-Lauf kommt.

Studio-Live Welcome-Texts--
Letzter Studio-Sync--
Shell-Production Welcome-Texts--
Letzter Shell-Publish--
Demo Welcome-Texts--

⟳ Transition Draft (Start-Uebergang)

Landing Sequenz

Uebergangsanimation (Logo / Timing)

Dieser Block steuert den Start-Uebergang zwischen Landingpage und aktivem Workspace. Die Werte werden zusammen mit dem Landing-Draft gespeichert.

0.1 = klein, 1.0 = voll
maximale Skalierung
nach Bounce
Transition-Preview (Loop)
Loop Vorschau (nur Übergang, ohne Landingseite)

▦ Project Hub Draft

Vor Login

Basis-Einstellungen

HEADER
%px
Tags: #username#, #username_first#, #username_nickname#, #username_last#, #username_full#, #username_initial_last#, #username_tag#, #TimeDriven#, {{username}}
%
HEADLINE
Tags: #TimeDriven#, #username#, #username_first#, #username_last#, {{username}}
Slot 1
Slot 2
Slot 3
Slot 4
CONTENT
%
%
%min(B,H) wie Shell
%
%%
%
%Hauptbereich + Kacheln
Card Layout (Anteile der Kartenhoehe, Summe wird normiert wie Shell)
%
pxpx
pxpx
%px
%%
DELETE SITE
px
%px
%
px
%
px
px
px
NEW PROJECT MODAL
Tags: #username#, #username_first#, #username_last#, #username_full#, #username_initial_last#, {{username}}
%px
px
px
px
Status: -
Studio-Live Project Hub--
Letzter Studio-Sync--
Shell-Production Project Hub--
Letzter Shell-Publish--

Live Preview (Project Hub) [1280x720 | 16:9]

Layoutr
Manuel

Projekt auswaehlen

Waehle ein Projekt, um fortzufahren.

Angemeldet als Manuel
Deine Projekte [5]< [1] 2 3 >

2D Layout Export

--

Layout Variant Preview Editor

Live-Simulation der finalen Export-Kacheln mit dynamischen Varianten.

Layout Variants
Grid Settings
Gesamtfeld / Panel
Diese Werte skalieren das gesamte Feld „Deine Layoutvarianten“ im Viewport und nicht nur das Tile-Grid.
Alle Grid-Geometriewerte werden relativ interpretiert: X-Werte gegen Breite, Y-Werte gegen Höhe.
Tile Settings
Download Buttons
Lightbox Settings
px
Layout-Set Navigation
1-3 Sets
px
Delete Set Dialog
Update / New Dialog
Preview Canvas
Das Canvas steuert nur die Editor-Simulation des Zielviewports. Die Layout-Geometrie selbst wird unten relativ ueber Prozentwerte gesteuert.
Overlay / Look / Quality
px
Die Gesamtfeld-Groesse steuerst du oben in „Grid Settings“ über die Panel-Abstände L/R und O/U.
Quality Settings
Quality Settings = finale 2D-Exportdatei (JPEG-Aufbereitung). Viewport Live Settings = flüssige Arbeitsansicht in der Shell. Performance / Boost Settings = separates Profil für den Performance-Modus in der Shell. Export Render Settings = temporäre Render-Qualität während Export-Capture.
Supersample
%
0-100
Output: 3840×2160 | JPEG 96% | SS 2.20
Viewport Live Settings
px (zusätzliche Weichzeichnung)
Live Viewport: balanced | Texture Sampling: medium | Stream: auto | Lock: off | Shadows: full L6/29 | Soft Shadows: full L6/29 | Effects: full L8/29 | Softness: 0.0px
Performance / Boost Settings
Diese Werte werden in der Shell nur aktiv, wenn der Performance-Modus eingeschaltet ist. So kann pro Gerät ein separates Performance-Profil gepflegt werden.
px (zusätzliche Weichzeichnung)
Performance Mode: boost | Sampling: low | Stream: very_low | Lock: very_low | Shadows: off (L0/99) | Soft Shadows: off (L0/99) | Effects: off (L0/29) | Softness: 0.2px
Export Render Settings
px
Export Render: ultra | Sampling: high | Stream: original | Shadows: full L8/29 | Soft Shadows: full L8/29 | Effects: full L10/29 | Softness: 0.0px | Produkt-Hintergrund: aus
Hub-Stand wird geprüft...

Live Preview (Final Export Simulation)

Deine Layoutvarianten
Waehle die gewuenschte Variante aus.
Hinweis: Tiles im Editor sind reine Vorschau-Simulation. Finale Export-Tiles werden erst beim echten Export dynamisch befuellt.

⚡ Center Staging

⚡ Promote Center -> Hub

Kontrollierter Staging-Schritt fuer die Control-Plane: Center als Quelle pruefen und gezielt nach Hub uebernehmen.

-- Health: --
Status wird geladen...
Health wird geladen...
Details Center -> Hub

Health & Quellen

Mapping & Strukturvorschau

Hub-Ziel

Preflight-Ergebnis (vor Promote)

Noch kein Preflight ausgefuehrt.
Build-/Release-Changelogs
Lade Changelog-Dateien...

⚡ Promote Studio -> Shell

Kontrollierter Staging-Schritt fuer die Runtime: Studio als Quelle pruefen und gezielt auf die produktive Shell uebernehmen.

-- Health: --
Status wird geladen...
Health wird geladen...
Details Studio -> Shell

Health & Quellen

Mapping & Strukturvorschau

Promote-Ziele

Preflight-Ergebnis (vor Promote)

Noch kein Preflight ausgefuehrt.

Runtime-Umbenennungs-Matrix

Sammelstelle fuer runtime- und zielabhaengige Begriffe im Fluss Studio -> Shell.
Matrix wird aufgebaut...

⚡ Hub Staging

-- Health: --
⚡ Production Hub: Read-only Check aufklappen

Reine Kontroll-, Pruef- und Lesestelle: aktive Releases, Pfad-Umschreibungen, Config-/Asset-/Projektquellen und der aktuelle Health-Zustand der ausgerollten Production-Ziele.

Production Release Check wird geladen...
Details Production Hub Read-only Check

Aktive Quellen & Runtime-Checks

Pfadstruktur & Zielvorschau

Production Shell Targets

Aktive Release-Changelogs
Lade Changelog-Dateien...
🚚 Production Hub: Shell Rollout Rollout Status Health: -- aufklappen

Getrennter Produktions-Workflow: Main Shell als stabile Referenz pruefen und danach kontrolliert auf weitere Production-Shell-Instanzen ausrollen. Das ist bewusst kein DEV-Promote.

Noch keine direkte Rollout-Aktion ausgefuehrt.
Betrifft nur das zentrale Instanz-Rollout, nicht den manuellen ZIP-Download fuer eine einzelne Shell.
Shell-Paketvertrag wird geladen...
Shell Rollout wird geladen...
Details Production Hub Shell Rollout

Quelle, Zielchecks & Sicherheit

Mapping & Strukturvorschau

Preflight-Ergebnis (vor Rollout)

Noch kein Rollout-Preflight ausgefuehrt.
🛰 ShellRadar Pending: -- Verdrahtet: -- aufklappen

Eingehende Kundenshells melden sich nach dem ersten erfolgreichen Hub-Handshake hier. Ueber Implementieren werden sie als inaktive Shell-Domain im Hub verdrahtet, ohne sie vorschnell als technisches Rollout-Ziel zu behandeln.

ShellRadar wird geladen...
Bereits verdrahtete Shell-Domains
☍ Lizenzkonfiguration aufklappen

Read-only Spiegel der technischen Lizenz-/Storage-Konfiguration direkt im Hub Staging, damit die Shell-Instanzverwaltung ohne Menuewechsel nachvollziehbar bleibt.

Lade...

▢ Layout to 3D & Export

-- -- Exports: -- Letzter Export: --

DXF / 3D Package Export

Salespace-Tracking über alle vorhandenen Sessions: pro Lead und Projekt inkl. Vorschau (Vollversion + Originalgrundriss), DXF-Export (3ds Max 2025) und ZIP-Package mit allen verfügbaren Grundriss-Artefakten.

Lead-Zusammenfassung wird geladen ...
Projektart-Zusammenfassung wird geladen ...
Wird geladen…

ARCHIVE

Keine archivierten Projekte.

💾 Wiederherstellung & Backup

Domains: -- Leads: -- Projekte: --

Backup-Manager

Verwaltung der Projekt-Backups im Safe-Bereich (Domain → Lead → Projekte), inkl. Einzel-/Sammel-Export als ZIP, ZIP-Wiederherstellung mit Konfliktpruefung und kontrolliertem Send-to-Shell.

Projekt aus Offline-ZIP wiederherstellen (nur Safe-Bereich)
Keine Datei gewählt
Send to Shell

Gesicherte Projekte (Safe-Bereich)

Lade...
Keine Projekte ausgewählt.
Suche nach Projektname, Projekt-ID, Lead oder Slug. Badges zeigen Quelle, Recovered-Status und Warnungen.
Lade Projektstruktur...
Dokumentierte Löschungen
Lade Löschhistorie...
Lade Löschhistorie...

🗃 System Backup

Bereiche: -- ZIP: --

Offline Backup & Restore

Sichere die fünf Hauptbereiche des Systems einzeln als ZIP und spiele sie bei Bedarf wieder ein. Die ersten vier Bereiche sichern jeweils den aktuellen Runtime-Webroot, der Sicherungsserverbereich umfasst den geschuetzten Storage-Bereich (configs, dynamic, safe, assets). Vor jedem Restore wird automatisch ein interner Restore-Point auf dem Server erstellt.

Lade System-Backup-Status ...
System-Backup-Bereiche werden geladen ...

⚙ Einstellungen

--

Hub-Favicon

Lege das Favicon für den Layout Hub fest. Auswahl erfolgt über die bestehende Bibliothek oder per Upload in dieselbe Logo-Bibliothek.

Kein Favicon gesetzt

Masterpasswort fuer Hub

Dieses Passwort steuert den geschuetzten Hub-Admin-Zugang. Aenderung ist hier zentral moeglich.

Status: nicht geprüft

Sidebar-Menü Editor

Sortiere die linken Menüelemente per Drag&Drop. Zusätzlich kannst du Überschriften sowie Linien (einfach, doppelt mit Abstand oder kurz zentriert mit Länge) einfügen.

DEV Tools / Safe Mode

Safe Mode blendet gefaehrliche DEV-Werkzeuge aus. Wenn Safe Mode deaktiviert ist, wird Annihilation im Center sichtbar.

Bei deaktiviertem Safe Mode werden gefaehrliche DEV-Werkzeuge sichtbar. Diese Funktion ist nur fuer Clean-Room- und Reset-Szenarien gedacht.
Safe Project Reset schaltet das Dev-Only Bulk-Delete-Tool in Diagnose frei. Wird nach Gebrauch wieder ausgeschaltet.

☢ Annihilation

Safe Mode aktiv
Hochrisiko-Werkzeug
Dieses Tool loescht gezielt DEV-Daten im Center. Assets, Delivery-Konfigurationen und globale Server-Assets bleiben unangetastet.
Lade Center-Status ...
Preset
Filter
Noch kein Preflight ausgefuehrt.
Noch keine Ausgabe.

🖼 Bibliothek-Assets

--
Logo hier ablegen oder klicken zum Hochladen

Client Management

0 Firmen 0 Accounts

Firmen verwalten

Zentrale Verwaltung aller Firmen-Daten. Aenderungen werden im Center gespeichert und stehen allen Studio-/Shell-Zielen zur Verfuegung.

Firmen

LogoFirmennameFirmenname 2StrassePLZOrtAktion

Account Management (Shell-Login / Rechte / Kontaktdaten)

Accounts fuer Shell-Domains verwalten. Rolle, Domain, Firma, Kontaktdaten sowie persoenliche Anrede-Felder sind zentral gepflegt.

Hinweis: Admin-Login befindet sich unter Einstellungen → Masterpasswort fuer Hub.

AccountVornameNachnameNicknameKuerzel / TagRolleDomainFirmaTel. OfficeTel. MobilAktivLoginPWAktion

Client-Backup (Export / Import)

Sichere alle Firmen, Accounts und Shell-Logins als JSON-Datei. Bei Datenverlust kannst du den Zustand mit Dry-Run-Preview und waehlbarer Strategie wiederherstellen. Vor jedem Import wird automatisch ein Autosave des aktuellen Stands angelegt.

Keine Datei gewaehlt

Admin-Masterkey

Status laedt …

Mail-Templates

Credentials-Mail per Preview pruefen und als Test an Admin senden.

Feature Requests

-- --

Filter

Status-Optionen

Sales User Domain Firma Menübereich Submenü Beschreibung Status Deleted by User Erstellt Aktion
Freigabematrix fuer Studio Feature Requests -- UI Draft Sync ausstehend

Initial soll die Matrix dem aktuellen Studio UI Draft entsprechen. Danach koennen einzelne Menuebereiche und Submenues manuell weiter freigegeben oder ausgeblendet werden.

Request-Log (Feedback)

0 Requests 0 OK 0 Fehler

Zeigt eingehende Hub-Requests (z. B. license.php / hub_status.php) zur schnellen Kontrolle.

Lizenz-Anfragen (letzte)

Noch keine...

Modul-Abrufe (letzte)

Noch keine...

Roadmap & Notizen

--

Roadmap-Text

Notizen, Ideen und Roadmap-Eintraege. Werden zentral im Hub gespeichert.

Diagnose & Logs

Loader-/Pfad-Diagnose

Lade Diagnose...

Persistence Drift (V2 ↔ V1 Snapshot)

Bereit.
Read-only Drift-Inventar zwischen V2 Commit-Store und V1 Legacy-Projection. Scant beide Shell-Bereiche (Center/Studio bzw. Hub/Shell).
Filter: | |
Lade Drift-Diagnose…
Letzte Aktualisierung: - | Toleranz: - s

Safe Project Reset (Dev-Only Bulk Delete)

Bereit.
Kontrollierter Dev-Reset fuer QA-/Altlast-Projekte: Scan, Selektion, Dry-Run, optionales ZIP-Backup, Typed-Confirmation und Verify. Endpoint ist ueber Runtime-Check und Feature-Flag doppelt gesichert.
[1] Scan
Noch kein Scan ausgefuehrt.
[2] Auswahl
0 Projekte, 0 KB
[3] Dry Run
Noch kein Dry-Run ausgefuehrt.
[4] Confirmation
Erwarteter Text: Bitte zuerst Projekte auswaehlen.
Dry-Run und exakter Text sind Pflicht.
[5] Apply + Verify
Noch kein Apply ausgefuehrt.

Center Runtime Trace

0 Events Bereit.
Lokaler Dev-Trace fuer Center-Hotspots: Section-Wechsel, Draft Load/Save, Assetlib, Runtime Audit, Layout Export und Systemarchitektur.
Noch keine Center-Trace-Events.

Runtime Audit & Review-Handoff

Noch kein Runtime Audit ausgefuehrt.
Kein Vergleich vorhanden.
OK--
Warnungen--
Fehler--
Bereit.
Empfohlen fuer Review-Handoff: handoff.md und full_report.json exportieren und als Dateien weitergeben.
Review-Handoff (kompakt)
Noch kein Handoff generiert.
Verlauf
Detail-Ansicht

Diagnose-Log

Systemarchitektur

C4-basierter Architecture Explorer · AS-IS Zustand Bereit.
Visuell
Audit
Overview
Context
Containers
Components
Runtime Flow
Build & Deploy
Folder Map
Shared Deps
Risks
System
Container
Component
Shared
External
Risk
×

--