@workflow/web-shared 4.0.1-beta.36 → 4.0.1-beta.38
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 +2 -2
- package/dist/sidebar/attribute-panel.js +3 -3
- package/dist/sidebar/events-list.js +1 -1
- package/dist/trace-viewer/trace-viewer.module.css +1 -2
- package/dist/workflow-traces/trace-colors.d.ts.map +1 -1
- package/dist/workflow-traces/trace-colors.js +0 -2
- package/dist/workflow-traces/trace-colors.js.map +1 -1
- package/package.json +4 -4
|
@@ -93,7 +93,7 @@ export declare function useWorkflowTraceViewerData(env: EnvMap, runId: string, o
|
|
|
93
93
|
input: any[];
|
|
94
94
|
createdAt: Date;
|
|
95
95
|
updatedAt: Date;
|
|
96
|
-
status: "pending" | "running"
|
|
96
|
+
status: "pending" | "running";
|
|
97
97
|
output: undefined;
|
|
98
98
|
error: undefined;
|
|
99
99
|
completedAt: undefined;
|
|
@@ -337,7 +337,7 @@ export declare function useWorkflowResourceData(env: EnvMap, resource: 'run' | '
|
|
|
337
337
|
input: any[];
|
|
338
338
|
createdAt: Date;
|
|
339
339
|
updatedAt: Date;
|
|
340
|
-
status: "pending" | "running"
|
|
340
|
+
status: "pending" | "running";
|
|
341
341
|
output: undefined;
|
|
342
342
|
error: undefined;
|
|
343
343
|
completedAt: undefined;
|
|
@@ -307,9 +307,9 @@ export const AttributeBlock = ({ attribute, value, isLoading, inline = false, co
|
|
|
307
307
|
return null;
|
|
308
308
|
}
|
|
309
309
|
if (inline) {
|
|
310
|
-
return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-
|
|
310
|
+
return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-700)' }, children: attribute }), _jsx("span", { className: "text-[11px]", style: { color: 'var(--ds-gray-1000)' }, children: displayValue })] }));
|
|
311
311
|
}
|
|
312
|
-
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-
|
|
312
|
+
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-700)' }, children: attribute }), _jsx("span", { className: "text-xs", style: { color: 'var(--ds-gray-1000)' }, children: displayValue })] }, attribute)] }));
|
|
313
313
|
};
|
|
314
314
|
export const AttributePanel = ({ data, isLoading, error, expiredAt, onStreamClick, }) => {
|
|
315
315
|
const displayData = data;
|
|
@@ -337,6 +337,6 @@ export const AttributePanel = ({ data, isLoading, error, expiredAt, onStreamClic
|
|
|
337
337
|
backgroundColor: 'var(--ds-gray-100)',
|
|
338
338
|
}, children: visibleBasicAttributes.map((attribute) => (_jsxs("div", { className: "flex items-center justify-between px-3 py-1.5", style: {
|
|
339
339
|
borderColor: 'var(--ds-gray-300)',
|
|
340
|
-
}, children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-
|
|
340
|
+
}, children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-700)' }, 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], context: displayContext }, attribute))))] }) }));
|
|
341
341
|
};
|
|
342
342
|
//# sourceMappingURL=attribute-panel.js.map
|
|
@@ -32,6 +32,6 @@ export function EventsList({ correlationId, env, events, expiredAt, }) {
|
|
|
32
32
|
backgroundColor: 'var(--ds-gray-100)',
|
|
33
33
|
}, children: Object.entries(event.attributes)
|
|
34
34
|
.filter(([key]) => key !== 'eventData')
|
|
35
|
-
.map(([key, value]) => (_jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", style: { borderColor: 'var(--ds-gray-300)' }, children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-
|
|
35
|
+
.map(([key, value]) => (_jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", style: { borderColor: 'var(--ds-gray-300)' }, children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-700)' }, children: key }), _jsx("span", { className: "text-[11px] font-mono", style: { color: 'var(--ds-gray-1000)' }, children: String(value) })] }, key))) }), eventError && (_jsx("div", { className: "text-xs text-red-500 mt-2", children: "Error loading event data" })), !eventError && !eventsLoading && event.attributes.eventData && (_jsx("div", { className: "mt-2", children: _jsx(AttributeBlock, { isLoading: eventsLoading, attribute: "eventData", value: event.attributes.eventData }) }))] }, `${event.name}-${index}`))) })) : null] }));
|
|
36
36
|
}
|
|
37
37
|
//# sourceMappingURL=events-list.js.map
|
|
@@ -1193,8 +1193,7 @@
|
|
|
1193
1193
|
--span-secondary: var(--ds-green-900);
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
|
-
.spanCancelled
|
|
1197
|
-
.spanPaused {
|
|
1196
|
+
.spanCancelled {
|
|
1198
1197
|
--span-background: var(--ds-amber-200);
|
|
1199
1198
|
--span-border: var(--ds-amber-500);
|
|
1200
1199
|
--span-line: var(--ds-amber-400);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"trace-colors.d.ts","sourceRoot":"","sources":["../../src/workflow-traces/trace-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"trace-colors.d.ts","sourceRoot":"","sources":["../../src/workflow-traces/trace-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAoCrE;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,MAAM,QAAQ,KAAG,MAiCvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GACtC,WAAW,aAAa,KACvB,MAwBF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"trace-colors.js","sourceRoot":"","sources":["../../src/workflow-traces/trace-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAG7D;;GAEG;AACH,SAAS,kBAAkB,CACzB,MAA8C,EAC9C,UAAU,GAAG,KAAK;IAElB,IAAI,UAAU,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,kBAAkB,CAAC;IACnC,CAAC;IAED,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,aAAa,CAAC;QAC9B,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,aAAa,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,UAAU,CAAC;QAC3B
|
|
1
|
+
{"version":3,"file":"trace-colors.js","sourceRoot":"","sources":["../../src/workflow-traces/trace-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAG7D;;GAEG;AACH,SAAS,kBAAkB,CACzB,MAA8C,EAC9C,UAAU,GAAG,KAAK;IAElB,IAAI,UAAU,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,kBAAkB,CAAC;IACnC,CAAC;IAED,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,aAAa,CAAC;QAC9B,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,aAAa,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,UAAU,CAAC;QAC3B;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,WAAW,CAAC,QAAgB;IACnC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC1D,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAc,EAAU,EAAE;IAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;IACxC,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,CAAC;IAEtC,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAY,CAAC;QACzC,MAAM,QAAQ,GAAG,QAAQ,EAAE,QAAQ,CAAC;QAEpC,yCAAyC;QACzC,IAAI,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtC,OAAO,MAAM,CAAC,SAAS,CAAC;QAC1B,CAAC;QAED,mCAAmC;QACnC,MAAM,UAAU,GAAG,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;QAClD,OAAO,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAmB,CAAC;QAC/C,OAAO,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO,MAAM,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzB,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,2BAA2B;IAC3B,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,SAAwB,EAChB,EAAE;IACV,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC;IAEvC,uBAAuB;IACvB,IAAI,SAAS,KAAK,aAAa,IAAI,SAAS,KAAK,iBAAiB,EAAE,CAAC;QACnE,OAAO,MAAM,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,+BAA+B;IAC/B,IAAI,SAAS,KAAK,eAAe,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kCAAkC;IAClC,IACE,SAAS,KAAK,cAAc;QAC5B,SAAS,KAAK,eAAe;QAC7B,SAAS,KAAK,eAAe,EAC7B,CAAC;QACD,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,iBAAiB;IACjB,OAAO,MAAM,CAAC,YAAY,CAAC;AAC7B,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workflow/web-shared",
|
|
3
3
|
"description": "Shared components for Workflow Observability UI",
|
|
4
|
-
"version": "4.0.1-beta.
|
|
4
|
+
"version": "4.0.1-beta.38",
|
|
5
5
|
"private": false,
|
|
6
6
|
"files": [
|
|
7
7
|
"dist",
|
|
@@ -37,13 +37,13 @@
|
|
|
37
37
|
"react": "19.1.0",
|
|
38
38
|
"react-dom": "19.1.0",
|
|
39
39
|
"sonner": "2.0.7",
|
|
40
|
-
"streamdown": "1.
|
|
40
|
+
"streamdown": "1.6.11",
|
|
41
41
|
"swr": "2.3.6",
|
|
42
42
|
"tailwind-merge": "2.5.5",
|
|
43
43
|
"tailwindcss": "4",
|
|
44
|
-
"@workflow/core": "4.0.1-beta.
|
|
44
|
+
"@workflow/core": "4.0.1-beta.36",
|
|
45
45
|
"@workflow/errors": "4.0.1-beta.13",
|
|
46
|
-
"@workflow/world": "4.0.1-beta.
|
|
46
|
+
"@workflow/world": "4.0.1-beta.12"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@biomejs/biome": "^2.2.7",
|