@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.1

package/dist/features/debug/components/pipeline-flow/WorkflowGraph.js

@@ -0,0 +1,41 @@
+import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
+import { useWorkflow } from "../../../../hooks/useWorkflows.js";
+import { c } from "react/compiler-runtime";
+import React, { useEffect, useRef } from "react";
+function countTransitions(e) {
+	return e ? getTransitions(e).length : 0;
+}
+var WorkflowGraph_default = (s) => {
+	let l = c(17), { pipeline: u, workflow: d, pipelineConfig: f, onGraphReady: p, onLoadingChange: m } = s, h = useWorkflow(d.id), g = h.data, _ = useRef(null), v, y;
+	l[0] !== h.isLoading || l[1] !== m || l[2] !== d.id ? (v = () => {
+		m(d.id, h.isLoading);
+	}, y = [
+		d.id,
+		h.isLoading,
+		m
+	], l[0] = h.isLoading, l[1] = m, l[2] = d.id, l[3] = v, l[4] = y) : (v = l[3], y = l[4]), useEffect(v, y);
+	let b;
+	l[5] !== p || l[6] !== u || l[7] !== f || l[8] !== d.id || l[9] !== g ? (b = () => {
+		let a = f ? getTransitions(f) : [], o = JSON.stringify({
+			p: countTransitions(u),
+			w: countTransitions(g),
+			c: a.length,
+			history: g?.history?.length,
+			place: g?.place
+		});
+		if (o !== _.current) {
+			_.current = o;
+			let { nodes: i, edges: s } = buildWorkflowGraph(u, g, d.id, a, "LR");
+			p(d.id, i, s);
+		}
+	}, l[5] = p, l[6] = u, l[7] = f, l[8] = d.id, l[9] = g, l[10] = b) : b = l[10];
+	let x;
+	return l[11] !== p || l[12] !== u || l[13] !== f || l[14] !== d || l[15] !== g ? (x = [
+		u,
+		d,
+		g,
+		f,
+		p
+	], l[11] = p, l[12] = u, l[13] = f, l[14] = d, l[15] = g, l[16] = x) : x = l[16], useEffect(b, x), null;
+};
+export { WorkflowGraph_default as default };

package/dist/features/debug/components/pipeline-flow/WorkflowTransitionEdge.js

