FIX: Bring back empty state message when appropriate

Author: markvanlan

assets/javascripts/discourse/services/ai-conversations-sidebar-manager.js

@@ -84,6 +84,13 @@ export default class AiConversationsSidebarManager extends Service {
     );
   }
 
+  addEmptyStateClass() {
+    document.body.classList.toggle(
+      "has-empty-ai-conversations-sidebar",
+      !this.topics.length
+    );
+  }
+
   forceCustomSidebar() {
     document.body.classList.add("has-ai-conversations-sidebar");
     if (!this.sidebarState.isForcingSidebar) {
@@ -100,13 +107,15 @@ export default class AiConversationsSidebarManager extends Service {
 
     // don't render sidebar multiple times
     if (this._didInit) {
+      this.addEmptyStateClass();
       return true;
     }
 
     this._didInit = true;
 
     this.fetchMessages().then(() => {
       this.sidebarState.setPanel(AI_CONVERSATIONS_PANEL);
+      this.addEmptyStateClass();
     });
 
     return true;
@@ -140,6 +149,7 @@ export default class AiConversationsSidebarManager extends Service {
 
   stopForcingCustomSidebar() {
     document.body.classList.remove("has-ai-conversations-sidebar");
+    document.body.classList.remove("has-empty-ai-conversations-sidebar");
 
     const isAdmin = this.sidebarState.currentPanel?.key === ADMIN_PANEL;
     if (this.sidebarState.isForcingSidebar && !isAdmin) {

assets/stylesheets/modules/ai-bot-conversations/common.scss

@@ -23,8 +23,18 @@ body.has-ai-conversations-sidebar {
     }
   }
 
-  // we always have the "today" section rendered at the top of the sidebar but hide it when empty
-  .sidebar-section[data-section-name="today"]:has(.ai-bot-sidebar-empty-state) {
+  // we always have the "today" section rendered at the top of the sidebar.
+  // Hide the "today" header when the section is empty
+  &:not(.has-empty-ai-conversations-sidebar)
+    .sidebar-section[data-section-name="today"]:has(
+      .ai-bot-sidebar-empty-state
+    ) {
+    display: none;
+  }
+
+  &.has-empty-ai-conversations-sidebar
+    .sidebar-section[data-section-name="today"]
+    .sidebar-section-header-wrapper {
     display: none;
   }