@motiadev/plugin-logs 0.8.2-beta.140-957262

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Motia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/README.md

@@ -0,0 +1,32 @@
+# @motiadev/plugin-logs
+
+This package provides React components for the Motia workbench logs functionality.
+
+## TailwindCSS Compilation
+
+This package includes TailwindCSS compilation to ensure all Tailwind classes used in the components are properly compiled and available.
+
+### Build Process
+
+The build process includes two steps:
+
+1. **CSS Compilation**: Compiles `src/styles.css` using PostCSS and TailwindCSS
+2. **TypeScript Compilation**: Compiles TypeScript files to JavaScript
+
+### Development
+
+- `pnpm run build` - Build both CSS and TypeScript
+- `pnpm run dev` - Watch mode for both CSS and TypeScript
+- `pnpm run build:css` - Build only CSS
+- `pnpm run dev:css` - Watch mode for CSS only
+
+### Configuration Files
+
+- `src/styles.css` - Main CSS entry point with Tailwind imports
+
+## Features
+
+- **LogsPage**: Main logs page component with search and filtering
+- **LogDetail**: Sidebar component for viewing detailed log information
+- **LogLevelBadge**: Badge component for log levels
+- **useLogsStore**: Zustand store for managing logs state

package/dist/components/log-detail.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import 'react18-json-view/src/dark.css';
+import 'react18-json-view/src/style.css';
+import { Log } from '../types/log';
+type Props = {
+    log?: Log;
+    onClose: () => void;
+};
+export declare const LogDetail: React.FC<Props>;
+export {};
+//# sourceMappingURL=log-detail.d.ts.map

package/dist/components/log-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-detail.d.ts","sourceRoot":"","sources":["../../src/components/log-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,gCAAgC,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAGlC,KAAK,KAAK,GAAG;IACX,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDrC,CAAA"}

package/dist/components/log-detail.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LevelDot, Sidebar } from '@motiadev/ui';
+import { X } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import ReactJson from 'react18-json-view';
+import 'react18-json-view/src/dark.css';
+import 'react18-json-view/src/style.css';
+import { formatTimestamp } from '../utils/format-timestamp';
+const defaultProps = ['id', 'msg', 'time', 'level', 'step', 'flows', 'traceId'];
+export const LogDetail = ({ log, onClose }) => {
+    const [hasOtherProps, setHasOtherProps] = useState(false);
+    const otherPropsObject = useMemo(() => {
+        if (!log) {
+            return null;
+        }
+        const otherProps = Object.keys(log ?? {}).filter((key) => !defaultProps.includes(key));
+        setHasOtherProps(otherProps.length > 0);
+        return otherProps.reduce((acc, key) => {
+            acc[key] = log[key];
+            return acc;
+        }, {});
+    }, [log]);
+    if (!log) {
+        return null;
+    }
+    return (_jsx(Sidebar, { onClose: onClose, title: "Logs Details", subtitle: "Details including custom properties", actions: [{ icon: _jsx(X, {}), onClick: onClose, label: 'Close' }], details: [
+            {
+                label: 'Level',
+                value: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(LevelDot, { level: log.level }), _jsx("div", { className: "capitalize", children: log.level })] })),
+            },
+            { label: 'Time', value: formatTimestamp(log.time) },
+            { label: 'Step', value: log.step },
+            { label: 'Flows', value: log.flows.join(', ') },
+            { label: 'Trace ID', value: log.traceId },
+        ], children: hasOtherProps && _jsx(ReactJson, { src: otherPropsObject, theme: "default", enableClipboard: true }) }));
+};
+//# sourceMappingURL=log-detail.js.map

