{ "page_ir": { "page_id": "admin_dashboard", "page_goal": "Provide administrators with a comprehensive overview of library system metrics, charts for circulation and membership trends, recent activity feed, and quick action buttons for common administrative tasks.", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "informative with blue primary accents" }, "accessibility": { "required_labels": [ "stat_cards", "charts", "activity_feed", "quick_actions" ], "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", "charts_row stacks vertically on sm" ], "hidden_on_small": [ "fine_trend_chart" ], "stack_on_small": [] }, "constraints": [ "Role must be administrator to access this page" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "books": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "members": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "activeLoans": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "fines": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "recentAuditLogs": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "pendingMembers": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null } }, "derived": { "totalBooks": { "type": "number", "expr": "state.books.length", "deps": [] }, "totalActiveMembers": { "type": "number", "expr": "state.members.filter(m => m.account_standing === 'GOOD' || m.account_standing === 'WARNING').length", "deps": [] }, "totalActiveLoans": { "type": "number", "expr": "state.activeLoans.length", "deps": [] }, "totalFinesCollected": { "type": "number", "expr": "state.fines.filter(f => f.status === 'PAID').reduce((sum, f) => sum + Number(f.amount_paid), 0)", "deps": [] }, "pendingRegistrationsCount": { "type": "number", "expr": "state.pendingMembers.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "77f29e649fc6464c92cb35038ba4a30a": { "endpoint_id": "77f29e649fc6464c92cb35038ba4a30a", "module": "", "endpoint": "/books", "method": "GET", "path_params": {}, "query_params": { "limit": 1000, "offset": 0 }, "body": null, "fields": [ "id", "title", "isbn", "status", "total_copies", "available_copies", "book_format", "created_at" ], "response_target": "books", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c37ad593b10f410299b30f69b1ca51b4": { "endpoint_id": "c37ad593b10f410299b30f69b1ca51b4", "module": "User Management", "endpoint": "/users/members", "method": "GET", "path_params": {}, "query_params": { "limit": 1000, "offset": 0 }, "body": null, "fields": [ "id", "user_id", "membership_number", "membership_date", "account_standing", "created_at" ], "response_target": "members", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "48cb0ce03531475fbba046d037e5708f": { "endpoint_id": "48cb0ce03531475fbba046d037e5708f", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "limit": 1000, "offset": 0, "loan_status": "ACTIVE" }, "body": null, "fields": [ "id", "book_id", "member_id", "checkout_date", "due_date", "status", "created_at" ], "response_target": "activeLoans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d8df7faee27045bfa11a72ec47bc95be": { "endpoint_id": "d8df7faee27045bfa11a72ec47bc95be", "module": "Fines", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "limit": 1000, "offset": 0 }, "body": null, "fields": [ "id", "member_id", "amount", "amount_paid", "reason", "status", "assessed_date", "created_at" ], "response_target": "fines", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a7e62ada52d840729c7e565a66674060": { "endpoint_id": "a7e62ada52d840729c7e565a66674060", "module": "Audit Logs", "endpoint": "/audit-logs/", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": 0 }, "body": null, "fields": [ "id", "user_id", "action", "entity_type", "entity_id", "timestamp", "ip_address" ], "response_target": "recentAuditLogs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0be19049ef274ac387daefc6179bfe74": { "endpoint_id": "0be19049ef274ac387daefc6179bfe74", "module": "User Management", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "status": "INACTIVE", "role": "MEMBER" }, "body": null, "fields": [ "id", "email", "first_name", "last_name", "status", "created_at" ], "response_target": "pendingMembers", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "books": { "name": "Book", "backend_module": "", "fields": [ "id", "title", "isbn", "status", "total_copies", "available_copies", "book_format", "created_at" ], "computed": [], "display_fields": [ "title", "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" ], "computed": [], "display_fields": [ "membership_number", "account_standing" ], "search_fields": [], "filters": [ "account_standing" ], "default_sort": null, "default_sort_dir": "asc" }, "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" ], "computed": [], "display_fields": [ "book_id", "member_id", "status", "checkout_date", "due_date" ], "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" ], "computed": [], "display_fields": [ "amount", "status", "reason" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "auditLogs": { "name": "AuditLog", "backend_module": "Audit Logs", "fields": [ "id", "user_id", "action", "entity_type", "entity_id", "timestamp", "ip_address" ], "computed": [], "display_fields": [ "action", "entity_type", "timestamp" ], "search_fields": [], "filters": [ "action", "entity_type" ], "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": { "84bee704de7b43a3a026eda2cd645dbc": { "action_id": "84bee704de7b43a3a026eda2cd645dbc", "trigger": "button_click", "target_component_id": "btn_manage_users", "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/users" } } ], "then": null, "catch": null, "data_action": null }, "702416b97537476f8144ed6325ba0dbd": { "action_id": "702416b97537476f8144ed6325ba0dbd", "trigger": "button_click", "target_component_id": "btn_manage_books", "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 }, "0f8994134a9a4156846e2e770be6cbff": { "action_id": "0f8994134a9a4156846e2e770be6cbff", "trigger": "button_click", "target_component_id": "btn_manage_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 }, "e1d829a93fbf4d46955998dd67c3058b": { "action_id": "e1d829a93fbf4d46955998dd67c3058b", "trigger": "button_click", "target_component_id": "btn_manage_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 }, "75d0431bcbb642e7bbd22c57465fd4a3": { "action_id": "75d0431bcbb642e7bbd22c57465fd4a3", "trigger": "button_click", "target_component_id": "btn_manage_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 }, "43744d1bef7d42abbd730dcc34425001": { "action_id": "43744d1bef7d42abbd730dcc34425001", "trigger": "button_click", "target_component_id": "btn_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 }, "ba80f4d0dae6452f90169a3ca1571ae2": { "action_id": "ba80f4d0dae6452f90169a3ca1571ae2", "trigger": "button_click", "target_component_id": "btn_settings", "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/settings" } } ], "then": null, "catch": null, "data_action": null }, "32c97ab1e7f14237bdc0ed6ac701d9cf": { "action_id": "32c97ab1e7f14237bdc0ed6ac701d9cf", "trigger": "button_click", "target_component_id": "btn_audit_logs", "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/audit-logs" } } ], "then": null, "catch": null, "data_action": null }, "93338e208cc54322ad2c5b1bfa0a8cd6": { "action_id": "93338e208cc54322ad2c5b1bfa0a8cd6", "trigger": "button_click", "target_component_id": "btn_notifications", "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/notifications" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "84bee704de7b43a3a026eda2cd645dbc": { "action_id": "84bee704de7b43a3a026eda2cd645dbc", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "702416b97537476f8144ed6325ba0dbd": { "action_id": "702416b97537476f8144ed6325ba0dbd", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "0f8994134a9a4156846e2e770be6cbff": { "action_id": "0f8994134a9a4156846e2e770be6cbff", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "e1d829a93fbf4d46955998dd67c3058b": { "action_id": "e1d829a93fbf4d46955998dd67c3058b", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "75d0431bcbb642e7bbd22c57465fd4a3": { "action_id": "75d0431bcbb642e7bbd22c57465fd4a3", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "43744d1bef7d42abbd730dcc34425001": { "action_id": "43744d1bef7d42abbd730dcc34425001", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "ba80f4d0dae6452f90169a3ca1571ae2": { "action_id": "ba80f4d0dae6452f90169a3ca1571ae2", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "32c97ab1e7f14237bdc0ed6ac701d9cf": { "action_id": "32c97ab1e7f14237bdc0ed6ac701d9cf", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "93338e208cc54322ad2c5b1bfa0a8cd6": { "action_id": "93338e208cc54322ad2c5b1bfa0a8cd6", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#52c41a", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "background": "#f5f5f5", "padding": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "Typography.Title", "label": "Administrator 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 an overview of your library system.", "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_books": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 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 }, "stat_card_books": { "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 }, "stat_books_statistic": { "type": "Statistic", "label": "Total Books", "description": null, "bind": "derived.totalBooks", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "📚", "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 }, "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": 8, "lg": 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 }, "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": {}, "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_statistic": { "type": "Statistic", "label": "Active Members", "description": null, "bind": "derived.totalActiveMembers", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "👥", "valueStyle": { "color": "#52c41a" } }, "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_loans": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 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 }, "stat_card_loans": { "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 }, "stat_loans_statistic": { "type": "Statistic", "label": "Active Loans", "description": null, "bind": "derived.totalActiveLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "📖", "valueStyle": { "color": "#fa8c16" } }, "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_fines": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 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 }, "stat_card_fines": { "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 }, "stat_fines_statistic": { "type": "Statistic", "label": "Fines Collected", "description": null, "bind": "derived.totalFinesCollected", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "$", "precision": 2, "valueStyle": { "color": "#cf1322" } }, "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_pending": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_pending": { "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 }, "stat_pending_statistic": { "type": "Statistic", "label": "Pending Registrations", "description": null, "bind": "derived.pendingRegistrationsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "⏳", "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 }, "charts_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 }, "chart_col_circulation": { "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 }, "chart_card_circulation": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Circulation Statistics", "bordered": true }, "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 }, "chart_circulation_line": { "type": "Chart.Line", "label": "Checkouts & Returns Over Time", "description": null, "bind": "state.activeLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "chartType": "line", "xField": "checkout_date", "yField": "count", "seriesField": "type", "height": 280 }, "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 }, "chart_col_popular": { "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 }, "chart_card_popular": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Top 10 Most Borrowed Books", "bordered": true }, "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 }, "chart_popular_bar": { "type": "Chart.Bar", "label": "Popular Books", "description": null, "bind": "state.activeLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "chartType": "bar", "xField": "book_id", "yField": "borrow_count", "height": 280 }, "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 }, "charts_row_2": { "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 }, "chart_col_fines_trend": { "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 }, "chart_card_fines_trend": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Fine Collection Trend", "bordered": true }, "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 }, "chart_fines_line": { "type": "Chart.Line", "label": "Fine Collections Over Time", "description": null, "bind": "state.fines", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "chartType": "line", "xField": "assessed_date", "yField": "amount", "height": 280 }, "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 }, "chart_col_registrations": { "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 }, "chart_card_registrations": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "New Member Registrations", "bordered": true }, "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 }, "chart_registrations_line": { "type": "Chart.Line", "label": "Registrations Over Time", "description": null, "bind": "state.members", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "chartType": "line", "xField": "created_at", "yField": "count", "height": 280 }, "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 }, "activity_col": { "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 }, "activity_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Recent Activity", "bordered": true }, "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_list": { "type": "List", "label": null, "description": null, "bind": "state.recentAuditLogs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "dataSource": "state.recentAuditLogs", "renderItem": { "title": "action", "description": "entity_type + ' - ' + timestamp" } }, "dynamic_props": {}, "styles": { "maxHeight": "400px", "overflow": "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 }, "quick_actions_col": { "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 }, "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", "bordered": true }, "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 }, "quick_actions_container": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "direction": "vertical", "size": "middle", "style": { "width": "100%" } }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "btn_manage_users": { "type": "Button", "label": "Manage Users", "description": null, "bind": null, "onClick": "navigateToUsers", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "block": true, "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 }, "btn_manage_books": { "type": "Button", "label": "Manage Books", "description": null, "bind": null, "onClick": "navigateToBooks", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "block": true, "icon": "BookOutlined" }, "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_manage_members": { "type": "Button", "label": "Manage Members", "description": null, "bind": null, "onClick": "navigateToMembers", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "block": true, "icon": "TeamOutlined" }, "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_manage_loans": { "type": "Button", "label": "Manage Loans", "description": null, "bind": null, "onClick": "navigateToLoans", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "block": true, "icon": "SwapOutlined" }, "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_manage_fines": { "type": "Button", "label": "Manage Fines", "description": null, "bind": null, "onClick": "navigateToFines", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "block": true, "icon": "DollarOutlined" }, "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_reports": { "type": "Button", "label": "Reports & Analytics", "description": null, "bind": null, "onClick": "navigateToReports", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "block": true, "icon": "BarChartOutlined" }, "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_settings": { "type": "Button", "label": "System Settings", "description": null, "bind": null, "onClick": "navigateToSettings", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "block": true, "icon": "SettingOutlined" }, "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_audit_logs": { "type": "Button", "label": "Audit Logs", "description": null, "bind": null, "onClick": "navigateToAuditLogs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "block": true, "icon": "FileSearchOutlined" }, "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_notifications": { "type": "Button", "label": "Notifications Management", "description": null, "bind": null, "onClick": "navigateToNotifications", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "block": true, "icon": "BellOutlined" }, "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", "charts_row", "charts_row_2", "bottom_row" ], "stat_cards_row": [ "stat_col_books", "stat_col_members", "stat_col_loans", "stat_col_fines", "stat_col_pending" ], "stat_col_books": [ "stat_card_books" ], "stat_card_books": [ "stat_books_statistic" ], "stat_col_members": [ "stat_card_members" ], "stat_card_members": [ "stat_members_statistic" ], "stat_col_loans": [ "stat_card_loans" ], "stat_card_loans": [ "stat_loans_statistic" ], "stat_col_fines": [ "stat_card_fines" ], "stat_card_fines": [ "stat_fines_statistic" ], "stat_col_pending": [ "stat_card_pending" ], "stat_card_pending": [ "stat_pending_statistic" ], "charts_row": [ "chart_col_circulation", "chart_col_popular" ], "chart_col_circulation": [ "chart_card_circulation" ], "chart_card_circulation": [ "chart_circulation_line" ], "chart_col_popular": [ "chart_card_popular" ], "chart_card_popular": [ "chart_popular_bar" ], "charts_row_2": [ "chart_col_fines_trend", "chart_col_registrations" ], "chart_col_fines_trend": [ "chart_card_fines_trend" ], "chart_card_fines_trend": [ "chart_fines_line" ], "chart_col_registrations": [ "chart_card_registrations" ], "chart_card_registrations": [ "chart_registrations_line" ], "bottom_row": [ "activity_col", "quick_actions_col" ], "activity_col": [ "activity_card" ], "activity_card": [ "activity_list" ], "quick_actions_col": [ "quick_actions_card" ], "quick_actions_card": [ "quick_actions_container" ], "quick_actions_container": [ "btn_manage_users", "btn_manage_books", "btn_manage_members", "btn_manage_loans", "btn_manage_fines", "btn_reports", "btn_settings", "btn_audit_logs", "btn_notifications" ] }, "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 }, "charts_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 }, "charts_row_2": { "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 }, "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 }, "quick_actions_container": { "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 } }, "layout_zones": [ { "zone_id": "stats_zone", "component": "stat_cards_row", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Top stat cards row spanning full width" }, { "zone_id": "charts_zone_1", "component": "charts_row", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "First row of charts" }, { "zone_id": "charts_zone_2", "component": "charts_row_2", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Second row of charts" }, { "zone_id": "bottom_zone", "component": "bottom_row", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Activity feed and quick actions" } ], "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 }