Redesign Sessions page (Fluent 2 + deep-link to Chat)

Restructures SessionsPage to match the Permissions/Connection shell

(ScrollViewer + StackPanel, MaxWidth 900, 4 px grid) and removes UI

drift against the openclaw-design skill:

- Replace literal emoji empty-state and ad-hoc colors with Segoe

  Fluent glyphs and SystemFillColor* theme brushes.

- Status dot is now a 4-state Fluent map (Success / Caution /

  Critical / Neutral) with a hover tooltip describing the state.

- Primary action is an AccentButton 'Open chat' (Fluent 2

  rest/hover/press/disabled via AccentButtonStyle, no Foreground

  overrides); destructive Reset/Compact/Delete moved to a MenuFlyout

  behind the row's overflow button.

- Filter out cron-spawned sessions (key slot == 'cron') so the

  conversation list mirrors the macOS companion.

- Deep-link from a session row to the Chat surface: SessionsPage

  stores the session key on HubWindow.PendingChatSessionKey;

  ChatPage.ShowFunctionalSurface consumes it and remounts the

  OpenClawChatRoot with initialThreadId, so both the timeline and

  the composer's session dropdown render the requested session.

- Robust MenuFlyout click routing via ResolveSessionKey, which

  walks back to MenuFlyout.Target when DataContext propagation into

  popup items fails (canonical WinUI binding quirk).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: 2 people

src/OpenClaw.Tray.WinUI/Pages/ChatPage.xaml.cs

@@ -26,6 +26,7 @@ public sealed partial class ChatPage : Page
     private HubWindow? _hub;
     private MountedFunctionalChat? _functionalHost;
     private IChatDataProvider? _mountedProvider;
+    private string? _mountedThreadId;
     private string? _chatUrl;
     private bool _webViewInitialized;
     private bool _webViewMode;
@@ -212,7 +213,21 @@ private void ShowFunctionalSurface()
         var provider = app?.ChatProvider;
         Func<string, Task>? readAloud = app is null ? null : app.SpeakChatTextAsync;
 
-        if (_functionalHost is not null && ReferenceEquals(_mountedProvider, provider))
+        // Consume a pending session-key hand-off from SessionsPage so the
+        // chat root mounts with that thread selected. Remount is the only
+        // path — OpenClawChatRoot has no live "switch thread" API.
+        var pendingSessionKey = _hub?.PendingChatSessionKey;
+        if (pendingSessionKey is not null && _hub is not null)
+        {
+            _hub.PendingChatSessionKey = null;
+        }
+        var threadIdToMount = pendingSessionKey ?? _mountedThreadId;
+        var threadChanged = pendingSessionKey is not null
+                            && !string.Equals(_mountedThreadId, pendingSessionKey, StringComparison.Ordinal);
+
+        if (_functionalHost is not null
+            && ReferenceEquals(_mountedProvider, provider)
+            && !threadChanged)
         {
             PlaceholderPanel.Visibility = Visibility.Collapsed;
             ChatHost.Visibility = Visibility.Visible;
@@ -245,6 +260,7 @@ private void ShowFunctionalSurface()
         _functionalHost = CurrentApp.ActiveHubWindow!.MountFunctionalChat(
             ChatHost,
             provider,
+            initialThreadId: threadIdToMount,
             onReadAloud: readAloud,
             onStopSpeaking: () => app?.StopChatSpeaking(),
             onVoiceRequest: VoiceTranscribeAsync,
@@ -254,6 +270,7 @@ private void ShowFunctionalSurface()
             initialMuted: CurrentApp.Settings?.VoiceTtsEnabled == false,
             suppressAutoDispose: true);
         _mountedProvider = provider;
+        _mountedThreadId = threadIdToMount;
 
         // If the V hotkey (or another caller) requested auto-start voice,
         // trigger it after the UI thread processes the mount (composer needs
@@ -342,6 +359,7 @@ private void DisposeFunctionalHost()
         var host = _functionalHost;
         _functionalHost = null;
         _mountedProvider = null;
+        _mountedThreadId = null;
         try { host?.Dispose(); } catch { /* tear-down race — non-fatal */ }
     }
 

