{ "page_ir": { "page_id": "librarian_dashboard", "page_goal": "Provide librarians with an overview dashboard showing key statistics, due/overdue items, pending reservations, and quick action buttons for common circulation tasks", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "informative with status-based colors" }, "accessibility": { "required_labels": [ "stat_cards", "due_today_table", "overdue_table", "reservations_table", "quick_actions", "activity_feed" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "stat_cards_row collapses to 2x2 grid on md", "tables stack vertically on sm" ], "hidden_on_small": [ "activity_feed" ], "stack_on_small": [] }, "constraints": [ "Role must be librarian to access this page" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "loans_due_today": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "overdue_loans": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "pending_reservations": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "pending_members": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "recent_activity": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null } }, "derived": { "due_today_count": { "type": "number", "expr": "state.loans_due_today.length", "deps": [] }, "overdue_count": { "type": "number", "expr": "state.overdue_loans.length", "deps": [] }, "pending_reservations_count": { "type": "number", "expr": "state.pending_reservations.length", "deps": [] }, "pending_members_count": { "type": "number", "expr": "state.pending_members.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "6daea621c11e45248b23be72dd5ee389": { "endpoint_id": "6daea621c11e45248b23be72dd5ee389", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "loan_status": "ACTIVE", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "member_id", "due_date", "status" ], "response_target": "loans_due_today", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "488f82f6be064f86b681d7f84049ebe8": { "endpoint_id": "488f82f6be064f86b681d7f84049ebe8", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "loan_status": "OVERDUE", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "member_id", "due_date", "status" ], "response_target": "overdue_loans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "17c3a618e3804e84aa7603a0b8a1cf62": { "endpoint_id": "17c3a618e3804e84aa7603a0b8a1cf62", "module": "Circulation", "endpoint": "/circulation/reservations", "method": "GET", "path_params": {}, "query_params": { "reservation_status": "READY", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "member_id", "expiry_date", "status" ], "response_target": "pending_reservations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0cc8ec9fce1443eca503c74b2ba49c0e": { "endpoint_id": "0cc8ec9fce1443eca503c74b2ba49c0e", "module": "User Management", "endpoint": "/users/members", "method": "GET", "path_params": {}, "query_params": { "account_standing": "WARNING", "limit": 50 }, "body": null, "fields": [ "id", "user_id", "membership_number", "account_standing" ], "response_target": "pending_members", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "loans": { "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": [ "member_id", "book_id", "due_date", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "reservations": { "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": [ "member_id", "book_id", "expiry_date", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "members": { "name": "Member", "backend_module": "User Management", "fields": [ "id", "user_id", "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing", "created_at", "updated_at" ], "computed": [], "display_fields": [ "membership_number", "account_standing" ], "search_fields": [], "filters": [ "account_standing" ], "default_sort": null, "default_sort_dir": "asc" }, "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", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "fines": { "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", "status", "reason" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onPageLoad": { "type": "mutation", "updates": [ { "target": "state.loading", "expr": "true" } ], "description": "" }, "onDataLoaded": { "type": "mutation", "updates": [ { "target": "state.loading", "expr": "false" } ], "description": "" } }, "actions": { "df71f8c72a2744159acb60744f9ee2a1": { "action_id": "df71f8c72a2744159acb60744f9ee2a1", "trigger": "button_click", "target_component_id": "btn_checkout", "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": "/circulation/checkout" } } ], "then": null, "catch": null, "data_action": null }, "89cbde5c89324a9e8fce67a00590500d": { "action_id": "89cbde5c89324a9e8fce67a00590500d", "trigger": "button_click", "target_component_id": "btn_return", "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": "/circulation/return" } } ], "then": null, "catch": null, "data_action": null }, "eddd004786914a80b0b53a0c3c3699ca": { "action_id": "eddd004786914a80b0b53a0c3c3699ca", "trigger": "button_click", "target_component_id": "btn_add_book", "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": "/admin/books" } } ], "then": null, "catch": null, "data_action": null }, "938812f315634ca1986e6363e00deba3": { "action_id": "938812f315634ca1986e6363e00deba3", "trigger": "button_click", "target_component_id": "btn_view_all_loans", "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": "/circulation/loans" } } ], "then": null, "catch": null, "data_action": null }, "58f4bf791f2b49c2a1bda0793f16d1e9": { "action_id": "58f4bf791f2b49c2a1bda0793f16d1e9", "trigger": "button_click", "target_component_id": "btn_view_all_reservations", "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": "/circulation/reservations" } } ], "then": null, "catch": null, "data_action": null }, "71ca56ed207a4b1f93c475728cb0b879": { "action_id": "71ca56ed207a4b1f93c475728cb0b879", "trigger": "button_click", "target_component_id": "btn_view_all_members", "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": "/admin/members" } } ], "then": null, "catch": null, "data_action": null }, "bd41b88fc0dd44bd9850bfc4c0124d4a": { "action_id": "bd41b88fc0dd44bd9850bfc4c0124d4a", "trigger": "button_click", "target_component_id": "btn_view_fines", "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": "/fines" } } ], "then": null, "catch": null, "data_action": null }, "6bed0cb76c2d471faf33f99cf61aefdb": { "action_id": "6bed0cb76c2d471faf33f99cf61aefdb", "trigger": "button_click", "target_component_id": "btn_view_reports", "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": "/reports" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "df71f8c72a2744159acb60744f9ee2a1": { "action_id": "df71f8c72a2744159acb60744f9ee2a1", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "89cbde5c89324a9e8fce67a00590500d": { "action_id": "89cbde5c89324a9e8fce67a00590500d", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "eddd004786914a80b0b53a0c3c3699ca": { "action_id": "eddd004786914a80b0b53a0c3c3699ca", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "938812f315634ca1986e6363e00deba3": { "action_id": "938812f315634ca1986e6363e00deba3", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "58f4bf791f2b49c2a1bda0793f16d1e9": { "action_id": "58f4bf791f2b49c2a1bda0793f16d1e9", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "71ca56ed207a4b1f93c475728cb0b879": { "action_id": "71ca56ed207a4b1f93c475728cb0b879", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "bd41b88fc0dd44bd9850bfc4c0124d4a": { "action_id": "bd41b88fc0dd44bd9850bfc4c0124d4a", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "6bed0cb76c2d471faf33f99cf61aefdb": { "action_id": "6bed0cb76c2d471faf33f99cf61aefdb", "loading_indicator": "none", "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": "Typography.Title", "label": "Librarian Dashboard", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "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 }, "page_subtitle": { "type": "Typography.Text", "label": "Welcome back! Here's your library overview.", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "marginBottom": "24px", "display": "block" }, "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 }, "stat_col_due_today": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_due_today": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true }, "dynamic_props": {}, "styles": { "textAlign": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_due_today_value": { "type": "Statistic", "label": "Books Due Today", "description": null, "bind": "derived.due_today_count", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#1677ff" }, "prefix": "📚" }, "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_col_overdue": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_overdue": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true }, "dynamic_props": {}, "styles": { "textAlign": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_overdue_value": { "type": "Statistic", "label": "Overdue Items", "description": null, "bind": "derived.overdue_count", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#ff4d4f" }, "prefix": "⚠️" }, "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_col_reservations": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_reservations": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true }, "dynamic_props": {}, "styles": { "textAlign": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_reservations_value": { "type": "Statistic", "label": "Pending Reservations", "description": null, "bind": "derived.pending_reservations_count", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#faad14" }, "prefix": "📋" }, "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_col_members": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_members": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true }, "dynamic_props": {}, "styles": { "textAlign": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_members_value": { "type": "Statistic", "label": "Pending Approvals", "description": null, "bind": "derived.pending_members_count", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#52c41a" }, "prefix": "👤" }, "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 }, "quick_actions_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Quick Actions" }, "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 }, "quick_actions_row": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle", "wrap": 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 }, "btn_checkout": { "type": "Button", "label": "Check Out Book", "description": null, "bind": null, "onClick": "navigateToCheckout", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "ExportOutlined", "size": "large" }, "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 }, "btn_return": { "type": "Button", "label": "Process Return", "description": null, "bind": null, "onClick": "navigateToReturn", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "ImportOutlined", "size": "large" }, "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 }, "btn_add_book": { "type": "Button", "label": "Add New Book", "description": null, "bind": null, "onClick": "navigateToAddBook", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "PlusOutlined", "size": "large" }, "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 }, "btn_view_reports": { "type": "Button", "label": "View Reports", "description": null, "bind": null, "onClick": "navigateToReports", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "BarChartOutlined", "size": "large" }, "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 }, "tables_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 }, "col_due_today_table": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 12 }, "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 }, "due_today_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Books Due Today", "extra": "view_all_loans_link" }, "dynamic_props": {}, "styles": { "height": "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 }, "btn_view_all_loans": { "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 }, "due_today_table": { "type": "Table", "label": "Books Due Today", "description": null, "bind": "state.loans_due_today", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Member", "dataIndex": "member_id", "key": "member_id" }, { "title": "Book", "dataIndex": "book_id", "key": "book_id" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date" } ], "pagination": { "pageSize": 5 }, "size": "small", "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 }, "col_overdue_table": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 12 }, "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 }, "overdue_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Overdue Items", "extra": "view_fines_link" }, "dynamic_props": {}, "styles": { "height": "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 }, "btn_view_fines": { "type": "Button", "label": "View 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 }, "overdue_table": { "type": "Table", "label": "Overdue Items", "description": null, "bind": "state.overdue_loans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Member", "dataIndex": "member_id", "key": "member_id" }, { "title": "Book", "dataIndex": "book_id", "key": "book_id" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date" }, { "title": "Status", "dataIndex": "status", "key": "status" } ], "pagination": { "pageSize": 5 }, "size": "small", "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 }, "bottom_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 }, "col_reservations_table": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 14 }, "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": "Reservations Ready for Pickup" }, "dynamic_props": {}, "styles": { "height": "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 }, "btn_view_all_reservations": { "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_table": { "type": "Table", "label": "Reservations Ready for Pickup", "description": null, "bind": "state.pending_reservations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Member", "dataIndex": "member_id", "key": "member_id" }, { "title": "Book", "dataIndex": "book_id", "key": "book_id" }, { "title": "Expiry Date", "dataIndex": "expiry_date", "key": "expiry_date" }, { "title": "Status", "dataIndex": "status", "key": "status" } ], "pagination": { "pageSize": 5 }, "size": "small", "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 }, "col_activity_feed": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 10 }, "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 }, "activity_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Recent Activity" }, "dynamic_props": {}, "styles": { "height": "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 }, "activity_feed": { "type": "Timeline", "label": "Recent Activity", "description": null, "bind": "state.recent_activity", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "left" }, "dynamic_props": {}, "styles": { "maxHeight": "300px", "overflowY": "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 }, "btn_view_all_members": { "type": "Button", "label": "View Members", "description": null, "bind": null, "onClick": "navigateToMembers", "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "page_subtitle", "stat_cards_row", "quick_actions_card", "tables_row", "bottom_row" ], "stat_cards_row": [ "stat_col_due_today", "stat_col_overdue", "stat_col_reservations", "stat_col_members" ], "stat_col_due_today": [ "stat_card_due_today" ], "stat_card_due_today": [ "stat_due_today_value" ], "stat_col_overdue": [ "stat_card_overdue" ], "stat_card_overdue": [ "stat_overdue_value" ], "stat_col_reservations": [ "stat_card_reservations" ], "stat_card_reservations": [ "stat_reservations_value" ], "stat_col_members": [ "stat_card_members" ], "stat_card_members": [ "stat_members_value" ], "quick_actions_card": [ "quick_actions_row" ], "quick_actions_row": [ "btn_checkout", "btn_return", "btn_add_book", "btn_view_reports" ], "tables_row": [ "col_due_today_table", "col_overdue_table" ], "col_due_today_table": [ "due_today_card" ], "due_today_card": [ "btn_view_all_loans", "due_today_table" ], "col_overdue_table": [ "overdue_card" ], "overdue_card": [ "btn_view_fines", "overdue_table" ], "bottom_row": [ "col_reservations_table", "col_activity_feed" ], "col_reservations_table": [ "reservations_card" ], "reservations_card": [ "btn_view_all_reservations", "reservations_table" ], "col_activity_feed": [ "activity_card" ], "activity_card": [ "activity_feed" ] }, "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 }, "stat_cards_row": { "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 }, "quick_actions_card": { "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 }, "quick_actions_row": { "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 }, "tables_row": { "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 }, "due_today_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 }, "overdue_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 }, "bottom_row": { "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 }, "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 }, "activity_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 dashboard 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 }