@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/components/LoadingCentered.js +28 -0
  2. package/dist/components/data-table/DataList.js +102 -102
  3. package/dist/components/data-table/DataTable.js +3 -3
  4. package/dist/components/dynamic-form/fields/RadioField.js +3 -3
  5. package/dist/components/dynamic-form/fields/SliderField.js +13 -13
  6. package/dist/components/dynamic-form/fields/SwitchField.js +1 -1
  7. package/dist/components/dynamic-form/fields/TextareaField.js +4 -4
  8. package/dist/components/index.js +45 -0
  9. package/dist/components/messages/CompletionMessagePaper.js +110 -0
  10. package/dist/components/snackbars/ErrorSnackbar.js +1 -1
  11. package/dist/components/ui/DiscordLogo.js +31 -0
  12. package/dist/components/ui/GoogleLogo.js +44 -0
  13. package/dist/components/ui/accordion.js +64 -0
  14. package/dist/components/ui/alert-dialog.js +91 -82
  15. package/dist/components/ui/alert.js +50 -0
  16. package/dist/components/ui/avatar.js +42 -0
  17. package/dist/components/ui/badge.js +1 -1
  18. package/dist/components/ui/breadcrumb.js +76 -56
  19. package/dist/components/ui/card.js +79 -19
  20. package/dist/components/ui/dialog.js +89 -47
  21. package/dist/components/ui/drawer.js +122 -0
  22. package/dist/components/ui/dropdown-menu.js +190 -0
  23. package/dist/components/ui/popover.js +47 -0
  24. package/dist/components/ui/scroll-area.js +50 -0
  25. package/dist/components/ui/select.js +115 -82
  26. package/dist/components/ui/separator.js +20 -0
  27. package/dist/components/ui/sheet.js +87 -57
  28. package/dist/components/ui/sidebar.js +557 -0
  29. package/dist/components/ui/skeleton.js +16 -0
  30. package/dist/components/ui/table.js +85 -61
  31. package/dist/features/health/LocalHealthCheck.js +1 -1
  32. package/dist/features/workspaces/Workspaces.js +1 -1
  33. package/dist/features/workspaces/components/CreateWorkspace.js +4 -4
  34. package/dist/features/workspaces/components/ExecutionTimeline.js +1 -1
  35. package/dist/features/workspaces/components/PipelineForm.js +2 -2
  36. package/dist/hooks/useApi.js +1 -1
  37. package/dist/index.d.ts +751 -9
  38. package/dist/index.js +47 -1
  39. package/dist/loopstack-studio.css +1 -1
  40. package/dist/node_modules/katex/dist/katex.js +717 -861
  41. package/dist/node_modules/vaul/dist/index.js +912 -0
  42. package/dist/pages/WorkspacePage.js +1 -1
  43. package/package.json +16 -16
@@ -2,80 +2,104 @@ import { cn } from "../../lib/utils.js";
2
2
  import { c } from "react/compiler-runtime";
3
3
  import "react";
4
4
  import { jsx } from "react/jsx-runtime";