src/OpenClaw.Tray.WinUI/Pages/SessionsPage.xaml

@@ -82,12 +82,25 @@ private void OnOpenConnectionClick(object sender, RoutedEventArgs e)
 
     public void UpdateSessions(SessionInfo[] sessions)
     {
-        _allSessions = sessions;
-        _sessionLoading.Complete(sessions.Length);
+        // Drop cron-spawned sessions (key shape "agent:<id>:cron" — slot is
+        // the third ":"-separated part). They have their own home on the
+        // Cron page; surfacing them here overcrowds the conversation list.
+        _allSessions = sessions
+            .Where(s => !IsCronSession(s))
+            .ToArray();
+        _sessionLoading.Complete(_allSessions.Length);
         RebuildChannelTabs();
         ApplyFilter();
     }
 
+    private static bool IsCronSession(SessionInfo s)
+    {
+        if (string.IsNullOrEmpty(s.Key)) return false;
+        var parts = s.Key.Split(':');
+        return parts.Length >= 3
+               && string.Equals(parts[2], "cron", StringComparison.OrdinalIgnoreCase);
+    }
+
     private void RebuildChannelTabs()
     {
         if (_allSessions == null) return;
@@ -165,21 +178,17 @@ private void OnAppStateChanged(object? sender, PropertyChangedEventArgs e)
 
     private SessionViewModel ToViewModel(SessionInfo s)
     {
-        var isActive = s.Status == "active" || s.Status == "running";
-
-        // Detail line: Provider · Model · Channel
         var parts = new List<string>(3);
         if (!string.IsNullOrWhiteSpace(s.Provider)) parts.Add(s.Provider!);
         if (!string.IsNullOrWhiteSpace(s.Model)) parts.Add(s.Model!);
         if (!string.IsNullOrWhiteSpace(s.Channel)) parts.Add(s.Channel!);
 
-        // Token display
         var hasTokens = s.InputTokens > 0 || s.OutputTokens > 0;
         var tokensText = hasTokens
             ? $"↓{FormatTokenCount(s.InputTokens)} / ↑{FormatTokenCount(s.OutputTokens)}"
             : "";
 
-        // Context % — ContextTokens is the window size, TotalTokens is usage
+        // ContextTokens is the window size, TotalTokens is usage.
         double contextPercent = 0;
         if (s.ContextTokens > 0 && s.TotalTokens > 0)
             contextPercent = Math.Min(100.0, (double)s.TotalTokens / s.ContextTokens * 100.0);
@@ -190,52 +199,109 @@ private SessionViewModel ToViewModel(SessionInfo s)
             DisplayName = !string.IsNullOrWhiteSpace(s.DisplayName) ? s.DisplayName! : s.Key,
             AgeText = s.AgeText,
             DetailLine = parts.Count > 0 ? string.Join(" · ", parts) : "",
-            StatusColor = new SolidColorBrush(isActive ? Colors.LimeGreen : Colors.Gray),
+            StatusBrush = ResolveStatusBrush(s),
+            StatusTooltip = ResolveStatusTooltip(s),
             TokensText = tokensText,
             ContextPercent = contextPercent,
             HasTokenData = hasTokens || contextPercent > 0,
             CanEdit = _sessionLoading.CanEdit,
         };
     }
 
