CluPilotCloud

Commit Graph

Author	SHA1	Message	Date
nexxo	7c1a153446	fix(ui): fixed sidebars (admin + portal) + storage banner shimmer App-shell layout: sidebar is a full-height fixed column on lg, only main scrolls. Re-added the left->right shimmer sweep on the dashboard storage banner (reduced-motion safe, token colours). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-25 13:28:05 +02:00
nexxo	499adaff00	feat(dashboard): rich overview with Chart.js (customer-portal template) - Chart.js as an Alpine island (x-ui.chart): configs are PHP arrays; colours use token: strings resolved from CSS design tokens at runtime (R3). Respects reduced-motion; IBM Plex chart defaults. - Tokens: soft --radius-xl (20px), --success-bright for dots/rings/charts. Staggered 'rise' reveal keyframe. Global toast in the app shell. - Overview rebuilt to the customer template: storage doughnut ring, availability sparkline, KPI tiles, upsell, cloud card, interactive onboarding checklist (Alpine), backups, modules (Lucide icons — no emoji, R9), activity feed. - Locale-aware fixture display: Carbon isoFormat dates + Number::format sizes so the EN dashboard is not mixed-language (R16). - 14 Pest tests green; R12 browser: /dashboard 0 console errors with Chart.js; R7 no overflow at 375/768/1280. Reviewed with Codex (R15) — clean. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-25 07:59:19 +02:00
nexxo	53c2a12d6d	feat(portal): design foundation — Tailwind v3, tokens, self-hosted fonts - Downgrade Tailwind v4 -> v3 (user decision): postcss.config.js, tailwind.config.js mapping framework-neutral CSS-var tokens onto utilities. - portal-tokens.css: light enterprise palette, single orange accent, IBM Plex type scale, radius/shadow/motion/focus (design handoff §6). AA-safe accent text/fill tokens (accent-active/-press/-text) — #f97316 alone fails AA. - Self-hosted IBM Plex Sans+Mono via @fontsource, Vite-bundled (R14, no CDN). - app.css: v3 layers, base type, uniform :focus-visible, reduced-motion. - layouts/portal.blade.php base layout; welcome page retokenised (guarded login CTA, DE/EN via lang/common) — no v4-only classes. - Reviewed with Codex (R15): 5 rounds, all findings fixed, final pass clean. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-25 00:43:01 +02:00

Author

SHA1

Message

Date

nexxo

7c1a153446

fix(ui): fixed sidebars (admin + portal) + storage banner shimmer

App-shell layout: sidebar is a full-height fixed column on lg, only main
scrolls. Re-added the left->right shimmer sweep on the dashboard storage
banner (reduced-motion safe, token colours).

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

2026-07-25 13:28:05 +02:00

nexxo

499adaff00

feat(dashboard): rich overview with Chart.js (customer-portal template)

- Chart.js as an Alpine island (x-ui.chart): configs are PHP arrays; colours use
  token: strings resolved from CSS design tokens at runtime (R3). Respects
  reduced-motion; IBM Plex chart defaults.
- Tokens: soft --radius-xl (20px), --success-bright for dots/rings/charts.
  Staggered 'rise' reveal keyframe. Global toast in the app shell.
- Overview rebuilt to the customer template: storage doughnut ring, availability
  sparkline, KPI tiles, upsell, cloud card, interactive onboarding checklist
  (Alpine), backups, modules (Lucide icons — no emoji, R9), activity feed.
- Locale-aware fixture display: Carbon isoFormat dates + Number::format sizes so
  the EN dashboard is not mixed-language (R16).
- 14 Pest tests green; R12 browser: /dashboard 0 console errors with Chart.js;
  R7 no overflow at 375/768/1280. Reviewed with Codex (R15) — clean.

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

2026-07-25 07:59:19 +02:00

nexxo

53c2a12d6d

feat(portal): design foundation — Tailwind v3, tokens, self-hosted fonts

- Downgrade Tailwind v4 -> v3 (user decision): postcss.config.js,
  tailwind.config.js mapping framework-neutral CSS-var tokens onto utilities.
- portal-tokens.css: light enterprise palette, single orange accent, IBM Plex
  type scale, radius/shadow/motion/focus (design handoff §6). AA-safe accent
  text/fill tokens (accent-active/-press/-text) — #f97316 alone fails AA.
- Self-hosted IBM Plex Sans+Mono via @fontsource, Vite-bundled (R14, no CDN).
- app.css: v3 layers, base type, uniform :focus-visible, reduced-motion.
- layouts/portal.blade.php base layout; welcome page retokenised (guarded
  login CTA, DE/EN via lang/common) — no v4-only classes.
- Reviewed with Codex (R15): 5 rounds, all findings fixed, final pass clean.

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

2026-07-25 00:43:01 +02:00

3 Commits (9ccd4f59d8d1ae581634a4559164573880d5abc1)