{ "page_ir": { "page_id": "admin_activity_logs", "page_goal": "Comprehensive audit trail viewing page for admins to browse, filter, search, and export all system activity logs with detailed information about entity changes, user actions, and timestamps.", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with colored action type tags" }, "accessibility": { "required_labels": [ "search_input", "entity_type_filter", "action_type_filter", "user_filter", "date_range_picker", "page_size_select", "export_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "sidebar collapses to hamburger on sm/md" ], "hidden_on_small": [ "ip_address_column" ], "stack_on_small": [] }, "constraints": [ "admin role required", "read-only log data", "expandable rows for full details" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "activityLogs": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "totalLogCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "filterEntityType": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterActionType": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterUserId": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterStartDate": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterEndDate": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "searchKeyword": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "currentPage": { "type": "number", "initial": 1, "required": false, "constraints": {}, "item_type": null }, "pageSize": { "type": "number", "initial": 25, "required": false, "constraints": { "enum": [ 25, 50, 100 ] }, "item_type": null }, "expandedRowKeys": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "sidebarCollapsed": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "paginationOffset": { "type": "number", "expr": "(state.currentPage - 1) * state.pageSize", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "dddb21692ac94d7c87959142ee934b83": { "endpoint_id": "dddb21692ac94d7c87959142ee934b83", "module": "Activity Logs", "endpoint": "/activity-logs/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pageSize", "offset": "$derived.paginationOffset", "entity_type": "$state.filterEntityType", "action_type": "$state.filterActionType", "user_id": "$state.filterUserId", "start_date": "$state.filterStartDate", "end_date": "$state.filterEndDate" }, "body": null, "fields": [ "id", "entity_type", "entity_id", "user_id", "action_type", "details", "ip_address", "timestamp", "created_at", "updated_at" ], "response_target": "activityLogs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "e786e57c9fc243e486134d1ed243dcbe": { "endpoint_id": "e786e57c9fc243e486134d1ed243dcbe", "module": "Activity Logs", "endpoint": "/activity-logs/count", "method": "GET", "path_params": {}, "query_params": { "entity_type": "$state.filterEntityType", "action_type": "$state.filterActionType", "user_id": "$state.filterUserId", "start_date": "$state.filterStartDate", "end_date": "$state.filterEndDate" }, "body": null, "fields": [], "response_target": "totalLogCount", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "50d7b804c382480e9fefb527ea55713b": { "endpoint_id": "50d7b804c382480e9fefb527ea55713b", "module": "Activity Logs", "endpoint": "/activity-logs/{id}/details", "method": "GET", "path_params": { "id": "$state.selectedLogId" }, "query_params": {}, "body": null, "fields": [ "id", "entity_type", "entity_id", "user_id", "action_type", "details", "ip_address", "timestamp", "created_at", "updated_at", "user" ], "response_target": "selectedLogDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "activityLog": { "name": "ActivityLog", "backend_module": "Activity Logs", "fields": [ "id", "entity_type", "entity_id", "user_id", "action_type", "details", "ip_address", "timestamp", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "timestamp", "entity_type", "entity_id", "user_id", "action_type", "ip_address", "details" ], "search_fields": [ "details", "entity_id", "action_type" ], "filters": [ "entity_type", "action_type", "user_id", "timestamp" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onEntityTypeFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterEntityType", "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": "" }, "onUserFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterUserId", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.filterStartDate", "expr": "event.value[0]" }, { "target": "state.filterEndDate", "expr": "event.value[1]" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onSearchKeywordChange": { "type": "mutation", "updates": [ { "target": "state.searchKeyword", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.currentPage", "expr": "event.page" } ], "description": "" }, "onPageSizeChange": { "type": "mutation", "updates": [ { "target": "state.pageSize", "expr": "event.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onRowExpand": { "type": "mutation", "updates": [ { "target": "state.expandedRowKeys", "expr": "event.expandedRowKeys" } ], "description": "" }, "onSidebarCollapse": { "type": "mutation", "updates": [ { "target": "state.sidebarCollapsed", "expr": "!state.sidebarCollapsed" } ], "description": "" } }, "actions": { "e252e057500c4336aaa99a199b6a755d": { "action_id": "e252e057500c4336aaa99a199b6a755d", "trigger": "button_click", "target_component_id": "logs_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "dddb21692ac94d7c87959142ee934b83", "api_body": null, "side_effects": [ { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "5128e7fe6e524ca29ab1c540dfbf2505": { "action_id": "5128e7fe6e524ca29ab1c540dfbf2505", "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": "dddb21692ac94d7c87959142ee934b83", "api_body": null, "side_effects": [ { "type": "download", "config": { "format": "csv", "filename": "activity_logs_export.csv" } }, { "type": "toast", "config": { "message": "Logs exported successfully", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "3cfb0b66fa1a40a08ed7839545ecf1c8": { "action_id": "3cfb0b66fa1a40a08ed7839545ecf1c8", "trigger": "button_click", "target_component_id": "nav_dashboard", "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" } } ], "then": null, "catch": null, "data_action": null }, "53952547c9334ad2b4a3b47700739d4a": { "action_id": "53952547c9334ad2b4a3b47700739d4a", "trigger": "button_click", "target_component_id": "nav_routes", "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/routes" } } ], "then": null, "catch": null, "data_action": null }, "74f9071b94cc4587a5b44ae58cdacd7a": { "action_id": "74f9071b94cc4587a5b44ae58cdacd7a", "trigger": "button_click", "target_component_id": "nav_buses", "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/buses" } } ], "then": null, "catch": null, "data_action": null }, "3cc3f678a1454275b0323c4a31eb1411": { "action_id": "3cc3f678a1454275b0323c4a31eb1411", "trigger": "button_click", "target_component_id": "nav_schedules", "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/schedules" } } ], "then": null, "catch": null, "data_action": null }, "2bf135a768e943b8afb484ab146f8f97": { "action_id": "2bf135a768e943b8afb484ab146f8f97", "trigger": "button_click", "target_component_id": "nav_bookings", "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/bookings" } } ], "then": null, "catch": null, "data_action": null }, "cd66da82c26d4712866481f206fe2310": { "action_id": "cd66da82c26d4712866481f206fe2310", "trigger": "button_click", "target_component_id": "nav_reservations", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/admin/reservations" } } ], "then": null, "catch": null, "data_action": null }, "e1fe7a932a334989b65a3275c27f84e6": { "action_id": "e1fe7a932a334989b65a3275c27f84e6", "trigger": "button_click", "target_component_id": "nav_users", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/admin/users" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "e252e057500c4336aaa99a199b6a755d": { "action_id": "e252e057500c4336aaa99a199b6a755d", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load activity logs", "ui_updates": [ "state.loading = false" ] }, "5128e7fe6e524ca29ab1c540dfbf2505": { "action_id": "5128e7fe6e524ca29ab1c540dfbf2505", "loading_indicator": "spinner", "loading_text": null, "success_message": "Logs exported successfully", "error_message": "Failed to export logs", "ui_updates": [] }, "3cfb0b66fa1a40a08ed7839545ecf1c8": { "action_id": "3cfb0b66fa1a40a08ed7839545ecf1c8", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "53952547c9334ad2b4a3b47700739d4a": { "action_id": "53952547c9334ad2b4a3b47700739d4a", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "74f9071b94cc4587a5b44ae58cdacd7a": { "action_id": "74f9071b94cc4587a5b44ae58cdacd7a", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "3cc3f678a1454275b0323c4a31eb1411": { "action_id": "3cc3f678a1454275b0323c4a31eb1411", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "2bf135a768e943b8afb484ab146f8f97": { "action_id": "2bf135a768e943b8afb484ab146f8f97", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "cd66da82c26d4712866481f206fe2310": { "action_id": "cd66da82c26d4712866481f206fe2310", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "e1fe7a932a334989b65a3275c27f84e6": { "action_id": "e1fe7a932a334989b65a3275c27f84e6", "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%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar": { "type": "Layout.Sider", "label": null, "description": null, "bind": "state.sidebarCollapsed", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "collapsible": true, "collapsed": "state.sidebarCollapsed", "width": 240, "theme": "light" }, "dynamic_props": {}, "styles": { "borderRight": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_logo": { "type": "Typography.Title", "label": "Bus Admin", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4 }, "dynamic_props": {}, "styles": { "padding": "16px", "margin": 0, "textAlign": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_menu": { "type": "Menu", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "activity_logs" ], "items": [ { "key": "dashboard", "label": "Dashboard", "icon": "DashboardOutlined" }, { "key": "routes", "label": "Routes", "icon": "NodeIndexOutlined" }, { "key": "buses", "label": "Buses", "icon": "CarOutlined" }, { "key": "schedules", "label": "Schedules", "icon": "ScheduleOutlined" }, { "key": "bookings", "label": "Bookings", "icon": "BookOutlined" }, { "key": "reservations", "label": "Reservations", "icon": "ClockCircleOutlined" }, { "key": "activity_logs", "label": "Activity Logs", "icon": "FileTextOutlined" }, { "key": "users", "label": "Users", "icon": "UserOutlined" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_dashboard": { "type": "Menu.Item", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "dashboard" }, "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 }, "nav_routes": { "type": "Menu.Item", "label": "Routes", "description": null, "bind": null, "onClick": "navigateToRoutes", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "routes" }, "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 }, "nav_buses": { "type": "Menu.Item", "label": "Buses", "description": null, "bind": null, "onClick": "navigateToBuses", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "buses" }, "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 }, "nav_schedules": { "type": "Menu.Item", "label": "Schedules", "description": null, "bind": null, "onClick": "navigateToSchedules", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "schedules" }, "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 }, "nav_bookings": { "type": "Menu.Item", "label": "Bookings", "description": null, "bind": null, "onClick": "navigateToBookings", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "bookings" }, "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 }, "nav_reservations": { "type": "Menu.Item", "label": "Reservations", "description": null, "bind": null, "onClick": "navigateToReservations", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "reservations" }, "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 }, "nav_users": { "type": "Menu.Item", "label": "Users", "description": null, "bind": null, "onClick": "navigateToUsers", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "users" }, "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 }, "content_area": { "type": "Layout.Content", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px", "background": "#f5f5f5", "flex": 1 }, "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": { "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": "Activity 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 }, "page_subtitle": { "type": "Typography.Text", "label": "Comprehensive audit trail of all system activities", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "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 }, "total_count_badge": { "type": "Typography.Text", "label": null, "description": null, "bind": "state.totalLogCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": true }, "dynamic_props": {}, "styles": { "fontSize": "14px" }, "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 }, "entity_type_filter": { "type": "Select", "label": "Entity Type", "description": null, "bind": "state.filterEntityType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Entity Types", "allowClear": true, "options": [ { "label": "User", "value": "user" }, { "label": "Reservation", "value": "reservation" }, { "label": "Booking", "value": "booking" }, { "label": "Payment", "value": "payment" }, { "label": "Schedule", "value": "schedule" }, { "label": "Route", "value": "route" }, { "label": "Bus", "value": "bus" }, { "label": "Seat", "value": "seat" }, { "label": "Ticket", "value": "ticket" }, { "label": "Cancellation", "value": "cancellation" } ], "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 }, "action_type_filter": { "type": "Select", "label": "Action Type", "description": null, "bind": "state.filterActionType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Action Types", "allowClear": true, "options": [ { "label": "Reservation Created", "value": "reservation_created" }, { "label": "Reservation Expired", "value": "reservation_expired" }, { "label": "Reservation Cancelled", "value": "reservation_cancelled" }, { "label": "Payment Completed", "value": "payment_completed" }, { "label": "Payment Failed", "value": "payment_failed" }, { "label": "Booking Confirmed", "value": "booking_confirmed" }, { "label": "Booking Cancelled", "value": "booking_cancelled" }, { "label": "User Registered", "value": "user_registered" }, { "label": "User Login", "value": "user_login" }, { "label": "Schedule Created", "value": "schedule_created" }, { "label": "Schedule Updated", "value": "schedule_updated" }, { "label": "Refund Processed", "value": "refund_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 }, "user_filter": { "type": "Input.Search", "label": "User Email", "description": null, "bind": "state.filterUserId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by user email or 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 }, "date_range_picker": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "showTime": true, "format": "YYYY-MM-DD HH:mm", "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 }, "keyword_search": { "type": "Input.Search", "label": "Search Details", "description": null, "bind": "state.searchKeyword", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search across details JSON...", "allowClear": true, "enterButton": 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 }, "actions_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "justify": "space-between", "align": "middle" }, "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 }, "log_count_display": { "type": "Typography.Text", "label": null, "description": null, "bind": "state.totalLogCount", "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 }, "export_button": { "type": "Button", "label": "Export Logs", "description": null, "bind": null, "onClick": "exportLogs", "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 }, "page_size_select": { "type": "Select", "label": "Page Size", "description": null, "bind": "state.pageSize", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "options": [ { "label": "25 / page", "value": 25 }, { "label": "50 / page", "value": 50 }, { "label": "100 / page", "value": 100 } ], "style": { "width": 120 } }, "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 }, "logs_table": { "type": "Table", "label": null, "description": null, "bind": "state.activityLogs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.loading", "expandable": { "expandedRowKeys": "state.expandedRowKeys", "expandedRowRender": "record => JSON.stringify(record.details, null, 2)" }, "pagination": { "current": "state.currentPage", "pageSize": "state.pageSize", "total": "state.totalLogCount", "showSizeChanger": false, "showTotal": "total => `Total ${total} logs`" }, "columns": [ { "title": "Log ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Timestamp", "dataIndex": "timestamp", "key": "timestamp", "width": 180, "sorter": true, "defaultSortOrder": "descend" }, { "title": "Entity Type", "dataIndex": "entity_type", "key": "entity_type", "width": 120 }, { "title": "Entity ID", "dataIndex": "entity_id", "key": "entity_id", "width": 120, "ellipsis": true }, { "title": "User", "dataIndex": "user_id", "key": "user_id", "width": 140, "ellipsis": true }, { "title": "Action Type", "dataIndex": "action_type", "key": "action_type", "width": 180, "render": "tag" }, { "title": "IP Address", "dataIndex": "ip_address", "key": "ip_address", "width": 130 }, { "title": "Details", "dataIndex": "details", "key": "details", "width": 200, "ellipsis": true } ], "scroll": { "x": 1200 }, "size": "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 }, "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "sidebar", "content_area" ], "sidebar": [ "sidebar_logo", "sidebar_menu" ], "content_area": [ "page_header", "filters_card", "actions_row", "table_card" ], "page_header": [ "page_title", "page_subtitle" ], "filters_card": [ "filters_row", "keyword_search" ], "filters_row": [ "entity_type_filter", "action_type_filter", "user_filter", "date_range_picker" ], "actions_row": [ "log_count_display", "page_size_select", "export_button" ], "table_card": [ "logs_table" ] }, "layout": { "main_container": { "type": "horizontal", "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 }, "sidebar": { "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 }, "content_area": { "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": "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 }, "filters_card": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "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 }, "actions_row": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "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": "sidebar_zone", "component": "sidebar", "anchor": "top-left", "size_hint": "240px", "z_layer": "base", "notes": "Fixed left sidebar navigation" }, { "zone_id": "content_zone", "component": "content_area", "anchor": "center", "size_hint": "auto", "z_layer": "base", "notes": "Main content area with filters and table" } ], "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 }