@gitlab/duo-ui 15.9.0 → 15.10.1

package/dist/components/agentic_chat/components/agentic_binary_feedback/agentic_binary_feedback.js

@@ -1,175 +1,52 @@
-import { nextTick } from 'vue';
-import { GlButton, GlIcon, GlFormTextarea, GlForm, GlTooltipDirective } from '@gitlab/ui';
+import { GlButton, GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import { translate } from '@gitlab/ui/dist/utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
   THANKS: translate('AgenticBinaryFeedback.thanks', 'Thanks for the feedback!'),
   THUMBS_UP: translate('AgenticBinaryFeedback.thumbsUp', 'Helpful'),
-  THUMBS_DOWN: translate('AgenticBinaryFeedback.thumbsDown', 'Not helpful'),
-  TELL_US_MORE: translate('AgenticBinaryFeedback.tellUsMore', 'Tell us more'),
-  SUBMIT: translate('AgenticBinaryFeedback.submit', 'Submit'),
-  BACK: translate('AgenticBinaryFeedback.back', 'Back'),
-  CLOSE: translate('AgenticBinaryFeedback.close', 'Close'),
-  FEEDBACK_PLACEHOLDER: translate('AgenticBinaryFeedback.placeholder', 'Share your feedback...'),
-  THUMBS_UP_HEADER: translate('AgenticBinaryFeedback.thumbsUpHeader', 'What made this helpful?'),
-  THUMBS_DOWN_HEADER: translate('AgenticBinaryFeedback.thumbsDownHeader', 'What would have been more helpful?'),
-  TOO_GENERIC: translate('AgenticBinaryFeedback.tooGeneric', 'Too generic'),
-  MISSING_STEPS: translate('AgenticBinaryFeedback.missingSteps', 'Missing steps'),
-  WRONG_CONTEXT: translate('AgenticBinaryFeedback.wrongContext', 'Wrong context'),
-  OUTDATED_INCORRECT: translate('AgenticBinaryFeedback.outdatedIncorrect', 'Outdated/incorrect'),
-  SOLVED_PROBLEM: translate('AgenticBinaryFeedback.solvedProblem', 'Solved my problem'),
-  SAVED_TIME: translate('AgenticBinaryFeedback.savedTime', 'Saved me time'),
-  GOOD_EXAMPLES: translate('AgenticBinaryFeedback.goodExamples', 'Good examples'),
-  ACCURATE_INFO: translate('AgenticBinaryFeedback.accurateInfo', 'Accurate information')
-};
-const thumbsDownReasons = [{
-  key: 'too_generic',
-  label: i18n.TOO_GENERIC
-}, {
-  key: 'missing_steps',
-  label: i18n.MISSING_STEPS
-}, {
-  key: 'wrong_context',
-  label: i18n.WRONG_CONTEXT
-}, {
-  key: 'outdated_incorrect',
-  label: i18n.OUTDATED_INCORRECT
-}, {
-  key: 'tell_us_more',
-  label: i18n.TELL_US_MORE,
-  isCustom: true
-}];
-const thumbsUpReasons = [{
-  key: 'solved_problem',
-  label: i18n.SOLVED_PROBLEM
-}, {
-  key: 'saved_time',
-  label: i18n.SAVED_TIME
-}, {
-  key: 'good_examples',
-  label: i18n.GOOD_EXAMPLES
-}, {
-  key: 'accurate_info',
-  label: i18n.ACCURATE_INFO
-}, {
-  key: 'tell_us_more',
-  label: i18n.TELL_US_MORE,
-  isCustom: true
-}];
-const FEEDBACK_VIEW = {
-  CLOSED: 'closed',
-  REASON_LIST: 'reason_list',
-  TELL_US_MORE: 'tell_us_more'
+  THUMBS_DOWN: translate('AgenticBinaryFeedback.thumbsDown', 'Not helpful')
 };
 var script = {
   name: 'AgenticBinaryFeedback',
   i18n,
-  thumbsUpReasons,
-  thumbsDownReasons,
   components: {
     GlButton,
-    GlIcon,
-    GlFormTextarea,
-    GlForm
+    GlIcon
   },
   directives: {
     GlTooltip: GlTooltipDirective
   },
-  data() {
-    return {
-      feedbackType: null,
-      feedbackView: FEEDBACK_VIEW.CLOSED,
-      customFeedback: '',
-      feedbackSubmitted: false
-    };
+  props: {
+    feedbackChoice: {
+      type: String,
+      required: false,
+      default: null,
+      validator: value => value === null || ['thumbs_up', 'thumbs_down'].includes(value)
+    },
+    submitted: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
   },
   computed: {
     isThumbsUp() {
-      return this.feedbackType === 'thumbs_up';
+      return this.feedbackChoice === 'thumbs_up';
     },
     isThumbsDown() {
-      return this.feedbackType === 'thumbs_down';
-    },
-    reasonOptions() {
-      return this.isThumbsUp ? this.$options.thumbsUpReasons : this.$options.thumbsDownReasons;
-    },
-    reasonHeader() {
-      return this.isThumbsUp ? this.$options.i18n.THUMBS_UP_HEADER : this.$options.i18n.THUMBS_DOWN_HEADER;
-    },
-    isOverCharacterLimit() {
-      return this.customFeedback.length > 140;
-    },
-    trimmedFeedback() {
-      return this.customFeedback.trim();
-    },
-    isTextareaValid() {
-      return this.trimmedFeedback.length === 0 ? null : !this.isOverCharacterLimit;
-    },
-    canSubmitCustomFeedback() {
-      return this.trimmedFeedback.length > 0 && !this.isOverCharacterLimit;
+      return this.feedbackChoice === 'thumbs_down';
     },
-    characterCountText() {
-      const remaining = 140 - this.customFeedback.length;
-      if (remaining >= 0) {
-        return remaining === 1 ? `${remaining} character remaining` : `${remaining} characters remaining`;
-      }
-      const over = Math.abs(remaining);
-      return over === 1 ? `${over} character over limit` : `${over} characters over limit`;
+    showButtons() {
+      return !this.feedbackChoice && !this.submitted;
     },
-    isDropdownOpen() {
-      return this.feedbackView !== FEEDBACK_VIEW.CLOSED;
-    },
-    isReasonListVisible() {
-      return this.feedbackView === FEEDBACK_VIEW.REASON_LIST;
-    },
-    isTellUsMoreVisible() {
-      return this.feedbackView === FEEDBACK_VIEW.TELL_US_MORE;
+    showSelectedIcon() {
+      return this.feedbackChoice && !this.submitted;
     }
   },
   methods: {
     selectFeedbackType(type) {
-      this.feedbackType = type;
-      this.feedbackView = FEEDBACK_VIEW.REASON_LIST;
-      this.customFeedback = '';
-      this.scrollToDropdown();
-    },
-    scrollToDropdown() {
-      nextTick(() => {
-        var _this$$refs$dropdown, _el$scrollIntoView;
-        const el = ((_this$$refs$dropdown = this.$refs.dropdown) === null || _this$$refs$dropdown === void 0 ? void 0 : _this$$refs$dropdown.$el) || this.$refs.dropdown;
-        el === null || el === void 0 ? void 0 : (_el$scrollIntoView = el.scrollIntoView) === null || _el$scrollIntoView === void 0 ? void 0 : _el$scrollIntoView.call(el, {
-          behavior: 'smooth',
-          block: 'nearest'
-        });
-      });
-    },
-    selectReason(reason) {
-      if (reason.isCustom) {
-        this.feedbackView = FEEDBACK_VIEW.TELL_US_MORE;
-        return;
-      }
-      this.submitFeedback(reason.key);
-    },
-    submitCustomFeedback() {
-      this.submitFeedback(`custom_${this.customFeedback.trim()}`);
-    },
-    submitFeedback(feedbackReason) {
-      this.$emit('feedback', {
-        feedbackType: this.feedbackType,
-        feedbackReason
-      });
-      this.feedbackView = FEEDBACK_VIEW.CLOSED;
-      this.feedbackSubmitted = true;
-    },
-    goBackToReasons() {
-      this.feedbackView = FEEDBACK_VIEW.REASON_LIST;
-      this.customFeedback = '';
-    },
-    closeDropdown() {
-      this.feedbackView = FEEDBACK_VIEW.CLOSED;
-      this.customFeedback = '';
-      this.feedbackType = null;
+      this.$emit('select-type', type);
     }
   }
 };
@@ -178,7 +55,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"agentic-binary-feedback gl-flex gl-items-center gl-gap-2",class:{ 'gl-relative': !_vm.isDropdownOpen }},[(!_vm.feedbackSubmitted && !_vm.isDropdownOpen)?[_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.THUMBS_UP,"aria-label":_vm.$options.i18n.THUMBS_UP,"icon":"thumb-up","category":"tertiary","size":"small","data-testid":"thumb-up-button"},on:{"click":function($event){return _vm.selectFeedbackType('thumbs_up')}}}),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.THUMBS_DOWN,"aria-label":_vm.$options.i18n.THUMBS_DOWN,"icon":"thumb-down","category":"tertiary","size":"small","data-testid":"thumb-down-button"},on:{"click":function($event){return _vm.selectFeedbackType('thumbs_down')}}})]:(_vm.isDropdownOpen)?[_c('div',{staticClass:"gl-flex gl-h-6 gl-items-center"},[_c('gl-icon',{class:_vm.isThumbsUp ? 'gl-text-success' : 'gl-text-danger',attrs:{"name":_vm.isThumbsUp ? 'thumb-up' : 'thumb-down',"size":16,"data-testid":"selected-thumb-icon"}})],1),_vm._v(" "),_c('div',{ref:"dropdown",staticClass:"feedback-reason-dropdown gl-l-0 gl-r-0 gl-border gl-absolute gl-top-full gl-mb-4 gl-mt-4 gl-w-full gl-rounded-lg gl-border-default gl-bg-subtle gl-p-3",attrs:{"data-testid":"feedback-reason-dropdown"}},[_c('div',{staticClass:"gl-mb-3 gl-flex gl-items-center gl-justify-between gl-gap-2"},[_c('p',{staticClass:"gl-m-0 gl-text-sm gl-font-bold",attrs:{"data-testid":"reason-header"}},[_vm._v("\n          "+_vm._s(_vm.reasonHeader)+"\n        ")]),_vm._v(" "),_c('div',{staticClass:"gl-flex gl-shrink-0 gl-items-center gl-gap-1"},[(_vm.isTellUsMoreVisible)?_c('gl-button',{attrs:{"icon":"go-back","category":"tertiary","size":"small","aria-label":_vm.$options.i18n.BACK,"data-testid":"back-button"},on:{"click":_vm.goBackToReasons}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-mr-[-5px]",attrs:{"icon":"close","category":"tertiary","size":"small","aria-label":_vm.$options.i18n.CLOSE,"data-testid":"close-dropdown-button"},on:{"click":_vm.closeDropdown}})],1)]),_vm._v(" "),(_vm.isReasonListVisible)?_c('div',{staticClass:"gl-flex gl-flex-wrap gl-gap-2",attrs:{"data-testid":"reason-buttons"}},_vm._l((_vm.reasonOptions),function(reason){return _c('gl-button',{key:reason.key,staticClass:"gl-rounded-full",attrs:{"category":"secondary","size":"small","icon":reason.isCustom ? 'pencil' : undefined,"data-testid":("reason-" + (reason.key))},on:{"click":function($event){return _vm.selectReason(reason)}}},[_vm._v("\n          "+_vm._s(reason.label)+"\n        ")])}),1):_vm._e(),_vm._v(" "),(_vm.isTellUsMoreVisible)?_c('div',{staticClass:"gl-flex gl-w-full gl-flex-col gl-gap-3",attrs:{"data-testid":"tell-us-more-view"}},[_c('gl-form',{staticClass:"gl-flex gl-w-full gl-flex-col gl-gap-3",on:{"submit":function($event){$event.preventDefault();_vm.canSubmitCustomFeedback ? _vm.submitCustomFeedback() : null;}}},[_c('gl-form-textarea',{attrs:{"state":_vm.isTextareaValid,"placeholder":_vm.$options.i18n.FEEDBACK_PLACEHOLDER,"rows":3,"max-rows":5,"data-testid":"custom-feedback-textarea"},model:{value:(_vm.customFeedback),callback:function ($$v) {_vm.customFeedback=$$v;},expression:"customFeedback"}}),_vm._v(" "),_c('div',{staticClass:"gl-flex gl-items-center gl-justify-between"},[_c('gl-button',{attrs:{"variant":"confirm","size":"small","type":"submit","data-testid":"submit-custom-feedback-button"}},[_vm._v("\n              "+_vm._s(_vm.$options.i18n.SUBMIT)+"\n            ")]),_vm._v(" "),_c('span',{staticClass:"gl-text-sm",class:_vm.isOverCharacterLimit ? 'gl-text-danger' : 'gl-text-subtle',attrs:{"data-testid":"character-count"}},[_vm._v("\n              "+_vm._s(_vm.characterCountText)+"\n            ")])],1)],1)],1):_vm._e()])]:_c('div',{staticClass:"gl-relative gl-flex gl-items-center gl-gap-2",attrs:{"data-testid":"feedback-given"}},[_c('div',{staticClass:"feedback-colored-icon",attrs:{"data-testid":"feedback-colored-icon"}},[(_vm.isThumbsUp)?_c('gl-icon',{staticClass:"gl-text-success",attrs:{"name":"thumb-up","size":16,"data-testid":"thumb-up-icon-success"}}):(_vm.isThumbsDown)?_c('gl-icon',{staticClass:"gl-text-danger",attrs:{"name":"thumb-down","size":16,"data-testid":"thumb-down-icon-danger"}}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"feedback-thanks gl-m-l-0 gl-w-0 gl-overflow-hidden gl-whitespace-nowrap gl-opacity-0",attrs:{"data-testid":"feedback-thanks"}},[_c('gl-icon',{staticClass:"gl-text-success",attrs:{"name":"check-xs","size":16,"data-testid":"check-icon"}}),_vm._v(" "),_c('span',{staticClass:"gl-text-sm gl-text-subtle"},[_vm._v(_vm._s(_vm.$options.i18n.THANKS))])],1)])],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"agentic-binary-feedback gl-flex gl-items-center gl-gap-2"},[(_vm.showButtons)?[_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.THUMBS_UP,"aria-label":_vm.$options.i18n.THUMBS_UP,"icon":"thumb-up","category":"tertiary","size":"small","data-testid":"thumb-up-button"},on:{"click":function($event){return _vm.selectFeedbackType('thumbs_up')}}}),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.THUMBS_DOWN,"aria-label":_vm.$options.i18n.THUMBS_DOWN,"icon":"thumb-down","category":"tertiary","size":"small","data-testid":"thumb-down-button"},on:{"click":function($event){return _vm.selectFeedbackType('thumbs_down')}}})]:(_vm.showSelectedIcon)?_c('div',{staticClass:"gl-flex gl-h-6 gl-items-center"},[_c('gl-icon',{class:_vm.isThumbsUp ? 'gl-text-success' : 'gl-text-danger',attrs:{"name":_vm.isThumbsUp ? 'thumb-up' : 'thumb-down',"size":16,"data-testid":"selected-thumb-icon"}})],1):(_vm.submitted)?_c('div',{staticClass:"gl-relative gl-flex gl-items-center gl-gap-2",attrs:{"data-testid":"feedback-given"}},[_c('div',{staticClass:"feedback-colored-icon",attrs:{"data-testid":"feedback-colored-icon"}},[(_vm.isThumbsUp)?_c('gl-icon',{staticClass:"gl-text-success",attrs:{"name":"thumb-up","size":16,"data-testid":"thumb-up-icon-success"}}):(_vm.isThumbsDown)?_c('gl-icon',{staticClass:"gl-text-danger",attrs:{"name":"thumb-down","size":16,"data-testid":"thumb-down-icon-danger"}}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"feedback-thanks gl-m-l-0 gl-w-0 gl-overflow-hidden gl-whitespace-nowrap gl-opacity-0",attrs:{"data-testid":"feedback-thanks"}},[_c('gl-icon',{staticClass:"gl-text-success",attrs:{"name":"check-xs","size":16,"data-testid":"check-icon"}}),_vm._v(" "),_c('span',{staticClass:"gl-text-sm gl-text-subtle"},[_vm._v(_vm._s(_vm.$options.i18n.THANKS))])],1)]):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */
@@ -211,4 +88,4 @@ var __vue_staticRenderFns__ = [];
   );
 
 export default __vue_component__;
-export { FEEDBACK_VIEW, i18n, thumbsDownReasons, thumbsUpReasons };
+export { i18n };

package/dist/components/agentic_chat/components/agentic_feedback_panel/agentic_feedback_panel.js

@@ -0,0 +1,185 @@
+import { GlButton, GlFormTextarea, GlForm } from '@gitlab/ui';
+import { translate } from '@gitlab/ui/dist/utils/i18n';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+const i18n = {
+  TELL_US_MORE: translate('AgenticBinaryFeedback.tellUsMore', 'Tell us more'),
+  SUBMIT: translate('AgenticBinaryFeedback.submit', 'Submit'),
+  BACK: translate('AgenticBinaryFeedback.back', 'Back'),
+  CLOSE: translate('AgenticBinaryFeedback.close', 'Close'),
+  FEEDBACK_PLACEHOLDER: translate('AgenticBinaryFeedback.placeholder', 'Share your feedback...'),
+  THUMBS_UP_HEADER: translate('AgenticBinaryFeedback.thumbsUpHeader', 'What made this helpful?'),
+  THUMBS_DOWN_HEADER: translate('AgenticBinaryFeedback.thumbsDownHeader', 'What would have been more helpful?'),
+  TOO_GENERIC: translate('AgenticBinaryFeedback.tooGeneric', 'Too generic'),
+  MISSING_STEPS: translate('AgenticBinaryFeedback.missingSteps', 'Missing steps'),
+  WRONG_CONTEXT: translate('AgenticBinaryFeedback.wrongContext', 'Wrong context'),
+  OUTDATED_INCORRECT: translate('AgenticBinaryFeedback.outdatedIncorrect', 'Outdated/incorrect'),
+  SOLVED_PROBLEM: translate('AgenticBinaryFeedback.solvedProblem', 'Solved my problem'),
+  SAVED_TIME: translate('AgenticBinaryFeedback.savedTime', 'Saved me time'),
+  GOOD_EXAMPLES: translate('AgenticBinaryFeedback.goodExamples', 'Good examples'),
+  ACCURATE_INFO: translate('AgenticBinaryFeedback.accurateInfo', 'Accurate information')
+};
+const PANEL_VIEW = {
+  REASON_LIST: 'reason_list',
+  TELL_US_MORE: 'tell_us_more'
+};
+const thumbsDownReasons = [{
+  key: 'too_generic',
+  label: i18n.TOO_GENERIC
+}, {
+  key: 'missing_steps',
+  label: i18n.MISSING_STEPS
+}, {
+  key: 'wrong_context',
+  label: i18n.WRONG_CONTEXT
+}, {
+  key: 'outdated_incorrect',
+  label: i18n.OUTDATED_INCORRECT
+}, {
+  key: 'tell_us_more',
+  label: i18n.TELL_US_MORE,
+  isCustom: true
+}];
+const thumbsUpReasons = [{
+  key: 'solved_problem',
+  label: i18n.SOLVED_PROBLEM
+}, {
+  key: 'saved_time',
+  label: i18n.SAVED_TIME
+}, {
+  key: 'good_examples',
+  label: i18n.GOOD_EXAMPLES
+}, {
+  key: 'accurate_info',
+  label: i18n.ACCURATE_INFO
+}, {
+  key: 'tell_us_more',
+  label: i18n.TELL_US_MORE,
+  isCustom: true
+}];
+const CHARACTER_LIMIT = 140;
+var script = {
+  name: 'AgenticFeedbackPanel',
+  i18n,
+  thumbsUpReasons,
+  thumbsDownReasons,
+  components: {
+    GlButton,
+    GlFormTextarea,
+    GlForm
+  },
+  props: {
+    feedbackType: {
+      type: String,
+      required: true,
+      validator: value => ['thumbs_up', 'thumbs_down'].includes(value)
+    }
+  },
+  data() {
+    return {
+      panelView: PANEL_VIEW.REASON_LIST,
+      customFeedback: ''
+    };
+  },
+  computed: {
+    isThumbsUp() {
+      return this.feedbackType === 'thumbs_up';
+    },
+    reasonOptions() {
+      return this.isThumbsUp ? this.$options.thumbsUpReasons : this.$options.thumbsDownReasons;
+    },
+    reasonHeader() {
+      return this.isThumbsUp ? this.$options.i18n.THUMBS_UP_HEADER : this.$options.i18n.THUMBS_DOWN_HEADER;
+    },
+    isOverCharacterLimit() {
+      return this.customFeedback.length > CHARACTER_LIMIT;
+    },
+    trimmedFeedback() {
+      return this.customFeedback.trim();
+    },
+    isTextareaValid() {
+      return this.trimmedFeedback.length === 0 ? null : !this.isOverCharacterLimit;
+    },
+    canSubmitCustomFeedback() {
+      return this.trimmedFeedback.length > 0 && !this.isOverCharacterLimit;
+    },
+    characterCountText() {
+      const remaining = CHARACTER_LIMIT - this.customFeedback.length;
+      if (remaining >= 0) {
+        return remaining === 1 ? `${remaining} character remaining` : `${remaining} characters remaining`;
+      }
+      const over = Math.abs(remaining);
+      return over === 1 ? `${over} character over limit` : `${over} characters over limit`;
+    },
+    isReasonListVisible() {
+      return this.panelView === PANEL_VIEW.REASON_LIST;
+    },
+    isTellUsMoreVisible() {
+      return this.panelView === PANEL_VIEW.TELL_US_MORE;
+    }
+  },
+  methods: {
+    selectReason(reason) {
+      if (reason.isCustom) {
+        this.panelView = PANEL_VIEW.TELL_US_MORE;
+        return;
+      }
+      this.$emit('submit', {
+        feedbackType: this.feedbackType,
+        feedbackReason: reason.key
+      });
+    },
+    submitCustomFeedback() {
+      this.$emit('submit', {
+        feedbackType: this.feedbackType,
+        feedbackReason: `custom_${this.customFeedback.trim()}`
+      });
+    },
+    goBackToReasons() {
+      this.panelView = PANEL_VIEW.REASON_LIST;
+      this.customFeedback = '';
+    },
+    close() {
+      this.$emit('close');
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"agentic-feedback-panel gl-border gl-mt-2 gl-rounded-lg gl-border-default gl-bg-subtle gl-p-3",attrs:{"data-testid":"feedback-reason-dropdown"}},[_c('div',{staticClass:"gl-mb-3 gl-flex gl-items-center gl-justify-between gl-gap-2"},[_c('p',{staticClass:"gl-m-0 gl-text-sm gl-font-bold",attrs:{"data-testid":"reason-header"}},[_vm._v("\n      "+_vm._s(_vm.reasonHeader)+"\n    ")]),_vm._v(" "),_c('div',{staticClass:"gl-flex gl-shrink-0 gl-items-center gl-gap-1"},[(_vm.isTellUsMoreVisible)?_c('gl-button',{attrs:{"icon":"go-back","category":"tertiary","size":"small","aria-label":_vm.$options.i18n.BACK,"data-testid":"back-button"},on:{"click":_vm.goBackToReasons}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-mr-[-5px]",attrs:{"icon":"close","category":"tertiary","size":"small","aria-label":_vm.$options.i18n.CLOSE,"data-testid":"close-dropdown-button"},on:{"click":_vm.close}})],1)]),_vm._v(" "),(_vm.isReasonListVisible)?_c('div',{staticClass:"gl-flex gl-flex-wrap gl-gap-2",attrs:{"data-testid":"reason-buttons"}},_vm._l((_vm.reasonOptions),function(reason){return _c('gl-button',{key:reason.key,staticClass:"gl-rounded-full",attrs:{"category":"secondary","size":"small","icon":reason.isCustom ? 'pencil' : undefined,"data-testid":("reason-" + (reason.key))},on:{"click":function($event){return _vm.selectReason(reason)}}},[_vm._v("\n      "+_vm._s(reason.label)+"\n    ")])}),1):_vm._e(),_vm._v(" "),(_vm.isTellUsMoreVisible)?_c('div',{staticClass:"gl-flex gl-w-full gl-flex-col gl-gap-3",attrs:{"data-testid":"tell-us-more-view"}},[_c('gl-form',{staticClass:"gl-flex gl-w-full gl-flex-col gl-gap-3",on:{"submit":function($event){$event.preventDefault();_vm.canSubmitCustomFeedback ? _vm.submitCustomFeedback() : null;}}},[_c('gl-form-textarea',{attrs:{"state":_vm.isTextareaValid,"placeholder":_vm.$options.i18n.FEEDBACK_PLACEHOLDER,"rows":3,"max-rows":5,"data-testid":"custom-feedback-textarea"},model:{value:(_vm.customFeedback),callback:function ($$v) {_vm.customFeedback=$$v;},expression:"customFeedback"}}),_vm._v(" "),_c('div',{staticClass:"gl-flex gl-items-center gl-justify-between"},[_c('gl-button',{attrs:{"variant":"confirm","size":"small","type":"submit","data-testid":"submit-custom-feedback-button"}},[_vm._v("\n          "+_vm._s(_vm.$options.i18n.SUBMIT)+"\n        ")]),_vm._v(" "),_c('span',{staticClass:"gl-text-sm",class:_vm.isOverCharacterLimit ? 'gl-text-danger' : 'gl-text-subtle',attrs:{"data-testid":"character-count"}},[_vm._v("\n          "+_vm._s(_vm.characterCountText)+"\n        ")])],1)],1)],1):_vm._e()])};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;
+export { PANEL_VIEW, i18n, thumbsDownReasons, thumbsUpReasons };

package/dist/components/chat/components/duo_chat_message/duo_chat_message.js

@@ -6,6 +6,8 @@ import { SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED, MESSAGE_MODEL_ROLES } from '.
 import DocumentationSources from '../duo_chat_message_sources/duo_chat_message_sources';
 import { concatUntilEmpty, copyToClipboard } from '../utils';
 import AgenticBinaryFeedback from '../../../agentic_chat/components/agentic_binary_feedback/agentic_binary_feedback';
+import AgenticFeedbackPanel from '../../../agentic_chat/components/agentic_feedback_panel/agentic_feedback_panel';
+import MessageActionBar from '../message_action_bar/message_action_bar';
 import MessageFeedback from './message_feedback';
 import MarkdownRenderer from './markdown_renderer';
 import { CopyCodeElement } from './copy_code_element';
@@ -28,8 +30,10 @@ var script = {
   },
   components: {
     AgenticBinaryFeedback,
+    AgenticFeedbackPanel,
     DocumentationSources,
     DuoChatContextItemSelections,
+    MessageActionBar,
     MessageFeedback,
     MessageMap,
     GlIcon,
@@ -115,7 +119,9 @@ var script = {
       // imperatively set up watcher on message
       messageChunks: [],
       selectedContextItemsDefaultCollapsed: SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED,
-      copied: false
+      copied: false,
+      feedbackChoice: null,
+      feedbackSubmitted: false
     };
   },
   computed: {
@@ -295,6 +301,16 @@ var script = {
         e.classList.remove(DUO_CODE_SCRIM_TOP_CLASS);
       }
     },
+    onFeedbackTypeSelected(type) {
+      this.feedbackChoice = type;
+    },
+    onFeedbackPanelSubmit(payload) {
+      this.feedbackSubmitted = true;
+      this.logEvent(payload);
+    },
+    onFeedbackPanelClose() {
+      this.feedbackChoice = null;
+    },
     async copyMessage() {
       try {
         await copyToClipboard(this.message.content, this.$el);
@@ -325,7 +341,10 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=
     'duo-chat-message-complete': _vm.isDoneStreaming,
   },on:{"insert-code-snippet":_vm.onInsertCodeSnippet,"copy-code-snippet":_vm.onCopyCodeSnippet}},[(_vm.error)?_c('div',{ref:"error-message",staticClass:"duo-chat-message-with-error gl-flex gl-bg-feedback-danger gl-p-4"},[(_vm.error)?_c('gl-icon',{staticClass:"error-icon !gl-mt-1 gl-mr-3 gl-shrink-0 gl-text-danger",attrs:{"aria-label":_vm.$options.i18n.MESSAGE_ERROR,"name":"error","size":16,"data-testid":"error"}}):_vm._e(),_vm._v(" "),(_vm.error)?_c('markdown-renderer',{ref:"error-message",staticClass:"duo-chat-message-error",attrs:{"markdown":_vm.renderedError,"trusted-urls":_vm.trustedUrls}}):_vm._e()],1):(_vm.isAssistantMessage || _vm.isUserMessage)?[_c('div',{staticClass:"gl-sr-only"},[_vm._v("\n      "+_vm._s(_vm.isUserMessage ? _vm.$options.i18n.FROM_ME : _vm.$options.i18n.FROM_DUO)+"\n    ")]),_vm._v(" "),(_vm.displaySelectedContextItems && _vm.isAssistantMessage)?_c('duo-chat-context-item-selections',{attrs:{"selections":_vm.selectedContextItems,"title":_vm.selectedContextItemsTitle,"default-collapsed":_vm.selectedContextItemsDefaultCollapsed,"variant":"assistant"},on:{"get-content":_vm.onGetContextItemContent}}):_vm._e(),_vm._v(" "),_c('markdown-renderer',{ref:"content",staticClass:"duo-chat-message",class:{
         'gl-bg-feedback-info gl-p-4 gl-text-feedback-info': _vm.isUserMessage,
-      },attrs:{"is-html":_vm.hasContentHtml,"markdown":_vm.messageContent,"trusted-urls":_vm.trustedUrls}}),_vm._v(" "),(_vm.sources)?_c('documentation-sources',{attrs:{"sources":_vm.sources}}):_vm._e(),_vm._v(" "),(_vm.isAssistantMessage)?_c('div',{staticClass:"duo-chat-message-actions -gl-ml-2 gl-flex gl-items-start gl-gap-3"},[(_vm.isChunkAndNotCancelled)?_c('gl-animated-loader-icon',{attrs:{"is-on":true}}):_vm._e(),_vm._v(" "),(_vm.shouldShowFeedbackLink && _vm.isBinaryFeedbackEnabled)?[(_vm.showBinaryFeedback)?_c('agentic-binary-feedback',{attrs:{"data-testid":"agentic-feedback-latest"},on:{"feedback":_vm.logEvent}}):_c('div',{staticClass:"agentic-feedback-hover-wrapper -gl-mr-3 gl-w-0 gl-overflow-hidden gl-opacity-0",attrs:{"data-testid":"agentic-feedback-hover-container"}},[_c('agentic-binary-feedback',{on:{"feedback":_vm.logEvent}})],1)]:(_vm.shouldShowFeedbackLink)?_c('message-feedback',{attrs:{"has-feedback":_vm.hasFeedback},on:{"feedback":_vm.logEvent}}):_vm._e(),_vm._v(" "),(_vm.shouldShowCopyAction)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],class:{ '!gl-text-success': _vm.copied, '!gl-text-subtle': !_vm.copied },attrs:{"title":_vm.copied ? _vm.$options.i18n.CHAT_MESSAGE_COPIED : _vm.$options.i18n.CHAT_MESSAGE_COPY,"icon":_vm.copied ? 'check-circle-filled' : 'copy-to-clipboard',"category":"tertiary","size":"small"},on:{"click":_vm.copyMessage,"focusout":function($event){_vm.copied = false;}}}):_vm._e()],2):_vm._e(),_vm._v(" "),(_vm.displaySelectedContextItems && _vm.isUserMessage)?_c('duo-chat-context-item-selections',{attrs:{"selections":_vm.selectedContextItems,"title":_vm.selectedContextItemsTitle,"default-collapsed":_vm.selectedContextItemsDefaultCollapsed,"variant":"user"},on:{"get-content":_vm.onGetContextItemContent}}):_vm._e()]:_c('message-map',{attrs:{"message":_vm.message,"with-feedback":_vm.withFeedback,"working-directory":_vm.workingDirectory,"data-testid":"workflow-message"},on:{"open-file-path":_vm.onOpenFilePath,"feedback":_vm.logEvent}})],2)};
+      },attrs:{"is-html":_vm.hasContentHtml,"markdown":_vm.messageContent,"trusted-urls":_vm.trustedUrls}}),_vm._v(" "),(_vm.sources)?_c('documentation-sources',{attrs:{"sources":_vm.sources}}):_vm._e(),_vm._v(" "),(_vm.isAssistantMessage)?[_c('message-action-bar',[(_vm.isChunkAndNotCancelled)?_c('gl-animated-loader-icon',{attrs:{"is-on":true}}):_vm._e(),_vm._v(" "),(_vm.shouldShowFeedbackLink && _vm.isBinaryFeedbackEnabled)?[(_vm.showBinaryFeedback)?_c('agentic-binary-feedback',{attrs:{"feedback-choice":_vm.feedbackChoice,"submitted":_vm.feedbackSubmitted,"data-testid":"agentic-feedback-latest"},on:{"select-type":_vm.onFeedbackTypeSelected}}):_c('div',{staticClass:"agentic-feedback-hover-wrapper",class:{
+              '-gl-mr-3 gl-w-0 gl-overflow-hidden gl-opacity-0':
+                !_vm.feedbackChoice && !_vm.feedbackSubmitted,
+            },attrs:{"data-testid":"agentic-feedback-hover-container"}},[_c('agentic-binary-feedback',{attrs:{"feedback-choice":_vm.feedbackChoice,"submitted":_vm.feedbackSubmitted},on:{"select-type":_vm.onFeedbackTypeSelected}})],1)]:(_vm.shouldShowFeedbackLink)?_c('message-feedback',{attrs:{"has-feedback":_vm.hasFeedback},on:{"feedback":_vm.logEvent}}):_vm._e(),_vm._v(" "),(_vm.shouldShowCopyAction)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],class:{ '!gl-text-success': _vm.copied, '!gl-text-subtle': !_vm.copied },attrs:{"title":_vm.copied ? _vm.$options.i18n.CHAT_MESSAGE_COPIED : _vm.$options.i18n.CHAT_MESSAGE_COPY,"icon":_vm.copied ? 'check-circle-filled' : 'copy-to-clipboard',"category":"tertiary","size":"small"},on:{"click":_vm.copyMessage,"focusout":function($event){_vm.copied = false;}}}):_vm._e()],2),_vm._v(" "),(_vm.feedbackChoice && !_vm.feedbackSubmitted)?_c('agentic-feedback-panel',{attrs:{"feedback-type":_vm.feedbackChoice},on:{"submit":_vm.onFeedbackPanelSubmit,"close":_vm.onFeedbackPanelClose}}):_vm._e()]:_vm._e(),_vm._v(" "),(_vm.displaySelectedContextItems && _vm.isUserMessage)?_c('duo-chat-context-item-selections',{attrs:{"selections":_vm.selectedContextItems,"title":_vm.selectedContextItemsTitle,"default-collapsed":_vm.selectedContextItemsDefaultCollapsed,"variant":"user"},on:{"get-content":_vm.onGetContextItemContent}}):_vm._e()]:_c('message-map',{attrs:{"message":_vm.message,"with-feedback":_vm.withFeedback,"working-directory":_vm.workingDirectory,"data-testid":"workflow-message"},on:{"open-file-path":_vm.onOpenFilePath,"feedback":_vm.logEvent}})],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/components/duo_chat_threads/duo_chat_threads.js

@@ -1,6 +1,8 @@
-import { GlButton, GlAvatar } from '@gitlab/ui';
+import { GlButton, GlAvatar, GlSearchBoxByType } from '@gitlab/ui';
+import debounce from 'lodash/debounce';
 import { translate, sprintf } from '../../../../utils/i18n';
 import { formatLocalizedDate } from '../../../../utils/date';
+import { DEFAULT_DEBOUNCE_AND_THROTTLE_MS } from '../../constants';
 import DuoChatThreadsEmpty from './duo_chat_threads_empty';
 import DuoChatThreadsSkeleton from './duo_chat_threads_skeleton_loader';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -9,13 +11,17 @@ const i18n = {
   CHAT_HISTORY_INFO: translate('DuoChat.chatHistoryInfo', 'Inactive chats are deleted after 30 days.'),
   THREAD_DELETE_LABEL: translate('DuoChat.threadDeleteLabel', 'Delete this chat'),
   OPEN_CHAT_LABEL: translate('DuoChat.openChatLabel', 'Open chat: %{title}'),
-  UNTITLED_CHAT_TITLE: translate('DuoChat.untitledChatTitle', 'Untitled Chat')
+  UNTITLED_CHAT_TITLE: translate('DuoChat.untitledChatTitle', 'Untitled Chat'),
+  SEARCH_PLACEHOLDER: translate('DuoChat.searchPlaceholder', 'Search chats...'),
+  NO_RESULTS: translate('DuoChat.noSearchResults', 'No results found'),
+  CHAT_HISTORY_SEARCH: translate('DuoChat.chatHistorySearch', 'Search chat history')
 };
 var script = {
   name: 'DuoChatHistory',
   components: {
     GlButton,
     GlAvatar,
+    GlSearchBoxByType,
     DuoChatThreadsEmpty,
     DuoChatThreadsSkeleton
   },
@@ -34,12 +40,32 @@ var script = {
       default: false
     }
   },
+  data() {
+    return {
+      searchQuery: '',
+      debouncedSearchQuery: ''
+    };
+  },
   computed: {
+    filteredThreads() {
+      if (!this.debouncedSearchQuery.trim()) {
+        return this.threads;
+      }
+      const query = this.debouncedSearchQuery.trim();
+      return this.threads.filter(thread => {
+        const {
+          title = '',
+          goal = '',
+          agentName = ''
+        } = thread;
+        return title.includes(query) || goal.includes(query) || agentName.includes(query);
+      });
+    },
     groupedThreads() {
-      if (!this.hasThreads) {
+      if (!this.hasFilteredThreads) {
         return {};
       }
-      return this.threads.slice().sort((a, b) => this.compareThreadDates(b.updatedAt, a.updatedAt)).sort((a, b) => this.compareThreadDates(b.lastUpdatedAt, a.lastUpdatedAt)).reduce((grouped, thread) => {
+      return this.filteredThreads.slice().sort((a, b) => this.compareThreadDates(b.updatedAt, a.updatedAt)).sort((a, b) => this.compareThreadDates(b.lastUpdatedAt, a.lastUpdatedAt)).reduce((grouped, thread) => {
         const dateField = thread.updatedAt || thread.lastUpdatedAt;
         const dateKey = this.getDateKey(dateField);
         return {
@@ -50,8 +76,21 @@ var script = {
     },
     hasThreads() {
       return this.threads.length > 0;
+    },
+    hasFilteredThreads() {
+      return this.filteredThreads.length > 0;
     }
   },
+  watch: {
+    searchQuery(newValue) {
+      this.updateDebouncedSearchQuery(newValue);
+    }
+  },
+  created() {
+    this.updateDebouncedSearchQuery = debounce(value => {
+      this.debouncedSearchQuery = value;
+    }, DEFAULT_DEBOUNCE_AND_THROTTLE_MS);
+  },
   methods: {
     threadLabel(thread) {
       return thread.title || thread.goal || i18n.UNTITLED_CHAT_TITLE;
@@ -88,9 +127,9 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-flex gl-flex-col gl-overflow-hidden"},[(_vm.loading)?_c('duo-chat-threads-skeleton'):(_vm.hasThreads)?[_c('div',{staticClass:"gl-grow gl-overflow-y-scroll gl-px-4 gl-py-5"},_vm._l((_vm.groupedThreads),function(threadsForDate,date){return _c('div',{key:date,staticClass:"gl-mb-3"},[_c('div',{staticClass:"gl-mb-3 gl-text-base gl-font-bold gl-text-default",attrs:{"data-testid":"chat-threads-date-header"}},[_vm._v("\n          "+_vm._s(_vm.formattedLocalDate(date))+"\n        ")]),_vm._v(" "),_vm._l((threadsForDate),function(thread){return _c('div',{key:thread.id,staticClass:"history-item gl-w-full gl-text-base"},[_c('gl-button',{staticClass:"history-item-name gl-w-full gl-text-base",attrs:{"data-testid":"chat-threads-thread-box","aria-label":_vm.sprintf(_vm.$options.i18n.OPEN_CHAT_LABEL, {
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-flex gl-flex-col gl-overflow-hidden"},[(_vm.loading)?_c('duo-chat-threads-skeleton'):(_vm.hasThreads)?[_c('div',{staticClass:"gl-px-4 gl-pt-4"},[_c('span',{staticClass:"gl-sr-only"},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_HISTORY_SEARCH))]),_vm._v(" "),_c('gl-search-box-by-type',{attrs:{"data-testid":"chat-threads-search-input","placeholder":_vm.$options.i18n.SEARCH_PLACEHOLDER},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v;},expression:"searchQuery"}})],1),_vm._v(" "),_c('div',{staticClass:"gl-grow gl-overflow-y-scroll gl-px-4 gl-py-5"},[(!_vm.hasFilteredThreads)?_c('p',{staticClass:"gl-mb-0 gl-text-center gl-text-subtle",attrs:{"data-testid":"chat-threads-no-results"}},[_vm._v("\n        "+_vm._s(_vm.$options.i18n.NO_RESULTS)+"\n      ")]):_vm._e(),_vm._v(" "),_vm._l((_vm.groupedThreads),function(threadsForDate,date){return _c('div',{key:date,staticClass:"gl-mb-3"},[_c('div',{staticClass:"gl-mb-3 gl-text-base gl-font-bold gl-text-default",attrs:{"data-testid":"chat-threads-date-header"}},[_vm._v("\n          "+_vm._s(_vm.formattedLocalDate(date))+"\n        ")]),_vm._v(" "),_vm._l((threadsForDate),function(thread){return _c('div',{key:thread.id,staticClass:"history-item gl-w-full gl-text-base"},[_c('gl-button',{staticClass:"history-item-name gl-w-full gl-text-base",attrs:{"data-testid":"chat-threads-thread-box","aria-label":_vm.sprintf(_vm.$options.i18n.OPEN_CHAT_LABEL, {
                 title: _vm.threadLabel(thread),
-              })},on:{"click":function($event){return _vm.onSelectThread(thread)}}},[_c('gl-avatar',{staticClass:"gl-shrink-0",attrs:{"size":32,"entity-name":_vm.threadLabel(thread),"shape":"circle"}}),_vm._v(" "),_c('div',{staticClass:"gl-grow gl-whitespace-normal gl-break-all"},[(!thread.title && !thread.goal)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-default"},[_vm._v(_vm._s(_vm.$options.i18n.UNTITLED_CHAT_TITLE))]):[(thread.title)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-default"},[_vm._v(_vm._s(thread.title))]):_vm._e(),_vm._v(" "),(thread.goal)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-subtle"},[_vm._v(_vm._s(thread.goal))]):_vm._e()],_vm._v(" "),(thread.agentName)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-sm gl-text-subtle"},[_vm._v("\n                "+_vm._s(thread.agentName)+"\n              ")]):_vm._e()],2)],1),_vm._v(" "),_c('gl-button',{staticClass:"history-remove-button",attrs:{"data-testid":"chat-threads-delete-thread-button","icon":"remove","category":"tertiary","title":_vm.$options.i18n.THREAD_DELETE_LABEL,"aria-label":_vm.$options.i18n.THREAD_DELETE_LABEL},on:{"click":function($event){return _vm.$emit('delete-thread', thread.id)}}})],1)})],2)}),0),_vm._v(" "),_c('p',{staticClass:"gl-m-0 gl-p-5 gl-text-center gl-text-base gl-text-subtle",attrs:{"data-testid":"chat-threads-info-banner"}},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.CHAT_HISTORY_INFO)+"\n    ")])]:_c('duo-chat-threads-empty')],2)};
+              })},on:{"click":function($event){return _vm.onSelectThread(thread)}}},[_c('gl-avatar',{staticClass:"gl-shrink-0",attrs:{"size":32,"entity-name":_vm.threadLabel(thread),"shape":"circle"}}),_vm._v(" "),_c('div',{staticClass:"gl-grow gl-whitespace-normal gl-break-all"},[(!thread.title && !thread.goal)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-default"},[_vm._v(_vm._s(_vm.$options.i18n.UNTITLED_CHAT_TITLE))]):[(thread.title)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-default"},[_vm._v(_vm._s(thread.title))]):_vm._e(),_vm._v(" "),(thread.goal)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-subtle"},[_vm._v(_vm._s(thread.goal))]):_vm._e()],_vm._v(" "),(thread.agentName)?_c('span',{staticClass:"gl-line-clamp-1 gl-text-sm gl-text-subtle"},[_vm._v("\n                "+_vm._s(thread.agentName)+"\n              ")]):_vm._e()],2)],1),_vm._v(" "),_c('gl-button',{staticClass:"history-remove-button",attrs:{"data-testid":"chat-threads-delete-thread-button","icon":"remove","category":"tertiary","title":_vm.$options.i18n.THREAD_DELETE_LABEL,"aria-label":_vm.$options.i18n.THREAD_DELETE_LABEL},on:{"click":function($event){return _vm.$emit('delete-thread', thread.id)}}})],1)})],2)})],2),_vm._v(" "),_c('p',{staticClass:"gl-m-0 gl-p-5 gl-text-center gl-text-base gl-text-subtle",attrs:{"data-testid":"chat-threads-info-banner"}},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.CHAT_HISTORY_INFO)+"\n    ")])]:_c('duo-chat-threads-empty')],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/components/message_action_bar/message_action_bar.js

@@ -0,0 +1,43 @@
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'MessageActionBar'
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"message-action-bar -gl-ml-2 gl-flex gl-items-start gl-gap-3"},[_vm._t("default")],2)};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/chat/constants.js

