feat(tui): Improve theme support, add light theme

feat(agent): Add user appearance (User Name)

Author: User

Cargo.lock

@@ -73,7 +73,7 @@ headless_chrome = "1.0.17"
 
 # tui
 crossterm = { version = "0.28.1", features = ["event-stream"] }
-ratatui = "0.29.0"
+ratatui = { version = "0.29.0", features = ["serde"] }
 color-eyre = "0.6.3"
 tui-textarea = { git = "https://github.com/kosz78/tui-textarea.git", branch = "main" }
 tui-tree-widget = "0.23.0"
@@ -83,3 +83,4 @@ throbber-widgets-tui = "0.8.0"
 tui-popup = "0.6.0"
 format_num = "0.1.0"
 termimad = "0.31.3"
+ansi_colours = "1.2.3"

Cargo.toml

@@ -34,7 +34,18 @@ model: anthropic/claude-3.5-sonnet
 #   provider:
 #     order: [ "openai", "together"]
 #     allow_fallbacks: false
-      
+
+#---------------------------------------
+# Appearance Configuration
+#---------------------------------------
+# Supported appearance themes:
+# - dark (default)
+# - light
+# - file path to yaml file
+# to develop a new theme, you can run `cargo r -- --autoreload-theme` for autoreload theme on change and specify the theme path in the config file
+appearance:
+  theme: dark
+  user_name: default_user
 
 #---------------------------------------
 # Permission mode

huly-coder.yaml

@@ -425,8 +425,7 @@ impl Agent {
             self.config.provider,
             self.config.model
         );
-        let system_prompt =
-            prepare_system_prompt(&self.config.workspace, &self.config.user_instructions).await;
+        let system_prompt = prepare_system_prompt(&self.config).await;
         let system_prompt_token_count = count_tokens(&system_prompt);
         let mut tools_tokens = 0;
 

src/agent/mod.rs

@@ -10,6 +10,7 @@ use rig::vector_store::in_memory_store::InMemoryVectorIndex;
 use rig::vector_store::VectorStoreIndex;
 use tokio::sync::RwLock;
 
+use crate::config::Config;
 use crate::templates::{ENV_DETAILS, SYSTEM_PROMPT};
 use crate::tools::execute_command::ProcessRegistry;
 use crate::tools::memory::{self, Entity};
@@ -27,8 +28,9 @@ fn get_shell_path() -> String {
     }
 }
 
