{ "page_ir": { "page_id": "card_sets_browse", "page_goal": "Display a browsable grid of all Pokemon TCG card sets/expansions with filtering by series, sorting options, and navigation to search results filtered by selected set.", "style": { "tone": "engaging", "theme": "light", "density": "comfortable", "color_intent": "Pokemon brand red with clean card-style layout" }, "accessibility": { "required_labels": [ "search_series_filter", "sort_select", "card_set_grid" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "xs": 1, "sm": 2, "md": 3, "lg": 4 }, "collapse_rules": [ "filter_bar collapses to stacked on xs" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "Clicking a set card navigates to /search?card_set_id=", "Sets display logo, name, release date, total cards count", "Filter by series, sort by release date or name" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "cardSets": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "filterSeries": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "sortBy": { "type": "string", "initial": "release_date_desc", "required": false, "constraints": { "enum": [ "release_date_desc", "release_date_asc", "name_asc", "name_desc" ] }, "item_type": null }, "offset": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null } }, "derived": { "hasActiveFilter": { "type": "boolean", "expr": "state.filterSeries !== ''", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "2615be3356ed496bb6fd83250438ec77": { "endpoint_id": "2615be3356ed496bb6fd83250438ec77", "module": "Card Catalog", "endpoint": "/card-catalog/card-sets", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": "$state.offset", "series": "$state.filterSeries" }, "body": null, "fields": [ "id", "name", "series", "release_date", "total_cards", "set_code", "symbol_url", "logo_url", "created_at", "updated_at" ], "response_target": "cardSets", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "cardSet": { "name": "CardSet", "backend_module": "Card Catalog", "fields": [ "id", "name", "series", "release_date", "total_cards", "set_code", "symbol_url", "logo_url", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name", "series", "release_date", "total_cards", "logo_url", "symbol_url" ], "search_fields": [ "name", "series" ], "filters": [ "series" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSeriesFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterSeries", "expr": "event.value" }, { "target": "state.offset", "expr": "0" } ], "description": "" }, "onSortChange": { "type": "mutation", "updates": [ { "target": "state.sortBy", "expr": "event.value" } ], "description": "" }, "onClearFilters": { "type": "mutation", "updates": [ { "target": "state.filterSeries", "expr": "''" }, { "target": "state.sortBy", "expr": "'release_date_desc'" }, { "target": "state.offset", "expr": "0" } ], "description": "" } }, "actions": { "7e629b10484744c4961e6c0300dba7ff": { "action_id": "7e629b10484744c4961e6c0300dba7ff", "trigger": "form_submit", "target_component_id": "filter_bar", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "2615be3356ed496bb6fd83250438ec77", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "af1e8e8ce0b340c28300ef0c87c0f61e": { "action_id": "af1e8e8ce0b340c28300ef0c87c0f61e", "trigger": "button_click", "target_component_id": "set_card_item", "operation": "custom", "description": "", "payload": { "card_set_id": "$item.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/search", "query": { "card_set_id": "$item.id" } } } ], "then": null, "catch": null, "data_action": null }, "b8af7a72a4b34f6fb916c5d33ad273f7": { "action_id": "b8af7a72a4b34f6fb916c5d33ad273f7", "trigger": "button_click", "target_component_id": "breadcrumb_home", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "7e629b10484744c4961e6c0300dba7ff": { "action_id": "7e629b10484744c4961e6c0300dba7ff", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load card sets. Please try again.", "ui_updates": [ "state.loading = false" ] }, "af1e8e8ce0b340c28300ef0c87c0f61e": { "action_id": "af1e8e8ce0b340c28300ef0c87c0f61e", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "b8af7a72a4b34f6fb916c5d33ad273f7": { "action_id": "b8af7a72a4b34f6fb916c5d33ad273f7", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#E3350D", "secondaryColor": "#1a1a2e", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 8 }, "components": { "main_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "display": "flex", "flexDirection": "column", "backgroundColor": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "background": "linear-gradient(135deg, #E3350D 0%, #b52a0a 100%)", "padding": "32px 24px", "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "header_content_wrapper": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "maxWidth": "1200px", "margin": "0 auto", "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "breadcrumb_nav": { "type": "Breadcrumb", "label": "Breadcrumb navigation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Home" }, { "title": "Card Sets" } ] }, "dynamic_props": {}, "styles": { "marginBottom": "16px", "color": "rgba(255,255,255,0.8)" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "breadcrumb_home": { "type": "Typography.Link", "label": "Home", "description": null, "bind": null, "onClick": "navigateToHome", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "Home" }, "dynamic_props": {}, "styles": { "color": "rgba(255,255,255,0.8)" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 1, "children": "Browse Card Sets" }, "dynamic_props": {}, "styles": { "color": "#ffffff", "margin": "0 0 8px 0", "fontSize": "32px", "fontWeight": "700" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_subtitle": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "Explore all Pokémon TCG expansions and sets. Click on a set to browse available listings." }, "dynamic_props": {}, "styles": { "color": "rgba(255,255,255,0.85)", "fontSize": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "content_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "maxWidth": "1200px", "margin": "0 auto", "width": "100%", "padding": "24px", "flex": "1" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_bar": { "type": "Card", "label": "Filter and sort controls", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "marginBottom": "24px", "borderRadius": "8px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_bar_inner": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "flexWrap": "wrap", "gap": "16px", "alignItems": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_series_wrapper": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "flexDirection": "column", "gap": "4px", "flex": "1", "minWidth": "200px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_series_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "Filter by Series", "strong": true }, "dynamic_props": {}, "styles": { "fontSize": "13px", "color": "#666" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_series_input": { "type": "Input.Search", "label": "Filter by series", "description": null, "bind": "state.filterSeries", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by series (e.g. Sword & Shield, Base Set...)", "allowClear": true, "enterButton": "Filter", "size": "large" }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sort_wrapper": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "flexDirection": "column", "gap": "4px", "minWidth": "200px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sort_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "Sort By", "strong": true }, "dynamic_props": {}, "styles": { "fontSize": "13px", "color": "#666" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sort_select": { "type": "Select", "label": "Sort by", "description": null, "bind": "state.sortBy", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "large", "options": [ { "value": "release_date_desc", "label": "Release Date (Newest)" }, { "value": "release_date_asc", "label": "Release Date (Oldest)" }, { "value": "name_asc", "label": "Name (A-Z)" }, { "value": "name_desc", "label": "Name (Z-A)" } ], "defaultValue": "release_date_desc" }, "dynamic_props": {}, "styles": { "width": "200px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "clear_filters_button": { "type": "Button", "label": "Clear Filters", "description": null, "bind": null, "onClick": "onClearFilters", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text", "children": "Clear Filters", "size": "large" }, "dynamic_props": {}, "styles": { "alignSelf": "flex-end" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "results_summary": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "results_count_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "state.cardSets.length", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "${state.cardSets.length} sets found" }, "dynamic_props": {}, "styles": { "color": "#666", "fontSize": "14px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "loading_spinner": { "type": "Spin", "label": "Loading card sets", "description": null, "bind": "state.loading", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "large", "tip": "Loading card sets..." }, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "center", "padding": "80px 0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sets_grid": { "type": "Row", "label": "Card sets grid", "description": null, "bind": "state.cardSets", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 24, 24 ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_item": { "type": "Card", "label": "Card set card", "description": null, "bind": null, "onClick": "navigateToSetSearch", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "bordered": true }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "overflow": "hidden", "height": "100%", "cursor": "pointer", "transition": "transform 0.2s, box-shadow 0.2s" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_logo_wrapper": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "center", "alignItems": "center", "height": "120px", "backgroundColor": "#fafafa", "borderRadius": "8px", "marginBottom": "12px", "padding": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_logo": { "type": "Image", "label": "Set logo", "description": null, "bind": "$item.logo_url", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "preview": false, "fallback": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iODAiIHJ4PSI4IiBmaWxsPSIjZjBmMGYwIi8+PHRleHQgeD0iNDAiIHk9IjQ1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjYmZiZmJmIiBmb250LXNpemU9IjEyIj5ObyBJbWFnZTwvdGV4dD48L3N2Zz4=" }, "dynamic_props": {}, "styles": { "maxHeight": "88px", "objectFit": "contain" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_symbol": { "type": "Image", "label": "Set symbol", "description": null, "bind": "$item.symbol_url", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "preview": false }, "dynamic_props": {}, "styles": { "width": "24px", "height": "24px", "objectFit": "contain", "position": "absolute", "top": "12px", "right": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_body": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "flexDirection": "column", "gap": "8px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_name": { "type": "Typography.Title", "label": null, "description": null, "bind": "$item.name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 5, "ellipsis": { "rows": 2 } }, "dynamic_props": {}, "styles": { "margin": "0", "fontSize": "15px", "fontWeight": "600" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_series_tag": { "type": "Tag", "label": null, "description": null, "bind": "$item.series", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "red" }, "dynamic_props": {}, "styles": { "width": "fit-content", "fontSize": "11px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_meta_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginTop": "4px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_release_date": { "type": "Typography.Text", "label": null, "description": null, "bind": "$item.release_date", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "fontSize": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_total_cards": { "type": "Tag", "label": null, "description": null, "bind": "$item.total_cards", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "default", "children": "${$item.total_cards} cards" }, "dynamic_props": {}, "styles": { "fontSize": "11px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "set_card_view_link": { "type": "Typography.Link", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "Browse Listings →" }, "dynamic_props": {}, "styles": { "fontSize": "13px", "color": "#E3350D", "marginTop": "8px", "fontWeight": "500" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "empty_state": { "type": "Empty", "label": "No card sets found", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "description": "No card sets found matching your filters. Try adjusting your search criteria." }, "dynamic_props": {}, "styles": { "padding": "80px 0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "footer_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "textAlign": "center", "padding": "24px", "borderTop": "1px solid #f0f0f0", "backgroundColor": "#ffffff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "footer_text": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "PokeResell — Your trusted Pokémon card marketplace" }, "dynamic_props": {}, "styles": { "fontSize": "13px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header_section", "content_section", "footer_section" ], "page_header_section": [ "header_content_wrapper" ], "header_content_wrapper": [ "breadcrumb_nav", "page_title", "page_subtitle" ], "content_section": [ "filter_bar", "results_summary", "loading_spinner", "sets_grid", "empty_state" ], "filter_bar": [ "filter_bar_inner" ], "filter_bar_inner": [ "filter_series_wrapper", "sort_wrapper", "clear_filters_button" ], "filter_series_wrapper": [ "filter_series_label", "filter_series_input" ], "sort_wrapper": [ "sort_label", "sort_select" ], "results_summary": [ "results_count_text" ], "sets_grid": [ "set_card_col" ], "set_card_col": [ "set_card_item" ], "set_card_item": [ "set_card_logo_wrapper", "set_card_body" ], "set_card_logo_wrapper": [ "set_card_logo" ], "set_card_body": [ "set_card_name", "set_card_series_tag", "set_card_meta_row", "set_card_view_link" ], "set_card_meta_row": [ "set_card_release_date", "set_card_total_cards" ], "footer_section": [ "footer_text" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_content_wrapper": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "content_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_bar": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_bar_inner": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_series_wrapper": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "sort_wrapper": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "results_summary": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "sets_grid": { "type": "grid", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "set_card_col": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "set_card_item": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "set_card_logo_wrapper": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "set_card_body": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "set_card_meta_row": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "footer_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "header_zone", "component": "page_header_section", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Red gradient hero header with breadcrumb, title, and subtitle" }, { "zone_id": "filter_zone", "component": "filter_bar", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Filter and sort controls in a card" }, { "zone_id": "grid_zone", "component": "sets_grid", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Responsive grid of card set cards" }, { "zone_id": "footer_zone", "component": "footer_section", "anchor": "bottom-right", "size_hint": "full-width", "z_layer": "base", "notes": "Simple footer branding" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }