@lokvis/ui-react 0.1.0

package/dist/components/Toolbar.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Toolbar - 工作台顶部工具栏
+ *
+ * 左：Logo + 标题
+ * 中：状态消息
+ * 右：操作按钮组
+ */
+import * as React from 'react';
+import { Button } from '@lokvis/ui-core';
+import { useWorkspaceStore } from '../store/index.js';
+export function Toolbar({ title = 'Lokvis Workspace', rightExtra }) {
+    const running = useWorkspaceStore((s) => s.running);
+    const statusMessage = useWorkspaceStore((s) => s.statusMessage);
+    const error = useWorkspaceStore((s) => s.error);
+    const nodes = useWorkspaceStore((s) => s.nodes);
+    const selectedAssetId = useWorkspaceStore((s) => s.selectedAssetId);
+    const run = useWorkspaceStore((s) => s.run);
+    const clearWorkflow = useWorkspaceStore((s) => s.clearWorkflow);
+    const setError = useWorkspaceStore((s) => s.setError);
+    const canRun = !running && nodes.length > 0 && !!selectedAssetId;
+    async function handleRun() {
+        try {
+            await run();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+    }
+    return (_jsxs("header", { className: "flex h-12 shrink-0 items-center justify-between border-b border-zinc-200 bg-white px-4 dark:border-zinc-800 dark:bg-zinc-900", children: [_jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [_jsx("span", { className: "shrink-0 text-base font-bold leading-none", style: {
+                            background: 'linear-gradient(135deg, #6366f1, #a855f7)',
+                            WebkitBackgroundClip: 'text',
+                            WebkitTextFillColor: 'transparent',
+                        }, children: "\u25C6" }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: title })] }), _jsx("div", { className: "flex flex-1 items-center justify-center px-4 min-w-0", children: _jsx("span", { className: `truncate text-xs ${error ? 'text-red-500' : 'text-zinc-400'}`, children: statusMessage }) }), _jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [rightExtra, nodes.length > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: clearWorkflow, disabled: running, children: "Clear" })), _jsx(Button, { variant: "primary", size: "sm", onClick: handleRun, loading: running, disabled: !canRun, children: "Run" })] })] }));
+}
+//# sourceMappingURL=Toolbar.js.map

package/dist/components/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAOtD,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,GAAG,kBAAkB,EAAE,UAAU,EAAgB;IAC9E,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAChE,MAAM,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACpE,MAAM,GAAG,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,MAAM,GAAG,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;IAEjE,KAAK,UAAU,SAAS;QACtB,IAAI,CAAC;YACH,MAAM,GAAG,EAAE,CAAC;QACd,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAED,OAAO,CACL,kBAAQ,SAAS,EAAC,8HAA8H,aAE9I,eAAK,SAAS,EAAC,mCAAmC,aAChD,eACE,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE;4BACL,UAAU,EAAE,2CAA2C;4BACvD,oBAAoB,EAAE,MAAM;4BAC5B,mBAAmB,EAAE,aAAa;yBACnC,uBAGI,EACP,eAAM,SAAS,EAAC,+CAA+C,YAAE,KAAK,GAAQ,IAC1E,EAGN,cAAK,SAAS,EAAC,sDAAsD,YACnE,eAAM,SAAS,EAAE,oBAAoB,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,YAC5E,aAAa,GACT,GACH,EAGN,eAAK,SAAS,EAAC,oCAAoC,aAChD,UAAU,EACV,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,OAAO,sBAGV,CACV,EACD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,oBAGV,IACL,IACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Workspace.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Workspace - 完整工作台组件
+ *
+ * 标准三栏布局：Toolbar → [AssetPanel | Canvas | Inspector] → PipelineBar → StatusBar
+ * 通过 useLokvis 自动初始化 Runtime 与插件。
+ *
+ * @example
+ * ```tsx
+ * import { Workspace } from '@lokvis/ui-react';
+ * import imageToolsPlugin from '@lokvis/plugin-image';
+ *
+ * <Workspace plugins={[imageToolsPlugin()]} />
+ * ```
+ */
+import { type UseLokvisOptions } from '../hooks/useLokvis.js';
+export interface WorkspaceProps extends UseLokvisOptions {
+    /** 顶部标题 */
+    title?: string;
+    /** 是否显示状态栏（默认 true） */
+    showStatusBar?: boolean;
+    className?: string;
+}
+export declare function Workspace({ title, showStatusBar, className, ...lokvisOptions }: WorkspaceProps): import("react").JSX.Element;
+//# sourceMappingURL=Workspace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.d.ts","sourceRoot":"","sources":["../../src/components/Workspace.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQzE,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAoB,EACpB,SAAc,EACd,GAAG,aAAa,EACjB,EAAE,cAAc,+BAqDhB"}

