refactor: redesign widget container for dark theme consistency

WidgetContainer redesign: - Remove grey bg-gray-50/50 header background (clashed with dark theme) - Header now uses transparent background with subtle separator line - Add description prop — shows catalog description under title - Drag grip dots appear on hover (6-dot pattern, hidden by default) - Remove button appears on hover with red highlight - Dark theme: bg-gray-900, border-gray-700/60, gray-800 separator - Drag state: ring-2 ring-brand-400/30 with scale effect - Hover state: shadow-md with border color transition DashboardClient: passes widget.description to WidgetContainer Co-Authored-By: claude-flow <ruv@ruv.net>
2026-03-22 21:55:17 +01:00
parent ac845d72b7
commit 2c65abd231
2 changed files with 34 additions and 7 deletions
@@ -157,6 +157,7 @@ export function DashboardClient() {
                  <div key={widget.id}>
                    <WidgetContainer
                      title={widget.title ?? getWidget(widget.type).label}
+                      description={getWidget(widget.type).description}
                      onRemove={() => removeWidget(widget.id)}
                    >
                      {renderWidget(widget.type, widget.config, (update) =>