feat(ui): proper sidebar styling, unified buttons, split AI Studio #56

Merged

kreativmonkey merged 1 commit from feature/ui-refresh into main

2026-06-10 23:08:55 +02:00

kreativmonkey commented

2026-06-10 23:08:37 +02:00

Owner

Write actual CSS for .app-sidebar so the sidebar uses --surface-raised
(light gray in light mode, dark in dark) while .app-main now uses
--surface (white in light mode). Fixes the inverted-looking layout.
Add a legacy .button -> .btn style alias so old views (Dashboard,
Settings, Recurring, MediaLibrary) match the modern button language
without rewriting their markup.
Split AI Studio into two top-level sections:
- AI Profile — brand setup, knowledge base, AI assistant, vibe preview
  and a new "So sieht dein Brand im Prompt aus" panel that surfaces the
  system prompt as a comprehension layer.
- AI Generator — task input and editor with mood pills; prompt preview
  stays as a contextual debug toggle.
Tighten SectionCard header (icon size, alignment, gap, line height).
Update E2E tests for the new split and selectors.

Co-authored-by: Cursor cursoragent@cursor.com

- Write actual CSS for .app-sidebar so the sidebar uses --surface-raised (light gray in light mode, dark in dark) while .app-main now uses --surface (white in light mode). Fixes the inverted-looking layout. - Add a legacy .button -> .btn style alias so old views (Dashboard, Settings, Recurring, MediaLibrary) match the modern button language without rewriting their markup. - Split AI Studio into two top-level sections: * AI Profile — brand setup, knowledge base, AI assistant, vibe preview and a new "So sieht dein Brand im Prompt aus" panel that surfaces the system prompt as a comprehension layer. * AI Generator — task input and editor with mood pills; prompt preview stays as a contextual debug toggle. - Tighten SectionCard header (icon size, alignment, gap, line height). - Update E2E tests for the new split and selectors. Co-authored-by: Cursor <cursoragent@cursor.com>

kreativmonkey added 1 commit

2026-06-10 23:08:38 +02:00

feat(ui): proper sidebar styling, unified buttons, split AI Studio

CI/CD Workflow / Test Backend (Go) (pull_request) Successful in 2m28s

Details

CI/CD Workflow / Test Frontend (Node.js) (pull_request) Successful in 53s

Details

CI/CD Workflow / E2E (Playwright + Go) (pull_request) Successful in 6m27s

Details

CI/CD Workflow / Build and Publish Docker Image (pull_request) Has been skipped

Details

CI/CD Workflow / Trigger Dockhand Deployment (pull_request) Has been skipped

Details

6a91f9c0ec

- Write actual CSS for .app-sidebar so the sidebar uses --surface-raised
  (light gray in light mode, dark in dark) while .app-main now uses
  --surface (white in light mode). Fixes the inverted-looking layout.
- Add a legacy .button -> .btn style alias so old views (Dashboard,
  Settings, Recurring, MediaLibrary) match the modern button language
  without rewriting their markup.
- Split AI Studio into two top-level sections:
  * AI Profile — brand setup, knowledge base, AI assistant, vibe preview
    and a new "So sieht dein Brand im Prompt aus" panel that surfaces the
    system prompt as a comprehension layer.
  * AI Generator — task input and editor with mood pills; prompt preview
    stays as a contextual debug toggle.
- Tighten SectionCard header (icon size, alignment, gap, line height).
- Update E2E tests for the new split and selectors.

Co-authored-by: Cursor <cursoragent@cursor.com>

kreativmonkey merged commit a4e9b0a1eb into main

2026-06-10 23:08:55 +02:00

kreativmonkey referenced this pull request from a commit

2026-06-10 23:08:58 +02:00

Merge pull request 'feat(ui): proper sidebar styling, unified buttons, split AI Studio' (#56) from feature/ui-refresh into main

kreativmonkey referenced this pull request from a commit

2026-06-17 09:09:33 +02:00

Merge pull request 'feat(ui): proper sidebar styling, unified buttons, split AI Studio' (#56) from feature/ui-refresh into main