@loopstack/loopstack-studio 0.21.3 → 0.23.0

package/dist/index.d.ts

@@ -1,35 +1,43 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { ApiV1AuthApi } from '../../client/api-client';
-import { ApiV1ConfigApi } from '../../client/api-client';
-import { ApiV1DashboardApi } from '../../client/api-client';
-import { ApiV1DocumentsApi } from '../../client/api-client';
-import { ApiV1NamespacesApi } from '../../client/api-client';
-import { ApiV1PipelinesApi } from '../../client/api-client';
-import { ApiV1ProcessorApi } from '../../client/api-client';
-import { ApiV1WorkflowsApi } from '../../client/api-client';
-import { ApiV1WorkspacesApi } from '../../client/api-client';
-import { ApiV1WorkspacesApiWorkspaceControllerCreateWorkspaceRequest } from '../../client/api-client';
-import { ApiV1WorkspacesApiWorkspaceControllerUpdateWorkspaceRequest } from '../../client/api-client';
+import { AvailableEnvironmentInterface } from '@loopstack/contracts/api';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { AxiosResponse } from 'axios';
+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';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+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';
+import { HubLoginRequestInterface } from '@loopstack/contracts/api';
 import { JSX } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import { NamespaceInterface } from '@loopstack/contracts/api';
