@motiadev/workbench 0.8.2-beta.140-628177 → 0.8.2-beta.140-027880

package/dist/src/components/observability/trace-item/trace-item-detail.d.ts

@@ -1,8 +0,0 @@
-import { Trace } from '@/types/observability';
-import React from 'react';
-type Props = {
-    trace: Trace;
-    onClose: () => void;
-};
-export declare const TraceItemDetail: React.FC<Props>;
-export {};

package/dist/src/components/observability/trace-item/trace-item-detail.js

@@ -1,10 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Sidebar, Badge } from '@motiadev/ui';
-import { formatDuration } from '@/lib/utils';
-import { X } from 'lucide-react';
-import { memo } from 'react';
-import { EventIcon } from '../events/event-icon';
-import { TraceEvent } from '../events/trace-event';
-export const TraceItemDetail = memo(({ trace, onClose }) => {
-    return (_jsxs(Sidebar, { onClose: onClose, title: "Trace Details", subtitle: `Viewing details from step ${trace.name}`, actions: [{ icon: _jsx(X, {}), onClick: onClose, label: 'Close' }], children: [_jsxs("div", { className: "px-2 w-[800px] overflow-auto", children: [_jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground mb-4", children: [trace.endTime && _jsxs("span", { children: ["Duration: ", formatDuration(trace.endTime - trace.startTime)] }), _jsx("div", { className: "bg-blue-500 font-bold text-xs px-[4px] py-[2px] rounded-sm text-blue-100", children: trace.entryPoint.type }), trace.correlationId && _jsxs(Badge, { variant: "outline", children: ["Correlated: ", trace.correlationId] })] }), _jsx("div", { className: "pl-6 border-l-1 border-gray-500/40 font-mono text-xs flex flex-col gap-3", children: trace.events.map((event, index) => (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute -left-[26px] top-[8px] w-1 h-1 rounded-full bg-emerald-500 outline outline-2 outline-emerald-500/50" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(EventIcon, { event: event }), _jsxs("span", { className: "text-sm font-mono text-muted-foreground", children: ["+", formatDuration(Math.floor(event.timestamp - trace.startTime))] }), _jsx(TraceEvent, { event: event })] })] }, index))) })] }), trace.error && (_jsxs("div", { className: "p-4 bg-red-800/10", children: [_jsx("div", { className: "text-sm text-red-800 dark:text-red-400 font-semibold", children: trace.error.message }), _jsx("div", { className: "text-sm text-red-800 dark:text-red-400 pl-4", children: trace.error.stack })] }))] }));
-});

package/dist/src/components/observability/trace-item/trace-item.d.ts

@@ -1,10 +0,0 @@
-import { Trace, TraceGroup } from '@/types/observability';
-import React from 'react';
-type Props = {
-    trace: Trace;
-    group: TraceGroup;
-    groupEndTime: number;
-    onExpand: (traceId: string) => void;
-};
-export declare const TraceItem: React.FC<Props>;
-export {};

package/dist/src/components/observability/trace-item/trace-item.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@motiadev/ui';
-export const TraceItem = ({ trace, group, groupEndTime, onExpand }) => {
-    return (_jsxs("div", { className: "flex hover:bg-muted-foreground/10 relative cursor-pointer", onClick: () => onExpand(trace.id), "data-testid": "trace-timeline-item", children: [_jsx("div", { className: "flex items-center min-w-[200px] max-w-[200px] h-[32px] max-h-[32px] py-4 px-2 text-sm font-semibold text-foreground truncate sticky left-0 bg-card z-9", children: trace.name }), _jsx("div", { className: "flex w-full flex-row items-center hover:bg-muted/50 rounded-md", children: _jsx("div", { className: "relative w-full h-[32px] flex items-center", children: _jsx("div", { className: cn('h-[24px] rounded-[4px] hover:opacity-80 transition-all duration-200', {
-                            'bg-[repeating-linear-gradient(140deg,#BEFE29,#BEFE29_8px,#ABE625_8px,#ABE625_16px)]': trace.status === 'running',
-                            'bg-[repeating-linear-gradient(140deg,#2862FE,#2862FE_8px,#2358E5_8px,#2358E5_16px)]': trace.status === 'completed',
-                            'bg-[repeating-linear-gradient(140deg,#EA2069,#EA2069_8px,#D41E60_8px,#D41E60_16px)]': trace.status === 'failed',
-                        }), style: {
-                            marginLeft: `${((trace.startTime - group.startTime) / (groupEndTime - group.startTime)) * 100}%`,
-                            width: trace.endTime
-                                ? `${((trace.endTime - trace.startTime) / (groupEndTime - group.startTime)) * 100}%`
-                                : `${((Date.now() - trace.startTime) / (groupEndTime - group.startTime)) * 100}%`,
-                        } }) }) })] }));
-};

