@loopstack/loopstack-studio 0.23.1 → 0.24.0

package/dist/pages/DashboardPage.js

@@ -1,58 +1,110 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { Alert } from "../components/ui/alert.js";
+import { Button } from "../components/ui/button.js";
+import { Alert, AlertDescription, AlertTitle } from "../components/ui/alert.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import Dashboard from "../features/dashboard/Dashboard.js";
 import { useDashboardStats } from "../hooks/useDashboard.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Home } from "lucide-react";
+import { Home, TriangleAlert } from "lucide-react";
 function DashboardPage() {
-	let d = c(17), { environment: f } = useStudio(), { data: p, isLoading: m, error: h } = useDashboardStats();
-	if (m) {
+	let h = c(38), { environment: g } = useStudio(), { data: _, isLoading: v, error: y, refetch: b, isRefetching: x } = useDashboardStats();
+	if (v) {
 		let e;
-		return d[0] === m ? e = d[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: m }), d[0] = m, d[1] = e), e;
+		return h[0] === v ? e = h[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: v }), h[0] = v, h[1] = e), e;
 	}
-	if (h) {
+	if (y) {
 		let e;
-		return d[2] === h.message ? e = d[3] : (e = /* @__PURE__ */ jsxs(Alert, {
-			className: "w-full p-4 text-red-500",
-			children: ["Error loading dashboard: ", h.message]
-		}), d[2] = h.message, d[3] = e), e;
+		h[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[2] = e) : e = h[2];
+		let d;
+		h[3] === g.name ? d = h[4] : (d = {
+			label: g.name,
+			href: "#",
+			icon: e
+		}, h[3] = g.name, h[4] = d);
+		let f;
+		h[5] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+			label: "Dashboard",
+			current: !0
+		}, h[5] = f) : f = h[5];
+		let p;
+		h[6] === d ? p = h[7] : (p = [d, f], h[6] = d, h[7] = p);
+		let m = p, _;
+		h[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("h1", {
+			className: "mb-4 text-3xl font-bold tracking-tight",
+			children: "Dashboard"
+		}), h[8] = _) : _ = h[8];
+		let v, S;
+		h[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(TriangleAlert, {}), S = /* @__PURE__ */ jsx(AlertTitle, { children: "Dashboard konnte nicht geladen werden" }), h[9] = v, h[10] = S) : (v = h[9], S = h[10]);
+		let C;
+		h[11] === y.message ? C = h[12] : (C = /* @__PURE__ */ jsxs("p", {
+			className: "wrap-break-word",
+			children: ["Bitte versuch’s nochmal. ", y.message]
+		}), h[11] = y.message, h[12] = C);
+		let w;
+		h[13] === b ? w = h[14] : (w = () => void b(), h[13] = b, h[14] = w);
+		let T = x ? "Lade neu…" : "Neu versuchen", E;
+		h[15] !== x || h[16] !== w || h[17] !== T ? (E = /* @__PURE__ */ jsx("div", {
+			className: "mt-3 flex flex-wrap gap-2",
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "destructive",
+				onClick: w,
+				disabled: x,
+				children: T
+			})
+		}), h[15] = x, h[16] = w, h[17] = T, h[18] = E) : E = h[18];
+		let D;
+		h[19] !== E || h[20] !== C ? (D = /* @__PURE__ */ jsx("div", {
+			className: "mx-auto w-full max-w-2xl",
+			children: /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				children: [
+					v,
+					S,
+					/* @__PURE__ */ jsxs(AlertDescription, { children: [C, E] })
+				]
+			})
+		}), h[19] = E, h[20] = C, h[21] = D) : D = h[21];
+		let O;
+		return h[22] !== m || h[23] !== D ? (O = /* @__PURE__ */ jsxs(MainLayout_default, {
+			breadcrumbsData: m,
+			children: [_, D]
+		}), h[22] = m, h[23] = D, h[24] = O) : O = h[24], O;
 	}
-	if (!p) {
+	if (!_) {
 		let e;
-		return d[4] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return h[25] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "p-4",
 			children: "No data available"
-		}), d[4] = e) : e = d[4], e;
+		}), h[25] = e) : e = h[25], e;
 	}