+    private static Brush ResolveStatusBrush(SessionInfo s)
+    {
+        var status = s.Status?.Trim().ToLowerInvariant();
+        if (status is "error" or "failed" or "failure")
+            return s_criticalBrush.Value;
+        if (s.AbortedLastRun)
+            return s_cautionBrush.Value;
+        if (status is "active" or "running")
+            return s_successBrush.Value;
+        return s_neutralBrush.Value;
+    }
+
+    private static string ResolveStatusTooltip(SessionInfo s)
+    {
+        var status = s.Status?.Trim().ToLowerInvariant();
+        if (status is "error" or "failed" or "failure") return "Error";
+        if (s.AbortedLastRun) return "Aborted last run";
+        if (status is "active" or "running") return "Running";
+        return "Idle";
+    }
+
+    private static readonly Lazy<Brush> s_successBrush =
+        new(() => (Brush)Application.Current.Resources["SystemFillColorSuccessBrush"]);
+    private static readonly Lazy<Brush> s_cautionBrush =
+        new(() => (Brush)Application.Current.Resources["SystemFillColorCautionBrush"]);
+    private static readonly Lazy<Brush> s_criticalBrush =
+        new(() => (Brush)Application.Current.Resources["SystemFillColorCriticalBrush"]);
+    private static readonly Lazy<Brush> s_neutralBrush =
+        new(() => (Brush)Application.Current.Resources["SystemFillColorNeutralBrush"]);
+
+    private void OnOpenChat(object sender, RoutedEventArgs e)
+    {
+        if (sender is Button btn && btn.Tag is string key)
+        {
+            if (CurrentApp.ActiveHubWindow is HubWindow hub)
+            {
+                hub.PendingChatSessionKey = key;
+            }
+            ((IAppCommands)CurrentApp).Navigate("chat", "sessions");
+        }
+    }
+
     private void ChannelSelector_SelectionChanged(SelectorBar sender, SelectorBarSelectionChangedEventArgs args)
     {
         var selected = sender.SelectedItem;
         _activeChannel = selected == AllTab ? "all" : (selected?.Text ?? "all");
         ApplyFilter();
     }
 
-    private async void OnResetSession(object sender, RoutedEventArgs e)
+    private static string? ResolveSessionKey(object sender)
     {
-        if (sender is Button btn && btn.Tag is string key)
+        if (sender is FrameworkElement fe)
         {
-            var client = CurrentApp.GatewayClient;
-            if (client == null) { ShowDisconnected(); return; }
-            try { await client.ResetSessionAsync(key); }
-            catch (Exception ex) { ShowActionFailure("Reset failed", ex); }
+            if (fe.DataContext is SessionViewModel vm && !string.IsNullOrEmpty(vm.Key))
+                return vm.Key;
+            if (fe.Tag is string tag && !string.IsNullOrEmpty(tag))
+                return tag;
+            if (fe is MenuFlyoutItem mfi && mfi.Parent is MenuFlyout mf
+                && mf.Target is FrameworkElement target)
+            {
+                if (target.DataContext is SessionViewModel targetVm && !string.IsNullOrEmpty(targetVm.Key))
+                    return targetVm.Key;
+                if (target.Tag is string targetTag && !string.IsNullOrEmpty(targetTag))
+                    return targetTag;
+            }
         }
+        return null;
+    }
+
+    private async void OnResetSession(object sender, RoutedEventArgs e)
+    {
+        if (ResolveSessionKey(sender) is not string key) return;
+        var client = CurrentApp.GatewayClient;
+        if (client == null) { ShowDisconnected(); return; }
+        try { await client.ResetSessionAsync(key); }
+        catch (Exception ex) { ShowActionFailure("Reset failed", ex); }
     }
 
     private async void OnDeleteSession(object sender, RoutedEventArgs e)
     {
-        if (sender is Button btn && btn.Tag is string key)
-        {
-            var client = CurrentApp.GatewayClient;
-            if (client == null) { ShowDisconnected(); return; }
-            try { await client.DeleteSessionAsync(key); }
-            catch (Exception ex) { ShowActionFailure("Delete failed", ex); }
-        }
+        if (ResolveSessionKey(sender) is not string key) return;
+        var client = CurrentApp.GatewayClient;
+        if (client == null) { ShowDisconnected(); return; }
+        try { await client.DeleteSessionAsync(key); }
+        catch (Exception ex) { ShowActionFailure("Delete failed", ex); }
     }
 
     private async void OnCompactSession(object sender, RoutedEventArgs e)
     {
-        if (sender is Button btn && btn.Tag is string key)
-        {
-            var client = CurrentApp.GatewayClient;
-            if (client == null) { ShowDisconnected(); return; }
-            try { await client.CompactSessionAsync(key); }
-            catch (Exception ex) { ShowActionFailure("Compact failed", ex); }
-        }
+        if (ResolveSessionKey(sender) is not string key) return;
+        var client = CurrentApp.GatewayClient;
+        if (client == null) { ShowDisconnected(); return; }
+        try { await client.CompactSessionAsync(key); }
+        catch (Exception ex) { ShowActionFailure("Compact failed", ex); }
     }
 
     private void OnRefresh(object sender, RoutedEventArgs e)