+import { NamespaceItemInterface } from '@loopstack/contracts/api';
+import { PaginatedInterface } from '@loopstack/contracts/api';
+import { PipelineConfigInterface } from '@loopstack/contracts/api';
+import { PipelineCreateInterface } from '@loopstack/contracts/api';
+import { PipelineInterface } from '@loopstack/contracts/api';
+import { PipelineItemInterface } from '@loopstack/contracts/api';
+import { PipelineSourceInterface } from '@loopstack/contracts/api';
+import { PipelineUpdateInterface } from '@loopstack/contracts/api';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { RunPipelinePayloadInterface } from '@loopstack/contracts/api';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -40,13 +48,16 @@ import { UseMutationResult } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
 import { UseQueryResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
-import { WorkspaceConfigDto } from '../../../../client/api-client';
-import { WorkspaceConfigDto as WorkspaceConfigDto_2 } from '../../client/api-client';
-import { WorkspaceControllerBatchDeleteWorkspaces200Response } from '../../client/api-client';
-import { WorkspaceControllerGetWorkspaces200Response } from '../../client/api-client';
-import { WorkspaceDto } from '../../client/api-client';
-import { WorkspaceItemDto } from '../../../../client/api-client';
-import { WorkspaceItemDto as WorkspaceItemDto_2 } from '../../client/api-client';
+import { WorkerInfoInterface } from '@loopstack/contracts/api';
+import { WorkflowInterface } from '@loopstack/contracts/api';
+import { WorkflowItemInterface } from '@loopstack/contracts/api';
+import { WorkspaceConfigInterface } from '@loopstack/contracts/api';
+import { WorkspaceCreateInterface } from '@loopstack/contracts/api';
+import { WorkspaceEnvironmentInterface } from '@loopstack/contracts/api';
+import { WorkspaceFavouriteInterface } from '@loopstack/contracts/api';
+import { WorkspaceInterface } from '@loopstack/contracts/api';
+import { WorkspaceItemInterface } from '@loopstack/contracts/api';
+import { WorkspaceUpdateInterface } from '@loopstack/contracts/api';
 
 export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
 
@@ -88,6 +99,8 @@ declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare type ApiClient = ReturnType<typeof createApi>;
+
 export declare function Avatar({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Root>): JSX.Element;
 
 export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Fallback>): JSX.Element;
@@ -113,6 +126,10 @@ declare interface BaseSnackbarProps {
     onDismiss?: () => void;
 }
 
+declare interface BasicErrorComponentProps {
+    error?: string | null;
+}
+
 export declare interface BatchAction {
     id: string;
     label: string;
@@ -205,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, }: {
@@ -225,13 +244,151 @@ declare interface ConfirmDialogProps {
     variant?: 'default' | 'destructive';
 }
 
+declare function createApi(http: AxiosInstance): {
+    auth: {
+        me: () => Promise<unknown>;
+        getInfo: () => Promise<WorkerInfoInterface>;
+        hubLogin: (params: {
+            hubLoginRequestDto: HubLoginRequestInterface;
+        }) => Promise<unknown>;
+        refresh: () => Promise<unknown>;
+        logout: () => Promise<void>;
+    };
+    config: {
+        getWorkspaceTypes: () => Promise<WorkspaceConfigInterface[]>;
+        getPipelineTypesByWorkspace: (params: {
+            workspaceBlockName: string;
+        }) => Promise<PipelineConfigInterface[]>;
+        getPipelineConfigByName: (params: {
+            workspaceBlockName: string;
+            pipelineName: string;
+        }) => Promise<PipelineConfigInterface>;
+        getPipelineSourceByName: (params: {
+            workspaceBlockName: string;
+            pipelineName: string;
+        }) => Promise<PipelineSourceInterface>;
+        getAvailableEnvironments: () => Promise<AvailableEnvironmentInterface[]>;
+    };
+    dashboard: {
+        getStats: () => Promise<DashboardStatsInterface>;
+    };
+    documents: {
+        getById: (params: {
+            id: string;
+        }) => Promise<DocumentItemInterface>;
+        getAll: (params?: {
+            filter?: string;
+            sortBy?: string;
+            page?: number;
+            limit?: number;
+        }) => Promise<PaginatedInterface<DocumentItemInterface>>;
+    };
+    namespaces: {
+        getById: (params: {
+            id: string;
+        }) => Promise<NamespaceInterface>;
+        getAll: (params?: {
+            filter?: string;
+            sortBy?: string;
+            page?: number;
+            limit?: number;
+        }) => Promise<PaginatedInterface<NamespaceItemInterface>>;
+    };
+    pipelines: {
+        getById: (params: {
+            id: string;
+        }) => Promise<PipelineInterface>;
+        getAll: (params?: {
+            filter?: string;
+            sortBy?: string;
+            page?: number;
+            limit?: number;
+            search?: string;
+            searchColumns?: string;
+        }) => Promise<PaginatedInterface<PipelineItemInterface>>;
+        create: (params: {
+            pipelineCreateDto: PipelineCreateInterface;
+        }) => Promise<PipelineInterface>;
+        update: (params: {
+            id: string;
+            pipelineUpdateDto: PipelineUpdateInterface;
+        }) => Promise<PipelineInterface>;
+        delete: (params: {
+            id: string;
+        }) => Promise<void>;
+        batchDelete: (params: {
+            ids: string[];
+        }) => Promise<void>;
+        getFileTree: (params: {
+            pipelineId: string;
+        }) => Promise<FileExplorerNodeInterface[]>;
+        getFileContent: (params: {
+            pipelineId: string;
+            filePath: string;
+        }) => Promise<FileContentInterface>;
+    };
+    processor: {
+        runPipeline: (params: {
+            pipelineId: string;
+            runPipelinePayloadDto: RunPipelinePayloadInterface;
+            force?: boolean;
+        }) => Promise<void>;
+    };
+    workflows: {
+        getById: (params: {
+            id: string;
+        }) => Promise<WorkflowInterface>;
+        getAll: (params?: {
+            filter?: string;
+            sortBy?: string;
+            page?: number;
+            limit?: number;
+        }) => Promise<PaginatedInterface<WorkflowItemInterface>>;
+        delete: (params: {
+            id: string;
+        }) => Promise<void>;
+    };
+    workspaces: {
+        getById: (params: {
+            id: string;
+        }) => Promise<WorkspaceInterface>;
+        getAll: (params?: {
+            filter?: string;
+            sortBy?: string;
+            page?: number;
+            limit?: number;
+            search?: string;
+            searchColumns?: string;
+        }) => Promise<PaginatedInterface<WorkspaceItemInterface>>;
+        create: (params: {
+            workspaceCreateDto: WorkspaceCreateInterface;
+        }) => Promise<WorkspaceInterface>;
+        update: (params: {
+            id: string;
+            workspaceUpdateDto: WorkspaceUpdateInterface;
+        }) => Promise<WorkspaceInterface>;
+        delete: (params: {
+            id: string;
+        }) => Promise<void>;
+        batchDelete: (params: {
+            ids: string[];
+        }) => Promise<void>;
+        setFavourite: (params: {
+            id: string;
+            workspaceFavouriteDto: WorkspaceFavouriteInterface;
+        }) => Promise<void>;
+    };
+};
+
 export declare function createApiClient(environment: Environment): {
-    auth: ApiV1AuthApi;
+    auth: ApiClient['auth'];
 };
 
+export declare const CreateWorkspace: ({ types, workspace, onSuccess }: CreateWorkspaceProps) => JSX.Element;
+
 export declare interface CreateWorkspaceProps {
-    types: WorkspaceConfigDto[];
-    workspace?: WorkspaceItemDto;
+    types: WorkspaceConfigInterface[];
+    workspace?: WorkspaceItemInterface;
     onSuccess: () => void;
 }
 
@@ -256,7 +413,7 @@ export declare interface DataListProps<T = any> {
     searchTerm?: string;
     onSearchChange?: (term: string) => void;
     filters?: Record<string, string>;
-    filterConfig?: Record<string, string[]>;
+    filterConfig?: Record<string, FilterOption[]>;
     onFiltersChange?: (filters: Record<string, string>) => void;
     onRowClick?: (item: T) => void;
     onEdit?: (item: T) => void;
@@ -295,7 +452,7 @@ export declare const DataTableFilters: React.FC<DataTableFiltersProps>;
 
 declare interface DataTableFiltersProps {
     filters: Record<string, string>;
-    filterConfig: Record<string, string[]>;
+    filterConfig: Record<string, FilterOption[]>;
     onFiltersChange?: (filters: Record<string, string>) => void;
     isOpen: boolean;
 }
@@ -327,7 +484,7 @@ export declare interface DataTableProps<T = any> {
     searchTerm?: string;
     onSearchChange: (term: string) => void;
     filters?: Record<string, string>;
-    filterConfig?: Record<string, string[]>;
+    filterConfig?: Record<string, FilterOption[]>;
     onFiltersChange: (filters: Record<string, string>) => void;
     onRowClick?: (item: T) => void;
     onEdit?: (item: T) => void;
@@ -449,8 +606,8 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, ...
 export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
 
 export declare interface EditWorkspaceProps {
-    types: WorkspaceConfigDto_2[];
-    workspace: WorkspaceItemDto_2;
+    types: WorkspaceConfigInterface[];
+    workspace: WorkspaceItemInterface;
     onSuccess: () => void;
 }
 
@@ -463,6 +620,48 @@ export declare interface Environment {
     getIdToken?: () => Promise<string>;
 }
 
+export declare function EnvironmentEmbedRoot(): JSX.Element;
+
+export declare interface EnvironmentOption {
+    id: string;
+    type: string;
+    name: string;
+    local?: boolean;
+}
+
+export declare function EnvironmentSlotSelector({ slot, environments, selectedEnvironmentId, onSelect, onCreateEnvironment, isCreating, error, }: EnvironmentSlotSelectorProps): JSX.Element;
+
+declare interface EnvironmentSlotSelectorProps {
+    slot: EnvironmentConfigInterface;
+    environments: EnvironmentOption[];
+    selectedEnvironmentId: string | undefined;
+    onSelect: (environmentId: string) => void;
+    onCreateEnvironment?: () => void;
+    isCreating?: boolean;
+    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 {
@@ -477,6 +676,67 @@ declare class EventEmitter {
     emit(event: string, ...args: unknown[]): void;
 }
 
+export declare type FilterOption = string | {
+    label: 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 {
@@ -505,10 +765,10 @@ declare interface ListViewProps<T extends Item = Item> {
     items: T[];
     totalItems: number;
     columns: Column[];
-    filterConfig: Record<string, string[]>;
+    filterConfig: Record<string, FilterOption[]>;
     deleteItem?: (id: string) => void;
     onClick?: (id: string) => void;
-    handleNew: () => void;
+    handleNew?: () => void;
     handleEdit?: (item: T) => void;
     setPage: (page: number) => void;
     setRowsPerPage: (rows: number) => void;
@@ -568,9 +828,13 @@ 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;
     getDashboard(): string;
     navigateToDashboard(): Promise<void>;
     getWorkspaces(): string;
@@ -587,6 +851,7 @@ export declare class LocalRouter implements StudioRouter {
     navigateToWorkflow(pipelineId: string, workflowId: string, clickId: string | undefined): Promise<void>;
     navigateToPipelineNamespace(workspaceId: string, pipelineId: string, namespaceId: string): Promise<void>;
     getEmbedPipeline(pipelineId: string): string;
+    getPreviewPipeline(pipelineId: string): string;
     getCurrentEnvironmentId(): string;
     getTheme(): 'local' | 'cloud';
 }
@@ -652,6 +917,8 @@ export declare function PopoverContent({ className, align, sideOffset, ...props
 
 export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
 
+export declare function PreviewWorkbenchPage(): JSX.Element;
+
 export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element;
 
 export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
@@ -678,6 +945,10 @@ declare interface RowAction_2<T = any> {
     className?: string;
 }
 
+export declare function RunsListPage(): JSX.Element;
+
+export declare function RunsPage(): JSX.Element;
+
 export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
@@ -833,6 +1104,8 @@ declare interface StudioContext {
 
 declare const StudioContext: Context<StudioContext | null>;
 
+export declare function StudioLandingPage(): JSX.Element;
+
 export declare const StudioProvider: ({ children, router, environment, }: {
     children: ReactNode;
     router: StudioRouter;
@@ -841,7 +1114,10 @@ export declare const StudioProvider: ({ children, router, environment, }: {
 
 export declare interface StudioRouter {
     navigateToHome(): Promise<void>;
+    getEnvironmentInfo(): string;
     navigateToEnvironmentInfo(): Promise<void>;
+    getRuns(): string;
+    getRunsActionRequired(): string;
     getDashboard(): string;
     navigateToDashboard(): Promise<void>;
     getWorkspaces(): string;
@@ -858,10 +1134,13 @@ export declare interface StudioRouter {
     navigateToWorkflow(pipelineId: string, workflowId: string, clickId: string | undefined): Promise<void>;
     navigateToPipelineNamespace(workspaceId: string, pipelineId: string, namespaceId: string): Promise<void>;
     getEmbedPipeline(pipelineId: string): string;
+    getPreviewPipeline(pipelineId: string): string;
     getCurrentEnvironmentId(): string;
     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;
@@ -894,34 +1173,50 @@ export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<type
 
 export declare function useApiClient(): {
     envKey: string;
-    api: {
-        ApiV1AuthApi: ApiV1AuthApi;
-        ApiV1DashboardApi: ApiV1DashboardApi;
-        ApiV1ConfigApi: ApiV1ConfigApi;
-        ApiV1DocumentsApi: ApiV1DocumentsApi;
-        ApiV1NamespacesApi: ApiV1NamespacesApi;
-        ApiV1PipelinesApi: ApiV1PipelinesApi;
-        ApiV1ProcessorApi: ApiV1ProcessorApi;
-        ApiV1WorkflowsApi: ApiV1WorkflowsApi;
-        ApiV1WorkspacesApi: ApiV1WorkspacesApi;
-    };
+    api: ApiClient;
 };
 
-export declare function useBatchDeleteWorkspaces(): UseMutationResult<AxiosResponse<WorkspaceControllerBatchDeleteWorkspaces200Response, any, {}>, Error, string[], unknown>;
+export declare function useAvailableEnvironments(options?: {
+    enabled?: boolean;
+}): UseQueryResult<AvailableEnvironmentInterface[], Error>;
+
+export declare function useBatchDeletePipeline(): UseMutationResult<void, Error, string[], unknown>;
+
+export declare function useBatchDeleteWorkspaces(): UseMutationResult<void, Error, string[], unknown>;
+
+export declare function useChildPipelines(parentId: string | undefined, enabled: boolean): UseQueryResult<PaginatedInterface<PipelineItemInterface>, Error>;
 
 export declare const useComponentOverrides: () => ComponentOverrides;
 
-export declare function useCreateWorkspace(): UseMutationResult<AxiosResponse<WorkspaceDto, any, {}>, Error, ApiV1WorkspacesApiWorkspaceControllerCreateWorkspaceRequest, unknown>;
+export declare function useCreatePipeline(): UseMutationResult<PipelineInterface, Error, {
+pipelineCreateDto: PipelineCreateInterface;
+}, unknown>;
 
-export declare function useDeleteWorkspace(): UseMutationResult<AxiosResponse<void, any, {}>, Error, string, unknown>;
+export declare function useCreateWorkspace(): UseMutationResult<WorkspaceInterface, Error, {
+workspaceCreateDto: WorkspaceCreateInterface;
+}, unknown>;
 
-export declare function useFilterWorkspaces(searchTerm: string | undefined, filter: Record<string, string>, sortBy?: string, order?: string, page?: number, limit?: number): UseQueryResult<WorkspaceControllerGetWorkspaces200Response, Error>;
+export declare function useDeletePipeline(): UseMutationResult<void, Error, string, unknown>;
+
+export declare function useDeleteWorkspace(): UseMutationResult<void, Error, string, unknown>;
+
+export declare function useFilterPipelines(searchTerm: string | undefined, filter: Record<string, string | null>, sortBy?: string, order?: string, page?: number, limit?: number): UseQueryResult<PaginatedInterface<PipelineItemInterface>, Error>;
+
+export declare function useFilterWorkspaces(searchTerm: string | undefined, filter: Record<string, string>, sortBy?: string, order?: string, page?: number, limit?: number): UseQueryResult<PaginatedInterface<WorkspaceItemInterface>, Error>;
 
 export declare function useIsMobile(): boolean;
 
-export declare const useRouter: (envId: string) => StudioRouter;
+export declare function usePipeline(id: string | undefined): UseQueryResult<PipelineInterface, 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 useSetFavouriteWorkspace(): UseMutationResult<AxiosResponse<WorkspaceItemDto_2, any, {}>, Error, {
+export declare function usePipelineSource(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineSourceInterface, Error>;
+
+export declare const useRouter: (envId: string, embedPrefix?: string) => StudioRouter;
+
+export declare function useSetFavouriteWorkspace(): UseMutationResult<void, Error, {
 id: string;
 isFavourite: boolean;
 }, unknown>;
@@ -930,11 +1225,30 @@ export declare function useSidebar(): SidebarContextProps;
 
 export declare const useStudio: () => StudioContext;
 
-export declare function useUpdateWorkspace(): UseMutationResult<AxiosResponse<WorkspaceDto, any, {}>, Error, ApiV1WorkspacesApiWorkspaceControllerUpdateWorkspaceRequest, unknown>;
+export declare const useStudioOptional: () => StudioContext | null;
+
+export declare function useUpdatePipeline(): UseMutationResult<PipelineInterface, Error, {
+id: string;
+pipelineUpdateDto: PipelineUpdateInterface;
+}, unknown>;
+
+export declare function useUpdateWorkspace(): UseMutationResult<WorkspaceInterface, Error, {
+id: string;
+workspaceUpdateDto: WorkspaceUpdateInterface;
+}, unknown>;
 
-export declare function useWorkspace(id: string | undefined): UseQueryResult<WorkspaceDto, Error>;
+export declare function useWorkspace(id: string | undefined): UseQueryResult<WorkspaceInterface, Error>;
 
-export declare function WorkbenchPage(): JSX.Element;
+export declare function useWorkspaceConfig(): UseQueryResult<WorkspaceConfigInterface[], Error>;
+
+export declare function WorkbenchPage({ previewPanelOpen, onPreviewPanelOpenChange, isDeveloperMode, getPreviewUrl, getEnvironmentPreviewUrl, environments, }?: {
+    previewPanelOpen?: boolean;
+    onPreviewPanelOpenChange?: (open: boolean) => void;
+    isDeveloperMode?: boolean;
+    getPreviewUrl?: (pipelineId: string) => string;
+    getEnvironmentPreviewUrl?: (env: WorkspaceEnvironmentInterface, pipelineId?: string) => string;
+    environments?: WorkspaceEnvironmentInterface[];
+}): JSX.Element;
 
 export declare const WorkspacePage: () => JSX.Element;
 

package/dist/index.js

@@ -1,9 +1,12 @@
-import { eventBus } from "./services/eventEmitter.js";
+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, 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";
@@ -52,18 +55,30 @@ 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";
 import DebugWorkflowDetailsPage from "./pages/DebugWorkflowDetailsPage.js";
 import EmbedWorkbenchPage from "./pages/EmbedWorkbenchPage.js";
+import PreviewWorkbenchPage from "./pages/PreviewWorkbenchPage.js";
+import RunsPage from "./pages/RunsPage.js";
+import RunsListPage from "./pages/RunsListPage.js";
+import StudioLandingPage from "./pages/StudioLandingPage.js";
 import LocalHealthCheck_default from "./features/health/LocalHealthCheck.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, 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, RadioGroup, RadioGroupItem, 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, 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, useBatchDeleteWorkspaces, useComponentOverrides, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useIsMobile, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useUpdateWorkspace, useWorkspace };
+import EnvironmentEmbedRoot from "./app/EnvironmentEmbedRoot.js";
+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 };