@invect/ui 0.0.3 → 0.0.5

package/dist/api/node-data.api.d.ts

@@ -1,7 +1,7 @@
 import { SubmitSQLQueryRequest } from '@invect/core/types';
 export declare function useListQueryDatabases(): import('@tanstack/react-query').UseQueryResult<{
     connectionString: string;
-    type: "mysql" | "sqlite" | "postgresql";
+    type: "sqlite" | "mysql" | "postgresql";
     name?: string | undefined;
     driver?: "pg" | "postgres" | "neon-serverless" | "better-sqlite3" | "libsql" | "mysql2" | undefined;
 }[], Error>;

package/dist/demo.js

@@ -1,9 +1,8 @@
 "use client";
-import { B as e, Ft as t, H as n, Jt as r, L as i, Nt as a, R as o, V as s, Yt as c, a as l, en as u, o as d, qt as f, t as p, z as m } from "./Invect-CJSKm2Aq.js";
-import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { QueryClient as b, QueryClientProvider as x } from "@tanstack/react-query";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { GraphNodeType as w } from "@invect/core/types";
+import { B as e, Ft as t, Gt as n, H as r, Jt as i, L as a, Nt as o, R as s, V as c, Xt as l, Yt as u, a as d, o as f, t as p, tn as m, z as h } from "./Invect-CUR_K7mH.js";
+import { useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { QueryClient as x, QueryClientProvider as S } from "@tanstack/react-query";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 import { Background as T, BackgroundVariant as E, Controls as ee, ReactFlow as te, ReactFlowProvider as D } from "@xyflow/react";
 //#region src/demo/demo-api-client.ts
 var O = (e = []) => ({
@@ -139,13 +138,13 @@ function j(e = {}) {
 //#endregion
 //#region src/demo/DemoInvect.tsx
 function M({ data: e, useMemoryRouter: t = !0, ...n }) {
-	let r = _(() => j(e), [e]), i = l((e) => e.setOpen), a = l((e) => e.updateSettings);
-	return g(() => {
+	let r = v(() => j(e), [e]), i = d((e) => e.setOpen), a = d((e) => e.updateSettings);
+	return _(() => {
 		i(!0), a({
 			credentialId: "cred-anthropic",
 			model: "claude-sonnet-4-6"
 		});
-	}, [i, a]), /* @__PURE__ */ S(p, {
+	}, [i, a]), /* @__PURE__ */ C(p, {
 		apiClient: r,
 		useMemoryRouter: t,
 		...n
@@ -157,9 +156,9 @@ var N = { default: e }, P = {
 	duration: 0,
 	padding: .2
 }, F = () => {};
-function I({ nodes: e, edges: t, nodeDefinitions: a = [], agentTools: c = [], interactive: l = !0, showControls: u = !0 }) {
-	let { resolvedTheme: f } = r(), p = v(null), [b, x] = y(!1), [D, O] = y(null), k = n((e) => e.syncFromServer), A = n((e) => e.setFlowId);
-	g(() => {
+function I({ nodes: e, edges: t, nodeDefinitions: i = [], agentTools: o = [], interactive: l = !0, showControls: d = !0 }) {
+	let { resolvedTheme: p } = u(), m = y(null), [x, S] = b(!1), [D, O] = b(null), k = r((e) => e.syncFromServer), A = r((e) => e.setFlowId);
+	_(() => {
 		A("demo-flow", void 0), k(e, t, "demo-flow:1", "Demo Flow");
 	}, [
 		e,
@@ -167,14 +166,14 @@ function I({ nodes: e, edges: t, nodeDefinitions: a = [], agentTools: c = [], in
 		k,
 		A
 	]);
-	let j = _(() => {
+	let j = v(() => {
 		let e = {
-			[w.AGENT]: i,
-			default: m
+			[n.AGENT]: a,
+			default: h
 		};
-		for (let t of a) t.type in e || (e[t.type] = m);
+		for (let t of i) t.type in e || (e[t.type] = h);
 		return e;
-	}, [a]), M = _(() => c.filter((e) => e.provider?.id !== "triggers" && !e.id.startsWith("trigger.")).map((e) => ({
+	}, [i]), M = v(() => o.filter((e) => e.provider?.id !== "triggers" && !e.id.startsWith("trigger.")).map((e) => ({
 		id: e.id,
 		name: e.name,
 		description: e.description,
@@ -183,7 +182,7 @@ function I({ nodes: e, edges: t, nodeDefinitions: a = [], agentTools: c = [], in
 		inputSchema: e.inputSchema,
 		nodeType: e.nodeType,
 		provider: e.provider
-	})), [c]), I = _(() => ({
+	})), [o]), I = v(() => ({
 		onOpenToolSelector: F,
 		onShowMoreTools: F,
 		onRemoveTool: F,
@@ -191,27 +190,27 @@ function I({ nodes: e, edges: t, nodeDefinitions: a = [], agentTools: c = [], in
 		availableTools: M,
 		selectedToolNodeId: null,
 		selectedToolInstanceId: null
-	}), [M]), L = h((e, t) => {
-		l && (O(t.id), x(!0));
-	}, [l]), R = h((e) => {
-		e || (x(!1), O(null));
+	}), [M]), L = g((e, t) => {
+		l && (O(t.id), S(!0));
+	}, [l]), R = g((e) => {
+		e || (S(!1), O(null));
 	}, []);
-	return /* @__PURE__ */ C("div", {
-		ref: p,
+	return /* @__PURE__ */ w("div", {
+		ref: m,
 		style: {
 			width: "100%",
 			height: "100%",
 			background: "var(--canvas-background)"
 		},
-		children: [/* @__PURE__ */ S(o, {
+		children: [/* @__PURE__ */ C(s, {
 			value: I,
-			children: /* @__PURE__ */ C(te, {
+			children: /* @__PURE__ */ w(te, {
 				nodes: e,
 				edges: t,
 				nodeTypes: j,
 				edgeTypes: N,
-				defaultEdgeOptions: s,
-				colorMode: f,
+				defaultEdgeOptions: c,
+				colorMode: p,
 				fitView: !0,
 				fitViewOptions: P,
 				onNodeDoubleClick: l ? L : void 0,
@@ -223,51 +222,51 @@ function I({ nodes: e, edges: t, nodeDefinitions: a = [], agentTools: c = [], in
 				zoomOnScroll: !0,
 				zoomOnPinch: !0,
 				zoomOnDoubleClick: !1,
-				children: [u && /* @__PURE__ */ S(ee, {}), /* @__PURE__ */ S(T, {
+				children: [d && /* @__PURE__ */ C(ee, {}), /* @__PURE__ */ C(T, {
 					variant: E.Dots,
 					gap: 20,
 					size: 1.2
 				})]
 			})
-		}), l && /* @__PURE__ */ S(d, {
-			open: b,
+		}), l && /* @__PURE__ */ C(f, {
+			open: x,
 			nodeId: D,
 			flowId: "demo-flow",
 			onOpenChange: R,
-			portalContainer: p.current,
+			portalContainer: m.current,
 			availableTools: M
 		})]
 	});
 }
-function L({ theme: e = "dark", className: n, style: r, containerClassName: i, nodeDefinitions: o = [], agentTools: s = [], ...l }) {
-	let d = _(() => new b({ defaultOptions: { queries: {
+function L({ theme: e = "dark", className: n, style: r, containerClassName: a, nodeDefinitions: s = [], agentTools: c = [], ...u }) {
+	let d = v(() => new x({ defaultOptions: { queries: {
 		staleTime: Infinity,
 		retry: !1
-	} } }), []), p = _(() => j({
-		nodeDefinitions: o,
-		agentTools: s
-	}), [o, s]);
-	return /* @__PURE__ */ S("div", {
-		className: i,
+	} } }), []), f = v(() => j({
+		nodeDefinitions: s,
+		agentTools: c
+	}), [s, c]);
+	return /* @__PURE__ */ C("div", {
+		className: a,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...r
 		},
-		children: /* @__PURE__ */ S(f, {
+		children: /* @__PURE__ */ C(i, {
 			defaultTheme: e,
 			storageKey: "invect-viewer-theme",
 			className: n,
-			children: /* @__PURE__ */ S(x, {
+			children: /* @__PURE__ */ C(S, {
 				client: d,
-				children: /* @__PURE__ */ S(c, {
-					apiClient: p,
-					children: /* @__PURE__ */ S(a, {
+				children: /* @__PURE__ */ C(l, {
+					apiClient: f,
+					children: /* @__PURE__ */ C(o, {
 						plugins: [],
-						children: /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(t, { children: /* @__PURE__ */ S(D, { children: /* @__PURE__ */ S(I, {
-							nodeDefinitions: o,
-							agentTools: s,
-							...l
+						children: /* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(D, { children: /* @__PURE__ */ C(I, {
+							nodeDefinitions: s,
+							agentTools: c,
+							...u
 						}) }) }) })
 					})
 				})