{ "page_ir": { "page_id": "audit_logs", "page_goal": "Provide administrators with a read-only audit log viewer featuring filters for date range, user, action type, and entity type, with pagination and CSV export capability", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with color-coded action badges" }, "accessibility": { "required_labels": [ "filter_date_range", "filter_user", "filter_action_type", "filter_entity_type", "audit_logs_table", "export_csv_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "filters_row collapses to vertical stack on sm" ], "hidden_on_small": [ "ip_address_column" ], "stack_on_small": [] }, "constraints": [ "read_only_no_edit_or_delete", "administrator_role_required", "pagination_50_per_page" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "auditLogs": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "filterDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterUserId": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterActionType": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterEntityType": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "currentPage": { "type": "number", "initial": 1, "required": false, "constraints": {}, "item_type": null }, "totalRecords": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "users": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "paginationOffset": { "type": "number", "expr": "(state.currentPage - 1) * 50", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "7df0af85d2674ef4b11ae484f16f535a": { "endpoint_id": "7df0af85d2674ef4b11ae484f16f535a", "module": "System", "endpoint": "/system/audit-logs", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": "$derived.paginationOffset", "user_id": "$state.filterUserId", "action_type": "$state.filterActionType", "entity_type": "$state.filterEntityType" }, "body": null, "fields": [ "id", "user_id", "action_type", "entity_type", "entity_id", "timestamp", "ip_address", "details", "created_at", "updated_at" ], "response_target": "auditLogs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ac966389899940b581f0acd58fae128f": { "endpoint_id": "ac966389899940b581f0acd58fae128f", "module": "Authentication", "endpoint": "/auth/users", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "email", "first_name", "last_name" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "auditLog": { "name": "AuditLog", "backend_module": "System", "fields": [ "id", "user_id", "action_type", "entity_type", "entity_id", "timestamp", "ip_address", "details", "created_at", "updated_at" ], "computed": [], "display_fields": [ "timestamp", "user_id", "action_type", "entity_type", "entity_id", "details", "ip_address" ], "search_fields": [], "filters": [ "user_id", "action_type", "entity_type" ], "default_sort": null, "default_sort_dir": "asc" }, "user": { "name": "User", "backend_module": "Authentication", "fields": [ "id", "email", "first_name", "last_name" ], "computed": [], "display_fields": [ "first_name", "last_name", "email" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.filterDateRange", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onUserFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterUserId", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onActionTypeFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterActionType", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onEntityTypeFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterEntityType", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.currentPage", "expr": "event.value" } ], "description": "" } }, "actions": { "9ee4c17f248a4e7eb8ee77bef975cb07": { "action_id": "9ee4c17f248a4e7eb8ee77bef975cb07", "trigger": "button_click", "target_component_id": "search_button", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "7df0af85d2674ef4b11ae484f16f535a", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "6a9487b1c7764e04a54c526548134580": { "action_id": "6a9487b1c7764e04a54c526548134580", "trigger": "button_click", "target_component_id": "export_csv_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": "audit_logs_export.csv", "data_source": "state.auditLogs" } } ], "then": null, "catch": null, "data_action": null }, "b57f9dae53d44bcda923e57b33478857": { "action_id": "b57f9dae53d44bcda923e57b33478857", "trigger": "button_click", "target_component_id": "back_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": "/admin/dashboard" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "9ee4c17f248a4e7eb8ee77bef975cb07": { "action_id": "9ee4c17f248a4e7eb8ee77bef975cb07", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load audit logs", "ui_updates": [ "state.loading = false" ] }, "6a9487b1c7764e04a54c526548134580": { "action_id": "6a9487b1c7764e04a54c526548134580", "loading_indicator": null, "loading_text": null, "success_message": "Audit logs exported successfully", "error_message": "Failed to export audit logs", "ui_updates": [] }, "b57f9dae53d44bcda923e57b33478857": { "action_id": "b57f9dae53d44bcda923e57b33478857", "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 }, "header_left": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "gap": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "back_button": { "type": "Button", "label": "Back to Dashboard", "description": null, "bind": null, "onClick": "navigateToAdminDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "ArrowLeftOutlined", "type": "text" }, "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 }, "page_title": { "type": "Typography.Title", "label": "Audit Logs", "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 }, "export_csv_button": { "type": "Button", "label": "Export to CSV", "description": null, "bind": null, "onClick": "exportCsv", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "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 }, "filters_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Filters" }, "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 }, "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_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": { "placeholder": [ "Start Date", "End Date" ], "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_user_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_user": { "type": "Select", "label": "User", "description": null, "bind": "state.filterUserId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Users", "allowClear": true, "showSearch": true, "optionFilterProp": "label", "options_source": "state.users", "option_value": "id", "option_label": "first_name + ' ' + last_name", "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_action_type_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": 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 }, "filter_action_type": { "type": "Select", "label": "Action Type", "description": null, "bind": "state.filterActionType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Actions", "allowClear": true, "options": [ { "value": "Login", "label": "Login" }, { "value": "Logout", "label": "Logout" }, { "value": "Checkout", "label": "Checkout" }, { "value": "Return", "label": "Return" }, { "value": "Fine Created", "label": "Fine Created" }, { "value": "Configuration Changed", "label": "Configuration Changed" }, { "value": "User Created", "label": "User Created" }, { "value": "User Updated", "label": "User Updated" }, { "value": "Book Created", "label": "Book Created" }, { "value": "Book Updated", "label": "Book Updated" }, { "value": "Reservation Created", "label": "Reservation Created" }, { "value": "Payment Processed", "label": "Payment Processed" } ], "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_entity_type_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": 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 }, "filter_entity_type": { "type": "Select", "label": "Entity Type", "description": null, "bind": "state.filterEntityType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Entities", "allowClear": true, "options": [ { "value": "User", "label": "User" }, { "value": "Book", "label": "Book" }, { "value": "Loan", "label": "Loan" }, { "value": "Fine", "label": "Fine" }, { "value": "Payment", "label": "Payment" }, { "value": "Configuration", "label": "Configuration" }, { "value": "Reservation", "label": "Reservation" }, { "value": "Member", "label": "Member" }, { "value": "BookCopy", "label": "BookCopy" } ], "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_search_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": 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 }, "search_button": { "type": "Button", "label": "Search", "description": null, "bind": null, "onClick": "searchAuditLogs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "SearchOutlined", "block": true }, "dynamic_props": {}, "styles": { "marginTop": "30px" }, "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": {}, "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 }, "audit_logs_table": { "type": "Table", "label": "Audit Logs Table", "description": null, "bind": "state.auditLogs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.loading", "pagination": { "current": "state.currentPage", "pageSize": 50, "total": "state.totalRecords", "showSizeChanger": false, "showTotal": true }, "expandable": { "expandedRowRender": "record.details" }, "columns": [ { "title": "Timestamp", "dataIndex": "timestamp", "key": "timestamp", "sorter": true, "width": 180, "render": "datetime" }, { "title": "User", "dataIndex": "user_id", "key": "user_id", "width": 180, "render": "user_name_with_role" }, { "title": "Action Type", "dataIndex": "action_type", "key": "action_type", "width": 160, "render": "color_coded_tag" }, { "title": "Entity Type", "dataIndex": "entity_type", "key": "entity_type", "width": 130 }, { "title": "Entity ID", "dataIndex": "entity_id", "key": "entity_id", "width": 200, "ellipsis": true }, { "title": "Details", "dataIndex": "details", "key": "details", "width": 100, "render": "expandable_json" }, { "title": "IP Address", "dataIndex": "ip_address", "key": "ip_address", "width": 140 } ] }, "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", "filters_card", "table_card" ], "page_header": [ "header_left", "export_csv_button" ], "header_left": [ "back_button", "page_title" ], "filters_card": [ "filters_row" ], "filters_row": [ "filter_date_col", "filter_user_col", "filter_action_type_col", "filter_entity_type_col", "filter_search_col" ], "filter_date_col": [ "filter_date_range" ], "filter_user_col": [ "filter_user" ], "filter_action_type_col": [ "filter_action_type" ], "filter_entity_type_col": [ "filter_entity_type" ], "filter_search_col": [ "search_button" ], "table_card": [ "audit_logs_table" ] }, "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": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_left": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filters_card": { "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 }, "filters_row": { "type": "grid", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_date_col": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_user_col": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_action_type_col": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_entity_type_col": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_search_col": { "type": "vertical", "gap": 4, "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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Full page container for audit logs" } ], "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 }