@loopstack/loopstack-studio 0.22.0 → 0.23.1

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/snackbars/ErrorSnackbar.js";
-import ExecutionTimeline_default from "../features/workspaces/components/ExecutionTimeline.js";
+import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.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/providers/InvalidationEventsProvider.js

@@ -1,19 +1,17 @@
 import { __toESM } from "../_virtual/rolldown_runtime.js";
+import { getDocumentsCacheKey, getNamespacesByPipelineCacheKey, getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey } from "../hooks/query-keys.js";
 import { SseClientEvents } from "../events/sse-client-events.js";
 import { eventBus } from "../services/eventEmitter.js";
 import "../services/index.js";
 import { useStudio } from "./StudioProvider.js";
 import { require_debounce } from "../node_modules/lodash/debounce.js";
-import { getDocumentsCacheKey } from "../hooks/useDocuments.js";
-import { getNamespacesByPipelineCacheKey } from "../hooks/useNamespaces.js";
-import { getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey } from "../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { QueryClient, useQueryClient } from "@tanstack/react-query";
 var import_debounce = /* @__PURE__ */ __toESM(require_debounce(), 1), DEBOUNCE_MS = 300;
-function createDebouncedInvalidator(e, u) {
+function createDebouncedInvalidator(e, l) {
 	return (0, import_debounce.default)(() => {
-		e.invalidateQueries({ queryKey: u });
+		e.invalidateQueries({ queryKey: l });
 	}, DEBOUNCE_MS);
 }
 function InvalidationEventsProvider() {
@@ -23,12 +21,12 @@ function InvalidationEventsProvider() {
 	return e[1] !== f.id || e[2] !== g ? (b = () => {
 		if (!f.id) return;
 		let e = f.id, d = y.current, p = function(e) {
-			let u = JSON.stringify(e);
-			d.has(u) || d.set(u, createDebouncedInvalidator(g, e)), d.get(u)();
-		}, m = eventBus.on(SseClientEvents.WORKFLOW_CREATED, (u) => {
-			u.namespaceId && p(getWorkflowsCacheKey(e, u.namespaceId)), u.pipelineId && (p(getNamespacesByPipelineCacheKey(e, u.pipelineId)), p(getWorkflowsByPipelineCacheKey(e, u.pipelineId)));
-		}), h = eventBus.on(SseClientEvents.WORKFLOW_UPDATED, (u) => {
-			u.id && p(getWorkflowCacheKey(e, u.id)), u.namespaceId && p(getWorkflowsCacheKey(e, u.namespaceId)), u.pipelineId && (p(getNamespacesByPipelineCacheKey(e, u.pipelineId)), p(getWorkflowsByPipelineCacheKey(e, u.pipelineId)));
+			let l = JSON.stringify(e);
+			d.has(l) || d.set(l, createDebouncedInvalidator(g, e)), d.get(l)();
+		}, m = eventBus.on(SseClientEvents.WORKFLOW_CREATED, (l) => {
+			l.namespaceId && p(getWorkflowsCacheKey(e, l.namespaceId)), l.pipelineId && (p(getNamespacesByPipelineCacheKey(e, l.pipelineId)), p(getWorkflowsByPipelineCacheKey(e, l.pipelineId)));
+		}), h = eventBus.on(SseClientEvents.WORKFLOW_UPDATED, (l) => {
+			l.id && p(getWorkflowCacheKey(e, l.id)), l.namespaceId && p(getWorkflowsCacheKey(e, l.namespaceId)), l.pipelineId && (p(getNamespacesByPipelineCacheKey(e, l.pipelineId)), p(getWorkflowsByPipelineCacheKey(e, l.pipelineId)));
 		}), _ = eventBus.on(SseClientEvents.DOCUMENT_CREATED, (u) => {
 			u.workflowId && p(getDocumentsCacheKey(e, u.workflowId));
 		});

package/dist/providers/StudioProvider.js

@@ -17,5 +17,5 @@ const StudioProvider = (r) => {
 	let e = useContext(StudioContext);
 	if (!e) throw Error("useStudio must be used within StudioProvider");
 	return e;
-};
-export { StudioProvider, useStudio };
+}, useStudioOptional = () => useContext(StudioContext);
+export { StudioProvider, useStudio, useStudioOptional };

package/dist/routing/LocalRouter.js

@@ -3,14 +3,18 @@ import { useNavigate } from "react-router-dom";
 var LocalRouter = class {
 	navigate;
 	envId;
-	constructor(e, t) {
-		this.navigate = e, this.envId = t;
+	embedPrefix;
+	constructor(e, t, n = "/embed") {
+		this.navigate = e, this.envId = t, this.embedPrefix = n;
 	}
 	async navigateToHome() {
 		await this.navigate("/");
 	}
+	getEnvironmentInfo() {
+		return "/info";
+	}
 	async navigateToEnvironmentInfo() {
-		await this.navigate("/info");
+		await this.navigate(this.getEnvironmentInfo());
 	}
 	getRuns() {
 		return "/runs";
@@ -63,11 +67,17 @@ 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 `/embed/pipelines/${e}`;
+		return `${this.embedPrefix}/pipelines/${e}`;
 	}
 	getPreviewPipeline(e) {
-		return `/embed/preview/pipelines/${e}`;
+		return `${this.embedPrefix}/preview/pipelines/${e}`;
 	}
 	getCurrentEnvironmentId() {
 		return this.envId;
@@ -76,8 +86,8 @@ var LocalRouter = class {
 		return "local";
 	}
 };
-const useRouter = (r) => {
-	let i = c(3), a = useNavigate(), o;
-	return i[0] !== r || i[1] !== a ? (o = new LocalRouter(a, r), i[0] = r, i[1] = a, i[2] = o) : o = i[2], o;
+const useRouter = (r, i) => {
+	let a = c(4), o = useNavigate(), s;
+	return a[0] !== i || a[1] !== r || a[2] !== o ? (s = new LocalRouter(o, r, i), a[0] = i, a[1] = r, a[2] = o, a[3] = s) : s = a[3], s;
 };
 export { LocalRouter, useRouter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.22.0",
+  "version": "0.23.1",
   "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.23.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",

package/dist/features/workbench/components/DocumentRenderer.js

@@ -1,54 +0,0 @@
-import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
-import OAuthPromptRenderer_default from "../../oauth/OAuthPromptRenderer.js";
-import "../../oauth/index.js";
-import AiMessage_default from "./document-renderer/AiMessage.js";
-import LinkMessageRenderer_default from "./document-renderer/LinkMessageRenderer.js";
-import DocumentDebugRenderer_default from "./document-renderer/DocumentDebugRenderer.js";
-import DocumentFormRenderer_default from "./document-renderer/DocumentFormRenderer.js";
-import DocumentMessageRenderer_default from "./document-renderer/DocumentMessageRenderer.js";
-import ErrorMessageRenderer_default from "./document-renderer/ErrorMessageRenderer.js";
-import MarkdownMessageRenderer_default from "./document-renderer/MarkdownMessageRenderer.js";
-import PlainMessageRenderer_default from "./document-renderer/PlainMessageRenderer.js";
-import { c } from "react/compiler-runtime";
-import React from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-var DocumentRenderer_default = (m) => {
-	let h = c(8), { pipeline: g, workflow: _, document: v, isActive: y, isLastItem: b } = m, x = !y, S = v, C = S.ui?.form?.widget ?? "object-form", w;
-	return h[0] !== S || h[1] !== y || h[2] !== b || h[3] !== g || h[4] !== x || h[5] !== C || h[6] !== _ ? (w = /* @__PURE__ */ jsx("div", { children: (() => {
-		switch (C) {
-			case "ai-message": return /* @__PURE__ */ jsx(AiMessage_default, {
-				document: S,
-				isLastItem: b
-			});
-			case "debug": return /* @__PURE__ */ jsx("div", {
-				className: "mb-4 flex",
-				children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: S })
-			});
-			case "object-form": return /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
-				role: "document",
-				fullWidth: !0,
-				timestamp: new Date(S.createdAt),
-				children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
-					pipeline: g,
-					workflow: _,
-					document: S,
-					enabled: y,
-					viewOnly: x
-				})
-			});
-			case "message": return /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: S });
-			case "error": return /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: S });
-			case "plain": return /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: S });
-			case "markdown": return /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: S });
-			case "link": return /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: S });
-			case "oauth-prompt": return /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
-				pipeline: g,
-				workflow: _,
-				document: S,
-				isActive: y
-			});
-			default: return /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" });
-		}
-	})() }), h[0] = S, h[1] = y, h[2] = b, h[3] = g, h[4] = x, h[5] = C, h[6] = _, h[7] = w) : w = h[7], w;
-};
-export { DocumentRenderer_default as default };