SimulationView was stopping running simulations on every mount,
including page refreshes. Now only stops when user explicitly
navigates back from Step 3 via fromStep3 query param.
Background:
- With many nodes, D3 force simulation tick callback updates all nodes/edges/labels every frame
- Original implementation called simulation.restart() in drag start event on mousedown
- Even after simulation converged, clicking a node to view details would restart simulation, causing lag
Solution:
- Distinguish between "click" and "drag" using 3px movement threshold
- On drag start: only record initial position, do not restart simulation
- On drag event: detect movement exceeding threshold before marking as actual drag and restarting simulation
- Pure click operations no longer trigger simulation restart, keeping graph static
Bug fix:
- Fixed issue where nodes became undraggable after initial optimization
- Cause: incorrectly used if(!event.active) check in drag event
- event.active equals 1 during drag event, causing restart() to never execute
- Removed that condition, using custom _isDragging flag to control logic instead
- Changed the title for the environment configuration status icon to "环境搭建" for clarity.
- Added a creation time display in the project detail modal for better context.
- Introduced a divider for the playback section to improve visual separation.
- Enhanced navigation buttons with step indicators for clearer user progression.
- Added a hint for playback limitations to inform users about simulation requirements.
- Updated CSS styles for new elements and improved overall modal aesthetics.
- Updated card header to include status icons indicating project availability for different functionalities.
- Added a visual indicator for additional files when more than three are present.
- Improved card footer layout by grouping date and time, and enhancing progress display with status colors.
- Introduced new CSS styles for status icons and improved overall card aesthetics.
- Wrapped modal content in a Transition component for smoother animations.
- Adjusted modal dimensions and padding for improved layout and user experience.
- Updated styles for modal elements, including background colors, borders, and hover effects.
- Enhanced visual feedback for buttons and file items within the modal.
- Implemented a modal to display detailed information about selected projects, including simulation requirements and associated files.
- Added navigation buttons within the modal for quick access to project, simulation, and report pages.
- Enhanced user experience by allowing users to view project details without leaving the main interface.
- Added route watcher to reload history data when navigating back to the homepage.
- Improved card positioning by adjusting vertical spacing for better visual alignment.
- Initialized IntersectionObserver to manage card visibility more effectively.
- Ensured data loading occurs after DOM rendering for smoother user experience.
- Added conditional rendering for the tech grid background and cards container based on project availability.
- Simplified the empty state display logic when no projects are present.
- Introduced a new CSS class to adjust layout when there are no projects, enhancing visual consistency.
- Changed card header to display round progress instead of status.
- Updated card footer to show formatted time instead of rounds.
- Introduced new methods for calculating progress class and formatting time.
- Adjusted styles for progress display and refined layout for better responsiveness.
- Introduced a pending state to track the target expansion state during animations.
- Improved debounce handling to ensure smoother transitions and prevent rapid state changes.
- Updated logic to check for new pending states after animations complete, enhancing responsiveness and stability.
- Introduced a computed property to adjust the container's minimum height based on the number of cards and expansion state.
- Removed static min-height styles to enhance responsiveness and visual consistency.
- Introduced a debounce mechanism to prevent rapid state changes during card expansion and collapse.
- Added an animation lock to avoid conflicts during transitions.
- Adjusted Intersection Observer thresholds and rootMargin for smoother detection and stability.
- Cleaned up resources on component unmounting to prevent memory leaks.
- Updated simulation history retrieval to read project details directly from the Simulation file.
- Improved simulation configuration handling by reading simulation requirements from JSON.
- Added project file listing to the simulation history, displaying up to three associated files.
- Refined card layout in HistoryDatabase.vue to accommodate new file display features and improved responsiveness.
- Removed dynamic offset calculation for the CTA button, fixing its position.
- Updated card layout logic to ensure proper stacking and alignment.
- Increased minimum heights for both collapsed and expanded states to enhance visual consistency.
- Added section numbering to the report sections for better clarity.
- Unified scroll behavior to reset to the top upon task completion, while scrolling to the bottom for ongoing tasks.
- Updated CSS styles for section numbers to improve visual consistency.
- Updated response handling to prioritize replies from Reddit over Twitter and ensure compatibility with both object and array formats.
- Refactored survey result processing to convert response data into a structured array, maintaining clarity and consistency in agent responses.
- Improved error handling and logging for better debugging and user feedback.
- Updated the subtitle of the Report Agent Tools Card to highlight the agent's capability of utilizing MiroFish's complete memory.
- This enhancement aims to provide users with clearer information about the tool's functionality and its advantages in report generation.
- Added chat history caching to preserve conversation records for report agents and selected agents.
- Introduced a method to save and restore chat history based on the selected target.
- Improved message rendering by cleaning up unnecessary <br> tags and ensuring proper list formatting with CSS.
- Automatically save chat history upon sending messages for better user experience.
- Added an action bar icon and adjusted layout for better visual appeal and usability.
- Updated button labels to Chinese for improved localization.
- Introduced a new method for selecting the survey tab, enhancing user interaction.
- Adjusted CSS styles for better responsiveness and alignment of elements within the action bar and dropdowns.
- Updated the action bar to a more professional design with enhanced layout and styling.
- Introduced new utility classes for better typography and spacing.
- Improved button styles for clarity and consistency, including updated labels for interaction buttons.
- Enhanced dropdown menu design for better usability and visual appeal.
- Adjusted CSS properties for improved responsiveness and overall user experience.
- Combined conditions for displaying the profile card body and bio for improved clarity.
- Removed the topics section and associated CSS styles to simplify the component and enhance user experience.
- Replaced tab switcher with a unified action bar for improved navigation and functionality.
- Introduced an agent dropdown for selecting conversation targets, enhancing user experience.
- Updated button labels for clarity and consistency in the interaction interface.
- Adjusted CSS styles for better layout and responsiveness across components.
- Reduced margin in Step4Report for a more compact design.
- Introduced the Step5Interaction component for user interaction with report agents and simulation profiles.
- Added chat functionality to communicate with report agents and selected simulation agents.
- Implemented a survey feature to gather responses from multiple agents.
- Enhanced routing by adding a new InteractionView for seamless navigation to the interaction interface.
- Updated the router configuration to include the new interaction route.
- Improved UI elements and styles for better user experience in the interaction process.
- Updated InsightDisplay, PanoramaDisplay, and QuickSearchDisplay components to include result length in the header for better context.
- Refined the layout of entity displays to a compact grid format, improving visual organization and accessibility.
- Enhanced styling for various display elements, including updated labels for clarity and consistency across components.
- Introduced new CSS classes for better styling control and responsiveness in the display components.
- Eliminated tab icons from InsightDisplay, PanoramaDisplay, and QuickSearchDisplay components to streamline the user interface.
- Improved overall layout and styling for better visual clarity and user experience.
- Introduced new parsing logic for simulation requirements, sub-queries, and key facts, ensuring complete data extraction from input text.
- Enhanced the InsightDisplay, PanoramaDisplay, and QuickSearchDisplay components with tabbed navigation for better organization of facts, entities, relations, and sub-queries.
- Improved styling and layout for all display components, ensuring a cohesive user experience with clear visual hierarchy and interactive elements.
- Added support for displaying historical and active facts in the PanoramaDisplay, enhancing the depth of information presented to users.
- Introduced a new function to parse individual selection reasons from interview text, accommodating multiple formats for better accuracy.
- Updated the interview object to include a selection reason property, ensuring each interview displays the corresponding rationale.
- Enhanced the InterviewDisplay component to render selection reasons with improved styling for better visibility and user experience.
- Enhanced the `parseInterview` function to handle single-platform answers more effectively, ensuring default answers are set correctly.
- Improved the answer splitting logic to robustly identify numbered sections, accommodating various formats and ensuring cleaner output.
- Updated the handling of answer parts to remove unnecessary prefixes and trailing whitespace, enhancing overall readability.
- Removed section number display for a cleaner layout and improved user interaction.
- Updated loading icon colors for better visibility and consistency.
- Introduced a computed property for the active step to enhance workflow tracking.
- Added utility functions to manage main section indexing and subsection identification.
- Enhanced content rendering by removing redundant headings and improving markdown processing.
- Updated agent log handling to ensure accurate section indexing and loading state management.
- Improved panel header styling with status-based variants for better visual feedback.
