\n \n \n \n {{#if this.aiCustomization.isAiComputeQuotaExceeded}}\n Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow.\n {{else}}\n Edit prompt.\n {{/if}}\n \n
\n {{/unless}}\n {{!-- Only show feedback buttons for AI-generated suggestions, not custom user messages --}}\n {{#if (and @showFeedback (not this.hasBeenSent) @prompt.generatedViaSuggestion)}}\n \n {{/if}}\n
\n
\n \n */\n {\n \"id\": \"kpuSZMKE\",\n \"block\": \"[[[10,0],[14,0,\\\"flex flex-col gap-2\\\"],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"isEditingSuggestion\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"relative\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,1],null,[[\\\"@class\\\",\\\"@placeholder\\\",\\\"@value\\\",\\\"@minHeight\\\",\\\"@maxHeight\\\",\\\"@showSubmitButton\\\",\\\"@showCancelButton\\\",\\\"@leftContent\\\",\\\"@onInput\\\",\\\"@onSubmit\\\",\\\"@onCancel\\\",\\\"@dataTestId\\\"],[\\\"relative w-full box-border rounded-[12px] py-1-1/2 px-2 transition-all text-neutral-default bg-raised-default max-h-[120px]\\\",[30,0,[\\\"placeholderText\\\"]],[30,0,[\\\"editableText\\\"]],40,120,true,true,[50,\\\"ai/custom-dropdown\\\",0,null,[[\\\"options\\\",\\\"disabled\\\",\\\"onChange\\\",\\\"className\\\",\\\"selected\\\"],[[30,0,[\\\"options\\\"]],[30,0,[\\\"isEditingSuggestion\\\"]],[30,0,[\\\"handleFirstDropdownChange\\\"]],\\\"text-sm\\\",[30,0,[\\\"selectedModeType\\\"]]]]],[30,0,[\\\"updateEditableText\\\"]],[30,0,[\\\"saveEdit\\\"]],[30,0,[\\\"cancelEdit\\\"]],\\\"edit-ignore-diff-textarea\\\"]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[10,0],[15,0,[29,[\\\"relative border border-neutral-strong flex flex-col box-border rounded-[12px] p-2 py-1-1/2 gap-0.5 \\\",[30,0,[\\\"promptBackgroundClass\\\"]]]]],[12],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-neutral-default font-semibold\\\"],[12],[1,\\\" \\\"],[1,[52,[28,[37,3],[[30,1,[\\\"mode\\\"]],\\\"ignore\\\"],null],\\\"Ignore\\\",\\\"Show\\\"]],[1,\\\" diff\\\"],[13],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-neutral-default font-normal text-[14px]\\\"],[12],[1,[30,1,[\\\"message\\\"]]],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]]],[1,\\\" \\\\n \\\"],[10,0],[14,0,\\\"flex items-center\\\"],[12],[1,\\\"\\\\n\\\"],[41,[51,[30,2]],[[[1,\\\" \\\"],[10,0],[12],[1,\\\"\\\\n \\\"],[8,[39,5],[[24,0,\\\"icon-neutral-default transparent\\\"],[24,\\\"aria-label\\\",\\\"Edit suggestion\\\"],[24,4,\\\"button\\\"],[4,[38,6],[\\\"click\\\",[30,0,[\\\"startEditing\\\"]]],null]],[[\\\"@iconOnly\\\",\\\"@icon\\\",\\\"@isDisabled\\\"],[\\\"true\\\",\\\"pencil\\\",[30,0,[\\\"isEditDisabled\\\"]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[8,[39,7],null,null,[[\\\"default\\\"],[[[[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]],[[[1,\\\" Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow.\\\\n\\\"]],[]],[[[1,\\\" Edit prompt.\\\\n\\\"]],[]]],[1,\\\" \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[41,[28,[37,8],[[30,3],[28,[37,9],[[30,0,[\\\"hasBeenSent\\\"]]],null],[30,1,[\\\"generatedViaSuggestion\\\"]]],null],[[[1,\\\" \\\"],[8,[39,10],null,[[\\\"@containerClass\\\",\\\"@layoutClass\\\",\\\"@showLabel\\\",\\\"@showTextarea\\\",\\\"@hideHints\\\",\\\"@hideBackgrounds\\\",\\\"@buttonGapClass\\\",\\\"@positiveIcon\\\",\\\"@negativeIcon\\\",\\\"@positiveLabel\\\",\\\"@negativeLabel\\\",\\\"@onChange\\\",\\\"@isDisabled\\\"],[\\\"flex items-center justify-start\\\",\\\"justify-start w-full\\\",true,false,true,true,\\\"gap-0\\\",\\\"thumbs-up\\\",\\\"thumbs-down\\\",\\\"This suggestion was helpful\\\",\\\"This suggestion was not helpful\\\",[30,0,[\\\"handleFeedback\\\"]],[30,0,[\\\"isEditingSuggestion\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"],[13],[1,\\\"\\\\n\\\"]],[\\\"@prompt\\\",\\\"@isDeleteOperation\\\",\\\"@showFeedback\\\"],false,[\\\"if\\\",\\\"percy/text-area\\\",\\\"component\\\",\\\"eq\\\",\\\"unless\\\",\\\"btn\\\",\\\"on\\\",\\\"percy/tooltip\\\",\\\"and\\\",\\\"not\\\",\\\"percy/feedback-form\\\"]]\",\n \"moduleName\": \"percy-web/components/ai-ignore-diff-suggestion.hbs\",\n \"isStrictMode\": false\n });\n var SHOW_DIFF = 'Show Diff';\n var IGNORE_DIFF = 'Ignore Diff';\n var AiIgnoreDiffSuggestionComponent = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AiIgnoreDiffSuggestionComponent, _Component);\n var _super = _createSuper(AiIgnoreDiffSuggestionComponent);\n function AiIgnoreDiffSuggestionComponent() {\n var _this;\n _classCallCheck(this, AiIgnoreDiffSuggestionComponent);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _initializerDefineProperty(_assertThisInitialized(_this), \"aiCustomization\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"analytics\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"appcues\", _descriptor3, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"session\", _descriptor4, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"isEditingSuggestion\", _descriptor5, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"editableText\", _descriptor6, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"secondDropdownValue\", _descriptor7, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"hasBeenSent\", _descriptor8, _assertThisInitialized(_this));\n _defineProperty(_assertThisInitialized(_this), \"modes\", {\n unignore: SHOW_DIFF,\n ignore: IGNORE_DIFF\n });\n return _this;\n }\n _createClass(AiIgnoreDiffSuggestionComponent, [{\n key: \"selectedModeType\",\n get: function get() {\n return this.modes[this.args.prompt.mode];\n }\n }, {\n key: \"options\",\n get: function get() {\n return [SHOW_DIFF, IGNORE_DIFF];\n }\n }, {\n key: \"promptBackgroundClass\",\n get: function get() {\n return this.hasBeenSent || !this.args.prompt.generatedViaSuggestion ? 'bg-brand-weakest' : 'bg-neutral-weak';\n }\n }, {\n key: \"placeholderText\",\n get: function get() {\n var _this$args$prompt;\n var mode = (_this$args$prompt = this.args.prompt) === null || _this$args$prompt === void 0 ? void 0 : _this$args$prompt.mode;\n if (mode === 'ignore') {\n return 'e.g. Ignore color changes in icons';\n } else if (mode === 'unignore') {\n return 'e.g. Show color changes in icons';\n }\n // Default fallback\n return 'e.g. Ignore color changes in icons';\n }\n\n /**\n * Check if the edit button should be disabled\n * Disabled when: currently editing, explicitly disabled via prop, or quota exceeded\n */\n }, {\n key: \"isEditDisabled\",\n get: function get() {\n return this.isEditingSuggestion || this.args.disableEdit || this.aiCustomization.isAiComputeQuotaExceeded;\n }\n }, {\n key: \"trackEditPromptButtonShown\",\n value: function trackEditPromptButtonShown() {\n var _this$appcues, _organization$subscri;\n if (!((_this$appcues = this.appcues) !== null && _this$appcues !== void 0 && _this$appcues.isInitialized)) {\n return;\n }\n var organization = this.args.organization;\n var currentUser = this.session.currentUser;\n if (!organization || !currentUser) {\n return;\n }\n if (!this.args.prompt.generatedViaSuggestion) {\n return;\n }\n var plan = (_organization$subscri = organization.subscription) === null || _organization$subscri === void 0 ? void 0 : _organization$subscri.belongsTo('plan').value();\n var trackingData = {\n user_id: currentUser.id,\n group_id: organization.browserstackGroupId,\n plan_type: (plan === null || plan === void 0 ? void 0 : plan.name) || (plan === null || plan === void 0 ? void 0 : plan.type) || 'unknown',\n build_id: this.args.buildId,\n snapshot_id: this.args.snapshotId,\n comparison_id: this.args.comparisonId,\n project_id: this.args.projectId\n };\n this.appcues.track('EditPromptButtonShown', trackingData);\n }\n }, {\n key: \"startEditing\",\n value: function startEditing() {\n var _this$args$prompt$mes, _this$args$prompt$mes2;\n this.trackEditPromptButtonShown();\n this.analytics.track('EditCurrentPromptClicked', {\n build_id: this.args.buildId,\n snapshot_id: this.args.snapshotId,\n comparison_id: this.args.comparisonId,\n project_id: this.args.projectId,\n original_prompt_text: ((_this$args$prompt$mes = this.args.prompt.message) === null || _this$args$prompt$mes === void 0 ? void 0 : _this$args$prompt$mes[0]) || ''\n });\n this.isEditingSuggestion = true;\n this.editableText = (_this$args$prompt$mes2 = this.args.prompt.message) === null || _this$args$prompt$mes2 === void 0 ? void 0 : _this$args$prompt$mes2[0];\n if (this.args.onEditingStart) {\n this.args.onEditingStart();\n }\n }\n }, {\n key: \"cancelEdit\",\n value: function cancelEdit() {\n this.isEditingSuggestion = false;\n this.editableText = '';\n if (this.args.onEditingEnd) {\n this.args.onEditingEnd();\n }\n }\n }, {\n key: \"handleFeedback\",\n value: function handleFeedback(feedback) {\n var _this$args$prompt$mes3;\n this.analytics.track('RateGeneratedPromptClicked', {\n build_id: this.args.buildId,\n snapshot_id: this.args.snapshotId,\n comparison_id: this.args.comparisonId,\n project_id: this.args.projectId,\n prompt_text: ((_this$args$prompt$mes3 = this.args.prompt.message) === null || _this$args$prompt$mes3 === void 0 ? void 0 : _this$args$prompt$mes3[0]) || '',\n rating: feedback.type ? 'positive' : 'negative'\n });\n if (this.args.onFeedback) {\n this.args.onFeedback(feedback);\n }\n }\n }, {\n key: \"saveEdit\",\n value: function saveEdit() {\n this.isEditingSuggestion = false;\n this.hasBeenSent = true;\n if (this.args.onTextUpdate) {\n var newPrompt = this.args.prompt;\n newPrompt.message = [this.editableText]; // currently supporting single prompt message\n this.args.onTextUpdate(newPrompt);\n }\n }\n }, {\n key: \"updateEditableText\",\n value: function updateEditableText(event) {\n this.editableText = event.target.value;\n }\n }, {\n key: \"handleFirstDropdownChange\",\n value: function handleFirstDropdownChange(selectedValue) {\n this.firstDropdownValue = selectedValue;\n if (this.args.onFirstDropdownChange) {\n this.args.onFirstDropdownChange(selectedValue);\n }\n }\n }, {\n key: \"handleSecondDropdownChange\",\n value: function handleSecondDropdownChange(selectedValue) {\n this.secondDropdownValue = selectedValue;\n if (this.args.onSecondDropdownChange) {\n this.args.onSecondDropdownChange(selectedValue);\n }\n }\n }]);\n return AiIgnoreDiffSuggestionComponent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"aiCustomization\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"analytics\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"appcues\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"session\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"isEditingSuggestion\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"editableText\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return '';\n }\n }), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"secondDropdownValue\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return null;\n }\n }), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"hasBeenSent\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _applyDecoratedDescriptor(_class.prototype, \"trackEditPromptButtonShown\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"trackEditPromptButtonShown\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"startEditing\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"startEditing\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"cancelEdit\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"cancelEdit\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleFeedback\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleFeedback\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"saveEdit\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"saveEdit\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"updateEditableText\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"updateEditableText\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleFirstDropdownChange\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleFirstDropdownChange\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSecondDropdownChange\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSecondDropdownChange\"), _class.prototype)), _class);\n _exports.default = AiIgnoreDiffSuggestionComponent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AiIgnoreDiffSuggestionComponent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/ai-prompt-panel\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@glimmer/tracking\", \"@ember/object\", \"@ember/service\", \"@ember/runloop\", \"@ember/template\", \"percy-web/constants/ai/default\", \"percy-web/constants/ai/customization\", \"@sentry/ember\", \"percy-web/lib/utils\"], function (_exports, _component, _templateFactory, _component2, _tracking, _object, _service, _runloop, _template, _default, _customization, Sentry, _utils) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14, _descriptor15, _descriptor16;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@glimmer/tracking\",0,\"@ember/object\",0,\"@ember/service\",0,\"@ember/runloop\",0,\"@ember/template\",0,\"percy-web/constants/ai/default\",0,\"percy-web/constants/ai/customization\",0,\"@sentry/ember\",0,\"percy-web/lib/utils\"eaimeta@70e063a35619d71f\n function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n {{! Normal view - show all saved prompts }}\n {{#each this.aiCustomization.savedPrompts as |prompt|}}\n
\n \n
\n {{/each}}\n
\n \n New\n \n {{#if this.aiCustomization.isAiComputeQuotaExceeded}}\n Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow\n {{else}}\n Create a new prompt\n {{/if}}\n \n
\n {{#if this.aiCustomization.isReasoningPromptFinalizedWithError}}\n \n {{else if (or this.aiCustomization.isReasoningPromptInProgress this.aiCustomization.isReasoningPromptFinalized this.aiCustomization.isPromptGeneratedViaSuggestion)}}\n \n {{#if this.aiCustomization.prompt}}\n \n Here's your prompt to {{if (eq this.aiCustomization.prompt.mode 'ignore') \"ignore\" \"show\"}} similar diffs in this snapshot\n \n {{/if}}\n {{/if}}\n {{!-- Show user message if available --}}\n {{#if this.aiCustomization.userMessage}}\n
\n \n {{this.aiCustomization.userMessage}}\n
\n
\n {{/if}}\n {{!-- Show ignore diff suggestion component when prompt is available --}}\n {{#if this.aiCustomization.prompt}}\n \n {{/if}}\n {{#if this.aiCustomization.isPromptGeneratedViaSuggestion}}\n \n {{/if}}\n \n {{#if (and this.isDeleteOperation this.aiCustomization.deleteResponseMessage)}}\n {{inline-svg \"sparkles\" class=\"sparkles-icon icon-info-strong\"}}\n
\n {{/if}}\n \n {{! Show AI reasoning for prompt execution when user clicks yes }}\n {{#if this.aiCustomization.aiComputationErrored}}\n \n {{else if this.aiCustomization.aiComputationHalted}}\n {{! User manually stopped the computation }}\n
\n {{inline-svg \"info-panel\" class=\"flex-shrink-0 icon-info-strong scale-125\"}}\n \n Your team has reached today's AI prompting limit. It will reset tomorrow.\n \n
\n
\n {{/if}}\n
\n \n
\n
\n \n {{#if this.aiCustomization.isAiComputeQuotaExceeded}}\n \n Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow\n \n {{else if this.aiCustomization.isExecutionInProgress}}\n \n Prompt is in progress — please wait.\n \n {{/if}}\n
\n
\n {{#if this.dropdownError}}\n \n Select the action ignore or show diff\n \n {{/if}}\n
\n {{inline-svg \"info-auth-form\"}}\n \n AI can make mistakes.\n \n Learn more\n \n \n
\n
\n
\n {{/if}}\n \n \n \n */\n {\n \"id\": \"Mukxolie\",\n \"block\": \"[[[11,0],[4,[38,0],[[30,0,[\\\"loadAIPanelState\\\"]]],null],[4,[38,1],[[30,0,[\\\"loadAIPanelState\\\"]],[30,0,[\\\"args\\\",\\\"comparison\\\",\\\"id\\\"]]],null],[4,[38,1],[[30,0,[\\\"togglePanelVisibility\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isExecutionActive\\\"]]],null],[12],[1,\\\"\\\\n \\\"],[8,[39,2],[[16,5,[30,0,[\\\"sidepanelStyle\\\"]]]],[[\\\"@title\\\",\\\"@titleIcon\\\",\\\"@additionalClasses\\\",\\\"@isLoading\\\",\\\"@onClose\\\",\\\"@onContentReady\\\",\\\"@onHeaderBackClick\\\"],[[30,0,[\\\"currentTitle\\\"]],[30,0,[\\\"currentTitleIcon\\\"]],\\\"w-[300px]\\\",[30,1],[30,2],[30,0,[\\\"onContentReady\\\"]],[52,[30,0,[\\\"showSavedPrompts\\\"]],[30,0,[\\\"handleBackClick\\\"]]]]],[[\\\"headerActions\\\",\\\"content\\\"],[[[[1,\\\"\\\\n\\\"],[41,[51,[30,0,[\\\"showSavedPrompts\\\"]]],[[[1,\\\" \\\"],[10,0],[12],[1,\\\"\\\\n\\\\n \\\"],[8,[39,5],[[24,0,\\\"slide-over-close opacity-1 text-neutral-default\\\"],[16,\\\"disabled\\\",[28,[37,6],[[28,[37,7],[[30,0,[\\\"aiCustomization\\\",\\\"savedPrompts\\\",\\\"length\\\"]],0],null],[28,[37,8],[[30,0,[\\\"aiCustomization\\\",\\\"isExecutionInProgress\\\"]],[28,[37,9],[[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]],null]],null]],null]],[24,\\\"aria-label\\\",\\\"Go back\\\"]],[[\\\"@iconOnly\\\",\\\"@icon\\\",\\\"@onClick\\\"],[\\\"true\\\",\\\"Icon-left\\\",[30,0,[\\\"handleLeftClick\\\"]]]],null],[1,\\\"\\\\n \\\"],[8,[39,10],null,[[\\\"@class\\\"],[\\\"!max-w-[140px]\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n\\\"],[41,[28,[37,8],[[30,0,[\\\"aiCustomization\\\",\\\"isExecutionInProgress\\\"]],[28,[37,9],[[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]],null]],null],[[[1,\\\" Prompt is in progress, cannot navigate to saved prompts\\\\n\\\"]],[]],[[[1,\\\" Saved prompts on current snapshot\\\\n\\\"]],[]]],[1,\\\" \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"]],[]],[[[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"showSavedPrompts\\\"]],[[[1,\\\" \\\"],[10,0],[12],[1,\\\"\\\\n\\\"],[42,[28,[37,12],[[28,[37,12],[[30,0,[\\\"aiCustomization\\\",\\\"savedPrompts\\\"]]],null]],null],null,[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex flex-col pt-1-1/2 px-2\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,13],null,[[\\\"@prompt\\\",\\\"@onClick\\\",\\\"@onEdit\\\",\\\"@onDelete\\\",\\\"@isProcessing\\\",\\\"@onSaveScope\\\",\\\"@onClearMessages\\\",\\\"@snapshotId\\\",\\\"@projectId\\\",\\\"@buildId\\\",\\\"@comparisonId\\\",\\\"@organization\\\"],[[30,3],[30,0,[\\\"handleSavedPromptClick\\\"]],[30,0,[\\\"onEditPrompt\\\"]],[30,0,[\\\"handleSavedPromptDelete\\\"]],false,[30,0,[\\\"onSaveScope\\\"]],[30,0,[\\\"clearPromptMessages\\\"]],[30,0,[\\\"args\\\",\\\"snapshot\\\",\\\"id\\\"]],[30,0,[\\\"projectId\\\"]],[30,0,[\\\"build\\\",\\\"id\\\"]],[30,0,[\\\"args\\\",\\\"comparison\\\",\\\"id\\\"]],[30,0,[\\\"args\\\",\\\"organization\\\"]]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[3]],null],[1,\\\" \\\"],[10,0],[14,0,\\\"flex py-1-1/2 px-2\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,5],[[24,0,\\\" w-full border-neutral-strong bg-neutral-weakest h-8 opacity-100 gap-1 px-1-1/2 py-[6px] rounded border text-neutral-default\\\"]],[[\\\"@icon\\\",\\\"@isOutlined\\\",\\\"@isSecondaryButton\\\",\\\"@onClick\\\",\\\"@isDisabled\\\"],[\\\"add\\\",true,true,[30,0,[\\\"handleNewPromptClick\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n New\\\"]],[]]]]],[1,\\\"\\\\n \\\"],[8,[39,10],null,null,[[\\\"default\\\"],[[[[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]],[[[1,\\\" Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow\\\\n\\\"]],[]],[[[1,\\\" Create a new prompt\\\\n\\\"]],[]]],[1,\\\" \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[11,0],[24,0,\\\"overflow-y-auto flex-1 pb-5\\\"],[4,[38,0],[[30,0,[\\\"registerScrollElement\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isExecutionActive\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputationFinalized\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"userMessage\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"responseMessage\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isReasoningPromptInProgress\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"aiComputationInProgress\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isPromptGeneratedViaSuggestion\\\"]]],null],[4,[38,1],[[30,0,[\\\"scrollToBottom\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"promptScope\\\",\\\"shouldShow\\\"]]],null],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isExecutionActive\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex flex-col gap-12 flex-1 p-2 border-neutral-weak\\\"],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isReasoningPromptFinalizedWithError\\\"]],[[[1,\\\" \\\"],[8,[39,14],null,[[\\\"@errorMessage\\\",\\\"@isDisabled\\\",\\\"@onRetry\\\",\\\"@onCancel\\\"],[\\\"We couldn't generate a prompt for this diff. Please try again, or contact support if the issue persists.\\\",[30,0,[\\\"isEditingDisabled\\\"]],[30,0,[\\\"suggestPromptHandler\\\"]],[28,[37,15],[[30,0,[\\\"aiCustomization\\\",\\\"completeExecution\\\"]],[30,4,[\\\"id\\\"]]],null]]],null],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,6],[[30,0,[\\\"aiCustomization\\\",\\\"isReasoningPromptInProgress\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isReasoningPromptFinalized\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isPromptGeneratedViaSuggestion\\\"]]],null],[[[1,\\\" \\\"],[8,[39,16],null,[[\\\"@analysisMessages\\\",\\\"@onReasoningComplete\\\",\\\"@isCalculated\\\",\\\"@isFinalized\\\",\\\"@isErrored\\\"],[[30,0,[\\\"promptSuggestionReasoningMessages\\\"]],[30,0,[\\\"onReasoningComplete\\\"]],[28,[37,8],[[30,0,[\\\"aiCustomization\\\",\\\"isPromptGeneratedViaSuggestion\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\"]]],null],[30,0,[\\\"aiCustomization\\\",\\\"isReasoningPromptFinalized\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isReasoningPromptFinalizedWithError\\\"]]]],null],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\"]],[[[1,\\\" \\\"],[10,1],[15,0,[29,[\\\"text-neutral-default font-normal \\\",[52,[30,0,[\\\"isEditingIgnoreDiff\\\"]],\\\"opacity-50\\\",\\\"\\\"]]]],[12],[1,\\\"\\\\n Here's your prompt to \\\"],[1,[52,[28,[37,7],[[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\",\\\"mode\\\"]],\\\"ignore\\\"],null],\\\"ignore\\\",\\\"show\\\"]],[1,\\\" similar diffs in this snapshot\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"]],[]],null]],[]]],[41,[30,0,[\\\"aiCustomization\\\",\\\"userMessage\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex justify-end\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-base text-neutral-default bg-brand-weakest p-2 w-fit rounded-tl-[12px] rounded-tr-[12px] rounded-br-[1px] rounded-bl-[12px]\\\"],[12],[1,\\\"\\\\n \\\"],[1,[30,0,[\\\"aiCustomization\\\",\\\"userMessage\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[41,[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\"]],[[[1,\\\" \\\"],[8,[39,17],null,[[\\\"@prompt\\\",\\\"@onUseSuggestion\\\",\\\"@onTextUpdate\\\",\\\"@showFeedback\\\",\\\"@disableEdit\\\",\\\"@onFeedback\\\",\\\"@onSuggestionSent\\\",\\\"@buildId\\\",\\\"@snapshotId\\\",\\\"@comparisonId\\\",\\\"@organization\\\",\\\"@projectId\\\",\\\"@isDeleteOperation\\\"],[[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\"]],[30,0,[\\\"handleIgnoreDiffSuggestion\\\"]],[30,0,[\\\"onEditPrompt\\\"]],true,[30,0,[\\\"isEditingDisabled\\\"]],[30,0,[\\\"handleFeedback\\\"]],[30,0,[\\\"handleSuggestionSent\\\"]],[30,0,[\\\"build\\\",\\\"id\\\"]],[30,0,[\\\"args\\\",\\\"snapshot\\\",\\\"id\\\"]],[30,0,[\\\"args\\\",\\\"comparison\\\",\\\"id\\\"]],[30,0,[\\\"args\\\",\\\"organization\\\"]],[30,0,[\\\"projectId\\\"]],[30,0,[\\\"isDeleteOperation\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]],null],[41,[30,0,[\\\"aiCustomization\\\",\\\"isPromptGeneratedViaSuggestion\\\"]],[[[1,\\\" \\\"],[8,[39,18],null,[[\\\"@isDisabled\\\",\\\"@onYes\\\",\\\"@onNo\\\",\\\"@isYes\\\",\\\"@isNo\\\",\\\"@mode\\\",\\\"@projectId\\\",\\\"@promptTextCopy\\\"],[[30,0,[\\\"isEditingIgnoreDiff\\\"]],[30,0,[\\\"handlePromptFormYes\\\"]],[30,0,[\\\"handlePromptFormNo\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"promptAccepted\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"promptDiscarded\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\",\\\"mode\\\"]],[30,0,[\\\"projectId\\\"]],[28,[37,19],[[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\",\\\"message\\\"]],0],null]]],null],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\"\\\\n\\\"],[41,[28,[37,8],[[30,0,[\\\"isDeleteOperation\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"deleteResponseMessage\\\"]]],null],[[[1,\\\" \\\"],[1,[28,[35,20],[\\\"sparkles\\\"],[[\\\"class\\\"],[\\\"sparkles-icon icon-info-strong\\\"]]]],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\" text-base text-neutral-default\\\"],[12],[1,\\\"\\\\n \\\"],[1,[30,0,[\\\"aiCustomization\\\",\\\"deleteResponseMessage\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"aiComputationErrored\\\"]],[[[1,\\\" \\\"],[8,[39,14],null,[[\\\"@errorMessage\\\",\\\"@isDisabled\\\",\\\"@onRetry\\\",\\\"@onCancel\\\",\\\"@isRetryAccepted\\\",\\\"@isRetryRejected\\\",\\\"@isQuotaExceeded\\\"],[[28,[37,6],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputationErrorMessage\\\"]],[30,0,[\\\"ERROR_MESSAGES\\\",\\\"AI_PROMPT_APPLY_FAILED\\\"]]],null],[30,0,[\\\"isEditingDisabled\\\"]],[30,0,[\\\"retryComputeJob\\\"]],[28,[37,15],[[30,0,[\\\"onRetryCancelReasoning\\\"]],[30,4,[\\\"id\\\"]]],null],[28,[37,7],[[30,0,[\\\"aiCustomization\\\",\\\"isRetryAttempted\\\"]],true],null],[28,[37,7],[[30,0,[\\\"aiCustomization\\\",\\\"isRetryAttempted\\\"]],false],null],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]],[[[41,[30,0,[\\\"aiCustomization\\\",\\\"aiComputationHalted\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\" p-2 bg-attention-weakest border border-attention-weak rounded\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-center gap-1 text-attention-default\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,20],[\\\"info-auth-form\\\"],[[\\\"class\\\"],[\\\"w-4 h-4\\\"]]]],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"font-medium\\\"],[12],[1,\\\"Computation stopped\\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-default text-sm mt-1\\\"],[12],[1,\\\"\\\\n The AI computation was stopped at \\\"],[1,[30,0,[\\\"aiCustomization\\\",\\\"progressHaltedAt\\\"]]],[1,\\\"% progress. You can submit a new prompt or continue reviewing diffs.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,6],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputationInProgress\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputationFinalized\\\"]]],null],[[[1,\\\" \\\"],[10,0],[14,0,\\\"mt-4\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,16],null,[[\\\"@analysisMessages\\\",\\\"@isFinalized\\\",\\\"@isErrored\\\"],[[30,0,[\\\"promptExecutionReasoningMessages\\\"]],[30,0,[\\\"isPromptExecutionFinalized\\\"]],[30,0,[\\\"isPromptExecutionErrored\\\"]]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isAiComputationFinalized\\\"]],[[[1,\\\" \\\"],[8,[39,21],null,[[\\\"@comparisons\\\",\\\"@diffChangeCounts\\\",\\\"@mode\\\",\\\"@showFeedback\\\",\\\"@onFeedback\\\",\\\"@updateQueryParam\\\",\\\"@snapshot\\\",\\\"@isDeleteOperation\\\"],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputation\\\",\\\"comparisons\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"aiComputation\\\",\\\"diffChangeCounts\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"promptType\\\"]],true,[30,0,[\\\"handleFeedback\\\"]],[30,5],[30,4],[30,0,[\\\"isDeleteOperation\\\"]]]],null],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"promptScope\\\",\\\"shouldShow\\\"]],[[[1,\\\" \\\"],[8,[39,22],null,[[\\\"@defaultScope\\\",\\\"@currentScope\\\",\\\"@executionCompleted\\\",\\\"@isDiscarded\\\",\\\"@onSave\\\",\\\"@onDiscard\\\",\\\"@organization\\\",\\\"@buildId\\\",\\\"@snapshotId\\\",\\\"@comparisonId\\\",\\\"@promptActionType\\\",\\\"@promptMode\\\",\\\"@projectId\\\",\\\"@promptText\\\"],[\\\"snapshot\\\",[30,0,[\\\"promptDefaultScope\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isExecutionCompleted\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isPromptDiscarded\\\"]],[30,0,[\\\"handleSaveCallback\\\"]],[30,0,[\\\"handleDiscardCallback\\\"]],[30,6],[30,0,[\\\"build\\\",\\\"id\\\"]],[30,4,[\\\"id\\\"]],[30,7,[\\\"id\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"promptActionType\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\",\\\"mode\\\"]],[30,0,[\\\"projectId\\\"]],[28,[37,19],[[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\",\\\"message\\\"]],0],null]]],null],[1,\\\"\\\\n\\\"]],[]],null]],[]],null],[1,\\\"\\\\n \\\"]],[]],null]],[]]]],[]]],[1,\\\"\\\\n\\\"],[41,[28,[37,8],[[30,0,[\\\"aiCustomization\\\",\\\"isExecutionCompleted\\\"]],[28,[37,9],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputationInProgress\\\"]]],null]],null],[[[1,\\\" \\\"],[1,[28,[35,20],[\\\"sparkles\\\"],[[\\\"class\\\"],[\\\"sparkles-icon icon-info-strong\\\"]]]],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"responseMessage\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\" text-base text-neutral-default\\\"],[12],[1,\\\"\\\\n \\\"],[1,[30,0,[\\\"aiCustomization\\\",\\\"responseMessage\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null]],[]],null],[1,\\\"\\\\n\\\\n\\\"],[41,[28,[37,8],[[30,0,[\\\"aiCustomization\\\",\\\"isExecutionCompleted\\\"]],[28,[37,9],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputationInProgress\\\"]]],null]],null],[[[1,\\\" \\\"],[10,0],[14,0,\\\" text-base text-neutral-default\\\"],[12],[1,\\\"\\\\n To \\\"],[1,[52,[28,[37,7],[[30,0,[\\\"aiCustomization\\\",\\\"prompt\\\",\\\"mode\\\"]],\\\"ignore\\\"],null],\\\"ignore\\\",\\\"show\\\"]],[1,\\\" more diffs, write a new prompt or\\\\n select a diff to generate one\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[8,[39,23],null,[[\\\"@promptCount\\\",\\\"@onPromptsClick\\\"],[[30,0,[\\\"savedPromptsCount\\\"]],[30,0,[\\\"handleSavedPromptToggle\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"sticky bottom-0 w-full surface-default shadow-all-lg flex flex-col justify-end\\\"],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"pt-3 pr-2 pl-2\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-center gap-1 bg-info-weakest w-full border border-info-weaker rounded-lg p-1-1/2\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,20],[\\\"info-panel\\\"],[[\\\"class\\\"],[\\\"flex-shrink-0 icon-info-strong scale-125\\\"]]]],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-inverse-sementic-info font-semibold \\\"],[12],[1,\\\"\\\\n Your team has reached today's AI prompting limit. It will reset tomorrow.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[10,0],[14,0,\\\"w-full p-2\\\"],[12],[1,\\\"\\\\n \\\"],[10,\\\"label\\\"],[14,0,\\\"sr-only\\\"],[14,\\\"for\\\",\\\"ai-prompt-input\\\"],[12],[1,\\\"Enter your AI prompt\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"relative\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[12],[1,\\\"\\\\n \\\"],[8,[39,24],[[24,1,\\\"ai-prompt-input\\\"]],[[\\\"@class\\\",\\\"@placeholder\\\",\\\"@value\\\",\\\"@minHeight\\\",\\\"@showSubmitButton\\\",\\\"@showStopButton\\\",\\\"@onStop\\\",\\\"@stopIcon\\\",\\\"@maxHeight\\\",\\\"@showSubmitButton\\\",\\\"@submitDisabled\\\",\\\"@leftContent\\\",\\\"@onSubmit\\\",\\\"@onInput\\\",\\\"@dataTestId\\\",\\\"@disabled\\\"],[\\\"w-full border-neutral-300 rounded-lg focus:border-primary-500 focus:ring-1 focus:ring-primary-500 !text-base max-h-[120px]\\\",[30,0,[\\\"textareaPlaceholder\\\"]],[30,0,[\\\"customAiPrompt\\\",\\\"message\\\"]],40,[28,[37,9],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputationInProgress\\\"]]],null],[28,[37,6],[[30,0,[\\\"aiCustomization\\\",\\\"aiComputationInProgress\\\"]]],null],[30,0,[\\\"handleStopComputation\\\"]],\\\"stop-outline\\\",120,true,[30,0,[\\\"isCustomPromptSubmitDisabled\\\"]],[50,\\\"ai/custom-dropdown\\\",0,null,[[\\\"options\\\",\\\"selected\\\",\\\"disabled\\\",\\\"onChange\\\",\\\"className\\\"],[[28,[37,26],[\\\"Show diff\\\",\\\"Ignore diff\\\"],null],[30,0,[\\\"selectedMode\\\"]],[28,[37,6],[[30,0,[\\\"aiCustomization\\\",\\\"isExecutionInProgress\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]],null],[30,0,[\\\"onCustomModeChange\\\"]],[52,[30,0,[\\\"dropdownError\\\"]],\\\"text-danger-default\\\",\\\"\\\"]]]],[30,0,[\\\"handleAiSubmit\\\"]],[30,0,[\\\"onCustomMessageChange\\\"]],\\\"ai-prompt-input\\\",[28,[37,6],[[30,0,[\\\"aiCustomization\\\",\\\"isExecutionInProgress\\\"]],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]],null]]],null],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]],[[[1,\\\" \\\"],[8,[39,10],null,[[\\\"@placement\\\"],[\\\"top\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"]],[]],[[[41,[30,0,[\\\"aiCustomization\\\",\\\"isExecutionInProgress\\\"]],[[[1,\\\" \\\"],[8,[39,10],null,[[\\\"@placement\\\"],[\\\"top\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n Prompt is in progress — please wait.\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"]],[]],null]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"dropdownError\\\"]],[[[1,\\\" \\\"],[10,1],[14,0,\\\"text-danger-default mt-[2px] align-middle\\\"],[12],[1,\\\"\\\\n Select the action ignore or show diff\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[10,0],[14,0,\\\"flex items-center mt-2 gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,20],[\\\"info-auth-form\\\"],null]],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-neutral-weaker text-[12px] mt-[2px] align-middle\\\"],[12],[1,\\\"\\\\n AI can make mistakes.\\\\n \\\"],[8,[39,27],[[24,\\\"target\\\",\\\"_blank\\\"],[24,\\\"rel\\\",\\\"noopener noreferrer\\\"],[24,0,\\\"text-primary-default underline hover:text-primary-default\\\"]],[[\\\"@url\\\"],[[30,0,[\\\"learnMoreLink\\\"]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n Learn more\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]]],[1,\\\" \\\"]],[]]]]],[1,\\\"\\\\n\\\"],[13]],[\\\"@isLoading\\\",\\\"@onClose\\\",\\\"prompt\\\",\\\"@snapshot\\\",\\\"@updateQueryParam\\\",\\\"@organization\\\",\\\"@comparison\\\"],false,[\\\"did-insert\\\",\\\"did-update\\\",\\\"percy/sidepanel\\\",\\\"if\\\",\\\"unless\\\",\\\"btn\\\",\\\"or\\\",\\\"eq\\\",\\\"and\\\",\\\"not\\\",\\\"percy/tooltip\\\",\\\"each\\\",\\\"-track-array\\\",\\\"ai/saved-prompt-item\\\",\\\"ai/error-state\\\",\\\"fn\\\",\\\"ai-reasoning\\\",\\\"ai-ignore-diff-suggestion\\\",\\\"ai/prompt-form\\\",\\\"get\\\",\\\"inline-svg\\\",\\\"ai/computed-comparisons\\\",\\\"ai/save-confirmation-dialog\\\",\\\"ai/ask-section\\\",\\\"percy/text-area\\\",\\\"component\\\",\\\"array\\\",\\\"percy/hyperlink\\\"]]\",\n \"moduleName\": \"percy-web/components/ai-prompt-panel.hbs\",\n \"isStrictMode\": false\n });\n var AiPromptPanelComponent = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AiPromptPanelComponent, _Component);\n var _super = _createSuper(AiPromptPanelComponent);\n function AiPromptPanelComponent() {\n var _this;\n _classCallCheck(this, AiPromptPanelComponent);\n _this = _super.apply(this, arguments);\n // Initialize loading state only - saved prompts come from service\n _initializerDefineProperty(_assertThisInitialized(_this), \"analytics\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"confirm\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"aiCustomization\", _descriptor3, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"store\", _descriptor4, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"aiPercy\", _descriptor5, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"session\", _descriptor6, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"showSavedPrompts\", _descriptor7, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"showIgnoreDiffSuggestion\", _descriptor8, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"savedPromptsData\", _descriptor9, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"_isLoadingSavedPrompts\", _descriptor10, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"dropdownError\", _descriptor11, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"customAiPrompt\", _descriptor12, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"selectedMode\", _descriptor13, _assertThisInitialized(_this));\n _defineProperty(_assertThisInitialized(_this), \"contentScrollElement\", null);\n _defineProperty(_assertThisInitialized(_this), \"ERROR_MESSAGES\", _customization.ERROR_MESSAGES);\n _initializerDefineProperty(_assertThisInitialized(_this), \"isSavedPromptEditFinalized\", _descriptor14, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"isSavedPromptEditErrored\", _descriptor15, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"currentEditingPrompt\", _descriptor16, _assertThisInitialized(_this));\n _this._isLoadingSavedPrompts = false;\n return _this;\n }\n _createClass(AiPromptPanelComponent, [{\n key: \"sidepanelStyle\",\n get:\n // Separate tracking for thumbs-up/down buttons\n\n // For custom prompt text area\n // Track the selected dropdown mode\n // Reference to scrollable content container\n\n // Adjusts the panel height to account for announcement banners at the top\n function get() {\n var bannersHeight = this.args.bannersHeight;\n if (bannersHeight) {\n return (0, _template.htmlSafe)(\"max-height: calc(100vh - \".concat(bannersHeight, \"vh); height: calc(100vh - \").concat(bannersHeight, \"vh);\"));\n }\n return null;\n }\n\n // Computed property for dynamic placeholder based on selected mode\n }, {\n key: \"textareaPlaceholder\",\n get: function get() {\n if (this.selectedMode === 'Ignore diff') {\n return 'e.g. Ignore color changes in icons';\n } else if (this.selectedMode === 'Show diff') {\n return 'e.g. Show color changes in icons';\n }\n return 'Ask AI about this snapshot...'; // Default placeholder\n }\n\n // Learn more link with enterprise support\n }, {\n key: \"learnMoreLink\",\n get: function get() {\n var defaultUrl = 'https://www.browserstack.com/docs/percy/review-agent/custom-prompt';\n return _utils.default.replaceBstackEnterpriseUrl(defaultUrl);\n }\n\n // Properties for prompt execution reasoning - now using service states\n }, {\n key: \"showPromptExecutionReasoning\",\n get: function get() {\n return this.aiCustomization.aiComputationInProgress;\n }\n }, {\n key: \"isPromptExecutionFinalized\",\n get: function get() {\n return this.aiCustomization.isAiComputationFinalized;\n }\n }, {\n key: \"isPromptExecutionErrored\",\n get: function get() {\n var customization = this.aiCustomization.getCustomization(this.aiCustomization.snapshotId);\n return (customization === null || customization === void 0 ? void 0 : customization[this.aiCustomization.COMPONENT_TYPES.AI_RECOMPUTE].state) === this.aiCustomization.COMPONENT_STATES.ERROR;\n }\n\n // Properties for edit suggestion reasoning - now using service states\n }, {\n key: \"showEditSuggestionReasoning\",\n get: function get() {\n return this.aiCustomization.aiComputationInProgress;\n }\n }, {\n key: \"isEditSuggestionFinalized\",\n get: function get() {\n return this.aiCustomization.isAiComputationFinalized;\n }\n\n // Properties for saved prompt edit reasoning\n }, {\n key: \"promptSuggestionReasoningMessages\",\n get:\n // Get reasoning messages for initial prompt generation/suggestion from service\n function get() {\n return this.aiCustomization.promptReasoning.analysisMessages;\n }\n\n // Get reasoning messages for prompt execution\n // This is shown when the user has accepted and AI is applying the prompt\n }, {\n key: \"promptExecutionReasoningMessages\",\n get: function get() {\n var operationType = this.aiCustomization.operationType;\n var OPERATION_TYPES = this.aiCustomization.OPERATION_TYPES;\n switch (operationType) {\n case OPERATION_TYPES.DELETE:\n return ['Analyzing the snapshot', 'Understanding configured prompts', 'Detecting diffs in snapshot', 'Deleting prompt rule', 'Validating changes across snapshot', 'Generating the final output', ''];\n case OPERATION_TYPES.EDIT:\n case OPERATION_TYPES.CREATE:\n case OPERATION_TYPES.EXECUTE:\n default:\n return ['Analyzing the snapshot', 'Understanding configured prompts', 'Detecting diffs in snapshot', 'Applying prompt rule', 'Validating changes across snapshot', 'Generating the final output', ''];\n }\n }\n }, {\n key: \"isDeleteOperation\",\n get: function get() {\n return this.aiCustomization.operationType === this.aiCustomization.OPERATION_TYPES.DELETE;\n }\n }, {\n key: \"aiComputationReasoningMessages\",\n get: function get() {\n return ['Analysing the current snapshot ', 'Detecting similar diffs', \"Applying show diff prompt to \".concat(this.args.snapshot.comparisons.length, \" comparisons\")];\n }\n\n // Get saved prompts directly from service - single source of truth\n }, {\n key: \"savedPrompts\",\n get: function get() {\n return this.aiCustomization.savedPrompts || [];\n }\n }, {\n key: \"savedPromptsCount\",\n get: function get() {\n return this.savedPrompts.length;\n }\n }, {\n key: \"isLoadingSavedPrompts\",\n get: function get() {\n return this._isLoadingSavedPrompts;\n }\n }, {\n key: \"isReasoningPromptFinalized\",\n get: function get() {\n return this.aiCustomization.isReasoningPromptFinalized;\n }\n\n // Determine if custom prompt submit should be disabled\n }, {\n key: \"isCustomPromptSubmitDisabled\",\n get: function get() {\n var _this$customAiPrompt, _this$customAiPrompt$, _this$customAiPrompt2;\n // Disabled if no mode selected or no message entered\n var hasMessage = (_this$customAiPrompt = this.customAiPrompt) === null || _this$customAiPrompt === void 0 ? void 0 : (_this$customAiPrompt$ = _this$customAiPrompt.message) === null || _this$customAiPrompt$ === void 0 ? void 0 : _this$customAiPrompt$.trim();\n var hasMode = (_this$customAiPrompt2 = this.customAiPrompt) === null || _this$customAiPrompt2 === void 0 ? void 0 : _this$customAiPrompt2.mode;\n var isExecutionInProgress = this.aiCustomization.isExecutionInProgress;\n return !hasMessage || !hasMode || isExecutionInProgress;\n }\n\n // Get the comparison records using peekRecord\n }, {\n key: \"comparisons\",\n get: function get() {\n try {\n var _this$args$snapshot;\n var comparisons = (_this$args$snapshot = this.args.snapshot) === null || _this$args$snapshot === void 0 ? void 0 : _this$args$snapshot.comparisons;\n return comparisons;\n } catch (error) {\n return [];\n }\n }\n }, {\n key: \"emptyStateTitle\",\n get: function get() {\n return this.args.emptyStateTitle || _default.default.promptPanel.emptyStateTitle;\n }\n }, {\n key: \"emptyStateSubtitle\",\n get: function get() {\n return this.args.emptyStateSubtitle || _default.default.promptPanel.emptyStateSubtitle;\n }\n }, {\n key: \"emptyStateIcon\",\n get: function get() {\n return this.args.emptyStateIcon || _default.default.promptPanel.emptyStateIcon;\n }\n }, {\n key: \"build\",\n get: function get() {\n var _this$args$snapshot2;\n return (_this$args$snapshot2 = this.args.snapshot) === null || _this$args$snapshot2 === void 0 ? void 0 : _this$args$snapshot2.build;\n }\n }, {\n key: \"projectId\",\n get: function get() {\n var _this$args$snapshot3, _this$args$snapshot3$, _this$args$snapshot3$2;\n return (_this$args$snapshot3 = this.args.snapshot) === null || _this$args$snapshot3 === void 0 ? void 0 : (_this$args$snapshot3$ = _this$args$snapshot3.build) === null || _this$args$snapshot3$ === void 0 ? void 0 : (_this$args$snapshot3$2 = _this$args$snapshot3$.get('project')) === null || _this$args$snapshot3$2 === void 0 ? void 0 : _this$args$snapshot3$2.get('id');\n }\n }, {\n key: \"currentTitle\",\n get: function get() {\n return this.showSavedPrompts ? 'Saved prompts' : 'Ask AI';\n }\n }, {\n key: \"currentTitleIcon\",\n get: function get() {\n var _this$session, _this$session$current;\n if (this.showSavedPrompts) {\n return 'side-arrow';\n }\n // Check for dark mode and return appropriate ai-prompt icon\n var isDarkMode = ((_this$session = this.session) === null || _this$session === void 0 ? void 0 : (_this$session$current = _this$session.currentUser) === null || _this$session$current === void 0 ? void 0 : _this$session$current.webTheme) === 'dark';\n return isDarkMode ? 'ai-prompt-dark' : 'ai-prompt';\n }\n\n // Determine the correct default scope for save confirmation based on current prompt\n }, {\n key: \"promptDefaultScope\",\n get: function get() {\n var _this$aiCustomization;\n // Check the promptScope.type first from the service state\n var scopeType = (_this$aiCustomization = this.aiCustomization.promptScope) === null || _this$aiCustomization === void 0 ? void 0 : _this$aiCustomization.type;\n if (scopeType) {\n return scopeType;\n }\n\n // Fall back to checking the prompt model attributes\n var prompt = this.aiCustomization.prompt;\n if (prompt !== null && prompt !== void 0 && prompt.projectId && !prompt.snapshotId && !prompt.masterSnapshotId) {\n return 'project';\n }\n if (prompt.masterSnapshotId) {\n return 'snapshot';\n }\n return null;\n }\n\n // Computed property to determine when editing should be disabled\n }, {\n key: \"isEditingDisabled\",\n get: function get() {\n return (this.aiCustomization.isReasoningPromptInProgress || this.aiCustomization.aiComputationInProgress) && !this.aiCustomization.isExecutionCompleted;\n }\n }, {\n key: \"loadAIPanelState\",\n value: function loadAIPanelState() {\n if (!this.aiCustomization.hasSnapshotData) {\n this.aiCustomization.initializeCustomization(this.args.snapshot.id);\n }\n this.loadSavedPrompts();\n }\n }, {\n key: \"onRetryCancelReasoning\",\n value: function () {\n var _onRetryCancelReasoning = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(snapshotId) {\n return regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n this.aiCustomization.onRetryAICancel(snapshotId);\n // this.analytics.track('AI Prompt Panel Retry Cancel Clicked', {\n // snapshot_id: snapshotId,\n // });\n case 1:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n function onRetryCancelReasoning(_x) {\n return _onRetryCancelReasoning.apply(this, arguments);\n }\n return onRetryCancelReasoning;\n }() // Scroll to bottom of content area\n }, {\n key: \"scrollToBottom\",\n value: function scrollToBottom() {\n var _this2 = this;\n if (this.contentScrollElement) {\n (0, _runloop.next)(function () {\n _this2.contentScrollElement.scrollTo({\n top: _this2.contentScrollElement.scrollHeight,\n behavior: 'smooth'\n });\n });\n }\n }\n\n // Store reference to scrollable content element\n }, {\n key: \"registerScrollElement\",\n value: function registerScrollElement(element) {\n this.contentScrollElement = element;\n }\n }, {\n key: \"togglePanelVisibility\",\n value: function togglePanelVisibility() {\n // If a suggest prompt operation is starting, hide saved prompts view\n if (this.aiCustomization.operationType === this.aiCustomization.OPERATION_TYPES.SUGGEST && this.aiCustomization.isExecutionActive && this.showSavedPrompts) {\n this.showSavedPrompts = false;\n return;\n }\n }\n\n // Load saved prompts from the AI customization service\n // Service maintains the state, component just triggers the load\n }, {\n key: \"loadSavedPrompts\",\n value: function () {\n var _loadSavedPrompts = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {\n var _this$args$snapshot4, _this$args$snapshot5, _this$args$snapshot5$, snapshotId, projectId;\n return regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n if (!this._isLoadingSavedPrompts) {\n _context2.next = 2;\n break;\n }\n return _context2.abrupt(\"return\");\n case 2:\n this._isLoadingSavedPrompts = true;\n _context2.prev = 3;\n snapshotId = (_this$args$snapshot4 = this.args.snapshot) === null || _this$args$snapshot4 === void 0 ? void 0 : _this$args$snapshot4.id;\n projectId = (_this$args$snapshot5 = this.args.snapshot) === null || _this$args$snapshot5 === void 0 ? void 0 : (_this$args$snapshot5$ = _this$args$snapshot5.build) === null || _this$args$snapshot5$ === void 0 ? void 0 : _this$args$snapshot5$.get('project').get('id');\n if (!(!projectId || !snapshotId)) {\n _context2.next = 9;\n break;\n }\n console.warn('Missing projectId or snapshotId for loading saved prompts');\n return _context2.abrupt(\"return\");\n case 9:\n _context2.next = 11;\n return this.aiCustomization.getSavedPrompts({\n projectId: projectId,\n snapshotId: snapshotId\n });\n case 11:\n _context2.next = 17;\n break;\n case 13:\n _context2.prev = 13;\n _context2.t0 = _context2[\"catch\"](3);\n console.error('Error loading saved prompts:', _context2.t0);\n Sentry.captureException(_context2.t0);\n case 17:\n _context2.prev = 17;\n if (!this.isDestroyed && !this.isDestroying) {\n this._isLoadingSavedPrompts = false;\n }\n return _context2.finish(17);\n case 20:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this, [[3, 13, 17, 20]]);\n }));\n function loadSavedPrompts() {\n return _loadSavedPrompts.apply(this, arguments);\n }\n return loadSavedPrompts;\n }() // Reset component state to clean slate\n }, {\n key: \"resetComponentState\",\n value: function resetComponentState() {\n if (!this.isDestroyed && !this.isDestroying) {\n this.showSavedPrompts = false;\n this.showIgnoreDiffSuggestion = false;\n this.dropdownError = false;\n this.selectedMode = null;\n this.customAiPrompt = null;\n this.currentEditingPrompt = null;\n this.isSavedPromptEditFinalized = false;\n this.isSavedPromptEditErrored = false;\n // No need to invalidate cache - service maintains the state\n }\n }\n }, {\n key: \"handleFeedback\",\n value: function handleFeedback(feedback) {\n var _this$build, _this$args$snapshot6, _this$args$comparison;\n // Handle feedback change from AiComputedComparisons component\n this.analytics.track('ComputationFeedbackClicked', {\n build_id: (_this$build = this.build) === null || _this$build === void 0 ? void 0 : _this$build.get('id'),\n snapshot_id: (_this$args$snapshot6 = this.args.snapshot) === null || _this$args$snapshot6 === void 0 ? void 0 : _this$args$snapshot6.get('id'),\n comparison_id: (_this$args$comparison = this.args.comparison) === null || _this$args$comparison === void 0 ? void 0 : _this$args$comparison.id,\n feedback: feedback // 'thumbs_up' or 'thumbs_down'\n });\n }\n }, {\n key: \"handleLeftClick\",\n value: function handleLeftClick() {\n var _this$build2, _this$args$snapshot7, _this$args$comparison2;\n this.analytics.track('OpenPromptListClicked', {\n build_id: (_this$build2 = this.build) === null || _this$build2 === void 0 ? void 0 : _this$build2.get('id'),\n snapshot_id: (_this$args$snapshot7 = this.args.snapshot) === null || _this$args$snapshot7 === void 0 ? void 0 : _this$args$snapshot7.get('id'),\n comparison_id: (_this$args$comparison2 = this.args.comparison) === null || _this$args$comparison2 === void 0 ? void 0 : _this$args$comparison2.id\n });\n this.showSavedPrompts = true;\n this.showIgnoreDiffSuggestion = true;\n if (this.args.onLeftClick) {\n this.args.onLeftClick();\n }\n }\n }, {\n key: \"handleBackClick\",\n value: function handleBackClick() {\n // Go back from saved prompts to the main AI prompt view\n this.showSavedPrompts = false;\n this.showIgnoreDiffSuggestion = false;\n // Reset saved prompt edit reasoning when going back\n this.currentEditingPrompt = null;\n\n // Don't reset customAiPrompt or selectedMode here - preserve user's input\n\n if (this.args.onBackClick) {\n this.args.onBackClick();\n }\n }\n }, {\n key: \"handleAiSubmit\",\n value: function () {\n var _handleAiSubmit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(event, value) {\n var trimmedValue;\n return regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n if (event) {\n event.preventDefault();\n }\n // If no dropdown value selected, show error and return false to prevent clearing\n if (!(!this.customAiPrompt || !this.customAiPrompt.mode)) {\n _context3.next = 4;\n break;\n }\n this.dropdownError = true;\n return _context3.abrupt(\"return\", false);\n case 4:\n trimmedValue = value === null || value === void 0 ? void 0 : value.trim();\n if (trimmedValue) {\n _context3.next = 7;\n break;\n }\n return _context3.abrupt(\"return\", false);\n case 7:\n this.dropdownError = false;\n _context3.next = 10;\n return this.aiCustomization.handleUserCustomPrompt(this.customAiPrompt.message, this.customAiPrompt.mode);\n case 10:\n // Scroll to show the AI response\n this.scrollToBottom();\n case 11:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, this);\n }));\n function handleAiSubmit(_x2, _x3) {\n return _handleAiSubmit.apply(this, arguments);\n }\n return handleAiSubmit;\n }()\n }, {\n key: \"onContentReady\",\n value: function onContentReady() {\n // This will be called when the content is ready\n if (this.args.onContentReady) {\n this.args.onContentReady();\n }\n }\n }, {\n key: \"onReasoningComplete\",\n value: function onReasoningComplete() {\n // Show the ignore diff suggestion when reasoning is complete\n this.showIgnoreDiffSuggestion = true;\n this.scrollToBottom();\n }\n }, {\n key: \"handleIgnoreDiff\",\n value: function handleIgnoreDiff() {\n // Put the suggestion into the textarea\n this.aiPromptText = this.ignoreDiffSuggestionText;\n\n // Hide the suggestion after using it\n this.showIgnoreDiffSuggestion = false;\n if (this.args.onIgnoreDiff) {\n this.args.onIgnoreDiff();\n }\n }\n }, {\n key: \"handleSavedPromptToggle\",\n value: function () {\n var _handleSavedPromptToggle = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {\n return regeneratorRuntime.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n if (this.showSavedPrompts) {\n _context4.next = 11;\n break;\n }\n _context4.prev = 1;\n if (!(this.savedPromptsCount === 0)) {\n _context4.next = 5;\n break;\n }\n _context4.next = 5;\n return this.loadSavedPrompts();\n case 5:\n _context4.next = 11;\n break;\n case 7:\n _context4.prev = 7;\n _context4.t0 = _context4[\"catch\"](1);\n console.error('Error loading saved prompts on toggle:', _context4.t0);\n Sentry.captureException(_context4.t0);\n case 11:\n // Now toggle the display\n this.showSavedPrompts = !this.showSavedPrompts;\n case 12:\n case \"end\":\n return _context4.stop();\n }\n }\n }, _callee4, this, [[1, 7]]);\n }));\n function handleSavedPromptToggle() {\n return _handleSavedPromptToggle.apply(this, arguments);\n }\n return handleSavedPromptToggle;\n }()\n }, {\n key: \"handleUseSavedPrompt\",\n value: function handleUseSavedPrompt(prompt) {\n // Use a saved prompt by putting it in the textarea\n this.aiPromptText = prompt.prompt || prompt.text;\n // Switch back to the main prompt view\n this.showSavedPrompts = false;\n if (this.args.onUseSavedPrompt) {\n this.args.onUseSavedPrompt(prompt);\n }\n }\n }, {\n key: \"handleSavedPromptDelete\",\n value: function () {\n var _handleSavedPromptDelete = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(prompt) {\n return regeneratorRuntime.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n if (this.showSavedPrompts) {\n this.showSavedPrompts = false;\n }\n\n // Use AI customization service to delete the prompt\n // Service automatically updates its own hashmap\n _context5.prev = 1;\n _context5.next = 4;\n return this.aiCustomization.deletePrompt(prompt, this.args.snapshot.id || null);\n case 4:\n _context5.next = 6;\n return this.loadSavedPrompts();\n case 6:\n _context5.next = 14;\n break;\n case 8:\n _context5.prev = 8;\n _context5.t0 = _context5[\"catch\"](1);\n console.error('Error deleting prompt:', _context5.t0);\n Sentry.captureException(_context5.t0);\n // On error, reload to ensure service hashmap is in sync with backend\n _context5.next = 14;\n return this.loadSavedPrompts();\n case 14:\n case \"end\":\n return _context5.stop();\n }\n }\n }, _callee5, this, [[1, 8]]);\n }));\n function handleSavedPromptDelete(_x4) {\n return _handleSavedPromptDelete.apply(this, arguments);\n }\n return handleSavedPromptDelete;\n }()\n }, {\n key: \"handleThumbsUp\",\n value: function handleThumbsUp() {\n var _this$args$snapshot8;\n // Handle thumbs up action\n this.analytics.track('AI Suggestion Thumbs Up', {\n build_id: this.build.get('id'),\n snapshot_id: (_this$args$snapshot8 = this.args.snapshot) === null || _this$args$snapshot8 === void 0 ? void 0 : _this$args$snapshot8.get('id')\n });\n }\n }, {\n key: \"handleThumbsDown\",\n value: function handleThumbsDown() {\n var _this$build3, _this$args$snapshot9;\n // Handle thumbs down action\n this.analytics.track('AI Suggestion Thumbs Down', {\n build_id: (_this$build3 = this.build) === null || _this$build3 === void 0 ? void 0 : _this$build3.get('id'),\n snapshot_id: (_this$args$snapshot9 = this.args.snapshot) === null || _this$args$snapshot9 === void 0 ? void 0 : _this$args$snapshot9.get('id')\n });\n }\n }, {\n key: \"handleSuggestionTextUpdate\",\n value: function handleSuggestionTextUpdate(newText) {\n // This can be used to update the suggestion text if needed\n // For now, we'll just pass it through to the ignore diff handler\n this.handleIgnoreDiffSuggestion(newText);\n }\n\n // Actions for handling PromptForm responses\n }, {\n key: \"handlePromptFormYes\",\n value: function () {\n var _handlePromptFormYes = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {\n var onYes, prompt, promptMessage;\n return regeneratorRuntime.wrap(function _callee6$(_context6) {\n while (1) {\n switch (_context6.prev = _context6.next) {\n case 0:\n try {\n this.aiCustomization.addPromptRunState(true);\n this.aiCustomization.updateOperation(this.aiCustomization.OPERATION_TYPES.CREATE);\n this.aiCustomization.startAiComputeJob(this.aiCustomization.prompt);\n\n // Call the onYes callback if it exists\n onYes = this.aiCustomization.promptOnYes;\n if (onYes) {\n onYes();\n }\n\n // Track recomputation acceptance after starting compute\n prompt = this.aiCustomization.prompt;\n promptMessage = Array.isArray(prompt === null || prompt === void 0 ? void 0 : prompt.message) ? prompt.message[0] : prompt === null || prompt === void 0 ? void 0 : prompt.message;\n this.analytics.track('AIRecomputationYesClicked', {\n project_id: this.projectId,\n prompt_text: promptMessage,\n prompt_type: prompt === null || prompt === void 0 ? void 0 : prompt.mode\n });\n\n // Scroll to show computation progress\n this.scrollToBottom();\n } catch (error) {\n console.error('Error starting AI compute job:', error);\n }\n case 1:\n case \"end\":\n return _context6.stop();\n }\n }\n }, _callee6, this);\n }));\n function handlePromptFormYes() {\n return _handlePromptFormYes.apply(this, arguments);\n }\n return handlePromptFormYes;\n }()\n }, {\n key: \"handlePromptFormNo\",\n value: function () {\n var _handlePromptFormNo = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {\n var prompt, promptMessage;\n return regeneratorRuntime.wrap(function _callee7$(_context7) {\n while (1) {\n switch (_context7.prev = _context7.next) {\n case 0:\n this.aiCustomization.addPromptRunState(false);\n prompt = this.aiCustomization.prompt;\n promptMessage = Array.isArray(prompt === null || prompt === void 0 ? void 0 : prompt.message) ? prompt.message[0] : prompt === null || prompt === void 0 ? void 0 : prompt.message; // Track recomputation rejection after updating state\n this.analytics.track('AIRecomputationNoClicked', {\n project_id: this.projectId,\n prompt_text: promptMessage,\n prompt_type: prompt === null || prompt === void 0 ? void 0 : prompt.mode\n });\n this.resetComponentState();\n _context7.next = 7;\n return this.loadSavedPrompts();\n case 7:\n case \"end\":\n return _context7.stop();\n }\n }\n }, _callee7, this);\n }));\n function handlePromptFormNo() {\n return _handlePromptFormNo.apply(this, arguments);\n }\n return handlePromptFormNo;\n }()\n }, {\n key: \"onEditSuggestionReasoningComplete\",\n value: function onEditSuggestionReasoningComplete() {\n // You can hide the reasoning or take other actions\n if (this.args.onEditSuggestionComplete) {\n this.args.onEditSuggestionComplete();\n }\n }\n }, {\n key: \"handleSavedPromptEditStart\",\n value: function handleSavedPromptEditStart(prompt) {\n this.currentEditingPrompt = prompt;\n // Reset reasoning state when starting to edit\n this.isSavedPromptEditFinalized = false;\n this.isSavedPromptEditErrored = false;\n }\n }, {\n key: \"handleSavedPromptEditEnd\",\n value: function handleSavedPromptEditEnd() {\n this.currentEditingPrompt = null;\n this.isSavedPromptEditFinalized = false;\n this.isSavedPromptEditErrored = false;\n }\n }, {\n key: \"onCustomPromptUpdate\",\n value: function onCustomPromptUpdate(options) {\n var currentPrompt = this.customAiPrompt || {};\n this.customAiPrompt = _objectSpread(_objectSpread({}, currentPrompt), options);\n }\n }, {\n key: \"onCustomModeChange\",\n value: function onCustomModeChange(selectedOption) {\n this.selectedMode = selectedOption; // Track the selected mode for placeholder\n var mode;\n if (selectedOption === 'Show diff') {\n mode = 'unignore';\n } else if (selectedOption === 'Ignore diff') {\n mode = 'ignore';\n }\n this.onCustomPromptUpdate({\n mode: mode\n }); // This is only for the text areas\n }\n }, {\n key: \"onCustomMessageChange\",\n value: function onCustomMessageChange(e) {\n this.onCustomPromptUpdate({\n message: e.target.value\n });\n }\n }, {\n key: \"retryComputeJob\",\n value: function () {\n var _retryComputeJob = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {\n return regeneratorRuntime.wrap(function _callee8$(_context8) {\n while (1) {\n switch (_context8.prev = _context8.next) {\n case 0:\n this.aiCustomization.retryAiComputation(this.args.snapshot.id);\n _context8.next = 3;\n return this.aiCustomization.startAiComputeJob(this.args.snapshot.id, this.aiCustomization.prompt);\n case 3:\n // Scroll to show retry progress\n this.scrollToBottom();\n case 4:\n case \"end\":\n return _context8.stop();\n }\n }\n }, _callee8, this);\n }));\n function retryComputeJob() {\n return _retryComputeJob.apply(this, arguments);\n }\n return retryComputeJob;\n }()\n }, {\n key: \"handleStopComputation\",\n value: function () {\n var _handleStopComputation = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {\n var _this$build4, _this$args$snapshot10, _this$args$comparison3;\n return regeneratorRuntime.wrap(function _callee9$(_context9) {\n while (1) {\n switch (_context9.prev = _context9.next) {\n case 0:\n _context9.next = 2;\n return this.aiCustomization.cancelAiComputation(this.args.snapshot.id);\n case 2:\n this.analytics.track('AI Prompt Panel Stop Clicked', {\n build_id: (_this$build4 = this.build) === null || _this$build4 === void 0 ? void 0 : _this$build4.get('id'),\n snapshot_id: (_this$args$snapshot10 = this.args.snapshot) === null || _this$args$snapshot10 === void 0 ? void 0 : _this$args$snapshot10.get('id'),\n comparison_id: (_this$args$comparison3 = this.args.comparison) === null || _this$args$comparison3 === void 0 ? void 0 : _this$args$comparison3.id\n });\n this.resetComponentState();\n _context9.next = 6;\n return this.loadSavedPrompts();\n case 6:\n case \"end\":\n return _context9.stop();\n }\n }\n }, _callee9, this);\n }));\n function handleStopComputation() {\n return _handleStopComputation.apply(this, arguments);\n }\n return handleStopComputation;\n }() //all these functionally should happen via ai customization.\n }, {\n key: \"onEditPrompt\",\n value: function () {\n var _onEditPrompt = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(prompt) {\n var _this$args$snapshot11, promptRecord;\n return regeneratorRuntime.wrap(function _callee10$(_context10) {\n while (1) {\n switch (_context10.prev = _context10.next) {\n case 0:\n _context10.prev = 0;\n // Hide saved prompts when edit starts\n this.showSavedPrompts = false;\n if (!this.aiCustomization.isExecutionActive) {\n this.aiCustomization.startExecution(this.args.snapshot.id);\n }\n // Service automatically updates its own hashmap after save\n _context10.next = 5;\n return this.aiCustomization.processEditPrompt(prompt);\n case 5:\n promptRecord = _context10.sent;\n // Track analytics\n this.analytics.track('AI Prompt Created/Updated', {\n build_id: (_this$args$snapshot11 = this.args.snapshot) === null || _this$args$snapshot11 === void 0 ? void 0 : _this$args$snapshot11.build.get('id'),\n snapshot_id: this.args.snapshot.id,\n prompt_id: promptRecord === null || promptRecord === void 0 ? void 0 : promptRecord.id,\n action: prompt !== null && prompt !== void 0 && prompt.id ? 'update' : 'create'\n });\n\n // Scroll to show the edited prompt\n this.scrollToBottom();\n _context10.next = 17;\n break;\n case 10:\n _context10.prev = 10;\n _context10.t0 = _context10[\"catch\"](0);\n console.error('Error creating/updating AI prompt:', _context10.t0);\n this.isSavedPromptEditErrored = true;\n Sentry.captureException(_context10.t0);\n // On error, reload to ensure service hashmap is in sync\n _context10.next = 17;\n return this.loadSavedPrompts();\n case 17:\n case \"end\":\n return _context10.stop();\n }\n }\n }, _callee10, this, [[0, 10]]);\n }));\n function onEditPrompt(_x5) {\n return _onEditPrompt.apply(this, arguments);\n }\n return onEditPrompt;\n }()\n }, {\n key: \"onSaveScope\",\n value: function () {\n var _onSaveScope = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(selectedValue, prompt) {\n var responseMap, scopeMap, userMessage, responseMessage;\n return regeneratorRuntime.wrap(function _callee11$(_context11) {\n while (1) {\n switch (_context11.prev = _context11.next) {\n case 0:\n _context11.prev = 0;\n this.showSavedPrompts = false;\n this.aiCustomization.startExecution(this.args.snapshot.id);\n responseMap = {\n snapshot: 'Prompt is saved successfully on all builds in this snapshot',\n project: 'Prompt is saved successfully on all snapshots in the project'\n };\n scopeMap = {\n snapshot: 'Apply Prompt to Snapshot',\n project: 'Apply Prompt to Project'\n };\n userMessage = scopeMap[selectedValue];\n responseMessage = responseMap[selectedValue];\n _context11.next = 9;\n return this.aiCustomization.setPromptScope(selectedValue, {\n responseMessage: responseMessage,\n userMessage: userMessage,\n shouldShow: true,\n prompt: prompt\n });\n case 9:\n _context11.next = 11;\n return this.aiCustomization.processEditPrompt(prompt, {\n disableComputation: true,\n allowSave: true\n });\n case 11:\n this.aiCustomization.completeExecution(this.args.snapshot.id);\n this.loadSavedPrompts();\n _context11.next = 21;\n break;\n case 15:\n _context11.prev = 15;\n _context11.t0 = _context11[\"catch\"](0);\n Sentry.captureException(_context11.t0);\n // On error, reload to ensure service hashmap is in sync\n _context11.next = 20;\n return this.loadSavedPrompts();\n case 20:\n this.aiCustomization.completeExecution(this.args.snapshot.id);\n case 21:\n case \"end\":\n return _context11.stop();\n }\n }\n }, _callee11, this, [[0, 15]]);\n }));\n function onSaveScope(_x6, _x7) {\n return _onSaveScope.apply(this, arguments);\n }\n return onSaveScope;\n }()\n }, {\n key: \"onSavedPromptEditReasoningComplete\",\n value: function onSavedPromptEditReasoningComplete() {}\n }, {\n key: \"handleNewPromptClick\",\n value: function handleNewPromptClick() {\n this.showSavedPrompts = false;\n this.showIgnoreDiffSuggestion = false;\n this.showSavedPromptEditReasoning = false;\n this.currentEditingPrompt = null;\n this.customAiPrompt = null;\n this.selectedMode = null;\n this.dropdownError = false;\n\n // Focusing the textarea after the view changes\n // Using next() to ensure the DOM has updated\n (0, _runloop.next)(function () {\n var textarea = document.getElementById('ai-prompt-input');\n if (textarea) {\n textarea.focus();\n }\n });\n }\n\n /**\n * Handle saving of AI prompt with specified scope and response message\n * Reloads build after save to update stateChangingFeatureInteractions\n * @param {string} responseMessage - The AI response message content\n */\n }, {\n key: \"handleSaveCallback\",\n value: function () {\n var _handleSaveCallback = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(_ref) {\n var _savedPrompt$get;\n var responseMessage, scope, savedPrompt, _this$args$snapshot12, build;\n return regeneratorRuntime.wrap(function _callee12$(_context12) {\n while (1) {\n switch (_context12.prev = _context12.next) {\n case 0:\n responseMessage = _ref.responseMessage, scope = _ref.scope;\n _context12.next = 3;\n return this.aiCustomization.handleScopeChange(scope, responseMessage, '', true, {\n disableComputation: true,\n isSave: true\n });\n case 3:\n savedPrompt = _context12.sent;\n this.analytics.track('SavePromptButtonClicked', {\n project_id: this.projectId,\n prompt_text: this.aiCustomization.prompt.message[0],\n prompt_type: this.aiCustomization.prompt.mode,\n prompt_id: (savedPrompt === null || savedPrompt === void 0 ? void 0 : savedPrompt.id) || (savedPrompt === null || savedPrompt === void 0 ? void 0 : (_savedPrompt$get = savedPrompt.get) === null || _savedPrompt$get === void 0 ? void 0 : _savedPrompt$get.call(savedPrompt, 'id'))\n });\n\n // Reload build after AI prompt save to update stateChangingFeatureInteractions\n _context12.prev = 5;\n build = (_this$args$snapshot12 = this.args.snapshot) === null || _this$args$snapshot12 === void 0 ? void 0 : _this$args$snapshot12.build;\n if (!build) {\n _context12.next = 10;\n break;\n }\n _context12.next = 10;\n return build.reload();\n case 10:\n _context12.next = 15;\n break;\n case 12:\n _context12.prev = 12;\n _context12.t0 = _context12[\"catch\"](5);\n console.error('Failed to reload build after AI prompt save:', _context12.t0);\n case 15:\n this.aiCustomization.completeExecution(this.args.snapshot.id);\n this.resetComponentState();\n case 17:\n case \"end\":\n return _context12.stop();\n }\n }\n }, _callee12, this, [[5, 12]]);\n }));\n function handleSaveCallback(_x8) {\n return _handleSaveCallback.apply(this, arguments);\n }\n return handleSaveCallback;\n }()\n }, {\n key: \"handleDiscardCallback\",\n value: function () {\n var _handleDiscardCallback = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13(_ref2) {\n var scope, responseMessage;\n return regeneratorRuntime.wrap(function _callee13$(_context13) {\n while (1) {\n switch (_context13.prev = _context13.next) {\n case 0:\n scope = _ref2.scope, responseMessage = _ref2.responseMessage;\n _context13.next = 3;\n return this.aiCustomization.handleScopeChange(scope, responseMessage, '', true, {\n disableComputation: true,\n isSave: false\n });\n case 3:\n _context13.next = 5;\n return this.aiCustomization.processPromptDiscard();\n case 5:\n // Track analytics for discard action before state reset\n\n this.analytics.track('DiscardPromptButtonClicked', {\n project_id: this.projectId,\n prompt_text: this.aiCustomization.prompt.message[0],\n prompt_type: this.aiCustomization.prompt.mode\n });\n\n // Reload saved prompts after discarding to get the updated snapshot state\n _context13.next = 8;\n return this.loadSavedPrompts();\n case 8:\n this.aiCustomization.completeExecution(this.args.snapshot.id);\n this.resetComponentState();\n case 10:\n case \"end\":\n return _context13.stop();\n }\n }\n }, _callee13, this);\n }));\n function handleDiscardCallback(_x9) {\n return _handleDiscardCallback.apply(this, arguments);\n }\n return handleDiscardCallback;\n }()\n /**\n * Clear user and response messages from the prompt customization\n * Called when user starts editing an existing prompt\n */\n }, {\n key: \"clearPromptMessages\",\n value: function clearPromptMessages() {\n this.aiCustomization.updateComponent(this.args.snapshot.id, this.aiCustomization.COMPONENT_TYPES.PROMPT, {\n userMessage: null,\n responseMessage: null\n }, false // Don't clear later components\n );\n }\n\n /*\n To be called on Retry of computation error state only - note\n */\n }, {\n key: \"suggestPromptHandler\",\n value: function suggestPromptHandler() {\n this.aiCustomization.processSuggestPrompt([this.aiPercy.activeRegion.id], ['ai'], !this.aiPercy.activeRegion.details.ignored);\n // Scroll to show the suggestion\n this.scrollToBottom();\n }\n }]);\n return AiPromptPanelComponent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"analytics\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"confirm\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"aiCustomization\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"store\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"aiPercy\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"session\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"showSavedPrompts\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"showIgnoreDiffSuggestion\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"savedPromptsData\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return [];\n }\n }), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"_isLoadingSavedPrompts\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"dropdownError\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"customAiPrompt\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return null;\n }\n }), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"selectedMode\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return null;\n }\n }), _descriptor14 = _applyDecoratedDescriptor(_class.prototype, \"isSavedPromptEditFinalized\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor15 = _applyDecoratedDescriptor(_class.prototype, \"isSavedPromptEditErrored\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor16 = _applyDecoratedDescriptor(_class.prototype, \"currentEditingPrompt\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return null;\n }\n }), _applyDecoratedDescriptor(_class.prototype, \"loadAIPanelState\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"loadAIPanelState\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onRetryCancelReasoning\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onRetryCancelReasoning\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"scrollToBottom\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"scrollToBottom\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"registerScrollElement\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"registerScrollElement\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"togglePanelVisibility\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"togglePanelVisibility\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"loadSavedPrompts\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"loadSavedPrompts\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"resetComponentState\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"resetComponentState\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleFeedback\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleFeedback\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleLeftClick\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleLeftClick\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleBackClick\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleBackClick\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleAiSubmit\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleAiSubmit\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onContentReady\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onContentReady\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onReasoningComplete\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onReasoningComplete\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleIgnoreDiff\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleIgnoreDiff\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSavedPromptToggle\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSavedPromptToggle\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleUseSavedPrompt\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleUseSavedPrompt\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSavedPromptDelete\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSavedPromptDelete\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleThumbsUp\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleThumbsUp\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleThumbsDown\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleThumbsDown\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSuggestionTextUpdate\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSuggestionTextUpdate\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handlePromptFormYes\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handlePromptFormYes\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handlePromptFormNo\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handlePromptFormNo\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onEditSuggestionReasoningComplete\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onEditSuggestionReasoningComplete\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSavedPromptEditStart\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSavedPromptEditStart\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSavedPromptEditEnd\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSavedPromptEditEnd\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onCustomPromptUpdate\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onCustomPromptUpdate\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onCustomModeChange\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onCustomModeChange\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onCustomMessageChange\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onCustomMessageChange\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"retryComputeJob\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"retryComputeJob\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleStopComputation\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleStopComputation\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onEditPrompt\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onEditPrompt\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onSaveScope\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onSaveScope\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"onSavedPromptEditReasoningComplete\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"onSavedPromptEditReasoningComplete\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleNewPromptClick\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleNewPromptClick\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleSaveCallback\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleSaveCallback\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleDiscardCallback\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleDiscardCallback\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"clearPromptMessages\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"clearPromptMessages\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"suggestPromptHandler\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"suggestPromptHandler\"), _class.prototype)), _class);\n _exports.default = AiPromptPanelComponent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AiPromptPanelComponent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/ai-reasoning\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@glimmer/tracking\", \"@ember/object\", \"@ember/runloop\", \"@ember/service\"], function (_exports, _component, _templateFactory, _component2, _tracking, _object, _runloop, _service) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@glimmer/tracking\",0,\"@ember/object\",0,\"@ember/runloop\",0,\"@ember/service\"eaimeta@70e063a35619d71f\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _get() { if (typeof Reflect !== \"undefined\" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }\n function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n \n {{#if (eq comparison.diff null)}}\n Not applicable\n \n Not applicable - no AI diffs before or after\n \n {{else if (eq comparison.diff 0)}}\n No change\n {{else if (lt comparison.diff 0)}}\n No change\n {{else if (gt comparison.diff 0)}}\n {{comparison.diff}} diff{{if (gt comparison.diff 1) \"s\"}}\n {{else}}\n Unknown\n {{/if}}\n \n
\n
\n {{/each}}\n
\n
\n \n {{!-- Footer with Feedback Icons --}}\n {{#if @showFeedback}}\n \n {{/if}}\n \n \n */\n {\n \"id\": \"7fj6PTxc\",\n \"block\": \"[[[10,0],[14,0,\\\"browser-diff-summary max-w-2xl\\\"],[12],[1,\\\"\\\\n\\\"],[1,\\\" \\\"],[10,\\\"h2\\\"],[14,0,\\\"text-base text-neutral-default mb-1-1/2 leading-relaxed\\\"],[12],[1,\\\"\\\\n \\\"],[1,[30,0,[\\\"heading\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\\n\\\"],[1,\\\" \\\"],[10,0],[14,\\\"role\\\",\\\"table\\\"],[14,\\\"aria-label\\\",\\\"Browser diff summary\\\"],[14,0,\\\"w-full\\\"],[12],[1,\\\"\\\\n\\\"],[1,\\\" \\\"],[10,0],[14,\\\"role\\\",\\\"row\\\"],[14,0,\\\"flex items-center justify-between\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,\\\"role\\\",\\\"columnheader\\\"],[14,0,\\\"text-sm font-semibold text-neutral-default flex-1\\\"],[12],[1,\\\"\\\\n \\\"],[41,[30,0,[\\\"args\\\",\\\"snapshot\\\",\\\"isWebType\\\"]],[[[1,\\\"Browser & width\\\\n \\\"]],[]],[[[41,[30,0,[\\\"args\\\",\\\"snapshot\\\",\\\"isAutomateType\\\"]],[[[1,\\\"Browser, device & width\\\\n \\\"]],[]],[[[1,\\\"Device\\\\n \\\"]],[]]]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,\\\"role\\\",\\\"columnheader\\\"],[14,0,\\\"text-sm font-semibold text-neutral-default text-right flex-shrink-0\\\"],[12],[1,\\\"\\\\n Diffs \\\"],[1,[30,0,[\\\"actionWord\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\\n\\\"],[1,\\\" \\\"],[10,0],[14,\\\"role\\\",\\\"rowgroup\\\"],[12],[1,\\\"\\\\n\\\"],[42,[28,[37,2],[[28,[37,2],[[30,0,[\\\"processedComparisons\\\"]]],null]],null],null,[[[1,\\\" \\\"],[10,0],[14,\\\"role\\\",\\\"row\\\"],[14,0,\\\"flex items-center justify-between mt-sm\\\"],[12],[1,\\\"\\\\n\\\"],[1,\\\" \\\"],[10,0],[14,\\\"role\\\",\\\"cell\\\"],[14,0,\\\"flex items-center gap-1 flex-1 min-w-0\\\"],[12],[1,\\\"\\\\n\\\"],[41,[28,[37,3],[[30,1,[\\\"browser\\\",\\\"familySlug\\\"]],[30,1,[\\\"comparisonTag\\\",\\\"browser_name\\\"]],[30,1,[\\\"comparisonTag\\\",\\\"osName\\\"]]],null],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex-shrink-0 w-[12px] h-[12px]\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,4],[[28,[37,3],[[30,1,[\\\"browser\\\",\\\"familySlug\\\"]],[30,1,[\\\"comparisonTag\\\",\\\"browser_name\\\"]],[28,[37,5],[[30,1,[\\\"comparisonTag\\\",\\\"osName\\\"]]],null]],null]],[[\\\"class\\\"],[\\\"w-full h-full\\\"]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\"\\\\n\\\"],[1,\\\" \\\"],[10,0],[14,0,\\\"flex items-center gap-0.5 overflow-hidden min-w-0 flex-1\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-sm min-w-0\\\"],[12],[1,\\\"\\\\n\\\"],[41,[30,1,[\\\"browserInfo\\\",\\\"wasTruncated\\\"]],[[[1,\\\" \\\"],[10,1],[14,0,\\\"text-neutral-default\\\"],[12],[1,[30,1,[\\\"browserInfo\\\",\\\"text\\\"]]],[13],[1,\\\"\\\\n \\\"],[8,[39,6],null,null,[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"font-normal\\\"],[12],[1,[30,1,[\\\"fullText\\\"]]],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[10,1],[14,0,\\\"text-neutral-default\\\"],[12],[1,[30,1,[\\\"mainText\\\"]]],[13],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"mx-0.5\\\"],[12],[1,\\\"•\\\"],[13],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-neutral-weaker\\\"],[12],[1,[30,1,[\\\"secondaryText\\\"]]],[13],[1,\\\"\\\\n\\\"]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\\n\\\"],[1,\\\" \\\"],[10,0],[14,\\\"role\\\",\\\"cell\\\"],[14,0,\\\"text-right\\\"],[12],[1,\\\"\\\\n \\\"],[11,1],[24,0,\\\"text-sm font-semibold text-brand-default cursor-pointer hover:underline\\\"],[4,[38,7],[\\\"click\\\",[28,[37,8],[[30,0,[\\\"handleDiffClick\\\"]],[30,1]],null]],null],[12],[1,\\\"\\\\n\\\"],[41,[28,[37,9],[[30,1,[\\\"diff\\\"]],null],null],[[[1,\\\" \\\"],[10,1],[12],[1,\\\"Not applicable\\\"],[13],[1,\\\"\\\\n \\\"],[8,[39,6],null,null,[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"font-normal\\\"],[12],[1,\\\"Not applicable - no AI diffs before or after\\\"],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,9],[[30,1,[\\\"diff\\\"]],0],null],[[[1,\\\" \\\"],[10,1],[12],[1,\\\"No change\\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,10],[[30,1,[\\\"diff\\\"]],0],null],[[[1,\\\" \\\"],[10,1],[12],[1,\\\"No change\\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,11],[[30,1,[\\\"diff\\\"]],0],null],[[[1,\\\" \\\"],[1,[30,1,[\\\"diff\\\"]]],[1,\\\" diff\\\"],[1,[52,[28,[37,11],[[30,1,[\\\"diff\\\"]],1],null],\\\"s\\\"]],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[10,1],[12],[1,\\\"Unknown\\\"],[13],[1,\\\"\\\\n \\\"]],[]]]],[]]]],[]]]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[1,2]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\\n\\\"],[41,[30,3],[[[1,\\\" \\\"],[8,[39,12],null,[[\\\"@containerClass\\\",\\\"@layoutClass\\\",\\\"@showLabel\\\",\\\"@showTextarea\\\",\\\"@hideHints\\\",\\\"@hideBackgrounds\\\",\\\"@buttonGapClass\\\",\\\"@positiveIcon\\\",\\\"@negativeIcon\\\",\\\"@positiveLabel\\\",\\\"@negativeLabel\\\",\\\"@onChange\\\"],[\\\"flex items-center justify-start mt-sm\\\",\\\"justify-start w-full\\\",true,false,true,true,\\\"gap-0\\\",\\\"thumbs-up\\\",\\\"thumbs-down\\\",\\\"This suggestion was helpful\\\",\\\"This suggestion was not helpful\\\",[30,4]]],null],[1,\\\"\\\\n\\\"]],[]],null],[13],[1,\\\"\\\\n\\\"]],[\\\"comparison\\\",\\\"index\\\",\\\"@showFeedback\\\",\\\"@onFeedback\\\"],false,[\\\"if\\\",\\\"each\\\",\\\"-track-array\\\",\\\"or\\\",\\\"inline-svg\\\",\\\"lowercase\\\",\\\"percy/tooltip\\\",\\\"on\\\",\\\"fn\\\",\\\"eq\\\",\\\"lt\\\",\\\"gt\\\",\\\"percy/feedback-form\\\"]]\",\n \"moduleName\": \"percy-web/components/ai/computed-comparisons/index.hbs\",\n \"isStrictMode\": false\n });\n var MAX_BROWSER_INFO_LENGTH = 25;\n var AiChatResponseComponent = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AiChatResponseComponent, _Component);\n var _super = _createSuper(AiChatResponseComponent);\n function AiChatResponseComponent() {\n var _this;\n _classCallCheck(this, AiChatResponseComponent);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _initializerDefineProperty(_assertThisInitialized(_this), \"aiCustomization\", _descriptor, _assertThisInitialized(_this));\n return _this;\n }\n _createClass(AiChatResponseComponent, [{\n key: \"actionWord\",\n get: function get() {\n // For delete operations, we need to show the absolute value and reverse the context\n var isDeleteOperation = this.args.isDeleteOperation;\n if (isDeleteOperation) {\n return this.args.mode === 'ignore' ? 'shown' : 'ignored';\n }\n return this.args.mode === 'ignore' ? 'ignored' : 'shown';\n }\n }, {\n key: \"heading\",\n get: function get() {\n if (!this.args.diffChangeCounts) {\n return 'No similar diffs were found.';\n }\n var counts = Object.values(this.args.diffChangeCounts || {});\n\n // Calculate total diffs (filter out null and sum valid counts)\n var totalDiffs = counts.filter(function (count) {\n return count !== null && typeof count === 'number' && !isNaN(count) && count >= 0;\n }).reduce(function (sum, count) {\n return sum + count;\n }, 0);\n if (totalDiffs === 0) {\n return 'No similar diffs were found.';\n }\n\n // For delete operations, reverse the mode logic in the message\n var isDeleteOperation = this.args.isDeleteOperation;\n if (isDeleteOperation) {\n var actionWord = this.args.mode === 'ignore' ? 'shown' : 'ignored';\n var diffText = totalDiffs !== 1 ? 's are' : ' is';\n var prefix = \"\".concat(this.args.mode === 'ignore' ? 'Ignore' : 'Show', \" diff prompt deleted successfully\");\n return \"\".concat(prefix, \" \\u2014 \").concat(totalDiffs, \" diff\").concat(diffText, \" \").concat(actionWord, \" in this snapshot\");\n }\n if (this.args.mode === 'ignore') {\n return \"\".concat(totalDiffs, \" similar diffs found and ignored. Please review before saving.\");\n } else {\n return \"\".concat(totalDiffs, \" similar diffs found and shown. Please review before saving.\");\n }\n }\n }, {\n key: \"processedComparisons\",\n get: function get() {\n var _this2 = this;\n var comparisons = this.args.comparisons;\n var diffChangeCounts = this.args.diffChangeCounts;\n return comparisons.map(function (comparison) {\n var _comparison$browser, _comparison$compariso, _this2$args$snapshot, _this2$args$snapshot2;\n // Add diff count from diffChangeCounts\n var comparisonId = comparison.id;\n if (diffChangeCounts && comparisonId && comparisonId in diffChangeCounts) {\n // Diff count is already calculated correctly by the service\n comparison.diff = diffChangeCounts[comparisonId];\n }\n\n // Add capitalized browser names\n if ((_comparison$browser = comparison.browser) !== null && _comparison$browser !== void 0 && _comparison$browser.familySlug) {\n comparison.capitalizedBrowserName = _this2.capitalizeBrowserName(comparison.browser.familySlug);\n }\n if ((_comparison$compariso = comparison.comparisonTag) !== null && _comparison$compariso !== void 0 && _comparison$compariso.browser_name) {\n comparison.capitalizedTagBrowserName = _this2.capitalizeBrowserName(comparison.comparisonTag.browser_name);\n }\n\n // Generate browser info text and handle truncation\n var mainText = '';\n var secondaryText = '';\n var fullText = '';\n if ((_this2$args$snapshot = _this2.args.snapshot) !== null && _this2$args$snapshot !== void 0 && _this2$args$snapshot.isWebType) {\n mainText = comparison.capitalizedBrowserName;\n secondaryText = \"\".concat(comparison.width, \"px\");\n fullText = \"\".concat(mainText, \" \\u2022 \").concat(secondaryText);\n } else if ((_this2$args$snapshot2 = _this2.args.snapshot) !== null && _this2$args$snapshot2 !== void 0 && _this2$args$snapshot2.isAppType) {\n mainText = comparison.comparisonTag.name;\n secondaryText = \"\".concat(comparison.comparisonTag.osName, \" \").concat(comparison.comparisonTag.osVersion);\n fullText = \"\".concat(mainText, \" \\u2022 \").concat(secondaryText);\n } else {\n var tagInfo = comparison.comparisonTag;\n // eslint-disable-next-line max-len\n mainText = \"\".concat(comparison.capitalizedTagBrowserName, \" v[\").concat(tagInfo.browser_version, \"] - \").concat(tagInfo.osName, \" \").concat(tagInfo.osVersion, \" \\u2022 \").concat(tagInfo.width, \"px\");\n secondaryText = \"\".concat(tagInfo.resolution);\n fullText = \"\".concat(mainText, \" \\u2022 \").concat(secondaryText);\n }\n comparison.browserInfo = (0, _textFormat.truncateText)(fullText, MAX_BROWSER_INFO_LENGTH);\n comparison.mainText = mainText;\n comparison.secondaryText = secondaryText;\n comparison.fullText = fullText;\n return comparison;\n });\n }\n }, {\n key: \"handleDiffClick\",\n value: function handleDiffClick(comparison) {\n // Call the updateQueryParam function passed from parent\n if (this.args.updateQueryParam && typeof this.args.updateQueryParam === 'function') {\n // Update the active browser family slug and width based on the clicked comparison\n if (this.args.snapshot.isAutomateType) {\n this.args.updateQueryParam('updateActiveWidth', comparison.width);\n this.args.updateQueryParam('updateActiveResolution', comparison.comparisonTag.resolution);\n } else if (this.args.snapshot.isAppType) {\n this.args.updateQueryParam('updateActiveComparisonTag', comparison.comparisonTag.slug);\n } else {\n this.args.updateQueryParam('updateActiveBrowserSlug', comparison.browser.familySlug);\n this.args.updateQueryParam('updateActiveWidth', comparison.width);\n }\n }\n }\n }, {\n key: \"capitalizeBrowserName\",\n value: function capitalizeBrowserName(browserName) {\n if (!browserName) return '';\n return browserName.charAt(0).toUpperCase() + browserName.slice(1).toLowerCase();\n }\n }]);\n return AiChatResponseComponent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"aiCustomization\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _applyDecoratedDescriptor(_class.prototype, \"handleDiffClick\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleDiffClick\"), _class.prototype)), _class);\n _exports.default = AiChatResponseComponent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AiChatResponseComponent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/ai/enablement/index\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@ember/service\", \"@ember/object\", \"@glimmer/tracking\", \"percy-web/lib/utils\", \"percy-web/lib/is-user-member-of-org\"], function (_exports, _component, _templateFactory, _component2, _service, _object, _tracking, _utils, _isUserMemberOfOrg) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _class, _descriptor, _descriptor2, _descriptor3;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@ember/service\",0,\"@ember/object\",0,\"@glimmer/tracking\",0,\"percy-web/lib/utils\",0,\"percy-web/lib/is-user-member-of-org\"eaimeta@70e063a35619d71f\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n {{#if this.isGroupAdmin}}\n
\n \n
Enable AI
\n {{inline-svg \"route\" class='text-inverse-neutral-default'}}\n \n {{#if this.showMessage}}\n \n {{inline-svg \"info-unslanted\" class=\"mt-xs\"}}\n AI-powered reviews will be available from your next build\n
\n Enter your BrowserStack credentials in your IDE to authenticate.\n
\n
\n \n
\n
\n \n
\n
\n
\n \n 3
\n
\n
\n Click Install button when prompted.\n
\n \n
\n \n
\n {{else}}\n
\n
\n \n 1
\n
\n
\n
\n Install BrowserStack MCP in your IDE\n
\n
In project root, open/create .settings/mcp.json.\n Paste the provided JSON code.
\n
\n \n
{{this.mcpConfigJson}}
\n \n
\n \n
\n
\n
\n \n 2
\n
\n
\n Enter your BrowserStack credentials in your IDE to authenticate.\n
\n \n
\n \n
\n
\n
\n \n 3
\n
\n
\n Click Start in your IDE to run BrowserStack MCP.\n
\n \n
\n \n
\n {{/if}}\n \n {{/if}}\n \n
\n
\n
\n
STEP 2
\n
Start AI-powered Integration
\n
\n
Open your AI code assistant in Agent mode and\n paste the below prompt
\n
\n \n
\n {{this.aiPrompt}}\n
\n \n {{#if (get @changeset.error 'name')}}\n
\n {{inline-svg \"error-filled-icon\" class=\"icon-danger-default scale-75\"}}\n Go to the Project Name section and add a name. This field cannot be blank.\n
\n {{/if}}\n
\n
\n
\n \n {{#if this.isPromptCopied}}\n
\n
\n
\n
NEXT UP
\n
Complete setup in your IDE to view your new\n project\n on the project dashboard.
\n
\n
\n
\n {{/if}}\n \n */\n {\n \"id\": \"WwUp6Pzi\",\n \"block\": \"[[[10,\\\"section\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start flex-col py-3 px-2-1/2 border-t border-b gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-xl\\\"],[12],[1,\\\"Integration steps\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"border-b w-full pb-3 flex flex-col gap-5/2\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"font-semibold text-sm text-neutral-weaker\\\"],[12],[1,\\\"STEP 1\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex justify-between items-center\\\"],[12],[1,\\\"\\\\n\\\"],[41,[30,1],[[[1,\\\" \\\"],[10,0],[14,0,\\\"text-neutral-default font-semibold text-md\\\"],[12],[1,\\\"Have you connected to Browserstack MCP\\\\n before?\\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"text-neutral-default font-semibold text-md\\\"],[12],[1,\\\"Connect to BrowserStack MCP\\\"],[13],[1,\\\"\\\\n\\\"]],[]]],[41,[30,1],[[[1,\\\" \\\"],[10,0],[14,0,\\\"w-2/5 text-right\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"platform-toggle\\\"],[12],[1,\\\"\\\\n \\\"],[11,\\\"input\\\"],[24,1,\\\"preference yes\\\"],[24,3,\\\"preference\\\"],[24,2,\\\"preference yes\\\"],[16,\\\"checked\\\",[30,2]],[24,4,\\\"radio\\\"],[4,[38,1],[\\\"change\\\",[28,[37,2],[[30,3],true],null]],null],[12],[13],[1,\\\"\\\\n \\\"],[10,\\\"label\\\"],[14,\\\"for\\\",\\\"preference yes\\\"],[12],[1,\\\"\\\\n Yes\\\\n \\\"],[13],[1,\\\"\\\\n\\\\n \\\"],[11,\\\"input\\\"],[24,1,\\\"preference no\\\"],[24,3,\\\"preference\\\"],[24,2,\\\"preference no\\\"],[16,\\\"checked\\\",[28,[37,3],[[30,2],false],null]],[24,4,\\\"radio\\\"],[4,[38,1],[\\\"change\\\",[28,[37,2],[[30,3],false],null]],null],[12],[13],[1,\\\"\\\\n \\\"],[10,\\\"label\\\"],[14,\\\"for\\\",\\\"preference no\\\"],[12],[1,\\\"\\\\n No\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"],[41,[28,[37,4],[[28,[37,5],[[30,1]],null],[28,[37,6],[[30,1],[28,[37,3],[[30,2],false],null]],null]],null],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex border-b border-neutral-strong\\\"],[12],[1,\\\"\\\\n\\\"],[42,[28,[37,8],[[28,[37,8],[[30,0,[\\\"IDEs\\\"]]],null]],null],null,[[[1,\\\" \\\"],[8,[39,9],[[16,\\\"aria-label\\\",[29,[[30,4,[\\\"name\\\"]],\\\" type\\\"]]],[24,\\\"role\\\",\\\"tab\\\"]],[[\\\"@onClick\\\",\\\"@class\\\"],[[28,[37,2],[[30,0,[\\\"selectIDE\\\"]],[30,4,[\\\"name\\\"]]],null],[29,[\\\"project-filter \\\",[28,[37,10],[[52,[28,[37,3],[[30,4,[\\\"name\\\"]],[30,0,[\\\"selectedIDE\\\"]]],null],\\\" active\\\"]],null]]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[1,[30,4,[\\\"name\\\"]]],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"]],[4]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"],[41,[30,2],[[[1,\\\" \\\"],[8,[39,11],null,[[\\\"@type\\\",\\\"@text\\\"],[\\\"success\\\",\\\"Great! MCP is connected, please proceed to next step.\\\"]],null],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,4],[[28,[37,5],[[30,1]],null],[28,[37,5],[[28,[37,3],[[30,2],null],null]],null]],null],[[[1,\\\" \\\"],[10,\\\"ul\\\"],[14,0,\\\"w-full pb-3 flex flex-col gap-5/2\\\"],[12],[1,\\\"\\\\n\\\"],[41,[28,[37,3],[[30,0,[\\\"selectedIDE\\\"]],\\\"VS Code\\\"],null],[[[1,\\\" \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 1\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Install the BrowserStack MCP server in one click.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,12],[[24,\\\"target\\\",\\\"_blank\\\"],[24,\\\"role\\\",\\\"button\\\"],[24,0,\\\"md:pl-2 hover:no-underline text-right h-[38px] flex items-center gap-16 pl-2 pr-2 border-neutral-strong border border-r rounded-[4px] cursor-pointer hover:bg-neutral-weaker\\\"],[4,[38,1],[\\\"click\\\",[28,[37,2],[[30,0,[\\\"trackMCPInstallation\\\"]],\\\"vs code\\\"],null]],null]],[[\\\"@url\\\"],[\\\"http://mcp.browserstack.com/one-click-setup?client=vscode\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-neutral-default font-semibold\\\"],[12],[1,\\\"VS Code\\\"],[13],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"icon-neutral-default hover:text-brand-default\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,13],[\\\"route\\\"],null]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 2\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-center gap-0.5 text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Click \\\"],[10,\\\"code\\\"],[14,0,\\\"font-mono px-sm\\\"],[12],[1,\\\"Install\\\"],[13],[1,\\\" button.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"img\\\"],[14,\\\"src\\\",\\\"/images/browserstack-mcp-vs.jpg\\\"],[14,\\\"alt\\\",\\\"Browserstack MCP\\\"],[12],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 3\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Enter your BrowserStack credentials in your IDE to authenticate.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-5/2\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,14],null,[[\\\"@username\\\",\\\"@copyUsername\\\",\\\"@displayAccessKey\\\",\\\"@toggleAccessKeyVisibility\\\",\\\"@copyAccessKey\\\",\\\"@planIsNotEnterprise\\\"],[[30,5],[30,6],[30,0,[\\\"displayAccessKey\\\"]],[30,0,[\\\"toggleAccessKeyVisibility\\\"]],[30,0,[\\\"copyAccessKey\\\"]],[30,7]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 4\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-center gap-0.5 text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Click \\\"],[10,\\\"code\\\"],[14,0,\\\"font-mono px-sm\\\"],[12],[1,\\\"Start\\\"],[13],[1,\\\" in your IDE to run BrowserStack MCP.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"img\\\"],[14,\\\"src\\\",\\\"/images/browserstack-mcp.jpg\\\"],[14,\\\"alt\\\",\\\"Browserstack MCP\\\"],[12],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[41,[28,[37,3],[[30,0,[\\\"selectedIDE\\\"]],\\\"Cursor\\\"],null],[[[1,\\\" \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 1\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Install the BrowserStack MCP server in one click.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,12],[[24,\\\"target\\\",\\\"_blank\\\"],[24,\\\"role\\\",\\\"button\\\"],[24,0,\\\"md:pl-2 hover:no-underline text-right h-[38px] flex items-center gap-16 pl-2 pr-2 border-neutral-strong border border-r rounded-[4px] cursor-pointer hover:bg-neutral-weaker\\\"],[4,[38,1],[\\\"click\\\",[28,[37,2],[[30,0,[\\\"trackMCPInstallation\\\"]],\\\"cursor\\\"],null]],null]],[[\\\"@url\\\"],[\\\"http://mcp.browserstack.com/one-click-setup?client=cursor\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"text-neutral-default font-semibold\\\"],[12],[1,\\\"Cursor\\\"],[13],[1,\\\"\\\\n \\\"],[10,1],[14,0,\\\"icon-neutral-default hover:text-brand-default\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,13],[\\\"route\\\"],null]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 2\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Enter your BrowserStack credentials in your IDE to authenticate.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-5/2\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,14],null,[[\\\"@username\\\",\\\"@copyUsername\\\",\\\"@displayAccessKey\\\",\\\"@toggleAccessKeyVisibility\\\",\\\"@copyAccessKey\\\",\\\"@planIsNotEnterprise\\\"],[[30,5],[30,6],[30,0,[\\\"displayAccessKey\\\"]],[30,0,[\\\"toggleAccessKeyVisibility\\\"]],[30,0,[\\\"copyAccessKey\\\"]],[30,7]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 3\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Click \\\"],[10,\\\"code\\\"],[14,0,\\\"font-mono px-sm\\\"],[12],[1,\\\"Install\\\"],[13],[1,\\\" button when prompted.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"img\\\"],[14,\\\"src\\\",\\\"/images/cursor-mcp.jpg\\\"],[14,\\\"alt\\\",\\\"Cursor MCP Install\\\"],[12],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 1\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Install BrowserStack MCP in your IDE\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,2],[12],[1,\\\"In project root, open/create \\\"],[10,\\\"code\\\"],[14,0,\\\"font-mono px-sm\\\"],[12],[1,\\\".settings/mcp.json\\\"],[13],[1,\\\".\\\\n Paste the provided JSON code.\\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[8,[39,15],null,[[\\\"@heading\\\",\\\"@icon\\\",\\\"@copyPrompt\\\"],[\\\"mcp.json\\\",\\\"text-snippet\\\",[30,0,[\\\"copyMcpConfig\\\"]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[10,\\\"pre\\\"],[14,0,\\\"font-mono text-neutral-weak px-2 py-1-1/2\\\"],[12],[1,[30,0,[\\\"mcpConfigJson\\\"]]],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 2\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-center gap-0.5 text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Enter your BrowserStack credentials in your IDE to authenticate.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[8,[39,14],null,[[\\\"@username\\\",\\\"@copyUsername\\\",\\\"@displayAccessKey\\\",\\\"@toggleAccessKeyVisibility\\\",\\\"@copyAccessKey\\\",\\\"@planIsNotEnterprise\\\"],[[30,5],[30,6],[30,0,[\\\"displayAccessKey\\\"]],[30,0,[\\\"toggleAccessKeyVisibility\\\"]],[30,0,[\\\"copyAccessKey\\\"]],[30,7]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"li\\\"],[14,0,\\\"flex items-center gap-12\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-start gap-16\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-[24px] h-[24px] flex items-center justify-center bg-neutral-weak text-neutral-weak font-semibold rounded-full flex-shrink-0\\\"],[12],[1,\\\"\\\\n 3\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex items-center gap-0.5 text-neutral-weak text-md\\\"],[12],[1,\\\"\\\\n Click \\\"],[10,\\\"code\\\"],[14,0,\\\"font-mono px-sm\\\"],[12],[1,\\\"Start\\\"],[13],[1,\\\" in your IDE to run BrowserStack MCP.\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,\\\"img\\\"],[14,\\\"src\\\",\\\"/images/browserstack-mcp.jpg\\\"],[14,\\\"alt\\\",\\\"Browserstack MCP\\\"],[12],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"]],[]]]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"]],[]],null]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-full\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-5/2\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"font-semibold text-sm text-neutral-weaker\\\"],[12],[1,\\\"STEP 2\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-default font-semibold text-md\\\"],[12],[1,\\\"Start AI-powered Integration\\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,2],[14,0,\\\"mb-0 text-md\\\"],[12],[1,\\\"Open your AI code assistant in \\\"],[10,1],[14,0,\\\"font-semibold\\\"],[12],[1,\\\"Agent mode\\\"],[13],[1,\\\" and\\\\n paste the below prompt\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,15],null,[[\\\"@heading\\\",\\\"@isErrored\\\",\\\"@icon\\\",\\\"@copyPrompt\\\"],[\\\"AI Prompt\\\",[28,[37,16],[[30,8,[\\\"error\\\"]],\\\"name\\\"],null],\\\"text-snippet\\\",[30,0,[\\\"copyPrompt\\\"]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[11,0],[24,0,\\\"font-mono text-neutral-weak px-2 py-1-1/2\\\"],[4,[38,1],[\\\"copy\\\",[30,0,[\\\"trackManualCopy\\\"]]],null],[12],[1,\\\"\\\\n \\\"],[1,[30,0,[\\\"aiPrompt\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"],[41,[28,[37,16],[[30,8,[\\\"error\\\"]],\\\"name\\\"],null],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex items-center gap-1 text-sm font-semibold text-danger-default\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,13],[\\\"error-filled-icon\\\"],[[\\\"class\\\"],[\\\"icon-danger-default scale-75\\\"]]]],[1,\\\"\\\\n Go to the Project Name section and add a name. This field cannot be blank.\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"isPromptCopied\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"py-3 px-2-1/2 w-full border-t\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"font-semibold text-sm text-neutral-weaker\\\"],[12],[1,\\\"NEXT UP\\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-default font-semibold text-md\\\"],[12],[1,\\\"Complete setup in your IDE to view your new\\\\n project\\\\n on the \\\"],[8,[39,17],null,[[\\\"@route\\\"],[\\\"dashboard\\\"]],[[\\\"default\\\"],[[[[1,\\\"project dashboard\\\"]],[]]]]],[1,\\\".\\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[13]],[\\\"@hasAIProjectPref\\\",\\\"@isBStackMCPIntegrated\\\",\\\"@selectMCPPref\\\",\\\"option\\\",\\\"@username\\\",\\\"@copyUsername\\\",\\\"@planIsNotEnterprise\\\",\\\"@changeset\\\"],false,[\\\"if\\\",\\\"on\\\",\\\"fn\\\",\\\"eq\\\",\\\"or\\\",\\\"not\\\",\\\"and\\\",\\\"each\\\",\\\"-track-array\\\",\\\"btn\\\",\\\"concat\\\",\\\"alert-box\\\",\\\"percy/hyperlink\\\",\\\"inline-svg\\\",\\\"ai/mcp-integration/ai-automate-credentails\\\",\\\"percy/code\\\",\\\"get\\\",\\\"link-to\\\"]]\",\n \"moduleName\": \"percy-web/components/ai/mcp-integration/ai-integration-steps.hbs\",\n \"isStrictMode\": false\n });\n var AIIntegrationStepsComponent = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AIIntegrationStepsComponent, _Component);\n var _super = _createSuper(AIIntegrationStepsComponent);\n function AIIntegrationStepsComponent() {\n var _this;\n _classCallCheck(this, AIIntegrationStepsComponent);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _initializerDefineProperty(_assertThisInitialized(_this), \"analytics\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"userPreference\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"selectedIDE\", _descriptor3, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"isAccessKeyVisible\", _descriptor4, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"isPromptCopied\", _descriptor5, _assertThisInitialized(_this));\n return _this;\n }\n _createClass(AIIntegrationStepsComponent, [{\n key: \"fullAccessKey\",\n get: function get() {\n return this.args.fullAccessKey;\n }\n }, {\n key: \"IDEs\",\n get: function get() {\n return [{\n name: 'VS Code'\n }, {\n name: 'Cursor'\n }, {\n name: 'Other IDEs'\n }];\n }\n }, {\n key: \"aiPrompt\",\n get: function get() {\n var _this$args$projectNam;\n // If custom prompt is provided, use it\n if (this.args.customPrompt) {\n return this.args.customPrompt;\n }\n\n // Default project integration prompt\n var name = (_this$args$projectNam = this.args.projectName) !== null && _this$args$projectNam !== void 0 ? _this$args$projectNam : '';\n return \"Integrate Percy in this project : '\".concat(name, \"'\");\n }\n }, {\n key: \"mcpConfigJson\",\n get: function get() {\n var config = {\n servers: {\n browserstack: {\n command: 'npx',\n args: ['-y', '@browserstack/mcp-server@latest'],\n env: {\n BROWSERSTACK_USERNAME: '',\n BROWSERSTACK_ACCESS_KEY: ''\n }\n }\n }\n };\n var jsonIndentation = 4;\n return JSON.stringify(config, null, jsonIndentation);\n }\n }, {\n key: \"displayAccessKey\",\n get: function get() {\n if (this.isAccessKeyVisible) {\n return this.fullAccessKey;\n }\n\n // Show first few characters and last few characters, mask the rest\n var visibleStartChars = 10;\n var visibleEndChars = 5;\n var firstPart = this.fullAccessKey.slice(0, visibleStartChars);\n var lastPart = this.fullAccessKey.slice(-visibleEndChars);\n var maskedLength = this.fullAccessKey.length - (visibleStartChars + visibleEndChars);\n var masked = '*'.repeat(maskedLength);\n return \"\".concat(firstPart).concat(masked).concat(lastPart);\n }\n }, {\n key: \"selectIDE\",\n value: function selectIDE(value) {\n this.selectedIDE = value;\n this.analytics.track('ProjectCreationIdeTabSelected', {\n selected_tab: value\n });\n }\n }, {\n key: \"copyPrompt\",\n value: function () {\n var _copyPrompt = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n return regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n if (!(!this.args.hasAIProjectPref && !this.args.localMCPPreferenceSet)) {\n _context.next = 4;\n break;\n }\n this.args.setLocalMCPPreference();\n _context.next = 4;\n return this.userPreference.createUserPreference.perform(_userPreference.USER_PREFERENCES.projectCreateViaMCP, true);\n case 4:\n window.navigator.clipboard.writeText(this.aiPrompt);\n this.isPromptCopied = true;\n this.analytics.track('ProjectCreationAiPromptCopied', {\n project_name: this.args.projectName,\n copy_method: 'button'\n });\n case 7:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n function copyPrompt() {\n return _copyPrompt.apply(this, arguments);\n }\n return copyPrompt;\n }()\n }, {\n key: \"trackManualCopy\",\n value: function () {\n var _trackManualCopy = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {\n return regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n if (!(!this.args.hasAIProjectPref && !this.args.localMCPPreferenceSet)) {\n _context2.next = 4;\n break;\n }\n this.args.setLocalMCPPreference();\n _context2.next = 4;\n return this.userPreference.createUserPreference.perform(_userPreference.USER_PREFERENCES.projectCreateViaMCP, true);\n case 4:\n this.isPromptCopied = true;\n this.analytics.track('ProjectCreationAiPromptCopied', {\n project_name: this.args.projectName,\n copy_method: 'manual'\n });\n case 6:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this);\n }));\n function trackManualCopy() {\n return _trackManualCopy.apply(this, arguments);\n }\n return trackManualCopy;\n }()\n }, {\n key: \"copyUsername\",\n value: function copyUsername() {\n window.navigator.clipboard.writeText(this.args.username);\n this.analytics.track('ProjectCreationCredentialCopied', {\n credential_type: 'username'\n });\n }\n }, {\n key: \"copyAccessKey\",\n value: function copyAccessKey() {\n navigator.clipboard.writeText(this.fullAccessKey);\n this.analytics.track('ProjectCreationCredentialCopied', {\n credential_type: 'access key'\n });\n }\n }, {\n key: \"copyMcpConfig\",\n value: function () {\n var _copyMcpConfig = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {\n return regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n navigator.clipboard.writeText(this.mcpConfigJson);\n this.analytics.track('ProjectCreationMcpJsonCopied');\n case 2:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, this);\n }));\n function copyMcpConfig() {\n return _copyMcpConfig.apply(this, arguments);\n }\n return copyMcpConfig;\n }()\n }, {\n key: \"toggleAccessKeyVisibility\",\n value: function toggleAccessKeyVisibility() {\n this.isAccessKeyVisible = !this.isAccessKeyVisible;\n }\n }, {\n key: \"trackMCPInstallation\",\n value: function trackMCPInstallation(ide) {\n this.analytics.track('ProjectCreationMcpInstallLinkClicked', {\n ide_name: ide\n });\n }\n }]);\n return AIIntegrationStepsComponent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"analytics\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"userPreference\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedIDE\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return 'VS Code';\n }\n }), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"isAccessKeyVisible\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"isPromptCopied\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _applyDecoratedDescriptor(_class.prototype, \"selectIDE\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"selectIDE\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"copyPrompt\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"copyPrompt\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"trackManualCopy\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"trackManualCopy\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"copyUsername\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"copyUsername\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"copyAccessKey\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"copyAccessKey\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"copyMcpConfig\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"copyMcpConfig\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"toggleAccessKeyVisibility\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"toggleAccessKeyVisibility\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"trackMCPInstallation\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"trackMCPInstallation\"), _class.prototype)), _class);\n _exports.default = AIIntegrationStepsComponent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AIIntegrationStepsComponent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/ai/mcp-integration/ai-integration\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@ember/service\", \"@ember/object\"], function (_exports, _component, _templateFactory, _component2, _service, _object) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _class, _descriptor, _descriptor2;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@ember/service\",0,\"@ember/object\"eaimeta@70e063a35619d71f\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n
\n Choose integration method\n
\n \n
\n {{#each @integrationMethods as |method|}}\n \n {{/each}}\n
\n {{/if}}\n \n \n \n */\n {\n \"id\": \"8mmgadib\",\n \"block\": \"[[[10,\\\"section\\\"],[14,\\\"aria-label\\\",\\\"announcement bar\\\"],[12],[1,\\\"\\\\n \\\"],[11,0],[16,0,[29,[\\\"announcement-bar \\\",[52,[28,[37,1],[[30,1],\\\"urgent\\\"],null],\\\"urgent\\\"]]]],[4,[38,2],[[30,0,[\\\"initializeShouldShowBanner\\\"]]],null],[4,[38,3],[[30,0,[\\\"initializeShouldShowBanner\\\"]],[30,2]],null],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"shouldShowBanner\\\"]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex items-center justify-between w-90vw max-w-xl py-1\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,5,\\\"width: 15px;\\\"],[14,0,\\\"hidden md:block\\\"],[12],[1,\\\"\\\\n\\\"],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex-1 flex items-center justify-center gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[18,3,null],[1,\\\"\\\\n \\\"],[11,\\\"button\\\"],[24,\\\"aria-label\\\",\\\"close\\\"],[24,0,\\\"md:ml-auto btn-icon-only cursor-pointer hidden md:block\\\"],[24,4,\\\"button\\\"],[4,[38,5],[\\\"click\\\",[30,0,[\\\"hideBanner\\\"]]],null],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,6],[\\\"close-icon-white\\\"],null]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"],[13],[1,\\\"\\\\n\\\"]],[\\\"@type\\\",\\\"@shouldShowBanner\\\",\\\"&default\\\"],false,[\\\"if\\\",\\\"eq\\\",\\\"did-insert\\\",\\\"did-update\\\",\\\"yield\\\",\\\"on\\\",\\\"inline-svg\\\"]]\",\n \"moduleName\": \"percy-web/components/announcement-bar.hbs\",\n \"isStrictMode\": false\n });\n var AnnouncementBarComponent = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AnnouncementBarComponent, _Component);\n var _super = _createSuper(AnnouncementBarComponent);\n function AnnouncementBarComponent() {\n var _this;\n _classCallCheck(this, AnnouncementBarComponent);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _initializerDefineProperty(_assertThisInitialized(_this), \"announcementBarState\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"shouldShowBanner\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"shouldHidePersist\", _descriptor3, _assertThisInitialized(_this));\n return _this;\n }\n _createClass(AnnouncementBarComponent, [{\n key: \"type\",\n get: function get() {\n var _this$args$type;\n return (_this$args$type = this.args.type) !== null && _this$args$type !== void 0 ? _this$args$type : 'info';\n }\n }, {\n key: \"_shouldHidePersist\",\n get: function get() {\n var _this$args$shouldHide;\n return (_this$args$shouldHide = this.args.shouldHidePersist) !== null && _this$args$shouldHide !== void 0 ? _this$args$shouldHide : this.shouldHidePersist;\n }\n }, {\n key: \"localstorageKey\",\n get: function get() {\n return \"isShowing\".concat(this.args.localstorageIdentifier);\n }\n }, {\n key: \"initializeShouldShowBanner\",\n value: function initializeShouldShowBanner() {\n // if we are persisting whether it is hidden or not, check that and return.\n if (this._shouldHidePersist && _localstorage.default.get(this.localstorageKey) === 'false') {\n this.shouldShowBanner = false;\n this.announcementBarState.setVisibility(false);\n return;\n }\n // Otherwise, see what was passed in. Set shouldShowBanner to that value\n var initialShouldShowBanner = this.args.shouldShowBanner;\n this.shouldShowBanner = initialShouldShowBanner;\n this.announcementBarState.setVisibility(initialShouldShowBanner);\n }\n }, {\n key: \"hideBanner\",\n value: function hideBanner() {\n var _this$args, _this$args$onHide;\n this.shouldShowBanner = false;\n this.announcementBarState.setVisibility(false);\n if (this._shouldHidePersist) {\n _localstorage.default.set(this.localstorageKey, 'false');\n }\n (_this$args = this.args) === null || _this$args === void 0 ? void 0 : (_this$args$onHide = _this$args.onHide) === null || _this$args$onHide === void 0 ? void 0 : _this$args$onHide.call(_this$args);\n }\n }]);\n return AnnouncementBarComponent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"announcementBarState\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"shouldShowBanner\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return false;\n }\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"shouldHidePersist\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return true;\n }\n }), _applyDecoratedDescriptor(_class.prototype, \"initializeShouldShowBanner\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"initializeShouldShowBanner\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"hideBanner\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"hideBanner\"), _class.prototype)), _class);\n _exports.default = AnnouncementBarComponent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AnnouncementBarComponent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/api-token-selector\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@glimmer/tracking\", \"@ember/object\", \"@ember/service\", \"ember-concurrency\", \"percy-web/lib/roles\"], function (_exports, _component, _templateFactory, _component2, _tracking, _object, _service, _emberConcurrency, _roles) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _dec, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@glimmer/tracking\",0,\"@ember/object\",0,\"@ember/service\",0,\"ember-concurrency\",0,\"percy-web/lib/roles\"eaimeta@70e063a35619d71f\n function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n
\n
\n
Project token
\n
\n {{#if (or (eq @project.readOnlyToken this.selectedToken) @project.isDemo)}}\n See the docs for how to set up client authentication for your app.\n {{else if (eq @project.writeOnlyToken this.selectedToken)}}\n This is a project-specific write-only API key that only has access to create builds, snapshots, and upload resources to this project. See docs.\n {{else if (eq @project.masterToken this.selectedToken)}}\n This is a project-specific read/write API key that allows reading build information and downloading snapshots; in addition to creating builds, snapshots, and uploading resources to this project. See docs to learn more.\n {{/if}}\n
\n
\n \n
\n
\n \n Read-only\n \n \n Write-only\n \n
\n \n Full-access\n \n {{#if (not this.isUserOrgAdmin)}}\n \n This is only accessible to administrators\n \n {{/if}}\n
\n {{#if variant.isDeleted}}\n (Deleted)\n {{else if variant.default}}\n (Default)\n {{/if}}\n
\n
\n #{{variant.latestUpdatedBuild.buildNumber}}\n
\n
\n
\n {{#if variant.isDeleted}}\n Deleted in: #{{variant.latestUpdatedBuild.buildNumber}} {{moment-format\n variant.latestUpdatedBuild.updatedAt \"MMM D, YYYY\"}}\n {{else if variant.isMatching}}\n Last matched: {{moment-format variant.latestMatchingBuild.updatedAt \"MMM D, YYYY\"}}\n {{else}}\n Last updated: {{moment-format variant.latestUpdatedBuild.updatedAt \"MMM D, YYYY\"}}\n {{/if}}\n
\n
\n
\n \n {{if this.abTesting.isBaseVariantExists \"Snapshot is already included as a variant\" \"Update\"}}\n \n \n
\n
\n
\n
\n \n
\n \n {{if variant.disableDelete \"Delete is supported only on the latest build\" (if variant.isMatching \"Matching variant cannot be deleted\" \"Delete\" )}}\n \n \n
\n
\n \n
\n \n \n {{/each}}\n \n {{/if}}\n {{#if (and this.showCreateVariantButton (not this.abTesting.isCreateVariantDisabled) (not\n this.abTesting.isBaseVariantExists))}}\n \n {{/if}}\n {{/if}}\n \n \n {{#if this.abTesting.isVarientCreationModalOpen}}\n \n {{/if}}\n \n */\n {\n \"id\": \"ZtPlqNXR\",\n \"block\": \"[[[11,\\\"section\\\"],[24,0,\\\"w-[243px] flex flex-col variant-list\\\"],[24,\\\"aria-live\\\",\\\"\\\"],[24,\\\"role\\\",\\\"listitem\\\"],[24,\\\"tabindex\\\",\\\"0\\\"],[4,[38,0],[[30,0,[\\\"scrollToMatchingVariant\\\"]],[30,1]],null],[12],[1,\\\"\\\\n\\\"],[41,[30,2],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex flex-col gap-5/2 pb-2-1/2\\\"],[12],[1,\\\"\\\\n\\\"],[42,[28,[37,3],[[28,[37,3],[[28,[37,4],[1,4],null]],null]],null],null,[[[1,\\\" \\\"],[10,0],[14,0,\\\"w-[243px] h-[292px] surface-strong animate-pulse rounded progress-bar-light\\\"],[14,\\\"aria-busy\\\",\\\"true\\\"],[14,\\\"aria-label\\\",\\\"Loading variant\\\"],[12],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[41,[30,1,[\\\"length\\\"]],[[[1,\\\" \\\"],[10,\\\"section\\\"],[14,0,\\\"flex flex-col gap-5/2 pb-2-1/2\\\"],[12],[1,\\\"\\\\n\\\"],[42,[28,[37,3],[[28,[37,3],[[30,1]],null]],null],null,[[[1,\\\" \\\"],[8,[39,5],[[16,1,[30,3,[\\\"id\\\"]]],[16,\\\"key\\\",[30,3,[\\\"id\\\"]]]],[[\\\"@index\\\",\\\"@isLoading\\\",\\\"@id\\\",\\\"@className\\\",\\\"@src\\\",\\\"@alt\\\",\\\"@isFocused\\\",\\\"@title\\\",\\\"@selectable\\\",\\\"@cardSelected\\\",\\\"@yieldContent\\\",\\\"@isMatching\\\",\\\"@isDisabled\\\",\\\"@handleClick\\\"],[[30,3,[\\\"id\\\"]],false,[30,3,[\\\"id\\\"]],[29,[\\\"Percy_Figma_Card card-hover \\\",[52,[28,[37,6],[[30,0,[\\\"abTesting\\\",\\\"currentSelectedVariant\\\"]],[28,[37,7],[[30,3,[\\\"id\\\"]],[30,0,[\\\"abTesting\\\",\\\"currentSelectedVariant\\\",\\\"id\\\"]]],null]],null],\\\"bg-neutral-weaker\\\"]]],[28,[37,8],[[28,[37,9],[[30,0,[\\\"getVariantImageURL\\\"]],[30,3]],null]],null],[30,3,[\\\"name\\\"]],false,[30,3,[\\\"name\\\"]],false,false,true,[30,3,[\\\"isMatching\\\"]],[30,3,[\\\"isDeleted\\\"]],[28,[37,9],[[30,0,[\\\"abTesting\\\",\\\"handleVariantClick\\\"]],[30,3]],null]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[10,\\\"section\\\"],[14,0,\\\"flex flex-col gap-0.5 px-sm pt-1-1/2\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex justify-between items-start\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-col\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-neutral-weaker max-w-[150px] flex gap-0.5\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[15,\\\"title\\\",[30,3,[\\\"name\\\"]]],[14,0,\\\"text-neutral-weaker font-semibold overflow-hidden text-ellipsis whitespace-nowrap\\\"],[12],[1,\\\"\\\\n \\\"],[1,[30,3,[\\\"name\\\"]]],[1,\\\"\\\\n \\\"],[8,[39,10],null,[[\\\"@placement\\\"],[\\\"top\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[1,[30,3,[\\\"name\\\"]]],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"],[41,[30,3,[\\\"isDeleted\\\"]],[[[1,\\\" \\\"],[10,1],[12],[1,\\\"(Deleted)\\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[41,[30,3,[\\\"default\\\"]],[[[1,\\\" \\\"],[10,1],[12],[1,\\\"(Default)\\\"],[13],[1,\\\"\\\\n \\\"]],[]],null]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[11,0],[24,0,\\\"link-blue font-semibold tracking-sm cursor-pointer\\\"],[24,\\\"aria-label\\\",\\\"basebuild link\\\"],[4,[38,11],[\\\"click\\\",[28,[37,9],[[30,0,[\\\"transitionToSnapshot\\\"]],[30,3]],null]],null],[12],[1,\\\"\\\\n #\\\"],[1,[30,3,[\\\"latestUpdatedBuild\\\",\\\"buildNumber\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"text-sm text-neutral-weaker\\\"],[12],[1,\\\"\\\\n\\\"],[41,[30,3,[\\\"isDeleted\\\"]],[[[1,\\\" Deleted in: #\\\"],[1,[30,3,[\\\"latestUpdatedBuild\\\",\\\"buildNumber\\\"]]],[1,\\\" \\\"],[1,[28,[35,12],[[30,3,[\\\"latestUpdatedBuild\\\",\\\"updatedAt\\\"]],\\\"MMM D, YYYY\\\"],null]],[1,\\\"\\\\n\\\"]],[]],[[[41,[30,3,[\\\"isMatching\\\"]],[[[1,\\\" Last matched: \\\"],[1,[28,[35,12],[[30,3,[\\\"latestMatchingBuild\\\",\\\"updatedAt\\\"]],\\\"MMM D, YYYY\\\"],null]],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" Last updated: \\\"],[1,[28,[35,12],[[30,3,[\\\"latestUpdatedBuild\\\",\\\"updatedAt\\\"]],\\\"MMM D, YYYY\\\"],null]],[1,\\\"\\\\n \\\"]],[]]]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[15,0,[29,[[52,[28,[37,13],[[30,0,[\\\"abTesting\\\",\\\"isBaseVariantExists\\\"]],[30,3,[\\\"isDeleted\\\"]]],null],\\\"cursor-not-allowed\\\",\\\"\\\"]]]],[12],[1,\\\"\\\\n \\\"],[8,[39,10],null,[[\\\"@placement\\\",\\\"@class\\\"],[\\\"top\\\",\\\"max-w-[150px]\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[1,[52,[30,0,[\\\"abTesting\\\",\\\"isBaseVariantExists\\\"]],\\\"Snapshot is already included as a variant\\\",\\\"Update\\\"]],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[8,[39,14],[[24,0,\\\"!icon-success-default update-variant\\\"],[4,[38,11],[\\\"click\\\",[28,[37,15],[[30,0,[\\\"updateVariant\\\"]],[30,3]],null]],null]],[[\\\"@isDisabled\\\",\\\"@iconOnly\\\",\\\"@icon\\\"],[[28,[37,13],[[30,0,[\\\"abTesting\\\",\\\"isBaseVariantExists\\\"]],[30,3,[\\\"isDeleted\\\"]]],null],\\\"true\\\",\\\"swap-horiz\\\"]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex justify-between items-center\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex gap-1\\\"],[12],[1,\\\"\\\\n \\\"],[8,[39,14],[[24,\\\"aria-label\\\",\\\"Rename\\\"],[24,0,\\\"!icon-neutral-weak hint--top hint--rounded hint--bounce\\\"],[4,[38,11],[\\\"click\\\",[28,[37,9],[[30,0,[\\\"abTesting\\\",\\\"toggleVarientCreationModal\\\"]],[30,3],true],null]],null]],[[\\\"@iconOnly\\\",\\\"@icon\\\",\\\"@isDisabled\\\"],[\\\"true\\\",\\\"edit-border\\\",[30,3,[\\\"isDeleted\\\"]]]],null],[1,\\\"\\\\n \\\"],[10,0],[15,0,[29,[[52,[28,[37,13],[[30,3,[\\\"isMatching\\\"]],[30,3,[\\\"disableDelete\\\"]],[30,3,[\\\"isDeleted\\\"]]],null],\\\"cursor-not-allowed\\\",\\\"\\\"]]]],[12],[1,\\\"\\\\n \\\"],[8,[39,10],null,[[\\\"@placement\\\",\\\"@class\\\"],[\\\"top\\\",\\\"max-w-[150px]\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[1,[52,[30,3,[\\\"disableDelete\\\"]],\\\"Delete is supported only on the latest build\\\",[52,[30,3,[\\\"isMatching\\\"]],\\\"Matching variant cannot be deleted\\\",\\\"Delete\\\"]]],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[8,[39,14],[[24,0,\\\"!icon-neutral-weak\\\"],[4,[38,11],[\\\"click\\\",[28,[37,15],[[30,0,[\\\"deleteVariant\\\"]],[30,3]],null]],null]],[[\\\"@iconOnly\\\",\\\"@icon\\\",\\\"@isDisabled\\\"],[\\\"true\\\",\\\"delete\\\",[28,[37,13],[[30,3,[\\\"isMatching\\\"]],[30,3,[\\\"disableDelete\\\"]],[30,3,[\\\"isDeleted\\\"]]],null]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[8,[39,16],null,[[\\\"@updateBaseVariant\\\",\\\"@isDefaultVariant\\\",\\\"@variant\\\"],[[30,0,[\\\"abTesting\\\",\\\"updateBaseVariant\\\"]],[30,3,[\\\"default\\\"]],[30,3]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"]],[3]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[41,[28,[37,6],[[30,0,[\\\"showCreateVariantButton\\\"]],[28,[37,17],[[30,0,[\\\"abTesting\\\",\\\"isCreateVariantDisabled\\\"]]],null],[28,[37,17],[[30,0,[\\\"abTesting\\\",\\\"isBaseVariantExists\\\"]]],null]],null],[[[1,\\\" \\\"],[8,[39,18],null,[[\\\"@onClick\\\",\\\"@isCreateVariantDisabled\\\"],[[30,0,[\\\"abTesting\\\",\\\"toggleVarientCreationModal\\\"]],[30,0,[\\\"abTesting\\\",\\\"isCreateVariantDisabled\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]],null]],[]]],[13],[1,\\\"\\\\n\\\\n\\\"],[41,[30,0,[\\\"abTesting\\\",\\\"isVarientCreationModalOpen\\\"]],[[[8,[39,19],null,[[\\\"@onClose\\\",\\\"@onEnter\\\",\\\"@currentVariant\\\"],[[30,0,[\\\"abTesting\\\",\\\"toggleVarientCreationModal\\\"]],[30,0,[\\\"createVariant\\\"]],[30,0,[\\\"abTesting\\\",\\\"editingVariant\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]],null]],[\\\"@variants\\\",\\\"@isLoading\\\",\\\"variant\\\"],false,[\\\"did-update\\\",\\\"if\\\",\\\"each\\\",\\\"-track-array\\\",\\\"range\\\",\\\"percy/card\\\",\\\"and\\\",\\\"eq\\\",\\\"compute\\\",\\\"fn\\\",\\\"percy/tooltip\\\",\\\"on\\\",\\\"moment-format\\\",\\\"or\\\",\\\"btn\\\",\\\"perform\\\",\\\"builds/ab-testing/base-varient-dropdown\\\",\\\"not\\\",\\\"builds/ab-testing/create-varient\\\",\\\"builds/ab-testing/create-variant-modal\\\"]]\",\n \"moduleName\": \"percy-web/components/builds/ab-testing/varient-content.hbs\",\n \"isStrictMode\": false\n });\n var VarientContent = (_dec = (0, _emberConcurrency.task)( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n var editingMode;\n return regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n editingMode = false;\n if (this.abTesting.isEditMode && this.abTesting.editingVariant) {\n editingMode = true;\n }\n _context.next = 4;\n return this.abTesting.createVariant.perform();\n case 4:\n if (!editingMode) {\n this._refreshBuild(this.args.build);\n this.args.afterApprove(true);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n })), _dec2 = (0, _emberConcurrency.task)( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(variant) {\n return regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.next = 2;\n return this.abTesting.updateVariant.perform(variant);\n case 2:\n this._refreshBuild(this.args.build);\n this.args.afterApprove(true);\n case 4:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this);\n })), _dec3 = (0, _emberConcurrency.task)( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(variant) {\n return regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _context3.next = 2;\n return this.abTesting.deleteVariant.perform(variant);\n case 2:\n // Only refresh the build if the variant being deleted is from the current build\n if (variant.snapshot.build.get('id') === this.args.build.get('id')) {\n this._refreshBuild(this.args.build);\n this.args.afterUnapprove('unreviewed', true);\n }\n case 3:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, this);\n })), (_class = /*#__PURE__*/function (_Component) {\n _inherits(VarientContent, _Component);\n var _super = _createSuper(VarientContent);\n function VarientContent() {\n var _this;\n _classCallCheck(this, VarientContent);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _initializerDefineProperty(_assertThisInitialized(_this), \"router\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"abTesting\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"buildQuery\", _descriptor3, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"createVariant\", _descriptor4, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"updateVariant\", _descriptor5, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"deleteVariant\", _descriptor6, _assertThisInitialized(_this));\n return _this;\n }\n _createClass(VarientContent, [{\n key: \"showCreateVariantButton\",\n get: function get() {\n if (this.abTesting.isBaseVariantExists) return false;\n if (this.args.variants.length >= 1) return false;\n return true;\n }\n }, {\n key: \"getVariantImageURL\",\n value: function getVariantImageURL(variant) {\n var _variant$comparison, _variant$comparison$g, _variant$comparison$g2;\n var imageURL = variant === null || variant === void 0 ? void 0 : (_variant$comparison = variant.comparison) === null || _variant$comparison === void 0 ? void 0 : (_variant$comparison$g = _variant$comparison.get('headScreenshot')) === null || _variant$comparison$g === void 0 ? void 0 : (_variant$comparison$g2 = _variant$comparison$g.get('image')) === null || _variant$comparison$g2 === void 0 ? void 0 : _variant$comparison$g2.url;\n if (!imageURL) {\n return '';\n }\n var options = {\n url: imageURL,\n width: 600,\n height: 600,\n quality: 50\n };\n return (0, _responsiveImageUrl.responsiveImageUrl)(options);\n }\n }, {\n key: \"transitionToSnapshot\",\n value: function transitionToSnapshot(variant, e) {\n if (e) {\n e.preventDefault();\n e.stopPropagation();\n }\n var status = variant.latestUpdatedBuild.reviewStateReason === 'no_diffs' ? 'unchanged' : 'changed';\n var url = this.router.urlFor('organization.project-type.project.builds.build-items.build-item', variant.latestUpdatedBuild.id, status, variant.snapshotId);\n\n // This will navigate to the clean URL without query params\n // This we need in order to toggle correct filters\n window.location.href = url;\n }\n }, {\n key: \"scrollToMatchingVariant\",\n value: function scrollToMatchingVariant() {\n // Only run this if we have variants and we're not already loading\n if (!this.args.variants || this.args.variants.length === 0 || this.args.isLoading) return;\n\n // Find the matching variant\n var matchingVariant = this.args.variants.find(function (variant) {\n return variant.isMatching;\n });\n if (matchingVariant) {\n // Schedule this after render so the DOM elements are available\n (0, _runloop.scheduleOnce)('afterRender', this, this._doScrollToVariant, matchingVariant);\n }\n }\n }, {\n key: \"_doScrollToVariant\",\n value: function _doScrollToVariant(matchingVariant) {\n var variantElement = document.getElementById(matchingVariant.id);\n if (variantElement) {\n // Get the parent element that has scroll capabilities\n var scrollContainer = variantElement.closest('.overflow-auto') || variantElement.closest('.build-items-panel');\n if (scrollContainer) {\n // Scroll the container to show the matching variant with a 10px offset\n scrollContainer.scrollTo({\n top: variantElement.offsetTop - 300,\n behavior: 'smooth'\n });\n }\n }\n }\n }, {\n key: \"_refreshBuild\",\n value: function _refreshBuild(build) {\n return this.buildQuery.getBuild(build.get('id'), {\n reload: true,\n include: 'latest-action-performed-by',\n adapterOptions: {\n 'include-metadata': true\n }\n });\n }\n }]);\n return VarientContent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"router\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"abTesting\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"buildQuery\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"createVariant\", [_dec], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"updateVariant\", [_dec2], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"deleteVariant\", [_dec3], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _applyDecoratedDescriptor(_class.prototype, \"getVariantImageURL\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"getVariantImageURL\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"transitionToSnapshot\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"transitionToSnapshot\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"scrollToMatchingVariant\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"scrollToMatchingVariant\"), _class.prototype)), _class));\n _exports.default = VarientContent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, VarientContent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/builds/ai-footer-banner\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@ember/object\", \"@ember/service\", \"@glimmer/tracking\", \"percy-web/models/user\", \"percy-web/lib/localstorage\", \"@ember/runloop\"], function (_exports, _component, _templateFactory, _component2, _object, _service, _tracking, _user, _localstorage, _runloop) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@ember/object\",0,\"@ember/service\",0,\"@glimmer/tracking\",0,\"percy-web/models/user\",0,\"percy-web/lib/localstorage\",0,\"@ember/runloop\"eaimeta@70e063a35619d71f\n function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n */\n {\n \"id\": \"Af34Yj1J\",\n \"block\": \"[[[11,0],[4,[38,0],[[30,0,[\\\"resetShowBanner\\\"]],[30,1]],null],[4,[38,1],[[30,0,[\\\"resetShowBanner\\\"]]],null],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"showFooter\\\"]],[[[1,\\\" \\\"],[11,0],[16,0,[29,[\\\"ai-banner \\\",[52,[51,[30,2]],\\\"border-t-1 border-brand-default\\\"],\\\" p-1-1/2 gap-12 shadow-sm flex\\\"]]],[4,[38,1],[[30,0,[\\\"autoCloseBanner\\\"]]],null],[4,[38,0],[[30,0,[\\\"autoCloseBanner\\\"]],[30,3]],null],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"w-20 pt-1 h-1 rounded-full flex items-start\\\"],[12],[1,\\\"\\\\n \\\"],[1,[28,[35,4],[[52,[30,0,[\\\"isDarkMode\\\"]],\\\"sparkles-sm\\\",\\\"sparkles\\\"]],[[\\\"class\\\"],[[52,[30,0,[\\\"isDarkMode\\\"]],\\\"scale-150\\\",\\\"scale-125\\\"]]]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"flex flex-1 min-w-0 gap-1 text-left items-center\\\"],[12],[1,\\\"\\\\n \\\"],[10,\\\"h3\\\"],[14,0,\\\"text-base font-semibold text-neutral default !mb-0\\\"],[12],[1,[30,4]],[13],[1,\\\"\\\\n \\\"],[10,0],[15,0,[29,[\\\"flex gap-12 \\\",[52,[51,[30,2]],\\\"ml-[-4px]\\\"]]]],[12],[1,\\\"\\\\n \\\"],[18,7,null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"],[41,[51,[30,2]],[[[1,\\\" \\\"],[10,0],[14,0,\\\"flex-shrink-0 flex gap-12 items-center\\\"],[12],[1,\\\"\\\\n\\\"],[41,[51,[30,3]],[[[41,[30,5],[[[1,\\\" \\\"],[11,0],[24,\\\"role\\\",\\\"button\\\"],[4,[38,6],[\\\"click\\\",[30,0,[\\\"handleActionEvent\\\"]]],null],[12],[1,\\\"\\\\n \\\"],[1,[30,5]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[8,[39,7],null,[[\\\"@class\\\",\\\"@onClick\\\"],[\\\"bg-ai-strong rounded-sm text-base !text-neutral-weakest\\\",[30,0,[\\\"handleEnable\\\"]]]],[[\\\"default\\\"],[[[[1,\\\"\\\\n Enable AI\\\\n \\\"]],[]]]]],[1,\\\"\\\\n\\\"]],[]]]],[]],null],[1,\\\" \\\"],[8,[39,7],null,[[\\\"@icon\\\",\\\"@iconOnly\\\",\\\"@class\\\",\\\"@onClick\\\"],[\\\"close-icon\\\",\\\"true\\\",[29,[\\\"!icon-neutral-default hover:!bg-transparent hover:!icon-neutral-default \\\",[30,6]]],[30,0,[\\\"hideFooter\\\"]]]],null],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"],[13],[1,\\\"\\\\n\\\"]],[]],null],[13]],[\\\"@snapshotId\\\",\\\"@isBanner\\\",\\\"@hideAction\\\",\\\"@title\\\",\\\"@actionButton\\\",\\\"@dismissButtonClass\\\",\\\"&default\\\"],false,[\\\"did-update\\\",\\\"did-insert\\\",\\\"if\\\",\\\"unless\\\",\\\"inline-svg\\\",\\\"yield\\\",\\\"on\\\",\\\"btn\\\"]]\",\n \"moduleName\": \"percy-web/components/builds/ai-footer-banner.hbs\",\n \"isStrictMode\": false\n });\n var STORAGE_KEY = 'aiFooterBannerData';\n var MAX_DISMISSALS = 3;\n var RESET_DAYS = 2;\n var AiFooterBanner = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AiFooterBanner, _Component);\n var _super = _createSuper(AiFooterBanner);\n function AiFooterBanner() {\n var _this;\n _classCallCheck(this, AiFooterBanner);\n _this = _super.apply(this, arguments);\n _initializerDefineProperty(_assertThisInitialized(_this), \"aiPercy\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"session\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"showFooter\", _descriptor3, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"analytics\", _descriptor4, _assertThisInitialized(_this));\n _this.showFooter = _this.args.isBanner ? true : _this.shouldShowBanner();\n if (_this.showFooter && !_this.args.isBanner) {\n var _this$args$eventNames;\n var eventName = ((_this$args$eventNames = _this.args.eventNames) === null || _this$args$eventNames === void 0 ? void 0 : _this$args$eventNames.show) || 'snapshotFooterAINudgeShown';\n _this.analytics.track(eventName, _this.analyticsDetails);\n\n // Only track dismissal if tracking is enabled (default: true for backward compatibility)\n if (_this.args.trackDismissal !== false) {\n _this.incrementBannerDismissalCount();\n }\n }\n return _this;\n }\n _createClass(AiFooterBanner, [{\n key: \"analyticsDetails\",\n get: function get() {\n var _project$get, _headBuild$get, _comparison$headSnaps, _comparison$headSnaps2, _project$organization, _project$organization2, _this$session$current;\n var comparison = this.aiPercy.activeAIComparison;\n if (!comparison) return {};\n var headBuild = (comparison === null || comparison === void 0 ? void 0 : comparison.headBuild) || {};\n var project = headBuild === null || headBuild === void 0 ? void 0 : headBuild.project;\n var extraData = this.args.extraEventData || {};\n return _objectSpread({\n project_id: project === null || project === void 0 ? void 0 : (_project$get = project.get) === null || _project$get === void 0 ? void 0 : _project$get.call(project, 'id'),\n build_id: headBuild === null || headBuild === void 0 ? void 0 : (_headBuild$get = headBuild.get) === null || _headBuild$get === void 0 ? void 0 : _headBuild$get.call(headBuild, 'id'),\n comparison_id: comparison.id,\n width: comparison === null || comparison === void 0 ? void 0 : comparison.width,\n snapshot_id: comparison === null || comparison === void 0 ? void 0 : (_comparison$headSnaps = comparison.headSnapshot) === null || _comparison$headSnaps === void 0 ? void 0 : (_comparison$headSnaps2 = _comparison$headSnaps.get) === null || _comparison$headSnaps2 === void 0 ? void 0 : _comparison$headSnaps2.call(_comparison$headSnaps, 'id'),\n group_id: project === null || project === void 0 ? void 0 : (_project$organization = project.organization) === null || _project$organization === void 0 ? void 0 : (_project$organization2 = _project$organization.get) === null || _project$organization2 === void 0 ? void 0 : _project$organization2.call(_project$organization, 'browserstackGroupId'),\n user_id: (_this$session$current = this.session.currentUser) === null || _this$session$current === void 0 ? void 0 : _this$session$current.id\n }, extraData);\n }\n }, {\n key: \"isDarkMode\",\n get: function get() {\n var _this$session$current2;\n return ((_this$session$current2 = this.session.currentUser) === null || _this$session$current2 === void 0 ? void 0 : _this$session$current2.webTheme) === _user.WEB_THEME_DARK;\n }\n }, {\n key: \"shouldShowBanner\",\n value: function shouldShowBanner() {\n // If external control is provided, use it\n if (this.args.trackDismissal === false) {\n return true; // Always show if dismissal tracking is disabled\n }\n\n this.checkAndResetIfExpired();\n var dismissalCount = this.getDismissalCount();\n return dismissalCount < MAX_DISMISSALS;\n }\n }, {\n key: \"getBannerData\",\n value: function getBannerData() {\n var data = _localstorage.default.get(STORAGE_KEY);\n return data ? JSON.parse(data) : {\n count: 0,\n date: null\n };\n }\n }, {\n key: \"getDismissalCount\",\n value: function getDismissalCount() {\n var data = this.getBannerData();\n return data.count;\n }\n }, {\n key: \"checkAndResetIfExpired\",\n value: function checkAndResetIfExpired() {\n var data = this.getBannerData();\n if (!data.date) return;\n var currentDate = new Date();\n var savedDate = new Date(data.date);\n var daysDiff = (currentDate - savedDate) / (1000 * 60 * 60 * 24);\n if (daysDiff >= RESET_DAYS) {\n _localstorage.default.remove(STORAGE_KEY);\n }\n }\n\n // Only auto-close if autoClose is enabled (default: true for backward compatibility)\n }, {\n key: \"autoCloseBanner\",\n value: function autoCloseBanner() {\n var _this2 = this;\n // Clear any existing timeout first\n if (this.args.hideAction === false) {\n (0, _runloop.cancel)(this.timeout);\n this.timeout = null;\n this.showFooter = true;\n return;\n }\n\n // Only set new timeout if autoClose is enabled (default: true for backward compatibility)\n if (this.args.autoClose !== false) {\n this.timeout = (0, _runloop.later)(function () {\n _this2.closeBanner();\n }, this.aiPercy.aiNudgeBannerTimeout);\n }\n }\n }, {\n key: \"handleActionEvent\",\n value: function handleActionEvent() {\n var _this$args$eventNames2;\n this.analytics.track((_this$args$eventNames2 = this.args.eventNames) === null || _this$args$eventNames2 === void 0 ? void 0 : _this$args$eventNames2.action, this.analyticsDetails);\n }\n }, {\n key: \"closeBanner\",\n value: function closeBanner() {\n var _this$args$eventNames3;\n this.showFooter = false;\n var eventName = ((_this$args$eventNames3 = this.args.eventNames) === null || _this$args$eventNames3 === void 0 ? void 0 : _this$args$eventNames3.dismiss) || 'snapshotFooterAINudgeDismissed';\n this.analytics.track(eventName, this.analyticsDetails);\n }\n }, {\n key: \"resetShowBanner\",\n value: function resetShowBanner() {\n if (this.args.snapshotId) {\n this.showFooter = true;\n this.timeout = null;\n }\n }\n }, {\n key: \"handleEnable\",\n value: function handleEnable() {\n this.aiPercy.toggleAIState(true);\n this.args.updateAiQueryParam(this.aiPercy.isAIEnabled);\n this.incrementBannerDismissalCount();\n this.analytics.track('snapshotFooterAINudgeEnableAIClicked', this.analyticsDetails);\n }\n }, {\n key: \"hideFooter\",\n value: function hideFooter() {\n this.incrementBannerDismissalCount();\n this.closeBanner();\n }\n }, {\n key: \"incrementBannerDismissalCount\",\n value: function incrementBannerDismissalCount() {\n var data = this.getBannerData();\n var newData = {\n count: data.count + 1,\n date: data.date || new Date().toISOString()\n };\n _localstorage.default.set(STORAGE_KEY, JSON.stringify(newData));\n }\n }]);\n return AiFooterBanner;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"aiPercy\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"session\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"showFooter\", [_tracking.tracked], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: function initializer() {\n return true;\n }\n }), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"analytics\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _applyDecoratedDescriptor(_class.prototype, \"shouldShowBanner\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"shouldShowBanner\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"autoCloseBanner\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"autoCloseBanner\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleActionEvent\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleActionEvent\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"closeBanner\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"closeBanner\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"resetShowBanner\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"resetShowBanner\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"handleEnable\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleEnable\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"hideFooter\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"hideFooter\"), _class.prototype)), _class);\n _exports.default = AiFooterBanner;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AiFooterBanner);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/builds/ai-ignore-button\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@ember/service\", \"@ember/object\"], function (_exports, _component, _templateFactory, _component2, _service, _object) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@ember/service\",0,\"@ember/object\"eaimeta@70e063a35619d71f\n function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\n function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n
\n \n {{if @isIgnored \"Show\" \"Ignore\"}} similar diffs\n \n \n {{#if this.aiCustomization.isAiComputeQuotaExceeded}}\n Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow\n {{else}}\n {{this.tooltipMessage}}\n {{/if}}\n \n
\n \n */\n {\n \"id\": \"s/DKcsEB\",\n \"block\": \"[[[10,0],[12],[1,\\\"\\\\n \\\"],[8,[39,0],[[16,\\\"disabled\\\",[28,[37,1],[[28,[37,2],[[30,1]],null],[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]]],null]]],[[\\\"@onClick\\\",\\\"@isOutlined\\\"],[[30,0,[\\\"handleClick\\\"]],true]],[[\\\"default\\\"],[[[[1,\\\"\\\\n \\\"],[1,[52,[30,2],\\\"Show\\\",\\\"Ignore\\\"]],[1,\\\" similar diffs\\\\n \\\"]],[]]]]],[1,\\\"\\\\n \\\"],[8,[39,4],null,[[\\\"@class\\\"],[\\\"max-w-[180px]\\\"]],[[\\\"default\\\"],[[[[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"aiCustomization\\\",\\\"isAiComputeQuotaExceeded\\\"]],[[[1,\\\" Your team has reached today's AI prompting limit. AI actions are disabled. It will reset tomorrow\\\\n\\\"]],[]],[[[1,\\\" \\\"],[1,[30,0,[\\\"tooltipMessage\\\"]]],[1,\\\"\\\\n\\\"]],[]]],[1,\\\" \\\"]],[]]]]],[1,\\\"\\\\n\\\"],[13],[1,\\\"\\\\n\\\"]],[\\\"@isEnabled\\\",\\\"@isIgnored\\\"],false,[\\\"btn\\\",\\\"or\\\",\\\"not\\\",\\\"if\\\",\\\"percy/tooltip\\\"]]\",\n \"moduleName\": \"percy-web/components/builds/ai-ignore-button.hbs\",\n \"isStrictMode\": false\n });\n var AiIgnoreButtonComponent = (_class = /*#__PURE__*/function (_Component) {\n _inherits(AiIgnoreButtonComponent, _Component);\n var _super = _createSuper(AiIgnoreButtonComponent);\n function AiIgnoreButtonComponent() {\n var _this;\n _classCallCheck(this, AiIgnoreButtonComponent);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _initializerDefineProperty(_assertThisInitialized(_this), \"analytics\", _descriptor, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"appcues\", _descriptor2, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"session\", _descriptor3, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"organization\", _descriptor4, _assertThisInitialized(_this));\n _initializerDefineProperty(_assertThisInitialized(_this), \"aiCustomization\", _descriptor5, _assertThisInitialized(_this));\n return _this;\n }\n _createClass(AiIgnoreButtonComponent, [{\n key: \"tooltipMessage\",\n get: function get() {\n if (this.aiCustomization.isExecutionInProgress) {\n return 'Please wait until the current prompt has finished processing';\n }\n return \"Ask AI to \".concat(this.args.isIgnored ? 'Show' : 'Ignore', \" similar diffs on this snapshot\");\n }\n }, {\n key: \"trackIgnoreDiffButtonShown\",\n value: function trackIgnoreDiffButtonShown() {\n var _window;\n if (!this.appcues.isInitialized || !((_window = window) !== null && _window !== void 0 && _window.Appcues)) {\n return;\n }\n var currentUser = this.session.currentUser;\n var currentOrganization = this.organization.currentOrganization;\n if (!currentUser || !currentOrganization) {\n return;\n }\n var subscription = currentOrganization.subscription;\n var plan = subscription === null || subscription === void 0 ? void 0 : subscription.belongsTo('plan').value();\n var planType = (plan === null || plan === void 0 ? void 0 : plan.name) || (plan === null || plan === void 0 ? void 0 : plan.type) || 'unknown';\n var groupId = currentOrganization.browserstackGroupId;\n var trackingData = {\n user_id: currentUser.id,\n group_id: groupId,\n plan_type: planType,\n build_id: this.args.buildId,\n snapshot_id: this.args.snapshotId,\n comparison_id: this.args.comparisonId,\n diff_id: this.args.diffId\n };\n this.appcues.track('IgnoreThisDiffButtonShown', trackingData);\n }\n }, {\n key: \"trackUnignoreDiffButtonShown\",\n value: function trackUnignoreDiffButtonShown() {\n var _window2;\n if (!this.appcues.isInitialized || !((_window2 = window) !== null && _window2 !== void 0 && _window2.Appcues)) {\n return;\n }\n var currentUser = this.session.currentUser;\n var currentOrganization = this.organization.currentOrganization;\n if (!currentUser || !currentOrganization) {\n return;\n }\n var subscription = currentOrganization.subscription;\n var plan = subscription === null || subscription === void 0 ? void 0 : subscription.belongsTo('plan').value();\n var planType = (plan === null || plan === void 0 ? void 0 : plan.name) || (plan === null || plan === void 0 ? void 0 : plan.type) || 'unknown';\n var groupId = currentOrganization.browserstackGroupId;\n var trackingData = {\n user_id: currentUser.id,\n group_id: groupId,\n plan_type: planType,\n build_id: this.args.buildId,\n snapshot_id: this.args.snapshotId,\n comparison_id: this.args.comparisonId,\n diff_id: this.args.diffId\n };\n this.appcues.track('UnignoreThisDiffButtonShown', trackingData);\n }\n }, {\n key: \"handleClick\",\n value: function handleClick() {\n // Track the appropriate event based on current state\n if (this.args.isIgnored) {\n this.trackUnignoreDiffButtonShown();\n } else {\n this.trackIgnoreDiffButtonShown();\n }\n\n // Track analytics\n this.analytics.track('IgnoreThisDiffClicked', {\n build_id: this.args.buildId,\n snapshot_id: this.args.snapshotId,\n comparison_id: this.args.comparisonId,\n diff_id: this.args.diffId,\n NL_description_heading: this.args.nlDescriptionHeading || '',\n NL_description_body: this.args.nlDescriptionBody || '',\n NL_description_category: this.args.nlDescriptionCategory || '',\n source: 'single_action'\n });\n\n // Call the provided onClick handler\n if (this.args.onClick) {\n this.args.onClick();\n }\n }\n }]);\n return AiIgnoreButtonComponent;\n }(_component2.default), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"analytics\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"appcues\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"session\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"organization\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"aiCustomization\", [_service.inject], {\n configurable: true,\n enumerable: true,\n writable: true,\n initializer: null\n }), _applyDecoratedDescriptor(_class.prototype, \"handleClick\", [_object.action], Object.getOwnPropertyDescriptor(_class.prototype, \"handleClick\"), _class.prototype)), _class);\n _exports.default = AiIgnoreButtonComponent;\n (0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, AiIgnoreButtonComponent);\n});","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\ndefine(\"percy-web/components/builds/ai-roi-badge/index\", [\"exports\", \"@ember/component\", \"@ember/template-factory\", \"@glimmer/component\", \"@ember/template\"], function (_exports, _component, _templateFactory, _component2, _template) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n 0; //eaimeta@70e063a35619d71f0,\"ember-cli-htmlbars\",0,\"@glimmer/component\",0,\"@ember/template\"eaimeta@70e063a35619d71f\n function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n function _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n function _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n var __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(\n /*\n \n
\n {{#if @build.baseBuild}}\n {{#let @build.id @build.baseBuild.id as |currentBuildId baselineBuildId|}}\n {{#each (array (hash currentBuildId=currentBuildId baselineBuildId=baselineBuildId)) key=\"currentBuildId\" as |linkData|}}\n
\n \n {{@build.baseBuild.buildTitle}}\n \n
\n {{/each}}\n {{/let}}\n {{else}}\n {{#if @build.differentBaseBuild}}\n Base Snapshots from different builds in Visual Git\n {{else if @build.isFinished}}\n No baseline to compare against\n {{else}}\n --\n {{/if}}\n {{/if}}\n \n
\n \n {{#if @build.isFinished}}\n
\n
\n Total screenshots\n
\n
\n {{format-number @build.totalComparisons}} across all {{if @build.isAppType 'devices' 'browsers and widths'}}\n
\n ![\"Browserstack](\"/images/browserstack-mcp-vs.jpg\")
\n ![\"Browserstack](\"/images/browserstack-mcp.jpg\")
\n ![\"Cursor](\"/images/cursor-mcp.jpg\")
\n