package/dist/src/components/observability/trace-status.d.ts

@@ -1,8 +0,0 @@
-import { TraceGroup } from '@/types/observability';
-import React from 'react';
-type Props = {
-    status: TraceGroup['status'];
-    duration?: string;
-};
-export declare const TraceStatusBadge: React.FC<Props>;
-export {};

package/dist/src/components/observability/trace-status.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '@motiadev/ui';
-import { useMemo } from 'react';
-export const TraceStatusBadge = ({ status, duration }) => {
-    const variant = useMemo(() => {
-        if (status === 'running') {
-            return 'info';
-        }
-        if (status === 'completed') {
-            return 'success';
-        }
-        if (status === 'failed') {
-            return 'error';
-        }
-        return 'default';
-    }, [status]);
-    return _jsx(Badge, { variant: variant, children: duration && status !== 'failed' ? duration : status });
-};

package/dist/src/components/observability/trace-tab-label.d.ts

@@ -1 +0,0 @@
-export declare const TracingTabLabel: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/src/components/observability/trace-tab-label.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { GanttChart } from 'lucide-react';
-import { memo } from 'react';
-export const TracingTabLabel = memo(() => (_jsxs(_Fragment, { children: [_jsx(GanttChart, { "aria-hidden": "true" }), _jsx("span", { children: "Tracing" })] })));
-TracingTabLabel.displayName = 'TracingTabLabel';

package/dist/src/components/observability/trace-timeline.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = {
-    groupId: string;
-};
-export declare const TraceTimeline: React.FC<Props>;
-export {};

