Commit Graph

5 Commits

Author SHA1 Message Date
Gloris Denisse 4e7de956c8 feat(ui): implement complete dark mode with theme toggle
Adds a full dark/light theme system across all frontend views and components.
Closes #340

- Add `theme.css` with CSS custom properties for light/dark color tokens
- Add `ThemeToggle.vue` component (sun/moon button) with localStorage persistence
  and prefers-color-scheme fallback
- Update `LanguageSwitcher.vue` to use `color: inherit` so it adapts to
  both dark navbars (Home, Process) and light headers (workflow views)
- Apply ThemeToggle and CSS variable theming to all views:
  Home, Process, MainView, InteractionView, SimulationView,
  SimulationRunView, ReportView
- Update all workbench components to replace hardcoded colors with
  CSS variables: GraphPanel, Step1GraphBuild, Step2EnvSetup,
  Step3Simulation, Step4Report, Step5Interaction
- Pin Python version to 3.12 via `.python-version` for uv compatibility

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-11 19:11:21 +01:00
ghostubborn fc47ae81b5 feat(i18n): replace hardcoded Chinese in frontend components with i18n calls
Replace all user-visible hardcoded Chinese strings in 7 component files
with $t() / t() calls using vue-i18n:

- Step1GraphBuild: ontology generation, graph build, status badges
- Step2EnvSetup: simulation setup, agent personas, platform config,
  time config, initial activation, modal profile details
- Step3Simulation: report generation button
- Step4Report: section loading text, interaction button
- Step5Interaction: chat interface, survey UI, tool descriptions,
  error messages, agent selection
- GraphPanel: graph status hints, loading states, tooltips
- HistoryDatabase: history cards, modal, replay buttons

Added missing translation keys to both zh.json and en.json locale files.
Added useI18n imports to components that need script-level translations.
2026-04-01 15:43:11 +08:00
666ghj fdbb0e2dc4 Update Step1GraphBuild.vue and Step2EnvSetup.vue with API endpoint notes and enhanced styling
- 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.
2025-12-11 23:55:54 +08:00
666ghj 01d94f3d21 Update simulation components and descriptions for clarity and functionality
- 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.
2025-12-11 17:02:17 +08:00
666ghj fc95cc6595 Add simulation API and environment setup components
- 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.
2025-12-11 15:09:24 +08:00