@gen3/workspaces 0.12.51 → 0.12.52
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.
- package/dist/dts/components/HorizontalAccordian.js +2 -2
- package/dist/dts/components/HorizontalAccordian.js.map +1 -1
- package/dist/dts/components/MicroContainerReduxPanel.d.ts.map +1 -1
- package/dist/dts/components/MicroContainerReduxPanel.js +13 -12
- package/dist/dts/components/MicroContainerReduxPanel.js.map +1 -1
- package/dist/dts/core/jegGatewayApi.d.ts +8 -8
- package/dist/dts/workspace/WorkspaceLayout/SettingsPanel.d.ts.map +1 -1
- package/dist/dts/workspace/WorkspaceLayout/SettingsPanel.js +1 -2
- package/dist/dts/workspace/WorkspaceLayout/SettingsPanel.js.map +1 -1
- package/dist/index/cjs/index.js +19 -19
- package/dist/index/cjs/index.js.map +1 -1
- package/dist/index/esm/index.js +19 -19
- package/dist/index/esm/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -14,14 +14,14 @@ export function HorizontalAccordion({ label, expanded, setExpanded, children, ex
|
|
|
14
14
|
const closeIcon = rightSide ? (_jsx(Icon, { icon: "gen3:sidebar-close", width: ICON_SIZE, height: ICON_SIZE })) : (_jsx(Icon, { icon: "gen3:sidebar-open", width: ICON_SIZE, height: ICON_SIZE }));
|
|
15
15
|
const openIcon = rightSide ? (_jsx(Icon, { icon: "gen3:sidebar-open", width: ICON_SIZE, height: ICON_SIZE })) : (_jsx(Icon, { icon: "gen3:sidebar-close", width: ICON_SIZE, height: ICON_SIZE }));
|
|
16
16
|
const mergedClassNames = mergeDefaultTailwindClassnames(STYLING_DEFAULTS, classNames);
|
|
17
|
-
return (_jsx("div", { className:
|
|
17
|
+
return (_jsx("div", { className: `${mergedClassNames.root}`, style: {
|
|
18
18
|
width: expanded ? expandedWidth : collapsedWidth,
|
|
19
19
|
transition: `width ${TRANSITION_MS}ms ease`,
|
|
20
20
|
}, children: _jsxs("div", { className: "flex flex-col no-wrap h-full overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-1 py-1 bg-base-max", children: [_jsx(Text, { fw: 600, size: "sm", className: `overflow-hidden text-nowrap ${mergedClassNames.label}`, style: {
|
|
21
21
|
opacity: expanded ? 1 : 0,
|
|
22
22
|
transition: `opacity transform ${TRANSITION_MS}ms ease`,
|
|
23
23
|
transform: expanded ? 'translateX(0.625rem)' : 'translateX(0)',
|
|
24
|
-
}, children: label }), _jsx(Tooltip, { label: expanded ? `Collapse ${label}` : `Expand ${label}`, children: _jsx(ActionIcon, { variant: "subtle", "aria-label": expanded ? 'Collapse panel' : 'Expand panel', onClick: () => setExpanded(!expanded), radius: "xs", children: expanded ? openIcon : closeIcon }) })] }), _jsx("div", { className: "overflow-hidden
|
|
24
|
+
}, children: label }), _jsx(Tooltip, { label: expanded ? `Collapse ${label}` : `Expand ${label}`, children: _jsx(ActionIcon, { variant: "subtle", "aria-label": expanded ? 'Collapse panel' : 'Expand panel', onClick: () => setExpanded(!expanded), radius: "xs", children: expanded ? openIcon : closeIcon }) })] }), _jsx("div", { className: "overflow-hidden px-2", style: {
|
|
25
25
|
opacity: expanded ? 1 : 0,
|
|
26
26
|
pointerEvents: expanded ? 'auto' : 'none',
|
|
27
27
|
transition: `opacity ${TRANSITION_MS}ms ease`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalAccordian.js","sourceRoot":"","sources":["../../../src/components/HorizontalAccordian.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,8BAA8B,GAE/B,MAAM,gBAAgB,CAAC;AAExB,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAaF,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,aAAa,GAAG,GAAG,EACnB,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,EAAE,GACU;IACzB,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,CAC5B,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAI,CACxE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAI,CACvE,CAAC;IAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAI,CACvE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAI,CACxE,CAAC;IAEF,MAAM,gBAAgB,GAAG,8BAA8B,CACrD,gBAAgB,EAChB,UAAU,CACX,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"HorizontalAccordian.js","sourceRoot":"","sources":["../../../src/components/HorizontalAccordian.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MicroContainerReduxPanel.d.ts","sourceRoot":"","sources":["../../../src/components/MicroContainerReduxPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MicroContainerReduxPanel.d.ts","sourceRoot":"","sources":["../../../src/components/MicroContainerReduxPanel.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,wBAAwB;IACvC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,QAAA,MAAM,wBAAwB,GAAI,cAE/B,wBAAwB,mDA2K1B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useEffect, useState } from 'react';
|
|
3
3
|
import { Alert, Button, Loader } from '@mantine/core';
|
|
4
|
+
import { useInterval } from '@mantine/hooks';
|
|
4
5
|
import { selectJEGActiveWorkspaceStatus, selectJEGRequestedWorkspaceStatusTimestamp, setJEGActiveWorkspaceStatus, useCoreDispatch, useCoreSelector, WorkspaceStatus, } from '@gen3/core';
|
|
5
6
|
import { useMicroContainerReduxContext } from '../providers/MicroContainerReduxProvider';
|
|
6
7
|
import { Icon } from '@iconify-icon/react';
|
|
@@ -28,17 +29,20 @@ const MicroContainerReduxPanel = ({ compact = false, }) => {
|
|
|
28
29
|
}, [coreDispatch]);
|
|
29
30
|
/* ── Elapsed timer for launching state ── */
|
|
30
31
|
const [elapsedSec, setElapsedSec] = useState(0);
|
|
32
|
+
const interval = useInterval(() => {
|
|
33
|
+
const elapsed = Math.floor((Date.now() - requestedStatusTimestamp) / 1000);
|
|
34
|
+
setElapsedSec(elapsed);
|
|
35
|
+
}, 1000);
|
|
31
36
|
useEffect(() => {
|
|
32
|
-
if (status
|
|
37
|
+
if (status === WorkspaceStatus.Launching) {
|
|
38
|
+
interval.start();
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
33
41
|
setElapsedSec(0);
|
|
34
|
-
|
|
42
|
+
interval.stop();
|
|
35
43
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
setElapsedSec(interval);
|
|
39
|
-
}, 1000);
|
|
40
|
-
return () => clearInterval(t);
|
|
41
|
-
}, [requestedStatusTimestamp, status]);
|
|
44
|
+
return interval.stop;
|
|
45
|
+
}, [status, interval]);
|
|
42
46
|
/* ── Auto-reset after 15 s in launch-error state ── */
|
|
43
47
|
useEffect(() => {
|
|
44
48
|
if (status !== WorkspaceStatus.LaunchError)
|
|
@@ -55,10 +59,7 @@ const MicroContainerReduxPanel = ({ compact = false, }) => {
|
|
|
55
59
|
}
|
|
56
60
|
/* ── launching ── */
|
|
57
61
|
if (status === WorkspaceStatus.Launching) {
|
|
58
|
-
|
|
59
|
-
const secs = elapsedSec % 60;
|
|
60
|
-
const elapsed = mins > 0 ? `${mins}m ${secs}s` : `${secs}s`;
|
|
61
|
-
return (_jsxs("div", { role: "status", className: PanelStyle, children: [_jsx(Loader, { size: 48 }), _jsx("span", { className: "sr-only", children: "Starting workspace, please wait." }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-base font-bold text-base-darkest", children: "Starting your workspace\u2026" }), _jsxs("p", { className: "mt-1 text-sm text-base-darker", children: ["Elapsed: ", elapsed] }), _jsx("p", { className: "mt-1 text-xs text-base-dark", children: "Usually takes 30\u201390 seconds on a cold start." })] }), _jsx(Button, { onClick: terminate, variant: "outline", children: "Cancel" })] }));
|
|
62
|
+
return (_jsxs("div", { role: "status", className: PanelStyle, children: [_jsx(Loader, { size: 48 }), _jsx("span", { className: "sr-only", children: "Starting workspace, please wait." }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-base font-bold text-base-darkest", children: "Starting your workspace\u2026" }), _jsxs("p", { className: "mt-1 text-sm text-base-darker", children: ["Elapsed: ", elapsedSec, " ", elapsedSec === 1 ? 'second' : 'seconds'] }), _jsx("p", { className: "mt-1 text-xs text-base-dark", children: "Usually takes 30\u201390 seconds on a cold start." })] }), _jsx(Button, { onClick: terminate, variant: "outline", children: "Cancel" })] }));
|
|
62
63
|
}
|
|
63
64
|
/* ── error ── */
|
|
64
65
|
if (status === WorkspaceStatus.LaunchError) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MicroContainerReduxPanel.js","sourceRoot":"","sources":["../../../src/components/MicroContainerReduxPanel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EACL,8BAA8B,EAC9B,0CAA0C,EAC1C,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,6BAA6B,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,MAAM,IAAI,GAAG,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAI,CAAC;AAO1D;;;;;;;;;;;GAWG;AAEH,MAAM,UAAU,GACd,yEAAyE,CAAC;AAE5E,MAAM,wBAAwB,GAAG,CAAC,EAChC,OAAO,GAAG,KAAK,GACU,EAAE,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,6BAA6B,EAAE,CAAC;IAE9D,MAAM,MAAM,GAAG,eAAe,CAAC,8BAA8B,CAAC,CAAC;IAC/D,MAAM,wBAAwB,GAAW,eAAe,CACtD,0CAA0C,CAC3C,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,2BAA2B,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,6CAA6C;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"MicroContainerReduxPanel.js","sourceRoot":"","sources":["../../../src/components/MicroContainerReduxPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,7 +42,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
42
42
|
isFetching: false;
|
|
43
43
|
isSuccess: false;
|
|
44
44
|
isError: false;
|
|
45
|
-
}, "
|
|
45
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "isFetching" | "isSuccess"> & {
|
|
46
46
|
isSuccess: true;
|
|
47
47
|
isFetching: true;
|
|
48
48
|
error: undefined;
|
|
@@ -62,7 +62,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
62
62
|
isFetching: false;
|
|
63
63
|
isSuccess: false;
|
|
64
64
|
isError: false;
|
|
65
|
-
}, "
|
|
65
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "currentData" | "isFetching" | "isSuccess"> & {
|
|
66
66
|
isSuccess: true;
|
|
67
67
|
isFetching: false;
|
|
68
68
|
error: undefined;
|
|
@@ -135,7 +135,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
135
135
|
isFetching: false;
|
|
136
136
|
isSuccess: false;
|
|
137
137
|
isError: false;
|
|
138
|
-
}, "
|
|
138
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "isFetching" | "isSuccess"> & {
|
|
139
139
|
isSuccess: true;
|
|
140
140
|
isFetching: true;
|
|
141
141
|
error: undefined;
|
|
@@ -155,7 +155,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
155
155
|
isFetching: false;
|
|
156
156
|
isSuccess: false;
|
|
157
157
|
isError: false;
|
|
158
|
-
}, "
|
|
158
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "currentData" | "isFetching" | "isSuccess"> & {
|
|
159
159
|
isSuccess: true;
|
|
160
160
|
isFetching: false;
|
|
161
161
|
error: undefined;
|
|
@@ -546,7 +546,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
546
546
|
isFetching: false;
|
|
547
547
|
isSuccess: false;
|
|
548
548
|
isError: false;
|
|
549
|
-
}, "
|
|
549
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "isFetching" | "isSuccess"> & {
|
|
550
550
|
isSuccess: true;
|
|
551
551
|
isFetching: true;
|
|
552
552
|
error: undefined;
|
|
@@ -566,7 +566,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
566
566
|
isFetching: false;
|
|
567
567
|
isSuccess: false;
|
|
568
568
|
isError: false;
|
|
569
|
-
}, "
|
|
569
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "currentData" | "isFetching" | "isSuccess"> & {
|
|
570
570
|
isSuccess: true;
|
|
571
571
|
isFetching: false;
|
|
572
572
|
error: undefined;
|
|
@@ -639,7 +639,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
639
639
|
isFetching: false;
|
|
640
640
|
isSuccess: false;
|
|
641
641
|
isError: false;
|
|
642
|
-
}, "
|
|
642
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "isFetching" | "isSuccess"> & {
|
|
643
643
|
isSuccess: true;
|
|
644
644
|
isFetching: true;
|
|
645
645
|
error: undefined;
|
|
@@ -659,7 +659,7 @@ export declare const useActiveKernelsQuery: <R extends Record<string, any> = imp
|
|
|
659
659
|
isFetching: false;
|
|
660
660
|
isSuccess: false;
|
|
661
661
|
isError: false;
|
|
662
|
-
}, "
|
|
662
|
+
}, "data" | "error" | "fulfilledTimeStamp" | "currentData" | "isFetching" | "isSuccess"> & {
|
|
663
663
|
isSuccess: true;
|
|
664
664
|
isFetching: false;
|
|
665
665
|
error: undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/SettingsPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/SettingsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAa5D,UAAU,kBAAmB,SAAQ,0BAA0B;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,GAAI,gDAK3B,kBAAkB,4CA2BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback } from 'react';
|
|
3
|
-
import { Stack } from '@mantine/core';
|
|
4
3
|
import KernelLifecyclePanel from '../../components/KernelLifecyclePanel/KernelLifecyclePanel';
|
|
5
4
|
import { PanelStyle } from './styling';
|
|
6
5
|
import UpgradeActionsPanel from '../../components/UpgradeActionsPanel';
|
|
@@ -12,7 +11,7 @@ export const SettingsPanel = ({ showKernels, expanded, setExpanded, width = 380,
|
|
|
12
11
|
const onUpgradeToRemote = useCallback(() => {
|
|
13
12
|
coreDispatch(setWorkspaceTier('remote'));
|
|
14
13
|
}, [coreDispatch]);
|
|
15
|
-
return (_jsx(HorizontalAccordion, { label: "Settings", expanded: expanded, setExpanded: setExpanded, rightSide: true, expandedWidth: width, children: _jsxs(
|
|
14
|
+
return (_jsx(HorizontalAccordion, { label: "Settings", expanded: expanded, setExpanded: setExpanded, rightSide: true, expandedWidth: width, children: _jsxs("div", { className: `${PanelStyle} overflow-y-scroll`, children: [showKernels && _jsx(KernelLifecyclePanel, {}), _jsx(UpgradeActionsPanel, { currentTier: currentTier !== null ? currentTier : 'free', onUpgradeToRemote: onUpgradeToRemote })] }) }));
|
|
16
15
|
};
|
|
17
16
|
export default SettingsPanel;
|
|
18
17
|
//# sourceMappingURL=SettingsPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/SettingsPanel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/SettingsPanel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,oBAAoB,MAAM,4DAA4D,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AACvE,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAOvE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,GAAG,GAAG,GACQ,EAAE,EAAE;IACvB,MAAM,WAAW,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,YAAY,CAAC,gBAAgB,CAAC,QAAyB,CAAC,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,QACT,aAAa,EAAE,KAAK,YAEpB,eAAK,SAAS,EAAE,GAAG,UAAU,oBAAoB,aAC9C,WAAW,IAAI,KAAC,oBAAoB,KAAG,EACxC,KAAC,mBAAmB,IAClB,WAAW,EACT,WAAW,KAAK,IAAI,CAAC,CAAC,CAAE,WAA6B,CAAC,CAAC,CAAC,MAAM,EAEhE,iBAAiB,EAAE,iBAAiB,GACpC,IACE,GACc,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/index/cjs/index.js
CHANGED
|
@@ -5,10 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var frontend = require('@gen3/frontend');
|
|
6
6
|
var core = require('@mantine/core');
|
|
7
7
|
var react = require('@iconify-icon/react');
|
|
8
|
+
var hooks = require('@mantine/hooks');
|
|
8
9
|
var core$1 = require('@gen3/core');
|
|
9
10
|
var useDeepCompare = require('use-deep-compare');
|
|
10
11
|
var notifications = require('@mantine/notifications');
|
|
11
|
-
var hooks = require('@mantine/hooks');
|
|
12
12
|
var io5 = require('react-icons/io5');
|
|
13
13
|
var bs = require('react-icons/bs');
|
|
14
14
|
var md = require('react-icons/md');
|
|
@@ -938,19 +938,21 @@ const MicroContainerReduxPanel = ({ compact = false })=>{
|
|
|
938
938
|
coreDispatch
|
|
939
939
|
]);
|
|
940
940
|
/* ── Elapsed timer for launching state ── */ const [elapsedSec, setElapsedSec] = React.useState(0);
|
|
941
|
+
const interval = hooks.useInterval(()=>{
|
|
942
|
+
const elapsed = Math.floor((Date.now() - requestedStatusTimestamp) / 1000);
|
|
943
|
+
setElapsedSec(elapsed);
|
|
944
|
+
}, 1000);
|
|
941
945
|
React.useEffect(()=>{
|
|
942
|
-
if (status
|
|
946
|
+
if (status === core$1.WorkspaceStatus.Launching) {
|
|
947
|
+
interval.start();
|
|
948
|
+
} else {
|
|
943
949
|
setElapsedSec(0);
|
|
944
|
-
|
|
950
|
+
interval.stop();
|
|
945
951
|
}
|
|
946
|
-
|
|
947
|
-
const t = setInterval(()=>{
|
|
948
|
-
setElapsedSec(interval);
|
|
949
|
-
}, 1000);
|
|
950
|
-
return ()=>clearInterval(t);
|
|
952
|
+
return interval.stop;
|
|
951
953
|
}, [
|
|
952
|
-
|
|
953
|
-
|
|
954
|
+
status,
|
|
955
|
+
interval
|
|
954
956
|
]);
|
|
955
957
|
/* ── Auto-reset after 15 s in launch-error state ── */ React.useEffect(()=>{
|
|
956
958
|
if (status !== core$1.WorkspaceStatus.LaunchError) return;
|
|
@@ -1004,9 +1006,6 @@ const MicroContainerReduxPanel = ({ compact = false })=>{
|
|
|
1004
1006
|
});
|
|
1005
1007
|
}
|
|
1006
1008
|
/* ── launching ── */ if (status === core$1.WorkspaceStatus.Launching) {
|
|
1007
|
-
const mins = Math.floor(elapsedSec / 60);
|
|
1008
|
-
const secs = elapsedSec % 60;
|
|
1009
|
-
const elapsed = mins > 0 ? `${mins}m ${secs}s` : `${secs}s`;
|
|
1010
1009
|
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
1011
1010
|
role: "status",
|
|
1012
1011
|
className: PanelStyle$2,
|
|
@@ -1029,7 +1028,9 @@ const MicroContainerReduxPanel = ({ compact = false })=>{
|
|
|
1029
1028
|
className: "mt-1 text-sm text-base-darker",
|
|
1030
1029
|
children: [
|
|
1031
1030
|
"Elapsed: ",
|
|
1032
|
-
|
|
1031
|
+
elapsedSec,
|
|
1032
|
+
" ",
|
|
1033
|
+
elapsedSec === 1 ? 'second' : 'seconds'
|
|
1033
1034
|
]
|
|
1034
1035
|
}),
|
|
1035
1036
|
/*#__PURE__*/ jsxRuntime.jsx("p", {
|
|
@@ -2241,7 +2242,7 @@ function HorizontalAccordion({ label, expanded, setExpanded, children, expandedW
|
|
|
2241
2242
|
});
|
|
2242
2243
|
const mergedClassNames = frontend.mergeDefaultTailwindClassnames(STYLING_DEFAULTS, classNames);
|
|
2243
2244
|
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
2244
|
-
className:
|
|
2245
|
+
className: `${mergedClassNames.root}`,
|
|
2245
2246
|
style: {
|
|
2246
2247
|
width: expanded ? expandedWidth : collapsedWidth,
|
|
2247
2248
|
transition: `width ${TRANSITION_MS}ms ease`
|
|
@@ -2276,7 +2277,7 @@ function HorizontalAccordion({ label, expanded, setExpanded, children, expandedW
|
|
|
2276
2277
|
]
|
|
2277
2278
|
}),
|
|
2278
2279
|
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
2279
|
-
className: "overflow-hidden
|
|
2280
|
+
className: "overflow-hidden px-2",
|
|
2280
2281
|
style: {
|
|
2281
2282
|
opacity: expanded ? 1 : 0,
|
|
2282
2283
|
pointerEvents: expanded ? 'auto' : 'none',
|
|
@@ -2304,9 +2305,8 @@ const SettingsPanel = ({ showKernels, expanded, setExpanded, width = 380 })=>{
|
|
|
2304
2305
|
setExpanded: setExpanded,
|
|
2305
2306
|
rightSide: true,
|
|
2306
2307
|
expandedWidth: width,
|
|
2307
|
-
children: /*#__PURE__*/ jsxRuntime.jsxs(
|
|
2308
|
-
|
|
2309
|
-
className: PanelStyle,
|
|
2308
|
+
children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
2309
|
+
className: `${PanelStyle} overflow-y-scroll`,
|
|
2310
2310
|
children: [
|
|
2311
2311
|
showKernels && /*#__PURE__*/ jsxRuntime.jsx(KernelLifecyclePanel, {}),
|
|
2312
2312
|
/*#__PURE__*/ jsxRuntime.jsx(UpgradeActionsPanel, {
|