package/dist/src/components/observability/trace-timeline.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGlobalStore } from '@/stores/use-global-store';
-import { formatDuration } from '@/lib/utils';
-import { useStreamGroup, useStreamItem } from '@motiadev/stream-client-react';
-import { Button } from '@motiadev/ui';
-import { Minus, Plus } from 'lucide-react';
-import { memo, useMemo, useState } from 'react';
-import { useGetEndTime } from './hooks/use-get-endtime';
-import { TraceItem } from './trace-item/trace-item';
-import { TraceItemDetail } from './trace-item/trace-item-detail';
-export const TraceTimeline = memo(({ groupId }) => {
-    const { data: group } = useStreamItem({
-        streamName: 'motia-trace-group',
-        groupId: 'default',
-        id: groupId,
-    });
-    const { data } = useStreamGroup({ streamName: 'motia-trace', groupId });
-    const endTime = useGetEndTime(group);
-    const [zoom, setZoom] = useState(1);
-    const selectedTraceId = useGlobalStore((state) => state.selectedTraceId);
-    const selectTraceId = useGlobalStore((state) => state.selectTraceId);
-    const selectedTrace = useMemo(() => data?.find((trace) => trace.id === selectedTraceId), [data, selectedTraceId]);
-    const zoomMinus = () => {
-        if (zoom > 0.5)
-            setZoom(zoom - 0.1);
-    };
-    if (!group)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col flex-1 overflow-x-auto h-full relative", children: _jsxs("div", { className: "flex flex-col items-center min-w-full sticky top-0", style: { width: `${zoom * 1000}px` }, children: [_jsxs("div", { className: "flex flex-1 w-full sticky top-0 bg-background z-10", children: [_jsxs("div", { className: "w-full min-h-[37px] h-[37px] min-w-[200px] max-w-[200px] flex items-center justify-center gap-2 sticky left-0 top-0 bg-card backdrop-blur-[4px] backdrop-filter", children: [_jsx(Button, { variant: "icon", size: "sm", className: "px-2", onClick: zoomMinus, children: _jsx(Minus, { className: "w-4 h-4 cursor-pointer" }) }), _jsxs("span", { className: "text-sm font-bold text-muted-foreground", children: [Math.floor(zoom * 100), "%"] }), _jsx(Button, { variant: "icon", size: "sm", className: "px-2", onClick: () => setZoom(zoom + 0.1), children: _jsx(Plus, { className: "w-4 h-4 cursor-pointer" }) })] }), _jsxs("div", { className: "flex justify-between font-mono p-2 w-full text-xs text-muted-foreground bg-card", children: [_jsx("span", { children: formatDuration(0) }), _jsx("span", { children: formatDuration(Math.floor((endTime - group.startTime) * 0.25)) }), _jsx("span", { children: formatDuration(Math.floor((endTime - group.startTime) * 0.5)) }), _jsx("span", { children: formatDuration(Math.floor((endTime - group.startTime) * 0.75)) }), _jsx("span", { children: formatDuration(Math.floor(endTime - group.startTime)) }), _jsxs("div", { className: "absolute bottom-[-4px] w-full flex justify-between", children: [_jsx("span", { className: "w-[1px] h-full bg-blue-500" }), _jsx("span", { className: "w-[1px] h-full bg-blue-500" }), _jsx("span", { className: "w-[1px] h-full bg-blue-500" }), _jsx("span", { className: "w-[1px] h-full bg-blue-500" }), _jsx("span", { className: "w-[1px] h-full bg-blue-500" })] })] })] }), _jsx("div", { className: "flex flex-col w-full h-full", children: data?.map((trace) => (_jsx(TraceItem, { trace: trace, group: group, groupEndTime: endTime, onExpand: selectTraceId }, trace.id))) })] }) }), selectedTrace && _jsx(TraceItemDetail, { trace: selectedTrace, onClose: () => selectTraceId(undefined) })] }));
-});

package/dist/src/components/observability/traces-groups.d.ts

@@ -1,9 +0,0 @@
-import { TraceGroup } from '@/types/observability';
-import React from 'react';
-interface Props {
-    groups: TraceGroup[];
-    selectedGroupId?: string;
-    onGroupSelect: (group: TraceGroup) => void;
-}
-export declare const TracesGroups: React.FC<Props>;
-export {};

package/dist/src/components/observability/traces-groups.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatDuration } from '@/lib/utils';
-import { cn } from '@motiadev/ui';
-import { formatDistanceToNow } from 'date-fns';
-import { memo } from 'react';
-import { TraceStatusBadge } from './trace-status';
-export const TracesGroups = memo(({ groups, selectedGroupId, onGroupSelect }) => {
-    return (_jsx("div", { className: "overflow-auto", children: groups.length > 0 && (_jsx("div", { children: [...groups].reverse().map((group) => (_jsx("div", { "data-testid": `trace-${group.id}`, className: cn('motia-trace-group cursor-pointer transition-colors', selectedGroupId === group.id ? 'bg-muted-foreground/10' : 'hover:bg-muted/70'), onClick: () => onGroupSelect(group), children: _jsxs("div", { className: "p-3 flex flex-col gap-1", children: [_jsxs("div", { className: "flex flex-row justify-between items-center gap-2", children: [_jsx("span", { className: "font-semibold text-lg", children: group.name }), _jsx(TraceStatusBadge, { status: group.status, duration: group.endTime ? formatDuration(group.endTime - group.startTime) : undefined })] }), _jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("div", { "data-testid": "trace-id", className: "text-xs text-muted-foreground font-mono tracking-[1px]", children: group.id }), _jsxs("span", { children: [group.metadata.totalSteps, " steps"] })] }), _jsxs("div", { className: "flex justify-between", children: [formatDistanceToNow(group.startTime), " ago"] }), group.metadata.activeSteps > 0 && (_jsxs("div", { className: "text-blue-600", children: [group.metadata.activeSteps, " active"] }))] })] }) }, group.id))) })) }));
-});

