@workflow/web-shared 4.0.1-beta.25 → 4.0.1-beta.26
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/api/workflow-api-client.d.ts +26 -7
- package/dist/api/workflow-api-client.d.ts.map +1 -1
- package/dist/api/workflow-api-client.js +280 -196
- package/dist/api/workflow-api-client.js.map +1 -1
- package/dist/api/workflow-server-actions.d.ts +8 -1
- package/dist/api/workflow-server-actions.d.ts.map +1 -1
- package/dist/api/workflow-server-actions.js +114 -93
- package/dist/api/workflow-server-actions.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.d.ts +19 -0
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +64 -0
- package/dist/lib/utils.js.map +1 -1
- package/dist/sidebar/attribute-panel.d.ts +3 -1
- package/dist/sidebar/attribute-panel.d.ts.map +1 -1
- package/dist/sidebar/attribute-panel.js +111 -8
- package/dist/sidebar/attribute-panel.js.map +1 -1
- package/dist/sidebar/workflow-detail-panel.d.ts +3 -1
- package/dist/sidebar/workflow-detail-panel.d.ts.map +1 -1
- package/dist/sidebar/workflow-detail-panel.js +2 -2
- package/dist/sidebar/workflow-detail-panel.js.map +1 -1
- package/dist/stream-viewer.d.ts +13 -0
- package/dist/stream-viewer.d.ts.map +1 -0
- package/dist/stream-viewer.js +108 -0
- package/dist/stream-viewer.js.map +1 -0
- package/dist/trace-viewer/util/timing.d.ts +4 -13
- package/dist/trace-viewer/util/timing.d.ts.map +1 -1
- package/dist/trace-viewer/util/timing.js +5 -64
- package/dist/trace-viewer/util/timing.js.map +1 -1
- package/dist/workflow-trace-view.d.ts +3 -1
- package/dist/workflow-trace-view.d.ts.map +1 -1
- package/dist/workflow-trace-view.js +2 -2
- package/dist/workflow-trace-view.js.map +1 -1
- package/package.json +4 -3
package/dist/lib/utils.js
CHANGED
|
@@ -3,6 +3,70 @@ import { twMerge } from 'tailwind-merge';
|
|
|
3
3
|
export function cn(...inputs) {
|
|
4
4
|
return twMerge(clsx(inputs));
|
|
5
5
|
}
|
|
6
|
+
const durationFormatter = new Intl.NumberFormat(undefined, {
|
|
7
|
+
maximumFractionDigits: 2,
|
|
8
|
+
});
|
|
9
|
+
const MS_IN_SECOND = 1000;
|
|
10
|
+
const MS_IN_MINUTE = 60 * MS_IN_SECOND;
|
|
11
|
+
const MS_IN_HOUR = 60 * MS_IN_MINUTE;
|
|
12
|
+
const MS_IN_DAY = 24 * MS_IN_HOUR;
|
|
13
|
+
/**
|
|
14
|
+
* Formats a duration in milliseconds to a human-readable string.
|
|
15
|
+
*
|
|
16
|
+
* @param ms - Duration in milliseconds
|
|
17
|
+
* @param compact - If true, returns a single-unit format (e.g., "45s", "2.5m").
|
|
18
|
+
* If false (default), returns multi-part format (e.g., "1h 30m", "2d 5h").
|
|
19
|
+
*
|
|
20
|
+
* Compact format:
|
|
21
|
+
* - < 1s: shows milliseconds (e.g., "500ms")
|
|
22
|
+
* - < 1m: shows seconds (e.g., "45s")
|
|
23
|
+
* - < 1h: shows minutes (e.g., "45m")
|
|
24
|
+
* - >= 1h: shows hours (e.g., "2.5h")
|
|
25
|
+
*
|
|
26
|
+
* Full format:
|
|
27
|
+
* - < 1s: shows milliseconds (e.g., "500ms")
|
|
28
|
+
* - < 1m: shows seconds (e.g., "45.5s")
|
|
29
|
+
* - >= 1m: shows human-readable format (e.g., "1h 30m", "2d 5h")
|
|
30
|
+
*/
|
|
31
|
+
export function formatDuration(ms, compact = false) {
|
|
32
|
+
if (ms === 0) {
|
|
33
|
+
return '0';
|
|
34
|
+
}
|
|
35
|
+
// For durations less than 1 second, show milliseconds
|
|
36
|
+
if (ms < MS_IN_SECOND) {
|
|
37
|
+
return `${durationFormatter.format(ms)}ms`;
|
|
38
|
+
}
|
|
39
|
+
// For durations less than 1 minute, show seconds
|
|
40
|
+
if (ms < MS_IN_MINUTE) {
|
|
41
|
+
return `${durationFormatter.format(ms / MS_IN_SECOND)}s`;
|
|
42
|
+
}
|
|
43
|
+
// Compact format: single unit
|
|
44
|
+
if (compact) {
|
|
45
|
+
if (ms < MS_IN_HOUR) {
|
|
46
|
+
return `${durationFormatter.format(ms / MS_IN_MINUTE)}m`;
|
|
47
|
+
}
|
|
48
|
+
return `${durationFormatter.format(ms / MS_IN_HOUR)}h`;
|
|
49
|
+
}
|
|
50
|
+
// Full format: human-readable multi-part
|
|
51
|
+
const days = Math.floor(ms / MS_IN_DAY);
|
|
52
|
+
const hours = Math.floor((ms % MS_IN_DAY) / MS_IN_HOUR);
|
|
53
|
+
const minutes = Math.floor((ms % MS_IN_HOUR) / MS_IN_MINUTE);
|
|
54
|
+
const seconds = Math.floor((ms % MS_IN_MINUTE) / MS_IN_SECOND);
|
|
55
|
+
const parts = [];
|
|
56
|
+
if (days > 0) {
|
|
57
|
+
parts.push(`${days}d`);
|
|
58
|
+
}
|
|
59
|
+
if (hours > 0) {
|
|
60
|
+
parts.push(`${hours}h`);
|
|
61
|
+
}
|
|
62
|
+
if (minutes > 0) {
|
|
63
|
+
parts.push(`${minutes}m`);
|
|
64
|
+
}
|
|
65
|
+
if (hours <= 1 && (seconds > 0 || parts.length === 0)) {
|
|
66
|
+
parts.push(`${seconds}s`);
|
|
67
|
+
}
|
|
68
|
+
return parts.join(' ');
|
|
69
|
+
}
|
|
6
70
|
/**
|
|
7
71
|
* Returns a formatted pagination display string
|
|
8
72
|
* @param currentPage - The current page number
|
package/dist/lib/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAClC,WAAmB,EACnB,UAAkB,EAClB,OAAgB;IAEhB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,QAAQ,WAAW,OAAO,UAAU,GAAG,CAAC;IACjD,CAAC;IACD,OAAO,QAAQ,WAAW,OAAO,UAAU,EAAE,CAAC;AAChD,CAAC"}
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,12 @@ export declare const AttributeBlock: ({ attribute, value, isLoading, inline, }:
|
|
|
4
4
|
isLoading?: boolean;
|
|
5
5
|
inline?: boolean;
|
|
6
6
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
-
export declare const AttributePanel: ({ data, isLoading, error, expiredAt, }: {
|
|
7
|
+
export declare const AttributePanel: ({ data, isLoading, error, expiredAt, onStreamClick, }: {
|
|
8
8
|
data: Record<string, unknown>;
|
|
9
9
|
isLoading?: boolean;
|
|
10
10
|
error?: Error;
|
|
11
11
|
expiredAt?: string | Date;
|
|
12
|
+
/** Callback when a stream reference is clicked */
|
|
13
|
+
onStreamClick?: (streamId: string) => void;
|
|
12
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
13
15
|
//# sourceMappingURL=attribute-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attribute-panel.d.ts","sourceRoot":"","sources":["../../src/sidebar/attribute-panel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"attribute-panel.d.ts","sourceRoot":"","sources":["../../src/sidebar/attribute-panel.tsx"],"names":[],"mappings":"AAwZA,eAAO,MAAM,cAAc,GAAI,0CAK5B;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,mDAkDA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,uDAM5B;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,4CAkFA,CAAC"}
|
|
@@ -1,15 +1,118 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx,
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { parseStepName, parseWorkflowName } from '@workflow/core/parse-name';
|
|
4
4
|
import { AlertCircle } from 'lucide-react';
|
|
5
|
+
import { createContext, useContext } from 'react';
|
|
5
6
|
import { Alert, AlertDescription, AlertTitle } from '../components/ui/alert';
|
|
6
7
|
import { DetailCard } from './detail-card';
|
|
8
|
+
/**
|
|
9
|
+
* Context for stream click handler
|
|
10
|
+
*/
|
|
11
|
+
const StreamClickContext = createContext(undefined);
|
|
12
|
+
/**
|
|
13
|
+
* Marker for stream reference objects that can be rendered as links
|
|
14
|
+
* This is duplicated from @workflow/core/observability to avoid pulling in
|
|
15
|
+
* Node.js dependencies into the client bundle.
|
|
16
|
+
*/
|
|
17
|
+
const STREAM_REF_TYPE = '__workflow_stream_ref__';
|
|
18
|
+
/**
|
|
19
|
+
* Check if a value is a StreamRef object
|
|
20
|
+
*
|
|
21
|
+
*/
|
|
22
|
+
const isStreamRef = (value) => {
|
|
23
|
+
// TODO: This is duplicated from @workflow/core/observability, but can't be pulled
|
|
24
|
+
// in client-side code because it's a Node.js dependency.
|
|
25
|
+
return (value !== null &&
|
|
26
|
+
typeof value === 'object' &&
|
|
27
|
+
'__type' in value &&
|
|
28
|
+
value.__type === STREAM_REF_TYPE &&
|
|
29
|
+
'streamId' in value &&
|
|
30
|
+
typeof value.streamId === 'string');
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Renders a StreamRef as a styled link/badge
|
|
34
|
+
*/
|
|
35
|
+
const StreamRefDisplay = ({ streamRef }) => {
|
|
36
|
+
const onStreamClick = useContext(StreamClickContext);
|
|
37
|
+
const handleClick = () => {
|
|
38
|
+
if (onStreamClick) {
|
|
39
|
+
onStreamClick(streamRef.streamId);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return (_jsxs("button", { type: "button", onClick: handleClick, className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-mono cursor-pointer hover:opacity-80 transition-opacity", style: {
|
|
43
|
+
backgroundColor: 'var(--ds-blue-200)',
|
|
44
|
+
color: 'var(--ds-blue-900)',
|
|
45
|
+
border: '1px solid var(--ds-blue-400)',
|
|
46
|
+
}, title: `Click to view stream: ${streamRef.streamId}`, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("title", { children: "Stream icon" }), _jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] }), streamRef.streamId.length > 40
|
|
47
|
+
? `${streamRef.streamId.slice(0, 20)}...${streamRef.streamId.slice(-15)}`
|
|
48
|
+
: streamRef.streamId] }));
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Recursively transforms a value for JSON display, replacing StreamRef objects
|
|
52
|
+
* with placeholder strings that can be identified and replaced with React elements
|
|
53
|
+
*/
|
|
54
|
+
const transformValueForDisplay = (value) => {
|
|
55
|
+
const streamRefs = new Map();
|
|
56
|
+
let counter = 0;
|
|
57
|
+
const transform = (v) => {
|
|
58
|
+
if (isStreamRef(v)) {
|
|
59
|
+
const placeholder = `__STREAM_REF_${counter++}__`;
|
|
60
|
+
streamRefs.set(placeholder, v);
|
|
61
|
+
return placeholder;
|
|
62
|
+
}
|
|
63
|
+
if (Array.isArray(v)) {
|
|
64
|
+
return v.map(transform);
|
|
65
|
+
}
|
|
66
|
+
if (v !== null && typeof v === 'object') {
|
|
67
|
+
const result = {};
|
|
68
|
+
for (const [key, val] of Object.entries(v)) {
|
|
69
|
+
result[key] = transform(val);
|
|
70
|
+
}
|
|
71
|
+
return result;
|
|
72
|
+
}
|
|
73
|
+
return v;
|
|
74
|
+
};
|
|
75
|
+
const transformed = transform(value);
|
|
76
|
+
return {
|
|
77
|
+
json: JSON.stringify(transformed, null, 2),
|
|
78
|
+
streamRefs,
|
|
79
|
+
};
|
|
80
|
+
};
|
|
7
81
|
const JsonBlock = (value) => {
|
|
82
|
+
const { json, streamRefs } = transformValueForDisplay(value);
|
|
83
|
+
// If no stream refs, just render plain JSON
|
|
84
|
+
if (streamRefs.size === 0) {
|
|
85
|
+
return (_jsx("pre", { className: "text-[11px] overflow-x-auto rounded-md border p-3", style: {
|
|
86
|
+
borderColor: 'var(--ds-gray-300)',
|
|
87
|
+
backgroundColor: 'var(--ds-gray-100)',
|
|
88
|
+
color: 'var(--ds-gray-1000)',
|
|
89
|
+
}, children: _jsx("code", { children: json }) }));
|
|
90
|
+
}
|
|
91
|
+
// Split the JSON by stream ref placeholders and render with React elements
|
|
92
|
+
const parts = [];
|
|
93
|
+
let remaining = json;
|
|
94
|
+
let keyIndex = 0;
|
|
95
|
+
for (const [placeholder, streamRef] of streamRefs) {
|
|
96
|
+
const index = remaining.indexOf(`"${placeholder}"`);
|
|
97
|
+
if (index !== -1) {
|
|
98
|
+
// Add text before the placeholder
|
|
99
|
+
if (index > 0) {
|
|
100
|
+
parts.push(remaining.slice(0, index));
|
|
101
|
+
}
|
|
102
|
+
// Add the StreamRef component
|
|
103
|
+
parts.push(_jsx(StreamRefDisplay, { streamRef: streamRef }, keyIndex++));
|
|
104
|
+
remaining = remaining.slice(index + placeholder.length + 2); // +2 for quotes
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
// Add any remaining text
|
|
108
|
+
if (remaining) {
|
|
109
|
+
parts.push(remaining);
|
|
110
|
+
}
|
|
8
111
|
return (_jsx("pre", { className: "text-[11px] overflow-x-auto rounded-md border p-3", style: {
|
|
9
112
|
borderColor: 'var(--ds-gray-300)',
|
|
10
113
|
backgroundColor: 'var(--ds-gray-100)',
|
|
11
114
|
color: 'var(--ds-gray-1000)',
|
|
12
|
-
}, children: _jsx("code", { children:
|
|
115
|
+
}, children: _jsx("code", { children: parts }) }));
|
|
13
116
|
};
|
|
14
117
|
const attributeOrder = [
|
|
15
118
|
'workflowName',
|
|
@@ -149,7 +252,7 @@ export const AttributeBlock = ({ attribute, value, isLoading, inline = false, })
|
|
|
149
252
|
}
|
|
150
253
|
return (_jsxs("div", { className: "relative", children: [typeof isLoading === 'boolean' && isLoading && (_jsx("div", { className: "absolute top-9 right-4", children: _jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2", style: { borderColor: 'var(--ds-gray-900)' } }) })), _jsxs("div", { className: "flex flex-col gap-0 my-2", children: [_jsx("span", { className: "text-xs font-medium", style: { color: 'var(--ds-gray-500)' }, children: attribute }), _jsx("span", { className: "text-xs", style: { color: 'var(--ds-gray-1000)' }, children: displayValue })] }, attribute)] }));
|
|
151
254
|
};
|
|
152
|
-
export const AttributePanel = ({ data, isLoading, error, expiredAt, }) => {
|
|
255
|
+
export const AttributePanel = ({ data, isLoading, error, expiredAt, onStreamClick, }) => {
|
|
153
256
|
const displayData = data;
|
|
154
257
|
const hasExpired = expiredAt != null && new Date(expiredAt) < new Date();
|
|
155
258
|
const basicAttributes = Object.keys(displayData)
|
|
@@ -166,11 +269,11 @@ export const AttributePanel = ({ data, isLoading, error, expiredAt, }) => {
|
|
|
166
269
|
const displayValue = displayFn(displayData[attribute]);
|
|
167
270
|
return displayValue !== null;
|
|
168
271
|
});
|
|
169
|
-
return (_jsxs("div", { children: [visibleBasicAttributes.length > 0 && (_jsx("div", { className: "flex flex-col divide-y rounded-lg border mb-3 overflow-hidden", style: {
|
|
170
|
-
borderColor: 'var(--ds-gray-300)',
|
|
171
|
-
backgroundColor: 'var(--ds-gray-100)',
|
|
172
|
-
}, children: visibleBasicAttributes.map((attribute) => (_jsxs("div", { className: "flex items-center justify-between px-3 py-1.5", style: {
|
|
272
|
+
return (_jsx(StreamClickContext.Provider, { value: onStreamClick, children: _jsxs("div", { children: [visibleBasicAttributes.length > 0 && (_jsx("div", { className: "flex flex-col divide-y rounded-lg border mb-3 overflow-hidden", style: {
|
|
173
273
|
borderColor: 'var(--ds-gray-300)',
|
|
174
|
-
|
|
274
|
+
backgroundColor: 'var(--ds-gray-100)',
|
|
275
|
+
}, children: visibleBasicAttributes.map((attribute) => (_jsxs("div", { className: "flex items-center justify-between px-3 py-1.5", style: {
|
|
276
|
+
borderColor: 'var(--ds-gray-300)',
|
|
277
|
+
}, children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-500)' }, children: attribute }), _jsx("span", { className: "text-[11px] font-mono", style: { color: 'var(--ds-gray-1000)' }, children: attributeToDisplayFn[attribute]?.(displayData[attribute]) })] }, attribute))) })), error ? (_jsxs(Alert, { variant: "destructive", className: "my-4", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: "Failed to load resource details" }), _jsx(AlertDescription, { className: "text-sm", children: error.message })] })) : hasExpired ? (_jsx(ExpiredDataMessage, {})) : (resolvedAttributes.map((attribute) => (_jsx(AttributeBlock, { isLoading: isLoading, attribute: attribute, value: displayData[attribute] }, attribute))))] }) }));
|
|
175
278
|
};
|
|
176
279
|
//# sourceMappingURL=attribute-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attribute-panel.js","sourceRoot":"","sources":["../../src/sidebar/attribute-panel.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"attribute-panel.js","sourceRoot":"","sources":["../../src/sidebar/attribute-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,kBAAkB,GAAG,aAAa,CAEtC,SAAS,CAAC,CAAC;AAEb;;;;GAIG;AACH,MAAM,eAAe,GAAG,yBAAyB,CAAC;AAWlD;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,KAAc,EAAsB,EAAE;IACzD,kFAAkF;IAClF,yDAAyD;IACzD,OAAO,CACL,KAAK,KAAK,IAAI;QACd,OAAO,KAAK,KAAK,QAAQ;QACzB,QAAQ,IAAI,KAAK;QACjB,KAAK,CAAC,MAAM,KAAK,eAAe;QAChC,UAAU,IAAI,KAAK;QACnB,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAA4B,EAAE,EAAE;IACnE,MAAM,aAAa,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,+HAA+H,EACzI,KAAK,EAAE;YACL,eAAe,EAAE,oBAAoB;YACrC,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,8BAA8B;SACvC,EACD,KAAK,EAAE,yBAAyB,SAAS,CAAC,QAAQ,EAAE,aAEpD,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,0CAA0B,EAC1B,eAAM,CAAC,EAAC,8CAA8C,GAAG,EACzD,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,IAC5B,EACL,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE;gBAC7B,CAAC,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE;gBACzE,CAAC,CAAC,SAAS,CAAC,QAAQ,IACf,CACV,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,wBAAwB,GAAG,CAC/B,KAAc,EACwC,EAAE;IACxD,MAAM,UAAU,GAAG,IAAI,GAAG,EAAqB,CAAC;IAChD,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,CAAC,CAAU,EAAW,EAAE;QACxC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YACnB,MAAM,WAAW,GAAG,gBAAgB,OAAO,EAAE,IAAI,CAAC;YAClD,UAAU,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;YAC/B,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACxC,MAAM,MAAM,GAA4B,EAAE,CAAC;YAC3C,KAAK,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC3C,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAE7D,4CAA4C;IAC5C,IAAI,UAAU,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,cACE,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE;gBACL,WAAW,EAAE,oBAAoB;gBACjC,eAAe,EAAE,oBAAoB;gBACrC,KAAK,EAAE,qBAAqB;aAC7B,YAED,yBAAO,IAAI,GAAQ,GACf,CACP,CAAC;IACJ,CAAC;IAED,2EAA2E;IAC3E,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,IAAI,SAAS,GAAG,IAAI,CAAC;IACrB,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEjB,KAAK,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,IAAI,UAAU,EAAE,CAAC;QAClD,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,WAAW,GAAG,CAAC,CAAC;QACpD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,kCAAkC;YAClC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;gBACd,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;YACxC,CAAC;YACD,8BAA8B;YAC9B,KAAK,CAAC,IAAI,CAAC,KAAC,gBAAgB,IAAkB,SAAS,EAAE,SAAS,IAAhC,QAAQ,EAAE,CAA0B,CAAC,CAAC;YACxE,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB;QAC/E,CAAC;IACH,CAAC;IAED,yBAAyB;IACzB,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE;YACL,WAAW,EAAE,oBAAoB;YACjC,eAAe,EAAE,oBAAoB;YACrC,KAAK,EAAE,qBAAqB;SAC7B,YAED,yBAAO,KAAK,GAAQ,GAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,cAAc,GAAmB;IACrC,cAAc;IACd,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,OAAO;IACP,SAAS;IACT,OAAO;IACP,eAAe;IACf,WAAW;IACX,cAAc;IACd,SAAS;IACT,WAAW;IACX,aAAa;IACb,kBAAkB;IAClB,WAAW;IACX,WAAW;IACX,WAAW;IACX,aAAa;IACb,WAAW;IACX,YAAY;IACZ,OAAO;IACP,UAAU;IACV,WAAW;IACX,OAAO;IACP,QAAQ;IACR,UAAU;CACX,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAU,EAAE;IAC5D,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAiB,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAiB,CAAC,IAAI,CAAC,CAAC;IAC9D,OAAO,MAAM,GAAG,MAAM,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAGtB;IACF,kCAAkC;IAClC,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAC/B,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,IAAI,GAAG;IACpD,QAAQ,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,IAAI,GAAG;IAC5E,MAAM;IACN,KAAK,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IACxC,MAAM,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IACzC,MAAM,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IACzC,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IAC1C,mBAAmB;IACnB,MAAM,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IACzC,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IAC1C,eAAe;IACf,KAAK,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IACxC,gBAAgB;IAChB,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IAC5C,aAAa,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IAChD,kBAAkB;IAClB,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IAC/C,gCAAgC;IAChC,OAAO,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,IAAI;IAClC,SAAS,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,IAAI;IACpC,WAAW,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,IAAI;IACtC,gBAAgB,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,IAAI;IAC3C,QAAQ;IACR,kDAAkD;IAClD,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACvE,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACvE,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACvE,WAAW,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACzE,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACvE,UAAU,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACxE,QAAQ,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE;IACtE,wDAAwD;IACxD,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,CAAC,KAAc,EAAE,EAAE;QACxB,mDAAmD;QACnD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;YAC1D,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAG7B,CAAC;YACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACvD,MAAM,cAAc,GAAG,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YAE1E,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAE,UAAU,QAAQ,aAAa,YACjD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;4BAClB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjB,cAAK,SAAS,EAAC,MAAM,YAClB,SAAS,CAAC,CAAC,CAAC,IADY,CAAC,CAEtB,CACP,CAAC;4BACJ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GACR,EACZ,cAAc,IAAI,CACjB,KAAC,UAAU,IAAC,OAAO,EAAC,mBAAmB,YACpC,SAAS,CAAC,WAAW,CAAC,GACZ,CACd,IACA,CACJ,CAAC;QACJ,CAAC;QAED,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,UAAU,QAAQ,aAAa,YACjD,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBACnB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,cAAK,SAAS,EAAC,MAAM,YAClB,SAAS,CAAC,CAAC,CAAC,IADY,CAAC,CAEtB,CACP,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GACT,CACd,CAAC;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,KAAc,EAAE,EAAE;QACzB,OAAO,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,YAAE,SAAS,CAAC,KAAK,CAAC,GAAc,CAAC;IACtE,CAAC;IACD,KAAK,EAAE,CAAC,KAAc,EAAE,EAAE;QACxB,iCAAiC;QACjC,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YAC7D,MAAM,KAAK,GAAG,KAIb,CAAC;YAEF,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YACzB,eAAK,SAAS,EAAC,qBAAqB,aAEjC,KAAK,CAAC,IAAI,IAAI,CACb,0BACE,gBACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,4BAE1B,GAAG,IACV,EACP,eACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAEtC,KAAK,CAAC,IAAI,GACN,IACH,CACP,EAED,cACE,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE;gCACL,WAAW,EAAE,oBAAoB;gCACjC,eAAe,EAAE,oBAAoB;gCACrC,KAAK,EAAE,qBAAqB;gCAC5B,UAAU,EAAE,UAAU;6BACvB,YAED,yBAAO,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,GAAQ,GACvC,IACF,GACK,CACd,CAAC;QACJ,CAAC;QAED,mCAAmC;QACnC,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YACzB,cACE,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE;oBACL,WAAW,EAAE,oBAAoB;oBACjC,eAAe,EAAE,oBAAoB;oBACrC,KAAK,EAAE,qBAAqB;oBAC5B,UAAU,EAAE,UAAU;iBACvB,YAED,yBAAO,MAAM,CAAC,KAAK,CAAC,GAAQ,GACxB,GACK,CACd,CAAC;IACJ,CAAC;IACD,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE;QAC5B,OAAO,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,YAAE,SAAS,CAAC,KAAK,CAAC,GAAc,CAAC;IAC1E,CAAC;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,OAAO;IACP,QAAQ;IACR,OAAO;IACP,UAAU;IACV,WAAW;CACZ,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE;QACL,WAAW,EAAE,oBAAoB;QACjC,eAAe,EAAE,oBAAoB;QACrC,KAAK,EAAE,oBAAoB;KAC5B,YAED,2FAA0E,GACtE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,SAAS,EACT,MAAM,GAAG,KAAK,GAMf,EAAE,EAAE;IACH,MAAM,SAAS,GACb,oBAAoB,CAAC,SAA8C,CAAC,CAAC;IACvE,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,eACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAErC,SAAS,GACL,EACP,eAAM,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAClE,YAAY,GACR,IACH,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,IAAI,CAC9C,cAAK,SAAS,EAAC,wBAAwB,YACrC,cACE,SAAS,EAAC,8CAA8C,EACxD,KAAK,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAC5C,GACE,CACP,EACD,eAAqB,SAAS,EAAC,0BAA0B,aACvD,eACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAErC,SAAS,GACL,EACP,eAAM,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAC9D,YAAY,GACR,KATC,SAAS,CAUb,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,aAAa,GAQd,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAI,CAAC;IACzB,MAAM,UAAU,GAAG,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IACzE,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAC7C,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SACpD,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC9B,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAChD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SACnD,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAE9B,yCAAyC;IACzC,MAAM,sBAAsB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QAClE,MAAM,SAAS,GACb,oBAAoB,CAAC,SAA8C,CAAC,CAAC;QACvE,IAAI,CAAC,SAAS;YAAE,OAAO,KAAK,CAAC;QAC7B,MAAM,YAAY,GAAG,SAAS,CAC5B,WAAW,CAAC,SAAqC,CAAC,CACnD,CAAC;QACF,OAAO,YAAY,KAAK,IAAI,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC/C,0BAEG,sBAAsB,CAAC,MAAM,GAAG,CAAC,IAAI,CACpC,cACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE;wBACL,WAAW,EAAE,oBAAoB;wBACjC,eAAe,EAAE,oBAAoB;qBACtC,YAEA,sBAAsB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACzC,eAEE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE;4BACL,WAAW,EAAE,oBAAoB;yBAClC,aAED,eACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAErC,SAAS,GACL,EACP,eACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAEtC,oBAAoB,CACnB,SAA8C,CAC/C,EAAE,CAAC,WAAW,CAAC,SAAqC,CAAC,CAAC,GAClD,KAnBF,SAAS,CAoBV,CACP,CAAC,GACE,CACP,EACA,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,KAAK,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,aAC3C,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,EACnC,KAAC,UAAU,kDAA6C,EACxD,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,YAClC,KAAK,CAAC,OAAO,GACG,IACb,CACT,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACf,KAAC,kBAAkB,KAAG,CACvB,CAAC,CAAC,CAAC,CACF,kBAAkB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACpC,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,EAEpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,WAAW,CAAC,SAAqC,CAAC,IAFpD,SAAS,CAGd,CACH,CAAC,CACH,IACG,GACsB,CAC/B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,8 +3,10 @@ import type { EnvMap } from '../api/workflow-server-actions';
|
|
|
3
3
|
/**
|
|
4
4
|
* Custom panel component for workflow traces that displays entity details
|
|
5
5
|
*/
|
|
6
|
-
export declare function WorkflowDetailPanel({ env, run, }: {
|
|
6
|
+
export declare function WorkflowDetailPanel({ env, run, onStreamClick, }: {
|
|
7
7
|
env: EnvMap;
|
|
8
8
|
run: WorkflowRun;
|
|
9
|
+
/** Callback when a stream reference is clicked */
|
|
10
|
+
onStreamClick?: (streamId: string) => void;
|
|
9
11
|
}): React.JSX.Element | null;
|
|
10
12
|
//# sourceMappingURL=workflow-detail-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workflow-detail-panel.d.ts","sourceRoot":"","sources":["../../src/sidebar/workflow-detail-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKtE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAK7D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,
|
|
1
|
+
{"version":3,"file":"workflow-detail-panel.d.ts","sourceRoot":"","sources":["../../src/sidebar/workflow-detail-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKtE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAK7D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,EACH,aAAa,GACd,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,WAAW,CAAC;IACjB,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8E3B"}
|
|
@@ -10,7 +10,7 @@ import { AttributePanel } from './attribute-panel';
|
|
|
10
10
|
/**
|
|
11
11
|
* Custom panel component for workflow traces that displays entity details
|
|
12
12
|
*/
|
|
13
|
-
export function WorkflowDetailPanel({ env, run, }) {
|
|
13
|
+
export function WorkflowDetailPanel({ env, run, onStreamClick, }) {
|
|
14
14
|
const { state } = useTraceViewer();
|
|
15
15
|
const { selected } = state;
|
|
16
16
|
const data = selected?.span.attributes?.data;
|
|
@@ -51,6 +51,6 @@ export function WorkflowDetailPanel({ env, run, }) {
|
|
|
51
51
|
return null;
|
|
52
52
|
}
|
|
53
53
|
const displayData = fetchedData || data;
|
|
54
|
-
return (_jsxs("div", { className: clsx('flex flex-col px-2'), children: [_jsx(AttributePanel, { data: displayData, expiredAt: run.expiredAt, isLoading: loading, error: error ?? undefined }), resource !== 'run' && (_jsx(EventsList, { correlationId: resourceId, env: env, events: selected.span.events, expiredAt: run.expiredAt }))] }));
|
|
54
|
+
return (_jsxs("div", { className: clsx('flex flex-col px-2'), children: [_jsx(AttributePanel, { data: displayData, expiredAt: run.expiredAt, isLoading: loading, error: error ?? undefined, onStreamClick: onStreamClick }), resource !== 'run' && (_jsx(EventsList, { correlationId: resourceId, env: env, events: selected.span.events, expiredAt: run.expiredAt }))] }));
|
|
55
55
|
}
|
|
56
56
|
//# sourceMappingURL=workflow-detail-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workflow-detail-panel.js","sourceRoot":"","sources":["../../src/sidebar/workflow-detail-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,
|
|
1
|
+
{"version":3,"file":"workflow-detail-panel.js","sourceRoot":"","sources":["../../src/sidebar/workflow-detail-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { EnvMap } from './api/workflow-server-actions';
|
|
2
|
+
interface StreamViewerProps {
|
|
3
|
+
env: EnvMap;
|
|
4
|
+
streamId: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* StreamViewer component that displays real-time stream data.
|
|
8
|
+
* It connects to a stream and displays chunks as they arrive,
|
|
9
|
+
* with auto-scroll functionality.
|
|
10
|
+
*/
|
|
11
|
+
export declare function StreamViewer({ env, streamId }: StreamViewerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=stream-viewer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stream-viewer.d.ts","sourceRoot":"","sources":["../src/stream-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE5D,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAOD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAyLhE"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { readStream } from './api/workflow-api-client';
|
|
5
|
+
/**
|
|
6
|
+
* StreamViewer component that displays real-time stream data.
|
|
7
|
+
* It connects to a stream and displays chunks as they arrive,
|
|
8
|
+
* with auto-scroll functionality.
|
|
9
|
+
*/
|
|
10
|
+
export function StreamViewer({ env, streamId }) {
|
|
11
|
+
const [chunks, setChunks] = useState([]);
|
|
12
|
+
const [isLive, setIsLive] = useState(true);
|
|
13
|
+
const [error, setError] = useState(null);
|
|
14
|
+
const [hasMoreBelow, setHasMoreBelow] = useState(false);
|
|
15
|
+
const scrollRef = useRef(null);
|
|
16
|
+
const abortControllerRef = useRef(null);
|
|
17
|
+
const chunkIdRef = useRef(0);
|
|
18
|
+
const checkScrollPosition = useCallback(() => {
|
|
19
|
+
if (scrollRef.current) {
|
|
20
|
+
const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
|
|
21
|
+
const isAtBottom = scrollHeight - scrollTop - clientHeight < 10;
|
|
22
|
+
setHasMoreBelow(!isAtBottom && scrollHeight > clientHeight);
|
|
23
|
+
}
|
|
24
|
+
}, []);
|
|
25
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: chunks.length triggers scroll on new chunks
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
// Auto-scroll to bottom when new content arrives
|
|
28
|
+
if (scrollRef.current) {
|
|
29
|
+
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
|
|
30
|
+
}
|
|
31
|
+
// Check scroll position after content changes
|
|
32
|
+
checkScrollPosition();
|
|
33
|
+
}, [chunks.length, checkScrollPosition]);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
let mounted = true;
|
|
36
|
+
abortControllerRef.current = new AbortController();
|
|
37
|
+
const handleStreamEnd = () => {
|
|
38
|
+
if (mounted) {
|
|
39
|
+
setIsLive(false);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
const handleStreamError = (err) => {
|
|
43
|
+
if (mounted) {
|
|
44
|
+
setError(err instanceof Error ? err.message : String(err));
|
|
45
|
+
setIsLive(false);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const addChunk = (value) => {
|
|
49
|
+
if (mounted && value !== undefined && value !== null) {
|
|
50
|
+
const chunkId = chunkIdRef.current++;
|
|
51
|
+
const text = typeof value === 'string' ? value : JSON.stringify(value, null, 2);
|
|
52
|
+
setChunks((prev) => [...prev, { id: chunkId, text }]);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
const processStreamChunks = async (reader) => {
|
|
56
|
+
for (;;) {
|
|
57
|
+
if (abortControllerRef.current?.signal.aborted) {
|
|
58
|
+
break;
|
|
59
|
+
}
|
|
60
|
+
const { value, done } = await reader.read();
|
|
61
|
+
if (done) {
|
|
62
|
+
handleStreamEnd();
|
|
63
|
+
break;
|
|
64
|
+
}
|
|
65
|
+
addChunk(value);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
const readStreamData = async () => {
|
|
69
|
+
try {
|
|
70
|
+
const stream = await readStream(env, streamId);
|
|
71
|
+
const reader = stream.getReader();
|
|
72
|
+
await processStreamChunks(reader);
|
|
73
|
+
}
|
|
74
|
+
catch (err) {
|
|
75
|
+
handleStreamError(err);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
void readStreamData();
|
|
79
|
+
return () => {
|
|
80
|
+
mounted = false;
|
|
81
|
+
if (abortControllerRef.current) {
|
|
82
|
+
abortControllerRef.current.abort();
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
}, [env, streamId]);
|
|
86
|
+
return (_jsxs("div", { className: "flex flex-col h-full pb-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-3 px-1", children: [_jsx("code", { className: "text-xs font-mono truncate max-w-[80%]", style: { color: 'var(--ds-gray-900)' }, title: streamId, children: streamId }), _jsxs("span", { className: "text-xs flex items-center gap-1.5", style: {
|
|
87
|
+
color: isLive ? 'var(--ds-green-700)' : 'var(--ds-gray-600)',
|
|
88
|
+
}, children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-full", style: {
|
|
89
|
+
backgroundColor: isLive
|
|
90
|
+
? 'var(--ds-green-600)'
|
|
91
|
+
: 'var(--ds-gray-500)',
|
|
92
|
+
} }), isLive ? 'Live' : 'Closed'] })] }), _jsxs("div", { className: "relative flex-1 min-h-[200px]", children: [_jsx("div", { ref: scrollRef, onScroll: checkScrollPosition, className: "absolute inset-0 overflow-auto flex flex-col gap-2", children: error ? (_jsxs("div", { className: "text-[11px] rounded-md border p-3", style: {
|
|
93
|
+
borderColor: 'var(--ds-red-300)',
|
|
94
|
+
backgroundColor: 'var(--ds-red-100)',
|
|
95
|
+
color: 'var(--ds-red-700)',
|
|
96
|
+
}, children: [_jsx("div", { children: "Error reading stream:" }), _jsx("div", { children: error })] })) : chunks.length === 0 ? (_jsx("div", { className: "text-[11px] rounded-md border p-3", style: {
|
|
97
|
+
borderColor: 'var(--ds-gray-300)',
|
|
98
|
+
backgroundColor: 'var(--ds-gray-100)',
|
|
99
|
+
color: 'var(--ds-gray-600)',
|
|
100
|
+
}, children: isLive ? 'Waiting for stream data...' : 'Stream is empty' })) : (chunks.map((chunk, index) => (_jsx("pre", { className: "text-[11px] rounded-md border p-3 m-0 whitespace-pre-wrap break-words", style: {
|
|
101
|
+
borderColor: 'var(--ds-gray-300)',
|
|
102
|
+
backgroundColor: 'var(--ds-gray-100)',
|
|
103
|
+
color: 'var(--ds-gray-1000)',
|
|
104
|
+
}, children: _jsxs("code", { children: [_jsxs("span", { className: "select-none mr-2", style: { color: 'var(--ds-gray-500)' }, children: ["[", index, "]"] }), chunk.text] }) }, `${streamId}-chunk-${chunk.id}`)))) }), hasMoreBelow && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 h-8 pointer-events-none", style: {
|
|
105
|
+
background: 'linear-gradient(to top, var(--ds-background-100), transparent)',
|
|
106
|
+
} }))] })] }));
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=stream-viewer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stream-viewer.js","sourceRoot":"","sources":["../src/stream-viewer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,14 @@
|
|
|
1
|
+
import { formatDuration } from '../../lib/utils';
|
|
2
|
+
export { formatDuration };
|
|
1
3
|
export declare function getHighResInMs([seconds, nanoseconds]: [
|
|
2
4
|
number,
|
|
3
5
|
number
|
|
4
6
|
]): number;
|
|
5
7
|
export declare function getMsInHighRes(ms: number): [number, number];
|
|
6
8
|
/**
|
|
7
|
-
* Formats a duration
|
|
8
|
-
*
|
|
9
|
-
* - For durations < 1m: shows seconds (e.g., "45s")
|
|
10
|
-
* - For durations < 1h: shows minutes (e.g., "45m")
|
|
11
|
-
* - For durations < 1d: shows hours (e.g., "45h")
|
|
12
|
-
* Largest time is hours.
|
|
9
|
+
* Formats a duration for timeline display (compact single-unit format).
|
|
10
|
+
* @deprecated Use formatDuration(ms, true) instead.
|
|
13
11
|
*/
|
|
14
12
|
export declare const formatDurationForTimeline: (ms: number) => string;
|
|
15
|
-
/**
|
|
16
|
-
* Formats a duration in milliseconds to a human-readable string.
|
|
17
|
-
* - For durations < 1s: shows milliseconds (e.g., "500ms")
|
|
18
|
-
* - For durations < 1m: shows seconds (e.g., "45.5s")
|
|
19
|
-
* - For durations >= 1m: shows human-readable format (e.g., "1h 30m", "2d 5h")
|
|
20
|
-
*/
|
|
21
|
-
export declare function formatDuration(ms: number): string;
|
|
22
13
|
export declare function formatTimeSelection(ms: number): string;
|
|
23
14
|
//# sourceMappingURL=timing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE;IACrD,MAAM;IACN,MAAM;CACP,GAAG,MAAM,CAET;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAE3D;
|
|
1
|
+
{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,wBAAgB,cAAc,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE;IACrD,MAAM;IACN,MAAM;CACP,GAAG,MAAM,CAET;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAE3D;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,GAAI,IAAI,MAAM,KAAG,MAC7B,CAAC;AAO3B,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAKtD"}
|
|
@@ -1,75 +1,16 @@
|
|
|
1
|
+
import { formatDuration } from '../../lib/utils';
|
|
2
|
+
export { formatDuration };
|
|
1
3
|
export function getHighResInMs([seconds, nanoseconds]) {
|
|
2
4
|
return seconds * 1000 + nanoseconds / 1e6;
|
|
3
5
|
}
|
|
4
6
|
export function getMsInHighRes(ms) {
|
|
5
7
|
return [Math.floor(ms / 1000), (ms % 1000) * 1000];
|
|
6
8
|
}
|
|
7
|
-
const durationFormatter = new Intl.NumberFormat(undefined, {
|
|
8
|
-
maximumFractionDigits: 2,
|
|
9
|
-
});
|
|
10
|
-
const MS_IN_SECOND = 1000;
|
|
11
|
-
const MS_IN_MINUTE = 60 * MS_IN_SECOND;
|
|
12
|
-
const MS_IN_HOUR = 60 * MS_IN_MINUTE;
|
|
13
|
-
const MS_IN_DAY = 24 * MS_IN_HOUR;
|
|
14
|
-
/**
|
|
15
|
-
* Formats a duration in the most accurate single-part string.
|
|
16
|
-
* - For durations < 1s: shows milliseconds (e.g., "500ms")
|
|
17
|
-
* - For durations < 1m: shows seconds (e.g., "45s")
|
|
18
|
-
* - For durations < 1h: shows minutes (e.g., "45m")
|
|
19
|
-
* - For durations < 1d: shows hours (e.g., "45h")
|
|
20
|
-
* Largest time is hours.
|
|
21
|
-
*/
|
|
22
|
-
export const formatDurationForTimeline = (ms) => {
|
|
23
|
-
if (ms < MS_IN_SECOND) {
|
|
24
|
-
return `${durationFormatter.format(ms)}ms`;
|
|
25
|
-
}
|
|
26
|
-
if (ms < MS_IN_MINUTE) {
|
|
27
|
-
return `${durationFormatter.format(ms / MS_IN_SECOND)}s`;
|
|
28
|
-
}
|
|
29
|
-
if (ms < MS_IN_HOUR) {
|
|
30
|
-
return `${durationFormatter.format(ms / MS_IN_MINUTE)}m`;
|
|
31
|
-
}
|
|
32
|
-
// For durations >= 1 hour (including >= 1 day), show hours
|
|
33
|
-
return `${durationFormatter.format(ms / MS_IN_HOUR)}h`;
|
|
34
|
-
};
|
|
35
9
|
/**
|
|
36
|
-
* Formats a duration
|
|
37
|
-
*
|
|
38
|
-
* - For durations < 1m: shows seconds (e.g., "45.5s")
|
|
39
|
-
* - For durations >= 1m: shows human-readable format (e.g., "1h 30m", "2d 5h")
|
|
10
|
+
* Formats a duration for timeline display (compact single-unit format).
|
|
11
|
+
* @deprecated Use formatDuration(ms, true) instead.
|
|
40
12
|
*/
|
|
41
|
-
export
|
|
42
|
-
if (ms === 0) {
|
|
43
|
-
return '0';
|
|
44
|
-
}
|
|
45
|
-
// For durations less than 1 second, show milliseconds
|
|
46
|
-
if (ms < MS_IN_SECOND) {
|
|
47
|
-
return `${durationFormatter.format(ms)}ms`;
|
|
48
|
-
}
|
|
49
|
-
// For durations less than 1 minute, show seconds
|
|
50
|
-
if (ms < MS_IN_MINUTE) {
|
|
51
|
-
return `${durationFormatter.format(ms / MS_IN_SECOND)}s`;
|
|
52
|
-
}
|
|
53
|
-
// For durations >= 1 minute, show human-readable format
|
|
54
|
-
const days = Math.floor(ms / MS_IN_DAY);
|
|
55
|
-
const hours = Math.floor((ms % MS_IN_DAY) / MS_IN_HOUR);
|
|
56
|
-
const minutes = Math.floor((ms % MS_IN_HOUR) / MS_IN_MINUTE);
|
|
57
|
-
const seconds = Math.floor((ms % MS_IN_MINUTE) / MS_IN_SECOND);
|
|
58
|
-
const parts = [];
|
|
59
|
-
if (days > 0) {
|
|
60
|
-
parts.push(`${days}d`);
|
|
61
|
-
}
|
|
62
|
-
if (hours > 0) {
|
|
63
|
-
parts.push(`${hours}h`);
|
|
64
|
-
}
|
|
65
|
-
if (minutes > 0) {
|
|
66
|
-
parts.push(`${minutes}m`);
|
|
67
|
-
}
|
|
68
|
-
if (hours <= 1 && (seconds > 0 || parts.length === 0)) {
|
|
69
|
-
parts.push(`${seconds}s`);
|
|
70
|
-
}
|
|
71
|
-
return parts.join(' ');
|
|
72
|
-
}
|
|
13
|
+
export const formatDurationForTimeline = (ms) => formatDuration(ms, true);
|
|
73
14
|
const timeSelectionFormatter = new Intl.NumberFormat(undefined, {
|
|
74
15
|
minimumFractionDigits: 2,
|
|
75
16
|
maximumFractionDigits: 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,UAAU,cAAc,CAAC,CAAC,OAAO,EAAE,WAAW,CAGnD;IACC,OAAO,OAAO,GAAG,IAAI,GAAG,WAAW,GAAG,GAAG,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAU;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;AACrD,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAU,EAAU,EAAE,CAC9D,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;AAE3B,MAAM,sBAAsB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IAC9D,qBAAqB,EAAE,CAAC;IACxB,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB,CAAC,EAAU;IAC5C,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;QACf,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;IACxD,CAAC;IACD,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAClD,CAAC"}
|