@feltdb/core 0.4.8 → 0.4.10

package/dist/create/index.js

@@ -2,3 +2,4 @@
  * create-feltdb - Main exports
  */
 export * from './create.js';
+export * from './managed-account.js';

package/dist/create/managed-account.js

@@ -0,0 +1,61 @@
+import fs from 'fs';
+import path from 'path';
+async function responseJson(response, fallback) {
+    const body = await response.json().catch(() => ({}));
+    if (!response.ok)
+        throw new Error(String(body.error || body.message || fallback));
+    return body;
+}
+export async function configureManagedAccount(options) {
+    const accountUrl = (options.accountUrl || process.env.FELTDB_MANAGED_ACCOUNT_URL || 'https://feltdb.com').replace(/\/$/, '');
+    const apiUrl = (options.apiUrl || process.env.FELTDB_MANAGED_URL || 'https://api.feltdb.com').replace(/\/$/, '');
+    const request = options.fetchImpl || fetch;
+    const authenticated = await request(`${accountUrl}/api/auth`, {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: options.email, password: options.password }),
+    });
+    await responseJson(authenticated, 'Could not create or sign in to the managed account');
+    const cookie = authenticated.headers.get('set-cookie')?.split(';', 1)[0];
+    if (!cookie)
+        throw new Error('Managed account service did not return a secure session');
+    const headers = { Cookie: cookie, 'Content-Type': 'application/json' };
+    const tenants = await responseJson(await request(`${accountUrl}/api/tenants`, { headers }), 'Could not load managed workspaces');
+    let tenant = Array.isArray(tenants) ? tenants[0] : undefined;
+    if (!tenant) {
+        tenant = await responseJson(await request(`${accountUrl}/api/tenants`, {
+            method: 'POST', headers, body: JSON.stringify({ name: `${options.applicationName} Workspace` }),
+        }), 'Could not create the managed workspace');
+    }
+    const applicationsUrl = `${accountUrl}/api/tenants/${encodeURIComponent(tenant.id)}/applications`;
+    const applications = await responseJson(await request(applicationsUrl, { headers }), 'Could not load managed applications');
+    let application = Array.isArray(applications)
+        ? applications.find(value => value.name === options.applicationName)
+        : undefined;
+    if (!application) {
+        application = await responseJson(await request(applicationsUrl, {
+            method: 'POST', headers, body: JSON.stringify({ name: options.applicationName }),
+        }), 'Could not create the managed application');
+    }
+    const key = await responseJson(await request(`${apiUrl}/api/keys`, {
+        method: 'POST', headers,
+        body: JSON.stringify({
+            id: `${options.applicationName}-cli`,
+            namespace: options.namespace,
+            scopes: ['state:read', 'state:write', 'events:read'],
+        }),
+    }), 'Could not create the managed application key');
+    if (!key.secret)
+        throw new Error('Managed key service did not return an application secret');
+    const environment = [
+        '# Generated by create-feltdb managed setup. Do not commit this file.',
+        `VITE_FELTDB_MANAGED_URL=${apiUrl}`,
+        `VITE_FELTDB_MANAGED_API_KEY=${key.secret}`,
+        `VITE_FELTDB_MANAGED_TENANT_ID=${tenant.id}`,
+        `VITE_FELTDB_MANAGED_APPLICATION_ID=${application.id}`,
+        `VITE_FELTDB_MANAGED_NAMESPACE=${application.namespace || options.namespace}`,
+        'VITE_FELTDB_MANAGED_ENVIRONMENT=production',
+        '',
+    ].join('\n');
+    fs.writeFileSync(path.join(options.projectDir, '.env.local'), environment, { mode: 0o600 });
+    return { tenant, application, apiUrl };
+}

package/dist/create/package-versions.js

@@ -1,4 +1,4 @@
 // One release train keeps generated applications installable. The repository
 // validation script checks these values against every workspace manifest.