package/dist/src/components/observability/traces-page.d.ts

@@ -1 +0,0 @@
-export declare const TracesPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/observability/traces-page.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TraceTimeline } from '@/components/observability/trace-timeline';
-import { useStreamGroup } from '@motiadev/stream-client-react';
-import { TracesGroups } from '@/components/observability/traces-groups';
-import { useGlobalStore } from '../../stores/use-global-store';
-import { useEffect, useMemo, useState } from 'react';
-import { Button, cn, Input } from '@motiadev/ui';
-import { Search, Trash, X } from 'lucide-react';
-export const TracesPage = () => {
-    const selectedGroupId = useGlobalStore((state) => state.selectedTraceGroupId);
-    const selectTraceGroupId = useGlobalStore((state) => state.selectTraceGroupId);
-    const { data } = useStreamGroup({ streamName: 'motia-trace-group', groupId: 'default' });
-    const handleGroupSelect = (group) => selectTraceGroupId(group.id);
-    const [search, setSearch] = useState('');
-    const clearTraces = () => fetch('/__motia/trace/clear', { method: 'POST' });
-    const traceGroups = useMemo(() => data?.filter((group) => group.name.toLowerCase().includes(search.toLowerCase()) ||
-        group.id.toLowerCase().includes(search.toLowerCase())), [data, search]);
-    useEffect(() => {
-        if (traceGroups && traceGroups.length > 0) {
-            const group = traceGroups[traceGroups.length - 1];
-            if (group && group.status === 'running' && group.id !== selectedGroupId) {
-                selectTraceGroupId(group.id);
-            }
-        }
-        else if (selectedGroupId) {
-            selectTraceGroupId(undefined);
-        }
-    }, [traceGroups]);
-    return (_jsxs("div", { className: "grid grid-rows-[auto_1fr] h-full", children: [_jsxs("div", { className: "flex p-2 border-b gap-2", "data-testid": "logs-search-container", children: [_jsxs("div", { className: "flex-1 relative", children: [_jsx(Input, { variant: "shade", value: search, onChange: (e) => setSearch(e.target.value), className: "px-9 font-medium", placeholder: "Search by Trace ID or Step Name" }), _jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }), _jsx(X, { className: cn('cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground', {
-                                    visible: search !== '',
-                                    invisible: search === '',
-                                }), onClick: () => setSearch('') })] }), _jsxs(Button, { variant: "default", onClick: clearTraces, className: "h-[34px]", children: [_jsx(Trash, {}), " Clear"] })] }), _jsxs("div", { className: "grid grid-cols-[300px_1fr] overflow-hidden", children: [_jsx("div", { className: "w-[300px] border-r border-border overflow-auto h-full", "data-testid": "traces-container", children: _jsx(TracesGroups, { groups: traceGroups, selectedGroupId: selectedGroupId, onGroupSelect: handleGroupSelect }) }), _jsxs("div", { className: "overflow-auto", "data-testid": "trace-details", children: [selectedGroupId && _jsx(TraceTimeline, { groupId: selectedGroupId }), !selectedGroupId && (_jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "Select a trace or trace group to view the timeline" }))] })] })] }));
-};

package/dist/src/components/states/hooks/states-hooks.d.ts

@@ -1,13 +0,0 @@
-export interface StateItem {
-    groupId: string;
-    key: string;
-    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'null';
-    value: string | number | boolean | object | unknown[] | null;
-}
-type Output = {
-    items: StateItem[];
-    deleteItems: (ids: string[]) => void;
-    refetch: () => void;
-};
-export declare const useGetStateItems: () => Output;
-export {};

package/dist/src/components/states/hooks/states-hooks.js

@@ -1,26 +0,0 @@
-import { useEffect, useState, useCallback } from 'react';
-export const useGetStateItems = () => {
-    const [items, setItems] = useState([]);
-    const refetch = useCallback(() => {
-        fetch('/__motia/state')
-            .then(async (res) => {
-            if (res.ok) {
-                return res.json();
-            }
-            else {
-                throw await res.json();
-            }
-        })
-            .then(setItems)
-            .catch((err) => console.error(err));
-    }, []);
-    const deleteItems = (ids) => {
-        fetch('/__motia/state/delete', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ ids }),
-        }).then(() => refetch());
-    };
-    useEffect(refetch, [refetch]);
-    return { items, deleteItems, refetch };
-};

