{ "page_ir": { "page_id": "loans_list", "page_goal": "Comprehensive loans management page with table, filters, summary stats, and actions for viewing, renewing, and processing returns", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "blue primary with status-colored badges" }, "accessibility": { "required_labels": [ "search_member_input", "search_book_input", "status_filter", "date_range_picker", "loans_table", "export_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "stats_row collapses to vertical on sm", "filters collapse to vertical on md" ], "hidden_on_small": [ "column_loan_id", "column_renewals" ], "stack_on_small": [] }, "constraints": [ "Role must be administrator or librarian to access this page" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "loans": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loansLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "filterStatus": { "type": "string", "initial": "", "required": false, "constraints": { "enum": [ "", "ACTIVE", "RETURNED", "OVERDUE", "LOST" ] }, "item_type": null }, "filterDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "searchMember": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "searchBook": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "pagination": { "type": "object", "initial": { "current": 1, "pageSize": 20, "total": 0 }, "required": true, "constraints": {}, "item_type": null }, "detailModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedLoan": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "totalActiveLoans": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "overdueCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "dueTodayCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredLoansCount": { "type": "number", "expr": "state.pagination.total", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "bdc3d78fed5c43c98660ca9f5aa8ef46": { "endpoint_id": "bdc3d78fed5c43c98660ca9f5aa8ef46", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pagination.pageSize", "offset": "($state.pagination.current - 1) * $state.pagination.pageSize", "loan_status": "$state.filterStatus || undefined", "member_id": "$state.searchMember || undefined", "book_id": "$state.searchBook || undefined" }, "body": null, "fields": [ "id", "book_id", "member_id", "librarian_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "notes" ], "response_target": "loans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c9a84dedf79044cd8340c146b83c8fbd": { "endpoint_id": "c9a84dedf79044cd8340c146b83c8fbd", "module": "Circulation", "endpoint": "/circulation/loans/{loan_id}/details", "method": "GET", "path_params": { "loan_id": "$state.selectedLoan.id" }, "query_params": {}, "body": null, "fields": [ "id", "book_id", "book", "member_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "notes" ], "response_target": "selectedLoan", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3c8de8282aaf4652ad58c1a5ddd802bc": { "endpoint_id": "3c8de8282aaf4652ad58c1a5ddd802bc", "module": "Circulation", "endpoint": "/circulation/loans/{loan_id}/renew", "method": "POST", "path_params": { "loan_id": "$state.selectedLoan.id" }, "query_params": {}, "body": null, "fields": [ "id", "book_id", "member_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "notes" ], "response_target": "selectedLoan", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7e20ce4e6f07419385018ae1abd19e0c": { "endpoint_id": "7e20ce4e6f07419385018ae1abd19e0c", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "loan_status": "ACTIVE", "limit": 1, "offset": 0 }, "body": null, "fields": [ "id" ], "response_target": "totalActiveLoans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "e5a8917732b1477d8cc89704160c54d3": { "endpoint_id": "e5a8917732b1477d8cc89704160c54d3", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "loan_status": "OVERDUE", "limit": 1, "offset": 0 }, "body": null, "fields": [ "id" ], "response_target": "overdueCount", "response_transform": null, "trigger": "on_mount", "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": [ "id", "book_id", "member_id", "checkout_date", "due_date", "return_date", "renewal_count", "status" ], "search_fields": [], "filters": [ "status", "member_id", "book_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.filterDateRange", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onMemberSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchMember", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onBookSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchBook", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onPaginationChange": { "type": "mutation", "updates": [ { "target": "state.pagination.current", "expr": "event.page" }, { "target": "state.pagination.pageSize", "expr": "event.pageSize" } ], "description": "" }, "onCloseDetailModal": { "type": "mutation", "updates": [ { "target": "state.detailModalVisible", "expr": "false" }, { "target": "state.selectedLoan", "expr": "null" } ], "description": "" } }, "actions": { "91ceb9a068f94f29bbc01163eaf89e61": { "action_id": "91ceb9a068f94f29bbc01163eaf89e61", "trigger": "button_click", "target_component_id": "loans_table", "operation": "read", "description": "", "payload": { "loan_id": "$row.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedLoan", "expr": "$response" }, { "target": "state.detailModalVisible", "expr": "true" } ], "api_endpoint": "c9a84dedf79044cd8340c146b83c8fbd", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "3c8de8282aaf4652ad58c1a5ddd802bc": { "action_id": "3c8de8282aaf4652ad58c1a5ddd802bc", "trigger": "button_click", "target_component_id": "loans_table", "operation": "custom", "description": "", "payload": { "loan_id": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "3c8de8282aaf4652ad58c1a5ddd802bc", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Loan renewed successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchLoans" } } ], "then": null, "catch": null, "data_action": null }, "8b52c75bf1d040df847a0177e3d33eed": { "action_id": "8b52c75bf1d040df847a0177e3d33eed", "trigger": "button_click", "target_component_id": "loans_table", "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 }, "128145b2eb194d7295391eddb476428a": { "action_id": "128145b2eb194d7295391eddb476428a", "trigger": "button_click", "target_component_id": "export_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "download", "config": { "format": "csv", "filename": "loans_export.csv" } } ], "then": null, "catch": null, "data_action": null }, "52d0861d2a6d426a8c67e85e5017da3c": { "action_id": "52d0861d2a6d426a8c67e85e5017da3c", "trigger": "button_click", "target_component_id": "new_checkout_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/circulation/checkout" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "91ceb9a068f94f29bbc01163eaf89e61": { "action_id": "91ceb9a068f94f29bbc01163eaf89e61", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load loan details", "ui_updates": [] }, "3c8de8282aaf4652ad58c1a5ddd802bc": { "action_id": "3c8de8282aaf4652ad58c1a5ddd802bc", "loading_indicator": "spinner", "loading_text": null, "success_message": "Loan renewed successfully", "error_message": "Failed to renew loan. The book may be reserved or renewal limit reached.", "ui_updates": [] }, "8b52c75bf1d040df847a0177e3d33eed": { "action_id": "8b52c75bf1d040df847a0177e3d33eed", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "128145b2eb194d7295391eddb476428a": { "action_id": "128145b2eb194d7295391eddb476428a", "loading_indicator": "spinner", "loading_text": null, "success_message": "Export completed", "error_message": "Failed to export data", "ui_updates": [] }, "52d0861d2a6d426a8c67e85e5017da3c": { "action_id": "52d0861d2a6d426a8c67e85e5017da3c", "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": "Loans Management", "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 }, "new_checkout_button": { "type": "Button", "label": "New Checkout", "description": null, "bind": null, "onClick": "navigateToCheckout", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined" }, "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 }, "export_button": { "type": "Button", "label": "Export CSV", "description": null, "bind": null, "onClick": "exportCsv", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "DownloadOutlined" }, "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 }, "stats_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_active_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 }, "stat_active_card": { "type": "Card", "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 }, "stat_active_statistic": { "type": "Statistic", "label": "Total Active Loans", "description": null, "bind": "state.totalActiveLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#1677ff" }, "prefix": "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 }, "stat_overdue_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 }, "stat_overdue_card": { "type": "Card", "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 }, "stat_overdue_statistic": { "type": "Statistic", "label": "Overdue", "description": null, "bind": "state.overdueCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#ff4d4f" }, "prefix": "WarningOutlined" }, "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_due_today_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 }, "stat_due_today_card": { "type": "Card", "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 }, "stat_due_today_statistic": { "type": "Statistic", "label": "Due Today", "description": null, "bind": "state.dueTodayCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#faad14" }, "prefix": "ClockCircleOutlined" }, "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 }, "filters_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "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 }, "filters_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ], "align": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_status_col": { "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 }, "filter_status_select": { "type": "Select", "label": "Status", "description": null, "bind": "state.filterStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Statuses", "allowClear": true, "options": [ { "label": "Active", "value": "ACTIVE" }, { "label": "Returned", "value": "RETURNED" }, { "label": "Overdue", "value": "OVERDUE" }, { "label": "Lost", "value": "LOST" } ], "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_date_col": { "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 }, "filter_date_range": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": "state.filterDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "placeholder": [ "Start Date", "End Date" ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_member_col": { "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 }, "filter_member_search": { "type": "Input.Search", "label": "Member Search", "description": null, "bind": "state.searchMember", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by member ID...", "allowClear": 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 }, "filter_book_col": { "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 }, "filter_book_search": { "type": "Input.Search", "label": "Book Search", "description": null, "bind": "state.searchBook", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by book ID...", "allowClear": 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_table_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bodyStyle": { "padding": 0 } }, "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": "Loans Table", "description": null, "bind": "state.loans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.loansLoading", "pagination": { "current": "state.pagination.current", "pageSize": "state.pagination.pageSize", "total": "state.pagination.total", "showSizeChanger": true, "showTotal": true }, "columns": [ { "title": "Loan ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Book Title", "dataIndex": "book_id", "key": "book_id" }, { "title": "Member", "dataIndex": "member_id", "key": "member_id" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date", "render": "date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "render": "date" }, { "title": "Return Date", "dataIndex": "return_date", "key": "return_date", "render": "date" }, { "title": "Renewals", "dataIndex": "renewal_count", "key": "renewal_count", "render": "renewal_badge" }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "status_tag" }, { "title": "Actions", "key": "actions", "render": "actions", "fixed": "right", "width": 200 } ], "scroll": { "x": 1200 } }, "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 }, "detail_modal": { "type": "Modal", "label": "Loan Details", "description": null, "bind": "state.detailModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Loan Details", "width": 700, "footer": null, "onCancel": "onCloseDetailModal" }, "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 }, "detail_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedLoan", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "items": [ { "label": "Loan ID", "field": "id" }, { "label": "Status", "field": "status" }, { "label": "Book ID", "field": "book_id" }, { "label": "Member ID", "field": "member_id" }, { "label": "Librarian ID", "field": "librarian_id" }, { "label": "Checkout Date", "field": "checkout_date" }, { "label": "Due Date", "field": "due_date" }, { "label": "Return Date", "field": "return_date" }, { "label": "Renewal Count", "field": "renewal_count" }, { "label": "Notes", "field": "notes", "span": 2 } ] }, "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", "stats_row", "filters_card", "loans_table_card", "detail_modal" ], "page_header": [ "page_title", "header_actions" ], "header_actions": [ "new_checkout_button", "export_button" ], "stats_row": [ "stat_active_col", "stat_overdue_col", "stat_due_today_col" ], "stat_active_col": [ "stat_active_card" ], "stat_active_card": [ "stat_active_statistic" ], "stat_overdue_col": [ "stat_overdue_card" ], "stat_overdue_card": [ "stat_overdue_statistic" ], "stat_due_today_col": [ "stat_due_today_card" ], "stat_due_today_card": [ "stat_due_today_statistic" ], "filters_card": [ "filters_row" ], "filters_row": [ "filter_status_col", "filter_date_col", "filter_member_col", "filter_book_col" ], "filter_status_col": [ "filter_status_select" ], "filter_date_col": [ "filter_date_range" ], "filter_member_col": [ "filter_member_search" ], "filter_book_col": [ "filter_book_search" ], "loans_table_card": [ "loans_table" ], "detail_modal": [ "detail_descriptions" ] }, "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 }, "stats_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 }, "filters_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 }, "filters_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 }, "loans_table_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 }, "detail_modal": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container with full viewport height" }, { "zone_id": "modal_overlay", "component": "detail_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Loan detail modal overlay" } ], "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 }