From 91180a82bf75ead84a4d3bf4a1ae148f63214efc Mon Sep 17 00:00:00 2001 From: davetoolctrl Date: Fri, 3 Jul 2026 00:34:30 +0200 Subject: [PATCH] Clean up D-D0b preview references --- ...nstorming.md => D-D0b Layout Standards.md} | 12 +- .../D-D0b Layout Standards/Preview/index.html | 47 +- .../Preview/preview.html | 885 ++++++++++++++++++ .../AI/08_AI-Change-History.md | 60 +- .../Fertige Tickets/D-D0b Layout Standards.md | 12 +- Tickets/README.md | 1 - 6 files changed, 968 insertions(+), 49 deletions(-) rename 02 Wireframes/D0 Foundation/D-D0b Layout Standards/{D-D0b Layout Brainstorming.md => D-D0b Layout Standards.md} (96%) rename Tickets/Fertige Tickets/Assets/D-D0b-Layout-Preview.html => 02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/index.html (98%) create mode 100644 02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/preview.html diff --git a/02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md b/02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md similarity index 96% rename from 02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md rename to 02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md index a1685b0d..f13ba25b 100644 --- a/02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md +++ b/02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md @@ -3,7 +3,7 @@ kind: final-planning ticket: D-D0b area: Layout Standards status: Abgeschlossen -stand: 2026-07-02 +stand: 2026-07-03 --- # D-D0b Layout Standards @@ -18,11 +18,13 @@ Source of Truth fuer spaetere Screen-Arbeit: - [Subframe UI Standards / Entscheidungen](<../../../04 Standards/Subframe UI Standards/02_Entscheidungen.md>) - [D-D0b Backlog]() -Lokale Vorschau: +HTML-Preview: -- Versioniertes Ticket-Artefakt: [D-D0b Layout Preview](<../../../Tickets/Fertige Tickets/Assets/D-D0b-Layout-Preview.html>) -- `99 Temp/D-D0b Layout Preview/index.html` -- Die Preview bleibt als lokale Arbeitskopie erhalten, ist aber kein Source of Truth. +- Versionierte Referenz: [D-D0b Layout Preview]() +- Separate Full-Page-Vorschau: [D-D0b Full Page Preview]() +- Lokale Arbeitskopie fuer Self-Hosting: `99 Temp/D-D0b Layout Preview/index.html` +- Die versionierte Preview liegt bewusst im D-D0b-Ordner, damit sie zusammen mit den Layout-Entscheidungen auffindbar bleibt. +- Die Preview ist visuelle Referenz, aber kein Source of Truth. - `99 Temp/` ist per `.gitignore` ausgeschlossen. - Wenn Regeln spaeter abweichen, gelten die Markdown-Standards, nicht die HTML-Preview. diff --git a/Tickets/Fertige Tickets/Assets/D-D0b-Layout-Preview.html b/02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/index.html similarity index 98% rename from Tickets/Fertige Tickets/Assets/D-D0b-Layout-Preview.html rename to 02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/index.html index 7ca21755..0f51df3b 100644 --- a/Tickets/Fertige Tickets/Assets/D-D0b-Layout-Preview.html +++ b/02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/index.html @@ -3,7 +3,7 @@ - D-D0b Layout Preview Lab + D-D0b Layout Preview + + +
+
+
+

Full-page preview

+

D-D0b Preview Page

+

+ Eigene Full-Page-Vorschau fuer App-Shell-Breite, Page Padding, + Card Padding und Grid-Gaps. Diese Seite ist bewusst von der + D-Entscheidungsseite getrennt. +

