{ "page_ir": { "page_id": "fines_list", "page_goal": "Manage library fines including viewing, filtering, processing payments, waiving fines, and adding manual fines with summary statistics", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with status-colored badges" }, "accessibility": { "required_labels": [ "fines_table", "filter_status", "filter_reason", "search_member", "date_range_filter", "payment_amount", "payment_method", "waive_reason" ], "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": [ "export_button" ], "stack_on_small": [] }, "constraints": [ "Admin-only waive fine action", "Pagination required", "Export functionality" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "fines": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "filterStatus": { "type": "string", "initial": null, "required": false, "constraints": { "enum": [ "UNPAID", "PARTIAL", "PAID", "WAIVED" ] }, "item_type": null }, "filterReason": { "type": "string", "initial": null, "required": false, "constraints": { "enum": [ "OVERDUE", "DAMAGED", "LOST", "OTHER" ] }, "item_type": null }, "searchMember": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "dateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "pagination": { "type": "object", "initial": { "current": 1, "pageSize": 20, "total": 0 }, "required": true, "constraints": {}, "item_type": null }, "selectedFine": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "detailModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "paymentModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "waiveModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "addFineModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "fineDetails": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "members": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "summaryStats": { "type": "object", "initial": { "totalOutstanding": 0, "collectedThisMonth": 0, "waivedThisMonth": 0 }, "required": false, "constraints": {}, "item_type": null } }, "derived": { "fineBalance": { "type": "number", "expr": "selectedFine ? selectedFine.amount - selectedFine.amount_paid : 0", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "8e6a54124a734e9989de0a9642599f00": { "endpoint_id": "8e6a54124a734e9989de0a9642599f00", "module": "Fines", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pagination.pageSize", "offset": "($state.pagination.current - 1) * $state.pagination.pageSize", "status": "$state.filterStatus", "member_id": "$state.searchMember" }, "body": null, "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date", "waived_by", "waived_date", "waived_reason", "created_at", "updated_at" ], "response_target": "fines", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5027ad77ad954e6ca33a6f879d6ca2a0": { "endpoint_id": "5027ad77ad954e6ca33a6f879d6ca2a0", "module": "Fines", "endpoint": "/fines/{fine_id}/details", "method": "GET", "path_params": { "fine_id": "$state.selectedFine.id" }, "query_params": {}, "body": null, "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date", "waived_by", "waived_date", "waived_reason", "created_at", "updated_at", "member", "loan", "waived_by_user", "payments" ], "response_target": "fineDetails", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "463a8992788f4b528ecf64fbdb5f2a2e": { "endpoint_id": "463a8992788f4b528ecf64fbdb5f2a2e", "module": "Fines", "endpoint": "/fines/", "method": "POST", "path_params": {}, "query_params": {}, "body": null, "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date" ], "response_target": "createFine_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5ed3384b3d124d2c9447328bf5b9905e": { "endpoint_id": "5ed3384b3d124d2c9447328bf5b9905e", "module": "Fines", "endpoint": "/fines/{fine_id}", "method": "PUT", "path_params": { "fine_id": "$state.selectedFine.id" }, "query_params": {}, "body": null, "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date" ], "response_target": "updateFine_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d44c62574172426ea8c9e25b08d24d07": { "endpoint_id": "d44c62574172426ea8c9e25b08d24d07", "module": "Fines", "endpoint": "/fines/{fine_id}/waive", "method": "POST", "path_params": { "fine_id": "$state.selectedFine.id" }, "query_params": { "waived_by": "appContext.currentUser.id", "waived_reason": "$form.waived_reason" }, "body": null, "fields": [ "id", "status", "waived_by", "waived_date", "waived_reason" ], "response_target": "d44c62574172426ea8c9e25b08d24d07_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "856ce681b6e04adf820c25254a2d8089": { "endpoint_id": "856ce681b6e04adf820c25254a2d8089", "module": "User Management", "endpoint": "/users/members", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "user_id", "membership_number", "account_standing" ], "response_target": "members", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "fine": { "name": "Fine", "backend_module": "Fines", "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date", "waived_by", "waived_date", "waived_reason", "created_at", "updated_at" ], "computed": [ "balance" ], "display_fields": [ "id", "member_id", "reason", "amount", "amount_paid", "status", "assessed_date", "loan_id" ], "search_fields": [ "member_id" ], "filters": [ "status", "reason", "member_id" ], "default_sort": null, "default_sort_dir": "asc" }, "fineDetail": { "name": "FineDetail", "backend_module": "Fines", "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date", "waived_by", "waived_date", "waived_reason", "created_at", "updated_at", "member", "loan", "waived_by_user", "payments" ], "computed": [], "display_fields": [ "id", "amount", "amount_paid", "reason", "status", "assessed_date", "member", "loan", "payments" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "member": { "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": [ "id", "membership_number" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onFilterStatusChange": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onFilterReasonChange": { "type": "mutation", "updates": [ { "target": "state.filterReason", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onSearchMemberChange": { "type": "mutation", "updates": [ { "target": "state.searchMember", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.dateRange", "expr": "event.value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onPaginationChange": { "type": "mutation", "updates": [ { "target": "state.pagination.current", "expr": "event.current" }, { "target": "state.pagination.pageSize", "expr": "event.pageSize" } ], "description": "" } }, "actions": { "08b0b3779f0942afbf7eea2bc3a927ac": { "action_id": "08b0b3779f0942afbf7eea2bc3a927ac", "trigger": "button_click", "target_component_id": "fines_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedFine", "expr": "event.record" }, { "target": "state.detailModalVisible", "expr": "true" } ], "api_endpoint": "5027ad77ad954e6ca33a6f879d6ca2a0", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "e30ce3f4505a47cb9420d5061652e61b": { "action_id": "e30ce3f4505a47cb9420d5061652e61b", "trigger": "button_click", "target_component_id": "fines_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedFine", "expr": "event.record" }, { "target": "state.paymentModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "f1b9db15f15c4f689a1a9d48d9f5f104": { "action_id": "f1b9db15f15c4f689a1a9d48d9f5f104", "trigger": "form_submit", "target_component_id": "payment_modal", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"amount\", \"message\": \"Payment amount is required\", \"rule_id\": \"val_amount\", \"type\": \"required\"}", "message": "{\"field\": \"amount\", \"message\": \"Payment amount is required\", \"rule_id\": \"val_amount\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"amount\", \"message\": \"Amount must be greater than 0\", \"rule_id\": \"val_amount_min\", \"type\": \"min\", \"value\": 0.01}", "message": "{\"field\": \"amount\", \"message\": \"Amount must be greater than 0\", \"rule_id\": \"val_amount_min\", \"type\": \"min\", \"value\": 0.01}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"payment_method\", \"message\": \"Payment method is required\", \"rule_id\": \"val_method\", \"type\": \"required\"}", "message": "{\"field\": \"payment_method\", \"message\": \"Payment method is required\", \"rule_id\": \"val_method\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.paymentModalVisible", "expr": "false" } ], "api_endpoint": "5ed3384b3d124d2c9447328bf5b9905e", "api_body": "{ amount_paid: state.selectedFine.amount_paid + form.amount, status: (state.selectedFine.amount_paid + form.amount) >= state.selectedFine.amount ? 'PAID' : 'PARTIAL' }", "side_effects": [ { "type": "toast", "config": { "message": "Payment processed successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "6fe9120d85c3432baad021329e92b8ec": { "action_id": "6fe9120d85c3432baad021329e92b8ec", "trigger": "button_click", "target_component_id": "fines_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedFine", "expr": "event.record" }, { "target": "state.waiveModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "d44c62574172426ea8c9e25b08d24d07": { "action_id": "d44c62574172426ea8c9e25b08d24d07", "trigger": "form_submit", "target_component_id": "waive_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"waived_reason\", \"message\": \"Waive reason is required\", \"rule_id\": \"val_waive_reason\", \"type\": \"required\"}", "message": "{\"field\": \"waived_reason\", \"message\": \"Waive reason is required\", \"rule_id\": \"val_waive_reason\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.waiveModalVisible", "expr": "false" } ], "api_endpoint": "d44c62574172426ea8c9e25b08d24d07", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Fine waived successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "96cd5bae62f9446e9a86568013453397": { "action_id": "96cd5bae62f9446e9a86568013453397", "trigger": "button_click", "target_component_id": "add_fine_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.addFineModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "f7cd6d9659484985accb3f1eec7ba713": { "action_id": "f7cd6d9659484985accb3f1eec7ba713", "trigger": "form_submit", "target_component_id": "add_fine_modal", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"member_id\", \"message\": \"Member is required\", \"rule_id\": \"val_member\", \"type\": \"required\"}", "message": "{\"field\": \"member_id\", \"message\": \"Member is required\", \"rule_id\": \"val_member\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"reason\", \"message\": \"Fine type is required\", \"rule_id\": \"val_reason\", \"type\": \"required\"}", "message": "{\"field\": \"reason\", \"message\": \"Fine type is required\", \"rule_id\": \"val_reason\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"amount\", \"message\": \"Amount is required\", \"rule_id\": \"val_fine_amount\", \"type\": \"required\"}", "message": "{\"field\": \"amount\", \"message\": \"Amount is required\", \"rule_id\": \"val_fine_amount\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"amount\", \"message\": \"Amount must be greater than 0\", \"rule_id\": \"val_fine_amount_min\", \"type\": \"min\", \"value\": 0.01}", "message": "{\"field\": \"amount\", \"message\": \"Amount must be greater than 0\", \"rule_id\": \"val_fine_amount_min\", \"type\": \"min\", \"value\": 0.01}" } ], "validation_messages": {}, "updates": [ { "target": "state.addFineModalVisible", "expr": "false" } ], "api_endpoint": "463a8992788f4b528ecf64fbdb5f2a2e", "api_body": "{ member_id: form.member_id, loan_id: form.loan_id || null, amount: form.amount, amount_paid: 0, reason: form.reason, description: form.description || null, status: 'UNPAID', assessed_date: new Date().toISOString(), due_date: form.due_date || null }", "side_effects": [ { "type": "toast", "config": { "message": "Fine added successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "89b64e35b02244198346e3fb187dcd48": { "action_id": "89b64e35b02244198346e3fb187dcd48", "trigger": "button_click", "target_component_id": "detail_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.detailModalVisible", "expr": "false" }, { "target": "state.fineDetails", "expr": "null" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "264cae2ead7a42e5b99c843718f41150": { "action_id": "264cae2ead7a42e5b99c843718f41150", "trigger": "button_click", "target_component_id": "payment_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.paymentModalVisible", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "e3754c5ade8b4ae7b5f9e5057c12fe4f": { "action_id": "e3754c5ade8b4ae7b5f9e5057c12fe4f", "trigger": "button_click", "target_component_id": "waive_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.waiveModalVisible", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "de427ccfae844a3484c24595a9a8d624": { "action_id": "de427ccfae844a3484c24595a9a8d624", "trigger": "button_click", "target_component_id": "add_fine_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.addFineModalVisible", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "11e79b43de564070931bdbfabc449215": { "action_id": "11e79b43de564070931bdbfabc449215", "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": "fines_export.csv" } } ], "then": null, "catch": null, "data_action": null }, "5ea1a0e8df7341f2a5fc19bc76700fd2": { "action_id": "5ea1a0e8df7341f2a5fc19bc76700fd2", "trigger": "button_click", "target_component_id": "fines_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": "/admin/members/:memberId" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "08b0b3779f0942afbf7eea2bc3a927ac": { "action_id": "08b0b3779f0942afbf7eea2bc3a927ac", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load fine details", "ui_updates": [] }, "f1b9db15f15c4f689a1a9d48d9f5f104": { "action_id": "f1b9db15f15c4f689a1a9d48d9f5f104", "loading_indicator": "spinner", "loading_text": null, "success_message": "Payment processed successfully", "error_message": "Failed to process payment", "ui_updates": [] }, "d44c62574172426ea8c9e25b08d24d07": { "action_id": "d44c62574172426ea8c9e25b08d24d07", "loading_indicator": "spinner", "loading_text": null, "success_message": "Fine waived successfully", "error_message": "Failed to waive fine", "ui_updates": [] }, "f7cd6d9659484985accb3f1eec7ba713": { "action_id": "f7cd6d9659484985accb3f1eec7ba713", "loading_indicator": "spinner", "loading_text": null, "success_message": "Fine added successfully", "error_message": "Failed to add fine", "ui_updates": [] }, "11e79b43de564070931bdbfabc449215": { "action_id": "11e79b43de564070931bdbfabc449215", "loading_indicator": "spinner", "loading_text": null, "success_message": "Export started", "error_message": "Failed to export fines", "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": "Fines 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 }, "add_fine_button": { "type": "Button", "label": "Add Manual Fine", "description": null, "bind": null, "onClick": "openAddFineModal", "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", "description": null, "bind": null, "onClick": "exportFines", "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_outstanding": { "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_outstanding_content": { "type": "Statistic", "label": "Total Outstanding", "description": null, "bind": "state.summaryStats.totalOutstanding", "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_collected": { "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_collected_content": { "type": "Statistic", "label": "Collected This Month", "description": null, "bind": "state.summaryStats.collectedThisMonth", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "$", "precision": 2, "valueStyle": { "color": "#3f8600" } }, "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_waived": { "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_waived_content": { "type": "Statistic", "label": "Waived This Month", "description": null, "bind": "state.summaryStats.waivedThisMonth", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "$", "precision": 2, "valueStyle": { "color": "#faad14" } }, "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 ] }, "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": "Unpaid", "value": "UNPAID" }, { "label": "Partially Paid", "value": "PARTIAL" }, { "label": "Paid", "value": "PAID" }, { "label": "Waived", "value": "WAIVED" } ], "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_reason_select": { "type": "Select", "label": "Type", "description": null, "bind": "state.filterReason", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Types", "allowClear": true, "options": [ { "label": "Overdue", "value": "OVERDUE" }, { "label": "Damaged", "value": "DAMAGED" }, { "label": "Lost", "value": "LOST" }, { "label": "Other", "value": "OTHER" } ], "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_range": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": "state.dateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_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 }, "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 }, "fines_table": { "type": "Table", "label": "Fines Table", "description": null, "bind": "state.fines", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.loading", "pagination": { "current": "state.pagination.current", "pageSize": "state.pagination.pageSize", "total": "state.pagination.total", "showSizeChanger": true, "showTotal": true }, "columns": [ { "title": "Fine ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Member", "dataIndex": "member_id", "key": "member_id" }, { "title": "Type", "dataIndex": "reason", "key": "reason", "render": "tag" }, { "title": "Amount", "dataIndex": "amount", "key": "amount", "render": "currency" }, { "title": "Paid", "dataIndex": "amount_paid", "key": "amount_paid", "render": "currency" }, { "title": "Balance", "key": "balance", "render": "computed_balance" }, { "title": "Loan", "dataIndex": "loan_id", "key": "loan_id", "ellipsis": true }, { "title": "Date Assessed", "dataIndex": "assessed_date", "key": "assessed_date", "render": "date" }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "status_badge" }, { "title": "Actions", "key": "actions", "render": "actions", "fixed": "right", "width": 200 } ] }, "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": "Fine Details", "description": null, "bind": "state.detailModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 720, "footer": null }, "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.fineDetails", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 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 }, "detail_payments_table": { "type": "Table", "label": "Payment History", "description": null, "bind": "state.fineDetails.payments", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "size": "small", "pagination": false, "columns": [ { "title": "Date", "dataIndex": "payment_date", "key": "payment_date" }, { "title": "Amount", "dataIndex": "amount", "key": "amount", "render": "currency" }, { "title": "Method", "dataIndex": "payment_method", "key": "payment_method" }, { "title": "Notes", "dataIndex": "notes", "key": "notes" } ] }, "dynamic_props": {}, "styles": { "marginTop": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_modal": { "type": "Modal", "label": "Process Payment", "description": null, "bind": "state.paymentModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 480, "okText": "Process Payment" }, "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 }, "payment_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_amount_field": { "type": "Form.Item", "label": "Payment Amount", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "amount", "rules": [ { "required": true, "message": "Payment amount is required" } ] }, "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 }, "payment_amount_input": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 0.01, "precision": 2, "prefix": "$", "style": { "width": "100%" }, "placeholder": "Enter amount" }, "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 }, "payment_method_field": { "type": "Form.Item", "label": "Payment Method", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "payment_method", "rules": [ { "required": true, "message": "Payment method is required" } ] }, "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 }, "payment_method_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select payment method", "options": [ { "label": "Cash", "value": "CASH" }, { "label": "Credit Card", "value": "CREDIT_CARD" }, { "label": "Debit Card", "value": "DEBIT_CARD" }, { "label": "Check", "value": "CHECK" } ] }, "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 }, "payment_notes_field": { "type": "Form.Item", "label": "Notes", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "notes" }, "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 }, "payment_notes_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rows": 3, "placeholder": "Optional notes..." }, "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 }, "waive_modal": { "type": "Modal", "label": "Waive Fine", "description": null, "bind": "state.waiveModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 480, "okText": "Waive Fine", "okButtonProps": { "danger": 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 }, "waive_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "waive_reason_field": { "type": "Form.Item", "label": "Reason for Waiving", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "waived_reason", "rules": [ { "required": true, "message": "Reason is required" } ] }, "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 }, "waive_reason_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rows": 4, "placeholder": "Enter reason for waiving this fine..." }, "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 }, "add_fine_modal": { "type": "Modal", "label": "Add Manual Fine", "description": null, "bind": "state.addFineModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 560, "okText": "Add Fine" }, "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 }, "add_fine_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "add_fine_member_field": { "type": "Form.Item", "label": "Member", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "member_id", "rules": [ { "required": true, "message": "Member is required" } ] }, "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 }, "add_fine_member_select": { "type": "Select", "label": null, "description": null, "bind": "state.members", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select member", "showSearch": true, "optionFilterProp": "label", "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 }, "add_fine_type_field": { "type": "Form.Item", "label": "Fine Type", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "reason", "rules": [ { "required": true, "message": "Fine type is required" } ] }, "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 }, "add_fine_type_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select type", "options": [ { "label": "Overdue", "value": "OVERDUE" }, { "label": "Damaged", "value": "DAMAGED" }, { "label": "Lost", "value": "LOST" }, { "label": "Other", "value": "OTHER" } ] }, "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 }, "add_fine_amount_field": { "type": "Form.Item", "label": "Amount", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "amount", "rules": [ { "required": true, "message": "Amount is required" } ] }, "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 }, "add_fine_amount_input": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 0.01, "precision": 2, "prefix": "$", "style": { "width": "100%" }, "placeholder": "Enter fine amount" }, "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 }, "add_fine_description_field": { "type": "Form.Item", "label": "Reason/Description", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "description" }, "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 }, "add_fine_description_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rows": 3, "placeholder": "Describe the reason for this fine..." }, "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 }, "add_fine_loan_field": { "type": "Form.Item", "label": "Associated Loan (Optional)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "loan_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 }, "add_fine_loan_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter loan ID (optional)" }, "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", "table_card", "detail_modal", "payment_modal", "waive_modal", "add_fine_modal" ], "page_header": [ "page_title", "header_actions" ], "header_actions": [ "add_fine_button", "export_button" ], "stats_row": [ "stat_outstanding", "stat_collected", "stat_waived" ], "stat_outstanding": [ "stat_outstanding_content" ], "stat_collected": [ "stat_collected_content" ], "stat_waived": [ "stat_waived_content" ], "filters_card": [ "filters_row" ], "filters_row": [ "filter_status_select", "filter_reason_select", "filter_date_range", "filter_member_search" ], "table_card": [ "fines_table" ], "detail_modal": [ "detail_descriptions", "detail_payments_table" ], "payment_modal": [ "payment_form" ], "payment_form": [ "payment_amount_field", "payment_method_field", "payment_notes_field" ], "payment_amount_field": [ "payment_amount_input" ], "payment_method_field": [ "payment_method_select" ], "payment_notes_field": [ "payment_notes_input" ], "waive_modal": [ "waive_form" ], "waive_form": [ "waive_reason_field" ], "waive_reason_field": [ "waive_reason_input" ], "add_fine_modal": [ "add_fine_form" ], "add_fine_form": [ "add_fine_member_field", "add_fine_type_field", "add_fine_amount_field", "add_fine_description_field", "add_fine_loan_field" ], "add_fine_member_field": [ "add_fine_member_select" ], "add_fine_type_field": [ "add_fine_type_select" ], "add_fine_amount_field": [ "add_fine_amount_input" ], "add_fine_description_field": [ "add_fine_description_input" ], "add_fine_loan_field": [ "add_fine_loan_input" ] }, "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 }, "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 }, "payment_modal": { "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 }, "payment_form": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "waive_modal": { "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 }, "waive_form": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "add_fine_modal": { "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 }, "add_fine_form": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "detail_overlay", "component": "detail_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Fine details modal overlay" }, { "zone_id": "payment_overlay", "component": "payment_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Payment processing modal overlay" }, { "zone_id": "waive_overlay", "component": "waive_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Waive fine modal overlay" }, { "zone_id": "add_fine_overlay", "component": "add_fine_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Add manual fine 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 }