@quanticjs/workflow-ui 0.1.0

package/dist/components/ProcessTimeline/ProcessTimeline.d.ts

@@ -0,0 +1,7 @@
+export interface ProcessTimelineProps {
+    instanceId: string;
+    limit?: number;
+    className?: string;
+}
+export declare function ProcessTimeline({ instanceId, limit, className }: ProcessTimelineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProcessTimeline.d.ts.map

package/dist/components/ProcessTimeline/ProcessTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/ProcessTimeline.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,KAAU,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA4G1F"}

package/dist/components/ProcessTimeline/ProcessTimeline.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { useProcessTimeline } from '../../hooks/useProcessTimeline';
+import { isApiError } from '@quanticjs/react-core';
+import { TimelineEntry } from './TimelineEntry';
+import { ProcessTimelineSkeleton } from './ProcessTimelineSkeleton';
+export function ProcessTimeline({ instanceId, limit = 20, className }) {
+    const [cursor, setCursor] = useState(null);
+    const [accumulatedEntries, setAccumulatedEntries] = useState([]);
+    const prevDataRef = useRef(null);
+    const { data, isLoading, isError, error, refetch } = useProcessTimeline(instanceId, {
+        limit,
+        cursor,
+    });
+    useEffect(() => {
+        if (!data?.items || data.items === prevDataRef.current)
+            return;
+        prevDataRef.current = data.items;
+        if (!cursor) {
+            setAccumulatedEntries(data.items);
+        }
+        else {
+            setAccumulatedEntries((prev) => {
+                const existingIds = new Set(prev.map((e) => e.id));
+                const newEntries = data.items.filter((e) => !existingIds.has(e.id));
+                return [...prev, ...newEntries];
+            });
+        }
+    }, [data, cursor]);
+    const handleLoadMore = useCallback(() => {
+        if (data?.cursor) {
+            setCursor(data.cursor);
+        }
+    }, [data?.cursor]);
+    const hasMore = data?.hasMore ?? false;
+    if (isLoading && accumulatedEntries.length === 0) {
+        return _jsx(ProcessTimelineSkeleton, { count: Math.min(limit, 5), className: className });
+    }
+    if (isError && accumulatedEntries.length === 0) {
+        const correlationId = error && isApiError(error) ? error.correlationId : undefined;
+        return (_jsxs("div", { className: `rounded-lg border border-destructive/30 bg-destructive/5 px-5 py-6 text-center ${className ?? ''}`, "data-component": "process-timeline-error", role: "alert", children: [_jsx("p", { className: "text-sm font-medium text-destructive", children: "Something went wrong loading timeline" }), correlationId && (_jsxs("p", { "data-field": "error-ref", className: "mt-1 text-xs text-muted-foreground", children: ["Reference: ", correlationId] })), _jsx("button", { type: "button", onClick: () => refetch(), "aria-label": "Retry loading timeline", className: "mt-4 rounded-md border border-destructive/30 bg-background px-4 py-1.5 text-sm font-medium text-destructive transition-colors hover:bg-destructive/10", children: "Retry" })] }));
+    }
+    if (!isLoading && accumulatedEntries.length === 0) {
+        return (_jsx("div", { className: `rounded-lg border border-dashed border-border bg-card px-5 py-8 text-center ${className ?? ''}`, "data-component": "process-timeline-empty", role: "status", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No timeline events" }) }));
+    }
+    return (_jsxs("div", { className: `space-y-5 ${className ?? ''}`, "data-component": "process-timeline", children: [_jsx("p", { className: "text-[11px] font-bold uppercase tracking-widest text-muted-foreground", children: "Process Timeline" }), _jsx("ol", { "aria-label": "Process timeline", className: "flex flex-col", children: accumulatedEntries.map((entry, i) => (_jsx(TimelineEntry, { entry: entry, isLast: i === accumulatedEntries.length - 1 && !hasMore }, entry.id))) }), hasMore && (_jsx("button", { type: "button", onClick: handleLoadMore, disabled: isLoading, "data-slot": "load-more", "aria-label": "Load more timeline entries", className: "ml-14 text-sm font-medium text-primary transition-colors hover:text-primary/80 disabled:opacity-50", children: isLoading ? 'Loading...' : 'Load more' }))] }));
+}
+//# sourceMappingURL=ProcessTimeline.js.map

package/dist/components/ProcessTimeline/ProcessTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimeline.js","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/ProcessTimeline.tsx"],"names":[],"mappings":"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"}

package/dist/components/ProcessTimeline/ProcessTimelineSkeleton.d.ts

@@ -0,0 +1,6 @@
+export interface ProcessTimelineSkeletonProps {
+    count?: number;
+    className?: string;
+}
+export declare const ProcessTimelineSkeleton: import("react").ForwardRefExoticComponent<ProcessTimelineSkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ProcessTimelineSkeleton.d.ts.map

package/dist/components/ProcessTimeline/ProcessTimelineSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimelineSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/ProcessTimelineSkeleton.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,yHA2DnC,CAAC"}

package/dist/components/ProcessTimeline/ProcessTimelineSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const ProcessTimelineSkeleton = forwardRef(function ProcessTimelineSkeleton({ count = 5, className }, ref) {
+    return (_jsxs("div", { ref: ref, className: `space-y-5 ${className ?? ''}`, role: "status", "aria-label": "Loading timeline", children: [_jsx("span", { className: "sr-only", children: "Loading timeline..." }), _jsx("div", { className: "h-3 w-28 animate-pulse rounded bg-muted" }), _jsx("ol", { "aria-hidden": "true", className: "flex flex-col", "data-skeleton": "timeline", children: Array.from({ length: count }, (_, i) => (_jsxs("li", { className: "flex gap-4", "data-skeleton": "true", children: [_jsxs("div", { className: "flex w-10 shrink-0 flex-col items-center", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-2xl bg-muted" }), i < count - 1 && (_jsx("div", { className: "my-1.5 w-px flex-1 bg-border", style: { minHeight: '24px' } }))] }), _jsx("div", { className: "mb-4 flex-1 rounded-2xl border border-border bg-card px-5 py-4 shadow-sm", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex-1 space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-5 w-20 animate-pulse rounded-md bg-muted", "data-skeleton-line": "transition" }), _jsx("div", { className: "h-3.5 w-3.5 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-5 w-24 animate-pulse rounded-md bg-muted", "data-skeleton-line": "transition" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-3 w-16 animate-pulse rounded bg-muted", "data-skeleton-line": "meta" }), _jsx("div", { className: "h-4 w-20 animate-pulse rounded-md bg-muted", "data-skeleton-line": "meta" })] })] }), _jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted", "data-skeleton-line": "timestamp" })] }) })] }, i))) })] }));
+});
+//# sourceMappingURL=ProcessTimelineSkeleton.js.map