-	let g;
-	d[5] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), d[5] = g) : g = d[5];
-	let _;
-	d[6] === f.name ? _ = d[7] : (_ = {
-		label: f.name,
+	let S;
+	h[26] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[26] = S) : S = h[26];
+	let C;
+	h[27] === g.name ? C = h[28] : (C = {
+		label: g.name,
 		href: "#",
-		icon: g
-	}, d[6] = f.name, d[7] = _);
-	let v;
-	d[8] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+		icon: S
+	}, h[27] = g.name, h[28] = C);
+	let w;
+	h[29] === Symbol.for("react.memo_cache_sentinel") ? (w = {
 		label: "Dashboard",
 		current: !0
-	}, d[8] = v) : v = d[8];
-	let y;
-	d[9] === _ ? y = d[10] : (y = [_, v], d[9] = _, d[10] = y);
-	let b = y, x;
-	d[11] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("h1", {
+	}, h[29] = w) : w = h[29];
+	let T;
+	h[30] === C ? T = h[31] : (T = [C, w], h[30] = C, h[31] = T);
+	let E = T, D;
+	h[32] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
 		children: "Dashboard"
-	}), d[11] = x) : x = d[11];
-	let S;
-	d[12] === p ? S = d[13] : (S = /* @__PURE__ */ jsx(Dashboard, { dashboardStats: p }), d[12] = p, d[13] = S);
-	let C;
-	return d[14] !== b || d[15] !== S ? (C = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: b,
-		children: [x, S]
-	}), d[14] = b, d[15] = S, d[16] = C) : C = d[16], C;
+	}), h[32] = D) : D = h[32];
+	let O;
+	h[33] === _ ? O = h[34] : (O = /* @__PURE__ */ jsx(Dashboard, { dashboardStats: _ }), h[33] = _, h[34] = O);
+	let k;
+	return h[35] !== E || h[36] !== O ? (k = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: E,
+		children: [D, O]
+	}), h[35] = E, h[36] = O, h[37] = k) : k = h[37], k;
 }
 export { DashboardPage as default };

package/dist/pages/EmbedWorkbenchPage.js

@@ -4,6 +4,7 @@ import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { require_enums } from "../packages/contracts/dist/enums/index.js";
 import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
+import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import "../features/workbench/index.js";
 import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
