{ "page_ir": { "page_id": "member_dashboard", "page_goal": "Provide members with a personal dashboard showing their current loans, active reservations, outstanding fines summary, and recent notifications with quick actions like renew and cancel.", "style": { "tone": "friendly", "theme": "light", "density": "comfortable", "color_intent": "informational with warning highlights for overdue items" }, "accessibility": { "required_labels": [ "stat_cards", "loans_table", "reservations_list", "fines_summary", "notifications_list" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "stat_cards_row collapses to vertical on sm", "loans_table scrolls horizontally on sm" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "Member must be authenticated", "Data scoped to current member only" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "loans": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "reservations": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "fines": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "notifications": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loansLoading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "reservationsLoading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "finesLoading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "notificationsLoading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null } }, "derived": { "activeLoansCount": { "type": "number", "expr": "state.loans.filter(l => l.status === 'ACTIVE' || l.status === 'OVERDUE').length", "deps": [] }, "activeReservationsCount": { "type": "number", "expr": "state.reservations.filter(r => r.status === 'PENDING' || r.status === 'READY').length", "deps": [] }, "outstandingFinesTotal": { "type": "number", "expr": "state.fines.filter(f => f.status === 'UNPAID' || f.status === 'PARTIAL').reduce((sum, f) => sum + (f.amount - f.amount_paid), 0)", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "58294e8bd027483fa79204bd4f353d23": { "endpoint_id": "58294e8bd027483fa79204bd4f353d23", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "limit": 20 }, "body": null, "fields": [ "id", "book_id", "checkout_date", "due_date", "renewal_count", "status" ], "response_target": "loans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "6568450c33b242d7b4ba45a1aa5170af": { "endpoint_id": "6568450c33b242d7b4ba45a1aa5170af", "module": "Circulation", "endpoint": "/circulation/reservations", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "limit": 20 }, "body": null, "fields": [ "id", "book_id", "reservation_date", "expiry_date", "queue_position", "status" ], "response_target": "reservations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "fc6691c3ee1a41948f7e6f73d66c1486": { "endpoint_id": "fc6691c3ee1a41948f7e6f73d66c1486", "module": "Fines", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "limit": 20 }, "body": null, "fields": [ "id", "amount", "amount_paid", "reason", "status", "assessed_date" ], "response_target": "fines", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "37e3a3bebdce4f34bce07c3e5f90f306": { "endpoint_id": "37e3a3bebdce4f34bce07c3e5f90f306", "module": "Engagement", "endpoint": "/engagement/notifications", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "limit": 10 }, "body": null, "fields": [ "id", "notification_type", "title", "message", "status", "sent_date" ], "response_target": "notifications", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "85bc773d69cc47d89e4ebd0407d1cb53": { "endpoint_id": "85bc773d69cc47d89e4ebd0407d1cb53", "module": "Circulation", "endpoint": "/circulation/loans/{loan_id}/renew", "method": "POST", "path_params": { "loan_id": "$action.loanId" }, "query_params": {}, "body": null, "fields": [ "id", "due_date", "renewal_count", "status" ], "response_target": "85bc773d69cc47d89e4ebd0407d1cb53_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "e15d7e51a39043d4aa540f688da5dfec": { "endpoint_id": "e15d7e51a39043d4aa540f688da5dfec", "module": "Circulation", "endpoint": "/circulation/reservations/{reservation_id}/cancel", "method": "POST", "path_params": { "reservation_id": "$action.reservationId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "e15d7e51a39043d4aa540f688da5dfec_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "loan": { "name": "Loan", "backend_module": "Circulation", "fields": [ "id", "book_id", "member_id", "librarian_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "notes", "created_at", "updated_at" ], "computed": [], "display_fields": [ "book_id", "checkout_date", "due_date", "renewal_count", "status" ], "search_fields": [], "filters": [ "member_id", "loan_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": [ "book_id", "reservation_date", "queue_position", "expiry_date", "status" ], "search_fields": [], "filters": [ "member_id", "reservation_status" ], "default_sort": null, "default_sort_dir": "asc" }, "fine": { "name": "Fine", "backend_module": "Fines", "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "amount", "amount_paid", "reason", "status", "assessed_date" ], "search_fields": [], "filters": [ "member_id", "status" ], "default_sort": null, "default_sort_dir": "asc" }, "notification": { "name": "Notification", "backend_module": "Engagement", "fields": [ "id", "member_id", "notification_type", "title", "message", "status", "sent_date", "read_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "title", "message", "notification_type", "sent_date", "status" ], "search_fields": [], "filters": [ "member_id", "status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onLoansLoaded": { "type": "mutation", "updates": [ { "target": "state.loansLoading", "expr": "false" } ], "description": "" }, "onReservationsLoaded": { "type": "mutation", "updates": [ { "target": "state.reservationsLoading", "expr": "false" } ], "description": "" }, "onFinesLoaded": { "type": "mutation", "updates": [ { "target": "state.finesLoading", "expr": "false" } ], "description": "" }, "onNotificationsLoaded": { "type": "mutation", "updates": [ { "target": "state.notificationsLoading", "expr": "false" } ], "description": "" } }, "actions": { "85bc773d69cc47d89e4ebd0407d1cb53": { "action_id": "85bc773d69cc47d89e4ebd0407d1cb53", "trigger": "button_click", "target_component_id": "loans_table", "operation": "custom", "description": "", "payload": { "loanId": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "85bc773d69cc47d89e4ebd0407d1cb53", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Loan renewed successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchMemberLoans" } } ], "then": null, "catch": null, "data_action": null }, "e15d7e51a39043d4aa540f688da5dfec": { "action_id": "e15d7e51a39043d4aa540f688da5dfec", "trigger": "button_click", "target_component_id": "reservations_list", "operation": "custom", "description": "", "payload": { "reservationId": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "e15d7e51a39043d4aa540f688da5dfec", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation cancelled.", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchMemberReservations" } } ], "then": null, "catch": null, "data_action": null }, "e70f0bb5a13048da9dcd01c9ad4c0031": { "action_id": "e70f0bb5a13048da9dcd01c9ad4c0031", "trigger": "button_click", "target_component_id": "browse_catalog_btn", "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 }, "f4de2d2a91ab4c9788783c76f272dece": { "action_id": "f4de2d2a91ab4c9788783c76f272dece", "trigger": "button_click", "target_component_id": "view_all_loans_btn", "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": "/member/loans" } } ], "then": null, "catch": null, "data_action": null }, "f59a125be7b14aa9b5bb1c75a1da64c5": { "action_id": "f59a125be7b14aa9b5bb1c75a1da64c5", "trigger": "button_click", "target_component_id": "view_all_reservations_btn", "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": "/member/reservations" } } ], "then": null, "catch": null, "data_action": null }, "01a1e3b0f0674ff39ad3647158850336": { "action_id": "01a1e3b0f0674ff39ad3647158850336", "trigger": "button_click", "target_component_id": "view_all_fines_btn", "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": "/member/fines" } } ], "then": null, "catch": null, "data_action": null }, "3d48b96a09ef46e3a76994e2e669092f": { "action_id": "3d48b96a09ef46e3a76994e2e669092f", "trigger": "button_click", "target_component_id": "view_all_notifications_btn", "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": "/member/notifications" } } ], "then": null, "catch": null, "data_action": null }, "b4d95173ea784cc1955f1d04224fa21e": { "action_id": "b4d95173ea784cc1955f1d04224fa21e", "trigger": "button_click", "target_component_id": "profile_btn", "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": "/member/profile" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "85bc773d69cc47d89e4ebd0407d1cb53": { "action_id": "85bc773d69cc47d89e4ebd0407d1cb53", "loading_indicator": "spinner", "loading_text": null, "success_message": "Loan renewed successfully!", "error_message": "Unable to renew loan. It may be reserved or at max renewals.", "ui_updates": [] }, "e15d7e51a39043d4aa540f688da5dfec": { "action_id": "e15d7e51a39043d4aa540f688da5dfec", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation cancelled.", "error_message": "Unable to cancel reservation.", "ui_updates": [] }, "e70f0bb5a13048da9dcd01c9ad4c0031": { "action_id": "e70f0bb5a13048da9dcd01c9ad4c0031", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "f4de2d2a91ab4c9788783c76f272dece": { "action_id": "f4de2d2a91ab4c9788783c76f272dece", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "f59a125be7b14aa9b5bb1c75a1da64c5": { "action_id": "f59a125be7b14aa9b5bb1c75a1da64c5", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "01a1e3b0f0674ff39ad3647158850336": { "action_id": "01a1e3b0f0674ff39ad3647158850336", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "3d48b96a09ef46e3a76994e2e669092f": { "action_id": "3d48b96a09ef46e3a76994e2e669092f", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "b4d95173ea784cc1955f1d04224fa21e": { "action_id": "b4d95173ea784cc1955f1d04224fa21e", "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": "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%", "padding": "24px", "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": "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": "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 }, "page_title": { "type": "Typography.Title", "label": "My Dashboard", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "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": {}, "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 }, "browse_catalog_btn": { "type": "Button", "label": "Browse Catalog", "description": null, "bind": null, "onClick": "navigateToCatalog", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "SearchOutlined" }, "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 }, "profile_btn": { "type": "Button", "label": "My Profile", "description": null, "bind": null, "onClick": "navigateToProfile", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "UserOutlined" }, "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 }, "stat_cards_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "loans_stat_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "loans_stat_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": 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 }, "loans_stat_content": { "type": "Statistic", "label": "Current Loans", "description": null, "bind": "derived.activeLoansCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "suffix": "/ 5", "prefix_icon": "BookOutlined", "valueStyle": { "color": "#1677ff" } }, "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 }, "reservations_stat_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "reservations_stat_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": 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 }, "reservations_stat_content": { "type": "Statistic", "label": "Active Reservations", "description": null, "bind": "derived.activeReservationsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix_icon": "ClockCircleOutlined", "valueStyle": { "color": "#722ed1" } }, "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 }, "fines_stat_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "fines_stat_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": 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 }, "fines_stat_content": { "type": "Statistic", "label": "Outstanding Fines", "description": null, "bind": "derived.outstandingFinesTotal", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "$", "precision": 2, "prefix_icon": "DollarOutlined", "valueStyle": { "color": "#fa541c" } }, "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_row": { "type": "Row", "label": null, "description": null, "bind": null, "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 }, "loans_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 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 }, "loans_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Current Loans", "extra_action": "view_all_loans_btn" }, "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 }, "view_all_loans_btn": { "type": "Button", "label": "View All", "description": null, "bind": null, "onClick": "navigateToLoans", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small" }, "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 }, "loans_table": { "type": "Table", "label": null, "description": null, "bind": "state.loans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book", "dataIndex": "book_id", "key": "book_id" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date", "render": "date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "render": "date" }, { "title": "Renewals", "dataIndex": "renewal_count", "key": "renewal_count", "render": "text_with_max", "max": 2 }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "tag", "colorMap": { "ACTIVE": "green", "OVERDUE": "red", "RETURNED": "default" } }, { "title": "Action", "key": "action", "render": "renew_button" } ], "size": "small", "pagination": false, "loading": "state.loansLoading", "rowKey": "id" }, "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 }, "reservations_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Active Reservations", "extra_action": "view_all_reservations_btn" }, "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 }, "view_all_reservations_btn": { "type": "Button", "label": "View All", "description": null, "bind": null, "onClick": "navigateToReservations", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small" }, "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 }, "reservations_list": { "type": "List", "label": null, "description": null, "bind": "state.reservations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "loading": "state.reservationsLoading", "item_layout": "horizontal", "render_item": { "title": "book_id", "description": "Reservation Date: ${reservation_date} | Queue Position: ${queue_position} | Estimated Availability: ${expiry_date}", "status_field": "status", "action": "cancel_button" } }, "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 }, "sidebar_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 8 }, "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 }, "fines_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Outstanding Fines", "extra_action": "view_all_fines_btn" }, "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 }, "view_all_fines_btn": { "type": "Button", "label": "View All Fines", "description": null, "bind": null, "onClick": "navigateToFines", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small" }, "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 }, "fines_summary": { "type": "List", "label": null, "description": null, "bind": "state.fines", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "loading": "state.finesLoading", "size": "small", "render_item": { "title": "reason", "description": "Amount: $${amount} | Paid: $${amount_paid} | Status: ${status}", "status_field": "status" }, "filter_expr": "item.status === 'UNPAID' || item.status === 'PARTIAL'" }, "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 }, "notifications_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Recent Notifications", "extra_action": "view_all_notifications_btn" }, "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 }, "view_all_notifications_btn": { "type": "Button", "label": "View All", "description": null, "bind": null, "onClick": "navigateToNotifications", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small" }, "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 }, "notifications_list": { "type": "List", "label": null, "description": null, "bind": "state.notifications", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "loading": "state.notificationsLoading", "size": "small", "render_item": { "title": "title", "description": "message", "meta": "sent_date", "avatar_type": "notification_type", "status_field": "status" } }, "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": [ "page_header", "stat_cards_row", "content_row" ], "page_header": [ "page_title", "header_actions" ], "header_actions": [ "browse_catalog_btn", "profile_btn" ], "stat_cards_row": [ "loans_stat_col", "reservations_stat_col", "fines_stat_col" ], "loans_stat_col": [ "loans_stat_card" ], "loans_stat_card": [ "loans_stat_content" ], "reservations_stat_col": [ "reservations_stat_card" ], "reservations_stat_card": [ "reservations_stat_content" ], "fines_stat_col": [ "fines_stat_card" ], "fines_stat_card": [ "fines_stat_content" ], "content_row": [ "loans_col", "sidebar_col" ], "loans_col": [ "loans_card", "reservations_card" ], "loans_card": [ "view_all_loans_btn", "loans_table" ], "reservations_card": [ "view_all_reservations_btn", "reservations_list" ], "sidebar_col": [ "fines_card", "notifications_card" ], "fines_card": [ "view_all_fines_btn", "fines_summary" ], "notifications_card": [ "view_all_notifications_btn", "notifications_list" ] }, "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 }, "stat_cards_row": { "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 }, "loans_stat_card": { "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 }, "reservations_stat_card": { "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 }, "fines_stat_card": { "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 }, "content_row": { "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 }, "loans_col": { "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 }, "loans_card": { "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 }, "reservations_card": { "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 }, "sidebar_col": { "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 }, "fines_card": { "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 }, "notifications_card": { "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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Root page container" } ], "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 }