-pub async fn prepare_system_prompt(workspace_dir: &Path, user_instructions: &str) -> String {
-    let workspace_dir = workspace_dir
+pub async fn prepare_system_prompt(config: &Config) -> String {
+    let workspace_dir = config
+        .workspace
         .as_os_str()
         .to_str()
         .unwrap()
@@ -37,10 +39,11 @@ pub async fn prepare_system_prompt(workspace_dir: &Path, user_instructions: &str
         SYSTEM_PROMPT,
         &HashMap::from([
             ("WORKSPACE_DIR", workspace_dir.as_str()),
+            ("USER_NAME", &config.appearance.user_name),
             ("OS_NAME", std::env::consts::OS),
             ("OS_SHELL_EXECUTABLE", &get_shell_path()),
             ("USER_HOME_DIR", dirs::home_dir().unwrap().to_str().unwrap()),
-            ("USER_INSTRUCTION", user_instructions),
+            ("USER_INSTRUCTION", &config.user_instructions),
         ]),
     )
     .unwrap()

src/agent/utils.rs

@@ -82,13 +82,24 @@ pub enum PermissionMode {
     DenyAll,
 }
 
+fn default_user() -> String {
+    "default_user".to_string()
+}
+#[derive(Debug, Deserialize, Clone)]
+pub struct Appearance {
+    pub theme: String,
+    #[serde(default = "default_user")]
+    pub user_name: String,
+}
+
 #[derive(Debug, Deserialize, Clone)]
 pub struct Config {
     pub provider: ProviderKind,
     pub provider_api_key: Option<String>,
     pub provider_base_url: Option<String>,
     pub provider_config: Option<serde_json::Value>,
     pub model: String,
+    pub appearance: Appearance,
     pub permission_mode: PermissionMode,
     pub workspace: PathBuf,
     pub user_instructions: String,

src/config.rs

@@ -46,6 +46,9 @@ struct Args {
     /// Path to config file
     #[arg(short, long, default_value = "huly-coder-local.yaml")]
     config: String,
+    /// For theme development, auto reload theme file on changes
+    #[arg(long, default_value = "false")]
+    autoreload_theme: bool,
 }
 
 fn init_logger(data_dir: &str) {
@@ -161,6 +164,7 @@ async fn main() -> color_eyre::Result<()> {
         control_sender,
         output_receiver,
         history,
+        args.autoreload_theme,
     )
     .run(terminal)
     .await;

src/main.rs

@@ -40,8 +40,8 @@ You are equipped with a persistent memory system utilizing a local knowledge gra
 - open_nodes: Open and examine specific nodes
 
 ## User Identification:
-- You should assume that you are interacting with default_user
-- If you have not identified default_user, proactively try to do so
+- You should assume that you are interacting with ${USER_NAME}
+- If you have not identified ${USER_NAME}, proactively try to do so
 - Always refer to your knowledge graph as your "memory"
 
 ## Memory Processing Guidelines:
@@ -206,6 +206,7 @@ Operating System: ${OS_NAME}
 Default Shell: ${OS_SHELL_EXECUTABLE}
 Home Directory: ${USER_HOME_DIR}
 Current Working Directory: ${WORKSPACE_DIR}
+User Name: ${USER_NAME}
 
 ====
 

src/templates/system_prompt.txt

@@ -1,7 +1,8 @@
 // Copyright © 2025 Huly Labs. Use of this source code is governed by the MIT license.
 use std::collections::{HashMap, HashSet};
 use std::io::Write;
-use std::path::PathBuf;
+use std::path::{Path, PathBuf};
+use std::time::SystemTime;
 use std::{fs, vec};
 
 use crate::agent::event::{AgentCommandStatus, AgentState, ConfirmToolResponse};
@@ -105,6 +106,7 @@ pub struct App<'a> {
     pub theme: Theme,
     pub model: ModelState,
     pub ui: UiState<'a>,
+    pub autoreload_theme: bool,
 }
 
 impl UiState<'_> {
@@ -144,16 +146,19 @@ impl App<'_> {
         sender: mpsc::UnboundedSender<agent::AgentControlEvent>,
         receiver: mpsc::UnboundedReceiver<agent::AgentOutputEvent>,
         messages: Vec<Message>,
+        autoreload_theme: bool,
     ) -> Self {
+        let theme = Theme::load(&config.appearance.theme).unwrap();
         Self {
             ui: UiState::new(config.workspace.clone()),
             config,
             data_dir,
             running: true,
             events: UiEventMultiplexer::new(receiver),
             agent_sender: sender,
-            theme: Theme::default(),
+            theme,
             model: ModelState::new(messages, model_info),
+            autoreload_theme,
         }
     }
 
@@ -223,7 +228,20 @@ impl App<'_> {
         if !self.model.messages.is_empty() {
             self.ui.history_follow_last = true;
         }
+        let autoload_theme =
+            self.autoreload_theme && Path::new(&self.config.appearance.theme).exists();
+        let mut last_theme_modified = SystemTime::now();
         while self.running {
+            if autoload_theme {
+                let current_theme_modified =
+                    std::fs::metadata(&self.config.appearance.theme)?.modified()?;
+                if current_theme_modified != last_theme_modified {
+                    if let Ok(theme) = Theme::load(&self.config.appearance.theme) {
+                        self.theme = theme;
+                    }
+                    last_theme_modified = current_theme_modified;
+                }
+            }
             terminal.draw(|frame| frame.render_widget(&mut self, frame.area()))?;
 
             match self.events.next().await? {