package/dist/components/ProcessTimeline/ProcessTimelineSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimelineSkeleton.js","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/ProcessTimelineSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOnC,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAC/C,SAAS,uBAAuB,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG;IAC5D,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,SAAS,IAAI,EAAE,EAAE,EACzC,IAAI,EAAC,QAAQ,gBACF,kBAAkB,aAE7B,eAAM,SAAS,EAAC,SAAS,oCAA2B,EACpD,cAAK,SAAS,EAAC,yCAAyC,GAAG,EAC3D,4BAAgB,MAAM,EAAC,SAAS,EAAC,eAAe,mBAAe,UAAU,YACtE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,cAAY,SAAS,EAAC,YAAY,mBAAe,MAAM,aAErD,eAAK,SAAS,EAAC,0CAA0C,aACvD,cAAK,SAAS,EAAC,8CAA8C,GAAG,EAC/D,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAChB,cAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,CAC/E,IACG,EAEN,cAAK,SAAS,EAAC,0EAA0E,YACvF,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,SAAS,EAAC,4CAA4C,wBACnC,YAAY,GAC/B,EACF,cAAK,SAAS,EAAC,4CAA4C,GAAG,EAC9D,cACE,SAAS,EAAC,4CAA4C,wBACnC,YAAY,GAC/B,IACE,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,SAAS,EAAC,yCAAyC,wBAChC,MAAM,GACzB,EACF,cACE,SAAS,EAAC,4CAA4C,wBACnC,MAAM,GACzB,IACE,IACF,EACN,cACE,SAAS,EAAC,yCAAyC,wBAChC,WAAW,GAC9B,IACE,GACF,KAvCC,CAAC,CAwCL,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/ProcessTimeline/TimelineEntry.d.ts