@@ -0,0 +1,97 @@
+import { BaseEdge, EdgeLabelRenderer } from "../../../../node_modules/@xyflow/react/dist/esm/index.js";
+import { formatCondition } from "../../lib/flow-utils.js";
+import { resolveEdgePath } from "../../lib/edge-paths.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Wrench } from "lucide-react";
+var TransitionLabel = (e) => {
+	let t = c(12), { transitionId: n, tools: r, condition: a, isExecuted: o, forceVisible: d } = e, f = `flex flex-col items-center gap-0.5 rounded-full border px-2 py-0.5 shadow-sm transition-all hover:z-50 hover:scale-105 bg-background/95 backdrop-blur-[2px] text-muted-foreground border-border/40 hover:border-border/80 ${o || d ? "opacity-100" : "opacity-60 hover:opacity-100"}`, p;
+	t[0] === n ? p = t[1] : (p = /* @__PURE__ */ jsx("span", {
+		className: "text-[10px] font-semibold leading-tight tracking-tight",
+		children: n
+	}), t[0] = n, t[1] = p);
+	let m;
+	t[2] !== o || t[3] !== r ? (m = r && /* @__PURE__ */ jsxs("div", {
+		className: `flex items-center gap-1 rounded-full px-1.5 py-[1px] text-[9px] ${o ? "bg-primary/5 text-primary" : "bg-muted/50 text-muted-foreground"}`,
+		children: [/* @__PURE__ */ jsx(Wrench, { className: "h-2.5 w-2.5 opacity-70" }), /* @__PURE__ */ jsx("span", {
+			className: "max-w-[150px] truncate font-mono font-medium",
+			children: r
+		})]
+	}), t[2] = o, t[3] = r, t[4] = m) : m = t[4];
+	let h;
+	t[5] === a ? h = t[6] : (h = a && /* @__PURE__ */ jsx("span", {
+		className: "max-w-[150px] truncate font-mono text-[8px] tracking-tighter opacity-70",
+		children: a
+	}), t[5] = a, t[6] = h);
+	let g;
+	return t[7] !== f || t[8] !== p || t[9] !== m || t[10] !== h ? (g = /* @__PURE__ */ jsxs("div", {
+		className: f,
+		children: [
+			p,
+			m,
+			h
+		]
+	}), t[7] = f, t[8] = p, t[9] = m, t[10] = h, t[11] = g) : g = t[11], g;
+}, WorkflowTransitionEdge_default = (a) => {
+	let u = c(39), { sourceX: f, sourceY: m, targetX: h, targetY: g, sourcePosition: _, targetPosition: v, style: y, markerEnd: b, data: x } = a, S;
+	u[0] === y ? S = u[1] : (S = y === void 0 ? {} : y, u[0] = y, u[1] = S);
+	let C = S, w, T, E, D, O, k, A, j;
+	if (u[2] !== x || u[3] !== _ || u[4] !== f || u[5] !== m || u[6] !== v || u[7] !== h || u[8] !== g) {
+		let { id: e, isExecuted: t, isSelfLoop: i, isBackEdge: a, forceVisible: o, call: s, condition: l } = x ?? {};
+		j = e, D = t === void 0 ? !1 : t;
+		let d = i === void 0 ? !1 : i, y = a === void 0 ? !1 : a;
+		T = o === void 0 ? !1 : o, {path: w, labelX: O, labelY: k} = resolveEdgePath({
+			sourceX: f,
+			sourceY: m,
+			targetX: h,
+			targetY: g,
+			sourcePosition: _,
+			targetPosition: v
+		}, {
+			isSelfLoop: d,
+			isBackEdge: y
+		}), E = l ? formatCondition(l) : null, A = s?.map(_temp).join(", "), u[2] = x, u[3] = _, u[4] = f, u[5] = m, u[6] = v, u[7] = h, u[8] = g, u[9] = w, u[10] = T, u[11] = E, u[12] = D, u[13] = O, u[14] = k, u[15] = A, u[16] = j;
+	} else w = u[9], T = u[10], E = u[11], D = u[12], O = u[13], k = u[14], A = u[15], j = u[16];
+	let M = A;
+	if (!(j || M || E)) {
+		let t;
+		return u[17] !== w || u[18] !== b || u[19] !== C ? (t = /* @__PURE__ */ jsx(BaseEdge, {
+			path: w,
+			markerEnd: b,
+			style: C
+		}), u[17] = w, u[18] = b, u[19] = C, u[20] = t) : t = u[20], t;
+	}
+	let N;
+	u[21] !== w || u[22] !== b || u[23] !== C ? (N = /* @__PURE__ */ jsx(BaseEdge, {
+		path: w,
+		markerEnd: b,
+		style: C
+	}), u[21] = w, u[22] = b, u[23] = C, u[24] = N) : N = u[24];
+	let P = `translate(-50%, -50%) translate(${O}px,${k}px)`, F;
+	u[25] === P ? F = u[26] : (F = {
+		position: "absolute",
+		transform: P,
+		pointerEvents: "all"
+	}, u[25] = P, u[26] = F);
+	let I = j ?? "", L;
+	u[27] !== T || u[28] !== E || u[29] !== D || u[30] !== I || u[31] !== M ? (L = /* @__PURE__ */ jsx(TransitionLabel, {
+		transitionId: I,
+		tools: M,
+		condition: E,
+		isExecuted: D,
+		forceVisible: T
+	}), u[27] = T, u[28] = E, u[29] = D, u[30] = I, u[31] = M, u[32] = L) : L = u[32];
+	let R;
+	u[33] !== F || u[34] !== L ? (R = /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx("div", {
+		style: F,
+		className: "nodrag nopan",
+		children: L
+	}) }), u[33] = F, u[34] = L, u[35] = R) : R = u[35];
+	let z;
+	return u[36] !== N || u[37] !== R ? (z = /* @__PURE__ */ jsxs(Fragment$1, { children: [N, R] }), u[36] = N, u[37] = R, u[38] = z) : z = u[38], z;
+};
+function _temp(e) {
+	return e.tool;
+}
+export { WorkflowTransitionEdge_default as default };

package/dist/features/debug/lib/edge-paths.js

