{"version":3,"file":"js/394.1d36d1c2.js","mappings":"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","sources":["webpack://botcast-mobile/./src/components/DragDropFileUpload.vue","webpack://botcast-mobile/src/components/DragDropFileUpload.vue","webpack://botcast-mobile/./src/components/DragDropFileUpload.vue?18fe","webpack://botcast-mobile/./src/components/DragDropFileUpload.vue?a926","webpack://botcast-mobile/./src/components/common/TextareaAuto.vue","webpack://botcast-mobile/src/components/common/TextareaAuto.vue","webpack://botcast-mobile/./src/components/common/TextareaAuto.vue?1b2b","webpack://botcast-mobile/./src/components/common/TextareaAuto.vue?82f5","webpack://botcast-mobile/./src/components/editor/components/ActionTextArea.vue","webpack://botcast-mobile/src/components/editor/components/ActionTextArea.vue","webpack://botcast-mobile/./src/components/editor/components/ActionTextArea.vue?e2ce","webpack://botcast-mobile/./src/components/editor/components/ActionTextArea.vue?4d41","webpack://botcast-mobile/./src/components/hub/frame/components/NavbarWithBreadcrumb.vue","webpack://botcast-mobile/src/components/hub/frame/components/NavbarWithBreadcrumb.vue","webpack://botcast-mobile/./src/components/hub/frame/components/NavbarWithBreadcrumb.vue?6896","webpack://botcast-mobile/./src/components/hub/frame/components/NavbarWithBreadcrumb.vue?3b17","webpack://botcast-mobile/./src/components/hub/frame/implementations/FrameBasic.vue","webpack://botcast-mobile/src/components/hub/frame/implementations/FrameBasic.vue","webpack://botcast-mobile/./src/components/hub/frame/implementations/FrameBasic.vue?6a7d","webpack://botcast-mobile/./src/components/hub/frame/implementations/FrameBasic.vue?f8af","webpack://botcast-mobile/./src/components/hub/frame/layout/HubLayout.vue","webpack://botcast-mobile/src/components/hub/frame/layout/HubLayout.vue","webpack://botcast-mobile/./src/components/hub/frame/layout/HubLayout.vue?7227","webpack://botcast-mobile/./src/components/hub/frame/layout/HubLayout.vue?526e","webpack://botcast-mobile/./src/components/hub/frame/layout/NavbarJustifyLayout.vue","webpack://botcast-mobile/src/components/hub/frame/layout/NavbarJustifyLayout.vue","webpack://botcast-mobile/./src/components/hub/frame/layout/NavbarJustifyLayout.vue?5a32","webpack://botcast-mobile/./src/components/hub/frame/layout/NavbarJustifyLayout.vue?c8cf","webpack://botcast-mobile/./src/views/AIPlayground.vue","webpack://botcast-mobile/./src/components/playground/PlaygroundEmpty.vue","webpack://botcast-mobile/src/components/playground/PlaygroundEmpty.vue","webpack://botcast-mobile/./src/components/playground/PlaygroundEmpty.vue?e528","webpack://botcast-mobile/./src/components/playground/PlaygroundEmpty.vue?ed35","webpack://botcast-mobile/./src/components/playground/PlaygroundInputArea.vue","webpack://botcast-mobile/src/components/playground/PlaygroundInputArea.vue","webpack://botcast-mobile/./src/components/playground/PlaygroundInputArea.vue?ccb1","webpack://botcast-mobile/./src/components/playground/PlaygroundInputArea.vue?0ea1","webpack://botcast-mobile/./src/components/playground/PlaygroundChatHistory.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundUserMessage.vue","webpack://botcast-mobile/src/components/playground/historyItems/PlaygroundUserMessage.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundUserMessage.vue?5e16","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundUserMessage.vue?d5f5","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundAdminK2Indices.vue","webpack://botcast-mobile/src/components/playground/historyItems/PlaygroundAdminK2Indices.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundAdminK2Indices.vue?50e5","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundAdminK2Indices.vue?e151","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundLoadingMessage.vue","webpack://botcast-mobile/src/components/playground/historyItems/PlaygroundLoadingMessage.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundLoadingMessage.vue?78fb","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundLoadingMessage.vue?89ff","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundResultMessage.vue","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundGeneratedAnswer.vue","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundResourceHeader.vue","webpack://botcast-mobile/src/components/playground/historyItems/components/PlaygroundResourceHeader.vue","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundResourceHeader.vue?7f8f","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundResourceHeader.vue?c142","webpack://botcast-mobile/./src/components/playground/PlaygroundLLMChatHistory.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMTextResponse.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/components/LLMActionItem.vue","webpack://botcast-mobile/src/components/playground/llmHistoryItems/components/LLMActionItem.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/components/LLMActionItem.vue?c1c5","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/components/LLMActionItem.vue?c32f","webpack://botcast-mobile/src/components/playground/llmHistoryItems/PlaygroundLLMTextResponse.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMTextResponse.vue?7db4","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMTextResponse.vue?c6e5","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMReFrame.vue","webpack://botcast-mobile/src/components/playground/llmHistoryItems/PlaygroundLLMReFrame.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMReFrame.vue?0509","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMReFrame.vue?7b31","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMActionUse.vue","webpack://botcast-mobile/src/components/playground/llmHistoryItems/PlaygroundLLMActionUse.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMActionUse.vue?596a","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMActionUse.vue?7fcb","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMResourcesUsed.vue","webpack://botcast-mobile/src/components/playground/llmHistoryItems/PlaygroundLLMResourcesUsed.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMResourcesUsed.vue?2704","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMResourcesUsed.vue?ebc7","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMError.vue","webpack://botcast-mobile/src/components/playground/llmHistoryItems/PlaygroundLLMError.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMError.vue?38a8","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMError.vue?eb1e","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMNotUnderstood.vue","webpack://botcast-mobile/src/components/playground/llmHistoryItems/PlaygroundLLMNotUnderstood.vue","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMNotUnderstood.vue?4a97","webpack://botcast-mobile/./src/components/playground/llmHistoryItems/PlaygroundLLMNotUnderstood.vue?eb24","webpack://botcast-mobile/src/components/playground/PlaygroundLLMChatHistory.vue","webpack://botcast-mobile/./src/components/playground/PlaygroundLLMChatHistory.vue?0934","webpack://botcast-mobile/./src/components/playground/PlaygroundLLMChatHistory.vue?a332","webpack://botcast-mobile/src/components/playground/historyItems/components/PlaygroundGeneratedAnswer.vue","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundGeneratedAnswer.vue?cae1","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundGeneratedAnswer.vue?4302","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundIntentItem.vue","webpack://botcast-mobile/src/components/playground/historyItems/components/PlaygroundIntentItem.vue","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundIntentItem.vue?7b13","webpack://botcast-mobile/./src/components/playground/historyItems/components/PlaygroundIntentItem.vue?cc16","webpack://botcast-mobile/src/components/playground/historyItems/PlaygroundResultMessage.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundResultMessage.vue?91e1","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundResultMessage.vue?30b4","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundRagSearchResultMessage.vue","webpack://botcast-mobile/src/components/playground/historyItems/PlaygroundRagSearchResultMessage.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundRagSearchResultMessage.vue?90cd","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundRagSearchResultMessage.vue?42ee","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundError.vue","webpack://botcast-mobile/src/components/playground/historyItems/PlaygroundError.vue","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundError.vue?268e","webpack://botcast-mobile/./src/components/playground/historyItems/PlaygroundError.vue?c565","webpack://botcast-mobile/src/components/playground/PlaygroundChatHistory.vue","webpack://botcast-mobile/./src/components/playground/PlaygroundChatHistory.vue?7fa0","webpack://botcast-mobile/./src/components/playground/PlaygroundChatHistory.vue?a843","webpack://botcast-mobile/src/views/AIPlayground.vue","webpack://botcast-mobile/./src/views/AIPlayground.vue?fc51","webpack://botcast-mobile/./src/views/AIPlayground.vue?c07a","webpack://botcast-mobile/./src/views/GenericHubWrapper.vue","webpack://botcast-mobile/src/views/GenericHubWrapper.vue","webpack://botcast-mobile/./src/views/GenericHubWrapper.vue?6783","webpack://botcast-mobile/./src/views/GenericHubWrapper.vue?bcab","webpack://botcast-mobile/./node_modules/core-js/internals/add-to-unscopables.js","webpack://botcast-mobile/./node_modules/core-js/internals/object-create.js","webpack://botcast-mobile/./node_modules/core-js/internals/object-define-properties.js","webpack://botcast-mobile/./node_modules/core-js/internals/object-keys.js","webpack://botcast-mobile/./node_modules/core-js/modules/esnext.array.find-last.js"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.value.length < _vm.maxFiles)?_c('div',{staticClass:\"file-drop-area\",class:{\n      'active-zone': _vm.dropZone.active,\n      'shrink-zone': _vm.value.length,\n    },on:{\"dragenter\":function($event){$event.preventDefault();$event.stopPropagation();_vm.dropZone.active = true},\"dragleave\":function($event){$event.preventDefault();$event.stopPropagation();_vm.dropZone.active = false},\"drop\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.handleDrop.apply(null, arguments)},\"dragover\":function($event){$event.preventDefault();$event.stopPropagation();},\"click\":_vm.handleClick}},[(!_vm.dropZone.active)?_c('p',[_vm._v(\" \"+_vm._s(_vm.$t(\"forms.dragDropFileUpload.dropZoneLabel.normal\"))+\" \")]):_c('p',[_vm._v(\" \"+_vm._s(_vm.$t(\"forms.dragDropFileUpload.dropZoneLabel.dragOver\"))+\" \")]),(_vm.fileErrors)?_c('div',{staticClass:\"error--text\"},_vm._l((_vm.fileErrors),function(err,i){return _c('p',{key:i,staticClass:\"mb-1\"},[_vm._v(_vm._s(err))])}),0):_vm._e(),_c('input',{ref:\"file\",attrs:{\"type\":\"file\",\"name\":\"dragDropFileUpload\",\"id\":\"dragDropFileUpload\",\"accept\":_vm.accept,\"multiple\":_vm.maxFiles > 1,\"hidden\":\"\"},on:{\"input\":_vm.handleFileInput}})]):_vm._e(),(_vm.value.length)?_c('div',{staticClass:\"file-list\"},_vm._l((_vm.value),function(file,i){return _c('div',{key:i,staticClass:\"file-pill\"},[_vm._v(\" \"+_vm._s(_vm.truncateFilename(file.name || 'Unnamed file'))+\" \"),_c('BtnSquare',{staticClass:\"remove-file-btn\",attrs:{\"color\":\"error\",\"icon\":\"mdi-close\"},on:{\"click\":function($event){return _vm.removeFile(file)}}})],1)}),0):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      v-if=\"value.length < maxFiles\"\n      class=\"file-drop-area\"\n      :class=\"{\n      'active-zone': dropZone.active,\n      'shrink-zone': value.length,\n    }\"\n      @dragenter.prevent.stop=\"dropZone.active = true\"\n      @dragleave.prevent.stop=\"dropZone.active = false\"\n      @drop.prevent.stop=\"handleDrop\"\n      @dragover.prevent.stop\n      @click=\"handleClick\"\n    >\n      <p v-if=\"!dropZone.active\">\n        {{ $t(\"forms.dragDropFileUpload.dropZoneLabel.normal\") }}\n      </p>\n      <p v-else>\n        {{ $t(\"forms.dragDropFileUpload.dropZoneLabel.dragOver\") }}\n      </p>\n      <div v-if=\"fileErrors\" class=\"error--text\">\n        <p class=\"mb-1\" v-for=\"(err,i) in fileErrors\" :key=\"i\">{{ err }}</p>\n      </div>\n      <input\n        type=\"file\"\n        name=\"dragDropFileUpload\"\n        id=\"dragDropFileUpload\"\n        ref=\"file\"\n        :accept=\"accept\"\n        :multiple=\"maxFiles > 1\"\n        @input=\"handleFileInput\"\n        hidden\n      />\n    </div>\n\n    <div v-if=\"value.length\" class=\"file-list\">\n      <div class=\"file-pill\" v-for=\"(file,i) in value\" :key=\"i\">\n        {{ truncateFilename(file.name || 'Unnamed file') }}\n        <BtnSquare\n          color=\"error\"\n          class=\"remove-file-btn\"\n          icon=\"mdi-close\"\n          @click=\"removeFile(file)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport UploadService from '@/services/upload';\n\nexport default {\n  name: 'DragDropFileUpload',\n  components: { BtnSquare },\n  emits: [\"input\"],\n  props: {\n    /**\n     * For v-model binding\n     * @type {File[]}\n     */\n    \"value\": {\n      type: Array,\n      default: () => [],\n    },\n    /**\n     * Which mimetypes ot accept. Passed to `<input type=\"file\" accept=\"...\">`\n     * Comma separated. For example, `image/png, image/jpeg` or `image/*`, `.pdf`, etc.\n     * @type {string}\n     */\n    \"accept\": {\n      type: String,\n      default: null,\n    },\n    /**\n     * Max files to accept. Set to more than one to accept multiple.\n     * Set to -1 for no limit.\n     * @type {number}\n     */\n    \"maxFiles\": {\n      type: Number,\n      default: 1,\n    },\n    /**\n     * Max size each file can be, in Byes. Set to -1 for no limit.\n     * @type {number}\n     */\n    \"maxSizePerFile\": {\n      type: Number,\n      default: 1024 * 1024 * 10, // 10 MiB\n    },\n    /**\n     * Sets a max length for filename (in UI). Performs text truncation\n     * if the name is too long. Will truncate around middle, so you get\n     * start and end of the filename\n     */\n    \"maxFilenameLength\": {\n      type: Number,\n      default: 40,\n    },\n  },\n  data() {\n    return {\n      fileErrors: [],\n      dropZone: {\n        active: false,\n      }\n    };\n  },\n  methods: {\n    /**\n     * Truncates a filename to a certain length, around the middle\n     * @param {string} filename\n     * @returns {string}\n     */\n    truncateFilename(filename) {\n      if (filename.length <= this.maxFilenameLength) return filename;\n\n      const start = filename.slice(0, this.maxFilenameLength/2);\n      const end = filename.slice(-this.maxFilenameLength/2);\n\n      return `${start} … ${end}`;\n    },\n    /**\n     * Checks to see if a file is acceptable.\n     * @param {File | {type: string, name: string}} file\n     * @returns {boolean}\n     */\n    isAcceptableMimetype(file) {\n      if (!this.accept) return true;\n      const types = this.accept.split(',').map((a) => a.trim());\n\n      for (let i=0;i<types.length;i++) {\n        // Exact match\n        if (types[i] === file.type) return true;\n\n        // Matches wildcard\n        if (types[i].endsWith('/*')) {\n          const prefix = types[i].slice(0, -1);\n          // e.g. `image/` matches `image/png`\n          if (file.type.startsWith(prefix)) return true;\n        }\n\n        // Matches file extension\n        if (types[i].startsWith(\".\") && file.name.endsWith(types[i])) {\n          return true;\n        }\n      }\n\n      return false;\n    },\n    /**\n     * Check if a filesize is too large\n     * @param {File} file\n     * @returns {boolean}\n     */\n    isTooBig(file) {\n      if (this.maxSizePerFile===-1) return false;\n      return file.size > this.maxSizePerFile;\n    },\n    /**\n     * Removes a file by passing the file to remove, or its index\n     * @param {File | number} fileOrIndex\n     * @returns {File | null} Removed file, or null if not found\n     */\n    removeFile(fileOrIndex) {\n      if (typeof fileOrIndex !== \"number\") fileOrIndex = this.value.indexOf(fileOrIndex);\n      if (!this.value[fileOrIndex]) return null;\n\n      const removedFile = this.value.splice(fileOrIndex, 1)[0];\n\n      this.$emit(\"input\", this.value);\n      return removedFile;\n    },\n    /**\n     * Handles anything (but we want files) being dropped\n     * @param {DragEvent} event The event fired. Drop is actually a drag event\n     */\n    handleDrop(event) {\n      return this.handleAddingFiles(event.dataTransfer.files);\n    },\n    /**\n     * Handles files being selected using the file explorer\n     * @param {Event} event\n     */\n    handleFileInput(event) {\n      return this.handleAddingFiles(event.target.files);\n    },\n    /**\n     * Handles clicking on the dropzone, to trigger file explorer\n     */\n    handleClick() {\n      this.$refs.file.click();\n    },\n    /**\n     * Unified handler for incoming files, from drag and drop or from input via file explorer\n     * @param {Array<File> | FileList} files\n     */\n    handleAddingFiles(files) {\n      this.fileErrors = [];\n      this.dropZone.active = false;\n\n      /**\n       * Not sure what the ideal handling of multiple file limited being exceeded is.\n       * We could either just accept however many we can, or reject all of them.\n       *\n       * The best might be to accept however many, but also display an error.\n       */\n      for (let i=0; i<files.length; i++) {\n        if (this.maxFiles!==-1 && this.value.length >= this.maxFiles) {\n          this.fileErrors.push(\n            this.maxFiles === 1\n              ? this.$t(\"forms.dragDropFileUpload.maxOneFile\")\n              : this.$t(\"forms.dragDropFileUpload.maxFileCount\", {count: this.maxFiles})\n          );\n          break;\n        }\n\n        // We'll try to intelligently accept as many acceptable files as possible\n        if (!this.isAcceptableMimetype(files[i])) {\n          this.fileErrors.push(this.$t(\"forms.dragDropFileUpload.invalidFileType\", {fileName: files[i].name}));\n          continue;\n        }\n\n        if (this.isTooBig(files[i])) {\n          this.fileErrors.push(this.$t(\"forms.dragDropFileUpload.maxFileSize\", {fileName: files[i].name, maxSize: this.maxSizePerFile/1024/1024}));\n          continue;\n        }\n\n        this.value.push(files[i]);\n      }\n\n      this.$emit(\"input\", this.value);\n    },\n    /**\n     * @typedef {Object} FileUploadSuccess\n     * @property {boolean} success\n     * @property {string} url\n     */\n    /**\n     * @typedef {Object} FileUploadError\n     * @property {boolean} success\n     * @property {string} message\n     */\n    /**\n     * Performs file uploading, then returns link to the uploaded file(s)\n     * Not used in here, but can be called from the outside to upload files using $ref.\n     * @param {File | File[]} files\n     * @param {?((result: FileUploadSuccess|FileUploadError, file: File, index: number) => void|Promise<void>)} [fileCompleteCallback] Callback to execute right after each file is uploaded/failed to upload\n     * @returns {Promise<(FileUploadSuccess|FileUploadError)[]>} Array of URLs to uploaded files\n     * @example\n     * const cb = (result, file, index) => {\n     *    console.log(`File ${index} (${file.name}) was ${result.success ? 'uploaded' : 'not uploaded'}: ${result.url || result.message}`);\n     *    markCompletedInUI(index);\n     * }\n     * const files = dragAndDropVModel;\n     * const uploaded = await this.$refs.dragAndDropFileUpload.uploadFiles(files, cb);\n     */\n    async uploadFiles(files, fileCompleteCallback) {\n      if (!Array.isArray(files)) files = [files];\n\n      const results = [];\n      for (let i=0; i<files.length; i++) {\n        /**\n         * Uploading in parallel might not be a good idea if\n         * your bandwidth is poor, or if the files are big\n         */\n        results[i] = await UploadService.uploadFile(files[i])\n          .then(r => ({success: true, url: r.file.location}))\n          .catch(e => ({success: false, message: e.message}));\n\n        if (fileCompleteCallback) await fileCompleteCallback(results[i], files[i], i);\n      }\n\n      return results;\n    },\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.file-drop-area {\n  cursor: pointer;\n  border: 2px dashed darkgrey;\n  background-color: #f3f3f3;\n  border-radius: 4px;\n  padding: 0.5rem;\n  min-height: 6rem;\n}\n.file-drop-area.shrink-zone {\n  min-height: 2rem;\n}\n.file-drop-area.active-zone {\n  border: 2px solid darkgray;\n}\n\n.file-drop-area > * {\n  pointer-events: none;\n}\n\n\n.file-pill {\n  display: flex;\n  justify-content: space-between;\n  padding: .625rem 1.25rem;\n  align-items: center;\n  gap: .75rem;\n\n  border-radius: 3.125rem;\n  border: 1px solid #eee;\n  background: #eee;\n}\n.remove-file-btn:hover {\n  background: #ddd;\n}\n\n.file-list {\n  margin-top: .5rem;\n  display: flex;\n  flex-wrap: wrap;\n  gap: .5rem;\n}\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DragDropFileUpload.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DragDropFileUpload.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DragDropFileUpload.vue?vue&type=template&id=e2a41672&scoped=true\"\nimport script from \"./DragDropFileUpload.vue?vue&type=script&lang=js\"\nexport * from \"./DragDropFileUpload.vue?vue&type=script&lang=js\"\nimport style0 from \"./DragDropFileUpload.vue?vue&type=style&index=0&id=e2a41672&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e2a41672\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('textarea',_vm._g({ref:\"textarea\",domProps:{\"value\":_vm.value}},{..._vm.$listeners, input: _vm.customInputHandler}))\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n/**\n * Just the native <textarea>, but it auto-grows\n */\nexport default {\n  name: 'TextareaAuto',\n  emits: ['input'],\n  props: ['value'],\n  methods: {\n    customInputHandler(e) {\n      this.$refs.textarea.style.height = 'auto';\n      this.$refs.textarea.style.height = this.$refs.textarea.scrollHeight + 'px';\n\n      this.$emit('input', e.target.value);\n    },\n  },\n};\n</script>\n\n<template>\n  <textarea\n    ref=\"textarea\"\n    v-on=\"{...$listeners, input: customInputHandler}\"\n    :value=\"value\"\n  ></textarea>\n</template>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TextareaAuto.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TextareaAuto.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TextareaAuto.vue?vue&type=template&id=417bd280\"\nimport script from \"./TextareaAuto.vue?vue&type=script&lang=js\"\nexport * from \"./TextareaAuto.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"action-text-area pt-0\",class:[\n      _vm.typeInput && 'action-text-area--is-input',\n      _vm.withActions && 'action-text-area--with-actions',\n    ]},[(!_vm.readOnly || _vm.persistentBar)?_c('div',{staticClass:\"action-text-toolbar d-flex justify-space-between pt-1 pl-1 pr-1 pb-2\"},[_c('div',{staticClass:\"d-flex\"},[_c('label',{staticClass:\"ml-2 mt-1 action-text-label\"},[_vm._v(_vm._s(_vm.label))]),(false)?_c('BtnSquare',{staticClass:\"mr-1\",attrs:{\"small\":\"\",\"outlined\":\"\",\"icon\":\"format_bold\"},on:{\"click\":function($event){return _vm.formatText('bold')}}}):_vm._e(),(false)?_c('BtnSquare',{staticClass:\"mr-1\",attrs:{\"small\":\"\",\"outlined\":\"\",\"icon\":\"format_italic\"},on:{\"click\":function($event){return _vm.formatText('italic')}}}):_vm._e(),(false)?_c('BtnSquare',{staticClass:\"mr-1\",attrs:{\"small\":\"\",\"outlined\":\"\",\"icon\":\"format_list_numbered\"},on:{\"click\":function($event){return _vm.formatText('list')}}}):_vm._e()],1),_c('div',{staticClass:\"d-flex\"},[_vm._t(\"toolbar-right\")],2)]):_vm._e(),_c('v-textarea',{ref:\"input\",attrs:{\"dense\":\"\",\"outlined\":\"\",\"rules\":_vm.validationRules,\"rows\":_vm.rows,\"readonly\":_vm.readOnly,\"auto-grow\":_vm.readOnly,\"hide-details\":\"\"},on:{\"input\":function($event){return _vm.$emit('input', _vm.input)},\"blur\":function($event){return _vm.$emit('blur', _vm.input)}},model:{value:(_vm.input),callback:function ($$v) {_vm.input=$$v},expression:\"input\"}}),(_vm.withActions)?_c('div',{staticClass:\"action-text-area-actions pa-1\"},[_vm._t(\"actions\")],2):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"action-text-area pt-0\"\n    :class=\"[\n      typeInput && 'action-text-area--is-input',\n      withActions && 'action-text-area--with-actions',\n    ]\"\n  >\n    <div class=\"action-text-toolbar d-flex justify-space-between pt-1 pl-1 pr-1 pb-2\" v-if=\"!readOnly || persistentBar\">\n      <div class=\"d-flex\">\n        <label class=\"ml-2 mt-1 action-text-label\">{{ label }}</label>\n        <BtnSquare v-if=\"false\" class=\"mr-1\" small outlined @click=\"formatText('bold')\" icon=\"format_bold\" />\n        <BtnSquare v-if=\"false\" class=\"mr-1\" small outlined @click=\"formatText('italic')\" icon=\"format_italic\" />\n        <BtnSquare v-if=\"false\" class=\"mr-1\" small outlined @click=\"formatText('list')\" icon=\"format_list_numbered\" />\n      </div>\n      <div class=\"d-flex\">\n        <slot name=\"toolbar-right\"></slot>\n      </div>\n      <!-- Weitere Formatierungsoptionen können hier hinzugefügt werden -->\n    </div>\n    <v-textarea\n      dense\n      outlined\n      v-model=\"input\"\n      @input=\"$emit('input', input)\"\n      @blur=\"$emit('blur', input)\"\n      :rules=\"validationRules\"\n      :rows=\"rows\"\n      :readonly=\"readOnly\"\n\t\t\t:auto-grow=\"readOnly\"\n      hide-details\n      ref=\"input\"\n    >\n  </v-textarea>\n    <div class=\"action-text-area-actions pa-1\" v-if=\"withActions\">\n      <slot name=\"actions\"></slot>\n    </div>\n  </div>\n</template>\n<script>\n import BtnSquare from \"@/components/common/BtnSquare.vue\"\n\nexport default {\n  name: 'ActionTextArea',\n  components: {\n    BtnSquare,\n  },\n  data() {\n    return {\n      input: this.value,\n    };\n  },\n  props: {\n    value: {\n      type: String,\n      required: true,\n    },\n    label: {\n      type: String,\n      required: true,\n    },\n    // E.g. for questions (blue line)\n    typeInput: Boolean,\n    validationRules: Array,\n    isVariant: Boolean,\n    withActions: Boolean,\n    readOnly: Boolean,\n    rows: {\n      type: Number,\n      default: 3,\n    },\n    // Make the bar above the text field stay even in read-mode\n    persistentBar: {\n      type: Boolean,\n      default: false,\n    }\n  },\n  watch: {\n    value() {\n      this.input = this.value;\n    },\n  },\n  methods: {\n    formatText(formatType) {\n      let start = this.$refs.input.$refs.input.selectionStart;\n      let end = this.$refs.input.$refs.input.selectionEnd;\n      let selectedText = this.input.substring(start, end);\n\n      let formattedText;\n      switch (formatType) {\n        case 'bold':\n          formattedText = `**${selectedText}**`;\n          break;\n        case 'italic':\n          formattedText = `*${selectedText}*`;\n          break;\n        case 'list':\n          formattedText = selectedText.split('\\n').map((line, index) => `${index+1}. ${line}`).join('\\n');\n          break;\n        case 'bullet':\n          formattedText = selectedText.split('\\n').map(line => `- ${line}`).join('\\n');\n          break;\n        // Weitere Formatierungsfälle können hier hinzugefügt werden\n        default:\n          formattedText = selectedText;\n      }\n\n      this.input = this.input.substring(0, start) + formattedText + this.input.substring(end);\n    },\n    focus() {\n      this.$refs.input.focus();\n    },\n  },\n};\n</script>\n<style scoped lang=\"scss\">\n.action-text-area {\n  position: relative;\n  background: $moin-color-grey-lightest;\n  border: 1px solid $moin-color-grey-light;\n  border-radius: $spacer;\n  overflow: hidden;\n}\n\n.action-text-area-actions {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n:deep(.v-text-field .v-label) {\n  color: $moin-color-grey-light-2;\n}\n:deep(.v-text-field fieldset) {\n  border-color: transparent !important;\n}\n:deep(.v-text-field textarea) {\n  padding-top: $spacer * 2;\n  min-height: 50px;\n}\n\n.v-text-field__details {\n  position: relative;\n  top: 4px;\n  margin-bottom: 0;\n}\n\n.action-text-area--is-input {\n  border-color: var(--v-primary-lighten4) !important;\n}\n\n.action-text-area--is-input :deep(.v-text-field .v-label) {\n  color: var(--v-primary-lighten4) !important;\n}\n\n.action-text-area--with-actions :deep(v-text-field textarea) {\n  padding-right: $spacer * 10 !important;\n}\n\n.action-text-label {\n  font-size: 12px;\n}\n.action-text-toolbar {\n  min-height: 34px;\n  max-height: 34px;\n  background-color: var(--v-grey-lighten3)\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ActionTextArea.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ActionTextArea.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ActionTextArea.vue?vue&type=template&id=6e6b1643&scoped=true\"\nimport script from \"./ActionTextArea.vue?vue&type=script&lang=js\"\nexport * from \"./ActionTextArea.vue?vue&type=script&lang=js\"\nimport style0 from \"./ActionTextArea.vue?vue&type=style&index=0&id=6e6b1643&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6e6b1643\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('NavbarJustifyLayout',{attrs:{\"responsive\":_vm.responsive},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [(_vm.back)?_c('div',{staticClass:\"breadcrumbs d-flex py-2\"},[_c('RouterLink',{staticClass:\"d-flex text-decoration-none grey--text\",attrs:{\"to\":_vm.back}},[_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-chevron-left\")]),_vm._v(\" \"+_vm._s(_vm.backLabel ?? (_vm.$t('common.back').charAt(0).toUpperCase() + _vm.$t('common.back').slice(1)))+\" \")],1)],1):_vm._e(),_vm._t(\"top\")]},proxy:true},{key:\"left\",fn:function(){return [_c('div',{staticClass:\"gap overflow-hidden\"},[_c('div',{class:_vm.isAdminOnly && 'admin--text'},[(_vm.title)?_c('h5',{key:_vm.title,staticClass:\"text-truncate text-h5\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_c('v-skeleton-loader',{staticClass:\"pt-2 grow\",attrs:{\"boilerplate\":\"\",\"type\":\"heading\"}})],1)])]},proxy:true},{key:\"right\",fn:function(){return [_vm._t(\"default\")]},proxy:true},{key:\"bottom\",fn:function(){return [(_vm.isLoading)?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"absolute\":\"\",\"color\":\"secondary darken-2\"}}):_vm._e()]},proxy:true}],null,true)})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport NavbarJustifyLayout from '@/components/hub/frame/layout/NavbarJustifyLayout.vue';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\n\nexport default {\n  name: 'NavbarWithBreadcrumb',\n  components: { BtnSquare, NavbarJustifyLayout },\n  props: {\n    \"title\": {\n      type: String,\n      default: '',\n    },\n    \"back\": {\n      type: [String, Object],\n    },\n    \"backLabel\": {\n      type: String,\n      default: null,\n    },\n    \"isLoading\": {\n      type: Boolean,\n      default: false,\n    },\n    // Left/Right columns collapses to two rows on small sizes (ca. mobile)\n    \"responsive\": {\n      type: Boolean,\n      default: false,\n    }\n  },\n  computed: {\n    isAdminOnly() {\n      return !!this.$route.meta.admin;\n    },\n  },\n};\n</script>\n\n<template>\n  <NavbarJustifyLayout :responsive=\"responsive\">\n    <template #top>\n      <div class=\"breadcrumbs d-flex py-2\" v-if=\"back\">\n        <!-- Back button -->\n        <RouterLink\n          class=\"d-flex text-decoration-none grey--text\"\n          :to=\"back\"\n        >\n          <v-icon color=\"grey\">mdi-chevron-left</v-icon>\n          {{ backLabel ?? ($t('common.back').charAt(0).toUpperCase() + $t('common.back').slice(1)) }}\n        </RouterLink>\n      </div>\n\n      <slot name=\"top\" />\n    </template>\n\n    <template #left>\n      <div class=\"gap overflow-hidden\">\n        <!-- Title -->\n        <div :class=\"isAdminOnly && 'admin--text'\">\n          <h5 v-if=\"title\" :key=\"title\" class=\"text-truncate text-h5\">\n            {{ title }}\n          </h5>\n          <v-skeleton-loader\n            v-else\n            boilerplate\n            class=\"pt-2 grow\"\n            type=\"heading\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template #right>\n      <slot />\n    </template>\n\n    <template #bottom>\n      <v-progress-linear\n        v-if=\"isLoading\"\n        indeterminate\n        absolute\n        color=\"secondary darken-2\"\n      />\n    </template>\n  </NavbarJustifyLayout>\n</template>\n\n<style scoped lang=\"scss\">\nh5 {\n  padding: 0 0.75rem 0.25rem 0.25rem;\n}\n</style>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./NavbarWithBreadcrumb.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./NavbarWithBreadcrumb.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NavbarWithBreadcrumb.vue?vue&type=template&id=670f4732&scoped=true\"\nimport script from \"./NavbarWithBreadcrumb.vue?vue&type=script&lang=js\"\nexport * from \"./NavbarWithBreadcrumb.vue?vue&type=script&lang=js\"\nimport style0 from \"./NavbarWithBreadcrumb.vue?vue&type=style&index=0&id=670f4732&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"670f4732\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HubLayout',{attrs:{\"is-sidebar-open\":_vm.isSidebarOpen},scopedSlots:_vm._u([{key:\"navbar\",fn:function(){return [_vm._t(\"above-navbar\"),(!_vm.useAltNavbar)?_c('NavbarWithBreadcrumb',{attrs:{\"responsive\":\"\",\"title\":_vm.title,\"back\":_vm.back,\"back-label\":_vm.backLabel,\"is-loading\":_vm.isLoading},scopedSlots:_vm._u([(_vm.stickyVisible)?{key:\"top\",fn:function(){return [_vm._t(\"sticky-content\",null,{\"isSticky\":_vm.stickyVisible})]},proxy:true}:null,{key:\"default\",fn:function(navbar){return [_vm._t(\"navbar\")]}}],null,true)}):_vm._t(\"alt-navbar\")]},proxy:true},{key:\"content\",fn:function(){return [(_vm.$slots['scrolled-content'])?_c('div',{directives:[{name:\"intersect\",rawName:\"v-intersect\",value:(_vm.onScrolledAway),expression:\"onScrolledAway\"}]},[_vm._t(\"scrolled-content\",null,{\"isSticky\":_vm.stickyVisible})],2):_vm._e(),_vm._t(\"content\")]},proxy:true},{key:\"sidebar\",fn:function(){return [_vm._t(\"sidebar\")]},proxy:true}],null,true)})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport HubLayout from '@/components/hub/frame/layout/HubLayout.vue';\nimport NavbarWithBreadcrumb from '@/components/hub/frame/components/NavbarWithBreadcrumb.vue';\n\nexport default {\n  name: 'FrameBasic',\n  components: { NavbarWithBreadcrumb, HubLayout },\n  emits: [\"onScrolledAway\"],\n  props: {\n    \"title\": {\n      type: String,\n      default: '',\n    },\n    \"back\": {\n      type: [String, Object],\n    },\n    \"backLabel\": {\n      type: String,\n      default: null,\n    },\n    \"isLoading\": {\n      type: Boolean,\n      default: false,\n    },\n    \"isSidebarOpen\": {\n      type: Boolean,\n      default: false,\n    },\n    \"useAltNavbar\": {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      stickyVisible: false,\n    }\n  },\n  methods: {\n    onScrolledAway(entities) {\n      this.stickyVisible = !entities[0].isIntersecting;\n      this.$emit('onScrolledAway', !entities[0].isIntersecting);\n    }\n  }\n};\n</script>\n\n<template>\n  <HubLayout :is-sidebar-open=\"isSidebarOpen\">\n    <template #navbar>\n      <slot name=\"above-navbar\" />\n      <NavbarWithBreadcrumb\n        v-if=\"!useAltNavbar\"\n        responsive\n        :title=\"title\"\n        :back=\"back\"\n        :back-label=\"backLabel\"\n        :is-loading=\"isLoading\"\n      >\n        <template #top v-if=\"stickyVisible\">\n          <!--\n          Here you can place content that will be placed above\n          navbar once you've scrolled past \"scrolled-content\"\n          -->\n          <slot name=\"sticky-content\" :isSticky=\"stickyVisible\" />\n        </template>\n\n        <template v-slot=\"navbar\">\n          <slot name=\"navbar\" />\n        </template>\n      </NavbarWithBreadcrumb>\n\n      <slot name=\"alt-navbar\" v-else />\n    </template>\n\n    <template #content>\n      <!--\n      This is content that will detect when you scrolled past it.\n      It will then trigger the \"sticky-content\" to become visible.\n      -->\n      <div v-intersect=\"onScrolledAway\" v-if=\"$slots['scrolled-content']\">\n        <slot name=\"scrolled-content\" :isSticky=\"stickyVisible\" />\n      </div>\n\n      <!--\n      Margins are different depending on the content,\n      so it's up to each section to apply proper horizontal margins\n      -->\n      <slot name=\"content\" />\n    </template>\n\n    <template v-slot:sidebar>\n      <!--\n      Sidebar setup is up to you. You can use one of the ready-made components:\n      - SidebarWithHeader: provides header with slot and comes with close button\n      - SidebarWithTabs: extends SidebarWithHeader and comes with tabs in header you pass as props\n      -->\n      <slot name=\"sidebar\" />\n    </template>\n  </HubLayout>\n</template>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FrameBasic.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FrameBasic.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FrameBasic.vue?vue&type=template&id=56429441\"\nimport script from \"./FrameBasic.vue?vue&type=script&lang=js\"\nexport * from \"./FrameBasic.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"hub-editor-frame\",class:_vm.frameClasses},[_c('header',{staticClass:\"hub-editor-frame-header span-12\"},[_vm._t(\"navbar\")],2),_c('div',{staticClass:\"hub-editor-frame-main\"},[_c('div',{ref:\"scroll-detection\",attrs:{\"id\":\"scroll-detection\"}}),_vm._t(\"content\")],2),_c('transition',{attrs:{\"name\":\"slide-in\"}},[(_vm.isSidebarOpen)?_c('aside',{staticClass:\"hub-editor-frame-sidebar\"},[_vm._t(\"sidebar\")],2):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"hub-editor-frame\" :class=\"frameClasses\">\n    <header class=\"hub-editor-frame-header span-12\">\n      <slot name=\"navbar\" />\n    </header>\n\n    <div class=\"hub-editor-frame-main\">\n      <div id=\"scroll-detection\" ref=\"scroll-detection\"></div>\n      <slot name=\"content\" />\n    </div>\n\n    <transition name=\"slide-in\">\n      <aside v-if=\"isSidebarOpen\" class=\"hub-editor-frame-sidebar\">\n        <slot name=\"sidebar\" />\n      </aside>\n    </transition>\n  </div>\n</template>\n\n<script>\n/**\n * @typedef {Object} HubEditorFrameSidebar\n * @property {number} [columns=3] How wide the sidebar is in columns (out of 12)\n */\n\nexport default {\n  name: 'HubLayout',\n  props: {\n    // Whether the sidebar is open\n    \"isSidebarOpen\": {\n      type: Boolean,\n      default: false,\n    },\n    // How wide the sidebar is on desktop, in columns (of 12 cols)\n    \"sidebarWidth\": {\n      type: Number,\n      default: 4,\n    },\n    // Whether the content should have a fixed height\n    \"fixedHeight\": {\n      type: Boolean,\n      default: false,\n    },\n    \"noBg\": {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      scrolled: false,\n    };\n  },\n  computed: {\n    /**\n     * Computes classes to give to the main editor frame\n     * @returns {string}\n     */\n    frameClasses() {\n      const classes = [];\n\n      if (this.isSidebarOpen) classes.push(\"sidebar-open\");\n      if (!this.noBg) classes.push(\"moin-bg-grey-lightest\");\n\n      return classes.join(\" \");\n    },\n    /**\n     * Computes classes to give to the main content\n     * @returns {string}\n     */\n    contentClass() {\n      if (this.isLoading && !this.isSidebarOpen) {\n        return 'flex-column d-flex fill-height flex-grow-1';\n      } else if (this.isSidebarOpen && this.loading) {\n        return 'flex-md-column d-md-flex flex-md-grow-1 hidden-sm-and-down slide-width'; // sm and xs hide content\n      } else if (this.isSidebarOpen) {\n        return 'flex-md-column d-md-flex flex-md-grow-1 hidden-sm-and-down slide-width'; // sm and xs hide content\n      } else {\n        return 'flex-column d-flex fill-height flex-grow-1';\n      }\n    },\n    /**\n     * Checks whether we're in an admin-only area using the route's meta\n     * @returns {boolean}\n     */\n    isAdminOnly() {\n      return !!this.$route.meta?.admin ?? false;\n    },\n  },\n  mounted() {\n    //const el = this.$refs[\"scroll-detection\"];\n    const el = document.getElementById(\"scroll-detection\");\n    if (!el) return;\n\n    const observer = new IntersectionObserver(\n      ([e]) => this.scrolled = e.intersectionRatio < 1,\n      { threshold: [1] }\n    );\n\n    observer.observe(el);\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n#scroll-detection {\n  position: sticky;\n  top: -1px;\n}\n.hub-editor-frame {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  grid-template-rows: min-content auto;\n  height: 100%;\n}\n.hub-editor-frame-header {\n  grid-column: 1/13;\n  grid-row: 1;\n  box-shadow: 0 0 10px 0 #00000026;\n  z-index: 2;\n}\n.hub-editor-frame-main {\n  grid-column: 1/13;\n  grid-row: 2;\n  height: 100%;\n  overflow-y: auto;\n}\n.hub-editor-frame-sidebar {\n  grid-column: 10/13;\n  grid-row: 2;\n  height: 100%;\n  overflow-y: auto;\n  z-index: 1;\n}\n\n.sidebar-open .hub-editor-frame-main {\n  grid-column: 1/13;\n  grid-row: 2;\n}\n.sidebar-open .hub-editor-frame-sidebar {\n  background: white;\n  grid-column: 3/13;\n  grid-row: 2;\n  box-shadow: 0 0 15px 4px rgba(0,0,0,.2);\n  // Fixes box-shadow bleeding into header at the top:\n  clip-path: inset(0 -15px -15px -15px);\n}\n\n@media only screen and (min-width: 600px) {\n  .sidebar-open .hub-editor-frame-main,\n  .sidebar-open .hub-editor-frame-sidebar {\n    grid-column: span 6;\n    grid-row: 2;\n    box-shadow: none;\n  }\n}\n\n@media only screen and (min-width: 1080px) {\n  .sidebar-open .hub-editor-frame-main {\n    grid-column: span 7;\n    grid-row: 2;\n  }\n  .sidebar-open .hub-editor-frame-sidebar {\n    grid-column: span 5;\n    grid-row: 2;\n  }\n}\n\n/** Animation for sidebar sliding in, using Vue <transition> */\n.slide-in-enter-active {\n  animation: slide-in .2s;\n}\n.slide-in-leave-active {\n  animation: slide-in .2s reverse;\n}\n\n@keyframes slide-in {\n  0% {\n    transform: translateX(100%);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0%);\n    opacity: .4;\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HubLayout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HubLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HubLayout.vue?vue&type=template&id=2a1f3f25&scoped=true\"\nimport script from \"./HubLayout.vue?vue&type=script&lang=js\"\nexport * from \"./HubLayout.vue?vue&type=script&lang=js\"\nimport style0 from \"./HubLayout.vue?vue&type=style&index=0&id=2a1f3f25&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a1f3f25\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex flex-col py-2\",class:{ 'margins': _vm.margins }},[_c('div',{staticClass:\"d-flex items-center overflow-hidden\"},[_vm._t(\"top\")],2),_c('div',{staticClass:\"justify-between-containers\",class:{ 'responsive': _vm.responsive }},[_c('div',{staticClass:\"d-flex items-center overflow-hidden\"},[_vm._t(\"left\")],2),(_vm.$slots.center)?_c('div',{staticClass:\"d-flex justify-center gap\"},[_vm._t(\"center\")],2):_vm._e(),_c('div',{staticClass:\"d-flex justify-end gap overflow-hidden flex-shrink-0\"},[_vm._t(\"right\")],2)]),_c('div',[_vm._t(\"bottom\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: \"NavbarJustifyLayout\",\n  props: {\n    // Add margin to left and right side, so it's following the design spec\n    \"margins\": {\n      type: Boolean,\n      default: true,\n    },\n    // Left/Right columns collapses to two rows on small sizes (ca. mobile)\n    \"responsive\": {\n      type: Boolean,\n      default: false,\n    }\n  }\n};\n</script>\n\n<template>\n  <div class=\"d-flex flex-col py-2\" :class=\"{ 'margins': margins }\">\n    <div class=\"d-flex items-center overflow-hidden\">\n      <slot name=\"top\" />\n    </div>\n\n    <div class=\"justify-between-containers\" :class=\"{ 'responsive': responsive }\">\n      <div class=\"d-flex items-center overflow-hidden\">\n        <slot name=\"left\" />\n      </div>\n\n\n      <!--<div class=\"d-flex justify-center gap overflow-hidden\">-->\n      <div v-if=\"$slots.center\" class=\"d-flex justify-center gap\">\n        <slot name=\"center\" />\n      </div>\n\n      <div class=\"d-flex justify-end gap overflow-hidden flex-shrink-0\">\n        <slot name=\"right\" />\n      </div>\n    </div>\n\n    <div>\n      <slot name=\"bottom\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.margins {\n  padding: 0 .5rem 0 .25rem;\n}\n.gap {\n  gap: .25rem;\n}\n.justify-between-containers {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.justify-between-containers.responsive {\n  flex-direction: row;\n}\n@media only screen and (max-width: 600px) {\n  .justify-between-containers.responsive {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./NavbarJustifyLayout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./NavbarJustifyLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NavbarJustifyLayout.vue?vue&type=template&id=44f0d515&scoped=true\"\nimport script from \"./NavbarJustifyLayout.vue?vue&type=script&lang=js\"\nexport * from \"./NavbarJustifyLayout.vue?vue&type=script&lang=js\"\nimport style0 from \"./NavbarJustifyLayout.vue?vue&type=style&index=0&id=44f0d515&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"44f0d515\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('GenericHubWrapper',[_c('FrameBasic',{staticClass:\"white\",attrs:{\"title\":_vm.$t('ai.title')},scopedSlots:_vm._u([{key:\"navbar\",fn:function(){return [_c('ChannelSelection',{attrs:{\"first-is-null\":\"\"},on:{\"input\":_vm.clearHistory}}),_c('BtnSquare',{staticClass:\"px-4\",staticStyle:{\"height\":\"40px\"},attrs:{\"preset\":\"base\",\"icon\":\"clear_all\",\"outlined\":\"\",\"disabled\":!_vm.history.length},on:{\"click\":_vm.clearHistory}},[_vm._v(\" \"+_vm._s(_vm.$t('common.reset'))+\" \")])]},proxy:true},{key:\"content\",fn:function(){return [_c('div',{staticClass:\"full-height moin-bg-grey-lightest\"},[_c('div',{staticClass:\"mx-auto d-flex flex-col full-height overflow-y-auto pb-4 px-4\",class:_vm.history.length ? 'justify-end' : 'justify-center',staticStyle:{\"max-width\":\"940px\"}},[(!_vm.history.length)?_c('PlaygroundEmpty',{staticClass:\"mb-2\",on:{\"useText\":_vm.handleUseText}}):_c('PlaygroundChatHistory',{staticClass:\"mb-2\",attrs:{\"history\":_vm.history}}),_c('PlaygroundInputArea',{staticClass:\"flex-shrink-0\",attrs:{\"mode\":_vm.chatMode,\"maxlength\":\"200\"},on:{\"submit\":_vm.handleChatSubmit,\"toggleRelevantTopics\":function($event){_vm.relevantTopicsEnabled = $event},\"mode\":function($event){_vm.chatMode = $event}},model:{value:(_vm.chatText),callback:function ($$v) {_vm.chatText=$$v},expression:\"chatText\"}})],1)]),_c('SnackbarStack')]},proxy:true}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h2',{staticClass:\"text-h4 primary--text text-center mb-4 mx-auto\",staticStyle:{\"max-width\":\"36rem\"}},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.playgroundTitle'))+\" \")]),(_vm.randomTexts?.length)?_c('p',{staticClass:\"mt-4 text-center text-sm-body-2 text--secondary\"},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.playgroundSubtitle'))+\" \")]):_vm._e(),(_vm.randomTexts?.length)?_c('div',{staticClass:\"mx-auto d-flex flex-wrap gap-2 justify-center\"},_vm._l((_vm.randomTexts),function(text){return _c('v-btn',{key:text,staticClass:\"primary--text text--lighten-2 truncated-button\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){return _vm.$emit('useText', text)}}},[_vm._v(\" \"+_vm._s(text)+\" \")])}),1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport { mapGetters } from 'vuex';\nimport { sampleSize, sample } from 'lodash';\n\nexport default {\n  name: 'PlaygroundEmpty',\n  components: { BtnSquare },\n  emits: ['useText'],\n  computed: {\n    ...mapGetters('intents', ['intents']),\n    /**\n     * Provides text strings as suggestions for the buttons\n     * @returns {string[]}\n     */\n    randomTexts() {\n      // return empty array for now TODO: Implement\n      return [];\n      // // Filter out eligible intent candidates\n      // const candidates = this.intents.filter(intent => {\n      //   if (intent.template !== 'SimpleInformation') return false;\n      //   if (intent.samples.length === 0) return false;\n      //   return true;\n      // });\n\n      // // Pick 1 random sample from 5 random intents\n      // const suggestions = [];\n      // for (const intent of sampleSize(candidates, 5)) {\n      //   const candidates = intent.samples.filter(int => int?.trim()?.length);\n      //   suggestions.push(sample(candidates))\n      // }\n\n      // return suggestions;\n    },\n  },\n};\n</script>\n\n<template>\n  <div>\n    <h2 class=\"text-h4 primary--text text-center mb-4 mx-auto\" style=\"max-width:36rem\">\n      {{ $t('ai.tool.playgroundTitle') }}\n    </h2>\n    <!--<p class=\"mx-auto text-center max-w-lg primary--text text--lighten-3 text-body-1\" v-html=\"$t('ai.tool.playgroundDescription')\">\n    </p>-->\n    <p v-if=\"randomTexts?.length\" class=\"mt-4 text-center text-sm-body-2 text--secondary\">\n      {{ $t('ai.tool.playgroundSubtitle') }}\n    </p>\n    <div v-if=\"randomTexts?.length\" class=\"mx-auto d-flex flex-wrap gap-2 justify-center\">\n      <v-btn\n        v-for=\"text in randomTexts\"\n        :key=\"text\"\n        outlined\n        class=\"primary--text text--lighten-2 truncated-button\"\n        @click=\"$emit('useText', text)\"\n      >\n        {{ text }}\n      </v-btn>\n    </div>\n  </div>\n</template>\n\n\n<style scoped>\n.truncated-button {\n  max-width: 100%;\n}\n\n.truncated-button::v-deep(.v-btn__content) {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n}\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundEmpty.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundEmpty.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundEmpty.vue?vue&type=template&id=6f736726&scoped=true\"\nimport script from \"./PlaygroundEmpty.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundEmpty.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundEmpty.vue?vue&type=style&index=0&id=6f736726&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6f736726\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chat-input-area rounded-lg\"},[_c('TextareaAuto',{staticClass:\"textarea full-width full-height resize-none pa-2\",attrs:{\"value\":_vm.value,\"rows\":\"2\",\"placeholder\":_vm.$t('ai.tool.requestLabel'),\"maxlength\":_vm.maxlength},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.preventDefault();return _vm.handleSubmit.apply(null, arguments)},\"input\":function($event){return _vm.$emit('input', $event)}}}),_c('div',{staticClass:\"w-full d-flex justify-between items-center gap-4 pa-2\"},[_c('div',{staticClass:\"input-area-column d-flex items-center gap-4\"},[_c('v-switch',{staticClass:\"my-0 py-0 ml-2\",attrs:{\"input-value\":_vm.mode,\"true-value\":\"sourceSearch\",\"false-value\":\"detectIntent\",\"color\":\"green\",\"inset\":\"\",\"hide-details\":\"\",\"label\":_vm.$t('ai.tool.modes.sourceSearch')},on:{\"change\":function($event){return _vm.$emit('mode', $event)}}}),(_vm.isAdmin)?_c('div',{staticClass:\"checkbox-container\"},[_c('input',{attrs:{\"type\":\"checkbox\",\"id\":\"relevantTopicsCheckbox\"},domProps:{\"checked\":_vm.fetchRelevantTopics},on:{\"change\":function($event){return _vm.$emit('toggleRelevantTopics', $event.target.checked)}}}),_c('label',{attrs:{\"for\":\"relevantTopicsCheckbox\"}},[_vm._v(\"Relevant Topics\")])]):_vm._e()],1),_c('div',{staticClass:\"input-area-column d-flex items-center gap-2 justify-end\"},[_c('p',{staticClass:\"text-sm-body-2 ma-0 pa-0\"},[_vm._v(_vm._s(_vm.value?.length ?? 0)+\"/\"+_vm._s(_vm.maxlength))]),_c('BtnSquare',{class:_vm.isDisabled ? '' : 'primary lighten-2',attrs:{\"preset\":\"base\",\"colorIcon\":_vm.isDisabled ? '' : 'white',\"icon\":\"send\",\"outlined\":_vm.isDisabled,\"disabled\":_vm.isDisabled},on:{\"click\":function($event){return _vm.$emit('submit')}}},[_vm._v(\" \"+_vm._s(_vm.$t('common.send'))+\" \")])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport TextareaAuto from '@/components/common/TextareaAuto.vue';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport { mapGetters } from 'vuex';\n\nexport default {\n  name: 'PlaygroundInputArea',\n  components: { BtnSquare, TextareaAuto },\n  emits: [\n    'input',\n    'submit',\n    'toggleRelevantTopics',\n    'mode',\n  ],\n  props: {\n    // v-model value for text input\n    \"value\": {\n      type: String,\n      default: \"\",\n    },\n    // Max allowed length of chat input\n    \"maxlength\": {\n      type: [Number, String],\n      default: 200,\n    },\n    // Whether to fetch relevant topics from K2\n    \"fetchRelevantTopics\": {\n      type: Boolean,\n      default: false,\n    },\n    \"mode\": {\n      type: String,\n      required: true,\n      enum: [\n        'detectIntent',\n        'sourceSearch',\n      ],\n    }\n  },\n  computed: {\n    ...mapGetters('auth', ['isAdmin']),\n    isDisabled() {\n      return this.value?.trim()?.length === 0;\n    },\n  },\n  methods: {\n    handleSubmit() {\n      if (this.isDisabled) return;\n      return this.$emit('submit');\n    },\n  },\n};\n</script>\n\n<template>\n  <div class=\"chat-input-area rounded-lg\">\n    <TextareaAuto\n      :value=\"value\"\n      class=\"textarea full-width full-height resize-none pa-2\"\n      rows=\"2\"\n      :placeholder=\"$t('ai.tool.requestLabel')\"\n      :maxlength=\"maxlength\"\n      @keydown.enter.prevent=\"handleSubmit\"\n      @input=\"$emit('input', $event)\"\n    />\n\n    <div class=\"w-full d-flex justify-between items-center gap-4 pa-2\">\n      <!-- Left side -->\n      <div class=\"input-area-column d-flex items-center gap-4\">\n        <!-- Change modes -->\n        <v-switch\n          :input-value=\"mode\"\n          true-value=\"sourceSearch\"\n          false-value=\"detectIntent\"\n          @change=\"$emit('mode', $event)\"\n          color=\"green\"\n          inset\n          hide-details\n          class=\"my-0 py-0 ml-2\"\n          :label=\"$t('ai.tool.modes.sourceSearch')\"\n        />\n\n        <!-- Checkbox container positioned at the bottom left -->\n        <div class=\"checkbox-container\" v-if=\"isAdmin\">\n          <input\n            type=\"checkbox\"\n            id=\"relevantTopicsCheckbox\"\n            :checked=\"fetchRelevantTopics\"\n            @change=\"$emit('toggleRelevantTopics', $event.target.checked)\"\n          />\n          <label for=\"relevantTopicsCheckbox\">Relevant Topics</label>\n        </div>\n      </div>\n\n      <!-- Right side -->\n      <div class=\"input-area-column d-flex items-center gap-2 justify-end\">\n        <p class=\"text-sm-body-2 ma-0 pa-0\">{{ value?.length ?? 0 }}/{{ maxlength }}</p>\n        <BtnSquare\n          preset=\"base\"\n          :class=\"isDisabled ? '' : 'primary lighten-2'\"\n          :colorIcon=\"isDisabled ? '' : 'white'\"\n          icon=\"send\"\n          :outlined=\"isDisabled\"\n          :disabled=\"isDisabled\"\n          @click=\"$emit('submit')\"\n        >\n          {{ $t('common.send') }}\n        </BtnSquare>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.chat-input-area {\n  background: white;\n  border: solid thin var(--v-grey-lighten2);\n  display: flex;\n  flex-direction: column;\n  /* Fix corner clipping from textarea */\n  overflow: hidden;\n  position: relative;\n}\n.resize-none {\n  resize: none;\n}\n.textarea {\n  max-height: 7rem; /* Max ish 5 lines */\n}\n\n/* Custom focus */\n.textarea:active,\n.textarea:focus,\n.textarea:focus-visible {\n  outline: none;\n  border: none;\n}\n.chat-input-area:focus-within {\n  border-color: var(--v-moinblue-base)\n}\n\n.checkbox-container label {\n  margin-left: 0.5rem; /* Adjusts space between checkbox and label */\n  color: var(--v-admin-base)\n}\n\n.input-area-column {\n  flex-grow: 1;\n  flex-basis: 1fr;\n}\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundInputArea.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundInputArea.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundInputArea.vue?vue&type=template&id=772c5953&scoped=true\"\nimport script from \"./PlaygroundInputArea.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundInputArea.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundInputArea.vue?vue&type=style&index=0&id=772c5953&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"772c5953\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"playground-history d-flex flex-col gap-4 full-height overflow-y-auto pt-4 px-2\"},_vm._l((_vm.visibleHistory),function(item,i){return _c(_vm.componentName[item.type],{key:i,tag:\"component\",attrs:{\"data\":item.data,\"admin\":item.admin,\"index\":i}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"user-message px-4 py-3 rounded-lg w-fit mb-0 align-self-end\"},[_vm._v(\" \"+_vm._s(_vm.data)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: 'PlaygroundUserMessage',\n  provide: ['genAiSuccess'],\n  props: {\n    // The user's message\n    \"data\": {\n      type: String,\n      default: \"User data\",\n    },\n  },\n};\n</script>\n\n<template>\n  <p class=\"user-message px-4 py-3 rounded-lg w-fit mb-0 align-self-end\">\n    {{ data }}\n  </p>\n</template>\n\n<style scoped lang=\"scss\">\n.user-message {\n  background-color: #e4e4e4;\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundUserMessage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundUserMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundUserMessage.vue?vue&type=template&id=b1e84a2a&scoped=true\"\nimport script from \"./PlaygroundUserMessage.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundUserMessage.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundUserMessage.vue?vue&type=style&index=0&id=b1e84a2a&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b1e84a2a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HubBox',{staticStyle:{\"border-color\":\"var(--v-admin-base)\"},attrs:{\"title\":\"Relevant Topics\",\"icon\":\"school\",\"adminOnly\":\"\"}},[_c('p',{staticClass:\"time-taken text-sm-body-2\"},[_vm._v(\"In \"+_vm._s(_vm.data.timeMs)+\" ms\")]),_c('v-divider'),_vm._l((_vm.data.intents),function(intent,index){return _c('div',{key:index},[_c('div',{staticClass:\"pa-2\"},[_c('strong',[_vm._v(_vm._s(intent.displayName))]),_vm._v(\" (\"+_vm._s(intent.intent)+\") \"),_c('br'),_vm._l((intent.k2names),function(name,index){return _c('span',{key:index},[_vm._v(_vm._s(name)),(index + 1 < intent.k2names.length)?_c('span',[_vm._v(\", \")]):_vm._e()])}),_c('br'),_c('strong',[_vm._v(_vm._s(_vm.formatPercentPrecision(intent.score)))])],2),_c('v-divider')],1)})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { formatPercentPrecision } from '@/utils/formatNumber';\nimport HubBox from '@/components/hub/HubBox.vue';\n\nexport default {\n  name: 'PlaygroundAdminK2Indices',\n  components: { HubBox },\n  props: {\n    /**\n     * List of {@link K2IndecyItem[]} to display and how long it took to find them\n     * @type {{intents: K2IndecyItem[], timeMs: number}}\n     */\n    \"data\": {\n      type: Object,\n      default: () => ({intents: [], timeMs: 0}),\n    },\n  },\n  data() {\n    return {\n      formatPercentPrecision,\n    };\n  },\n};\n</script>\n\n<template>\n  <HubBox\n    title=\"Relevant Topics\"\n    icon=\"school\"\n    adminOnly\n    style=\"border-color: var(--v-admin-base)\"\n  >\n    <p class=\"time-taken text-sm-body-2\">In {{ data.timeMs }} ms</p>\n    <v-divider />\n    <div\n      v-for=\"(intent, index) in data.intents\"\n      :key=\"index\"\n    >\n      <div class=\"pa-2\">\n        <strong>{{ intent.displayName }}</strong> ({{ intent.intent }})\n        <br>\n        <span\n          v-for=\"(name,index) in intent.k2names\"\n          :key=\"index\"\n        >{{ name }}<span v-if=\"index + 1 < intent.k2names.length\">,&nbsp;</span>\n        </span>\n        <br>\n        <strong>{{ formatPercentPrecision(intent.score) }}</strong>\n      </div>\n      <v-divider />\n    </div>\n  </HubBox>\n</template>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundAdminK2Indices.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundAdminK2Indices.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundAdminK2Indices.vue?vue&type=template&id=bdd1d11e\"\nimport script from \"./PlaygroundAdminK2Indices.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundAdminK2Indices.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loading-container rounded-lg flex-shrink-0\",class:{'moin-admin-box': _vm.admin}},[_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"absolute\":\"\",\"color\":_vm.admin ? 'admin' : 'secondary darken-2'}}),_c('div',{staticClass:\"pa-4\"},[_c('v-skeleton-loader',{attrs:{\"type\":\"paragraph\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: 'PlaygroundLoadingMessage',\n  props: {\n    // Whether the loading placeholder is for admin-only\n    \"admin\": {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n</script>\n\n<template>\n  <div class=\"loading-container rounded-lg flex-shrink-0\" :class=\"{'moin-admin-box': admin}\">\n    <v-progress-linear\n      indeterminate\n      absolute\n      :color=\"admin ? 'admin' : 'secondary darken-2'\"\n    />\n\n    <div class=\"pa-4\">\n      <v-skeleton-loader\n        type=\"paragraph\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.loading-container {\n  background-color: white;\n  min-height: 3rem;\n  min-width: 30rem;\n  position: relative;\n  /* Clip content outside border radius */\n  overflow: hidden;\n}\n.loading-container:not(.moin-admin-box) {\n  border: solid thin var(--v-grey-lighten2);\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLoadingMessage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLoadingMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLoadingMessage.vue?vue&type=template&id=13bf382d&scoped=true\"\nimport script from \"./PlaygroundLoadingMessage.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLoadingMessage.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundLoadingMessage.vue?vue&type=style&index=0&id=13bf382d&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"13bf382d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-4 d-flex flex-col items-end\"},[_c('div',{staticClass:\"result-container rounded-lg flex-shrink-0 mb-1 full-width\"},[(_vm.isRating)?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"absolute\":\"\",\"color\":\"secondary darken-2\"}}):_vm._e(),_c('div',{staticClass:\"pa-4 flex\"},[_c('div',{staticClass:\"d-flex gap-4\"},[(_vm.rated !== 'negative')?_c('div',{staticClass:\"flex-grow-1\"},[_c('h3',[_vm._v(_vm._s(_vm.foundIntent.displayName))]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(_vm.foundIntent.description)+\" \")]),(_vm.foundIntent.tags?.length)?_c('div',{staticClass:\"d-flex gap-1 flex-wrap pt-1\"},_vm._l((_vm.foundIntent.tags),function(tag){return _c('v-chip',{key:tag,attrs:{\"color\":\"primary lighten-3\",\"outlined\":\"\",\"small\":\"\"}},[_vm._v(\" \"+_vm._s(tag)+\" \")])}),1):_vm._e()]):_c('div',{staticClass:\"flex-grow-1\"},[_c('v-autocomplete',{ref:\"aiintent\",attrs:{\"items\":_vm.selectableIntents,\"item-text\":\"displayName\",\"item-value\":\"intent\",\"cache-items\":\"\",\"flat\":\"\",\"hide-no-data\":\"\",\"color\":\"secondary darken-2\",\"outlined\":\"\",\"label\":_vm.$t('ai.tool.correctintent'),\"disabled\":_vm.isRating},model:{value:(_vm.newIntent),callback:function ($$v) {_vm.newIntent=$$v},expression:\"newIntent\"}})],1),_c('div',{staticClass:\"inline text-no-wrap\"},[_c('BtnSquare',{attrs:{\"preset\":\"base\",\"icon\":\"mdi-thumb-up-outline\",\"colorIcon\":_vm.rated === 'positive' ? 'success' : 'grey',\"disabled\":_vm.isRating},on:{\"click\":_vm.ratePositive}}),_c('BtnSquare',{attrs:{\"preset\":\"base\",\"icon\":\"mdi-thumb-down-outline\",\"colorIcon\":_vm.rated === 'negative' ? 'error' : 'grey',\"disabled\":_vm.isRating},on:{\"click\":_vm.rateNegative}})],1)]),(_vm.showButtonRow)?_c('div',{staticClass:\"d-flex gap-2 items-center\"},[(_vm.isKnowledge)?_c('BtnSquare',{staticClass:\"w-fit\",attrs:{\"preset\":_vm.isGenerating ? 'assistant-loading' : 'assistant-filled',\"disabled\":_vm.isGenerating || _vm.generated,\"outlined\":_vm.generated},on:{\"click\":_vm.generateAnswer}},[_c('span',{class:{\n                'ai-color': _vm.isGenerating,\n              }},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.generateAnswer'))+\" \")]),_c('SparkleLoader',{staticClass:\"ml-1\",class:{\n                'ai-color': _vm.isGenerating,\n              },attrs:{\"frozen\":!_vm.isGenerating,\"filled\":!_vm.generated}})],1):_vm._e(),_c('BtnSquare',{staticClass:\"w-fit\",attrs:{\"preset\":\"base\",\"icon\":\"mdi-pencil\",\"outlined\":\"\",\"to\":_vm.editButtonLink}},[_vm._v(\" \"+_vm._s(_vm.$t('common.edit'))+\" \")]),_c('v-divider',{staticClass:\"mx-3 hidden-xs-only\",attrs:{\"vertical\":\"\"}}),_c('span',{staticClass:\"text--grey\"},[_c('v-icon',{staticClass:\"mr-0\",attrs:{\"color\":_vm.intentStatus.color,\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.intentStatus.icon)+\" \")]),_vm._v(\" \"+_vm._s(_vm.intentStatus.label)+\" \")],1),(_vm.intentStatus.redirectLabel)?[_c('v-divider',{staticClass:\"mx-3 hidden-xs-only\",attrs:{\"vertical\":\"\"}}),_c('span',{staticClass:\"text--grey\"},[_c('v-icon',{staticClass:\"mr-0\",attrs:{\"color\":\"blue darken-2\",\"left\":\"\"}},[_vm._v(\" directions \")]),_vm._v(\" \"+_vm._s(_vm.intentStatus.redirectLabel)+\" \")],1)]:_vm._e()],2):_vm._e(),(_vm.generated)?_c('PlaygroundGeneratedAnswer',{attrs:{\"query\":_vm.data.text,\"error\":_vm.generationError,\"answer\":_vm.generatedAnswer,\"ragProtocol\":_vm.ragProtocol,\"answers\":_vm.answers,\"intentName\":_vm.detectedIntent,\"timeTaken\":_vm.generatedInMS}}):_vm._e()],1)],1),_c('div',{staticClass:\"d-flex gap-4 justify-space-between items-center full-width mt-1\"},[_c('div',{staticClass:\"d-flex gap-2 justify-between flex-wrap\"},[_c('DropDown',{attrs:{\"auto-close\":\"\",\"items\":_vm.infoDropdownItems},scopedSlots:_vm._u([{key:\"actuator\",fn:function({ toggle }){return [_c('BtnSquare',{attrs:{\"preset\":\"base\",\"icon\":\"mdi-dots-horizontal\",\"small\":\"\"},on:{\"click\":toggle}},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.moreInformation'))+\" \")])]}}])}),(_vm.isAdmin)?_c('BtnSquare',{attrs:{\"preset\":\"admin\",\"icon\":\"content_copy\",\"small\":\"\"},on:{\"click\":function($event){return _vm.copy(_vm.data.raw.protocol.prompt[0].content)}}},[_vm._v(\" System prompt \")]):_vm._e(),(_vm.isAdmin)?_c('BtnSquare',{attrs:{\"preset\":\"admin\",\"icon\":\"content_copy\",\"small\":\"\"},on:{\"click\":function($event){return _vm.copy(_vm.data.raw.protocol.prompt[1].content)}}},[_vm._v(\" User prompt \")]):_vm._e()],1),_c('p',{staticClass:\"time-taken text-sm-body-2 mb-0\"},[_vm._v(\"In \"+_vm._s(_vm.timeTaken))])]),_c('HubDialog',{attrs:{\"title\":_vm.$t('ai.tool.dialogs.candidates.title'),\"hide-secondary\":\"\"},model:{value:(_vm.modals.presentedTopics),callback:function ($$v) {_vm.$set(_vm.modals, \"presentedTopics\", $$v)},expression:\"modals.presentedTopics\"}},[_c('InfoBox',{staticClass:\"mb-4\",attrs:{\"text\":_vm.$t('ai.tool.dialogs.candidates.description')}}),_c('div',{staticClass:\"blockquote mb-4 pl-2\"},[_c('q',{staticClass:\"font-italic\"},[_vm._v(_vm._s(_vm.data.text))])]),_c('div',{staticClass:\"d-flex flex-col gap-2\"},_vm._l((_vm.data.raw.protocol.presentedTopics),function(topic,i){return _c('div',{key:`t-${topic.intent}_${i}`},[_c('PlaygroundIntentItem',{attrs:{\"intent-object\":_vm.findIntent(topic.intent),\"currentIntent\":_vm.data.intent,\"show-type-icon\":\"\",\"extra-positive\":\"\"}})],1)}),0)],1),_c('HubDialog',{attrs:{\"title\":_vm.$t('ai.tool.dialogs.botContext.title'),\"hide-secondary\":\"\"},model:{value:(_vm.modals.botContext),callback:function ($$v) {_vm.$set(_vm.modals, \"botContext\", $$v)},expression:\"modals.botContext\"}},[_c('p',[_vm._v(_vm._s(_vm.data.raw.protocol.botContext))])]),_c('HubDialog',{attrs:{\"title\":_vm.$t('ai.tool.dialogs.feedback.title'),\"hide-secondary\":\"\"},model:{value:(_vm.modals.mappings),callback:function ($$v) {_vm.$set(_vm.modals, \"mappings\", $$v)},expression:\"modals.mappings\"}},[_c('InfoBox',{staticClass:\"mb-4\",attrs:{\"text\":_vm.$t('ai.tool.dialogs.feedback.description')}}),_vm._l((_vm.feedbacks),function(feedback,i){return _c('div',{key:`f-${feedback.intent}_${i}`,staticClass:\"mb-4\"},[_c('p',{staticClass:\"mb-0 italic\"},[_c('q',{staticClass:\"font-italic\"},[_vm._v(_vm._s(feedback.text))])]),_c('v-icon',{attrs:{\"color\":feedback.feedback ? 'success' : 'error',\"left\":\"\",\"small\":\"\",\"title\":feedback.feedback ? _vm.$t('ai.tool.positiveFeedback') : _vm.$t('ai.tool.negativeFeedback')}},[_vm._v(\" \"+_vm._s(feedback.feedback ? 'mdi-check-circle-outline' : 'mdi-close-circle-outline')+\" \")]),_c('span',[_vm._v(_vm._s(_vm.displayNameIntent(feedback.intent)))]),(feedback.keyword)?_c('v-chip',{staticClass:\"ml-1\",attrs:{\"small\":\"\",\"outlined\":\"\"}},[_vm._v(_vm._s(_vm.$t('ai.tool.feedback.keyword')))]):_vm._e(),(feedback.template)?_c('v-chip',{staticClass:\"ml-1\",attrs:{\"small\":\"\",\"outlined\":\"\"}},[_vm._v(_vm._s(_vm.$t('ai.tool.feedback.template')))]):(feedback.reference)?_c('v-chip',{staticClass:\"ml-1\",attrs:{\"small\":\"\",\"outlined\":\"\"}},[_vm._v(_vm._s(_vm.$t('ai.tool.feedback.reference')))]):_vm._e()],1)})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('PlaygroundLLMChatHistory',{attrs:{\"history\":_vm.history}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex gap-2 items-center\"},[(_vm.used)?_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":_vm.assistantColors ? 'var(--v-assistant-darken2)' : undefined}},'v-icon',attrs,false),on),[_vm._v(\" \"+_vm._s(_vm.public ? 'mdi-eye' : 'mdi-eye-off')+\" \")])]}}],null,false,3493690569)},[_c('span',[_vm._v(_vm._s(_vm.$t(`ai.tool.generated.${ _vm.public ? 'external' : 'internal' }`)))])]):_vm._e(),(_vm.used !== null)?_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":_vm.assistantColors ? 'var(--v-assistant-darken2)' : undefined}},'v-icon',attrs,false),on),[_vm._v(\" \"+_vm._s(_vm.used ? 'mdi-check' : 'mdi-close')+\" \")])]}}],null,false,1447833373)},[_c('span',[_vm._v(_vm._s(_vm.$t(`ai.tool.generated.${ _vm.used ? 'used' : 'unused' }`)))])]):_vm._e(),_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":_vm.assistantColors ? 'var(--v-assistant-darken2)' : undefined}},'v-icon',attrs,false),on),[_vm._v(\" \"+_vm._s(_vm.ragTypeIcons[_vm.source.type])+\" \")])]}}])},[_c('span',[_vm._v(_vm._s(_vm.$t(`editor.ragTopic.resourceTypeName.${_vm.source.type}`)))])]),_c('span',{staticClass:\"flex-grow-1\"},[(_vm.sourceIsUrl(_vm.nameForResource(_vm.source)))?_c('a',{staticClass:\"flex-grow-1 text-break\",attrs:{\"href\":_vm.nameForResource(_vm.source),\"target\":_vm.source._id,\"rel\":\"noopener nofollow\"}},[_vm._v(\" \"+_vm._s(_vm.nameForResource(_vm.source))+\" \")]):[_c('span',{staticClass:\"flex-grow-1 text-break\"},[_vm._v(_vm._s(_vm.nameForResource(_vm.source)))])]],2),(_vm.EditableTypes.includes(_vm.source.type) && _vm.source._id)?_c('BtnSquare',{staticClass:\"flex-shrink-0\",attrs:{\"icon\":\"mdi-pencil\",\"preset\":_vm.assistantColors ? 'assistant' : 'outlined-white',\"small\":\"\",\"to\":{name: 'knowledge-base-edit-document', params: {resourceId: _vm.source._id}}}}):_vm._e(),(_vm.toggleState !== null)?_c('BtnSquare',{staticClass:\"flex-shrink-0\",attrs:{\"icon\":_vm.toggleState ? 'mdi-toggle-switch' : 'mdi-toggle-switch-off-outline',\"preset\":_vm.assistantColors ? 'assistant' : 'outlined-white',\"small\":\"\",\"disabled\":_vm.isLoading},on:{\"click\":function($event){return _vm.$emit('toggle', !_vm.toggleState)}}},[_vm._v(\" \"+_vm._s(!_vm.toggleState ? _vm.$t('common.connect') : _vm.$t('common.disconnect'))+\" \")]):_vm._e(),(_vm.source.text)?_c('BtnSquare',{staticClass:\"w-fit\",attrs:{\"preset\":_vm.assistantColors ? 'assistant' : 'outlined-white',\"small\":\"\"},on:{\"click\":function($event){return _vm.$emit('inspect')}}},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.generated.seeContent'))+\" \")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport { ragTypeIcons } from '@/utils/intent';\nimport { get } from 'lodash';\nimport { EditableTypes, TitlePath } from '@/components/knowledgeBase/MDDocumentAdapter';\n\nexport default {\n  name: 'PlaygroundResourceHeader',\n  components: { BtnSquare },\n  emits: ['inspect', 'toggle'],\n  props: {\n    /**\n     * @type {RAGAnswerSourceContent}\n     */\n    \"source\": {\n      type: Object,\n      required: true,\n    },\n    // Whether this source is shown to the user as a source of information\n    \"public\": {\n      type: Boolean,\n      default: false,\n    },\n    // Whether the information in this source was used to create the answer\n    \"used\": {\n      type: Boolean,\n      default: null,\n    },\n    // In buttons and text, use the Assistant theme and colors\n    \"assistantColors\": {\n      type: Boolean,\n      default: false,\n    },\n    // Show a toggle, and show it in the given state\n    \"toggleState\": {\n      type: Boolean,\n      default: null, // Hidden if null\n    },\n    // Whether an async call is loading\n    \"isLoading\": {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      ragTypeIcons,\n      EditableTypes,\n    };\n  },\n  methods: {\n    /**\n     * Check if this resource is one hosted on a URL\n     * @param {string} source\n     */\n    sourceIsUrl(source) {\n      return source.toLowerCase().startsWith(\"https://\");\n    },\n    /**\n     * Generates/retrieve the name of a resource\n     * @param {RAGAnswerSourceContent} resource\n     * @returns {string}\n     */\n    nameForResource(resource) {\n      // Special case: QNA might need fallback.\n      if (resource.type === 'QNA') {\n        return (\n          get(resource, TitlePath.QNA, null) ||\n          get(resource, TitlePath.QNAFallback, this.$t('editor.ragTopic.qna'))\n        );\n      }\n\n      // Special case: Better fallback title\n      if (resource.type === 'MARKDOWN') {\n        return get(resource, TitlePath.MARKDOWN, this.$t('editor.ragTopic.markdown'));\n      }\n\n      // All others usually produces a URL\n      return get(\n        resource,\n        TitlePath[resource.type],\n        `${this.$t('editor.ragTopic.unnamed')} ${resource.type}`\n      );\n    },\n  }\n};\n</script>\n\n<template>\n  <div class=\"d-flex gap-2 items-center\">\n    <v-tooltip v-if=\"used\" bottom>\n      <template #activator=\"{ on, attrs }\">\n        <v-icon\n          v-on=\"on\"\n          v-bind=\"attrs\"\n          :color=\"assistantColors ? 'var(--v-assistant-darken2)' : undefined\"\n        >\n          {{ public ? 'mdi-eye' : 'mdi-eye-off' }}\n        </v-icon>\n      </template>\n\n      <span>{{ $t(`ai.tool.generated.${ public ? 'external' : 'internal' }`) }}</span>\n    </v-tooltip>\n\n    <v-tooltip v-if=\"used !== null\" bottom>\n      <template #activator=\"{ on, attrs }\">\n        <v-icon\n          v-on=\"on\"\n          v-bind=\"attrs\"\n          :color=\"assistantColors ? 'var(--v-assistant-darken2)' : undefined\"\n        >\n          {{ used ? 'mdi-check' : 'mdi-close' }}\n        </v-icon>\n      </template>\n\n      <span>{{ $t(`ai.tool.generated.${ used ? 'used' : 'unused' }`) }}</span>\n    </v-tooltip>\n\n    <v-tooltip bottom>\n      <template #activator=\"{ on, attrs }\">\n        <v-icon\n          v-on=\"on\"\n          v-bind=\"attrs\"\n          :color=\"assistantColors ? 'var(--v-assistant-darken2)' : undefined\"\n        >\n          {{ ragTypeIcons[source.type] }}\n        </v-icon>\n      </template>\n\n      <span>{{ $t(`editor.ragTopic.resourceTypeName.${source.type}`) }}</span>\n    </v-tooltip>\n\n    <span class=\"flex-grow-1\">\n      <a\n       v-if=\"sourceIsUrl(nameForResource(source))\"\n       :href=\"nameForResource(source)\"\n       :target=\"source._id\"\n       rel=\"noopener nofollow\"\n       class=\"flex-grow-1 text-break\"\n      >\n        {{ nameForResource(source) }}\n      </a>\n      <template v-else>\n        <span class=\"flex-grow-1 text-break\">{{ nameForResource(source) }}</span>\n      </template>\n    </span>\n\n    <BtnSquare\n      v-if=\"EditableTypes.includes(source.type) && source._id\"\n      class=\"flex-shrink-0\"\n      icon=\"mdi-pencil\"\n      :preset=\"assistantColors ? 'assistant' : 'outlined-white'\"\n      small\n      :to=\"{name: 'knowledge-base-edit-document', params: {resourceId: source._id}}\"\n    />\n\n    <BtnSquare\n      v-if=\"toggleState !== null\"\n      class=\"flex-shrink-0\"\n      :icon=\"toggleState ? 'mdi-toggle-switch' : 'mdi-toggle-switch-off-outline'\"\n      :preset=\"assistantColors ? 'assistant' : 'outlined-white'\"\n      small\n      :disabled=\"isLoading\"\n      @click=\"$emit('toggle', !toggleState)\"\n    >\n      {{ !toggleState ? $t('common.connect') : $t('common.disconnect') }}\n    </BtnSquare>\n\n    <BtnSquare\n      v-if=\"source.text\"\n      :preset=\"assistantColors ? 'assistant' : 'outlined-white'\"\n      class=\"w-fit\"\n      small\n      @click=\"$emit('inspect')\"\n    >\n      {{ $t('ai.tool.generated.seeContent') }}\n    </BtnSquare>\n  </div>\n</template>\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundResourceHeader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundResourceHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundResourceHeader.vue?vue&type=template&id=3c43e4b2\"\nimport script from \"./PlaygroundResourceHeader.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundResourceHeader.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"llm-history-container rounded mb-0 d-flex flex-col full-height\"},[_vm._l((_vm.history),function(item,i){return [_c(_vm.componentName[item.type],{tag:\"component\",attrs:{\"index\":i,\"data\":item.data}}),(i !== _vm.history.length - 1)?_c('v-divider',{staticClass:\"llm-item-divider\"}):_vm._e()]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('LLMActionItem',{scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('SparkleLoader',{staticClass:\"flex-shrink-0 mt-3 align-self-start\",attrs:{\"frozen\":\"\"}})]},proxy:true},{key:\"header\",fn:function(){return [(!!_vm.data)?_c('RichTextarea',{staticClass:\"mt-4\",attrs:{\"read-mode\":\"\"},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}}):_vm._e()]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-expansion-panels',{staticClass:\"transparent\",attrs:{\"accordion\":\"\",\"flat\":\"\",\"tile\":\"\",\"disabled\":!_vm.$scopedSlots.default}},[(!_vm.$scopedSlots.default)?_c('div',{staticClass:\"llm-item-panel full-width pa-4\",class:{\n        'llm-secondary': _vm.nonAnswer,\n        'ai-color-dark transparent': !_vm.nonAnswer,\n        /* Inject custom classes to panel */\n        [_vm.panelClass]: _vm.panelClass,\n      }},[_c('div',{staticClass:\"d-flex gap-2 items-baseline\"},[_c('div',{staticClass:\"d-flex gap-2 items-center flex-grow-1\",class:{\n            'ai-color-dark': !_vm.nonAnswer,\n          }},[_vm._t(\"icon\",function(){return [_c('v-tooltip',{attrs:{\"bottom\":\"\",\"disabled\":!_vm.iconTooltip},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-icon',_vm._g(_vm._b({staticClass:\"d-block align-self-start\"},'v-icon',attrs,false),on),[_vm._v(\" \"+_vm._s(_vm.icon)+\" \")])]}}],null,false,1109742628)},[_c('div',{staticStyle:{\"max-width\":\"20rem\"}},[_vm._v(\" \"+_vm._s(_vm.iconTooltip)+\" \")])])]},{\"open\":false}),(_vm.$scopedSlots.header)?_vm._t(\"header\"):_vm._e()],2),(_vm.$scopedSlots.right)?_c('div',{staticClass:\"w-full flex-shrink-0 flex-grow-1 text-right align-self-baseline\",class:{\n            'ai-color-dark': !_vm.nonAnswer,\n          }},[_vm._t(\"right\",null,{\"open\":false})],2):_vm._e()])]):_c('v-expansion-panel',{staticClass:\"llm-item-panel\",class:{\n        'llm-secondary': _vm.nonAnswer,\n        'ai-color-dark transparent': !_vm.nonAnswer,\n        /* Inject custom classes to panel */\n        [_vm.panelClass]: _vm.panelClass,\n      }},[_c('v-expansion-panel-header',{staticClass:\"d-flex gap-2 items-baseline\",scopedSlots:_vm._u([{key:\"default\",fn:function({ open }){return [_c('div',{staticClass:\"d-flex gap-2 items-center flex-grow-1\",class:{\n              'ai-color-dark': !_vm.nonAnswer,\n            }},[_vm._t(\"icon\",function(){return [_c('v-tooltip',{attrs:{\"bottom\":\"\",\"disabled\":!_vm.iconTooltip},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-icon',_vm._g(_vm._b({staticClass:\"d-block align-self-start\"},'v-icon',attrs,false),on),[_vm._v(\" \"+_vm._s(_vm.icon)+\" \")])]}}],null,true)},[_c('div',{staticStyle:{\"max-width\":\"20rem\"}},[_vm._v(\" \"+_vm._s(_vm.iconTooltip)+\" \")])])]},{\"open\":open}),(_vm.$scopedSlots.header)?_vm._t(\"header\"):_vm._e()],2),(_vm.$scopedSlots.right)?_c('div',{staticClass:\"w-full flex-shrink-0 flex-grow-1 text-right align-self-baseline\",class:{\n            'ai-color-dark': !_vm.nonAnswer,\n          }},[_vm._t(\"right\",null,{\"open\":open})],2):_vm._e()]}}],null,true)}),(_vm.$scopedSlots.default)?_c('v-expansion-panel-content',{staticClass:\"pt-0\",class:{\n          'ai-color-dark': !_vm.nonAnswer,\n        }},[_vm._t(\"default\")],2):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: 'LLMActionItem',\n  props: {\n    /**\n     * The icon for this action item.\n     * Optionally, you can use a slot instead.\n     */\n    'icon': {\n      type: String,\n      default: null,\n    },\n    /**\n     * This item is not an LLM text answer.\n     * It has gray text, and a background closer to white.\n     */\n    'nonAnswer': {\n      type: Boolean,\n      default: false,\n    },\n    // Optional: Extra classes to alter the design of the panel\n    'panelClass': {\n      type: String,\n      default: '',\n    },\n    // Optional: Display a tooltip when you hover over the icon\n    'iconTooltip': {\n      type: String,\n      default: '',\n    },\n  }\n};\n</script>\n\n<template>\n  <v-expansion-panels\n    class=\"transparent\"\n    accordion\n    flat\n    tile\n    :disabled=\"!$scopedSlots.default\"\n  >\n    <!--\n      If you have no main content, use a div block instead of expansion panel.\n      Expansion panel enforces button semantics, disables selection, makes the\n      block semantically invisible, and prevents tooltip from working properly.\n    -->\n    <div\n      v-if=\"!$scopedSlots.default\"\n      class=\"llm-item-panel full-width pa-4\"\n      :class=\"{\n        'llm-secondary': nonAnswer,\n        'ai-color-dark transparent': !nonAnswer,\n        /* Inject custom classes to panel */\n        [panelClass]: panelClass,\n      }\"\n    >\n      <div class=\"d-flex gap-2 items-baseline\">\n        <!-- Icon and row title -->\n        <div\n          class=\"d-flex gap-2 items-center flex-grow-1\"\n          :class=\"{\n            'ai-color-dark': !nonAnswer,\n          }\"\n        >\n          <slot name=\"icon\" :open=\"false\">\n            <v-tooltip bottom :disabled=\"!iconTooltip\">\n              <template #activator=\"{ on, attrs }\">\n                <v-icon v-bind=\"attrs\" v-on=\"on\" class=\"d-block align-self-start\">\n                  {{ icon }}\n                </v-icon>\n              </template>\n\n              <div style=\"max-width: 20rem\">\n                {{ iconTooltip }}\n              </div>\n            </v-tooltip>\n          </slot>\n\n          <slot v-if=\"$scopedSlots.header\" name=\"header\" />\n        </div>\n\n        <!-- Optional: Right side of row -->\n        <div\n          v-if=\"$scopedSlots.right\"\n          class=\"w-full flex-shrink-0 flex-grow-1 text-right align-self-baseline\"\n          :class=\"{\n            'ai-color-dark': !nonAnswer,\n          }\"\n        >\n          <slot name=\"right\" :open=\"false\" />\n        </div>\n      </div>\n    </div>\n\n    <!--\n\n    Else use expansion panel\n\n    -->\n    <v-expansion-panel\n      v-else\n      class=\"llm-item-panel\"\n      :class=\"{\n        'llm-secondary': nonAnswer,\n        'ai-color-dark transparent': !nonAnswer,\n        /* Inject custom classes to panel */\n        [panelClass]: panelClass,\n      }\"\n    >\n      <v-expansion-panel-header class=\"d-flex gap-2 items-baseline\">\n        <template #default=\"{ open }\">\n          <!-- Icon and row title -->\n          <div\n            class=\"d-flex gap-2 items-center flex-grow-1\"\n            :class=\"{\n              'ai-color-dark': !nonAnswer,\n            }\"\n          >\n            <slot name=\"icon\" :open=\"open\">\n              <v-tooltip bottom :disabled=\"!iconTooltip\">\n                <template #activator=\"{ on, attrs }\">\n                  <v-icon v-bind=\"attrs\" v-on=\"on\" class=\"d-block align-self-start\">\n                    {{ icon }}\n                  </v-icon>\n                </template>\n\n                <div style=\"max-width: 20rem\">\n                  {{ iconTooltip }}\n                </div>\n              </v-tooltip>\n            </slot>\n\n            <slot v-if=\"$scopedSlots.header\" name=\"header\" />\n          </div>\n\n          <!-- Optional: Right side of row -->\n          <div\n            v-if=\"$scopedSlots.right\"\n            class=\"w-full flex-shrink-0 flex-grow-1 text-right align-self-baseline\"\n            :class=\"{\n            'ai-color-dark': !nonAnswer,\n          }\"\n          >\n            <slot name=\"right\" :open=\"open\" />\n          </div>\n        </template>\n      </v-expansion-panel-header>\n\n      <!-- Expandable extra content -->\n      <v-expansion-panel-content\n        v-if=\"$scopedSlots.default\"\n        class=\"pt-0\"\n        :class=\"{\n          'ai-color-dark': !nonAnswer,\n        }\"\n      >\n        <slot />\n      </v-expansion-panel-content>\n    </v-expansion-panel>\n  </v-expansion-panels>\n</template>\n\n<style scoped lang=\"scss\">\n.llm-item-panel.llm-secondary {\n  background-color: rgba(255,255,255,.7);\n  color: var(--v-grey-darken4);\n}\n\n.ai-color {\n  color: var(--v-assistant-base);\n}\n.ai-color-dark {\n  color: var(--v-assistant-darken2)\n}\n</style>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LLMActionItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LLMActionItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LLMActionItem.vue?vue&type=template&id=7a66f95a&scoped=true\"\nimport script from \"./LLMActionItem.vue?vue&type=script&lang=js\"\nexport * from \"./LLMActionItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./LLMActionItem.vue?vue&type=style&index=0&id=7a66f95a&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7a66f95a\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport SparkleLoader from '@/components/common/SparkleLoader.vue';\nimport LLMActionItem from '@/components/playground/llmHistoryItems/components/LLMActionItem.vue';\nimport RichTextarea from '@/components/common/wysiwyg/RichTextarea.vue';\n\nexport default {\n  name: 'PlaygroundLLMTextResponse',\n  components: { RichTextarea, LLMActionItem, SparkleLoader },\n  props: {\n    // The LLM's text response to the user\n    'data': {\n      type: String,\n      required: true,\n    }\n  },\n};\n</script>\n\n<template>\n  <LLMActionItem>\n    <template #icon>\n      <SparkleLoader\n        class=\"flex-shrink-0 mt-3 align-self-start\"\n        frozen\n      />\n    </template>\n\n    <template #header>\n      <RichTextarea\n        v-if=\"!!data\"\n        v-model=\"data\"\n        read-mode\n        class=\"mt-4\"\n      />\n    </template>\n  </LLMActionItem>\n</template>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMTextResponse.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMTextResponse.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMTextResponse.vue?vue&type=template&id=7c7df998\"\nimport script from \"./PlaygroundLLMTextResponse.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMTextResponse.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('LLMActionItem',{attrs:{\"icon\":\"mdi-auto-fix\",\"icon-tooltip\":_vm.$t('ai.tool.generated.reframedQueryNote'),\"non-answer\":\"\"},scopedSlots:_vm._u([{key:\"right\",fn:function(){return [_c('span',{staticClass:\"text-body-2 d-block\"},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.actions.reframeActionRowLabel'))+\" \")])]},proxy:true},{key:\"header\",fn:function(){return [_c('q',[_vm._v(\" \"+_vm._s(_vm.data.reframedQuery)+\" \")])]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport LLMActionItem from '@/components/playground/llmHistoryItems/components/LLMActionItem.vue';\n\nexport default {\n  name: 'PlaygroundLLMReFrame',\n  components: { LLMActionItem },\n  props: {\n    /**\n     * The RAG protocol, which should at least contain `reframedQuery`\n     * @typedef {Object & {reframedQuery: string}} RAGProtocol\n     */\n    'data': {\n      type: Object,\n      required: true,\n    }\n  },\n};\n</script>\n\n<template>\n  <LLMActionItem\n    icon=\"mdi-auto-fix\"\n    :icon-tooltip=\"$t('ai.tool.generated.reframedQueryNote')\"\n    non-answer\n  >\n    <template #right>\n      <span class=\"text-body-2 d-block\">\n        {{ $t('ai.tool.actions.reframeActionRowLabel') }}\n      </span>\n    </template>\n\n    <template #header>\n      <q>\n        {{ data.reframedQuery }}\n      </q>\n    </template>\n  </LLMActionItem>\n</template>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMReFrame.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMReFrame.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMReFrame.vue?vue&type=template&id=64984b82\"\nimport script from \"./PlaygroundLLMReFrame.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMReFrame.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('LLMActionItem',{attrs:{\"icon\":\"mdi-webhook\",\"non-answer\":\"\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.data.action.name || 'Unnamed action'))])]},proxy:true},{key:\"right\",fn:function({ open }){return [_c('span',{staticClass:\"text-body-2 d-block\",class:{\n          'mt-1': !open,\n          'mt-2': open,\n        }},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.actions.actionRowLabel'))+\" \")])]}}])},[_c('p',[_vm._v(\" \"+_vm._s(_vm.data.action.description)+\" \")]),_c('v-divider',{staticClass:\"my-8\"}),(_vm.data.action.instruction_before || _vm.data.action.instruction_after)?[_c('h3',[_vm._v(_vm._s(_vm.$t('ai.tool.actions.instructions')))]),_c('ActionTextArea',{staticClass:\"mb-4\",attrs:{\"label\":_vm.$t('knowledgeBase.dialogs.createAction.fields.instructionBefore.label'),\"value\":_vm.data.action.instruction_before,\"read-only\":\"\",\"persistent-bar\":\"\"}}),_c('ActionTextArea',{attrs:{\"label\":_vm.$t('knowledgeBase.dialogs.createAction.fields.instructionAfter.label'),\"value\":_vm.data.action.instruction_after,\"read-only\":\"\",\"persistent-bar\":\"\"}}),_c('v-divider',{staticClass:\"my-8\"})]:_vm._e(),(_vm.data.action.parameters?.length)?[_c('h3',[_vm._v(_vm._s(_vm.$t('knowledgeBase.dialogs.createAction.fields.parameters.title')))]),_vm._l((_vm.data.action.parameters),function(parameter){return _c('ActionTextArea',{key:parameter.name,attrs:{\"label\":parameter.name,\"value\":_vm.getParameterValueUsed(parameter),\"read-only\":\"\",\"persistent-bar\":\"\",\"rows\":2},scopedSlots:_vm._u([{key:\"toolbar-right\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.paramTypeToLabel(parameter.type))+\" \")]},proxy:true}],null,true)})}),_c('v-divider',{staticClass:\"my-8\"})]:_vm._e(),_c('h3',[_vm._v(_vm._s(_vm.$t('ai.tool.actions.actionResult')))]),_c('ActionTextArea',{attrs:{\"label\":_vm.$t('ai.tool.actions.actionResultLabel'),\"value\":_vm.responseContent,\"read-only\":\"\",\"persistent-bar\":\"\"}})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport LLMActionItem from '@/components/playground/llmHistoryItems/components/LLMActionItem.vue';\nimport ActionTextArea from '@/components/editor/components/ActionTextArea.vue';\n\nexport default {\n  name: 'PlaygroundLLMActionUse',\n  components: { ActionTextArea, LLMActionItem },\n  props: {\n    /**\n     * Action use info\n     * Call is the execution with parameters.\n     * Action is the available action with its descriptions etc.\n     * @type {{call: Object, action: Object}}\n     */\n    'data': {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    /**\n     * Display for the response.\n     * This value is from the client's own website, so it can be an object, string, number, boolean, whatever.\n     */\n    responseContent() {\n      try {\n        return JSON.stringify(this.data.response.content, null, 4);\n      } catch(_) {\n        return this.data.response.content;\n      }\n    }\n  },\n  methods: {\n    /**\n     * What the corresponding call parameter given an action parameter?\n     * @param {Object & {name: string}} parameter\n     * @returns {number|string|boolean}\n     */\n    getParameterValueUsed(parameter) {\n      return this.data.call.parameters.find(p => p.name === parameter.name)?.value;\n    },\n    /**\n     * Converts the type for an action parameter into a UI string\n     * @param {string|'number'|'boolean'|'string'} typeIdentifier\n     * @returns {string}\n     */\n    paramTypeToLabel(typeIdentifier) {\n      const key = `knowledgeBase.dialogs.createAction.fields.parameters.type.types.${typeIdentifier}`;\n      const uiString = this.$t(key);\n      return uiString !== key ? uiString : typeIdentifier;\n    }\n  }\n};\n</script>\n\n<template>\n  <LLMActionItem icon=\"mdi-webhook\" non-answer>\n    <template #header>\n      <p class=\"mb-0\">{{ data.action.name || 'Unnamed action' }}</p>\n    </template>\n\n    <template #right=\"{ open }\">\n      <span\n        class=\"text-body-2 d-block\"\n        :class=\"{\n          'mt-1': !open,\n          'mt-2': open,\n        }\"\n      >\n        {{ $t('ai.tool.actions.actionRowLabel') }}\n      </span>\n    </template>\n\n    <p>\n      {{ data.action.description }}\n    </p>\n\n    <v-divider class=\"my-8\" />\n\n    <template v-if=\"data.action.instruction_before || data.action.instruction_after\">\n      <h3>{{ $t('ai.tool.actions.instructions') }}</h3>\n\n      <ActionTextArea\n        :label=\"$t('knowledgeBase.dialogs.createAction.fields.instructionBefore.label')\"\n        :value=\"data.action.instruction_before\"\n        read-only\n        persistent-bar\n        class=\"mb-4\"\n      />\n      <ActionTextArea\n        :label=\"$t('knowledgeBase.dialogs.createAction.fields.instructionAfter.label')\"\n        :value=\"data.action.instruction_after\"\n        read-only\n        persistent-bar\n      />\n\n      <v-divider class=\"my-8\" />\n    </template>\n\n    <template v-if=\"data.action.parameters?.length\">\n      <h3>{{ $t('knowledgeBase.dialogs.createAction.fields.parameters.title') }}</h3>\n      <ActionTextArea\n        v-for=\"parameter in data.action.parameters\"\n        :key=\"parameter.name\"\n        :label=\"parameter.name\"\n        :value=\"getParameterValueUsed(parameter)\"\n        read-only\n        persistent-bar\n        :rows=\"2\"\n      >\n        <template #toolbar-right>\n          {{ paramTypeToLabel(parameter.type) }}\n        </template>\n      </ActionTextArea>\n\n      <v-divider class=\"my-8\" />\n    </template>\n\n    <h3>{{ $t('ai.tool.actions.actionResult') }}</h3>\n    <ActionTextArea\n      :label=\"$t('ai.tool.actions.actionResultLabel')\"\n      :value=\"responseContent\"\n      read-only\n      persistent-bar\n    />\n  </LLMActionItem>\n</template>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMActionUse.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMActionUse.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMActionUse.vue?vue&type=template&id=319062be\"\nimport script from \"./PlaygroundLLMActionUse.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMActionUse.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('LLMActionItem',{attrs:{\"icon\":\"mdi-auto-fix\"},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('span',{staticClass:\"time-taken text-sm-body-2 mb-0\"},[_vm._v(\" In \"+_vm._s(_vm.timeTakenDisplay)+\" \")])]},proxy:true},{key:\"right\",fn:function({ open }){return [(_vm.data.ragProtocol.usedKnowledge.length)?_c('span',{staticClass:\"text-body-2 d-block\",class:{\n          'mt-1': open,\n        }},[_vm._v(\" \"+_vm._s(_vm.$tc('ai.tool.generated.relevantDocs', _vm.data.ragProtocol.usedKnowledge.length, { count: _vm.data.ragProtocol.usedKnowledge.length }))+\" \")]):_c('span',{staticClass:\"text-body-2 d-block\",class:{\n        'mt-1': open,\n        }},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.generated.noSourcesUsed'))+\" \")])]}}])},[_c('ul',{staticClass:\"pl-0\"},_vm._l((_vm.candidateSources),function(source){return _c('li',{key:source.ressourceId,staticClass:\"source-item gap-2 mb-2\"},[_c('PlaygroundResourceHeader',{staticClass:\"full-width flex-grow-1\",attrs:{\"source\":{...source, ..._vm.getResourceFromRessourceId(source.ressourceId)},\"public\":_vm.isResourcePublic(source.ressourceId),\"used\":_vm.wasUsedInAnswer(source.ressourceId),\"assistant-colors\":\"\"},on:{\"inspect\":() => _vm.openContent( _vm.getSourceContent(source.ressourceId) )}})],1)}),0),_c('BtnSquare',{staticClass:\"mt-2\",attrs:{\"preset\":\"assistant\",\"outlined\":\"\",\"icon\":\"search\",\"small\":\"\"},on:{\"click\":_vm.searchSources}},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.notUnderstood.search'))+\" \")]),_c('HubDialog',{attrs:{\"title\":_vm.$t('ai.tool.generated.sourceContent'),\"hide-secondary\":\"\"},model:{value:(_vm.inspectDialog),callback:function ($$v) {_vm.inspectDialog=$$v},expression:\"inspectDialog\"}},[_c('RichTextarea',{attrs:{\"value\":_vm.currentContent,\"readMode\":\"\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport LLMActionItem from '@/components/playground/llmHistoryItems/components/LLMActionItem.vue';\nimport PlaygroundResourceHeader from '@/components/playground/historyItems/components/PlaygroundResourceHeader.vue';\nimport { isExternalResource } from '@/components/knowledgeBase/MDDocumentAdapter';\nimport RichTextarea from '@/components/common/wysiwyg/RichTextarea.vue';\nimport HubDialog from '@/components/hub/HubDialog.vue';\nimport { mapGetters } from 'vuex';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport { useEventBus } from '@vueuse/core';\n\nexport default {\n  name: 'PlaygroundLLMResourcesUsed',\n  components: { BtnSquare, RichTextarea, PlaygroundResourceHeader, LLMActionItem, HubDialog },\n  props: {\n    /**\n     * @type {{ragProtocol: Object & {timeTracking: Object.<'gptAnswerNotStream'|'reframeQuery'|'simDocs'|'simTabulars'|string, number>}}}\n     */\n    'data': {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      currentContent: '',\n      inspectDialog: false,\n      playgroundEvents: useEventBus(\"playgroundEvents\"),\n    }\n  },\n  computed: {\n    ...mapGetters('bots', ['currentBotId']),\n    /**\n     * All the sources that were put into the LLM prompt\n     * @returns {RAGAnswerSourceContent[]}\n     */\n    candidateSources() {\n      // Sort used first, then unused\n      return this.data.ragProtocol.usedKnowledge\n        .sort((a, b) => this.wasUsedInAnswer(b.ressourceId) - this.wasUsedInAnswer(a.ressourceId));\n    },\n    /**\n     * Display string for how long it took to generate the answer\n     * @returns {string}\n     */\n    timeTakenDisplay() {\n      let timeMS = 0;\n      for (const key in this.data.ragProtocol.timeTracking) timeMS += this.data.ragProtocol.timeTracking[key];\n\n      return `${(timeMS/1000).toFixed(2)} ${this.$t('common.seconds')}`;\n    },\n  },\n  methods: {\n    /**\n     * Whether a resource was used in the LLM's answer\n     * @param {string} ressourceId RessourceID, not Object ID\n     * @returns {boolean}\n     */\n    wasUsedInAnswer(ressourceId) {\n      return this.data.ragProtocol.sources?.some(s => s.ressourceId === ressourceId);\n    },\n    getResourceFromRessourceId(ressourceId) {\n      const resources = this.$store.getters['knowledgeBase/resources']?.[this.currentBotId] ?? {};\n      return Object.values(resources).find(r => r.ressourceId === ressourceId) || {};\n    },\n    /**\n     * Whether the resource is considered public (shown to user)\n     * @param {string} ressourceId\n     * @returns {boolean}\n     */\n    isResourcePublic(ressourceId) {\n      const resource = this.data.ragProtocol.usedKnowledge.find(s => s.ressourceId === ressourceId);\n      if (!resource) return false;\n      return isExternalResource(resource);\n    },\n    getSourceContent(ressourceId) {\n      const resource = this.data.ragProtocol.usedKnowledge.find(s => s.ressourceId === ressourceId);\n      return resource?.text || '';\n    },\n    openContent(text) {\n      this.currentContent = text;\n      this.inspectDialog = true;\n    },\n    searchSources() {\n      this.playgroundEvents.emit('ragSearch', {\n        query: this.data.ragProtocol.query,\n        intentName: this.data.ragProtocol.intent,\n      });\n    },\n  }\n};\n</script>\n\n<template>\n  <LLMActionItem icon=\"mdi-auto-fix\">\n    <template #icon>\n      <span class=\"time-taken text-sm-body-2 mb-0\">\n        In {{ timeTakenDisplay }}\n      </span>\n    </template>\n\n    <template #right=\"{ open }\">\n      <span\n        v-if=\"data.ragProtocol.usedKnowledge.length\"\n        class=\"text-body-2 d-block\"\n        :class=\"{\n          'mt-1': open,\n        }\"\n      >\n        {{ $tc('ai.tool.generated.relevantDocs', data.ragProtocol.usedKnowledge.length, { count: data.ragProtocol.usedKnowledge.length }) }}\n      </span>\n      <span\n        v-else\n        class=\"text-body-2 d-block\"\n        :class=\"{\n        'mt-1': open,\n        }\"\n      >\n        {{ $t('ai.tool.generated.noSourcesUsed') }}\n      </span>\n    </template>\n\n    <ul class=\"pl-0\">\n      <li\n        v-for=\"source in candidateSources\"\n        :key=\"source.ressourceId\"\n        class=\"source-item gap-2 mb-2\"\n      >\n        <PlaygroundResourceHeader\n          class=\"full-width flex-grow-1\"\n          :source=\"{...source, ...getResourceFromRessourceId(source.ressourceId)}\"\n          :public=\"isResourcePublic(source.ressourceId)\"\n          :used=\"wasUsedInAnswer(source.ressourceId)\"\n          assistant-colors\n          @inspect=\"() => openContent( getSourceContent(source.ressourceId) )\"\n        />\n      </li>\n    </ul>\n\n    <BtnSquare\n      preset=\"assistant\"\n      outlined\n      icon=\"search\"\n      class=\"mt-2\"\n      small\n      @click=\"searchSources\"\n    >\n      {{ $t('ai.tool.notUnderstood.search') }}\n    </BtnSquare>\n\n    <HubDialog\n      v-model=\"inspectDialog\"\n      :title=\"$t('ai.tool.generated.sourceContent')\"\n      hide-secondary\n    >\n      <RichTextarea\n        :value=\"currentContent\"\n        readMode\n      />\n    </HubDialog>\n  </LLMActionItem>\n</template>\n\n<style scoped lang=\"scss\">\n.source-item {\n  /* Icon will act as \"bullets\" */\n  list-style: none;\n  display: flex;\n}\n.time-taken {\n  color: var(--v-grey-base);\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMResourcesUsed.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMResourcesUsed.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMResourcesUsed.vue?vue&type=template&id=4f429b49&scoped=true\"\nimport script from \"./PlaygroundLLMResourcesUsed.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMResourcesUsed.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundLLMResourcesUsed.vue?vue&type=style&index=0&id=4f429b49&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4f429b49\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('LLMActionItem',{attrs:{\"icon\":\"error\",\"non-answer\":\"\",\"panel-class\":\"error lighten-5\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h3',{staticClass:\"error--text mb-0\",staticStyle:{\"line-height\":\"100%\"}},[_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")])]},proxy:true},{key:\"right\",fn:function({ open }){return [_c('span',{staticClass:\"error--text text--darken-2 d-block\",class:{\n          'mt-1': !open,\n          'mt-2': open,\n        }},[_vm._v(\" \"+_vm._s(_vm.$t('common.error'))+\" \")])]}}])},[(_vm.data.message && _vm.data.messageAsHtml)?[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.data.message)}})]:(_vm.data.message)?_c('p',[_vm._v(\" \"+_vm._s(_vm.data.message)+\" \")]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport LLMActionItem from '@/components/playground/llmHistoryItems/components/LLMActionItem.vue';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\n\nexport default {\n  name: 'PlaygroundLLMError',\n  components: { BtnSquare, LLMActionItem },\n  props: {\n    /**\n     * Error details\n     * @type {{title?: string, message?: string, messageAsHtml?: boolean}}\n     */\n    'data': {\n      type: Object,\n      default: () => ({\n        title: 'An unknown error occurred',\n      }),\n    }\n  },\n};\n</script>\n\n<template>\n  <LLMActionItem\n    icon=\"error\"\n    non-answer\n    panel-class=\"error lighten-5\"\n  >\n    <template #header>\n      <h3 class=\"error--text mb-0\" style=\"line-height: 100%;\">\n        {{ data.title }}\n      </h3>\n    </template>\n\n    <template #right=\"{ open }\">\n      <span\n        class=\"error--text text--darken-2 d-block\"\n        :class=\"{\n          'mt-1': !open,\n          'mt-2': open,\n        }\"\n      >\n        {{ $t('common.error') }}\n      </span>\n    </template>\n\n    <template v-if=\"data.message && data.messageAsHtml\">\n      <div v-html=\"data.message\" />\n    </template>\n    <p v-else-if=\"data.message\">\n      {{ data.message }}\n    </p>\n  </LLMActionItem>\n</template>\n\n<style scoped lang=\"scss\">\n\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMError.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMError.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMError.vue?vue&type=template&id=40a5ebde&scoped=true\"\nimport script from \"./PlaygroundLLMError.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMError.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"40a5ebde\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('LLMActionItem',{attrs:{\"icon\":\"help_outline\",\"non-answer\":\"\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h3',{staticClass:\"mb-0\",staticStyle:{\"line-height\":\"100%\"}},[_vm._v(\" \"+_vm._s(_vm.data.error?.title || _vm.$t('editor.conversational.unknown.title'))+\" \")])]},proxy:true}])},[(_vm.data.error?.message)?_c('p',{staticClass:\"mb-0\",domProps:{\"innerHTML\":_vm._s(_vm.data.error?.message)}}):_vm._e(),_c('v-divider',{staticClass:\"my-2\"}),_c('BtnSquare',{staticClass:\"mt-2\",staticStyle:{\"background-color\":\"white\"},attrs:{\"preset\":\"base\",\"outlined\":\"\",\"icon\":\"search\"},on:{\"click\":_vm.searchSources}},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.notUnderstood.search'))+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport LLMActionItem from '@/components/playground/llmHistoryItems/components/LLMActionItem.vue';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport { useEventBus } from '@vueuse/core';\n\nexport default {\n  name: 'PlaygroundLLMNotUnderstood',\n  components: { BtnSquare, LLMActionItem },\n  props: {\n    /**\n     * @typedef {Object} PlaygroundNotUnderstoodData\n     * @property {Object} [error] The error object\n     * @property {?string} [error.title] The title of the error\n     * @property {?string} [error.message] The message of the error\n     * @property {string} query The original user query\n     * @property {string} intentName The detected intent technical name\n     */\n    /**\n     * @type {PlaygroundNotUnderstoodData}\n     */\n    'data': {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      playgroundEvents: useEventBus(\"playgroundEvents\"),\n    };\n  },\n  methods: {\n    searchSources() {\n      this.playgroundEvents.emit('ragSearch', {\n        query: this.data.query,\n        intentName: this.data.intentName,\n      });\n    },\n  },\n};\n\n</script>\n\n<template>\n  <LLMActionItem\n    icon=\"help_outline\"\n    non-answer\n  >\n    <template #header>\n      <h3 class=\"mb-0\" style=\"line-height: 100%;\">\n        {{ data.error?.title || $t('editor.conversational.unknown.title') }}\n      </h3>\n    </template>\n\n    <p\n      v-if=\"data.error?.message\"\n      v-html=\"data.error?.message\"\n      class=\"mb-0\"\n    />\n\n    <v-divider class=\"my-2\" />\n\n    <BtnSquare\n      preset=\"base\"\n      outlined\n      icon=\"search\"\n      style=\"background-color: white;\"\n      class=\"mt-2\"\n      @click=\"searchSources\"\n    >\n      {{ $t('ai.tool.notUnderstood.search') }}\n    </BtnSquare>\n  </LLMActionItem>\n</template>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMNotUnderstood.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMNotUnderstood.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMNotUnderstood.vue?vue&type=template&id=23041524\"\nimport script from \"./PlaygroundLLMNotUnderstood.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMNotUnderstood.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<script>\nimport PlaygroundLLMTextResponse from '@/components/playground/llmHistoryItems/PlaygroundLLMTextResponse.vue';\nimport PlaygroundLLMReFrame from '@/components/playground/llmHistoryItems/PlaygroundLLMReFrame.vue';\nimport PlaygroundLLMActionUse from '@/components/playground/llmHistoryItems/PlaygroundLLMActionUse.vue';\nimport PlaygroundLLMResourcesUsed from '@/components/playground/llmHistoryItems/PlaygroundLLMResourcesUsed.vue';\nimport PlaygroundLLMError from '@/components/playground/llmHistoryItems/PlaygroundLLMError.vue';\nimport PlaygroundLLMNotUnderstood from '@/components/playground/llmHistoryItems/PlaygroundLLMNotUnderstood.vue';\n\n/**\n * Another type of chat history, but for LLM's calls, actions, etc.\n */\nexport default {\n  name: 'PlaygroundLLMChatHistory',\n  components: {\n    PlaygroundLLMTextResponse,\n    PlaygroundLLMResourcesUsed,\n    PlaygroundLLMReFrame,\n    PlaygroundLLMActionUse,\n    PlaygroundLLMError,\n    PlaygroundLLMNotUnderstood,\n  },\n  props: {\n    /**\n     * @typedef {Object} LLMHistoryItem\n     * @property {'text'|'resourcesUsed'|'reFrame'|'actionUse'|'error'|'notUnderstood'} type - The type of the history item\n     * @property {any} data Arbitrary data for this particular history item\n     */\n    /**\n     * The AI generated history\n     */\n    'history': {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      componentName: {\n        // The LLM generated a text output for the user + KB resources displayed\n        'text': 'PlaygroundLLMTextResponse',\n        // The LLM re-phrased the query the user originally posed\n        'reFrame': 'PlaygroundLLMReFrame',\n        // The LLM executed an action (e.g. webhook)\n        'actionUse': 'PlaygroundLLMActionUse',\n        // Summary of resources used for the answer. Usually follows the 'text' type\n        'resourcesUsed': 'PlaygroundLLMResourcesUsed',\n        // Something went wrong from the API\n        'error': 'PlaygroundLLMError',\n        // Whenever we received a \"not understood\" from the API\n        'notUnderstood': 'PlaygroundLLMNotUnderstood',\n      },\n    };\n  },\n};\n</script>\n\n<template>\n  <div class=\"llm-history-container rounded mb-0 d-flex flex-col full-height\">\n    <template v-for=\"(item, i) of history\">\n      <component\n        :is=\"componentName[item.type]\"\n        :index=\"i\"\n        :data=\"item.data\"\n      />\n\n      <v-divider\n        v-if=\"i !== history.length - 1\"\n        class=\"llm-item-divider\"\n      />\n    </template>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.llm-history-container {\n  color: var(--v-assistant-darken2);\n  background-color: rgba(87,0,208,.05);\n  border: solid thin rgba(87,0,208,.2);\n  white-space: preserve;\n  /* Fix corners when item has bg color */\n  overflow: hidden;\n}\n\n.llm-item-divider {\n  border-color: rgba(87,0,208,.2);\n}\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMChatHistory.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundLLMChatHistory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundLLMChatHistory.vue?vue&type=template&id=7ce43d6b&scoped=true\"\nimport script from \"./PlaygroundLLMChatHistory.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundLLMChatHistory.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundLLMChatHistory.vue?vue&type=style&index=0&id=7ce43d6b&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ce43d6b\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport RichTextarea from '@/components/common/wysiwyg/RichTextarea.vue';\nimport { ragTypeIcons } from '@/utils/intent';\nimport HubDialog from '@/components/hub/HubDialog.vue';\nimport InfoBox from '@/components/common/InfoBox.vue';\nimport PlaygroundResourceHeader from '@/components/playground/historyItems/components/PlaygroundResourceHeader.vue';\nimport { mapGetters } from 'vuex';\nimport { isExternalResource } from '@/components/knowledgeBase/MDDocumentAdapter';\nimport PlaygroundLLMChatHistory from '@/components/playground/PlaygroundLLMChatHistory.vue';\n\nexport default {\n  name: 'PlaygroundGeneratedAnswer',\n  components: { PlaygroundLLMChatHistory, PlaygroundResourceHeader, InfoBox, HubDialog, RichTextarea, BtnSquare },\n  props: {\n    /**\n     * If something went wrong\n     * @type {{type?: string, title?: string, message?: string} | null}\n     */\n    'error': {\n      type: Object,\n      default: null,\n    },\n    // Technical name of the intent that was detected\n    'intentName': {\n      type: String,\n      required: true,\n    },\n    // The query that was sent to the LLM\n    'query': {\n      type: String,\n    },\n    // The generated answer, if success. Can be markdown.\n    'answer': {\n      type: String,\n    },\n    /**\n     * Partial or full rag protocol for the answer\n     * @type {RAGProtocol}\n     */\n    'ragProtocol': {\n      type: Object,\n    },\n    'answers': {\n      type: Array,\n      default: () => [],\n    },\n    // MS taken to generate the answer/reach an error\n    'timeTaken': {\n      type: Number,\n      default: 0,\n    },\n  },\n  data() {\n    return {\n      ragTypeIcons,\n      // \"positive\" | \"negative\"\n      rated: '',\n      // Loading indicator\n      isRatingAnswer: false,\n    }\n  },\n  computed: {\n    ...mapGetters('bots', ['currentBotId']),\n    /**\n     * Generates the LLM history items\n     * @returns {LLMHistoryItem[]}\n     */\n    history() {\n      /** @type {LLMHistoryItem[]} */\n      const items = [];\n\n      // Something went wrong at some point\n      if (this.error) {\n        switch(this.error?.type) {\n          case 'generatedAnswerNoSourcesFound': {\n            items.push({\n              type: 'notUnderstood',\n              /** @type {PlaygroundNotUnderstoodData} */\n              data: {\n                error: this.error,\n                query: this.query,\n                intentName: this.intentName,\n              },\n            });\n            break;\n          }\n          case 'generatedAnswerErrorNoKnowledge': {\n            items.push({\n              type: 'notUnderstood',\n              /** @type {PlaygroundNotUnderstoodData} */\n              data: {\n                error: this.error,\n                query: this.query,\n                intentName: this.intentName,\n              },\n            });\n            break;\n          }\n          case 'generatedAnswerError': {\n            items.push({\n              type: 'error',\n              data: this.error,\n            });\n            break;\n          }\n          default: items.push({\n            type: 'error',\n            data: this.error,\n          });\n        }\n      }\n\n      for (const answer of this.answers) {\n        // Every other item is a small object with just this property. Skip it, the next one has everything.\n        if (answer.sourcesAnswer) continue;\n\n        // only show the reFrame if it's different from the original query and only once\n        if (this.didReFrameQuery(answer?.ragProtocol) && !items.find(item => item.type === 'reFrame')) {\n          items.push({\n            type: 'reFrame',\n            data: answer.ragProtocol,\n          });\n        }\n\n        if (answer.answer) {\n          items.push({\n            type: 'text',\n            data: answer.answer,\n          });\n        }\n\n        // The actions the LLM wants to use\n        for (const call of answer?.ragProtocol?.callActions || []) {\n          const action = this.getActionById(call.id, answer.ragProtocol);\n          if (!action) continue;\n\n          items.push({\n            type: 'actionUse',\n            data: {\n              action,\n              call,\n\n              /**\n               * Response comes in next iteration.\n               * At that point, we backtrack and populate this field.\n               */\n              response: null,\n            },\n          });\n        }\n\n        /**\n         * In another later answer, we get action response from the previous iteration.\n         * Backtrack to the corresponding previous action, and update its response result.\n         */\n        for (const response of answer?.ragProtocol?.actionResponses || []) {\n          // Response points to Call. Call points to Action.\n          const previousItem = items.findLast(item => item.type === 'actionUse' && item.data.call.call_id === response.call_id);\n\n          // Nothing we can do\n          if (!previousItem) continue;\n\n          previousItem.data.response = response;\n        }\n      }\n\n      /**\n       * For now, the API does aggregate/share some properties between protocols\n       * for sources and time tracking, so we grab the last one that cumulated everything.\n       * We use this for \"Generated in X\" and \"Used knowledge\"\n       */\n      const lastAnswerWithProtocol = this.answers.findLast(item => item.ragProtocol);\n      if (lastAnswerWithProtocol) {\n        items.push({\n          type: 'resourcesUsed',\n          data: lastAnswerWithProtocol,\n        });\n      }\n\n      return items;\n    },\n  },\n  methods: {\n    ratePositive() {\n      // TODO implement later when we have Gen AI rating\n    },\n    rateNegative() {\n      // TODO implement later when we have Gen AI rating\n    },\n    getActionById(id, answer) {\n      return answer.actions.find(a => a.id === id) || null;\n    },\n    /**\n     * Check if the question was rephrased in this protocol\n     * @param {?Object & {reframedQuery?: string}} ragProtocol\n     * @returns {boolean}\n     */\n    didReFrameQuery(ragProtocol) {\n      return ragProtocol?.reframedQuery && ragProtocol.reframedQuery !== this.query;\n    }\n  }\n};\n</script>\n\n<template>\n  <PlaygroundLLMChatHistory\n    :history=\"history\"\n  />\n</template>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundGeneratedAnswer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundGeneratedAnswer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundGeneratedAnswer.vue?vue&type=template&id=eea3a8f2\"\nimport script from \"./PlaygroundGeneratedAnswer.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundGeneratedAnswer.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex gap-2 items-center\",class:{\n      'neg-highlight': _vm.highlightNegative,\n      'pos-highlight': _vm.extraPositive,\n    },attrs:{\"data-intent\":_vm.intentObject.intent || 'unknown',\"data-type\":_vm.intentType,\"data-is-current\":_vm.isTheDetectedIntent+''}},[(_vm.showTypeIcon)?_c('v-icon',[_vm._v(_vm._s(_vm.typeIcon))]):_vm._e(),(_vm.isTheDetectedIntent && !_vm.extraPositive)?_c('v-icon',{attrs:{\"color\":\"success darken-3\",\"small\":\"\"}},[_vm._v(\" mdi-check-circle-outline \")]):(_vm.highlightNegative)?_c('v-icon',{attrs:{\"color\":\"error darken-3\",\"small\":\"\"}},[_vm._v(\" mdi-close-circle-outline \")]):_vm._e(),_c('p',{staticClass:\"mb-0\",class:{'font-weight-bold': _vm.isTheDetectedIntent},attrs:{\"title\":_vm.intentObject.intent || 'unknown'}},[_vm._v(\" \"+_vm._s(_vm.intentObject.displayName)+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: 'PlaygroundIntentItem',\n  props: {\n    /**\n     * The intent to display\n     * @type {Object & {displayName: string, intent: string, description?: string, tags?: string[]}}\n     */\n    \"intentObject\": {\n      type: Object,\n      required: true,\n    },\n    // The intent that was detected. May or may not be the same as `intentObject.intent`\n    \"currentIntent\": {\n      type: String,\n      required: true,\n    },\n    // Whether to highlight the negative (currentIntent !== intentObject.intent)\n    \"highlightNegative\": {\n      type: Boolean,\n      default: false,\n    },\n    // Whether to put extra emphasis on the positive (currenIntent === intentObject.intent)\n    \"extraPositive\": {\n      type: Boolean,\n      default: false,\n    },\n    // Whether to display the icon for the type of topic\n    \"showTypeIcon\": {\n      type: Boolean,\n      default: false,\n    }\n  },\n  computed: {\n    /**\n     * Tries it best to figure out what type of intent this is, narrowing it to a know identifier\n     * we can use for displaying the icon\n     * @returns {'smalltalk'|'rag'|'faq'|'form'|'unknown'}\n     */\n    intentType() {\n      if (this.intentObject?.template) {\n        switch(this.intentObject?.template) {\n          case 'Smalltalk':\n            return 'smalltalk';\n          case 'RAGTopic':\n            return 'rag';\n          case 'SimpleInformation':\n            return 'faq';\n          case 'BotForm':\n              return 'form';\n        }\n      }\n\n      // E.g. 'faq_shipping', 'smalltalk_hello', 'form_order_from_webstore'\n      const category = this.intentObject.intent.split('_').at(0);\n      switch(category) {\n        case 'faq':\n          return 'faq';\n        case 'smalltalk':\n          return 'smalltalk';\n        case 'form':\n          return 'form';\n        case 'unknown':\n          return 'unknown';\n        default:\n          return 'unknown';\n      }\n    },\n    /**\n     * Return the icon to use based on the type of intent\n     */\n    typeIcon() {\n      return {\n        'unknown': 'help',\n\n        // The icons used in the \"Intents\" list\n        'smalltalk': 'coffee',\n        'rag': 'smart_toy',\n        'faq': 'article',\n\n        // The icon used in the \"Forms\" list\n        'form': 'list_alt',\n      }[this.intentType];\n    },\n    /**\n     * Whether the intent of this example is the one that was detected\n     * in the user question. True for positive feedback and examples,\n     * negative for negative feedback examples.\n     * @returns {boolean}\n     */\n    isTheDetectedIntent() {\n      return this.intentObject.intent === this.currentIntent;\n    }\n  },\n};\n</script>\n\n<template>\n  <div\n    class=\"d-flex gap-2 items-center\"\n    :data-intent=\"intentObject.intent || 'unknown'\"\n    :data-type=\"intentType\"\n    :data-is-current=\"isTheDetectedIntent+''\"\n    :class=\"{\n      'neg-highlight': highlightNegative,\n      'pos-highlight': extraPositive,\n    }\"\n  >\n    <v-icon v-if=\"showTypeIcon\">{{ typeIcon }}</v-icon>\n    <v-icon\n      v-if=\"isTheDetectedIntent && !extraPositive\"\n      color=\"success darken-3\"\n      small\n    >\n      mdi-check-circle-outline\n    </v-icon>\n    <v-icon\n      v-else-if=\"highlightNegative\"\n      color=\"error darken-3\"\n      small\n    >\n      mdi-close-circle-outline\n    </v-icon>\n    <p\n      :title=\"intentObject.intent || 'unknown'\"\n      class=\"mb-0\"\n      :class=\"{'font-weight-bold': isTheDetectedIntent}\"\n    >\n      {{ intentObject.displayName }}\n    </p>\n  </div>\n</template>\n\n<style scoped>\n.neg-highlight[data-is-current=\"false\"] {\n  opacity: .7;\n}\n.pos-highlight[data-is-current=\"true\"] {\n  border: solid thin var(--v-secondary-darken1);\n  background-color: var(--v-secondary-lighten3);\n  color: var(--v-secondary-darken4);\n  border-radius: 0.25rem;\n\n  padding-top: 8px;\n  padding-bottom: 8px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n</style>","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundIntentItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundIntentItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundIntentItem.vue?vue&type=template&id=551c727c&scoped=true\"\nimport script from \"./PlaygroundIntentItem.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundIntentItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundIntentItem.vue?vue&type=style&index=0&id=551c727c&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"551c727c\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport { mapGetters } from 'vuex';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport SparkleLoader from '@/components/common/SparkleLoader.vue';\nimport RAGService from '@/services/rag';\nimport ProductService from '@/services/product';\nimport RichTextarea from '@/components/common/wysiwyg/RichTextarea.vue';\nimport PlaygroundGeneratedAnswer from '@/components/playground/historyItems/components/PlaygroundGeneratedAnswer.vue';\nimport HubDialog from '@/components/hub/HubDialog.vue';\nimport DropDown from '@/components/common/dropdown/DropDown.vue';\nimport PlaygroundIntentItem from '@/components/playground/historyItems/components/PlaygroundIntentItem.vue';\nimport InfoBox from '@/components/common/InfoBox.vue';\nimport { useEventBus } from '@vueuse/core';\n\nexport default {\n  name: 'PlaygroundResultMessage',\n  components: { InfoBox, PlaygroundIntentItem, DropDown, HubDialog, PlaygroundGeneratedAnswer, RichTextarea, SparkleLoader, BtnSquare },\n  provide: ['debug'],\n  props: {\n    // This message is at index N in the chat history\n    \"index\": {\n      type: Number,\n      required: true,\n    },\n    /**\n     * @type {FetchAIResultSuccessData<K2CheckResult>}\n     */\n    \"data\": {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      // Rating is loading\n      isRating: false,\n      // \"positive\" | \"negative\"\n      rated: '',\n      // The intent object it is being corrected to\n      newIntent: null,\n      // Rating results\n      ratings: {\n        positive: null,\n        negative: null,\n        corrected: null,\n      },\n\n      // The AI is generating an answer\n      isGenerating: false,\n      // Populated when we have generated an answer:\n      generatedAnswerError: false,\n      generatedAnswerErrorNoKnowledge: false,\n      generatedAnswerNoSourcesFound: false,\n      generatedErrorMessage: '',\n      generatedAnswer: '',\n      ragProtocol: {},\n      sourcesUsed: [],\n      generatedInMS: 0,\n      answers: [],\n\n      modals: {\n        information: false,\n        presentedTopics: false,\n        examples: false,\n        feedback: false,\n        botContext: false,\n        mappings: false,\n      },\n\n      playgroundEvents: useEventBus(\"playgroundEvents\"),\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'isAdmin',\n      'isNewIntent',\n      'isSuggestion',\n    ]),\n    ...mapGetters('bots', [\n      'currentBot',\n      'currentBotId',\n      'currentLicence',\n      'currentChannelId',\n      'currentChannels',\n    ]),\n    ...mapGetters('intents', [\n      'intent',\n      'intents',\n      'suggested',\n      'getIntentsFromLibrary',\n      'displayName',\n      'fallbackFaqIntent',\n      'smalltalks',\n      'forms',\n    ]),\n    /**\n     * Display data for the detected intent\n     * @returns {Object & {displayName: string, intent: string, description?: string, tags?: string[]}}\n     */\n    foundIntent() {\n      return this.findIntent(this.data.intent);\n    },\n    /**\n     * Returns the technical name of the found intent\n     * @returns {string}\n     */\n    detectedIntent() {\n      return this.foundIntent?.intent ?? 'unknown';\n    },\n    /**\n     * Whether we have tried to generate an answer\n     * @returns {boolean}\n     */\n    generated() {\n      return !!this.generatedAnswer || !!this.generatedAnswerError || !!this.generatedAnswerErrorNoKnowledge || !!this.generatedAnswerNoSourcesFound;\n    },\n    /**\n     * All possible forms of intent-like objects.\n     * This list is used to find display information.\n     * @returns {Object[]}\n     */\n    allIntents() {\n      // De-reference the starting array\n      let intentList = Array.from(this.smalltalks);\n\n      if (this.intents) {\n        intentList = intentList\n          .concat(this.intents)\n          .concat(this.suggested)\n          .concat(this.forms)\n          .concat([\n            {\n              displayName: this.$t('ai.tool.unknown'),\n              description: this.$t('ai.tool.unknownDescription'),\n              intent: 'unknown'\n            },\n        ]);\n      }\n\n      // Some legacy ones for display purposes\n      intentList.push({\n        intent: 'smalltalk',\n        displayName: this.$t('intent.smalltalk.label'),\n        template: 'smalltalk',\n      }, {\n        intent: 'unknown',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      }, {\n        intent: 'TOXIC',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      }, {\n        intent: 'NOISE',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      }, {\n        intent: 'NAME',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      });\n\n      if (this.fallbackFaqIntent && typeof this.fallbackFaqIntent === 'object') {\n        intentList.push({\n          ...this.fallbackFaqIntent,\n          displayName: this.displayNameIntent(this.fallbackFaqIntent.intent),\n          description: this.$t('ai.tool.fallbackDescription'),\n        });\n      }\n\n      // TODO: i am not sure if we want to show all the standard intents to the user\n      // if (this.isAdmin || this.isNewIntent || this.isDemoLicence) {\n      //   intentList = intentList.concat(this.getStandardIntents());\n      // }\n\n      // Shallow-copy with mutated display name, and remove any duplicates\n      const seenIntents = new Set();\n      return intentList\n        .map((i) => {\n          if (seenIntents.has(i.intent)) return false;\n\n          seenIntents.add(i.intent);\n          return {...i, displayName: this.displayNameIntent(i.intent)};\n        })\n        .filter(Boolean);\n    },\n    /**\n     * Intents you can select as a correction to the detected intent\n     * @returns {Object[]}\n     */\n    selectableIntents() {\n      return this.allIntents.filter(intent => {\n        return ['Smalltalks','RAGTopic','SimpleInformation'].includes(intent.template);\n      });\n    },\n    /**\n     * Whether the current license is a demo one\n     * @returns {boolean}\n     */\n    isDemoLicence: function () {\n      return this.currentLicence === \"demo\"\n    },\n    /**\n     * Checks if the current intent is Knowledge Base-based content\n     * @returns {boolean}\n     */\n    isKnowledge() {\n      return !!this.allIntents.find(intent => intent.template === 'RAGTopic' && this.detectedIntent === intent.intent);\n    },\n    /**\n     * How long it took to detect this intent, as a localized human-readable string\n     * @returns {string}\n     */\n    timeTaken() {\n      return `${(this.data.timeMs/1000).toFixed(2)} ${this.$t('common.seconds')}`;\n    },\n    /**\n     * If something went wrong when generating the answer, and if so, what the error message is\n     * @returns {{type:string, message: string, title: string, messageAsHtml?: boolean} | null}\n     */\n    generationError() {\n      /**\n       * We found KB agent, but it either did not have any resources,\n       * or none of the resources could be used to answer the question.\n       */\n      if (this.generatedAnswerNoSourcesFound) {\n        return {\n          type: 'generatedAnswerNoSourcesFound',\n          title:  this.$t('ai.tool.errors.generatedAnswerNoSourcesFound.title'),\n          message: this.$t('ai.tool.errors.generatedAnswerNoSourcesFound.description'),\n          messageAsHtml: true,\n        };\n      }\n\n      if (this.generatedAnswerErrorNoKnowledge) {\n        return {\n          type: 'generatedAnswerErrorNoKnowledge',\n          title: this.$t('ai.tool.errors.generatedAnswerErrorNoKnowledge.title'),\n          message: this.$t('ai.tool.errors.generatedAnswerErrorNoKnowledge.description'),\n          messageAsHtml: true,\n        };\n      }\n\n      /**\n       * Something went wrong while generating an answer for a detected agent.\n       */\n      if (this.generatedAnswerError) {\n        return {\n          type: 'generatedAnswerError',\n          title: this.$t('ai.tool.errors.generatedAnswerError.title'),\n          message: this.generatedErrorMessage || this.$t('ai.tool.errors.generatedAnswerError.description'),\n          messageAsHtml: !this.generatedErrorMessage,\n        };\n      }\n\n      return null;\n    },\n    /**\n     * The live/staging/forward status of the detected intent\n     * @returns {{ label: string, icon: string, color: string, redirectLabel?: string|null } | null}\n     */\n    intentStatus() {\n      if (!this.foundIntent?.state) return null;\n\n      let chId = this.currentChannelId;\n      if (chId === null || chId === 'null' || !chId) {\n        chId = this.currentChannels[0].channelId;\n      }\n\n      const state = this.foundIntent?.state?.[chId];\n      if (!state) return null;\n\n      // Status code taken from `EditorView.vue`\n      let redirectLabel = null;\n      if (state.forward) {\n        redirectLabel = this.intents.find(\n          (intent) => state.forward === intent.intent\n        )?.displayName;\n      }\n\n      switch (state.state) {\n        case 'success': {\n          // Active live\n          return {\n            label: this.$t('editor.status.live'),\n            icon: 'play_circle_outline',\n            color: 'grey--text',\n          };\n        }\n        case 'warning': {\n          // Active in preview, state value is crucial(?)\n          const s = {\n            label: this.$t('editor.status.preview'),\n            icon: 'play_circle_filled',\n            color: 'var(--v-warning-base)',\n          };\n\n          // Active in preview, but forwarded\n          if (state.forward) {\n            s.redirectLabel = redirectLabel;\n          }\n\n          return s;\n        }\n        case 'error': {\n          // Deactivated\n          const s = {\n            label: this.$t('editor.status.deactivated'),\n            icon: 'pause_circle',\n            color: 'var(--v-error-base)',\n          };\n\n          // Deactivated but forwarded\n          if (state.forward) {\n            s.redirectLabel = redirectLabel;\n          }\n\n          return s;\n        }\n        default: {\n          return null;\n        }\n      } // End switch\n    },\n    /**\n     * Whether we are ready to show the buttons and the statuses of the detected intent\n     * @returns {boolean}\n     */\n    showButtonRow() {\n      // Not ready yet or nothing we can do\n      if (!this.foundIntent) return false;\n      // Can't edit or get status of unknown\n      if (this.detectedIntent === 'unknown') return false;\n      // Confusing to show content for \"old\" intent if you make a correction\n      if (this.rated === 'negative') return false;\n      // Usually can't do anything if we can't even display status\n      if (!this.intentStatus) return false;\n\n      return true;\n    },\n    /**\n     * The Router link to edit the intent, based on what type of intent it is\n     * @returns {import('vue-router').Location}\n     */\n    editButtonLink() {\n      // If RAG, goto new RAG editor instead\n      if (this.isKnowledge) {\n        return {\n          name: 'knowledge-base-container',\n          query: {\n            intent: this.detectedIntent,\n          }\n        }\n      }\n\n      return {\n        name: 'intentsedit',\n        params: { name: this.detectedIntent }\n      };\n    },\n    /**\n     * The \"More information\" dropdown items\n     * @returns {DropDownItem[]}\n     */\n    infoDropdownItems() {\n      /**\n       * @type {DropDownItem[]}\n       */\n      const items = [\n        {\n          label: this.$t('ai.tool.dialogs.candidates.label'),\n          onClick: () => this.modals.presentedTopics = true,\n        },\n      ];\n\n      if (this.data.raw?.protocol?.examples?.length || this.data.raw?.protocol?.negFeedbacks?.length) {\n        items.push({\n          label: this.$t('ai.tool.dialogs.feedback.label'),\n          onClick: () => this.modals.mappings = true,\n        });\n      }\n\n      if (this.data.raw?.protocol?.botContext) {\n        items.push({\n          label: this.$t('ai.tool.dialogs.botContext.label'),\n          onClick: () => this.modals.botContext = true,\n        });\n      }\n\n      if (this.foundIntent?.template === 'SimpleInformation') {\n        items.push({\n          label: this.$t('ai.tool.notUnderstood.search'),\n          onClick: this.searchSources,\n        });\n      }\n\n      return items;\n    },\n    /**\n     * A limited-data but more extensive list of intents.\n     * Collects each and every single intent we can think of, including any delivered by the API.\n     * Likely contain duplicates, but are ordered from \"we know this exists in Vuex\" to \"because the API said so\".\n     * @returns {Array<{intent: string, displayName: string, description?: string, tags?: string[]}>}\n     */\n    extendedIntentList() {\n      return this.allIntents\n        .concat(...this.data.raw?.protocol?.indexIntents ?? [])\n        .concat(...this.data.raw?.protocol?.presentedTopics ?? []);\n    },\n    /**\n     * A list of all positive and negative feedbacks that were used in the current context\n     * @returns {Array<{text: string, intent: string, feedback: boolean}>}\n     */\n    feedbacks() {\n      const feedbacks = [];\n      const feedbackSet = new Set();\n\n      // Positive feedbacks from examples\n      if (this.data.raw?.protocol?.examples) {\n        this.data.raw.protocol.examples.forEach(example => {\n          const key = `${example.text}-${example.intent || this.data.intent}-true`;\n          if (!feedbackSet.has(key)) {\n            feedbacks.push({\n              ...example,\n              text: example.text,\n              intent: example.intent || this.data.intent,\n              feedback: true,\n            });\n            feedbackSet.add(key);\n          }\n        });\n      }\n\n      // Negative feedbacks\n      if (this.data.raw?.protocol?.negFeedbacks) {\n        this.data.raw.protocol.negFeedbacks.forEach(negFeedback => {\n          const key = `${negFeedback.text}-${negFeedback.intent}-false`;\n          if (!feedbackSet.has(key)) {\n            feedbacks.push({\n              text: negFeedback.text,\n              intent: negFeedback.intent,\n              feedback: false,\n            });\n            feedbackSet.add(key);\n          }\n        });\n      }\n\n      // Feedback pairs\n      if (this.data.raw?.protocol?.feedbackPairs) {\n        this.data.raw.protocol.feedbackPairs.forEach(pair => {\n          const posKey = `${pair.text}-${pair.posIntent}-true`;\n          const negKey = `${pair.text}-${pair.negIntent}-false`;\n\n          if (!feedbackSet.has(posKey)) {\n            feedbacks.push({\n              text: pair.text,\n              intent: pair.posIntent,\n              feedback: true,\n            });\n            feedbackSet.add(posKey);\n          }\n\n          if (!feedbackSet.has(negKey)) {\n            feedbacks.push({\n              text: pair.text,\n              intent: pair.negIntent,\n              feedback: false,\n            });\n            feedbackSet.add(negKey);\n          }\n        });\n      }\n\n      return feedbacks;\n    },\n  },\n  methods: {\n    /**\n     * Computes a display name for the given intent\n     * @param {string} intent\n     * @returns {string}\n     */\n    displayNameIntent(intent) {\n      if (!intent) return '';\n\n      if (intent === 'smalltalk') {\n        return this.$t('intent.smalltalk.label');\n      }\n\n      if (intent === 'unknown' || intent === 'TOXIC' || intent === 'NOISE' || intent === 'NAME') {\n        return this.$t('ai.tool.unknown');\n      }\n\n      if (intent === this.fallbackFaqIntent?.intent) {\n        return this.$t('ai.tool.fallback');\n      }\n\n      if (!this.intents) return '';\n\n      return this.displayName(intent, this.$vuetify.lang.current);\n    },\n    /**\n     * Ensure we see the current message well inside the history container.\n     */\n    scrollIntoView() {\n      // Next tick when we know the new height\n      this.$nextTick(()=>{\n        this.$el.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n        });\n      });\n    },\n    /**\n     * Starts generating an answer based on the `data.text` provided and the detected intent.\n     * @returns {Promise<void>}\n     */\n    async generateAnswer() {\n      this.isGenerating = true;\n      const start = Date.now();\n\n      const r = await RAGService.getAnswer(\n        this.currentBot?.stagingBot || this.currentBotId,\n        this.detectedIntent,\n        this.data.text,\n        {\n          topK: 15\n        },\n        this.currentChannelId,\n      );\n\n      this.generatedInMS = Date.now() - start;\n      this.isGenerating = false;\n\n      this.generatedAnswer = r.result?.answer;\n      this.sourcesUsed = r.result?.sources || [];\n      this.ragProtocol = r.result?.ragProtocol || {};\n      this.answers = r.result?.answers || [];\n      \n      if (r.status === 'error') {\n        if (r.data?.ragProtocol) {\n          this.ragProtocol = r.data?.ragProtocol;\n        } else {\n          this.ragProtocol = {\n            usedKnowledge: [],\n            sources: [],\n          }\n        }\n\n        if (r.code === 101) {\n          // No sources as normal answer text | OR | Default Error text\n          if (!this.ragProtocol?.usedKnowledge?.length) this.generatedAnswerNoSourcesFound = true;\n          else this.generatedAnswerErrorNoKnowledge = true;\n          //this.generatedAnswer = null;\n        } else {\n          //this.generatedAnswer = null;\n          this.generatedAnswerError = true;\n          this.generatedErrorMessage = r.message;\n        }\n      }\n\n      this.scrollIntoView();\n    },\n    getStandardIntents() {\n      // Shallow-copy with mutated display name\n      let standardIntents = this.getIntentsFromLibrary\n        .filter((i) => i.standard)\n        .map((i) => ({\n          ...i,\n          displayName: `${i.displayName} ${this.$t('ai.fromTemplate')}`\n        }));\n      return standardIntents || [];\n    },\n    /**\n     * Rates the detected intent as a good match.\n     * Will undo any previous ratings if necessary.\n     * @returns {Promise<void>}\n     */\n    async ratePositive() {\n      // If we just want to \"unpress\" the positive button\n      const revertAndStop = this.rated === 'positive';\n\n      // Withdraw if there's anything to withdraw\n      await this.withdrawPreviousRating();\n\n      if (revertAndStop) return;\n      this.rated = 'positive';\n      return this.sendFeedback();\n    },\n    /**\n     * Marks the detected intent as a bad match.\n     * Enables the option to correct it, which then submits it.\n     * Will undo any previous ratings if necessary.\n     */\n    async rateNegative() {\n      // If we just want to \"unpress\" the negative button\n      const revertAndStop = this.rated === 'negative';\n\n      // Withdraw if there's anything to withdraw\n      await this.withdrawPreviousRating();\n\n      if (revertAndStop) return;\n      this.rated = 'negative';\n    },\n    /**\n     * Undo your previous positive or negative rating.\n     * Resolves when it finishes undoing the rating\n     * @returns {Promise<void>}\n     */\n    async withdrawPreviousRating() {\n      if (!this.rated) return;\n\n      if (this.rated === 'negative') {\n        // Undo un-commited negative rating\n        if (!this.ratings.negative) {\n          this.rated = '';\n          return;\n        }\n\n        // Undo a commited negative rating\n        const negativeId = this.ratings?.negative?.data?._id;\n        if (negativeId) {\n          await ProductService.deleteFeedback(this.currentBot.uniqueBotId, negativeId);\n          this.ratings.negative = null;\n        }\n\n        // Undo a commited positive rating to the correction\n        const correctionId = this.ratings?.correction?.data?._id;\n        if (correctionId) {\n          await ProductService.deleteFeedback(this.currentBot.uniqueBotId, correctionId);\n          this.ratings.correction = null;\n        }\n\n        this.rated = '';\n        return;\n      }\n\n      // Undo commited positive rating\n      const positiveId = this.ratings?.positive?.data?._id;\n      if (positiveId) {\n        await ProductService.deleteFeedback(this.currentBot.uniqueBotId, positiveId);\n        this.ratings.positive = null;\n      }\n\n\n      this.rated = '';\n    },\n    /**\n     * Submits the configured feedback to the backend, be it positive, or negative with corrections.\n     * @returns {Promise<void>}\n     */\n    async sendFeedback() {\n      this.isRating = true;\n\n      const promises = [];\n      if (this.rated === 'positive') {\n        promises.push(\n          ProductService.nlpFeedback(this.currentBot.uniqueBotId, this.data.text, true, this.detectedIntent)\n        );\n      } else {\n        // Skip the negative rating if we already did it\n        const alreadyRated = !!this.ratings.negative;\n\n        if (!alreadyRated && this.foundIntent && this.detectedIntent !== 'unknown' && this.detectedIntent.intent !== 'smalltalk') {\n          promises.push(\n            ProductService.nlpFeedback(this.currentBot.uniqueBotId, this.data.text, false, this.detectedIntent)\n          );\n        }\n\n        promises.push(\n          ProductService.nlpFeedback(this.currentBot.uniqueBotId, this.data.text, true, this.newIntent)\n        );\n      }\n\n      /**\n       * Negative only:\n       * Since we are saving on-dropdown-select, we want to force it to \"load\" for at least 1000 ms,\n       * so that the user has time to perceive that something is being submitted.\n       */\n      if (this.rated === 'negative') {\n        promises.push(new Promise(r => setTimeout(r, 1000)));\n      }\n\n      // We need the rating result(s), at least `_id`, to power the ability to withdraw the rating(s)\n      const ratings = await Promise.all(promises);\n      if (this.rated === 'positive') {\n        // Find the one positive rating, likely just one and only array item\n        this.ratings.positive = ratings.find(r => r?.data?.feedback);\n      } else {\n        // Find the one positive rating, which is the correction\n        this.ratings.correction = ratings.find(r => r?.data?.feedback);\n        // Find the one negative rating, which is negative rating of the detected\n        this.ratings.negative = ratings.find(r => !r?.data?.feedback);\n      }\n\n      this.isRating = false;\n    },\n    /**\n     * Copy the input string or object to your clipboard.\n     * @param {any} value\n     */\n    copy(value) {\n      if (typeof value !== \"string\") value = JSON.stringify(value);\n      navigator.clipboard.writeText(value);\n    },\n    /**\n     * Display data for the detected intent\n     * @param {string} intent\n     * @returns {{displayName: string, intent: string, description?: string, tags?: string[]}}\n     */\n    findIntent(intent) {\n      const r = this.extendedIntentList.find(i => i.intent === intent)\n\n      return r || {};\n    },\n    /**\n     * Search among the bot's RAG resources to see if there's any source that could answer this question\n     */\n    searchSources() {\n      this.playgroundEvents.emit('ragSearch', {\n        query: this.data.text,\n        intentName: null // this.data.intent,\n      });\n    },\n  },\n  watch: {\n    async newIntent() {\n      /**\n       * If you already submitted a negative rating, but then change the item in the dropdown,\n       * we want to undo the previous positive rating to the correction so this new one can take its place.\n       */\n      const correctionId = this.ratings?.correction?.data?._id;\n      if (correctionId) {\n        this.isRating = true; // Start loader already now\n        await ProductService.deleteFeedback(this.currentBot.uniqueBotId, correctionId);\n        this.ratings.correction = null;\n      }\n\n      return this.sendFeedback();\n    },\n  },\n};\n\n</script>\n\n<template>\n  <div class=\"mb-4 d-flex flex-col items-end\">\n    <div class=\"result-container rounded-lg flex-shrink-0 mb-1 full-width\">\n      <!-- Loading while correcting intent detected -->\n      <v-progress-linear\n        v-if=\"isRating\"\n        indeterminate\n        absolute\n        color=\"secondary darken-2\"\n      />\n\n      <!-- Padding wrapper -->\n      <div class=\"pa-4 flex\">\n        <div class=\"d-flex gap-4\">\n          <!-- Intent information -->\n          <div v-if=\"rated !== 'negative'\" class=\"flex-grow-1\">\n            <h3>{{ foundIntent.displayName }}</h3>\n            <p class=\"mb-1\">\n              {{ foundIntent.description }}\n            </p>\n\n            <div v-if=\"foundIntent.tags?.length\" class=\"d-flex gap-1 flex-wrap pt-1\">\n              <v-chip\n                v-for=\"tag in foundIntent.tags\"\n                :key=\"tag\"\n                color=\"primary lighten-3\"\n                outlined\n                small\n              >\n                {{ tag }}\n              </v-chip>\n            </div>\n          </div>\n\n          <!-- Negative rating correction -->\n          <div v-else class=\"flex-grow-1\">\n            <v-autocomplete\n              ref=\"aiintent\"\n              v-model=\"newIntent\"\n              :items=\"selectableIntents\"\n              item-text=\"displayName\"\n              item-value=\"intent\"\n              cache-items\n              flat\n              hide-no-data\n              color=\"secondary darken-2\"\n              outlined\n              :label=\"$t('ai.tool.correctintent')\"\n              :disabled=\"isRating\"\n            />\n          </div>\n\n          <!-- Rate the answer -->\n          <div class=\"inline text-no-wrap\">\n            <BtnSquare\n              preset=\"base\"\n              icon=\"mdi-thumb-up-outline\"\n              :colorIcon=\"rated === 'positive' ? 'success' : 'grey'\"\n              :disabled=\"isRating\"\n              @click=\"ratePositive\"\n            />\n            <BtnSquare\n              preset=\"base\"\n              icon=\"mdi-thumb-down-outline\"\n              :colorIcon=\"rated === 'negative' ? 'error' : 'grey'\"\n              :disabled=\"isRating\"\n              @click=\"rateNegative\"\n            />\n          </div>\n        </div>\n\n        <!-- Button & status row -->\n        <div v-if=\"showButtonRow\" class=\"d-flex gap-2 items-center\">\n          <!-- Generate answer -->\n          <BtnSquare\n            v-if=\"isKnowledge\"\n            :preset=\"isGenerating ? 'assistant-loading' : 'assistant-filled'\"\n            class=\"w-fit\"\n            :disabled=\"isGenerating || generated\"\n            :outlined=\"generated\"\n            @click=\"generateAnswer\"\n          >\n            <span\n              :class=\"{\n                'ai-color': isGenerating,\n              }\"\n            >\n              {{ $t('ai.tool.generateAnswer') }}\n            </span>\n            <SparkleLoader\n              class=\"ml-1\"\n              :class=\"{\n                'ai-color': isGenerating,\n              }\"\n              :frozen=\"!isGenerating\"\n              :filled=\"!generated\"\n            />\n          </BtnSquare>\n\n\n          <!-- Edit the intent -->\n          <BtnSquare\n            preset=\"base\"\n            icon=\"mdi-pencil\"\n            class=\"w-fit\"\n            outlined\n            :to=\"editButtonLink\"\n          >\n            {{ $t('common.edit') }}\n          </BtnSquare>\n\n          <v-divider vertical class=\"mx-3 hidden-xs-only\" />\n\n          <!-- Status of intent in the current channel -->\n          <span class=\"text--grey\">\n            <v-icon :color=\"intentStatus.color\" left class=\"mr-0\">\n            {{ intentStatus.icon }}\n            </v-icon>\n            {{ intentStatus.label }}\n          </span>\n\n          <!-- Forwarding status -->\n          <template v-if=\"intentStatus.redirectLabel\">\n            <v-divider vertical class=\"mx-3 hidden-xs-only\" />\n\n            <span class=\"text--grey\">\n              <v-icon color=\"blue darken-2\" left class=\"mr-0\">\n                directions\n              </v-icon>\n              {{ intentStatus.redirectLabel }}\n            </span>\n          </template>\n        </div>\n\n        <PlaygroundGeneratedAnswer\n          v-if=\"generated\"\n          :query=\"data.text\"\n          :error=\"generationError\"\n          :answer=\"generatedAnswer\"\n          :ragProtocol=\"ragProtocol\"\n          :answers=\"answers\"\n          :intentName=\"detectedIntent\"\n          :timeTaken=\"generatedInMS\"\n        />\n      </div>\n    </div>\n\n    <!-- Content below the result box -->\n    <div class=\"d-flex gap-4 justify-space-between items-center full-width mt-1\">\n      <!-- Additional actions or information to inspect for the result -->\n      <div class=\"d-flex gap-2 justify-between flex-wrap\">\n\n        <!-- Show more information about context, prompts, examples, etc. -->\n        <DropDown\n          auto-close\n          :items=\"infoDropdownItems\"\n        >\n          <template #actuator=\"{ toggle }\">\n            <BtnSquare\n              preset=\"base\"\n              icon=\"mdi-dots-horizontal\"\n              small\n              @click=\"toggle\"\n            >\n              {{ $t('ai.tool.moreInformation') }}\n            </BtnSquare>\n          </template>\n        </DropDown>\n\n        <!-- Admin: Copy the system prompt -->\n        <BtnSquare\n          v-if=\"isAdmin\"\n          preset=\"admin\"\n          icon=\"content_copy\"\n          small\n          @click=\"copy(data.raw.protocol.prompt[0].content)\"\n        >\n          System prompt\n        </BtnSquare>\n\n        <!-- Admin: Copy the user prompt -->\n        <BtnSquare\n          v-if=\"isAdmin\"\n          preset=\"admin\"\n          icon=\"content_copy\"\n          small\n          @click=\"copy(data.raw.protocol.prompt[1].content)\"\n        >\n          User prompt\n        </BtnSquare>\n      </div>\n\n      <!-- How long it took to detect the intent -->\n      <p class=\"time-taken text-sm-body-2 mb-0\">In {{ timeTaken }}</p>\n    </div>\n\n    <!-----------------\n          Dialogs\n    ------------------>\n\n    <!-- Candidate topics -->\n    <HubDialog\n      v-model=\"modals.presentedTopics\"\n      :title=\"$t('ai.tool.dialogs.candidates.title')\"\n      hide-secondary\n    >\n      <InfoBox class=\"mb-4\" :text=\"$t('ai.tool.dialogs.candidates.description')\" />\n\n      <!-- Quoting the user's question so the list of candidates makes more sense -->\n      <div class=\"blockquote mb-4 pl-2\">\n        <q class=\"font-italic\">{{ data.text }}</q>\n      </div>\n\n      <!-- Which topics could have been selected + the one that was selected -->\n      <div class=\"d-flex flex-col gap-2\">\n        <div\n          v-for=\"(topic,i) in data.raw.protocol.presentedTopics\"\n          :key=\"`t-${topic.intent}_${i}`\"\n        >\n          <PlaygroundIntentItem\n            :intent-object=\"findIntent(topic.intent)\"\n            :currentIntent=\"data.intent\"\n            show-type-icon\n            extra-positive\n          />\n        </div>\n      </div>\n    </HubDialog>\n\n    <!-- Bot Context -->\n    <HubDialog\n      v-model=\"modals.botContext\"\n      :title=\"$t('ai.tool.dialogs.botContext.title')\"\n      hide-secondary\n    >\n      <p>{{ data.raw.protocol.botContext }}</p>\n    </HubDialog>\n\n    <!-- Examples, Positive and Negative feedback -->\n    <HubDialog\n      v-model=\"modals.mappings\"\n      :title=\"$t('ai.tool.dialogs.feedback.title')\"\n      hide-secondary\n    >\n      <InfoBox class=\"mb-4\" :text=\"$t('ai.tool.dialogs.feedback.description')\" />\n\n      <div\n        v-for=\"(feedback,i) in feedbacks\"\n        :key=\"`f-${feedback.intent}_${i}`\"\n        class=\"mb-4\"\n      >\n        <p class=\"mb-0 italic\">\n          <q class=\"font-italic\">{{ feedback.text }}</q>\n        </p>\n        <v-icon\n          :color=\"feedback.feedback ? 'success' : 'error'\"\n          left\n          small\n          :title=\"feedback.feedback ? $t('ai.tool.positiveFeedback') : $t('ai.tool.negativeFeedback')\"\n        >\n          {{ feedback.feedback ? 'mdi-check-circle-outline' : 'mdi-close-circle-outline' }}\n        </v-icon>\n        <span>{{ displayNameIntent(feedback.intent) }}</span>\n        <v-chip v-if=\"feedback.keyword\" small outlined class=\"ml-1\">{{ $t('ai.tool.feedback.keyword') }}</v-chip>\n        <v-chip v-if=\"feedback.template\" small outlined class=\"ml-1\">{{ $t('ai.tool.feedback.template') }}</v-chip>\n        <v-chip v-else-if=\"feedback.reference\" small outlined class=\"ml-1\">{{ $t('ai.tool.feedback.reference') }}</v-chip>\n      </div>\n    </HubDialog>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.result-container {\n  background-color: white;\n  min-height: 3rem;\n  min-width: 30rem;\n  position: relative;\n  border: solid thin var(--v-grey-lighten2);\n  /* Clip content outside border radius */\n  overflow: hidden;\n}\n.result-container > div {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.generate-button:disabled {\n  color: white !important;\n}\n\n.ai-color {\n  color: var(--v-assistant-base);\n}\n.time-taken {\n  color: var(--v-grey-base);\n}\n\n.blockquote {\n  border-left: solid medium lightgray;\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundResultMessage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundResultMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundResultMessage.vue?vue&type=template&id=0e97ea49&scoped=true\"\nimport script from \"./PlaygroundResultMessage.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundResultMessage.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundResultMessage.vue?vue&type=style&index=0&id=0e97ea49&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0e97ea49\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-4 d-flex flex-col items-center\"},[_c('div',{staticClass:\"result-container rounded-lg flex-shrink-0 mb-1 full-width pa-4\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('ai.tool.notUnderstood.title')))]),(_vm.foundIntent?.displayName)?_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$t('ai.tool.notUnderstood.description', {\n          name: _vm.foundIntent.displayName,\n        }))}}):_vm._e(),_c('v-divider',{class:{'mt-2': !_vm.foundIntent?.displayName}}),(!_vm.sourcesDeduplicated.length)?_c('p',{staticClass:\"font-italic text-body-2 mt-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('ai.tool.notUnderstood.noSourcesFound'))+\" \")]):_c('ul',{staticClass:\"pl-0 mt-4\"},_vm._l((_vm.sourcesDeduplicated),function(source){return _c('li',{key:source.ressourceId,staticClass:\"source-item gap-2 mb-3\"},[_c('PlaygroundResourceHeader',{staticClass:\"full-width flex-grow-1\",attrs:{\"source\":_vm.processResource(source),\"public\":_vm.isResourcePublic(source),\"toggle-state\":_vm.data.intentName ? _vm.isConnected(source.rag._id) : null,\"is-loading\":_vm.resourcesLoading.includes(source.rag._id)},on:{\"inspect\":() => _vm.openContent(source.text),\"toggle\":function($event){return _vm.promptToggleKnowledge(source.rag._id, $event)}}})],1)}),0)],1),_c('HubDialog',{attrs:{\"title\":_vm.$t('ai.tool.generated.sourceContent'),\"hide-secondary\":\"\"},model:{value:(_vm.dialogsShown.preview),callback:function ($$v) {_vm.$set(_vm.dialogsShown, \"preview\", $$v)},expression:\"dialogsShown.preview\"}},[_c('RichTextarea',{attrs:{\"value\":_vm.currentContent,\"readMode\":\"\"}})],1),_c('HubDialog',{attrs:{\"title\":_vm.$t('ai.tool.notUnderstood.dialogs.connection.title'),\"async-dialog\":\"\"},on:{\"input\":function($event){_vm.dialogsShown.toggleConnection = false},\"onSecondary\":function($event){_vm.dialogsShown.toggleConnection = false},\"onPrimary\":function($event){return _vm.toggleKnowledge(_vm.currentResourceId)}},model:{value:(_vm.dialogsShown.toggleConnection),callback:function ($$v) {_vm.$set(_vm.dialogsShown, \"toggleConnection\", $$v)},expression:\"dialogsShown.toggleConnection\"}},[(!_vm.isConnected(_vm.currentResourceId))?_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('ai.tool.notUnderstood.dialogs.connection.toConnected', {name: _vm.foundIntent.displayName}))}}):_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('ai.tool.notUnderstood.dialogs.connection.toDisconnected', {name: _vm.foundIntent.displayName}))}})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport PlaygroundResourceHeader from '@/components/playground/historyItems/components/PlaygroundResourceHeader.vue';\nimport RichTextarea from '@/components/common/wysiwyg/RichTextarea.vue';\nimport { isExternalResource, ResourceConnectionUtil } from '@/components/knowledgeBase/MDDocumentAdapter';\nimport HubDialog from '@/components/hub/HubDialog.vue';\nimport { mapActions, mapGetters, mapMutations } from 'vuex';\n\nexport default {\n  name: 'PlaygroundRagSearchResultMessage',\n  components: { HubDialog, RichTextarea, PlaygroundResourceHeader },\n  props: {\n    /**\n     * API response result\n     * @typedef {Object} RagSearchResultMessageData\n     * @property {?string} [intentName] The technical name of the intent that was initially detected. May be omitted.\n     * @property {object[]} searchResult\n     */\n    /**\n     * @type {RagSearchResultMessageData}\n     */\n    'data': {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      currentContent: '',\n      currentResourceId: '',\n      dialogsShown: {\n        preview: false,\n        toggleConnection: false,\n      },\n      /**\n       * A list of Resource IDs that is currently loading\n       * @type {Array<RAGResourceOverview[\"_id\"]>}\n       */\n      resourcesLoading: [],\n    }\n  },\n  computed: {\n    ...mapGetters('bots', [\n      'currentBotId',\n    ]),\n    ...mapGetters('intents', [\n      'intents',\n      'suggested',\n      'displayName',\n      'fallbackFaqIntent',\n      'smalltalks',\n      'forms',\n    ]),\n    ...mapGetters('knowledgeBase', [\n      'getResource',\n    ]),\n    normalizedChId() {\n      const channelId = this.currentChannelId;\n      if (this.currentChannels?.[0]?.channelId === channelId) return 'null';\n      return channelId;\n    },\n    sourcesDeduplicated() {\n      const idsSeen = new Set();\n      const sources = [];\n\n      /**\n       * A source can be listed multiple times, but each time it could be picking\n       * different parts of the source.\n       *\n       * Deduplicate the entries, but aggregate the parts used.\n       */\n      for (const source of this.data.searchResult.resources) {\n        if (idsSeen.has(source.ressourceId)) {\n          const s = sources.find(s => s.ressourceId === source.ressourceId);\n          if (s) s.text += `\\n\\n---\\n\\n${source.text}`;\n\n          continue;\n        }\n        idsSeen.add(source.ressourceId);\n        sources.push(source);\n      }\n\n      return sources;\n    },\n    /**\n     * Display data for the detected intent\n     * @returns {Object & {displayName: string, intent: string, description?: string, tags?: string[]}}\n     */\n    foundIntent() {\n      return this.findIntent(this.data.intentName);\n    },\n    /**\n     * The intents the user can pick from as a correction to detected intent\n     * @returns {Array<{intent: string, displayName: string, description?: string, tags?: string[]}>}\n     */\n    allIntents() {\n      // ATM, no need for this if no intent passed\n      if (!this.data.intentName) return [];\n\n      // De-reference the starting array\n      let intentList = Array.from(this.smalltalks);\n\n      if (this.intents) {\n        intentList = intentList\n          .concat(this.intents)\n          .concat(this.suggested)\n          .concat(this.forms)\n          .concat([\n            {\n              displayName: this.$t('ai.tool.unknown'),\n              description: this.$t('ai.tool.unknownDescription'),\n              intent: 'unknown'\n            },\n          ]);\n      }\n\n      intentList.push({\n        intent: 'smalltalk',\n        displayName: this.$t('intent.smalltalk.label'),\n        template: 'smalltalk',\n      }, {\n        intent: 'unknown',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      }, {\n        intent: 'TOXIC',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      }, {\n        intent: 'NOISE',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      }, {\n        intent: 'NAME',\n        displayName: this.$t('ai.tool.unknown'),\n        template: 'unknown',\n      });\n\n      if (this.fallbackFaqIntent) {\n        intentList.push({\n          ...this.fallbackFaqIntent,\n          displayName: this.displayNameIntent(this.fallbackFaqIntent.intent),\n          description: this.$t('ai.tool.fallbackDescription'),\n        });\n      }\n\n      if (this.isAdmin || this.isNewIntent || this.isDemoLicence) {\n        intentList = intentList.concat(this.getStandardIntents());\n      }\n\n      // Shallow-copy with mutated display name\n      return intentList.map((i) => ({...i, displayName: this.displayNameIntent(i.intent)}));\n    },\n  },\n  methods: {\n    ...mapActions('knowledgeBase', ['setAssignedIntents']),\n    ...mapMutations('hubUi', ['addAlert']),\n    /**\n     * Computes a display name for the given intent\n     * @param {string} intent\n     * @returns {string}\n     */\n    displayNameIntent(intent) {\n      if (!intent) return '';\n\n      if (intent === 'smalltalk') {\n        return this.$t('intent.smalltalk.label');\n      }\n\n      if (intent === 'unknown' || intent === 'TOXIC' || intent === 'NOISE' || intent === 'NAME') {\n        return this.$t('ai.tool.unknown');\n      }\n\n      // Not undefined and is the name of the fallback\n      if (intent && intent === this.fallbackFaqIntent?.intent) {\n        return this.$t('ai.tool.fallback');\n      }\n\n      if (!this.intents) return '';\n\n      return this.displayName(intent, this.$vuetify.lang.current);\n    },\n    /**\n     * Display data for the detected intent\n     * @param {string} intent\n     * @returns {{displayName: string, intent: string, description?: string, tags?: string[]}}\n     */\n    findIntent(intent) {\n      const r = this.allIntents.find(i => i.intent === intent);\n      return r || {};\n    },\n    /**\n     * Just some basic transformation so the Resource Header component can use it\n     * @param {object} source\n     * @returns {object}\n     */\n    processResource(source) {\n      return {\n        ...source,\n        ...source.rag,\n        rag: undefined,\n      }\n    },\n    /**\n     * Whether the resource is considered public (shown to user)\n     * @param resource\n     * @returns {boolean}\n     */\n    isResourcePublic(resource) {\n      return isExternalResource(resource);\n    },\n    openContent(text) {\n      this.currentContent = text;\n      this.dialogsShown.preview = true;\n    },\n    /**\n     * Connect or disconnect a resource to the detected intent\n     * @param {string} ressourceId\n     */\n    promptToggleKnowledge(ressourceId) {\n      this.currentResourceId = ressourceId;\n      this.dialogsShown.toggleConnection = true;\n    },\n    /**\n     *  or remove the connection between a resource and an intent\n     * @param {string} resourceId MongoDB Object ID, not `ressourceId`\n     * @async\n     */\n    async toggleKnowledge(resourceId) {\n      if (!this.data.intentName) return;\n\n      // Get the resource\n      const resource = this.getResource(this.currentBotId, resourceId);\n      if (!resource) {\n        this.addAlert({\n          message: this.$t('ai.tool.notUnderstood.errors.resourceNotFound'),\n          type: 'error',\n        });\n        return this.dialogsShown.toggleConnection = false;\n      }\n\n      this.resourcesLoading.push(resourceId);\n\n      // Check whether we to connect or disconnect\n      const isInStaging = ResourceConnectionUtil.isInStaging(resource?.intents ?? [], this.data.intentName);\n      if (isInStaging) {\n        // If already in use in staging, remove it\n        resource.intents = ResourceConnectionUtil.disconnectStaging(\n          resource.intents,\n          this.data.intentName,\n          { channelId: this.normalizedChId }\n        );\n      } else {\n        // Else connect it in staging\n        resource.intents = ResourceConnectionUtil.connectToStaging(\n          resource.intents,\n          this.data.intentName,\n          { channelId: this.normalizedChId }\n        );\n      }\n\n      // Save the changes in API + auto-cache new state\n      await this.setAssignedIntents({\n        botId: this.currentBotId,\n        docId: resource._id,\n        intents: resource.intents,\n      });\n\n      this.resourcesLoading.splice(this.resourcesLoading.indexOf(resourceId), 1);\n      this.dialogsShown.toggleConnection = false\n    },\n    /**\n     * Whether the given resource by ID is connected to Staging in the current channel\n     * @param resourceId\n     * @returns {boolean}\n     */\n    isConnected(resourceId) {\n      const resource = this.getResource(this.currentBotId, resourceId);\n      if (!resource) return false;\n\n      return ResourceConnectionUtil.isInStaging(\n        resource.intents,\n        this.data.intentName,\n        { channelId: this.normalizedChId }\n      );\n    },\n  }\n};\n</script>\n\n<template>\n  <div class=\"mb-4 d-flex flex-col items-center\">\n\n    <!-- Chat box -->\n    <div class=\"result-container rounded-lg flex-shrink-0 mb-1 full-width pa-4\">\n      <h3>{{ $t('ai.tool.notUnderstood.title') }}</h3>\n      <p\n        v-if=\"foundIntent?.displayName\"\n        v-html=\"$t('ai.tool.notUnderstood.description', {\n          name: foundIntent.displayName,\n        })\"\n      />\n\n      <v-divider :class=\"{'mt-2': !foundIntent?.displayName}\" />\n\n      <p\n        v-if=\"!sourcesDeduplicated.length\"\n        class=\"font-italic text-body-2 mt-4\"\n      >\n        {{ $t('ai.tool.notUnderstood.noSourcesFound') }}\n      </p>\n\n      <ul v-else class=\"pl-0 mt-4\">\n        <li\n          v-for=\"source in sourcesDeduplicated\"\n          :key=\"source.ressourceId\"\n          class=\"source-item gap-2 mb-3\"\n        >\n          <PlaygroundResourceHeader\n            class=\"full-width flex-grow-1\"\n            :source=\"processResource(source)\"\n            :public=\"isResourcePublic(source)\"\n            :toggle-state=\"data.intentName ? isConnected(source.rag._id) : null\"\n            :is-loading=\"resourcesLoading.includes(source.rag._id)\"\n            @inspect=\"() => openContent(source.text)\"\n            @toggle=\"promptToggleKnowledge(source.rag._id, $event)\"\n          />\n        </li>\n      </ul>\n    </div>\n\n    <!-- Dialog and other stuff outside the white box -->\n\n    <!-- Preview the content of the resource -->\n    <HubDialog\n      v-model=\"dialogsShown.preview\"\n      :title=\"$t('ai.tool.generated.sourceContent')\"\n      hide-secondary\n    >\n      <RichTextarea\n        :value=\"currentContent\"\n        readMode\n      />\n    </HubDialog>\n\n    <!-- Connect or disconnect resource -->\n    <HubDialog\n      v-model=\"dialogsShown.toggleConnection\"\n      :title=\"$t('ai.tool.notUnderstood.dialogs.connection.title')\"\n      @input=\"dialogsShown.toggleConnection = false\"\n      @onSecondary=\"dialogsShown.toggleConnection = false\"\n      @onPrimary=\"toggleKnowledge(currentResourceId)\"\n      async-dialog\n    >\n      <span\n        v-if=\"!isConnected(currentResourceId)\"\n        v-html=\"$t('ai.tool.notUnderstood.dialogs.connection.toConnected', {name: foundIntent.displayName})\"\n      />\n      <span\n        v-else\n        v-html=\"$t('ai.tool.notUnderstood.dialogs.connection.toDisconnected', {name: foundIntent.displayName})\"\n      />\n    </HubDialog>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.result-container {\n  background-color: white;\n  min-width: 30rem;\n  position: relative;\n  border: solid thin var(--v-grey-lighten2);\n}\n.result-container > div {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.source-item {\n  /* Icon will act as \"bullets\" */\n  list-style: none;\n  display: flex;\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundRagSearchResultMessage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundRagSearchResultMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundRagSearchResultMessage.vue?vue&type=template&id=3a354d2d&scoped=true\"\nimport script from \"./PlaygroundRagSearchResultMessage.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundRagSearchResultMessage.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundRagSearchResultMessage.vue?vue&type=style&index=0&id=3a354d2d&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a354d2d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-4 d-flex flex-col items-center\"},[_c('div',{staticClass:\"result-container rounded-lg flex-shrink-0 mb-1 full-width pa-4\"},[_c('div',{staticClass:\"d-flex items-center flex-row\",staticStyle:{\"gap\":\".5rem\"}},[_c('v-icon',{attrs:{\"color\":\"error\"}},[_vm._v(\"error\")]),_c('h3',[_vm._v(_vm._s(_vm.data.title || _vm.$t('assistant.chatSystem.error')))])],1),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.data.message || _vm.$t('assistant.chatAssistant.error'))+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: 'PlaygroundError',\n  props: {\n    /**\n     * @type {any & {title?: string, message?: string}}\n     */\n    'data': {\n      type: Object,\n      default: null,\n    }\n  }\n};\n</script>\n\n<template>\n  <!-- Wrapper -->\n  <div class=\"mb-4 d-flex flex-col items-center\">\n    <!-- Inner box -->\n    <div class=\"result-container rounded-lg flex-shrink-0 mb-1 full-width pa-4\">\n      <div class=\"d-flex items-center flex-row\" style=\"gap: .5rem\">\n        <v-icon color=\"error\">error</v-icon>\n        <h3>{{ data.title || $t('assistant.chatSystem.error') }}</h3>\n      </div>\n\n      <p class=\"mb-0\">\n        {{ data.message || $t('assistant.chatAssistant.error') }}\n      </p>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.result-container {\n  background-color: var(--v-error-lighten5);\n  min-width: 30rem;\n  position: relative;\n  border: solid thin var(--v-error-lighten2);\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundError.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundError.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundError.vue?vue&type=template&id=575dd435&scoped=true\"\nimport script from \"./PlaygroundError.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundError.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundError.vue?vue&type=style&index=0&id=575dd435&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"575dd435\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport PlaygroundUserMessage from '@/components/playground/historyItems/PlaygroundUserMessage.vue';\nimport PlaygroundAdminK2Indices from '@/components/playground/historyItems/PlaygroundAdminK2Indices.vue';\nimport PlaygroundLoadingMessage from '@/components/playground/historyItems/PlaygroundLoadingMessage.vue';\nimport PlaygroundResultMessage from '@/components/playground/historyItems/PlaygroundResultMessage.vue';\nimport PlaygroundRagSearchResultMessage from '@/components/playground/historyItems/PlaygroundRagSearchResultMessage.vue';\nimport PlaygroundError from '@/components/playground/historyItems/PlaygroundError.vue';\nimport { mapGetters } from 'vuex';\n\nexport default {\n  name: 'PlaygroundChatHistory',\n  components: {\n    PlaygroundUserMessage,\n    PlaygroundAdminK2Indices,\n    PlaygroundLoadingMessage,\n    PlaygroundResultMessage,\n    PlaygroundRagSearchResultMessage,\n    PlaygroundError,\n  },\n  props: {\n    // The chat history to use\n    'history': {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      // Maps a chat history {type: string} to a component name to render\n      componentName: {\n        'loading': \"PlaygroundLoadingMessage\",\n        'user': \"PlaygroundUserMessage\",\n        'k2': \"PlaygroundAdminK2Indices\",\n        'result': \"PlaygroundResultMessage\",\n        'ragSearchResult': 'PlaygroundRagSearchResultMessage',\n        'error': 'PlaygroundError',\n      },\n    };\n  },\n  computed: {\n    ...mapGetters('auth', ['isAdmin']),\n    /**\n     * Proxy of the history, used to filter out what should or should not be visible\n     * @returns {(any & {type: string, data: any})[]}\n     */\n    visibleHistory() {\n      return this.history.filter(item => !item.admin || this.isAdmin);\n    },\n  },\n  methods: {\n    /**\n     * Scroll down the user's chat history.\n     * Makes it so the last chat item tries to align to the top of the chat history.\n     */\n    scrollDown() {\n      this.$nextTick(()=>{\n        const childIndex = this.$el.childElementCount - 1;\n        const lastItem = this.$el.childNodes[childIndex];\n        lastItem.scrollIntoView({\n          behavior: 'smooth',\n          block: 'end',\n        });\n      });\n    },\n  },\n  watch: {\n    history: {\n      handler() {\n        this.scrollDown();\n      },\n      deep: true,\n    },\n  },\n};\n</script>\n\n<template>\n  <div class=\"playground-history d-flex flex-col gap-4 full-height overflow-y-auto pt-4 px-2\">\n    <component\n      v-for=\"(item, i) of visibleHistory\"\n      :key=\"i\"\n      :is=\"componentName[item.type]\"\n      :data=\"item.data\"\n      :admin=\"item.admin\"\n      :index=\"i\"\n    />\n  </div>\n</template>\n\n<style scoped>\n/*\nHack due to 5+ year old bug where `justify-content: end` breaks `overflow-y: scroll`.\nInstead add margin-top auto to first chat item, forcing content to appear justified to the bottom.\n */\n.playground-history > :first-child {\n  margin-top: auto;\n}\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundChatHistory.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PlaygroundChatHistory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundChatHistory.vue?vue&type=template&id=6282c4ac&scoped=true\"\nimport script from \"./PlaygroundChatHistory.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundChatHistory.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundChatHistory.vue?vue&type=style&index=0&id=6282c4ac&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6282c4ac\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport GenericHubWrapper from '@/views/GenericHubWrapper.vue';\nimport FrameBasic from '@/components/hub/frame/implementations/FrameBasic.vue';\nimport PlaygroundEmpty from '@/components/playground/PlaygroundEmpty.vue';\nimport PlaygroundInputArea from '@/components/playground/PlaygroundInputArea.vue';\nimport PlaygroundChatHistory from '@/components/playground/PlaygroundChatHistory.vue';\nimport IntentService from '@/services/intents';\nimport { mapGetters, mapMutations } from 'vuex';\nimport ProductService from '@/services/product';\nimport BtnSquare from '@/components/common/BtnSquare.vue';\nimport ChannelSelection from '@/components/editor/ChannelSelection.vue';\nimport { useEventBus } from '@vueuse/core';\nimport rag_v2 from '@/services/rag_v2';\nimport SnackbarStack from '@/components/tools/SnackbarStack.vue';\n\nexport default {\n  name: 'AIPlayground',\n  components: {\n    SnackbarStack,\n    ChannelSelection,\n    BtnSquare,\n    PlaygroundInputArea,\n    PlaygroundEmpty,\n    FrameBasic,\n    GenericHubWrapper,\n    PlaygroundChatHistory,\n  },\n  props: {\n    // Pre-populate text from parent component or URL query provided by Vue router\n    \"text\": {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      // Content of the current chat input field\n      chatText: this.text,\n      chatMode: 'detectIntent',\n      // History of chat items\n      history: [],\n      relevantTopicsEnabled: false,\n      // Listen to events and commands from deeply nested components\n      playgroundEvents: useEventBus(\"playgroundEvents\"),\n    };\n  },\n  computed: {\n    ...mapGetters('bots', ['currentBotId', 'currentChannelId']),\n  },\n  methods: {\n    ...mapMutations('hubUi', ['addAlert']),\n    /**\n     * Wipes the chat history\n     */\n    clearHistory() {\n      this.history = [];\n    },\n    /**\n     * Handles inputting and submitting text programmatically.\n     * Used when you click on a suggestion.\n     * @param {string} text The user chat text to use and submit\n     */\n    handleUseText(text) {\n      this.chatText = text;\n      this.handleChatSubmit();\n    },\n    /**\n     * Add some generic error message item\n     * @param {?string} [title] The title of the error. Defaults to a generic.\n     * @param {?string} [message] The description of the error. Defaults to a generic.\n     * @param {?any} [data={}] Any custom data you want to add a case for in the Error item\n     */\n    addError(title, message, data={}) {\n      const item = {\n        type: 'error',\n        data: { title, message, ...data },\n      };\n      this.history.push(item);\n      return item;\n    },\n    /**\n     * Convert an existing history item to an error item\n     * @param {Object} item\n     * @param {?string} [title] The title of the error. Defaults to a generic.\n     * @param {?string} [message] The description of the error. Defaults to a generic.\n     * @param {?any} [data={}] Any custom data you want to add a case for in the Error item\n     */\n    convertToError(item, title, message, data={}) {\n      item.data = {\n        ...item.data,\n        ...data,\n        title,\n        message,\n      };\n      item.type = 'error';\n    },\n    /**\n     * Adds a loading placeholder to the chat history.\n     * Can be admin-only by passing `true`.\n     *\n     * Returns the chat item, so you can later modify the type and data to \"replace\" the loader with real content.\n     * @template {boolean} T\n     * @param {T} adminOnly Chat item is for admin-only.\n     * @returns {{data: null, admin: T, type: 'loading'|string}}\n     */\n    addLoadingPlaceholder(adminOnly = false) {\n      const placeholder = {\n        admin: adminOnly,\n        type: \"loading\",\n        data: null,\n      };\n      this.history.push(placeholder);\n      return placeholder;\n    },\n    /**\n     * Handles submitting the current `chatText`:\n     * - adds `chatText` as a user message to history\n     * - calls intent detection on the `chatText`\n     * - calls K2 index fetching on the `chatText`\n     * - clears the current `chatText`\n     * @returns {Object}\n     */\n    handleChatSubmit() {\n      const query = this.chatText;\n      this.chatText = \"\";\n\n      switch(this.chatMode) {\n        case 'detectIntent':\n          return this.performIntentDetection(query);\n        case 'sourceSearch':\n          return this.performRagSearch(query);\n      }\n    },\n    /**\n     * Adds a generic user message to the chat history.\n     * @template {string} T\n     * @param {string} text What the message should say\n     * @returns {{data: T, type: 'user'}} The chat item added\n     */\n    addUserMessage(text) {\n      const userItem = {\n        type: \"user\",\n        data: text,\n      };\n      this.history.push(userItem);\n      return userItem;\n    },\n    /**\n     * @typedef {Object} FetchK2IndicesSuccessData\n     * @property {K2IndecyItem[]} intents The top K2 index matches\n     * @property {number} timeMs The time it took to fetch the result\n     */\n    /**\n     * Handles fetching Top K2 index matches for a given input text.\n     * @param {string} text User's input\n     * @returns {Promise<{data: string | FetchK2IndicesSuccessData, admin: true, type: \"k2\"|\"error\"}>} The chat item that is either an error or the K2 result\n     */\n    async fetchK2Indices(text) {\n      const placeholder = this.addLoadingPlaceholder(true);\n      const start = Date.now();\n\n      const k2Indices = await IntentService.getK2Indices({ botId: this.currentBotId, text});\n\n      if (k2Indices?.intents) {\n        placeholder.type = 'k2';\n        placeholder.data = {\n          intents: k2Indices.intents,\n          timeMs: Date.now() - start,\n        };\n      } else {\n        placeholder.type = 'error';\n        placeholder.data = 'Could not load indices';\n      }\n\n      return placeholder;\n    },\n    /**\n     * @template {unknown} RAWData\n     * @typedef {Object} FetchAIResultSuccessData\n     * @property {string} text The user's input text\n     * @property {string} intent The detected intent\n     * @property {number} confidence The confidence of the detected intent\n     * @property {number} timeMs The time it took to fetch the result\n     * @property {RAWData} raw The raw response data / arbitrary data you want to pass\n     */\n    /**\n     * Handles checking which intent would be detected given an input text.\n     * @param {string} text The user's input text\n     * @returns {Promise<{type: \"result\", data: FetchAIResultSuccessData<K2CheckResult>}>} The intent detection result chat item\n     */\n    async fetchAI(text) {\n      const placeholder = this.addLoadingPlaceholder();\n      const start = Date.now();\n\n      const result = await ProductService.k2check({\n        botId: this.currentBotId,\n        channelId: this.currentChannelId,\n        withProtocol: true,\n        text,\n      });\n\n      placeholder.type = 'result';\n      placeholder.data = {\n        text,\n        intent: result.result.label,\n        timeMs: Date.now() - start,\n        raw: result.result,\n      }\n\n      return placeholder;\n    },\n    performIntentDetection(query) {\n      /**\n       * How the submitting of data works:\n       *\n       * - addUserMessage:\n       *  1. adds the message to history\n       *  2. returns the created object\n       *\n       * - fetchAI / fetchK2Indices:\n       *  1. adds loading placeholder to history\n       *  2. returns the created object, which is currently a \"loader\"\n       *  3. we wait for the async API call to finish\n       *  4. we mutate the loader with new data\n       *  5. we mutate the loader type to a \"result\" type\n       *  6. the chat history changes which component is used for what used to be the loader\n       *\n       */\n\n      const msg = this.addUserMessage(query);\n\n      // Only fetch K2 indices if the user has them enabled\n      let k2Loader = null;\n      if (this.relevantTopicsEnabled) {\n        k2Loader = this.fetchK2Indices(query);\n      }\n\n      let aiLoader;\n      try {\n        aiLoader = this.fetchAI(query);\n        return {\n          msg,\n          aiLoader,\n          k2Loader,\n        };\n      } catch(err) {\n        console.error(err);\n        this.convertToError(aiLoader, 'Failed to fetch AI result', err.toString());\n      }\n    },\n    /**\n     * Search for resources that could answer the user's query,\n     * but are currently not assigned to the detected/provided intent.\n     * @param {string} query The query the user used\n     * @param {string} intentName The technical name of the intent that was originally detected\n     */\n    async performRagSearch(query, intentName) {\n      this.addUserMessage(query);\n      const placeholder = this.addLoadingPlaceholder();\n\n      try {\n        const result = await rag_v2.ragSearch(\n          this.currentBotId,\n          query,\n          { except: intentName },\n        );\n\n        if (result.status !== 'ok') {\n          let message = this.$t('ai.tool.notUnderstood.errors.searchFailed');\n          if (result.message) message += `: ${result.message}`;\n          return this.convertToError(placeholder, null, message);\n        }\n\n        placeholder.type = 'ragSearchResult';\n        /** @type {RagSearchResultMessageData} */\n        placeholder.data = {\n          searchResult: result.result,\n          intentName,\n        };\n      } catch(err) {\n        console.error(err);\n        this.convertToError(placeholder, 'Failed to fetch RAG search result', err.toString());\n      }\n    },\n    /**\n     * Handle events and commands coming from deeply nested components\n     * @param {string} identifier Arbitrary event identifier\n     * @param {?any} [payload] Arbitrary payload for the event\n     */\n    playgroundEventsHandler(identifier, payload) {\n      console.log(\"Event fired: [%s]\", identifier, payload);\n\n      switch(identifier) {\n        case 'ragSearch': {\n          this.performRagSearch(payload.query, payload.intentName);\n          break;\n        }\n      }\n    },\n  },\n  mounted() {\n    // Assign events from this event bus to be handled\n    this.playgroundEvents.on(this.playgroundEventsHandler);\n\n    // Automatically submit query param text\n    if (this.chatText) {\n      // Remove text from query param\n      this.$router.replace({ query: {} });\n      return this.handleChatSubmit();\n    }\n  },\n  beforeDestroy() {\n    // Wipe all listeners before unmounting\n    this.playgroundEvents.reset();\n  }\n};\n</script>\n\n<template>\n  <GenericHubWrapper>\n    <FrameBasic\n      class=\"white\"\n      :title=\"$t('ai.title')\"\n    >\n      <template #navbar>\n        <ChannelSelection\n          first-is-null\n          @input=\"clearHistory\"\n        />\n        <BtnSquare\n          preset=\"base\"\n          icon=\"clear_all\"\n          class=\"px-4\"\n          style=\"height: 40px\"\n          outlined\n          :disabled=\"!history.length\"\n          @click=\"clearHistory\"\n        >\n          {{ $t('common.reset') }}\n        </BtnSquare>\n      </template>\n\n      <template #content>\n        <div class=\"full-height moin-bg-grey-lightest\">\n          <!-- Max-width wrapper: a little wider than livechat -->\n          <div\n            class=\"mx-auto d-flex flex-col full-height overflow-y-auto pb-4 px-4\"\n            style=\"max-width: 940px\"\n            :class=\"history.length ? 'justify-end' : 'justify-center'\"\n          >\n            <PlaygroundEmpty\n              v-if=\"!history.length\"\n              class=\"mb-2\"\n              @useText=\"handleUseText\"\n            />\n            <PlaygroundChatHistory\n              v-else\n              :history=\"history\"\n              class=\"mb-2\"\n            />\n            <PlaygroundInputArea\n              v-model=\"chatText\"\n              :mode=\"chatMode\"\n              maxlength=\"200\"\n              class=\"flex-shrink-0\"\n              @submit=\"handleChatSubmit\"\n              @toggleRelevantTopics=\"relevantTopicsEnabled = $event\"\n              @mode=\"chatMode = $event\"\n            />\n          </div>\n        </div>\n\n        <SnackbarStack />\n      </template>\n    </FrameBasic>\n  </GenericHubWrapper>\n</template>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AIPlayground.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AIPlayground.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AIPlayground.vue?vue&type=template&id=59ab8e42\"\nimport script from \"./AIPlayground.vue?vue&type=script&lang=js\"\nexport * from \"./AIPlayground.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{staticStyle:{\"max-height\":\"100vh\",\"height\":\"100vh\"}},[_c('HubMenu'),_c('Appbar'),_c('v-main',{staticClass:\"full-height\"},[(_vm.$slots.default)?_vm._t(\"default\"):_vm._e(),_c('RouterView')],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Appbar from '@/components/Appbar.vue';\nimport HubMenu from '@/components/hub/HubMenu.vue';\n\nexport default {\n  name: 'GenericHubWrapper',\n  components: { HubMenu, Appbar },\n};\n</script>\n\n<template>\n  <v-app style=\"max-height: 100vh; height: 100vh\">\n    <HubMenu />\n    <Appbar />\n    <v-main class=\"full-height\">\n      <slot v-if=\"$slots.default\" />\n      <RouterView />\n    </v-main>\n  </v-app>\n</template>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./GenericHubWrapper.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./GenericHubWrapper.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GenericHubWrapper.vue?vue&type=template&id=68e95a8a\"\nimport script from \"./GenericHubWrapper.vue?vue&type=script&lang=js\"\nexport * from \"./GenericHubWrapper.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var wellKnownSymbol = require('../internals/well-known-symbol');\nvar create = require('../internals/object-create');\nvar definePropertyModule = require('../internals/object-define-property');\n\nvar UNSCOPABLES = wellKnownSymbol('unscopables');\nvar ArrayPrototype = Array.prototype;\n\n// Array.prototype[@@unscopables]\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\nif (ArrayPrototype[UNSCOPABLES] == undefined) {\n  definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {\n    configurable: true,\n    value: create(null)\n  });\n}\n\n// add a key to Array.prototype[@@unscopables]\nmodule.exports = function (key) {\n  ArrayPrototype[UNSCOPABLES][key] = true;\n};\n","/* global ActiveXObject -- old IE, WSH */\nvar anObject = require('../internals/an-object');\nvar definePropertiesModule = require('../internals/object-define-properties');\nvar enumBugKeys = require('../internals/enum-bug-keys');\nvar hiddenKeys = require('../internals/hidden-keys');\nvar html = require('../internals/html');\nvar documentCreateElement = require('../internals/document-create-element');\nvar sharedKey = require('../internals/shared-key');\n\nvar GT = '>';\nvar LT = '<';\nvar PROTOTYPE = 'prototype';\nvar SCRIPT = 'script';\nvar IE_PROTO = sharedKey('IE_PROTO');\n\nvar EmptyConstructor = function () { /* empty */ };\n\nvar scriptTag = function (content) {\n  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;\n};\n\n// Create object with fake `null` prototype: use ActiveX Object with cleared prototype\nvar NullProtoObjectViaActiveX = function (activeXDocument) {\n  activeXDocument.write(scriptTag(''));\n  activeXDocument.close();\n  var temp = activeXDocument.parentWindow.Object;\n  activeXDocument = null; // avoid memory leak\n  return temp;\n};\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar NullProtoObjectViaIFrame = function () {\n  // Thrash, waste and sodomy: IE GC bug\n  var iframe = documentCreateElement('iframe');\n  var JS = 'java' + SCRIPT + ':';\n  var iframeDocument;\n  iframe.style.display = 'none';\n  html.appendChild(iframe);\n  // https://github.com/zloirock/core-js/issues/475\n  iframe.src = String(JS);\n  iframeDocument = iframe.contentWindow.document;\n  iframeDocument.open();\n  iframeDocument.write(scriptTag('document.F=Object'));\n  iframeDocument.close();\n  return iframeDocument.F;\n};\n\n// Check for document.domain and active x support\n// No need to use active x approach when document.domain is not set\n// see https://github.com/es-shims/es5-shim/issues/150\n// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346\n// avoid IE GC bug\nvar activeXDocument;\nvar NullProtoObject = function () {\n  try {\n    activeXDocument = new ActiveXObject('htmlfile');\n  } catch (error) { /* ignore */ }\n  NullProtoObject = typeof document != 'undefined'\n    ? document.domain && activeXDocument\n      ? NullProtoObjectViaActiveX(activeXDocument) // old IE\n      : NullProtoObjectViaIFrame()\n    : NullProtoObjectViaActiveX(activeXDocument); // WSH\n  var length = enumBugKeys.length;\n  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];\n  return NullProtoObject();\n};\n\nhiddenKeys[IE_PROTO] = true;\n\n// `Object.create` method\n// https://tc39.es/ecma262/#sec-object.create\n// eslint-disable-next-line es-x/no-object-create -- safe\nmodule.exports = Object.create || function create(O, Properties) {\n  var result;\n  if (O !== null) {\n    EmptyConstructor[PROTOTYPE] = anObject(O);\n    result = new EmptyConstructor();\n    EmptyConstructor[PROTOTYPE] = null;\n    // add \"__proto__\" for Object.getPrototypeOf polyfill\n    result[IE_PROTO] = O;\n  } else result = NullProtoObject();\n  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);\n};\n","var DESCRIPTORS = require('../internals/descriptors');\nvar V8_PROTOTYPE_DEFINE_BUG = require('../internals/v8-prototype-define-bug');\nvar definePropertyModule = require('../internals/object-define-property');\nvar anObject = require('../internals/an-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar objectKeys = require('../internals/object-keys');\n\n// `Object.defineProperties` method\n// https://tc39.es/ecma262/#sec-object.defineproperties\n// eslint-disable-next-line es-x/no-object-defineproperties -- safe\nexports.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {\n  anObject(O);\n  var props = toIndexedObject(Properties);\n  var keys = objectKeys(Properties);\n  var length = keys.length;\n  var index = 0;\n  var key;\n  while (length > index) definePropertyModule.f(O, key = keys[index++], props[key]);\n  return O;\n};\n","var internalObjectKeys = require('../internals/object-keys-internal');\nvar enumBugKeys = require('../internals/enum-bug-keys');\n\n// `Object.keys` method\n// https://tc39.es/ecma262/#sec-object.keys\n// eslint-disable-next-line es-x/no-object-keys -- safe\nmodule.exports = Object.keys || function keys(O) {\n  return internalObjectKeys(O, enumBugKeys);\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $findLast = require('../internals/array-iteration-from-last').findLast;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.findLast` method\n// https://github.com/tc39/proposal-array-find-from-last\n$({ target: 'Array', proto: true }, {\n  findLast: function findLast(callbackfn /* , that = undefined */) {\n    return $findLast(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\naddToUnscopables('findLast');\n"],"names":["render","_vm","this","_c","_self","value","length","maxFiles","staticClass","class","dropZone","active","on","$event","preventDefault","stopPropagation","handleDrop","apply","arguments","handleClick","_v","_s","$t","fileErrors","_l","err","i","key","_e","ref","attrs","accept","handleFileInput","file","truncateFilename","name","removeFile","staticRenderFns","components","BtnSquare","emits","props","type","default","data","methods","isAcceptableMimetype","isTooBig","handleAddingFiles","count","fileName","maxSize","results","then","success","url","catch","message","component","_g","domProps","$listeners","input","customInputHandler","typeInput","readOnly","_t","rows","model","callback","expression","withActions","required","label","validationRules","isVariant","persistentBar","watch","formatText","formattedText","focus","scopedSlots","fn","back","title","proxy","NavbarJustifyLayout","computed","isAdminOnly","directives","NavbarWithBreadcrumb","HubLayout","stickyVisible","onScrolledAway","frameClasses","isSidebarOpen","scrolled","contentClass","mounted","threshold","observer","margins","responsive","$slots","center","_u","clearHistory","staticStyle","history","handleUseText","chatMode","handleChatSubmit","relevantTopicsEnabled","chatText","$$v","randomTexts","text","handleSubmit","isDisabled","TextareaAuto","enum","visibleHistory","item","componentName","tag","admin","provide","index","HubBox","intents","timeMs","formatPercentPrecision","isRating","foundIntent","selectableIntents","newIntent","showButtonRow","isGenerating","generated","editButtonLink","generatedInMS","toggle","isAdmin","modals","presentedTopics","$set","intent","botContext","mappings","feedback","reference","used","public","source","nameForResource","resourceId","toggleState","isLoading","assistantColors","ragTypeIcons","EditableTypes","sourceIsUrl","get","resource","TitlePath","$scopedSlots","open","iconTooltip","nonAnswer","panelClass","RichTextarea","LLMActionItem","SparkleLoader","reframedQuery","action","instruction_before","instruction_after","parameter","ActionTextArea","responseContent","getParameterValueUsed","paramTypeToLabel","timeTakenDisplay","ragProtocol","usedKnowledge","$tc","candidateSources","ressourceId","getResourceFromRessourceId","isResourcePublic","wasUsedInAnswer","inspect","openContent","getSourceContent","searchSources","inspectDialog","currentContent","PlaygroundResourceHeader","HubDialog","playgroundEvents","sort","query","intentName","messageAsHtml","PlaygroundLLMTextResponse","PlaygroundLLMResourcesUsed","PlaygroundLLMReFrame","PlaygroundLLMActionUse","PlaygroundLLMError","PlaygroundLLMNotUnderstood","PlaygroundLLMChatHistory","InfoBox","rated","isRatingAnswer","items","error","call","response","previousItem","ratePositive","rateNegative","getActionById","didReFrameQuery","isTheDetectedIntent","intentObject","intentType","typeIcon","PlaygroundIntentItem","DropDown","PlaygroundGeneratedAnswer","ratings","positive","negative","corrected","generatedAnswerError","generatedAnswerErrorNoKnowledge","generatedAnswerNoSourcesFound","generatedErrorMessage","generatedAnswer","sourcesUsed","answers","information","examples","detectedIntent","allIntents","intentList","concat","displayName","description","template","map","seenIntents","filter","isDemoLicence","isKnowledge","timeTaken","generationError","intentStatus","chId","redirectLabel","icon","color","s","params","infoDropdownItems","onClick","extendedIntentList","feedbacks","feedbackSet","displayNameIntent","scrollIntoView","behavior","block","topK","sources","getStandardIntents","promises","ProductService","copy","navigator","findIntent","sourcesDeduplicated","resourcesLoading","promptToggleKnowledge","dialogsShown","isConnected","currentResourceId","preview","toggleConnection","normalizedChId","idsSeen","processResource","rag","channelId","botId","docId","PlaygroundUserMessage","PlaygroundAdminK2Indices","PlaygroundLoadingMessage","PlaygroundResultMessage","PlaygroundRagSearchResultMessage","PlaygroundError","scrollDown","lastItem","handler","deep","SnackbarStack","ChannelSelection","PlaygroundInputArea","PlaygroundEmpty","FrameBasic","GenericHubWrapper","PlaygroundChatHistory","addError","convertToError","addLoadingPlaceholder","addUserMessage","placeholder","withProtocol","raw","performIntentDetection","k2Loader","aiLoader","msg","console","except","searchResult","playgroundEventsHandler","beforeDestroy","HubMenu","Appbar","wellKnownSymbol","create","definePropertyModule","UNSCOPABLES","ArrayPrototype","Array","prototype","undefined","f","configurable","module","exports","activeXDocument","anObject","definePropertiesModule","enumBugKeys","hiddenKeys","html","documentCreateElement","sharedKey","GT","LT","PROTOTYPE","SCRIPT","IE_PROTO","EmptyConstructor","scriptTag","content","NullProtoObjectViaActiveX","write","close","temp","parentWindow","Object","NullProtoObjectViaIFrame","iframeDocument","iframe","JS","style","display","appendChild","src","String","contentWindow","document","F","NullProtoObject","ActiveXObject","domain","O","Properties","result","DESCRIPTORS","V8_PROTOTYPE_DEFINE_BUG","toIndexedObject","objectKeys","defineProperties","keys","internalObjectKeys","$","$findLast","addToUnscopables","target","proto","findLast","callbackfn"],"sourceRoot":""}