@@ -0,0 +1,8 @@
+import type { TimelineEntry as TimelineEntryType } from '../../types';
+export interface TimelineEntryProps {
+    entry: TimelineEntryType;
+    isLast?: boolean;
+    className?: string;
+}
+export declare const TimelineEntry: import("react").ForwardRefExoticComponent<TimelineEntryProps & import("react").RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=TimelineEntry.d.ts.map

package/dist/components/ProcessTimeline/TimelineEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineEntry.d.ts","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/TimelineEntry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAuB,MAAM,aAAa,CAAC;AAE3F,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmED,eAAO,MAAM,aAAa,8GAuJxB,CAAC"}

package/dist/components/ProcessTimeline/TimelineEntry.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+function formatTimestamp(iso) {
+    const date = new Date(iso);
+    return date.toLocaleString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+    });
+}
+function iconClasses(triggerType) {
+    switch (triggerType) {
+        case 'user':
+            return 'bg-amber-500';
+        case 'error':
+            return 'bg-red-500';
+        case 'completion':
+            return 'bg-emerald-500';
+        case 'system':
+        default:
+            return 'bg-muted';
+    }
+}
+function iconSvgColor(triggerType) {
+    switch (triggerType) {
+        case 'user':
+        case 'error':
+        case 'completion':
+            return 'text-white';
+        case 'system':
+        default:
+            return 'text-muted-foreground';
+    }
+}
+function badgeClasses(triggerType) {
+    switch (triggerType) {
+        case 'user':
+            return 'bg-amber-100 text-amber-700 dark:bg-amber-400/15 dark:text-amber-400';
+        case 'error':
+            return 'bg-red-100 text-red-600 dark:bg-red-500/15 dark:text-red-400';
+        case 'completion':
+            return 'bg-emerald-100 text-emerald-700 dark:bg-emerald-400/15 dark:text-emerald-400';
+        case 'system':
+        default:
+            return 'bg-muted text-muted-foreground';
+    }
+}
+function getTriggerLabel(triggerType) {
+    switch (triggerType) {
+        case 'user':
+            return 'User action';
+        case 'error':
+            return 'Error';
+        case 'completion':
+            return 'Completed';
+        case 'system':
+            return 'System';
+        default:
+            return 'System';
+    }
+}
+export const TimelineEntry = forwardRef(function TimelineEntry({ entry, isLast = false, className }, ref) {
+    return (_jsxs("li", { ref: ref, className: `flex gap-4 ${className ?? ''}`, "data-component": "timeline-entry", "data-color": entry.triggerType ?? 'system', children: [_jsxs("div", { className: "flex w-10 shrink-0 flex-col items-center", children: [_jsx("div", { "data-slot": "marker", "aria-hidden": "true", className: `flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl shadow-sm ${iconClasses(entry.triggerType)}`, children: entry.triggerType === 'user' ? (_jsx("svg", { className: `h-4 w-4 ${iconSvgColor(entry.triggerType)}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) })) : entry.triggerType === 'error' ? (_jsx("svg", { className: `h-4 w-4 ${iconSvgColor(entry.triggerType)}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) })) : entry.triggerType === 'completion' ? (_jsx("svg", { className: `h-4 w-4 ${iconSvgColor(entry.triggerType)}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : (_jsx("svg", { className: `h-4 w-4 ${iconSvgColor(entry.triggerType)}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) }), !isLast && _jsx("div", { className: "my-1.5 w-px flex-1 bg-border", style: { minHeight: '24px' } })] }), _jsx("div", { "data-slot": "content", className: "mb-4 flex-1 rounded-2xl border border-border bg-card px-5 py-4 shadow-sm transition-all", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "rounded-md bg-muted px-2 py-0.5 font-mono text-[11px] font-semibold text-muted-foreground", "data-field": "from-state", children: entry.fromState }), _jsx("svg", { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/50", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 8l4 4m0 0l-4 4m4-4H3" }) }), _jsx("span", { className: "rounded-md bg-muted px-2 py-0.5 font-mono text-[11px] font-bold text-foreground", "data-field": "to-state", children: entry.toState }), entry.signal && (_jsxs("span", { "data-field": "signal", className: "text-[11px] italic text-muted-foreground", children: ["\u00B7 ", entry.signal] }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [entry.taskName && (_jsxs("span", { "data-field": "task-name", className: "text-[11px] text-muted-foreground", children: ["Task: ", _jsx("span", { className: "font-semibold", children: entry.taskName })] })), _jsx("span", { "data-field": "triggered-by", className: "text-[11px] font-semibold text-foreground", children: entry.user ?? 'system' }), _jsx("span", { "data-badge": "trigger-type", className: `rounded-md px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider ${badgeClasses(entry.triggerType)}`, children: getTriggerLabel(entry.triggerType) })] })] }), _jsx("time", { dateTime: entry.timestamp, "data-field": "timestamp", className: "shrink-0 text-[11px] font-medium text-muted-foreground", children: formatTimestamp(entry.timestamp) })] }) })] }));
+});
+//# sourceMappingURL=TimelineEntry.js.map

