@rtsee/ngx 0.0.118 → 0.0.119

package/dist/ngx/fesm2022/rtsee-ngx.mjs

@@ -3073,6 +3073,7 @@ class StoryRepairFormStepComponent {
             characters: new FormControl(true),
             artifacts: new FormControl(true),
             locations: new FormControl(true),
+            sanitizeImages: new FormControl(true),
             agentId: new FormControl('', Validators.required),
             /* eslint-enable */
         });
@@ -3098,7 +3099,11 @@ class StoryRepairFormStepComponent {
     }
     get hasAtLeastOneOption() {
         const opts = this.currentOptions;
-        return opts.grammarAndFlow || opts.characters || opts.artifacts || opts.locations;
+        return (opts.grammarAndFlow ||
+            opts.characters ||
+            opts.artifacts ||
+            opts.locations ||
+            opts.sanitizeImages);
     }
     get currentOptions() {
         return {
@@ -3106,6 +3111,7 @@ class StoryRepairFormStepComponent {
             characters: !!this.form.get('characters')?.value,
             artifacts: !!this.form.get('artifacts')?.value,
             locations: !!this.form.get('locations')?.value,
+            sanitizeImages: !!this.form.get('sanitizeImages')?.value,
         };
     }
     ngOnInit() {
@@ -3274,6 +3280,9 @@ class StoryRepairFormStepComponent {
                 characters: output.options ? !!output.options.characters : true,
                 artifacts: output.options ? !!output.options.artifacts : true,
                 locations: output.options ? !!output.options.locations : true,
+                sanitizeImages: output.options && output.options.sanitizeImages !== undefined
+                    ? !!output.options.sanitizeImages
+                    : true,
                 agentId: output.agentId,
             }, { emitEvent: false });
         }