@@ -255,19 +321,14 @@ private void OnRefresh(object sender, RoutedEventArgs e)
         _ = client.RequestSessionsAsync();
         _ = client.RequestModelsListAsync();
 
-        if (RefreshButton.Content is StackPanel)
+        if (RefreshLabel is not null)
         {
-            // Temporarily update the text inside the StackPanel
-            var sp = (StackPanel)RefreshButton.Content;
-            if (sp.Children.Count > 1 && sp.Children[1] is TextBlock tb)
-            {
-                tb.Text = "Refreshing...";
-                _refreshTimer?.Stop();
-                _refreshTimer = DispatcherQueue.CreateTimer();
-                _refreshTimer.Interval = TimeSpan.FromSeconds(1);
-                _refreshTimer.Tick += (t, a) => { tb.Text = "Refresh"; _refreshTimer.Stop(); };
-                _refreshTimer.Start();
-            }
+            RefreshLabel.Text = "Refreshing...";
+            _refreshTimer?.Stop();
+            _refreshTimer = DispatcherQueue.CreateTimer();
+            _refreshTimer.Interval = TimeSpan.FromSeconds(1);
+            _refreshTimer.Tick += (t, a) => { RefreshLabel.Text = "Refresh"; _refreshTimer.Stop(); };
+            _refreshTimer.Start();
         }
     }
 
@@ -302,7 +363,8 @@ public class SessionViewModel
     public string DisplayName { get; set; } = "";
     public string AgeText { get; set; } = "";
     public string DetailLine { get; set; } = "";
-    public SolidColorBrush StatusColor { get; set; } = new(Colors.Gray);
+    public Brush StatusBrush { get; set; } = new SolidColorBrush(Colors.Gray);
+    public string StatusTooltip { get; set; } = "Idle";
     public string TokensText { get; set; } = "";
     public double ContextPercent { get; set; }
     public bool HasTokenData { get; set; }

src/OpenClaw.Tray.WinUI/Pages/SessionsPage.xaml.cs

@@ -4275,13 +4275,13 @@ On your gateway host (Mac/Linux), run:
   <data name="SessionsPage_NoActiveSessions.Text" xml:space="preserve">
     <value>No active sessions</value>
   </data>
-  <data name="SessionsPage_Reset.Content" xml:space="preserve">
+  <data name="SessionsPage_Reset.Text" xml:space="preserve">
     <value>Reset</value>
   </data>
-  <data name="SessionsPage_Compact.Content" xml:space="preserve">
+  <data name="SessionsPage_Compact.Text" xml:space="preserve">
     <value>Compact</value>
   </data>
-  <data name="SessionsPage_Delete.Content" xml:space="preserve">
+  <data name="SessionsPage_Delete.Text" xml:space="preserve">
     <value>Delete</value>
   </data>
   <data name="SettingsPage_Settings.Text" xml:space="preserve">

src/OpenClaw.Tray.WinUI/Strings/en-us/Resources.resw

@@ -4227,13 +4227,13 @@ Sur votre hôte passerelle (Mac/Linux), exécutez :
   <data name="SessionsPage_NoActiveSessions.Text" xml:space="preserve">
     <value>Aucune session active</value>
   </data>
-  <data name="SessionsPage_Reset.Content" xml:space="preserve">
+  <data name="SessionsPage_Reset.Text" xml:space="preserve">
     <value>Réinitialiser</value>
   </data>
