Translate chinese developer comments in frontend/src/ to english so
non-chinese-reading maintainers can understand intent without translation
tooling. Pure documentation cleanup with no runtime behavior changes.
Twenty files updated across views, components, api services, App.vue, and
pendingUpload.js. Region-eligibility matrix from .kiro/specs/i18n-
frontend-comments/design.md drives every edit:
- Translate `//`, `/* */`, JSDoc, and Vue `<!-- -->` template comments.
- Drop comments that merely restate the code per dev-guidelines.md.
- Translate console.error/warn/log argument strings (developer-facing).
- Append (#9) to the single chinese-content TODO in views/Process.vue.
Five files retain documented chinese string literals per requirements 1.5
and 4.4: hardcoded UI text and error fallbacks (Process.vue, Step3Simulation.vue),
backend-format regex patterns and i18n-keyed UI labels (Step4Report.vue),
backend stage-key matchers (Step2EnvSetup.vue), and LLM prompt templates
sent to a chinese-tuned model (Step5Interaction.vue). Translating any of
these would either be out of scope (UI strings belong in /locales/*.json)
or would change runtime behavior.
Verification: `rg '[\x{4e00}-\x{9fff}]' frontend/src/` returns 5 documented
files; `npm run build` exits 0 with the same Vite output as before.
Closes#9
- 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.
- Updated estimated time messages in Step2EnvSetup.vue to specify agent scale for better context.
- Refactored Step3Simulation.vue to improve action tracking, including clearer labels and enhanced UI elements.
- Introduced a tooltip for available actions, providing users with quick reference during simulations.
- Improved styling and layout for better readability and interaction, including adjustments to button and card designs.
- Introduced mechanisms to avoid duplicate log messages during simulation preparation and profile generation, enhancing clarity.
- Updated log messages to provide more detailed information about the simulation stages and agent profiles, improving user feedback.
- Enhanced the display of configuration summaries and progress updates, ensuring users receive comprehensive updates throughout the simulation process.
- Added synchronous retrieval of entity count before starting background tasks in simulation.py, allowing immediate access to expected agent totals for the frontend.
- Updated the simulation state to include expected entity count and types, enhancing the information available during preparation.
- Modified Step2EnvSetup.vue to display a pending status when the simulation is in progress and adjusted the simulation rounds configuration to dynamically reflect calculated values.
- Improved the slider for custom rounds to ensure it adapts to the auto-generated maximum rounds, enhancing usability and clarity.
- Redesigned the simulation rounds section with a new header layout and improved descriptions for clarity.
- Introduced a toggle for custom round settings, allowing users to switch between automatic and custom configurations.
- Enhanced the slider for custom rounds with better styling and estimated time display, improving usability.
- Updated CSS for a more modern look and feel, including transitions for smoother interactions.
- Wrapped the profile detail modal in a Transition component to add smooth entry and exit animations.
- Introduced CSS styles for modal transitions, enhancing visual appeal and user engagement when displaying profile details.
- Added API endpoint notes for simulation creation and preparation in Step1GraphBuild.vue and Step2EnvSetup.vue respectively.
- Updated badge styling for processing state to improve visibility.
- Enhanced the narrative box layout and added a custom checkbox for configuring simulation rounds in Step2EnvSetup.vue.
- Introduced a new section for simulation rounds configuration, including user-defined options and estimated time for completion.
- Removed redundant headers and updated labels for time configuration to enhance readability.
- Added a new morning time period display for better simulation detail.
- Simplified platform configuration titles for clarity and consistency.
- Adjusted CSS styles for improved visual hierarchy and user experience across various sections.
- Revamped the configuration preview section to a more structured detail panel, enhancing readability and organization.
- Added comprehensive time configuration details, including simulation duration, round duration, and agent activity metrics.
- Introduced a new agent configuration display with detailed parameters and active hours visualization for better user engagement.
- Updated platform configuration section to present algorithm parameters clearly for Twitter and Reddit.
- Improved overall styling for better visual hierarchy and user experience across the component.
- Updated the narrative box styling for a cleaner and more modern look, including background color, padding, and border adjustments.
- Enhanced the box label design with improved alignment and visual hierarchy.
- Modified narrative text styling for better readability and consistency.
- Adjusted hot topic tag color for improved visibility and aesthetic appeal.
- Added a new method to retrieve agent usernames based on their IDs, improving clarity in the timeline display.
- Updated the layout to include both agent ID and username, enhancing user engagement.
- Adjusted CSS for better alignment and visual consistency of agent information in the timeline.
- Updated hot topics section to display all topics without truncation, enhancing visibility.
- Adjusted timeline marker styling for better alignment and visual consistency, improving overall layout.
- Introduced a new API endpoint for retrieving real-time simulation configuration, allowing users to view progress and metadata during simulation generation.
- Updated frontend API service to include the new real-time configuration method.
- Enhanced Step2EnvSetup.vue to support real-time polling for configuration updates, improving user experience during simulation setup.
- Revised display logic to show detailed configuration summaries and orchestration content, enriching the simulation setup process.
- Changed step title to reflect dual-platform simulation configuration.
- Revised API note to specify the endpoint for simulation preparation.
- Enhanced description to provide detailed context on LLM's configuration parameters based on simulation needs and real-world seeds.
- Updated profile description to provide clearer context on entity initialization and behavior configuration.
- Removed the expand button for profile details, simplifying the interface.
- Adjusted the display logic to show all profiles directly, improving accessibility.
- Enhanced modal layout with additional fields for real name, username, and profession, enriching user engagement.
- Improved styling for better readability and visual consistency across profile sections.
- Removed the progress bar section to streamline the interface.
- Updated labels for agent statistics to enhance clarity and localization.
- Introduced a computed property to calculate the total number of associated topics across profiles.
- Enhanced profile display with additional fields for real name, username, and profession, improving user engagement.
- Adjusted styling for better layout and readability of profile information.
- Added a new method in simulation.js for retrieving detailed run status.
- Revised descriptions in Step1GraphBuild.vue and Step2EnvSetup.vue for improved clarity on simulation processes.
- Updated titles and labels in Step2EnvSetup.vue to better reflect the initialization and setup stages.
- Enhanced styling and layout in Step2EnvSetup.vue for a more cohesive user experience.
- Adjusted descriptions in Home.vue to accurately represent the simulation workflow.
- Introduced simulation.js API for creating and managing simulations, including methods for creating, preparing, and retrieving simulation statuses.
- Added Step1GraphBuild.vue and Step2EnvSetup.vue components to facilitate the graph building and environment setup processes, enhancing user interaction and workflow.
- Updated MainView.vue to integrate new components and manage the simulation workflow, including step indicators and navigation between steps.
- Created SimulationView.vue for displaying simulation details and managing the simulation environment, improving overall user experience and functionality.
Dominik Seemann
ghostubborn
666ghj