@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/index.d.ts

@@ -12,7 +12,8 @@ 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 { DocumentItemInterface } from '@loopstack/contracts/types';
+import { DocumentItemInterface as DocumentItemInterface_2 } 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';
@@ -269,13 +270,32 @@ declare function createApi(http: AxiosInstance): {
     documents: {
         getById: (params: {
             id: string;
-        }) => Promise<DocumentItemInterface>;
+        }) => Promise<DocumentItemInterface_2>;
         getAll: (params?: {
             filter?: string;
             sortBy?: string;
             page?: number;
             limit?: number;
-        }) => Promise<PaginatedInterface<DocumentItemInterface>>;
+        }) => Promise<PaginatedInterface<DocumentItemInterface_2>>;
+    };
+    environments: {
+        resetEnvironment: (params: {
+            workspaceId: string;
+            slotId: string;
+        }) => Promise<{
+            success: boolean;
+            message: string;
+        }>;
+    };
+    files: {
+        getTree: (params: {
+            workspaceId: string;
+            path?: string;
+        }) => Promise<FileExplorerNode[]>;
+        readFile: (params: {
+            workspaceId: string;
+            path: string;
+        }) => Promise<FileContent>;
     };
     processor: {
         runWorkflow: (params: {
@@ -555,6 +575,14 @@ declare interface DiscordLogoProps {
     className?: string;
 }
 
+declare interface DocumentRendererProps {
+    parentWorkflow: WorkflowFullInterface;
+    workflow: WorkflowFullInterface;
+    document: DocumentItemInterface;
+    isActive: boolean;
+    isLastItem: boolean;
+}
+
 export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
 
 export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
@@ -683,6 +711,30 @@ declare class EventEmitter {
     emit(event: string, ...args: unknown[]): void;
 }
 
+export declare function FeatureRegistryProvider({ features, children }: FeatureRegistryProviderProps): JSX.Element;
+
+export declare interface FeatureRegistryProviderProps {
+    features?: StudioFeature[];
+    children: ReactNode;
+}
+
+declare interface FileContent {
+    path: string;
+    content: string;
+}
+
+export declare const fileExplorerFeature: StudioFeature;
+
+declare interface FileExplorerNode {
+    id: string;
+    name: string;
+    path: string;
+    type: FileNodeType;
+    children?: FileExplorerNode[];
+}
+
+declare type FileNodeType = 'file' | 'folder';
+
 export declare type FilterOption = string | {
     label: string;
     value: string;
@@ -905,6 +957,10 @@ declare interface PageBreadcrumbsProps {
     breadcrumbData: BreadCrumbsData[];
 }
 
+declare type PanelId = 'runs' | 'preview' | 'files' | 'environment' | (string & {});
+
+declare type PanelSize = 'small' | 'medium' | 'large';
+
 export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
 
 export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
@@ -955,6 +1011,8 @@ declare interface SecretItem {
     hasValue: boolean;
 }
 
+export declare const secretsFeature: StudioFeature;
+
 export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
 
 export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
@@ -1106,8 +1164,40 @@ declare interface StudioContext {
 
 declare const StudioContext: Context<StudioContext | null>;
 
+export declare interface StudioFeature {
+    id: string;
+    documentRenderers?: Record<string, ComponentType<DocumentRendererProps>>;
+    sidebarPanel?: StudioFeatureSidebarPanel;
+}
+
+export declare interface StudioFeatureSidebarPanel {
+    id: string;
+    label: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    component: ComponentType<{
+        workspaceId?: string;
+    }>;
+}
+
 export declare function StudioLandingPage(): JSX.Element;
 
+declare interface StudioPreferences {
+    leftSidebarOpen: boolean;
+    activePanel: PanelId | null;
+    panelSizes: Partial<Record<PanelId, PanelSize>>;
+}
+
+declare interface StudioPreferencesContextType {
+    preferences: StudioPreferences;
+    setPreference: <K extends keyof StudioPreferences>(key: K, value: StudioPreferences[K]) => void;
+}
+
+export declare function StudioPreferencesProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+
 export declare const StudioProvider: ({ children, router, environment, }: {
     children: ReactNode;
     router: StudioRouter;
@@ -1224,6 +1314,8 @@ export declare function useFilterWorkspaces(searchTerm: string | undefined, filt
 
 export declare function useIsMobile(): boolean;
 
+export declare function useOptionalStudioPreferences(): StudioPreferencesContextType | null;
+
 export declare const useRouter: (envId: string, embedPrefix?: string) => StudioRouter;
 
 export declare function useSetFavouriteWorkspace(): UseMutationResult<void, Error, {
@@ -1237,6 +1329,8 @@ export declare const useStudio: () => StudioContext;
 
 export declare const useStudioOptional: () => StudioContext | null;
 
+export declare function useStudioPreferences(): StudioPreferencesContextType;
+
 /**
  * Update an existing workflow.
  */
@@ -1276,10 +1370,7 @@ export declare function useWorkspace(id: string | undefined): UseQueryResult<Wor
 
 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;
+export declare function WorkbenchPage({ getPreviewUrl, getEnvironmentPreviewUrl, environments, }?: {
     getPreviewUrl?: (workflowId: string) => string;
     getEnvironmentPreviewUrl?: (env: WorkspaceEnvironmentInterface, workflowId?: string) => string;
     environments?: WorkspaceEnvironmentInterface[];

package/dist/index.js

@@ -9,6 +9,7 @@ import { useAvailableEnvironments, useWorkflowConfig, useWorkspaceConfig } from
 import { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource } from "./hooks/useWorkflows.js";
 import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./hooks/useWorkspaces.js";
 import "./hooks/index.js";
+import { StudioPreferencesProvider, useOptionalStudioPreferences, useStudioPreferences } from "./providers/StudioPreferencesProvider.js";
 import { ComponentOverridesProvider, useComponentOverrides } from "./providers/ComponentOverridesProvider.js";
 import { SseProvider } from "./providers/SseProvider.js";
 import { InvalidationEventsProvider } from "./providers/InvalidationEventsProvider.js";
@@ -66,6 +67,8 @@ 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 { FeatureRegistryProvider } from "./features/feature-registry/FeatureRegistryProvider.js";
+import "./features/feature-registry/index.js";
 import WorkspacePage_default from "./pages/WorkspacePage.js";
 import WorkspaceRunsPage_default from "./pages/WorkspaceRunsPage.js";
 import "./features/workspaces/index.js";
@@ -78,8 +81,12 @@ 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 { fileExplorerFeature } from "./features/file-explorer/file-explorer-feature.js";
+import "./features/file-explorer/index.js";
 import LocalHealthCheck_default from "./features/health/LocalHealthCheck.js";
+import { secretsFeature } from "./features/secrets/secrets-feature.js";
+import "./features/secrets/index.js";
 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, 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, WorkflowDebugPage_default as WorkflowDebugPage, WorkspacePage_default as WorkspacePage, WorkspaceRunsPage_default as WorkspaceRunsPage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey, useApiClient, useAvailableEnvironments, useBatchDeleteWorkflows, useBatchDeleteWorkspaces, useChildWorkflows, useComponentOverrides, useCreateWorkflow, useCreateWorkspace, useDeleteWorkflow, useDeleteWorkspace, useFilterWorkflows, useFilterWorkspaces, useIsMobile, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useUpdateWorkflow, useUpdateWorkspace, useWorkflow, useWorkflowCheckpoints, useWorkflowConfig, useWorkflowConfigByName, useWorkflowSource, useWorkspace, useWorkspaceConfig };
+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, FeatureRegistryProvider, 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, 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, StudioPreferencesProvider, StudioProvider, StudioSidebar, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkflowDebugPage_default as WorkflowDebugPage, WorkspacePage_default as WorkspacePage, WorkspaceRunsPage_default as WorkspaceRunsPage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, fileExplorerFeature, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey, secretsFeature, useApiClient, useAvailableEnvironments, useBatchDeleteWorkflows, useBatchDeleteWorkspaces, useChildWorkflows, useComponentOverrides, useCreateWorkflow, useCreateWorkspace, useDeleteWorkflow, useDeleteWorkspace, useFilterWorkflows, useFilterWorkspaces, useIsMobile, useOptionalStudioPreferences, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useStudioPreferences, useUpdateWorkflow, useUpdateWorkspace, useWorkflow, useWorkflowCheckpoints, useWorkflowConfig, useWorkflowConfigByName, useWorkflowSource, useWorkspace, useWorkspaceConfig };