@@ -0,0 +1,47 @@
+import { Position, getSmoothStepPath } from "../../../node_modules/@xyflow/system/dist/esm/index.js";
+var SELF_LOOP_OFFSET = 75, SELF_LOOP_EXTEND = 20, SELF_LOOP_NODE_W = 130, SELF_LOOP_NODE_H = 70;
+function selfLoopPath(n, s, c) {
+	if (c === Position.Bottom || c === Position.Top) {
+		let e = n, a = s - SELF_LOOP_NODE_H;
+		return {
+			path: `M ${n} ${s} C ${n + SELF_LOOP_OFFSET} ${s + SELF_LOOP_EXTEND}, ${e + SELF_LOOP_OFFSET} ${a - SELF_LOOP_EXTEND}, ${e} ${a}`,
+			labelX: n + SELF_LOOP_OFFSET + 8,
+			labelY: (s + a) / 2
+		};
+	}
+	let l = n - SELF_LOOP_NODE_W, u = s;
+	return {
+		path: `M ${n} ${s} C ${n + SELF_LOOP_EXTEND} ${s + SELF_LOOP_OFFSET}, ${l - SELF_LOOP_EXTEND} ${u + SELF_LOOP_OFFSET}, ${l} ${u}`,
+		labelX: (n + l) / 2,
+		labelY: s + SELF_LOOP_OFFSET + 8
+	};
+}
+var BACK_EDGE_MIN_OFFSET = 60;
+function backEdgePath(n, r, i, a, o) {
+	if (o === Position.Bottom) {
+		let e = Math.abs(n - i), o = Math.max(e * .3, BACK_EDGE_MIN_OFFSET);
+		return {
+			path: `M ${n} ${r} C ${n} ${r + o}, ${i} ${a + o}, ${i} ${a}`,
+			labelX: (n + i) / 2,
+			labelY: Math.max(r, a) + o + 10
+		};
+	}
+	let s = Math.abs(r - a), l = Math.max(s * .3, BACK_EDGE_MIN_OFFSET);
+	return {
+		path: `M ${n} ${r} C ${n + l} ${r}, ${i + l} ${a}, ${i} ${a}`,
+		labelX: Math.max(n, i) + l + 10,
+		labelY: (r + a) / 2
+	};
+}
+function forwardEdgePath(e) {
+	let [r, i, a] = getSmoothStepPath(e);
+	return {
+		path: r,
+		labelX: i,
+		labelY: a
+	};
+}
+function resolveEdgePath(e, n) {
+	return n.isSelfLoop ? selfLoopPath(e.sourceX, e.sourceY, e.sourcePosition) : n.isBackEdge ? backEdgePath(e.sourceX, e.sourceY, e.targetX, e.targetY, e.sourcePosition) : forwardEdgePath(e);
+}
+export { resolveEdgePath };

package/dist/features/debug/lib/flow-utils.js

