@invect/ui 0.0.1 → 0.0.3

package/dist/demo.js

@@ -1,19 +1,19 @@
 "use client";
-import { $t as e, B as t, I as n, Jt as r, Kt as i, L as a, Mt as o, Pt as s, R as c, V as l, a as u, qt as d, t as f, z as p } from "./Invect-CWpIwZ5F.js";
-import { useCallback as m, useEffect as ee, useMemo as h, useRef as te, useState as g } from "react";
-import { QueryClient as _, QueryClientProvider as v } from "@tanstack/react-query";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { GraphNodeType as x } from "@invect/core/types";
-import { Background as S, BackgroundVariant as ne, Controls as C, ReactFlow as w, ReactFlowProvider as T } from "@xyflow/react";
+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 { 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 E = (e = []) => ({
+var O = (e = []) => ({
 	data: e,
 	pagination: {
 		page: 1,
 		limit: e.length || 20,
 		totalPages: 1
 	}
-}), D = {
+}), k = {
 	totalFlows: 0,
 	totalRuns: 0,
 	runsLast24h: 0,
@@ -22,10 +22,10 @@ var E = (e = []) => ({
 	failedRunsLast24h: 0,
 	runsByStatus: {},
 	recentRuns: []
-}, O = () => {};
-function k(e = {}) {
+}, A = () => {};
+function j(e = {}) {
 	let { flows: t = [], flowReactFlowData: n = {}, nodeDefinitions: r = [], agentTools: i = [], dashboardStats: a = {}, flowRuns: o = [], nodeExecutions: s = {}, credentials: c = [], chatMessages: l = {} } = e, u = {
-		...D,
+		...k,
 		totalFlows: t.length,
 		totalRuns: o.length,
 		runsLast24h: o.length,
@@ -35,16 +35,16 @@ function k(e = {}) {
 		...a
 	}, d = {
 		getBaseURL: () => "demo://mock",
-		setBaseURL: O,
-		setUserId: O,
+		setBaseURL: A,
+		setUserId: A,
 		getDashboardStats: async () => u,
-		getFlows: async () => E(t),
+		getFlows: async () => O(t),
 		getFlow: async (...e) => {
 			let n = e[0];
 			return t.find((e) => e.id === n) ?? t[0] ?? null;
 		},
 		getFlowReactFlowData: async (...e) => n[e[0]] ?? null,
-		getFlowVersions: async () => E([]),
+		getFlowVersions: async () => O([]),
 		getAvailableNodes: async () => r,
 		resolveNodeDefinition: async () => null,
 		loadFieldOptions: async () => [],
@@ -67,26 +67,34 @@ function k(e = {}) {
 		},
 		getFlowRunsByFlowId: async (...e) => {
 			let t = e[0];
-			return E(o.filter((e) => e.flowId === t));
+			return O(o.filter((e) => e.flowId === t));
 		},
-		getAllFlowRuns: async () => E(o),
+		getAllFlowRuns: async () => O(o),
 		getNodeExecutionsByFlowRun: async (...e) => s[e[0]] ?? [],
-		getAllNodeExecutions: async () => E(Object.values(s).flat()),
+		getAllNodeExecutions: async () => O(Object.values(s).flat()),
 		getModels: async () => [],
 		getModelsForCredential: async () => [],
 		getAvailableDatabases: async () => [],
 		listTriggersForFlow: async () => [],
 		getTrigger: async () => null,
 		getChatStatus: async () => ({ enabled: !0 }),
-		getChatModels: async () => [{
-			id: "claude-sonnet-4-20250514",
-			name: "Claude Sonnet 4",
-			provider: "anthropic"
-		}, {
-			id: "gpt-4o",
-			name: "GPT-4o",
-			provider: "openai"
-		}],
+		getChatModels: async () => [
+			{
+				id: "claude-sonnet-4-6",
+				name: "Claude Sonnet 4.6",
+				provider: "anthropic"
+			},
+			{
+				id: "claude-sonnet-4-20250514",
+				name: "Claude Sonnet 4",
+				provider: "anthropic"
+			},
+			{
+				id: "gpt-4o",
+				name: "GPT-4o",
+				provider: "openai"
+			}
+		],
 		getChatMessages: async (...e) => l[e[0]] ?? [],
 		createFlow: async () => t[0] ?? {},
 		createFlowWithVersion: async () => t[0] ?? {},
@@ -130,37 +138,43 @@ function k(e = {}) {
 }
 //#endregion
 //#region src/demo/DemoInvect.tsx
-function A({ data: e, useMemoryRouter: t = !0, ...n }) {
-	return /* @__PURE__ */ y(f, {
-		apiClient: h(() => k(e), [e]),
+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(() => {
+		i(!0), a({
+			credentialId: "cred-anthropic",
+			model: "claude-sonnet-4-6"
+		});
+	}, [i, a]), /* @__PURE__ */ S(p, {
+		apiClient: r,
 		useMemoryRouter: t,
 		...n
 	});
 }
 //#endregion
 //#region src/demo/FlowViewer.tsx
-var j = { default: p }, M = {
+var N = { default: e }, P = {
 	duration: 0,
 	padding: .2
-}, N = () => {};
-function P({ nodes: e, edges: r, nodeDefinitions: i = [], agentTools: o = [], interactive: s = !0, showControls: f = !0 }) {
-	let { resolvedTheme: p } = d(), _ = te(null), [v, T] = g(!1), [E, D] = g(null), O = l((e) => e.syncFromServer), k = l((e) => e.setFlowId);
-	ee(() => {
-		k("demo-flow", void 0), O(e, r, "demo-flow:1", "Demo Flow");
+}, 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(() => {
+		A("demo-flow", void 0), k(e, t, "demo-flow:1", "Demo Flow");
 	}, [
 		e,
-		r,
-		O,
-		k
+		t,
+		k,
+		A
 	]);
-	let A = h(() => {
+	let j = _(() => {
 		let e = {
-			[x.AGENT]: n,
-			default: c
+			[w.AGENT]: i,
+			default: m
 		};
-		for (let t of i) t.type in e || (e[t.type] = c);
+		for (let t of a) t.type in e || (e[t.type] = m);
 		return e;
-	}, [i]), P = h(() => o.filter((e) => e.provider?.id !== "triggers" && !e.id.startsWith("trigger.")).map((e) => ({
+	}, [a]), M = _(() => c.filter((e) => e.provider?.id !== "triggers" && !e.id.startsWith("trigger.")).map((e) => ({
 		id: e.id,
 		name: e.name,
 		description: e.description,
@@ -169,91 +183,91 @@ function P({ nodes: e, edges: r, nodeDefinitions: i = [], agentTools: o = [], in
 		inputSchema: e.inputSchema,
 		nodeType: e.nodeType,
 		provider: e.provider
-	})), [o]), F = h(() => ({
-		onOpenToolSelector: N,
-		onShowMoreTools: N,
-		onRemoveTool: N,
-		onToolClick: N,
-		availableTools: P,
+	})), [c]), I = _(() => ({
+		onOpenToolSelector: F,
+		onShowMoreTools: F,
+		onRemoveTool: F,
+		onToolClick: F,
+		availableTools: M,
 		selectedToolNodeId: null,
 		selectedToolInstanceId: null
-	}), [P]), I = m((e, t) => {
-		s && (D(t.id), T(!0));
-	}, [s]), L = m((e) => {
-		e || (T(!1), D(null));
+	}), [M]), L = h((e, t) => {
+		l && (O(t.id), x(!0));
+	}, [l]), R = h((e) => {
+		e || (x(!1), O(null));
 	}, []);
-	return /* @__PURE__ */ b("div", {
-		ref: _,
+	return /* @__PURE__ */ C("div", {
+		ref: p,
 		style: {
 			width: "100%",
 			height: "100%",
 			background: "var(--canvas-background)"
 		},
-		children: [/* @__PURE__ */ y(a, {
-			value: F,
-			children: /* @__PURE__ */ b(w, {
+		children: [/* @__PURE__ */ S(o, {
+			value: I,
+			children: /* @__PURE__ */ C(te, {
 				nodes: e,
-				edges: r,
-				nodeTypes: A,
-				edgeTypes: j,
-				defaultEdgeOptions: t,
-				colorMode: p,
+				edges: t,
+				nodeTypes: j,
+				edgeTypes: N,
+				defaultEdgeOptions: s,
+				colorMode: f,
 				fitView: !0,
-				fitViewOptions: M,
-				onNodeDoubleClick: s ? I : void 0,
+				fitViewOptions: P,
+				onNodeDoubleClick: l ? L : void 0,
 				nodesDraggable: !1,
 				nodesConnectable: !1,
-				elementsSelectable: s,
+				elementsSelectable: l,
 				panOnScroll: !0,
 				panOnDrag: !0,
 				zoomOnScroll: !0,
 				zoomOnPinch: !0,
 				zoomOnDoubleClick: !1,
-				children: [f && /* @__PURE__ */ y(C, {}), /* @__PURE__ */ y(S, {
-					variant: ne.Dots,
+				children: [u && /* @__PURE__ */ S(ee, {}), /* @__PURE__ */ S(T, {
+					variant: E.Dots,
 					gap: 20,
 					size: 1.2
 				})]
 			})
-		}), s && /* @__PURE__ */ y(u, {
-			open: v,
-			nodeId: E,
+		}), l && /* @__PURE__ */ S(d, {
+			open: b,
+			nodeId: D,
 			flowId: "demo-flow",
-			onOpenChange: L,
-			portalContainer: _.current,
-			availableTools: P
+			onOpenChange: R,
+			portalContainer: p.current,
+			availableTools: M
 		})]
 	});
 }
-function F({ theme: t = "dark", className: n, style: a, containerClassName: c, nodeDefinitions: l = [], agentTools: u = [], ...d }) {
-	let f = h(() => new _({ defaultOptions: { queries: {
+function L({ theme: e = "dark", className: n, style: r, containerClassName: i, nodeDefinitions: o = [], agentTools: s = [], ...l }) {
+	let d = _(() => new b({ defaultOptions: { queries: {
 		staleTime: Infinity,
 		retry: !1
-	} } }), []), p = h(() => k({
-		nodeDefinitions: l,
-		agentTools: u
-	}), [l, u]);
-	return /* @__PURE__ */ y("div", {
-		className: c,
+	} } }), []), p = _(() => j({
+		nodeDefinitions: o,
+		agentTools: s
+	}), [o, s]);
+	return /* @__PURE__ */ S("div", {
+		className: i,
 		style: {
 			position: "relative",
 			overflow: "hidden",
-			...a
+			...r
 		},
-		children: /* @__PURE__ */ y(i, {
-			defaultTheme: t,
+		children: /* @__PURE__ */ S(f, {
+			defaultTheme: e,
 			storageKey: "invect-viewer-theme",
 			className: n,
-			children: /* @__PURE__ */ y(v, {
-				client: f,
-				children: /* @__PURE__ */ y(r, {
+			children: /* @__PURE__ */ S(x, {
+				client: d,
+				children: /* @__PURE__ */ S(c, {
 					apiClient: p,
-					children: /* @__PURE__ */ y(o, {
+					children: /* @__PURE__ */ S(a, {
 						plugins: [],
-						children: /* @__PURE__ */ y(e, { children: /* @__PURE__ */ y(s, { children: /* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(P, {
-							nodeDefinitions: l,
-							agentTools: u,
-							...d
+						children: /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(t, { children: /* @__PURE__ */ S(D, { children: /* @__PURE__ */ S(I, {
+							nodeDefinitions: o,
+							agentTools: s,
+							...l
 						}) }) }) })
 					})
 				})
@@ -263,7 +277,7 @@ function F({ theme: t = "dark", className: n, style: a, containerClassName: c, n
 }
 //#endregion
 //#region src/demo/sample-data.ts
-var I = [
+var R = [
 	{
 		type: "core.input",
 		label: "Flow Input",
@@ -940,7 +954,7 @@ var I = [
 			}
 		]
 	}
-], L = [
+], z = [
 	{
 		id: "node-input",
 		type: "core.input",
@@ -1009,7 +1023,7 @@ var I = [
 			params: {}
 		}
 	}
-], R = [
+], B = [
 	{
 		id: "e-input-model",
 		source: "node-input",
@@ -1025,7 +1039,7 @@ var I = [
 		source: "node-jq",
 		target: "node-output"
 	}
-], z = [
+], V = [
 	{
 		id: "b-input",
 		type: "core.input",
@@ -1114,7 +1128,7 @@ var I = [
 			params: {}
 		}
 	}
-], B = [
+], H = [
 	{
 		id: "be-input-branch",
 		source: "b-input",
@@ -1142,7 +1156,7 @@ var I = [
 		source: "b-email",
 		target: "b-output"
 	}
-], V = {
+], U = {
 	action: "create",
 	type: "Issue",
 	data: {
@@ -1168,7 +1182,7 @@ var I = [
 		url: "https://linear.app/acme/issue/ENG-4821",
 		createdAt: "2025-04-07T14:32:00Z"
 	}
-}, H = {
+}, W = {
 	summary: "Payment processing failures caused by PostgreSQL connection pool exhaustion in payment-service. The Stripe webhook handler opens a new DB connection per request but the pool limit (20) was exceeded during a traffic spike at 14:30 UTC. 847 failed payments in the last 2 hours affecting ~320 customers.",
 	root_cause: "Connection pool exhaustion in payment-service. The `handleStripeWebhook()` function in `src/services/payments/stripe-handler.ts` acquires a connection but does not release it on the error path (missing `finally` block). Under normal load this is masked by the pool recycler, but the 3x traffic spike from the flash sale exhausted all 20 connections.",
 	severity: "critical",
@@ -1177,7 +1191,7 @@ var I = [
 	affected_customers: 320,
 	failed_transactions: 847,
 	estimated_revenue_impact: "$42,350"
-}, U = {
+}, G = {
 	id: 98712,
 	number: 4293,
 	html_url: "https://github.com/acme/platform/pull/4293",
@@ -1186,7 +1200,7 @@ var I = [
 	head: { ref: "fix/ENG-4821" },
 	base: { ref: "main" },
 	created_at: "2025-04-07T16:32:45Z"
-}, W = [
+}, K = [
 	{
 		id: "postgres.execute_query",
 		name: "Query Database",
@@ -1242,7 +1256,7 @@ var I = [
 			icon: "Github"
 		}
 	}
-], G = [
+], q = [
 	{
 		id: "s-webhook",
 		type: "trigger.webhook",
@@ -1472,7 +1486,7 @@ var I = [
 			}
 		}
 	}
-], K = [
+], J = [
 	{
 		id: "se-webhook-agent",
 		source: "s-webhook",
@@ -1533,7 +1547,7 @@ var I = [
 		source: "s-slack-default",
 		target: "s-linear-update"
 	}
-], q = [
+], Y = [
 	{
 		toolId: "postgres.execute_query",
 		toolName: "Query Database",
@@ -1641,7 +1655,7 @@ var I = [
 		iteration: 5,
 		executionTimeMs: 155
 	}
-], J = {
+], X = {
 	matchedCase: "bug",
 	matchedLabel: "Bug",
 	matchMode: "first",
@@ -1662,14 +1676,14 @@ var I = [
 			matched: !1
 		}
 	]
-}, Y = "2025-04-07T16:32:10.000Z", X = "2025-04-07T16:32:10.045Z", re = "2025-04-07T16:32:10.050Z", ie = "2025-04-07T16:32:26.120Z", Z = "2025-04-07T16:32:26.125Z", Q = "2025-04-07T16:32:26.180Z", ae = "2025-04-07T16:32:26.185Z", oe = "2025-04-07T16:32:28.340Z", se = "2025-04-07T16:32:28.345Z", ce = "2025-04-07T16:32:29.110Z", le = {
+}, Z = "2025-04-07T16:32:10.000Z", ne = "2025-04-07T16:32:10.045Z", re = "2025-04-07T16:32:10.050Z", ie = "2025-04-07T16:32:26.120Z", ae = "2025-04-07T16:32:26.125Z", Q = "2025-04-07T16:32:26.180Z", oe = "2025-04-07T16:32:26.185Z", se = "2025-04-07T16:32:28.340Z", ce = "2025-04-07T16:32:28.345Z", le = "2025-04-07T16:32:29.110Z", ue = {
 	id: "run-triage-1",
 	flowId: "flow-triage",
 	flowVersion: 1,
 	status: "SUCCESS",
-	inputs: V,
+	inputs: U,
 	outputs: {
-		create_fix_pr: U,
+		create_fix_pr: G,
 		update_linear_ticket: {
 			id: "LIN-4821",
 			identifier: "ENG-4821",
@@ -1677,7 +1691,7 @@ var I = [
 		}
 	},
 	error: void 0,
-	startedAt: Y,
+	startedAt: Z,
 	completedAt: "2025-04-07T16:32:29.115Z",
 	duration: 19115,
 	triggerType: "webhook",
@@ -1686,7 +1700,7 @@ var I = [
 		source: "linear",
 		event: "Issue.create"
 	}
-}, ue = [
+}, de = [
 	{
 		id: "nexec-webhook",
 		flowRunId: "run-triage-1",
@@ -1697,12 +1711,12 @@ var I = [
 		outputs: {
 			nodeType: "trigger.webhook",
 			data: { variables: { output: {
-				value: V.data,
+				value: U.data,
 				type: "object"
 			} } }
 		},
-		startedAt: Y,
-		completedAt: X,
+		startedAt: Z,
+		completedAt: ne,
 		duration: 45,
 		retryCount: 0
 	},
@@ -1712,14 +1726,14 @@ var I = [
 		nodeId: "s-agent",
 		nodeType: "AGENT",
 		status: "SUCCESS",
-		inputs: { linear_webhook: V.data },
+		inputs: { linear_webhook: U.data },
 		outputs: {
 			nodeType: "AGENT",
 			data: {
 				variables: { output: {
 					value: {
-						finalResponse: JSON.stringify(H, null, 2),
-						toolResults: q,
+						finalResponse: JSON.stringify(W, null, 2),
+						toolResults: Y,
 						iterations: 6,
 						finishReason: "completed"
 					},
@@ -1744,18 +1758,18 @@ var I = [
 		nodeId: "s-switch",
 		nodeType: "core.switch",
 		status: "SUCCESS",
-		inputs: { investigation_agent: H },
+		inputs: { investigation_agent: W },
 		outputs: {
 			nodeType: "core.switch",
 			data: {
 				variables: { bug: {
-					value: H,
+					value: W,
 					type: "object"
 				} },
-				metadata: J
+				metadata: X
 			}
 		},
-		startedAt: Z,
+		startedAt: ae,
 		completedAt: Q,
 		duration: 55,
 		retryCount: 0
@@ -1766,16 +1780,16 @@ var I = [
 		nodeId: "s-gh-pr",
 		nodeType: "github.create_pull_request",
 		status: "SUCCESS",
-		inputs: { route_by_issue_type: H },
+		inputs: { route_by_issue_type: W },
 		outputs: {
 			nodeType: "github.create_pull_request",
 			data: { variables: { output: {
-				value: U,
+				value: G,
 				type: "object"
 			} } }
 		},
-		startedAt: ae,
-		completedAt: oe,
+		startedAt: oe,
+		completedAt: se,
 		duration: 2155,
 		retryCount: 0
 	},
@@ -1824,7 +1838,7 @@ var I = [
 		nodeId: "s-linear-update",
 		nodeType: "linear.update_issue",
 		status: "SUCCESS",
-		inputs: { create_fix_pr: U },
+		inputs: { create_fix_pr: G },
 		outputs: {
 			nodeType: "linear.update_issue",
 			data: { variables: { output: {
@@ -1837,12 +1851,12 @@ var I = [
 				type: "object"
 			} } }
 		},
-		startedAt: se,
-		completedAt: ce,
+		startedAt: ce,
+		completedAt: le,
 		duration: 765,
 		retryCount: 0
 	}
-], de = [
+], fe = [
 	{
 		id: "cred-anthropic",
 		name: "Anthropic — Production",
@@ -1989,7 +2003,7 @@ var I = [
 		createdAt: "2025-02-20T16:00:00Z",
 		updatedAt: "2025-02-20T16:00:00Z"
 	}
-], $ = (e) => new Date(Date.parse("2025-04-07T15:00:00Z") + e * 1e3).toISOString(), fe = [
+], $ = (e) => new Date(Date.parse("2025-04-07T15:00:00Z") + e * 1e3).toISOString(), pe = [
 	{
 		id: "chat-1",
 		flowId: "flow-triage",
@@ -2702,7 +2716,7 @@ var I = [
 		toolMeta: null,
 		createdAt: $(82)
 	}
-], pe = {
+], me = {
 	flows: [
 		{
 			id: "flow-triage",
@@ -2731,8 +2745,8 @@ var I = [
 	],
 	flowReactFlowData: {
 		"flow-triage": {
-			nodes: G,
-			edges: K,
+			nodes: q,
+			edges: J,
 			version: {
 				flowId: "flow-triage",
 				version: 1
@@ -2741,8 +2755,8 @@ var I = [
 			isActive: !0
 		},
 		"flow-simple": {
-			nodes: L,
-			edges: R,
+			nodes: z,
+			edges: B,
 			version: {
 				flowId: "flow-simple",
 				version: 1
@@ -2751,8 +2765,8 @@ var I = [
 			isActive: !0
 		},
 		"flow-branching": {
-			nodes: z,
-			edges: B,
+			nodes: V,
+			edges: H,
 			version: {
 				flowId: "flow-branching",
 				version: 1
@@ -2761,14 +2775,14 @@ var I = [
 			isActive: !0
 		}
 	},
-	nodeDefinitions: I,
-	agentTools: W,
-	flowRuns: [le],
-	nodeExecutions: { "run-triage-1": ue },
-	credentials: de,
-	chatMessages: { "flow-triage": fe }
+	nodeDefinitions: R,
+	agentTools: K,
+	flowRuns: [ue],
+	nodeExecutions: { "run-triage-1": de },
+	credentials: fe,
+	chatMessages: { "flow-triage": pe }
 };
 //#endregion
-export { A as DemoInvect, F as FlowViewer, B as branchingFlowEdges, z as branchingFlowNodes, k as createDemoApiClient, pe as sampleDemoData, I as sampleNodeDefinitions, W as showcaseAgentTools, K as showcaseFlowEdges, G as showcaseFlowNodes, R as simpleFlowEdges, L as simpleFlowNodes };
+export { M as DemoInvect, L as FlowViewer, H as branchingFlowEdges, V as branchingFlowNodes, j as createDemoApiClient, me as sampleDemoData, R as sampleNodeDefinitions, K as showcaseAgentTools, J as showcaseFlowEdges, q as showcaseFlowNodes, B as simpleFlowEdges, z as simpleFlowNodes };
 
 //# sourceMappingURL=demo.js.map