From e5e9dfd6cd239e1cefa1a12b6102acc5c95434f1 Mon Sep 17 00:00:00 2001
From: Patrick Balsiger <frupii@gmail.com>
Date: Thu, 28 Aug 2025 10:58:07 +0200
Subject: [PATCH] feat: add dropdown for multiple values

---
 public/components.js | 5 ++++-
 public/styles.css    | 7 +++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/components.js b/public/components.js
index 24bbd55..61b8d00 100644
--- a/public/components.js
+++ b/public/components.js
@@ -914,7 +914,10 @@ class NodeDetailsComponent extends Component {
                 ? `<div class="capability-params">${ep.params.map((p, pidx) => `
                     <label class="capability-param" for="${formId}-field-${pidx}">
                         <span class="param-name">${p.name}${p.required ? ' *' : ''}</span>
-                        <input id="${formId}-field-${pidx}" data-param-name="${p.name}" data-param-location="${p.location || 'body'}" data-param-type="${p.type || 'string'}" data-param-required="${p.required ? '1' : '0'}" class="param-input" type="text" placeholder="${p.location || 'body'} • ${p.type || 'string'}">
+                        ${ (Array.isArray(p.values) && p.values.length > 1)
+                            ? `<select id="${formId}-field-${pidx}" data-param-name="${p.name}" data-param-location="${p.location || 'body'}" data-param-type="${p.type || 'string'}" data-param-required="${p.required ? '1' : '0'}" class="param-input">${p.values.map(v => `<option value="${v}">${v}</option>`).join('')}</select>`
+                            : `<input id="${formId}-field-${pidx}" data-param-name="${p.name}" data-param-location="${p.location || 'body'}" data-param-type="${p.type || 'string'}" data-param-required="${p.required ? '1' : '0'}" class="param-input" type="text" placeholder="${p.location || 'body'} • ${p.type || 'string'}" value="${(Array.isArray(p.values) && p.values.length === 1) ? p.values[0] : ''}">`
+                        }
                     </label>
                 `).join('')}</div>`
                 : '<div class="capability-params none">No parameters</div>';
diff --git a/public/styles.css b/public/styles.css
index 1ae3647..5b05ce9 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1810,6 +1810,7 @@ p {
 	font-weight: 500;
 }
 
+/* Adjust param-input to support <select> as well */
 .param-input {
 	background: rgba(255, 255, 255, 0.05);
 	border: 1px solid rgba(255, 255, 255, 0.1);
@@ -1819,6 +1820,12 @@ p {
 	outline: none;
 	transition: border-color 0.2s ease, background 0.2s ease;
 	font-size: 0.9rem;
+	appearance: none;
+}
+
+.param-input option {
+	background: #1f2937;
+	color: #ecf0f1;
 }
 
 .param-input:focus {