@@ -3286,11 +3295,11 @@ class StoryRepairFormStepComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryRepairFormStepComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StoryRepairFormStepComponent, isStandalone: true, selector: "rtsee-story-repair-form-step", inputs: { step: "step", workflow: "workflow", chat: "chat", messenger: "messenger" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)" } }, viewQueries: [{ propertyName: "storyInput", first: true, predicate: ["storyInput"], descendants: true }], ngImport: i0, template: "<form class=\"rts-storyteller-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\" autocomplete=\"off\">\n  <div class=\"rts-storyteller-field\">\n    <label class=\"rts-storyteller-label\" for=\"story-repair-story-{{ step.id }}\">Story</label>\n    <div class=\"rts-st-autocomplete\">\n      <span class=\"rts-st-autocomplete-icon pi\" [class.pi-search]=\"!searchInProgress\" [class.pi-spin]=\"searchInProgress\" [class.pi-spinner]=\"searchInProgress\"></span>\n      <input #storyInput\n             class=\"rts-storyteller-input rts-st-autocomplete-input\"\n             [class.rts-storyteller-invalid]=\"isInvalid('storyId')\"\n             [class.rts-st-autocomplete-selected]=\"!!selectedStory\"\n             formControlName=\"storyQuery\"\n             type=\"text\"\n             role=\"combobox\"\n             aria-autocomplete=\"list\"\n             [attr.aria-expanded]=\"suggestionsOpened\"\n             placeholder=\"Search stories by name\u2026\"\n             id=\"story-repair-story-{{ step.id }}\"\n             (focus)=\"onStoryFocus()\"\n             (input)=\"onStoryInput()\"\n             (keydown)=\"onStoryKeydown($event)\"\n      />\n      @if (selectedStory && !readonly) {\n        <button type=\"button\"\n                class=\"rts-st-autocomplete-clear pi pi-times\"\n                aria-label=\"Clear story\"\n                id=\"story-repair-clear-{{ step.id }}\"\n                (click)=\"clearStory()\"\n        ></button>\n      }\n\n      @if (suggestionsOpened && !readonly) {\n        <ul class=\"rts-st-autocomplete-panel\" role=\"listbox\">\n          @if (searchError) {\n            <li class=\"rts-st-autocomplete-empty rts-st-autocomplete-error\">{{ searchError }}</li>\n          } @else if (!suggestions.length && !searchInProgress) {\n            <li class=\"rts-st-autocomplete-empty\">No stories found</li>\n          }\n          @for (story of suggestions; track story.id; let i = $index) {\n            <li class=\"rts-st-autocomplete-option\"\n                role=\"option\"\n                [class.rts-st-autocomplete-option-active]=\"i === highlightedIndex\"\n                [attr.aria-selected]=\"story.id === selectedStory?.id\"\n                (mouseenter)=\"highlightedIndex = i\"\n                (mousedown)=\"$event.preventDefault(); selectStory(story)\"\n            >\n              @if (story.imageUrl) {\n                <img class=\"rts-st-autocomplete-thumb\" [src]=\"story.imageUrl\" [alt]=\"story.name\" loading=\"lazy\" />\n              } @else {\n                <span class=\"rts-st-autocomplete-thumb rts-st-autocomplete-thumb-empty\">\uD83D\uDCD6</span>\n              }\n              <span class=\"rts-st-autocomplete-option-body\">\n                <span class=\"rts-st-autocomplete-option-name\">{{ story.name }}</span>\n                @if (story.totalSlides) {\n                  <span class=\"rts-st-autocomplete-option-meta\">{{ story.totalSlides }} slides</span>\n                }\n              </span>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n\n  @if (selectedStory) {\n    <div class=\"rts-storyteller-field\">\n      <span class=\"rts-storyteller-label\">Repair options</span>\n      <div class=\"rts-st-repair-options-grid\">\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-grammar-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"grammarAndFlow\"\n                 id=\"story-repair-grammar-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Grammar &amp; Flow</span>\n            <span class=\"rts-st-checkbox-desc\">Fix typos, punctuation &amp; improve readability across story, slides &amp; entities</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-characters-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"characters\"\n                 id=\"story-repair-characters-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Characters</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing important characters and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-artifacts-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"artifacts\"\n                 id=\"story-repair-artifacts-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Artifacts</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing memorable objects and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-locations-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"locations\"\n                 id=\"story-repair-locations-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Locations</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing story locations and link them to slides</span>\n          </span>\n        </label>\n      </div>\n      @if (!hasAtLeastOneOption) {\n        <div class=\"rts-storyteller-error\">Please select at least one option to repair.</div>\n      }\n    </div>\n  }\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Agent</span>\n    @if (agents.length) {\n      <div class=\"rts-storyteller-select-wrap\">\n        <select class=\"rts-storyteller-input rts-storyteller-select\"\n                [class.rts-storyteller-invalid]=\"isInvalid('agentId')\"\n                formControlName=\"agentId\"\n                id=\"story-repair-agent-{{ step.id }}\"\n        >\n          <option value=\"\" disabled>Select an agent</option>\n          @for (agent of agents; track agent.id) {\n            <option [value]=\"agent.id\">\n              {{ agent.name }}{{ agent.agentConfiguration?.model?.model ? ' \u00B7 ' + agent.agentConfiguration?.model?.model : '' }}\n            </option>\n          }\n        </select>\n        <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n      </div>\n    } @else {\n      <div class=\"rts-storyteller-hint\">There are no agentic members in this chat. Add an agent to continue.</div>\n    }\n  </label>\n\n  @if (workflow.submitError) {\n    <div class=\"rts-storyteller-error\">{{ workflow.submitError }}</div>\n  }\n\n  @if (step.isActive) {\n    <div class=\"rts-storyteller-actions rts-st-translator-actions\">\n      @if (canCancel) {\n        <button class=\"rts-st-cancel\"\n                type=\"button\"\n                id=\"story-repair-cancel-{{ step.id }}\"\n                (click)=\"cancel()\"\n        >Cancel</button>\n      }\n      <button class=\"rts-storyteller-submit\"\n              type=\"submit\"\n              [disabled]=\"workflow.submitInProgress || !agents.length || !selectedStory || !hasAtLeastOneOption\"\n              id=\"story-repair-submit-{{ step.id }}\"\n      >\n        @if (workflow.submitInProgress) {\n          <span class=\"rts-storyteller-spinner\"></span> Repairing\u2026\n        } @else {\n          \uD83D\uDEE0\uFE0F Repair Story\n        }\n      </button>\n    </div>\n  }\n</form>\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n", ".rts-st-autocomplete{position:relative}.rts-st-autocomplete-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-input{padding-left:32px;padding-right:32px}.rts-st-autocomplete-input.rts-st-autocomplete-selected{font-weight:600}.rts-st-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:50%;font-size:10px;cursor:pointer;color:var(--rts-text-secondary, #8a8fa3);background:transparent;transition:background .15s ease,color .15s ease}.rts-st-autocomplete-clear:hover{color:var(--rts-text-primary);background:#8b5cf626}.rts-st-autocomplete-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;border-radius:10px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-secondary, var(--rts-bg-primary, #1d1f2b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px -12px #00000073;animation:rts-st-panel-in .14s ease-out}.rts-st-autocomplete-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s ease}.rts-st-autocomplete-option.rts-st-autocomplete-option-active{background:linear-gradient(135deg,#6366f129,#8b5cf61a)}.rts-st-autocomplete-option[aria-selected=true] .rts-st-autocomplete-option-name{color:var(--rts-st-accent)}.rts-st-autocomplete-thumb{flex-shrink:0;width:30px;height:30px;border-radius:7px;object-fit:cover}.rts-st-autocomplete-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:15px;background:#8b5cf624}.rts-st-autocomplete-option-body{display:flex;flex-direction:column;min-width:0}.rts-st-autocomplete-option-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:var(--rts-text-primary)}.rts-st-autocomplete-option-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-empty{padding:8px;font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-error{font-style:normal;color:#f43f5e}.rts-st-translator-actions{gap:8px}.rts-st-checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.rts-st-checkbox-row:hover{border-color:#8b5cf673;background:#8b5cf60f}.rts-st-checkbox-input{margin-top:2px;width:15px;height:15px;flex-shrink:0;accent-color:var(--rts-st-accent, #8b5cf6);cursor:pointer}.rts-st-checkbox-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rts-st-checkbox-title{font-size:13px;font-weight:600;color:var(--rts-text-primary)}.rts-st-checkbox-desc{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-cancel{padding:8px 16px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:transparent;color:var(--rts-text-secondary, #8a8fa3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.rts-st-cancel:hover{color:var(--rts-text-primary);border-color:#f43f5e73;background:#f43f5e0f}@keyframes rts-st-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n", ".rts-st-repair-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 480px){.rts-st-repair-options-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StoryRepairFormStepComponent, isStandalone: true, selector: "rtsee-story-repair-form-step", inputs: { step: "step", workflow: "workflow", chat: "chat", messenger: "messenger" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)" } }, viewQueries: [{ propertyName: "storyInput", first: true, predicate: ["storyInput"], descendants: true }], ngImport: i0, template: "<form class=\"rts-storyteller-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\" autocomplete=\"off\">\n  <div class=\"rts-storyteller-field\">\n    <label class=\"rts-storyteller-label\" for=\"story-repair-story-{{ step.id }}\">Story</label>\n    <div class=\"rts-st-autocomplete\">\n      <span class=\"rts-st-autocomplete-icon pi\" [class.pi-search]=\"!searchInProgress\" [class.pi-spin]=\"searchInProgress\" [class.pi-spinner]=\"searchInProgress\"></span>\n      <input #storyInput\n             class=\"rts-storyteller-input rts-st-autocomplete-input\"\n             [class.rts-storyteller-invalid]=\"isInvalid('storyId')\"\n             [class.rts-st-autocomplete-selected]=\"!!selectedStory\"\n             formControlName=\"storyQuery\"\n             type=\"text\"\n             role=\"combobox\"\n             aria-autocomplete=\"list\"\n             [attr.aria-expanded]=\"suggestionsOpened\"\n             placeholder=\"Search stories by name\u2026\"\n             id=\"story-repair-story-{{ step.id }}\"\n             (focus)=\"onStoryFocus()\"\n             (input)=\"onStoryInput()\"\n             (keydown)=\"onStoryKeydown($event)\"\n      />\n      @if (selectedStory && !readonly) {\n        <button type=\"button\"\n                class=\"rts-st-autocomplete-clear pi pi-times\"\n                aria-label=\"Clear story\"\n                id=\"story-repair-clear-{{ step.id }}\"\n                (click)=\"clearStory()\"\n        ></button>\n      }\n\n      @if (suggestionsOpened && !readonly) {\n        <ul class=\"rts-st-autocomplete-panel\" role=\"listbox\">\n          @if (searchError) {\n            <li class=\"rts-st-autocomplete-empty rts-st-autocomplete-error\">{{ searchError }}</li>\n          } @else if (!suggestions.length && !searchInProgress) {\n            <li class=\"rts-st-autocomplete-empty\">No stories found</li>\n          }\n          @for (story of suggestions; track story.id; let i = $index) {\n            <li class=\"rts-st-autocomplete-option\"\n                role=\"option\"\n                [class.rts-st-autocomplete-option-active]=\"i === highlightedIndex\"\n                [attr.aria-selected]=\"story.id === selectedStory?.id\"\n                (mouseenter)=\"highlightedIndex = i\"\n                (mousedown)=\"$event.preventDefault(); selectStory(story)\"\n            >\n              @if (story.imageUrl) {\n                <img class=\"rts-st-autocomplete-thumb\" [src]=\"story.imageUrl\" [alt]=\"story.name\" loading=\"lazy\" />\n              } @else {\n                <span class=\"rts-st-autocomplete-thumb rts-st-autocomplete-thumb-empty\">\uD83D\uDCD6</span>\n              }\n              <span class=\"rts-st-autocomplete-option-body\">\n                <span class=\"rts-st-autocomplete-option-name\">{{ story.name }}</span>\n                @if (story.totalSlides) {\n                  <span class=\"rts-st-autocomplete-option-meta\">{{ story.totalSlides }} slides</span>\n                }\n              </span>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n\n  @if (selectedStory) {\n    <div class=\"rts-storyteller-field\">\n      <span class=\"rts-storyteller-label\">Repair options</span>\n      <div class=\"rts-st-repair-options-grid\">\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-grammar-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"grammarAndFlow\"\n                 id=\"story-repair-grammar-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Grammar &amp; Flow</span>\n            <span class=\"rts-st-checkbox-desc\">Fix typos, punctuation &amp; improve readability across story, slides &amp; entities</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-characters-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"characters\"\n                 id=\"story-repair-characters-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Characters</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing important characters and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-artifacts-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"artifacts\"\n                 id=\"story-repair-artifacts-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Artifacts</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing memorable objects and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-locations-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"locations\"\n                 id=\"story-repair-locations-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Locations</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing story locations and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-sanitize-images-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"sanitizeImages\"\n                 id=\"story-repair-sanitize-images-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Sanitize images</span>\n            <span class=\"rts-st-checkbox-desc\">Properly name &amp; upload story, slide, character, artifact, location &amp; author images to the public bucket for SEO</span>\n          </span>\n        </label>\n      </div>\n      @if (!hasAtLeastOneOption) {\n        <div class=\"rts-storyteller-error\">Please select at least one option to repair.</div>\n      }\n    </div>\n  }\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Agent</span>\n    @if (agents.length) {\n      <div class=\"rts-storyteller-select-wrap\">\n        <select class=\"rts-storyteller-input rts-storyteller-select\"\n                [class.rts-storyteller-invalid]=\"isInvalid('agentId')\"\n                formControlName=\"agentId\"\n                id=\"story-repair-agent-{{ step.id }}\"\n        >\n          <option value=\"\" disabled>Select an agent</option>\n          @for (agent of agents; track agent.id) {\n            <option [value]=\"agent.id\">\n              {{ agent.name }}{{ agent.agentConfiguration?.model?.model ? ' \u00B7 ' + agent.agentConfiguration?.model?.model : '' }}\n            </option>\n          }\n        </select>\n        <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n      </div>\n    } @else {\n      <div class=\"rts-storyteller-hint\">There are no agentic members in this chat. Add an agent to continue.</div>\n    }\n  </label>\n\n  @if (workflow.submitError) {\n    <div class=\"rts-storyteller-error\">{{ workflow.submitError }}</div>\n  }\n\n  @if (step.isActive) {\n    <div class=\"rts-storyteller-actions rts-st-translator-actions\">\n      @if (canCancel) {\n        <button class=\"rts-st-cancel\"\n                type=\"button\"\n                id=\"story-repair-cancel-{{ step.id }}\"\n                (click)=\"cancel()\"\n        >Cancel</button>\n      }\n      <button class=\"rts-storyteller-submit\"\n              type=\"submit\"\n              [disabled]=\"workflow.submitInProgress || !agents.length || !selectedStory || !hasAtLeastOneOption\"\n              id=\"story-repair-submit-{{ step.id }}\"\n      >\n        @if (workflow.submitInProgress) {\n          <span class=\"rts-storyteller-spinner\"></span> Repairing\u2026\n        } @else {\n          \uD83D\uDEE0\uFE0F Repair Story\n        }\n      </button>\n    </div>\n  }\n</form>\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n", ".rts-st-autocomplete{position:relative}.rts-st-autocomplete-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-input{padding-left:32px;padding-right:32px}.rts-st-autocomplete-input.rts-st-autocomplete-selected{font-weight:600}.rts-st-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:50%;font-size:10px;cursor:pointer;color:var(--rts-text-secondary, #8a8fa3);background:transparent;transition:background .15s ease,color .15s ease}.rts-st-autocomplete-clear:hover{color:var(--rts-text-primary);background:#8b5cf626}.rts-st-autocomplete-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;border-radius:10px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-secondary, var(--rts-bg-primary, #1d1f2b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px -12px #00000073;animation:rts-st-panel-in .14s ease-out}.rts-st-autocomplete-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s ease}.rts-st-autocomplete-option.rts-st-autocomplete-option-active{background:linear-gradient(135deg,#6366f129,#8b5cf61a)}.rts-st-autocomplete-option[aria-selected=true] .rts-st-autocomplete-option-name{color:var(--rts-st-accent)}.rts-st-autocomplete-thumb{flex-shrink:0;width:30px;height:30px;border-radius:7px;object-fit:cover}.rts-st-autocomplete-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:15px;background:#8b5cf624}.rts-st-autocomplete-option-body{display:flex;flex-direction:column;min-width:0}.rts-st-autocomplete-option-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:var(--rts-text-primary)}.rts-st-autocomplete-option-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-empty{padding:8px;font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-error{font-style:normal;color:#f43f5e}.rts-st-translator-actions{gap:8px}.rts-st-checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.rts-st-checkbox-row:hover{border-color:#8b5cf673;background:#8b5cf60f}.rts-st-checkbox-input{margin-top:2px;width:15px;height:15px;flex-shrink:0;accent-color:var(--rts-st-accent, #8b5cf6);cursor:pointer}.rts-st-checkbox-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rts-st-checkbox-title{font-size:13px;font-weight:600;color:var(--rts-text-primary)}.rts-st-checkbox-desc{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-cancel{padding:8px 16px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:transparent;color:var(--rts-text-secondary, #8a8fa3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.rts-st-cancel:hover{color:var(--rts-text-primary);border-color:#f43f5e73;background:#f43f5e0f}@keyframes rts-st-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n", ".rts-st-repair-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 480px){.rts-st-repair-options-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryRepairFormStepComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-story-repair-form-step', standalone: true, imports: [ReactiveFormsModule], template: "<form class=\"rts-storyteller-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\" autocomplete=\"off\">\n  <div class=\"rts-storyteller-field\">\n    <label class=\"rts-storyteller-label\" for=\"story-repair-story-{{ step.id }}\">Story</label>\n    <div class=\"rts-st-autocomplete\">\n      <span class=\"rts-st-autocomplete-icon pi\" [class.pi-search]=\"!searchInProgress\" [class.pi-spin]=\"searchInProgress\" [class.pi-spinner]=\"searchInProgress\"></span>\n      <input #storyInput\n             class=\"rts-storyteller-input rts-st-autocomplete-input\"\n             [class.rts-storyteller-invalid]=\"isInvalid('storyId')\"\n             [class.rts-st-autocomplete-selected]=\"!!selectedStory\"\n             formControlName=\"storyQuery\"\n             type=\"text\"\n             role=\"combobox\"\n             aria-autocomplete=\"list\"\n             [attr.aria-expanded]=\"suggestionsOpened\"\n             placeholder=\"Search stories by name\u2026\"\n             id=\"story-repair-story-{{ step.id }}\"\n             (focus)=\"onStoryFocus()\"\n             (input)=\"onStoryInput()\"\n             (keydown)=\"onStoryKeydown($event)\"\n      />\n      @if (selectedStory && !readonly) {\n        <button type=\"button\"\n                class=\"rts-st-autocomplete-clear pi pi-times\"\n                aria-label=\"Clear story\"\n                id=\"story-repair-clear-{{ step.id }}\"\n                (click)=\"clearStory()\"\n        ></button>\n      }\n\n      @if (suggestionsOpened && !readonly) {\n        <ul class=\"rts-st-autocomplete-panel\" role=\"listbox\">\n          @if (searchError) {\n            <li class=\"rts-st-autocomplete-empty rts-st-autocomplete-error\">{{ searchError }}</li>\n          } @else if (!suggestions.length && !searchInProgress) {\n            <li class=\"rts-st-autocomplete-empty\">No stories found</li>\n          }\n          @for (story of suggestions; track story.id; let i = $index) {\n            <li class=\"rts-st-autocomplete-option\"\n                role=\"option\"\n                [class.rts-st-autocomplete-option-active]=\"i === highlightedIndex\"\n                [attr.aria-selected]=\"story.id === selectedStory?.id\"\n                (mouseenter)=\"highlightedIndex = i\"\n                (mousedown)=\"$event.preventDefault(); selectStory(story)\"\n            >\n              @if (story.imageUrl) {\n                <img class=\"rts-st-autocomplete-thumb\" [src]=\"story.imageUrl\" [alt]=\"story.name\" loading=\"lazy\" />\n              } @else {\n                <span class=\"rts-st-autocomplete-thumb rts-st-autocomplete-thumb-empty\">\uD83D\uDCD6</span>\n              }\n              <span class=\"rts-st-autocomplete-option-body\">\n                <span class=\"rts-st-autocomplete-option-name\">{{ story.name }}</span>\n                @if (story.totalSlides) {\n                  <span class=\"rts-st-autocomplete-option-meta\">{{ story.totalSlides }} slides</span>\n                }\n              </span>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n\n  @if (selectedStory) {\n    <div class=\"rts-storyteller-field\">\n      <span class=\"rts-storyteller-label\">Repair options</span>\n      <div class=\"rts-st-repair-options-grid\">\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-grammar-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"grammarAndFlow\"\n                 id=\"story-repair-grammar-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Grammar &amp; Flow</span>\n            <span class=\"rts-st-checkbox-desc\">Fix typos, punctuation &amp; improve readability across story, slides &amp; entities</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-characters-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"characters\"\n                 id=\"story-repair-characters-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Characters</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing important characters and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-artifacts-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"artifacts\"\n                 id=\"story-repair-artifacts-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Artifacts</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing memorable objects and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-locations-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"locations\"\n                 id=\"story-repair-locations-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Locations</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing story locations and link them to slides</span>\n          </span>\n        </label>\n      </div>\n      @if (!hasAtLeastOneOption) {\n        <div class=\"rts-storyteller-error\">Please select at least one option to repair.</div>\n      }\n    </div>\n  }\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Agent</span>\n    @if (agents.length) {\n      <div class=\"rts-storyteller-select-wrap\">\n        <select class=\"rts-storyteller-input rts-storyteller-select\"\n                [class.rts-storyteller-invalid]=\"isInvalid('agentId')\"\n                formControlName=\"agentId\"\n                id=\"story-repair-agent-{{ step.id }}\"\n        >\n          <option value=\"\" disabled>Select an agent</option>\n          @for (agent of agents; track agent.id) {\n            <option [value]=\"agent.id\">\n              {{ agent.name }}{{ agent.agentConfiguration?.model?.model ? ' \u00B7 ' + agent.agentConfiguration?.model?.model : '' }}\n            </option>\n          }\n        </select>\n        <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n      </div>\n    } @else {\n      <div class=\"rts-storyteller-hint\">There are no agentic members in this chat. Add an agent to continue.</div>\n    }\n  </label>\n\n  @if (workflow.submitError) {\n    <div class=\"rts-storyteller-error\">{{ workflow.submitError }}</div>\n  }\n\n  @if (step.isActive) {\n    <div class=\"rts-storyteller-actions rts-st-translator-actions\">\n      @if (canCancel) {\n        <button class=\"rts-st-cancel\"\n                type=\"button\"\n                id=\"story-repair-cancel-{{ step.id }}\"\n                (click)=\"cancel()\"\n        >Cancel</button>\n      }\n      <button class=\"rts-storyteller-submit\"\n              type=\"submit\"\n              [disabled]=\"workflow.submitInProgress || !agents.length || !selectedStory || !hasAtLeastOneOption\"\n              id=\"story-repair-submit-{{ step.id }}\"\n      >\n        @if (workflow.submitInProgress) {\n          <span class=\"rts-storyteller-spinner\"></span> Repairing\u2026\n        } @else {\n          \uD83D\uDEE0\uFE0F Repair Story\n        }\n      </button>\n    </div>\n  }\n</form>\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n", ".rts-st-autocomplete{position:relative}.rts-st-autocomplete-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-input{padding-left:32px;padding-right:32px}.rts-st-autocomplete-input.rts-st-autocomplete-selected{font-weight:600}.rts-st-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:50%;font-size:10px;cursor:pointer;color:var(--rts-text-secondary, #8a8fa3);background:transparent;transition:background .15s ease,color .15s ease}.rts-st-autocomplete-clear:hover{color:var(--rts-text-primary);background:#8b5cf626}.rts-st-autocomplete-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;border-radius:10px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-secondary, var(--rts-bg-primary, #1d1f2b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px -12px #00000073;animation:rts-st-panel-in .14s ease-out}.rts-st-autocomplete-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s ease}.rts-st-autocomplete-option.rts-st-autocomplete-option-active{background:linear-gradient(135deg,#6366f129,#8b5cf61a)}.rts-st-autocomplete-option[aria-selected=true] .rts-st-autocomplete-option-name{color:var(--rts-st-accent)}.rts-st-autocomplete-thumb{flex-shrink:0;width:30px;height:30px;border-radius:7px;object-fit:cover}.rts-st-autocomplete-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:15px;background:#8b5cf624}.rts-st-autocomplete-option-body{display:flex;flex-direction:column;min-width:0}.rts-st-autocomplete-option-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:var(--rts-text-primary)}.rts-st-autocomplete-option-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-empty{padding:8px;font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-error{font-style:normal;color:#f43f5e}.rts-st-translator-actions{gap:8px}.rts-st-checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.rts-st-checkbox-row:hover{border-color:#8b5cf673;background:#8b5cf60f}.rts-st-checkbox-input{margin-top:2px;width:15px;height:15px;flex-shrink:0;accent-color:var(--rts-st-accent, #8b5cf6);cursor:pointer}.rts-st-checkbox-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rts-st-checkbox-title{font-size:13px;font-weight:600;color:var(--rts-text-primary)}.rts-st-checkbox-desc{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-cancel{padding:8px 16px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:transparent;color:var(--rts-text-secondary, #8a8fa3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.rts-st-cancel:hover{color:var(--rts-text-primary);border-color:#f43f5e73;background:#f43f5e0f}@keyframes rts-st-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n", ".rts-st-repair-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 480px){.rts-st-repair-options-grid{grid-template-columns:1fr}}\n"] }]
+            args: [{ selector: 'rtsee-story-repair-form-step', standalone: true, imports: [ReactiveFormsModule], template: "<form class=\"rts-storyteller-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\" autocomplete=\"off\">\n  <div class=\"rts-storyteller-field\">\n    <label class=\"rts-storyteller-label\" for=\"story-repair-story-{{ step.id }}\">Story</label>\n    <div class=\"rts-st-autocomplete\">\n      <span class=\"rts-st-autocomplete-icon pi\" [class.pi-search]=\"!searchInProgress\" [class.pi-spin]=\"searchInProgress\" [class.pi-spinner]=\"searchInProgress\"></span>\n      <input #storyInput\n             class=\"rts-storyteller-input rts-st-autocomplete-input\"\n             [class.rts-storyteller-invalid]=\"isInvalid('storyId')\"\n             [class.rts-st-autocomplete-selected]=\"!!selectedStory\"\n             formControlName=\"storyQuery\"\n             type=\"text\"\n             role=\"combobox\"\n             aria-autocomplete=\"list\"\n             [attr.aria-expanded]=\"suggestionsOpened\"\n             placeholder=\"Search stories by name\u2026\"\n             id=\"story-repair-story-{{ step.id }}\"\n             (focus)=\"onStoryFocus()\"\n             (input)=\"onStoryInput()\"\n             (keydown)=\"onStoryKeydown($event)\"\n      />\n      @if (selectedStory && !readonly) {\n        <button type=\"button\"\n                class=\"rts-st-autocomplete-clear pi pi-times\"\n                aria-label=\"Clear story\"\n                id=\"story-repair-clear-{{ step.id }}\"\n                (click)=\"clearStory()\"\n        ></button>\n      }\n\n      @if (suggestionsOpened && !readonly) {\n        <ul class=\"rts-st-autocomplete-panel\" role=\"listbox\">\n          @if (searchError) {\n            <li class=\"rts-st-autocomplete-empty rts-st-autocomplete-error\">{{ searchError }}</li>\n          } @else if (!suggestions.length && !searchInProgress) {\n            <li class=\"rts-st-autocomplete-empty\">No stories found</li>\n          }\n          @for (story of suggestions; track story.id; let i = $index) {\n            <li class=\"rts-st-autocomplete-option\"\n                role=\"option\"\n                [class.rts-st-autocomplete-option-active]=\"i === highlightedIndex\"\n                [attr.aria-selected]=\"story.id === selectedStory?.id\"\n                (mouseenter)=\"highlightedIndex = i\"\n                (mousedown)=\"$event.preventDefault(); selectStory(story)\"\n            >\n              @if (story.imageUrl) {\n                <img class=\"rts-st-autocomplete-thumb\" [src]=\"story.imageUrl\" [alt]=\"story.name\" loading=\"lazy\" />\n              } @else {\n                <span class=\"rts-st-autocomplete-thumb rts-st-autocomplete-thumb-empty\">\uD83D\uDCD6</span>\n              }\n              <span class=\"rts-st-autocomplete-option-body\">\n                <span class=\"rts-st-autocomplete-option-name\">{{ story.name }}</span>\n                @if (story.totalSlides) {\n                  <span class=\"rts-st-autocomplete-option-meta\">{{ story.totalSlides }} slides</span>\n                }\n              </span>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n\n  @if (selectedStory) {\n    <div class=\"rts-storyteller-field\">\n      <span class=\"rts-storyteller-label\">Repair options</span>\n      <div class=\"rts-st-repair-options-grid\">\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-grammar-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"grammarAndFlow\"\n                 id=\"story-repair-grammar-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Grammar &amp; Flow</span>\n            <span class=\"rts-st-checkbox-desc\">Fix typos, punctuation &amp; improve readability across story, slides &amp; entities</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-characters-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"characters\"\n                 id=\"story-repair-characters-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Characters</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing important characters and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-artifacts-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"artifacts\"\n                 id=\"story-repair-artifacts-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Artifacts</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing memorable objects and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-locations-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"locations\"\n                 id=\"story-repair-locations-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Locations</span>\n            <span class=\"rts-st-checkbox-desc\">Add missing story locations and link them to slides</span>\n          </span>\n        </label>\n\n        <label class=\"rts-st-checkbox-row\" for=\"story-repair-sanitize-images-{{ step.id }}\">\n          <input type=\"checkbox\"\n                 class=\"rts-st-checkbox-input\"\n                 formControlName=\"sanitizeImages\"\n                 id=\"story-repair-sanitize-images-{{ step.id }}\"\n                 (change)=\"onOptionChanged()\"\n          />\n          <span class=\"rts-st-checkbox-body\">\n            <span class=\"rts-st-checkbox-title\">Sanitize images</span>\n            <span class=\"rts-st-checkbox-desc\">Properly name &amp; upload story, slide, character, artifact, location &amp; author images to the public bucket for SEO</span>\n          </span>\n        </label>\n      </div>\n      @if (!hasAtLeastOneOption) {\n        <div class=\"rts-storyteller-error\">Please select at least one option to repair.</div>\n      }\n    </div>\n  }\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Agent</span>\n    @if (agents.length) {\n      <div class=\"rts-storyteller-select-wrap\">\n        <select class=\"rts-storyteller-input rts-storyteller-select\"\n                [class.rts-storyteller-invalid]=\"isInvalid('agentId')\"\n                formControlName=\"agentId\"\n                id=\"story-repair-agent-{{ step.id }}\"\n        >\n          <option value=\"\" disabled>Select an agent</option>\n          @for (agent of agents; track agent.id) {\n            <option [value]=\"agent.id\">\n              {{ agent.name }}{{ agent.agentConfiguration?.model?.model ? ' \u00B7 ' + agent.agentConfiguration?.model?.model : '' }}\n            </option>\n          }\n        </select>\n        <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n      </div>\n    } @else {\n      <div class=\"rts-storyteller-hint\">There are no agentic members in this chat. Add an agent to continue.</div>\n    }\n  </label>\n\n  @if (workflow.submitError) {\n    <div class=\"rts-storyteller-error\">{{ workflow.submitError }}</div>\n  }\n\n  @if (step.isActive) {\n    <div class=\"rts-storyteller-actions rts-st-translator-actions\">\n      @if (canCancel) {\n        <button class=\"rts-st-cancel\"\n                type=\"button\"\n                id=\"story-repair-cancel-{{ step.id }}\"\n                (click)=\"cancel()\"\n        >Cancel</button>\n      }\n      <button class=\"rts-storyteller-submit\"\n              type=\"submit\"\n              [disabled]=\"workflow.submitInProgress || !agents.length || !selectedStory || !hasAtLeastOneOption\"\n              id=\"story-repair-submit-{{ step.id }}\"\n      >\n        @if (workflow.submitInProgress) {\n          <span class=\"rts-storyteller-spinner\"></span> Repairing\u2026\n        } @else {\n          \uD83D\uDEE0\uFE0F Repair Story\n        }\n      </button>\n    </div>\n  }\n</form>\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n", ".rts-st-autocomplete{position:relative}.rts-st-autocomplete-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-input{padding-left:32px;padding-right:32px}.rts-st-autocomplete-input.rts-st-autocomplete-selected{font-weight:600}.rts-st-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:50%;font-size:10px;cursor:pointer;color:var(--rts-text-secondary, #8a8fa3);background:transparent;transition:background .15s ease,color .15s ease}.rts-st-autocomplete-clear:hover{color:var(--rts-text-primary);background:#8b5cf626}.rts-st-autocomplete-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;border-radius:10px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-secondary, var(--rts-bg-primary, #1d1f2b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px -12px #00000073;animation:rts-st-panel-in .14s ease-out}.rts-st-autocomplete-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s ease}.rts-st-autocomplete-option.rts-st-autocomplete-option-active{background:linear-gradient(135deg,#6366f129,#8b5cf61a)}.rts-st-autocomplete-option[aria-selected=true] .rts-st-autocomplete-option-name{color:var(--rts-st-accent)}.rts-st-autocomplete-thumb{flex-shrink:0;width:30px;height:30px;border-radius:7px;object-fit:cover}.rts-st-autocomplete-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:15px;background:#8b5cf624}.rts-st-autocomplete-option-body{display:flex;flex-direction:column;min-width:0}.rts-st-autocomplete-option-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:var(--rts-text-primary)}.rts-st-autocomplete-option-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-empty{padding:8px;font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-error{font-style:normal;color:#f43f5e}.rts-st-translator-actions{gap:8px}.rts-st-checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.rts-st-checkbox-row:hover{border-color:#8b5cf673;background:#8b5cf60f}.rts-st-checkbox-input{margin-top:2px;width:15px;height:15px;flex-shrink:0;accent-color:var(--rts-st-accent, #8b5cf6);cursor:pointer}.rts-st-checkbox-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rts-st-checkbox-title{font-size:13px;font-weight:600;color:var(--rts-text-primary)}.rts-st-checkbox-desc{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-cancel{padding:8px 16px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:transparent;color:var(--rts-text-secondary, #8a8fa3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.rts-st-cancel:hover{color:var(--rts-text-primary);border-color:#f43f5e73;background:#f43f5e0f}@keyframes rts-st-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n", ".rts-st-repair-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 480px){.rts-st-repair-options-grid{grid-template-columns:1fr}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { step: [{
                 type: Input
             }], workflow: [{