package/dist/src/components/states/state-details.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { StateItem } from './hooks/states-hooks';
-type Props = {
-    state: StateItem;
-};
-export declare const StateDetails: React.FC<Props>;
-export {};

package/dist/src/components/states/state-details.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import JsonView from 'react18-json-view';
-export const StateDetails = ({ state }) => _jsx(JsonView, { src: state.value, theme: "default" });

package/dist/src/components/states/state-editor.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { StateItem } from './hooks/states-hooks';
-type Props = {
-    state: StateItem;
-};
-export declare const StateEditor: React.FC<Props>;
-export {};

package/dist/src/components/states/state-editor.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@motiadev/ui';
-import { AlertCircle, Check, Loader2, Save } from 'lucide-react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { JsonEditor } from '../ui/json-editor';
-export const StateEditor = ({ state }) => {
-    const [isRequestLoading, setIsRequestLoading] = useState(false);
-    const [isValid, setIsValid] = useState(true);
-    const [jsonValue, setJsonValue] = useState(JSON.stringify(state.value, null, 2));
-    const [hasChanges, setHasChanges] = useState(false);
-    const [saveStatus, setSaveStatus] = useState('idle');
-    const lastSavedValue = useRef(JSON.stringify(state.value, null, 2));
-    useEffect(() => {
-        setJsonValue(JSON.stringify(state.value, null, 2));
-    }, [state.value]);
-    const handleJsonChange = useCallback((value) => {
-        setHasChanges(value !== lastSavedValue.current);
-        setJsonValue(value);
-        setSaveStatus('idle');
-    }, []);
-    const handleSave = async () => {
-        if (!isValid || !hasChanges)
-            return;
-        try {
-            setIsRequestLoading(true);
-            setSaveStatus('idle');
-            const response = await fetch('/__motia/state', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    key: state.key,
-                    groupId: state.groupId,
-                    value: JSON.parse(jsonValue),
-                }),
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-            lastSavedValue.current = jsonValue;
-            setSaveStatus('success');
-            setHasChanges(false);
-            setTimeout(() => {
-                setSaveStatus('idle');
-            }, 3000);
-        }
-        catch (error) {
-            console.error('Failed to save state:', error);
-            setSaveStatus('error');
-        }
-        finally {
-            setIsRequestLoading(false);
-        }
-    };
-    const resetChanges = useCallback(() => {
-        setJsonValue(JSON.stringify(state.value, null, 2));
-        setHasChanges(false);
-        setSaveStatus('idle');
-    }, [state.value]);
-    const statusView = useMemo(() => {
-        if (saveStatus === 'success') {
-            return (_jsx("div", { className: "bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2", children: _jsxs("div", { className: "flex items-center gap-2 text-green-700 dark:text-green-400 text-sm", children: [_jsx(Check, { className: "w-4 h-4" }), "State saved successfully!"] }) }));
-        }
-        if (saveStatus === 'error') {
-            return (_jsx("div", { className: "bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-800 rounded-lg p-2", children: _jsxs("div", { className: "flex items-center gap-2 text-red-700 dark:text-red-400 text-sm", children: [_jsx(AlertCircle, { className: "w-4 h-4" }), "Failed to save state. Please try again."] }) }));
-        }
-        return (_jsx("div", { className: "text-xs text-muted-foreground", children: hasChanges ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-2 h-2 bg-orange-500 rounded-full" }), "Unsaved changes"] })) : (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-2 h-2 bg-green-500 rounded-full" }), "Up to date"] })) }));
-    }, [saveStatus, hasChanges]);
-    return (_jsxs("div", { className: "flex flex-col gap-2 h-full", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: "Modify the state value using the JSON editor below." }), _jsx("div", { className: "space-y-3 pt-2 flex flex-col", children: _jsxs("div", { className: "relative flex-1", children: [_jsx(JsonEditor, { value: jsonValue, onChange: handleJsonChange, onValidate: setIsValid, height: 'calc(100vh - 300px)' }), !isValid && (_jsxs("div", { className: "absolute top-2 right-2 bg-destructive/90 text-destructive-foreground px-2 py-1 rounded text-xs flex items-center gap-1", children: [_jsx(AlertCircle, { className: "w-3 h-3" }), "Invalid JSON"] }))] }) }), _jsxs("div", { className: "flex items-center justify-between pt-2", children: [statusView, _jsxs("div", { className: "flex items-center gap-2", children: [hasChanges && (_jsx(Button, { variant: "secondary", onClick: resetChanges, disabled: isRequestLoading, children: "Reset" })), _jsx(Button, { onClick: handleSave, variant: "accent", disabled: isRequestLoading || !isValid || !hasChanges, "data-testid": "state-save-button", children: isRequestLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "w-3 h-3 animate-spin mr-1" }), "Saving..."] })) : (_jsxs(_Fragment, { children: [_jsx(Save, { className: "w-3 h-3 mr-1" }), "Save Changes"] })) })] })] })] }));
-};