package/dist/components/log-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-detail.js","sourceRoot":"","sources":["../../src/components/log-detail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAChC,OAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,gCAAgC,CAAA;AACvC,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAO3D,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;AAE/E,MAAM,CAAC,MAAM,SAAS,GAAoB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;QACtF,gBAAgB,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAEvC,OAAO,UAAU,CAAC,MAAM,CACtB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACX,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAA;YACnB,OAAO,GAAG,CAAA;QACZ,CAAC,EACD,EAA6B,CAC9B,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAC,qCAAqC,EAC9C,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAC,CAAC,KAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAC5D,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAI,EAC9B,cAAK,SAAS,EAAC,YAAY,YAAE,GAAG,CAAC,KAAK,GAAO,IACzC,CACP;aACF;YACD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACnD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE;SAC1C,YAEA,aAAa,IAAI,KAAC,SAAS,IAAC,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,EAAC,eAAe,SAAG,GAC9E,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/components/log-level-badge.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const LogLevelBadge: React.FC<{
+    level: string;
+    className?: string;
+}>;
+//# sourceMappingURL=log-level-badge.d.ts.map

package/dist/components/log-level-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-level-badge.d.ts","sourceRoot":"","sources":["../../src/components/log-level-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAMzE,CAAA"}

package/dist/components/log-level-badge.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '@motiadev/ui';
+const map = {
+    info: 'info',
+    error: 'error',
+    warn: 'warning',
+    debug: 'info',
+};
+export const LogLevelBadge = (props) => {
+    return (_jsx(Badge, { variant: map[props.level], className: props.className, children: props.level }));
+};
+//# sourceMappingURL=log-level-badge.js.map

package/dist/components/log-level-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-level-badge.js","sourceRoot":"","sources":["../../src/components/log-level-badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,cAAc,CAAA;AAEhD,MAAM,GAAG,GAA0C;IACjD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAoD,CAAC,KAAK,EAAE,EAAE;IACtF,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAA0B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,YAClF,KAAK,CAAC,KAAK,GACN,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/components/logs-page.d.ts

@@ -0,0 +1,2 @@
+export declare const LogsPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=logs-page.d.ts.map

package/dist/components/logs-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-page.d.ts","sourceRoot":"","sources":["../../src/components/logs-page.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,+CAuFpB,CAAA"}

package/dist/components/logs-page.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, cn, Input, LevelDot, Table, TableBody, TableCell, TableRow } from '@motiadev/ui';
+import { Search, Trash, X } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import { useLogsStore } from '../stores/use-logs-store';
+import { formatTimestamp } from '../utils/format-timestamp';
+import { LogDetail } from './log-detail';
+export const LogsPage = () => {
+    const logs = useLogsStore((state) => state.logs);
+    const resetLogs = useLogsStore((state) => state.resetLogs);
+    const selectedLogId = useLogsStore((state) => state.selectedLogId);
+    const selectLogId = useLogsStore((state) => state.selectLogId);
+    const selectedLog = useMemo(() => (selectedLogId ? logs.find((log) => log.id === selectedLogId) : undefined), [logs, selectedLogId]);
+    const [search, setSearch] = useState('');
+    const filteredLogs = useMemo(() => {
+        return logs.filter((log) => {
+            return (log.msg.toLowerCase().includes(search.toLowerCase()) ||
+                log.traceId.toLowerCase().includes(search.toLowerCase()) ||
+                log.step.toLowerCase().includes(search.toLowerCase()));
+        });
+    }, [logs, search]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-rows-[auto_1fr] h-full", "data-testid": "logs-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 Trace ID or Message" }), _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", onClick: resetLogs, className: "h-[34px]", children: [_jsx(Trash, {}), " Clear"] })] }), _jsx(Table, { children: _jsx(TableBody, { className: "font-mono font-medium", children: filteredLogs.map((log, index) => (_jsxs(TableRow, { "data-testid": "log-row", className: cn('font-mono font-semibold cursor-pointer border-0', {
+                                    'bg-muted-foreground/10 hover:bg-muted-foreground/20': selectedLogId === log.id,
+                                    'hover:bg-muted-foreground/10': selectedLogId !== log.id,
+                                }), onClick: () => selectLogId(log.id), children: [_jsxs(TableCell, { "data-testid": `time-${index}`, className: "whitespace-nowrap flex items-center gap-2 text-muted-foreground", children: [_jsx(LevelDot, { level: log.level }), formatTimestamp(log.time)] }), _jsx(TableCell, { "data-testid": `trace-${log.traceId}`, className: "whitespace-nowrap cursor-pointer hover:text-primary text-muted-foreground", onClick: () => setSearch(log.traceId), children: log.traceId }), _jsx(TableCell, { "data-testid": `step-${index}`, "aria-label": log.step, className: "whitespace-nowrap", children: log.step }), _jsx(TableCell, { "data-testid": `msg-${index}`, "aria-label": log.msg, className: "whitespace-nowrap max-w-[500px] truncate w-full", children: log.msg })] }, index))) }) })] }), _jsx(LogDetail, { log: selectedLog, onClose: () => selectLogId(undefined) })] }));
+};
+//# sourceMappingURL=logs-page.js.map

