{ "page_ir": { "page_id": "public_catalog", "page_goal": "Public-facing book catalog accessible to all users including guests, with search, filtering, sorting, and card/list view toggle for browsing the library collection", "style": { "tone": "welcoming", "theme": "light", "density": "comfortable", "color_intent": "professional with availability color coding" }, "accessibility": { "required_labels": [ "search_input", "category_filter", "author_filter", "publisher_filter", "availability_filter", "language_filter", "sort_select", "view_toggle", "pagination" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "filter_panel collapses to drawer on small screens", "card grid reduces columns on smaller screens" ], "hidden_on_small": [ "filter_panel_sidebar" ], "stack_on_small": [] }, "constraints": [ "accessible to guests without authentication", "search supports title, author, and ISBN", "availability badges use green/red/yellow color coding" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "books": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "categories": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "authors": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "publishers": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "searchQuery": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedCategory": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedAuthor": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedPublisher": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "statusFilter": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "formatFilter": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "sortBy": { "type": "string", "initial": "relevance", "required": false, "constraints": {}, "item_type": null }, "viewMode": { "type": "string", "initial": "card", "required": false, "constraints": {}, "item_type": null }, "currentPage": { "type": "number", "initial": 1, "required": false, "constraints": {}, "item_type": null }, "pageSize": { "type": "number", "initial": 20, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "totalBooks": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "filterDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "offset": { "type": "number", "expr": "(state.currentPage - 1) * state.pageSize", "deps": [] }, "hasResults": { "type": "boolean", "expr": "state.books.length > 0", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "5d85becb512c46549928c2870f6dbad2": { "endpoint_id": "5d85becb512c46549928c2870f6dbad2", "module": "", "endpoint": "/books", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pageSize", "offset": "$derived.offset", "search": "$state.searchQuery", "status_filter": "$state.statusFilter", "book_format": "$state.formatFilter" }, "body": null, "fields": [ "id", "isbn", "title", "subtitle", "publisher_id", "publication_date", "edition", "language", "pages", "description", "book_format", "total_copies", "available_copies", "location", "status" ], "response_target": "books", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "4b79bc303b6944b7994c23817f715966": { "endpoint_id": "4b79bc303b6944b7994c23817f715966", "module": "", "endpoint": "/categories", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "name", "description", "parent_category_id" ], "response_target": "categories", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "16555a9bb60c4e879907c7c4ee2c7685": { "endpoint_id": "16555a9bb60c4e879907c7c4ee2c7685", "module": "", "endpoint": "/authors", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "first_name", "last_name" ], "response_target": "authors", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1abe16a5dece4db2bce3ff05b62f0fdc": { "endpoint_id": "1abe16a5dece4db2bce3ff05b62f0fdc", "module": "", "endpoint": "/publishers", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "name" ], "response_target": "publishers", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "books": { "name": "Book", "backend_module": "", "fields": [ "id", "isbn", "title", "subtitle", "publisher_id", "publication_date", "edition", "language", "pages", "description", "book_format", "total_copies", "available_copies", "location", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "title", "isbn", "publication_date", "language", "available_copies", "status", "book_format" ], "search_fields": [ "title", "isbn" ], "filters": [ "status", "book_format", "language" ], "default_sort": null, "default_sort_dir": "asc" }, "categories": { "name": "Category", "backend_module": "", "fields": [ "id", "name", "description", "parent_category_id", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "authors": { "name": "Author", "backend_module": "", "fields": [ "id", "first_name", "last_name", "biography", "birth_date", "nationality", "created_at", "updated_at" ], "computed": [], "display_fields": [ "first_name", "last_name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "publishers": { "name": "Publisher", "backend_module": "", "fields": [ "id", "name", "address", "phone", "email", "website", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchQuery", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onCategoryChange": { "type": "mutation", "updates": [ { "target": "state.selectedCategory", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onAuthorChange": { "type": "mutation", "updates": [ { "target": "state.selectedAuthor", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onPublisherChange": { "type": "mutation", "updates": [ { "target": "state.selectedPublisher", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.statusFilter", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFormatFilterChange": { "type": "mutation", "updates": [ { "target": "state.formatFilter", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onSortChange": { "type": "mutation", "updates": [ { "target": "state.sortBy", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onViewModeChange": { "type": "mutation", "updates": [ { "target": "state.viewMode", "expr": "event.value" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.currentPage", "expr": "event.value" } ], "description": "" }, "onPageSizeChange": { "type": "mutation", "updates": [ { "target": "state.pageSize", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterDrawerOpen": { "type": "mutation", "updates": [ { "target": "state.filterDrawerVisible", "expr": "true" } ], "description": "" }, "onFilterDrawerClose": { "type": "mutation", "updates": [ { "target": "state.filterDrawerVisible", "expr": "false" } ], "description": "" } }, "actions": { "8452531ca468419a9b84083ab52a86a1": { "action_id": "8452531ca468419a9b84083ab52a86a1", "trigger": "input_change", "target_component_id": "search_input", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "5d85becb512c46549928c2870f6dbad2", "api_body": null, "side_effects": [ { "type": "refresh", "config": { "target": "fetchBooks" } } ], "then": null, "catch": null, "data_action": null }, "0f11970056b345d3bac9cd30d596a184": { "action_id": "0f11970056b345d3bac9cd30d596a184", "trigger": "row_click", "target_component_id": "book_card", "operation": "custom", "description": "", "payload": { "bookId": "$event.bookId" }, "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": "/catalog/${bookId}" } } ], "then": null, "catch": null, "data_action": null }, "c7e614d96dc24031bef43f322ef0d633": { "action_id": "c7e614d96dc24031bef43f322ef0d633", "trigger": "button_click", "target_component_id": "login_button", "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": "/login" } } ], "then": null, "catch": null, "data_action": null }, "7bf01c9d5870402dbf90cbaa1558c525": { "action_id": "7bf01c9d5870402dbf90cbaa1558c525", "trigger": "button_click", "target_component_id": "register_button", "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": "/register" } } ], "then": null, "catch": null, "data_action": null }, "3afb83c779804677b7cc23eeb098507e": { "action_id": "3afb83c779804677b7cc23eeb098507e", "trigger": "button_click", "target_component_id": "clear_filters_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedCategory", "expr": "''" }, { "target": "state.selectedAuthor", "expr": "''" }, { "target": "state.selectedPublisher", "expr": "''" }, { "target": "state.statusFilter", "expr": "''" }, { "target": "state.formatFilter", "expr": "''" }, { "target": "state.searchQuery", "expr": "''" }, { "target": "state.currentPage", "expr": "1" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "refresh", "config": { "target": "fetchBooks" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "8452531ca468419a9b84083ab52a86a1": { "action_id": "8452531ca468419a9b84083ab52a86a1", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load books. Please try again.", "ui_updates": [] }, "0f11970056b345d3bac9cd30d596a184": { "action_id": "0f11970056b345d3bac9cd30d596a184", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "c7e614d96dc24031bef43f322ef0d633": { "action_id": "c7e614d96dc24031bef43f322ef0d633", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "7bf01c9d5870402dbf90cbaa1558c525": { "action_id": "7bf01c9d5870402dbf90cbaa1558c525", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "3afb83c779804677b7cc23eeb098507e": { "action_id": "3afb83c779804677b7cc23eeb098507e", "loading_indicator": null, "loading_text": null, "success_message": "Filters cleared", "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "background": "#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": { "type": "Layout.Header", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "background": "#fff", "padding": "0 24px", "display": "flex", "alignItems": "center", "justifyContent": "space-between", "boxShadow": "0 2px 8px rgba(0,0,0,0.06)" }, "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_title": { "type": "Typography.Title", "label": "Book Catalog", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 3 }, "dynamic_props": {}, "styles": { "margin": 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 }, "header_actions": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle" }, "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 }, "login_button": { "type": "Button", "label": "Login", "description": null, "bind": null, "onClick": "navigateToLogin", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default" }, "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 }, "register_button": { "type": "Button", "label": "Register", "description": null, "bind": null, "onClick": "navigateToRegister", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary" }, "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 }, "content_area": { "type": "Layout.Content", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_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", "marginBottom": "24px", "padding": "32px 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 }, "search_title": { "type": "Typography.Title", "label": "Discover Your Next Read", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "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 }, "search_input": { "type": "Input.Search", "label": "Search by title, author, or ISBN", "description": null, "bind": "state.searchQuery", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by title, author, or ISBN...", "size": "large", "allowClear": true, "enterButton": true }, "dynamic_props": {}, "styles": { "maxWidth": "600px", "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 }, "main_layout": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "24px" }, "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_panel_sidebar": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Filters" }, "dynamic_props": {}, "styles": { "width": "280px", "flexShrink": 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 }, "category_filter": { "type": "TreeSelect", "label": "Category", "description": null, "bind": "state.selectedCategory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select category", "allowClear": true, "treeDefaultExpandAll": false, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": { "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 }, "author_filter": { "type": "Select", "label": "Author", "description": null, "bind": "state.selectedAuthor", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select author", "allowClear": true, "showSearch": true, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": { "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 }, "publisher_filter": { "type": "Select", "label": "Publisher", "description": null, "bind": "state.selectedPublisher", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select publisher", "allowClear": true, "showSearch": true, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": { "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 }, "availability_filter": { "type": "Select", "label": "Availability", "description": null, "bind": "state.statusFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All statuses", "allowClear": true, "style": { "width": "100%" }, "options": [ { "label": "Available", "value": "AVAILABLE" }, { "label": "Checked Out", "value": "CHECKED_OUT" }, { "label": "Reserved", "value": "RESERVED" } ] }, "dynamic_props": {}, "styles": { "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 }, "format_filter": { "type": "Select", "label": "Format", "description": null, "bind": "state.formatFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All formats", "allowClear": true, "style": { "width": "100%" }, "options": [ { "label": "Physical", "value": "PHYSICAL" }, { "label": "Digital", "value": "DIGITAL" } ] }, "dynamic_props": {}, "styles": { "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 }, "clear_filters_button": { "type": "Button", "label": "Clear All Filters", "description": null, "bind": null, "onClick": "clearFilters", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "block": true }, "dynamic_props": {}, "styles": { "marginTop": "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 }, "results_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "flex": 1, "minWidth": 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 }, "results_toolbar": { "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": { "type": "Typography.Text", "label": null, "description": null, "bind": "state.totalBooks", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "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 }, "toolbar_actions": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle" }, "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 }, "sort_select": { "type": "Select", "label": "Sort by", "description": null, "bind": "state.sortBy", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "180px" }, "options": [ { "label": "Relevance", "value": "relevance" }, { "label": "Title A-Z", "value": "title_asc" }, { "label": "Author", "value": "author" }, { "label": "Publication Date", "value": "publication_date" }, { "label": "Popularity", "value": "popularity" } ] }, "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 }, "view_toggle": { "type": "Radio.Group", "label": "View", "description": null, "bind": "state.viewMode", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "optionType": "button", "buttonStyle": "solid", "options": [ { "label": "Cards", "value": "card" }, { "label": "List", "value": "list" } ] }, "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 }, "mobile_filter_button": { "type": "Button", "label": "Filters", "description": null, "bind": null, "onClick": "onFilterDrawerOpen", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "FilterOutlined", "type": "default" }, "dynamic_props": {}, "styles": { "display": "none" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "books_grid": { "type": "List", "label": null, "description": null, "bind": "state.books", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "grid": { "gutter": 16, "xs": 1, "sm": 2, "md": 2, "lg": 3, "xl": 4 }, "loading": "state.loading" }, "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 }, "book_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": "navigateToBookDetail", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "cover": "book_cover_image" }, "dynamic_props": {}, "styles": { "cursor": "pointer" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "book_card_title": { "type": "Typography.Title", "label": null, "description": null, "bind": "item.title", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 5, "ellipsis": { "rows": 2 } }, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "book_card_author": { "type": "Typography.Text", "label": null, "description": null, "bind": "item.authors", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "display": "block", "marginBottom": "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 }, "book_card_year": { "type": "Typography.Text", "label": null, "description": null, "bind": "item.publication_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 }, "book_card_rating": { "type": "Rate", "label": null, "description": null, "bind": "item.average_rating", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "allowHalf": true, "style": { "fontSize": "14px" } }, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "availability_badge": { "type": "Tag", "label": null, "description": null, "bind": "item.status", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "colorMap": { "AVAILABLE": "green", "CHECKED_OUT": "red", "RESERVED": "gold" } }, "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 }, "pagination_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", "marginTop": "24px", "paddingBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pagination": { "type": "Pagination", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "current": "state.currentPage", "pageSize": "state.pageSize", "total": "state.totalBooks", "showSizeChanger": true, "showQuickJumper": true, "pageSizeOptions": [ "10", "20", "40", "60" ] }, "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 }, "filter_drawer": { "type": "Drawer", "label": "Filters", "description": null, "bind": "state.filterDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placement": "left", "width": 300 }, "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 }, "empty_state": { "type": "Empty", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "description": "No books found matching your criteria" }, "dynamic_props": {}, "styles": { "padding": "48px 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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "content_area" ], "page_header": [ "header_title", "header_actions" ], "header_actions": [ "login_button", "register_button" ], "content_area": [ "search_section", "main_layout" ], "search_section": [ "search_title", "search_input" ], "main_layout": [ "filter_panel_sidebar", "results_section" ], "filter_panel_sidebar": [ "category_filter", "author_filter", "publisher_filter", "availability_filter", "format_filter", "clear_filters_button" ], "results_section": [ "results_toolbar", "books_grid", "pagination_section" ], "results_toolbar": [ "results_count", "toolbar_actions" ], "toolbar_actions": [ "mobile_filter_button", "sort_select", "view_toggle" ], "books_grid": [ "book_card" ], "book_card": [ "book_card_title", "book_card_author", "book_card_year", "book_card_rating", "availability_badge" ], "pagination_section": [ "pagination" ] }, "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": { "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 }, "header_actions": { "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 }, "content_area": { "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 }, "search_section": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "main_layout": { "type": "horizontal", "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 }, "filter_panel_sidebar": { "type": "vertical", "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 }, "results_section": { "type": "vertical", "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 }, "results_toolbar": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "toolbar_actions": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "books_grid": { "type": "grid", "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 }, "book_card": { "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 }, "pagination_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", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Fixed header with navigation" }, { "zone_id": "search_zone", "component": "search_section", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Prominent search area" }, { "zone_id": "filter_zone", "component": "filter_panel_sidebar", "anchor": "top-left", "size_hint": "280px", "z_layer": "base", "notes": "Left sidebar filter panel" }, { "zone_id": "results_zone", "component": "results_section", "anchor": "center", "size_hint": "auto", "z_layer": "base", "notes": "Main results area with cards/list" }, { "zone_id": "filter_drawer_zone", "component": "filter_drawer", "anchor": "top-left", "size_hint": "300px", "z_layer": "overlay", "notes": "Mobile filter drawer" } ], "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 }