@@ -0,0 +1,247 @@
+import { MarkerType, Position } from "../../../node_modules/@xyflow/system/dist/esm/index.js";
+import dagre_esm_default from "../../../node_modules/@dagrejs/dagre/dist/dagre.esm.js";
+var NODE_WIDTH = 130, NODE_HEIGHT = 70, CONDITION_OPERATORS = {
+	gt: ">",
+	lt: "<",
+	eq: "==",
+	ne: "!=",
+	ge: ">=",
+	le: "<="
+};
+function getLayoutedElements(e, d, f = "LR") {
+	let p = new dagre_esm_default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+	p.setGraph({
+		rankdir: f,
+		nodesep: 100,
+		ranksep: 200
+	});
+	for (let s of e) p.setNode(s.id, {
+		width: NODE_WIDTH,
+		height: NODE_HEIGHT
+	});
+	for (let e of d) p.setEdge(e.source, e.target);
+	return dagre_esm_default.layout(p), {
+		nodes: e.map((e) => {
+			let c = p.node(e.id);
+			return {
+				...e,
+				targetPosition: f === "LR" ? Position.Left : Position.Top,
+				sourcePosition: f === "LR" ? Position.Right : Position.Bottom,
+				position: {
+					x: c.x - NODE_WIDTH / 2,
+					y: c.y - NODE_HEIGHT / 2
+				}
+			};
+		}),
+		edges: d
+	};
+}
+function getTransitions(e, s = /* @__PURE__ */ new Set()) {
+	if (!e || typeof e != "object" || s.has(e)) return [];
+	try {
+		s.add(e);
+	} catch {
+		return [];
+	}
+	let c = e;
+	if (Array.isArray(c.transitions)) return c.transitions;
+	if (c.definition) {
+		let e = getTransitions(c.definition, s);
+		if (e.length > 0) return e;
+	}
+	if (c.specification) {
+		let e = getTransitions(c.specification, s);
+		if (e.length > 0) return e;
+	}
+	for (let e in c) {
+		if (e === "history" || e === "data") continue;
+		let l = c[e];
+		if (l && typeof l == "object") {
+			let e = getTransitions(l, s);
+			if (e.length > 0) return e;
+		} else if (typeof l == "string" && l.includes("\"transitions\":")) try {
+			let e = getTransitions(JSON.parse(l), s);
+			if (e.length > 0) return e;
+		} catch {}
+	}
+	return [];
+}
+function formatCondition(e) {
+	if (!e) return "";
+	let s = e.replace(/\{\{|\}\}/g, "").trim(), c = s.split(/\s+/);
+	if (c.length === 3) {
+		let [e, s, l] = c, u = CONDITION_OPERATORS[e];
+		if (u) return `${s} ${u} ${l}`;
+	}
+	return s;
+}
+function buildWorkflowGraph(e, s, c, l = [], u, d = !1) {
+	let p = collectTransitions(e, s, l), m = extractHistory(s), h = collectStates(p, m), x = buildExecutedMap(m), S = resolveTransitions(p, m), C = findEndStates(h, S), w = findVisitedStates(m), T = computeStateRanks(S), E = buildNodes(h, {
+		workflowId: c,
+		currentPlace: s?.place,
+		endStates: C,
+		visitedStates: w,
+		visitCounts: buildVisitCounts(m),
+		direction: u,
+		forceVisible: d
+	}), D = buildEdges(S, {
+		workflowId: c,
+		executedMap: x,
+		stateRanks: T,
+		forceVisible: d
+	});
+	return E.length > 1 ? getLayoutedElements(E, D, u) : {
+		nodes: E,
+		edges: D
+	};
+}
+function collectTransitions(e, s, c) {
+	let l = [...c];
+	e && l.push(...getTransitions(e)), s && l.push(...getTransitions(s));
+	let u = /* @__PURE__ */ new Set();
+	return l.filter((e) => {
+		let s = Array.isArray(e.from) ? e.from.join(",") : e.from, c = `${e.id}-${s}-${e.to}`;
+		return u.has(c) ? !1 : (u.add(c), !0);
+	});
+}
+function extractHistory(e) {
+	return e?.history ?? [];
+}
+function collectStates(e, s) {
+	let c = new Set(["start"]);
+	for (let s of e) {
+		let e = Array.isArray(s.from) ? s.from : [s.from];
+		for (let s of e) c.add(s ?? "start");
+		c.add(s.to);
+	}
+	for (let e of s) e.data?.place && c.add(e.data.place), e.data?.transition && (c.add(e.data.transition.from ?? "start"), c.add(e.data.transition.to));
+	return c;
+}
+function buildVisitCounts(e) {
+	let s = new Map([["start", 1]]);
+	for (let c of e) {
+		let e = c.data?.place;
+		e && s.set(e, (s.get(e) ?? 0) + 1);
+	}
+	return s;
+}
+function buildExecutedMap(e) {
+	let s = /* @__PURE__ */ new Map();
+	for (let c of e) {
+		let e = c.data?.transition;
+		if (!e) continue;
+		let l = `${e.from ?? "start"}->${e.to}:${e.id}`;
+		s.set(l, (s.get(l) ?? 0) + 1);
+	}
+	return s;
+}
+function resolveTransitions(e, s) {
+	let c = [];
+	for (let s of e) {
+		let e = Array.isArray(s.from) ? s.from : [s.from], l = s;
+		for (let u of e) c.push({
+			id: s.id,
+			from: u ?? "start",
+			to: s.to,
+			condition: l.if ?? l.condition,
+			trigger: s.trigger,
+			call: s.call
+		});
+	}
+	for (let e of s) {
+		let s = e.data?.transition;
+		if (!s?.id) continue;
+		let l = s.from ?? "start";
+		c.some((e) => e.from === l && e.to === s.to && e.id === s.id) || c.push({
+			id: s.id,
+			from: l,
+			to: s.to
+		});
+	}
+	return c;
+}
+function findEndStates(e, s) {
+	let c = new Set(s.map((e) => e.from)), l = /* @__PURE__ */ new Set();
+	for (let s of e) !c.has(s) && s !== "start" && l.add(s);
+	return l;
+}
+function findVisitedStates(e) {
+	let s = new Set(["start"]);
+	for (let c of e) c.data?.place && s.add(c.data.place), c.data?.transition?.to && s.add(c.data.transition.to);
+	return s;
+}
+function computeStateRanks(e) {
+	let s = /* @__PURE__ */ new Map();
+	for (let c of e) {
+		if (c.from === c.to) continue;
+		let e = s.get(c.from) ?? [];
+		e.push(c.to), s.set(c.from, e);
+	}
+	let c = new Map([["start", 0]]), l = ["start"];
+	for (; l.length > 0;) {
+		let e = l.shift(), u = c.get(e);
+		for (let d of s.get(e) ?? []) c.has(d) || (c.set(d, u + 1), l.push(d));
+	}
+	return c;
+}
+function buildNodes(e, s) {
+	return Array.from(e).map((e) => ({
+		id: `${s.workflowId}-${e}`,
+		type: "stateNode",
+		position: {
+			x: 0,
+			y: 0
+		},
+		data: {
+			label: e,
+			isStart: e === "start",
+			isEnd: s.endStates.has(e),
+			isCurrent: e === s.currentPlace,
+			isVisited: s.visitedStates.has(e),
+			visitCount: s.visitCounts.get(e) ?? 0,
+			direction: s.direction,
+			forceVisible: s.forceVisible
+		}
+	}));
+}
+function buildEdges(s, c) {
+	let l = /* @__PURE__ */ new Set(), u = [], d = 0;
+	for (let f of s) {
+		let s = `${f.from}->${f.to}:${f.id}`;
+		if (l.has(s)) continue;
+		l.add(s);
+		let p = c.executedMap.has(s), m = f.trigger === "onEntry", h = f.from === f.to, g = c.stateRanks.get(f.from) ?? 0, _ = c.stateRanks.get(f.to) ?? 0, v = !h && _ <= g, y = p ? "var(--primary)" : "var(--muted-foreground)", b = {
+			...f,
+			isExecuted: p,
+			isSelfLoop: h,
+			isBackEdge: v,
+			forceVisible: c.forceVisible
+		};
+		u.push({
+			id: `edge-${c.workflowId}-${d++}`,
+			source: `${c.workflowId}-${f.from}`,
+			target: `${c.workflowId}-${f.to}`,
+			...v && {
+				sourceHandle: "bottom-source",
+				targetHandle: "bottom-target"
+			},
+			type: "workflowTransition",
+			animated: !1,
+			style: {
+				strokeWidth: p ? 2.5 : 1.5,
+				stroke: y,
+				strokeDasharray: m ? "4,4" : p ? void 0 : "5,5",
+				opacity: p || c.forceVisible ? 1 : .3
+			},
+			markerEnd: {
+				type: MarkerType.ArrowClosed,
+				width: 18,
+				height: 18,
+				color: y
+			},
+			data: b
+		});
+	}
+	return u;
+}
+export { buildWorkflowGraph, formatCondition, getTransitions };