+
+ Zurueck zu D02 +
+ +
+
+ App Shell + + +
+ +
+ Layout-Dichte + + + +
+
+ +
+
+ Aktive Layout-Daten + Diese Werte aendern sich durch die Umschalter. +
+ +
+
ShellAn
+
Sidebar232px
+
Topbar56px sichtbar
+
Content-BreiteViewport minus 232px
+
BewertungProduktansicht
+
+ +
+
ShellAus
+
Sidebar0px
+
Topbarausgeblendet
+
Content-Breitevolle Preview-Breite
+
BewertungCanvas/Modal-Kontext
+
+ +
+
ModusAdmin Standard
+
Page Padding24px
+
Card Padding16px
+
Grid/Card Gap16px
+
Detail-/Editor Padding16px
+
+ +
+
ModusKompakt
+
Page Padding24px min
+
Card Padding16px
+
Grid/Card Gap12px
+
Detail-/Editor Padding16px
+
+ +
+
ModusDialog 32px
+
Page Padding24px
+
Card Padding16px
+
Grid/Card Gap16px
+
Dialog Padding32px Variante
+
+
+
+ +
+ + +
+
+ +
+ New + Export + +
+
+ +
+
+
+

Workspace overview

+

Operations dashboard

+

+ Beispielseite fuer App-Shell-Breite, Page Padding, + Card-Padding und Grid-Gaps im laufenden Produktkontext. +

+
+
+ Filter + Create task +
+
+ +
+
+

Open leads

+
128
+

+12 this week

+
+
+

Active projects

+
42
+

8 need review

+
+
+

Team workload

+
76%
+

Balanced

+
+
+

Pending approvals

+
9
+

3 overdue

+
+
+ +
+
+

Recent work

+

Tasks, customers and approvals in one dense page area.

+
+
+
+ Review onboarding workspace + Assigned to Admin Team +
+ Due today +
+
+
+ Prepare customer import + CRM setup +
+ Active +
+
+
+ Approve role changes + Security settings +
+ Review +
+
+
+ + +
+ +
+
+
+

Employee access

+

Table area for judging page width inside and outside the shell.

+
+
+ + Role +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameRoleDepartmentStatusActions
David BertramAdminOperationsActive...
Anna KellerFinance LeadFinanceActive...
Max HoffmannEmployeeSupportPending...
+
+
+ +
+

Dialog 32px Variante

+

+ Dieser Modus macht nur diese grosse Arbeitsflaeche innen + groesser. Das steht fuer die groessere Subframe-Dialog-Variante, + nicht fuer frei gesetztes Padding auf normalen Surfaces. +

