fix: fix button actions on dashboard example

Author: ubmit

examples/dashboard/app/api/generate/route.ts

@@ -15,7 +15,7 @@ COMPONENT DETAILS:
 - Metric: { label: string, valuePath: string, format?: "number"|"currency"|"percent", trend?: "up"|"down"|"neutral", trendValue?: string }
 - Chart: { type: "bar"|"line"|"pie"|"area", dataPath: string, title?: string, height?: number }
 - Table: { dataPath: string, columns: [{ key: string, label: string, format?: "text"|"currency"|"date"|"badge" }] }
-- Button: { label: string, action: string, variant?: "primary"|"secondary"|"danger"|"ghost" }
+- Button: { label: string, action: "export_report"|"refresh_data"|"view_details"|"apply_filter", variant?: "primary"|"secondary"|"danger"|"ghost" }
 - Heading: { text: string, level?: "h1"|"h2"|"h3"|"h4" }
 - Text: { content: string, variant?: "body"|"caption"|"label", color?: "default"|"muted"|"success"|"warning"|"danger" }
 - Badge: { text: string, variant?: "default"|"success"|"warning"|"danger"|"info" }

examples/dashboard/components/ui/button.tsx

@@ -7,7 +7,7 @@ export function Button({ element, onAction, loading }: ComponentRenderProps) {
   const { label, variant, action, disabled } = element.props as {
     label: string;
     variant?: string | null;
-    action: { name: string };
+    action: string;
     disabled?: boolean | null;
   };
 
@@ -28,7 +28,7 @@ export function Button({ element, onAction, loading }: ComponentRenderProps) {
 
   return (
     <button
-      onClick={() => !disabled && action && onAction?.(action)}
+      onClick={() => !disabled && action && onAction?.({ name: action })}
       disabled={!!disabled || loading}
       style={{
         padding: "8px 16px",