@@ -4,6 +4,7 @@ const CHAT_NEW_MESSAGE = '/new';
 const CHAT_INCLUDE_MESSAGE = '/include';
 const CHAT_BASE_COMMANDS = [CHAT_RESET_MESSAGE, CHAT_CLEAR_MESSAGE, CHAT_NEW_MESSAGE];
 const LOADING_TRANSITION_DURATION = 7500;
+const DEFAULT_DEBOUNCE_AND_THROTTLE_MS = 250;
 const DOCUMENTATION_SOURCE_TYPES = {
   HANDBOOK: {
     value: 'handbook'
@@ -59,4 +60,4 @@ const APPROVAL_TOOL_NAMES = {
   runGitCommand: 'run_git_command'
 };
 
-export { APPROVAL_TOOL_NAMES, CHAT_BASE_COMMANDS, CHAT_CLEAR_MESSAGE, CHAT_INCLUDE_MESSAGE, CHAT_NEW_MESSAGE, CHAT_RESET_MESSAGE, DOCUMENTATION_SOURCE_TYPES, LOADING_TRANSITION_DURATION, MAX_PROMPT_LENGTH, MESSAGE_MODEL_ROLES, PROMPT_LENGTH_WARNING, SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED, acceptedApproveToolPayloads, badgeTypeValidator, badgeTypes };
+export { APPROVAL_TOOL_NAMES, CHAT_BASE_COMMANDS, CHAT_CLEAR_MESSAGE, CHAT_INCLUDE_MESSAGE, CHAT_NEW_MESSAGE, CHAT_RESET_MESSAGE, DEFAULT_DEBOUNCE_AND_THROTTLE_MS, DOCUMENTATION_SOURCE_TYPES, LOADING_TRANSITION_DURATION, MAX_PROMPT_LENGTH, MESSAGE_MODEL_ROLES, PROMPT_LENGTH_WARNING, SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED, acceptedApproveToolPayloads, badgeTypeValidator, badgeTypes };