diff --git a/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.gjs b/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.gjs
new file mode 100644
index 00000000..38edc917
--- /dev/null
+++ b/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.gjs
@@ -0,0 +1,40 @@
+import Component from "@glimmer/component";
+import { on } from "@ember/modifier";
+import { action } from "@ember/object";
+import { trustHTML } from "@ember/template";
+import { i18n } from "discourse-i18n";
+
+export default class SetChatbot extends Component {
+  constructor() {
+    super(...arguments);
+    this.args.outletArgs.category.custom_fields ||= {};
+  }
+
+  get customFields() {
+    return this.args.outletArgs.category.custom_fields;
+  }
+
+  get additionalPromptLabel() {
+    return trustHTML(i18n("chatbot.category.auto_response_additional_prompt"));
+  }
+
+  @action
+  updateAdditionalPrompt(event) {
+    this.customFields.chatbot_auto_response_additional_prompt =
+      event.target.value;
+  }
+
+  <template>
+    <section>
+      <h3>{{i18n "chatbot.category.settings_label"}}</h3>
+
+      <section class="field">
+        {{this.additionalPromptLabel}}
+        <textarea
+          value={{this.customFields.chatbot_auto_response_additional_prompt}}
+          {{on "input" this.updateAdditionalPrompt}}
+        ></textarea>
+      </section>
+    </section>
+  </template>
+}
diff --git a/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.hbs b/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.hbs
deleted file mode 100644
index d1da378e..00000000
--- a/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.hbs
+++ /dev/null
@@ -1,14 +0,0 @@
-<section>
-  <h3> {{i18n "chatbot.category.settings_label"}}</h3>
-
-  <section class="field">
-    {{html-safe (i18n "chatbot.category.auto_response_additional_prompt")}}
-    {{input
-      type="textarea"
-      value=category.custom_fields.chatbot_auto_response_additional_prompt
-    }}
-    {{!-- {{i18n "chatbot.category.auto_response_additional_prompt"}} --}}
-
-  </section>
-
-</section>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.js b/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.js
deleted file mode 100644
index d1863451..00000000
--- a/assets/javascripts/discourse/connectors/category-custom-settings/set-chatbot.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export default {
-  setupComponent(attrs) {
-    if (!attrs.category.custom_fields) {
-      attrs.category.custom_fields = {};
-    }
-  },
-};
diff --git a/plugin.rb b/plugin.rb
index 124ae95c..8f114b05 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 # name: discourse-chatbot
 # about: a plugin that allows you to have a conversation with a configurable chatbot in Chat, Topics and Private Messages
-# version: 1.7.1
+# version: 1.7.2
 # authors: merefield
 # url: https://github.com/merefield/discourse-chatbot