feat: Web UI improvements v0.0.13

- Real-time diff push via WebSocket during agent execution
- Side-by-side diff view with Monaco DiffEditor
- Hide unchanged regions with expandable sections
- Collapsible sidebar and task detail panel
- Dynamic editor height based on content
- Remove unnecessary logs from terminal output
- Add homepage screenshot to README

Author: echoVic

README.md

@@ -4,6 +4,8 @@
 
 **一句话价值**：让任何 agent（你自己的或第三方 CLI）在隔离区里干活，并且**每一步可审计、可回滚、可恢复**。
 
+![BAR Web UI](assets/homepage.png)
+
 ## 为什么需要 BAR？
 
 当你使用 Claude Code、Cursor、Copilot 等 AI Coding Agent 时：
@@ -124,12 +126,13 @@ bar ui -p 3000      # 指定端口
 bar ui --no-open    # 不自动打开浏览器
 ```
 
-**主要功能 (v0.0.8)**：
-- **现代化深色主题**：基于 Zinc 色系，Vercel/Linear 风格。
-- **Split View (分栏视图)**：左侧 Timeline，右侧 Monaco Editor Diff 视图。
-- **智能跳转**：首页自动跳转到当前活跃任务。
-- **实时 Diff**：选中步骤即可查看代码变更，支持语法高亮。
-- **WebSocket**：实时更新任务状态和日志。
+**主要功能 (v0.0.13)**：
+- **实时 Diff 推送**：Agent 运行时实时查看代码变更，无需等待退出
+- **Side-by-Side Diff**：Monaco DiffEditor 并排对比视图，支持语法高亮
+- **隐藏未更改行**：自动折叠大段未更改代码，点击可展开
+- **可折叠面板**：左侧导航栏和任务详情面板均支持展开/收起
+- **现代化深色主题**：基于 Zinc 色系，Vercel/Linear 风格
+- **WebSocket 实时更新**：任务状态和日志实时同步
 
 ## 目录结构
 

assets/homepage.png

@@ -4,7 +4,9 @@ import (
 	"context"
 	"fmt"
 	"os"
+	"os/exec"
 	"os/signal"
+	"runtime"
 	"syscall"
 
 	"github.com/spf13/cobra"
@@ -65,11 +67,16 @@ func uiCmd() *cobra.Command {
 }
 
 func openBrowser(url string) {
-	// Try different commands to open browser
-	for _, cmd := range []string{"open", "xdg-open", "start"} {
-		if _, err := os.Stat("/usr/bin/" + cmd); err == nil || cmd == "start" {
-			syscall.Exec("/usr/bin/"+cmd, []string{cmd, url}, os.Environ())
-			return
-		}
+	var cmd *exec.Cmd
+	switch runtime.GOOS {
+	case "darwin":
+		cmd = exec.Command("open", url)
+	case "linux":
+		cmd = exec.Command("xdg-open", url)
+	case "windows":
+		cmd = exec.Command("cmd", "/c", "start", url)
+	default:
+		return
 	}
+	cmd.Start()
 }

cmd/bar/ui.go

@@ -16,7 +16,7 @@ const (
 	repoOwner      = "echoVic"
 	repoName       = "blade-agent-runtime"
 	installURL     = "https://echovic.github.io/blade-agent-runtime/install.sh"
-	currentVersion = "0.0.12"
+	currentVersion = "0.0.13"
 )
 
 func updateCmd() *cobra.Command {

cmd/bar/update.go

@@ -2,15 +2,18 @@ package main
 
 import (
 	"fmt"
+	"io"
 	"os"
 	"os/exec"
 	"os/signal"
 	"path/filepath"
 	"syscall"
 	"time"
 
+	"github.com/creack/pty"
 	"github.com/jaevor/go-nanoid"
 	"github.com/spf13/cobra"
+	"golang.org/x/term"
 
 	gitadapter "github.com/user/blade-agent-runtime/internal/adapters/git"
 	"github.com/user/blade-agent-runtime/internal/core/ledger"
@@ -69,9 +72,6 @@ When the command exits, BAR records a step with the diff of all changes.`,
 
 			childCmd := exec.Command(args[0], args[1:]...)
 			childCmd.Dir = task.WorkspacePath
