{ "page_ir": { "page_id": "reservations_manage", "page_goal": "Reservation management page for librarians to view, filter, fulfill, cancel, and notify members about book reservations with tabbed views for different statuses", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "blue primary with status-based color coding" }, "accessibility": { "required_labels": [ "reservation_table", "status_filter", "date_range_filter", "search_input", "tab_navigation" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "filters_collapse_on_small", "table_horizontal_scroll_on_small" ], "hidden_on_small": [ "priority_order_column" ], "stack_on_small": [] }, "constraints": [ "role_required:librarian|administrator", "branch_context_aware" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "reservations": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "activeTab": { "type": "string", "initial": "PENDING", "required": true, "constraints": { "enum": [ "PENDING", "READY", "EXPIRED", "ALL" ] }, "item_type": null }, "filterStatus": { "type": "string", "initial": null, "required": false, "constraints": { "enum": [ "PENDING", "READY", "FULFILLED", "CANCELLED", "EXPIRED" ] }, "item_type": null }, "searchBookTitle": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "searchMemberName": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "dateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedReservationId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "detailDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedReservationDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "pagination": { "type": "object", "initial": { "current": 1, "pageSize": 20, "total": 0 }, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredReservations": { "type": "array", "expr": "state.reservations", "deps": [] }, "pendingCount": { "type": "number", "expr": "state.reservations.filter(r => r.status === 'PENDING').length", "deps": [] }, "readyCount": { "type": "number", "expr": "state.reservations.filter(r => r.status === 'READY').length", "deps": [] }, "expiredCount": { "type": "number", "expr": "state.reservations.filter(r => r.status === 'EXPIRED').length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "30497be9863747edb857a193074702a7": { "endpoint_id": "30497be9863747edb857a193074702a7", "module": "Reservations", "endpoint": "/reservations/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pagination.pageSize", "offset": "($state.pagination.current - 1) * $state.pagination.pageSize", "status": "$state.filterStatus" }, "body": null, "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order", "notified_date", "created_at", "updated_at" ], "response_target": "reservations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "207f95908ba845829e6eca12d9770b8b": { "endpoint_id": "207f95908ba845829e6eca12d9770b8b", "module": "Reservations", "endpoint": "/reservations/{reservation_id}/details", "method": "GET", "path_params": { "reservation_id": "$state.selectedReservationId" }, "query_params": {}, "body": null, "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order", "notified_date", "created_at", "updated_at", "member", "book" ], "response_target": "selectedReservationDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1a073106c39a40639d213d43ea12ff74": { "endpoint_id": "1a073106c39a40639d213d43ea12ff74", "module": "Reservations", "endpoint": "/reservations/{reservation_id}/cancel", "method": "POST", "path_params": { "reservation_id": "$state.selectedReservationId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "1a073106c39a40639d213d43ea12ff74_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ba2725c067c94419b70c02fbf06828e0": { "endpoint_id": "ba2725c067c94419b70c02fbf06828e0", "module": "Reservations", "endpoint": "/reservations/{reservation_id}", "method": "PATCH", "path_params": { "reservation_id": "$state.selectedReservationId" }, "query_params": {}, "body": { "status": "FULFILLED" }, "fields": [ "id", "status" ], "response_target": "updateReservationStatus_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0222a99a76244d7e92999b0fcaca7b79": { "endpoint_id": "0222a99a76244d7e92999b0fcaca7b79", "module": "Reservations", "endpoint": "/reservations/{reservation_id}", "method": "PATCH", "path_params": { "reservation_id": "$state.selectedReservationId" }, "query_params": {}, "body": { "notified_date": "new Date().toISOString()" }, "fields": [ "id", "notified_date" ], "response_target": "0222a99a76244d7e92999b0fcaca7b79_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "reservation": { "name": "Reservation", "backend_module": "Reservations", "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order", "notified_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "book_id", "member_id", "reservation_date", "priority_order", "status", "expiration_date" ], "search_fields": [], "filters": [ "status", "member_id", "book_id" ], "default_sort": null, "default_sort_dir": "asc" }, "reservationDetail": { "name": "ReservationDetail", "backend_module": "Reservations", "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order", "notified_date", "created_at", "updated_at", "member", "book" ], "computed": [], "display_fields": [ "id", "status", "reservation_date", "expiration_date", "priority_order" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "event.value" }, { "target": "state.filterStatus", "expr": "event.value === 'ALL' ? null : event.value" }, { "target": "state.pagination", "expr": "{ ...state.pagination, current: 1 }" } ], "description": "" }, "onFilterStatusChange": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "event.value" }, { "target": "state.pagination", "expr": "{ ...state.pagination, current: 1 }" } ], "description": "" }, "onSearchBookTitle": { "type": "mutation", "updates": [ { "target": "state.searchBookTitle", "expr": "event.value" } ], "description": "" }, "onSearchMemberName": { "type": "mutation", "updates": [ { "target": "state.searchMemberName", "expr": "event.value" } ], "description": "" }, "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.dateRange", "expr": "event.value" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.pagination", "expr": "{ ...state.pagination, current: event.page, pageSize: event.pageSize }" } ], "description": "" }, "onSelectReservation": { "type": "mutation", "updates": [ { "target": "state.selectedReservationId", "expr": "event.value" }, { "target": "state.detailDrawerVisible", "expr": "true" } ], "description": "" }, "onCloseDrawer": { "type": "mutation", "updates": [ { "target": "state.detailDrawerVisible", "expr": "false" }, { "target": "state.selectedReservationDetail", "expr": "null" } ], "description": "" } }, "actions": { "bbca858b8b2b4db5ac4c9a4a915960f6": { "action_id": "bbca858b8b2b4db5ac4c9a4a915960f6", "trigger": "button_click", "target_component_id": "fulfill_button", "operation": "update", "description": "", "payload": { "status": "FULFILLED" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "ba2725c067c94419b70c02fbf06828e0", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation fulfilled successfully. Loan created.", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "1a073106c39a40639d213d43ea12ff74": { "action_id": "1a073106c39a40639d213d43ea12ff74", "trigger": "button_click", "target_component_id": "cancel_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "1a073106c39a40639d213d43ea12ff74", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation cancelled successfully.", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "0222a99a76244d7e92999b0fcaca7b79": { "action_id": "0222a99a76244d7e92999b0fcaca7b79", "trigger": "button_click", "target_component_id": "notify_button", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "0222a99a76244d7e92999b0fcaca7b79", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Member notified successfully.", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "e8714cf8a8814241805e7452e0599eae": { "action_id": "e8714cf8a8814241805e7452e0599eae", "trigger": "row_click", "target_component_id": "reservations_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedReservationId", "expr": "event.record.id" }, { "target": "state.detailDrawerVisible", "expr": "true" } ], "api_endpoint": "207f95908ba845829e6eca12d9770b8b", "api_body": null, "side_effects": [ { "type": "drawer_open", "config": { "drawer_id": "detail_drawer" } } ], "then": null, "catch": null, "data_action": null }, "d7a3fbdd3b3b4ccaa76547a10f6cc88f": { "action_id": "d7a3fbdd3b3b4ccaa76547a10f6cc88f", "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": "30497be9863747edb857a193074702a7", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "072ea715b2ef4ea29035aee129168629": { "action_id": "072ea715b2ef4ea29035aee129168629", "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": "/staff/dashboard" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "bbca858b8b2b4db5ac4c9a4a915960f6": { "action_id": "bbca858b8b2b4db5ac4c9a4a915960f6", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation fulfilled successfully. Loan created.", "error_message": "Failed to fulfill reservation. Please try again.", "ui_updates": [] }, "1a073106c39a40639d213d43ea12ff74": { "action_id": "1a073106c39a40639d213d43ea12ff74", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation cancelled successfully.", "error_message": "Failed to cancel reservation. Please try again.", "ui_updates": [] }, "0222a99a76244d7e92999b0fcaca7b79": { "action_id": "0222a99a76244d7e92999b0fcaca7b79", "loading_indicator": "spinner", "loading_text": null, "success_message": "Member notified successfully.", "error_message": "Failed to notify member. Please try again.", "ui_updates": [] }, "e8714cf8a8814241805e7452e0599eae": { "action_id": "e8714cf8a8814241805e7452e0599eae", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load reservation details.", "ui_updates": [] }, "d7a3fbdd3b3b4ccaa76547a10f6cc88f": { "action_id": "d7a3fbdd3b3b4ccaa76547a10f6cc88f", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load reservations.", "ui_updates": [] }, "072ea715b2ef4ea29035aee129168629": { "action_id": "072ea715b2ef4ea29035aee129168629", "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", "description": null, "bind": null, "onClick": "navigateBack", "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": "Reservations Management", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 3 }, "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 }, "stats_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "16px", "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_pending": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "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 }, "stat_pending_content": { "type": "Statistic", "label": "Pending", "description": null, "bind": "derived.pendingCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "stat_ready": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "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 }, "stat_ready_content": { "type": "Statistic", "label": "Ready for Pickup", "description": null, "bind": "derived.readyCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#52c41a" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_expired": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "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 }, "stat_expired_content": { "type": "Statistic", "label": "Expired", "description": null, "bind": "derived.expiredCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#ff4d4f" } }, "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_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "tabs_container": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "PENDING", "label": "Pending" }, { "key": "READY", "label": "Ready for Pickup" }, { "key": "EXPIRED", "label": "Expired" }, { "key": "ALL", "label": "All" } ] }, "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_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "marginBottom": "16px", "flexWrap": "wrap" }, "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": { "type": "Select", "label": "Status", "description": null, "bind": "state.filterStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by Status", "allowClear": true, "options": [ { "label": "Pending", "value": "PENDING" }, { "label": "Ready", "value": "READY" }, { "label": "Fulfilled", "value": "FULFILLED" }, { "label": "Cancelled", "value": "CANCELLED" }, { "label": "Expired", "value": "EXPIRED" } ] }, "dynamic_props": {}, "styles": { "width": "160px" }, "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": { "placeholder": [ "Start Date", "End Date" ] }, "dynamic_props": {}, "styles": { "width": "260px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_book_title": { "type": "Input", "label": "Book Title", "description": null, "bind": "state.searchBookTitle", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by book title", "allowClear": true }, "dynamic_props": {}, "styles": { "width": "200px" }, "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_name": { "type": "Input", "label": "Member Name", "description": null, "bind": "state.searchMemberName", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by member name", "allowClear": true }, "dynamic_props": {}, "styles": { "width": "200px" }, "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": "loadReservations", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "SearchOutlined" }, "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 }, "reservations_table": { "type": "Table", "label": "Reservations Table", "description": null, "bind": "state.reservations", "onClick": "viewReservationDetail", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Reservation ID", "dataIndex": "id", "key": "id", "width": 120, "ellipsis": true }, { "title": "Book Title", "dataIndex": [ "book", "title" ], "key": "book_title" }, { "title": "Member Name", "dataIndex": [ "member", "membership_number" ], "key": "member_name" }, { "title": "Reservation Date", "dataIndex": "reservation_date", "key": "reservation_date", "sorter": true }, { "title": "Queue Position", "dataIndex": "priority_order", "key": "priority_order", "width": 100 }, { "title": "Status", "dataIndex": "status", "key": "status", "width": 120 }, { "title": "Expiration Date", "dataIndex": "expiration_date", "key": "expiration_date", "sorter": true }, { "title": "Actions", "key": "actions", "width": 220 } ], "rowKey": "id", "loading": "state.loading", "pagination": "state.pagination", "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 }, "action_fulfill": { "type": "Button", "label": "Fulfill", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "small" }, "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_cancel": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "size": "small", "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 }, "action_notify": { "type": "Button", "label": "Notify", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "size": "small", "icon": "BellOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "detail_drawer": { "type": "Drawer", "label": "Reservation Details", "description": null, "bind": "state.detailDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 520, "title": "Reservation Details", "placement": "right" }, "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 }, "drawer_content": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "flexDirection": "column", "gap": "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 }, "detail_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedReservationDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 1, "items": [ { "label": "Reservation ID", "field": "id" }, { "label": "Status", "field": "status" }, { "label": "Reservation Date", "field": "reservation_date" }, { "label": "Expiration Date", "field": "expiration_date" }, { "label": "Queue Position", "field": "priority_order" }, { "label": "Notified Date", "field": "notified_date" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "detail_book_info": { "type": "Descriptions", "label": "Book Information", "description": null, "bind": "state.selectedReservationDetail.book", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 1, "title": "Book Information" }, "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_member_info": { "type": "Descriptions", "label": "Member Information", "description": null, "bind": "state.selectedReservationDetail.member", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 1, "title": "Member Information" }, "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 }, "drawer_actions": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "8px", "marginTop": "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 }, "fulfill_button": { "type": "Button", "label": "Fulfill Reservation", "description": null, "bind": null, "onClick": "fulfillReservation", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "CheckOutlined" }, "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 }, "notify_button": { "type": "Button", "label": "Notify Member", "description": null, "bind": null, "onClick": "notifyMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "BellOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "cancel_button": { "type": "Button", "label": "Cancel Reservation", "description": null, "bind": null, "onClick": "cancelReservation", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "danger": true, "icon": "CloseOutlined" }, "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", "content_card", "detail_drawer" ], "page_header": [ "header_left" ], "header_left": [ "back_button", "page_title" ], "stats_row": [ "stat_pending", "stat_ready", "stat_expired" ], "stat_pending": [ "stat_pending_content" ], "stat_ready": [ "stat_ready_content" ], "stat_expired": [ "stat_expired_content" ], "content_card": [ "tabs_container", "filters_section", "reservations_table" ], "filters_section": [ "filter_status", "filter_date_range", "filter_book_title", "filter_member_name", "search_button" ], "detail_drawer": [ "drawer_content" ], "drawer_content": [ "detail_descriptions", "detail_book_info", "detail_member_info", "drawer_actions" ], "drawer_actions": [ "fulfill_button", "notify_button", "cancel_button" ] }, "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": 0, "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 }, "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 }, "stat_pending": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "stat_ready": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "stat_expired": { "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_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_section": { "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 }, "detail_drawer": { "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 }, "drawer_content": { "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 }, "drawer_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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "drawer_zone", "component": "detail_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Reservation detail drawer 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 }