Merge branch 'main' into dev/glimmer-post-stream

Author: megothss

app/controllers/discourse_ai/ai_bot/conversations_controller.rb

@@ -10,7 +10,6 @@ def index
         page = params[:page].to_i
         per_page = params[:per_page]&.to_i || 40
 
-        bot_user_ids = EntryPoint.all_bot_ids
         base_query =
           Topic
             .private_messages_for_user(current_user)
@@ -26,7 +25,7 @@ def index
         pms = base_query.order(last_posted_at: :desc).offset(page * per_page).limit(per_page)
 
         render json: {
-                 conversations: serialize_data(pms, BasicTopicSerializer),
+                 conversations: serialize_data(pms, ListableTopicSerializer),
                  meta: {
                    total: total,
                    page: page,

assets/javascripts/discourse/components/ai-bot-header-icon.gjs

@@ -10,6 +10,7 @@ import { AI_CONVERSATIONS_PANEL } from "../services/ai-conversations-sidebar-man
 export default class AiBotHeaderIcon extends Component {
   @service composer;
   @service currentUser;
+  @service navigationMenu;
   @service router;
   @service sidebarState;
   @service siteSettings;
@@ -35,6 +36,7 @@ export default class AiBotHeaderIcon extends Component {
 
   get clickShouldRouteOutOfConversations() {
     return (
+      !this.navigationMenu.isHeaderDropdownMode &&
       this.siteSettings.ai_enable_experimental_bot_ux &&
       this.sidebarState.currentPanel?.key === AI_CONVERSATIONS_PANEL
     );

assets/javascripts/discourse/controllers/discourse-ai-bot-conversations.js

@@ -48,5 +48,15 @@ export default class DiscourseAiBotConversations extends Controller {
   _autoExpandTextarea() {
     this.textarea.style.height = "auto";
     this.textarea.style.height = this.textarea.scrollHeight + "px";
+
+    // Get the max-height value from CSS (30vh)
+    const maxHeight = parseInt(getComputedStyle(this.textarea).maxHeight, 10);
+
+    // Only enable scrolling if content exceeds max-height
+    if (this.textarea.scrollHeight > maxHeight) {
+      this.textarea.style.overflowY = "auto";
+    } else {
+      this.textarea.style.overflowY = "hidden";
+    }
   }
 }

assets/javascripts/initializers/ai-conversations-sidebar.js

@@ -1,7 +1,9 @@
 import { tracked } from "@glimmer/tracking";
+import { htmlSafe } from "@ember/template";
 import { TrackedArray } from "@ember-compat/tracked-built-ins";
 import { ajax } from "discourse/lib/ajax";
 import { bind } from "discourse/lib/decorators";
+import { autoUpdatingRelativeAge } from "discourse/lib/formatter";
 import { withPluginApi } from "discourse/lib/plugin-api";
 import { i18n } from "discourse-i18n";
 import AiBotSidebarNewConversation from "../discourse/components/ai-bot-sidebar-new-conversation";
@@ -27,13 +29,14 @@ export default {
       );
       const appEvents = api.container.lookup("service:app-events");
       const messageBus = api.container.lookup("service:message-bus");
+      const navigationMenu = api.container.lookup("service:navigationMenu");
 
       api.addSidebarPanel(
         (BaseCustomSidebarPanel) =>
           class AiConversationsSidebarPanel extends BaseCustomSidebarPanel {
             key = AI_CONVERSATIONS_PANEL;
             hidden = true;
-            displayHeader = true;
+            displayHeader = !navigationMenu.isHeaderDropdownMode;
             expandActiveSection = true;
           }
       );
@@ -85,6 +88,10 @@ export default {
             @tracked links = new TrackedArray();
             @tracked topics = [];
             @tracked hasMore = [];
+            @tracked loadedTodayLabel = false;
+            @tracked loadedSevenDayLabel = false;
+            @tracked loadedThirtyDayLabel = false;
+            @tracked loadedMonthLabels = new Set();
             page = 0;
             isFetching = false;
             totalTopicsCount = 0;
@@ -127,7 +134,15 @@ export default {
             }
 
             addNewPMToSidebar(topic) {
-              this.links = [new AiConversationLink(topic), ...this.links];
+              // Reset category labels since we're adding a new topic
+              this.loadedTodayLabel = false;
+              this.loadedSevenDayLabel = false;
+              this.loadedThirtyDayLabel = false;
+              this.loadedMonthLabels.clear();
+
+              this.topics = [topic, ...this.topics];
+              this.buildSidebarLinks();
+
               this.watchForTitleUpdate(topic);
             }
 
@@ -206,10 +221,82 @@ export default {
               this.fetchMessages(true);
             }
 
-            buildSidebarLinks() {
-              this.links = this.topics.map(
-                (topic) => new AiConversationLink(topic)
+            groupByDate(topic) {
+              const now = new Date();
+              const lastPostedAt = new Date(topic.last_posted_at);
+              const daysDiff = Math.round(
+                (now - lastPostedAt) / (1000 * 60 * 60 * 24)
               );
+
+              if (daysDiff <= 1 || !topic.last_posted_at) {
+                if (!this.loadedTodayLabel) {
+                  this.loadedTodayLabel = true;
+                  return {
+                    text: i18n("discourse_ai.ai_bot.conversations.today"),
+                    classNames: "date-heading",
+                    name: "date-heading-today",
+                  };
+                }
+              }
+              // Last 7 days group
+              else if (daysDiff <= 7) {
+                if (!this.loadedSevenDayLabel) {
+                  this.loadedSevenDayLabel = true;
+                  return {
+                    text: i18n("discourse_ai.ai_bot.conversations.last_7_days"),
+                    classNames: "date-heading",
+                    name: "date-heading-last-7-days",
+                  };
+                }
+              }
+              // Last 30 days group
+              else if (daysDiff <= 30) {
+                if (!this.loadedThirtyDayLabel) {
+                  this.loadedThirtyDayLabel = true;
+                  return {
+                    text: i18n(
+                      "discourse_ai.ai_bot.conversations.last_30_days"
+                    ),
+                    classNames: "date-heading",
+                    name: "date-heading-last-30-days",
+                  };
+                }
+              }
+              // Group by month for older conversations
+              else {
+                const month = lastPostedAt.getMonth();
+                const year = lastPostedAt.getFullYear();
+                const monthKey = `${year}-${month}`;
+
+                if (!this.loadedMonthLabels.has(monthKey)) {
+                  this.loadedMonthLabels.add(monthKey);
+
+                  const formattedDate = autoUpdatingRelativeAge(
+                    new Date(topic.last_posted_at)
+                  );
+
+                  return {
+                    text: htmlSafe(formattedDate),
+                    classNames: "date-heading",
+                    name: `date-heading-${monthKey}`,
+                  };
+                }
+              }
+            }
+
+            buildSidebarLinks() {
+              // Reset date header tracking
+              this.loadedTodayLabel = false;
+              this.loadedSevenDayLabel = false;
+              this.loadedThirtyDayLabel = false;
+              this.loadedMonthLabels.clear();
+
+              this.links = [...this.topics].flatMap((topic) => {
+                const dateLabel = this.groupByDate(topic);
+                return dateLabel
+                  ? [dateLabel, new AiConversationLink(topic)]
+                  : [new AiConversationLink(topic)];
+              });
             }
 
             watchForTitleUpdate(topic) {

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

@@ -10,6 +10,10 @@ body.has-ai-conversations-sidebar {
     margin: 1.8em 1rem 0;
   }
 
+  .sidebar-toggle-all-sections {
+    display: none;
+  }
+
   .sidebar-wrapper {
     .ai-conversations-panel {
       padding-top: 1em;
@@ -18,19 +22,20 @@ body.has-ai-conversations-sidebar {
     // ai related sidebar content
     [data-section-name="ai-conversations-history"] {
       .sidebar-section-header-wrapper {
-        pointer-events: none;
-        font-size: var(--font-down-1);
-
-        .sidebar-section-header-caret {
-          display: none;
-        }
-
-        .sidebar-section-header-text {
-          letter-spacing: 0.5px;
-        }
+        display: none;
       }
 
       .sidebar-section-link-wrapper {
+        .sidebar-section-link.date-heading {
+          pointer-events: none;
+          cursor: default;
+          color: var(--primary-medium);
+          opacity: 0.8;
+          font-weight: 700;
+          margin-top: 1em;
+          font-size: var(--font-down-2);
+        }
+
         .sidebar-section-link {
           height: unset;
           padding-block: 0.65em;
@@ -228,19 +233,13 @@ body.has-ai-conversations-sidebar {
         max-height: 2.5em;
       }
 
-      .spinner {
-        margin: 0;
-        width: 2em;
-        height: 2em;
-      }
-
       #ai-bot-conversations-input {
         width: 100%;
         margin: 0;
         resize: none;
         border-radius: var(--d-button-border-radius);
         max-height: 30vh;
-        overflow: hidden;
+        overflow-y: hidden;
 
         &:focus {
           outline: none;

assets/stylesheets/modules/ai-helper/common/ai-helper.scss

@@ -277,6 +277,7 @@
 }
 
 #reply-control {
+  .composer-actions.is-expanded,
   .composer-popup {
     // need to raise the z-index here
     // because we need another layer to put the AI icon above dropdowns

config/locales/client.ar.yml

@@ -138,6 +138,14 @@ ar:
               label: "درجة الحرارة"
     discourse_ai:
       title: "الذكاء الاصطناعي"
+      features:
+        back: "الرجوع"
+        list:
+          header:
+            name: "الاسم"
+            groups: "المجموعات"
+          edit: "تعديل"
+          set_up: "إعداد"
       modals:
         select_option: "حدِّد خيارًا..."
       spam:
@@ -338,7 +346,6 @@ ar:
         name: "معرِّف النموذج"
         provider: "مقدِّم الخدمة"
         tokenizer: "أداة الترميز"
-        max_prompt_tokens: "عدد الرموز المميزة لرسالة المطالبة"
         url: "عنوان URL لخدمة استضافة النموذج"
         api_key: "مفتاح API لخدمة استضافة النموذج"
         enabled_chat_bot: "السماح بمحدِّد روبوت الذكاء الاصطناعي"
@@ -388,12 +395,8 @@ ar:
           anthropic-claude-3-7-sonnet: "النموذج الأكثر ذكاءً لدى Anthropic"
           anthropic-claude-3-5-haiku: "سريع وفعَّال من حيث التكلفة"
           anthropic-claude-3-opus: "يبرع في الكتابة والمهام المعقدة"
-          google-gemini-1-5-pro: "نموذج متعدد متوسط الحجم قادر على تنفيذ مجموعة واسعة من المهام"
-          google-gemini-1-5-flash: "خفيف وسريع وفعَّال من حيث التكلفة مع الاستدلال متعدد النماذج"
-          open_ai-gpt-4-turbo: "نموذج عالي الذكاء من الجيل السابق"
-          open_ai-gpt-4o: "نموذج عالي الذكاء للمهام المعقدة والمتعددة الخطوات"
-          open_ai-gpt-4o-mini: "نموذج صغير سريع وبأسعارٍ معقولة للمهام الخفيفة"
-          open_ai-o1-mini: "نموذج استدلال فعَّال من حيث التكلفة"
+          google-gemini-2-5-pro: "نموذج متعدد متوسط الحجم قادر على تنفيذ مجموعة واسعة من المهام"
+          google-gemini-2-0-flash: "خفيف وسريع وفعَّال من حيث التكلفة مع الاستدلال متعدد النماذج"
           samba_nova-Meta-Llama-3-1-8B-Instruct: "نموذج متعدد اللغات خفيف وفعَّال"
           samba_nova-Meta-Llama-3-3-70B-Instruct": "نموذج قوي متعدد الأغراض"
           mistral-mistral-large-latest: "النموذج الأقوى لدى Mistral"
@@ -416,7 +419,6 @@ ar:
           success: "تم بنجاح!"
           failure: "أرجعت محاولة التواصل مع النموذج هذا الخطأ: %{error}"
         hints:
-          max_prompt_tokens: "الحد الأقصى لعدد الرموز المميزة لرسالة المطالبة. كقاعدة عامة، يجب أن يمثل هذا 50% من نافذة سياق النموذج."
           name: "إننا نقوم بتضمين هذا في استدعاء واجهة برمجة التطبيقات (API) لتحديد النموذج الذي سنستخدمه"
           vision_enabled: "إذا تم تفعيله، فسيحاول الذكاء الاصطناعي فهم الصور. إنه يعتمد على النموذج المُستخدَم لدعم الرؤية. هذه الميزة مدعومة بأحدث النماذج من Anthropic وGoogle وOpenAI."
           enabled_chat_bot: "إذا تم تفعيله، يمكن للمستخدمين تحديد هذا النموذج عند إنشاء الرسائل الخاصة باستخدام روبوت الذكاء الاصطناعي"

config/locales/client.be.yml

@@ -34,6 +34,13 @@ be:
             canned_reply:
               label: "Адказаць"
     discourse_ai:
+      features:
+        back: "Назад"
+        list:
+          header:
+            name: "Імя"
+            groups: "групы"
+          edit: "Рэдагаваць"
       spam:
         short_title: "Спам"
         enable: "Уключыць"

config/locales/client.bg.yml

@@ -34,6 +34,13 @@ bg:
             canned_reply:
               label: "Отговорете"
     discourse_ai:
+      features:
+        back: "Назад"
+        list:
+          header:
+            name: "Име "
+            groups: "Групи"
+          edit: "Редактирай"
       modals:
         select_option: "Изберете опция..."
       spam:

config/locales/client.bs_BA.yml

@@ -34,6 +34,13 @@ bs_BA:
             canned_reply:
               label: "Odgovori"
     discourse_ai:
+      features:
+        back: "Prethodno"
+        list:
+          header:
+            name: "Ime"
+            groups: "Groups"
+          edit: "Edit"
       modals:
         select_option: "Odaberi opciju..."
       spam: