promptlineapp 1.7.0 → 1.8.0

package/bin/cli.js

@@ -2332,9 +2332,20 @@ import { availableBindings } from './sdk-mock'
 const STORAGE_KEY = 'promptline_endpoints_config'
 const API_KEY_STORAGE = 'promptline_api_key'
 
+// Helper to extract endpoint ID from URL or return as-is
+function extractEndpointId(value) {
+  if (!value) return ''
+  // If it's a full URL, extract the endpoint ID
+  const match = value.match(/\\/api\\/v1\\/live\\/([^?/]+)/) || value.match(/\\/live\\/([^?/]+)/)
+  if (match) return match[1]
+  // If it starts with ep_ or similar, use as-is
+  return value
+}
+
 export default function DevAdmin() {
   const [apiKey, setApiKey] = useState('')
   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 [testResult, setTestResult] = useState('')
@@ -2352,8 +2363,14 @@ export default function DevAdmin() {
   }, [])
 
   const save = () => {
+    // Clean endpoint values (extract IDs from URLs)
+    const cleanedEndpoints = {}
+    Object.entries(endpoints).forEach(([key, value]) => {
+      cleanedEndpoints[key] = extractEndpointId(value)
+    })
+    setEndpoints(cleanedEndpoints)
     localStorage.setItem(API_KEY_STORAGE, apiKey)
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(endpoints))
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(cleanedEndpoints))
     setSaved(true)
     setTimeout(() => setSaved(false), 2000)
   }
@@ -2362,8 +2379,75 @@ export default function DevAdmin() {
     setEndpoints(prev => ({ ...prev, [name]: value }))
   }
 