package/dist/components/logs-page.js.map

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

package/dist/components/logs-tab-label.d.ts

@@ -0,0 +1,2 @@
+export declare const LogsTabLabel: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=logs-tab-label.d.ts.map

package/dist/components/logs-tab-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-tab-label.d.ts","sourceRoot":"","sources":["../../src/components/logs-tab-label.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oFAKvB,CAAA"}

package/dist/components/logs-tab-label.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogsIcon } from 'lucide-react';
+import { memo } from 'react';
+export const LogsTabLabel = memo(() => (_jsxs(_Fragment, { children: [_jsx(LogsIcon, { "aria-hidden": "true" }), _jsx("span", { children: "Logs" })] })));
+LogsTabLabel.displayName = 'LogsTabLabel';
+//# sourceMappingURL=logs-tab-label.js.map

package/dist/components/logs-tab-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-tab-label.js","sourceRoot":"","sources":["../../src/components/logs-tab-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CACrC,8BACE,KAAC,QAAQ,mBAAa,MAAM,GAAG,EAC/B,kCAAiB,IAChB,CACJ,CAAC,CAAA;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import './styles.css';
+export { LogsPage } from './components/logs-page';
+export type { Log } from './types/log';
+export declare const config: {
+    label: string;
+    position: string;
+    componentName: string;
+    labelIcon: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,YAAY,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAItC,eAAO,MAAM,MAAM;;;;;CAKlB,CAAA"}

package/dist/index.js

@@ -0,0 +1,11 @@
+import './styles.css';
+import { initLogListener } from './utils/init-log-listener';
+export { LogsPage } from './components/logs-page';
+initLogListener();
+export const config = {
+    label: 'Logs',
+    position: 'bottom',
+    componentName: 'LogsPage',
+    labelIcon: 'logs',
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGjD,eAAe,EAAE,CAAA;AAEjB,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,UAAU;IACzB,SAAS,EAAE,MAAM;CAClB,CAAA"}

package/dist/stores/use-logs-store.d.ts

@@ -0,0 +1,10 @@
+import { Log } from '../types/log';
+export type LogsState = {
+    logs: Log[];
+    selectedLogId?: string;
+    addLog: (log: Log) => void;
+    resetLogs: () => void;
+    selectLogId: (logId?: string) => void;
+};
+export declare const useLogsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<LogsState>>;
+//# sourceMappingURL=use-logs-store.d.ts.map

package/dist/stores/use-logs-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-logs-store.d.ts","sourceRoot":"","sources":["../../src/stores/use-logs-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,YAAY,wEAWtB,CAAA"}

package/dist/stores/use-logs-store.js

@@ -0,0 +1,13 @@
+import { create } from 'zustand';
+export const useLogsStore = create()((set) => ({
+    logs: [],
+    selectedLogId: undefined,
+    addLog: (log) => set((state) => ({
+        logs: [log, ...state.logs],
+    })),
+    resetLogs: () => {
+        set({ logs: [] });
+    },
+    selectLogId: (logId) => set({ selectedLogId: logId }),
+}));
+//# sourceMappingURL=use-logs-store.js.map

package/dist/stores/use-logs-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-logs-store.js","sourceRoot":"","sources":["../../src/stores/use-logs-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAWhC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,EAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxD,IAAI,EAAE,EAAE;IACR,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CACd,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;KAC3B,CAAC,CAAC;IACL,SAAS,EAAE,GAAG,EAAE;QACd,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;IACnB,CAAC;IACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;CACtD,CAAC,CAAC,CAAA"}

package/dist/styles.css

@@ -0,0 +1,675 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --spacing: 0.25rem;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --font-weight-500: var(--font-weight-500);
+    --font-weight-600: var(--font-weight-600);
+    --font-weight-700: var(--font-weight-700);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .absolute {
+    position: absolute;
+  }
+  .relative {
+    position: relative;
+  }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-\[34px\] {
+    height: 34px;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-full {
+    width: 100%;
+  }
+  .max-w-\[500px\] {
+    max-width: 500px;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .grid-rows-\[auto_1fr\] {
+    grid-template-rows: auto 1fr;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .bg-muted-foreground\/10 {
+    background-color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
+    }
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .px-9 {
+    padding-inline: calc(var(--spacing) * 9);
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .font-medium {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .text-muted-foreground {
+    color: var(--muted-foreground);
+  }
+  .text-muted-foreground\/50 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+    }
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .hover\:bg-muted-foreground\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-muted-foreground\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:text-muted-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--muted-foreground);
+      }
+    }
+  }
+  .hover\:text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--primary);
+      }
+    }
+  }
+}
+:root {
+  --default-font-family: 'DM Sans', ui-sans-serif, sans-serif;
+  --font-dm-mono: 'DM Mono', ui-monospace, monospace;
+  line-height: 1.5;
+  font-size: 16px;
+  color-scheme: light dark;
+  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"), serif;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  width: 100%;
+  font-optical-sizing: auto;
+  --font-weight-500: 500;
+  --font-weight-600: 600;
+  --font-weight-700: 700;
+  --accent-1000: #2862fe;
+  --accent-970: #2862fef7;
+  --accent-950: #2862fef2;
+  --accent-900: #2862fee5;
+  --accent-800: #2862fecc;
+  --accent-700: #2862feb2;
+  --accent-600: #2862fe99;
+  --accent-500: #2862fe80;
+  --accent-400: #2862fe66;
+  --accent-300: #2862fe4d;
+  --accent-200: #2862fe33;
+  --accent-100: #2862fe1a;
+  --accent-50: #2862fe0d;
+  --accent-30: #2862fe08;
+  --dark-1000: #0a0a0a;
+  --dark-970: #0a0a0af7;
+  --dark-950: #0a0a0af2;
+  --dark-900: #0a0a0ae5;
+  --dark-800: #0a0a0acc;
+  --dark-700: #0a0a0ab2;
+  --dark-600: #0a0a0a99;
+  --dark-500: #0a0a0a80;
+  --dark-400: #0a0a0a66;
+  --dark-300: #0a0a0a4d;
+  --dark-200: #0a0a0a33;
+  --dark-100: #0a0a0a1a;
+  --dark-50: #0a0a0a0d;
+  --dark-30: #0a0a0a08;
+  --light-1000: #ffffff;
+  --light-970: #fffffff7;
+  --light-950: #fffffff2;
+  --light-900: #ffffffe5;
+  --light-800: #ffffffcc;
+  --light-700: #ffffffb2;
+  --light-600: #ffffff99;
+  --light-500: #ffffff80;
+  --light-400: #ffffff66;
+  --light-300: #ffffff4d;
+  --light-200: #ffffff33;
+  --light-100: #ffffff1a;
+  --light-50: #ffffff0d;
+  --light-30: #ffffff08;
+  --error: #d61355;
+  --canvas-background: #EBEBEB;
+  --background: var(--light-1000);
+  --foreground: var(--dark-1000);
+  --surface-content: var(--dark-30);
+  --surface-component: var(--dark-50);
+  --surface-light-100: var(--dark-100);
+  --surface-light-200: var(--dark-200);
+  --border: var(--dark-100);
+  --border-accent: var(--accent-1000);
+  --states-hover: var(--dark-30);
+  --states-selected: var(--dark-100);
+  --states-active: var(--accent-1000);
+  --text-header: var(--dark-1000);
+  --text-body: var(--dark-600);
+  --text-placeholder: var(--dark-400);
+  --text-accent: var(--accent-1000);
+  --text-error: var(--error);
+  --icon-active: var(--dark-1000);
+  --icon-light: var(--dark-600);
+  --icon-component: var(--dark-400);
+  --icon-accent: var(--accent-1000);
+  --primary: var(--accent-1000);
+  --primary-foreground: var(--light-1000);
+  --secondary: var(--surface-component);
+  --secondary-foreground: var(--text-body);
+  --muted: var(--surface-light-100);
+  --muted-foreground: var(--text-body);
+  --accent: var(--accent-1000);
+  --accent-foreground: var(--light-1000);
+  --destructive: var(--error);
+  --destructive-foreground: var(--light-1000);
+  --card: var(--surface-content);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-content);
+  --popover-foreground: var(--foreground);
+  --input: var(--states-hover);
+  --ring: var(--border-accent);
+  --chart-1: var(--accent-1000);
+  --chart-2: var(--accent-800);
+  --chart-3: var(--accent-600);
+  --chart-4: var(--accent-400);
+  --chart-5: var(--accent-200);
+  --header: var(--background);
+  --header-foreground: var(--text-header);
+  --header-primary: var(--primary);
+  --header-primary-foreground: var(--primary-foreground);
+  --header-accent: var(--surface-component);
+  --header-accent-foreground: var(--text-body);
+  --header-border: var(--border);
+  --header-ring: var(--ring);
+  --sidebar: var(--background);
+  --sidebar-foreground: var(--text-header);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--surface-component);
+  --sidebar-accent-foreground: var(--text-body);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
+}
+.dark {
+  --canvas-background: #030303;
+  --background: var(--dark-1000);
+  --foreground: var(--light-1000);
+  --surface-content: var(--light-30);
+  --surface-component: var(--light-50);
+  --surface-light-100: var(--light-100);
+  --surface-light-200: var(--light-200);
+  --border: var(--light-100);
+  --states-hover: var(--light-30);
+  --states-selected: var(--light-100);
+  --text-header: var(--light-1000);
+  --text-body: var(--light-600);
+  --text-placeholder: var(--light-400);
+  --icon-active: var(--light-1000);
+  --icon-light: var(--light-600);
+  --icon-component: var(--light-400);
+  --secondary-foreground: var(--light-600);
+  --muted-foreground: var(--light-600);
+  --card: var(--surface-content);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-content);
+  --popover-foreground: var(--foreground);
+  --input: var(--states-hover);
+  --ring: var(--border-accent);
+  --chart-1: var(--accent-1000);
+  --chart-2: var(--accent-800);
+  --chart-3: var(--accent-600);
+  --chart-4: var(--accent-400);
+  --chart-5: var(--accent-200);
+  --header: var(--background);
+  --header-foreground: var(--text-header);
+  --header-primary: var(--primary);
+  --header-primary-foreground: var(--primary-foreground);
+  --header-accent: var(--surface-component);
+  --header-accent-foreground: var(--text-body);
+  --header-border: var(--border);
+  --header-ring: var(--ring);
+  --sidebar: var(--background);
+  --sidebar-foreground: var(--text-header);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--surface-component);
+  --sidebar-accent-foreground: var(--text-body);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
+}
+@layer base {
+  * {
+    border-color: var(--border);
+  }
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+}
+@layer theme, base, components, utilities;
+@layer theme;
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities;
+.json-view {
+  background-color: transparent !important;
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+    }
+  }
+}

