@loopstack/loopstack-studio 0.22.0 → 0.23.0

package/dist/hooks/useWorkspaces.js

@@ -1,135 +1,130 @@
+import { getWorkspaceCacheKey, getWorkspacesCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-function useWorkspace(n) {
-	let i = c(10), { envKey: a, api: o } = useApiClient(), s;
-	i[0] !== a || i[1] !== n ? (s = [
-		"workspace",
-		n,
-		a
-	], i[0] = a, i[1] = n, i[2] = s) : s = i[2];
-	let l;
-	i[3] !== o || i[4] !== n ? (l = () => o.workspaces.getById({ id: n }), i[3] = o, i[4] = n, i[5] = l) : l = i[5];
-	let u = !!n, d;
-	return i[6] !== s || i[7] !== l || i[8] !== u ? (d = {
-		queryKey: s,
-		queryFn: l,
-		enabled: u
-	}, i[6] = s, i[7] = l, i[8] = u, i[9] = d) : d = i[9], useQuery(d);
+function useWorkspace(t) {
+	let i = c(10), { envKey: o, api: s } = useApiClient(), l;
+	i[0] !== o || i[1] !== t ? (l = getWorkspaceCacheKey(o, t), i[0] = o, i[1] = t, i[2] = l) : l = i[2];
+	let u;
+	i[3] !== s || i[4] !== t ? (u = () => s.workspaces.getById({ id: t }), i[3] = s, i[4] = t, i[5] = u) : u = i[5];
+	let d = !!t, f;
+	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
+		queryKey: l,
+		queryFn: u,
+		enabled: d
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
-function useFilterWorkspaces(n, i, a, o, s, l) {
-	let u = c(23), d = a === void 0 ? "id" : a, f = o === void 0 ? "DESC" : o, p = s === void 0 ? 0 : s, m = l === void 0 ? 10 : l, { envKey: h, api: g } = useApiClient(), _ = Object.keys(i).length > 0, v;
-	u[0] !== i || u[1] !== _ ? (v = _ && { filter: JSON.stringify(i) }, u[0] = i, u[1] = _, u[2] = v) : v = u[2];
-	let y;
-	u[3] !== f || u[4] !== d ? (y = JSON.stringify([{
-		field: d,
-		order: f
-	}]), u[3] = f, u[4] = d, u[5] = y) : y = u[5];
-	let b;
-	u[6] === n ? b = u[7] : (b = n && {
-		search: n,
+function useFilterWorkspaces(e, i, o, s, l, u) {
+	let d = c(30), f = o === void 0 ? "id" : o, p = s === void 0 ? "DESC" : s, m = l === void 0 ? 0 : l, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v = Object.keys(i).length > 0, y;
+	d[0] !== i || d[1] !== v ? (y = v ? JSON.stringify(i) : void 0, d[0] = i, d[1] = v, d[2] = y) : y = d[2];
+	let b = y, x;
+	d[3] === b ? x = d[4] : (x = b && { filter: b }, d[3] = b, d[4] = x);
+	let S;
+	d[5] !== p || d[6] !== f ? (S = JSON.stringify([{
+		field: f,
+		order: p
+	}]), d[5] = p, d[6] = f, d[7] = S) : S = d[7];
+	let C;
+	d[8] === e ? C = d[9] : (C = e && {
+		search: e,
 		searchColumns: JSON.stringify(["title"])
-	}, u[6] = n, u[7] = b);
-	let x;
-	u[8] !== m || u[9] !== p || u[10] !== v || u[11] !== y || u[12] !== b ? (x = {
-		...v,
-		sortBy: y,
-		page: p,
-		limit: m,
-		...b
-	}, u[8] = m, u[9] = p, u[10] = v, u[11] = y, u[12] = b, u[13] = x) : x = u[13];
-	let S = x, C;
-	u[14] !== h || u[15] !== S ? (C = [
-		"workspaces",
-		h,
-		S
-	], u[14] = h, u[15] = S, u[16] = C) : C = u[16];
+	}, d[8] = e, d[9] = C);
 	let w;
-	u[17] !== g || u[18] !== S ? (w = () => g.workspaces.getAll(S), u[17] = g, u[18] = S, u[19] = w) : w = u[19];
-	let T;
-	return u[20] !== C || u[21] !== w ? (T = {
-		queryKey: C,
-		queryFn: w,
-		enabled: !0
-	}, u[20] = C, u[21] = w, u[22] = T) : T = u[22], useQuery(T);
+	d[10] !== h || d[11] !== m || d[12] !== x || d[13] !== S || d[14] !== C ? (w = {
+		...x,
+		sortBy: S,
+		page: m,
+		limit: h,
+		...C
+	}, d[10] = h, d[11] = m, d[12] = x, d[13] = S, d[14] = C, d[15] = w) : w = d[15];
+	let T = w, E;
+	d[16] !== g || d[17] !== b || d[18] !== h || d[19] !== p || d[20] !== m || d[21] !== e || d[22] !== f ? (E = [
+		...getWorkspacesCacheKey(g),
+		"list",
+		e ?? "",
+		b ?? "",
+		f,
+		p,
+		m,
+		h
+	], d[16] = g, d[17] = b, d[18] = h, d[19] = p, d[20] = m, d[21] = e, d[22] = f, d[23] = E) : E = d[23];
+	let D;
+	d[24] !== _ || d[25] !== T ? (D = () => _.workspaces.getAll(T), d[24] = _, d[25] = T, d[26] = D) : D = d[26];
+	let O;
+	return d[27] !== D || d[28] !== E ? (O = {
+		queryKey: E,
+		queryFn: D
+	}, d[27] = D, d[28] = E, d[29] = O) : O = d[29], useQuery(O);
 }
 function useCreateWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.create(e), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = () => {
-		s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;
+	e[0] === s ? u = e[1] : (u = (e) => s.workspaces.create(e), e[0] = s, e[1] = u);
 	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	e[2] !== a || e[3] !== l ? (d = () => {
+		l.invalidateQueries({ queryKey: getWorkspacesCacheKey(a) });
+	}, e[2] = a, e[3] = l, e[4] = d) : d = e[4];
+	let f;
+	return e[5] !== u || e[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, e[5] = u, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
 }
 function useUpdateWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.update(e), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = (e, t) => {
-		s.invalidateQueries({ queryKey: [
-			"workspace",
-			t.id,
-			a
-		] }), s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
-	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	let a = c(8), { envKey: s, api: l } = useApiClient(), u = useQueryClient(), d;
+	a[0] === l ? d = a[1] : (d = (e) => l.workspaces.update(e), a[0] = l, a[1] = d);
+	let f;
+	a[2] !== s || a[3] !== u ? (f = (n, r) => {
+		u.invalidateQueries({ queryKey: getWorkspaceCacheKey(s, r.id) }), u.invalidateQueries({ queryKey: getWorkspacesCacheKey(s) });
+	}, a[2] = s, a[3] = u, a[4] = f) : f = a[4];
+	let p;
+	return a[5] !== d || a[6] !== f ? (p = {
+		mutationFn: d,
+		onSuccess: f
+	}, a[5] = d, a[6] = f, a[7] = p) : p = a[7], useMutation(p);
 }
 function useDeleteWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.delete({ id: e }), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = (e, t) => {
-		s.removeQueries({ queryKey: [
-			"workspace",
-			t,
-			a
-		] }), s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
-	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	let a = c(8), { envKey: s, api: l } = useApiClient(), u = useQueryClient(), d;
+	a[0] === l ? d = a[1] : (d = (e) => l.workspaces.delete({ id: e }), a[0] = l, a[1] = d);
+	let f;
+	a[2] !== s || a[3] !== u ? (f = (n, r) => {
+		u.removeQueries({ queryKey: getWorkspaceCacheKey(s, r) }), u.invalidateQueries({ queryKey: getWorkspacesCacheKey(s) });
+	}, a[2] = s, a[3] = u, a[4] = f) : f = a[4];
+	let p;
+	return a[5] !== d || a[6] !== f ? (p = {
+		mutationFn: d,
+		onSuccess: f
+	}, a[5] = d, a[6] = f, a[7] = p) : p = a[7], useMutation(p);
 }
 function useSetFavouriteWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => {
+	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;
+	e[0] === s ? u = e[1] : (u = (e) => {
 		let { id: t, isFavourite: n } = e;
-		return o.workspaces.setFavourite({
+		return s.workspaces.setFavourite({
 			id: t,
 			workspaceFavouriteDto: { isFavourite: n }
 		});
-	}, r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = () => {
-		s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	}, e[0] = s, e[1] = u);
 	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	e[2] !== a || e[3] !== l ? (d = () => {
+		l.invalidateQueries({ queryKey: getWorkspacesCacheKey(a) });
+	}, e[2] = a, e[3] = l, e[4] = d) : d = e[4];
+	let f;
+	return e[5] !== u || e[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, e[5] = u, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
 }
 function useBatchDeleteWorkspaces() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.batchDelete({ ids: e }), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = () => {
-		s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;
+	e[0] === s ? u = e[1] : (u = (e) => s.workspaces.batchDelete({ ids: e }), e[0] = s, e[1] = u);
 	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	e[2] !== a || e[3] !== l ? (d = () => {
+		l.invalidateQueries({ queryKey: getWorkspacesCacheKey(a) });
+	}, e[2] = a, e[3] = l, e[4] = d) : d = e[4];
+	let f;
+	return e[5] !== u || e[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, e[5] = u, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
 }
 export { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { AxiosInstance } from 'axios';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Component } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
 import { DashboardStatsInterface } from '@loopstack/contracts/api';
@@ -15,6 +16,7 @@ import { DocumentItemInterface } from '@loopstack/contracts/api';
 import { Drawer as Drawer_2 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { EnvironmentConfigInterface } from '@loopstack/contracts/api';
+import { ErrorInfo } from 'react';
 import { ExternalToast } from 'sonner';
 import { FileContentInterface } from '@loopstack/contracts/api';
 import { FileExplorerNodeInterface } from '@loopstack/contracts/api';
@@ -124,6 +126,10 @@ declare interface BaseSnackbarProps {
     onDismiss?: () => void;
 }
 
+declare interface BasicErrorComponentProps {
+    error?: string | null;
+}
+
 export declare interface BatchAction {
     id: string;
     label: string;
@@ -216,6 +222,8 @@ declare interface CompletionMessagePaperProps {
 export declare interface ComponentOverrides {
     CreateWorkspace?: ComponentType<CreateWorkspaceProps>;
     EditWorkspace?: ComponentType<EditWorkspaceProps>;
+    SidebarHeader?: ComponentType;
+    SidebarFooter?: ComponentType;
 }
 
 export declare const ComponentOverridesProvider: ({ children, overrides, }: {
@@ -376,6 +384,8 @@ export declare function createApiClient(environment: Environment): {
     auth: ApiClient['auth'];
 };
 
+export declare const CreateWorkspace: ({ types, workspace, onSuccess }: CreateWorkspaceProps) => JSX.Element;
+
 export declare interface CreateWorkspaceProps {
     types: WorkspaceConfigInterface[];
     workspace?: WorkspaceItemInterface;
@@ -631,6 +641,27 @@ declare interface EnvironmentSlotSelectorProps {
     error?: string;
 }
 
+export declare const ErrorAlert: default_2.FC<BasicErrorComponentProps>;
+
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    handleRetry: () => void;
+    render(): ReactNode;
+}
+
+declare interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onRetry?: () => void;
+}
+
+declare interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+
 export declare const ErrorSnackbar: default_2.FC<ErrorSnackbarProps>;
 
 declare interface ErrorSnackbarProps {
@@ -650,6 +681,62 @@ export declare type FilterOption = string | {
     value: string;
 };
 
+export declare function getAllWorkflowsCacheKey(envKey: string): string[];
+
+export declare function getAvailableEnvironmentsCacheKey(envKey: string): string[];
+
+export declare function getDashboardStatsCacheKey(envKey: string): string[];
+
+export declare function getDocumentCacheKey(envKey: string, documentId: string): string[];
+
+export declare function getDocumentsCacheKey(envKey: string, workflowId: string): string[];
+
+export declare function getFileContentCacheKey(envKey: string, pipelineId: string, filePath: string): string[];
+
+export declare function getFileTreeCacheKey(envKey: string, pipelineId: string): string[];
+
+export declare function getHealthCacheKey(envKey: string): string[];
+
+/**
+ * Centralized cache key builders for React Query.
+ *
+ * Conventions:
+ * - All keys start with a domain prefix, followed by envKey for environment scoping.
+ * - Singular keys (e.g. 'pipeline') are for single-entity queries.
+ * - Plural keys (e.g. 'pipelines') are for list/filter queries.
+ * - Mutations should invalidate the plural key to catch all list variations.
+ * - Use `select` (not `.then()` in queryFn) for response transformations.
+ */
+export declare function getMeCacheKey(envKey: string): string[];
+
+export declare function getNamespaceCacheKey(envKey: string, namespaceId: string): string[];
+
+export declare function getNamespacesByPipelineCacheKey(envKey: string, pipelineId: string): string[];
+
+export declare function getPipelineCacheKey(envKey: string, id: string): string[];
+
+export declare function getPipelineConfigCacheKey(envKey: string, workspaceBlockName: string, pipelineBlockName: string): string[];
+
+export declare function getPipelinesCacheKey(envKey: string): string[];
+
+export declare function getPipelinesChildrenCacheKey(envKey: string, parentId: string): string[];
+
+export declare function getPipelineSourceCacheKey(envKey: string, workspaceBlockName: string, pipelineBlockName: string): string[];
+
+export declare function getPipelineTypesCacheKey(envKey: string, workspaceBlockName: string): string[];
+
+export declare function getWorkflowCacheKey(envKey: string, workflowId: string): string[];
+
+export declare function getWorkflowsByPipelineCacheKey(envKey: string, pipelineId: string): string[];
+
+export declare function getWorkflowsCacheKey(envKey: string, namespaceId: string): string[];
+
+export declare function getWorkspaceCacheKey(envKey: string, id: string): string[];
+
+export declare function getWorkspacesCacheKey(envKey: string): string[];
+
+export declare function getWorkspaceTypesCacheKey(envKey: string): string[];
+
 export declare const GoogleLogo: default_2.FC<GoogleLogoProps>;
 
 declare interface GoogleLogoProps {
@@ -741,8 +828,10 @@ export declare const LocalHealthCheck: () => JSX.Element | null;
 export declare class LocalRouter implements StudioRouter {
     private navigate;
     private envId;
-    constructor(navigate: ReturnType<typeof useNavigate>, envId: string);
+    private embedPrefix;
+    constructor(navigate: ReturnType<typeof useNavigate>, envId: string, embedPrefix?: string);
     navigateToHome(): Promise<void>;
+    getEnvironmentInfo(): string;
     navigateToEnvironmentInfo(): Promise<void>;
     getRuns(): string;
     getRunsActionRequired(): string;
@@ -1025,6 +1114,7 @@ export declare const StudioProvider: ({ children, router, environment, }: {
 
 export declare interface StudioRouter {
     navigateToHome(): Promise<void>;
+    getEnvironmentInfo(): string;
     navigateToEnvironmentInfo(): Promise<void>;
     getRuns(): string;
     getRunsActionRequired(): string;
@@ -1049,6 +1139,8 @@ export declare interface StudioRouter {
     getTheme(): 'local' | 'cloud';
 }
 
+export declare const StudioSidebar: () => JSX.Element;
+
 export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
 
 export declare function Table({ className, ...props }: React_2.ComponentProps<'table'>): JSX.Element;
@@ -1116,11 +1208,13 @@ export declare function useIsMobile(): boolean;
 
 export declare function usePipeline(id: string | undefined): UseQueryResult<PipelineInterface, Error>;
 
-export declare function usePipelineConfig(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineConfigInterface, Error>;
+export declare function usePipelineConfig(workspaceBlockName: string | undefined): UseQueryResult<PipelineConfigInterface[], Error>;
+
+export declare function usePipelineConfigByName(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineConfigInterface, Error>;
 
 export declare function usePipelineSource(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineSourceInterface, Error>;
 
-export declare const useRouter: (envId: string) => StudioRouter;
+export declare const useRouter: (envId: string, embedPrefix?: string) => StudioRouter;
 
 export declare function useSetFavouriteWorkspace(): UseMutationResult<void, Error, {
 id: string;
@@ -1131,6 +1225,8 @@ export declare function useSidebar(): SidebarContextProps;
 
 export declare const useStudio: () => StudioContext;
 
+export declare const useStudioOptional: () => StudioContext | null;
+
 export declare function useUpdatePipeline(): UseMutationResult<PipelineInterface, Error, {
 id: string;
 pipelineUpdateDto: PipelineUpdateInterface;

package/dist/index.js

@@ -1,11 +1,12 @@
+import { getAllWorkflowsCacheKey, getAvailableEnvironmentsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getHealthCacheKey, getMeCacheKey, getNamespaceCacheKey, getNamespacesByPipelineCacheKey, getPipelineCacheKey, getPipelineConfigCacheKey, getPipelineSourceCacheKey, getPipelineTypesCacheKey, getPipelinesCacheKey, getPipelinesChildrenCacheKey, getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey } from "./hooks/query-keys.js";
 import { createApiClient } from "./services/createApiClient.js";
 import { eventBus } from "./services/eventEmitter.js";
 import "./services/index.js";
-import { StudioProvider, useStudio } from "./providers/StudioProvider.js";
+import { StudioProvider, useStudio, useStudioOptional } from "./providers/StudioProvider.js";
 import { useApiClient } from "./hooks/useApi.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
-import { useAvailableEnvironments, useWorkspaceConfig } from "./hooks/useConfig.js";
-import { useBatchDeletePipeline, useChildPipelines, useCreatePipeline, useDeletePipeline, useFilterPipelines, usePipeline, usePipelineConfig, usePipelineSource, useUpdatePipeline } from "./hooks/usePipelines.js";
+import { useAvailableEnvironments, usePipelineConfig, useWorkspaceConfig } from "./hooks/useConfig.js";
+import { useBatchDeletePipeline, useChildPipelines, useCreatePipeline, useDeletePipeline, useFilterPipelines, usePipeline, usePipelineConfigByName, usePipelineSource, useUpdatePipeline } from "./hooks/usePipelines.js";
 import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./hooks/useWorkspaces.js";
 import "./hooks/index.js";
 import { ComponentOverridesProvider, useComponentOverrides } from "./providers/ComponentOverridesProvider.js";
@@ -54,15 +55,19 @@ import { DataList } from "./components/data-table/DataList.js";
 import ListView_default from "./components/lists/ListView.js";
 import CustomListView_default from "./components/lists/CustomListView.js";
 import CompletionMessagePaper_default from "./components/messages/CompletionMessagePaper.js";
-import Snackbar_default from "./components/snackbars/Snackbar.js";
-import ErrorSnackbar_default from "./components/snackbars/ErrorSnackbar.js";
-import LoadingCentered_default from "./components/LoadingCentered.js";
+import { ErrorBoundary } from "./components/feedback/ErrorBoundary.js";
+import LoadingCentered_default from "./components/feedback/LoadingCentered.js";
+import Snackbar_default from "./components/feedback/Snackbar.js";
+import ErrorSnackbar_default from "./components/feedback/ErrorSnackbar.js";
+import ErrorAlert_default from "./components/feedback/ErrorAlert.js";
 import "./components/index.js";
 import DebugPage_default from "./pages/DebugPage.js";
 import DashboardPage from "./pages/DashboardPage.js";
 import { EnvironmentSlotSelector } from "./features/workspaces/components/EnvironmentSlotSelector.js";
+import CreateWorkspace_default from "./features/workspaces/components/CreateWorkspace.js";
 import WorkspacesPage from "./pages/WorkspacesPage.js";
 import WorkspacePage_default from "./pages/WorkspacePage.js";
+import "./features/workspaces/index.js";
 import WorkbenchPage from "./pages/WorkbenchPage.js";
 import PipelineDebugPage_default from "./pages/PipelineDebugPage.js";
 import DebugWorkflowsPage from "./pages/DebugWorkflowsPage.js";
@@ -74,4 +79,6 @@ import RunsListPage from "./pages/RunsListPage.js";
 import StudioLandingPage from "./pages/StudioLandingPage.js";
 import LocalHealthCheck_default from "./features/health/LocalHealthCheck.js";
 import EnvironmentEmbedRoot from "./app/EnvironmentEmbedRoot.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, EnvironmentEmbedRoot, EnvironmentSlotSelector, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, InvalidationEventsProvider, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewWorkbenchPage, RadioGroup, RadioGroupItem, RunsListPage, RunsPage, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, SseProvider, StudioLandingPage, StudioProvider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, useApiClient, useAvailableEnvironments, useBatchDeletePipeline, useBatchDeleteWorkspaces, useChildPipelines, useComponentOverrides, useCreatePipeline, useCreateWorkspace, useDeletePipeline, useDeleteWorkspace, useFilterPipelines, useFilterWorkspaces, useIsMobile, usePipeline, usePipelineConfig, usePipelineSource, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useUpdatePipeline, useUpdateWorkspace, useWorkspace, useWorkspaceConfig };
+import { StudioSidebar } from "./components/layout/StudioSidebar.js";
+import "./features/health/index.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CreateWorkspace_default as CreateWorkspace, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, EnvironmentEmbedRoot, EnvironmentSlotSelector, ErrorAlert_default as ErrorAlert, ErrorBoundary, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, InvalidationEventsProvider, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewWorkbenchPage, RadioGroup, RadioGroupItem, RunsListPage, RunsPage, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, SseProvider, StudioLandingPage, StudioProvider, StudioSidebar, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, getAllWorkflowsCacheKey, getAvailableEnvironmentsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getHealthCacheKey, getMeCacheKey, getNamespaceCacheKey, getNamespacesByPipelineCacheKey, getPipelineCacheKey, getPipelineConfigCacheKey, getPipelineSourceCacheKey, getPipelineTypesCacheKey, getPipelinesCacheKey, getPipelinesChildrenCacheKey, getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey, useApiClient, useAvailableEnvironments, useBatchDeletePipeline, useBatchDeleteWorkspaces, useChildPipelines, useComponentOverrides, useCreatePipeline, useCreateWorkspace, useDeletePipeline, useDeleteWorkspace, useFilterPipelines, useFilterWorkspaces, useIsMobile, usePipeline, usePipelineConfig, usePipelineConfigByName, usePipelineSource, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useUpdatePipeline, useUpdateWorkspace, useWorkspace, useWorkspaceConfig };

package/dist/pages/DashboardPage.js

@@ -1,7 +1,7 @@
 import { useStudio } from "../providers/StudioProvider.js";
 import { Alert } from "../components/ui/alert.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
-import LoadingCentered_default from "../components/LoadingCentered.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";

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -1,5 +1,5 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { usePipelineConfig, usePipelineSource } from "../hooks/usePipelines.js";
+import { usePipelineConfigByName, usePipelineSource } from "../hooks/usePipelines.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import ConfigFlowViewer_default from "../features/debug/components/ConfigFlowViewer.js";
@@ -28,7 +28,7 @@ function DebugWorkflowDetailsPage() {
 		let m;
 		h[3] === g ? m = h[4] : (m = ["default", g], h[3] = g, h[4] = m), v = m;
 	}
-	let [y, b] = v, { data: x, isLoading: S } = usePipelineConfig(y, b), { data: C, isLoading: w } = usePipelineSource(y, b), T = S || w, E;
+	let [y, b] = v, { data: x, isLoading: S } = usePipelineConfigByName(y, b), { data: C, isLoading: w } = usePipelineSource(y, b), T = S || w, E;
 	h[5] === _ ? E = h[6] : (E = _.getDashboard(), h[5] = _, h[6] = E);
 	let D;
 	h[7] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[7] = D) : D = h[7];

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,9 +1,10 @@
 import { usePipeline } from "../hooks/usePipelines.js";
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
-import ErrorSnackbar_default from "../components/snackbars/ErrorSnackbar.js";
-import LoadingCentered_default from "../components/LoadingCentered.js";
+import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
+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 "../features/workbench/index.js";
 import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/pages/PipelineDebugPage.js

@@ -1,13 +1,14 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { usePipeline, usePipelineConfig } from "../hooks/usePipelines.js";
+import { usePipeline, usePipelineConfigByName } from "../hooks/usePipelines.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
-import ErrorSnackbar_default from "../components/snackbars/ErrorSnackbar.js";
+import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
+import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import PipelineFlowViewer_default from "../features/debug/components/PipelineFlowViewer.js";
-import { requireParam } from "../lib/requireParam.js";
 import PipelineDebugHeader_default from "../features/debug/components/PipelineDebugHeader.js";
+import "../features/debug/index.js";
+import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -18,7 +19,7 @@ var PipelineDebugPage_default = () => {
 	v[0] === b ? x = v[1] : (x = requireParam(b, "pipelineId"), v[0] = b, v[1] = x);
 	let S = x, C = usePipeline(S), w = C.data?.workspaceId, T = useWorkspace(w), E = useFetchWorkflowsByPipeline(S), D;
 	v[2] === E.data ? D = v[3] : (D = E.data ?? [], v[2] = E.data, v[3] = D);
-	let O = D, k = T.data?.blockName, A = C.data?.blockName, j = usePipelineConfig(k, A), M;
+	let O = D, k = T.data?.blockName, A = C.data?.blockName, j = usePipelineConfigByName(k, A), M;
 	v[4] === y ? M = v[5] : (M = y.getDashboard(), v[4] = y, v[5] = M);
 	let N;
 	v[6] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), v[6] = N) : N = v[6];