Add prefix support to text selector (#17335)

src/components/ha-selector/ha-selector-text.ts

@@ -65,6 +65,7 @@ export class HaTextSelector extends LitElement {
         .type=${this._unmaskedPassword ? "text" : this.selector.text?.type}
         @input=${this._handleChange}
         .label=${this.label || ""}
+        .prefix=${this.selector.text?.prefix}
         .suffix=${this.selector.text?.type === "password"
           ? // reserve some space for the icon.
             html`<div style="width: 24px"></div>`

src/data/selector.ts

@@ -329,6 +329,7 @@ export interface StringSelector {
       | "time"
       | "datetime-local"
       | "color";
+    prefix?: string;
     suffix?: string;
     autocomplete?: string;
   } | null;

src/panels/config/script/ha-script-editor.ts

@@ -122,7 +122,9 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
               {
                 name: "id",
                 selector: {
-                  text: {},
+                  text: {
+                    prefix: "script.",
+                  },
                 },
               },
             ] as const)