+
+
+ Role + Contacts + Projects + Reports +
+
+
+ + +
+
+ + +
+
+
+
+
+
+
+ + diff --git a/04 Standards/Subframe UI Standards/AI/08_AI-Change-History.md b/04 Standards/Subframe UI Standards/AI/08_AI-Change-History.md index 351fa470..2b46ac2c 100644 --- a/04 Standards/Subframe UI Standards/AI/08_AI-Change-History.md +++ b/04 Standards/Subframe UI Standards/AI/08_AI-Change-History.md @@ -51,6 +51,32 @@ Offen: ## Verlauf +### 2026-07-03 00:32:55 Europe/Berlin - D-D0b Preview und Abschlussstruktur bereinigt + +Kontext: +- David hat kritisiert, dass die HTML-Preview nicht sauber auffindbar war und in der Navigation D04/D09 fehlten. +- Die finale D-D0b-Datei sollte nicht mehr als Brainstorming-Datei erscheinen. +- Backlog, Entscheidungen und Preview-Referenzen sollten eindeutiger sortiert sein. + +Betroffene Dateien: +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Backlog.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/index.html` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/preview.html` +- `Tickets/Fertige Tickets/D-D0b Layout Standards.md` +- [[AI/08_AI-Change-History]] + +Aenderungen: +- D-D0b-Hauptdatei von Brainstorming auf finalen Standards-Dateinamen umgestellt. +- Preview-Dateien in den D-D0b-Ordner verschoben, damit sie zusammen mit den Layout-Entscheidungen auffindbar sind. +- Top-Navigation der HTML-Preview auf D01 bis D09 vervollstaendigt. +- Alte nicht-finale Preview-Texte bereinigt. +- D09 in der Preview als State-/Component-Ownership statt als Padding-Frage beschrieben. +- Ticket-Handoff auf die neuen Preview- und Standards-Pfade aktualisiert. + +Offen: +- Keine. + ### 2026-07-03 00:20:15 Europe/Berlin - Subframe-MCP Nutzung der Layout-Standards festgeschrieben Kontext: @@ -59,12 +85,12 @@ Kontext: Betroffene Dateien: - `AI README.md` -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `04 Standards/Subframe UI Standards/Layout/README.md` - [[AI/07_AI-References]] - [[AI/08_AI-Change-History]] - `Tickets/Fertige Tickets/D-D0b Layout Standards.md` -- `Tickets/Fertige Tickets/Assets/D-D0b-Layout-Preview.html` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/Preview/index.html` Aenderungen: - Pflichtregel ergaenzt, dass Subframe-MCP-Prompts und Edits die validierten Layout-Standards als aktive Referenz nutzen muessen. @@ -83,7 +109,7 @@ Kontext: - Backlog-Punkte sollten aus der Abschlussdoku in eine eigene Seite ausgelagert werden. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Backlog.md` - `04 Standards/Subframe UI Standards/Layout/README.md` - [[02_Entscheidungen]] @@ -112,7 +138,7 @@ Kontext: - Die Preview sollte 0px sichtbar machen, ohne selbst Abstand zu erzeugen. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -136,7 +162,7 @@ Kontext: - D03 Text-Rhythmus musste in der Preview sichtbarer und verstaendlicher werden. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -160,7 +186,7 @@ Kontext: - Blockierende Error-/Result-Dialoge sollen spaeter separat als Overlay-/Feedback-Komponenten betrachtet werden. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - [[06_Backlog]] - [[AI/08_AI-Change-History]] @@ -181,7 +207,7 @@ Kontext: - Mehrzeilige Texte nutzen die 150%-Texttoken, wodurch Textbloecke selbst hoeher werden. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[06_Backlog]] @@ -205,7 +231,7 @@ Kontext: - Als obere Grenze wurde die Breite eines 2K-Monitors abzüglich des validierten aeusseren Dialogrands verwendet. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -226,7 +252,7 @@ Kontext: - Fullscreen Dialog soll Fill in Breite und Hoehe nutzen, aber mit sichtbarem aeusserem Rand. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -267,7 +293,7 @@ Kontext: - Die Definition ist Voraussetzung, bevor Dialogbreiten sinnvoll validiert werden koennen. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -291,7 +317,7 @@ Kontext: - Stattdessen bekommt die Subframe-`Dialog`-Komponente zwei Varianten: 16px Default und 32px groesser/ruhiger. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -314,7 +340,7 @@ Kontext: - 32px Innenabstand sollte zu diesem Zeitpunkt nicht frei als Standard gelten. Kurz danach wurde er als eigene Subframe-`Dialog`-Variante validiert. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -338,7 +364,7 @@ Kontext: - Detail-/Editor-Surface Padding wurde zu diesem Zeitpunkt noch als offener Sonderfall notiert und am 2026-07-02 auf 16px als Standard praezisiert. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -364,7 +390,7 @@ Kontext: - Mobile soll aus der aktiven Preview entfernt bleiben und grosse Detail-/Editorflaechen sind noch unklar. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -389,7 +415,7 @@ Kontext: - David hat entschieden, Mobile vorerst nicht in D02 zu validieren, sondern in den Backlog zu legen. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - [[06_Backlog]] - [[AI/08_AI-Change-History]] - `99 Temp/D-D0b Layout Preview/index.html` @@ -410,7 +436,7 @@ Kontext: - Gleichzeitig wurde geklaert, dass Layout-Standards nicht gegen bestehende Subframe-Komponenten-Defaults arbeiten sollen. Betroffene Dateien: -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` - `Layout/README.md` - [[02_Entscheidungen]] - [[AI/08_AI-Change-History]] @@ -471,7 +497,7 @@ Betroffene Dateien: - `AI README.md` - `01 Regeln/Obsidian Struktur.md` - `01 Regeln/Screen Agent Workflow.md` -- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Brainstorming.md` +- `02 Wireframes/D0 Foundation/D-D0b Layout Standards/D-D0b Layout Standards.md` Aenderungen: - HiveGrid-Kontext, Zweck, Abgrenzung und Aenderungsschutz fuer das Subframe UI Standards dokumentiert. diff --git a/Tickets/Fertige Tickets/D-D0b Layout Standards.md b/Tickets/Fertige Tickets/D-D0b Layout Standards.md index 7dc35579..2771c7de 100644 --- a/Tickets/Fertige Tickets/D-D0b Layout Standards.md +++ b/Tickets/Fertige Tickets/D-D0b Layout Standards.md @@ -5,14 +5,14 @@ ticket: D-D0b area: Foundation / Layout Standards status: Fertig / Review repo: https://git.tool-ctrl.de/david/Hivegrid-Wireframes -stand: 2026-07-02 +stand: 2026-07-03 --- # D-D0b Layout Standards Repo: https://git.tool-ctrl.de/david/Hivegrid-Wireframes -Arbeitsbereich im Repo: [D-D0b Layout Standards](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/D-D0b%20Layout%20Brainstorming.md) +Arbeitsbereich im Repo: [D-D0b Layout Standards](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/D-D0b%20Layout%20Standards.md) Backlog: [D-D0b Backlog](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/D-D0b%20Backlog.md) @@ -20,7 +20,9 @@ Dauerhafte Standards: [Subframe UI Standards / Layout](../../04%20Standards/Subf Entscheidungslog: [Subframe UI Standards / Entscheidungen](../../04%20Standards/Subframe%20UI%20Standards/02_Entscheidungen.md) -HTML-Preview-Artefakt: [D-D0b Layout Preview]() +HTML-Preview: [D-D0b Layout Preview](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/Preview/index.html) + +Full-Page-Preview: [D-D0b Full Page Preview](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/Preview/preview.html) Lokale Arbeitskopie der Preview: `99 Temp/D-D0b Layout Preview/index.html` @@ -30,7 +32,7 @@ Fuer `D-D0b` wurden die grundlegenden Layout- und Composition-Standards fuer Hiv Die HTML-Preview bleibt lokal erhalten, ist aber nicht Source of Truth. Die verbindlichen Regeln stehen in den Markdown-Dateien. -Eine bereinigte Kopie der Preview liegt als Ticket-Artefakt im Repo, damit sie spaeter direkt aus dem fertigen Ticket heraus referenziert werden kann. +Eine bereinigte Kopie der Preview liegt versioniert im D-D0b-Ordner, damit sie zusammen mit den Layout-Entscheidungen auffindbar bleibt und aus diesem Ticket heraus referenziert werden kann. ## Gemacht @@ -42,7 +44,7 @@ Eine bereinigte Kopie der Preview liegt als Ticket-Artefakt im Repo, damit sie s - Dialog-interne Gaps validiert. - Backlog-Punkte in eigene Backlog-Datei ausgelagert. - Lokale Preview behalten und als lokale Referenzhilfe markiert. -- HTML-Preview als versioniertes Ticket-Artefakt abgelegt. +- HTML-Preview und Full-Page-Preview als versionierte Referenzdateien im D-D0b-Ordner abgelegt. ## Validiert diff --git a/Tickets/README.md b/Tickets/README.md index 7c514885..d705df4b 100644 --- a/Tickets/README.md +++ b/Tickets/README.md @@ -7,7 +7,6 @@ Dieser Bereich ist der Handoff-Index fuer Ticket-Zusammenfassungen. | Pfad | Zweck | |---|---| | `Fertige Tickets/` | fertige oder handofffaehige Ticket-Zusammenfassungen | -| `Fertige Tickets/Assets/` | referenzierbare Zusatzartefakte fuer fertige Tickets, z. B. HTML-Previews | ## Regel