@@ -12,61 +13,64 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 var import_enums = require_enums(), EMBED_MESSAGE_TYPE = "loopstack:embed:workflow-completed", EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize";
 function EmbedWorkbenchPage() {
-	let _ = c(24), v = useParams(), y;
-	_[0] === v ? y = _[1] : (y = requireParam(v, "pipelineId"), _[0] = v, _[1] = y);
-	let b = y, x = useRef(null), S = usePipeline(b), C = useFetchWorkflowsByPipeline(b), w = useRef(!1), T, E;
-	_[2] !== C.data || _[3] !== b ? (T = () => {
-		!C.data || w.current || C.data.length > 0 && C.data.every(_temp) && window.parent !== window && (w.current = !0, window.parent.postMessage({
+	let v = c(24), y = useParams(), b;
+	v[0] === y ? b = v[1] : (b = requireParam(y, "pipelineId"), v[0] = y, v[1] = b);
+	let x = b, S = useRef(null), C = usePipeline(x), w = useFetchWorkflowsByPipeline(x), T = useRef(!1), E, D;
+	v[2] !== w.data || v[3] !== x ? (E = () => {
+		!w.data || T.current || w.data.length > 0 && w.data.every(_temp) && window.parent !== window && (T.current = !0, window.parent.postMessage({
 			type: EMBED_MESSAGE_TYPE,
-			pipelineId: b
+			pipelineId: x
 		}, window.location.origin));
-	}, E = [C.data, b], _[2] = C.data, _[3] = b, _[4] = T, _[5] = E) : (T = _[4], E = _[5]), useEffect(T, E);
-	let D, O;
-	_[6] === b ? (D = _[7], O = _[8]) : (D = () => {
-		if (window.parent === window || !x.current) return;
+	}, D = [w.data, x], v[2] = w.data, v[3] = x, v[4] = E, v[5] = D) : (E = v[4], D = v[5]), useEffect(E, D);
+	let O, k;
+	v[6] === x ? (O = v[7], k = v[8]) : (O = () => {
+		if (window.parent === window || !S.current) return;
 		let t = new ResizeObserver(() => {
-			if (!x.current) return;
+			if (!S.current) return;
 			let t = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
 			window.parent.postMessage({
 				type: EMBED_RESIZE_MESSAGE_TYPE,
-				pipelineId: b,
+				pipelineId: x,
 				height: t
 			}, window.location.origin);
 		});
-		return t.observe(x.current), () => t.disconnect();
-	}, O = [b], _[6] = b, _[7] = D, _[8] = O), useEffect(D, O);
-	let k = _temp2, A;
-	_[9] === Symbol.for("react.memo_cache_sentinel") ? (A = {
+		return t.observe(S.current), () => t.disconnect();
+	}, k = [x], v[6] = x, v[7] = O, v[8] = k), useEffect(O, k);
+	let A = _temp2, j;
+	v[9] === Symbol.for("react.memo_cache_sentinel") ? (j = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, _[9] = A) : A = _[9];
-	let j = A, M;
-	_[10] === S.error ? M = _[11] : (M = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), _[10] = S.error, _[11] = M);
-	let N;
-	_[12] === C.error ? N = _[13] : (N = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: C.error }), _[12] = C.error, _[13] = N);
-	let P = S.isLoading || C.isLoading, F;
-	_[14] !== S.data || _[15] !== C.data ? (F = S.data && C.data ? C.data.map((t) => /* @__PURE__ */ jsx(WorkflowItem_default, {
-		pipeline: S.data,
-		workflowId: t.id,
-		scrollTo: k,
-		settings: j,
-		embed: !0
-	}, t.id)) : null, _[14] = S.data, _[15] = C.data, _[16] = F) : F = _[16];
-	let I;
-	_[17] !== P || _[18] !== F ? (I = /* @__PURE__ */ jsx(LoadingCentered_default, {
-		loading: P,
-		children: F
-	}), _[17] = P, _[18] = F, _[19] = I) : I = _[19];
+	}, v[9] = j) : j = v[9];
+	let M = j, N;
+	v[10] === C.error ? N = v[11] : (N = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: C.error }), v[10] = C.error, v[11] = N);
+	let P;
+	v[12] === w.error ? P = v[13] : (P = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }), v[12] = w.error, v[13] = P);
+	let F = C.isLoading || w.isLoading, I;
+	v[14] !== C.data || v[15] !== w.data ? (I = C.data && w.data ? /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		pipeline: C.data,
+		children: w.data.map((t) => /* @__PURE__ */ jsx(WorkflowItem_default, {
+			pipeline: C.data,
+			workflowId: t.id,
+			scrollTo: A,
+			settings: M,
+			embed: !0
+		}, t.id))
+	}) : null, v[14] = C.data, v[15] = w.data, v[16] = I) : I = v[16];
 	let L;
