promptlineapp 1.10.2 → 1.10.3

package/bin/cli.js

@@ -2380,9 +2380,11 @@ export default function DevAdmin() {
   const [endpoints, setEndpoints] = useState({})
   const [endpointStatus, setEndpointStatus] = useState({}) // { bindingName: { alive: bool, info: obj, loading: string } }
   const [testBinding, setTestBinding] = useState('')
-  const [testInput, setTestInput] = useState('Hello, test!')
+  const [testVariables, setTestVariables] = useState({})
+  const [testSchema, setTestSchema] = useState(null) // input_schema from endpoint info
   const [testResult, setTestResult] = useState('')
   const [testing, setTesting] = useState(false)
+  const [loadingSchema, setLoadingSchema] = useState(false)
   const [saved, setSaved] = useState(false)
 
   useEffect(() => {
@@ -2490,6 +2492,47 @@ export default function DevAdmin() {
     }
   }
 
+  // Load schema when test binding changes
+  const loadTestSchema = async (bindingName) => {
+    const epData = typeof endpoints[bindingName] === 'string'
+      ? parseEndpointUrl(endpoints[bindingName])
+      : endpoints[bindingName]
+    if (!epData?.id || !apiKey) {
+      setTestSchema(null)
+      return
+    }
+
+    setLoadingSchema(true)
+    try {
+      const proxyPath = getProxyPath(epData.env)
+      const res = await fetch(proxyPath + '/' + epData.id + '/info', {
+        method: 'GET',
+        headers: { 'X-API-Key': apiKey }
+      })
+      const data = await res.json()
+      if (res.ok && data.inputSchema) {
+        setTestSchema(data.inputSchema)
+        const vars = {}
+        Object.keys(data.inputSchema.properties || {}).forEach(key => {
+          vars[key] = ''
+        })
+        setTestVariables(vars)
+      } else {
+        setTestSchema(null)
+      }
+    } catch (err) {
+      setTestSchema(null)
+    }
+    setLoadingSchema(false)
+  }
+
+  const handleBindingChange = (bindingName) => {
+    setTestBinding(bindingName)
+    setTestResult('')
+    setTestVariables({})
+    loadTestSchema(bindingName)
+  }
+
   const testEndpoint = async () => {
     const epData = typeof endpoints[testBinding] === 'string'
       ? parseEndpointUrl(endpoints[testBinding])
@@ -2514,7 +2557,10 @@ export default function DevAdmin() {
           'Content-Type': 'application/json',
           'X-API-Key': apiKey
         },
-        body: JSON.stringify({ input: { text: testInput } })
+        body: JSON.stringify({
+          input: testVariables,
+          variables: testVariables
+        })
       })
       const data = await res.json()
       if (!res.ok || data.error) {
@@ -2774,13 +2820,28 @@ export default function DevAdmin() {
         <div style={{ display: 'flex', gap: 8, marginBottom: 12 }}>
           <select
             value={testBinding}
-            onChange={e => setTestBinding(e.target.value)}
+            onChange={e => handleBindingChange(e.target.value)}
             style={{ flex: 1, padding: 8, border: '1px solid #d1d5db', borderRadius: 4 }}
           >
             {availableBindings.map(b => (
               <option key={b.name} value={b.name}>{b.name}</option>
             ))}
           </select>
+          <button
+            onClick={() => loadTestSchema(testBinding)}
+            disabled={loadingSchema}
+            style={{
+              padding: '8px 12px',
+              background: '#fff',
+              color: '#6366f1',
+              border: '1px solid #6366f1',
+              borderRadius: 4,
+              cursor: loadingSchema ? 'wait' : 'pointer',
+              fontSize: 12
+            }}
+          >
+            {loadingSchema ? '...' : '↻ Load Schema'}
+          </button>
           <button
             onClick={testEndpoint}
             disabled={testing}
@@ -2796,22 +2857,84 @@ export default function DevAdmin() {
             {testing ? '...' : 'Send'}
           </button>
         </div>
-        <textarea
-          value={testInput}
-          onChange={e => setTestInput(e.target.value)}
-          placeholder="Test input..."
-          rows={2}
-          style={{ width: '100%', padding: 8, border: '1px solid #d1d5db', borderRadius: 4, marginBottom: 12, resize: 'vertical' }}
-        />
+
+        {/* Variable Inputs */}
+        {testSchema?.properties && Object.keys(testSchema.properties).length > 0 ? (
+          <div style={{ marginBottom: 12 }}>
+            <div style={{ fontSize: 12, color: '#6b7280', marginBottom: 8 }}>
+              Variables ({Object.keys(testSchema.properties).length}):
+            </div>
+            <div style={{ display: 'grid', gap: 8 }}>
+              {Object.entries(testSchema.properties).map(([key, prop]) => (
+                <div key={key} style={{ display: 'flex', gap: 8, alignItems: 'flex-start' }}>
+                  <label style={{
+                    width: 140,
+                    fontSize: 12,
+                    fontWeight: 500,
+                    paddingTop: 8,
+                    color: testSchema.required?.includes(key) ? '#111' : '#6b7280'
+                  }}>
+                    {key}
+                    {testSchema.required?.includes(key) && <span style={{ color: '#ef4444' }}>*</span>}
+                  </label>
+                  {prop.type === 'object' || prop.type === 'array' ? (
+                    <textarea
+                      value={testVariables[key] || ''}
+                      onChange={e => setTestVariables(prev => ({ ...prev, [key]: e.target.value }))}
+                      placeholder={prop.description || \`Enter \${key} (JSON)\`}
+                      rows={2}
+                      style={{
+                        flex: 1,
+                        padding: 8,
+                        border: '1px solid #d1d5db',
+                        borderRadius: 4,
+                        fontSize: 12,
+                        resize: 'vertical'
+                      }}
+                    />
+                  ) : (
+                    <input
+                      type={prop.type === 'number' || prop.type === 'integer' ? 'number' : 'text'}
+                      value={testVariables[key] || ''}
+                      onChange={e => setTestVariables(prev => ({ ...prev, [key]: e.target.value }))}
+                      placeholder={prop.description || \`Enter \${key}\`}
+                      style={{
+                        flex: 1,
+                        padding: 8,
+                        border: '1px solid #d1d5db',
+                        borderRadius: 4,
+                        fontSize: 12
+                      }}
+                    />
+                  )}
+                </div>
+              ))}
+            </div>
+          </div>
+        ) : (
+          <div style={{
+            padding: 12,
+            background: '#f9fafb',
+            borderRadius: 4,
+            fontSize: 12,
+            color: '#6b7280',
+            marginBottom: 12,
+            textAlign: 'center'
+          }}>
+            {loadingSchema ? 'Loading schema...' : 'Click "Load Schema" to see available variables'}
+          </div>
+        )}
+
         {testResult && (
           <pre style={{
-            background: '#f9fafb',
+            background: testResult.startsWith('Error') ? '#fef2f2' : '#f0fdf4',
             padding: 12,
             borderRadius: 4,
             fontSize: 13,
             overflow: 'auto',
-            maxHeight: 200,
-            whiteSpace: 'pre-wrap'
+            maxHeight: 300,
+            whiteSpace: 'pre-wrap',
+            border: testResult.startsWith('Error') ? '1px solid #fecaca' : '1px solid #bbf7d0'
           }}>
             {testResult}
           </pre>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "promptlineapp",
-  "version": "1.10.2",
+  "version": "1.10.3",
   "description": "Create PromptLine applications with ease",
   "author": "PromptLine <support@promptlineops.com>",
   "license": "MIT",