@xyne/workflow-ui 1.3.19 → 1.3.20
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/components/dashboard/WorkflowDashboard.d.ts +7 -1
- package/dist/components/dashboard/WorkflowDashboard.d.ts.map +1 -1
- package/dist/components/dashboard/WorkflowDashboard.js +16 -7
- package/dist/components/dashboard/WorkflowDashboard.js.map +1 -1
- package/dist/components/execution/ApprovalsView.d.ts +4 -1
- package/dist/components/execution/ApprovalsView.d.ts.map +1 -1
- package/dist/components/execution/ApprovalsView.js +23 -17
- package/dist/components/execution/ApprovalsView.js.map +1 -1
- package/dist/components/execution/CitationSourcePanel.d.ts +0 -11
- package/dist/components/execution/CitationSourcePanel.d.ts.map +1 -1
- package/dist/components/execution/CitationSourcePanel.js +30 -2
- package/dist/components/execution/CitationSourcePanel.js.map +1 -1
- package/dist/components/execution/ExecutionTabs.d.ts +2 -2
- package/dist/components/execution/ExecutionTabs.d.ts.map +1 -1
- package/dist/components/execution/ExecutionTabs.js +90 -16
- package/dist/components/execution/ExecutionTabs.js.map +1 -1
- package/dist/components/execution/ExecutionViewer.d.ts +7 -1
- package/dist/components/execution/ExecutionViewer.d.ts.map +1 -1
- package/dist/components/execution/ExecutionViewer.js +16 -6
- package/dist/components/execution/ExecutionViewer.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/schema-form/AttachmentField.d.ts +16 -0
- package/dist/components/schema-form/AttachmentField.d.ts.map +1 -0
- package/dist/components/schema-form/AttachmentField.js +139 -0
- package/dist/components/schema-form/AttachmentField.js.map +1 -0
- package/dist/components/share/ShareDialog.d.ts +21 -0
- package/dist/components/share/ShareDialog.d.ts.map +1 -0
- package/dist/components/share/ShareDialog.js +98 -0
- package/dist/components/share/ShareDialog.js.map +1 -0
- package/dist/components/workflows/WorkflowApp.d.ts +19 -0
- package/dist/components/workflows/WorkflowApp.d.ts.map +1 -0
- package/dist/components/workflows/WorkflowApp.js +121 -0
- package/dist/components/workflows/WorkflowApp.js.map +1 -0
- package/dist/components/workflows/WorkflowHome.d.ts +8 -2
- package/dist/components/workflows/WorkflowHome.d.ts.map +1 -1
- package/dist/components/workflows/WorkflowHome.js +11 -5
- package/dist/components/workflows/WorkflowHome.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/utils/map-lanes.d.ts +35 -0
- package/dist/utils/map-lanes.d.ts.map +1 -0
- package/dist/utils/map-lanes.js +48 -0
- package/dist/utils/map-lanes.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/builder/AddStepButton.d.ts +0 -6
- package/dist/components/builder/AddStepButton.d.ts.map +0 -1
- package/dist/components/builder/AddStepButton.js +0 -7
- package/dist/components/builder/AddStepButton.js.map +0 -1
- package/dist/components/builder/BranchEdge.d.ts +0 -3
- package/dist/components/builder/BranchEdge.d.ts.map +0 -1
- package/dist/components/builder/BranchEdge.js +0 -19
- package/dist/components/builder/BranchEdge.js.map +0 -1
- package/dist/components/builder/BuilderToolbar.d.ts +0 -10
- package/dist/components/builder/BuilderToolbar.d.ts.map +0 -1
- package/dist/components/builder/BuilderToolbar.js +0 -16
- package/dist/components/builder/BuilderToolbar.js.map +0 -1
- package/dist/components/builder/StepConfigDrawer.d.ts +0 -11
- package/dist/components/builder/StepConfigDrawer.d.ts.map +0 -1
- package/dist/components/builder/StepConfigDrawer.js +0 -21
- package/dist/components/builder/StepConfigDrawer.js.map +0 -1
- package/dist/components/builder/StepNode.d.ts +0 -15
- package/dist/components/builder/StepNode.d.ts.map +0 -1
- package/dist/components/builder/StepNode.js +0 -56
- package/dist/components/builder/StepNode.js.map +0 -1
- package/dist/components/builder/StepPalette.d.ts +0 -7
- package/dist/components/builder/StepPalette.d.ts.map +0 -1
- package/dist/components/builder/StepPalette.js +0 -83
- package/dist/components/builder/StepPalette.js.map +0 -1
- package/dist/components/builder/StepPicker.d.ts +0 -9
- package/dist/components/builder/StepPicker.d.ts.map +0 -1
- package/dist/components/builder/StepPicker.js +0 -95
- package/dist/components/builder/StepPicker.js.map +0 -1
- package/dist/components/builder/TriggerConfigPanel.d.ts +0 -10
- package/dist/components/builder/TriggerConfigPanel.d.ts.map +0 -1
- package/dist/components/builder/TriggerConfigPanel.js +0 -49
- package/dist/components/builder/TriggerConfigPanel.js.map +0 -1
- package/dist/components/builder/TriggerNode.d.ts +0 -9
- package/dist/components/builder/TriggerNode.d.ts.map +0 -1
- package/dist/components/builder/TriggerNode.js +0 -30
- package/dist/components/builder/TriggerNode.js.map +0 -1
- package/dist/components/builder/TriggerPicker.d.ts +0 -8
- package/dist/components/builder/TriggerPicker.d.ts.map +0 -1
- package/dist/components/builder/TriggerPicker.js +0 -61
- package/dist/components/builder/TriggerPicker.js.map +0 -1
- package/dist/components/builder/WorkflowBuilder.d.ts +0 -20
- package/dist/components/builder/WorkflowBuilder.d.ts.map +0 -1
- package/dist/components/builder/WorkflowBuilder.js +0 -157
- package/dist/components/builder/WorkflowBuilder.js.map +0 -1
- package/dist/components/builder/edge-types.d.ts +0 -3
- package/dist/components/builder/edge-types.d.ts.map +0 -1
- package/dist/components/builder/edge-types.js +0 -5
- package/dist/components/builder/edge-types.js.map +0 -1
- package/dist/components/builder/node-types.d.ts +0 -3
- package/dist/components/builder/node-types.d.ts.map +0 -1
- package/dist/components/builder/node-types.js +0 -11
- package/dist/components/builder/node-types.js.map +0 -1
- package/dist/components/builder/v2/AddStepButton.d.ts +0 -6
- package/dist/components/builder/v2/AddStepButton.d.ts.map +0 -1
- package/dist/components/builder/v2/AddStepButton.js +0 -6
- package/dist/components/builder/v2/AddStepButton.js.map +0 -1
- package/dist/components/builder/v2/BranchEdge.d.ts +0 -3
- package/dist/components/builder/v2/BranchEdge.d.ts.map +0 -1
- package/dist/components/builder/v2/BranchEdge.js +0 -46
- package/dist/components/builder/v2/BranchEdge.js.map +0 -1
- package/dist/components/builder/v2/LoopBodyEdge.d.ts +0 -7
- package/dist/components/builder/v2/LoopBodyEdge.d.ts.map +0 -1
- package/dist/components/builder/v2/LoopBodyEdge.js +0 -19
- package/dist/components/builder/v2/LoopBodyEdge.js.map +0 -1
- package/dist/components/builder/v2/LoopbackEdge.d.ts +0 -10
- package/dist/components/builder/v2/LoopbackEdge.d.ts.map +0 -1
- package/dist/components/builder/v2/LoopbackEdge.js +0 -26
- package/dist/components/builder/v2/LoopbackEdge.js.map +0 -1
- package/dist/components/builder/v2/StepNode.d.ts +0 -21
- package/dist/components/builder/v2/StepNode.d.ts.map +0 -1
- package/dist/components/builder/v2/StepNode.js +0 -36
- package/dist/components/builder/v2/StepNode.js.map +0 -1
- package/dist/components/builder/v2/StepPicker.d.ts +0 -8
- package/dist/components/builder/v2/StepPicker.d.ts.map +0 -1
- package/dist/components/builder/v2/StepPicker.js +0 -73
- package/dist/components/builder/v2/StepPicker.js.map +0 -1
- package/dist/components/builder/v2/TerminalNode.d.ts +0 -6
- package/dist/components/builder/v2/TerminalNode.d.ts.map +0 -1
- package/dist/components/builder/v2/TerminalNode.js +0 -7
- package/dist/components/builder/v2/TerminalNode.js.map +0 -1
- package/dist/components/builder/v2/TriggerNode.d.ts +0 -10
- package/dist/components/builder/v2/TriggerNode.d.ts.map +0 -1
- package/dist/components/builder/v2/TriggerNode.js +0 -20
- package/dist/components/builder/v2/TriggerNode.js.map +0 -1
- package/dist/components/builder/v2/TriggerPicker.d.ts +0 -7
- package/dist/components/builder/v2/TriggerPicker.d.ts.map +0 -1
- package/dist/components/builder/v2/TriggerPicker.js +0 -45
- package/dist/components/builder/v2/TriggerPicker.js.map +0 -1
- package/dist/components/builder/v2/WorkflowBuilder.d.ts +0 -14
- package/dist/components/builder/v2/WorkflowBuilder.d.ts.map +0 -1
- package/dist/components/builder/v2/WorkflowBuilder.js +0 -189
- package/dist/components/builder/v2/WorkflowBuilder.js.map +0 -1
- package/dist/components/builder/v2/edge-types.d.ts +0 -3
- package/dist/components/builder/v2/edge-types.d.ts.map +0 -1
- package/dist/components/builder/v2/edge-types.js +0 -9
- package/dist/components/builder/v2/edge-types.js.map +0 -1
- package/dist/components/builder/v2/icons.d.ts +0 -25
- package/dist/components/builder/v2/icons.d.ts.map +0 -1
- package/dist/components/builder/v2/icons.js +0 -43
- package/dist/components/builder/v2/icons.js.map +0 -1
- package/dist/components/builder/v2/layout-engine.d.ts +0 -76
- package/dist/components/builder/v2/layout-engine.d.ts.map +0 -1
- package/dist/components/builder/v2/layout-engine.js +0 -465
- package/dist/components/builder/v2/layout-engine.js.map +0 -1
- package/dist/components/builder/v2/node-types.d.ts +0 -3
- package/dist/components/builder/v2/node-types.d.ts.map +0 -1
- package/dist/components/builder/v2/node-types.js +0 -11
- package/dist/components/builder/v2/node-types.js.map +0 -1
- package/dist/components/builder/v2/theme.d.ts +0 -28
- package/dist/components/builder/v2/theme.d.ts.map +0 -1
- package/dist/components/builder/v2/theme.js +0 -63
- package/dist/components/builder/v2/theme.js.map +0 -1
- package/dist/components/dashboard/WorkflowSummaryEditor.d.ts +0 -11
- package/dist/components/dashboard/WorkflowSummaryEditor.d.ts.map +0 -1
- package/dist/components/dashboard/WorkflowSummaryEditor.js +0 -46
- package/dist/components/dashboard/WorkflowSummaryEditor.js.map +0 -1
- package/dist/components/execution/ExecutionEdge.d.ts +0 -4
- package/dist/components/execution/ExecutionEdge.d.ts.map +0 -1
- package/dist/components/execution/ExecutionEdge.js +0 -27
- package/dist/components/execution/ExecutionEdge.js.map +0 -1
- package/dist/components/execution/ExecutionStepNode.d.ts +0 -14
- package/dist/components/execution/ExecutionStepNode.d.ts.map +0 -1
- package/dist/components/execution/ExecutionStepNode.js +0 -47
- package/dist/components/execution/ExecutionStepNode.js.map +0 -1
- package/dist/components/execution/ExecutionTriggerNode.d.ts +0 -9
- package/dist/components/execution/ExecutionTriggerNode.d.ts.map +0 -1
- package/dist/components/execution/ExecutionTriggerNode.js +0 -15
- package/dist/components/execution/ExecutionTriggerNode.js.map +0 -1
- package/dist/components/execution/StepAgentPanels.d.ts +0 -9
- package/dist/components/execution/StepAgentPanels.d.ts.map +0 -1
- package/dist/components/execution/StepAgentPanels.js +0 -133
- package/dist/components/execution/StepAgentPanels.js.map +0 -1
- package/dist/components/execution/execution-layout.d.ts +0 -31
- package/dist/components/execution/execution-layout.d.ts.map +0 -1
- package/dist/components/execution/execution-layout.js +0 -90
- package/dist/components/execution/execution-layout.js.map +0 -1
- package/dist/components/shared/JsonTreeViewer.d.ts +0 -9
- package/dist/components/shared/JsonTreeViewer.d.ts.map +0 -1
- package/dist/components/shared/JsonTreeViewer.js +0 -46
- package/dist/components/shared/JsonTreeViewer.js.map +0 -1
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { isExecutable } from '@xyne/workflow-sdk/common';
|
|
4
|
+
import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
|
|
5
|
+
import { cn } from '../shared/cn.js';
|
|
6
|
+
function formatBytes(bytes) {
|
|
7
|
+
if (bytes < 1024)
|
|
8
|
+
return `${String(bytes)} B`;
|
|
9
|
+
if (bytes < 1024 * 1024)
|
|
10
|
+
return `${(bytes / 1024).toFixed(1)} KB`;
|
|
11
|
+
return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
|
|
12
|
+
}
|
|
13
|
+
function isAcceptedMime(mime, accept) {
|
|
14
|
+
for (const a of accept) {
|
|
15
|
+
if (a === '*' || a === '*/*' || a === mime)
|
|
16
|
+
return true;
|
|
17
|
+
if (a.endsWith('/*') && mime.startsWith(a.slice(0, -1)))
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
return false;
|
|
21
|
+
}
|
|
22
|
+
let _seq = 0;
|
|
23
|
+
function nextId() {
|
|
24
|
+
_seq += 1;
|
|
25
|
+
return `att_${String(_seq)}`;
|
|
26
|
+
}
|
|
27
|
+
function seedFromValue(value, multiple) {
|
|
28
|
+
const list = multiple
|
|
29
|
+
? Array.isArray(value)
|
|
30
|
+
? value
|
|
31
|
+
: []
|
|
32
|
+
: value
|
|
33
|
+
? [value]
|
|
34
|
+
: [];
|
|
35
|
+
return list.map((att) => ({ id: nextId(), name: att.name, status: 'done', attachment: att }));
|
|
36
|
+
}
|
|
37
|
+
export function AttachmentField({ field, value, onChange, readOnly }) {
|
|
38
|
+
const client = useWorkflowClient();
|
|
39
|
+
const multiple = field.type === 'array';
|
|
40
|
+
const maxCount = multiple ? field.maxItems : 1;
|
|
41
|
+
const [files, setFiles] = useState(() => seedFromValue(value, multiple));
|
|
42
|
+
const [dragging, setDragging] = useState(false);
|
|
43
|
+
const [localError, setLocalError] = useState(null);
|
|
44
|
+
// Push committed (uploaded) attachments up to the form whenever they change,
|
|
45
|
+
// without re-running on every parent re-render (onChange identity is unstable).
|
|
46
|
+
const committed = useMemo(() => files.filter((f) => f.status === 'done' && f.attachment).map((f) => f.attachment), [files]);
|
|
47
|
+
const onChangeRef = useRef(onChange);
|
|
48
|
+
onChangeRef.current = onChange;
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
onChangeRef.current(multiple ? committed : (committed[0] ?? undefined));
|
|
51
|
+
}, [committed, multiple]);
|
|
52
|
+
const validateFile = useCallback((file) => {
|
|
53
|
+
const execReason = isExecutable(file.type || 'application/octet-stream', file.name);
|
|
54
|
+
if (execReason)
|
|
55
|
+
return `"${file.name}": ${execReason}`;
|
|
56
|
+
if (field.accept && field.accept.length > 0 && !isAcceptedMime(file.type || 'application/octet-stream', field.accept)) {
|
|
57
|
+
return `"${file.name}" (${file.type || 'unknown type'}) is not an accepted type`;
|
|
58
|
+
}
|
|
59
|
+
if (field.maxSize !== undefined && file.size > field.maxSize) {
|
|
60
|
+
return `"${file.name}" exceeds max size (${formatBytes(file.size)} > ${formatBytes(field.maxSize)})`;
|
|
61
|
+
}
|
|
62
|
+
return null;
|
|
63
|
+
}, [field.accept, field.maxSize]);
|
|
64
|
+
const handleAddFiles = useCallback(async (fileList) => {
|
|
65
|
+
const incoming = Array.from(fileList);
|
|
66
|
+
const currentCount = multiple ? files.length : 0;
|
|
67
|
+
if (!multiple)
|
|
68
|
+
setFiles([]); // single — replace any existing
|
|
69
|
+
const space = maxCount !== undefined ? Math.max(0, maxCount - currentCount) : incoming.length;
|
|
70
|
+
const toUpload = incoming.slice(0, space);
|
|
71
|
+
setLocalError(incoming.length > space
|
|
72
|
+
? `Only ${String(space)} more file${space === 1 ? '' : 's'} can be added.`
|
|
73
|
+
: null);
|
|
74
|
+
for (const f of toUpload) {
|
|
75
|
+
const err = validateFile(f);
|
|
76
|
+
const id = nextId();
|
|
77
|
+
if (err) {
|
|
78
|
+
setFiles((prev) => [...prev, { id, name: f.name, status: 'error', error: err }]);
|
|
79
|
+
continue;
|
|
80
|
+
}
|
|
81
|
+
setFiles((prev) => [...prev, { id, name: f.name, status: 'uploading' }]);
|
|
82
|
+
try {
|
|
83
|
+
const res = await client.uploads.create([f]);
|
|
84
|
+
const att = res.attachments[0];
|
|
85
|
+
if (!att)
|
|
86
|
+
throw new Error('No attachment returned from upload');
|
|
87
|
+
setFiles((prev) => prev.map((x) => (x.id === id ? { ...x, status: 'done', attachment: att } : x)));
|
|
88
|
+
}
|
|
89
|
+
catch (uploadErr) {
|
|
90
|
+
const msg = uploadErr instanceof Error ? uploadErr.message : String(uploadErr);
|
|
91
|
+
setFiles((prev) => prev.map((x) => (x.id === id ? { ...x, status: 'error', error: msg } : x)));
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}, [files.length, multiple, maxCount, client, validateFile]);
|
|
95
|
+
const handleRemove = useCallback((id) => {
|
|
96
|
+
setFiles((prev) => prev.filter((f) => f.id !== id));
|
|
97
|
+
}, []);
|
|
98
|
+
const limitReached = maxCount !== undefined && files.length >= maxCount;
|
|
99
|
+
const acceptString = field.accept?.join(',');
|
|
100
|
+
return (_jsxs("div", { children: [!readOnly && (_jsx(DropZone, { accept: acceptString, dragging: dragging, disabled: limitReached, onDragChange: setDragging, onFiles: (f) => void handleAddFiles(f), hint: describeConstraints(field), single: !multiple })), files.length > 0 && (_jsx("ul", { className: "mt-2 space-y-1", children: files.map((f) => (_jsx(FileRow, { file: f, onRemove: readOnly ? undefined : () => handleRemove(f.id) }, f.id))) })), localError && _jsx("p", { className: "mt-1 text-[11px] text-red-500", children: localError })] }));
|
|
101
|
+
}
|
|
102
|
+
function describeConstraints(field) {
|
|
103
|
+
const parts = [];
|
|
104
|
+
if (field.accept && field.accept.length > 0)
|
|
105
|
+
parts.push(field.accept.join(', '));
|
|
106
|
+
if (field.maxSize)
|
|
107
|
+
parts.push(`up to ${formatBytes(field.maxSize)}`);
|
|
108
|
+
if (field.type === 'array' && field.maxItems)
|
|
109
|
+
parts.push(`max ${String(field.maxItems)} files`);
|
|
110
|
+
return parts.length > 0 ? parts.join(' · ') : 'Any file';
|
|
111
|
+
}
|
|
112
|
+
function DropZone({ accept, dragging, disabled, onDragChange, onFiles, hint, single, }) {
|
|
113
|
+
return (_jsxs("label", { onDragOver: (e) => {
|
|
114
|
+
e.preventDefault();
|
|
115
|
+
if (!disabled)
|
|
116
|
+
onDragChange(true);
|
|
117
|
+
}, onDragLeave: () => onDragChange(false), onDrop: (e) => {
|
|
118
|
+
e.preventDefault();
|
|
119
|
+
onDragChange(false);
|
|
120
|
+
if (!disabled && e.dataTransfer.files.length > 0)
|
|
121
|
+
onFiles(e.dataTransfer.files);
|
|
122
|
+
}, className: cn('flex cursor-pointer flex-col items-center justify-center rounded-md border-2 border-dashed px-4 py-5 text-center transition-colors', disabled
|
|
123
|
+
? 'cursor-not-allowed border-slate-200 bg-slate-50 text-slate-300'
|
|
124
|
+
: dragging
|
|
125
|
+
? 'border-indigo-400 bg-indigo-50/60 text-indigo-700'
|
|
126
|
+
: 'border-slate-300 bg-slate-50/30 text-slate-500 hover:border-slate-400 hover:bg-slate-50'), children: [_jsx("input", { type: "file", multiple: !single, accept: accept, disabled: disabled, className: "sr-only", onChange: (e) => {
|
|
127
|
+
if (e.target.files && e.target.files.length > 0)
|
|
128
|
+
onFiles(e.target.files);
|
|
129
|
+
e.target.value = '';
|
|
130
|
+
} }), _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }), _jsx("span", { className: "mt-1.5 text-[12px] font-medium", children: disabled ? 'Limit reached' : single ? 'Drop a file or click to browse' : 'Drop files or click to browse' }), _jsx("span", { className: "mt-0.5 text-[10px] text-slate-400", children: hint })] }));
|
|
131
|
+
}
|
|
132
|
+
function FileRow({ file, onRemove }) {
|
|
133
|
+
return (_jsxs("li", { className: cn('flex items-center gap-2 rounded-md border px-2 py-1.5 text-[12px]', file.status === 'error'
|
|
134
|
+
? 'border-red-200 bg-red-50/60'
|
|
135
|
+
: file.status === 'done'
|
|
136
|
+
? 'border-emerald-200 bg-emerald-50/40'
|
|
137
|
+
: 'border-slate-200 bg-white'), children: [_jsxs("div", { className: "shrink-0", children: [file.status === 'uploading' && (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", className: "animate-spin text-slate-400", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })), file.status === 'done' && (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "text-emerald-600", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })), file.status === 'error' && (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", className: "text-red-600", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }))] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate font-medium text-slate-700", children: file.name }), file.status === 'error' && file.error && (_jsx("div", { className: "truncate text-[10px] text-red-500", title: file.error, children: file.error })), file.status === 'done' && file.attachment?.size !== undefined && (_jsx("div", { className: "text-[10px] text-slate-400", children: formatBytes(file.attachment.size) }))] }), onRemove && (_jsx("button", { type: "button", onClick: onRemove, className: "shrink-0 rounded p-1 text-slate-400 hover:bg-slate-200/60 hover:text-slate-700", "aria-label": "Remove", children: _jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) }))] }));
|
|
138
|
+
}
|
|
139
|
+
//# sourceMappingURL=AttachmentField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AttachmentField.js","sourceRoot":"","sources":["../../../src/components/schema-form/AttachmentField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface ShareDialogProps {
|
|
2
|
+
open: boolean;
|
|
3
|
+
/** The resource kind — matches the host's ACL routes. */
|
|
4
|
+
type: 'workflow' | 'folder';
|
|
5
|
+
id: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
/** Shareable roles offered in the picker. Defaults to editor/viewer. */
|
|
9
|
+
roles?: Array<{
|
|
10
|
+
value: string;
|
|
11
|
+
label: string;
|
|
12
|
+
}>;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Owner-facing share panel: toggle workspace-public visibility and manage
|
|
16
|
+
* per-user (editor/viewer) access. Talks to the host's ACL routes via
|
|
17
|
+
* `client.acl.*`. Render it only when the caller has `workflow:share` (gate with
|
|
18
|
+
* `canPerform(permittedActions, 'workflow:share')`).
|
|
19
|
+
*/
|
|
20
|
+
export declare function ShareDialog({ open, type, id, name, onClose, roles }: ShareDialogProps): import("react").ReactPortal | null;
|
|
21
|
+
//# sourceMappingURL=ShareDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/components/share/ShareDialog.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,yDAAyD;IACzD,IAAI,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAqB,EAAE,EAAE,gBAAgB,sCAiPrG"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { createPortal } from 'react-dom';
|
|
4
|
+
import { Loader2, X, Globe, Lock, Trash2 } from 'lucide-react';
|
|
5
|
+
import { cn } from '../shared/cn.js';
|
|
6
|
+
import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
|
|
7
|
+
const DEFAULT_ROLES = [
|
|
8
|
+
{ value: 'editor', label: 'Can edit' },
|
|
9
|
+
{ value: 'viewer', label: 'Can view' },
|
|
10
|
+
];
|
|
11
|
+
/**
|
|
12
|
+
* Owner-facing share panel: toggle workspace-public visibility and manage
|
|
13
|
+
* per-user (editor/viewer) access. Talks to the host's ACL routes via
|
|
14
|
+
* `client.acl.*`. Render it only when the caller has `workflow:share` (gate with
|
|
15
|
+
* `canPerform(permittedActions, 'workflow:share')`).
|
|
16
|
+
*/
|
|
17
|
+
export function ShareDialog({ open, type, id, name, onClose, roles = DEFAULT_ROLES }) {
|
|
18
|
+
const client = useWorkflowClient();
|
|
19
|
+
const [loading, setLoading] = useState(true);
|
|
20
|
+
const [saving, setSaving] = useState(false);
|
|
21
|
+
const [error, setError] = useState(null);
|
|
22
|
+
const [isPublic, setIsPublic] = useState(false);
|
|
23
|
+
const [owners, setOwners] = useState([]);
|
|
24
|
+
const [shares, setShares] = useState([]);
|
|
25
|
+
const [newEmail, setNewEmail] = useState('');
|
|
26
|
+
const [newRole, setNewRole] = useState(roles[0]?.value ?? 'viewer');
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (!open)
|
|
29
|
+
return undefined;
|
|
30
|
+
let cancelled = false;
|
|
31
|
+
setLoading(true);
|
|
32
|
+
setError(null);
|
|
33
|
+
void client.acl
|
|
34
|
+
.getPermissions(type, id)
|
|
35
|
+
.then((res) => {
|
|
36
|
+
if (cancelled)
|
|
37
|
+
return;
|
|
38
|
+
setIsPublic(res.isPublic);
|
|
39
|
+
setOwners(res.users.filter((u) => u.role === 'owner'));
|
|
40
|
+
setShares(res.users.filter((u) => u.role !== 'owner').map((u) => ({ email: u.email, role: u.role })));
|
|
41
|
+
setLoading(false);
|
|
42
|
+
})
|
|
43
|
+
.catch((e) => {
|
|
44
|
+
if (cancelled)
|
|
45
|
+
return;
|
|
46
|
+
setError(e instanceof Error ? e.message : 'Failed to load sharing');
|
|
47
|
+
setLoading(false);
|
|
48
|
+
});
|
|
49
|
+
return () => {
|
|
50
|
+
cancelled = true;
|
|
51
|
+
};
|
|
52
|
+
}, [open, type, id, client]);
|
|
53
|
+
if (!open || typeof document === 'undefined')
|
|
54
|
+
return null;
|
|
55
|
+
const addShare = () => {
|
|
56
|
+
const email = newEmail.trim().toLowerCase();
|
|
57
|
+
if (!email)
|
|
58
|
+
return;
|
|
59
|
+
if (shares.some((s) => s.email === email) || owners.some((o) => o.email === email)) {
|
|
60
|
+
setNewEmail('');
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
setShares((s) => [...s, { email, role: newRole }]);
|
|
64
|
+
setNewEmail('');
|
|
65
|
+
};
|
|
66
|
+
const togglePublic = async (next) => {
|
|
67
|
+
setIsPublic(next);
|
|
68
|
+
try {
|
|
69
|
+
await client.acl.setVisibility(type, id, next);
|
|
70
|
+
}
|
|
71
|
+
catch (e) {
|
|
72
|
+
setIsPublic(!next);
|
|
73
|
+
setError(e instanceof Error ? e.message : 'Failed to change visibility');
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
const save = async () => {
|
|
77
|
+
setSaving(true);
|
|
78
|
+
setError(null);
|
|
79
|
+
try {
|
|
80
|
+
await client.acl.share(type, id, { shares });
|
|
81
|
+
onClose();
|
|
82
|
+
}
|
|
83
|
+
catch (e) {
|
|
84
|
+
setError(e instanceof Error ? e.message : 'Failed to save sharing');
|
|
85
|
+
setSaving(false);
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
return createPortal(_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center px-4", role: "presentation", onMouseDown: (e) => {
|
|
89
|
+
if (e.target === e.currentTarget && !saving)
|
|
90
|
+
onClose();
|
|
91
|
+
}, children: [_jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 bg-black/50 backdrop-blur-sm animate-fade-in" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": `Share ${name ?? type}`, className: cn('relative z-10 flex max-h-[85vh] w-full max-w-[460px] flex-col overflow-hidden rounded-2xl border border-border bg-surface-elevated shadow-2xl animate-scale-in'), onMouseDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-start justify-between gap-3 px-5 pb-2 pt-4", children: [_jsxs("h2", { className: "text-[15px] font-semibold leading-tight text-foreground", children: ["Share ", name ? `“${name}”` : type] }), _jsx("button", { type: "button", "aria-label": "Close", disabled: saving, onClick: onClose, className: "grid h-7 w-7 flex-shrink-0 place-items-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground disabled:opacity-40", children: _jsx(X, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) })] }), loading ? (_jsxs("div", { className: "flex items-center gap-2 px-5 py-8 text-[13px] text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Loading\u2026"] })) : (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-5 pb-4 pt-2", children: [_jsxs("label", { className: "flex cursor-pointer items-center gap-3 rounded-lg border border-border bg-surface px-3 py-2.5", children: [_jsx("span", { className: "grid h-8 w-8 place-items-center rounded-md bg-secondary text-muted-foreground", children: isPublic ? _jsx(Globe, { className: "h-4 w-4" }) : _jsx(Lock, { className: "h-4 w-4" }) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block text-[13px] font-medium text-foreground", children: isPublic ? 'Anyone in the workspace' : 'Restricted' }), _jsx("span", { className: "block text-[11.5px] text-muted-foreground", children: isPublic ? 'Everyone in your workspace can view this.' : 'Only people with access can open this.' })] }), _jsx("input", { type: "checkbox", checked: isPublic, onChange: (e) => void togglePublic(e.target.checked), className: "h-4 w-4 accent-[var(--wui-primary)]" })] }), owners.length > 0 && (_jsxs("div", { className: "text-[11.5px] text-muted-foreground", children: ["Owner: ", owners.map((o) => o.name || o.email).join(', ')] })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "email", value: newEmail, placeholder: "Add people by email", onChange: (e) => setNewEmail(e.target.value), onKeyDown: (e) => {
|
|
92
|
+
if (e.key === 'Enter') {
|
|
93
|
+
e.preventDefault();
|
|
94
|
+
addShare();
|
|
95
|
+
}
|
|
96
|
+
}, className: "min-w-0 flex-1 rounded-lg border border-border bg-surface px-3 py-2 text-[13px] text-foreground focus:border-ring focus:outline-none focus:ring-2 focus:ring-ring/30" }), _jsx("select", { value: newRole, onChange: (e) => setNewRole(e.target.value), className: "rounded-lg border border-border bg-surface px-2 py-2 text-[12.5px] text-foreground focus:outline-none", children: roles.map((r) => (_jsx("option", { value: r.value, children: r.label }, r.value))) }), _jsx("button", { type: "button", onClick: addShare, className: "rounded-lg bg-secondary px-3 py-2 text-[12.5px] font-medium text-foreground transition hover:bg-secondary/80", children: "Add" })] }), _jsx("div", { className: "flex flex-col gap-1.5", children: shares.length === 0 ? (_jsx("p", { className: "py-2 text-center text-[12px] text-muted-foreground", children: "Not shared with anyone yet." })) : (shares.map((s) => (_jsxs("div", { className: "flex items-center gap-2 rounded-lg px-1 py-1", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground", children: s.email }), _jsx("select", { value: s.role, onChange: (e) => setShares((list) => list.map((x) => (x.email === s.email ? { ...x, role: e.target.value } : x))), className: "rounded-md border border-border bg-surface px-2 py-1 text-[12px] text-foreground focus:outline-none", children: roles.map((r) => (_jsx("option", { value: r.value, children: r.label }, r.value))) }), _jsx("button", { type: "button", "aria-label": `Remove ${s.email}`, onClick: () => setShares((list) => list.filter((x) => x.email !== s.email)), className: "grid h-7 w-7 place-items-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-red-500", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }, s.email)))) }), error ? _jsx("p", { role: "alert", className: "text-[11.5px] text-red-600 dark:text-red-400", children: error }) : null] })), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-5 py-3", children: [_jsx("button", { type: "button", onClick: onClose, disabled: saving, className: "inline-flex h-8 items-center rounded-md px-3 text-[12.5px] text-muted-foreground transition hover:bg-secondary hover:text-foreground disabled:opacity-50", children: "Cancel" }), _jsxs("button", { type: "button", onClick: () => void save(), disabled: saving || loading, className: cn('inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-[12.5px] font-medium transition-colors', 'bg-[var(--wui-primary)] text-[var(--wui-primary-fg)] hover:bg-[var(--wui-primary-hover)]', 'disabled:cursor-not-allowed disabled:opacity-50'), children: [saving ? _jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", strokeWidth: 1.75 }) : null, "Save"] })] })] })] }), document.querySelector('[data-workflow-ui]') ?? document.body);
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=ShareDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShareDialog.js","sourceRoot":"","sources":["../../../src/components/share/ShareDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { AiBuilderClient } from '@xyne/workflow-sdk/ai-builder';
|
|
2
|
+
export interface WorkflowSearch {
|
|
3
|
+
view?: 'tabs' | 'graph' | undefined;
|
|
4
|
+
}
|
|
5
|
+
export interface WorkflowAppProps {
|
|
6
|
+
/** Sub-path after the host's /workflows mount: '', 'executions', 'approvals',
|
|
7
|
+
* 'folder/<id>', 'w/<id>', 'runs/<id>'. */
|
|
8
|
+
path: string;
|
|
9
|
+
/** Query params (view state within a page — e.g. the run viewer's tab/node). */
|
|
10
|
+
search?: WorkflowSearch | undefined;
|
|
11
|
+
/** Push a new sub-path (+ optional query); the host wires this to its router so
|
|
12
|
+
* back/forward work. `replace` avoids a history entry for in-page view changes. */
|
|
13
|
+
onNavigate: (path: string, search?: WorkflowSearch, replace?: boolean) => void;
|
|
14
|
+
aiBuilderClient?: AiBuilderClient | undefined;
|
|
15
|
+
onToast?: (kind: 'success' | 'error', message: string) => void;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function WorkflowApp({ path, search, onNavigate, aiBuilderClient, onToast, className, }: WorkflowAppProps): import("react").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=WorkflowApp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WorkflowApp.d.ts","sourceRoot":"","sources":["../../../src/components/workflows/WorkflowApp.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAOrE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC/B;gDAC4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC;wFACoF;IACpF,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/E,eAAe,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,eAAe,EACf,OAAO,EACP,SAAS,GACV,EAAE,gBAAgB,+BAyMlB"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useRef, useState, } from 'react';
|
|
3
|
+
import { ArrowLeft } from 'lucide-react';
|
|
4
|
+
import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
|
|
5
|
+
import { WorkflowHome } from './WorkflowHome.js';
|
|
6
|
+
import {} from './WorkflowBrowser.js';
|
|
7
|
+
import { WorkflowDashboard } from '../dashboard/WorkflowDashboard.js';
|
|
8
|
+
import { ExecutionViewer } from '../execution/ExecutionViewer.js';
|
|
9
|
+
const parseRoute = (raw) => {
|
|
10
|
+
const clean = raw.replace(/^\/+|\/+$/g, '');
|
|
11
|
+
if (clean === '')
|
|
12
|
+
return { kind: 'home', tab: 'workflows' };
|
|
13
|
+
const [head, ...rest] = clean.split('/');
|
|
14
|
+
const arg = rest.join('/');
|
|
15
|
+
if (head === 'executions')
|
|
16
|
+
return { kind: 'home', tab: 'executions' };
|
|
17
|
+
if (head === 'approvals')
|
|
18
|
+
return { kind: 'home', tab: 'approvals', ...(arg ? { approvalId: arg } : {}) };
|
|
19
|
+
if (head === 'folder' && arg)
|
|
20
|
+
return { kind: 'home', tab: 'workflows', folderId: arg };
|
|
21
|
+
if (head === 'w' && arg) {
|
|
22
|
+
const [wfId, sub] = arg.split('/');
|
|
23
|
+
if (wfId)
|
|
24
|
+
return { kind: 'workflow', workflowId: wfId, view: sub === 'edit' ? 'builder' : 'runs' };
|
|
25
|
+
}
|
|
26
|
+
if (head === 'runs' && arg) {
|
|
27
|
+
const [execId, ...nodeParts] = arg.split('/');
|
|
28
|
+
const nodeId = nodeParts.join('/');
|
|
29
|
+
if (execId)
|
|
30
|
+
return { kind: 'run', executionId: execId, ...(nodeId ? { nodeId } : {}) };
|
|
31
|
+
}
|
|
32
|
+
return { kind: 'home', tab: 'workflows' };
|
|
33
|
+
};
|
|
34
|
+
const tabToPath = (tab) => (tab === 'workflows' ? '' : tab);
|
|
35
|
+
const folderToPath = (crumbs) => {
|
|
36
|
+
const leaf = crumbs[crumbs.length - 1];
|
|
37
|
+
return leaf ? `folder/${leaf.id}` : '';
|
|
38
|
+
};
|
|
39
|
+
const runToPath = (executionId, nodeId) => nodeId ? `runs/${executionId}/${nodeId}` : `runs/${executionId}`;
|
|
40
|
+
export function WorkflowApp({ path, search, onNavigate, aiBuilderClient, onToast, className, }) {
|
|
41
|
+
const client = useWorkflowClient();
|
|
42
|
+
const route = parseRoute(path);
|
|
43
|
+
// The URL carries only the leaf folder id; the full breadcrumb lives here and is
|
|
44
|
+
// reconciled with the id on back/forward/deep-link below.
|
|
45
|
+
const [folderCrumbs, setFolderCrumbs] = useState([]);
|
|
46
|
+
const [detail, setDetail] = useState(null);
|
|
47
|
+
const folderId = route.kind === 'home' ? route.folderId : undefined;
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
setFolderCrumbs((prev) => {
|
|
50
|
+
if (!folderId)
|
|
51
|
+
return prev.length ? [] : prev;
|
|
52
|
+
if (prev[prev.length - 1]?.id === folderId)
|
|
53
|
+
return prev;
|
|
54
|
+
const idx = prev.findIndex((c) => c.id === folderId);
|
|
55
|
+
if (idx >= 0)
|
|
56
|
+
return prev.slice(0, idx + 1);
|
|
57
|
+
return [{ id: folderId, name: 'Folder' }];
|
|
58
|
+
});
|
|
59
|
+
}, [folderId]);
|
|
60
|
+
const workflowId = route.kind === 'workflow' ? route.workflowId : undefined;
|
|
61
|
+
const fetchSeq = useRef(0);
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
if (!workflowId) {
|
|
64
|
+
setDetail(null);
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
const seq = ++fetchSeq.current;
|
|
68
|
+
void (async () => {
|
|
69
|
+
const wf = await client.workflows.get(workflowId);
|
|
70
|
+
if (seq !== fetchSeq.current)
|
|
71
|
+
return;
|
|
72
|
+
const meta = wf.metadata
|
|
73
|
+
? JSON.parse(wf.metadata)
|
|
74
|
+
: {};
|
|
75
|
+
const config = wf.config
|
|
76
|
+
? JSON.parse(wf.config)
|
|
77
|
+
: undefined;
|
|
78
|
+
setDetail({
|
|
79
|
+
workflowId,
|
|
80
|
+
name: meta.name ?? workflowId,
|
|
81
|
+
config,
|
|
82
|
+
...(wf.summary != null ? { summary: wf.summary } : {}),
|
|
83
|
+
...(wf.permittedActions ? { permittedActions: wf.permittedActions } : {}),
|
|
84
|
+
});
|
|
85
|
+
})();
|
|
86
|
+
}, [workflowId, client]);
|
|
87
|
+
const goTab = useCallback((tab) => onNavigate(tabToPath(tab)), [onNavigate]);
|
|
88
|
+
const goFolder = useCallback((crumbs) => {
|
|
89
|
+
setFolderCrumbs(crumbs);
|
|
90
|
+
onNavigate(folderToPath(crumbs));
|
|
91
|
+
}, [onNavigate]);
|
|
92
|
+
const openWorkflow = useCallback((id, crumbs) => {
|
|
93
|
+
setFolderCrumbs(crumbs);
|
|
94
|
+
onNavigate(`w/${id}`);
|
|
95
|
+
}, [onNavigate]);
|
|
96
|
+
const openRun = useCallback((executionId) => onNavigate(`runs/${executionId}`), [onNavigate]);
|
|
97
|
+
const backToBrowser = useCallback(() => onNavigate(folderToPath(folderCrumbs)), [folderCrumbs, onNavigate]);
|
|
98
|
+
const goToCrumb = (index) => goFolder(index < 0 ? [] : folderCrumbs.slice(0, index + 1));
|
|
99
|
+
const handleSave = useCallback(async (config, summary) => {
|
|
100
|
+
if (!detail)
|
|
101
|
+
return;
|
|
102
|
+
await client.workflows.update(detail.workflowId, { config });
|
|
103
|
+
setDetail((prev) => prev ? { ...prev, config, ...(summary != null ? { summary } : {}) } : prev);
|
|
104
|
+
}, [client, detail]);
|
|
105
|
+
let detailView = null;
|
|
106
|
+
if (route.kind === 'run') {
|
|
107
|
+
detailView = (_jsx(ExecutionViewer, { executionId: route.executionId, selectedStepId: route.nodeId ?? null, viewMode: search?.view ?? 'tabs', onViewModeChange: (m) => onNavigate(runToPath(route.executionId, route.nodeId), { view: m === 'graph' ? 'graph' : undefined }, true), onSelectStep: (node, replace) => onNavigate(runToPath(route.executionId, node ?? undefined), { view: search?.view }, replace ?? false), onBack: () => {
|
|
108
|
+
if (typeof window !== 'undefined')
|
|
109
|
+
window.history.back();
|
|
110
|
+
}, onRerunSuccess: (newId) => openRun(newId) }));
|
|
111
|
+
}
|
|
112
|
+
else if (route.kind === 'workflow') {
|
|
113
|
+
detailView =
|
|
114
|
+
detail?.workflowId === route.workflowId ? (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 border-b border-[var(--wui-border)] bg-[var(--wui-bg)] px-5 py-2.5", children: [_jsx("button", { type: "button", "aria-label": "Back", onClick: backToBrowser, className: "grid h-7 w-7 place-items-center rounded-md text-[var(--wui-fg-muted)] transition-colors hover:bg-[color-mix(in_srgb,var(--wui-fg)_6%,transparent)] hover:text-[var(--wui-fg)]", children: _jsx(ArrowLeft, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }), _jsxs("nav", { className: "flex min-w-0 items-center gap-1 text-[13px] text-[var(--wui-fg-muted)]", children: [_jsx("button", { type: "button", onClick: () => goToCrumb(-1), className: "rounded-md px-1.5 py-0.5 transition-colors hover:bg-[color-mix(in_srgb,var(--wui-fg)_6%,transparent)] hover:text-[var(--wui-fg)]", children: "Workflows" }), folderCrumbs.map((seg, i) => (_jsxs("span", { className: "flex min-w-0 items-center gap-1", children: [_jsx("span", { className: "select-none text-[var(--wui-fg-muted)]/60", children: "\u203A" }), _jsx("button", { type: "button", onClick: () => goToCrumb(i), className: "max-w-[24ch] truncate rounded-md px-1.5 py-0.5 transition-colors hover:bg-[color-mix(in_srgb,var(--wui-fg)_6%,transparent)] hover:text-[var(--wui-fg)]", title: seg.name, children: seg.name })] }, seg.id))), _jsxs("span", { className: "flex min-w-0 items-center gap-1", children: [_jsx("span", { className: "select-none text-[var(--wui-fg-muted)]/60", children: "\u203A" }), _jsx("span", { className: "max-w-[32ch] truncate rounded-md px-1.5 py-0.5 font-medium text-[var(--wui-fg)]", title: detail.name, children: detail.name })] })] })] }), _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(WorkflowDashboard, { view: route.view, onViewChange: (v) => onNavigate(v === 'builder' ? `w/${route.workflowId}/edit` : `w/${route.workflowId}`), onViewRun: openRun, workflowId: detail.workflowId, workflowConfig: detail.config, summary: detail.summary, onSave: handleSave, ...(aiBuilderClient ? { aiBuilderClient } : {}), ...(detail.permittedActions
|
|
115
|
+
? { permittedActions: detail.permittedActions }
|
|
116
|
+
: {}) }) })] })) : (_jsx("div", { className: "flex h-full items-center justify-center text-[13px] text-[var(--wui-fg-muted)]", children: "Loading\u2026" }));
|
|
117
|
+
}
|
|
118
|
+
const tab = route.kind === 'home' ? route.tab : 'workflows';
|
|
119
|
+
return (_jsx(WorkflowHome, { ...(className ? { className } : {}), tab: tab, onTabChange: goTab, path: folderCrumbs, onPathChange: goFolder, onSelectWorkflow: openWorkflow, onViewRun: (id) => openRun(id), approvalId: route.kind === 'home' && route.tab === 'approvals' ? (route.approvalId ?? null) : null, onApprovalSelect: (id) => onNavigate(id ? `approvals/${id}` : 'approvals'), ...(onToast ? { onToast } : {}), ...(detailView ? { detailView } : {}) }));
|
|
120
|
+
}
|
|
121
|
+
//# sourceMappingURL=WorkflowApp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WorkflowApp.js","sourceRoot":"","sources":["../../../src/components/workflows/WorkflowApp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,15 @@ export interface WorkflowHomeProps {
|
|
|
7
7
|
onPathChange: (path: FolderCrumb[]) => void;
|
|
8
8
|
onSelectWorkflow: (workflowId: string, path: FolderCrumb[]) => void;
|
|
9
9
|
onViewRun: (executionId: string, workflowName: string) => void;
|
|
10
|
+
/** Controlled approval selection (for URL sync) — threaded to the Approvals tab. */
|
|
11
|
+
approvalId?: string | null | undefined;
|
|
12
|
+
onApprovalSelect?: ((id: string | null) => void) | undefined;
|
|
10
13
|
onToast?: (kind: 'success' | 'error', message: string) => void;
|
|
11
|
-
/** Which tab opens first. */
|
|
14
|
+
/** Which tab opens first (uncontrolled). */
|
|
12
15
|
defaultTab?: WorkflowHomeTab;
|
|
16
|
+
/** Controlled active tab; with onTabChange the parent (router) owns it. */
|
|
17
|
+
tab?: WorkflowHomeTab;
|
|
18
|
+
onTabChange?: (tab: WorkflowHomeTab) => void;
|
|
13
19
|
/** When provided, fills the content area (below the tab bar) instead of the active tab. */
|
|
14
20
|
detailView?: ReactNode | undefined;
|
|
15
21
|
/** Called when a tab is clicked while a detailView is open, so the host can close it. */
|
|
@@ -23,5 +29,5 @@ export interface WorkflowHomeProps {
|
|
|
23
29
|
* pending-approval count surfaces as a badge on the Approvals tab rather
|
|
24
30
|
* than an in-list banner.
|
|
25
31
|
*/
|
|
26
|
-
export declare function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun, onToast, defaultTab, detailView, onLeaveDetail, className, }: WorkflowHomeProps): import("react").JSX.Element;
|
|
32
|
+
export declare function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun, approvalId, onApprovalSelect, onToast, defaultTab, tab: controlledTab, onTabChange, detailView, onLeaveDetail, className, }: WorkflowHomeProps): import("react").JSX.Element;
|
|
27
33
|
//# sourceMappingURL=WorkflowHome.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowHome.d.ts","sourceRoot":"","sources":["../../../src/components/workflows/WorkflowHome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACpE,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,
|
|
1
|
+
{"version":3,"file":"WorkflowHome.d.ts","sourceRoot":"","sources":["../../../src/components/workflows/WorkflowHome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACpE,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,4CAA4C;IAC5C,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,2EAA2E;IAC3E,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,2FAA2F;IAC3F,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,UAAwB,EACxB,GAAG,EAAE,aAAa,EAClB,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,+BAoFnB"}
|
|
@@ -17,18 +17,24 @@ const TABS = [
|
|
|
17
17
|
* pending-approval count surfaces as a badge on the Approvals tab rather
|
|
18
18
|
* than an in-list banner.
|
|
19
19
|
*/
|
|
20
|
-
export function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun, onToast, defaultTab = 'workflows', detailView, onLeaveDetail, className, }) {
|
|
21
|
-
const [
|
|
20
|
+
export function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun, approvalId, onApprovalSelect, onToast, defaultTab = 'workflows', tab: controlledTab, onTabChange, detailView, onLeaveDetail, className, }) {
|
|
21
|
+
const [internalTab, setInternalTab] = useState(defaultTab);
|
|
22
|
+
const tab = controlledTab ?? internalTab;
|
|
23
|
+
const selectTab = (key) => {
|
|
24
|
+
if (detailView)
|
|
25
|
+
onLeaveDetail?.();
|
|
26
|
+
onTabChange?.(key);
|
|
27
|
+
setInternalTab(key);
|
|
28
|
+
};
|
|
22
29
|
const polledCount = useApprovalCount();
|
|
23
30
|
const [liveCount, setLiveCount] = useState(null);
|
|
24
31
|
const approvalCount = liveCount ?? polledCount;
|
|
25
32
|
return (_jsxs("div", { className: cn('flex h-full min-h-0 flex-col bg-[var(--wui-bg)]', className), children: [_jsx("div", { role: "tablist", "aria-label": "Workflow sections", className: "flex shrink-0 items-center gap-1 border-b border-[var(--wui-border)] px-4", children: TABS.map(({ key, label }) => {
|
|
26
33
|
const active = tab === key;
|
|
27
34
|
const showBadge = key === 'approvals' && approvalCount > 0;
|
|
28
|
-
return (_jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => {
|
|
29
|
-
onLeaveDetail?.(); setTab(key); }, className: cn('relative -mb-px flex items-center gap-2 border-b-2 px-3 py-3 text-[13px] font-medium transition-colors', active
|
|
35
|
+
return (_jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => { selectTab(key); }, className: cn('relative -mb-px flex items-center gap-2 border-b-2 px-3 py-3 text-[13px] font-medium transition-colors', active
|
|
30
36
|
? 'border-[var(--wui-primary)] text-[var(--wui-fg)]'
|
|
31
37
|
: 'border-transparent text-[var(--wui-fg-muted)] hover:text-[var(--wui-fg)]'), children: [label, showBadge && (_jsx("span", { className: "flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-[var(--wui-primary)] px-1.5 text-[11px] font-semibold leading-none text-[var(--wui-primary-fg)]", "aria-label": `${approvalCount} pending`, children: approvalCount > 99 ? '99+' : approvalCount }))] }, key));
|
|
32
|
-
}) }), _jsx("div", { className: "min-h-0 flex-1", children: detailView ?? (_jsxs(_Fragment, { children: [tab === 'workflows' && (_jsx(WorkflowBrowser, { className: "h-full", hideApprovals: true, path: path, onPathChange: onPathChange, onSelectWorkflow: onSelectWorkflow, onViewRun: onViewRun, ...(onToast ? { onToast } : {}) })), tab === 'executions' && (_jsx(RunsView, { className: "h-full", onSelectExecution: (id) => onViewRun(id, 'Execution') })), tab === 'approvals' && (_jsx(ApprovalsView, { className: "h-full", onViewRun: onViewRun, onCountChange: setLiveCount }))] })) })] }));
|
|
38
|
+
}) }), _jsx("div", { className: "min-h-0 flex-1", children: detailView ?? (_jsxs(_Fragment, { children: [tab === 'workflows' && (_jsx(WorkflowBrowser, { className: "h-full", hideApprovals: true, path: path, onPathChange: onPathChange, onSelectWorkflow: onSelectWorkflow, onViewRun: onViewRun, ...(onToast ? { onToast } : {}) })), tab === 'executions' && (_jsx(RunsView, { className: "h-full", onSelectExecution: (id) => onViewRun(id, 'Execution') })), tab === 'approvals' && (_jsx(ApprovalsView, { className: "h-full", onViewRun: onViewRun, onCountChange: setLiveCount, selectedId: approvalId, ...(onApprovalSelect ? { onSelect: onApprovalSelect } : {}) }))] })) })] }));
|
|
33
39
|
}
|
|
34
40
|
//# sourceMappingURL=WorkflowHome.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowHome.js","sourceRoot":"","sources":["../../../src/components/workflows/WorkflowHome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAoB,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"WorkflowHome.js","sourceRoot":"","sources":["../../../src/components/workflows/WorkflowHome.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
* </WorkflowUIProvider>
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
|
-
export { WorkflowUIProvider, useWorkflowUI, useSlot, cn, StatusBadge, EmptyState, LoadingSpinner, ErrorBoundary, WorkflowBuilder, computeLayout, SchemaFormRenderer, RunsView, RunsTable, RunsFilters, ExecutionViewer, ExecutionTree, ExecutionHeader, StepDetailPanel, SummaryPanel, SidePanelShell, PauseInteractionPanel, SchemaAwareRenderer, WorkflowDashboard, SummaryButton, SummaryDialog, MarkdownView, CitationArrow, CitationMarks, AppShell, Sidebar, Breadcrumb, PageHeader, AutomationCard, AutomationListView, CreateWorkflowDialog, AnalyticsDashboard, WorkflowBrowser, WorkflowHome, } from './components/index.js';
|
|
20
|
-
export type { WorkflowUIConfig, StatusBadgeProps, StatusVariant, EmptyStateProps, LoadingSpinnerProps, ErrorBoundaryProps, WorkflowBuilderProps, LayoutNode, LayoutEdge, LayoutResult, SchemaFormRendererProps, RunsViewProps, RunsTableProps, RunsFiltersProps, ExecutionViewerProps, ExecutionTreeProps, ExecutionHeaderProps, StepDetailPanelProps, SummaryPanelProps, SidePanelShellProps, PauseInteractionPanelProps, SchemaAwareRendererProps, WorkflowDashboardProps, SummaryButtonProps, SummaryDialogProps, MarkdownViewProps, CitationArrowProps, CitationMarksProps, AppShellProps, SidebarProps, SidebarItem, BreadcrumbProps, BreadcrumbItem, PageHeaderProps, AutomationCardProps, AutomationListViewProps, CreateWorkflowDialogProps, AnalyticsDashboardProps, WorkflowBrowserProps, FolderCrumb, WorkflowHomeProps, WorkflowHomeTab, } from './components/index.js';
|
|
19
|
+
export { WorkflowUIProvider, useWorkflowUI, useSlot, cn, StatusBadge, EmptyState, LoadingSpinner, ErrorBoundary, WorkflowBuilder, computeLayout, SchemaFormRenderer, RunsView, RunsTable, RunsFilters, ExecutionViewer, ExecutionTree, ExecutionHeader, StepDetailPanel, SummaryPanel, SidePanelShell, PauseInteractionPanel, SchemaAwareRenderer, WorkflowDashboard, SummaryButton, SummaryDialog, MarkdownView, CitationArrow, CitationMarks, AppShell, Sidebar, Breadcrumb, PageHeader, AutomationCard, AutomationListView, CreateWorkflowDialog, AnalyticsDashboard, WorkflowBrowser, WorkflowHome, WorkflowApp, } from './components/index.js';
|
|
20
|
+
export type { WorkflowUIConfig, StatusBadgeProps, StatusVariant, EmptyStateProps, LoadingSpinnerProps, ErrorBoundaryProps, WorkflowBuilderProps, LayoutNode, LayoutEdge, LayoutResult, SchemaFormRendererProps, RunsViewProps, RunsTableProps, RunsFiltersProps, ExecutionViewerProps, ExecutionTreeProps, ExecutionHeaderProps, StepDetailPanelProps, SummaryPanelProps, SidePanelShellProps, PauseInteractionPanelProps, SchemaAwareRendererProps, WorkflowDashboardProps, SummaryButtonProps, SummaryDialogProps, MarkdownViewProps, CitationArrowProps, CitationMarksProps, AppShellProps, SidebarProps, SidebarItem, BreadcrumbProps, BreadcrumbItem, PageHeaderProps, AutomationCardProps, AutomationListViewProps, CreateWorkflowDialogProps, AnalyticsDashboardProps, WorkflowBrowserProps, FolderCrumb, WorkflowHomeProps, WorkflowHomeTab, WorkflowAppProps, } from './components/index.js';
|
|
21
21
|
export { canPerform, isPermissionDenied, friendlyMutationError } from './utils/permissions.js';
|
|
22
22
|
export { useAnalytics } from './hooks/use-analytics.js';
|
|
23
23
|
export { useApprovalCount } from './hooks/use-approval-count.js';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAEL,kBAAkB,EAClB,aAAa,EACb,OAAO,EAEP,EAAE,EACF,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EAEb,eAAe,EACf,aAAa,EAEb,kBAAkB,EAElB,QAAQ,EACR,SAAS,EACT,WAAW,EAEX,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EAEb,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EAEV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EAEpB,kBAAkB,EAElB,eAAe,EACf,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAEL,kBAAkB,EAClB,aAAa,EACb,OAAO,EAEP,EAAE,EACF,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EAEb,eAAe,EACf,aAAa,EAEb,kBAAkB,EAElB,QAAQ,EACR,SAAS,EACT,WAAW,EAEX,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EAEb,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EAEV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EAEpB,kBAAkB,EAElB,eAAe,EACf,YAAY,EACZ,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,uBAAuB,EACvB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAElB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EAEf,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EAEzB,uBAAuB,EAEvB,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/F,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGlG,YAAY,EACV,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC"}
|