StartITBot · qelli · Jan 24, 2026
diff --git a/components-sdk/src/components/ActionRow.tsx b/components-sdk/src/components/ActionRow.tsx
@@ -25,7 +25,7 @@ export function ActionRow({
         <div className={isStringSelect ? '' : Styles.action_row}>
             {(state?.components || []).map((component, index) => (
                 <ActionRowInner
-                    key={component.custom_id || `${randomString}::${index}`}
+                    key={`${randomString}::${index}`}
                     stateKey={stateKey}
                     index={index}
                     passProps={passProps}

diff --git a/components-sdk/src/components/Button.tsx b/components-sdk/src/components/Button.tsx
@@ -117,6 +117,7 @@ export function Button(
                 {open === 2 && <MenuEmoji stateKey={[...stateKey, 'emoji']} stateManager={stateManager} passProps={passProps}/>}
                 {open === 3 && <MenuLabel closeLockRef={closeLockRef} state={state.label || ""} stateKey={[...stateKey, 'label']} stateManager={stateManager} setOpen={setOpen}/>}
                 {open === 4 && <MenuLabel closeLockRef={closeLockRef} state={state.url || ""} stateKey={[...stateKey, 'url']} stateManager={stateManager} setOpen={setOpen}/>}
+                {open === 5 && <MenuLabel closeLockRef={closeLockRef} state={state.custom_id || ""} stateKey={[...stateKey, 'custom_id']} stateManager={stateManager} setOpen={setOpen}/>}
             </div>}
         </div></DragLines>
     )
@@ -175,6 +176,10 @@ function MenuFirst({state, stateKey, stateManager, setOpen, removeKeyParent, act
                 stateManager.setKey({key: [...stateKey, "style"], value: ButtonStyle.RED});
                 ev.stopPropagation();
             }}/>
+            <MenuOption src={DescriptionPen} text={t('button.change-custom_id')} onClick={(ev) => {
+                setOpen(5);
+                ev.stopPropagation();
+            }} />
         </Fragment>}
 
         {!!removeKeyParent && <MenuOption src={TrashIcon} text={t('button.delete')} onClick={() => {

diff --git a/components-sdk/src/components/StringSelect.tsx b/components-sdk/src/components/StringSelect.tsx
@@ -53,7 +53,7 @@ export function StringSelect({
             <GlobalSettings state={state} stateKey={stateKey} stateManager={stateManager} />
 
             {state.options.map((option, index) => <StringSelectOption
-                key={option.value}
+                key={index}
                 state={option}
                 stateKey={stateKey}
                 index={index}
@@ -104,6 +104,7 @@ function GlobalSettings({state, stateKey, stateManager} : {
             {open === 2 && <MenuLabel closeLockRef={closeLockRef} state={state.placeholder || ""} stateKey={[...stateKey, 'placeholder']} stateManager={stateManager} setOpen={setOpen}/>}
             {open === 3 && <MenuRange min={1} max={state.options.length} state={min_values} stateKey={[...stateKey, 'min_values']} stateManager={stateManager}/>}
             {open === 4 && <MenuRange min={1} max={state.options.length} state={max_values} stateKey={[...stateKey, 'max_values']} stateManager={stateManager}/>}
+            {open === 5 && <MenuLabel closeLockRef={closeLockRef} state={state.custom_id || ""} stateKey={[...stateKey, 'custom_id']} stateManager={stateManager} setOpen={setOpen}/>}
         </div>}
 
     </div>
@@ -181,6 +182,13 @@ function GlobalSettingsFirst({state, stateKey, stateManager, setOpen} : {
             <div className={CapsuleStyles.large_button_ctx_item_text}>{t('string-select.set-maximum')}</div>
         </div>
 
+        <div className={CapsuleStyles.large_button_ctx_item} onClick={(ev) => {
+            setOpen(5);
+            ev.stopPropagation();
+        }}>
+            <div className={CapsuleStyles.large_button_ctx_item_img}><img src={DescriptionPen} alt=""/></div>
+            <div className={CapsuleStyles.large_button_ctx_item_text}>{t('string-select.change-custom_id')}</div>
+        </div>
     </>
 }
 
@@ -215,6 +223,7 @@ function StringSelectOption({state, stateKey: stateParent, index, stateManager,
                 {open === 2 && <MenuEmoji stateKey={[...stateKey, 'emoji']} stateManager={stateManager} passProps={passProps}/>}
                 {open === 3 && <MenuLabel closeLockRef={closeLockRef} state={state.label} stateKey={[...stateKey, 'label']} stateManager={stateManager} setOpen={setOpen}/>}
                 {open === 4 && <MenuLabel closeLockRef={closeLockRef} state={state.description || ""} nullable={true} stateKey={[...stateKey, "description"]} stateManager={stateManager} setOpen={setOpen}/>}
+                {open === 5 && <MenuLabel closeLockRef={closeLockRef} state={state.value || ""} nullable={true} stateKey={[...stateKey, "value"]} stateManager={stateManager} setOpen={setOpen}/>}
             </div>}
         </div></DragLines>
     )
@@ -272,6 +281,13 @@ function MenuFirst({state, stateKey, stateManager, setOpen, removeKeyParent, act
             <div className={CapsuleStyles.large_button_ctx_item_img}><img src={DescriptionText} alt=""/></div>
             <div className={CapsuleStyles.large_button_ctx_item_text}>{state.description == null ? t('string-select.add-description') : t('string-select.change-description')}</div>
         </div>
+        <div className={CapsuleStyles.large_button_ctx_item} onClick={(ev) => {
+            setOpen(5);
+            ev.stopPropagation();
+        }}>
+            <div className={CapsuleStyles.large_button_ctx_item_img}><img src={DescriptionPen} alt=""/></div>
+            <div className={CapsuleStyles.large_button_ctx_item_text}>{t('string-select.change-value')}</div>
+        </div>
         {state.description != null && <div className={CapsuleStyles.large_button_ctx_item} onClick={(ev) => {
             stateManager.setKey({key: [...stateKey, "description"], value: null})
         }}>

diff --git a/components-sdk/src/locales/ca.json b/components-sdk/src/locales/ca.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Canviar emoji",
   "string-select.clear-emoji": "Esborrar emoji",
   "string-select.change-label": "Canviar etiqueta",
+  "string-select.change-custom_id": "Canviar ID personalitzat",
+  "string-select.change-value": "Canviar valor",
   "string-select.add-description": "Afegir descripció",
   "string-select.change-description": "Canviar descriptió",
   "string-select.clear-description": "Esborrar descriptió",
   "string-select.delete": "Esborrar",
   "button.change-url": "Canviar URL",
+  "button.change-custom_id": "Canviar ID personalitzat",
   "button.mark-enabled": "Marcar com a activat",
   "button.mark-disabled": "Marcar com a desactivat",
   "button.set-action-main": "Establir com Acció principal",

diff --git a/components-sdk/src/locales/de.json b/components-sdk/src/locales/de.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Emoji ändern",
   "string-select.clear-emoji": "Emoji löschen",
   "string-select.change-label": "Label ändern",
+  "string-select.change-custom_id": "Benutzerdefinierte ID ändern",
+  "string-select.change-value": "Wert ändern",
   "string-select.add-description": "Beschreibung hinzufügen",
   "string-select.change-description": "Beschreibung ändern",
   "string-select.clear-description": "Beschreibung löschen",
   "string-select.delete": "Löschen",
   "button.change-url": "URL ändern",
+  "button.change-custom_id": "Benutzerdefinierte ID ändern",
   "button.mark-enabled": "Als aktiviert markieren",
   "button.mark-disabled": "Als deaktiviert markieren",
   "button.set-action-main": "Als Hauptaktion festlegen",

diff --git a/components-sdk/src/locales/en.json b/components-sdk/src/locales/en.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Change emoji",
   "string-select.clear-emoji": "Clear emoji",
   "string-select.change-label": "Change label",
+  "string-select.change-custom_id": "Change custom id",
+  "string-select.change-value": "Change value",
   "string-select.add-description": "Add description",
   "string-select.change-description": "Change description",
   "string-select.clear-description": "Clear description",
   "string-select.delete": "Delete",
   "button.change-url": "Change URL",
+  "button.change-custom_id": "Change custom id",
   "button.mark-enabled": "Mark as enabled",
   "button.mark-disabled": "Mark as disabled",
   "button.set-action-main": "Set as Main action",

diff --git a/components-sdk/src/locales/es.json b/components-sdk/src/locales/es.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Cambiar emoji",
   "string-select.clear-emoji": "Borrar emoji",
   "string-select.change-label": "Cambiar etiqueta",
+  "string-select.change-custom_id": "Cambiar ID personalizado",
+  "string-select.change-value": "Cambiar valor",
   "string-select.add-description": "Añadir descripción",
   "string-select.change-description": "Cambiar descripción",
   "string-select.clear-description": "Borrar descripción",
   "string-select.delete": "Borrar",
   "button.change-url": "Cambiar URL",
+  "button.change-custom_id": "Cambiar ID personalizado",
   "button.mark-enabled": "Marcar como activado",
   "button.mark-disabled": "Marcar como desactivado",
   "button.set-action-main": "Marcar como acción Principal",

diff --git a/components-sdk/src/locales/fr.json b/components-sdk/src/locales/fr.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Modifier l'emoji",
   "string-select.clear-emoji": "Effacer l'emoji",
   "string-select.change-label": "Modifier l'étiquette",
+  "string-select.change-custom_id": "Modifier l'identifiant personnalisé",
+  "string-select.change-value": "Modifier la valeur",
   "string-select.add-description": "Ajouter une description",
   "string-select.change-description": "Modifier la description",
   "string-select.clear-description": "Effacer la description",
   "string-select.delete": "Supprimer",
   "button.change-url": "Modifier l'URL",
+  "button.change-custom_id": "Modifier l'identifiant personnalisé",
   "button.mark-enabled": "Marquer comme activé",
   "button.mark-disabled": "Marquer comme désactivé",
   "button.set-action-main": "Définir comme action principale",

diff --git a/components-sdk/src/locales/pl.json b/components-sdk/src/locales/pl.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Zmień emoji",
   "string-select.clear-emoji": "Usuń emoji",
   "string-select.change-label": "Zmień etykietę",
+  "string-select.change-custom_id": "Zmień niestandardowe ID",
+  "string-select.change-value": "Zmień wartość",
   "string-select.add-description": "Dodaj opis",
   "string-select.change-description": "Zmień opis",
   "string-select.clear-description": "Wyczyść opis",
   "string-select.delete": "Usuń",
   "button.change-url": "Zmień link",
+  "button.change-custom_id": "Zmień niestandardowe ID",
   "button.mark-enabled": "Ustaw jako włączone",
   "button.mark-disabled": "Ustaw jako wyłączone",
   "button.set-action-main": "Ustaw jako Akcję Główną",

diff --git a/components-sdk/src/locales/pt.json b/components-sdk/src/locales/pt.json
@@ -44,11 +44,14 @@
   "string-select.change-emoji": "Alterar emoji",
   "string-select.clear-emoji": "Limpar emoji",
   "string-select.change-label": "Alterar rótulo",
+  "string-select.change-custom_id": "Alterar ID personalizado",
+  "string-select.change-value": "Alterar valor",
   "string-select.add-description": "Adicionar descrição",
   "string-select.change-description": "Alterar descrição",
   "string-select.clear-description": "Limpar descrição",
   "string-select.delete": "Excluir",
   "button.change-url": "Alterar URL",
+  "button.change-custom_id": "Alterar ID personalizado",
   "button.mark-enabled": "Marcar como ativado",
   "button.mark-disabled": "Marcar como desativado",
   "button.set-action-main": "Definir como ação Principal",