entropia-template-ui 0.2.2 → 0.2.3

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as p, Fragment as B, jsx as a } from "react/jsx-runtime";
-import { useState as F, useMemo as q, useRef as L, useEffect as A, Fragment as Oe } from "react";
-import { create as Ie } from "zustand";
-import { addEdge as qe, applyEdgeChanges as Ye, applyNodeChanges as Xe, Handle as Ne, Position as ke, ReactFlowProvider as Qe, useReactFlow as Ze, ReactFlow as en, Background as nn, ViewportPortal as tn } from "@xyflow/react";
-import { createPortal as Re } from "react-dom";
-const an = [
+import { jsxs as p, Fragment as K, jsx as a } from "react/jsx-runtime";
+import { useState as E, useMemo as Y, useRef as D, useEffect as W, Fragment as je } from "react";
+import { create as $e } from "zustand";
+import { addEdge as Ye, applyEdgeChanges as Xe, applyNodeChanges as Qe, Handle as _e, Position as xe, ReactFlowProvider as Ze, useReactFlow as en, ReactFlow as nn, Background as tn, ViewportPortal as an } from "@xyflow/react";
+import { createPortal as Le } from "react-dom";
+const sn = [
   {
     type: "constant",
     label: "Constant",
@@ -34,31 +34,31 @@ const an = [
     outputs: [{ name: "result", label: "Result", dataKind: "tensor", direction: "out" }],
     parameters: []
   }
-], Z = "0.2.2";
-let sn = 0;
-function ce(n) {
+], te = "0.2.3";
+let rn = 0;
+function ue(n) {
   return n.charAt(0).toUpperCase() + n.slice(1);
 }
-function rn(n) {
+function on(n) {
   return {
     type: n.type,
     label: n.label,
     category: n.category,
     inputs: n.inputs.map((e) => ({
       name: e.name,
-      label: ce(e.name),
+      label: ue(e.name),
       dataKind: e.data_kind,
       direction: "in"
     })),
     outputs: n.outputs.map((e) => ({
       name: e.name,
-      label: ce(e.name),
+      label: ue(e.name),
       dataKind: e.data_kind,
       direction: "out"
     })),
     parameters: n.parameters.map((e) => ({
       name: e.name,
-      label: ce(e.name),
+      label: ue(e.name),
       kind: e.kind,
       default: e.default,
       required: e.required,
@@ -67,11 +67,11 @@ function rn(n) {
     }))
   };
 }
-let we = 0;
-function V(n) {
-  return we += 1, `${n}_${we}`;
+let Se = 0;
+function q(n) {
+  return Se += 1, `${n}_${Se}`;
 }
-function M(n, e) {
+function U(n, e) {
   let t = "untitled", s = "", r = "";
   try {
     t = g.getState().activeFileName ?? "untitled", s = localStorage.getItem("entropia_riko_theme") ?? "", r = localStorage.getItem("entropia_riko_background") ?? "";
@@ -79,7 +79,7 @@ function M(n, e) {
   }
   return {
     version: "1.0",
-    metadata: { name: t, app: "entropia-riko", appVersion: Z },
+    metadata: { name: t, app: "entropia-riko", appVersion: te },
     nodes: n.map((o) => ({
       id: o.id,
       type_name: o.data.type,
@@ -100,7 +100,7 @@ function M(n, e) {
     settings: { theme: s, backgroundImage: r }
   };
 }
-function ee(n, e) {
+function ae(n, e) {
   const t = (n.nodes || []).map((r) => {
     var i, d;
     const o = e.find((h) => h.type === r.type_name);
@@ -127,7 +127,7 @@ function ee(n, e) {
   }));
   return { nodes: t, edges: s };
 }
-async function on(n) {
+async function ln(n) {
   const e = (n || "").trim();
   if (!e) return null;
   const t = [];
@@ -139,23 +139,23 @@ async function on(n) {
     }
   return null;
 }
-const je = "entropia_riko_recent";
-function ln() {
+const De = "entropia_riko_recent";
+function cn() {
   try {
-    const n = localStorage.getItem(je), e = n ? JSON.parse(n) : [];
+    const n = localStorage.getItem(De), e = n ? JSON.parse(n) : [];
     return Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
   } catch {
     return [];
   }
 }
-function cn(n) {
+function dn(n) {
   try {
-    localStorage.setItem(je, JSON.stringify(n.slice(0, 10)));
+    localStorage.setItem(De, JSON.stringify(n.slice(0, 10)));
   } catch {
   }
 }
-const g = Ie((n, e) => ({
-  nodeDefs: an,
+const g = $e((n, e) => ({
+  nodeDefs: sn,
   workflows: [],
   activeWorkflowId: null,
   nodes: [],
@@ -171,7 +171,7 @@ const g = Ie((n, e) => ({
   activeFilePath: null,
   dirty: !1,
   losses: [],
-  recentFiles: ln(),
+  recentFiles: cn(),
   welcomeOpen: !0,
   prefsOpen: !1,
   aboutOpen: !1,
@@ -182,20 +182,20 @@ const g = Ie((n, e) => ({
   codeBuffer: "",
   toasts: [],
   onNodesChange: (t) => {
-    const s = Xe(t, e().nodes), r = t.some((o) => o.type !== "select");
+    const s = Qe(t, e().nodes), r = t.some((o) => o.type !== "select");
     n(r ? { nodes: s, dirty: !0 } : { nodes: s });
   },
   onEdgesChange: (t) => {
-    const s = Ye(t, e().edges), r = t.some((o) => o.type !== "select");
+    const s = Xe(t, e().edges), r = t.some((o) => o.type !== "select");
     n(r ? { edges: s, dirty: !0 } : { edges: s });
   },
   onConnect: (t) => {
     if (!t.source || !t.target) return;
-    const s = V("edge");
-    n({ edges: qe({ ...t, id: s }, e().edges), dirty: !0 }), e().log(`连接 ${t.source}.${t.sourceHandle} → ${t.target}.${t.targetHandle}`);
+    const s = q("edge");
+    n({ edges: Ye({ ...t, id: s }, e().edges), dirty: !0 }), e().log(`连接 ${t.source}.${t.sourceHandle} → ${t.target}.${t.targetHandle}`);
   },
   addNode: (t, s) => {
-    const r = e().nodeDefs.find((h) => h.type === t), o = V(t), i = {};
+    const r = e().nodeDefs.find((h) => h.type === t), o = q(t), i = {};
     if (r)
       for (const h of r.parameters) i[h.name] = h.default;
     const d = {
@@ -228,7 +228,7 @@ const g = Ie((n, e) => ({
     dirty: !0
   }),
   addFrame: (t, s) => {
-    const r = V("frame");
+    const r = q("frame");
     n({
       frames: [
         ...e().frames,
@@ -251,7 +251,7 @@ const g = Ie((n, e) => ({
       e().pushToast("error", "该节点没有 file/module 参数");
       return;
     }
-    const o = await on(String(r));
+    const o = await ln(String(r));
     if (!o) {
       e().pushToast("error", `找不到子图: ${r}`);
       return;
@@ -262,13 +262,13 @@ const g = Ie((n, e) => ({
         e().pushToast("error", h.error ?? "打开子图失败");
         return;
       }
-      const { nodes: c, edges: u } = ee(h.doc, e().nodeDefs), m = [...e().graphStack], v = m[m.length - 1];
-      m[m.length - 1] = { ...v, nodes: e().nodes, edges: e().edges };
+      const { nodes: c, edges: m } = ae(h.doc, e().nodeDefs), u = [...e().graphStack], b = u[u.length - 1];
+      u[u.length - 1] = { ...b, nodes: e().nodes, edges: e().edges };
       const l = ((i = o.split("/").pop()) == null ? void 0 : i.replace(/\.(riko|ric)$/i, "")) ?? o;
-      m.push({ name: l, path: o, nodes: c, edges: u }), n({
-        graphStack: m,
+      u.push({ name: l, path: o, nodes: c, edges: m }), n({
+        graphStack: u,
         nodes: c,
-        edges: u,
+        edges: m,
         selectedNodeId: null,
         results: {},
         status: "idle",
@@ -293,7 +293,7 @@ const g = Ie((n, e) => ({
   run: async () => {
     n({ status: "running" }), e().log("开始执行图（调用 Python runtime）...");
     try {
-      const t = M(e().nodes, e().edges), r = await (await fetch("/api/execute", {
+      const t = U(e().nodes, e().edges), r = await (await fetch("/api/execute", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(t)
@@ -302,15 +302,15 @@ const g = Ie((n, e) => ({
         const o = {}, i = r.outputs;
         for (const [d, h] of Object.entries(i)) {
           o[d] = {};
-          for (const [c, u] of Object.entries(h))
+          for (const [c, m] of Object.entries(h))
             o[d][c] = {
-              summary: u.summary,
-              shape: u.shape,
-              dtype: u.dtype,
-              device: u.device,
-              dataPreview: u.data === null || u.data === void 0 ? "" : JSON.stringify(u.data).slice(0, 120),
-              dataKind: u.data_kind,
-              image: u.image
+              summary: m.summary,
+              shape: m.shape,
+              dtype: m.dtype,
+              device: m.device,
+              dataPreview: m.data === null || m.data === void 0 ? "" : JSON.stringify(m.data).slice(0, 120),
+              dataKind: m.data_kind,
+              image: m.image
             };
         }
         n({
@@ -333,38 +333,38 @@ const g = Ie((n, e) => ({
   },
   loadNodeDefs: async () => {
     try {
-      const r = (await (await fetch("/api/nodes")).json()).nodes.map(rn);
+      const r = (await (await fetch("/api/nodes")).json()).nodes.map(on);
       r.length > 0 && (n({ nodeDefs: r }), e().log(`从 API 加载 ${r.length} 个节点定义`));
     } catch (t) {
       e().log(`API 节点加载失败: ${t instanceof Error ? t.message : String(t)}。请启动 API server: uvicorn src.server.app:app --port 8000`);
     }
   },
   save: () => {
-    const t = M(e().nodes, e().edges), s = new Blob([JSON.stringify(t, null, 2)], {
+    const t = U(e().nodes, e().edges), s = new Blob([JSON.stringify(t, null, 2)], {
       type: "application/json"
     }), r = URL.createObjectURL(s), o = document.createElement("a");
     o.href = r, o.download = "workflow.riko", o.click(), URL.revokeObjectURL(r), n({ dirty: !1 }), e().log("已保存工作流 (workflow.riko)");
   },
   exportRiko: () => {
-    const t = M(e().nodes, e().edges), s = (e().activeFileName ?? "workflow").replace(/\.(riko|ric)$/i, ""), r = new Blob([JSON.stringify(t, null, 2)], { type: "application/json" }), o = URL.createObjectURL(r), i = document.createElement("a");
+    const t = U(e().nodes, e().edges), s = (e().activeFileName ?? "workflow").replace(/\.(riko|ric)$/i, ""), r = new Blob([JSON.stringify(t, null, 2)], { type: "application/json" }), o = URL.createObjectURL(r), i = document.createElement("a");
     i.href = o, i.download = `${s}.riko`, i.click(), URL.revokeObjectURL(o), n({ dirty: !1 }), e().log(`已导出 ${s}.riko`);
   },
   exportBinary: async () => {
     try {
-      const t = M(e().nodes, e().edges), r = await (await fetch("/api/export_binary", {
+      const t = U(e().nodes, e().edges), r = await (await fetch("/api/export_binary", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(t)
       })).json();
       if (r.status !== "success") throw new Error(r.error);
-      const o = (e().activeFileName ?? "workflow").replace(/\.(riko|ric)$/i, ""), i = Uint8Array.from(atob(r.base64), (u) => u.charCodeAt(0)), d = new Blob([i], { type: "application/octet-stream" }), h = URL.createObjectURL(d), c = document.createElement("a");
+      const o = (e().activeFileName ?? "workflow").replace(/\.(riko|ric)$/i, ""), i = Uint8Array.from(atob(r.base64), (m) => m.charCodeAt(0)), d = new Blob([i], { type: "application/octet-stream" }), h = URL.createObjectURL(d), c = document.createElement("a");
       c.href = h, c.download = `${o}.ric`, c.click(), URL.revokeObjectURL(h), n({ dirty: !1 }), e().log(`已导出 ${o}.ric`);
     } catch (t) {
       e().log(`导出 .ric 失败: ${t instanceof Error ? t.message : String(t)}`);
     }
   },
   exportProjectTo: async (t) => {
-    const s = M(e().nodes, e().edges);
+    const s = U(e().nodes, e().edges);
     try {
       const o = await (await fetch("/api/export_project", {
         method: "POST",
@@ -394,14 +394,14 @@ const g = Ie((n, e) => ({
         });
         s = JSON.parse(i);
       }
-      const { nodes: r, edges: o } = ee(s, e().nodeDefs);
+      const { nodes: r, edges: o } = ae(s, e().nodeDefs);
       n({ nodes: r, edges: o, frames: [], graphStack: [{ name: t.name.replace(/\.(riko|ric)$/i, "") || "workflow", path: t.name, nodes: r, edges: [] }], selectedNodeId: null, results: {}, status: "idle", dirty: !1 }), e().log(`已加载工作流（${r.length} 节点, ${o.length} 连接）`);
     } catch (s) {
       e().log(`加载失败: ${s instanceof Error ? s.message : String(s)}`);
     }
   },
   exportPython: async () => {
-    const t = M(e().nodes, e().edges);
+    const t = U(e().nodes, e().edges);
     try {
       const r = await (await fetch("/api/export_python", {
         method: "POST",
@@ -418,7 +418,7 @@ const g = Ie((n, e) => ({
     }
   },
   exportKeras: async () => {
-    const t = M(e().nodes, e().edges);
+    const t = U(e().nodes, e().edges);
     try {
       const r = await (await fetch("/api/export_keras", {
         method: "POST",
@@ -435,7 +435,7 @@ const g = Ie((n, e) => ({
     }
   },
   generatePythonCode: async () => {
-    const t = M(e().nodes, e().edges);
+    const t = U(e().nodes, e().edges);
     try {
       const r = await (await fetch("/api/export_python", {
         method: "POST",
@@ -467,7 +467,7 @@ const g = Ie((n, e) => ({
   newWorkflow: (t) => {
     const s = e().activeWorkflowId, r = s ? e().workflows.map(
       (i) => i.id === s ? { ...i, nodes: e().nodes, edges: e().edges } : i
-    ) : e().workflows, o = V("wf");
+    ) : e().workflows, o = q("wf");
     n({
       workflows: [...r, { id: o, name: t, nodes: [], edges: [] }],
       activeWorkflowId: o,
@@ -510,10 +510,10 @@ const g = Ie((n, e) => ({
     try {
       const h = await (await fetch(`/api/files/content?path=${encodeURIComponent(t)}`)).json();
       if (h.status === "success") {
-        const { nodes: c, edges: u } = ee(h.doc, e().nodeDefs);
+        const { nodes: c, edges: m } = ae(h.doc, e().nodeDefs);
         n({
           nodes: c,
-          edges: u,
+          edges: m,
           selectedNodeId: null,
           results: {},
           status: "idle",
@@ -522,8 +522,8 @@ const g = Ie((n, e) => ({
           graphStack: [{ name: ((i = (o = h.doc) == null ? void 0 : o.metadata) == null ? void 0 : i.name) ?? t.split("/").pop() ?? t, path: t, nodes: c, edges: [] }],
           dirty: !1
         });
-        const m = [t, ...e().recentFiles.filter((v) => v !== t)].slice(0, 10);
-        cn(m), n({ recentFiles: m }), e().log(`已打开 ${t}`);
+        const u = [t, ...e().recentFiles.filter((b) => b !== t)].slice(0, 10);
+        dn(u), n({ recentFiles: u }), e().log(`已打开 ${t}`);
       } else
         e().log(`打开失败: ${h.error}`);
     } catch (d) {
@@ -535,7 +535,7 @@ const g = Ie((n, e) => ({
     try {
       const o = await (await fetch(`/api/project/open?path=${encodeURIComponent(t)}`)).json();
       if (o.status === "success") {
-        const { nodes: i, edges: d } = ee(o.doc, e().nodeDefs), h = ((s = t.split("/").pop()) == null ? void 0 : s.replace(/\.(riko|ric)$/, "")) ?? t;
+        const { nodes: i, edges: d } = ae(o.doc, e().nodeDefs), h = ((s = t.split("/").pop()) == null ? void 0 : s.replace(/\.(riko|ric)$/, "")) ?? t;
         n({
           nodes: i,
           edges: d,
@@ -562,44 +562,44 @@ const g = Ie((n, e) => ({
       }
       const o = r.doc, i = e().nodes;
       let d = 0;
-      for (const m of i) d = Math.max(d, m.position.y + 120);
-      const h = {}, c = (o.nodes ?? []).map((m) => {
-        var N, f;
-        const v = V("n");
-        h[m.id] = v;
-        const l = e().nodeDefs.find((x) => x.type === m.type_name);
+      for (const u of i) d = Math.max(d, u.position.y + 120);
+      const h = {}, c = (o.nodes ?? []).map((u) => {
+        var v, f;
+        const b = q("n");
+        h[u.id] = b;
+        const l = e().nodeDefs.find((C) => C.type === u.type_name);
         return {
-          id: v,
+          id: b,
           type: "thnNode",
-          position: { x: ((N = m.position) == null ? void 0 : N[0]) ?? 0, y: (((f = m.position) == null ? void 0 : f[1]) ?? 0) + d },
+          position: { x: ((v = u.position) == null ? void 0 : v[0]) ?? 0, y: (((f = u.position) == null ? void 0 : f[1]) ?? 0) + d },
           data: {
-            type: m.type_name,
-            label: m.label || (l == null ? void 0 : l.label) || m.type_name,
-            category: m.category || (l == null ? void 0 : l.category) || "",
-            params: m.parameters || {},
+            type: u.type_name,
+            label: u.label || (l == null ? void 0 : l.label) || u.type_name,
+            category: u.category || (l == null ? void 0 : l.category) || "",
+            params: u.parameters || {},
             inputs: (l == null ? void 0 : l.inputs) ?? [],
             outputs: (l == null ? void 0 : l.outputs) ?? [],
             hasError: !1
           }
         };
-      }), u = (o.edges ?? []).map((m) => ({
-        id: V("edge"),
-        source: h[m.source_node],
-        target: h[m.target_node],
-        sourceHandle: m.source_port,
-        targetHandle: m.target_port
-      })).filter((m) => m.source && m.target);
+      }), m = (o.edges ?? []).map((u) => ({
+        id: q("edge"),
+        source: h[u.source_node],
+        target: h[u.target_node],
+        sourceHandle: u.source_port,
+        targetHandle: u.target_port
+      })).filter((u) => u.source && u.target);
       n({
         nodes: [...i, ...c],
-        edges: [...e().edges, ...u],
+        edges: [...e().edges, ...m],
         dirty: !0
-      }), e().log(`已展开 ${t}（${c.length} 节点, ${u.length} 连接）`);
+      }), e().log(`已展开 ${t}（${c.length} 节点, ${m.length} 连接）`);
     } catch (s) {
       e().log(`展开失败: ${s instanceof Error ? s.message : String(s)}`);
     }
   },
   saveFileToDisk: async (t, s = "ascii") => {
-    const o = { ...M(e().nodes, e().edges), metadata: { name: t, description: "" } };
+    const o = { ...U(e().nodes, e().edges), metadata: { name: t, description: "" } };
     try {
       const d = await (await fetch("/api/files/save", {
         method: "POST",
@@ -613,7 +613,7 @@ const g = Ie((n, e) => ({
   },
   saveToPath: async (t, s = "ascii") => {
     var o;
-    const r = M(e().nodes, e().edges);
+    const r = U(e().nodes, e().edges);
     try {
       const d = await (await fetch("/api/fs/save", {
         method: "POST",
@@ -635,7 +635,7 @@ const g = Ie((n, e) => ({
       e().log("未找到 import / graph_reference 节点定义，请确认 API server 已启动");
       return;
     }
-    const o = V(r.type), i = {};
+    const o = q(r.type), i = {};
     for (const h of r.parameters) i[h.name] = h.default;
     i[r.type === "import" ? "module" : "file"] = t;
     const d = {
@@ -657,7 +657,7 @@ const g = Ie((n, e) => ({
   train: async (t = 20, s = 1e-3) => {
     n({ status: "running", losses: [] }), e().log(`开始训练 (${t} 步, lr=${s})...`);
     try {
-      const r = M(e().nodes, e().edges), o = await fetch("/api/train/stream", {
+      const r = U(e().nodes, e().edges), o = await fetch("/api/train/stream", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ doc: r, steps: t, lr: s })
@@ -666,18 +666,18 @@ const g = Ie((n, e) => ({
       const i = o.body.getReader(), d = new TextDecoder();
       let h = "";
       for (; ; ) {
-        const { done: u, value: m } = await i.read();
-        if (u) break;
-        h += d.decode(m, { stream: !0 });
-        const v = h.split(`
+        const { done: m, value: u } = await i.read();
+        if (m) break;
+        h += d.decode(u, { stream: !0 });
+        const b = h.split(`
 `);
-        h = v.pop() ?? "";
-        for (const l of v) {
-          const N = l.trim();
-          if (!N) continue;
+        h = b.pop() ?? "";
+        for (const l of b) {
+          const v = l.trim();
+          if (!v) continue;
           let f;
           try {
-            f = JSON.parse(N);
+            f = JSON.parse(v);
           } catch {
             continue;
           }
@@ -716,7 +716,7 @@ const g = Ie((n, e) => ({
   bumpProject: () => n({ projectVersion: e().projectVersion + 1 }),
   setCodeBuffer: (t) => n({ codeBuffer: t }),
   pushToast: (t, s) => {
-    const r = ++sn;
+    const r = ++rn;
     n({ toasts: [...e().toasts, { id: r, kind: t, message: s }].slice(-6) }), t !== "error" && setTimeout(() => e().dismissToast(r), 6e3);
   },
   dismissToast: (t) => n({ toasts: e().toasts.filter((s) => s.id !== t) }),
@@ -724,52 +724,52 @@ const g = Ie((n, e) => ({
     const s = (/* @__PURE__ */ new Date()).toLocaleTimeString();
     n({ logs: [...e().logs, `[${s}] ${t}`].slice(-80) });
   }
-})), $e = "entropia_riko_theme", ue = "entropia_riko_background";
-function dn() {
+})), Ae = "entropia_riko_theme", fe = "entropia_riko_background";
+function pn() {
   try {
-    const n = localStorage.getItem($e);
+    const n = localStorage.getItem(Ae);
     return n === "light" || n === "dark" || n === "glass" ? n : "system";
   } catch {
     return "system";
   }
 }
-function Le(n) {
+function Me(n) {
   n === "system" ? delete document.documentElement.dataset.theme : document.documentElement.dataset.theme = n;
 }
-function De(n) {
+function We(n) {
   const e = document.body;
   n ? (e.style.backgroundImage = `url("${n}")`, e.style.backgroundSize = "cover", e.style.backgroundPosition = "center") : (e.style.backgroundImage = "", e.style.backgroundSize = "", e.style.backgroundPosition = "");
 }
-function pn() {
+function un() {
   try {
-    return localStorage.getItem(ue) ?? "";
+    return localStorage.getItem(fe) ?? "";
   } catch {
     return "";
   }
 }
-const J = Ie((n) => ({
-  theme: dn(),
+const V = $e((n) => ({
+  theme: pn(),
   setTheme: (e) => {
-    Le(e);
+    Me(e);
     try {
-      localStorage.setItem($e, e);
+      localStorage.setItem(Ae, e);
     } catch {
     }
     n({ theme: e });
   },
-  backgroundImage: pn(),
+  backgroundImage: un(),
   setBackgroundImage: (e) => {
-    De(e);
+    We(e);
     try {
-      e ? localStorage.setItem(ue, e) : localStorage.removeItem(ue);
+      e ? localStorage.setItem(fe, e) : localStorage.removeItem(fe);
     } catch {
     }
     n({ backgroundImage: e });
   }
 }));
-Le(J.getState().theme);
-De(J.getState().backgroundImage);
-function te({
+Me(V.getState().theme);
+We(V.getState().backgroundImage);
+function re({
   entries: n,
   x: e,
   y: t,
@@ -777,18 +777,18 @@ function te({
   searchable: r = !1,
   maxWidth: o = 280
 }) {
-  const [i, d] = F(""), [h, c] = F({}), u = q(() => {
-    const l = i.trim().toLowerCase(), N = l ? n.filter(
+  const [i, d] = E(""), [h, c] = E({}), m = Y(() => {
+    const l = i.trim().toLowerCase(), v = l ? n.filter(
       (y) => !y.separator && (y.label.toLowerCase().includes(l) || (y.description ?? "").toLowerCase().includes(l))
-    ) : n, f = {}, x = [];
-    for (const y of N) {
-      const P = y.category ?? "";
-      P in f || (f[P] = [], x.push(P)), f[P].push(y);
+    ) : n, f = {}, C = [];
+    for (const y of v) {
+      const F = y.category ?? "";
+      F in f || (f[F] = [], C.push(F)), f[F].push(y);
     }
-    return { map: f, order: x };
-  }, [n, i]), { map: m, order: v } = u;
-  return Re(
-    /* @__PURE__ */ p(B, { children: [
+    return { map: f, order: C };
+  }, [n, i]), { map: u, order: b } = m;
+  return Le(
+    /* @__PURE__ */ p(K, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -810,8 +810,8 @@ function te({
           }
         ) }),
         /* @__PURE__ */ p("div", { className: "popup-list", children: [
-          v.map((l) => {
-            const N = !i && !h[l];
+          b.map((l) => {
+            const v = !i && !h[l];
             return /* @__PURE__ */ p("div", { className: "popup-category", children: [
               l !== "" && /* @__PURE__ */ p(
                 "div",
@@ -819,20 +819,20 @@ function te({
                   className: "popup-cat-header",
                   onClick: () => c((f) => ({ ...f, [l]: !f[l] })),
                   children: [
-                    /* @__PURE__ */ a("span", { className: "popup-cat-toggle", children: N ? "▸" : "▾" }),
+                    /* @__PURE__ */ a("span", { className: "popup-cat-toggle", children: v ? "▸" : "▾" }),
                     /* @__PURE__ */ a("span", { className: "popup-cat-label", children: l }),
-                    /* @__PURE__ */ a("span", { className: "popup-cat-count", children: m[l].length })
+                    /* @__PURE__ */ a("span", { className: "popup-cat-count", children: u[l].length })
                   ]
                 }
               ),
-              !N && m[l].map(
+              !v && u[l].map(
                 (f) => f.separator ? /* @__PURE__ */ a("div", { className: "popup-sep" }, f.id) : /* @__PURE__ */ p(
                   "div",
                   {
                     className: `popup-item ${f.danger ? "danger" : ""} ${f.disabled ? "disabled" : ""}`,
                     onClick: () => {
-                      var x;
-                      f.disabled || ((x = f.onSelect) == null || x.call(f), s());
+                      var C;
+                      f.disabled || ((C = f.onSelect) == null || C.call(f), s());
                     },
                     children: [
                       /* @__PURE__ */ a("span", { className: "popup-item-label", children: f.label }),
@@ -844,169 +844,169 @@ function te({
               )
             ] }, l);
           }),
-          v.length === 0 && /* @__PURE__ */ a("div", { className: "popup-item disabled", children: "No matches" })
+          b.length === 0 && /* @__PURE__ */ a("div", { className: "popup-item disabled", children: "No matches" })
         ] })
       ] })
     ] }),
     document.body
   );
 }
-let un = 0;
-const Ae = () => `area_${++un}`, j = (n) => ({
+let mn = 0;
+const Be = () => `area_${++mn}`, L = (n) => ({
   kind: "leaf",
-  id: Ae(),
+  id: Be(),
   type: n
-}), D = (n, e, t, s = 0.5) => ({ kind: "split", id: Ae(), direction: n, first: e, second: t, ratio: s });
-function mn() {
-  const n = D("column", j("nodes"), j("files"), 0.72), e = D(
+}), M = (n, e, t, s = 0.5) => ({ kind: "split", id: Be(), direction: n, first: e, second: t, ratio: s });
+function hn() {
+  const n = M("column", L("nodes"), L("files"), 0.72), e = M(
     "row",
-    j("canvas"),
-    D("column", j("project"), j("inspector"), 0.3),
+    L("canvas"),
+    M("column", L("project"), L("inspector"), 0.3),
     0.68
-  ), t = D("row", n, e, 0.26), s = D("row", j("status"), j("loss"), 0.55);
-  return D("column", t, s, 0.82);
+  ), t = M("row", n, e, 0.26), s = M("row", L("status"), L("loss"), 0.55);
+  return M("column", t, s, 0.82);
 }
-function W(n) {
-  const e = n.leftExtra ? D("column", j("nodes"), j(n.leftExtra), 0.7) : j("nodes");
-  let t = j(n.right);
-  n.rightTop && (t = D("column", j(n.rightTop), t, n.rightTopRatio ?? 0.28));
-  const s = D("row", j("canvas"), t, n.canvasRatio ?? 0.68), r = D("row", e, s, n.leftRatio ?? 0.26), o = n.bottom.length === 1 ? j(n.bottom[0]) : D("row", j(n.bottom[0]), j(n.bottom[1]), 0.55);
-  return D("column", r, o, n.colRatio ?? 0.84);
+function H(n) {
+  const e = n.leftExtra ? M("column", L("nodes"), L(n.leftExtra), 0.7) : L("nodes");
+  let t = L(n.right);
+  n.rightTop && (t = M("column", L(n.rightTop), t, n.rightTopRatio ?? 0.28));
+  const s = M("row", L("canvas"), t, n.canvasRatio ?? 0.68), r = M("row", e, s, n.leftRatio ?? 0.26), o = n.bottom.length === 1 ? L(n.bottom[0]) : M("row", L(n.bottom[0]), L(n.bottom[1]), 0.55);
+  return M("column", r, o, n.colRatio ?? 0.84);
 }
-const me = [
+const ge = [
   {
     id: "layout",
     label: "Layout",
     category: "General",
     description: "Full IDE: nodes, asset library, code editor, canvas, inspector.",
-    build: mn
+    build: hn
   },
   {
     id: "code",
     label: "Code",
     category: "General",
     description: "Big code editor + canvas for previewing exported PyTorch.",
-    build: () => W({ right: "code", bottom: ["status", "loss"], leftExtra: "files", canvasRatio: 0.6 })
+    build: () => H({ right: "code", bottom: ["status", "loss"], leftExtra: "files", canvasRatio: 0.6 })
   },
   {
     id: "inference",
     label: "Inference",
     category: "General",
     description: "Large canvas + inspector, no training.",
-    build: () => W({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.74 })
+    build: () => H({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.74 })
   },
   {
     id: "training",
     label: "Train",
     category: "Training",
     description: "Live loss curve + inspector for training runs.",
-    build: () => W({ right: "loss", bottom: ["status", "inspector"], leftExtra: "files", canvasRatio: 0.6 })
+    build: () => H({ right: "loss", bottom: ["status", "inspector"], leftExtra: "files", canvasRatio: 0.6 })
   },
   {
     id: "tuning",
     label: "Hyperparameter Tuning",
     category: "Training",
     description: "Loss + docs; inspector below.",
-    build: () => W({ right: "loss", bottom: ["inspector", "docs"], canvasRatio: 0.62 })
+    build: () => H({ right: "loss", bottom: ["inspector", "docs"], canvasRatio: 0.62 })
   },
   {
     id: "mnist_studio",
     label: "MNIST Studio",
     category: "Vision",
     description: "Handwriting pad above the inspector — draw a digit and infer.",
-    build: () => W({ right: "inspector", rightTop: "pad", bottom: ["status", "loss"], leftExtra: "files", canvasRatio: 0.58 })
+    build: () => H({ right: "inspector", rightTop: "pad", bottom: ["status", "loss"], leftExtra: "files", canvasRatio: 0.58 })
   },
   {
     id: "image_classifier",
     label: "Image Classifier",
     category: "Vision",
     description: "Image previews + loss.",
-    build: () => W({ right: "inspector", bottom: ["status", "loss"], leftExtra: "files", canvasRatio: 0.68 })
+    build: () => H({ right: "inspector", bottom: ["status", "loss"], leftExtra: "files", canvasRatio: 0.68 })
   },
   {
     id: "image_gen",
     label: "Text → Image",
     category: "Vision",
     description: "Project explorer above inspector for Diffusers generation.",
-    build: () => W({ right: "inspector", rightTop: "project", bottom: ["status"], canvasRatio: 0.62 })
+    build: () => H({ right: "inspector", rightTop: "project", bottom: ["status"], canvasRatio: 0.62 })
   },
   {
     id: "detection",
     label: "Object Detection",
     category: "Vision",
     description: "Canvas + inspector + docs.",
-    build: () => W({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.7 })
+    build: () => H({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.7 })
   },
   {
     id: "text_classifier",
     label: "Text Classifier",
     category: "Language",
     description: "Text previews + docs.",
-    build: () => W({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.7 })
+    build: () => H({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.7 })
   },
   {
     id: "text_gen",
     label: "Text Gen",
     category: "Language",
     description: "Text preview for Transformers.",
-    build: () => W({ right: "inspector", bottom: ["status"], rightTop: "project", canvasRatio: 0.68 })
+    build: () => H({ right: "inspector", bottom: ["status"], rightTop: "project", canvasRatio: 0.68 })
   },
   {
     id: "embeddings",
     label: "Embeddings / JEPA",
     category: "Language",
     description: "Pretrained encoder embeddings.",
-    build: () => W({ right: "inspector", bottom: ["status", "docs"], canvasRatio: 0.72 })
+    build: () => H({ right: "inspector", bottom: ["status", "docs"], canvasRatio: 0.72 })
   }
-], hn = (n, e, t) => Math.min(t, Math.max(e, n));
-function ae(n, e, t) {
-  return n.kind === "leaf" ? n.id === e ? D(t, n, j(n.type), 0.5) : n : {
+], fn = (n, e, t) => Math.min(t, Math.max(e, n));
+function oe(n, e, t) {
+  return n.kind === "leaf" ? n.id === e ? M(t, n, L(n.type), 0.5) : n : {
     ...n,
-    first: ae(n.first, e, t),
-    second: ae(n.second, e, t)
+    first: oe(n.first, e, t),
+    second: oe(n.second, e, t)
   };
 }
-function he(n, e) {
+function ye(n, e) {
   return n.kind === "split" ? n.first.id === e ? n.second : n.second.id === e ? n.first : {
     ...n,
-    first: he(n.first, e),
-    second: he(n.second, e)
+    first: ye(n.first, e),
+    second: ye(n.second, e)
   } : n;
 }
-function fe(n, e) {
+function be(n, e) {
   return n.kind === "split" ? n.first.id === e ? n.first : n.second.id === e ? n.second : {
     ...n,
-    first: fe(n.first, e),
-    second: fe(n.second, e)
+    first: be(n.first, e),
+    second: be(n.second, e)
   } : n;
 }
-function ge(n, e) {
+function ve(n, e) {
   if (n.kind === "split") {
     if (n.first.id === e) return n.second.id;
     if (n.second.id === e) return n.first.id;
-    const t = ge(n.first, e);
-    return t !== null ? t : ge(n.second, e);
+    const t = ve(n.first, e);
+    return t !== null ? t : ve(n.second, e);
   }
   return null;
 }
-function se(n, e, t) {
-  return n.kind === "split" ? n.id === e ? { ...n, ratio: hn(n.ratio + t, 0.08, 0.92) } : {
+function ie(n, e, t) {
+  return n.kind === "split" ? n.id === e ? { ...n, ratio: fn(n.ratio + t, 0.08, 0.92) } : {
     ...n,
-    first: se(n.first, e, t),
-    second: se(n.second, e, t)
+    first: ie(n.first, e, t),
+    second: ie(n.second, e, t)
   } : n;
 }
-function ye(n, e, t) {
+function Ne(n, e, t) {
   return n.kind === "leaf" ? n.id === e ? { ...n, type: t } : n : {
     ...n,
-    first: ye(n.first, e, t),
-    second: ye(n.second, e, t)
+    first: Ne(n.first, e, t),
+    second: Ne(n.second, e, t)
   };
 }
-function be(n) {
-  return n.kind === "leaf" ? 1 : be(n.first) + be(n.second);
+function ke(n) {
+  return n.kind === "leaf" ? 1 : ke(n.first) + ke(n.second);
 }
-function fn({
+function gn({
   workspaces: n,
   activeId: e,
   onSwitch: t,
@@ -1014,79 +1014,91 @@ function fn({
   onRemove: r,
   onRename: o,
   onDuplicate: i,
-  onMove: d
+  onMove: d,
+  onReorder: h
 }) {
-  const [h, c] = F(!1), [u, m] = F(null), [v, l] = F(null), [N, f] = F(!1), x = L(null);
-  A(() => {
-    const b = x.current;
-    if (!b) return;
-    const _ = () => f(b.scrollWidth > b.clientWidth + 1);
-    return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
+  const [c, m] = E(!1), [u, b] = E(null), [l, v] = E(null), [f, C] = E(!1), [y, F] = E(null), x = D(null);
+  W(() => {
+    const T = x.current;
+    if (!T) return;
+    const R = () => C(T.scrollWidth > T.clientWidth + 1);
+    return R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
   }, [n]);
-  const y = n.length > 1, P = q(
-    () => me.map((b) => ({
-      id: b.id,
-      label: b.label,
-      description: b.description,
-      category: b.category,
-      onSelect: () => s(b.id)
+  const O = n.length > 1, $ = Y(
+    () => ge.map((T) => ({
+      id: T.id,
+      label: T.label,
+      description: T.description,
+      category: T.category,
+      onSelect: () => s(T.id)
     })),
     [s]
-  ), S = (b) => {
-    const _ = b.currentTarget.getBoundingClientRect();
-    m({ x: _.left, y: _.bottom + 6 }), c(!0);
-  }, I = (b) => {
-    const _ = n.find((O) => O.id === b), k = window.prompt("Rename workspace", (_ == null ? void 0 : _.name) ?? "");
-    k && k.trim() && o(b, k.trim());
-  }, $ = (b) => [
-    { id: "rename", label: "Rename", onSelect: () => I(b) },
-    { id: "duplicate", label: "Duplicate", onSelect: () => i(b) },
+  ), w = (T) => {
+    const R = T.currentTarget.getBoundingClientRect();
+    b({ x: R.left, y: R.bottom + 6 }), m(!0);
+  }, _ = (T) => {
+    const R = n.find((z) => z.id === T), B = window.prompt("Rename workspace", (R == null ? void 0 : R.name) ?? "");
+    B && B.trim() && o(T, B.trim());
+  }, k = (T) => [
+    { id: "rename", label: "Rename", onSelect: () => _(T) },
+    { id: "duplicate", label: "Duplicate", onSelect: () => i(T) },
     { id: "sep1", label: "", separator: !0 },
-    { id: "left", label: "← Move Left", onSelect: () => d(b, -1) },
-    { id: "right", label: "Move Right →", onSelect: () => d(b, 1) },
+    { id: "left", label: "← Move Left", onSelect: () => d(T, -1) },
+    { id: "right", label: "Move Right →", onSelect: () => d(T, 1) },
     { id: "sep2", label: "", separator: !0 },
-    ...y ? [{ id: "close", label: "Close", danger: !0, onSelect: () => r(b) }] : []
+    ...O ? [{ id: "close", label: "Close", danger: !0, onSelect: () => r(T) }] : []
   ];
   return /* @__PURE__ */ p("div", { className: "workspace-tabs-wrap", children: [
-    /* @__PURE__ */ a("div", { ref: x, className: `workspace-tabs ${N ? "overflowing" : ""}`, children: n.map((b) => /* @__PURE__ */ p(
+    /* @__PURE__ */ a("div", { ref: x, className: `workspace-tabs ${f ? "overflowing" : ""}`, children: n.map((T) => /* @__PURE__ */ p(
       "div",
       {
-        className: `workspace-tab ${b.id === e ? "active" : ""}`,
-        onClick: () => t(b.id),
-        onContextMenu: (_) => {
-          _.preventDefault(), l({ id: b.id, x: _.clientX, y: _.clientY });
+        className: `workspace-tab ${T.id === e ? "active" : ""} ${T.id === y ? "dragging" : ""}`,
+        draggable: !0,
+        onDragStart: (R) => {
+          F(T.id), R.dataTransfer.effectAllowed = "move";
+        },
+        onDragOver: (R) => {
+          R.preventDefault(), R.dataTransfer.dropEffect = "move";
+        },
+        onDrop: (R) => {
+          R.preventDefault(), y && y !== T.id && h(y, T.id), F(null);
+        },
+        onDragEnd: () => F(null),
+        onClick: () => t(T.id),
+        onContextMenu: (R) => {
+          R.preventDefault(), v({ id: T.id, x: R.clientX, y: R.clientY });
         },
         children: [
-          /* @__PURE__ */ a("span", { children: b.name }),
-          y && /* @__PURE__ */ a(
+          /* @__PURE__ */ a("span", { children: T.name }),
+          O && /* @__PURE__ */ a(
             "span",
             {
               className: "workspace-tab-close",
               title: "Close workspace",
-              onClick: (_) => {
-                _.stopPropagation(), r(b.id);
+              onClick: (R) => {
+                R.stopPropagation(), r(T.id);
               },
               children: "✕"
             }
           )
         ]
       },
-      b.id
+      T.id
     )) }),
-    /* @__PURE__ */ a("button", { className: "workspace-add", title: "Add workspace", onClick: S, children: "+" }),
-    h && u && /* @__PURE__ */ a(te, { entries: P, x: u.x, y: u.y, onClose: () => c(!1) }),
-    v && /* @__PURE__ */ a(
-      te,
+    /* @__PURE__ */ a("button", { className: "workspace-add", title: "Add workspace", onClick: w, children: "+" }),
+    c && u && /* @__PURE__ */ a(re, { entries: $, x: u.x, y: u.y, onClose: () => m(!1) }),
+    l && /* @__PURE__ */ a(
+      re,
       {
-        entries: $(v.id),
-        x: v.x,
-        y: v.y,
-        onClose: () => l(null)
+        entries: k(l.id),
+        x: l.x,
+        y: l.y,
+        onClose: () => v(null)
       }
     )
   ] });
 }
-function oe({
+function ce({
   title: n,
   onClose: e,
   x: t = 140,
@@ -1095,60 +1107,60 @@ function oe({
   zIndex: o = 1e3,
   children: i
 }) {
-  const [d, h] = F({ x: t, y: s }), c = L(null), u = (m) => {
-    c.current = { dx: m.clientX - d.x, dy: m.clientY - d.y };
-    const v = (N) => {
-      c.current && h({ x: N.clientX - c.current.dx, y: N.clientY - c.current.dy });
+  const [d, h] = E({ x: t, y: s }), c = D(null), m = (u) => {
+    c.current = { dx: u.clientX - d.x, dy: u.clientY - d.y };
+    const b = (v) => {
+      c.current && h({ x: v.clientX - c.current.dx, y: v.clientY - c.current.dy });
     }, l = () => {
-      c.current = null, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", l);
+      c.current = null, document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", l);
     };
-    document.addEventListener("mousemove", v), document.addEventListener("mouseup", l);
+    document.addEventListener("mousemove", b), document.addEventListener("mouseup", l);
   };
   return /* @__PURE__ */ p("div", { className: "float-window", style: { left: d.x, top: d.y, width: r, zIndex: o }, children: [
-    /* @__PURE__ */ p("div", { className: "float-titlebar", onMouseDown: u, children: [
+    /* @__PURE__ */ p("div", { className: "float-titlebar", onMouseDown: m, children: [
       /* @__PURE__ */ a("span", { className: "float-title", children: n }),
       /* @__PURE__ */ a("button", { className: "float-close", onClick: e, children: "✕" })
     ] }),
     /* @__PURE__ */ a("div", { className: "float-body", children: i })
   ] });
 }
-let Q = null, Me = "";
-function Y(n, e) {
-  return Me = (e == null ? void 0 : e.defaultName) ?? "", g.getState().setFilePicker(!0, n), new Promise((t) => {
-    Q = t;
+let ne = null, Ge = "";
+function Q(n, e) {
+  return Ge = (e == null ? void 0 : e.defaultName) ?? "", g.getState().setFilePicker(!0, n), new Promise((t) => {
+    ne = t;
   });
 }
-function X(n) {
-  g.getState().setFilePicker(!1, "import"), Q == null || Q(n), Q = null;
+function ee(n) {
+  g.getState().setFilePicker(!1, "import"), ne == null || ne(n), ne = null;
 }
-const We = "entropia_riko_recent_folders";
-function ve() {
+const Ue = "entropia_riko_recent_folders";
+function we() {
   try {
-    const n = localStorage.getItem(We), e = n ? JSON.parse(n) : [];
+    const n = localStorage.getItem(Ue), e = n ? JSON.parse(n) : [];
     return Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
   } catch {
     return [];
   }
 }
-function gn(n) {
+function yn(n) {
   try {
-    const e = [n, ...ve().filter((t) => t !== n)].slice(0, 8);
-    localStorage.setItem(We, JSON.stringify(e));
+    const e = [n, ...we().filter((t) => t !== n)].slice(0, 8);
+    localStorage.setItem(Ue, JSON.stringify(e));
   } catch {
   }
 }
-function yn() {
-  const n = g((k) => k.filePickerOpen), e = g((k) => k.filePickerMode), t = g((k) => k.pushToast), [s, r] = F("~"), [o, i] = F([]), [d, h] = F(null), [c, u] = F("~"), [m, v] = F(ve()), [l, N] = F([]), [f, x] = F([]), [y, P] = F(""), S = async (k, O = !0) => {
-    const G = await (await fetch(`/api/fs/list?path=${encodeURIComponent(k)}`)).json();
-    G.status === "success" ? (O && (N((K) => [...K, s]), x([])), r(G.path), i(G.entries ?? []), h(null), gn(G.path), v(ve())) : t("error", G.error ?? "list failed");
+function bn() {
+  const n = g((k) => k.filePickerOpen), e = g((k) => k.filePickerMode), t = g((k) => k.pushToast), [s, r] = E("~"), [o, i] = E([]), [d, h] = E(null), [c, m] = E("~"), [u, b] = E(we()), [l, v] = E([]), [f, C] = E([]), [y, F] = E(""), x = async (k, T = !0) => {
+    const B = await (await fetch(`/api/fs/list?path=${encodeURIComponent(k)}`)).json();
+    B.status === "success" ? (T && (v((z) => [...z, s]), C([])), r(B.path), i(B.entries ?? []), h(null), yn(B.path), b(we())) : t("error", B.error ?? "list failed");
   };
-  if (A(() => {
-    n && (e === "save" && P(Me), S("~", !1), fetch("/api/project/tree").then((k) => k.json()).then((k) => {
-      typeof k.root == "string" && u(k.root);
+  if (W(() => {
+    n && (e === "save" && F(Ge), x("~", !1), fetch("/api/project/tree").then((k) => k.json()).then((k) => {
+      typeof k.root == "string" && m(k.root);
     }).catch(() => {
     }));
   }, [n]), !n) return null;
-  const I = [
+  const O = [
     { label: "Home", path: "~" },
     { label: "Desktop", path: "~/Desktop" },
     { label: "Documents", path: "~/Documents" },
@@ -1156,10 +1168,10 @@ function yn() {
     { label: "Working Folder", path: c }
   ], $ = () => {
     const k = l[l.length - 1];
-    k && (N(l.slice(0, -1)), x((O) => [s, ...O]), S(k, !1));
-  }, b = () => {
+    k && (v(l.slice(0, -1)), C((T) => [s, ...T]), x(k, !1));
+  }, w = () => {
     const k = f[0];
-    k && (x(f.slice(1)), N((O) => [...O, s]), S(k, !1));
+    k && (C(f.slice(1)), v((T) => [...T, s]), x(k, !1));
   }, _ = () => {
     if (e === "save") {
       const k = y.trim() || "untitled";
@@ -1168,21 +1180,21 @@ function yn() {
     return e === "export" ? d && d.type === "dir" ? d.path : s : d ? d.path : s;
   };
   return /* @__PURE__ */ a(
-    oe,
+    ce,
     {
       title: e === "import" ? "Import File / Folder" : e === "export" ? "Export To Folder" : "Save File",
-      onClose: () => X(null),
+      onClose: () => ee(null),
       width: 780,
       zIndex: 1002,
       children: /* @__PURE__ */ p("div", { className: "picker-inner", children: [
         /* @__PURE__ */ p("div", { className: "picker-side", children: [
           /* @__PURE__ */ a("div", { className: "picker-side-title", children: "Quick access" }),
-          I.map((k) => /* @__PURE__ */ p("div", { className: "picker-side-item", onClick: () => S(k.path), children: [
+          O.map((k) => /* @__PURE__ */ p("div", { className: "picker-side-item", onClick: () => x(k.path), children: [
             /* @__PURE__ */ a("span", { className: "picker-side-icon", children: "▦" }),
             k.label
           ] }, k.label)),
           /* @__PURE__ */ a("div", { className: "picker-side-title", style: { marginTop: 12 }, children: "Recent" }),
-          m.map((k) => /* @__PURE__ */ p("div", { className: "picker-side-item", title: k, onClick: () => S(k), children: [
+          u.map((k) => /* @__PURE__ */ p("div", { className: "picker-side-item", title: k, onClick: () => x(k), children: [
             /* @__PURE__ */ a("span", { className: "picker-side-icon", children: "🕘" }),
             /* @__PURE__ */ a("span", { className: "picker-side-name", children: k })
           ] }, k))
@@ -1190,8 +1202,8 @@ function yn() {
         /* @__PURE__ */ p("div", { className: "picker-main", children: [
           /* @__PURE__ */ p("div", { className: "picker-topbar", children: [
             /* @__PURE__ */ a("button", { className: "panel-btn", onClick: $, title: "Back", children: "←" }),
-            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: b, title: "Forward", children: "→" }),
-            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => S(s, !1), title: "Refresh", children: "↻" }),
+            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: w, title: "Forward", children: "→" }),
+            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => x(s, !1), title: "Refresh", children: "↻" }),
             /* @__PURE__ */ a(
               "input",
               {
@@ -1199,7 +1211,7 @@ function yn() {
                 value: s,
                 onChange: (k) => r(k.target.value),
                 onKeyDown: (k) => {
-                  k.key === "Enter" && S(s);
+                  k.key === "Enter" && x(s);
                 }
               }
             )
@@ -1210,7 +1222,7 @@ function yn() {
               {
                 className: `picker-row ${(d == null ? void 0 : d.path) === k.path ? "sel" : ""}`,
                 onClick: () => h(k),
-                onDoubleClick: () => k.type === "dir" && S(k.path),
+                onDoubleClick: () => k.type === "dir" && x(k.path),
                 children: [
                   /* @__PURE__ */ a("span", { className: "explorer-icon", children: k.type === "dir" ? "▦" : "▤" }),
                   /* @__PURE__ */ a("span", { className: "explorer-name", children: k.name }),
@@ -1229,42 +1241,42 @@ function yn() {
                 className: "prefs-input",
                 value: e === "save" ? y : (d == null ? void 0 : d.name) ?? "",
                 onChange: (k) => {
-                  e === "save" && P(k.target.value);
+                  e === "save" && F(k.target.value);
                 },
                 onKeyDown: (k) => {
-                  k.key === "Enter" && X(_()), k.key === "Escape" && X(null);
+                  k.key === "Enter" && ee(_()), k.key === "Escape" && ee(null);
                 },
                 readOnly: e !== "save",
                 placeholder: e === "save" ? "name.riko / name.ric" : "(select a file or folder)"
               }
             ),
-            /* @__PURE__ */ a("button", { className: "btn btn-primary", onClick: () => X(_()), children: "Save" }),
-            /* @__PURE__ */ a("button", { className: "btn", onClick: () => X(null), children: "Cancel" })
+            /* @__PURE__ */ a("button", { className: "btn btn-primary", onClick: () => ee(_()), children: "Save" }),
+            /* @__PURE__ */ a("button", { className: "btn", onClick: () => ee(null), children: "Cancel" })
           ] })
         ] })
       ] })
     }
   );
 }
-const _e = ["/brand/logo.ico", "/brand/logo.png", "/brand/logo.svg"];
-function ie({
+const Ce = ["/brand/logo.ico", "/brand/logo.png", "/brand/logo.svg"];
+function de({
   className: n,
   alt: e = "Entropia Riko logo",
   title: t
 }) {
-  const [s, r] = F(0);
+  const [s, r] = E(0);
   return /* @__PURE__ */ a(
     "img",
     {
       className: n,
-      src: _e[s],
+      src: Ce[s],
       alt: e,
       title: t,
-      onError: () => r((o) => Math.min(o + 1, _e.length - 1))
+      onError: () => r((o) => Math.min(o + 1, Ce.length - 1))
     }
   );
 }
-function bn({
+function vn({
   workspaces: n,
   activeWorkspaceId: e,
   onSwitchWorkspace: t,
@@ -1272,53 +1284,54 @@ function bn({
   onRemoveWorkspace: r,
   onRenameWorkspace: o,
   onDuplicateWorkspace: i,
-  onMoveWorkspace: d
+  onMoveWorkspace: d,
+  onReorderWorkspace: h
 }) {
-  const [h, c] = F(null), u = g((C) => C.status), m = g((C) => C.run), v = g((C) => C.train);
-  g((C) => C.save), g((C) => C.exportRiko), g((C) => C.exportBinary);
-  const l = g((C) => C.load), N = g((C) => C.exportPython), f = g((C) => C.exportKeras), x = g((C) => C.newWorkflow), y = g((C) => C.addNode), P = g((C) => C.pushToast), S = J((C) => C.theme), I = J((C) => C.setTheme), $ = L(null), b = u === "running", _ = async () => {
-    const C = await Y("import");
-    if (!C) return;
-    const E = await (await fetch("/api/fs/import", {
+  const [c, m] = E(null), u = g((P) => P.status), b = g((P) => P.run), l = g((P) => P.train);
+  g((P) => P.save), g((P) => P.exportRiko), g((P) => P.exportBinary);
+  const v = g((P) => P.load), f = g((P) => P.exportPython), C = g((P) => P.exportKeras), y = g((P) => P.newWorkflow), F = g((P) => P.addNode), x = g((P) => P.pushToast), O = V((P) => P.theme), $ = V((P) => P.setTheme), w = D(null), _ = u === "running", k = async () => {
+    const P = await Q("import");
+    if (!P) return;
+    const I = await (await fetch("/api/fs/import", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ src: C })
+      body: JSON.stringify({ src: P })
     })).json();
-    E.status === "success" ? (P("success", `Imported ${E.path}`), g.getState().bumpProject()) : P("error", E.error ?? "import failed");
-  }, k = async () => {
-    const C = g.getState().activeFilePath;
-    if (!C) {
-      P("error", "No open file to export");
+    I.status === "success" ? (x("success", `Imported ${I.path}`), g.getState().bumpProject()) : x("error", I.error ?? "import failed");
+  }, T = async () => {
+    const P = g.getState().activeFilePath;
+    if (!P) {
+      x("error", "No open file to export");
       return;
     }
-    const w = await Y("export");
-    if (!w) return;
-    const T = await (await fetch("/api/fs/export", {
+    const N = await Q("export");
+    if (!N) return;
+    const S = await (await fetch("/api/fs/export", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ src: C, dest: w })
+      body: JSON.stringify({ src: P, dest: N })
     })).json();
-    T.status === "success" ? P("success", `Exported to ${T.path}`) : P("error", T.error ?? "export failed");
-  }, O = async (C) => {
-    const E = (g.getState().activeFileName ?? "untitled") + (C === "binary" ? ".ric" : ".riko"), T = await Y("save", { defaultName: E });
-    T && await g.getState().saveToPath(T, C);
+    S.status === "success" ? x("success", `Exported to ${S.path}`) : x("error", S.error ?? "export failed");
+  }, R = async (P) => {
+    const I = (g.getState().activeFileName ?? "untitled") + (P === "binary" ? ".ric" : ".riko"), S = await Q("save", { defaultName: I });
+    S && await g.getState().saveToPath(S, P);
   };
-  return /* @__PURE__ */ p("div", { className: "menubar", onClick: (C) => C.stopPropagation(), children: [
+  return /* @__PURE__ */ p("div", { className: "menubar", onClick: (P) => P.stopPropagation(), children: [
     /* @__PURE__ */ p(
       "div",
       {
-        className: `menu-item app-logo-item ${h === "__app__" ? "active" : ""}`,
-        onClick: () => c(h === "__app__" ? null : "__app__"),
+        className: `menu-item app-logo-item ${c === "__app__" ? "active" : ""}`,
+        onClick: () => m(c === "__app__" ? null : "__app__"),
         title: "Entropia Riko",
         children: [
-          /* @__PURE__ */ a(ie, { className: "menubar-logo", alt: "Entropia Riko" }),
-          h === "__app__" && /* @__PURE__ */ p("div", { className: "dropdown app-menu", onClick: (C) => C.stopPropagation(), children: [
+          /* @__PURE__ */ a(de, { className: "menubar-logo", alt: "Entropia Riko" }),
+          c === "__app__" && /* @__PURE__ */ p("div", { className: "dropdown app-menu", onClick: (P) => P.stopPropagation(), children: [
             /* @__PURE__ */ a(
               "div",
               {
                 className: "dropdown-item",
                 onClick: () => {
-                  g.getState().setAboutOpen(!0), c(null);
+                  g.getState().setAboutOpen(!0), m(null);
                 },
                 children: "About Entropia Riko"
               }
@@ -1328,7 +1341,7 @@ function bn({
               {
                 className: "dropdown-item",
                 onClick: () => {
-                  g.getState().setWelcomeOpen(!0), c(null);
+                  g.getState().setWelcomeOpen(!0), m(null);
                 },
                 children: "Welcome Screen"
               }
@@ -1338,7 +1351,7 @@ function bn({
               {
                 className: "dropdown-item",
                 onClick: () => {
-                  g.getState().setPrefsOpen(!0), c(null);
+                  g.getState().setPrefsOpen(!0), m(null);
                 },
                 children: "Preferences…"
               }
@@ -1351,36 +1364,36 @@ function bn({
       {
         label: "File",
         items: [
-          { label: "New Workflow", onClick: () => x("Untitled") },
+          { label: "New Workflow", onClick: () => y("Untitled") },
           { label: "New Project…", onClick: async () => {
-            const C = await Y("save", { defaultName: "my_project" });
-            if (!C) return;
-            const E = await (await fetch("/api/project/new", {
+            const P = await Q("save", { defaultName: "my_project" });
+            if (!P) return;
+            const I = await (await fetch("/api/project/new", {
               method: "POST",
               headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({ dir: C })
+              body: JSON.stringify({ dir: P })
             })).json();
-            E.status === "success" ? (g.getState().bumpProject(), P("success", `Created project ${E.root}`)) : P("error", E.error ?? "new project failed");
+            I.status === "success" ? (g.getState().bumpProject(), x("success", `Created project ${I.root}`)) : x("error", I.error ?? "new project failed");
           } },
-          { label: "Save .riko…", onClick: () => O("ascii"), disabled: b },
-          { label: "Save .ric…", onClick: () => O("binary"), disabled: b },
+          { label: "Save .riko…", onClick: () => R("ascii"), disabled: _ },
+          { label: "Save .ric…", onClick: () => R("binary"), disabled: _ },
           {
             label: "Import / Export",
             submenu: [
-              { label: "Import…", onClick: _ },
-              { label: "Export…", onClick: k },
+              { label: "Import…", onClick: k },
+              { label: "Export…", onClick: T },
               { label: "Import Working Folder…", onClick: () => g.getState().setImportFolderOpen(!0) }
             ]
           },
           {
             label: "Export Code",
             submenu: [
-              { label: "Export .py (PyTorch)", onClick: N, disabled: b },
-              { label: "Export .py (Keras/TF)", onClick: f, disabled: b },
+              { label: "Export .py (PyTorch)", onClick: f, disabled: _ },
+              { label: "Export .py (Keras/TF)", onClick: C, disabled: _ },
               { label: "Export Project… (multi-file)", onClick: async () => {
-                const C = g.getState().activeFileName ?? "graph_project", w = await Y("save", { defaultName: C });
-                w && await g.getState().exportProjectTo(w);
-              }, disabled: b }
+                const P = g.getState().activeFileName ?? "graph_project", N = await Q("save", { defaultName: P });
+                N && await g.getState().exportProjectTo(N);
+              }, disabled: _ }
             ]
           },
           { label: "Preferences…", onClick: () => g.getState().setPrefsOpen(!0) }
@@ -1389,29 +1402,29 @@ function bn({
       {
         label: "Run",
         items: [
-          { label: "Inference", onClick: m, disabled: b },
-          { label: "Train (20 steps)", onClick: () => v(20, 1e-3), disabled: b },
-          { label: "Train (100 steps)", onClick: () => v(100, 1e-3), disabled: b }
+          { label: "Inference", onClick: b, disabled: _ },
+          { label: "Train (20 steps)", onClick: () => l(20, 1e-3), disabled: _ },
+          { label: "Train (100 steps)", onClick: () => l(100, 1e-3), disabled: _ }
         ]
       },
       {
         label: "Data",
         items: [
-          { label: "MNIST Loader", onClick: () => y("mnist_loader", { x: 200, y: 150 }) },
-          { label: "CIFAR10 Loader", onClick: () => y("cifar10_loader", { x: 200, y: 150 }) },
-          { label: "CSV Loader", onClick: () => y("csv_loader", { x: 200, y: 150 }) },
-          { label: "Image Folder Loader", onClick: () => y("image_folder_loader", { x: 200, y: 150 }) },
-          { label: "Tensor File Loader", onClick: () => y("tensor_file_loader", { x: 200, y: 150 }) },
-          { label: "Generic Data Loader", onClick: () => y("dataloader", { x: 200, y: 150 }) }
+          { label: "MNIST Loader", onClick: () => F("mnist_loader", { x: 200, y: 150 }) },
+          { label: "CIFAR10 Loader", onClick: () => F("cifar10_loader", { x: 200, y: 150 }) },
+          { label: "CSV Loader", onClick: () => F("csv_loader", { x: 200, y: 150 }) },
+          { label: "Image Folder Loader", onClick: () => F("image_folder_loader", { x: 200, y: 150 }) },
+          { label: "Tensor File Loader", onClick: () => F("tensor_file_loader", { x: 200, y: 150 }) },
+          { label: "Generic Data Loader", onClick: () => F("dataloader", { x: 200, y: 150 }) }
         ]
       },
       {
         label: "View",
         items: [
-          { label: `Theme: Light ${S === "light" ? "✓" : ""}`, onClick: () => I("light") },
-          { label: `Theme: Dark ${S === "dark" ? "✓" : ""}`, onClick: () => I("dark") },
-          { label: `Theme: System ${S === "system" ? "✓" : ""}`, onClick: () => I("system") },
-          { label: `Theme: Liquid Glass ${S === "glass" ? "✓" : ""}`, onClick: () => I("glass") }
+          { label: `Theme: Light ${O === "light" ? "✓" : ""}`, onClick: () => $("light") },
+          { label: `Theme: Dark ${O === "dark" ? "✓" : ""}`, onClick: () => $("dark") },
+          { label: `Theme: System ${O === "system" ? "✓" : ""}`, onClick: () => $("system") },
+          { label: `Theme: Liquid Glass ${O === "glass" ? "✓" : ""}`, onClick: () => $("glass") }
         ]
       },
       {
@@ -1421,51 +1434,51 @@ function bn({
           { label: "About Entropia Riko", onClick: () => g.getState().setAboutOpen(!0) }
         ]
       }
-    ].map((C) => /* @__PURE__ */ p(
+    ].map((P) => /* @__PURE__ */ p(
       "div",
       {
-        className: `menu-item ${h === C.label ? "active" : ""}`,
-        onClick: () => c(h === C.label ? null : C.label),
+        className: `menu-item ${c === P.label ? "active" : ""}`,
+        onClick: () => m(c === P.label ? null : P.label),
         children: [
-          C.label,
-          h === C.label && /* @__PURE__ */ a("div", { className: "dropdown", onClick: (w) => w.stopPropagation(), children: C.items.map(
-            (w, E) => w.submenu ? /* @__PURE__ */ p("div", { className: "dropdown-item has-submenu", children: [
+          P.label,
+          c === P.label && /* @__PURE__ */ a("div", { className: "dropdown", onClick: (N) => N.stopPropagation(), children: P.items.map(
+            (N, I) => N.submenu ? /* @__PURE__ */ p("div", { className: "dropdown-item has-submenu", children: [
               /* @__PURE__ */ p("span", { className: "submenu-label", children: [
-                w.label,
+                N.label,
                 " ▸"
               ] }),
-              /* @__PURE__ */ a("div", { className: "submenu", children: w.submenu.map((T, R) => /* @__PURE__ */ a(
+              /* @__PURE__ */ a("div", { className: "submenu", children: N.submenu.map((S, j) => /* @__PURE__ */ a(
                 "div",
                 {
-                  className: `dropdown-item ${T.disabled ? "disabled" : ""}`,
+                  className: `dropdown-item ${S.disabled ? "disabled" : ""}`,
                   onClick: () => {
-                    var U;
-                    T.disabled || ((U = T.onClick) == null || U.call(T), c(null));
+                    var A;
+                    S.disabled || ((A = S.onClick) == null || A.call(S), m(null));
                   },
-                  children: T.label
+                  children: S.label
                 },
-                R
+                j
               )) })
-            ] }, E) : /* @__PURE__ */ a(
+            ] }, I) : /* @__PURE__ */ a(
               "div",
               {
-                className: `dropdown-item ${w.disabled ? "disabled" : ""}`,
+                className: `dropdown-item ${N.disabled ? "disabled" : ""}`,
                 onClick: () => {
-                  var T;
-                  w.disabled || ((T = w.onClick) == null || T.call(w), c(null));
+                  var S;
+                  N.disabled || ((S = N.onClick) == null || S.call(N), m(null));
                 },
-                children: w.label
+                children: N.label
               },
-              E
+              I
             )
           ) })
         ]
       },
-      C.label
+      P.label
     )),
     /* @__PURE__ */ a("div", { className: "menubar-sep" }),
     /* @__PURE__ */ a(
-      fn,
+      gn,
       {
         workspaces: n,
         activeId: e,
@@ -1474,20 +1487,21 @@ function bn({
         onRemove: r,
         onRename: o,
         onDuplicate: i,
-        onMove: d
+        onMove: d,
+        onReorder: h
       }
     ),
     /* @__PURE__ */ a(
       "input",
       {
-        ref: $,
+        ref: w,
         type: "file",
         accept: ".riko,.ric,.json,application/json,application/octet-stream",
         style: { display: "none" },
-        onChange: (C) => {
-          var E;
-          const w = (E = C.target.files) == null ? void 0 : E[0];
-          w && l(w), C.target.value = "";
+        onChange: (P) => {
+          var I;
+          const N = (I = P.target.files) == null ? void 0 : I[0];
+          N && v(N), P.target.value = "";
         }
       }
     ),
@@ -1506,7 +1520,7 @@ function bn({
     ] })
   ] });
 }
-function vn() {
+function Nn() {
   const n = g((t) => t.dirty), e = g((t) => t.activeFileName);
   return /* @__PURE__ */ p("div", { className: "titlebar", children: [
     /* @__PURE__ */ a("span", { className: `titlebar-dirty ${n ? "visible" : ""}`, "aria-hidden": !n, children: "*" }),
@@ -1515,12 +1529,12 @@ function vn() {
     /* @__PURE__ */ a("span", { className: "spacer" }),
     /* @__PURE__ */ p("span", { className: "titlebar-version", children: [
       "v",
-      Z
+      te
     ] })
   ] });
 }
-function Be(n, e) {
-  const t = L(null);
+function He(n, e) {
+  const t = D(null);
   return (r) => {
     r.preventDefault(), t.current = { x: r.clientX, y: r.clientY };
     const o = (d) => {
@@ -1531,30 +1545,30 @@ function Be(n, e) {
     document.body.style.cursor = e, document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
   };
 }
-function Nn({ onDrag: n }) {
-  const e = L(null), t = Be((s) => {
+function kn({ onDrag: n }) {
+  const e = D(null), t = He((s) => {
     var o, i;
     const r = ((i = (o = e.current) == null ? void 0 : o.parentElement) == null ? void 0 : i.clientWidth) ?? 1;
     n(s, r);
   }, "col-resize");
   return /* @__PURE__ */ a("div", { ref: e, className: "splitter-v", onMouseDown: t });
 }
-function kn({ onDrag: n }) {
-  const e = L(null), t = Be((s, r) => {
+function wn({ onDrag: n }) {
+  const e = D(null), t = He((s, r) => {
     var i, d;
     const o = ((d = (i = e.current) == null ? void 0 : i.parentElement) == null ? void 0 : d.clientHeight) ?? 1;
     n(r, o);
   }, "row-resize");
   return /* @__PURE__ */ a("div", { ref: e, className: "splitter-h", onMouseDown: t });
 }
-function wn() {
-  const [n, e] = F(""), t = g((d) => d.nodeDefs), s = g((d) => d.addNode), r = g((d) => d.addFrame), o = q(() => {
+function _n() {
+  const [n, e] = E(""), t = g((d) => d.nodeDefs), s = g((d) => d.addNode), r = g((d) => d.addFrame), o = Y(() => {
     const d = t.filter(
       (c) => c.label.toLowerCase().includes(n.toLowerCase()) || c.type.toLowerCase().includes(n.toLowerCase())
     ), h = {};
     for (const c of d) {
-      const u = c.category || "Other";
-      (h[u] ?? (h[u] = [])).push(c);
+      const m = c.category || "Other";
+      (h[m] ?? (h[m] = [])).push(c);
     }
     return h;
   }, [t, n]), i = Object.keys(o).sort();
@@ -1580,7 +1594,7 @@ function wn() {
     ] }),
     /* @__PURE__ */ p("div", { className: "node-list", children: [
       i.map((d) => /* @__PURE__ */ a(
-        _n,
+        xn,
         {
           category: d,
           nodes: o[d],
@@ -1597,12 +1611,12 @@ function wn() {
     ] })
   ] });
 }
-function _n({
+function xn({
   category: n,
   nodes: e,
   onAdd: t
 }) {
-  const [s, r] = F(!0);
+  const [s, r] = E(!0);
   return /* @__PURE__ */ p("div", { className: "node-category", children: [
     /* @__PURE__ */ p(
       "div",
@@ -1627,27 +1641,27 @@ function _n({
     ))
   ] });
 }
-function xn() {
-  const n = g((m) => m.fileList), e = g((m) => m.activeFileName), t = g((m) => m.refreshFiles), s = g((m) => m.openFile), r = g((m) => m.saveFileToDisk), o = g((m) => m.importFileInline), i = g((m) => m.previewAssetCode), [d, h] = F("");
-  A(() => {
+function Sn() {
+  const n = g((u) => u.fileList), e = g((u) => u.activeFileName), t = g((u) => u.refreshFiles), s = g((u) => u.openFile), r = g((u) => u.saveFileToDisk), o = g((u) => u.importFileInline), i = g((u) => u.previewAssetCode), [d, h] = E("");
+  W(() => {
     t();
   }, [t]);
-  const c = q(() => {
-    const m = d.trim().toLowerCase(), v = {}, l = [];
-    for (const N of n) {
-      if (m && !N.name.toLowerCase().includes(m) && !N.path.toLowerCase().includes(m)) continue;
-      const f = N.path.includes("/") ? N.path.slice(0, N.path.indexOf("/")) : "(root)";
-      f in v || (v[f] = [], l.push(f)), v[f].push(N);
+  const c = Y(() => {
+    const u = d.trim().toLowerCase(), b = {}, l = [];
+    for (const v of n) {
+      if (u && !v.name.toLowerCase().includes(u) && !v.path.toLowerCase().includes(u)) continue;
+      const f = v.path.includes("/") ? v.path.slice(0, v.path.indexOf("/")) : "(root)";
+      f in b || (b[f] = [], l.push(f)), b[f].push(v);
     }
-    return l.sort(), { map: v, order: l };
+    return l.sort(), { map: b, order: l };
   }, [n, d]);
   return /* @__PURE__ */ p("div", { className: "file-manager", children: [
     /* @__PURE__ */ p("div", { className: "panel-head", children: [
       /* @__PURE__ */ a("span", { className: "panel-head-title", children: "Asset Library" }),
       /* @__PURE__ */ a("span", { className: "spacer" }),
       /* @__PURE__ */ a("button", { className: "panel-btn", title: "Save current graph", onClick: () => {
-        const m = window.prompt("Save current graph as", e ?? "untitled");
-        m && m.trim() && r(m.trim());
+        const u = window.prompt("Save current graph as", e ?? "untitled");
+        u && u.trim() && r(u.trim());
       }, children: "💾" }),
       /* @__PURE__ */ a("button", { className: "panel-btn", title: "Refresh", onClick: t, children: "↻" })
     ] }),
@@ -1656,29 +1670,29 @@ function xn() {
       {
         placeholder: "Search assets…",
         value: d,
-        onChange: (m) => h(m.target.value)
+        onChange: (u) => h(u.target.value)
       }
     ) }),
     /* @__PURE__ */ p("div", { className: "fm-tree", children: [
-      c.order.map((m) => /* @__PURE__ */ p("div", { className: "fm-group", children: [
-        /* @__PURE__ */ a("div", { className: "fm-group-header", children: m }),
-        c.map[m].map((v) => /* @__PURE__ */ p(
+      c.order.map((u) => /* @__PURE__ */ p("div", { className: "fm-group", children: [
+        /* @__PURE__ */ a("div", { className: "fm-group-header", children: u }),
+        c.map[u].map((b) => /* @__PURE__ */ p(
           "div",
           {
-            className: `fm-file ${e === v.name ? "active" : ""}`,
-            onClick: () => s(v.path),
-            title: v.path,
+            className: `fm-file ${e === b.name ? "active" : ""}`,
+            onClick: () => s(b.path),
+            title: b.path,
             children: [
               /* @__PURE__ */ a("span", { className: "fm-toggle", children: "▤" }),
-              /* @__PURE__ */ a("span", { className: "fm-name", children: v.name }),
-              v.format === "binary" && /* @__PURE__ */ a("span", { className: "fm-format-badge", title: "binary .ric", children: "BIN" }),
+              /* @__PURE__ */ a("span", { className: "fm-name", children: b.name }),
+              b.format === "binary" && /* @__PURE__ */ a("span", { className: "fm-format-badge", title: "binary .ric", children: "BIN" }),
               /* @__PURE__ */ a(
                 "button",
                 {
                   className: "fm-btn",
                   title: "Preview PyTorch code",
                   onClick: (l) => {
-                    l.stopPropagation(), i(v.path);
+                    l.stopPropagation(), i(b.path);
                   },
                   children: "⤡"
                 }
@@ -1689,16 +1703,16 @@ function xn() {
                   className: "fm-btn",
                   title: "Expand full nodes into canvas",
                   onClick: (l) => {
-                    l.stopPropagation(), o(v.path);
+                    l.stopPropagation(), o(b.path);
                   },
                   children: "⤢"
                 }
               )
             ]
           },
-          v.path
+          b.path
         ))
-      ] }, m)),
+      ] }, u)),
       n.length === 0 && /* @__PURE__ */ a("div", { className: "category", style: { padding: 8 }, children: "No .riko files found." }),
       n.length > 0 && c.order.length === 0 && /* @__PURE__ */ p("div", { className: "category", style: { padding: 8 }, children: [
         "No matches for “",
@@ -1708,64 +1722,64 @@ function xn() {
     ] })
   ] });
 }
-let re = [];
-function Sn(n) {
-  re = n;
+let le = [];
+function Cn(n) {
+  le = n;
 }
-function xe() {
-  return re;
+function Te() {
+  return le;
 }
-let Se = 0;
-function Ce(n) {
-  return Se += 1, `${n}_${Date.now()}_${Se}`;
+let Pe = 0;
+function Fe(n) {
+  return Pe += 1, `${n}_${Date.now()}_${Pe}`;
 }
-async function Cn() {
-  const n = g.getState(), e = re.filter((l) => n.nodes.some((N) => N.id === l));
+async function Tn() {
+  const n = g.getState(), e = le.filter((l) => n.nodes.some((v) => v.id === l));
   if (e.length === 0) {
     n.pushToast("error", "先框选一些节点再创建子图");
     return;
   }
   const t = window.prompt("Subgraph name", "subgraph");
   if (!t || !t.trim()) return;
-  const s = new Set(e), r = n.nodes.filter((l) => s.has(l.id)), o = n.edges.filter((l) => s.has(l.source) && s.has(l.target)), i = n.edges.filter((l) => !s.has(l.source) && s.has(l.target)), d = n.edges.filter((l) => s.has(l.source) && !s.has(l.target)), h = [], c = [], u = (l) => l === 0 ? "input" : `input_${l + 1}`, m = (l) => l === 0 ? "output" : `output_${l + 1}`;
-  i.forEach((l, N) => {
-    const f = u(N), x = `gin_${N}`;
+  const s = new Set(e), r = n.nodes.filter((l) => s.has(l.id)), o = n.edges.filter((l) => s.has(l.source) && s.has(l.target)), i = n.edges.filter((l) => !s.has(l.source) && s.has(l.target)), d = n.edges.filter((l) => s.has(l.source) && !s.has(l.target)), h = [], c = [], m = (l) => l === 0 ? "input" : `input_${l + 1}`, u = (l) => l === 0 ? "output" : `output_${l + 1}`;
+  i.forEach((l, v) => {
+    const f = m(v), C = `gin_${v}`;
     h.push({
-      id: x,
+      id: C,
       type_name: "graph_input",
-      label: `Input ${N}`,
+      label: `Input ${v}`,
       category: "Subgraph",
-      position: [0, N * 90],
+      position: [0, v * 90],
       parameters: { name: f, data_kind: "tensor" },
       inputs: [],
       outputs: []
     }), c.push({
-      id: `be_in_${N}`,
-      source_node: x,
+      id: `be_in_${v}`,
+      source_node: C,
       source_port: "value",
       target_node: l.target,
       target_port: l.targetHandle
     });
-  }), d.forEach((l, N) => {
-    const f = m(N), x = `gout_${N}`;
+  }), d.forEach((l, v) => {
+    const f = u(v), C = `gout_${v}`;
     h.push({
-      id: x,
+      id: C,
       type_name: "graph_output",
-      label: `Output ${N}`,
+      label: `Output ${v}`,
       category: "Subgraph",
-      position: [1200, N * 90],
+      position: [1200, v * 90],
       parameters: { name: f, data_kind: "tensor" },
       inputs: [],
       outputs: []
     }), c.push({
-      id: `be_out_${N}`,
+      id: `be_out_${v}`,
       source_node: l.source,
       source_port: l.sourceHandle,
-      target_node: x,
+      target_node: C,
       target_port: "value"
     });
   });
-  const v = {
+  const b = {
     version: "1.0",
     metadata: { name: t.trim(), description: "" },
     nodes: [
@@ -1794,19 +1808,19 @@ async function Cn() {
     settings: {}
   };
   try {
-    const N = await (await fetch("/api/files/save", {
+    const v = await (await fetch("/api/files/save", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ name: t.trim(), format: "ascii", doc: v })
+      body: JSON.stringify({ name: t.trim(), format: "ascii", doc: b })
     })).json();
-    if (N.status !== "success") {
-      n.pushToast("error", N.error ?? "子图保存失败");
+    if (v.status !== "success") {
+      n.pushToast("error", v.error ?? "子图保存失败");
       return;
     }
-    const f = r.reduce((_, k) => _ + k.position.x, 0) / r.length, x = r.reduce((_, k) => _ + k.position.y, 0) / r.length, y = n.nodeDefs.find((_) => _.type === "import") ?? n.nodeDefs.find((_) => _.type === "graph_reference"), P = {
+    const f = r.reduce((_, k) => _ + k.position.x, 0) / r.length, C = r.reduce((_, k) => _ + k.position.y, 0) / r.length, y = n.nodeDefs.find((_) => _.type === "import") ?? n.nodeDefs.find((_) => _.type === "graph_reference"), F = {
       id: `imp_${Date.now()}`,
       type: "thnNode",
-      position: { x: f, y: x },
+      position: { x: f, y: C },
       data: {
         type: (y == null ? void 0 : y.type) ?? "import",
         label: t.trim(),
@@ -1816,51 +1830,51 @@ async function Cn() {
         outputs: (y == null ? void 0 : y.outputs) ?? [],
         hasError: !1
       }
-    }, S = n.edges.filter(
+    }, x = n.edges.filter(
       (_) => !s.has(_.source) && !s.has(_.target)
-    ), I = 3;
-    i.slice(0, I).forEach((_, k) => {
-      S.push({
-        id: Ce("rwin"),
+    ), O = 3;
+    i.slice(0, O).forEach((_, k) => {
+      x.push({
+        id: Fe("rwin"),
         source: _.source,
-        target: P.id,
+        target: F.id,
         sourceHandle: _.sourceHandle,
-        targetHandle: u(k)
+        targetHandle: m(k)
       });
-    }), d.slice(0, I).forEach((_, k) => {
-      S.push({
-        id: Ce("rwout"),
-        source: P.id,
+    }), d.slice(0, O).forEach((_, k) => {
+      x.push({
+        id: Fe("rwout"),
+        source: F.id,
         target: _.target,
-        sourceHandle: m(k),
+        sourceHandle: u(k),
         targetHandle: _.targetHandle
       });
     }), g.setState({
-      nodes: [...n.nodes.filter((_) => !s.has(_.id)), P],
-      edges: S,
+      nodes: [...n.nodes.filter((_) => !s.has(_.id)), F],
+      edges: x,
       selectedNodeId: null,
       dirty: !0
-    }), re = [];
-    const $ = Math.max(0, i.length - I), b = Math.max(0, d.length - I);
-    $ || b ? n.pushToast(
+    }), le = [];
+    const $ = Math.max(0, i.length - O), w = Math.max(0, d.length - O);
+    $ || w ? n.pushToast(
       "info",
-      `子图已创建，但超过 3 入/3 出的边界连线有 ${$} 入/${b} 出 未保留`
+      `子图已创建，但超过 3 入/3 出的边界连线有 ${$} 入/${w} 出 未保留`
     ) : n.pushToast("success", `已创建子图 ${t.trim()}（边界连线已保留）`), n.refreshFiles();
   } catch (l) {
     n.pushToast("error", l instanceof Error ? l.message : String(l));
   }
 }
-function Tn({ id: n, data: e, selected: t }) {
+function Pn({ id: n, data: e, selected: t }) {
   const s = e, r = g((o) => o.results[n]);
   return /* @__PURE__ */ p("div", { className: `thn-node ${t ? "selected" : ""}`, children: [
     /* @__PURE__ */ a("div", { className: "header", children: s.label }),
     /* @__PURE__ */ p("div", { className: "ports", children: [
       s.inputs.map((o) => /* @__PURE__ */ p("div", { className: "port in", children: [
         /* @__PURE__ */ a(
-          Ne,
+          _e,
           {
             type: "target",
-            position: ke.Left,
+            position: xe.Left,
             id: o.name,
             style: { left: -5 }
           }
@@ -1870,10 +1884,10 @@ function Tn({ id: n, data: e, selected: t }) {
       s.outputs.map((o) => /* @__PURE__ */ p("div", { className: "port out", children: [
         /* @__PURE__ */ a("span", { className: "label", children: o.label }),
         /* @__PURE__ */ a(
-          Ne,
+          _e,
           {
             type: "source",
-            position: ke.Right,
+            position: xe.Right,
             id: o.name,
             style: { right: -5 }
           }
@@ -1898,16 +1912,16 @@ function Tn({ id: n, data: e, selected: t }) {
     ] }, o))
   ] });
 }
-function Pn({ state: n, onClose: e }) {
-  const t = g((i) => i.nodeDefs), s = g((i) => i.addNode), r = g((i) => i.addFrame), o = q(
+function Fn({ state: n, onClose: e }) {
+  const t = g((i) => i.nodeDefs), s = g((i) => i.addNode), r = g((i) => i.addFrame), o = Y(
     () => [
       {
         id: "create_subgraph",
-        label: `⤵ Create Subgraph (${xe().length} selected)`,
+        label: `⤵ Create Subgraph (${Te().length} selected)`,
         description: "collapse selection into an import node",
         category: "Subgraph",
-        disabled: xe().length === 0,
-        onSelect: () => Cn()
+        disabled: Te().length === 0,
+        onSelect: () => Tn()
       },
       {
         id: "add_frame",
@@ -1926,54 +1940,54 @@ function Pn({ state: n, onClose: e }) {
     ],
     [t, s, r, n.x, n.y]
   );
-  return n.visible ? /* @__PURE__ */ a(te, { entries: o, x: n.x, y: n.y, onClose: e, searchable: !0 }) : null;
+  return n.visible ? /* @__PURE__ */ a(re, { entries: o, x: n.x, y: n.y, onClose: e, searchable: !0 }) : null;
 }
-const Fn = { thnNode: Tn };
-function En() {
-  const n = g((f) => f.nodes), e = g((f) => f.edges), t = g((f) => f.frames), s = g((f) => f.updateFrame), r = g((f) => f.removeFrame), o = g((f) => f.onNodesChange), i = g((f) => f.onEdgesChange), d = g((f) => f.onConnect), h = g((f) => f.onSelectNode), c = g((f) => f.enterSubgraph), { zoomIn: u, zoomOut: m, fitView: v, getViewport: l } = Ze(), N = (f, x) => {
+const En = { thnNode: Pn };
+function In() {
+  const n = g((f) => f.nodes), e = g((f) => f.edges), t = g((f) => f.frames), s = g((f) => f.updateFrame), r = g((f) => f.removeFrame), o = g((f) => f.onNodesChange), i = g((f) => f.onEdgesChange), d = g((f) => f.onConnect), h = g((f) => f.onSelectNode), c = g((f) => f.enterSubgraph), { zoomIn: m, zoomOut: u, fitView: b, getViewport: l } = en(), v = (f, C) => {
     if (f.target.closest("button")) return;
     f.stopPropagation();
-    const y = f.clientX, P = f.clientY, S = x.x, I = x.y, $ = (_) => {
+    const y = f.clientX, F = f.clientY, x = C.x, O = C.y, $ = (_) => {
       const k = l().zoom || 1;
-      s(x.id, {
-        x: S + (_.clientX - y) / k,
-        y: I + (_.clientY - P) / k
+      s(C.id, {
+        x: x + (_.clientX - y) / k,
+        y: O + (_.clientY - F) / k
       });
-    }, b = () => {
-      document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", b);
+    }, w = () => {
+      document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", w);
     };
-    document.addEventListener("mousemove", $), document.addEventListener("mouseup", b);
+    document.addEventListener("mousemove", $), document.addEventListener("mouseup", w);
   };
-  return /* @__PURE__ */ p(B, { children: [
+  return /* @__PURE__ */ p(K, { children: [
     /* @__PURE__ */ p(
-      en,
+      nn,
       {
         nodes: n,
         edges: e,
-        nodeTypes: Fn,
+        nodeTypes: En,
         onNodesChange: o,
         onEdgesChange: i,
         onConnect: d,
-        onNodeClick: (f, x) => h(x.id),
-        onNodeDoubleClick: (f, x) => {
-          (x.data.type === "graph_reference" || x.data.type === "import") && c(x.id);
+        onNodeClick: (f, C) => h(C.id),
+        onNodeDoubleClick: (f, C) => {
+          (C.data.type === "graph_reference" || C.data.type === "import") && c(C.id);
         },
         onPaneClick: () => h(null),
-        onSelectionChange: ({ nodes: f }) => Sn(f.map((x) => x.id)),
+        onSelectionChange: ({ nodes: f }) => Cn(f.map((C) => C.id)),
         selectionOnDrag: !0,
         panOnDrag: [2],
         fitView: !0,
         children: [
-          /* @__PURE__ */ a(nn, {}),
-          /* @__PURE__ */ a(tn, { children: t.map((f) => /* @__PURE__ */ a(
+          /* @__PURE__ */ a(tn, {}),
+          /* @__PURE__ */ a(an, { children: t.map((f) => /* @__PURE__ */ a(
             "div",
             {
               className: "graph-frame",
               style: { left: f.x, top: f.y, width: f.width, height: f.height },
-              onMouseDown: (x) => N(x, f),
+              onMouseDown: (C) => v(C, f),
               onDoubleClick: () => {
-                const x = window.prompt("Frame title", f.title);
-                x !== null && s(f.id, { title: x });
+                const C = window.prompt("Frame title", f.title);
+                C !== null && s(f.id, { title: C });
               },
               children: /* @__PURE__ */ p("div", { className: "graph-frame-title", children: [
                 f.title,
@@ -1986,14 +2000,14 @@ function En() {
       }
     ),
     /* @__PURE__ */ p("div", { className: "graph-zoom", children: [
-      /* @__PURE__ */ a("button", { onClick: () => u(), title: "Zoom in", children: "+" }),
-      /* @__PURE__ */ a("button", { onClick: () => v(), title: "Fit view", children: "⤢" }),
-      /* @__PURE__ */ a("button", { onClick: () => m(), title: "Zoom out", children: "−" })
+      /* @__PURE__ */ a("button", { onClick: () => m(), title: "Zoom in", children: "+" }),
+      /* @__PURE__ */ a("button", { onClick: () => b(), title: "Fit view", children: "⤢" }),
+      /* @__PURE__ */ a("button", { onClick: () => u(), title: "Zoom out", children: "−" })
     ] })
   ] });
 }
 function On() {
-  const [n, e] = F({ x: 0, y: 0, visible: !1 }), t = g((r) => r.graphStack), s = g((r) => r.exitToLevel);
+  const [n, e] = E({ x: 0, y: 0, visible: !1 }), t = g((r) => r.graphStack), s = g((r) => r.exitToLevel);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -2002,7 +2016,7 @@ function On() {
         r.preventDefault(), e({ x: r.clientX, y: r.clientY, visible: !0 });
       },
       children: [
-        /* @__PURE__ */ a(Qe, { children: /* @__PURE__ */ a(En, {}) }),
+        /* @__PURE__ */ a(Ze, { children: /* @__PURE__ */ a(In, {}) }),
         /* @__PURE__ */ a("div", { className: "graph-breadcrumb", children: t.map((r, o) => /* @__PURE__ */ p("span", { className: "graph-breadcrumb-wrap", children: [
           o > 0 && /* @__PURE__ */ a("span", { className: "graph-breadcrumb-sep", children: "/" }),
           /* @__PURE__ */ a(
@@ -2016,51 +2030,51 @@ function On() {
             }
           )
         ] }, o)) }),
-        /* @__PURE__ */ a(Pn, { state: n, onClose: () => e({ x: 0, y: 0, visible: !1 }) })
+        /* @__PURE__ */ a(Fn, { state: n, onClose: () => e({ x: 0, y: 0, visible: !1 }) })
       ]
     }
   );
 }
-const In = [
+const Rn = [
   { id: "summary", label: "Summary", icon: "▤" },
   { id: "params", label: "Params", icon: "⚙" },
   { id: "inputs", label: "Inputs", icon: "→" },
   { id: "outputs", label: "Outputs", icon: "←" },
   { id: "preview", label: "Preview", icon: "◉" }
 ];
-function Rn({ style: n }) {
-  const e = g((u) => u.selectedNodeId), t = g((u) => u.nodes), s = g((u) => u.results), r = g((u) => u.updateParam), o = g((u) => u.removeNode), i = g((u) => u.nodeDefs), [d, h] = F("summary"), c = t.find((u) => u.id === e);
+function jn({ style: n }) {
+  const e = g((m) => m.selectedNodeId), t = g((m) => m.nodes), s = g((m) => m.results), r = g((m) => m.updateParam), o = g((m) => m.removeNode), i = g((m) => m.nodeDefs), [d, h] = E("summary"), c = t.find((m) => m.id === e);
   return /* @__PURE__ */ p("div", { className: "side-inspector", style: n, children: [
-    /* @__PURE__ */ a("div", { className: "inspector-tags", children: In.map((u) => /* @__PURE__ */ p(
+    /* @__PURE__ */ a("div", { className: "inspector-tags", children: Rn.map((m) => /* @__PURE__ */ p(
       "button",
       {
-        className: `inspector-tag ${d === u.id ? "active" : ""}`,
-        onClick: () => h(u.id),
-        title: u.label,
+        className: `inspector-tag ${d === m.id ? "active" : ""}`,
+        onClick: () => h(m.id),
+        title: m.label,
         children: [
-          /* @__PURE__ */ a("span", { className: "inspector-tag-icon", children: u.icon }),
-          /* @__PURE__ */ a("span", { className: "inspector-tag-label", children: u.label })
+          /* @__PURE__ */ a("span", { className: "inspector-tag-icon", children: m.icon }),
+          /* @__PURE__ */ a("span", { className: "inspector-tag-label", children: m.label })
         ]
       },
-      u.id
+      m.id
     )) }),
-    /* @__PURE__ */ a("div", { className: "inspector-body", children: c ? /* @__PURE__ */ p(B, { children: [
-      d === "summary" && /* @__PURE__ */ a(jn, { node: c, onDelete: () => o(c.id) }),
+    /* @__PURE__ */ a("div", { className: "inspector-body", children: c ? /* @__PURE__ */ p(K, { children: [
+      d === "summary" && /* @__PURE__ */ a($n, { node: c, onDelete: () => o(c.id) }),
       d === "params" && /* @__PURE__ */ a(
-        $n,
+        Ln,
         {
           node: c,
-          def: i.find((u) => u.type === c.data.type),
-          onParam: (u, m) => r(c.id, u, m)
+          def: i.find((m) => m.type === c.data.type),
+          onParam: (m, u) => r(c.id, m, u)
         }
       ),
-      d === "inputs" && /* @__PURE__ */ a(Te, { title: "Inputs", ports: c.data.inputs, dir: "in" }),
-      d === "outputs" && /* @__PURE__ */ a(Te, { title: "Outputs", ports: c.data.outputs, dir: "out" }),
-      d === "preview" && /* @__PURE__ */ a(Ln, { result: s[c.id] })
+      d === "inputs" && /* @__PURE__ */ a(Ee, { title: "Inputs", ports: c.data.inputs, dir: "in" }),
+      d === "outputs" && /* @__PURE__ */ a(Ee, { title: "Outputs", ports: c.data.outputs, dir: "out" }),
+      d === "preview" && /* @__PURE__ */ a(Dn, { result: s[c.id] })
     ] }) : /* @__PURE__ */ a("div", { className: "empty", children: "Select a node to edit its parameters" }) })
   ] });
 }
-function jn({
+function $n({
   node: n,
   onDelete: e
 }) {
@@ -2084,7 +2098,7 @@ function jn({
     )
   ] });
 }
-function $n({
+function Ln({
   node: n,
   def: e,
   onParam: t
@@ -2107,7 +2121,7 @@ function $n({
           {
             className: "btn",
             onClick: async () => {
-              const r = s.browse === "save", o = await Y(
+              const r = s.browse === "save", o = await Q(
                 r ? "save" : "import",
                 r ? { defaultName: "model.safetensors" } : void 0
               );
@@ -2129,7 +2143,7 @@ function $n({
     ] }, s.name)) : /* @__PURE__ */ a("div", { className: "port-kind", children: "No parameters" })
   ] });
 }
-function Te({
+function Ee({
   title: n,
   ports: e,
   dir: t
@@ -2146,7 +2160,7 @@ function Te({
     ] }, s.name))
   ] });
 }
-function Ln({ result: n }) {
+function Dn({ result: n }) {
   return /* @__PURE__ */ p("div", { className: "section", children: [
     /* @__PURE__ */ a("h3", { children: "Preview" }),
     n ? /* @__PURE__ */ a("div", { className: "preview", children: Object.entries(n).map(([e, t]) => /* @__PURE__ */ p("div", { style: { marginBottom: 6 }, children: [
@@ -2167,7 +2181,7 @@ function Ln({ result: n }) {
           alt: "preview",
           style: { maxWidth: "100%", marginTop: 4, borderRadius: 4, border: "1px solid var(--color-border)" }
         }
-      ) : /* @__PURE__ */ p(B, { children: [
+      ) : /* @__PURE__ */ p(K, { children: [
         /* @__PURE__ */ a("div", { children: t.summary }),
         t.dataPreview && /* @__PURE__ */ p("div", { style: { color: "var(--color-text-secondary)", whiteSpace: "pre-wrap" }, children: [
           t.dataPreview,
@@ -2177,8 +2191,8 @@ function Ln({ result: n }) {
     ] }, e)) }) : /* @__PURE__ */ a("div", { className: "port-kind", children: "Not executed" })
   ] });
 }
-function Dn({ style: n }) {
-  const [e, t] = F("logs"), s = g((i) => i.logs), r = g((i) => i.nodes), o = g((i) => i.status);
+function An({ style: n }) {
+  const [e, t] = E("logs"), s = g((i) => i.logs), r = g((i) => i.nodes), o = g((i) => i.status);
   return /* @__PURE__ */ p("div", { className: "status-panel", style: n, children: [
     /* @__PURE__ */ p("div", { className: "tabs", children: [
       /* @__PURE__ */ a(
@@ -2204,14 +2218,14 @@ function Dn({ style: n }) {
     ] }, i.id)) })
   ] });
 }
-function An() {
-  var m;
-  const n = g((v) => v.losses), e = g((v) => v.train), t = g((v) => v.status), [s, r] = F(20), [o, i] = F(1e-3), d = 300, h = 160, c = 10, u = (() => {
+function Mn() {
+  var u;
+  const n = g((b) => b.losses), e = g((b) => b.train), t = g((b) => b.status), [s, r] = E(20), [o, i] = E(1e-3), d = 300, h = 160, c = 10, m = (() => {
     if (n.length === 0) return "";
-    const v = Math.min(...n), N = Math.max(...n) - v || 1;
-    return n.map((f, x) => {
-      const y = c + x / Math.max(n.length - 1, 1) * (d - c * 2), P = c + (1 - (f - v) / N) * (h - c * 2);
-      return `${y.toFixed(1)},${P.toFixed(1)}`;
+    const b = Math.min(...n), v = Math.max(...n) - b || 1;
+    return n.map((f, C) => {
+      const y = c + C / Math.max(n.length - 1, 1) * (d - c * 2), F = c + (1 - (f - b) / v) * (h - c * 2);
+      return `${y.toFixed(1)},${F.toFixed(1)}`;
     }).join(" ");
   })();
   return /* @__PURE__ */ p("div", { className: "loss-panel", children: [
@@ -2225,7 +2239,7 @@ function An() {
             min: 1,
             step: 1,
             value: s,
-            onChange: (v) => r(Math.max(1, Math.floor(Number(v.target.value) || 1)))
+            onChange: (b) => r(Math.max(1, Math.floor(Number(b.target.value) || 1)))
           }
         )
       ] }),
@@ -2238,7 +2252,7 @@ function An() {
             min: 0,
             step: "any",
             value: o,
-            onChange: (v) => i(Number(v.target.value) || 0)
+            onChange: (b) => i(Number(b.target.value) || 0)
           }
         )
       ] }),
@@ -2252,11 +2266,11 @@ function An() {
         }
       )
     ] }),
-    n.length === 0 ? /* @__PURE__ */ a("div", { className: "port-kind", style: { padding: 8 }, children: "No loss history. Add a loss node (e.g. cross_entropy_loss) + a data loader, set steps / LR above, then click Train." }) : /* @__PURE__ */ p(B, { children: [
+    n.length === 0 ? /* @__PURE__ */ a("div", { className: "port-kind", style: { padding: 8 }, children: "No loss history. Add a loss node (e.g. cross_entropy_loss) + a data loader, set steps / LR above, then click Train." }) : /* @__PURE__ */ p(K, { children: [
       /* @__PURE__ */ a("svg", { viewBox: `0 0 ${d} ${h}`, className: "loss-svg", preserveAspectRatio: "none", children: /* @__PURE__ */ a(
         "polyline",
         {
-          points: u,
+          points: m,
           fill: "none",
           stroke: "var(--color-primary)",
           strokeWidth: "2"
@@ -2269,39 +2283,39 @@ function An() {
         ] }),
         /* @__PURE__ */ p("span", { children: [
           "last loss: ",
-          (m = n[n.length - 1]) == null ? void 0 : m.toFixed(4)
+          (u = n[n.length - 1]) == null ? void 0 : u.toFixed(4)
         ] })
       ] })
     ] })
   ] });
 }
-const Mn = '# Entropia Riko 用户指南\n\n> 版本：v0.1 · 节点数：195+（含插件）· 后端：PyTorch（默认）+ TensorFlow/Keras（可选）\n> 本文档是面向用户的完整使用手册，覆盖界面、节点、构图、训练、导出与开发。\n\n---\n\n## 目录\n\n1. [项目简介](#1-项目简介)\n2. [快速开始](#2-快速开始)\n3. [界面总览](#3-界面总览)\n4. [模块化面板（Blender 风格）](#4-模块化面板blender-风格)\n5. [欢迎窗口](#5-欢迎窗口)\n6. [文件与插件](#6-文件与插件)\n7. [节点系统（191 节点）](#7-节点系统191-节点)\n8. [构图与执行](#8-构图与执行)\n9. [数据输入与预览节点](#9-数据输入与预览节点)\n10. [Wrangle 代码节点](#10-wrangle-代码节点)\n11. [训练与实时 Loss 曲线](#11-训练与实时-loss-曲线)\n12. [导出代码](#12-导出代码)\n13. [.riko 文件格式](#13-tns-文件格式)\n14. [API 端点](#14-api-端点)\n15. [后端架构](#15-后端架构)\n16. [开发与测试](#16-开发与测试)\n17. [已知限制与后续方向](#17-已知限制与后续方向)\n\n---\n\n## 1. 项目简介\n\nEntropia Riko 是一个**独立的节点图编辑器**，用 ComfyUI 风格的画布搭建并运行\nPyTorch（及可选 TensorFlow/Keras）张量工作流。它不是 Houdini 插件。\n\n核心特性：\n\n- **191 个节点**：数学、张量操作、神经网络激活/层、注意力、归一化、归约、形状、\n  创建、损失、数据加载、模型推理、子图引用、Wrangle 代码、预览，以及 TF/Keras。\n- **Blender 风格模块化面板**：拖角分离/合并、任意切换窗口类型、实时缩放。\n- **实时训练 + Loss 曲线**：自包含图（数据加载 + 损失）可直接训练并流式显示损失。\n- **代码导出**：导出干净的 `torch.nn.Module` 或 `tf.keras.Model` 脚本。\n- **子图 import**：一个 `.riko` 图可像 `import xx` 一样引用另一个图。\n- **数据预览**：图片缩略图、文本、JSON 直接在检查器里显示。\n\n---\n\n## 2. 快速开始\n\n### 前置条件\n- Python 3.10+\n- Node.js 18+\n- PyTorch（CPU 版即可；CUDA/MPS 可选）\n\n### 启动（两个终端）\n\n```bash\ncd ~/Documents/torch-node/entropia-riko\n\n# 终端 1：API 服务器（必须先启动）\n.venv/bin/python -m uvicorn src.server.app:app --reload --port 8000\n\n# 终端 2：前端开发服务器\nnpm run dev    # → http://localhost:5173\n```\n\n打开 **http://localhost:5173**（务必通过 5173 访问，`/api` 走 Vite 代理）。\n\n> ⚠️ 若看不到 190+ 节点，说明 API 服务器没启动或旧进程仍在（无 `--reload` 的旧进程\n> 不会加载新代码，需杀掉重启）。改代码后浏览器需硬刷新 `Cmd+Shift+R`。\n\n---\n\n## 3. 界面总览\n\n```\n┌ 标题栏（* 未保存 · 文件名 - Riko · 版本号）────────────────────┐\n├ 菜单栏（logo · File / Run / Data / Help，右侧状态徽章）────────┤\n├ 模块化面板区域（Blender 风格区域树）──────────────────────────┤\n│  [节点库] [Asset Library] [New File] [画布] [检查器]           │\n│  [状态/日志] [Loss 曲线]                                       │\n└──────────────────────────────────────────────────────────────┘\n```\n\n- **标题栏**：未保存时显示 `*`，随后 `文件名 - Riko`，右侧版本号。\n- **菜单栏**：左上角 **logo**（点开 About / Welcome / Preferences）；File（Import/Export\n  → 内置 **File Explorer** 导入导出文件/文件夹；Export Code 导出 .py）、Run、Data、\n  View（含 **Liquid Glass** 主题）、Help。\n- **节点库**：按分类分组、可折叠、可搜索，点击节点加入画布。\n- **画布**：React Flow 节点图，右键弹搜索式节点菜单。\n- **检查器**：左侧 tag 切换（Summary/Params/Inputs/Outputs/Preview）。\n- **New File**：右上角 mini 文件管理器（右键新建/删除/预览代码/展开节点）。\n- **Asset Library**：`.riko`/`.ric` 资产树（打开 / **展开完整节点** / 保存）。\n- **Code Editor**：代码编辑器窗口（类似记事本，编辑/复制/全选/保存/生成）。\n- **Handwriting Pad**：28×28 手写板，画数字 → 生成 `constant` 节点喂 MNIST。\n- **状态栏**：Logs（日志）与 Queue（节点队列）两个标签。\n- **Loss 曲线**：训练损失的实时 SVG 折线图。\n- **Plugins**：插件管理面板（右上角 `+` 从 `.py` 加载，每个插件带启用/禁用开关）。\n\n---\n\n## 4. 模块化面板（Blender 风格）\n\n每个面板右上角有一个**类型下拉**（切换该窗口显示的内容）和 **✕**（关闭当前面板）；\n右下角有一个**角抓手**。\n\n| 操作 | 手势 | 效果 |\n|------|------|------|\n| 切换窗口类型 | 点右上角 `类型 ▾` | Node Library / New File / Asset Library / Graph / Inspector / Status / Loss Curve / Docs / Plugins / Code Editor / Handwriting Pad 十一选一 |\n| 分离（split） | 角抓手**向左/向上拖** | 蓝色预览线跟随鼠标（只在该面板内），松手在 50% 处分出新面板，方向=拖动轴向 |\n| 合并（merge） | 角抓手**向右/向下拖** | 相邻窗口被**蓝色阴影 + 加粗边框**高亮，松手它被并掉、当前面板扩大 |\n| 关闭当前面板 | 点 **✕** | 当前面板被移除，邻居吸收空间 |\n| 缩放 | 拖分隔条 | 所有分隔条可同时独立拖动 |\n\n默认布局：`[节点库/Asset Library 上下] | [画布 | (New File 上 / 检查器)]`，下方\n`[状态 | Loss 曲线]`（New File 只占据最右列、检查器上方，不占用画布区域）。\n\n---\n\n## 5. 欢迎窗口\n\n启动时弹出 Blender 风格欢迎窗口：\n\n- **头图**：上半部为可替换 **JPEG 位图**（`public/brand/hero.jpg`，960×220），右上角显示\n  版本号；左下角为 logo（`public/brand/logo.svg`）。\n- **New File**：`General`（空白图）+ 从 `examples/` 读出的**预制模板**\n  （cnn / classifier / mlp / mnist_cnn / transformer / …），点击即载入。\n- **Recent Files**：`localStorage` 记录最近打开过的 `.riko`（去重、最多 10 条）。\n\n点 ✕ 或选择任意项关闭；**Help → Welcome Screen** 或 logo 菜单可随时重新打开。\n\n---\n\n## 6. 文件与插件\n\n**New File**（最右列、检查器上方）是一个 **mini 文件管理器**，映射**工作目录**的\n目录树（可展开/折叠子目录）。**右键**弹出菜单：新建文件/新建文件夹/重命名/删除、\n打开、**预览 PyTorch 代码**（`/api/project/code` 导出 `nn.Module`）、导入为节点。\n**File → Import Working Folder…** 可把工作目录指向任意本地文件夹，并在其中创建\n`.riko` 缓存文件夹存放工具自身状态。\n\n**Asset Library**（原 Files 面板，Blender-outliner 风格资产树）在其基础上增加保存与\nimport 依赖视图，每个文件可展开显示其 `import` 依赖（✓ 已解析 / ✗ 未解析）。\n\n- **打开**：点文件名载入画布。\n- **导入为节点**：点 `⤵` 添加一个引用该文件的 `import` 节点。\n- **保存**：在输入框命名后点 `+ Save .riko`（或 `⇩ .ric`），存到 `workflows/<name>`。\n\n**子图引用**：一个 `.riko` 可被 `graph_reference`（按 `file` 路径）或 `import`\n（按模块名，如 `mlp`，在 `workflows/`、`examples/`、`examples/models/` 中解析）引用。\n被引用图需含 `graph_input(name="input")` 与 `graph_output(name="output")`。\n\n**Plugins 面板**：右上角 `+` 从本地 `.py` 文件加载插件（安装到 `plugins/<name>/`），\n每个插件带启用/禁用开关（禁用即从节点库移除其节点）。内置插件：\n`example_plugin`（`plugin_double`）、`math_extra`（`plugin_square`、`plugin_scale`）、\n`stat_extra`（`plugin_shift_scale`、`plugin_neg`）。\n\n---\n\n## 7. 节点系统（195+ 节点）\n\n### 输入\n`constant`\n\n### 数学（纯 Python）\n`add`, `multiply`\n\n### 数学（torch）\n`torch_add`, `torch_multiply`, `sub`, `div`, `pow`, `matmul`, `mm`, `maximum`,\n`minimum`, `fmod`, `remainder`, `atan2`\n\n### 张量（单目）\n`abs`, `exp`, `log`, `log2`, `log10`, `log1p`, `expm1`, `sqrt`, `erf`, `erfc`,\n`neg`, `sign`, `reciprocal`, `floor`, `ceil`, `round`, `square`, `cos`, `sin`\n\n### 神经网络（激活）\n`relu`, `leaky_relu`, `sigmoid`, `tanh`, `gelu`, `silu`, `selu`, `elu`, `mish`,\n`hardswish`, `hardsigmoid`, `hardtanh`, `softsign`, `tanhshrink`, `softplus`,\n`relu6`, `glu`, `softmax`, `log_softmax`, `log_sigmoid`\n\n### 注意力\n`multihead_attention`, `sdpa`（scaled dot-product attention）\n\n### 神经网络（层）\n`linear`, `conv2d`, `conv1d`, `conv_transpose2d`, `maxpool2d`, `avgpool2d`,\n`embedding`, `dropout`, `batchnorm1d`, `batchnorm2d`, `layernorm`, `groupnorm`,\n`rmsnorm`, `transformer_encoder`\n\n### 归约\n`sum`, `mean`, `amax`, `amin`, `logsumexp`, `median`, `max_reduce`, `min_reduce`,\n`prod`, `std`, `var`, `norm`, `argmax`, `argmin`, `cumsum`, `topk`, `sort`\n\n### 形状\n`reshape`, `view`, `transpose`, `swapaxes`, `movedim`, `permute`, `flatten`,\n`squeeze`, `unsqueeze`, `concat`, `stack`, `flip`, `expand`, `expand_as`,\n`broadcast_to`, `tile`, `repeat`, `repeat_interleave`, `tril`, `triu`,\n`diagonal`, `narrow`, `roll`, `index_select`, `gather`, `interpolate`\n\n### 创建\n`zeros`, `ones`, `rand`, `randn`, `randint`, `randperm`, `empty`, `zeros_like`,\n`ones_like`, `randn_like`, `rand_like`, `eye`, `arange`, `linspace`, `full`,\n`positional_encoding`\n\n### 张量算子\n`bmm`, `dot`, `outer`, `xlogy`, `cross`, `addmm`, `einsum`, `clamp`,\n`contiguous`, `clone`, `detach`, `masked_fill`, `where`\n\n### 损失\n`mse_loss`, `cross_entropy_loss`, `l1_loss`, `smooth_l1_loss`,\n`binary_cross_entropy`, `kl_div`, `nll_loss`, `hinge_embedding_loss`,\n`cosine_embedding_loss`\n\n### 设备\n`to_device`\n\n### 模型\n`model_loader`（加载 .pt）、`inference`（跑 forward）\n\n### 子图\n`graph_input`, `graph_output`, `graph_reference`（按路径）, `import`（按模块名）\n\n### 数据（数据集加载）\n`mnist_loader`, `cifar10_loader`, `csv_loader`, `image_folder_loader`,\n`tensor_file_loader`, `dataloader`, `text_loader`, `json_loader`, `image_loader`\n\n### Wrangle 与预览\n`wrangle`（内联 Python 代码）, `text_preview`, `json_preview`, `image_preview`\n\n### TensorFlow / Keras（可选后端）\n`keras_dense`, `keras_conv2d`, `keras_flatten`, `keras_embedding`,\n`keras_layernorm`, `keras_dropout`, `keras_relu`, `keras_sigmoid`, `keras_tanh`,\n`keras_gelu`, `keras_softmax`, `keras_maxpool2d`, `keras_avgpool2d`, `tf_add`,\n`tf_multiply`, `tf_matmul`, `tf_concat`, `tf_reshape`, `tf_transpose`, `tf_reduce`\n\n> Keras 卷积用 channels-last `(B,H,W,C)`，与 torch 的 channels-first 不同。\n\n---\n\n## 8. 构图与执行\n\n1. 从节点库点击/拖入节点（或画布右键搜索添加）。\n2. 拖端口连线；点击节点在右侧检查器改参数。\n3. **Run → Inference** 执行整图，结果显示在节点卡片和检查器预览里。\n\n执行后端：校验（端口/必需输入/环检测）→ Kahn 拓扑排序 → 逐节点 `execute`。\n`TensorValue` 是框架无关的中间表示（纯 Python 数据），torch/TF 节点在 `execute` 内\n惰性 import 并做转换。\n\n---\n\n## 9. 数据输入与预览节点\n\n- **输入**：`text_loader`（读文本）、`json_loader`（读 JSON）、`image_loader`\n  （用 PIL 读图片，输出 H×W×3 image_tensor）、`csv_loader`、`mnist_loader` 等。\n- **预览**：\n  - `text_preview`：把任意值转成文本。\n  - `json_preview`：把张量/值序列化成缩进 JSON。\n  - `image_preview`：把图像张量转成 **base64 PNG 缩略图**，在检查器里直接显示\n    `<img>`。\n\n`TensorValue` 支持 `kind`：`scalar` / `tensor` / `image_tensor` / `text` / `json` /\n`model`。文本/JSON 不做数值 shape 推断。\n\n---\n\n## 10. Wrangle 代码节点\n\n`wrangle` 节点用于解决内置节点覆盖不到的逻辑。参数 `code` 是任意 Python：\n\n```python\n# 可用变量：x / a / b（已连接输入张量，未连接为 None）、torch、F、nn\nresult = x * 2 + 1\n# 或：\n# result = torch.softmax(x, dim=-1)\n# result = F.gelu(x)\n```\n\n`execute` 把输入转成 torch 张量后 `exec(code)`，取 `result`（或 `y`）作为输出。\n导出时会把代码内联进 `forward`。\n\n---\n\n## 11. 训练与实时 Loss 曲线\n\n**可训练图** = 数据加载节点（如 `dataloader`/`mnist_loader`）+ 损失节点\n（`cross_entropy_loss` 等），且不含 `graph_input`。\n\n- **Run → Train 20/100 steps** 或 Loss 面板按钮开始训练。\n- 后端用 codegen 生成 `nn.Module` → `AdamW` 优化器逐步 `backward()`/`step()`，\n  通过 **SSE（`/api/train/stream`）逐步回传 loss**，前端 SVG 曲线实时增长。\n\n注意：执行器本身仍用 `no_grad()` 逐次重建层；真正的训练走「导出 → 执行」这条路径。\n\n---\n\n## 12. 导出代码\n\n- **File → Export .py (PyTorch)**：生成干净的 `torch.nn.Module`。\n  - 可学习层进 `__init__`，内联算子进 `forward`。\n  - `graph_input` → `forward` 参数；`graph_output` → `return`。\n  - `import`/`graph_reference` 递归内联为嵌套 `nn.Module` 类。\n  - 数据加载节点生成真实可运行代码（torchvision + 随机回退）。\n  - 自包含训练图附带 `train()` + `__main__` 训练循环。\n- **File → Export .py (Keras/TF)**：对 TF/Keras 节点图生成 `tf.keras.Model`\n  （层进 `__init__`，算子进 `call`）。\n\n---\n\n## 13. .riko 文件格式\n\n`.riko` 是 JSON，保存完整工作流：\n\n```json\n{\n  "version": "0.1",\n  "metadata": { "name": "classifier", "description": "...",\n                "inputs": [{"name": "input", "data_kind": "tensor"}],\n                "outputs": [{"name": "output", "data_kind": "tensor"}] },\n  "nodes": [\n    {"id": "a", "type_name": "constant", "label": "Constant", "category": "Inputs",\n     "position": [100, 200], "parameters": {"value": 2.0}, "inputs": [], "outputs": []}\n  ],\n  "edges": [\n    {"id": "e1", "source_node": "a", "source_port": "value",\n     "target_node": "b", "target_port": "left"}\n  ],\n  "settings": {}\n}\n```\n\n- Save 下载 `workflow.riko`；Load 接受 `.riko`/`.json`。\n- 文件管理器另提供 `POST /api/files/save` 存到 `workflows/`。\n\n---\n\n## 14. API 端点\n\n| 方法 | 路径 | 说明 |\n|------|------|------|\n| GET | `/api/health` | 健康检查 |\n| GET | `/api/nodes` | 全部节点定义（含已启用插件） |\n| POST | `/api/execute` | 执行 GraphDocument JSON，返回各节点端口输出 |\n| POST | `/api/export_python` | 生成 `torch.nn.Module` 代码 |\n| POST | `/api/export_keras` | 生成 `tf.keras.Model` 代码 |\n| POST | `/api/export_binary` | 将图文档编码为 `.ric` 二进制（base64 下载） |\n| GET | `/api/files` | 列出 `.riko` 文件及其 import 依赖 |\n| GET | `/api/files/content?path=` | 读取 `.riko` 内容 |\n| POST | `/api/files/save` | 保存 `.riko` 到 `workflows/` |\n| GET | `/api/plugins` | 列出插件（enabled/disabled + 注册节点） |\n| POST | `/api/plugins/toggle` | 启用/禁用插件（`{name, enabled}`） |\n| POST | `/api/plugins/upload` | 从 Python 源码安装插件（`{name, code}`） |\n| GET | `/api/project/tree` | 返回工作目录的递归目录树（隐藏 `.riko` 缓存） |\n| POST | `/api/project/set_root` | 导入工作文件夹（`{path}`），创建 `.riko` 缓存并持久化 |\n| POST | `/api/project/create` | 在工作目录新建空 `.riko`（`{name, dir?}`） |\n| POST | `/api/project/mkdir` | 在工作目录新建文件夹（`{name, dir?}`） |\n| POST | `/api/project/rename` | 重命名文件/文件夹（`{path, newName}`） |\n| POST | `/api/project/delete` | 删除文件/空文件夹（`{path}`） |\n| POST | `/api/project/code` | 返回该 `.riko` 导出的 PyTorch 代码（`{path}`） |\n| GET | `/api/project/open?path=` | 读取工作目录内 `.riko`/`.ric` 内容 |\n| POST | `/api/train` | 训练并一次性返回 loss 列表 |\n| POST | `/api/train/stream` | 训练并流式（NDJSON）返回逐步 loss |\n\n---\n\n## 15. 后端架构\n\n```\nReact UI (@xyflow/react) ──HTTP──▶ FastAPI\n   │                                   │\n   └─ 图文档 JSON ──▶ Runtime（registry + executor + codegen + trainer + subgraph）\n                                        │\n                                   Tensor IR（core/tensor.py TensorValue + document.py）\n                                        │\n                                   Backend（device/converter torch ↔ TensorValue；\n                                            tf_converter tf ↔ TensorValue）\n```\n\n分层与依赖方向：\n\n- `core`（纯 Python，绝不 import torch/TF）\n- `runtime`（注册表 / 执行器 / codegen / codegen_tf / trainer / subgraph）\n- `nodes`（math 纯 Python；torch_ops、tf_ops 惰性 import）\n- `server`（FastAPI）\n- `backend`（torch/TF 转换，均 optional，缺依赖时报清晰错误）\n\n---\n\n## 16. 开发与测试\n\n```bash\n# Python 测试（97 tests，stdlib unittest）\n.venv/bin/python -m unittest discover -s tests -t .\n\n# 前端测试（8 tests，vitest）\nnpm test\n\n# 前端类型检查 + 构建\nnpm run build\n\n# 验证节点数（内置 194；加上插件后 199+）\n.venv/bin/python -c "import src.nodes; from src.runtime.registry import default_registry; print(len(default_registry().list()))"\n# 应打印 194（未加载插件时）\n```\n\n### 新增一个节点\n\n```python\n# src/nodes/.../my_node.py\nfrom ..base import BaseNode, NodeInput, NodeOutput, Parameter\nfrom ...runtime.registry import register\n\n@register("my_node")\nclass MyNode(BaseNode):\n    type_name = "my_node"\n    label = "My Node"\n    category = "Utility"\n    inputs = [NodeInput("x", data_kind="tensor", required=True)]\n    outputs = [NodeOutput("result", data_kind="tensor")]\n    parameters = [Parameter("scale", default=1.0, dtype="float")]\n\n    def execute(self, inputs, params, context):\n        ...\n        return {"result": ...}\n```\n\n然后在对应 `__init__.py` 里 `from . import my_node`，并在 codegen 里加导出分支。\n\n---\n\n## 17. 已知限制与后续方向\n\n1. **执行器级训练未原生实现**：训练走「codegen → exec」路径；原生优化器节点待加。\n2. **子图固定 input/output 端口**：`graph_reference`/`import` 目前只支持单输入单输出。\n3. **Keras 卷积布局**：channels-last，与 torch 不同，混用时需 transpose。\n4. **TF 未随包安装**：`requirements.txt` 中注释了 `tensorflow>=2.10`，启用需自行安装。\n5. **无 undo/redo、无键盘快捷键、无画布内搜索**（右键菜单有搜索）。\n6. **`Toolbar.tsx` 与 `.doc_backups/` 遗留**：可安全删除。\n\n后续方向：原生训练循环、优化器/梯度裁剪节点、多端口子图、模型动物园（ResNet/VGG/BERT\n预制 `.riko`）、JAX 后端、分组卷积/谱分解（svd/qr/eig）等更多 torch API 覆盖。\n', Wn = '# Entropia Riko User Guide\n\n> Version: v0.1 · Nodes: 191 · Backends: PyTorch (default) + TensorFlow/Keras (optional)\n> This is the complete user manual: interface, nodes, graph building, training, export and development.\n\n---\n\n## Table of Contents\n\n1. [Overview](#1-overview)\n2. [Quick Start](#2-quick-start)\n3. [Interface](#3-interface)\n4. [Modular Panels (Blender-style)](#4-modular-panels-blender-style)\n5. [Welcome Screen](#5-welcome-screen)\n6. [File Manager & Import](#6-file-manager--import)\n7. [Node System (191 nodes)](#7-node-system-191-nodes)\n8. [Building & Running Graphs](#8-building--running-graphs)\n9. [Data Input & Preview Nodes](#9-data-input--preview-nodes)\n10. [Wrangle Code Node](#10-wrangle-code-node)\n11. [Training & Real-time Loss Curve](#11-training--real-time-loss-curve)\n12. [Exporting Code](#12-exporting-code)\n13. [.riko File Format](#13-tns-file-format)\n14. [API Endpoints](#14-api-endpoints)\n15. [Backend Architecture](#15-backend-architecture)\n16. [Development & Testing](#16-development--testing)\n17. [Known Limitations](#17-known-limitations)\n\n---\n\n## 1. Overview\n\nEntropia Riko is a **standalone node-graph editor** for building and running\nPyTorch (and optionally TensorFlow/Keras) tensor workflows, with a ComfyUI-style\ncanvas and a Material-inspired UI. It is **not** a Houdini plugin.\n\nKey features:\n\n- **191 nodes**: math, tensor ops, neural activations/layers, attention,\n  normalization, reductions, shape ops, creation, losses, data loading, model\n  inference, subgraph references, Wrangle code, previews, and TF/Keras.\n- **Blender-style modular panels**: drag a corner to split/merge, switch any\n  window\'s type, and resize everything simultaneously.\n- **Real-time training + loss curve**: self-contained graphs (data + loss)\n  train live with a streaming SVG loss chart.\n- **Code export**: generate clean `torch.nn.Module` or `tf.keras.Model` scripts.\n- **Subgraph import**: a `.riko` graph can reference another like `import xx`.\n- **Data previews**: image thumbnails, text and JSON rendered in the inspector.\n\n---\n\n## 2. Quick Start\n\n### Prerequisites\n- Python 3.10+\n- Node.js 18+\n- PyTorch (CPU build is enough; CUDA/MPS optional)\n\n### Run (two terminals)\n\n```bash\ncd ~/Documents/torch-node/entropia-riko\n\n# Terminal 1: API server (start FIRST)\n.venv/bin/python -m uvicorn src.server.app:app --reload --port 8000\n\n# Terminal 2: frontend dev server\nnpm run dev    # → http://localhost:5173\n```\n\nOpen **http://localhost:5173** (the `/api` proxy only works through 5173).\n\n> ⚠️ If you don\'t see 190+ nodes, the API server isn\'t running, or a stale\n> process started without `--reload` is still serving old code — kill and\n> restart it. After code changes, hard-refresh the browser with `Cmd+Shift+R`.\n\n---\n\n## 3. Interface\n\n```\n┌ Menu bar (File / Run / Data / Help, status badge) ────────────────┐\n├ Modular panel area (Blender-style area tree) ─────────────────────┤\n│  [Node Library] [Files] [Canvas (React Flow)] [Inspector]          │\n│  [Status / Logs] [Loss Curve]                                      │\n└────────────────────────────────────────────────────────────────────┘\n```\n\n- **Menu bar**: File (new / save / load / export PyTorch / export Keras),\n  Run (inference / Train 20 / 100 steps), Data (quick-add dataset nodes),\n  Help (welcome screen / about).\n- **Node Library**: grouped, collapsible, searchable; click to add a node.\n- **Canvas**: React Flow node graph; right-click opens a searchable node menu.\n- **Inspector**: parameters / inputs / outputs / preview of the selected node.\n- **Status**: Logs and Queue tabs.\n- **Loss Curve**: live training loss as an SVG line chart.\n\n---\n\n## 4. Modular Panels (Blender-style)\n\nEach panel has a **type dropdown** (top-right) to switch what it shows and a\n**✕** (close) button; the bottom-right corner is a **grip**.\n\n| Action | Gesture | Effect |\n|--------|---------|--------|\n| Switch type | click `type ▾` | Node Library / Files / Graph / Inspector / Status / Loss Curve / Documentation |\n| Split | drag grip **up/left** | a blue preview line follows the mouse (clipped to the panel); release splits at 50%, orientation = drag axis |\n| Merge | drag grip **down/right** | the sibling panel is **shaded + bold-bordered**; release merges it away, current expands |\n| Close current | click **✕** | current panel removed, neighbor absorbs the space |\n| Resize | drag a splitter | all splitters resize independently and simultaneously |\n\nDefault layout: `[Node Library / Files stacked] | [Graph | Inspector]` over\n`[Status | Loss Curve]`.\n\n---\n\n## 5. Welcome Screen\n\nA Blender-style splash opens on startup, with two columns:\n\n- **New File**: `General` (blank graph) + preset templates read from\n  `examples/` (cnn / classifier / mlp / mnist_cnn / transformer / …).\n- **Recent Files**: the last opened `.riko` files (deduped, up to 10, stored in\n  `localStorage`).\n\nClose with ✕ or by picking an item; reopen via **Help → Welcome Screen**.\n\n---\n\n## 6. File Manager & Import\n\nThe **Files** panel is a Blender-outliner-style tree of `.riko` files under\n`workflows/` and `examples/`. Each file expands to show its `import`\ndependencies (✓ resolved / ✗ missing).\n\n- **Open**: click a file name to load it.\n- **Import as node**: click `⤵` to add an `import` node referencing it.\n- **Save**: name it and click `+ Save` → `workflows/<name>.riko`.\n\n**Subgraph references**: a `.riko` can be referenced by `graph_reference`\n(by `file` path) or `import` (by module name, e.g. `mlp`, resolved under\n`workflows/`, `examples/`, `examples/models/`). The referenced graph must\ncontain `graph_input(name="input")` and `graph_output(name="output")`.\n\n---\n\n## 7. Node System (191 nodes)\n\n### Inputs\n`constant`\n\n### Math (pure Python)\n`add`, `multiply`\n\n### Math (torch)\n`torch_add`, `torch_multiply`, `sub`, `div`, `pow`, `matmul`, `mm`, `maximum`,\n`minimum`, `fmod`, `remainder`, `atan2`\n\n### Tensor (unary)\n`abs`, `exp`, `log`, `log2`, `log10`, `log1p`, `expm1`, `sqrt`, `erf`, `erfc`,\n`neg`, `sign`, `reciprocal`, `floor`, `ceil`, `round`, `square`, `cos`, `sin`\n\n### Neural (activations)\n`relu`, `leaky_relu`, `sigmoid`, `tanh`, `gelu`, `silu`, `selu`, `elu`, `mish`,\n`hardswish`, `hardsigmoid`, `hardtanh`, `softsign`, `tanhshrink`, `softplus`,\n`relu6`, `glu`, `softmax`, `log_softmax`, `log_sigmoid`\n\n### Attention\n`multihead_attention`, `sdpa` (scaled dot-product attention)\n\n### Neural (layers)\n`linear`, `conv2d`, `conv1d`, `conv_transpose2d`, `maxpool2d`, `avgpool2d`,\n`embedding`, `dropout`, `batchnorm1d`, `batchnorm2d`, `layernorm`, `groupnorm`,\n`rmsnorm`, `transformer_encoder`\n\n### Reduce\n`sum`, `mean`, `amax`, `amin`, `logsumexp`, `median`, `max_reduce`, `min_reduce`,\n`prod`, `std`, `var`, `norm`, `argmax`, `argmin`, `cumsum`, `topk`, `sort`\n\n### Shape\n`reshape`, `view`, `transpose`, `swapaxes`, `movedim`, `permute`, `flatten`,\n`squeeze`, `unsqueeze`, `concat`, `stack`, `flip`, `expand`, `expand_as`,\n`broadcast_to`, `tile`, `repeat`, `repeat_interleave`, `tril`, `triu`,\n`diagonal`, `narrow`, `roll`, `index_select`, `gather`, `interpolate`\n\n### Creation\n`zeros`, `ones`, `rand`, `randn`, `randint`, `randperm`, `empty`, `zeros_like`,\n`ones_like`, `randn_like`, `rand_like`, `eye`, `arange`, `linspace`, `full`,\n`positional_encoding`\n\n### Tensor ops\n`bmm`, `dot`, `outer`, `xlogy`, `cross`, `addmm`, `einsum`, `clamp`,\n`contiguous`, `clone`, `detach`, `masked_fill`, `where`\n\n### Loss\n`mse_loss`, `cross_entropy_loss`, `l1_loss`, `smooth_l1_loss`,\n`binary_cross_entropy`, `kl_div`, `nll_loss`, `hinge_embedding_loss`,\n`cosine_embedding_loss`\n\n### Device\n`to_device`\n\n### Model\n`model_loader` (load .pt), `inference` (run forward)\n\n### Subgraph\n`graph_input`, `graph_output`, `graph_reference` (by path), `import` (by module)\n\n### Data (dataset loaders)\n`mnist_loader`, `cifar10_loader`, `csv_loader`, `image_folder_loader`,\n`tensor_file_loader`, `dataloader`, `text_loader`, `json_loader`, `image_loader`\n\n### Wrangle & Preview\n`wrangle` (inline Python code), `text_preview`, `json_preview`, `image_preview`\n\n### TensorFlow / Keras (optional backend)\n`keras_dense`, `keras_conv2d`, `keras_flatten`, `keras_embedding`,\n`keras_layernorm`, `keras_dropout`, `keras_relu`, `keras_sigmoid`, `keras_tanh`,\n`keras_gelu`, `keras_softmax`, `keras_maxpool2d`, `keras_avgpool2d`, `tf_add`,\n`tf_multiply`, `tf_matmul`, `tf_concat`, `tf_reshape`, `tf_transpose`, `tf_reduce`\n\n> Keras convolutions use channels-last `(B,H,W,C)`, unlike torch\'s channels-first.\n\n---\n\n## 8. Building & Running Graphs\n\n1. Add nodes from the library (or right-click the canvas to search).\n2. Drag between ports to connect; click a node to edit parameters in the inspector.\n3. **Run → Inference** executes the whole graph; results appear on node cards\n   and in the inspector preview.\n\nExecution backend: validation (ports / required inputs / cycle detection) →\nKahn topological sort → per-node `execute`. `TensorValue` is a framework-neutral\nIR (pure-Python data); torch/TF nodes lazily import and convert inside `execute`.\n\n---\n\n## 9. Data Input & Preview Nodes\n\n- **Inputs**: `text_loader` (read text), `json_loader` (parse JSON),\n  `image_loader` (PIL → H×W×3 image_tensor), `csv_loader`, `mnist_loader`, …\n- **Previews**:\n  - `text_preview`: convert any value to text.\n  - `json_preview`: serialize a tensor/value to indented JSON.\n  - `image_preview`: render an image tensor as a **base64 PNG thumbnail** shown\n    in the inspector.\n\n`TensorValue` supports `kind`: `scalar` / `tensor` / `image_tensor` / `text` /\n`json` / `model`. Text/JSON payloads skip numeric shape inference.\n\n---\n\n## 10. Wrangle Code Node\n\nThe `wrangle` node covers whatever built-in nodes can\'t. Its `code` parameter\nis arbitrary Python:\n\n```python\n# available: x / a / b (connected input tensors, None if unconnected), torch, F, nn\nresult = x * 2 + 1\n# result = torch.softmax(x, dim=-1)\n# result = F.gelu(x)\n```\n\n`execute` converts inputs to torch tensors, runs `exec(code)`, and returns\n`result` (or `y`). Export inlines the code into `forward`.\n\n---\n\n## 11. Training & Real-time Loss Curve\n\nA **trainable graph** = a data loader node (e.g. `dataloader`/`mnist_loader`) +\na loss node (e.g. `cross_entropy_loss`), with no `graph_input`.\n\n- **Run → Train 20/100 steps** (or the Loss panel buttons) starts training.\n- The backend generates an `nn.Module` via codegen, runs `AdamW` steps with\n  `backward()`/`step()`, and streams each loss over **SSE\n  (`/api/train/stream`)**; the frontend SVG curve grows in real time.\n\nNote: the executor itself still uses `no_grad()` and rebuilds layers per call;\nreal training goes through the "export → exec" path.\n\n---\n\n## 12. Exporting Code\n\n- **File → Export .py (PyTorch)**: emits a clean `torch.nn.Module`.\n  - learnable layers → `__init__`, inline ops → `forward`.\n  - `graph_input` → `forward` parameter; `graph_output` → `return`.\n  - `import`/`graph_reference` are inlined recursively as nested modules.\n  - data loaders emit real runnable code (torchvision + random fallback).\n  - self-contained training graphs get a `train()` + `__main__` loop.\n- **File → Export .py (Keras/TF)**: emits a subclassed `tf.keras.Model`\n  (layers → `__init__`, ops → `call`).\n\n---\n\n## 13. .riko File Format\n\n`.riko` is JSON storing a complete workflow:\n\n```json\n{\n  "version": "0.1",\n  "metadata": { "name": "classifier", "description": "...",\n                "inputs": [{"name": "input", "data_kind": "tensor"}],\n                "outputs": [{"name": "output", "data_kind": "tensor"}] },\n  "nodes": [\n    {"id": "a", "type_name": "constant", "label": "Constant", "category": "Inputs",\n     "position": [100, 200], "parameters": {"value": 2.0}, "inputs": [], "outputs": []}\n  ],\n  "edges": [\n    {"id": "e1", "source_node": "a", "source_port": "value",\n     "target_node": "b", "target_port": "left"}\n  ],\n  "settings": {}\n}\n```\n\n- Save downloads `workflow.riko`; Load accepts `.riko`/`.json`.\n- The file manager additionally saves to `workflows/` via `POST /api/files/save`.\n\n---\n\n## 14. API Endpoints\n\n| Method | Path | Description |\n|--------|------|-------------|\n| GET | `/api/health` | health check |\n| GET | `/api/nodes` | all 191 node definitions |\n| POST | `/api/execute` | execute a GraphDocument JSON, return per-node outputs |\n| POST | `/api/export_python` | generate `torch.nn.Module` code |\n| POST | `/api/export_keras` | generate `tf.keras.Model` code |\n| GET | `/api/files` | list `.riko` files + their import dependencies |\n| GET | `/api/files/content?path=` | read a `.riko` file |\n| POST | `/api/files/save` | save a `.riko` to `workflows/` |\n| POST | `/api/train` | train and return the loss list |\n| POST | `/api/train/stream` | train and stream per-step losses (NDJSON) |\n\n---\n\n## 15. Backend Architecture\n\n```\nReact UI (@xyflow/react) ──HTTP──▶ FastAPI\n   │                                   │\n   └─ graph JSON ──▶ Runtime (registry + executor + codegen + trainer + subgraph)\n                                        │\n                                   Tensor IR (core/tensor.py TensorValue + document.py)\n                                        │\n                                   Backend (device/converter torch ↔ TensorValue;\n                                            tf_converter tf ↔ TensorValue)\n```\n\nLayers & dependency direction:\n\n- `core` (pure Python — never imports torch/TF)\n- `runtime` (registry / executor / codegen / codegen_tf / trainer / subgraph)\n- `nodes` (math pure-Python; torch_ops, tf_ops lazy-import)\n- `server` (FastAPI)\n- `backend` (torch/TF converters, both optional with clear errors)\n\n---\n\n## 16. Development & Testing\n\n```bash\n# Python tests (89 tests, stdlib unittest)\n.venv/bin/python -m unittest discover -s tests -t .\n\n# Frontend tests (8 tests, vitest)\nnpm test\n\n# Frontend type-check + build\nnpm run build\n\n# Verify node count\n.venv/bin/python -c "import src.nodes; from src.runtime.registry import default_registry; print(len(default_registry().list()))"\n# should print 191\n```\n\n### Adding a node\n\n```python\n# src/nodes/.../my_node.py\nfrom ..base import BaseNode, NodeInput, NodeOutput, Parameter\nfrom ...runtime.registry import register\n\n@register("my_node")\nclass MyNode(BaseNode):\n    type_name = "my_node"\n    label = "My Node"\n    category = "Utility"\n    inputs = [NodeInput("x", data_kind="tensor", required=True)]\n    outputs = [NodeOutput("result", data_kind="tensor")]\n    parameters = [Parameter("scale", default=1.0, dtype="float")]\n\n    def execute(self, inputs, params, context):\n        ...\n        return {"result": ...}\n```\n\nThen `from . import my_node` in the package `__init__.py`, and add an export\nbranch in codegen.\n\n---\n\n## 17. Known Limitations\n\n1. **No native executor-level training**: training uses the codegen→exec path;\n   an in-executor optimizer node is still pending.\n2. **Fixed subgraph input/output ports**: `graph_reference`/`import` support a\n   single input and a single output only.\n3. **Keras convolution layout**: channels-last, differs from torch.\n4. **TF not bundled**: `requirements.txt` comments out `tensorflow>=2.10`;\n   install it yourself to enable TF nodes.\n5. **No undo/redo, no keyboard shortcuts, no in-canvas search** (right-click menu\n   has search).\n6. **`Toolbar.tsx` and `.doc_backups/` are legacy**: safe to delete.\n\nFuture: native training loop, optimizer/gradient-clipping nodes, multi-port\nsubgraphs, a model zoo (ResNet/VGG/BERT presets), a JAX backend, and more torch\nAPI coverage (grouped conv, spectral decompositions svd/qr/eig, …).\n';
-function H(n) {
+const Wn = '# Entropia Riko 用户指南\n\n> 版本：v0.1 · 节点数：195+（含插件）· 后端：PyTorch（默认）+ TensorFlow/Keras（可选）\n> 本文档是面向用户的完整使用手册，覆盖界面、节点、构图、训练、导出与开发。\n\n---\n\n## 目录\n\n1. [项目简介](#1-项目简介)\n2. [快速开始](#2-快速开始)\n3. [界面总览](#3-界面总览)\n4. [模块化面板（Blender 风格）](#4-模块化面板blender-风格)\n5. [欢迎窗口](#5-欢迎窗口)\n6. [文件与插件](#6-文件与插件)\n7. [节点系统（191 节点）](#7-节点系统191-节点)\n8. [构图与执行](#8-构图与执行)\n9. [数据输入与预览节点](#9-数据输入与预览节点)\n10. [Wrangle 代码节点](#10-wrangle-代码节点)\n11. [训练与实时 Loss 曲线](#11-训练与实时-loss-曲线)\n12. [导出代码](#12-导出代码)\n13. [.riko 文件格式](#13-tns-文件格式)\n14. [API 端点](#14-api-端点)\n15. [后端架构](#15-后端架构)\n16. [开发与测试](#16-开发与测试)\n17. [已知限制与后续方向](#17-已知限制与后续方向)\n\n---\n\n## 1. 项目简介\n\nEntropia Riko 是一个**独立的节点图编辑器**，用 ComfyUI 风格的画布搭建并运行\nPyTorch（及可选 TensorFlow/Keras）张量工作流。它不是 Houdini 插件。\n\n核心特性：\n\n- **191 个节点**：数学、张量操作、神经网络激活/层、注意力、归一化、归约、形状、\n  创建、损失、数据加载、模型推理、子图引用、Wrangle 代码、预览，以及 TF/Keras。\n- **Blender 风格模块化面板**：拖角分离/合并、任意切换窗口类型、实时缩放。\n- **实时训练 + Loss 曲线**：自包含图（数据加载 + 损失）可直接训练并流式显示损失。\n- **代码导出**：导出干净的 `torch.nn.Module` 或 `tf.keras.Model` 脚本。\n- **子图 import**：一个 `.riko` 图可像 `import xx` 一样引用另一个图。\n- **数据预览**：图片缩略图、文本、JSON 直接在检查器里显示。\n\n---\n\n## 2. 快速开始\n\n### 前置条件\n- Python 3.10+\n- Node.js 18+\n- PyTorch（CPU 版即可；CUDA/MPS 可选）\n\n### 启动（两个终端）\n\n```bash\ncd ~/Documents/torch-node/entropia-riko\n\n# 终端 1：API 服务器（必须先启动）\n.venv/bin/python -m uvicorn src.server.app:app --reload --port 8000\n\n# 终端 2：前端开发服务器\nnpm run dev    # → http://localhost:5173\n```\n\n打开 **http://localhost:5173**（务必通过 5173 访问，`/api` 走 Vite 代理）。\n\n> ⚠️ 若看不到 190+ 节点，说明 API 服务器没启动或旧进程仍在（无 `--reload` 的旧进程\n> 不会加载新代码，需杀掉重启）。改代码后浏览器需硬刷新 `Cmd+Shift+R`。\n\n---\n\n## 3. 界面总览\n\n```\n┌ 标题栏（* 未保存 · 文件名 - Riko · 版本号）────────────────────┐\n├ 菜单栏（logo · File / Run / Data / Help，右侧状态徽章）────────┤\n├ 模块化面板区域（Blender 风格区域树）──────────────────────────┤\n│  [节点库] [Asset Library] [New File] [画布] [检查器]           │\n│  [状态/日志] [Loss 曲线]                                       │\n└──────────────────────────────────────────────────────────────┘\n```\n\n- **标题栏**：未保存时显示 `*`，随后 `文件名 - Riko`，右侧版本号。\n- **菜单栏**：左上角 **logo**（点开 About / Welcome / Preferences）；File（Import/Export\n  → 内置 **File Explorer** 导入导出文件/文件夹；Export Code 导出 .py）、Run、Data、\n  View（含 **Liquid Glass** 主题）、Help。\n- **节点库**：按分类分组、可折叠、可搜索，点击节点加入画布。\n- **画布**：React Flow 节点图，右键弹搜索式节点菜单。\n- **检查器**：左侧 tag 切换（Summary/Params/Inputs/Outputs/Preview）。\n- **New File**：右上角 mini 文件管理器（右键新建/删除/预览代码/展开节点）。\n- **Asset Library**：`.riko`/`.ric` 资产树（打开 / **展开完整节点** / 保存）。\n- **Code Editor**：代码编辑器窗口（类似记事本，编辑/复制/全选/保存/生成）。\n- **Handwriting Pad**：28×28 手写板，画数字 → 生成 `constant` 节点喂 MNIST。\n- **状态栏**：Logs（日志）与 Queue（节点队列）两个标签。\n- **Loss 曲线**：训练损失的实时 SVG 折线图。\n- **Plugins**：插件管理面板（右上角 `+` 从 `.py` 加载，每个插件带启用/禁用开关）。\n\n---\n\n## 4. 模块化面板（Blender 风格）\n\n每个面板右上角有一个**类型下拉**（切换该窗口显示的内容）和 **✕**（关闭当前面板）；\n右下角有一个**角抓手**。\n\n| 操作 | 手势 | 效果 |\n|------|------|------|\n| 切换窗口类型 | 点右上角 `类型 ▾` | Node Library / New File / Asset Library / Graph / Inspector / Status / Loss Curve / Docs / Plugins / Code Editor / Handwriting Pad 十一选一 |\n| 分离（split） | 角抓手**向左/向上拖** | 蓝色预览线跟随鼠标（只在该面板内），松手在 50% 处分出新面板，方向=拖动轴向 |\n| 合并（merge） | 角抓手**向右/向下拖** | 相邻窗口被**蓝色阴影 + 加粗边框**高亮，松手它被并掉、当前面板扩大 |\n| 关闭当前面板 | 点 **✕** | 当前面板被移除，邻居吸收空间 |\n| 缩放 | 拖分隔条 | 所有分隔条可同时独立拖动 |\n\n默认布局：`[节点库/Asset Library 上下] | [画布 | (New File 上 / 检查器)]`，下方\n`[状态 | Loss 曲线]`（New File 只占据最右列、检查器上方，不占用画布区域）。\n\n---\n\n## 5. 欢迎窗口\n\n启动时弹出 Blender 风格欢迎窗口：\n\n- **头图**：上半部为可替换 **JPEG 位图**（`public/brand/hero.jpg`，960×220），右上角显示\n  版本号；左下角为 logo（`public/brand/logo.svg`）。\n- **New File**：`General`（空白图）+ 从 `examples/` 读出的**预制模板**\n  （cnn / classifier / mlp / mnist_cnn / transformer / …），点击即载入。\n- **Recent Files**：`localStorage` 记录最近打开过的 `.riko`（去重、最多 10 条）。\n\n点 ✕ 或选择任意项关闭；**Help → Welcome Screen** 或 logo 菜单可随时重新打开。\n\n---\n\n## 6. 文件与插件\n\n**New File**（最右列、检查器上方）是一个 **mini 文件管理器**，映射**工作目录**的\n目录树（可展开/折叠子目录）。**右键**弹出菜单：新建文件/新建文件夹/重命名/删除、\n打开、**预览 PyTorch 代码**（`/api/project/code` 导出 `nn.Module`）、导入为节点。\n**File → Import Working Folder…** 可把工作目录指向任意本地文件夹，并在其中创建\n`.riko` 缓存文件夹存放工具自身状态。\n\n**Asset Library**（原 Files 面板，Blender-outliner 风格资产树）在其基础上增加保存与\nimport 依赖视图，每个文件可展开显示其 `import` 依赖（✓ 已解析 / ✗ 未解析）。\n\n- **打开**：点文件名载入画布。\n- **导入为节点**：点 `⤵` 添加一个引用该文件的 `import` 节点。\n- **保存**：在输入框命名后点 `+ Save .riko`（或 `⇩ .ric`），存到 `workflows/<name>`。\n\n**子图引用**：一个 `.riko` 可被 `graph_reference`（按 `file` 路径）或 `import`\n（按模块名，如 `mlp`，在 `workflows/`、`examples/`、`examples/models/` 中解析）引用。\n被引用图需含 `graph_input(name="input")` 与 `graph_output(name="output")`。\n\n**Plugins 面板**：右上角 `+` 从本地 `.py` 文件加载插件（安装到 `plugins/<name>/`），\n每个插件带启用/禁用开关（禁用即从节点库移除其节点）。内置插件：\n`example_plugin`（`plugin_double`）、`math_extra`（`plugin_square`、`plugin_scale`）、\n`stat_extra`（`plugin_shift_scale`、`plugin_neg`）。\n\n---\n\n## 7. 节点系统（195+ 节点）\n\n### 输入\n`constant`\n\n### 数学（纯 Python）\n`add`, `multiply`\n\n### 数学（torch）\n`torch_add`, `torch_multiply`, `sub`, `div`, `pow`, `matmul`, `mm`, `maximum`,\n`minimum`, `fmod`, `remainder`, `atan2`\n\n### 张量（单目）\n`abs`, `exp`, `log`, `log2`, `log10`, `log1p`, `expm1`, `sqrt`, `erf`, `erfc`,\n`neg`, `sign`, `reciprocal`, `floor`, `ceil`, `round`, `square`, `cos`, `sin`\n\n### 神经网络（激活）\n`relu`, `leaky_relu`, `sigmoid`, `tanh`, `gelu`, `silu`, `selu`, `elu`, `mish`,\n`hardswish`, `hardsigmoid`, `hardtanh`, `softsign`, `tanhshrink`, `softplus`,\n`relu6`, `glu`, `softmax`, `log_softmax`, `log_sigmoid`\n\n### 注意力\n`multihead_attention`, `sdpa`（scaled dot-product attention）\n\n### 神经网络（层）\n`linear`, `conv2d`, `conv1d`, `conv_transpose2d`, `maxpool2d`, `avgpool2d`,\n`embedding`, `dropout`, `batchnorm1d`, `batchnorm2d`, `layernorm`, `groupnorm`,\n`rmsnorm`, `transformer_encoder`\n\n### 归约\n`sum`, `mean`, `amax`, `amin`, `logsumexp`, `median`, `max_reduce`, `min_reduce`,\n`prod`, `std`, `var`, `norm`, `argmax`, `argmin`, `cumsum`, `topk`, `sort`\n\n### 形状\n`reshape`, `view`, `transpose`, `swapaxes`, `movedim`, `permute`, `flatten`,\n`squeeze`, `unsqueeze`, `concat`, `stack`, `flip`, `expand`, `expand_as`,\n`broadcast_to`, `tile`, `repeat`, `repeat_interleave`, `tril`, `triu`,\n`diagonal`, `narrow`, `roll`, `index_select`, `gather`, `interpolate`\n\n### 创建\n`zeros`, `ones`, `rand`, `randn`, `randint`, `randperm`, `empty`, `zeros_like`,\n`ones_like`, `randn_like`, `rand_like`, `eye`, `arange`, `linspace`, `full`,\n`positional_encoding`\n\n### 张量算子\n`bmm`, `dot`, `outer`, `xlogy`, `cross`, `addmm`, `einsum`, `clamp`,\n`contiguous`, `clone`, `detach`, `masked_fill`, `where`\n\n### 损失\n`mse_loss`, `cross_entropy_loss`, `l1_loss`, `smooth_l1_loss`,\n`binary_cross_entropy`, `kl_div`, `nll_loss`, `hinge_embedding_loss`,\n`cosine_embedding_loss`\n\n### 设备\n`to_device`\n\n### 模型\n`model_loader`（加载 .pt）、`inference`（跑 forward）\n\n### 子图\n`graph_input`, `graph_output`, `graph_reference`（按路径）, `import`（按模块名）\n\n### 数据（数据集加载）\n`mnist_loader`, `cifar10_loader`, `csv_loader`, `image_folder_loader`,\n`tensor_file_loader`, `dataloader`, `text_loader`, `json_loader`, `image_loader`\n\n### Wrangle 与预览\n`wrangle`（内联 Python 代码）, `text_preview`, `json_preview`, `image_preview`\n\n### TensorFlow / Keras（可选后端）\n`keras_dense`, `keras_conv2d`, `keras_flatten`, `keras_embedding`,\n`keras_layernorm`, `keras_dropout`, `keras_relu`, `keras_sigmoid`, `keras_tanh`,\n`keras_gelu`, `keras_softmax`, `keras_maxpool2d`, `keras_avgpool2d`, `tf_add`,\n`tf_multiply`, `tf_matmul`, `tf_concat`, `tf_reshape`, `tf_transpose`, `tf_reduce`\n\n> Keras 卷积用 channels-last `(B,H,W,C)`，与 torch 的 channels-first 不同。\n\n---\n\n## 8. 构图与执行\n\n1. 从节点库点击/拖入节点（或画布右键搜索添加）。\n2. 拖端口连线；点击节点在右侧检查器改参数。\n3. **Run → Inference** 执行整图，结果显示在节点卡片和检查器预览里。\n\n执行后端：校验（端口/必需输入/环检测）→ Kahn 拓扑排序 → 逐节点 `execute`。\n`TensorValue` 是框架无关的中间表示（纯 Python 数据），torch/TF 节点在 `execute` 内\n惰性 import 并做转换。\n\n---\n\n## 9. 数据输入与预览节点\n\n- **输入**：`text_loader`（读文本）、`json_loader`（读 JSON）、`image_loader`\n  （用 PIL 读图片，输出 H×W×3 image_tensor）、`csv_loader`、`mnist_loader` 等。\n- **预览**：\n  - `text_preview`：把任意值转成文本。\n  - `json_preview`：把张量/值序列化成缩进 JSON。\n  - `image_preview`：把图像张量转成 **base64 PNG 缩略图**，在检查器里直接显示\n    `<img>`。\n\n`TensorValue` 支持 `kind`：`scalar` / `tensor` / `image_tensor` / `text` / `json` /\n`model`。文本/JSON 不做数值 shape 推断。\n\n---\n\n## 10. Wrangle 代码节点\n\n`wrangle` 节点用于解决内置节点覆盖不到的逻辑。参数 `code` 是任意 Python：\n\n```python\n# 可用变量：x / a / b（已连接输入张量，未连接为 None）、torch、F、nn\nresult = x * 2 + 1\n# 或：\n# result = torch.softmax(x, dim=-1)\n# result = F.gelu(x)\n```\n\n`execute` 把输入转成 torch 张量后 `exec(code)`，取 `result`（或 `y`）作为输出。\n导出时会把代码内联进 `forward`。\n\n---\n\n## 11. 训练与实时 Loss 曲线\n\n**可训练图** = 数据加载节点（如 `dataloader`/`mnist_loader`）+ 损失节点\n（`cross_entropy_loss` 等），且不含 `graph_input`。\n\n- **Run → Train 20/100 steps** 或 Loss 面板按钮开始训练。\n- 后端用 codegen 生成 `nn.Module` → `AdamW` 优化器逐步 `backward()`/`step()`，\n  通过 **SSE（`/api/train/stream`）逐步回传 loss**，前端 SVG 曲线实时增长。\n\n注意：执行器本身仍用 `no_grad()` 逐次重建层；真正的训练走「导出 → 执行」这条路径。\n\n---\n\n## 12. 导出代码\n\n- **File → Export .py (PyTorch)**：生成干净的 `torch.nn.Module`。\n  - 可学习层进 `__init__`，内联算子进 `forward`。\n  - `graph_input` → `forward` 参数；`graph_output` → `return`。\n  - `import`/`graph_reference` 递归内联为嵌套 `nn.Module` 类。\n  - 数据加载节点生成真实可运行代码（torchvision + 随机回退）。\n  - 自包含训练图附带 `train()` + `__main__` 训练循环。\n- **File → Export .py (Keras/TF)**：对 TF/Keras 节点图生成 `tf.keras.Model`\n  （层进 `__init__`，算子进 `call`）。\n\n---\n\n## 13. .riko 文件格式\n\n`.riko` 是 JSON，保存完整工作流：\n\n```json\n{\n  "version": "0.1",\n  "metadata": { "name": "classifier", "description": "...",\n                "inputs": [{"name": "input", "data_kind": "tensor"}],\n                "outputs": [{"name": "output", "data_kind": "tensor"}] },\n  "nodes": [\n    {"id": "a", "type_name": "constant", "label": "Constant", "category": "Inputs",\n     "position": [100, 200], "parameters": {"value": 2.0}, "inputs": [], "outputs": []}\n  ],\n  "edges": [\n    {"id": "e1", "source_node": "a", "source_port": "value",\n     "target_node": "b", "target_port": "left"}\n  ],\n  "settings": {}\n}\n```\n\n- Save 下载 `workflow.riko`；Load 接受 `.riko`/`.json`。\n- 文件管理器另提供 `POST /api/files/save` 存到 `workflows/`。\n\n---\n\n## 14. API 端点\n\n| 方法 | 路径 | 说明 |\n|------|------|------|\n| GET | `/api/health` | 健康检查 |\n| GET | `/api/nodes` | 全部节点定义（含已启用插件） |\n| POST | `/api/execute` | 执行 GraphDocument JSON，返回各节点端口输出 |\n| POST | `/api/export_python` | 生成 `torch.nn.Module` 代码 |\n| POST | `/api/export_keras` | 生成 `tf.keras.Model` 代码 |\n| POST | `/api/export_binary` | 将图文档编码为 `.ric` 二进制（base64 下载） |\n| GET | `/api/files` | 列出 `.riko` 文件及其 import 依赖 |\n| GET | `/api/files/content?path=` | 读取 `.riko` 内容 |\n| POST | `/api/files/save` | 保存 `.riko` 到 `workflows/` |\n| GET | `/api/plugins` | 列出插件（enabled/disabled + 注册节点） |\n| POST | `/api/plugins/toggle` | 启用/禁用插件（`{name, enabled}`） |\n| POST | `/api/plugins/upload` | 从 Python 源码安装插件（`{name, code}`） |\n| GET | `/api/project/tree` | 返回工作目录的递归目录树（隐藏 `.riko` 缓存） |\n| POST | `/api/project/set_root` | 导入工作文件夹（`{path}`），创建 `.riko` 缓存并持久化 |\n| POST | `/api/project/create` | 在工作目录新建空 `.riko`（`{name, dir?}`） |\n| POST | `/api/project/mkdir` | 在工作目录新建文件夹（`{name, dir?}`） |\n| POST | `/api/project/rename` | 重命名文件/文件夹（`{path, newName}`） |\n| POST | `/api/project/delete` | 删除文件/空文件夹（`{path}`） |\n| POST | `/api/project/code` | 返回该 `.riko` 导出的 PyTorch 代码（`{path}`） |\n| GET | `/api/project/open?path=` | 读取工作目录内 `.riko`/`.ric` 内容 |\n| POST | `/api/train` | 训练并一次性返回 loss 列表 |\n| POST | `/api/train/stream` | 训练并流式（NDJSON）返回逐步 loss |\n\n---\n\n## 15. 后端架构\n\n```\nReact UI (@xyflow/react) ──HTTP──▶ FastAPI\n   │                                   │\n   └─ 图文档 JSON ──▶ Runtime（registry + executor + codegen + trainer + subgraph）\n                                        │\n                                   Tensor IR（core/tensor.py TensorValue + document.py）\n                                        │\n                                   Backend（device/converter torch ↔ TensorValue；\n                                            tf_converter tf ↔ TensorValue）\n```\n\n分层与依赖方向：\n\n- `core`（纯 Python，绝不 import torch/TF）\n- `runtime`（注册表 / 执行器 / codegen / codegen_tf / trainer / subgraph）\n- `nodes`（math 纯 Python；torch_ops、tf_ops 惰性 import）\n- `server`（FastAPI）\n- `backend`（torch/TF 转换，均 optional，缺依赖时报清晰错误）\n\n---\n\n## 16. 开发与测试\n\n```bash\n# Python 测试（97 tests，stdlib unittest）\n.venv/bin/python -m unittest discover -s tests -t .\n\n# 前端测试（8 tests，vitest）\nnpm test\n\n# 前端类型检查 + 构建\nnpm run build\n\n# 验证节点数（内置 194；加上插件后 199+）\n.venv/bin/python -c "import src.nodes; from src.runtime.registry import default_registry; print(len(default_registry().list()))"\n# 应打印 194（未加载插件时）\n```\n\n### 新增一个节点\n\n```python\n# src/nodes/.../my_node.py\nfrom ..base import BaseNode, NodeInput, NodeOutput, Parameter\nfrom ...runtime.registry import register\n\n@register("my_node")\nclass MyNode(BaseNode):\n    type_name = "my_node"\n    label = "My Node"\n    category = "Utility"\n    inputs = [NodeInput("x", data_kind="tensor", required=True)]\n    outputs = [NodeOutput("result", data_kind="tensor")]\n    parameters = [Parameter("scale", default=1.0, dtype="float")]\n\n    def execute(self, inputs, params, context):\n        ...\n        return {"result": ...}\n```\n\n然后在对应 `__init__.py` 里 `from . import my_node`，并在 codegen 里加导出分支。\n\n---\n\n## 17. 已知限制与后续方向\n\n1. **执行器级训练未原生实现**：训练走「codegen → exec」路径；原生优化器节点待加。\n2. **子图固定 input/output 端口**：`graph_reference`/`import` 目前只支持单输入单输出。\n3. **Keras 卷积布局**：channels-last，与 torch 不同，混用时需 transpose。\n4. **TF 未随包安装**：`requirements.txt` 中注释了 `tensorflow>=2.10`，启用需自行安装。\n5. **无 undo/redo、无键盘快捷键、无画布内搜索**（右键菜单有搜索）。\n6. **`Toolbar.tsx` 与 `.doc_backups/` 遗留**：可安全删除。\n\n后续方向：原生训练循环、优化器/梯度裁剪节点、多端口子图、模型动物园（ResNet/VGG/BERT\n预制 `.riko`）、JAX 后端、分组卷积/谱分解（svd/qr/eig）等更多 torch API 覆盖。\n', Bn = '# Entropia Riko User Guide\n\n> Version: v0.1 · Nodes: 191 · Backends: PyTorch (default) + TensorFlow/Keras (optional)\n> This is the complete user manual: interface, nodes, graph building, training, export and development.\n\n---\n\n## Table of Contents\n\n1. [Overview](#1-overview)\n2. [Quick Start](#2-quick-start)\n3. [Interface](#3-interface)\n4. [Modular Panels (Blender-style)](#4-modular-panels-blender-style)\n5. [Welcome Screen](#5-welcome-screen)\n6. [File Manager & Import](#6-file-manager--import)\n7. [Node System (191 nodes)](#7-node-system-191-nodes)\n8. [Building & Running Graphs](#8-building--running-graphs)\n9. [Data Input & Preview Nodes](#9-data-input--preview-nodes)\n10. [Wrangle Code Node](#10-wrangle-code-node)\n11. [Training & Real-time Loss Curve](#11-training--real-time-loss-curve)\n12. [Exporting Code](#12-exporting-code)\n13. [.riko File Format](#13-tns-file-format)\n14. [API Endpoints](#14-api-endpoints)\n15. [Backend Architecture](#15-backend-architecture)\n16. [Development & Testing](#16-development--testing)\n17. [Known Limitations](#17-known-limitations)\n\n---\n\n## 1. Overview\n\nEntropia Riko is a **standalone node-graph editor** for building and running\nPyTorch (and optionally TensorFlow/Keras) tensor workflows, with a ComfyUI-style\ncanvas and a Material-inspired UI. It is **not** a Houdini plugin.\n\nKey features:\n\n- **191 nodes**: math, tensor ops, neural activations/layers, attention,\n  normalization, reductions, shape ops, creation, losses, data loading, model\n  inference, subgraph references, Wrangle code, previews, and TF/Keras.\n- **Blender-style modular panels**: drag a corner to split/merge, switch any\n  window\'s type, and resize everything simultaneously.\n- **Real-time training + loss curve**: self-contained graphs (data + loss)\n  train live with a streaming SVG loss chart.\n- **Code export**: generate clean `torch.nn.Module` or `tf.keras.Model` scripts.\n- **Subgraph import**: a `.riko` graph can reference another like `import xx`.\n- **Data previews**: image thumbnails, text and JSON rendered in the inspector.\n\n---\n\n## 2. Quick Start\n\n### Prerequisites\n- Python 3.10+\n- Node.js 18+\n- PyTorch (CPU build is enough; CUDA/MPS optional)\n\n### Run (two terminals)\n\n```bash\ncd ~/Documents/torch-node/entropia-riko\n\n# Terminal 1: API server (start FIRST)\n.venv/bin/python -m uvicorn src.server.app:app --reload --port 8000\n\n# Terminal 2: frontend dev server\nnpm run dev    # → http://localhost:5173\n```\n\nOpen **http://localhost:5173** (the `/api` proxy only works through 5173).\n\n> ⚠️ If you don\'t see 190+ nodes, the API server isn\'t running, or a stale\n> process started without `--reload` is still serving old code — kill and\n> restart it. After code changes, hard-refresh the browser with `Cmd+Shift+R`.\n\n---\n\n## 3. Interface\n\n```\n┌ Menu bar (File / Run / Data / Help, status badge) ────────────────┐\n├ Modular panel area (Blender-style area tree) ─────────────────────┤\n│  [Node Library] [Files] [Canvas (React Flow)] [Inspector]          │\n│  [Status / Logs] [Loss Curve]                                      │\n└────────────────────────────────────────────────────────────────────┘\n```\n\n- **Menu bar**: File (new / save / load / export PyTorch / export Keras),\n  Run (inference / Train 20 / 100 steps), Data (quick-add dataset nodes),\n  Help (welcome screen / about).\n- **Node Library**: grouped, collapsible, searchable; click to add a node.\n- **Canvas**: React Flow node graph; right-click opens a searchable node menu.\n- **Inspector**: parameters / inputs / outputs / preview of the selected node.\n- **Status**: Logs and Queue tabs.\n- **Loss Curve**: live training loss as an SVG line chart.\n\n---\n\n## 4. Modular Panels (Blender-style)\n\nEach panel has a **type dropdown** (top-right) to switch what it shows and a\n**✕** (close) button; the bottom-right corner is a **grip**.\n\n| Action | Gesture | Effect |\n|--------|---------|--------|\n| Switch type | click `type ▾` | Node Library / Files / Graph / Inspector / Status / Loss Curve / Documentation |\n| Split | drag grip **up/left** | a blue preview line follows the mouse (clipped to the panel); release splits at 50%, orientation = drag axis |\n| Merge | drag grip **down/right** | the sibling panel is **shaded + bold-bordered**; release merges it away, current expands |\n| Close current | click **✕** | current panel removed, neighbor absorbs the space |\n| Resize | drag a splitter | all splitters resize independently and simultaneously |\n\nDefault layout: `[Node Library / Files stacked] | [Graph | Inspector]` over\n`[Status | Loss Curve]`.\n\n---\n\n## 5. Welcome Screen\n\nA Blender-style splash opens on startup, with two columns:\n\n- **New File**: `General` (blank graph) + preset templates read from\n  `examples/` (cnn / classifier / mlp / mnist_cnn / transformer / …).\n- **Recent Files**: the last opened `.riko` files (deduped, up to 10, stored in\n  `localStorage`).\n\nClose with ✕ or by picking an item; reopen via **Help → Welcome Screen**.\n\n---\n\n## 6. File Manager & Import\n\nThe **Files** panel is a Blender-outliner-style tree of `.riko` files under\n`workflows/` and `examples/`. Each file expands to show its `import`\ndependencies (✓ resolved / ✗ missing).\n\n- **Open**: click a file name to load it.\n- **Import as node**: click `⤵` to add an `import` node referencing it.\n- **Save**: name it and click `+ Save` → `workflows/<name>.riko`.\n\n**Subgraph references**: a `.riko` can be referenced by `graph_reference`\n(by `file` path) or `import` (by module name, e.g. `mlp`, resolved under\n`workflows/`, `examples/`, `examples/models/`). The referenced graph must\ncontain `graph_input(name="input")` and `graph_output(name="output")`.\n\n---\n\n## 7. Node System (191 nodes)\n\n### Inputs\n`constant`\n\n### Math (pure Python)\n`add`, `multiply`\n\n### Math (torch)\n`torch_add`, `torch_multiply`, `sub`, `div`, `pow`, `matmul`, `mm`, `maximum`,\n`minimum`, `fmod`, `remainder`, `atan2`\n\n### Tensor (unary)\n`abs`, `exp`, `log`, `log2`, `log10`, `log1p`, `expm1`, `sqrt`, `erf`, `erfc`,\n`neg`, `sign`, `reciprocal`, `floor`, `ceil`, `round`, `square`, `cos`, `sin`\n\n### Neural (activations)\n`relu`, `leaky_relu`, `sigmoid`, `tanh`, `gelu`, `silu`, `selu`, `elu`, `mish`,\n`hardswish`, `hardsigmoid`, `hardtanh`, `softsign`, `tanhshrink`, `softplus`,\n`relu6`, `glu`, `softmax`, `log_softmax`, `log_sigmoid`\n\n### Attention\n`multihead_attention`, `sdpa` (scaled dot-product attention)\n\n### Neural (layers)\n`linear`, `conv2d`, `conv1d`, `conv_transpose2d`, `maxpool2d`, `avgpool2d`,\n`embedding`, `dropout`, `batchnorm1d`, `batchnorm2d`, `layernorm`, `groupnorm`,\n`rmsnorm`, `transformer_encoder`\n\n### Reduce\n`sum`, `mean`, `amax`, `amin`, `logsumexp`, `median`, `max_reduce`, `min_reduce`,\n`prod`, `std`, `var`, `norm`, `argmax`, `argmin`, `cumsum`, `topk`, `sort`\n\n### Shape\n`reshape`, `view`, `transpose`, `swapaxes`, `movedim`, `permute`, `flatten`,\n`squeeze`, `unsqueeze`, `concat`, `stack`, `flip`, `expand`, `expand_as`,\n`broadcast_to`, `tile`, `repeat`, `repeat_interleave`, `tril`, `triu`,\n`diagonal`, `narrow`, `roll`, `index_select`, `gather`, `interpolate`\n\n### Creation\n`zeros`, `ones`, `rand`, `randn`, `randint`, `randperm`, `empty`, `zeros_like`,\n`ones_like`, `randn_like`, `rand_like`, `eye`, `arange`, `linspace`, `full`,\n`positional_encoding`\n\n### Tensor ops\n`bmm`, `dot`, `outer`, `xlogy`, `cross`, `addmm`, `einsum`, `clamp`,\n`contiguous`, `clone`, `detach`, `masked_fill`, `where`\n\n### Loss\n`mse_loss`, `cross_entropy_loss`, `l1_loss`, `smooth_l1_loss`,\n`binary_cross_entropy`, `kl_div`, `nll_loss`, `hinge_embedding_loss`,\n`cosine_embedding_loss`\n\n### Device\n`to_device`\n\n### Model\n`model_loader` (load .pt), `inference` (run forward)\n\n### Subgraph\n`graph_input`, `graph_output`, `graph_reference` (by path), `import` (by module)\n\n### Data (dataset loaders)\n`mnist_loader`, `cifar10_loader`, `csv_loader`, `image_folder_loader`,\n`tensor_file_loader`, `dataloader`, `text_loader`, `json_loader`, `image_loader`\n\n### Wrangle & Preview\n`wrangle` (inline Python code), `text_preview`, `json_preview`, `image_preview`\n\n### TensorFlow / Keras (optional backend)\n`keras_dense`, `keras_conv2d`, `keras_flatten`, `keras_embedding`,\n`keras_layernorm`, `keras_dropout`, `keras_relu`, `keras_sigmoid`, `keras_tanh`,\n`keras_gelu`, `keras_softmax`, `keras_maxpool2d`, `keras_avgpool2d`, `tf_add`,\n`tf_multiply`, `tf_matmul`, `tf_concat`, `tf_reshape`, `tf_transpose`, `tf_reduce`\n\n> Keras convolutions use channels-last `(B,H,W,C)`, unlike torch\'s channels-first.\n\n---\n\n## 8. Building & Running Graphs\n\n1. Add nodes from the library (or right-click the canvas to search).\n2. Drag between ports to connect; click a node to edit parameters in the inspector.\n3. **Run → Inference** executes the whole graph; results appear on node cards\n   and in the inspector preview.\n\nExecution backend: validation (ports / required inputs / cycle detection) →\nKahn topological sort → per-node `execute`. `TensorValue` is a framework-neutral\nIR (pure-Python data); torch/TF nodes lazily import and convert inside `execute`.\n\n---\n\n## 9. Data Input & Preview Nodes\n\n- **Inputs**: `text_loader` (read text), `json_loader` (parse JSON),\n  `image_loader` (PIL → H×W×3 image_tensor), `csv_loader`, `mnist_loader`, …\n- **Previews**:\n  - `text_preview`: convert any value to text.\n  - `json_preview`: serialize a tensor/value to indented JSON.\n  - `image_preview`: render an image tensor as a **base64 PNG thumbnail** shown\n    in the inspector.\n\n`TensorValue` supports `kind`: `scalar` / `tensor` / `image_tensor` / `text` /\n`json` / `model`. Text/JSON payloads skip numeric shape inference.\n\n---\n\n## 10. Wrangle Code Node\n\nThe `wrangle` node covers whatever built-in nodes can\'t. Its `code` parameter\nis arbitrary Python:\n\n```python\n# available: x / a / b (connected input tensors, None if unconnected), torch, F, nn\nresult = x * 2 + 1\n# result = torch.softmax(x, dim=-1)\n# result = F.gelu(x)\n```\n\n`execute` converts inputs to torch tensors, runs `exec(code)`, and returns\n`result` (or `y`). Export inlines the code into `forward`.\n\n---\n\n## 11. Training & Real-time Loss Curve\n\nA **trainable graph** = a data loader node (e.g. `dataloader`/`mnist_loader`) +\na loss node (e.g. `cross_entropy_loss`), with no `graph_input`.\n\n- **Run → Train 20/100 steps** (or the Loss panel buttons) starts training.\n- The backend generates an `nn.Module` via codegen, runs `AdamW` steps with\n  `backward()`/`step()`, and streams each loss over **SSE\n  (`/api/train/stream`)**; the frontend SVG curve grows in real time.\n\nNote: the executor itself still uses `no_grad()` and rebuilds layers per call;\nreal training goes through the "export → exec" path.\n\n---\n\n## 12. Exporting Code\n\n- **File → Export .py (PyTorch)**: emits a clean `torch.nn.Module`.\n  - learnable layers → `__init__`, inline ops → `forward`.\n  - `graph_input` → `forward` parameter; `graph_output` → `return`.\n  - `import`/`graph_reference` are inlined recursively as nested modules.\n  - data loaders emit real runnable code (torchvision + random fallback).\n  - self-contained training graphs get a `train()` + `__main__` loop.\n- **File → Export .py (Keras/TF)**: emits a subclassed `tf.keras.Model`\n  (layers → `__init__`, ops → `call`).\n\n---\n\n## 13. .riko File Format\n\n`.riko` is JSON storing a complete workflow:\n\n```json\n{\n  "version": "0.1",\n  "metadata": { "name": "classifier", "description": "...",\n                "inputs": [{"name": "input", "data_kind": "tensor"}],\n                "outputs": [{"name": "output", "data_kind": "tensor"}] },\n  "nodes": [\n    {"id": "a", "type_name": "constant", "label": "Constant", "category": "Inputs",\n     "position": [100, 200], "parameters": {"value": 2.0}, "inputs": [], "outputs": []}\n  ],\n  "edges": [\n    {"id": "e1", "source_node": "a", "source_port": "value",\n     "target_node": "b", "target_port": "left"}\n  ],\n  "settings": {}\n}\n```\n\n- Save downloads `workflow.riko`; Load accepts `.riko`/`.json`.\n- The file manager additionally saves to `workflows/` via `POST /api/files/save`.\n\n---\n\n## 14. API Endpoints\n\n| Method | Path | Description |\n|--------|------|-------------|\n| GET | `/api/health` | health check |\n| GET | `/api/nodes` | all 191 node definitions |\n| POST | `/api/execute` | execute a GraphDocument JSON, return per-node outputs |\n| POST | `/api/export_python` | generate `torch.nn.Module` code |\n| POST | `/api/export_keras` | generate `tf.keras.Model` code |\n| GET | `/api/files` | list `.riko` files + their import dependencies |\n| GET | `/api/files/content?path=` | read a `.riko` file |\n| POST | `/api/files/save` | save a `.riko` to `workflows/` |\n| POST | `/api/train` | train and return the loss list |\n| POST | `/api/train/stream` | train and stream per-step losses (NDJSON) |\n\n---\n\n## 15. Backend Architecture\n\n```\nReact UI (@xyflow/react) ──HTTP──▶ FastAPI\n   │                                   │\n   └─ graph JSON ──▶ Runtime (registry + executor + codegen + trainer + subgraph)\n                                        │\n                                   Tensor IR (core/tensor.py TensorValue + document.py)\n                                        │\n                                   Backend (device/converter torch ↔ TensorValue;\n                                            tf_converter tf ↔ TensorValue)\n```\n\nLayers & dependency direction:\n\n- `core` (pure Python — never imports torch/TF)\n- `runtime` (registry / executor / codegen / codegen_tf / trainer / subgraph)\n- `nodes` (math pure-Python; torch_ops, tf_ops lazy-import)\n- `server` (FastAPI)\n- `backend` (torch/TF converters, both optional with clear errors)\n\n---\n\n## 16. Development & Testing\n\n```bash\n# Python tests (89 tests, stdlib unittest)\n.venv/bin/python -m unittest discover -s tests -t .\n\n# Frontend tests (8 tests, vitest)\nnpm test\n\n# Frontend type-check + build\nnpm run build\n\n# Verify node count\n.venv/bin/python -c "import src.nodes; from src.runtime.registry import default_registry; print(len(default_registry().list()))"\n# should print 191\n```\n\n### Adding a node\n\n```python\n# src/nodes/.../my_node.py\nfrom ..base import BaseNode, NodeInput, NodeOutput, Parameter\nfrom ...runtime.registry import register\n\n@register("my_node")\nclass MyNode(BaseNode):\n    type_name = "my_node"\n    label = "My Node"\n    category = "Utility"\n    inputs = [NodeInput("x", data_kind="tensor", required=True)]\n    outputs = [NodeOutput("result", data_kind="tensor")]\n    parameters = [Parameter("scale", default=1.0, dtype="float")]\n\n    def execute(self, inputs, params, context):\n        ...\n        return {"result": ...}\n```\n\nThen `from . import my_node` in the package `__init__.py`, and add an export\nbranch in codegen.\n\n---\n\n## 17. Known Limitations\n\n1. **No native executor-level training**: training uses the codegen→exec path;\n   an in-executor optimizer node is still pending.\n2. **Fixed subgraph input/output ports**: `graph_reference`/`import` support a\n   single input and a single output only.\n3. **Keras convolution layout**: channels-last, differs from torch.\n4. **TF not bundled**: `requirements.txt` comments out `tensorflow>=2.10`;\n   install it yourself to enable TF nodes.\n5. **No undo/redo, no keyboard shortcuts, no in-canvas search** (right-click menu\n   has search).\n6. **`Toolbar.tsx` and `.doc_backups/` are legacy**: safe to delete.\n\nFuture: native training loop, optimizer/gradient-clipping nodes, multi-port\nsubgraphs, a model zoo (ResNet/VGG/BERT presets), a JAX backend, and more torch\nAPI coverage (grouped conv, spectral decompositions svd/qr/eig, …).\n';
+function J(n) {
   return n.split(/(`[^`]+`|\*\*[^*]+\*\*|\[[^\]]+\]\([^)]+\))/g).map((t, s) => {
     if (t.startsWith("`") && t.endsWith("`") && t.length > 2)
       return /* @__PURE__ */ a("code", { children: t.slice(1, -1) }, s);
     if (t.startsWith("**") && t.endsWith("**") && t.length > 4)
       return /* @__PURE__ */ a("strong", { children: t.slice(2, -2) }, s);
     const r = t.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
-    return r ? /* @__PURE__ */ a("a", { href: r[2], target: "_blank", rel: "noreferrer", children: r[1] }, s) : /* @__PURE__ */ a(Oe, { children: t }, s);
+    return r ? /* @__PURE__ */ a("a", { href: r[2], target: "_blank", rel: "noreferrer", children: r[1] }, s) : /* @__PURE__ */ a(je, { children: t }, s);
   });
 }
-function Pe(n) {
+function Ie(n) {
   return /^#{1,4}\s/.test(n);
 }
-function de(n) {
+function me(n) {
   return /^\s*[-*]\s/.test(n) || /^\s*\d+\.\s/.test(n);
 }
-function Bn(n) {
+function Gn(n) {
   return /^\s*\|[\s:|-]+\|\s*$/.test(n);
 }
-function ne(n) {
+function se(n) {
   const e = n.replace(/\r\n/g, `
 `).split(`
 `), t = [];
   let s = 0;
   const r = (o, i) => {
-    t.push(/* @__PURE__ */ a(Oe, { children: o }, i));
+    t.push(/* @__PURE__ */ a(je, { children: o }, i));
   };
   for (; s < e.length; ) {
     const o = e[s];
@@ -2317,9 +2331,9 @@ function ne(n) {
 `) }) }), s);
       continue;
     }
-    if (Pe(o)) {
+    if (Ie(o)) {
       const d = o.match(/^(#+)/)[1].length, h = o.replace(/^#+\s*/, "").trim(), c = s;
-      r(d === 1 ? /* @__PURE__ */ a("h1", { children: H(h) }) : d === 2 ? /* @__PURE__ */ a("h2", { children: H(h) }) : d === 3 ? /* @__PURE__ */ a("h3", { children: H(h) }) : /* @__PURE__ */ a("h4", { children: H(h) }), c), s++;
+      r(d === 1 ? /* @__PURE__ */ a("h1", { children: J(h) }) : d === 2 ? /* @__PURE__ */ a("h2", { children: J(h) }) : d === 3 ? /* @__PURE__ */ a("h3", { children: J(h) }) : /* @__PURE__ */ a("h4", { children: J(h) }), c), s++;
       continue;
     }
     if (/^\s*-{3,}\s*$/.test(o)) {
@@ -2330,11 +2344,11 @@ function ne(n) {
       const d = [];
       for (; s < e.length && e[s].startsWith(">"); )
         d.push(e[s].replace(/^>\s?/, "")), s++;
-      r(/* @__PURE__ */ a("blockquote", { children: ne(d.join(`
+      r(/* @__PURE__ */ a("blockquote", { children: se(d.join(`
 `)) }), s);
       continue;
     }
-    if (o.trim().startsWith("|") && e[s + 1] && Bn(e[s + 1])) {
+    if (o.trim().startsWith("|") && e[s + 1] && Gn(e[s + 1])) {
       const d = o.trim().replace(/^\||\|$/g, "").split("|").map((c) => c.trim());
       s += 2;
       const h = [];
@@ -2342,33 +2356,33 @@ function ne(n) {
         h.push(e[s].trim().replace(/^\||\|$/g, "").split("|").map((c) => c.trim())), s++;
       r(
         /* @__PURE__ */ p("table", { children: [
-          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: d.map((c, u) => /* @__PURE__ */ a("th", { children: H(c) }, u)) }) }),
-          /* @__PURE__ */ a("tbody", { children: h.map((c, u) => /* @__PURE__ */ a("tr", { children: c.map((m, v) => /* @__PURE__ */ a("td", { children: H(m) }, v)) }, u)) })
+          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: d.map((c, m) => /* @__PURE__ */ a("th", { children: J(c) }, m)) }) }),
+          /* @__PURE__ */ a("tbody", { children: h.map((c, m) => /* @__PURE__ */ a("tr", { children: c.map((u, b) => /* @__PURE__ */ a("td", { children: J(u) }, b)) }, m)) })
         ] }),
         s
       );
       continue;
     }
-    if (de(o)) {
+    if (me(o)) {
       const d = /^\s*\d+\.\s/.test(o), h = [];
-      for (; s < e.length && de(e[s]); )
+      for (; s < e.length && me(e[s]); )
         h.push(e[s].replace(/^\s*(?:[-*]|\d+\.)\s*/, "")), s++;
       const c = s;
       r(
-        d ? /* @__PURE__ */ a("ol", { children: h.map((u, m) => /* @__PURE__ */ a("li", { children: H(u) }, m)) }) : /* @__PURE__ */ a("ul", { children: h.map((u, m) => /* @__PURE__ */ a("li", { children: H(u) }, m)) }),
+        d ? /* @__PURE__ */ a("ol", { children: h.map((m, u) => /* @__PURE__ */ a("li", { children: J(m) }, u)) }) : /* @__PURE__ */ a("ul", { children: h.map((m, u) => /* @__PURE__ */ a("li", { children: J(m) }, u)) }),
         c
       );
       continue;
     }
     const i = [];
-    for (; s < e.length && e[s].trim() !== "" && !Pe(e[s]) && !e[s].trim().startsWith("```") && !e[s].trim().startsWith("|") && !e[s].startsWith(">") && !de(e[s]) && !/^\s*-{3,}\s*$/.test(e[s]); )
+    for (; s < e.length && e[s].trim() !== "" && !Ie(e[s]) && !e[s].trim().startsWith("```") && !e[s].trim().startsWith("|") && !e[s].startsWith(">") && !me(e[s]) && !/^\s*-{3,}\s*$/.test(e[s]); )
       i.push(e[s]), s++;
-    i.length && r(/* @__PURE__ */ a("p", { children: H(i.join(" ")) }), s);
+    i.length && r(/* @__PURE__ */ a("p", { children: J(i.join(" ")) }), s);
   }
   return t;
 }
-const Ge = "entropia_riko_doc_lang";
-function Gn(n) {
+const Ke = "entropia_riko_doc_lang";
+function Un(n) {
   const e = n.split(`
 `);
   let t = "";
@@ -2390,38 +2404,38 @@ function Gn(n) {
   return r && s.push(r), { title: t, intro: o.join(`
 `), sections: s };
 }
-function Un() {
+function Hn() {
   try {
-    return localStorage.getItem(Ge) === "zh" ? "zh" : "en";
+    return localStorage.getItem(Ke) === "zh" ? "zh" : "en";
   } catch {
     return "en";
   }
 }
-function Hn() {
-  var v;
-  const [n, e] = F(Un), t = q(
-    () => Gn(n === "zh" ? Mn : Wn),
+function Kn() {
+  var b;
+  const [n, e] = E(Hn), t = Y(
+    () => Un(n === "zh" ? Wn : Bn),
     [n]
-  ), [s, r] = F(""), [o, i] = F(((v = t.sections[0]) == null ? void 0 : v.id) ?? "");
-  A(() => {
+  ), [s, r] = E(""), [o, i] = E(((b = t.sections[0]) == null ? void 0 : b.id) ?? "");
+  W(() => {
     try {
-      localStorage.setItem(Ge, n);
+      localStorage.setItem(Ke, n);
     } catch {
     }
-  }, [n]), A(() => {
+  }, [n]), W(() => {
     i(
       (l) => {
-        var N;
-        return t.sections.some((f) => f.id === l) ? l : ((N = t.sections[0]) == null ? void 0 : N.id) ?? "";
+        var v;
+        return t.sections.some((f) => f.id === l) ? l : ((v = t.sections[0]) == null ? void 0 : v.id) ?? "";
       }
     );
   }, [t]);
-  const d = q(() => {
+  const d = Y(() => {
     const l = s.trim().toLowerCase();
     return l ? t.sections.filter(
-      (N) => N.title.toLowerCase().includes(l) || N.body.toLowerCase().includes(l)
+      (v) => v.title.toLowerCase().includes(l) || v.body.toLowerCase().includes(l)
     ) : t.sections;
-  }, [t.sections, s]), h = t.sections.findIndex((l) => l.id === o), c = t.sections[h] ?? t.sections[0], u = h > 0 ? t.sections[h - 1] : null, m = h >= 0 && h < t.sections.length - 1 ? t.sections[h + 1] : null;
+  }, [t.sections, s]), h = t.sections.findIndex((l) => l.id === o), c = t.sections[h] ?? t.sections[0], m = h > 0 ? t.sections[h - 1] : null, u = h >= 0 && h < t.sections.length - 1 ? t.sections[h + 1] : null;
   return /* @__PURE__ */ p("div", { className: "docs-panel", children: [
     /* @__PURE__ */ p("div", { className: "docs-sidebar", children: [
       /* @__PURE__ */ a("div", { className: "docs-search", children: /* @__PURE__ */ a(
@@ -2467,57 +2481,57 @@ function Hn() {
           )
         ] })
       ] }),
-      s ? /* @__PURE__ */ a("h1", { children: n === "zh" ? "搜索结果" : "Search Results" }) : /* @__PURE__ */ p(B, { children: [
+      s ? /* @__PURE__ */ a("h1", { children: n === "zh" ? "搜索结果" : "Search Results" }) : /* @__PURE__ */ p(K, { children: [
         /* @__PURE__ */ a("h1", { children: t.title }),
-        /* @__PURE__ */ a("div", { className: "docs-intro", children: ne(t.intro) }),
+        /* @__PURE__ */ a("div", { className: "docs-intro", children: se(t.intro) }),
         /* @__PURE__ */ a("hr", {})
       ] }),
       s ? d.map((l) => /* @__PURE__ */ p("div", { className: "docs-result", children: [
         /* @__PURE__ */ a("h2", { onClick: () => {
           r(""), i(l.id);
         }, children: l.title }),
-        ne(l.body.slice(0, 400))
-      ] }, l.id)) : c && /* @__PURE__ */ p(B, { children: [
+        se(l.body.slice(0, 400))
+      ] }, l.id)) : c && /* @__PURE__ */ p(K, { children: [
         /* @__PURE__ */ a("h1", { children: c.title }),
-        ne(c.body)
+        se(c.body)
       ] }),
       !s && /* @__PURE__ */ p("div", { className: "docs-pager", children: [
-        u && /* @__PURE__ */ p("button", { className: "btn btn-sm", onClick: () => i(u.id), children: [
+        m && /* @__PURE__ */ p("button", { className: "btn btn-sm", onClick: () => i(m.id), children: [
           "← ",
-          u.title
+          m.title
         ] }),
         /* @__PURE__ */ a("div", { className: "docs-pager-spacer" }),
-        m && /* @__PURE__ */ p("button", { className: "btn btn-sm", onClick: () => i(m.id), children: [
-          m.title,
+        u && /* @__PURE__ */ p("button", { className: "btn btn-sm", onClick: () => i(u.id), children: [
+          u.title,
           " →"
         ] })
       ] })
     ] }) })
   ] });
 }
-function Ue() {
-  const [n, e] = F([]), [t, s] = F(!1), r = L(null), o = g((c) => c.pushToast), i = async () => {
+function Je() {
+  const [n, e] = E([]), [t, s] = E(!1), r = D(null), o = g((c) => c.pushToast), i = async () => {
     try {
-      const u = await (await fetch("/api/plugins")).json();
-      e(Array.isArray(u.plugins) ? u.plugins : []);
+      const m = await (await fetch("/api/plugins")).json();
+      e(Array.isArray(m.plugins) ? m.plugins : []);
     } catch {
       e([]);
     }
   };
-  A(() => {
+  W(() => {
     i();
   }, []);
-  const d = async (c, u) => {
+  const d = async (c, m) => {
     s(!0);
     try {
-      const v = await (await fetch("/api/plugins/toggle", {
+      const b = await (await fetch("/api/plugins/toggle", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ name: c.dir ?? c.name, enabled: u })
+        body: JSON.stringify({ name: c.dir ?? c.name, enabled: m })
       })).json();
-      v.status === "success" ? (e(Array.isArray(v.plugins) ? v.plugins : []), g.getState().loadNodeDefs(), o("success", `${c.name} ${u ? "enabled" : "disabled"}`)) : o("error", v.error ?? "toggle failed");
-    } catch (m) {
-      o("error", m instanceof Error ? m.message : String(m));
+      b.status === "success" ? (e(Array.isArray(b.plugins) ? b.plugins : []), g.getState().loadNodeDefs(), o("success", `${c.name} ${m ? "enabled" : "disabled"}`)) : o("error", b.error ?? "toggle failed");
+    } catch (u) {
+      o("error", u instanceof Error ? u.message : String(u));
     } finally {
       s(!1);
     }
@@ -2548,26 +2562,26 @@ function Ue() {
           accept: ".py,text/x-python",
           style: { display: "none" },
           onChange: (c) => {
-            var v;
-            const u = (v = c.target.files) == null ? void 0 : v[0];
-            if (c.target.value = "", !u) return;
-            const m = new FileReader();
-            m.onload = async () => {
-              const l = String(m.result ?? ""), N = u.name.replace(/\.py$/i, "") || "plugin";
+            var b;
+            const m = (b = c.target.files) == null ? void 0 : b[0];
+            if (c.target.value = "", !m) return;
+            const u = new FileReader();
+            u.onload = async () => {
+              const l = String(u.result ?? ""), v = m.name.replace(/\.py$/i, "") || "plugin";
               s(!0);
               try {
-                const x = await (await fetch("/api/plugins/upload", {
+                const C = await (await fetch("/api/plugins/upload", {
                   method: "POST",
                   headers: { "Content-Type": "application/json" },
-                  body: JSON.stringify({ name: N, code: l })
+                  body: JSON.stringify({ name: v, code: l })
                 })).json();
-                x.status === "success" ? (e(Array.isArray(x.plugins) ? x.plugins : []), g.getState().loadNodeDefs(), o("success", `Loaded plugin ${N}`)) : o("error", x.error ?? "upload failed");
+                C.status === "success" ? (e(Array.isArray(C.plugins) ? C.plugins : []), g.getState().loadNodeDefs(), o("success", `Loaded plugin ${v}`)) : o("error", C.error ?? "upload failed");
               } catch (f) {
                 o("error", f instanceof Error ? f.message : String(f));
               } finally {
                 s(!1);
               }
-            }, m.readAsText(u);
+            }, u.readAsText(m);
           }
         }
       )
@@ -2592,7 +2606,7 @@ function Ue() {
               type: "checkbox",
               checked: !!c.enabled,
               disabled: t || c.status === "error",
-              onChange: (u) => d(c, u.target.checked)
+              onChange: (m) => d(c, m.target.checked)
             }
           ),
           /* @__PURE__ */ a("span", { className: "plugin-toggle-track" })
@@ -2601,8 +2615,8 @@ function Ue() {
     ] })
   ] });
 }
-function Kn() {
-  const n = g((b) => b.pushToast), e = g((b) => b.openProjectFile), t = g((b) => b.importModule), s = g((b) => b.projectVersion), [r, o] = F([]), [i, d] = F({}), [h, c] = F(null), [u, m] = F(null), v = async () => {
+function Jn() {
+  const n = g((w) => w.pushToast), e = g((w) => w.openProjectFile), t = g((w) => w.importModule), s = g((w) => w.projectVersion), [r, o] = E([]), [i, d] = E({}), [h, c] = E(null), [m, u] = E(null), b = async () => {
     try {
       const _ = await (await fetch("/api/project/tree")).json();
       o(Array.isArray(_.tree) ? _.tree : []);
@@ -2610,62 +2624,62 @@ function Kn() {
       o([]);
     }
   };
-  A(() => {
-    v();
+  W(() => {
+    b();
   }, [s]);
-  const l = async (b, _) => (await fetch(b, {
+  const l = async (w, _) => (await fetch(w, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(_)
-  })).json(), N = async (b) => {
+  })).json(), v = async (w) => {
     const _ = window.prompt("New file name", "untitled.riko");
     if (!_) return;
-    const k = await l("/api/project/create", { name: _, dir: b });
-    k.status === "success" ? (await v(), e(k.path)) : n("error", k.error ?? "create failed");
-  }, f = async (b) => {
+    const k = await l("/api/project/create", { name: _, dir: w });
+    k.status === "success" ? (await b(), e(k.path)) : n("error", k.error ?? "create failed");
+  }, f = async (w) => {
     const _ = window.prompt("New folder name");
     if (!_) return;
-    const k = await l("/api/project/mkdir", { name: _, dir: b });
-    k.status === "success" ? (d((O) => ({ ...O, [b]: !0 })), await v()) : n("error", k.error ?? "mkdir failed");
-  }, x = async (b) => {
-    const _ = window.prompt("Rename", b.name);
+    const k = await l("/api/project/mkdir", { name: _, dir: w });
+    k.status === "success" ? (d((T) => ({ ...T, [w]: !0 })), await b()) : n("error", k.error ?? "mkdir failed");
+  }, C = async (w) => {
+    const _ = window.prompt("Rename", w.name);
     if (!_) return;
-    const k = await l("/api/project/rename", { path: b.path, newName: _ });
-    k.status === "success" ? await v() : n("error", k.error ?? "rename failed");
-  }, y = async (b) => {
-    if (!window.confirm(`Delete ${b.path}?`)) return;
-    const _ = await l("/api/project/delete", { path: b.path });
-    _.status === "success" ? (await v(), n("success", `Deleted ${b.name}`)) : n("error", _.error ?? "delete failed");
-  }, P = async (b) => {
-    const _ = await l("/api/project/code", { path: b.path });
+    const k = await l("/api/project/rename", { path: w.path, newName: _ });
+    k.status === "success" ? await b() : n("error", k.error ?? "rename failed");
+  }, y = async (w) => {
+    if (!window.confirm(`Delete ${w.path}?`)) return;
+    const _ = await l("/api/project/delete", { path: w.path });
+    _.status === "success" ? (await b(), n("success", `Deleted ${w.name}`)) : n("error", _.error ?? "delete failed");
+  }, F = async (w) => {
+    const _ = await l("/api/project/code", { path: w.path });
     _.status === "success" ? (g.getState().setCodeBuffer(_.code ?? ""), n("success", "Code → Code Editor panel")) : n("error", _.error ?? "code generation failed");
-  }, S = async (b, _) => {
-    const k = await l("/api/project/move", { path: b, targetDir: _ });
-    k.status === "success" ? (await v(), n("success", `Moved ${b} → ${_ || "(root)"}`)) : n("error", k.error ?? "move failed");
-  }, I = () => {
-    const b = (h == null ? void 0 : h.target) ?? null;
-    return b && b.type === "file" ? [
-      { id: "open", label: "Open", onSelect: () => e(b.path) },
-      { id: "code", label: "Preview PyTorch Code", description: "→ Code Editor panel", onSelect: () => P(b) },
-      { id: "import", label: "Import as Node", description: "reference this graph", onSelect: () => t(b.name.replace(/\.(riko|ric)$/i, ""), { x: 260, y: 150 }) },
+  }, x = async (w, _) => {
+    const k = await l("/api/project/move", { path: w, targetDir: _ });
+    k.status === "success" ? (await b(), n("success", `Moved ${w} → ${_ || "(root)"}`)) : n("error", k.error ?? "move failed");
+  }, O = () => {
+    const w = (h == null ? void 0 : h.target) ?? null;
+    return w && w.type === "file" ? [
+      { id: "open", label: "Open", onSelect: () => e(w.path) },
+      { id: "code", label: "Preview PyTorch Code", description: "→ Code Editor panel", onSelect: () => F(w) },
+      { id: "import", label: "Import as Node", description: "reference this graph", onSelect: () => t(w.name.replace(/\.(riko|ric)$/i, ""), { x: 260, y: 150 }) },
       { id: "sep1", label: "", separator: !0 },
-      { id: "rename", label: "Rename", onSelect: () => x(b) },
-      { id: "delete", label: "Delete", danger: !0, onSelect: () => y(b) }
-    ] : b && b.type === "dir" ? [
-      { id: "newfile", label: "New File", onSelect: () => N(b.path) },
-      { id: "newfolder", label: "New Folder", onSelect: () => f(b.path) },
+      { id: "rename", label: "Rename", onSelect: () => C(w) },
+      { id: "delete", label: "Delete", danger: !0, onSelect: () => y(w) }
+    ] : w && w.type === "dir" ? [
+      { id: "newfile", label: "New File", onSelect: () => v(w.path) },
+      { id: "newfolder", label: "New Folder", onSelect: () => f(w.path) },
       { id: "sep1", label: "", separator: !0 },
-      { id: "rename", label: "Rename", onSelect: () => x(b) },
-      { id: "delete", label: "Delete", danger: !0, onSelect: () => y(b) }
+      { id: "rename", label: "Rename", onSelect: () => C(w) },
+      { id: "delete", label: "Delete", danger: !0, onSelect: () => y(w) }
     ] : [
-      { id: "newfile", label: "New File", onSelect: () => N("") },
+      { id: "newfile", label: "New File", onSelect: () => v("") },
       { id: "newfolder", label: "New Folder", onSelect: () => f("") },
       { id: "sep1", label: "", separator: !0 },
-      { id: "refresh", label: "Refresh", onSelect: v }
+      { id: "refresh", label: "Refresh", onSelect: b }
     ];
-  }, $ = (b, _) => {
-    if (b.type === "dir") {
-      const k = !!i[b.path];
+  }, $ = (w, _) => {
+    if (w.type === "dir") {
+      const k = !!i[w.path];
       return /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ p(
           "div",
@@ -2673,28 +2687,28 @@ function Kn() {
             className: "proj-row",
             style: { paddingLeft: 8 + _ * 12 },
             draggable: !0,
-            onDragStart: (O) => {
-              m(b.path), O.dataTransfer.effectAllowed = "move";
+            onDragStart: (T) => {
+              u(w.path), T.dataTransfer.effectAllowed = "move";
             },
-            onDragOver: (O) => {
-              O.preventDefault(), O.dataTransfer.dropEffect = "move";
+            onDragOver: (T) => {
+              T.preventDefault(), T.dataTransfer.dropEffect = "move";
             },
-            onDrop: (O) => {
-              O.preventDefault(), O.stopPropagation(), u && u !== b.path && S(u, b.path), m(null);
+            onDrop: (T) => {
+              T.preventDefault(), T.stopPropagation(), m && m !== w.path && x(m, w.path), u(null);
             },
-            onClick: () => d((O) => ({ ...O, [b.path]: !k })),
-            onContextMenu: (O) => {
-              O.preventDefault(), O.stopPropagation(), c({ x: O.clientX, y: O.clientY, target: b });
+            onClick: () => d((T) => ({ ...T, [w.path]: !k })),
+            onContextMenu: (T) => {
+              T.preventDefault(), T.stopPropagation(), c({ x: T.clientX, y: T.clientY, target: w });
             },
             children: [
               /* @__PURE__ */ a("span", { className: "proj-caret", children: k ? "▾" : "▸" }),
               /* @__PURE__ */ a("span", { className: "proj-icon", children: "▦" }),
-              /* @__PURE__ */ a("span", { className: "proj-name", children: b.name })
+              /* @__PURE__ */ a("span", { className: "proj-name", children: w.name })
             ]
           }
         ),
-        k && (b.children ?? []).map((O) => $(O, _ + 1))
-      ] }, b.path);
+        k && (w.children ?? []).map((T) => $(T, _ + 1))
+      ] }, w.path);
     }
     return /* @__PURE__ */ p(
       "div",
@@ -2703,71 +2717,71 @@ function Kn() {
         style: { paddingLeft: 8 + _ * 12 },
         draggable: !0,
         onDragStart: (k) => {
-          m(b.path), k.dataTransfer.effectAllowed = "move";
+          u(w.path), k.dataTransfer.effectAllowed = "move";
         },
-        onClick: () => e(b.path),
+        onClick: () => e(w.path),
         onContextMenu: (k) => {
-          k.preventDefault(), k.stopPropagation(), c({ x: k.clientX, y: k.clientY, target: b });
+          k.preventDefault(), k.stopPropagation(), c({ x: k.clientX, y: k.clientY, target: w });
         },
         children: [
           /* @__PURE__ */ a("span", { className: "proj-caret", children: "·" }),
           /* @__PURE__ */ a("span", { className: "proj-icon", children: "▤" }),
-          /* @__PURE__ */ a("span", { className: "proj-name", children: b.name })
+          /* @__PURE__ */ a("span", { className: "proj-name", children: w.name })
         ]
       },
-      b.path
+      w.path
     );
   };
   return /* @__PURE__ */ p("div", { className: "project-panel", children: [
     /* @__PURE__ */ p("div", { className: "panel-head", children: [
       /* @__PURE__ */ a("span", { className: "panel-head-title", children: "New File" }),
       /* @__PURE__ */ a("span", { className: "spacer" }),
-      /* @__PURE__ */ a("button", { className: "panel-btn", title: "Refresh", onClick: v, children: "↻" })
+      /* @__PURE__ */ a("button", { className: "panel-btn", title: "Refresh", onClick: b, children: "↻" })
     ] }),
     /* @__PURE__ */ p(
       "div",
       {
         className: "proj-tree",
-        onDragOver: (b) => b.preventDefault(),
-        onDrop: (b) => {
-          b.preventDefault(), u && S(u, ""), m(null);
+        onDragOver: (w) => w.preventDefault(),
+        onDrop: (w) => {
+          w.preventDefault(), m && x(m, ""), u(null);
         },
-        onContextMenu: (b) => {
-          b.preventDefault(), c({ x: b.clientX, y: b.clientY, target: null });
+        onContextMenu: (w) => {
+          w.preventDefault(), c({ x: w.clientX, y: w.clientY, target: null });
         },
         children: [
-          r.map((b) => $(b, 0)),
+          r.map((w) => $(w, 0)),
           r.length === 0 && /* @__PURE__ */ a("div", { className: "welcome-empty", children: "Right-click to create a file." })
         ]
       }
     ),
-    h && /* @__PURE__ */ a(te, { entries: I(), x: h.x, y: h.y, onClose: () => c(null) })
+    h && /* @__PURE__ */ a(re, { entries: O(), x: h.x, y: h.y, onClose: () => c(null) })
   ] });
 }
-function Jn() {
-  const n = g((y) => y.codeBuffer), e = g((y) => y.setCodeBuffer), t = g((y) => y.generatePythonCode), s = g((y) => y.pushToast), r = L(null), o = L(null), [i, d] = F(null), h = () => {
+function zn() {
+  const n = g((y) => y.codeBuffer), e = g((y) => y.setCodeBuffer), t = g((y) => y.generatePythonCode), s = g((y) => y.pushToast), r = D(null), o = D(null), [i, d] = E(null), h = () => {
     var y;
     return (y = r.current) == null ? void 0 : y.focus();
   }, c = (y) => {
     h(), document.execCommand(y);
-  }, u = async () => {
+  }, m = async () => {
     try {
       await navigator.clipboard.writeText(n), s("success", "Copied");
     } catch {
       c("copy");
     }
-  }, m = () => {
+  }, u = () => {
     var y;
     h(), (y = r.current) == null || y.select();
-  }, v = () => {
-    const y = new Blob([n], { type: "text/x-python" }), P = URL.createObjectURL(y), S = document.createElement("a");
-    S.href = P, S.download = "code.py", S.click(), URL.revokeObjectURL(P);
-  }, l = () => e(""), N = (y) => {
-    var I;
-    const P = (I = y.target.files) == null ? void 0 : I[0];
-    if (y.target.value = "", !P) return;
-    const S = new FileReader();
-    S.onload = () => e(String(S.result ?? "")), S.readAsText(P);
+  }, b = () => {
+    const y = new Blob([n], { type: "text/x-python" }), F = URL.createObjectURL(y), x = document.createElement("a");
+    x.href = F, x.download = "code.py", x.click(), URL.revokeObjectURL(F);
+  }, l = () => e(""), v = (y) => {
+    var O;
+    const F = (O = y.target.files) == null ? void 0 : O[0];
+    if (y.target.value = "", !F) return;
+    const x = new FileReader();
+    x.onload = () => e(String(x.result ?? "")), x.readAsText(F);
   }, f = [
     {
       label: "File",
@@ -2778,7 +2792,7 @@ function Jn() {
           return (y = o.current) == null ? void 0 : y.click();
         } },
         { label: "Generate from Graph", run: t },
-        { label: "Save .py", run: v }
+        { label: "Save .py", run: b }
       ]
     },
     {
@@ -2787,25 +2801,25 @@ function Jn() {
         { label: "Undo", run: () => c("undo") },
         { label: "Redo", run: () => c("redo") },
         { label: "Cut", run: () => c("cut") },
-        { label: "Copy", run: u },
+        { label: "Copy", run: m },
         { label: "Paste", run: () => c("paste") },
-        { label: "Select All", run: m },
+        { label: "Select All", run: u },
         { label: "Clear", run: l }
       ]
     }
-  ], x = [
+  ], C = [
     { icon: "＋", title: "New", run: l },
     { icon: "📂", title: "Open", run: () => {
       var y;
       return (y = o.current) == null ? void 0 : y.click();
     } },
-    { icon: "💾", title: "Save .py", run: v },
+    { icon: "💾", title: "Save .py", run: b },
     { icon: "↶", title: "Undo", run: () => c("undo") },
     { icon: "↷", title: "Redo", run: () => c("redo") },
     { icon: "✂", title: "Cut", run: () => c("cut") },
-    { icon: "⧉", title: "Copy", run: u },
+    { icon: "⧉", title: "Copy", run: m },
     { icon: "📋", title: "Paste", run: () => c("paste") },
-    { icon: "▦", title: "Select All", run: m }
+    { icon: "▦", title: "Select All", run: u }
   ];
   return /* @__PURE__ */ p("div", { className: "code-editor", children: [
     /* @__PURE__ */ a("div", { className: "code-menubar", children: f.map((y) => /* @__PURE__ */ p(
@@ -2815,22 +2829,22 @@ function Jn() {
         onClick: () => d(i === y.label ? null : y.label),
         children: [
           y.label,
-          i === y.label && /* @__PURE__ */ a("div", { className: "code-menu-dropdown", onClick: (P) => P.stopPropagation(), children: y.items.map((P, S) => /* @__PURE__ */ a(
+          i === y.label && /* @__PURE__ */ a("div", { className: "code-menu-dropdown", onClick: (F) => F.stopPropagation(), children: y.items.map((F, x) => /* @__PURE__ */ a(
             "div",
             {
               className: "code-menu-entry",
               onClick: () => {
-                P.run(), d(null);
+                F.run(), d(null);
               },
-              children: P.label
+              children: F.label
             },
-            S
+            x
           )) })
         ]
       },
       y.label
     )) }),
-    /* @__PURE__ */ a("div", { className: "code-toolbar", children: x.map((y, P) => /* @__PURE__ */ a("button", { className: "panel-btn", title: y.title, onClick: y.run, children: y.icon }, P)) }),
+    /* @__PURE__ */ a("div", { className: "code-toolbar", children: C.map((y, F) => /* @__PURE__ */ a("button", { className: "panel-btn", title: y.title, onClick: y.run, children: y.icon }, F)) }),
     /* @__PURE__ */ a(
       "textarea",
       {
@@ -2849,30 +2863,30 @@ function Jn() {
         type: "file",
         accept: ".py,.txt,.riko,.ric,text/plain,text/x-python",
         style: { display: "none" },
-        onChange: N
+        onChange: v
       }
     )
   ] });
 }
-function zn() {
-  const n = L(null), e = L(!1), t = g((m) => m.addNode), s = g((m) => m.updateParam), r = g((m) => m.pushToast);
-  A(() => {
-    const m = n.current;
-    if (!m) return;
-    const v = m.getContext("2d");
-    v && (v.fillStyle = "#fff", v.fillRect(0, 0, m.width, m.height), v.lineWidth = 12, v.lineCap = "round", v.lineJoin = "round", v.strokeStyle = "#000");
+function Vn() {
+  const n = D(null), e = D(!1), t = g((u) => u.addNode), s = g((u) => u.updateParam), r = g((u) => u.pushToast);
+  W(() => {
+    const u = n.current;
+    if (!u) return;
+    const b = u.getContext("2d");
+    b && (b.fillStyle = "#fff", b.fillRect(0, 0, u.width, u.height), b.lineWidth = 12, b.lineCap = "round", b.lineJoin = "round", b.strokeStyle = "#000");
   }, []);
-  const o = (m) => {
+  const o = (u) => {
     const l = n.current.getBoundingClientRect();
-    return { x: m.clientX - l.left, y: m.clientY - l.top };
-  }, i = (m) => {
+    return { x: u.clientX - l.left, y: u.clientY - l.top };
+  }, i = (u) => {
     e.current = !0;
-    const l = n.current.getContext("2d"), { x: N, y: f } = o(m);
-    l.beginPath(), l.moveTo(N, f), l.lineTo(N, f), l.stroke();
-  }, d = (m) => {
+    const l = n.current.getContext("2d"), { x: v, y: f } = o(u);
+    l.beginPath(), l.moveTo(v, f), l.lineTo(v, f), l.stroke();
+  }, d = (u) => {
     if (!e.current) return;
-    const l = n.current.getContext("2d"), { x: N, y: f } = o(m);
-    l.lineTo(N, f), l.stroke();
+    const l = n.current.getContext("2d"), { x: v, y: f } = o(u);
+    l.lineTo(v, f), l.stroke();
   }, h = () => {
     e.current = !1;
   };
@@ -2881,25 +2895,25 @@ function zn() {
       /* @__PURE__ */ a("span", { className: "panel-head-title", children: "Handwriting Pad" }),
       /* @__PURE__ */ a("span", { className: "spacer" }),
       /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => {
-        const m = n.current, v = m.getContext("2d");
-        v.fillStyle = "#fff", v.fillRect(0, 0, m.width, m.height);
+        const u = n.current, b = u.getContext("2d");
+        b.fillStyle = "#fff", b.fillRect(0, 0, u.width, u.height);
       }, children: "Clear" }),
       /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => {
-        const m = n.current, v = document.createElement("canvas");
-        v.width = 28, v.height = 28;
-        const l = v.getContext("2d");
-        l.drawImage(m, 0, 0, 28, 28);
-        const N = l.getImageData(0, 0, 28, 28).data, f = [];
-        for (let S = 0; S < 28 * 28; S++) {
-          const I = 1 - (N[S * 4] + N[S * 4 + 1] + N[S * 4 + 2]) / 765;
-          f.push(Math.round(I * 1e3) / 1e3);
+        const u = n.current, b = document.createElement("canvas");
+        b.width = 28, b.height = 28;
+        const l = b.getContext("2d");
+        l.drawImage(u, 0, 0, 28, 28);
+        const v = l.getImageData(0, 0, 28, 28).data, f = [];
+        for (let x = 0; x < 28 * 28; x++) {
+          const O = 1 - (v[x * 4] + v[x * 4 + 1] + v[x * 4 + 2]) / 765;
+          f.push(Math.round(O * 1e3) / 1e3);
         }
-        const x = [];
-        for (let S = 0; S < 28; S++) x.push(f.slice(S * 28, S * 28 + 28));
-        const y = [[x]];
+        const C = [];
+        for (let x = 0; x < 28; x++) C.push(f.slice(x * 28, x * 28 + 28));
+        const y = [[C]];
         t("constant", { x: 260, y: 150 });
-        const P = g.getState().selectedNodeId;
-        P && (s(P, "value", y), r("success", "Digit → constant node (1×28×28)"));
+        const F = g.getState().selectedNodeId;
+        F && (s(F, "value", y), r("success", "Digit → constant node (1×28×28)"));
       }, children: "Send → Node" })
     ] }),
     /* @__PURE__ */ a("div", { className: "handpad-canvas", children: /* @__PURE__ */ a(
@@ -2921,7 +2935,7 @@ function zn() {
     ] })
   ] });
 }
-const He = [
+const ze = [
   { value: "canvas", label: "Graph", category: "Editor" },
   { value: "inspector", label: "Inspector", category: "Editor" },
   { value: "status", label: "Status / Logs", category: "Editor" },
@@ -2933,36 +2947,36 @@ const He = [
   { value: "pad", label: "Handwriting Pad", category: "Tools" },
   { value: "docs", label: "Documentation", category: "Tools" },
   { value: "plugins", label: "Plugins", category: "Tools" }
-], Vn = ["Editor", "Data", "Tools"];
-function qn(n) {
+], qn = ["Editor", "Data", "Tools"];
+function Yn(n) {
   var e;
-  return ((e = He.find((t) => t.value === n)) == null ? void 0 : e.label) ?? n;
+  return ((e = ze.find((t) => t.value === n)) == null ? void 0 : e.label) ?? n;
 }
-const Ke = {
-  nodes: () => /* @__PURE__ */ a(wn, {}),
-  files: () => /* @__PURE__ */ a(xn, {}),
-  project: () => /* @__PURE__ */ a(Kn, {}),
+const Ve = {
+  nodes: () => /* @__PURE__ */ a(_n, {}),
+  files: () => /* @__PURE__ */ a(Sn, {}),
+  project: () => /* @__PURE__ */ a(Jn, {}),
   canvas: () => /* @__PURE__ */ a(On, {}),
-  inspector: () => /* @__PURE__ */ a(Rn, {}),
-  status: () => /* @__PURE__ */ a(Dn, {}),
-  loss: () => /* @__PURE__ */ a(An, {}),
-  docs: () => /* @__PURE__ */ a(Hn, {}),
-  plugins: () => /* @__PURE__ */ a(Ue, {}),
-  code: () => /* @__PURE__ */ a(Jn, {}),
-  pad: () => /* @__PURE__ */ a(zn, {})
+  inspector: () => /* @__PURE__ */ a(jn, {}),
+  status: () => /* @__PURE__ */ a(An, {}),
+  loss: () => /* @__PURE__ */ a(Mn, {}),
+  docs: () => /* @__PURE__ */ a(Kn, {}),
+  plugins: () => /* @__PURE__ */ a(Je, {}),
+  code: () => /* @__PURE__ */ a(zn, {}),
+  pad: () => /* @__PURE__ */ a(Vn, {})
 };
-function ut(n, e) {
-  Ke[n] = e;
+function mt(n, e) {
+  Ve[n] = e;
 }
-function Yn(n) {
-  const e = Ke[n];
+function Xn(n) {
+  const e = Ve[n];
   return e ? e() : null;
 }
-function Xn({
+function Qn({
   type: n,
   onType: e
 }) {
-  const [t, s] = F(!1), [r, o] = F(null), i = L(null);
+  const [t, s] = E(!1), [r, o] = E(null), i = D(null);
   return /* @__PURE__ */ p("div", { className: "type-dropdown", children: [
     /* @__PURE__ */ p("button", { ref: i, className: "panel-btn", title: "Switch window type", onClick: () => {
       if (!t && i.current) {
@@ -2971,15 +2985,15 @@ function Xn({
       }
       s((h) => !h);
     }, children: [
-      qn(n),
+      Yn(n),
       " ▾"
     ] }),
-    t && Re(
-      /* @__PURE__ */ p(B, { children: [
+    t && Le(
+      /* @__PURE__ */ p(K, { children: [
         /* @__PURE__ */ a("div", { className: "type-menu-overlay", onClick: () => s(!1) }),
-        /* @__PURE__ */ a("div", { className: "type-menu", style: r ? { position: "fixed", top: r.top, left: r.left } : void 0, children: Vn.map((h) => /* @__PURE__ */ p("div", { className: "type-menu-col", children: [
+        /* @__PURE__ */ a("div", { className: "type-menu", style: r ? { position: "fixed", top: r.top, left: r.left } : void 0, children: qn.map((h) => /* @__PURE__ */ p("div", { className: "type-menu-col", children: [
           /* @__PURE__ */ a("div", { className: "type-menu-cat", children: h }),
-          He.filter((c) => c.category === h).map((c) => /* @__PURE__ */ a(
+          ze.filter((c) => c.category === h).map((c) => /* @__PURE__ */ a(
             "div",
             {
               className: `type-menu-item ${c.value === n ? "active" : ""}`,
@@ -2996,14 +3010,14 @@ function Xn({
     )
   ] });
 }
-function Fe(n, e) {
+function Oe(n, e) {
   return Math.abs(n) < 14 && Math.abs(e) < 14 ? null : Math.abs(n) > Math.abs(e) ? n < 0 ? "split-row" : "merge" : e < 0 ? "split-column" : "merge";
 }
-function Qn({
+function Zn({
   onPreview: n,
   onCommit: e
 }) {
-  const t = L(null);
+  const t = D(null);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -3015,23 +3029,23 @@ function Qn({
         t.current = { x: r.clientX, y: r.clientY };
         const d = (c) => {
           if (!t.current) return;
-          const u = c.clientX - t.current.x, m = c.clientY - t.current.y, v = Fe(u, m);
+          const m = c.clientX - t.current.x, u = c.clientY - t.current.y, b = Oe(m, u);
           n(
-            v ? { mode: v, x: c.clientX - ((i == null ? void 0 : i.left) ?? 0), y: c.clientY - ((i == null ? void 0 : i.top) ?? 0) } : null
+            b ? { mode: b, x: c.clientX - ((i == null ? void 0 : i.left) ?? 0), y: c.clientY - ((i == null ? void 0 : i.top) ?? 0) } : null
           );
         }, h = (c) => {
           if (!t.current) return;
-          const u = c.clientX - t.current.x, m = c.clientY - t.current.y;
+          const m = c.clientX - t.current.x, u = c.clientY - t.current.y;
           t.current = null, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", h), document.body.style.cursor = "";
-          const v = Fe(u, m);
-          n(null), v && e(v);
+          const b = Oe(m, u);
+          n(null), b && e(b);
         };
         document.body.style.cursor = "crosshair", document.addEventListener("mousemove", d), document.addEventListener("mouseup", h);
       }
     }
   );
 }
-function Zn({
+function et({
   id: n,
   type: e,
   onType: t,
@@ -3042,59 +3056,59 @@ function Zn({
   canMerge: d,
   mergeTarget: h,
   preview: c,
-  onPreview: u
+  onPreview: m
 }) {
   return /* @__PURE__ */ p("div", { className: `panel-slot ${h ? "merge-target" : ""}`, children: [
     /* @__PURE__ */ p("div", { className: "panel-bar", children: [
       /* @__PURE__ */ a("div", { className: "panel-bar-spacer" }),
-      /* @__PURE__ */ a(Xn, { type: e, onType: t }),
+      /* @__PURE__ */ a(Qn, { type: e, onType: t }),
       d && /* @__PURE__ */ a("button", { className: "panel-btn", title: "Close / merge panel away", onClick: i, children: "✕" })
     ] }),
-    /* @__PURE__ */ a("div", { className: "panel-body", children: Yn(e) }),
-    c && c.mode === "split-row" && /* @__PURE__ */ p(B, { children: [
+    /* @__PURE__ */ a("div", { className: "panel-body", children: Xn(e) }),
+    c && c.mode === "split-row" && /* @__PURE__ */ p(K, { children: [
       /* @__PURE__ */ a("div", { className: "split-preview", style: { left: 0, top: 0, bottom: 0, width: Math.max(0, c.x - 4) } }),
       /* @__PURE__ */ a("div", { className: "split-preview", style: { left: c.x + 4, top: 0, bottom: 0, right: 0 } })
     ] }),
-    c && c.mode === "split-column" && /* @__PURE__ */ p(B, { children: [
+    c && c.mode === "split-column" && /* @__PURE__ */ p(K, { children: [
       /* @__PURE__ */ a("div", { className: "split-preview", style: { left: 0, right: 0, top: 0, height: Math.max(0, c.y - 4) } }),
       /* @__PURE__ */ a("div", { className: "split-preview", style: { left: 0, right: 0, top: c.y + 4, bottom: 0 } })
     ] }),
     /* @__PURE__ */ a(
-      Qn,
+      Zn,
       {
-        onPreview: u,
-        onCommit: (m) => m === "split-row" ? s() : m === "split-column" ? r() : o()
+        onPreview: m,
+        onCommit: (u) => u === "split-row" ? s() : u === "split-column" ? r() : o()
       }
     )
   ] });
 }
-function et({ onClose: n }) {
-  const e = g((l) => l.recentFiles), t = g((l) => l.openFile), s = g((l) => l.newBlank), r = g((l) => l.load), o = g((l) => l.pushToast), [i, d] = F([]), h = L(null);
-  A(() => {
+function nt({ onClose: n }) {
+  const e = g((l) => l.recentFiles), t = g((l) => l.openFile), s = g((l) => l.newBlank), r = g((l) => l.load), o = g((l) => l.pushToast), [i, d] = E([]), h = D(null);
+  W(() => {
     fetch("/api/files").then((l) => l.json()).then((l) => {
       Array.isArray(l.files) && d(
-        l.files.filter((N) => N.path.startsWith("examples")).sort((N, f) => N.name.localeCompare(f.name))
+        l.files.filter((v) => v.path.startsWith("examples")).sort((v, f) => v.name.localeCompare(f.name))
       );
     }).catch(() => {
     });
   }, []);
   const c = (l) => {
-    var N;
-    return ((N = l.split("/").pop()) == null ? void 0 : N.replace(/\.riko$/, "")) ?? l;
-  }, u = (l) => {
+    var v;
+    return ((v = l.split("/").pop()) == null ? void 0 : v.replace(/\.riko$/, "")) ?? l;
+  }, m = (l) => {
     l(), n();
-  }, m = () => {
+  }, u = () => {
     const l = e[0];
-    l ? u(() => t(l)) : o("error", "No previous session to recover");
-  }, v = (l) => {
+    l ? m(() => t(l)) : o("error", "No previous session to recover");
+  }, b = (l) => {
     var f;
-    const N = (f = l.target.files) == null ? void 0 : f[0];
-    l.target.value = "", N && (r(N), n());
+    const v = (f = l.target.files) == null ? void 0 : f[0];
+    l.target.value = "", v && (r(v), n());
   };
   return /* @__PURE__ */ a("div", { className: "welcome-overlay", children: /* @__PURE__ */ p("div", { className: "welcome", children: [
     /* @__PURE__ */ p("div", { className: "welcome-hero", children: [
       /* @__PURE__ */ a(
-        ie,
+        de,
         {
           className: "welcome-logo",
           title: "Logo slot — replace public/brand/logo.png (bitmap) or logo.svg (vector)"
@@ -3102,7 +3116,7 @@ function et({ onClose: n }) {
       ),
       /* @__PURE__ */ p("span", { className: "welcome-version", children: [
         "v",
-        Z
+        te
       ] })
     ] }),
     /* @__PURE__ */ p("div", { className: "welcome-header", children: [
@@ -3112,7 +3126,7 @@ function et({ onClose: n }) {
     /* @__PURE__ */ p("div", { className: "welcome-body", children: [
       /* @__PURE__ */ p("div", { className: "welcome-col", children: [
         /* @__PURE__ */ a("div", { className: "welcome-col-title", children: "New File" }),
-        /* @__PURE__ */ p("button", { className: "welcome-item welcome-blank", onClick: () => u(s), children: [
+        /* @__PURE__ */ p("button", { className: "welcome-item welcome-blank", onClick: () => m(s), children: [
           /* @__PURE__ */ a("span", { className: "welcome-item-icon", children: "⬚" }),
           /* @__PURE__ */ a("span", { children: "General" }),
           /* @__PURE__ */ a("span", { className: "welcome-item-hint", children: "blank graph" })
@@ -3120,7 +3134,7 @@ function et({ onClose: n }) {
         /* @__PURE__ */ a("div", { className: "welcome-section-label", children: "Presets" }),
         /* @__PURE__ */ p("div", { className: "welcome-scroll", children: [
           i.length === 0 && /* @__PURE__ */ a("div", { className: "welcome-empty", children: "No presets (start the API server)" }),
-          i.map((l) => /* @__PURE__ */ p("div", { className: "welcome-item", onClick: () => u(() => t(l.path)), children: [
+          i.map((l) => /* @__PURE__ */ p("div", { className: "welcome-item", onClick: () => m(() => t(l.path)), children: [
             /* @__PURE__ */ a("span", { className: "welcome-item-icon", children: "▦" }),
             /* @__PURE__ */ a("span", { children: l.name }),
             /* @__PURE__ */ a("span", { className: "welcome-item-hint", children: l.imports.length ? `imports ${l.imports.length}` : "" })
@@ -3129,7 +3143,7 @@ function et({ onClose: n }) {
       ] }),
       /* @__PURE__ */ p("div", { className: "welcome-col", children: [
         /* @__PURE__ */ a("div", { className: "welcome-col-title", children: "Recent Files" }),
-        /* @__PURE__ */ a("div", { className: "welcome-scroll", children: e.length === 0 ? /* @__PURE__ */ a("div", { className: "welcome-empty", children: "No recent files yet" }) : e.map((l) => /* @__PURE__ */ p("div", { className: "welcome-item", onClick: () => u(() => t(l)), children: [
+        /* @__PURE__ */ a("div", { className: "welcome-scroll", children: e.length === 0 ? /* @__PURE__ */ a("div", { className: "welcome-empty", children: "No recent files yet" }) : e.map((l) => /* @__PURE__ */ p("div", { className: "welcome-item", onClick: () => m(() => t(l)), children: [
           /* @__PURE__ */ a("span", { className: "welcome-item-icon", children: "▤" }),
           /* @__PURE__ */ a("span", { children: c(l) }),
           /* @__PURE__ */ a("span", { className: "welcome-item-hint", children: l })
@@ -3137,7 +3151,7 @@ function et({ onClose: n }) {
       ] })
     ] }),
     /* @__PURE__ */ p("div", { className: "welcome-footer", children: [
-      /* @__PURE__ */ a("button", { className: "welcome-footer-btn", onClick: m, children: "↩ Recover Last Session" }),
+      /* @__PURE__ */ a("button", { className: "welcome-footer-btn", onClick: u, children: "↩ Recover Last Session" }),
       /* @__PURE__ */ a("button", { className: "welcome-footer-btn", onClick: () => {
         var l;
         return (l = h.current) == null ? void 0 : l.click();
@@ -3149,20 +3163,20 @@ function et({ onClose: n }) {
           type: "file",
           accept: ".riko,.ric,.json,application/json,application/octet-stream",
           style: { display: "none" },
-          onChange: v
+          onChange: b
         }
       )
     ] })
   ] }) });
 }
-const nt = [
+const tt = [
   { id: "appearance", label: "Appearance", icon: "◧" },
   { id: "plugins", label: "Plugins", icon: "⬡" },
   { id: "about", label: "About", icon: "ⓘ" }
 ];
-function tt({ onClose: n }) {
-  const e = J((u) => u.theme), t = J((u) => u.setTheme), s = J((u) => u.backgroundImage), r = J((u) => u.setBackgroundImage), [o, i] = F("appearance"), [d, h] = F(s);
-  A(() => {
+function at({ onClose: n }) {
+  const e = V((m) => m.theme), t = V((m) => m.setTheme), s = V((m) => m.backgroundImage), r = V((m) => m.setBackgroundImage), [o, i] = E("appearance"), [d, h] = E(s);
+  W(() => {
     h(s);
   }, [s]);
   const c = [
@@ -3171,44 +3185,44 @@ function tt({ onClose: n }) {
     { value: "system", label: "System", hint: "Follow the OS color scheme" },
     { value: "glass", label: "Liquid Glass", hint: "Apple-style translucent glass" }
   ];
-  return /* @__PURE__ */ a(oe, { title: "Preferences", onClose: n, width: 720, zIndex: 1001, children: /* @__PURE__ */ p("div", { className: "prefs-layout", children: [
-    /* @__PURE__ */ a("nav", { className: "prefs-sidebar", children: nt.map((u) => /* @__PURE__ */ p(
+  return /* @__PURE__ */ a(ce, { title: "Preferences", onClose: n, width: 720, zIndex: 1001, children: /* @__PURE__ */ p("div", { className: "prefs-layout", children: [
+    /* @__PURE__ */ a("nav", { className: "prefs-sidebar", children: tt.map((m) => /* @__PURE__ */ p(
       "button",
       {
-        className: `prefs-nav ${o === u.id ? "active" : ""}`,
-        onClick: () => i(u.id),
+        className: `prefs-nav ${o === m.id ? "active" : ""}`,
+        onClick: () => i(m.id),
         children: [
-          /* @__PURE__ */ a("span", { className: "prefs-nav-icon", children: u.icon }),
-          u.label
+          /* @__PURE__ */ a("span", { className: "prefs-nav-icon", children: m.icon }),
+          m.label
         ]
       },
-      u.id
+      m.id
     )) }),
     /* @__PURE__ */ p("div", { className: "prefs-content", children: [
-      o === "appearance" && /* @__PURE__ */ p(B, { children: [
+      o === "appearance" && /* @__PURE__ */ p(K, { children: [
         /* @__PURE__ */ p("section", { className: "prefs-section", children: [
           /* @__PURE__ */ a("h3", { children: "Theme" }),
           /* @__PURE__ */ a("p", { className: "prefs-desc", children: "Choose how the interface looks." }),
-          /* @__PURE__ */ a("div", { className: "prefs-theme-list", children: c.map((u) => /* @__PURE__ */ p(
+          /* @__PURE__ */ a("div", { className: "prefs-theme-list", children: c.map((m) => /* @__PURE__ */ p(
             "label",
             {
-              className: `prefs-theme ${e === u.value ? "active" : ""}`,
+              className: `prefs-theme ${e === m.value ? "active" : ""}`,
               children: [
                 /* @__PURE__ */ a(
                   "input",
                   {
                     type: "radio",
                     name: "theme",
-                    checked: e === u.value,
-                    onChange: () => t(u.value)
+                    checked: e === m.value,
+                    onChange: () => t(m.value)
                   }
                 ),
-                /* @__PURE__ */ a("span", { className: "prefs-theme-swatch", "data-theme": u.value }),
-                /* @__PURE__ */ a("span", { className: "prefs-theme-label", children: u.label }),
-                /* @__PURE__ */ a("span", { className: "prefs-theme-hint", children: u.hint })
+                /* @__PURE__ */ a("span", { className: "prefs-theme-swatch", "data-theme": m.value }),
+                /* @__PURE__ */ a("span", { className: "prefs-theme-label", children: m.label }),
+                /* @__PURE__ */ a("span", { className: "prefs-theme-hint", children: m.hint })
               ]
             },
-            u.value
+            m.value
           )) })
         ] }),
         /* @__PURE__ */ p("section", { className: "prefs-section", children: [
@@ -3221,9 +3235,9 @@ function tt({ onClose: n }) {
                 className: "prefs-input",
                 placeholder: "Image URL (https://…)",
                 value: d,
-                onChange: (u) => h(u.target.value),
-                onKeyDown: (u) => {
-                  u.key === "Enter" && r(d.trim());
+                onChange: (m) => h(m.target.value),
+                onKeyDown: (m) => {
+                  m.key === "Enter" && r(d.trim());
                 }
               }
             ),
@@ -3241,13 +3255,13 @@ function tt({ onClose: n }) {
           ] })
         ] })
       ] }),
-      o === "plugins" && /* @__PURE__ */ a("section", { className: "prefs-section", style: { marginBottom: 0 }, children: /* @__PURE__ */ a(Ue, {}) }),
+      o === "plugins" && /* @__PURE__ */ a("section", { className: "prefs-section", style: { marginBottom: 0 }, children: /* @__PURE__ */ a(Je, {}) }),
       o === "about" && /* @__PURE__ */ a("section", { className: "prefs-section", children: /* @__PURE__ */ p("div", { className: "prefs-about", children: [
-        /* @__PURE__ */ a(ie, { className: "prefs-about-logo" }),
+        /* @__PURE__ */ a(de, { className: "prefs-about-logo" }),
         /* @__PURE__ */ a("h3", { children: "Entropia Riko" }),
         /* @__PURE__ */ p("div", { className: "prefs-about-version", children: [
           "Version ",
-          Z
+          te
         ] }),
         /* @__PURE__ */ a("p", { className: "prefs-desc", children: "A professional node-graph deep-learning editor. Build models visually, run inference, train with live loss curves, and export to clean PyTorch or TensorFlow/Keras code." }),
         /* @__PURE__ */ p("div", { className: "prefs-about-meta", children: [
@@ -3258,14 +3272,14 @@ function tt({ onClose: n }) {
     ] })
   ] }) });
 }
-function at({ onClose: n }) {
-  return /* @__PURE__ */ p(oe, { title: "About Entropia Riko", onClose: n, width: 440, children: [
+function st({ onClose: n }) {
+  return /* @__PURE__ */ p(ce, { title: "About Entropia Riko", onClose: n, width: 440, children: [
     /* @__PURE__ */ p("div", { className: "about-hero", children: [
-      /* @__PURE__ */ a(ie, { className: "about-logo" }),
+      /* @__PURE__ */ a(de, { className: "about-logo" }),
       /* @__PURE__ */ a("h2", { children: "Entropia Riko" }),
       /* @__PURE__ */ p("div", { className: "about-version", children: [
         "Version ",
-        Z
+        te
       ] })
     ] }),
     /* @__PURE__ */ p("div", { className: "about-body", children: [
@@ -3296,8 +3310,8 @@ function at({ onClose: n }) {
     ] })
   ] });
 }
-function st({ onClose: n }) {
-  const [e, t] = F(""), [s, r] = F(!1), o = g((d) => d.pushToast), i = async () => {
+function rt({ onClose: n }) {
+  const [e, t] = E(""), [s, r] = E(!1), o = g((d) => d.pushToast), i = async () => {
     const d = e.trim();
     if (d) {
       r(!0);
@@ -3315,7 +3329,7 @@ function st({ onClose: n }) {
       }
     }
   };
-  return /* @__PURE__ */ a(oe, { title: "Import Working Folder", onClose: n, width: 480, children: /* @__PURE__ */ p("div", { className: "import-folder-body", children: [
+  return /* @__PURE__ */ a(ce, { title: "Import Working Folder", onClose: n, width: 480, children: /* @__PURE__ */ p("div", { className: "import-folder-body", children: [
     /* @__PURE__ */ p("p", { className: "prefs-desc", children: [
       "Point the file manager at a local folder. A ",
       /* @__PURE__ */ a("code", { children: ".riko" }),
@@ -3340,149 +3354,157 @@ function st({ onClose: n }) {
     ] })
   ] }) });
 }
-function rt() {
+function ot() {
   const n = g((t) => t.toasts), e = g((t) => t.dismissToast);
   return /* @__PURE__ */ a("div", { className: "toast-stack", children: n.map((t) => /* @__PURE__ */ p("div", { className: `toast ${t.kind}`, children: [
     /* @__PURE__ */ a("span", { className: "toast-msg", children: t.message }),
     /* @__PURE__ */ a("button", { className: "toast-close", title: "Dismiss", onClick: () => e(t.id), children: "✕" })
   ] }, t.id)) });
 }
-let ot = 0;
-const pe = () => `ws_${++ot}`, Ee = [
+let it = 0;
+const he = () => `ws_${++it}`, Re = [
+  { preset: "layout", graph: "examples/models/mnist.riko" },
   { preset: "training", graph: "examples/models/mnist_cnn.riko" },
   { preset: "inference", graph: "examples/models/mnist_infer.riko" },
-  { preset: "code", graph: "examples/models/mnist.riko" },
-  { preset: "layout", graph: "examples/models/mnist.riko" }
+  { preset: "code", graph: "examples/models/mnist.riko" }
 ];
-function mt() {
-  var C;
-  const n = g((w) => w.loadNodeDefs), e = g((w) => w.openFile), t = g((w) => w.welcomeOpen), s = g((w) => w.setWelcomeOpen), r = g((w) => w.prefsOpen), o = g((w) => w.setPrefsOpen), i = g((w) => w.aboutOpen), d = g((w) => w.setAboutOpen), h = g((w) => w.importFolderOpen), c = g((w) => w.setImportFolderOpen);
-  A(() => {
-    (async () => (await n(), await e(Ee[0].graph)))();
+function ht() {
+  var P;
+  const n = g((N) => N.loadNodeDefs), e = g((N) => N.openFile), t = g((N) => N.welcomeOpen), s = g((N) => N.setWelcomeOpen), r = g((N) => N.prefsOpen), o = g((N) => N.setPrefsOpen), i = g((N) => N.aboutOpen), d = g((N) => N.setAboutOpen), h = g((N) => N.importFolderOpen), c = g((N) => N.setImportFolderOpen);
+  W(() => {
+    (async () => (await n(), await e(Re[0].graph)))();
   }, [n, e]);
-  const [u, m] = F(
-    () => Ee.map((w) => {
-      const E = me.find((T) => T.id === w.preset);
-      return { id: pe(), name: E.label, root: E.build(), graph: w.graph };
+  const [m, u] = E(
+    () => Re.map((N) => {
+      const I = ge.find((S) => S.id === N.preset);
+      return { id: he(), name: I.label, root: I.build(), graph: N.graph };
     })
-  ), [v, l] = F(null), [N, f] = F(null), x = v ?? ((C = u[0]) == null ? void 0 : C.id) ?? "", P = (u.find((w) => w.id === x) ?? u[0]).root, S = be(P) > 1, I = (w) => {
-    m((E) => E.map((T) => T.id === x ? { ...T, root: w(T.root) } : T));
-  }, $ = (w) => {
-    l(w);
-    const E = u.find((T) => T.id === w);
-    E != null && E.graph && e(E.graph);
-  }, b = (w) => {
-    const E = me.find((R) => R.id === w);
-    if (!E) return;
-    const T = { id: pe(), name: E.label, root: E.build() };
-    m((R) => [...R, T]), l(T.id);
-  }, _ = (w) => {
-    m((E) => {
-      if (E.length <= 1) return E;
-      const T = E.filter((R) => R.id !== w);
-      return w === x && l(T[0].id), T;
+  ), [b, l] = E(null), [v, f] = E(null), C = b ?? ((P = m[0]) == null ? void 0 : P.id) ?? "", F = (m.find((N) => N.id === C) ?? m[0]).root, x = ke(F) > 1, O = (N) => {
+    u((I) => I.map((S) => S.id === C ? { ...S, root: N(S.root) } : S));
+  }, $ = (N) => {
+    l(N);
+    const I = m.find((S) => S.id === N);
+    I != null && I.graph && e(I.graph);
+  }, w = (N) => {
+    const I = ge.find((j) => j.id === N);
+    if (!I) return;
+    const S = { id: he(), name: I.label, root: I.build() };
+    u((j) => [...j, S]), l(S.id);
+  }, _ = (N) => {
+    u((I) => {
+      if (I.length <= 1) return I;
+      const S = I.filter((j) => j.id !== N);
+      return N === C && l(S[0].id), S;
+    });
+  }, k = (N, I) => {
+    u((S) => S.map((j) => j.id === N ? { ...j, name: I } : j));
+  }, T = (N) => {
+    const I = m.find((G) => G.id === N);
+    if (!I) return;
+    const S = {
+      id: he(),
+      name: `${I.name} copy`,
+      root: JSON.parse(JSON.stringify(I.root))
+    }, j = m.findIndex((G) => G.id === N), A = [...m];
+    A.splice(j + 1, 0, S), u(A), l(S.id);
+  }, R = (N, I) => {
+    u((S) => {
+      const j = S.findIndex((Z) => Z.id === N), A = j + I;
+      if (j < 0 || A < 0 || A >= S.length) return S;
+      const G = [...S], [pe] = G.splice(j, 1);
+      return G.splice(A, 0, pe), G;
     });
-  }, k = (w, E) => {
-    m((T) => T.map((R) => R.id === w ? { ...R, name: E } : R));
-  }, O = (w) => {
-    const E = u.find((z) => z.id === w);
-    if (!E) return;
-    const T = {
-      id: pe(),
-      name: `${E.name} copy`,
-      root: JSON.parse(JSON.stringify(E.root))
-    }, R = u.findIndex((z) => z.id === w), U = [...u];
-    U.splice(R + 1, 0, T), m(U), l(T.id);
-  }, le = (w, E) => {
-    m((T) => {
-      const R = T.findIndex((Ve) => Ve.id === w), U = R + E;
-      if (R < 0 || U < 0 || U >= T.length) return T;
-      const z = [...T], [ze] = z.splice(R, 1);
-      return z.splice(U, 0, ze), z;
+  }, B = (N, I) => {
+    u((S) => {
+      const j = S.findIndex((Z) => Z.id === N), A = S.findIndex((Z) => Z.id === I);
+      if (j < 0 || A < 0 || j === A) return S;
+      const G = [...S], [pe] = G.splice(j, 1);
+      return G.splice(A, 0, pe), G;
     });
-  }, G = (N == null ? void 0 : N.mode) === "merge" ? ge(P, N.leafId) : null, K = (w) => {
-    if (w.kind === "leaf") {
-      const E = N && N.leafId === w.id && N.mode !== "merge" ? N : null;
+  }, z = (v == null ? void 0 : v.mode) === "merge" ? ve(F, v.leafId) : null, X = (N) => {
+    if (N.kind === "leaf") {
+      const I = v && v.leafId === N.id && v.mode !== "merge" ? v : null;
       return /* @__PURE__ */ a(
-        Zn,
+        et,
         {
-          id: w.id,
-          type: w.type,
-          canMerge: S,
-          mergeTarget: w.id === G,
-          preview: E,
-          onType: (T) => I((R) => ye(R, w.id, T)),
-          onSplitRow: () => I((T) => ae(T, w.id, "row")),
-          onSplitColumn: () => I((T) => ae(T, w.id, "column")),
-          onMerge: () => I((T) => fe(T, w.id)),
-          onClose: () => I((T) => he(T, w.id)),
-          onPreview: (T) => f(T ? { ...T, leafId: w.id } : null)
+          id: N.id,
+          type: N.type,
+          canMerge: x,
+          mergeTarget: N.id === z,
+          preview: I,
+          onType: (S) => O((j) => Ne(j, N.id, S)),
+          onSplitRow: () => O((S) => oe(S, N.id, "row")),
+          onSplitColumn: () => O((S) => oe(S, N.id, "column")),
+          onMerge: () => O((S) => be(S, N.id)),
+          onClose: () => O((S) => ye(S, N.id)),
+          onPreview: (S) => f(S ? { ...S, leafId: N.id } : null)
         },
-        w.id
+        N.id
       );
     }
-    return w.direction === "row" ? /* @__PURE__ */ p(
+    return N.direction === "row" ? /* @__PURE__ */ p(
       "div",
       {
-        className: w.id === G ? "merge-target" : void 0,
+        className: N.id === z ? "merge-target" : void 0,
         style: { display: "flex", flex: "1 1 0", minWidth: 0, minHeight: 0 },
         children: [
-          /* @__PURE__ */ a("div", { style: { flex: w.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: K(w.first) }),
+          /* @__PURE__ */ a("div", { style: { flex: N.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: X(N.first) }),
           /* @__PURE__ */ a(
-            Nn,
+            kn,
             {
-              onDrag: (E, T) => I((R) => se(R, w.id, E / T))
+              onDrag: (I, S) => O((j) => ie(j, N.id, I / S))
             }
           ),
-          /* @__PURE__ */ a("div", { style: { flex: 1 - w.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: K(w.second) })
+          /* @__PURE__ */ a("div", { style: { flex: 1 - N.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: X(N.second) })
         ]
       },
-      w.id
+      N.id
     ) : /* @__PURE__ */ p(
       "div",
       {
-        className: w.id === G ? "merge-target" : void 0,
+        className: N.id === z ? "merge-target" : void 0,
         style: { display: "flex", flexDirection: "column", flex: "1 1 0", minWidth: 0, minHeight: 0 },
         children: [
-          /* @__PURE__ */ a("div", { style: { flex: w.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: K(w.first) }),
+          /* @__PURE__ */ a("div", { style: { flex: N.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: X(N.first) }),
           /* @__PURE__ */ a(
-            kn,
+            wn,
             {
-              onDrag: (E, T) => I((R) => se(R, w.id, E / T))
+              onDrag: (I, S) => O((j) => ie(j, N.id, I / S))
             }
           ),
-          /* @__PURE__ */ a("div", { style: { flex: 1 - w.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: K(w.second) })
+          /* @__PURE__ */ a("div", { style: { flex: 1 - N.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: X(N.second) })
         ]
       },
-      w.id
+      N.id
     );
   };
   return /* @__PURE__ */ p("div", { className: "app", children: [
-    /* @__PURE__ */ a(vn, {}),
+    /* @__PURE__ */ a(Nn, {}),
     /* @__PURE__ */ a(
-      bn,
+      vn,
       {
-        workspaces: u,
-        activeWorkspaceId: x,
+        workspaces: m,
+        activeWorkspaceId: C,
         onSwitchWorkspace: $,
-        onAddWorkspace: b,
+        onAddWorkspace: w,
         onRemoveWorkspace: _,
         onRenameWorkspace: k,
-        onDuplicateWorkspace: O,
-        onMoveWorkspace: le
+        onDuplicateWorkspace: T,
+        onMoveWorkspace: R,
+        onReorderWorkspace: B
       }
     ),
-    /* @__PURE__ */ a("div", { className: "app-body", children: K(P) }),
-    t && /* @__PURE__ */ a(et, { onClose: () => s(!1) }),
-    r && /* @__PURE__ */ a(tt, { onClose: () => o(!1) }),
-    i && /* @__PURE__ */ a(at, { onClose: () => d(!1) }),
-    h && /* @__PURE__ */ a(st, { onClose: () => c(!1) }),
-    /* @__PURE__ */ a(yn, {}),
-    /* @__PURE__ */ a(rt, {})
+    /* @__PURE__ */ a("div", { className: "app-body", children: X(F) }),
+    t && /* @__PURE__ */ a(nt, { onClose: () => s(!1) }),
+    r && /* @__PURE__ */ a(at, { onClose: () => o(!1) }),
+    i && /* @__PURE__ */ a(st, { onClose: () => d(!1) }),
+    h && /* @__PURE__ */ a(rt, { onClose: () => c(!1) }),
+    /* @__PURE__ */ a(bn, {}),
+    /* @__PURE__ */ a(ot, {})
   ] });
 }
-function ht() {
-  const n = g((i) => i.status), e = g((i) => i.run), t = g((i) => i.save), s = g((i) => i.load), r = g((i) => i.exportPython), o = L(null);
+function ft() {
+  const n = g((i) => i.status), e = g((i) => i.run), t = g((i) => i.save), s = g((i) => i.load), r = g((i) => i.exportPython), o = D(null);
   return /* @__PURE__ */ p("div", { className: "toolbar", children: [
     /* @__PURE__ */ a("h1", { children: "Entropia Riko" }),
     /* @__PURE__ */ a(
@@ -3547,40 +3569,40 @@ function ht() {
     /* @__PURE__ */ a("span", { className: `status-badge ${n}`, children: n })
   ] });
 }
-function Je(n, e = []) {
+function qe(n, e = []) {
   for (const t of n)
-    t.type === "file" ? e.push(t.path) : t.children && Je(t.children, e);
+    t.type === "file" ? e.push(t.path) : t.children && qe(t.children, e);
   return e;
 }
-function ft({ onClose: n }) {
-  const e = g((y) => y.pushToast), t = g((y) => y.bumpProject), [s, r] = F("~"), [o, i] = F([]), [d, h] = F(""), [c, u] = F([]), [m, v] = F(""), l = async (y) => {
-    const S = await (await fetch(`/api/fs/list?path=${encodeURIComponent(y)}`)).json();
-    S.status === "success" ? (r(S.path), h(S.parent), i(S.entries ?? [])) : e("error", S.error ?? "list failed");
-  }, N = async () => {
+function gt({ onClose: n }) {
+  const e = g((y) => y.pushToast), t = g((y) => y.bumpProject), [s, r] = E("~"), [o, i] = E([]), [d, h] = E(""), [c, m] = E([]), [u, b] = E(""), l = async (y) => {
+    const x = await (await fetch(`/api/fs/list?path=${encodeURIComponent(y)}`)).json();
+    x.status === "success" ? (r(x.path), h(x.parent), i(x.entries ?? [])) : e("error", x.error ?? "list failed");
+  }, v = async () => {
     try {
-      const P = await (await fetch("/api/project/tree")).json(), S = Je(Array.isArray(P.tree) ? P.tree : []);
-      u(S), S.length && !m && v(S[0]);
+      const F = await (await fetch("/api/project/tree")).json(), x = qe(Array.isArray(F.tree) ? F.tree : []);
+      m(x), x.length && !u && b(x[0]);
     } catch {
     }
   };
-  A(() => {
-    l("~"), N();
+  W(() => {
+    l("~"), v();
   }, []);
   const f = async (y) => {
-    const S = await (await fetch("/api/fs/import", {
+    const x = await (await fetch("/api/fs/import", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ src: y.path })
     })).json();
-    S.status === "success" ? (e("success", `Imported ${y.name}`), t(), N()) : e("error", S.error ?? "import failed");
-  }, x = async () => {
-    if (!m) return;
-    const P = await (await fetch("/api/fs/export", {
+    x.status === "success" ? (e("success", `Imported ${y.name}`), t(), v()) : e("error", x.error ?? "import failed");
+  }, C = async () => {
+    if (!u) return;
+    const F = await (await fetch("/api/fs/export", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ src: m, dest: s })
+      body: JSON.stringify({ src: u, dest: s })
     })).json();
-    P.status === "success" ? e("success", `Exported to ${P.path}`) : e("error", P.error ?? "export failed");
+    F.status === "success" ? e("success", `Exported to ${F.path}`) : e("error", F.error ?? "export failed");
   };
   return /* @__PURE__ */ a("div", { className: "prefs-overlay", onClick: n, children: /* @__PURE__ */ p("div", { className: "explorer", onClick: (y) => y.stopPropagation(), children: [
     /* @__PURE__ */ p("div", { className: "prefs-header", children: [
@@ -3622,19 +3644,19 @@ function ft({ onClose: n }) {
       ] }),
       /* @__PURE__ */ p("div", { className: "explorer-export", children: [
         /* @__PURE__ */ a("div", { className: "prefs-desc", style: { margin: 0 }, children: "Export a working-folder file to the current folder:" }),
-        /* @__PURE__ */ a("select", { className: "prefs-input", value: m, onChange: (y) => v(y.target.value), children: c.map((y) => /* @__PURE__ */ a("option", { value: y, children: y }, y)) }),
-        /* @__PURE__ */ a("button", { className: "btn", disabled: !m, onClick: x, children: "Export here" })
+        /* @__PURE__ */ a("select", { className: "prefs-input", value: u, onChange: (y) => b(y.target.value), children: c.map((y) => /* @__PURE__ */ a("option", { value: y, children: y }, y)) }),
+        /* @__PURE__ */ a("button", { className: "btn", disabled: !u, onClick: C, children: "Export here" })
       ] })
     ] })
   ] }) });
 }
-function gt({
+function yt({
   path: n,
   name: e,
   onClose: t
 }) {
-  const [s, r] = F(""), [o, i] = F(null), d = g((c) => c.pushToast);
-  return A(() => {
+  const [s, r] = E(""), [o, i] = E(null), d = g((c) => c.pushToast);
+  return W(() => {
     fetch("/api/project/code", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
@@ -3662,57 +3684,57 @@ function gt({
   ] }) });
 }
 export {
-  Z as APP_VERSION,
-  at as AboutPanel,
-  mt as App,
-  ie as BrandLogo,
-  Jn as CodeEditor,
-  gt as CodePreview,
-  Pn as ContextMenu,
-  Hn as DocsPanel,
-  ft as FileExplorer,
-  xn as FileManager,
-  yn as FilePickerHost,
-  oe as FloatingWindow,
+  te as APP_VERSION,
+  st as AboutPanel,
+  ht as App,
+  de as BrandLogo,
+  zn as CodeEditor,
+  yt as CodePreview,
+  Fn as ContextMenu,
+  Kn as DocsPanel,
+  gt as FileExplorer,
+  Sn as FileManager,
+  bn as FilePickerHost,
+  ce as FloatingWindow,
   On as GraphCanvas,
-  kn as HSplitter,
-  zn as HandwritingPad,
-  st as ImportFolderPanel,
-  An as LossPanel,
-  bn as MenuBar,
-  Tn as NodeCard,
-  wn as NodeLibrary,
-  He as PANEL_TYPES,
-  Zn as PanelSlot,
-  Ue as PluginPanel,
-  te as PopupMenu,
-  tt as PreferencesPanel,
-  Kn as ProjectPanel,
-  Rn as SideInspector,
-  Dn as StatusPanel,
-  vn as Titlebar,
-  rt as ToastStack,
-  ht as Toolbar,
-  Nn as VSplitter,
-  me as WORKSPACE_PRESETS,
-  et as WelcomePanel,
-  fn as WorkspaceTabs,
-  De as applyBackground,
-  Le as applyTheme,
-  he as closeLeaf,
-  be as countLeaves,
-  mn as defaultLayout,
-  j as leaf,
-  dn as loadTheme,
-  fe as mergeLeaf,
-  Y as openFilePicker,
-  qn as panelLabel,
-  ut as registerPanelContent,
-  Yn as renderPanelContent,
-  se as resizeSplit,
-  ye as setLeafType,
-  ge as siblingNodeId,
-  D as split,
-  ae as splitLeaf,
+  wn as HSplitter,
+  Vn as HandwritingPad,
+  rt as ImportFolderPanel,
+  Mn as LossPanel,
+  vn as MenuBar,
+  Pn as NodeCard,
+  _n as NodeLibrary,
+  ze as PANEL_TYPES,
+  et as PanelSlot,
+  Je as PluginPanel,
+  re as PopupMenu,
+  at as PreferencesPanel,
+  Jn as ProjectPanel,
+  jn as SideInspector,
+  An as StatusPanel,
+  Nn as Titlebar,
+  ot as ToastStack,
+  ft as Toolbar,
+  kn as VSplitter,
+  ge as WORKSPACE_PRESETS,
+  nt as WelcomePanel,
+  gn as WorkspaceTabs,
+  We as applyBackground,
+  Me as applyTheme,
+  ye as closeLeaf,
+  ke as countLeaves,
+  hn as defaultLayout,
+  L as leaf,
+  pn as loadTheme,
+  be as mergeLeaf,
+  Q as openFilePicker,
+  Yn as panelLabel,
+  mt as registerPanelContent,
+  Xn as renderPanelContent,
+  ie as resizeSplit,
+  Ne as setLeafType,
+  ve as siblingNodeId,
+  M as split,
+  oe as splitLeaf,
   g as useGraphStore
 };