package/dist/src/components/states/state-sidebar.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { StateItem } from './hooks/states-hooks';
-type Props = {
-    state: StateItem;
-    onClose: () => void;
-};
-export declare const StateSidebar: React.FC<Props>;
-export {};

package/dist/src/components/states/state-sidebar.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Sidebar } from '@motiadev/ui';
-import { X } from 'lucide-react';
-import { StateDetails } from './state-details';
-import { StateEditor } from './state-editor';
-export const StateSidebar = ({ state, onClose }) => {
-    return (_jsx(Sidebar, { onClose: onClose, title: "State Details", initialWidth: 500, tabs: [
-            {
-                label: 'Overview',
-                content: _jsx(StateDetails, { state: state }),
-            },
-            {
-                label: 'Editor',
-                content: _jsx(StateEditor, { state: state }),
-            },
-        ], actions: [{ icon: _jsx(X, {}), onClick: onClose, label: 'Close' }] }));
-};

package/dist/src/components/states/state-tab-label.d.ts

@@ -1 +0,0 @@
-export declare const StatesTabLabel: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/src/components/states/state-tab-label.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { File } from 'lucide-react';
-export const StatesTabLabel = memo(() => (_jsxs(_Fragment, { children: [_jsx(File, { "aria-hidden": "true" }), _jsx("span", { children: "States" })] })));
-StatesTabLabel.displayName = 'StatesTabLabel';

package/dist/src/components/states/states-page.d.ts

