@loopstack/loopstack-studio 0.23.0 → 0.24.0

package/dist/pages/WorkspacePage.js

@@ -1,63 +1,115 @@
 import { useStudio } from "../providers/StudioProvider.js";
+import { useWorkspaceConfig } from "../hooks/useConfig.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
+import { Button } from "../components/ui/button.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
-import ExecutionTimeline_default from "../features/workspaces/components/ExecutionTimeline.js";
+import WorkspaceHomePage_default from "../features/workspaces/components/WorkspaceHomePage.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useParams } from "react-router-dom";
-import { Home, Loader2 } from "lucide-react";
+import { Link, useParams } from "react-router-dom";
+import { ArrowRight, Home, Loader2 } from "lucide-react";
 var WorkspacePage_default = () => {
-	let p = c(31), { router: m } = useStudio(), { workspaceId: h } = useParams(), g = useWorkspace(h), _;
-	p[0] === m ? _ = p[1] : (_ = m.getDashboard(), p[0] = m, p[1] = _);
-	let v;
-	p[2] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), p[2] = v) : v = p[2];
-	let y;
-	p[3] === _ ? y = p[4] : (y = {
-		label: "Dashboard",
-		href: _,
-		icon: v
-	}, p[3] = _, p[4] = y);
-	let b;
-	p[5] === m ? b = p[6] : (b = m.getWorkspaces(), p[5] = m, p[6] = b);
-	let x;
-	p[7] === b ? x = p[8] : (x = {
-		label: "Workspaces",
-		href: b
-	}, p[7] = b, p[8] = x);
-	let S = g.data?.title ?? "", C;
-	p[9] === S ? C = p[10] : (C = {
-		label: S,
-		current: !0
-	}, p[9] = S, p[10] = C);
-	let w;
-	p[11] !== y || p[12] !== x || p[13] !== C ? (w = [
-		y,
-		x,
-		C
-	], p[11] = y, p[12] = x, p[13] = C, p[14] = w) : w = p[14];
-	let T = w, E = g.data?.title ?? "", D;
-	p[15] === E ? D = p[16] : (D = /* @__PURE__ */ jsx("h1", {
-		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: E
-	}), p[15] = E, p[16] = D);
+	let v = c(49), { router: y } = useStudio(), { workspaceId: b } = useParams(), x = useWorkspace(b), S = useWorkspaceConfig(), C = x.data, w;
+	bb0: {
+		if (!C || !S.data) {
+			w = void 0;
+			break bb0;
+		}
+		let t;
+		if (v[0] !== S.data || v[1] !== C) {
+			let _;
+			v[3] === C ? _ = v[4] : (_ = (t) => t.blockName === C.blockName, v[3] = C, v[4] = _), t = S.data.find(_)?.ui?.actions?.find(_temp), v[0] = S.data, v[1] = C, v[2] = t;
+		} else t = v[2];
+		w = t;
+	}
+	let T = w, E;
+	v[5] === y ? E = v[6] : (E = y.getDashboard(), v[5] = y, v[6] = E);
+	let D;
+	v[7] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), v[7] = D) : D = v[7];
 	let O;
-	p[17] === g.isLoading ? O = p[18] : (O = g.isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", p[17] = g.isLoading, p[18] = O);
+	v[8] === E ? O = v[9] : (O = {
+		label: "Dashboard",
+		href: E,
+		icon: D
+	}, v[8] = E, v[9] = O);
 	let k;
-	p[19] === g.error ? k = p[20] : (k = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: g.error }), p[19] = g.error, p[20] = k);
+	v[10] === y ? k = v[11] : (k = y.getWorkspaces(), v[10] = y, v[11] = k);
 	let A;
