{ "page_ir": { "page_id": "book_detail", "page_goal": "Display comprehensive details of a single book including metadata, availability, reviews, and related books. Allow members to reserve books and submit reviews.", "style": { "tone": "informational", "theme": "light", "density": "comfortable", "color_intent": "neutral with primary accents for actions" }, "accessibility": { "required_labels": [ "book_title", "star_rating", "reserve_button", "add_review_button", "review_form" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "book_info_grid collapses to single column on sm", "related_books_grid collapses to 2 columns on md" ], "hidden_on_small": [ "related_books_section" ], "stack_on_small": [] }, "constraints": [ "Route param :bookId required", "Reserve button only visible for logged-in members when available_copies is 0", "Add Review button only visible for members who have borrowed this book" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "book": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "bookAuthors": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "bookCategories": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "reviews": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "relatedBooks": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "reviewModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "submittingReview": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "reserving": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "availabilityText": { "type": "string", "expr": "state.book ? `${state.book.available_copies} of ${state.book.total_copies} copies available` : ''", "deps": [] }, "averageRating": { "type": "number", "expr": "state.reviews.length > 0 ? (state.reviews.reduce((sum, r) => sum + r.rating, 0) / state.reviews.length).toFixed(1) : 0", "deps": [] }, "reviewCount": { "type": "number", "expr": "state.reviews.length", "deps": [] }, "canReserve": { "type": "boolean", "expr": "appContext.currentUser && appContext.currentUser.role === 'member' && state.book && state.book.available_copies === 0", "deps": [] }, "canAddReview": { "type": "boolean", "expr": "appContext.currentUser && appContext.currentUser.role === 'member'", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "c7567ea38b71466e8317602d5bd00a19": { "endpoint_id": "c7567ea38b71466e8317602d5bd00a19", "module": "", "endpoint": "/books/{book_id}", "method": "GET", "path_params": { "book_id": "$route.bookId" }, "query_params": {}, "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": "book", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "74550f21a04e46f09137c7ab301b0056": { "endpoint_id": "74550f21a04e46f09137c7ab301b0056", "module": "", "endpoint": "/book-authors", "method": "GET", "path_params": {}, "query_params": { "book_id": "$route.bookId", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "author_id", "author_order" ], "response_target": "bookAuthors", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5b1004018fbf40198524e25145007b12": { "endpoint_id": "5b1004018fbf40198524e25145007b12", "module": "", "endpoint": "/book-categories", "method": "GET", "path_params": {}, "query_params": { "book_id": "$route.bookId", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "category_id" ], "response_target": "bookCategories", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "76823b7c989448d8970d0ba656f86f02": { "endpoint_id": "76823b7c989448d8970d0ba656f86f02", "module": "Engagement", "endpoint": "/engagement/reviews", "method": "GET", "path_params": {}, "query_params": { "book_id": "$route.bookId", "status": "PUBLISHED", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "member_id", "rating", "review_text", "status", "review_date" ], "response_target": "reviews", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "98519c7f6f7b4c8f9f82a03f8af4ead4": { "endpoint_id": "98519c7f6f7b4c8f9f82a03f8af4ead4", "module": "", "endpoint": "/books", "method": "GET", "path_params": {}, "query_params": { "limit": 6 }, "body": null, "fields": [ "id", "title", "isbn", "available_copies", "total_copies", "status" ], "response_target": "relatedBooks", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "89c16379dece49af9297af06a9ca0c05": { "endpoint_id": "89c16379dece49af9297af06a9ca0c05", "module": "Circulation", "endpoint": "/circulation/reservations", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "book_id", "member_id", "reservation_date", "queue_position", "status" ], "response_target": "createReservation_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "05ba2610964844e7b1705a9755d678ea": { "endpoint_id": "05ba2610964844e7b1705a9755d678ea", "module": "Engagement", "endpoint": "/engagement/reviews", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "book_id", "member_id", "rating", "review_text", "status", "review_date" ], "response_target": "05ba2610964844e7b1705a9755d678ea_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "book": { "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", "subtitle", "isbn", "publication_date", "edition", "language", "pages", "description", "location", "status", "available_copies", "total_copies", "book_format" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "bookAuthor": { "name": "BookAuthor", "backend_module": "", "fields": [ "id", "book_id", "author_id", "author_order", "created_at", "updated_at" ], "computed": [], "display_fields": [ "author_id", "author_order" ], "search_fields": [], "filters": [ "book_id" ], "default_sort": null, "default_sort_dir": "asc" }, "author": { "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" }, "bookCategory": { "name": "BookCategory", "backend_module": "", "fields": [ "id", "book_id", "category_id", "created_at", "updated_at" ], "computed": [], "display_fields": [ "category_id" ], "search_fields": [], "filters": [ "book_id" ], "default_sort": null, "default_sort_dir": "asc" }, "category": { "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" }, "review": { "name": "Review", "backend_module": "Engagement", "fields": [ "id", "book_id", "member_id", "rating", "review_text", "status", "review_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "rating", "review_text", "review_date", "member_id" ], "search_fields": [], "filters": [ "book_id", "status" ], "default_sort": null, "default_sort_dir": "asc" }, "reservation": { "name": "Reservation", "backend_module": "Circulation", "fields": [ "id", "book_id", "member_id", "reservation_date", "expiry_date", "queue_position", "status", "notified_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "status", "queue_position" ], "search_fields": [], "filters": [ "book_id", "member_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "openReviewModal": { "type": "mutation", "updates": [ { "target": "state.reviewModalVisible", "expr": "true" } ], "description": "" }, "closeReviewModal": { "type": "mutation", "updates": [ { "target": "state.reviewModalVisible", "expr": "false" } ], "description": "" } }, "actions": { "2e90b647019449c39c28901cfa07155b": { "action_id": "2e90b647019449c39c28901cfa07155b", "trigger": "button_click", "target_component_id": "reserve_button", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.reserving", "expr": "true" } ], "api_endpoint": "89c16379dece49af9297af06a9ca0c05", "api_body": "{ book_id: $route.bookId, member_id: appContext.currentUser.memberId, reservation_date: new Date().toISOString(), queue_position: 1, status: 'PENDING' }", "side_effects": [ { "type": "toast", "config": { "message": "Book reserved successfully! You will be notified when it becomes available.", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchBookDetails" } } ], "then": null, "catch": null, "data_action": null }, "05ba2610964844e7b1705a9755d678ea": { "action_id": "05ba2610964844e7b1705a9755d678ea", "trigger": "form_submit", "target_component_id": "review_form_modal", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"rating\", \"message\": \"Please select a star rating\", \"rule_id\": \"val_rating\", \"type\": \"required\"}", "message": "{\"field\": \"rating\", \"message\": \"Please select a star rating\", \"rule_id\": \"val_rating\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"review_text\", \"message\": \"Review must be 1000 characters or less\", \"rule_id\": \"val_review_max\", \"type\": \"max_length\", \"value\": 1000}", "message": "{\"field\": \"review_text\", \"message\": \"Review must be 1000 characters or less\", \"rule_id\": \"val_review_max\", \"type\": \"max_length\", \"value\": 1000}" } ], "validation_messages": {}, "updates": [ { "target": "state.submittingReview", "expr": "true" }, { "target": "state.reviewModalVisible", "expr": "false" } ], "api_endpoint": "05ba2610964844e7b1705a9755d678ea", "api_body": "{ book_id: $route.bookId, member_id: appContext.currentUser.memberId, rating: $form.rating, review_text: $form.review_text, status: 'PUBLISHED', review_date: new Date().toISOString() }", "side_effects": [ { "type": "toast", "config": { "message": "Review submitted successfully!", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "review_form_modal" } }, { "type": "refresh", "config": { "target": "fetchBookReviews" } } ], "then": null, "catch": null, "data_action": null }, "eaeda64cd1dd46849709c2dffd1b2b32": { "action_id": "eaeda64cd1dd46849709c2dffd1b2b32", "trigger": "button_click", "target_component_id": "author_link", "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": "/authors/:authorId" } } ], "then": null, "catch": null, "data_action": null }, "f53d3ce360bd4f0088645babd7ae1175": { "action_id": "f53d3ce360bd4f0088645babd7ae1175", "trigger": "button_click", "target_component_id": "back_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": "/catalog" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "2e90b647019449c39c28901cfa07155b": { "action_id": "2e90b647019449c39c28901cfa07155b", "loading_indicator": "spinner", "loading_text": null, "success_message": "Book reserved successfully!", "error_message": "Failed to reserve book. Please try again.", "ui_updates": [] }, "05ba2610964844e7b1705a9755d678ea": { "action_id": "05ba2610964844e7b1705a9755d678ea", "loading_indicator": "spinner", "loading_text": null, "success_message": "Review submitted successfully!", "error_message": "Failed to submit review. Please try again.", "ui_updates": [] }, "eaeda64cd1dd46849709c2dffd1b2b32": { "action_id": "eaeda64cd1dd46849709c2dffd1b2b32", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "f53d3ce360bd4f0088645babd7ae1175": { "action_id": "f53d3ce360bd4f0088645babd7ae1175", "loading_indicator": null, "loading_text": null, "success_message": null, "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": "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%", "padding": "24px", "maxWidth": "1200px", "margin": "0 auto" }, "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_section": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Catalog", "href": "/catalog" }, { "title": "Book Details" } ] }, "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 }, "back_button": { "type": "Button", "label": "Back to Catalog", "description": null, "bind": null, "onClick": "navigateBackToCatalog", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "ArrowLeftOutlined" }, "dynamic_props": {}, "styles": { "marginBottom": "16px", "paddingLeft": "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 }, "book_header_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginBottom": "32px" }, "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_cover_col": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "width": "300px", "minWidth": "200px", "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 }, "book_cover_image": { "type": "Image", "label": "Book Cover", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "src": "/placeholder-book-cover.png", "alt": "Book cover", "width": "100%", "height": 400, "fallback": "/placeholder-book-cover.png" }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "objectFit": "cover" }, "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_info_col": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "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 }, "book_title": { "type": "Typography.Title", "label": "Book Title", "description": null, "bind": "state.book.title", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 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_subtitle": { "type": "Typography.Text", "label": "Subtitle", "description": null, "bind": "state.book.subtitle", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "fontSize": "16px", "display": "block", "marginBottom": "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 }, "authors_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "author_link": { "type": "Button", "label": "Author Name", "description": null, "bind": "state.bookAuthors", "onClick": "navigateToAuthor", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link" }, "dynamic_props": {}, "styles": { "padding": "0", "height": "auto" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "rating_display": { "type": "Rate", "label": "Average Rating", "description": null, "bind": "derived.averageRating", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "allowHalf": true }, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "rating_count_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "derived.reviewCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "marginLeft": "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_tag": { "type": "Tag", "label": "Availability Status", "description": null, "bind": "state.book.status", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "green" }, "dynamic_props": {}, "styles": { "marginBottom": "16px", "fontSize": "14px", "padding": "4px 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 }, "availability_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "derived.availabilityText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginLeft": "8px", "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 }, "book_meta_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "column": 2, "size": "small", "bordered": true, "items": [ { "label": "ISBN", "field": "isbn" }, { "label": "Publisher", "field": "publisher_id" }, { "label": "Publication Date", "field": "publication_date" }, { "label": "Edition", "field": "edition" }, { "label": "Language", "field": "language" }, { "label": "Pages", "field": "pages" }, { "label": "Format", "field": "book_format" }, { "label": "Shelf Location", "field": "location" } ] }, "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 }, "categories_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "categories_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": true }, "dynamic_props": {}, "styles": { "marginRight": "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 }, "category_tags": { "type": "Tag", "label": "Categories", "description": null, "bind": "state.bookCategories", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "blue" }, "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 }, "reserve_button": { "type": "Button", "label": "Reserve This Book", "description": null, "bind": "derived.canReserve", "onClick": "reserveBook", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "icon": "BookOutlined", "loading": "state.reserving" }, "dynamic_props": {}, "styles": { "marginTop": "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 }, "description_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Description" }, "dynamic_props": {}, "styles": { "marginBottom": "32px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "description_text": { "type": "Typography.Paragraph", "label": null, "description": null, "bind": "state.book.description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "reviews_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Reviews" }, "dynamic_props": {}, "styles": { "marginBottom": "32px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "reviews_header": { "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 }, "reviews_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4 }, "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 }, "add_review_button": { "type": "Button", "label": "Add Review", "description": null, "bind": "derived.canAddReview", "onClick": "openReviewModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "EditOutlined" }, "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 }, "reviews_list": { "type": "List", "label": null, "description": null, "bind": "state.reviews", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "itemLayout": "vertical", "pagination": { "pageSize": 5 } }, "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 }, "review_item": { "type": "List.Item", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "review_rating": { "type": "Rate", "label": null, "description": null, "bind": "item.rating", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "allowHalf": false }, "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 }, "review_text_display": { "type": "Typography.Paragraph", "label": null, "description": null, "bind": "item.review_text", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "review_meta": { "type": "Typography.Text", "label": null, "description": null, "bind": "item.review_date", "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 }, "review_form_modal": { "type": "Modal", "label": "Add Review", "description": null, "bind": "state.reviewModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Write a Review", "okText": "Submit Review", "cancelText": "Cancel", "destroyOnClose": true, "confirmLoading": "state.submittingReview" }, "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 }, "review_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "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 }, "review_rating_input": { "type": "Form.Item", "label": "Rating", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "rating", "rules": [ { "required": true, "message": "Please select a rating" } ] }, "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 }, "review_rating_selector": { "type": "Rate", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "allowHalf": false }, "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 }, "review_text_input": { "type": "Form.Item", "label": "Review", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "review_text", "rules": [ { "max": 1000, "message": "Review must be 1000 characters or less" } ] }, "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 }, "review_textarea": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rows": 6, "maxLength": 1000, "showCount": true, "placeholder": "Share your thoughts about this book..." }, "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 }, "related_books_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Related Books" }, "dynamic_props": {}, "styles": { "marginBottom": "32px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "related_books_grid": { "type": "Row", "label": null, "description": null, "bind": "state.relatedBooks", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "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 }, "related_book_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "size": "small" }, "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 }, "related_book_title": { "type": "Typography.Text", "label": null, "description": null, "bind": "item.title", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": true, "ellipsis": true }, "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 }, "related_book_status": { "type": "Tag", "label": null, "description": null, "bind": "item.status", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "loading_spinner": { "type": "Spin", "label": null, "description": null, "bind": "state.loading", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "large", "tip": "Loading book details..." }, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "center", "alignItems": "center", "minHeight": "400px" }, "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_reviews": { "type": "Empty", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "description": "No reviews yet. Be the first to review this book!" }, "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "breadcrumb_section", "back_button", "book_header_section", "description_section", "reviews_section", "related_books_section" ], "book_header_section": [ "book_cover_col", "book_info_col" ], "book_cover_col": [ "book_cover_image" ], "book_info_col": [ "book_title", "book_subtitle", "authors_section", "rating_display", "rating_count_text", "availability_tag", "availability_text", "book_meta_descriptions", "categories_section", "reserve_button" ], "authors_section": [ "author_link" ], "categories_section": [ "categories_label", "category_tags" ], "description_section": [ "description_text" ], "reviews_section": [ "reviews_header", "reviews_list" ], "reviews_header": [ "reviews_title", "add_review_button" ], "reviews_list": [ "review_item" ], "review_item": [ "review_rating", "review_text_display", "review_meta" ], "review_form_modal": [ "review_form" ], "review_form": [ "review_rating_input", "review_text_input" ], "review_rating_input": [ "review_rating_selector" ], "review_text_input": [ "review_textarea" ], "related_books_section": [ "related_books_grid" ], "related_books_grid": [ "related_book_card" ], "related_book_card": [ "related_book_title", "related_book_status" ] }, "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 }, "book_header_section": { "type": "horizontal", "gap": 32, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "book_cover_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 }, "book_info_col": { "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 }, "authors_section": { "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 }, "categories_section": { "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 }, "description_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 }, "reviews_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 }, "reviews_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 }, "reviews_list": { "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 }, "review_item": { "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 }, "review_form_modal": { "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 }, "review_form": { "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 }, "review_rating_input": { "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 }, "review_text_input": { "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 }, "related_books_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 }, "related_books_grid": { "type": "grid", "gap": 16, "padding": null, "columns": 4, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "related_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 } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main page content container" }, { "zone_id": "review_modal_overlay", "component": "review_form_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Review submission modal" } ], "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 }