5
- function Table(r) {
6
- let i = c(8), a, o;
7
- i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
8
- let s;
9
- i[3] === a ? s = i[4] : (s = cn("w-full caption-bottom text-sm", a), i[3] = a, i[4] = s);
10
- let l;
11
- return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
5
+ function Table(a) {
6
+ let o = c(8), s, l;
7
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
8
+ let u;
9
+ o[3] === s ? u = o[4] : (u = cn("w-full caption-bottom text-sm", s), o[3] = s, o[4] = u);
10
+ let d;
11
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("div", {
12
12
  "data-slot": "table-container",
13
13
  className: "relative w-full overflow-x-auto",
14
14
  children: /* @__PURE__ */ jsx("table", {
15
15
  "data-slot": "table",
16
- className: s,
17
- ...o
16
+ className: u,
17
+ ...l
18
18
  })
19
- }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
19
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
20
20
  }
21
- function TableHeader(r) {
22
- let i = c(8), a, o;
23
- i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
24
- let s;
25
- i[3] === a ? s = i[4] : (s = cn("[&_tr]:border-b", a), i[3] = a, i[4] = s);
26
- let l;
27
- return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("thead", {
21
+ function TableHeader(a) {
22
+ let o = c(8), s, l;
23
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
24
+ let u;
25
+ o[3] === s ? u = o[4] : (u = cn("[&_tr]:border-b", s), o[3] = s, o[4] = u);
26
+ let d;
27
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("thead", {
28
28
  "data-slot": "table-header",
29
- className: s,
30
- ...o
31
- }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
29
+ className: u,
30
+ ...l
31
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
32
32
  }
33
- function TableBody(r) {
34
- let i = c(8), a, o;
35
- i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
36
- let s;
37
- i[3] === a ? s = i[4] : (s = cn("[&_tr:last-child]:border-0", a), i[3] = a, i[4] = s);
38
- let l;
39
- return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("tbody", {
33
+ function TableBody(a) {
34
+ let o = c(8), s, l;
35
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
36
+ let u;
37
+ o[3] === s ? u = o[4] : (u = cn("[&_tr:last-child]:border-0", s), o[3] = s, o[4] = u);
38
+ let d;
39
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("tbody", {
40
40
  "data-slot": "table-body",
41
- className: s,
42
- ...o
43
- }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
41
+ className: u,
42
+ ...l
43
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
44
44
  }
45
- function TableRow(r) {
46
- let i = c(8), a, o;
47
- i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
48
- let s;
49
- i[3] === a ? s = i[4] : (s = cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", a), i[3] = a, i[4] = s);
50
- let l;
51
- return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("tr", {
45
+ function TableFooter(a) {
46
+ let o = c(8), s, l;
47
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
48
+ let u;
49
+ o[3] === s ? u = o[4] : (u = cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", s), o[3] = s, o[4] = u);
50
+ let d;
51
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("tfoot", {
52
+ "data-slot": "table-footer",
53
+ className: u,
54
+ ...l
55
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
56
+ }
57
+ function TableRow(a) {
58
+ let o = c(8), s, l;
59
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
60
+ let u;
61
+ o[3] === s ? u = o[4] : (u = cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", s), o[3] = s, o[4] = u);
62
+ let d;
63
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("tr", {
52
64
  "data-slot": "table-row",
53
- className: s,
54
- ...o
55
- }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
65
+ className: u,
66
+ ...l
67
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
56
68
  }
57
- function TableHead(r) {
58
- let i = c(8), a, o;
59
- i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
60
- let s;
61
- i[3] === a ? s = i[4] : (s = cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", a), i[3] = a, i[4] = s);
62
- let l;
63
- return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("th", {
69
+ function TableHead(a) {
70
+ let o = c(8), s, l;
71
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
72
+ let u;
73
+ o[3] === s ? u = o[4] : (u = cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
74
+ let d;
75
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("th", {
64
76
  "data-slot": "table-head",
65
- className: s,
66
- ...o
67
- }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
77
+ className: u,
78
+ ...l
79
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
68
80
  }
69
- function TableCell(r) {
70
- let i = c(8), a, o;
71
- i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
72
- let s;
73
- i[3] === a ? s = i[4] : (s = cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", a), i[3] = a, i[4] = s);
74
- let l;
75
- return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("td", {
81
+ function TableCell(a) {
82
+ let o = c(8), s, l;
83
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
84
+ let u;
85
+ o[3] === s ? u = o[4] : (u = cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
86
+ let d;
87
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("td", {
76
88
  "data-slot": "table-cell",
77
- className: s,
78
- ...o
79
- }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
89
+ className: u,
90
+ ...l
91
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
92
+ }
93
+ function TableCaption(a) {
94
+ let o = c(8), s, l;
95
+ o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
96
+ let u;
97
+ o[3] === s ? u = o[4] : (u = cn("text-muted-foreground mt-4 text-sm", s), o[3] = s, o[4] = u);
98
+ let d;
99
+ return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("caption", {
100
+ "data-slot": "table-caption",
101
+ className: u,
102
+ ...l
103
+ }), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
80
104
  }
81
- export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
105
+ export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
@@ -2,8 +2,8 @@ import { ApiClientEvents } from "../../events/api-client-events.js";
2
2
  import { eventBus } from "../../services/eventEmitter.js";
3
3
  import "../../services/index.js";
4
4
  import { useStudio } from "../../providers/StudioProvider.js";
5
- import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
6
5
  import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../../components/ui/sheet.js";
6
+ import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
7
7
  import { useCallback, useEffect, useRef, useState } from "react";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
9
  import { RefreshCw } from "lucide-react";
@@ -1,8 +1,8 @@
1
1
  import { useStudio } from "../../providers/StudioProvider.js";
2
2
  import { Badge } from "../../components/ui/badge.js";
3
- import ListView_default from "../../components/lists/ListView.js";
4
3
  import { Dialog, DialogContent } from "../../components/ui/dialog.js";
5
4
  import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
5
+ import ListView_default from "../../components/lists/ListView.js";
6
6
  import { useWorkspaceConfig } from "../../hooks/useConfig.js";
7
7
  import { useDebounce } from "../../hooks/useDebounce.js";
8
8
  import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
@@ -1,10 +1,10 @@
1
1
  import { Button } from "../../../components/ui/button.js";
2
- import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
3
- import { Input } from "../../../components/ui/input.js";
4
2
  import { DialogHeader } from "../../../components/ui/dialog.js";
5
- import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
6
- import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
3
+ import { Input } from "../../../components/ui/input.js";
7
4
  import { Label } from "../../../components/ui/label.js";
5
+ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
6
+ import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
7
+ import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { useEffect, useState } from "react";
10
10
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { useStudio } from "../../../providers/StudioProvider.js";
2
2
  import { Badge } from "../../../components/ui/badge.js";
3
- import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
4
3
  import CustomListView_default from "../../../components/lists/CustomListView.js";
4
+ import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
5
5
  import { useBatchDeletePipeline, useChildPipelines, useFilterPipelines } from "../../../hooks/usePipelines.js";
6
6
  import NewPipelineRunDialog_default from "./NewPipelineRunDialog.js";
7
7
  import { c } from "react/compiler-runtime";
@@ -1,12 +1,12 @@
1
1
  import { useStudio } from "../../../providers/StudioProvider.js";
2
- import { usePipelineConfig } from "../../../hooks/useConfig.js";
3
2
  import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
3
+ import { usePipelineConfig } from "../../../hooks/useConfig.js";
4
4
  import { useCreatePipeline } from "../../../hooks/usePipelines.js";
5
5
  import ArgumentsView_default from "./pipeline-form/ArgumentsView.js";
6
6
  import SelectionView_default from "./pipeline-form/SelectionView.js";
7
7
  import { useRunPipeline } from "../../../hooks/useProcessor.js";
8
8
  import { c } from "react/compiler-runtime";
9
- import { useEffect, useState } from "react";
9
+ import { useEffect, useMemo, useState } from "react";
10
10
  import { jsx, jsxs } from "react/jsx-runtime";
11
11
  import { Loader2 } from "lucide-react";
12
12
  var PipelineForm_default = (l) => {
@@ -4,7 +4,7 @@ import "../services/index.js";
4
4
  import { useStudio } from "../providers/StudioProvider.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import axios from "axios";
7
- import "react";
7
+ import { useMemo } from "react";
8
8
  import { ApiV1AuthApi, ApiV1ConfigApi, ApiV1DashboardApi, ApiV1DocumentsApi, ApiV1NamespacesApi, ApiV1PipelinesApi, ApiV1ProcessorApi, ApiV1WorkflowsApi, ApiV1WorkspacesApi, Configuration } from "@loopstack/api-client";
9
9
  function useApiClient() {
10
10
  let _ = c(24), { environment: v } = useStudio(), y = v.url, b, x, S, C, w, T, E, D, O;