-export const FELTDB_PACKAGE_VERSION = '0.4.7';
+export const FELTDB_PACKAGE_VERSION = '0.4.10';
 export const feltdbPackageRange = `^${FELTDB_PACKAGE_VERSION}`;

package/dist/studio/{KeyManagementPanel-B0s0xAXz.js → KeyManagementPanel-DZuSeWBK.js}

@@ -28,12 +28,12 @@ var a = {
 	keyActions: "_keyActions_1cbba_243",
 	revokeBtn: "_revokeBtn_1cbba_250",
 	info: "_info_1cbba_265"
-}, o = ({ apiUrl: o, token: s, namespace: c = "app-store-sherpa" }) => {
-	let [l, u] = t([]), [d, f] = t(!0), [p, m] = t(null), [h, g] = t(!1), [_, v] = t(null), [y, b] = t(""), [x, S] = t([
+}, o = ({ apiUrl: o, token: s, namespace: c = "app-store-sherpa", onConfigure: l }) => {
+	let [u, d] = t([]), [f, p] = t(!0), [m, h] = t(null), [g, _] = t(!1), [v, y] = t(null), [b, x] = t(""), [S, C] = t([
 		"state:read",
 		"state:write",
 		"events:read"
-	]), C = [
+	]), w = [
 		"state:read",
 		"state:write",
 		"events:read",
@@ -41,7 +41,7 @@ var a = {
 		"backup:restore",
 		"admin:logs",
 		"admin:restart"
-	], w = [
+	], T = [
 		"state:read",
 		"state:write",
 		"events:read",
@@ -51,79 +51,73 @@ var a = {
 		"admin:restart"
 	];
 	e(() => {
-		T();
-	}, []);
-	let T = async () => {
+		E();
+	}, [o, s]);
+	let E = async () => {
 		try {
-			if (f(!0), m(null), !o || !s) {
-				m("API URL or authentication token not configured. Please check your environment."), f(!1);
+			if (p(!0), h(null), !o) {
+				h("A server or managed API URL is not configured."), p(!1);
 				return;
 			}
 			let e = await fetch(`${o}/api/keys`, {
-				headers: { Authorization: `Bearer ${s}` },
+				headers: s ? { Authorization: `Bearer ${s}` } : {},
 				signal: AbortSignal.timeout(1e4)
 			});
 			if (e.status === 401) throw Error("Unauthorized: Invalid or expired API token");
 			if (e.status === 403) throw Error("Forbidden: Your account does not have permission to manage API keys");
 			if (!e.ok) throw Error(`Failed to fetch keys: ${e.status} ${e.statusText}`);
 			let t = await e.json();
-			u(t.tokens || []);
+			d(t.tokens || []);
 		} catch (e) {
 			let t = e instanceof TypeError ? `Connection error: Unable to reach ${o}. Is the server running?` : e instanceof Error ? e.message : "Failed to fetch keys";
-			m(t), console.error("Error fetching API keys:", e);
+			h(t), console.error("Error fetching API keys:", e);
 		} finally {
-			f(!1);
+			p(!1);
 		}
-	}, E = async (e) => {
+	}, D = async (e) => {
 		e.preventDefault();
 		try {
 			let e = await fetch(`${o}/api/keys`, {
 				method: "POST",
 				headers: {
-					Authorization: `Bearer ${s}`,
+					...s ? { Authorization: `Bearer ${s}` } : {},
 					"Content-Type": "application/json"
 				},
 				body: JSON.stringify({
-					id: y || `key-${Date.now()}`,
+					id: b || `key-${Date.now()}`,
 					namespace: c,
-					scopes: x.length > 0 ? x : w,
-					expiresIn: 90
+					scopes: S.length > 0 ? S : T
 				}),
 				signal: AbortSignal.timeout(1e4)
 			});
 			if (e.status === 401) throw Error("Unauthorized: Invalid or expired API token");
 			if (e.status === 409) throw Error("A key with this name already exists");
 			if (!e.ok) throw Error(`Failed to create key: ${e.status} ${e.statusText}`);
-			b(""), S(w), g(!1), await T();
+			let t = await e.json();
+			j(t.secret), x(""), C(T), _(!1), await E();
 		} catch (e) {
 			let t = e instanceof TypeError ? "Connection error: Unable to reach the API server" : e instanceof Error ? e.message : "Failed to create key";
-			m(t), console.error("Error creating API key:", e);
+			h(t), console.error("Error creating API key:", e);
 		}
-	}, D = async (e) => {
+	}, O = async (e) => {
 		if (confirm(`Revoke key "${e}"? This cannot be undone.`)) try {
 			let t = await fetch(`${o}/api/keys/${e}`, {
 				method: "DELETE",
-				headers: { Authorization: `Bearer ${s}` },
+				headers: s ? { Authorization: `Bearer ${s}` } : {},
 				signal: AbortSignal.timeout(1e4)
 			});
 			if (t.status === 404) throw Error("Key not found");
 			if (t.status === 401) throw Error("Unauthorized: Invalid or expired API token");
 			if (!t.ok) throw Error(`Failed to revoke key: ${t.status} ${t.statusText}`);
-			await T();
+			await E();
 		} catch (e) {
 			let t = e instanceof TypeError ? "Connection error: Unable to reach the API server" : e instanceof Error ? e.message : "Failed to revoke key";
-			m(t), console.error("Error revoking API key:", e);
+			h(t), console.error("Error revoking API key:", e);
 		}
-	}, O = (e, t) => {
-		navigator.clipboard.writeText(e), v(t), setTimeout(() => v(null), 2e3);
-	}, k = (e) => new Date(e).toLocaleDateString("en-US", {
-		year: "numeric",
-		month: "short",
-		day: "numeric",
-		hour: "2-digit",
-		minute: "2-digit"
-	}), A = (e) => new Date(e) < /* @__PURE__ */ new Date(), j = (e) => Math.ceil((new Date(e).getTime() - (/* @__PURE__ */ new Date()).getTime()) / 864e5);
-	return d ? /* @__PURE__ */ r("div", {
+	}, k = (e, t) => {
+		navigator.clipboard.writeText(e), y(t), setTimeout(() => y(null), 2e3);
+	}, [A, j] = t(null);
+	return f ? /* @__PURE__ */ r("div", {
 		className: a.panel,
 		children: "Loading keys..."
 	}) : /* @__PURE__ */ i("div", {
@@ -133,20 +127,20 @@ var a = {
 				className: a.header,
 				children: [/* @__PURE__ */ r("h2", { children: "API Key Management" }), /* @__PURE__ */ r("button", {
 					className: a.createButton,
-					onClick: () => g(!h),
-					disabled: !!p,
-					children: h ? "✕ Cancel" : "+ New Key"
+					onClick: () => _(!g),
+					disabled: !o,
+					children: g ? "✕ Cancel" : "+ New Key"
 				})]
 			}),
-			p && /* @__PURE__ */ i("div", {
+			m && /* @__PURE__ */ i("div", {
 				className: a.error,
-				children: [/* @__PURE__ */ i("strong", { children: ["⚠ ", p] }), /* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ i("strong", { children: ["⚠ ", m] }), /* @__PURE__ */ r("div", {
 					style: {
 						fontSize: "12px",
 						marginTop: "8px",
 						lineHeight: "1.5"
 					},
-					children: p.includes("Connection error") && /* @__PURE__ */ i(n, { children: [
+					children: m.includes("Connection error") && /* @__PURE__ */ i(n, { children: [
 						/* @__PURE__ */ r("p", { children: "To use API key management, ensure:" }),
 						/* @__PURE__ */ i("ul", {
 							style: {
@@ -160,7 +154,7 @@ var a = {
 							]
 						}),
 						/* @__PURE__ */ r("button", {
-							onClick: () => T(),
+							onClick: () => E(),
 							style: {
 								marginTop: "8px",
 								padding: "4px 12px",
@@ -176,16 +170,34 @@ var a = {
 					] })
 				})]
 			}),
-			h && /* @__PURE__ */ i("form", {
-				onSubmit: E,
+			!o && /* @__PURE__ */ i("div", {
+				className: a.error,
+				children: [/* @__PURE__ */ r("strong", { children: "Connect Studio to a server or managed runtime before managing keys." }), l && /* @__PURE__ */ r("button", {
+					onClick: l,
+					children: "Open connection settings"
+				})]
+			}),
+			A && /* @__PURE__ */ i("div", {
+				className: a.info,
+				children: [
+					/* @__PURE__ */ r("strong", { children: "New secret — copy it now; it will not be shown again." }),
+					/* @__PURE__ */ r("code", { children: A }),
+					/* @__PURE__ */ r("button", {
+						onClick: () => k(A, "created"),
+						children: v === "created" ? "✓ Copied" : "Copy secret"
+					})
+				]
+			}),
+			g && /* @__PURE__ */ i("form", {
+				onSubmit: D,
 				className: a.createForm,
 				children: [
 					/* @__PURE__ */ i("div", {
 						className: a.formGroup,
 						children: [/* @__PURE__ */ r("label", { children: "Key Name (optional)" }), /* @__PURE__ */ r("input", {
 							type: "text",
-							value: y,
-							onChange: (e) => b(e.target.value),
+							value: b,
+							onChange: (e) => x(e.target.value),
 							placeholder: "e.g., staging-key-001"
 						})]
 					}),
@@ -193,13 +205,13 @@ var a = {
 						className: a.formGroup,
 						children: [/* @__PURE__ */ r("label", { children: "Scopes" }), /* @__PURE__ */ r("div", {
 							className: a.scopeList,
-							children: C.map((e) => /* @__PURE__ */ i("label", {
+							children: w.map((e) => /* @__PURE__ */ i("label", {
 								className: a.scopeCheckbox,
 								children: [/* @__PURE__ */ r("input", {
 									type: "checkbox",
-									checked: x.includes(e),
+									checked: S.includes(e),
 									onChange: (t) => {
-										t.target.checked ? S([...x, e]) : S(x.filter((t) => t !== e));
+										t.target.checked ? C([...S, e]) : C(S.filter((t) => t !== e));
 									}
 								}), e]
 							}, e))
@@ -212,75 +224,43 @@ var a = {
 					})
 				]
 			}),
-			l.length === 0 ? /* @__PURE__ */ r("div", {
+			u.length === 0 ? /* @__PURE__ */ r("div", {
 				className: a.empty,
 				children: "No API keys configured. Create one to get started."
 			}) : /* @__PURE__ */ r("div", {
 				className: a.keysList,
-				children: l.map((e) => /* @__PURE__ */ i("div", {
+				children: u.map((e) => /* @__PURE__ */ i("div", {
 					className: a.keyCard,
 					children: [
 						/* @__PURE__ */ i("div", {
 							className: a.keyHeader,
-							children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h3", { children: e.id }), /* @__PURE__ */ i("p", {
+							children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h3", { children: e.name || e.id }), /* @__PURE__ */ i("p", {
 								className: a.namespace,
-								children: ["Namespace: ", e.namespace]
+								children: ["Namespaces: ", e.namespaces.join(", ")]
 							})] }), /* @__PURE__ */ r("span", {
-								className: `${a.status} ${A(e.expires_at) ? a.expired : a.active}`,
-								children: A(e.expires_at) ? "Expired" : "Active"
+								className: `${a.status} ${e.revoked ? a.expired : a.active}`,
+								children: e.revoked ? "Revoked" : "Active"
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ r("div", {
 							className: a.keyDetails,
-							children: [
-								/* @__PURE__ */ i("div", {
-									className: a.detail,
-									children: [
-										/* @__PURE__ */ r("strong", { children: "Secret:" }),
-										/* @__PURE__ */ i("code", { children: [e.secret.substring(0, 20), "..."] }),
-										/* @__PURE__ */ r("button", {
-											className: a.copyBtn,
-											onClick: () => O(e.secret, e.id),
-											children: _ === e.id ? "✓ Copied" : "Copy"
-										})
-									]
-								}),
-								/* @__PURE__ */ i("div", {
-									className: a.detail,
-									children: [/* @__PURE__ */ r("strong", { children: "Created:" }), /* @__PURE__ */ r("span", { children: k(e.created_at) })]
-								}),
-								/* @__PURE__ */ i("div", {
-									className: a.detail,
-									children: [/* @__PURE__ */ r("strong", { children: "Expires:" }), /* @__PURE__ */ i("span", { children: [k(e.expires_at), !A(e.expires_at) && /* @__PURE__ */ i("span", {
-										className: a.daysLeft,
-										children: [
-											"(",
-											j(e.expires_at),
-											" days)"
-										]
-									})] })]
-								}),
-								e.last_used && /* @__PURE__ */ i("div", {
-									className: a.detail,
-									children: [/* @__PURE__ */ r("strong", { children: "Last Used:" }), /* @__PURE__ */ r("span", { children: k(e.last_used) })]
-								}),
-								/* @__PURE__ */ i("div", {
-									className: a.scopes,
-									children: [/* @__PURE__ */ r("strong", { children: "Scopes:" }), /* @__PURE__ */ r("div", {
-										className: a.scopeTags,
-										children: e.scopes.map((e) => /* @__PURE__ */ r("span", {
-											className: a.scopeTag,
-											children: e
-										}, e))
-									})]
-								})
-							]
+							children: /* @__PURE__ */ i("div", {
+								className: a.scopes,
+								children: [/* @__PURE__ */ r("strong", { children: "Scopes:" }), /* @__PURE__ */ r("div", {
+									className: a.scopeTags,
+									children: e.scopes.map((e) => /* @__PURE__ */ r("span", {
+										className: a.scopeTag,
+										children: e
+									}, e))
+								})]
+							})
 						}),
 						/* @__PURE__ */ r("div", {
 							className: a.keyActions,
 							children: /* @__PURE__ */ r("button", {
 								className: a.revokeBtn,
-								onClick: () => D(e.id),
+								onClick: () => O(e.id),
+								disabled: e.revoked,
 								children: "Revoke"
 							})
 						})
@@ -289,7 +269,7 @@ var a = {
 			}),
 			/* @__PURE__ */ r("div", {
 				className: a.info,
-				children: /* @__PURE__ */ i("p", { children: [/* @__PURE__ */ r("strong", { children: "Security:" }), " Store tokens securely. Never commit to version control. Tokens expire after 90 days."] })
+				children: /* @__PURE__ */ i("p", { children: [/* @__PURE__ */ r("strong", { children: "Security:" }), " Store tokens securely. Never commit to version control. Secrets are shown once. Revoke and replace a key if its secret is lost."] })
 			})
 		]
 	});

package/dist/studio/app.d.ts

@@ -3,8 +3,11 @@ import { StateFirstDB } from '@feltdb/core';
 export interface StudioAppProps {
     db?: StateFirstDB;
     remoteUrl?: string;
+    token?: string;
     namespace?: string;
+    deploymentRuntime?: string;
+    onConnect?: (url: string, token: string) => void;
 }
-export declare function StudioApp({ db, remoteUrl, namespace }: StudioAppProps): React.JSX.Element;
+export declare function StudioApp({ db, remoteUrl, token, namespace, deploymentRuntime, onConnect }: StudioAppProps): React.JSX.Element;
 export default StudioApp;
 //# sourceMappingURL=app.d.ts.map

package/dist/studio/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAmBnD,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,SAAqB,EAAE,EAAE,cAAc,qBA2GjF;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAmBnD,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAc,EAAE,KAAU,EAAE,SAAqB,EAAE,iBAA6B,EAAE,SAAS,EAAE,EAAE,cAAc,qBAmG5I;AAED,eAAe,SAAS,CAAC"}

package/dist/studio/components/KeyManagementPanel.d.ts

@@ -3,6 +3,7 @@ interface KeyManagementPanelProps {
     apiUrl: string;
     token: string;
     namespace?: string;
+    onConfigure?: () => void;
 }
 export declare const KeyManagementPanel: React.FC<KeyManagementPanelProps>;
 export {};

package/dist/studio/components/KeyManagementPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyManagementPanel.d.ts","sourceRoot":"","sources":["../../src/components/KeyManagementPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4WhE,CAAC"}
+{"version":3,"file":"KeyManagementPanel.d.ts","sourceRoot":"","sources":["../../src/components/KeyManagementPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ThE,CAAC"}

package/dist/studio/components/KeyManagementPanel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../KeyManagementPanel-B0s0xAXz.js";
+import { t as e } from "../KeyManagementPanel-DZuSeWBK.js";
 export { e as KeyManagementPanel };

package/dist/studio/components/SettingsPanel.d.ts

@@ -1,7 +1,11 @@
 import { default as React } from 'react';
+import { StateFirstDB } from '@feltdb/core';
 export interface SettingsPanelProps {
-    db?: any;
+    db?: StateFirstDB;
+    remoteUrl?: string;
+    token?: string;
+    onConnect?: (url: string, token: string) => void;
 }
-export declare function SettingsPanel({ db }: SettingsPanelProps): React.JSX.Element;
+export declare function SettingsPanel({ db, remoteUrl, token, onConnect }: SettingsPanelProps): React.JSX.Element;
 export default SettingsPanel;
 //# sourceMappingURL=SettingsPanel.d.ts.map

package/dist/studio/components/SettingsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../src/components/SettingsPanel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,GAAG,CAAC;CACV;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,kBAAkB,qBAwDvD;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../src/components/SettingsPanel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,SAAc,EAAE,KAAU,EAAE,SAAS,EAAE,EAAE,kBAAkB,qBAmC9F;AAED,eAAe,aAAa,CAAC"}

package/dist/studio/components/index.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p, x as m } from "../components-BAycgZhP.js";
-import { t as h } from "../KeyManagementPanel-B0s0xAXz.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p, x as m } from "../components-gmwCs-Pb.js";
+import { t as h } from "../KeyManagementPanel-DZuSeWBK.js";
 import { ManagedInstancePanel as g } from "./ManagedInstancePanel.js";
 export { c as AgentExplorer, f as ApplicationDesigner, p as CapabilityExplorer, t as ConflictExplorer, a as ExecutionViewer, s as GlobalSearch, i as HealthCenter, h as KeyManagementPanel, g as ManagedInstancePanel, r as OperationsExplorer, m as OverviewDashboard, n as PeerMap, e as ProvenanceViewer, l as ReferenceExplorer, u as SettingsPanel, o as StateExplorer, d as WorkflowVisualizer };

package/dist/studio/{components-BAycgZhP.js → components-gmwCs-Pb.js}

@@ -1,4 +1,4 @@
-import "./KeyManagementPanel-B0s0xAXz.js";
+import "./KeyManagementPanel-DZuSeWBK.js";
 import "./components/ManagedInstancePanel.js";
 import e, { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -909,66 +909,65 @@ function I({ diagnostics: e, model: t }) {
 }
 //#endregion
 //#region src/components/SettingsPanel.tsx
-function L({ db: e }) {
-	let [t, n] = a("api-keys");
-	return /* @__PURE__ */ c("div", {
+function L({ db: e, remoteUrl: t = "", token: r = "", onConnect: i }) {
+	let [o, l] = a(t), [u, d] = a(r), f = e?.runtime();
+	return n(() => {
+		l(t), d(r);
+	}, [t, r]), /* @__PURE__ */ c("div", {
 		className: "settings-panel",
-		children: [
-			/* @__PURE__ */ s("h2", { children: "Settings" }),
-			/* @__PURE__ */ c("div", {
-				className: "settings-tabs",
-				children: [/* @__PURE__ */ s("button", {
-					className: `tab ${t === "api-keys" ? "active" : ""}`,
-					onClick: () => n("api-keys"),
-					children: "API Keys"
-				}), /* @__PURE__ */ s("button", {
-					className: `tab ${t === "connection" ? "active" : ""}`,
-					onClick: () => n("connection"),
-					children: "Connection"
-				})]
-			}),
-			t === "api-keys" && /* @__PURE__ */ c("div", {
-				className: "settings-content",
-				children: [
-					/* @__PURE__ */ s("h3", { children: "API Keys" }),
-					/* @__PURE__ */ s("p", { children: "Manage authentication and access control" }),
-					/* @__PURE__ */ s("div", {
-						className: "keys-list",
-						children: /* @__PURE__ */ s("div", {
-							className: "empty-message",
-							children: "No API keys configured"
-						})
-					}),
-					/* @__PURE__ */ s("button", {
-						className: "btn btn-primary",
-						children: "Create API Key"
-					})
-				]
-			}),
-			t === "connection" && /* @__PURE__ */ c("div", {
-				className: "settings-content",
-				children: [/* @__PURE__ */ s("h3", { children: "Connection" }), /* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ s("h2", { children: "Settings" }), /* @__PURE__ */ c("div", {
+			className: "settings-content",
+			children: [
+				/* @__PURE__ */ s("h3", { children: "Connection" }),
+				/* @__PURE__ */ c("div", {
 					className: "connection-info",
 					children: [
 						/* @__PURE__ */ c("div", {
 							className: "info-row",
-							children: [/* @__PURE__ */ s("label", { children: "Runtime Environment" }), /* @__PURE__ */ s("span", { children: "Browser" })]
+							children: [/* @__PURE__ */ s("label", { children: "Runtime Environment" }), /* @__PURE__ */ s("span", { children: f?.runtime || "unavailable" })]
 						}),
 						/* @__PURE__ */ c("div", {
 							className: "info-row",
-							children: [/* @__PURE__ */ s("label", { children: "Storage Backend" }), /* @__PURE__ */ s("span", { children: "OPFS / IndexedDB" })]
+							children: [/* @__PURE__ */ s("label", { children: "Storage Backend" }), /* @__PURE__ */ s("span", { children: f?.storage || "unavailable" })]
 						}),
 						/* @__PURE__ */ c("div", {
 							className: "info-row",
 							children: [/* @__PURE__ */ s("label", { children: "Instance ID" }), /* @__PURE__ */ s("span", {
 								className: "monospace",
-								children: "instance-xxxx"
+								children: e?.instanceId?.() || "unavailable"
 							})]
 						})
 					]
-				})]
-			})
-		]
+				}),
+				/* @__PURE__ */ c("form", {
+					className: "connection-form",
+					onSubmit: (e) => {
+						e.preventDefault(), i?.(o, u);
+					},
+					children: [
+						/* @__PURE__ */ c("label", { children: ["Server or managed endpoint", /* @__PURE__ */ s("input", {
+							type: "url",
+							value: o,
+							onChange: (e) => l(e.target.value),
+							placeholder: "https://your-runtime.example.com"
+						})] }),
+						/* @__PURE__ */ c("label", { children: ["API token", /* @__PURE__ */ s("input", {
+							type: "password",
+							value: u,
+							onChange: (e) => d(e.target.value),
+							placeholder: "fdb_live_…",
+							autoComplete: "off"
+						})] }),
+						/* @__PURE__ */ s("p", { children: "Tokens are kept in this browser session and are never written to the project." }),
+						/* @__PURE__ */ s("button", {
+							className: "btn btn-primary",
+							type: "submit",
+							children: "Connect Studio"
+						})
+					]
+				})
+			]
+		})]
 	});
 }
 //#endregion