package/dist/types/log.d.ts

@@ -0,0 +1,11 @@
+export type Log = {
+    id: string;
+    level: string;
+    time: number;
+    msg: string;
+    step: string;
+    traceId: string;
+    flows: string[];
+    [key: string]: any;
+};
+//# sourceMappingURL=log.d.ts.map

package/dist/types/log.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../../src/types/log.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA"}

package/dist/types/log.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=log.js.map

package/dist/types/log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.js","sourceRoot":"","sources":["../../src/types/log.ts"],"names":[],"mappings":""}

package/dist/utils/format-timestamp.d.ts

@@ -0,0 +1,2 @@
+export declare const formatTimestamp: (time: number) => string;
+//# sourceMappingURL=format-timestamp.d.ts.map

package/dist/utils/format-timestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-timestamp.d.ts","sourceRoot":"","sources":["../../src/utils/format-timestamp.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,WAG3C,CAAA"}

package/dist/utils/format-timestamp.js

@@ -0,0 +1,5 @@
+export const formatTimestamp = (time) => {
+    const date = new Date(Number(time));
+    return `${date.toLocaleDateString('en-US', { year: undefined, month: 'short', day: '2-digit' })}, ${date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', second: '2-digit', hourCycle: 'h24' })}.${date.getMilliseconds().toString().padStart(3, '0')}`;
+};
+//# sourceMappingURL=format-timestamp.js.map

