use AppMeta instead of AppTitle/AppShortDesc

tsunami/app/defaultclient.go

@@ -12,12 +12,15 @@ import (
 	"os"
 
 	"github.com/wavetermdev/waveterm/tsunami/engine"
+	"github.com/wavetermdev/waveterm/tsunami/util"
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
 const TsunamiCloseOnStdinEnvVar = "TSUNAMI_CLOSEONSTDIN"
 const MaxShortDescLen = 120
 
+type AppMeta engine.AppMeta
+
 func DefineComponent[P any](name string, renderFn func(props P) any) vdom.Component[P] {
 	return engine.DefineComponentEx(engine.GetDefaultClient(), name, renderFn)
 }
@@ -146,6 +149,12 @@ func QueueRefOp(ref *vdom.VDomRef, op vdom.VDomRefOperation) {
 	client.Root.QueueRefOp(op)
 }
 
+func SetAppMeta(meta AppMeta) {
+	meta.ShortDesc = util.TruncateString(meta.ShortDesc, MaxShortDescLen)
+	client := engine.GetDefaultClient()
+	client.SetAppMeta(engine.AppMeta(meta))
+}
+
 func SetTitle(title string) {
 	client := engine.GetDefaultClient()
 	m := client.GetAppMeta()
@@ -154,9 +163,7 @@ func SetTitle(title string) {
 }
 
 func SetShortDesc(shortDesc string) {
-	if len(shortDesc) > MaxShortDescLen {
-		shortDesc = shortDesc[0:MaxShortDescLen-3] + "..."
-	}
+	shortDesc = util.TruncateString(shortDesc, MaxShortDescLen)
 	client := engine.GetDefaultClient()
 	m := client.GetAppMeta()
 	m.ShortDesc = shortDesc

tsunami/demo/cpuchart/app.go

@@ -9,8 +9,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "CPU Usage Monitor"
-const AppShortDesc = "Real-time CPU usage monitoring and charting"
+var AppMeta = app.AppMeta{
+	Title:     "CPU Usage Monitor",
+	ShortDesc: "Real-time CPU usage monitoring and charting",
+}
 
 // Global atoms for config and data
 var (

tsunami/demo/githubaction/app.go

@@ -15,8 +15,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "GitHub Actions Monitor"
-const AppShortDesc = "Real-time GitHub Actions workflow monitoring and status tracking"
+var AppMeta = app.AppMeta{
+	Title:     "GitHub Actions Monitor",
+	ShortDesc: "Real-time GitHub Actions workflow monitoring and status tracking",
+}
 
 // Global atoms for config and data
 var (

tsunami/demo/modaltest/app.go

@@ -5,8 +5,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "Modal Test (Tsunami Demo)"
-const AppShortDesc = "Test alert and confirm modals in Tsunami"
+var AppMeta = app.AppMeta{
+	Title:     "Modal Test (Tsunami Demo)",
+	ShortDesc: "Test alert and confirm modals in Tsunami",
+}
 
 var App = app.DefineComponent("App", func(_ struct{}) any {
 	// State to track modal results

tsunami/demo/pomodoro/app.go

@@ -8,8 +8,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "Pomodoro Timer (Tsunami Demo)"
-const AppShortDesc = "Productivity timer with work and break intervals"
+var AppMeta = app.AppMeta{
+	Title:     "Pomodoro Timer (Tsunami Demo)",
+	ShortDesc: "Productivity timer with work and break intervals",
+}
 
 type Mode struct {
 	Name     string `json:"name"`

tsunami/demo/recharts/app.go

@@ -8,8 +8,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "Recharts Demo"
-const AppShortDesc = "Interactive charts and data visualization using Recharts"
+var AppMeta = app.AppMeta{
+	Title:     "Recharts Demo",
+	ShortDesc: "Interactive charts and data visualization using Recharts",
+}
 
 // Global atoms for config and data
 var (

tsunami/demo/tabletest/app.go

@@ -8,8 +8,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "Table Test Demo"
-const AppShortDesc = "Testing table component with sortable columns and pagination"
+var AppMeta = app.AppMeta{
+	Title:     "Table Test Demo",
+	ShortDesc: "Testing table component with sortable columns and pagination",
+}
 
 // Sample data structure for the table
 type Person struct {

tsunami/demo/todo/app.go

@@ -8,8 +8,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "Todo App (Tsunami Demo)"
-const AppShortDesc = "Feature-rich todo list with component composition and state management"
+var AppMeta = app.AppMeta{
+	Title:     "Todo App (Tsunami Demo)",
+	ShortDesc: "Feature-rich todo list with component composition and state management",
+}
 
 // Basic domain types with json tags for props
 type Todo struct {

tsunami/demo/tsunamiconfig/app.go

@@ -14,8 +14,10 @@ import (
 	"github.com/wavetermdev/waveterm/tsunami/vdom"
 )
 
-const AppTitle = "Tsunami Config Manager"
-const AppShortDesc = "Configuration editor for remote servers with JSON validation"
+var AppMeta = app.AppMeta{
+	Title:     "Tsunami Config Manager",
+	ShortDesc: "Configuration editor for remote servers with JSON validation",
+}
 
 // Global atoms for config
 var (

tsunami/templates/app-main.go.tmpl

@@ -18,8 +18,7 @@ func main() {
 	subDistFS, _ := fs.Sub(distFS, "dist")
 	subStaticFS, _ := fs.Sub(staticFS, "static")
 	app.RegisterEmbeds(subDistFS, subStaticFS, nil)
-	app.SetTitle(AppTitle)
-	app.SetShortDesc(AppShortDesc)
+	app.SetAppMeta(AppMeta)
 
 	if len(os.Args) == 2 && os.Args[1] == "--manifest" {
 		app.PrintAppManifest()

tsunami/util/util.go

@@ -283,3 +283,13 @@ func ParseJSONTag(field reflect.StructField) (JsonFieldInfo, bool) {
 		Options:   opts,
 	}, true
 }
+
+// TruncateString truncates a string to maxLen runes (not bytes).
+// If the string is longer than maxLen, it truncates to maxLen-3 and appends "...".
+func TruncateString(s string, maxLen int) string {
+	runes := []rune(s)
+	if len(runes) <= maxLen {
+		return s
+	}
+	return string(runes[0:maxLen-3]) + "..."
+}