-	p[21] === g.data ? A = p[22] : (A = g.data ? /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: g.data }) : "", p[21] = g.data, p[22] = A);
-	let j;
-	p[23] !== O || p[24] !== k || p[25] !== A || p[26] !== D ? (j = /* @__PURE__ */ jsxs(Fragment, { children: [
-		D,
+	v[12] === k ? A = v[13] : (A = {
+		label: "Workspaces",
+		href: k
+	}, v[12] = k, v[13] = A);
+	let j = C?.title ?? "", M;
+	v[14] === j ? M = v[15] : (M = {
+		label: j,
+		current: !0
+	}, v[14] = j, v[15] = M);
+	let N;
+	v[16] !== O || v[17] !== A || v[18] !== M ? (N = [
 		O,
-		k,
-		A
-	] }), p[23] = O, p[24] = k, p[25] = A, p[26] = D, p[27] = j) : j = p[27];
-	let M;
-	return p[28] !== T || p[29] !== j ? (M = /* @__PURE__ */ jsx(MainLayout_default, {
-		breadcrumbsData: T,
-		children: j
-	}), p[28] = T, p[29] = j, p[30] = M) : M = p[30], M;
+		A,
+		M
+	], v[16] = O, v[17] = A, v[18] = M, v[19] = N) : N = v[19];
+	let P = N, F = x.isLoading || S.isLoading, I = C?.title ?? "", L;
+	v[20] === I ? L = v[21] : (L = /* @__PURE__ */ jsx("h1", {
+		className: "text-3xl font-bold tracking-tight",
+		children: I
+	}), v[20] = I, v[21] = L);
+	let R;
+	v[22] !== y || v[23] !== b ? (R = b && /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		asChild: !0,
+		children: /* @__PURE__ */ jsxs(Link, {
+			to: y.getWorkspaceRuns(b),
+			children: ["Runs", /* @__PURE__ */ jsx(ArrowRight, { className: "ml-1 h-4 w-4" })]
+		})
+	}), v[22] = y, v[23] = b, v[24] = R) : R = v[24];
+	let z;
+	v[25] !== L || v[26] !== R ? (z = /* @__PURE__ */ jsxs("div", {
+		className: "mb-4 flex items-center justify-between",
+		children: [L, R]
+	}), v[25] = L, v[26] = R, v[27] = z) : z = v[27];
+	let B;
+	v[28] === F ? B = v[29] : (B = F ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", v[28] = F, v[29] = B);
+	let V;
+	v[30] === x.error ? V = v[31] : (V = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), v[30] = x.error, v[31] = V);
+	let H;
+	v[32] === S.error ? H = v[33] : (H = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), v[32] = S.error, v[33] = H);
+	let U;
+	v[34] !== F || v[35] !== y || v[36] !== T || v[37] !== C || v[38] !== b ? (U = C && T ? /* @__PURE__ */ jsx(WorkspaceHomePage_default, {
+		workspace: C,
+		action: T
+	}) : C && !F ? /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center justify-center py-16",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mb-4",
+			children: "No home page configured for this workspace."
+		}), b && /* @__PURE__ */ jsx(Button, {
+			variant: "default",
+			asChild: !0,
+			children: /* @__PURE__ */ jsxs(Link, {
+				to: y.getWorkspaceRuns(b),
+				children: ["Go to Runs", /* @__PURE__ */ jsx(ArrowRight, { className: "ml-1 h-4 w-4" })]
+			})
+		})]
+	}) : null, v[34] = F, v[35] = y, v[36] = T, v[37] = C, v[38] = b, v[39] = U) : U = v[39];
+	let W;
+	v[40] !== z || v[41] !== B || v[42] !== V || v[43] !== H || v[44] !== U ? (W = /* @__PURE__ */ jsxs(Fragment, { children: [
+		z,
+		B,
+		V,
+		H,
+		U
+	] }), v[40] = z, v[41] = B, v[42] = V, v[43] = H, v[44] = U, v[45] = W) : W = v[45];
+	let G;
+	return v[46] !== P || v[47] !== W ? (G = /* @__PURE__ */ jsx(MainLayout_default, {
+		breadcrumbsData: P,
+		children: W
+	}), v[46] = P, v[47] = W, v[48] = G) : G = v[48], G;
 };
+function _temp(t) {
+	return t.widget === "start-form";
+}
 export { WorkspacePage_default as default };

package/dist/pages/WorkspaceRunsPage.js