@@ -1 +0,0 @@
-export declare const StatesPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/states/states-page.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGlobalStore } from '@/stores/use-global-store';
-import { Checkbox, Button, cn, Input } from '@motiadev/ui';
-import { RefreshCw, Search, Trash, X } from 'lucide-react';
-import { useMemo, useState } from 'react';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';
-import { useGetStateItems } from './hooks/states-hooks';
-import { StateSidebar } from './state-sidebar';
-export const StatesPage = () => {
-    const selectedStateId = useGlobalStore((state) => state.selectedStateId);
-    const selectStateId = useGlobalStore((state) => state.selectStateId);
-    const { items, deleteItems, refetch } = useGetStateItems();
-    const [search, setSearch] = useState('');
-    const filteredItems = useMemo(() => {
-        return items.filter((item) => {
-            return (item.groupId.toLowerCase().includes(search.toLowerCase()) ||
-                item.key.toLowerCase().includes(search.toLowerCase()));
-        });
-    }, [items, search]);
-    const selectedItem = useMemo(() => (selectedStateId ? filteredItems.find((item) => `${item.groupId}:${item.key}` === selectedStateId) : null), [filteredItems, selectedStateId]);
-    const [checkedItems, setCheckedItems] = useState(new Set());
-    const handleRowClick = (item) => selectStateId(`${item.groupId}:${item.key}`);
-    const onClose = () => selectStateId(undefined);
-    const deleteStates = () => {
-        deleteItems(Array.from(checkedItems));
-        setCheckedItems(new Set());
-    };
-    const handleCheckboxChange = (item) => {
-        const isChecked = checkedItems.has(`${item.groupId}:${item.key}`);
-        setCheckedItems((prev) => {
-            const newSet = new Set(prev);
-            if (isChecked) {
-                newSet.delete(`${item.groupId}:${item.key}`);
-            }
-            else {
-                newSet.add(`${item.groupId}:${item.key}`);
-            }
-            return newSet;
-        });
-    };
-    const toggleSelectAll = (checked) => {
-        setCheckedItems((prev) => {
-            const newSet = new Set(prev);
-            if (checked) {
-                filteredItems.forEach((item) => newSet.add(`${item.groupId}:${item.key}`));
-            }
-            else {
-                filteredItems.forEach((item) => newSet.delete(`${item.groupId}:${item.key}`));
-            }
-            return newSet;
-        });
-    };
-    return (_jsxs(_Fragment, { children: [selectedItem && _jsx(StateSidebar, { state: selectedItem, onClose: onClose }), _jsxs("div", { className: "grid grid-rows-[auto_1fr] h-full", "data-testid": "states-container", children: [_jsxs("div", { className: "flex p-2 border-b gap-2", "data-testid": "logs-search-container", children: [_jsxs("div", { className: "flex-1 relative", children: [_jsx(Input, { variant: "shade", value: search, onChange: (e) => setSearch(e.target.value), className: "px-9 font-medium", placeholder: "Search by Group ID or Key" }), _jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }), _jsx(X, { className: "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground", onClick: () => setSearch('') })] }), _jsxs(Button, { variant: "default", className: "h-[34px]", disabled: checkedItems.size === 0, onClick: deleteStates, children: [_jsx(Trash, {}), " Delete"] }), _jsx(Button, { variant: "default", className: "h-[34px]", onClick: refetch, children: _jsx(RefreshCw, { className: "w-4 h-4 text-muted-foreground" }) })] }), _jsxs(Table, { children: [_jsx(TableHeader, { className: "sticky top-0 bg-background/20 backdrop-blur-sm", children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: _jsx(Checkbox, { onClick: (evt) => evt.stopPropagation(), onCheckedChange: toggleSelectAll }) }), _jsx(TableHead, { className: "rounded-0", children: "Group ID" }), _jsx(TableHead, { children: "Key" }), _jsx(TableHead, { children: "Type" })] }) }), _jsx(TableBody, { children: filteredItems.map((item) => (_jsxs(TableRow, { "data-testid": `item-${item}`, onClick: () => handleRowClick(item), className: cn('font-mono font-semibold cursor-pointer border-0', selectedItem === item
-                                        ? 'bg-muted-foreground/10 hover:bg-muted-foreground/20'
-                                        : 'hover:bg-muted-foreground/10'), children: [_jsx(TableCell, { onClick: (evt) => evt.stopPropagation(), children: _jsx(Checkbox, { checked: checkedItems.has(`${item.groupId}:${item.key}`), onClick: () => handleCheckboxChange(item) }) }), _jsx(TableCell, { className: "hover:bg-transparent", children: item.groupId }), _jsx(TableCell, { className: "hover:bg-transparent", children: item.key }), _jsx(TableCell, { className: "hover:bg-transparent", children: item.type })] }, `${item.groupId}:${item.key}`))) })] })] })] }));
-};

package/dist/src/types/observability.d.ts

