metabuilder/packages/stream_cast/seed/components.json

[
  {
    "id": "stream_cast_root",
    "type": "Stack",
    "props": {
      "className": "flex flex-col gap-6"
    },
    "children": [
      {
        "id": "stream_cast_hero",
        "type": "Card",
        "props": {
          "className": "p-6"
        },
        "children": [
          {
            "id": "stream_cast_title",
            "type": "Heading",
            "props": {
              "children": "Stream Cast",
              "level": "2",
              "className": "text-2xl font-bold"
            },
            "children": []
          },
          {
            "id": "stream_cast_tagline",
            "type": "Text",
            "props": {
              "children": "Run live shows with scene control, schedule cues, and audience telemetry."
            },
            "children": []
          },
          {
            "id": "stream_cast_badges",
            "type": "Flex",
            "props": {
              "className": "flex gap-2"
            },
            "children": [
              {
                "id": "stream_cast_badge_live",
                "type": "Badge",
                "props": {
                  "children": "Live",
                  "variant": "secondary"
                },
                "children": []
              },
              {
                "id": "stream_cast_badge_schedule",
                "type": "Badge",
                "props": {
                  "children": "Scheduled",
                  "variant": "secondary"
                },
                "children": []
              },
              {
                "id": "stream_cast_badge_multicast",
                "type": "Badge",
                "props": {
                  "children": "Multicast",
                  "variant": "outline"
                },
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": "stream_cast_stats",
        "type": "Grid",
        "props": {
          "className": "grid grid-cols-3 gap-4"
        },
        "children": [
          {
            "id": "stream_cast_stat_viewers",
            "type": "Card",
            "props": {
              "className": "p-4"
            },
            "children": [
              {
                "id": "stream_cast_stat_viewers_label",
                "type": "Text",
                "props": {
                  "children": "Viewers now",
                  "className": "text-sm text-muted-foreground"
                },
                "children": []
              },
              {
                "id": "stream_cast_stat_viewers_value",
                "type": "Heading",
                "props": {
                  "children": "3,482",
                  "level": "3",
                  "className": "text-xl font-semibold"
                },
                "children": []
              }
            ]
          },
          {
            "id": "stream_cast_stat_scenes",
            "type": "Card",
            "props": {
              "className": "p-4"
            },
            "children": [
              {
                "id": "stream_cast_stat_scenes_label",
                "type": "Text",
                "props": {
                  "children": "Scenes loaded",
                  "className": "text-sm text-muted-foreground"
                },
                "children": []
              },
              {
                "id": "stream_cast_stat_scenes_value",
                "type": "Heading",
                "props": {
                  "children": "6",
                  "level": "3",
                  "className": "text-xl font-semibold"
                },
                "children": []
              }
            ]
          },
          {
            "id": "stream_cast_stat_mods",
            "type": "Card",
            "props": {
              "className": "p-4"
            },
            "children": [
              {
                "id": "stream_cast_stat_mods_label",
                "type": "Text",
                "props": {
                  "children": "Moderators on duty",
                  "className": "text-sm text-muted-foreground"
                },
                "children": []
              },
              {
                "id": "stream_cast_stat_mods_value",
                "type": "Heading",
                "props": {
                  "children": "5",
                  "level": "3",
                  "className": "text-xl font-semibold"
                },
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": "stream_cast_schedule",
        "type": "Card",
        "props": {
          "className": "p-6"
        },
        "children": [
          {
            "id": "stream_cast_schedule_title",
            "type": "Heading",
            "props": {
              "children": "Run of show",
              "level": "3",
              "className": "text-xl font-semibold"
            },
            "children": []
          },
          {
            "id": "stream_cast_schedule_stack",
            "type": "Stack",
            "props": {
              "className": "flex flex-col gap-3"
            },
            "children": [
              {
                "id": "stream_cast_segment_1",
                "type": "Card",
                "props": {
                  "className": "p-4"
                },
                "children": [
                  {
                    "id": "stream_cast_segment_1_title",
                    "type": "Heading",
                    "props": {
                      "children": "Opening roll",
                      "level": "4",
                      "className": "text-lg font-semibold"
                    },
                    "children": []
                  },
                  {
                    "id": "stream_cast_segment_1_text",
                    "type": "Text",
                    "props": {
                      "children": "00:00 · Countdown + intro scene",
                      "className": "text-sm text-muted-foreground"
                    },
                    "children": []
                  }
                ]
              },
              {
                "id": "stream_cast_segment_2",
                "type": "Card",
                "props": {
                  "className": "p-4"
                },
                "children": [
                  {
                    "id": "stream_cast_segment_2_title",
                    "type": "Heading",
                    "props": {
                      "children": "Guest spotlight",
                      "level": "4",
                      "className": "text-lg font-semibold"
                    },
                    "children": []
                  },
                  {
                    "id": "stream_cast_segment_2_text",
                    "type": "Text",
                    "props": {
                      "children": "00:10 · Dual cam + highlight reel",
                      "className": "text-sm text-muted-foreground"
                    },
                    "children": []
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "id": "stream_cast_scenes",
        "type": "Card",
        "props": {
          "className": "p-6"
        },
        "children": [
          {
            "id": "stream_cast_scenes_title",
            "type": "Heading",
            "props": {
              "children": "Scene switcher",
              "level": "3",
              "className": "text-xl font-semibold"
            },
            "children": []
          },
          {
            "id": "stream_cast_scene_buttons",
            "type": "Flex",
            "props": {
              "className": "flex flex-wrap gap-2"
            },
            "children": [
              {
                "id": "stream_cast_scene_intro",
                "type": "Button",
                "props": {
                  "children": "Intro",
                  "variant": "outline"
                },
                "children": []
              },
              {
                "id": "stream_cast_scene_main",
                "type": "Button",
                "props": {
                  "children": "Main",
                  "variant": "default"
                },
                "children": []
              },
              {
                "id": "stream_cast_scene_qa",
                "type": "Button",
                "props": {
                  "children": "Q&A",
                  "variant": "outline"
                },
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": "stream_cast_mod_tools",
        "type": "Card",
        "props": {
          "className": "p-6"
        },
        "children": [
          {
            "id": "stream_cast_mod_tools_title",
            "type": "Heading",
            "props": {
              "children": "Moderation controls",
              "level": "3",
              "className": "text-xl font-semibold"
            },
            "children": []
          },
          {
            "id": "stream_cast_mod_tools_text",
            "type": "Text",
            "props": {
              "children": "Quick actions for crowd spikes and highlight moments.",
              "className": "text-sm text-muted-foreground"
            },
            "children": []
          },
          {
            "id": "stream_cast_mod_tools_actions",
            "type": "Flex",
            "props": {
              "className": "flex flex-wrap gap-2"
            },
            "children": [
              {
                "id": "stream_cast_mod_tools_slow",
                "type": "Button",
                "props": {
                  "children": "Enable slow mode",
                  "variant": "outline"
                },
                "children": []
              },
              {
                "id": "stream_cast_mod_tools_pin",
                "type": "Button",
                "props": {
                  "children": "Pin message",
                  "variant": "outline"
                },
                "children": []
              },
              {
                "id": "stream_cast_mod_tools_clip",
                "type": "Button",
                "props": {
                  "children": "Highlight clip",
                  "variant": "default"
                },
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": "stream_cast_pulse",
        "type": "Card",
        "props": {
          "className": "p-6"
        },
        "children": [
          {
            "id": "stream_cast_pulse_title",
            "type": "Heading",
            "props": {
              "children": "Audience pulse",
              "level": "3",
              "className": "text-xl font-semibold"
            },
            "children": []
          },
          {
            "id": "stream_cast_pulse_text",
            "type": "Text",
            "props": {
              "children": "Chat velocity is spiking. Moderators recommended.",
              "className": "text-sm text-muted-foreground"
            },
            "children": []
          },
          {
            "id": "stream_cast_pulse_progress",
            "type": "Progress",
            "props": {
              "value": 78
            },
            "children": []
          }
        ]
      }
    ]
  }
]