@@ -0,0 +1,71 @@
+import { useStudio } from "../providers/StudioProvider.js";
+import { useWorkspace } from "../hooks/useWorkspaces.js";
+import MainLayout_default from "../components/layout/MainLayout.js";
+import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
+import ExecutionTimeline_default from "../features/workspaces/components/ExecutionTimeline.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { Home, Loader2 } from "lucide-react";
+var WorkspaceRunsPage_default = () => {
+	let p = c(36), { router: m } = useStudio(), { workspaceId: h } = useParams(), g = useWorkspace(h), _;
+	p[0] === m ? _ = p[1] : (_ = m.getDashboard(), p[0] = m, p[1] = _);
+	let v;
+	p[2] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), p[2] = v) : v = p[2];
+	let y;
+	p[3] === _ ? y = p[4] : (y = {
+		label: "Dashboard",
+		href: _,
+		icon: v
+	}, p[3] = _, p[4] = y);
+	let b;
+	p[5] === m ? b = p[6] : (b = m.getWorkspaces(), p[5] = m, p[6] = b);
+	let x;
+	p[7] === b ? x = p[8] : (x = {
+		label: "Workspaces",
+		href: b
+	}, p[7] = b, p[8] = x);
+	let S = g.data?.title ?? "", C;
+	p[9] !== m || p[10] !== h ? (C = h ? m.getWorkspace(h) : void 0, p[9] = m, p[10] = h, p[11] = C) : C = p[11];
+	let w;
+	p[12] !== S || p[13] !== C ? (w = {
+		label: S,
+		href: C
+	}, p[12] = S, p[13] = C, p[14] = w) : w = p[14];
+	let T;
+	p[15] === Symbol.for("react.memo_cache_sentinel") ? (T = {
+		label: "Runs",
+		current: !0
+	}, p[15] = T) : T = p[15];
+	let E;
+	p[16] !== y || p[17] !== x || p[18] !== w ? (E = [
+		y,
+		x,
+		w,
+		T
+	], p[16] = y, p[17] = x, p[18] = w, p[19] = E) : E = p[19];
+	let D = E, O = g.data?.title ?? "", k;
+	p[20] === O ? k = p[21] : (k = /* @__PURE__ */ jsxs("h1", {
+		className: "mb-4 text-3xl font-bold tracking-tight",
+		children: [O, " — Runs"]
+	}), p[20] = O, p[21] = k);
+	let A;
+	p[22] === g.isLoading ? A = p[23] : (A = g.isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", p[22] = g.isLoading, p[23] = A);
+	let j;
+	p[24] === g.error ? j = p[25] : (j = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: g.error }), p[24] = g.error, p[25] = j);
+	let M;
+	p[26] === g.data ? M = p[27] : (M = g.data ? /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: g.data }) : "", p[26] = g.data, p[27] = M);
+	let N;
+	p[28] !== k || p[29] !== A || p[30] !== j || p[31] !== M ? (N = /* @__PURE__ */ jsxs(Fragment, { children: [
+		k,
+		A,
+		j,
+		M
+	] }), p[28] = k, p[29] = A, p[30] = j, p[31] = M, p[32] = N) : N = p[32];
+	let P;
+	return p[33] !== D || p[34] !== N ? (P = /* @__PURE__ */ jsx(MainLayout_default, {
+		breadcrumbsData: D,
+		children: N
+	}), p[33] = D, p[34] = N, p[35] = P) : P = p[35], P;
+};
+export { WorkspaceRunsPage_default as default };

package/dist/routing/LocalRouter.js

@@ -67,6 +67,12 @@ var LocalRouter = class {
 	async navigateToPipelineNamespace(e, t, n) {
 		await this.navigate(`/workspaces/${e}/pipelines/${t}/namespaces/${n}`);
 	}
+	getWorkspaceRuns(e) {
+		return `/workspaces/${e}/runs`;
+	}
+	async navigateToWorkspaceRuns(e) {
+		await this.navigate(this.getWorkspaceRuns(e));
+	}
 	getEmbedPipeline(e) {
 		return `${this.embedPrefix}/pipelines/${e}`;
 	}

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.0",
+  "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.0",
+    "@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 };