@@ -1,78 +0,0 @@
-export interface TraceGroup {
-    id: string;
-    correlationId: string | undefined;
-    name: string;
-    status: 'running' | 'completed' | 'failed';
-    startTime: number;
-    endTime?: number;
-    lastActivity: number;
-    metadata: {
-        completedSteps: number;
-        activeSteps: number;
-        totalSteps: number;
-    };
-}
-export interface Trace {
-    id: string;
-    name: string;
-    correlationId?: string;
-    parentTraceId?: string;
-    status: 'running' | 'completed' | 'failed';
-    startTime: number;
-    endTime?: number;
-    entryPoint: {
-        type: 'api' | 'event' | 'cron';
-        stepName: string;
-    };
-    events: TraceEvent[];
-    error?: TraceError;
-}
-export type TraceError = {
-    message: string;
-    code?: string | number;
-    stack?: string;
-};
-export type TraceEvent = StateEvent | EmitEvent | StreamEvent | LogEntry;
-export type StateOperation = 'get' | 'getGroup' | 'set' | 'delete' | 'clear';
-export type StreamOperation = 'get' | 'getGroup' | 'set' | 'delete' | 'clear' | 'send';
-export interface StateEvent {
-    type: 'state';
-    timestamp: number;
-    operation: 'get' | 'getGroup' | 'set' | 'delete' | 'clear';
-    key?: string;
-    duration?: number;
-    data: any;
-}
-export interface EmitEvent {
-    type: 'emit';
-    timestamp: number;
-    topic: string;
-    success: boolean;
-    data: unknown;
-}
-export interface StreamEvent {
-    type: 'stream';
-    timestamp: number;
-    operation: StreamOperation;
-    streamName: string;
-    duration?: number;
-    data: {
-        groupId: string;
-        id: string;
-        data?: unknown;
-    };
-    calls: number;
-}
-export interface LogEntry {
-    type: 'log';
-    timestamp: number;
-    level: string;
-    message: string;
-    metadata?: unknown;
-}
-export interface ObservabilityStats {
-    total: number;
-    running: number;
-    completed: number;
-    failed: number;
-}

package/dist/vite-plugin-motia-plugins.d.ts

@@ -1,9 +0,0 @@
-import type { Plugin } from 'vite';
-export interface WorkbenchPlugin {
-    packageName: string;
-    componentName?: string;
-    position?: 'top' | 'bottom';
-    label?: string;
-    props?: Record<string, any>;
-}
-export default function motiaPluginsPlugin(plugins: WorkbenchPlugin[]): Plugin;

package/dist/vite-plugin-motia-plugins.js

@@ -1,69 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = motiaPluginsPlugin;
-const path_1 = __importDefault(require("path"));
-const VIRTUAL_MODULE_ID = 'virtual:motia-plugins';
-const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
-function motiaPluginsPlugin(plugins) {
-    const packages = Array.from(new Set(plugins.map(({ packageName }) => packageName)));
-    const alias = packages
-        .filter((packageName) => !packageName.includes('@motiadev/'))
-        .reduce((acc, packageName) => ({
-        ...acc,
-        [packageName]: path_1.default.join(process.cwd(), './node_modules', packageName),
-    }), {});
-    const generatePluginCode = () => {
-        if (!packages.length) {
-            return '';
-        }
-        const imports = packages.map((packageName, index) => `import * as plugin_${index} from '${packageName}'`).join('\n');
-        const importsMap = packages.map((packageName, index) => `'${packageName}': plugin_${index}`);
-        return `
-      ${imports}
-      const packageMap = {${importsMap}}
-          
-      const motiaPlugins = ${JSON.stringify(plugins)}
-
-      export const plugins = motiaPlugins.map((plugin) => {
-        const component = packageMap[plugin.packageName]
-        const config = component.config || {}
-        const componentName = config.componentName || plugin.componentName
-
-        return {
-          label: plugin.label || config.label || 'Plugin label',
-          labelIcon: plugin.labelIcon || config.labelIcon || 'toy-brick',
-          position: plugin.position || config.position || 'top',
-          props: plugin.props || config.props || {},
-          component: componentName ? component[componentName] : component.default,
-        }
-      })
-`;
-    };
-    return {
-        name: 'vite-plugin-motia-plugins',
-        config: () => ({
-            resolve: {
-                alias,
-            },
-        }),
-        resolveId(id) {
-            if (id === VIRTUAL_MODULE_ID) {
-                return RESOLVED_VIRTUAL_MODULE_ID;
-            }
-        },
-        load(id) {
-            if (id === RESOLVED_VIRTUAL_MODULE_ID) {
-                console.log(`[motia-plugins] Loading plugins`);
-                const code = generatePluginCode();
-                if (!code) {
-                    console.log('[motia-plugins] No plugins found');
-                    return '';
-                }
-                return code;
-            }
-        },
-    };
-}