Mega WIP version

Author: markvanlan

app/controllers/discourse_ai/ai_bot/conversations_controller.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module DiscourseAi
+  module AiBot
+    class ConversationsController < ::ApplicationController
+      requires_plugin ::DiscourseAi::PLUGIN_NAME
+      requires_login
+
+      def index
+        # Step 1: Retrieve all AI bot user IDs
+        bot_user_ids = EntryPoint.all_bot_ids
+
+        # Step 2: Query for PM topics including current_user and any bot ID
+        pms =
+          Topic
+            .joins(:topic_users)
+            .private_messages
+            .where("topic_users.user_id IN (?)", bot_user_ids + [current_user.id])
+            .group("topics.id") # Group by topic to ensure distinct results
+            .having("COUNT(topic_users.user_id) > 1") # Ensure multiple participants in the PM
+
+        # Step 3: Serialize (empty array if no results)
+        serialized_pms = serialize_data(pms, BasicTopicSerializer)
+
+        render json: serialized_pms, status: 200
+      end
+    end
+  end
+end

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

@@ -9,6 +9,7 @@ export default class AiBotHeaderIcon extends Component {
   @service currentUser;
   @service siteSettings;
   @service composer;
+  @service router;
 
   get bots() {
     const availableBots = this.currentUser.ai_enabled_chat_bots
@@ -24,6 +25,9 @@ export default class AiBotHeaderIcon extends Component {
 
   @action
   compose() {
+    if (this.siteSettings.ai_enable_experimental_bot_ux) {
+      return this.router.transitionTo("discourse-ai-bot-conversations");
+    }
     composeAiBotMessage(this.bots[0], this.composer);
   }
 

assets/javascripts/discourse/components/ai-bot-sidebar-new-conversation.gjs

@@ -0,0 +1,23 @@
+import Component from "@glimmer/component";
+import { service } from "@ember/service";
+import DButton from "discourse/components/d-button";
+import { i18n } from "discourse-i18n";
+
+export default class AiBotSidebarNewConversation extends Component {
+  @service router;
+
+  get show() {
+    return this.router.currentRouteName !== "discourse-ai-bot-conversations";
+  }
+
+  <template>
+    {{#if this.show}}
+      <DButton
+        @route="/discourse-ai/ai-bot/conversations"
+        @translatedLabel="TODO: new_question"
+        @icon="plus"
+        class="ai-new-question-button btn-default"
+      />
+    {{/if}}
+  </template>
+}

assets/javascripts/discourse/connectors/topic-above-post-stream/ai-bot-conversation.gjs

@@ -0,0 +1,15 @@
+import bodyClass from "discourse/helpers/body-class";
+import Component from "@glimmer/component";
+
+export default class AiBotConversaion extends Component {
+  get show() {
+    return this.args.outletArgs.model?.ai_persona_name
+  }
+
+  <template>
+    {{#if this.show}}
+      {{bodyClass "discourse-ai-bot-conversations-page"}}
+    {{/if}}
+  </template>
+}
+

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

@@ -0,0 +1,33 @@
+import Controller from "@ember/controller";
+import { on } from "@ember/modifier";
+import { computed } from "@ember/object";
+import { action } from "@ember/object";
+import didInsert from "@ember/render-modifiers/modifiers/did-insert";
+import { service } from "@ember/service";
+import DButton from "discourse/components/d-button";
+import bodyClass from "discourse/helpers/body-class";
+import { i18n } from "discourse-i18n";
+import SimpleTextareaInteractor from "../lib/simple-textarea-interactor";
+
+export default class DiscourseAiBotConversations extends Controller {
+  @service aiBotConversationsHiddenSubmit;
+
+  textareaInteractor = null;
+
+  @action
+  updateInputValue(event) {
+    this.aiBotConversationsHiddenSubmit.inputValue = event.target.value;
+  }
+
+  @action
+  handleKeyDown(event) {
+    if (event.key === "Enter" && !event.shiftKey) {
+      this.aiBotConversationsHiddenSubmit.submitToBot();
+    }
+  }
+
+  @action
+  initializeTextarea(element) {
+    this.textareaInteractor = new SimpleTextareaInteractor(element);
+  }
+}

assets/javascripts/discourse/discourse-ai-bot-dashboard-route-map.js

@@ -0,0 +1,5 @@
+export default function () {
+  this.route("discourse-ai-bot-conversations", {
+    path: "/discourse-ai/ai-bot/conversations",
+  });
+}

assets/javascripts/discourse/lib/simple-textarea-interactor.js

@@ -0,0 +1,29 @@
+import { schedule } from "@ember/runloop";
+
+export default class SimpleTextareaInteractor {
+  // lifted from "discourse/plugins/chat/discourse/lib/textarea-interactor"
+  // because the chat plugin isn't active on this site
+  constructor(textarea) {
+    this.textarea = textarea;
+    this.init();
+    this.refreshHeightBound = this.refreshHeight.bind(this);
+    this.textarea.addEventListener("input", this.refreshHeightBound);
+  }
+
+  init() {
+    schedule("afterRender", () => {
+      this.refreshHeight();
+    });
+  }
+
+  teardown() {
+    this.textarea.removeEventListener("input", this.refreshHeightBound);
+  }
+
+  refreshHeight() {
+    schedule("afterRender", () => {
+      this.textarea.style.height = "auto";
+      this.textarea.style.height = `${this.textarea.scrollHeight + 2}px`;
+    });
+  }
+}

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

@@ -0,0 +1,3 @@
+import DiscourseRoute from "discourse/routes/discourse";
+
+export default class DiscourseAiBotConversationsRoute extends DiscourseRoute {}

assets/javascripts/discourse/services/ai-bot-conversations-hidden-submit.js

@@ -0,0 +1,59 @@
+import { action } from "@ember/object";
+import { next } from "@ember/runloop";
+import Service, { service } from "@ember/service";
+import Composer from "discourse/models/composer";
+import { i18n } from "discourse-i18n";
+
+export default class AiBotConversationsHiddenSubmit extends Service {
+  @service composer;
+  @service dialog;
+
+  inputValue = "";
+
+  @action
+  focusInput() {
+    this.composer.destroyDraft();
+    this.composer.close();
+    next(() => {
+      document.getElementById("custom-homepage-input").focus();
+    });
+  }
+
+  @action
+  async submitToBot() {
+    this.composer.destroyDraft();
+    this.composer.close();
+
+    if (this.inputValue.length < 10) {
+      // TODO: Translate
+      this.dialog.alert({
+        message: "Message must be longer than 10 characters",
+        didConfirm: () => this.focusInput(),
+        didCancel: () => this.focusInput(),
+      });
+    }
+
+    // this is a total hack, the composer is hidden on the homepage with CSS
+    await this.composer.open({
+      action: Composer.PRIVATE_MESSAGE,
+      draftKey: "private_message_ai",
+      recipients: "DiscourseHelper", // TODO: Figure out how to grab the right bot
+      topicTitle: i18n("discourse_ai.ai_bot.default_pm_prefix"),
+      topicBody: this.inputValue,
+      archetypeId: "private_message",
+      disableDrafts: true,
+    });
+
+    try {
+      await this.composer.save();
+      if (this.inputValue.length > 10) {
+        // prevents submitting same message again when returning home
+        // but avoids deleting too-short message on submit
+        this.inputValue = "";
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error("Failed to submit message:", error);
+    }
+  }
+}

assets/javascripts/discourse/templates/discourse-ai-bot-conversations.hbs

@@ -0,0 +1,25 @@
+{{body-class "discourse-ai-bot-conversations-page"}}
+
+<div class="custom-homepage__content-wrapper">
+  <h1>Ask a question</h1>
+  <div class="custom-homepage__input-wrapper">
+    <textarea
+      {{didInsert this.initializeTextarea}}
+      {{on "input" this.updateInputValue}}
+      {{on "keydown" this.handleKeyDown}}
+      id="custom-homepage-input"
+      placeholder="placeholder (todo)"
+      minlength="10"
+      rows="1"
+    />
+    <DButton
+      @action={{this.aiBotConversationsHiddenSubmit.submitToBot}}
+      @icon="paper-plane"
+      @translatedTitle="Submit (todo)"
+      class="ai-bot-button btn-primary"
+    />
+  </div>
+  <p class="ai-disclaimer">
+    TODO DISCLAIMER
+  </p>
+</div>