Commit graph

9 commits

Author SHA1 Message Date
666ghj
44424f29ba Update font styles across the application to include 'Noto Sans SC' for improved typography consistency. 2025-12-26 17:35:09 +08:00
666ghj
307990d7b6 Update profile display logic in Step2EnvSetup and modal components for consistency
- Changed profile display from 'realname' to 'username' and 'name' for better clarity and consistency across the application.
- Enhanced CSS for header alignment in multiple views, ensuring a centered layout for improved visual appeal.
2025-12-12 18:51:08 +08:00
666ghj
a661046779 Refactor Process.vue layout and enhance full-screen functionality
- Updated the navigation bar to include a centralized step indicator for improved visibility.
- Introduced a full-screen toggle feature, allowing users to expand the graph display for better interaction.
- Enhanced styling for panels and buttons, including adjustments to dimensions, colors, and hover effects for a more cohesive user experience.
- Improved layout responsiveness and added transitions for smoother visual effects during state changes.
2025-12-10 21:34:46 +08:00
666ghj
a90b683a44 Enhance graph data retrieval and detail display in Process.vue and graph_builder.py
- Updated the `get_graph_data` method in `graph_builder.py` to include additional attributes such as creation time, validity periods, and episodes for nodes and edges, improving the richness of the graph data.
- Modified the detail panel in `Process.vue` to present new attributes, including properties, episodes, and timestamps, enhancing user interaction and data visibility.
- Improved styling for the detail panel to better organize and present the comprehensive information for selected nodes and edges.
2025-12-10 19:26:30 +08:00
666ghj
8565f04d22 Add detailed node and edge information panel in Process.vue
- Implemented a detail panel that displays comprehensive information for selected nodes and edges, enhancing user interaction and data visibility.
- Introduced functions to select nodes and edges, allowing users to view specific attributes such as UUID, creation date, and labels.
- Added styling for the detail panel to improve layout and readability, ensuring a better user experience during graph interactions.
- Included functionality to close the detail panel and format dates for better presentation of temporal data.
2025-12-10 18:59:28 +08:00
666ghj
b7db395dfc Enhance graph data handling and user interaction in Process.vue
- Updated graph data display to include fallback options for node and edge counts, improving robustness.
- Introduced a manual refresh button for graph data, enhancing user control and experience.
- Adjusted polling interval for graph data fetching from 3 seconds to 10 seconds, optimizing performance.
- Improved progress tracking and logging during graph construction, providing clearer feedback to users.
2025-12-10 18:46:33 +08:00
666ghj
23927dc64b Enhance graph visualization and data polling in Process.vue
- Added real-time graph data visualization with loading and waiting states to improve user feedback during graph construction.
- Implemented a polling mechanism to fetch graph data every 3 seconds, ensuring the graph updates dynamically as data becomes available.
- Improved error handling and rendering logic to manage different graph states effectively.
- Enhanced styling for loading indicators and graph elements for better user experience.
2025-12-10 18:34:49 +08:00
666ghj
5a27b7ca71 Add D3.js dependency and implement pending upload state management
- Added D3.js as a dependency in `package.json` and `package-lock.json` for data visualization capabilities.
- Introduced a new `pendingUpload.js` store to manage files and simulation requirements before initiating the simulation process.
- Updated `Home.vue` to store pending uploads and navigate to the `Process` page immediately, deferring API calls for improved user experience.
- Enhanced `Process.vue` to handle new project initialization and display project status effectively, including progress tracking for ontology generation and graph building.
2025-12-10 18:17:26 +08:00
666ghj
b67e14cced Add project status report and frontend documentation
- Introduced `PROJECT_STATUS.md` to provide a comprehensive overview of the MiroFish project, detailing the current status, completed features, and future development plans.
- Added multiple documentation files in the frontend directory, including detailed descriptions of the homepage functionality, startup guide, and project completion summary.
- Implemented a structured approach to document the project's architecture, API integration, and user interaction processes, enhancing clarity for developers and users alike.
- Included a `.gitignore` file to manage ignored files and directories in the frontend project, improving project organization and cleanliness.
2025-12-10 14:49:11 +08:00