package/dist/components/Workspace.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Workspace - 完整工作台组件
+ *
+ * 标准三栏布局：Toolbar → [AssetPanel | Canvas | Inspector] → PipelineBar → StatusBar
+ * 通过 useLokvis 自动初始化 Runtime 与插件。
+ *
+ * @example
+ * ```tsx
+ * import { Workspace } from '@lokvis/ui-react';
+ * import imageToolsPlugin from '@lokvis/plugin-image';
+ *
+ * <Workspace plugins={[imageToolsPlugin()]} />
+ * ```
+ */
+import { useLokvis } from '../hooks/useLokvis.js';
+import { Toolbar } from './Toolbar.js';
+import { AssetPanel } from './AssetPanel.js';
+import { Canvas } from './Canvas.js';
+import { Inspector } from './Inspector.js';
+import { PipelineBar } from './PipelineBar.js';
+import { StatusBar } from './StatusBar.js';
+export function Workspace({ title, showStatusBar = true, className = '', ...lokvisOptions }) {
+    const { status, error } = useLokvis(lokvisOptions);
+    if (status === 'initializing') {
+        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex h-12 w-12 items-center justify-center", children: [_jsx("div", { className: "absolute inset-0 rounded-full border-2 border-indigo-200 dark:border-indigo-800" }), _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-transparent border-t-indigo-500" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Initializing Runtime" }), _jsx("p", { className: "mt-1 text-xs text-zinc-400", children: "Loading plugins and capabilities..." })] })] }) }));
+    }
+    if (status === 'error') {
+        return (_jsx("div", { className: "flex h-full items-center justify-center px-6", children: _jsxs("div", { className: "max-w-md rounded-xl border border-red-200 bg-red-50 p-6 text-center dark:border-red-800/50 dark:bg-red-950/20", children: [_jsx("div", { className: "mb-3 flex h-10 w-10 mx-auto items-center justify-center rounded-full bg-red-100 dark:bg-red-900/40", children: _jsxs("svg", { className: "h-5 w-5 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }) }), _jsx("p", { className: "font-semibold text-red-700 dark:text-red-400", children: "Failed to initialize" }), _jsx("p", { className: "mt-1.5 text-sm text-red-600/80 dark:text-red-400/70", children: error })] }) }));
+    }
+    return (_jsxs("div", { className: `flex h-full flex-col bg-white dark:bg-zinc-900 ${className}`, children: [_jsx(Toolbar, { title: title }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [_jsx(AssetPanel, {}), _jsx(Canvas, {}), _jsx(Inspector, {})] }), _jsx(PipelineBar, {}), showStatusBar && _jsx(StatusBar, {})] }));
+}
+//# sourceMappingURL=Workspace.js.map

package/dist/components/Workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sourceRoot":"","sources":["../../src/components/Workspace.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,SAAS,EAAyB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAU3C,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,EAAE,EACd,GAAG,aAAa,EACD;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;IAEnD,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;QAC9B,OAAO,CACL,cAAK,SAAS,EAAC,yCAAyC,YACtD,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,qDAAqD,aAClE,cAAK,SAAS,EAAC,iFAAiF,GAAG,EACnG,cAAK,SAAS,EAAC,mFAAmF,GAAG,IACjG,EACN,eAAK,SAAS,EAAC,aAAa,aAC1B,YAAG,SAAS,EAAC,sDAAsD,qCAAyB,EAC5F,YAAG,SAAS,EAAC,4BAA4B,oDAAwC,IAC7E,IACF,GACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,8CAA8C,YAC3D,eAAK,SAAS,EAAC,+GAA+G,aAC5H,cAAK,SAAS,EAAC,oGAAoG,YACjH,eAAK,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,aAAE,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAE,EAAA,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAE,EAAA,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAE,IAAM,GAC9N,EACN,YAAG,SAAS,EAAC,8CAA8C,qCAAyB,EACpF,YAAG,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAK,IAC1E,GACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAE3E,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI,EAGzB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,UAAU,KAAG,EACd,KAAC,MAAM,KAAG,EACV,KAAC,SAAS,KAAG,IACT,EAGN,KAAC,WAAW,KAAG,EAGd,aAAa,IAAI,KAAC,SAAS,KAAG,IAC3B,CACP,CAAC;AACJ,CAAC"}

package/dist/hooks/useLokvis.d.ts

@@ -0,0 +1,32 @@
+/**
+ * useLokvis - 在 React 中初始化 Lokvis Runtime 并加载插件
+ *
+ * @example
+ * ```tsx
+ * import { useLokvis } from '@lokvis/ui-react';
+ * import imageToolsPlugin from '@lokvis/plugin-image';
+ *
+ * function App() {
+ *   const { runtime, status, error } = useLokvis({
+ *     plugins: [imageToolsPlugin()],
+ *   });
+ *   if (!runtime) return <p>Loading...</p>;
+ *   return <Workspace />;
+ * }
+ * ```
+ */
+import type { LokvisRuntime, RuntimeConfig } from '@lokvis/runtime';
+import type { PluginLoadEntry } from '@lokvis/sdk';
+export interface UseLokvisOptions extends RuntimeConfig {
+    /** 预加载的插件列表 */
+    plugins?: PluginLoadEntry[];
+    /** 是否在挂载时自动初始化（默认 true） */
+    autoInit?: boolean;
+}
+export interface UseLokvisResult {
+    runtime: LokvisRuntime | null;
+    status: 'idle' | 'initializing' | 'ready' | 'error';
+    error: string | null;
+}
+export declare function useLokvis(options?: UseLokvisOptions): UseLokvisResult;
+//# sourceMappingURL=useLokvis.d.ts.map

package/dist/hooks/useLokvis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLokvis.d.ts","sourceRoot":"","sources":["../../src/hooks/useLokvis.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,eAAe;IACf,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAwCzE"}

package/dist/hooks/useLokvis.js

@@ -0,0 +1,62 @@
+/**
+ * useLokvis - 在 React 中初始化 Lokvis Runtime 并加载插件
+ *
+ * @example
+ * ```tsx
+ * import { useLokvis } from '@lokvis/ui-react';
+ * import imageToolsPlugin from '@lokvis/plugin-image';
+ *
+ * function App() {
+ *   const { runtime, status, error } = useLokvis({
+ *     plugins: [imageToolsPlugin()],
+ *   });
+ *   if (!runtime) return <p>Loading...</p>;
+ *   return <Workspace />;
+ * }
+ * ```
+ */
+import { useEffect, useRef, useState } from 'react';
+import { createLokvis } from '@lokvis/sdk';
+import { useWorkspaceStore } from '../store/index.js';
+export function useLokvis(options = {}) {
+    const { plugins = [], autoInit = true, ...runtimeConfig } = options;
+    const [runtime, setRuntime] = useState(null);
+    const [status, setStatus] = useState('idle');
+    const [error, setError] = useState(null);
+    const initRef = useRef(false);
+    const storeInit = useWorkspaceStore((s) => s.init);
+    useEffect(() => {
+        if (!autoInit || initRef.current)
+            return;
+        initRef.current = true;
+        let cancelled = false;
+        (async () => {
+            try {
+                setStatus('initializing');
+                const rt = await createLokvis({
+                    ...runtimeConfig,
+                    plugins,
+                });
+                if (cancelled)
+                    return;
+                setRuntime(rt);
+                await storeInit(rt);
+                if (cancelled)
+                    return;
+                setStatus('ready');
+            }
+            catch (err) {
+                if (cancelled)
+                    return;
+                setError(err instanceof Error ? err.message : String(err));
+                setStatus('error');
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return { runtime, status, error };
+}
+//# sourceMappingURL=useLokvis.js.map

package/dist/hooks/useLokvis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLokvis.js","sourceRoot":"","sources":["../../src/hooks/useLokvis.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAetD,MAAM,UAAU,SAAS,CAAC,UAA4B,EAAE;IACtD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,aAAa,EAAE,GAAG,OAAO,CAAC;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA4B,MAAM,CAAC,CAAC;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,OAAO;YAAE,OAAO;QACzC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAEvB,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,CAAC,KAAK,IAAI,EAAE;YACV,IAAI,CAAC;gBACH,SAAS,CAAC,cAAc,CAAC,CAAC;gBAC1B,MAAM,EAAE,GAAG,MAAM,YAAY,CAAC;oBAC5B,GAAG,aAAa;oBAChB,OAAO;iBACR,CAAC,CAAC;gBACH,IAAI,SAAS;oBAAE,OAAO;gBACtB,UAAU,CAAC,EAAE,CAAC,CAAC;gBACf,MAAM,SAAS,CAAC,EAAE,CAAC,CAAC;gBACpB,IAAI,SAAS;oBAAE,OAAO;gBACtB,SAAS,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,IAAI,SAAS;oBAAE,OAAO;gBACtB,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC3D,SAAS,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AACpC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @lokvis/ui-react
+ *
+ * Lokvis Workspace UI - React workspace component library.
+ *
+ * Provides:
+ * - `<Workspace />` - Ready-to-use local-first workspace
+ * - `<AssetPanel />` - Asset panel (import / select / preview)
+ * - `<Canvas />` - Canvas preview area
+ * - `<Inspector />` - Right panel for capability configuration
+ * - `<PipelineBar />` - Workflow pipeline step bar
+ * - `<Toolbar />` - Top toolbar
+ * - `<StatusBar />` - Bottom status bar
+ * - `useLokvis()` - React hook for initializing Runtime + plugins
+ */
+export { useLokvis, type UseLokvisOptions, type UseLokvisResult } from './hooks/useLokvis.js';
+export { useWorkspaceStore, type WorkspaceState, type WorkspaceActions } from './store/index.js';
+export { Workspace, type WorkspaceProps } from './components/Workspace.js';
+export { AssetPanel } from './components/AssetPanel.js';
+export { Canvas } from './components/Canvas.js';
+export { Inspector } from './components/Inspector.js';
+export { PipelineBar } from './components/PipelineBar.js';
+export { Toolbar } from './components/Toolbar.js';
+export { StatusBar } from './components/StatusBar.js';
+export { ParamForm, type ParamFormProps } from './components/ParamForm.js';
+export type { WorkspaceEvent, NodeStatus, } from './types.js';
+//# 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;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEjG,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3E,YAAY,EACV,cAAc,EACd,UAAU,GACX,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,26 @@
+/**
+ * @lokvis/ui-react
+ *
+ * Lokvis Workspace UI - React workspace component library.
+ *
+ * Provides:
+ * - `<Workspace />` - Ready-to-use local-first workspace
+ * - `<AssetPanel />` - Asset panel (import / select / preview)
+ * - `<Canvas />` - Canvas preview area
+ * - `<Inspector />` - Right panel for capability configuration
+ * - `<PipelineBar />` - Workflow pipeline step bar
+ * - `<Toolbar />` - Top toolbar
+ * - `<StatusBar />` - Bottom status bar
+ * - `useLokvis()` - React hook for initializing Runtime + plugins
+ */
+export { useLokvis } from './hooks/useLokvis.js';
+export { useWorkspaceStore } from './store/index.js';
+export { Workspace } from './components/Workspace.js';
+export { AssetPanel } from './components/AssetPanel.js';
+export { Canvas } from './components/Canvas.js';
+export { Inspector } from './components/Inspector.js';
+export { PipelineBar } from './components/PipelineBar.js';
+export { Toolbar } from './components/Toolbar.js';
+export { StatusBar } from './components/StatusBar.js';
+export { ParamForm } from './components/ParamForm.js';
+//# 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;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,SAAS,EAA+C,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAA8C,MAAM,kBAAkB,CAAC;AAEjG,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC"}

package/dist/store/assets-slice.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Assets slice —— 资产导入 / 选择 / 删除 / 缩略图
+ */
+import type { StateCreator } from 'zustand';
+import type { WorkspaceStore, WorkspaceState, WorkspaceActions } from './types.js';
+export interface AssetsSlice extends Pick<WorkspaceState, 'assets' | 'selectedAssetId' | 'thumbnails'>, Pick<WorkspaceActions, 'refreshAssets' | 'importFiles' | 'selectAsset' | 'setThumbnail' | 'removeAsset'> {
+}
+export declare const createAssetsSlice: StateCreator<WorkspaceStore, [
+], [
+], AssetsSlice>;
+//# sourceMappingURL=assets-slice.d.ts.map

package/dist/store/assets-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets-slice.d.ts","sourceRoot":"","sources":["../../src/store/assets-slice.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,iBAAiB,GAAG,YAAY,CAAC,EACvE,IAAI,CACF,gBAAgB,EAChB,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,CACjF;CAAG;AAER,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAC1C,cAAc,EACd;CAAE,EACF;CAAE,EACF,WAAW,CAuCX,CAAC"}

package/dist/store/assets-slice.js

@@ -0,0 +1,39 @@
+export const createAssetsSlice = (set, get) => ({
+    assets: [],
+    selectedAssetId: null,
+    thumbnails: {},
+    async refreshAssets() {
+        const { runtime } = get();
+        if (!runtime)
+            return;
+        const assets = await runtime.listAssets();
+        set({ assets });
+    },
+    async importFiles(files) {
+        const { runtime } = get();
+        if (!runtime)
+            return;
+        set({ statusMessage: `Importing ${files.length} file(s)...` });
+        for (const file of files) {
+            await runtime.importAsset({ kind: 'file', file });
+        }
+        await get().refreshAssets();
+        set({ statusMessage: `Imported ${files.length} file(s)` });
+    },
+    selectAsset(id) {
+        set({ selectedAssetId: id });
+    },
+    setThumbnail(id, url) {
+        set((state) => ({ thumbnails: { ...state.thumbnails, [id]: url } }));
+    },
+    async removeAsset(id) {
+        const { runtime } = get();
+        if (!runtime)
+            return;
+        await runtime.removeAsset(id);
+        await get().refreshAssets();
+        if (get().selectedAssetId === id)
+            set({ selectedAssetId: null });
+    },
+});
+//# sourceMappingURL=assets-slice.js.map

package/dist/store/assets-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets-slice.js","sourceRoot":"","sources":["../../src/store/assets-slice.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,iBAAiB,GAK1B,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACjB,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,EAAE;IAEd,KAAK,CAAC,aAAa;QACjB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC;QAC1C,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,KAAK;QACrB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,GAAG,CAAC,EAAE,aAAa,EAAE,aAAa,KAAK,CAAC,MAAM,aAAa,EAAE,CAAC,CAAC;QAC/D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,OAAO,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,CAAC;QACD,MAAM,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;QAC5B,GAAG,CAAC,EAAE,aAAa,EAAE,YAAY,KAAK,CAAC,MAAM,UAAU,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/B,CAAC;IAED,YAAY,CAAC,EAAE,EAAE,GAAG;QAClB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,EAAE;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;QAC5B,IAAI,GAAG,EAAE,CAAC,eAAe,KAAK,EAAE;YAAE,GAAG,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,CAAC;CACF,CAAC,CAAC"}

package/dist/store/capabilities-slice.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Capabilities slice —— 能力列表与映射
+ */
+import type { StateCreator } from 'zustand';
+import type { WorkspaceStore, WorkspaceState, WorkspaceActions } from './types.js';
+export interface CapabilitiesSlice extends Pick<WorkspaceState, 'capabilities' | 'capabilityMap'>, Pick<WorkspaceActions, 'refreshCapabilities'> {
+}
+export declare const createCapabilitiesSlice: StateCreator<WorkspaceStore, [
+], [
+], CapabilitiesSlice>;
+//# sourceMappingURL=capabilities-slice.d.ts.map

package/dist/store/capabilities-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities-slice.d.ts","sourceRoot":"","sources":["../../src/store/capabilities-slice.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,cAAc,GAAG,eAAe,CAAC,EAC5D,IAAI,CAAC,gBAAgB,EAAE,qBAAqB,CAAC;CAAG;AAEpD,eAAO,MAAM,uBAAuB,EAAE,YAAY,CAChD,cAAc,EACd;CAAE,EACF;CAAE,EACF,iBAAiB,CAajB,CAAC"}

package/dist/store/capabilities-slice.js

@@ -0,0 +1,15 @@
+export const createCapabilitiesSlice = (set, get) => ({
+    capabilities: [],
+    capabilityMap: {},
+    async refreshCapabilities() {
+        const { runtime } = get();
+        if (!runtime)
+            return;
+        const capabilities = await runtime.capabilities();
+        const capabilityMap = {};
+        for (const cap of capabilities)
+            capabilityMap[cap.name] = cap;
+        set({ capabilities, capabilityMap });
+    },
+});
+//# sourceMappingURL=capabilities-slice.js.map

package/dist/store/capabilities-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities-slice.js","sourceRoot":"","sources":["../../src/store/capabilities-slice.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,uBAAuB,GAKhC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACjB,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,EAAE;IAEjB,KAAK,CAAC,mBAAmB;QACvB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC;QAClD,MAAM,aAAa,GAAkB,EAAE,CAAC;QACxC,KAAK,MAAM,GAAG,IAAI,YAAY;YAAE,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QAC9D,GAAG,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC;IACvC,CAAC;CACF,CAAC,CAAC"}

package/dist/store/index.d.ts

@@ -0,0 +1,4 @@
+import type { WorkspaceStore } from './types.js';
+export declare const useWorkspaceStore: import("zustand").UseBoundStore<import("zustand").StoreApi<WorkspaceStore>>;
+export type { WorkspaceState, WorkspaceActions, WorkspaceStore } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAMjD,eAAO,MAAM,iBAAiB,6EAK3B,CAAC;AAEJ,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/store/index.js

@@ -0,0 +1,24 @@
+/**
+ * Workspace UI 状态管理(Zustand)
+ *
+ * 按域拆分为 4 个 slice:
+ * - runtime-slice:      Runtime 初始化、全局状态消息、错误
+ * - assets-slice:       资产导入 / 选择 / 删除 / 缩略图
+ * - capabilities-slice: 能力列表与映射
+ * - workflow-slice:     工作流节点编排与执行
+ *
+ * 各 slice 独立演进,W6/W7/W9 扩展时按 slice 添加 action 即可。
+ * Runtime 永远不知道 React,但 UI 层负责把 Runtime 事件桥接到 store。
+ */
+import { create } from 'zustand';
+import { createRuntimeSlice } from './runtime-slice.js';
+import { createAssetsSlice } from './assets-slice.js';
+import { createCapabilitiesSlice } from './capabilities-slice.js';
+import { createWorkflowSlice } from './workflow-slice.js';
+export const useWorkspaceStore = create()((...a) => ({
+    ...createRuntimeSlice(...a),
+    ...createAssetsSlice(...a),
+    ...createCapabilitiesSlice(...a),
+    ...createWorkflowSlice(...a),
+}));
+//# sourceMappingURL=index.js.map

package/dist/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,EAAkB,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC3B,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC1B,GAAG,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAChC,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC;CAC7B,CAAC,CAAC,CAAC"}

package/dist/store/runtime-slice.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Runtime slice —— Runtime 初始化与状态消息
+ *
+ * 负责 runtime 实例注入、初始化、全局状态消息与错误。
+ */
+import type { StateCreator } from 'zustand';
+import type { WorkspaceStore, WorkspaceState, WorkspaceActions } from './types.js';
+export interface RuntimeSlice extends Pick<WorkspaceState, 'runtime' | 'initializing' | 'initError' | 'running' | 'statusMessage' | 'error'>, Pick<WorkspaceActions, 'init' | 'setStatus' | 'setError'> {
+}
+export declare const createRuntimeSlice: StateCreator<WorkspaceStore, [
+], [
+], RuntimeSlice>;
+//# sourceMappingURL=runtime-slice.d.ts.map

package/dist/store/runtime-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-slice.d.ts","sourceRoot":"","sources":["../../src/store/runtime-slice.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnF,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,cAAc,EACd,SAAS,GAAG,cAAc,GAAG,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,OAAO,CACjF,EACC,IAAI,CACF,gBAAgB,EAChB,MAAM,GAAG,WAAW,GAAG,UAAU,CAClC;CAAG;AAER,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAC3C,cAAc,EACd;CAAE,EACF;CAAE,EACF,YAAY,CA8BZ,CAAC"}

package/dist/store/runtime-slice.js

@@ -0,0 +1,29 @@
+export const createRuntimeSlice = (set, get) => ({
+    runtime: null,
+    initializing: false,
+    initError: null,
+    running: false,
+    statusMessage: 'Idle',
+    error: null,
+    async init(runtime) {
+        set({ runtime, initializing: true, initError: null });
+        try {
+            await get().refreshAssets();
+            await get().refreshCapabilities();
+            set({ initializing: false, statusMessage: 'Ready' });
+        }
+        catch (err) {
+            set({
+                initializing: false,
+                initError: err instanceof Error ? err.message : String(err),
+            });
+        }
+    },
+    setStatus(message) {
+        set({ statusMessage: message });
+    },
+    setError(error) {
+        set({ error });
+    },
+});
+//# sourceMappingURL=runtime-slice.js.map

package/dist/store/runtime-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-slice.js","sourceRoot":"","sources":["../../src/store/runtime-slice.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAC,MAAM,kBAAkB,GAK3B,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,IAAI;IACb,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,IAAI;IAEX,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC;YACH,MAAM,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;YAC5B,MAAM,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC;YAClC,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;QACvD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,GAAG,CAAC;gBACF,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;aAC5D,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,SAAS,CAAC,OAAO;QACf,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;IAClC,CAAC;IAED,QAAQ,CAAC,KAAK;QACZ,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACjB,CAAC;CACF,CAAC,CAAC"}

package/dist/store/types.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Workspace Store 类型定义
+ *
+ * 把原 store.ts 顶部的 WorkspaceState / WorkspaceActions 抽出,
+ * 供各 slice 引用,避免循环依赖。
+ */
+import type { Asset, Capability } from '@lokvis/schema';
+import type { LokvisRuntime } from '@lokvis/runtime';
+import type { CapabilityMap, NodeStatus, WorkspaceNode } from '../types.js';
+/** 工作台完整状态 */
+export interface WorkspaceState {
+    /** Runtime 实例 */
+    runtime: LokvisRuntime | null;
+    /** 是否正在初始化 Runtime */
+    initializing: boolean;
+    /** 初始化错误 */
+    initError: string | null;
+    /** 所有已导入资产 */
+    assets: Asset[];
+    /** 当前选中的资产 ID */
+    selectedAssetId: string | null;
+    /** 资产缩略图（AssetId → ObjectURL） */
+    thumbnails: Record<string, string>;
+    /** 所有已注册能力 */
+    capabilities: Capability[];
+    /** 能力映射表（name → Capability） */
+    capabilityMap: CapabilityMap;
+    /** 工作流节点序列（线性链） */
+    nodes: WorkspaceNode[];
+    /** 当前选中的节点 ID */
+    selectedNodeId: string | null;
+    /** 是否正在执行工作流 */
+    running: boolean;
+    /** 全局状态消息 */
+    statusMessage: string;
+    /** 错误信息 */
+    error: string | null;
+}
+/** 工作台操作 */
+export interface WorkspaceActions {
+    /** 初始化 Runtime */
+    init(runtime: LokvisRuntime): Promise<void>;
+    /** 刷新资产列表 */
+    refreshAssets(): Promise<void>;
+    /** 刷新能力列表 */
+    refreshCapabilities(): Promise<void>;
+    /** 导入文件 */
+    importFiles(files: File[]): Promise<void>;
+    /** 选择资产 */
+    selectAsset(id: string | null): void;
+    /** 设置缩略图 */
+    setThumbnail(id: string, url: string): void;
+    /** 删除资产 */
+    removeAsset(id: string): Promise<void>;
+    /** 添加工作流节点 */
+    addNode(capability: string): void;
+    /** 更新节点参数 */
+    updateNodeParams(id: string, params: Record<string, unknown>): void;
+    /** 删除节点 */
+    removeNode(id: string): void;
+    /** 选择节点 */
+    selectNode(id: string | null): void;
+    /** 设置节点状态 */
+    setNodeStatus(id: string, status: NodeStatus, error?: string, duration?: number): void;
+    /** 执行工作流 */
+    run(): Promise<Asset[]>;
+    /** 设置状态消息 */
+    setStatus(message: string): void;
+    /** 设置错误 */
+    setError(error: string | null): void;
+    /** 清空工作流 */
+    clearWorkflow(): void;
+}
+export type WorkspaceStore = WorkspaceState & WorkspaceActions;
+/** 生成节点 ID */
+export declare function genNodeId(): string;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":"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"}

package/dist/store/types.js

@@ -0,0 +1,5 @@
+/** 生成节点 ID */
+export function genNodeId() {
+    return `node_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 6)}`;
+}
+//# sourceMappingURL=types.js.map

package/dist/store/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":"AAoFA,cAAc;AACd,MAAM,UAAU,SAAS;IACvB,OAAO,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACrF,CAAC"}

package/dist/store/workflow-slice.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Workflow slice —— 工作流节点编排与执行
+ *
+ * 负责:
+ * - 节点 CRUD(add / remove / updateParams / select / setNodeStatus)
+ * - 工作流执行(run):构建线性 Workflow → 调用 runtime.run → 更新节点状态
+ * - 清空(clearWorkflow)
+ *
+ * run() 内部依赖 buildLinearWorkflow(本地工具)把节点序列构建为 Workflow 定义。
+ */
+import type { StateCreator } from 'zustand';
+import type { WorkspaceStore, WorkspaceState, WorkspaceActions } from './types.js';
+export interface WorkflowSlice extends Pick<WorkspaceState, 'nodes' | 'selectedNodeId'>, Pick<WorkspaceActions, 'addNode' | 'updateNodeParams' | 'removeNode' | 'selectNode' | 'setNodeStatus' | 'run' | 'clearWorkflow'> {
+}
+export declare const createWorkflowSlice: StateCreator<WorkspaceStore, [
+], [
+], WorkflowSlice>;
+//# sourceMappingURL=workflow-slice.d.ts.map

package/dist/store/workflow-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-slice.d.ts","sourceRoot":"","sources":["../../src/store/workflow-slice.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,gBAAgB,CAAC,EACtD,IAAI,CACF,gBAAgB,EACd,SAAS,GACT,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,KAAK,GACL,eAAe,CAClB;CAAG;AAER,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAC5C,cAAc,EACd;CAAE,EACF;CAAE,EACF,aAAa,CAgHb,CAAC"}