);
}
// ── Sim Key Validator ─────────────────────────────────────────────────────────
// Called by the Worker UI (nwo.ciprianpater.workers.dev) to attach a SIM key
// to a deployed agent. Validates against the Render FastAPI registry.
function SimKeyValidator({ agentWallet, guardianWallet, onSuccess, onCancel }) {
const [simKey, setSimKey] = useState('');
const [validating, setValidating] = useState(false);
const [error, setError] = useState('');
const validate = async () => {
if (!simKey.trim()) return;
setValidating(true);
setError('');
try {
// ✅ Correct endpoint: Render FastAPI, not the HF Space
const res = await fetch(`${CONFIG.nwoApi}/api-keys/validate`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
api_key: simKey.trim(),
wallet: guardianWallet || undefined
})
});
const data = await res.json();
if (!res.ok) {
setError(data.detail || 'Invalid or revoked API key');
return;
}
if (data.valid) {
onSuccess && onSuccess({ key: simKey.trim(), ...data });
} else {
setError('Key validation failed');
}
} catch (e) {
setError('Could not reach NWO API key registry — check network');
} finally {
setValidating(false);
}
};
return (
●ADD SIM KEY · ENABLE DESIGN VALIDATION
Lets this agent validate body-part designs in simulation before fabrication.
$0.10 per environment + $0.01/sec runtime, billed against this NWO API key.
The key is encrypted by the runner Worker; only the agent's runner can decrypt it.
Don't have a key yet? Visit{' '}
cpater-nwo-capital.hf.space ↗
, connect your guardian wallet, navigate to API Keys, and click "+ Generate Key".
The key must belong to{' '}
{guardianWallet ? guardianWallet.slice(0,10) + '…' : '(guardian wallet)'}{' '}
(this agent's guardian) — the runner verifies ownership before saving.
{error && (
✗ {error}
)}
);
}
// ── API Keys Manager ──────────────────────────────────────────────────────────
function ApiKeysManager({ walletAddress }) {
const [apiKeys, setApiKeys] = useState([]);
const [loading, setLoading] = useState(false);
const [newKeyName, setNewKeyName] = useState('');
const [showCreate, setShowCreate] = useState(false);
const [justCreated, setJustCreated] = useState(null);
const [copiedId, setCopiedId] = useState(null);
const [error, setError] = useState('');
useEffect(() => {
if (walletAddress) loadApiKeys();
}, [walletAddress]);
const loadApiKeys = async () => {
setLoading(true);
setError('');
try {
// ✅ FastAPI REST endpoint — wallet in query param (no .php)
const res = await fetch(
`${CONFIG.nwoApi}/api-keys?wallet=${encodeURIComponent(walletAddress)}`
);
const data = await res.json();
if (data.status === 'success') {
setApiKeys(data.keys || []);
} else {
setError(data.detail || 'Failed to load keys');
}
} catch (e) {
setError('Could not reach key registry');
console.error('Failed to load API keys:', e);
}
setLoading(false);
};
const createApiKey = async () => {
if (!newKeyName.trim()) return;
setLoading(true);
setError('');
try {
// ✅ FastAPI POST /api-keys — wallet in body
const res = await fetch(`${CONFIG.nwoApi}/api-keys`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: newKeyName.trim(), wallet: walletAddress })
});
const data = await res.json();
if (!res.ok) {
setError(data.detail || 'Failed to create key');
return;
}
// Show the full key once — it won't be retrievable again
setJustCreated(data);
setNewKeyName('');
setShowCreate(false);
await loadApiKeys();
} catch (e) {
setError('Could not reach key registry');
console.error('Failed to create API key:', e);
}
setLoading(false);
};
const revokeKey = async (keyId) => {
if (!window.confirm('Revoke this API key? This cannot be undone.')) return;
setLoading(true);
setError('');
try {
// ✅ FastAPI DELETE /api-keys/{key_id} — wallet in query param
const res = await fetch(
`${CONFIG.nwoApi}/api-keys/${encodeURIComponent(keyId)}?wallet=${encodeURIComponent(walletAddress)}`,
{ method: 'DELETE' }
);
const data = await res.json();
if (!res.ok) {
setError(data.detail || 'Failed to revoke key');
return;
}
await loadApiKeys();
} catch (e) {
setError('Could not reach key registry');
console.error('Failed to revoke key:', e);
}
setLoading(false);
};
const copyKey = async (text, id) => {
try {
await navigator.clipboard.writeText(text);
setCopiedId(id);
setTimeout(() => setCopiedId(null), 1500);
} catch (_) {
window.prompt('Copy this key:', text);
}
};
return (
API Keys
{error &&
✗ {error}
}
{justCreated && (
⚡ Save this key now — it won't be shown again.
{justCreated.api_key || justCreated.key}
)}
{showCreate && (
setNewKeyName(e.target.value)}
placeholder="Key name (e.g., Production)"
disabled={loading}
/>