package/dist/components/ProcessTimeline/TimelineEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineEntry.js","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/TimelineEntry.tsx"],"names":[],"mappings":"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"}

package/dist/components/ProcessTimeline/index.d.ts

@@ -0,0 +1,4 @@
+export { ProcessTimeline, type ProcessTimelineProps } from './ProcessTimeline';
+export { TimelineEntry, type TimelineEntryProps } from './TimelineEntry';
+export { ProcessTimelineSkeleton, type ProcessTimelineSkeletonProps, } from './ProcessTimelineSkeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProcessTimeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC"}

package/dist/components/ProcessTimeline/index.js

@@ -0,0 +1,4 @@
+export { ProcessTimeline } from './ProcessTimeline';
+export { TimelineEntry } from './TimelineEntry';
+export { ProcessTimelineSkeleton, } from './ProcessTimelineSkeleton';
+//# sourceMappingURL=index.js.map

package/dist/components/ProcessTimeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProcessTimeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC"}

package/dist/components/TaskActions/ConfirmationDialog.d.ts

@@ -0,0 +1,8 @@
+export interface ConfirmationDialogProps {
+    open: boolean;
+    actionName: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function ConfirmationDialog({ open, actionName, onConfirm, onCancel, }: ConfirmationDialogProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConfirmationDialog.d.ts.map

package/dist/components/TaskActions/ConfirmationDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/TaskActions/ConfirmationDialog.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,kDAsFzB"}

package/dist/components/TaskActions/ConfirmationDialog.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+export function ConfirmationDialog({ open, actionName, onConfirm, onCancel, }) {
+    const dialogRef = useRef(null);
+    const cancelRef = useRef(null);
+    useEffect(() => {
+        if (open) {
+            cancelRef.current?.focus();
+        }
+    }, [open]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onCancel();
+                return;
+            }
+            if (e.key === 'Tab') {
+                const dialog = dialogRef.current;
+                if (!dialog)
+                    return;
+                const focusable = dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length === 0)
+                    return;
+                const first = focusable[0];
+                const last = focusable[focusable.length - 1];
+                if (e.shiftKey && document.activeElement === first) {
+                    e.preventDefault();
+                    last.focus();
+                }
+                else if (!e.shiftKey && document.activeElement === last) {
+                    e.preventDefault();
+                    first.focus();
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, onCancel]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", "data-component": "confirmation-dialog", children: [_jsx("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true", onClick: onCancel }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": "confirm-dialog-title", "aria-describedby": "confirm-dialog-desc", ref: dialogRef, className: "relative z-10 w-full max-w-md rounded-lg border border-border bg-card px-6 py-5 shadow-lg", children: [_jsx("h2", { id: "confirm-dialog-title", className: "text-lg font-semibold text-foreground", children: "Confirm action" }), _jsxs("p", { id: "confirm-dialog-desc", className: "mt-2 text-sm text-muted-foreground", children: ["Are you sure you want to ", actionName, "? This action cannot be undone."] }), _jsxs("div", { "data-slot": "actions", className: "mt-5 flex justify-end gap-3", children: [_jsx("button", { ref: cancelRef, type: "button", onClick: onCancel, "data-variant": "outline", className: "rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-accent", children: "Cancel" }), _jsx("button", { type: "button", onClick: onConfirm, "data-variant": "destructive", className: "rounded-md bg-destructive px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-destructive/90", children: "Confirm" })] })] })] }));
+}
+//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/components/TaskActions/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sourceRoot":"","sources":["../../../src/components/TaskActions/ConfirmationDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/TaskActions/TaskActions.d.ts