+  // Check if endpoint is alive
+  const checkIsAlive = async (bindingName) => {
+    const endpointId = extractEndpointId(endpoints[bindingName])
+    if (!endpointId) {
+      setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], alive: false, error: 'No endpoint ID' } }))
+      return
+    }
+
+    setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], loading: 'alive' } }))
+
+    try {
+      const res = await fetch('/api/promptline/' + endpointId + '/isAlive', {
+        method: 'GET',
+        headers: apiKey ? { 'X-API-Key': apiKey } : {}
+      })
+      const data = await res.json().catch(() => ({}))
+      setEndpointStatus(prev => ({
+        ...prev,
+        [bindingName]: {
+          ...prev[bindingName],
+          alive: res.ok && data.alive === true,
+          loading: null,
+          error: res.ok ? null : (data.detail || res.statusText)
+        }
+      }))
+    } catch (err) {
+      setEndpointStatus(prev => ({
+        ...prev,
+        [bindingName]: { ...prev[bindingName], alive: false, loading: null, error: err.message }
+      }))
+    }
+  }
+
+  // Get endpoint info
+  const fetchInfo = async (bindingName) => {
+    const endpointId = extractEndpointId(endpoints[bindingName])
+    if (!endpointId) {
+      setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], error: 'No endpoint ID' } }))
+      return
+    }
+
+    setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], loading: 'info' } }))
+
+    try {
+      const res = await fetch('/api/promptline/' + endpointId + '/info', {
+        method: 'GET',
+        headers: apiKey ? { 'X-API-Key': apiKey } : {}
+      })
+      const data = await res.json().catch(() => ({}))
+      setEndpointStatus(prev => ({
+        ...prev,
+        [bindingName]: {
+          ...prev[bindingName],
+          info: res.ok ? data : null,
+          loading: null,
+          error: res.ok ? null : (data.detail || res.statusText)
+        }
+      }))
+    } catch (err) {
+      setEndpointStatus(prev => ({
+        ...prev,
+        [bindingName]: { ...prev[bindingName], info: null, loading: null, error: err.message }
+      }))
+    }
+  }
+
   const testEndpoint = async () => {
-    if (!testBinding || !endpoints[testBinding]) {
+    const endpointId = extractEndpointId(endpoints[testBinding])
+    if (!testBinding || !endpointId) {
       setTestResult('Error: Endpoint not configured')
       return
     }
@@ -2376,7 +2460,7 @@ export default function DevAdmin() {
     setTestResult('Calling API...')
 
     try {
-      const res = await fetch('/api/promptline/' + endpoints[testBinding] + '?mode=sync', {
+      const res = await fetch('/api/promptline/' + endpointId + '?mode=sync', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -2399,8 +2483,18 @@ export default function DevAdmin() {
 
   const configuredCount = Object.values(endpoints).filter(Boolean).length
 
+  const btnStyle = (loading) => ({
+    padding: '4px 8px',
+    fontSize: 11,
+    border: '1px solid #d1d5db',
+    borderRadius: 4,
+    background: loading ? '#f3f4f6' : '#fff',
+    cursor: loading ? 'wait' : 'pointer',
+    marginRight: 4
+  })
+
   return (
-    <div style={{ maxWidth: 900, margin: '0 auto', padding: 24, fontFamily: 'system-ui, sans-serif' }}>
+    <div style={{ maxWidth: 1000, margin: '0 auto', padding: 24, fontFamily: 'system-ui, sans-serif' }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 24 }}>
         <h1 style={{ margin: 0, color: '#f59e0b' }}>/_dev</h1>
         <Link to="/" style={{ color: '#6366f1' }}>← Back to App</Link>
@@ -2418,9 +2512,12 @@ export default function DevAdmin() {
           type="password"
           value={apiKey}
           onChange={e => setApiKey(e.target.value)}
-          placeholder="sk_org_..."
+          placeholder="sk_org_... or sk_ws_..."
           style={{ width: '100%', padding: 12, border: '1px solid #d1d5db', borderRadius: 6, fontSize: 14 }}
         />
+        <p style={{ margin: '8px 0 0', fontSize: 12, color: '#6b7280' }}>
+          This API key will be used for Info and IsAlive checks
+        </p>
       </div>
 
       {/* Bindings */}
@@ -2433,38 +2530,88 @@ export default function DevAdmin() {
             <tr style={{ borderBottom: '2px solid #e5e7eb' }}>
               <th style={{ textAlign: 'left', padding: 8 }}>Binding</th>
               <th style={{ textAlign: 'left', padding: 8 }}>Endpoint ID</th>
+              <th style={{ textAlign: 'center', padding: 8, width: 140 }}>Actions</th>
               <th style={{ textAlign: 'center', padding: 8, width: 60 }}>Status</th>
             </tr>
           </thead>
           <tbody>
-            {availableBindings.map(b => (
-              <tr key={b.name} style={{ borderBottom: '1px solid #f3f4f6' }}>
-                <td style={{ padding: 8 }}>
-                  <div style={{ fontWeight: 500 }}>{b.name}</div>
-                  <div style={{ fontSize: 12, color: '#6b7280' }}>{b.description?.slice(0, 60) || b.type}</div>
-                </td>
-                <td style={{ padding: 8 }}>
-                  <input
-                    type="text"
-                    value={endpoints[b.name] || ''}
-                    onChange={e => updateEndpoint(b.name, e.target.value)}
-                    placeholder="ep_..."
-                    style={{ width: '100%', padding: 8, border: '1px solid #d1d5db', borderRadius: 4, fontSize: 13 }}
-                  />
-                </td>
-                <td style={{ padding: 8, textAlign: 'center' }}>
-                  <span style={{
-                    display: 'inline-block',
-                    width: 12,
-                    height: 12,
-                    borderRadius: '50%',
-                    background: endpoints[b.name] ? '#22c55e' : '#d1d5db'
-                  }} />
-                </td>
-              </tr>
-            ))}
+            {availableBindings.map(b => {
+              const status = endpointStatus[b.name] || {}
+              return (
+                <tr key={b.name} style={{ borderBottom: '1px solid #f3f4f6' }}>
+                  <td style={{ padding: 8 }}>
+                    <div style={{ fontWeight: 500 }}>{b.name}</div>
+                    <div style={{ fontSize: 12, color: '#6b7280' }}>{b.description?.slice(0, 50) || b.type}</div>
+                  </td>
+                  <td style={{ padding: 8 }}>
+                    <input
+                      type="text"
+                      value={endpoints[b.name] || ''}
+                      onChange={e => updateEndpoint(b.name, e.target.value)}
+                      placeholder="ep_... or full URL"
+                      style={{ width: '100%', padding: 8, border: '1px solid #d1d5db', borderRadius: 4, fontSize: 12 }}
+                    />
+                  </td>
+                  <td style={{ padding: 8, textAlign: 'center' }}>
+                    <button
+                      onClick={() => checkIsAlive(b.name)}
+                      disabled={status.loading === 'alive'}
+                      style={btnStyle(status.loading === 'alive')}
+                      title="Check if endpoint is alive"
+                    >
+                      {status.loading === 'alive' ? '...' : '♥ Alive'}
+                    </button>
+                    <button
+                      onClick={() => fetchInfo(b.name)}
+                      disabled={status.loading === 'info'}
+                      style={btnStyle(status.loading === 'info')}
+                      title="Get endpoint info"
+                    >
+                      {status.loading === 'info' ? '...' : 'ℹ Info'}
+                    </button>
+                  </td>
+                  <td style={{ padding: 8, textAlign: 'center' }}>
+                    <span
+                      style={{
+                        display: 'inline-block',
+                        width: 12,
+                        height: 12,
+                        borderRadius: '50%',
+                        background: status.alive === true ? '#22c55e' : status.alive === false ? '#ef4444' : (endpoints[b.name] ? '#fbbf24' : '#d1d5db')
+                      }}
+                      title={status.error || (status.alive ? 'Alive' : status.alive === false ? 'Not responding' : 'Not checked')}
+                    />
+                  </td>
+                </tr>
+              )
+            })}
           </tbody>
         </table>
+
+        {/* Show info panel if any endpoint has info */}
+        {Object.entries(endpointStatus).some(([_, s]) => s.info) && (
+          <div style={{ marginTop: 16, padding: 12, background: '#f9fafb', borderRadius: 6, fontSize: 12 }}>
+            <strong>Endpoint Info:</strong>
+            {Object.entries(endpointStatus).filter(([_, s]) => s.info).map(([name, s]) => (
+              <div key={name} style={{ marginTop: 8 }}>
+                <strong>{name}:</strong>
+                <pre style={{ margin: '4px 0', whiteSpace: 'pre-wrap', fontSize: 11 }}>
+                  {JSON.stringify(s.info, null, 2)}
+                </pre>
+              </div>
+            ))}
+          </div>
+        )}
+
+        {/* Show errors */}
+        {Object.entries(endpointStatus).some(([_, s]) => s.error) && (
+          <div style={{ marginTop: 16, padding: 12, background: '#fef2f2', borderRadius: 6, fontSize: 12, color: '#dc2626' }}>
+            <strong>Errors:</strong>
+            {Object.entries(endpointStatus).filter(([_, s]) => s.error).map(([name, s]) => (
+              <div key={name}>{name}: {s.error}</div>
+            ))}
+          </div>
+        )}
       </div>
 
       {/* Save Button */}
@@ -2488,7 +2635,7 @@ export default function DevAdmin() {
 
       {/* Test Panel */}
       <div style={{ background: '#fff', border: '1px solid #e5e7eb', borderRadius: 8, padding: 16 }}>
-        <h2 style={{ margin: '0 0 16px', fontSize: 18 }}>🧪 Test</h2>
+        <h2 style={{ margin: '0 0 16px', fontSize: 18 }}>🧪 Test AI Call</h2>
         <div style={{ display: 'flex', gap: 8, marginBottom: 12 }}>
           <select
             value={testBinding}
@@ -2511,7 +2658,7 @@ export default function DevAdmin() {
               cursor: testing ? 'wait' : 'pointer'
             }}
           >
-            {testing ? '...' : 'Test'}
+            {testing ? '...' : 'Send'}
           </button>
         </div>
         <textarea

package/package.json

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