-  <data name="SessionsPage_Compact.Content" xml:space="preserve">
+  <data name="SessionsPage_Compact.Text" xml:space="preserve">
     <value>Compacter</value>
   </data>
-  <data name="SessionsPage_Delete.Content" xml:space="preserve">
+  <data name="SessionsPage_Delete.Text" xml:space="preserve">
     <value>Supprimer</value>
   </data>
   <data name="SettingsPage_Settings.Text" xml:space="preserve">

src/OpenClaw.Tray.WinUI/Strings/fr-fr/Resources.resw

@@ -4228,13 +4228,13 @@ Voer op uw gateway-host (Mac/Linux) uit:
   <data name="SessionsPage_NoActiveSessions.Text" xml:space="preserve">
     <value>Geen actieve sessies</value>
   </data>
-  <data name="SessionsPage_Reset.Content" xml:space="preserve">
+  <data name="SessionsPage_Reset.Text" xml:space="preserve">
     <value>Resetten</value>
   </data>
-  <data name="SessionsPage_Compact.Content" xml:space="preserve">
+  <data name="SessionsPage_Compact.Text" xml:space="preserve">
     <value>Compact maken</value>
   </data>
-  <data name="SessionsPage_Delete.Content" xml:space="preserve">
+  <data name="SessionsPage_Delete.Text" xml:space="preserve">
     <value>Verwijderen</value>
   </data>
   <data name="SettingsPage_Settings.Text" xml:space="preserve">

src/OpenClaw.Tray.WinUI/Strings/nl-nl/Resources.resw

@@ -4227,13 +4227,13 @@
   <data name="SessionsPage_NoActiveSessions.Text" xml:space="preserve">
     <value>无活动会话</value>
   </data>
-  <data name="SessionsPage_Reset.Content" xml:space="preserve">
+  <data name="SessionsPage_Reset.Text" xml:space="preserve">
     <value>重置</value>
   </data>
-  <data name="SessionsPage_Compact.Content" xml:space="preserve">
+  <data name="SessionsPage_Compact.Text" xml:space="preserve">
     <value>压缩</value>
   </data>
-  <data name="SessionsPage_Delete.Content" xml:space="preserve">
+  <data name="SessionsPage_Delete.Text" xml:space="preserve">
     <value>删除</value>
   </data>
   <data name="SettingsPage_Settings.Text" xml:space="preserve">

src/OpenClaw.Tray.WinUI/Strings/zh-cn/Resources.resw

@@ -4227,13 +4227,13 @@
   <data name="SessionsPage_NoActiveSessions.Text" xml:space="preserve">
     <value>沒有作用中的工作階段</value>
   </data>
-  <data name="SessionsPage_Reset.Content" xml:space="preserve">
+  <data name="SessionsPage_Reset.Text" xml:space="preserve">
     <value>重設</value>
   </data>
-  <data name="SessionsPage_Compact.Content" xml:space="preserve">
+  <data name="SessionsPage_Compact.Text" xml:space="preserve">
     <value>壓縮</value>
   </data>
-  <data name="SessionsPage_Delete.Content" xml:space="preserve">
+  <data name="SessionsPage_Delete.Text" xml:space="preserve">
     <value>刪除</value>
   </data>
   <data name="SettingsPage_Settings.Text" xml:space="preserve">

src/OpenClaw.Tray.WinUI/Strings/zh-tw/Resources.resw

@@ -45,6 +45,8 @@ public sealed partial class HubWindow : WindowEx
     public VoiceService? VoiceServiceInstance { get; set; }
     /// <summary>When true, ChatPage should auto-start voice recording on next navigation. Consumed (reset to false) by ChatPage.</summary>
     public bool PendingAutoStartVoice { get; set; }
+    /// <summary>Session key the chat surface should select on its next mount. Consumed (cleared) by ChatPage.</summary>
+    public string? PendingChatSessionKey { get; set; }
     public string? NodeFullDeviceId { get; set; }
     private Microsoft.UI.Dispatching.DispatcherQueueTimer? _gatewayNavHideTimer;