@@ -0,0 +1,10 @@
+import type { TaskAction } from '../../types';
+export interface TaskActionsProps {
+    actions: TaskAction[];
+    userRoles: string[];
+    onAction: (actionName: string) => void;
+    loading?: boolean;
+    className?: string;
+}
+export declare function TaskActions({ actions, userRoles, onAction, loading, className, }: TaskActionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TaskActions.d.ts.map

package/dist/components/TaskActions/TaskActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskActions.d.ts","sourceRoot":"","sources":["../../../src/components/TaskActions/TaskActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAe,EACf,SAAS,GACV,EAAE,gBAAgB,kDAyFlB"}

package/dist/components/TaskActions/TaskActions.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { ConfirmationDialog } from './ConfirmationDialog';
+const DESTRUCTIVE_PATTERNS = /reject|abort|cancel/i;
+function isDestructive(actionName) {
+    return DESTRUCTIVE_PATTERNS.test(actionName);
+}
+export function TaskActions({ actions, userRoles, onAction, loading = false, className, }) {
+    const [pendingAction, setPendingAction] = useState(null);
+    const [activeAction, setActiveAction] = useState(null);
+    const filteredActions = actions.filter((action) => {
+        if (!action.roles || action.roles.length === 0)
+            return true;
+        return action.roles.some((role) => userRoles.includes(role));
+    });
+    const handleClick = useCallback((actionName) => {
+        if (loading)
+            return;
+        if (isDestructive(actionName)) {
+            setPendingAction(actionName);
+            return;
+        }
+        setActiveAction(actionName);
+        onAction(actionName);
+    }, [loading, onAction]);
+    const handleConfirm = useCallback(() => {
+        if (pendingAction) {
+            setActiveAction(pendingAction);
+            onAction(pendingAction);
+            setPendingAction(null);
+        }
+    }, [pendingAction, onAction]);
+    const handleCancel = useCallback(() => {
+        setPendingAction(null);
+    }, []);
+    if (filteredActions.length === 0)
+        return null;
+    return (_jsxs("div", { className: `flex flex-wrap gap-3 ${className ?? ''}`, "data-component": "task-actions", role: "group", "aria-label": "Task actions", children: [filteredActions.map((action, index) => {
+                const isPrimary = index === 0;
+                const destructive = isDestructive(action.name);
+                const isActive = loading && activeAction === action.name;
+                const baseClasses = 'inline-flex items-center gap-2 rounded-xl px-7 py-2.5 text-sm font-bold transition-colors disabled:opacity-50';
+                const variantClasses = destructive
+                    ? 'border-2 border-destructive text-destructive hover:bg-destructive/5'
+                    : isPrimary
+                        ? 'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90'
+                        : 'border border-border bg-background text-foreground hover:bg-accent';
+                return (_jsxs("button", { type: "button", onClick: () => handleClick(action.name), disabled: loading, className: `${baseClasses} ${variantClasses}`, "data-variant": destructive ? 'destructive' : isPrimary ? 'primary' : 'outline', "aria-label": `${action.label} task`, children: [isActive && (_jsx("span", { role: "status", "aria-label": "Processing", "data-spinner": "true", className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" })), action.label] }, action.name));
+            }), _jsx(ConfirmationDialog, { open: pendingAction !== null, actionName: pendingAction ?? '', onConfirm: handleConfirm, onCancel: handleCancel })] }));
+}
+//# sourceMappingURL=TaskActions.js.map

package/dist/components/TaskActions/TaskActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskActions.js","sourceRoot":"","sources":["../../../src/components/TaskActions/TaskActions.tsx"],"names":[],"mappings":"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"}

package/dist/components/TaskActions/index.d.ts

@@ -0,0 +1,3 @@
+export { TaskActions, type TaskActionsProps } from './TaskActions';
+export { ConfirmationDialog, type ConfirmationDialogProps } from './ConfirmationDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TaskActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/TaskActions/index.js

@@ -0,0 +1,3 @@
+export { TaskActions } from './TaskActions';
+export { ConfirmationDialog } from './ConfirmationDialog';
+//# sourceMappingURL=index.js.map

package/dist/components/TaskActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TaskActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAgC,MAAM,sBAAsB,CAAC"}

package/dist/components/TaskDetail/TaskDetail.d.ts

@@ -0,0 +1,8 @@
+import type { TaskDetail as TaskDetailType } from '../../types';
+export interface TaskDetailProps {
+    taskId: string;
+    onActionComplete?: (task: TaskDetailType, actionName: string) => void;
+    className?: string;
+}
+export declare function TaskDetail({ taskId, onActionComplete, className }: TaskDetailProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TaskDetail.d.ts.map

package/dist/components/TaskDetail/TaskDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDetail.d.ts","sourceRoot":"","sources":["../../../src/components/TaskDetail/TaskDetail.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAsB,MAAM,aAAa,CAAC;AASpF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,eAAe,2CAuPlF"}

package/dist/components/TaskDetail/TaskDetail.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { useTask } from '../../hooks/useTask';
+import { useTaskClaim } from '../../hooks/useTaskClaim';
+import { useTaskAction } from '../../hooks/useTaskAction';
+import { useWorkflowContext } from '../../provider/WorkflowProvider';
+import { isApiError } from '@quanticjs/react-core';
+import { WorkflowForm } from '../WorkflowForm';
+import { TaskActions } from '../TaskActions';
+import { ProcessTimeline } from '../ProcessTimeline';
+import { TaskDetailHeader } from './TaskDetailHeader';
+import { TaskDetailSkeleton } from './TaskDetailSkeleton';
+import { TaskDetailNotFound } from './TaskDetailNotFound';
+import { TaskDetailError } from './TaskDetailError';
+function toFormSchema(task) {
+    return {
+        fields: task.formSchema.map((f) => ({
+            name: f.key,
+            type: f.type,
+            label: f.label,
+            required: f.required,
+            options: f.options,
+            validation: f.validation,
+        })),
+    };
+}
+function isNotFoundError(error) {
+    return isApiError(error) && error.status === 404;
+}
+export function TaskDetail({ taskId, onActionComplete, className }) {
+    const { userContext, toast } = useWorkflowContext();
+    const [activeAction, setActiveAction] = useState(null);
+    const [pendingSubmit, setPendingSubmit] = useState(false);
+    const formRef = useRef(null);
+    const { data: task, isLoading, isError, error, refetch } = useTask(taskId);
+    const { claim } = useTaskClaim(taskId);
+    const actionMutation = useTaskAction(taskId);
+    useEffect(() => {
+        if (pendingSubmit && activeAction && formRef.current) {
+            formRef.current.requestSubmit();
+            setPendingSubmit(false);
+        }
+    }, [pendingSubmit, activeAction]);
+    const handleClaim = useCallback(() => {
+        claim.mutate(undefined, {
+            onError: (err) => {
+                if (isApiError(err) && err.status === 409) {
+                    toast({
+                        title: 'Task was claimed by another user',
+                        description: 'The task data has been refreshed.',
+                        variant: 'destructive',
+                    });
+                }
+            },
+        });
+    }, [claim, toast]);
+    const handleAction = useCallback((actionName) => {
+        setActiveAction(actionName);
+        if (formRef.current) {
+            setPendingSubmit(true);
+        }
+        else {
+            actionMutation.mutate({ actionName }, {
+                onSuccess: () => {
+                    setActiveAction(null);
+                    if (task)
+                        onActionComplete?.(task, actionName);
+                },
+                onError: () => {
+                    setActiveAction(null);
+                },
+            });
+        }
+    }, [actionMutation, task, onActionComplete]);
+    const handleFormSubmit = useCallback((data) => {
+        if (!activeAction)
+            return;
+        actionMutation.mutate({ actionName: activeAction, data }, {
+            onSuccess: () => {
+                const completedAction = activeAction;
+                setActiveAction(null);
+                if (task)
+                    onActionComplete?.(task, completedAction);
+            },
+            onError: () => {
+                setActiveAction(null);
+            },
+        });
+    }, [activeAction, actionMutation, task, onActionComplete]);
+    if (isLoading) {
+        return _jsx(TaskDetailSkeleton, { className: className });
+    }
+    if (isError) {
+        if (isNotFoundError(error)) {
+            return _jsx(TaskDetailNotFound, { className: className });
+        }
+        return _jsx(TaskDetailError, { error: error, onRetry: () => refetch(), className: className });
+    }
+    if (!task) {
+        return _jsx(TaskDetailNotFound, { className: className });
+    }
+    const isPending = task.status === 'pending';
+    const isInProgress = task.status === 'in_progress' || task.status === 'active';
+    const isCompleted = task.status === 'completed';
+    const isSuspended = task.status === 'suspended';
+    const isAssignee = task.assignedUser === userContext.userId;
+    const hasMatchingRole = userContext.roles.includes(task.assignedRole);
+    const filteredActions = task.actions.filter((action) => {
+        if (!action.roles || action.roles.length === 0)
+            return true;
+        return action.roles.some((role) => userContext.roles.includes(role));
+    });
+    const hasActions = filteredActions.length > 0;
+    return (_jsxs("div", { className: `space-y-4 ${className ?? ''}`, "data-component": "task-detail", "aria-live": "polite", children: [_jsx(TaskDetailHeader, { task: task }), isSuspended && (_jsx("div", { "data-slot": "suspended-message", role: "status", className: "rounded-2xl border border-border bg-muted/50 px-5 py-4 text-center text-sm text-muted-foreground shadow-sm", children: _jsx("p", { children: "Process suspended" }) })), isPending && hasMatchingRole && (_jsxs("div", { "data-slot": "claim-section", className: "flex flex-col items-center gap-3 rounded-2xl border border-dashed border-border bg-card px-6 py-8 text-center shadow-sm", children: [_jsx("svg", { className: "h-10 w-10 text-muted-foreground/50", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" }) }), _jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Claim this task" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "This task is available for your role. Claim it to start working." }), _jsxs("button", { type: "button", onClick: handleClaim, disabled: claim.isPending, className: "mt-2 inline-flex items-center gap-2 rounded-xl bg-primary px-7 py-2.5 text-sm font-bold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:opacity-50", "data-variant": "primary", "aria-label": "Claim task", children: [claim.isPending && (_jsx("span", { role: "status", "aria-label": "Processing", "data-spinner": "true", className: "h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground border-t-transparent" })), "Claim"] })] })), isPending && !hasMatchingRole && (_jsx("div", { "data-slot": "no-permission", role: "status", className: "rounded-2xl border border-border bg-muted/50 px-5 py-4 text-center text-sm text-muted-foreground shadow-sm", children: _jsx("p", { children: "You don't have permission to claim this task" }) })), isInProgress && !isAssignee && (_jsx("div", { "data-slot": "claimed-by-other", role: "status", className: "rounded-2xl border border-border bg-muted/50 px-5 py-4 text-center text-sm text-muted-foreground shadow-sm", children: _jsxs("p", { children: ["Claimed by ", task.assignedUserDisplayName ?? task.assignedUser] }) })), isInProgress && isAssignee && (_jsxs(_Fragment, { children: [_jsxs("div", { "data-slot": "form-section", className: "overflow-hidden rounded-2xl border border-border bg-card shadow-sm", children: [_jsx("div", { className: "border-b border-border px-6 py-4", children: _jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Task Details" }) }), _jsx("div", { className: "px-6 py-5", children: _jsx(WorkflowForm, { ref: formRef, schema: toFormSchema(task), initialValues: task.formData, onSubmit: handleFormSubmit, activeAction: activeAction ?? undefined }) })] }), hasActions ? (_jsx(TaskActions, { actions: task.actions, userRoles: userContext.roles, onAction: handleAction, loading: actionMutation.isPending })) : (_jsx("div", { "data-slot": "no-actions", role: "status", className: "rounded-2xl border border-border bg-muted/50 px-5 py-4 text-center text-sm text-muted-foreground shadow-sm", children: _jsx("p", { children: "No actions available for your role." }) }))] })), isCompleted && (_jsxs("div", { "data-slot": "completed-section", className: "space-y-4", children: [_jsx("span", { "data-badge": "outcome", className: "inline-flex items-center rounded-lg px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider bg-emerald-100 text-emerald-700 dark:bg-emerald-400/15 dark:text-emerald-400", children: "Completed" }), _jsxs("div", { className: "overflow-hidden rounded-2xl border border-border bg-card shadow-sm", children: [_jsx("div", { className: "border-b border-border px-6 py-4", children: _jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Task Details" }) }), _jsx("div", { className: "px-6 py-5", children: _jsx(WorkflowForm, { schema: toFormSchema(task), initialValues: task.formData, readOnly: true }) })] })] })), _jsx(ProcessTimeline, { instanceId: task.instanceId })] }));
+}
+//# sourceMappingURL=TaskDetail.js.map

package/dist/components/TaskDetail/TaskDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDetail.js","sourceRoot":"","sources":["../../../src/components/TaskDetail/TaskDetail.tsx"],"names":[],"mappings":"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"}

package/dist/components/TaskDetail/TaskDetailError.d.ts

@@ -0,0 +1,7 @@
+export interface TaskDetailErrorProps {
+    error: Error | null;
+    onRetry: () => void;
+    className?: string;
+}
+export declare const TaskDetailError: import("react").ForwardRefExoticComponent<TaskDetailErrorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TaskDetailError.d.ts.map

package/dist/components/TaskDetail/TaskDetailError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDetailError.d.ts","sourceRoot":"","sources":["../../../src/components/TaskDetail/TaskDetailError.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,iHA8B3B,CAAC"}

package/dist/components/TaskDetail/TaskDetailError.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { isApiError } from '@quanticjs/react-core';
+export const TaskDetailError = forwardRef(function TaskDetailError({ error, onRetry, className }, ref) {
+    const correlationId = error && isApiError(error) ? error.correlationId : undefined;
+    return (_jsxs("div", { ref: ref, className: `rounded-2xl border border-destructive/30 bg-destructive/5 px-5 py-6 text-center shadow-sm ${className ?? ''}`, "data-component": "task-detail-error", role: "alert", children: [_jsx("p", { className: "text-sm font-medium text-destructive", children: "Something went wrong loading this task" }), correlationId && (_jsxs("p", { "data-field": "error-ref", className: "mt-1 text-xs text-muted-foreground", children: ["Reference: ", correlationId] })), _jsx("button", { type: "button", onClick: onRetry, "aria-label": "Retry loading task", className: "mt-4 rounded-md border border-destructive/30 bg-background px-4 py-1.5 text-sm font-medium text-destructive transition-colors hover:bg-destructive/10", children: "Retry" })] }));
+});
+//# sourceMappingURL=TaskDetailError.js.map

package/dist/components/TaskDetail/TaskDetailError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDetailError.js","sourceRoot":"","sources":["../../../src/components/TaskDetail/TaskDetailError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG;IACzD,MAAM,aAAa,GAAG,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,6FAA6F,SAAS,IAAI,EAAE,EAAE,oBAC1G,mBAAmB,EAClC,IAAI,EAAC,OAAO,aAEZ,YAAG,SAAS,EAAC,sCAAsC,uDAE/C,EACH,aAAa,IAAI,CAChB,2BAAc,WAAW,EAAC,SAAS,EAAC,oCAAoC,4BAC1D,aAAa,IACvB,CACL,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,oBAAoB,EAC/B,SAAS,EAAC,uJAAuJ,sBAG1J,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/TaskDetail/TaskDetailHeader.d.ts

@@ -0,0 +1,7 @@
+import type { TaskDetail } from '../../types';
+export interface TaskDetailHeaderProps {
+    task: TaskDetail;
+    className?: string;
+}
+export declare const TaskDetailHeader: import("react").ForwardRefExoticComponent<TaskDetailHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TaskDetailHeader.d.ts.map

package/dist/components/TaskDetail/TaskDetailHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TaskDetail/TaskDetailHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD,eAAO,MAAM,gBAAgB,kHA6E5B,CAAC"}