-	return _[20] !== I || _[21] !== M || _[22] !== N ? (L = /* @__PURE__ */ jsxs("div", {
-		ref: x,
+	v[17] !== F || v[18] !== I ? (L = /* @__PURE__ */ jsx(LoadingCentered_default, {
+		loading: F,
+		children: I
+	}), v[17] = F, v[18] = I, v[19] = L) : L = v[19];
+	let R;
+	return v[20] !== L || v[21] !== N || v[22] !== P ? (R = /* @__PURE__ */ jsxs("div", {
+		ref: S,
 		className: "overflow-hidden px-6 py-4",
 		children: [
-			M,
 			N,
-			I
+			P,
+			L
 		]
-	}), _[20] = I, _[21] = M, _[22] = N, _[23] = L) : L = _[23], L;
+	}), v[20] = L, v[21] = N, v[22] = P, v[23] = R) : R = v[23], R;
 }
 function _temp2() {}
 function _temp(t) {

package/dist/types/ai.types.js

@@ -0,0 +1,13 @@
+function isTextUIPart(e) {
+	return e.type === "text";
+}
+function isReasoningUIPart(e) {
+	return e.type === "reasoning";
+}
+function isToolOrDynamicToolUIPart(e) {
+	return e.type.startsWith("tool-");
+}
+function getToolOrDynamicToolName(e) {
+	return e.type.replace(/^tool-/, "");
+}
+export { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.23.1",
+  "version": "0.24.0",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/contracts": "^0.23.1",
+    "@loopstack/contracts": "^0.24.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",
@@ -53,7 +53,6 @@
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.90.21",
     "@xyflow/react": "^12.10.1",
-    "ai": "^6.0.97",
     "axios": "^1.13.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

package/dist/node_modules/@ai-sdk/provider/dist/index.js

@@ -1,65 +0,0 @@
-var marker = "vercel.ai.error", symbol = Symbol.for(marker), _a, _b, AISDKError = class C extends (_b = Error, _a = symbol, _b) {
-	constructor({ name: e, message: b, cause: S }) {
-		super(b), this[_a] = !0, this.name = e, this.cause = S;
-	}
-	static isInstance(b) {
-		return C.hasMarker(b, marker);
-	}
-	static hasMarker(e, b) {
-		let x = Symbol.for(b);
-		return typeof e == "object" && !!e && x in e && typeof e[x] == "boolean" && e[x] === !0;
-	}
-};
-function getErrorMessage(e) {
-	return e == null ? "unknown error" : typeof e == "string" ? e : e instanceof Error ? e.message : JSON.stringify(e);
-}
-var name3 = "AI_InvalidArgumentError", marker4 = `vercel.ai.error.${name3}`, symbol4 = Symbol.for(marker4), _a4, _b4, InvalidArgumentError = class extends (_b4 = AISDKError, _a4 = symbol4, _b4) {
-	constructor({ message: e, cause: b, argument: x }) {
-		super({
-			name: name3,
-			message: e,
-			cause: b
-		}), this[_a4] = !0, this.argument = x;
-	}
-	static isInstance(e) {
-		return AISDKError.hasMarker(e, marker4);
-	}
-}, name6 = "AI_JSONParseError", marker7 = `vercel.ai.error.${name6}`, symbol7 = Symbol.for(marker7), _a7, _b7, JSONParseError = class extends (_b7 = AISDKError, _a7 = symbol7, _b7) {
-	constructor({ text: e, cause: b }) {
-		super({
-			name: name6,
-			message: `JSON parsing failed: Text: ${e}.
-Error message: ${getErrorMessage(b)}`,
-			cause: b
-		}), this[_a7] = !0, this.text = e;
-	}
-	static isInstance(e) {
-		return AISDKError.hasMarker(e, marker7);
-	}
-}, name12 = "AI_TypeValidationError", marker13 = `vercel.ai.error.${name12}`, symbol13 = Symbol.for(marker13), _a13, _b13, TypeValidationError = class e extends (_b13 = AISDKError, _a13 = symbol13, _b13) {
-	constructor({ value: e, cause: b, context: x }) {
-		let S = "Type validation failed";
-		if (x?.field && (S += ` for ${x.field}`), x?.entityName || x?.entityId) {
-			S += " (";
-			let e = [];
-			x.entityName && e.push(x.entityName), x.entityId && e.push(`id: "${x.entityId}"`), S += e.join(", "), S += ")";
-		}
-		super({
-			name: name12,
-			message: `${S}: Value: ${JSON.stringify(e)}.
-Error message: ${getErrorMessage(b)}`,
-			cause: b
-		}), this[_a13] = !0, this.value = e, this.context = x;
-	}
-	static isInstance(e) {
-		return AISDKError.hasMarker(e, marker13);
-	}
-	static wrap({ value: b, cause: x, context: S }) {
-		return e.isInstance(x) && x.value === b && x.context?.field === S?.field && x.context?.entityName === S?.entityName && x.context?.entityId === S?.entityId ? x : new e({
-			value: b,
-			cause: x,
-			context: S
-		});
-	}
-};
-export { AISDKError, InvalidArgumentError, JSONParseError, TypeValidationError };