-			childCmd.Stdin = os.Stdin
-			childCmd.Stdout = os.Stdout
-			childCmd.Stderr = os.Stderr
 			childCmd.Env = append(os.Environ(),
 				"BAR_ACTIVE=true",
 				"BAR_TASK_ID="+task.ID,
@@ -81,21 +81,88 @@ When the command exits, BAR records a step with the diff of all changes.`,
 				"BAR_REPO_ROOT="+task.RepoRoot,
 			)
 
+			// Start command with PTY for interactive support
+			ptmx, err := pty.Start(childCmd)
+			if err != nil {
+				app.Logger.Error("Failed to start command '%s': %v", args[0], err)
+				if uiServer != nil {
+					uiServer.Stop()
+				}
+				return fmt.Errorf("failed to start command: %w", err)
+			}
+			defer ptmx.Close()
+
+			// Handle terminal resize
+			ch := make(chan os.Signal, 1)
+			signal.Notify(ch, syscall.SIGWINCH)
+			go func() {
+				for range ch {
+					if ws, err := pty.GetsizeFull(os.Stdin); err == nil {
+						pty.Setsize(ptmx, ws)
+					}
+				}
+			}()
+			ch <- syscall.SIGWINCH // Initial resize
+
+			// Handle Ctrl+C - forward to child process
 			sigChan := make(chan os.Signal, 1)
 			signal.Notify(sigChan, syscall.SIGINT, syscall.SIGTERM)
-
 			go func() {
-				sig := <-sigChan
-				if childCmd.Process != nil {
-					childCmd.Process.Signal(sig)
+				for sig := range sigChan {
+					if childCmd.Process != nil {
+						childCmd.Process.Signal(sig)
+					}
 				}
 			}()
 
 			app.Logger.Info("Starting wrapped command in %s", task.WorkspacePath)
 			app.Logger.Info("Changes will be recorded when the command exits")
 			app.Logger.Info("")
 
-			runErr := childCmd.Run()
+			// Start live diff watcher if UI is enabled
+			stopWatcher := make(chan struct{})
+			if uiServer != nil {
+				go func() {
+					ticker := time.NewTicker(2 * time.Second)
+					defer ticker.Stop()
+
+					var lastPatchLen int
+					for {
+						select {
+						case <-stopWatcher:
+							return
+						case <-ticker.C:
+							diffResult, err := app.DiffEngine.Generate(task.WorkspacePath, task.BaseRef)
+							if err != nil {
+								continue
+							}
+
+							// Use patch length as simple change detector
+							currentLen := len(diffResult.Patch)
+							if currentLen != lastPatchLen {
+								lastPatchLen = currentLen
+								uiServer.BroadcastLiveDiff(task.ID, diffResult)
+							}
+						}
+					}
+				}()
+			}
+
+			// Set stdin to raw mode for proper PTY interaction
+			oldState, err := term.MakeRaw(int(os.Stdin.Fd()))
+			if err == nil {
+				defer term.Restore(int(os.Stdin.Fd()), oldState)
+			}
+
+			// Copy stdin to PTY and PTY to stdout
+			go func() { io.Copy(ptmx, os.Stdin) }()
+			io.Copy(os.Stdout, ptmx)
+
+			// Stop the watcher
+			close(stopWatcher)
+
+			// Wait for command to finish
+			runErr := childCmd.Wait()
 
 			endTime := time.Now().UTC()
 			duration := endTime.Sub(startTime)
@@ -165,7 +232,6 @@ When the command exits, BAR records a step with the diff of all changes.`,
 			app.Logger.Info("Step %s recorded", stepID)
 			app.Logger.Info("Files changed: %d (+%d, -%d)", diffResult.Files, diffResult.Additions, diffResult.Deletions)
 
-			// Stop UI server if running
 			if uiServer != nil {
 				uiServer.Stop()
 			}

cmd/bar/wrap.go

@@ -4,9 +4,11 @@ go 1.24.2
 
 require (
 	github.com/go-git/go-git/v5 v5.16.4
+	github.com/gorilla/websocket v1.5.3
 	github.com/jaevor/go-nanoid v1.4.0
 	github.com/spf13/cobra v1.10.2
 	github.com/spf13/viper v1.21.0
+	golang.org/x/term v0.39.0
 	gopkg.in/yaml.v3 v3.0.1
 )
 
@@ -15,14 +17,14 @@ require (
 	github.com/Microsoft/go-winio v0.6.2 // indirect
 	github.com/ProtonMail/go-crypto v1.1.6 // indirect
 	github.com/cloudflare/circl v1.6.1 // indirect
+	github.com/creack/pty v1.1.24 // indirect
 	github.com/cyphar/filepath-securejoin v0.4.1 // indirect
 	github.com/emirpasic/gods v1.18.1 // indirect
 	github.com/fsnotify/fsnotify v1.9.0 // indirect
 	github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376 // indirect
 	github.com/go-git/go-billy/v5 v5.6.2 // indirect
 	github.com/go-viper/mapstructure/v2 v2.4.0 // indirect
 	github.com/golang/groupcache v0.0.0-20241129210726-2c02b8208cf8 // indirect
-	github.com/gorilla/websocket v1.5.3 // indirect
 	github.com/inconshreveable/mousetrap v1.1.0 // indirect
 	github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99 // indirect
 	github.com/kevinburke/ssh_config v1.2.0 // indirect
@@ -40,7 +42,7 @@ require (
 	go.yaml.in/yaml/v3 v3.0.4 // indirect
 	golang.org/x/crypto v0.37.0 // indirect
 	golang.org/x/net v0.39.0 // indirect
-	golang.org/x/sys v0.32.0 // indirect
+	golang.org/x/sys v0.40.0 // indirect
 	golang.org/x/text v0.28.0 // indirect
 	gopkg.in/warnings.v0 v0.1.2 // indirect
 )