package/dist/features/health/LocalHealthCheck.js

@@ -2,12 +2,12 @@ import { ApiClientEvents } from "../../events/api-client-events.js";
 import { eventBus } from "../../services/eventEmitter.js";
 import "../../services/index.js";
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../../components/ui/sheet.js";
+import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { RefreshCw } from "lucide-react";
 import { useQueryClient } from "@tanstack/react-query";
+import { RefreshCw } from "lucide-react";
 const Escalation = {
 	None: 0,
 	Refresh: 1,

package/dist/features/oauth/OAuthCallbackPage.js

@@ -0,0 +1,2 @@
+import React, { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -0,0 +1,223 @@
+import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
+import { useRunPipeline } from "../../hooks/useProcessor.js";
+import { useOAuthPopup } from "./useOAuthPopup.js";
+import { c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h }) => {
+	let g = m.content, _ = (m.ui?.actions ?? []).find((e) => e.transition)?.transition, v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
+		!_ || !C.includes(_) || v.mutate({
+			pipelineId: l.id,
+			runPipelinePayloadDto: { transition: {
+				id: _,
+				workflowId: u.id,
+				payload: {
+					code: e,
+					state: o
+				}
+			} }
+		});
+	}, [
+		_,
+		C,
+		v,
+		l.id,
+		u.id
+	]);
+	useEffect(() => {
+		y.status === "success" && !S.current && (S.current = !0, w(y.code, y.state));
+	}, [y, w]);
+	let T = () => {
+		S.current = !1, b({
+			authUrl: g.authUrl,
+			state: g.state
+		});
+	}, E = () => {
+		x(), S.current = !1, b({
+			authUrl: g.authUrl,
+			state: g.state
+		});
+	};
+	return g.status === "success" ? /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(StatusDisplay, {
+		status: "success",
+		provider: g.provider,
+		message: g.message
+	}) }) : g.status === "error" ? /* @__PURE__ */ jsxs(CompletionMessagePaper_default, { children: [/* @__PURE__ */ jsx(StatusDisplay, {
+		status: "error",
+		provider: g.provider,
+		message: g.message
+	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: E })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
+		result: y,
+		provider: g.provider,
+		isActive: h,
+		isSubmitting: v.isPending,
+		onSignIn: T,
+		onRetry: E
+	}) });
+}, ProviderLabel = (e) => {
+	let o = c(2), { provider: s } = e, u = s.charAt(0).toUpperCase() + s.slice(1), d;
+	return o[0] === u ? d = o[1] : (d = /* @__PURE__ */ jsx(Fragment$1, { children: u }), o[0] = u, o[1] = d), d;
+}, StatusDisplay = (e) => {
+	let o = c(4), { status: s, provider: u, message: d } = e, f;
+	return o[0] !== d || o[1] !== u || o[2] !== s ? (f = /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-3 py-1",
+		children: s === "success" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: "flex h-6 w-6 items-center justify-center rounded-full bg-green-100 text-green-600 text-sm",
+			children: "✓"
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+			className: "text-sm font-medium",
+			children: ["Connected to ", /* @__PURE__ */ jsx(ProviderLabel, { provider: u })]
+		}), d && /* @__PURE__ */ jsx("div", {
+			className: "text-xs text-gray-500 mt-0.5",
+			children: d
+		})] })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: "flex h-6 w-6 items-center justify-center rounded-full bg-red-100 text-red-600 text-sm",
+			children: "✗"
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+			className: "text-sm font-medium",
+			children: "Authentication failed"
+		}), d && /* @__PURE__ */ jsx("div", {
+			className: "text-xs text-red-500 mt-0.5",
+			children: d
+		})] })] })
+	}), o[0] = d, o[1] = u, o[2] = s, o[3] = f) : f = o[3], f;
+}, RetryButton = (e) => {
+	let o = c(2), { onClick: s } = e, u;
+	return o[0] === s ? u = o[1] : (u = /* @__PURE__ */ jsx("button", {
+		onClick: s,
+		className: "mt-3 rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
+		children: "Try again"
+	}), o[0] = s, o[1] = u), u;
+}, PopupResultView = (e) => {
+	let o = c(47), { result: s, provider: u, isActive: d, isSubmitting: f, onSignIn: p, onRetry: m } = e;
+	switch (s.status) {
+		case "idle": {
+			let e;
+			o[0] === u ? e = o[1] : (e = /* @__PURE__ */ jsxs("div", {
+				className: "text-sm font-medium mb-1",
+				children: [
+					"Connect your ",
+					/* @__PURE__ */ jsx(ProviderLabel, { provider: u }),
+					" account"
+				]
+			}), o[0] = u, o[1] = e);
+			let s;
+			o[2] === u ? s = o[3] : (s = /* @__PURE__ */ jsxs("div", {
+				className: "text-xs text-gray-500 mb-3",
+				children: [
+					"This workflow needs access to your ",
+					/* @__PURE__ */ jsx(ProviderLabel, { provider: u }),
+					" resources."
+				]
+			}), o[2] = u, o[3] = s);
+			let l;
+			o[4] !== d || o[5] !== p || o[6] !== u ? (l = d && /* @__PURE__ */ jsxs("button", {
+				onClick: p,
+				className: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
+				children: ["Sign in with ", /* @__PURE__ */ jsx(ProviderLabel, { provider: u })]
+			}), o[4] = d, o[5] = p, o[6] = u, o[7] = l) : l = o[7];
+			let f;
+			return o[8] !== e || o[9] !== s || o[10] !== l ? (f = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [
+					e,
+					s,
+					l
+				]
+			}), o[8] = e, o[9] = s, o[10] = l, o[11] = f) : f = o[11], f;
+		}
+		case "pending": {
+			let e, s;
+			o[12] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ jsx("div", {
+					className: "text-sm font-medium",
+					children: "Waiting for authentication..."
+				})]
+			}), s = /* @__PURE__ */ jsx("div", {
+				className: "text-xs text-gray-500 mt-2",
+				children: "Complete the sign-in in the popup window."
+			}), o[12] = e, o[13] = s) : (e = o[12], s = o[13]);
+			let l;
+			o[14] !== d || o[15] !== m ? (l = d && /* @__PURE__ */ jsx("div", {
+				className: "mt-3 flex gap-2",
+				children: /* @__PURE__ */ jsx("button", {
+					onClick: m,
+					className: "rounded-md border border-gray-300 bg-white px-3 py-1.5 text-xs font-medium text-gray-600 hover:bg-gray-50",
+					children: "Retry"
+				})
+			}), o[14] = d, o[15] = m, o[16] = l) : l = o[16];
+			let u;
+			return o[17] === l ? u = o[18] : (u = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [
+					e,
+					s,
+					l
+				]
+			}), o[17] = l, o[18] = u), u;
+		}
+		case "success": {
+			let e;
+			return o[19] !== f || o[20] !== u ? (e = /* @__PURE__ */ jsx("div", {
+				className: "py-1",
+				children: f ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ jsx("div", {
+						className: "text-sm font-medium",
+						children: "Completing authentication..."
+					})]
+				}) : /* @__PURE__ */ jsx(StatusDisplay, {
+					status: "success",
+					provider: u
+				})
+			}), o[19] = f, o[20] = u, o[21] = e) : e = o[21], e;
+		}
+		case "error": {
+			let e;
+			o[22] !== u || o[23] !== s.error ? (e = /* @__PURE__ */ jsx(StatusDisplay, {
+				status: "error",
+				provider: u,
+				message: s.error
+			}), o[22] = u, o[23] = s.error, o[24] = e) : e = o[24];
+			let l;
+			o[25] !== d || o[26] !== m ? (l = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[25] = d, o[26] = m, o[27] = l) : l = o[27];
+			let f;
+			return o[28] !== e || o[29] !== l ? (f = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [e, l]
+			}), o[28] = e, o[29] = l, o[30] = f) : f = o[30], f;
+		}
+		case "timeout": {
+			let e;
+			o[31] === u ? e = o[32] : (e = /* @__PURE__ */ jsx(StatusDisplay, {
+				status: "error",
+				provider: u,
+				message: "Authentication timed out."
+			}), o[31] = u, o[32] = e);
+			let s;
+			o[33] !== d || o[34] !== m ? (s = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[33] = d, o[34] = m, o[35] = s) : s = o[35];
+			let l;
+			return o[36] !== e || o[37] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [e, s]
+			}), o[36] = e, o[37] = s, o[38] = l) : l = o[38], l;
+		}
+		case "blocked": {
+			let e;
+			o[39] === u ? e = o[40] : (e = /* @__PURE__ */ jsx(StatusDisplay, {
+				status: "error",
+				provider: u,
+				message: "Popup was blocked by the browser. Please allow popups for this site and try again."
+			}), o[39] = u, o[40] = e);
+			let s;
+			o[41] !== d || o[42] !== m ? (s = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[41] = d, o[42] = m, o[43] = s) : s = o[43];
+			let l;
+			return o[44] !== e || o[45] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [e, s]
+			}), o[44] = e, o[45] = s, o[46] = l) : l = o[46], l;
+		}
+	}
+}, OAuthPromptRenderer_default = OAuthPromptRenderer;
+export { OAuthPromptRenderer_default as default };

package/dist/features/oauth/index.js

@@ -0,0 +1,3 @@
+import "./OAuthCallbackPage.js";
+import { useOAuthPopup } from "./useOAuthPopup.js";
+import OAuthPromptRenderer_default from "./OAuthPromptRenderer.js";