package/dist/utils/format-timestamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-timestamp.js","sourceRoot":"","sources":["../../src/utils/format-timestamp.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACnC,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAC3Q,CAAC,CAAA"}

package/dist/utils/init-log-listener.d.ts

@@ -0,0 +1,2 @@
+export declare const initLogListener: () => void;
+//# sourceMappingURL=init-log-listener.d.ts.map

package/dist/utils/init-log-listener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-log-listener.d.ts","sourceRoot":"","sources":["../../src/utils/init-log-listener.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,YAK3B,CAAA"}

package/dist/utils/init-log-listener.js

@@ -0,0 +1,11 @@
+import { Stream } from '@motiadev/stream-client-browser';
+import { useLogsStore } from '../stores/use-logs-store';
+const streamName = '__motia.logs';
+const groupId = 'default';
+const type = 'log';
+export const initLogListener = () => {
+    const stream = new Stream(window.location.origin.replace('http', 'ws'));
+    const subscription = stream.subscribeGroup(streamName, groupId);
+    subscription.onEvent(type, useLogsStore.getState().addLog);
+};
+//# sourceMappingURL=init-log-listener.js.map

package/dist/utils/init-log-listener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-log-listener.js","sourceRoot":"","sources":["../../src/utils/init-log-listener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,MAAM,UAAU,GAAG,cAAc,CAAA;AACjC,MAAM,OAAO,GAAG,SAAS,CAAA;AACzB,MAAM,IAAI,GAAG,KAAK,CAAA;AAElB,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IACvE,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAE/D,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAA;AAC5D,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@motiadev/plugin-logs",
+  "version": "0.8.2-beta.140-957262",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "lucide-react": "^0.545.0",
+    "react18-json-view": "^0.2.9",
+    "zustand": "^5.0.8",
+    "@motiadev/stream-client-browser": "0.8.2-beta.140-957262",
+    "@motiadev/ui": "0.8.2-beta.140-957262"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.14",
+    "@types/node": "^24.7.0",
+    "@types/react": "^19.2.2",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "react": "^19.2.0",
+    "tailwindcss": "^4.1.14",
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "npm run build:css && tsc",
+    "build:css": "postcss src/styles.css -o dist/styles.css",
+    "dev": "npm run build:css && npm run dev:parallel",
+    "dev:parallel": "npm run dev:css & tsc --watch",
+    "dev:css": "postcss src/styles.css -o dist/styles.css --watch",
+    "clean": "rm -rf dist"
+  }
+}