Commit graph

15 commits

Author SHA1 Message Date
666ghj
573e4533c5 Enhance GraphPanel.vue with detailed node and edge information display
- Added a title to the graph panel for better context.
- Improved detail panel to show additional attributes such as UUID, creation date, and labels for nodes and edges.
- Introduced self-loop handling with expanded views for self-loop groups.
- Implemented edge labels toggle functionality for improved user interaction.
- Enhanced styling for better readability and visual consistency across components.
2025-12-11 13:34:49 +08:00
666ghj
35da38e1c9 Add GraphPanel and WorkbenchPanel components for enhanced visualization and interaction
- Introduced GraphPanel.vue for dynamic graph visualization, featuring real-time updates, node and edge detail panels, and loading states.
- Added WorkbenchPanel.vue to manage ontology generation and graph building processes, including progress tracking and system logs.
- Updated MainView.vue to integrate both panels, allowing users to switch between graph and workbench views seamlessly.
- Enhanced styling across components for improved user experience and visual consistency.
2025-12-11 11:39:42 +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
d4dd4b3dae Revise Home.vue content and layout for enhanced clarity and engagement
- Updated section descriptions to better reflect simulation capabilities and processes.
- Changed metric values and labels to provide clearer insights into performance and cost.
- Enhanced workflow steps with more detailed descriptions for improved user understanding.
- Renamed upload section label for better contextual relevance.
- Adjusted styling for improved layout and readability across components.
2025-12-10 17:06:38 +08:00
666ghj
81e2f3d33d Implement scroll functionality and enhance button styling in Home.vue
- Added a scroll-to-bottom feature for improved navigation experience.
- Refactored the start simulation button layout by wrapping it in a new console section for better organization.
- Enhanced button styles with animations and improved disabled state appearance for a more engaging user interface.
2025-12-10 16:28:30 +08:00
666ghj
81b3fb3195 Revamp homepage content and styling
- Updated the navigation bar to include a link to the project's GitHub page, enhancing accessibility.
- Redesigned the hero section with a new title and description, emphasizing the capabilities of MiroFish.
- Improved text styling and layout for better readability and visual appeal, including adjustments to font sizes and weights.
- Added new CSS classes for enhanced styling of elements, including highlights and animations, to create a more engaging user experience.
2025-12-10 16:11:16 +08:00
666ghj
6226cbac16 Enhance homepage layout and styling
- Updated `index.html` to include Google Fonts for improved typography.
- Refactored `App.vue` to utilize new font styles and added a white background for better contrast.
- Redesigned `Home.vue` to introduce a navigation bar, a hero section with a new logo, and a structured dashboard layout for project simulation steps.
- Added a new logo image `MiroFish_logo_left.jpeg` to enhance branding.
- Improved overall styling and responsiveness across components for a more cohesive user experience.
2025-12-10 15:15:44 +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
666ghj
5396b21a14 Remove obsolete simulation files and configurations
- Deleted the `index.html`, `reddit_profiles.json`, `run_state.json`, `simulation_config.json`, `state.json`, and various database files related to the simulation for `sim_10b494550540`, as they are no longer needed.
- This cleanup helps streamline the project by removing outdated resources and improving overall maintainability.
2025-12-09 18:15:26 +08:00
666ghj
d4fac63eb4 Enhance simulation management and logging features
- Registered a cleanup function for simulation processes to ensure proper termination on server shutdown.
- Improved logging during application startup to confirm the registration of the cleanup function.
- Updated simulation preparation checks to clarify the conditions for considering a simulation ready, enhancing error handling and user feedback.
- Added detailed logging for simulation status changes, improving traceability during the simulation lifecycle.
- Introduced new files for simulation configuration and profile data, supporting enhanced testing and visualization capabilities.
2025-12-02 17:11:47 +08:00