entropia-template-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,3685 @@
+import { jsxs as p, Fragment as B, jsx as a } from "react/jsx-runtime";
+import { useState as P, useMemo as z, useRef as $, useEffect as D, Fragment as Fe } from "react";
+import { create as Ee } from "zustand";
+import { addEdge as ze, applyEdgeChanges as Ve, applyNodeChanges as qe, Handle as ve, Position as Ne, ReactFlowProvider as Ye, useReactFlow as Xe, ReactFlow as Qe, Background as Ze, ViewportPortal as en } from "@xyflow/react";
+import { createPortal as Oe } from "react-dom";
+const nn = [
+  {
+    type: "constant",
+    label: "Constant",
+    category: "Inputs",
+    inputs: [],
+    outputs: [{ name: "value", label: "Value", dataKind: "tensor", direction: "out" }],
+    parameters: [{ name: "value", label: "Value", kind: "any", default: 1, required: !0, dtype: "float" }]
+  },
+  {
+    type: "add",
+    label: "Add",
+    category: "Math",
+    inputs: [
+      { name: "left", label: "Left", dataKind: "tensor", direction: "in" },
+      { name: "right", label: "Right", dataKind: "tensor", direction: "in" }
+    ],
+    outputs: [{ name: "result", label: "Result", dataKind: "tensor", direction: "out" }],
+    parameters: []
+  },
+  {
+    type: "multiply",
+    label: "Multiply",
+    category: "Math",
+    inputs: [
+      { name: "left", label: "Left", dataKind: "tensor", direction: "in" },
+      { name: "right", label: "Right", dataKind: "tensor", direction: "in" }
+    ],
+    outputs: [{ name: "result", label: "Result", dataKind: "tensor", direction: "out" }],
+    parameters: []
+  }
+], Z = "0.1.0";
+let tn = 0;
+function le(n) {
+  return n.charAt(0).toUpperCase() + n.slice(1);
+}
+function an(n) {
+  return {
+    type: n.type,
+    label: n.label,
+    category: n.category,
+    inputs: n.inputs.map((e) => ({
+      name: e.name,
+      label: le(e.name),
+      dataKind: e.data_kind,
+      direction: "in"
+    })),
+    outputs: n.outputs.map((e) => ({
+      name: e.name,
+      label: le(e.name),
+      dataKind: e.data_kind,
+      direction: "out"
+    })),
+    parameters: n.parameters.map((e) => ({
+      name: e.name,
+      label: le(e.name),
+      kind: e.kind,
+      default: e.default,
+      required: e.required,
+      dtype: e.dtype ?? void 0
+    }))
+  };
+}
+let ke = 0;
+function J(n) {
+  return ke += 1, `${n}_${ke}`;
+}
+function M(n, e) {
+  let t = "untitled", s = "", r = "";
+  try {
+    t = y.getState().activeFileName ?? "untitled", s = localStorage.getItem("entropia_riko_theme") ?? "", r = localStorage.getItem("entropia_riko_background") ?? "";
+  } catch {
+  }
+  return {
+    version: "1.0",
+    metadata: { name: t, app: "entropia-riko", appVersion: Z },
+    nodes: n.map((o) => ({
+      id: o.id,
+      type_name: o.data.type,
+      label: o.data.label,
+      category: o.data.category,
+      position: [o.position.x, o.position.y],
+      parameters: o.data.params,
+      inputs: [],
+      outputs: []
+    })),
+    edges: e.map((o) => ({
+      id: o.id,
+      source_node: o.source,
+      source_port: o.sourceHandle,
+      target_node: o.target,
+      target_port: o.targetHandle
+    })),
+    settings: { theme: s, backgroundImage: r }
+  };
+}
+function ee(n, e) {
+  const t = (n.nodes || []).map((r) => {
+    var i, d;
+    const o = e.find((m) => m.type === r.type_name);
+    return {
+      id: r.id,
+      type: "thnNode",
+      position: { x: ((i = r.position) == null ? void 0 : i[0]) ?? 0, y: ((d = r.position) == null ? void 0 : d[1]) ?? 0 },
+      data: {
+        type: r.type_name,
+        label: r.label || (o == null ? void 0 : o.label) || r.type_name,
+        category: r.category || (o == null ? void 0 : o.category) || "",
+        params: r.parameters || {},
+        inputs: (o == null ? void 0 : o.inputs) || [],
+        outputs: (o == null ? void 0 : o.outputs) || [],
+        hasError: !1
+      }
+    };
+  }), s = (n.edges || []).map((r) => ({
+    id: r.id,
+    source: r.source_node,
+    target: r.target_node,
+    sourceHandle: r.source_port,
+    targetHandle: r.target_port
+  }));
+  return { nodes: t, edges: s };
+}
+async function sn(n) {
+  const e = (n || "").trim();
+  if (!e) return null;
+  const t = [];
+  (e.includes("/") || e.endsWith(".riko") || e.endsWith(".ric")) && t.push(e), t.push(`examples/models/${e}.riko`), t.push(`examples/${e}.riko`), t.push(`workflows/${e}.riko`), t.push(`${e}.riko`);
+  for (const s of t)
+    try {
+      if ((await (await fetch(`/api/files/content?path=${encodeURIComponent(s)}`)).json()).status === "success") return s;
+    } catch {
+    }
+  return null;
+}
+const Ie = "entropia_riko_recent";
+function rn() {
+  try {
+    const n = localStorage.getItem(Ie), e = n ? JSON.parse(n) : [];
+    return Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
+  } catch {
+    return [];
+  }
+}
+function on(n) {
+  try {
+    localStorage.setItem(Ie, JSON.stringify(n.slice(0, 10)));
+  } catch {
+  }
+}
+const y = Ee((n, e) => ({
+  nodeDefs: nn,
+  workflows: [],
+  activeWorkflowId: null,
+  nodes: [],
+  edges: [],
+  frames: [],
+  graphStack: [{ name: "root", path: "", nodes: [], edges: [] }],
+  selectedNodeId: null,
+  status: "idle",
+  logs: [],
+  results: {},
+  fileList: [],
+  activeFileName: null,
+  activeFilePath: null,
+  dirty: !1,
+  losses: [],
+  recentFiles: rn(),
+  welcomeOpen: !0,
+  prefsOpen: !1,
+  aboutOpen: !1,
+  importFolderOpen: !1,
+  filePickerOpen: !1,
+  filePickerMode: "import",
+  projectVersion: 0,
+  codeBuffer: "",
+  toasts: [],
+  onNodesChange: (t) => {
+    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 = Ve(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 = J("edge");
+    n({ edges: ze({ ...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((m) => m.type === t), o = J(t), i = {};
+    if (r)
+      for (const m of r.parameters) i[m.name] = m.default;
+    const d = {
+      id: o,
+      type: "thnNode",
+      position: s,
+      data: {
+        type: t,
+        label: (r == null ? void 0 : r.label) ?? t,
+        category: (r == null ? void 0 : r.category) ?? "Other",
+        params: i,
+        inputs: (r == null ? void 0 : r.inputs) ?? [],
+        outputs: (r == null ? void 0 : r.outputs) ?? [{ name: "result", label: "Result", dataKind: "tensor", direction: "out" }],
+        hasError: !1
+      }
+    };
+    n({ nodes: [...e().nodes, d], selectedNodeId: o, dirty: !0 }), e().log(`添加节点 ${(r == null ? void 0 : r.label) ?? t} (${o})`);
+  },
+  onSelectNode: (t) => n({ selectedNodeId: t }),
+  updateParam: (t, s, r) => n({
+    nodes: e().nodes.map(
+      (o) => o.id === t ? { ...o, data: { ...o.data, params: { ...o.data.params, [s]: r } } } : o
+    ),
+    dirty: !0
+  }),
+  removeNode: (t) => n({
+    nodes: e().nodes.filter((s) => s.id !== t),
+    edges: e().edges.filter((s) => s.source !== t && s.target !== t),
+    selectedNodeId: e().selectedNodeId === t ? null : e().selectedNodeId,
+    dirty: !0
+  }),
+  addFrame: (t, s) => {
+    const r = J("frame");
+    n({
+      frames: [
+        ...e().frames,
+        { id: r, title: t.trim() || "Frame", x: s.x, y: s.y, width: 360, height: 220 }
+      ],
+      dirty: !0
+    });
+  },
+  updateFrame: (t, s) => n({
+    frames: e().frames.map((r) => r.id === t ? { ...r, ...s } : r),
+    dirty: !0
+  }),
+  removeFrame: (t) => n({ frames: e().frames.filter((s) => s.id !== t), dirty: !0 }),
+  enterSubgraph: async (t) => {
+    var i;
+    const s = e().nodes.find((d) => d.id === t);
+    if (!s) return;
+    const r = s.data.params.file ?? s.data.params.module;
+    if (!r) {
+      e().pushToast("error", "该节点没有 file/module 参数");
+      return;
+    }
+    const o = await sn(String(r));
+    if (!o) {
+      e().pushToast("error", `找不到子图: ${r}`);
+      return;
+    }
+    try {
+      const m = await (await fetch(`/api/files/content?path=${encodeURIComponent(o)}`)).json();
+      if (m.status !== "success") {
+        e().pushToast("error", m.error ?? "打开子图失败");
+        return;
+      }
+      const { nodes: c, edges: u } = ee(m.doc, e().nodeDefs), h = [...e().graphStack], v = h[h.length - 1];
+      h[h.length - 1] = { ...v, nodes: e().nodes, edges: e().edges };
+      const l = ((i = o.split("/").pop()) == null ? void 0 : i.replace(/\.(riko|ric)$/i, "")) ?? o;
+      h.push({ name: l, path: o, nodes: c, edges: u }), n({
+        graphStack: h,
+        nodes: c,
+        edges: u,
+        selectedNodeId: null,
+        results: {},
+        status: "idle",
+        dirty: !1
+      }), e().log(`进入子图 ${o}`);
+    } catch (d) {
+      e().pushToast("error", d instanceof Error ? d.message : String(d));
+    }
+  },
+  exitToLevel: (t) => {
+    const s = e().graphStack.slice(0, t + 1), r = s[t];
+    r && (n({
+      graphStack: s,
+      nodes: r.nodes,
+      edges: r.edges,
+      selectedNodeId: null,
+      results: {},
+      status: "idle",
+      dirty: !1
+    }), e().log(`返回层级 ${r.name}`));
+  },
+  run: async () => {
+    n({ status: "running" }), e().log("开始执行图（调用 Python runtime）...");
+    try {
+      const t = M(e().nodes, e().edges), r = await (await fetch("/api/execute", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(t)
+      })).json();
+      if (r.status === "success") {
+        const o = {}, i = r.outputs;
+        for (const [d, m] of Object.entries(i)) {
+          o[d] = {};
+          for (const [c, u] of Object.entries(m))
+            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
+            };
+        }
+        n({
+          results: o,
+          status: "success",
+          nodes: e().nodes.map((d) => ({
+            ...d,
+            data: { ...d.data, hasError: !1, errorMsg: void 0 }
+          }))
+        }), e().log("执行成功");
+      } else {
+        n({ status: "error" });
+        for (const o of r.errors)
+          e().log(`错误: ${o}`), e().pushToast("error", o);
+      }
+    } catch (t) {
+      const s = t instanceof Error ? t.message : String(t);
+      n({ status: "error" }), e().log(`请求失败: ${s}（请确认 API server 已启动）`), e().pushToast("error", `请求失败: ${s}`);
+    }
+  },
+  loadNodeDefs: async () => {
+    try {
+      const r = (await (await fetch("/api/nodes")).json()).nodes.map(an);
+      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)], {
+      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");
+    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", {
+        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" }), m = URL.createObjectURL(d), c = document.createElement("a");
+      c.href = m, c.download = `${o}.ric`, c.click(), URL.revokeObjectURL(m), 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);
+    try {
+      const o = await (await fetch("/api/export_project", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ doc: s, dir: t })
+      })).json();
+      o.status === "success" ? (e().pushToast("success", `Exported project → ${o.root}`), e().log(`已导出多文件 PyTorch 工程: ${o.files.join(", ")}`)) : e().pushToast("error", o.error ?? "导出工程失败");
+    } catch (r) {
+      e().pushToast("error", r instanceof Error ? r.message : String(r));
+    }
+  },
+  load: async (t) => {
+    try {
+      let s;
+      if (t.name.toLowerCase().endsWith(".ric")) {
+        const i = await t.arrayBuffer(), m = await (await fetch("/api/files/decode", {
+          method: "POST",
+          headers: { "Content-Type": "application/octet-stream" },
+          body: i
+        })).json();
+        if (m.status !== "success") throw new Error(m.error);
+        s = m.doc;
+      } else {
+        const i = await new Promise((d, m) => {
+          const c = new FileReader();
+          c.onload = () => d(String(c.result)), c.onerror = () => m(c.error), c.readAsText(t);
+        });
+        s = JSON.parse(i);
+      }
+      const { nodes: r, edges: o } = ee(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);
+    try {
+      const r = await (await fetch("/api/export_python", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(t)
+      })).json();
+      if (r.status === "success") {
+        const o = new Blob([r.code], { type: "text/x-python" }), i = URL.createObjectURL(o), d = document.createElement("a");
+        d.href = i, d.download = "workflow.py", d.click(), URL.revokeObjectURL(i), e().log("已导出 Python (workflow.py)");
+      } else
+        e().log(`导出失败: ${r.error}`);
+    } catch (s) {
+      e().log(`导出失败: ${s instanceof Error ? s.message : String(s)}`);
+    }
+  },
+  exportKeras: async () => {
+    const t = M(e().nodes, e().edges);
+    try {
+      const r = await (await fetch("/api/export_keras", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(t)
+      })).json();
+      if (r.status === "success") {
+        const o = new Blob([r.code], { type: "text/x-python" }), i = URL.createObjectURL(o), d = document.createElement("a");
+        d.href = i, d.download = "workflow_keras.py", d.click(), URL.revokeObjectURL(i), e().log("已导出 Keras (workflow_keras.py)");
+      } else
+        e().log(`导出失败: ${r.error}`);
+    } catch (s) {
+      e().log(`导出失败: ${s instanceof Error ? s.message : String(s)}`);
+    }
+  },
+  generatePythonCode: async () => {
+    const t = M(e().nodes, e().edges);
+    try {
+      const r = await (await fetch("/api/export_python", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(t)
+      })).json();
+      r.status === "success" ? (n({ codeBuffer: r.code }), e().log("已生成 PyTorch 代码（代码编辑器窗口）")) : e().pushToast("error", r.error ?? "代码生成失败");
+    } catch (s) {
+      e().pushToast("error", s instanceof Error ? s.message : String(s));
+    }
+  },
+  previewAssetCode: async (t) => {
+    try {
+      const r = await (await fetch(`/api/files/content?path=${encodeURIComponent(t)}`)).json();
+      if (r.status !== "success") {
+        e().pushToast("error", r.error ?? "读取失败");
+        return;
+      }
+      const i = await (await fetch("/api/export_python", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(r.doc)
+      })).json();
+      i.status === "success" ? (n({ codeBuffer: i.code }), e().pushToast("success", "Code → Code Editor")) : e().pushToast("error", i.error ?? "代码生成失败");
+    } catch (s) {
+      e().pushToast("error", s instanceof Error ? s.message : String(s));
+    }
+  },
+  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 = J("wf");
+    n({
+      workflows: [...r, { id: o, name: t, nodes: [], edges: [] }],
+      activeWorkflowId: o,
+      nodes: [],
+      edges: [],
+      selectedNodeId: null,
+      results: {},
+      status: "idle",
+      dirty: !1
+    }), e().log(`新建工作流: ${t} (${o})`);
+  },
+  switchWorkflow: (t) => {
+    const s = e().activeWorkflowId;
+    let r = e().workflows;
+    s && (r = r.map(
+      (i) => i.id === s ? { ...i, nodes: e().nodes, edges: e().edges } : i
+    ));
+    const o = r.find((i) => i.id === t);
+    o && (n({
+      workflows: r,
+      activeWorkflowId: t,
+      nodes: o.nodes,
+      edges: o.edges,
+      selectedNodeId: null,
+      results: {},
+      status: "idle",
+      dirty: !1
+    }), e().log(`切换到工作流: ${o.name}`));
+  },
+  refreshFiles: async () => {
+    try {
+      const s = await (await fetch("/api/files")).json();
+      Array.isArray(s.files) ? n({ fileList: s.files }) : e().log("文件列表格式错误");
+    } catch (t) {
+      e().log(`文件列表加载失败: ${t instanceof Error ? t.message : String(t)}`);
+    }
+  },
+  openFile: async (t) => {
+    var s, r, o, i;
+    try {
+      const m = await (await fetch(`/api/files/content?path=${encodeURIComponent(t)}`)).json();
+      if (m.status === "success") {
+        const { nodes: c, edges: u } = ee(m.doc, e().nodeDefs);
+        n({
+          nodes: c,
+          edges: u,
+          selectedNodeId: null,
+          results: {},
+          status: "idle",
+          activeFileName: ((r = (s = m.doc) == null ? void 0 : s.metadata) == null ? void 0 : r.name) ?? t,
+          activeFilePath: t,
+          graphStack: [{ name: ((i = (o = m.doc) == null ? void 0 : o.metadata) == null ? void 0 : i.name) ?? t.split("/").pop() ?? t, path: t, nodes: c, edges: [] }],
+          dirty: !1
+        });
+        const h = [t, ...e().recentFiles.filter((v) => v !== t)].slice(0, 10);
+        on(h), n({ recentFiles: h }), e().log(`已打开 ${t}`);
+      } else
+        e().log(`打开失败: ${m.error}`);
+    } catch (d) {
+      e().log(`打开失败: ${d instanceof Error ? d.message : String(d)}`);
+    }
+  },
+  openProjectFile: async (t) => {
+    var s;
+    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), m = ((s = t.split("/").pop()) == null ? void 0 : s.replace(/\.(riko|ric)$/, "")) ?? t;
+        n({
+          nodes: i,
+          edges: d,
+          selectedNodeId: null,
+          results: {},
+          status: "idle",
+          activeFileName: m,
+          activeFilePath: t,
+          graphStack: [{ name: m, path: t, nodes: i, edges: [] }],
+          dirty: !1
+        }), e().log(`已打开 ${t}`);
+      } else
+        e().log(`打开失败: ${o.error}`);
+    } catch (r) {
+      e().log(`打开失败: ${r instanceof Error ? r.message : String(r)}`);
+    }
+  },
+  importFileInline: async (t) => {
+    try {
+      const r = await (await fetch(`/api/files/content?path=${encodeURIComponent(t)}`)).json();
+      if (r.status !== "success") {
+        e().log(`展开失败: ${r.error}`);
+        return;
+      }
+      const o = r.doc, i = e().nodes;
+      let d = 0;
+      for (const h of i) d = Math.max(d, h.position.y + 120);
+      const m = {}, c = (o.nodes ?? []).map((h) => {
+        var w, f;
+        const v = J("n");
+        m[h.id] = v;
+        const l = e().nodeDefs.find((S) => S.type === h.type_name);
+        return {
+          id: v,
+          type: "thnNode",
+          position: { x: ((w = h.position) == null ? void 0 : w[0]) ?? 0, y: (((f = h.position) == null ? void 0 : f[1]) ?? 0) + d },
+          data: {
+            type: h.type_name,
+            label: h.label || (l == null ? void 0 : l.label) || h.type_name,
+            category: h.category || (l == null ? void 0 : l.category) || "",
+            params: h.parameters || {},
+            inputs: (l == null ? void 0 : l.inputs) ?? [],
+            outputs: (l == null ? void 0 : l.outputs) ?? [],
+            hasError: !1
+          }
+        };
+      }), u = (o.edges ?? []).map((h) => ({
+        id: J("edge"),
+        source: m[h.source_node],
+        target: m[h.target_node],
+        sourceHandle: h.source_port,
+        targetHandle: h.target_port
+      })).filter((h) => h.source && h.target);
+      n({
+        nodes: [...i, ...c],
+        edges: [...e().edges, ...u],
+        dirty: !0
+      }), e().log(`已展开 ${t}（${c.length} 节点, ${u.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: "" } };
+    try {
+      const d = await (await fetch("/api/files/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ name: t, format: s, doc: o })
+      })).json();
+      d.status === "success" ? (n({ activeFileName: t, dirty: !1 }), e().log(`已保存到 ${d.path} (${d.format === "binary" ? ".ric 二进制" : ".riko ASCII"})`), e().refreshFiles()) : e().log(`保存失败: ${d.error ?? "未知错误"}`);
+    } catch (i) {
+      e().log(`保存失败: ${i instanceof Error ? i.message : String(i)}`);
+    }
+  },
+  saveToPath: async (t, s = "ascii") => {
+    var o;
+    const r = M(e().nodes, e().edges);
+    try {
+      const d = await (await fetch("/api/fs/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ path: t, format: s, doc: r })
+      })).json();
+      if (d.status === "success") {
+        const m = d.name ?? ((o = t.split("/").pop()) == null ? void 0 : o.replace(/\.(riko|ric)$/i, "")) ?? "workflow";
+        n({ activeFileName: m, activeFilePath: t, dirty: !1 }), e().log(`已保存到 ${d.path}`), e().pushToast("success", `Saved ${m}`), e().refreshFiles();
+      } else
+        e().pushToast("error", d.error ?? "保存失败");
+    } catch (i) {
+      e().pushToast("error", i instanceof Error ? i.message : String(i));
+    }
+  },
+  importModule: (t, s) => {
+    const r = e().nodeDefs.find((m) => m.type === "import") ?? e().nodeDefs.find((m) => m.type === "graph_reference");
+    if (!r) {
+      e().log("未找到 import / graph_reference 节点定义，请确认 API server 已启动");
+      return;
+    }
+    const o = J(r.type), i = {};
+    for (const m of r.parameters) i[m.name] = m.default;
+    i[r.type === "import" ? "module" : "file"] = t;
+    const d = {
+      id: o,
+      type: "thnNode",
+      position: s,
+      data: {
+        type: r.type,
+        label: r.label,
+        category: r.category,
+        params: i,
+        inputs: r.inputs,
+        outputs: r.outputs,
+        hasError: !1
+      }
+    };
+    n({ nodes: [...e().nodes, d], selectedNodeId: o, dirty: !0 }), e().log(`导入 ${t} (${r.type})`);
+  },
+  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", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ doc: r, steps: t, lr: s })
+      });
+      if (!o.body) throw new Error("响应无流 body");
+      const i = o.body.getReader(), d = new TextDecoder();
+      let m = "";
+      for (; ; ) {
+        const { done: u, value: h } = await i.read();
+        if (u) break;
+        m += d.decode(h, { stream: !0 });
+        const v = m.split(`
+`);
+        m = v.pop() ?? "";
+        for (const l of v) {
+          const w = l.trim();
+          if (!w) continue;
+          let f;
+          try {
+            f = JSON.parse(w);
+          } catch {
+            continue;
+          }
+          if (f.error) {
+            e().log(`训练失败: ${f.error}`), e().pushToast("error", `训练失败: ${f.error}`), n({ status: "error" });
+            return;
+          }
+          typeof f.loss == "number" && n({ losses: [...e().losses, f.loss] }), f.done && n({ status: "success" });
+        }
+      }
+      const c = e().losses[e().losses.length - 1];
+      e().log(`训练完成，最终 loss=${(c == null ? void 0 : c.toFixed(4)) ?? "n/a"}`), n({ status: "success" });
+    } catch (r) {
+      n({ status: "error" }), e().log(`训练失败: ${r instanceof Error ? r.message : String(r)}`), e().pushToast("error", `训练失败: ${r instanceof Error ? r.message : String(r)}`);
+    }
+  },
+  newBlank: () => {
+    n({
+      nodes: [],
+      edges: [],
+      frames: [],
+      graphStack: [{ name: "root", path: "", nodes: [], edges: [] }],
+      selectedNodeId: null,
+      results: {},
+      status: "idle",
+      activeFileName: null,
+      activeFilePath: null,
+      dirty: !1
+    }), e().log("新建空白工作流");
+  },
+  setWelcomeOpen: (t) => n({ welcomeOpen: t }),
+  setPrefsOpen: (t) => n({ prefsOpen: t }),
+  setAboutOpen: (t) => n({ aboutOpen: t }),
+  setImportFolderOpen: (t) => n({ importFolderOpen: t }),
+  setFilePicker: (t, s) => n({ filePickerOpen: t, filePickerMode: s }),
+  bumpProject: () => n({ projectVersion: e().projectVersion + 1 }),
+  setCodeBuffer: (t) => n({ codeBuffer: t }),
+  pushToast: (t, s) => {
+    const r = ++tn;
+    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) }),
+  log: (t) => {
+    const s = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+    n({ logs: [...e().logs, `[${s}] ${t}`].slice(-80) });
+  }
+})), Re = "entropia_riko_theme", pe = "entropia_riko_background";
+function ln() {
+  try {
+    const n = localStorage.getItem(Re);
+    return n === "light" || n === "dark" || n === "glass" ? n : "system";
+  } catch {
+    return "system";
+  }
+}
+function je(n) {
+  n === "system" ? delete document.documentElement.dataset.theme : document.documentElement.dataset.theme = n;
+}
+function $e(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 cn() {
+  try {
+    return localStorage.getItem(pe) ?? "";
+  } catch {
+    return "";
+  }
+}
+const K = Ee((n) => ({
+  theme: ln(),
+  setTheme: (e) => {
+    je(e);
+    try {
+      localStorage.setItem(Re, e);
+    } catch {
+    }
+    n({ theme: e });
+  },
+  backgroundImage: cn(),
+  setBackgroundImage: (e) => {
+    $e(e);
+    try {
+      e ? localStorage.setItem(pe, e) : localStorage.removeItem(pe);
+    } catch {
+    }
+    n({ backgroundImage: e });
+  }
+}));
+je(K.getState().theme);
+$e(K.getState().backgroundImage);
+function te({
+  entries: n,
+  x: e,
+  y: t,
+  onClose: s,
+  searchable: r = !1,
+  maxWidth: o = 280
+}) {
+  const [i, d] = P(""), [m, c] = P({}), u = z(() => {
+    const l = i.trim().toLowerCase(), w = l ? n.filter(
+      (b) => !b.separator && (b.label.toLowerCase().includes(l) || (b.description ?? "").toLowerCase().includes(l))
+    ) : n, f = {}, S = [];
+    for (const b of w) {
+      const T = b.category ?? "";
+      T in f || (f[T] = [], S.push(T)), f[T].push(b);
+    }
+    return { map: f, order: S };
+  }, [n, i]), { map: h, order: v } = u;
+  return Oe(
+    /* @__PURE__ */ p(B, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: "popup-overlay",
+          onClick: s,
+          onContextMenu: (l) => {
+            l.preventDefault(), s();
+          }
+        }
+      ),
+      /* @__PURE__ */ p("div", { className: "popup-menu", style: { left: e, top: t, maxWidth: o }, children: [
+        r && /* @__PURE__ */ a("div", { className: "popup-search", children: /* @__PURE__ */ a(
+          "input",
+          {
+            autoFocus: !0,
+            placeholder: "Search…",
+            value: i,
+            onChange: (l) => d(l.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ p("div", { className: "popup-list", children: [
+          v.map((l) => {
+            const w = !i && !m[l];
+            return /* @__PURE__ */ p("div", { className: "popup-category", children: [
+              l !== "" && /* @__PURE__ */ p(
+                "div",
+                {
+                  className: "popup-cat-header",
+                  onClick: () => c((f) => ({ ...f, [l]: !f[l] })),
+                  children: [
+                    /* @__PURE__ */ a("span", { className: "popup-cat-toggle", children: w ? "▸" : "▾" }),
+                    /* @__PURE__ */ a("span", { className: "popup-cat-label", children: l }),
+                    /* @__PURE__ */ a("span", { className: "popup-cat-count", children: h[l].length })
+                  ]
+                }
+              ),
+              !w && h[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 S;
+                      f.disabled || ((S = f.onSelect) == null || S.call(f), s());
+                    },
+                    children: [
+                      /* @__PURE__ */ a("span", { className: "popup-item-label", children: f.label }),
+                      f.description && /* @__PURE__ */ a("span", { className: "popup-item-desc", children: f.description })
+                    ]
+                  },
+                  f.id
+                )
+              )
+            ] }, l);
+          }),
+          v.length === 0 && /* @__PURE__ */ a("div", { className: "popup-item disabled", children: "No matches" })
+        ] })
+      ] })
+    ] }),
+    document.body
+  );
+}
+let dn = 0;
+const Le = () => `area_${++dn}`, R = (n) => ({
+  kind: "leaf",
+  id: Le(),
+  type: n
+}), L = (n, e, t, s = 0.5) => ({ kind: "split", id: Le(), direction: n, first: e, second: t, ratio: s });
+function pn() {
+  const n = L("column", R("nodes"), R("files"), 0.72), e = L(
+    "row",
+    R("canvas"),
+    L("column", R("project"), R("inspector"), 0.3),
+    0.68
+  ), t = L("row", n, e, 0.26), s = L("row", R("status"), R("loss"), 0.55);
+  return L("column", t, s, 0.82);
+}
+function W(n) {
+  const e = n.leftExtra ? L("column", R("nodes"), R(n.leftExtra), 0.7) : R("nodes");
+  let t = R(n.right);
+  n.rightTop && (t = L("column", R(n.rightTop), t, n.rightTopRatio ?? 0.28));
+  const s = L("row", R("canvas"), t, n.canvasRatio ?? 0.68), r = L("row", e, s, n.leftRatio ?? 0.26), o = n.bottom.length === 1 ? R(n.bottom[0]) : L("row", R(n.bottom[0]), R(n.bottom[1]), 0.55);
+  return L("column", r, o, n.colRatio ?? 0.84);
+}
+const ue = [
+  {
+    id: "layout",
+    label: "Layout",
+    category: "General",
+    description: "Full IDE: nodes, asset library, code editor, canvas, inspector.",
+    build: pn
+  },
+  {
+    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 })
+  },
+  {
+    id: "inference",
+    label: "Inference",
+    category: "General",
+    description: "Large canvas + inspector, no training.",
+    build: () => W({ right: "inspector", bottom: ["status", "docs"], leftExtra: "files", canvasRatio: 0.74 })
+  },
+  {
+    id: "training",
+    label: "Training",
+    category: "Training",
+    description: "Live loss curve + inspector for training runs.",
+    build: () => W({ 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 })
+  },
+  {
+    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 })
+  },
+  {
+    id: "image_classifier",
+    label: "Image Classifier",
+    category: "Vision",
+    description: "Image previews + loss.",
+    build: () => W({ 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 })
+  },
+  {
+    id: "detection",
+    label: "Object Detection",
+    category: "Vision",
+    description: "Canvas + inspector + docs.",
+    build: () => W({ 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 })
+  },
+  {
+    id: "text_gen",
+    label: "Text Gen",
+    category: "Language",
+    description: "Text preview for Transformers.",
+    build: () => W({ 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 })
+  }
+], un = (n, e, t) => Math.min(t, Math.max(e, n));
+function ae(n, e, t) {
+  return n.kind === "leaf" ? n.id === e ? L(t, n, R(n.type), 0.5) : n : {
+    ...n,
+    first: ae(n.first, e, t),
+    second: ae(n.second, e, t)
+  };
+}
+function me(n, e) {
+  return n.kind === "split" ? n.first.id === e ? n.second : n.second.id === e ? n.first : {
+    ...n,
+    first: me(n.first, e),
+    second: me(n.second, e)
+  } : n;
+}
+function he(n, e) {
+  return n.kind === "split" ? n.first.id === e ? n.first : n.second.id === e ? n.second : {
+    ...n,
+    first: he(n.first, e),
+    second: he(n.second, e)
+  } : n;
+}
+function fe(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 = fe(n.first, e);
+    return t !== null ? t : fe(n.second, e);
+  }
+  return null;
+}
+function se(n, e, t) {
+  return n.kind === "split" ? n.id === e ? { ...n, ratio: un(n.ratio + t, 0.08, 0.92) } : {
+    ...n,
+    first: se(n.first, e, t),
+    second: se(n.second, e, t)
+  } : n;
+}
+function ge(n, e, t) {
+  return n.kind === "leaf" ? n.id === e ? { ...n, type: t } : n : {
+    ...n,
+    first: ge(n.first, e, t),
+    second: ge(n.second, e, t)
+  };
+}
+function ye(n) {
+  return n.kind === "leaf" ? 1 : ye(n.first) + ye(n.second);
+}
+function mn({
+  workspaces: n,
+  activeId: e,
+  onSwitch: t,
+  onAdd: s,
+  onRemove: r,
+  onRename: o,
+  onDuplicate: i,
+  onMove: d
+}) {
+  const [m, c] = P(!1), [u, h] = P(null), [v, l] = P(null), [w, f] = P(!1), S = $(null);
+  D(() => {
+    const N = S.current;
+    if (!N) return;
+    const _ = () => f(N.scrollWidth > N.clientWidth + 1);
+    return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
+  }, [n]);
+  const b = n.length > 1, T = z(
+    () => ue.map((N) => ({
+      id: N.id,
+      label: N.label,
+      description: N.description,
+      category: N.category,
+      onSelect: () => s(N.id)
+    })),
+    [s]
+  ), x = (N) => {
+    const _ = N.currentTarget.getBoundingClientRect();
+    h({ x: _.left, y: _.bottom + 6 }), c(!0);
+  }, I = (N) => {
+    const _ = n.find((O) => O.id === N), k = window.prompt("Rename workspace", (_ == null ? void 0 : _.name) ?? "");
+    k && k.trim() && o(N, k.trim());
+  }, j = (N) => [
+    { id: "rename", label: "Rename", onSelect: () => I(N) },
+    { id: "duplicate", label: "Duplicate", onSelect: () => i(N) },
+    { id: "sep1", label: "", separator: !0 },
+    { id: "left", label: "← Move Left", onSelect: () => d(N, -1) },
+    { id: "right", label: "Move Right →", onSelect: () => d(N, 1) },
+    { id: "sep2", label: "", separator: !0 },
+    ...b ? [{ id: "close", label: "Close", danger: !0, onSelect: () => r(N) }] : []
+  ];
+  return /* @__PURE__ */ p("div", { className: "workspace-tabs-wrap", children: [
+    /* @__PURE__ */ a("div", { ref: S, className: `workspace-tabs ${w ? "overflowing" : ""}`, children: n.map((N) => /* @__PURE__ */ p(
+      "div",
+      {
+        className: `workspace-tab ${N.id === e ? "active" : ""}`,
+        onClick: () => t(N.id),
+        onContextMenu: (_) => {
+          _.preventDefault(), l({ id: N.id, x: _.clientX, y: _.clientY });
+        },
+        children: [
+          /* @__PURE__ */ a("span", { children: N.name }),
+          b && /* @__PURE__ */ a(
+            "span",
+            {
+              className: "workspace-tab-close",
+              title: "Close workspace",
+              onClick: (_) => {
+                _.stopPropagation(), r(N.id);
+              },
+              children: "✕"
+            }
+          )
+        ]
+      },
+      N.id
+    )) }),
+    /* @__PURE__ */ a("button", { className: "workspace-add", title: "Add workspace", onClick: x, children: "+" }),
+    m && u && /* @__PURE__ */ a(te, { entries: T, x: u.x, y: u.y, onClose: () => c(!1) }),
+    v && /* @__PURE__ */ a(
+      te,
+      {
+        entries: j(v.id),
+        x: v.x,
+        y: v.y,
+        onClose: () => l(null)
+      }
+    )
+  ] });
+}
+function oe({
+  title: n,
+  onClose: e,
+  x: t = 140,
+  y: s = 90,
+  width: r = 520,
+  zIndex: o = 1e3,
+  children: i
+}) {
+  const [d, m] = P({ x: t, y: s }), c = $(null), u = (h) => {
+    c.current = { dx: h.clientX - d.x, dy: h.clientY - d.y };
+    const v = (w) => {
+      c.current && m({ x: w.clientX - c.current.dx, y: w.clientY - c.current.dy });
+    }, l = () => {
+      c.current = null, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", l);
+    };
+    document.addEventListener("mousemove", v), 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__ */ 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, De = "";
+function Y(n, e) {
+  return De = (e == null ? void 0 : e.defaultName) ?? "", y.getState().setFilePicker(!0, n), new Promise((t) => {
+    Q = t;
+  });
+}
+function X(n) {
+  y.getState().setFilePicker(!1, "import"), Q == null || Q(n), Q = null;
+}
+const Ae = "entropia_riko_recent_folders";
+function be() {
+  try {
+    const n = localStorage.getItem(Ae), e = n ? JSON.parse(n) : [];
+    return Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
+  } catch {
+    return [];
+  }
+}
+function hn(n) {
+  try {
+    const e = [n, ...be().filter((t) => t !== n)].slice(0, 8);
+    localStorage.setItem(Ae, JSON.stringify(e));
+  } catch {
+  }
+}
+function fn() {
+  const n = y((k) => k.filePickerOpen), e = y((k) => k.filePickerMode), t = y((k) => k.pushToast), [s, r] = P("~"), [o, i] = P([]), [d, m] = P(null), [c, u] = P("~"), [h, v] = P(be()), [l, w] = P([]), [f, S] = P([]), [b, T] = P(""), x = async (k, O = !0) => {
+    const A = await (await fetch(`/api/fs/list?path=${encodeURIComponent(k)}`)).json();
+    A.status === "success" ? (O && (w((q) => [...q, s]), S([])), r(A.path), i(A.entries ?? []), m(null), hn(A.path), v(be())) : t("error", A.error ?? "list failed");
+  };
+  if (D(() => {
+    n && (e === "save" && T(De), x("~", !1), fetch("/api/project/tree").then((k) => k.json()).then((k) => {
+      typeof k.root == "string" && u(k.root);
+    }).catch(() => {
+    }));
+  }, [n]), !n) return null;
+  const I = [
+    { label: "Home", path: "~" },
+    { label: "Desktop", path: "~/Desktop" },
+    { label: "Documents", path: "~/Documents" },
+    { label: "Downloads", path: "~/Downloads" },
+    { label: "Working Folder", path: c }
+  ], j = () => {
+    const k = l[l.length - 1];
+    k && (w(l.slice(0, -1)), S((O) => [s, ...O]), x(k, !1));
+  }, N = () => {
+    const k = f[0];
+    k && (S(f.slice(1)), w((O) => [...O, s]), x(k, !1));
+  }, _ = () => {
+    if (e === "save") {
+      const k = b.trim() || "untitled";
+      return s.endsWith("/") ? s + k : s + "/" + k;
+    }
+    return e === "export" ? d && d.type === "dir" ? d.path : s : d ? d.path : s;
+  };
+  return /* @__PURE__ */ a(
+    oe,
+    {
+      title: e === "import" ? "Import File / Folder" : e === "export" ? "Export To Folder" : "Save File",
+      onClose: () => X(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: () => 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" }),
+          h.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))
+        ] }),
+        /* @__PURE__ */ p("div", { className: "picker-main", children: [
+          /* @__PURE__ */ p("div", { className: "picker-topbar", children: [
+            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: j, title: "Back", children: "←" }),
+            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: N, title: "Forward", children: "→" }),
+            /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => x(s, !1), title: "Refresh", children: "↻" }),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                className: "prefs-input",
+                value: s,
+                onChange: (k) => r(k.target.value),
+                onKeyDown: (k) => {
+                  k.key === "Enter" && x(s);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ p("div", { className: "picker-list", children: [
+            o.map((k) => /* @__PURE__ */ p(
+              "div",
+              {
+                className: `picker-row ${(d == null ? void 0 : d.path) === k.path ? "sel" : ""}`,
+                onClick: () => m(k),
+                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 }),
+                  /* @__PURE__ */ a("span", { className: "explorer-size", children: k.type === "file" ? `${Math.round(k.size / 1024)} KB` : "" })
+                ]
+              },
+              k.path
+            )),
+            o.length === 0 && /* @__PURE__ */ a("div", { className: "welcome-empty", children: "Empty folder." })
+          ] }),
+          /* @__PURE__ */ p("div", { className: "picker-bottombar", children: [
+            /* @__PURE__ */ a("span", { className: "picker-filename-label", children: "File name:" }),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                className: "prefs-input",
+                value: e === "save" ? b : (d == null ? void 0 : d.name) ?? "",
+                onChange: (k) => {
+                  e === "save" && T(k.target.value);
+                },
+                onKeyDown: (k) => {
+                  k.key === "Enter" && X(_()), k.key === "Escape" && X(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" })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+const we = ["/brand/logo.ico", "/brand/logo.png", "/brand/logo.svg"];
+function ie({
+  className: n,
+  alt: e = "Entropia Riko logo",
+  title: t
+}) {
+  const [s, r] = P(0);
+  return /* @__PURE__ */ a(
+    "img",
+    {
+      className: n,
+      src: we[s],
+      alt: e,
+      title: t,
+      onError: () => r((o) => Math.min(o + 1, we.length - 1))
+    }
+  );
+}
+function gn({
+  workspaces: n,
+  activeWorkspaceId: e,
+  onSwitchWorkspace: t,
+  onAddWorkspace: s,
+  onRemoveWorkspace: r,
+  onRenameWorkspace: o,
+  onDuplicateWorkspace: i,
+  onMoveWorkspace: d
+}) {
+  const [m, c] = P(null), u = y((g) => g.status), h = y((g) => g.run), v = y((g) => g.train);
+  y((g) => g.save), y((g) => g.exportRiko), y((g) => g.exportBinary);
+  const l = y((g) => g.load), w = y((g) => g.exportPython), f = y((g) => g.exportKeras), S = y((g) => g.newWorkflow), b = y((g) => g.addNode), T = y((g) => g.pushToast), x = K((g) => g.theme), I = K((g) => g.setTheme), j = $(null), N = u === "running", _ = async () => {
+    const g = await Y("import");
+    if (!g) return;
+    const C = await (await fetch("/api/fs/import", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ src: g })
+    })).json();
+    C.status === "success" ? (T("success", `Imported ${C.path}`), y.getState().bumpProject()) : T("error", C.error ?? "import failed");
+  }, k = async () => {
+    const g = y.getState().activeFilePath;
+    if (!g) {
+      T("error", "No open file to export");
+      return;
+    }
+    const F = await Y("export");
+    if (!F) return;
+    const E = await (await fetch("/api/fs/export", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ src: g, dest: F })
+    })).json();
+    E.status === "success" ? T("success", `Exported to ${E.path}`) : T("error", E.error ?? "export failed");
+  }, O = async (g) => {
+    const C = (y.getState().activeFileName ?? "untitled") + (g === "binary" ? ".ric" : ".riko"), E = await Y("save", { defaultName: C });
+    E && await y.getState().saveToPath(E, g);
+  };
+  return /* @__PURE__ */ p("div", { className: "menubar", onClick: (g) => g.stopPropagation(), children: [
+    /* @__PURE__ */ p(
+      "div",
+      {
+        className: `menu-item app-logo-item ${m === "__app__" ? "active" : ""}`,
+        onClick: () => c(m === "__app__" ? null : "__app__"),
+        title: "Entropia Riko",
+        children: [
+          /* @__PURE__ */ a(ie, { className: "menubar-logo", alt: "Entropia Riko" }),
+          m === "__app__" && /* @__PURE__ */ p("div", { className: "dropdown app-menu", onClick: (g) => g.stopPropagation(), children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: "dropdown-item",
+                onClick: () => {
+                  y.getState().setAboutOpen(!0), c(null);
+                },
+                children: "About Entropia Riko"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: "dropdown-item",
+                onClick: () => {
+                  y.getState().setWelcomeOpen(!0), c(null);
+                },
+                children: "Welcome Screen"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: "dropdown-item",
+                onClick: () => {
+                  y.getState().setPrefsOpen(!0), c(null);
+                },
+                children: "Preferences…"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    [
+      {
+        label: "File",
+        items: [
+          { label: "New Workflow", onClick: () => S("Untitled") },
+          { label: "New Project…", onClick: async () => {
+            const g = await Y("save", { defaultName: "my_project" });
+            if (!g) return;
+            const C = await (await fetch("/api/project/new", {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ dir: g })
+            })).json();
+            C.status === "success" ? (y.getState().bumpProject(), T("success", `Created project ${C.root}`)) : T("error", C.error ?? "new project failed");
+          } },
+          { label: "Save .riko…", onClick: () => O("ascii"), disabled: N },
+          { label: "Save .ric…", onClick: () => O("binary"), disabled: N },
+          {
+            label: "Import / Export",
+            submenu: [
+              { label: "Import…", onClick: _ },
+              { label: "Export…", onClick: k },
+              { label: "Import Working Folder…", onClick: () => y.getState().setImportFolderOpen(!0) }
+            ]
+          },
+          {
+            label: "Export Code",
+            submenu: [
+              { label: "Export .py (PyTorch)", onClick: w, disabled: N },
+              { label: "Export .py (Keras/TF)", onClick: f, disabled: N },
+              { label: "Export Project… (multi-file)", onClick: async () => {
+                const g = y.getState().activeFileName ?? "graph_project", F = await Y("save", { defaultName: g });
+                F && await y.getState().exportProjectTo(F);
+              }, disabled: N }
+            ]
+          },
+          { label: "Preferences…", onClick: () => y.getState().setPrefsOpen(!0) }
+        ]
+      },
+      {
+        label: "Run",
+        items: [
+          { label: "Inference", onClick: h, disabled: N },
+          { label: "Train (20 steps)", onClick: () => v(20, 1e-3), disabled: N },
+          { label: "Train (100 steps)", onClick: () => v(100, 1e-3), disabled: N }
+        ]
+      },
+      {
+        label: "Data",
+        items: [
+          { label: "MNIST Loader", onClick: () => b("mnist_loader", { x: 200, y: 150 }) },
+          { label: "CIFAR10 Loader", onClick: () => b("cifar10_loader", { x: 200, y: 150 }) },
+          { label: "CSV Loader", onClick: () => b("csv_loader", { x: 200, y: 150 }) },
+          { label: "Image Folder Loader", onClick: () => b("image_folder_loader", { x: 200, y: 150 }) },
+          { label: "Tensor File Loader", onClick: () => b("tensor_file_loader", { x: 200, y: 150 }) },
+          { label: "Generic Data Loader", onClick: () => b("dataloader", { x: 200, y: 150 }) }
+        ]
+      },
+      {
+        label: "View",
+        items: [
+          { label: `Theme: Light ${x === "light" ? "✓" : ""}`, onClick: () => I("light") },
+          { label: `Theme: Dark ${x === "dark" ? "✓" : ""}`, onClick: () => I("dark") },
+          { label: `Theme: System ${x === "system" ? "✓" : ""}`, onClick: () => I("system") },
+          { label: `Theme: Liquid Glass ${x === "glass" ? "✓" : ""}`, onClick: () => I("glass") }
+        ]
+      },
+      {
+        label: "Help",
+        items: [
+          { label: "Welcome Screen", onClick: () => y.getState().setWelcomeOpen(!0) },
+          { label: "About Entropia Riko", onClick: () => y.getState().setAboutOpen(!0) }
+        ]
+      }
+    ].map((g) => /* @__PURE__ */ p(
+      "div",
+      {
+        className: `menu-item ${m === g.label ? "active" : ""}`,
+        onClick: () => c(m === g.label ? null : g.label),
+        children: [
+          g.label,
+          m === g.label && /* @__PURE__ */ a("div", { className: "dropdown", onClick: (F) => F.stopPropagation(), children: g.items.map(
+            (F, C) => F.submenu ? /* @__PURE__ */ p("div", { className: "dropdown-item has-submenu", children: [
+              /* @__PURE__ */ p("span", { className: "submenu-label", children: [
+                F.label,
+                " ▸"
+              ] }),
+              /* @__PURE__ */ a("div", { className: "submenu", children: F.submenu.map((E, H) => /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `dropdown-item ${E.disabled ? "disabled" : ""}`,
+                  onClick: () => {
+                    var G;
+                    E.disabled || ((G = E.onClick) == null || G.call(E), c(null));
+                  },
+                  children: E.label
+                },
+                H
+              )) })
+            ] }, C) : /* @__PURE__ */ a(
+              "div",
+              {
+                className: `dropdown-item ${F.disabled ? "disabled" : ""}`,
+                onClick: () => {
+                  var E;
+                  F.disabled || ((E = F.onClick) == null || E.call(F), c(null));
+                },
+                children: F.label
+              },
+              C
+            )
+          ) })
+        ]
+      },
+      g.label
+    )),
+    /* @__PURE__ */ a("div", { className: "menubar-sep" }),
+    /* @__PURE__ */ a(
+      mn,
+      {
+        workspaces: n,
+        activeId: e,
+        onSwitch: t,
+        onAdd: s,
+        onRemove: r,
+        onRename: o,
+        onDuplicate: i,
+        onMove: d
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ref: j,
+        type: "file",
+        accept: ".riko,.ric,.json,application/json,application/octet-stream",
+        style: { display: "none" },
+        onChange: (g) => {
+          var C;
+          const F = (C = g.target.files) == null ? void 0 : C[0];
+          F && l(F), g.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "spacer" }),
+    /* @__PURE__ */ p("span", { className: `status-pill ${u}`, children: [
+      u,
+      u !== "idle" && /* @__PURE__ */ a(
+        "button",
+        {
+          className: "status-pill-close",
+          title: "Dismiss",
+          onClick: () => y.setState({ status: "idle" }),
+          children: "✕"
+        }
+      )
+    ] })
+  ] });
+}
+function yn() {
+  const n = y((t) => t.dirty), e = y((t) => t.activeFileName);
+  return /* @__PURE__ */ p("div", { className: "titlebar", children: [
+    /* @__PURE__ */ a("span", { className: `titlebar-dirty ${n ? "visible" : ""}`, "aria-hidden": !n, children: "*" }),
+    /* @__PURE__ */ a("span", { className: "titlebar-file", children: e ?? "Untitled" }),
+    /* @__PURE__ */ a("span", { className: "titlebar-app", children: " - Riko" }),
+    /* @__PURE__ */ a("span", { className: "spacer" }),
+    /* @__PURE__ */ p("span", { className: "titlebar-version", children: [
+      "v",
+      Z
+    ] })
+  ] });
+}
+function Me(n, e) {
+  const t = $(null);
+  return (r) => {
+    r.preventDefault(), t.current = { x: r.clientX, y: r.clientY };
+    const o = (d) => {
+      t.current && (n(d.clientX - t.current.x, d.clientY - t.current.y), t.current = { x: d.clientX, y: d.clientY });
+    }, i = () => {
+      document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), document.body.style.cursor = "";
+    };
+    document.body.style.cursor = e, document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
+  };
+}
+function bn({ onDrag: n }) {
+  const e = $(null), t = Me((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 vn({ onDrag: n }) {
+  const e = $(null), t = Me((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 Nn() {
+  const [n, e] = P(""), t = y((d) => d.nodeDefs), s = y((d) => d.addNode), r = y((d) => d.addFrame), o = z(() => {
+    const d = t.filter(
+      (c) => c.label.toLowerCase().includes(n.toLowerCase()) || c.type.toLowerCase().includes(n.toLowerCase())
+    ), m = {};
+    for (const c of d) {
+      const u = c.category || "Other";
+      (m[u] ?? (m[u] = [])).push(c);
+    }
+    return m;
+  }, [t, n]), i = Object.keys(o).sort();
+  return /* @__PURE__ */ p("div", { className: "node-library", children: [
+    /* @__PURE__ */ p("div", { className: "search", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          placeholder: "Search nodes…",
+          value: n,
+          onChange: (d) => e(d.target.value)
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: "btn btn-sm",
+          style: { width: "100%", marginTop: 4 },
+          onClick: () => r("Frame", { x: 200, y: 120 }),
+          children: "＋ Frame"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ p("div", { className: "node-list", children: [
+      i.map((d) => /* @__PURE__ */ a(
+        kn,
+        {
+          category: d,
+          nodes: o[d],
+          onAdd: (m) => s(m, { x: 200 + Math.random() * 200, y: 120 + Math.random() * 100 })
+        },
+        d
+      )),
+      i.length === 0 && /* @__PURE__ */ a("div", { className: "category", style: { padding: 8 }, children: "No matching nodes" }),
+      t.length < 10 && /* @__PURE__ */ p("div", { style: { padding: "8px", color: "var(--color-error)", fontSize: 12, lineHeight: 1.5 }, children: [
+        "⚠ 仅 ",
+        t.length,
+        " 个节点。请确保 API server 已启动。"
+      ] })
+    ] })
+  ] });
+}
+function kn({
+  category: n,
+  nodes: e,
+  onAdd: t
+}) {
+  const [s, r] = P(!0);
+  return /* @__PURE__ */ p("div", { className: "node-category", children: [
+    /* @__PURE__ */ p(
+      "div",
+      {
+        className: "category-header",
+        onClick: () => r(!s),
+        children: [
+          /* @__PURE__ */ a("span", { className: "category-toggle", children: s ? "▼" : "▶" }),
+          /* @__PURE__ */ a("span", { className: "category-name", children: n }),
+          /* @__PURE__ */ a("span", { className: "category-count", children: e.length })
+        ]
+      }
+    ),
+    s && e.map((o) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "node-item",
+        onClick: () => t(o.type),
+        children: /* @__PURE__ */ a("div", { className: "name", children: o.label })
+      },
+      o.type
+    ))
+  ] });
+}
+function wn() {
+  const n = y((h) => h.fileList), e = y((h) => h.activeFileName), t = y((h) => h.refreshFiles), s = y((h) => h.openFile), r = y((h) => h.saveFileToDisk), o = y((h) => h.importFileInline), i = y((h) => h.previewAssetCode), [d, m] = P("");
+  D(() => {
+    t();
+  }, [t]);
+  const c = z(() => {
+    const h = d.trim().toLowerCase(), v = {}, l = [];
+    for (const w of n) {
+      if (h && !w.name.toLowerCase().includes(h) && !w.path.toLowerCase().includes(h)) continue;
+      const f = w.path.includes("/") ? w.path.slice(0, w.path.indexOf("/")) : "(root)";
+      f in v || (v[f] = [], l.push(f)), v[f].push(w);
+    }
+    return l.sort(), { map: v, 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 h = window.prompt("Save current graph as", e ?? "untitled");
+        h && h.trim() && r(h.trim());
+      }, children: "💾" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", title: "Refresh", onClick: t, children: "↻" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "asset-search", children: /* @__PURE__ */ a(
+      "input",
+      {
+        placeholder: "Search assets…",
+        value: d,
+        onChange: (h) => m(h.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ p("div", { className: "fm-tree", children: [
+      c.order.map((h) => /* @__PURE__ */ p("div", { className: "fm-group", children: [
+        /* @__PURE__ */ a("div", { className: "fm-group-header", children: h }),
+        c.map[h].map((v) => /* @__PURE__ */ p(
+          "div",
+          {
+            className: `fm-file ${e === v.name ? "active" : ""}`,
+            onClick: () => s(v.path),
+            title: v.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(
+                "button",
+                {
+                  className: "fm-btn",
+                  title: "Preview PyTorch code",
+                  onClick: (l) => {
+                    l.stopPropagation(), i(v.path);
+                  },
+                  children: "⤡"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: "fm-btn",
+                  title: "Expand full nodes into canvas",
+                  onClick: (l) => {
+                    l.stopPropagation(), o(v.path);
+                  },
+                  children: "⤢"
+                }
+              )
+            ]
+          },
+          v.path
+        ))
+      ] }, h)),
+      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 “",
+        d,
+        "”."
+      ] })
+    ] })
+  ] });
+}
+let re = [];
+function _n(n) {
+  re = n;
+}
+function _e() {
+  return re;
+}
+let xe = 0;
+function Se(n) {
+  return xe += 1, `${n}_${Date.now()}_${xe}`;
+}
+async function xn() {
+  const n = y.getState(), e = re.filter((l) => n.nodes.some((w) => w.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)), m = [], c = [], u = (l) => l === 0 ? "input" : `input_${l + 1}`, h = (l) => l === 0 ? "output" : `output_${l + 1}`;
+  i.forEach((l, w) => {
+    const f = u(w), S = `gin_${w}`;
+    m.push({
+      id: S,
+      type_name: "graph_input",
+      label: `Input ${w}`,
+      category: "Subgraph",
+      position: [0, w * 90],
+      parameters: { name: f, data_kind: "tensor" },
+      inputs: [],
+      outputs: []
+    }), c.push({
+      id: `be_in_${w}`,
+      source_node: S,
+      source_port: "value",
+      target_node: l.target,
+      target_port: l.targetHandle
+    });
+  }), d.forEach((l, w) => {
+    const f = h(w), S = `gout_${w}`;
+    m.push({
+      id: S,
+      type_name: "graph_output",
+      label: `Output ${w}`,
+      category: "Subgraph",
+      position: [1200, w * 90],
+      parameters: { name: f, data_kind: "tensor" },
+      inputs: [],
+      outputs: []
+    }), c.push({
+      id: `be_out_${w}`,
+      source_node: l.source,
+      source_port: l.sourceHandle,
+      target_node: S,
+      target_port: "value"
+    });
+  });
+  const v = {
+    version: "1.0",
+    metadata: { name: t.trim(), description: "" },
+    nodes: [
+      ...r.map((l) => ({
+        id: l.id,
+        type_name: l.data.type,
+        label: l.data.label,
+        category: l.data.category,
+        position: [l.position.x, l.position.y],
+        parameters: l.data.params,
+        inputs: [],
+        outputs: []
+      })),
+      ...m
+    ],
+    edges: [
+      ...o.map((l) => ({
+        id: l.id,
+        source_node: l.source,
+        source_port: l.sourceHandle,
+        target_node: l.target,
+        target_port: l.targetHandle
+      })),
+      ...c
+    ],
+    settings: {}
+  };
+  try {
+    const w = await (await fetch("/api/files/save", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ name: t.trim(), format: "ascii", doc: v })
+    })).json();
+    if (w.status !== "success") {
+      n.pushToast("error", w.error ?? "子图保存失败");
+      return;
+    }
+    const f = r.reduce((_, k) => _ + k.position.x, 0) / r.length, S = r.reduce((_, k) => _ + k.position.y, 0) / r.length, b = n.nodeDefs.find((_) => _.type === "import") ?? n.nodeDefs.find((_) => _.type === "graph_reference"), T = {
+      id: `imp_${Date.now()}`,
+      type: "thnNode",
+      position: { x: f, y: S },
+      data: {
+        type: (b == null ? void 0 : b.type) ?? "import",
+        label: t.trim(),
+        category: "Subgraph",
+        params: (b == null ? void 0 : b.type) === "import" ? { module: t.trim() } : { file: `${t.trim()}.riko` },
+        inputs: (b == null ? void 0 : b.inputs) ?? [],
+        outputs: (b == null ? void 0 : b.outputs) ?? [],
+        hasError: !1
+      }
+    }, x = n.edges.filter(
+      (_) => !s.has(_.source) && !s.has(_.target)
+    ), I = 3;
+    i.slice(0, I).forEach((_, k) => {
+      x.push({
+        id: Se("rwin"),
+        source: _.source,
+        target: T.id,
+        sourceHandle: _.sourceHandle,
+        targetHandle: u(k)
+      });
+    }), d.slice(0, I).forEach((_, k) => {
+      x.push({
+        id: Se("rwout"),
+        source: T.id,
+        target: _.target,
+        sourceHandle: h(k),
+        targetHandle: _.targetHandle
+      });
+    }), y.setState({
+      nodes: [...n.nodes.filter((_) => !s.has(_.id)), T],
+      edges: x,
+      selectedNodeId: null,
+      dirty: !0
+    }), re = [];
+    const j = Math.max(0, i.length - I), N = Math.max(0, d.length - I);
+    j || N ? n.pushToast(
+      "info",
+      `子图已创建，但超过 3 入/3 出的边界连线有 ${j} 入/${N} 出 未保留`
+    ) : n.pushToast("success", `已创建子图 ${t.trim()}（边界连线已保留）`), n.refreshFiles();
+  } catch (l) {
+    n.pushToast("error", l instanceof Error ? l.message : String(l));
+  }
+}
+function Sn({ id: n, data: e, selected: t }) {
+  const s = e, r = y((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(
+          ve,
+          {
+            type: "target",
+            position: Ne.Left,
+            id: o.name,
+            style: { left: -5 }
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "label", children: o.label })
+      ] }, o.name)),
+      s.outputs.map((o) => /* @__PURE__ */ p("div", { className: "port out", children: [
+        /* @__PURE__ */ a("span", { className: "label", children: o.label }),
+        /* @__PURE__ */ a(
+          ve,
+          {
+            type: "source",
+            position: Ne.Right,
+            id: o.name,
+            style: { right: -5 }
+          }
+        )
+      ] }, o.name))
+    ] }),
+    s.hasError && /* @__PURE__ */ p(
+      "div",
+      {
+        className: "result",
+        style: { color: "var(--color-error)" },
+        children: [
+          "⚠ ",
+          s.errorMsg || "error"
+        ]
+      }
+    ),
+    r && Object.entries(r).map(([o, i]) => /* @__PURE__ */ p("div", { className: "result", children: [
+      o,
+      " = ",
+      i.summary
+    ] }, o))
+  ] });
+}
+function Cn({ state: n, onClose: e }) {
+  const t = y((i) => i.nodeDefs), s = y((i) => i.addNode), r = y((i) => i.addFrame), o = z(
+    () => [
+      {
+        id: "create_subgraph",
+        label: `⤵ Create Subgraph (${_e().length} selected)`,
+        description: "collapse selection into an import node",
+        category: "Subgraph",
+        disabled: _e().length === 0,
+        onSelect: () => xn()
+      },
+      {
+        id: "add_frame",
+        label: "＋ Add Frame",
+        description: "visual grouping box",
+        category: "Frame",
+        onSelect: () => r("Frame", { x: n.x - 200, y: n.y - 150 })
+      },
+      ...t.map((i) => ({
+        id: i.type,
+        label: i.label,
+        description: i.type,
+        category: i.category || "Other",
+        onSelect: () => s(i.type, { x: n.x - 200, y: n.y - 150 })
+      }))
+    ],
+    [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;
+}
+const Tn = { thnNode: Sn };
+function Pn() {
+  const n = y((f) => f.nodes), e = y((f) => f.edges), t = y((f) => f.frames), s = y((f) => f.updateFrame), r = y((f) => f.removeFrame), o = y((f) => f.onNodesChange), i = y((f) => f.onEdgesChange), d = y((f) => f.onConnect), m = y((f) => f.onSelectNode), c = y((f) => f.enterSubgraph), { zoomIn: u, zoomOut: h, fitView: v, getViewport: l } = Xe(), w = (f, S) => {
+    if (f.target.closest("button")) return;
+    f.stopPropagation();
+    const b = f.clientX, T = f.clientY, x = S.x, I = S.y, j = (_) => {
+      const k = l().zoom || 1;
+      s(S.id, {
+        x: x + (_.clientX - b) / k,
+        y: I + (_.clientY - T) / k
+      });
+    }, N = () => {
+      document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", N);
+    };
+    document.addEventListener("mousemove", j), document.addEventListener("mouseup", N);
+  };
+  return /* @__PURE__ */ p(B, { children: [
+    /* @__PURE__ */ p(
+      Qe,
+      {
+        nodes: n,
+        edges: e,
+        nodeTypes: Tn,
+        onNodesChange: o,
+        onEdgesChange: i,
+        onConnect: d,
+        onNodeClick: (f, S) => m(S.id),
+        onNodeDoubleClick: (f, S) => {
+          (S.data.type === "graph_reference" || S.data.type === "import") && c(S.id);
+        },
+        onPaneClick: () => m(null),
+        onSelectionChange: ({ nodes: f }) => _n(f.map((S) => S.id)),
+        selectionOnDrag: !0,
+        panOnDrag: [2],
+        fitView: !0,
+        children: [
+          /* @__PURE__ */ a(Ze, {}),
+          /* @__PURE__ */ a(en, { children: t.map((f) => /* @__PURE__ */ a(
+            "div",
+            {
+              className: "graph-frame",
+              style: { left: f.x, top: f.y, width: f.width, height: f.height },
+              onMouseDown: (S) => w(S, f),
+              onDoubleClick: () => {
+                const S = window.prompt("Frame title", f.title);
+                S !== null && s(f.id, { title: S });
+              },
+              children: /* @__PURE__ */ p("div", { className: "graph-frame-title", children: [
+                f.title,
+                /* @__PURE__ */ a("button", { className: "graph-frame-close", onClick: () => r(f.id), children: "✕" })
+              ] })
+            },
+            f.id
+          )) })
+        ]
+      }
+    ),
+    /* @__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: () => h(), title: "Zoom out", children: "−" })
+    ] })
+  ] });
+}
+function Fn() {
+  const [n, e] = P({ x: 0, y: 0, visible: !1 }), t = y((r) => r.graphStack), s = y((r) => r.exitToLevel);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: "graph-canvas",
+      onContextMenu: (r) => {
+        r.preventDefault(), e({ x: r.clientX, y: r.clientY, visible: !0 });
+      },
+      children: [
+        /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ a(Pn, {}) }),
+        /* @__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(
+            "span",
+            {
+              className: `graph-breadcrumb-crumb ${o === t.length - 1 ? "current" : ""}`,
+              onClick: () => {
+                o < t.length - 1 && s(o);
+              },
+              children: r.name || "root"
+            }
+          )
+        ] }, o)) }),
+        /* @__PURE__ */ a(Cn, { state: n, onClose: () => e({ x: 0, y: 0, visible: !1 }) })
+      ]
+    }
+  );
+}
+const En = [
+  { 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 On({ style: n }) {
+  const e = y((u) => u.selectedNodeId), t = y((u) => u.nodes), s = y((u) => u.results), r = y((u) => u.updateParam), o = y((u) => u.removeNode), i = y((u) => u.nodeDefs), [d, m] = P("summary"), c = t.find((u) => u.id === e);
+  return /* @__PURE__ */ p("div", { className: "side-inspector", style: n, children: [
+    /* @__PURE__ */ a("div", { className: "inspector-tags", children: En.map((u) => /* @__PURE__ */ p(
+      "button",
+      {
+        className: `inspector-tag ${d === u.id ? "active" : ""}`,
+        onClick: () => m(u.id),
+        title: u.label,
+        children: [
+          /* @__PURE__ */ a("span", { className: "inspector-tag-icon", children: u.icon }),
+          /* @__PURE__ */ a("span", { className: "inspector-tag-label", children: u.label })
+        ]
+      },
+      u.id
+    )) }),
+    /* @__PURE__ */ a("div", { className: "inspector-body", children: c ? /* @__PURE__ */ p(B, { children: [
+      d === "summary" && /* @__PURE__ */ a(In, { node: c, onDelete: () => o(c.id) }),
+      d === "params" && /* @__PURE__ */ a(
+        Rn,
+        {
+          node: c,
+          def: i.find((u) => u.type === c.data.type),
+          onParam: (u, h) => r(c.id, u, h)
+        }
+      ),
+      d === "inputs" && /* @__PURE__ */ a(Ce, { title: "Inputs", ports: c.data.inputs, dir: "in" }),
+      d === "outputs" && /* @__PURE__ */ a(Ce, { title: "Outputs", ports: c.data.outputs, dir: "out" }),
+      d === "preview" && /* @__PURE__ */ a(jn, { result: s[c.id] })
+    ] }) : /* @__PURE__ */ a("div", { className: "empty", children: "Select a node to edit its parameters" }) })
+  ] });
+}
+function In({
+  node: n,
+  onDelete: e
+}) {
+  const t = n.data;
+  return /* @__PURE__ */ p("div", { className: "section", children: [
+    /* @__PURE__ */ a("h3", { children: "Summary" }),
+    /* @__PURE__ */ a("div", { children: t.label }),
+    /* @__PURE__ */ p("div", { className: "port-kind", children: [
+      t.type,
+      " · ",
+      t.category
+    ] }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: "btn",
+        style: { marginTop: 8, color: "var(--color-error)", borderColor: "var(--color-error)" },
+        onClick: e,
+        children: "Delete"
+      }
+    )
+  ] });
+}
+function Rn({
+  node: n,
+  def: e,
+  onParam: t
+}) {
+  return /* @__PURE__ */ p("div", { className: "section", children: [
+    /* @__PURE__ */ a("h3", { children: "Parameters" }),
+    e && e.parameters.length > 0 ? e.parameters.map((s) => /* @__PURE__ */ p("div", { className: "field", children: [
+      /* @__PURE__ */ a("label", { children: s.label }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          value: String(n.data.params[s.name] ?? ""),
+          onChange: (r) => {
+            const o = s.dtype === "float" || s.dtype === "int" ? Number(r.target.value) : r.target.value;
+            t(s.name, o);
+          }
+        }
+      )
+    ] }, s.name)) : /* @__PURE__ */ a("div", { className: "port-kind", children: "No parameters" })
+  ] });
+}
+function Ce({
+  title: n,
+  ports: e,
+  dir: t
+}) {
+  return /* @__PURE__ */ p("div", { className: "section", children: [
+    /* @__PURE__ */ a("h3", { children: n }),
+    e.length === 0 ? /* @__PURE__ */ a("div", { className: "port-kind", children: "None" }) : e.map((s) => /* @__PURE__ */ p("div", { className: "port-row", children: [
+      /* @__PURE__ */ a("span", { children: s.label }),
+      /* @__PURE__ */ p("span", { className: "port-kind", children: [
+        t,
+        " · ",
+        s.dataKind
+      ] })
+    ] }, s.name))
+  ] });
+}
+function jn({ 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: [
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ a("strong", { children: e }),
+        ":",
+        " ",
+        t.shape.length === 0 ? "scalar" : t.shape.join("×"),
+        " ",
+        t.dtype,
+        " · ",
+        t.device
+      ] }),
+      t.image ? /* @__PURE__ */ a(
+        "img",
+        {
+          src: t.image,
+          alt: "preview",
+          style: { maxWidth: "100%", marginTop: 4, borderRadius: 4, border: "1px solid var(--color-border)" }
+        }
+      ) : /* @__PURE__ */ p(B, { children: [
+        /* @__PURE__ */ a("div", { children: t.summary }),
+        t.dataPreview && /* @__PURE__ */ p("div", { style: { color: "var(--color-text-secondary)", whiteSpace: "pre-wrap" }, children: [
+          t.dataPreview,
+          t.dataPreview.length >= 120 && "…"
+        ] })
+      ] })
+    ] }, e)) }) : /* @__PURE__ */ a("div", { className: "port-kind", children: "Not executed" })
+  ] });
+}
+function $n({ style: n }) {
+  const [e, t] = P("logs"), s = y((i) => i.logs), r = y((i) => i.nodes), o = y((i) => i.status);
+  return /* @__PURE__ */ p("div", { className: "status-panel", style: n, children: [
+    /* @__PURE__ */ p("div", { className: "tabs", children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `tab ${e === "logs" ? "active" : ""}`,
+          onClick: () => t("logs"),
+          children: "Logs"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `tab ${e === "queue" ? "active" : ""}`,
+          onClick: () => t("queue"),
+          children: "Queue"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "content", children: e === "logs" ? s.length === 0 ? /* @__PURE__ */ a("div", { className: "log-line", children: "No logs yet. Add nodes and click Run." }) : s.map((i, d) => /* @__PURE__ */ a("div", { className: "log-line", children: i }, d)) : r.length === 0 ? /* @__PURE__ */ a("div", { className: "log-line", children: "Graph is empty" }) : r.map((i) => /* @__PURE__ */ p("div", { className: "queue-item", children: [
+      /* @__PURE__ */ a("span", { children: i.data.label }),
+      /* @__PURE__ */ a("span", { className: "port-kind", children: o })
+    ] }, i.id)) })
+  ] });
+}
+function Ln() {
+  var h;
+  const n = y((v) => v.losses), e = y((v) => v.train), t = y((v) => v.status), [s, r] = P(20), [o, i] = P(1e-3), d = 300, m = 160, c = 10, u = (() => {
+    if (n.length === 0) return "";
+    const v = Math.min(...n), w = Math.max(...n) - v || 1;
+    return n.map((f, S) => {
+      const b = c + S / Math.max(n.length - 1, 1) * (d - c * 2), T = c + (1 - (f - v) / w) * (m - c * 2);
+      return `${b.toFixed(1)},${T.toFixed(1)}`;
+    }).join(" ");
+  })();
+  return /* @__PURE__ */ p("div", { className: "loss-panel", children: [
+    /* @__PURE__ */ p("div", { className: "loss-controls", children: [
+      /* @__PURE__ */ p("label", { className: "loss-field", children: [
+        "Steps",
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            step: 1,
+            value: s,
+            onChange: (v) => r(Math.max(1, Math.floor(Number(v.target.value) || 1)))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ p("label", { className: "loss-field", children: [
+        "LR",
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            step: "any",
+            value: o,
+            onChange: (v) => i(Number(v.target.value) || 0)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: "btn btn-sm",
+          onClick: () => e(s, o),
+          disabled: t === "running",
+          children: t === "running" ? "Training…" : `Train ${s} steps`
+        }
+      )
+    ] }),
+    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: [
+      /* @__PURE__ */ a("svg", { viewBox: `0 0 ${d} ${m}`, className: "loss-svg", preserveAspectRatio: "none", children: /* @__PURE__ */ a(
+        "polyline",
+        {
+          points: u,
+          fill: "none",
+          stroke: "var(--color-primary)",
+          strokeWidth: "2"
+        }
+      ) }),
+      /* @__PURE__ */ p("div", { className: "loss-meta", children: [
+        /* @__PURE__ */ p("span", { children: [
+          "steps: ",
+          n.length
+        ] }),
+        /* @__PURE__ */ p("span", { children: [
+          "last loss: ",
+          (h = n[n.length - 1]) == null ? void 0 : h.toFixed(4)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const Dn = '# 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', An = '# 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 U(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(Fe, { children: t }, s);
+  });
+}
+function Te(n) {
+  return /^#{1,4}\s/.test(n);
+}
+function ce(n) {
+  return /^\s*[-*]\s/.test(n) || /^\s*\d+\.\s/.test(n);
+}
+function Mn(n) {
+  return /^\s*\|[\s:|-]+\|\s*$/.test(n);
+}
+function ne(n) {
+  const e = n.replace(/\r\n/g, `
+`).split(`
+`), t = [];
+  let s = 0;
+  const r = (o, i) => {
+    t.push(/* @__PURE__ */ a(Fe, { children: o }, i));
+  };
+  for (; s < e.length; ) {
+    const o = e[s];
+    if (o.trim() === "") {
+      s++;
+      continue;
+    }
+    if (o.trim().startsWith("```")) {
+      const d = [];
+      for (s++; s < e.length && !e[s].trim().startsWith("```"); )
+        d.push(e[s]), s++;
+      s++, r(/* @__PURE__ */ a("pre", { children: /* @__PURE__ */ a("code", { children: d.join(`
+`) }) }), s);
+      continue;
+    }
+    if (Te(o)) {
+      const d = o.match(/^(#+)/)[1].length, m = o.replace(/^#+\s*/, "").trim(), c = s;
+      r(d === 1 ? /* @__PURE__ */ a("h1", { children: U(m) }) : d === 2 ? /* @__PURE__ */ a("h2", { children: U(m) }) : d === 3 ? /* @__PURE__ */ a("h3", { children: U(m) }) : /* @__PURE__ */ a("h4", { children: U(m) }), c), s++;
+      continue;
+    }
+    if (/^\s*-{3,}\s*$/.test(o)) {
+      r(/* @__PURE__ */ a("hr", {}), s), s++;
+      continue;
+    }
+    if (o.startsWith(">")) {
+      const d = [];
+      for (; s < e.length && e[s].startsWith(">"); )
+        d.push(e[s].replace(/^>\s?/, "")), s++;
+      r(/* @__PURE__ */ a("blockquote", { children: ne(d.join(`
+`)) }), s);
+      continue;
+    }
+    if (o.trim().startsWith("|") && e[s + 1] && Mn(e[s + 1])) {
+      const d = o.trim().replace(/^\||\|$/g, "").split("|").map((c) => c.trim());
+      s += 2;
+      const m = [];
+      for (; s < e.length && e[s].trim().startsWith("|"); )
+        m.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: U(c) }, u)) }) }),
+          /* @__PURE__ */ a("tbody", { children: m.map((c, u) => /* @__PURE__ */ a("tr", { children: c.map((h, v) => /* @__PURE__ */ a("td", { children: U(h) }, v)) }, u)) })
+        ] }),
+        s
+      );
+      continue;
+    }
+    if (ce(o)) {
+      const d = /^\s*\d+\.\s/.test(o), m = [];
+      for (; s < e.length && ce(e[s]); )
+        m.push(e[s].replace(/^\s*(?:[-*]|\d+\.)\s*/, "")), s++;
+      const c = s;
+      r(
+        d ? /* @__PURE__ */ a("ol", { children: m.map((u, h) => /* @__PURE__ */ a("li", { children: U(u) }, h)) }) : /* @__PURE__ */ a("ul", { children: m.map((u, h) => /* @__PURE__ */ a("li", { children: U(u) }, h)) }),
+        c
+      );
+      continue;
+    }
+    const i = [];
+    for (; s < e.length && e[s].trim() !== "" && !Te(e[s]) && !e[s].trim().startsWith("```") && !e[s].trim().startsWith("|") && !e[s].startsWith(">") && !ce(e[s]) && !/^\s*-{3,}\s*$/.test(e[s]); )
+      i.push(e[s]), s++;
+    i.length && r(/* @__PURE__ */ a("p", { children: U(i.join(" ")) }), s);
+  }
+  return t;
+}
+const We = "entropia_riko_doc_lang";
+function Wn(n) {
+  const e = n.split(`
+`);
+  let t = "";
+  const s = [];
+  let r = null;
+  const o = [];
+  for (const i of e) {
+    if (i.startsWith("# ")) {
+      t = i.slice(2).trim();
+      continue;
+    }
+    if (i.startsWith("## ")) {
+      r && s.push(r), r = { id: i.slice(3).trim(), title: i.slice(3).trim(), body: "" };
+      continue;
+    }
+    r ? r.body += i + `
+` : i.trim() !== "" && o.push(i);
+  }
+  return r && s.push(r), { title: t, intro: o.join(`
+`), sections: s };
+}
+function Bn() {
+  try {
+    return localStorage.getItem(We) === "zh" ? "zh" : "en";
+  } catch {
+    return "en";
+  }
+}
+function Gn() {
+  var v;
+  const [n, e] = P(Bn), t = z(
+    () => Wn(n === "zh" ? Dn : An),
+    [n]
+  ), [s, r] = P(""), [o, i] = P(((v = t.sections[0]) == null ? void 0 : v.id) ?? "");
+  D(() => {
+    try {
+      localStorage.setItem(We, n);
+    } catch {
+    }
+  }, [n]), D(() => {
+    i(
+      (l) => {
+        var w;
+        return t.sections.some((f) => f.id === l) ? l : ((w = t.sections[0]) == null ? void 0 : w.id) ?? "";
+      }
+    );
+  }, [t]);
+  const d = z(() => {
+    const l = s.trim().toLowerCase();
+    return l ? t.sections.filter(
+      (w) => w.title.toLowerCase().includes(l) || w.body.toLowerCase().includes(l)
+    ) : t.sections;
+  }, [t.sections, s]), m = t.sections.findIndex((l) => l.id === o), c = t.sections[m] ?? t.sections[0], u = m > 0 ? t.sections[m - 1] : null, h = m >= 0 && m < t.sections.length - 1 ? t.sections[m + 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(
+        "input",
+        {
+          placeholder: n === "zh" ? "搜索文档…" : "Search docs…",
+          value: s,
+          onChange: (l) => r(l.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ p("div", { className: "docs-nav", children: [
+        d.map((l) => /* @__PURE__ */ a(
+          "div",
+          {
+            className: `docs-nav-item ${l.id === o ? "active" : ""}`,
+            onClick: () => i(l.id),
+            children: l.title
+          },
+          l.id
+        )),
+        d.length === 0 && /* @__PURE__ */ a("div", { className: "docs-nav-empty", children: n === "zh" ? "无匹配" : "No matches" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "docs-content", children: /* @__PURE__ */ p("div", { className: "docs-content-inner", children: [
+      /* @__PURE__ */ p("div", { className: "docs-langbar", children: [
+        /* @__PURE__ */ a("div", { className: "docs-pager-spacer" }),
+        /* @__PURE__ */ p("div", { className: "docs-lang-switch", children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: `panel-btn ${n === "en" ? "active" : ""}`,
+              onClick: () => e("en"),
+              children: "EN"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: `panel-btn ${n === "zh" ? "active" : ""}`,
+              onClick: () => e("zh"),
+              children: "中文"
+            }
+          )
+        ] })
+      ] }),
+      s ? /* @__PURE__ */ a("h1", { children: n === "zh" ? "搜索结果" : "Search Results" }) : /* @__PURE__ */ p(B, { children: [
+        /* @__PURE__ */ a("h1", { children: t.title }),
+        /* @__PURE__ */ a("div", { className: "docs-intro", children: ne(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: [
+        /* @__PURE__ */ a("h1", { children: c.title }),
+        ne(c.body)
+      ] }),
+      !s && /* @__PURE__ */ p("div", { className: "docs-pager", children: [
+        u && /* @__PURE__ */ p("button", { className: "btn btn-sm", onClick: () => i(u.id), children: [
+          "← ",
+          u.title
+        ] }),
+        /* @__PURE__ */ a("div", { className: "docs-pager-spacer" }),
+        h && /* @__PURE__ */ p("button", { className: "btn btn-sm", onClick: () => i(h.id), children: [
+          h.title,
+          " →"
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function Be() {
+  const [n, e] = P([]), [t, s] = P(!1), r = $(null), o = y((c) => c.pushToast), i = async () => {
+    try {
+      const u = await (await fetch("/api/plugins")).json();
+      e(Array.isArray(u.plugins) ? u.plugins : []);
+    } catch {
+      e([]);
+    }
+  };
+  D(() => {
+    i();
+  }, []);
+  const d = async (c, u) => {
+    s(!0);
+    try {
+      const v = await (await fetch("/api/plugins/toggle", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ name: c.dir ?? c.name, enabled: u })
+      })).json();
+      v.status === "success" ? (e(Array.isArray(v.plugins) ? v.plugins : []), y.getState().loadNodeDefs(), o("success", `${c.name} ${u ? "enabled" : "disabled"}`)) : o("error", v.error ?? "toggle failed");
+    } catch (h) {
+      o("error", h instanceof Error ? h.message : String(h));
+    } finally {
+      s(!1);
+    }
+  };
+  return /* @__PURE__ */ p("div", { className: "plugin-panel", children: [
+    /* @__PURE__ */ p("div", { className: "panel-head", children: [
+      /* @__PURE__ */ a("span", { className: "panel-head-title", children: "Plugins" }),
+      /* @__PURE__ */ a("span", { className: "spacer" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: "panel-btn",
+          title: "Load plugin from a .py file",
+          disabled: t,
+          onClick: () => {
+            var c;
+            return (c = r.current) == null ? void 0 : c.click();
+          },
+          children: "+"
+        }
+      ),
+      /* @__PURE__ */ a("button", { className: "panel-btn", title: "Refresh", onClick: i, children: "↻" }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          ref: r,
+          type: "file",
+          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 h = new FileReader();
+            h.onload = async () => {
+              const l = String(h.result ?? ""), w = u.name.replace(/\.py$/i, "") || "plugin";
+              s(!0);
+              try {
+                const S = await (await fetch("/api/plugins/upload", {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({ name: w, code: l })
+                })).json();
+                S.status === "success" ? (e(Array.isArray(S.plugins) ? S.plugins : []), y.getState().loadNodeDefs(), o("success", `Loaded plugin ${w}`)) : o("error", S.error ?? "upload failed");
+              } catch (f) {
+                o("error", f instanceof Error ? f.message : String(f));
+              } finally {
+                s(!1);
+              }
+            }, h.readAsText(u);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ p("div", { className: "plugin-list", children: [
+      n.length === 0 && /* @__PURE__ */ a("div", { className: "prefs-empty", children: "No plugins installed." }),
+      n.map((c) => /* @__PURE__ */ p("div", { className: "plugin-item", children: [
+        /* @__PURE__ */ p("div", { className: "plugin-item-main", children: [
+          /* @__PURE__ */ p("span", { className: "plugin-item-name", children: [
+            c.name,
+            " ",
+            c.version ? `v${c.version}` : ""
+          ] }),
+          /* @__PURE__ */ a("span", { className: `prefs-plugin-status ${c.status}`, children: c.status }),
+          c.description && /* @__PURE__ */ a("span", { className: "plugin-item-desc", children: c.description }),
+          c.error && /* @__PURE__ */ a("span", { className: "prefs-plugin-error", children: c.error })
+        ] }),
+        /* @__PURE__ */ p("label", { className: "plugin-toggle", title: c.enabled ? "Disable" : "Enable", children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "checkbox",
+              checked: !!c.enabled,
+              disabled: t || c.status === "error",
+              onChange: (u) => d(c, u.target.checked)
+            }
+          ),
+          /* @__PURE__ */ a("span", { className: "plugin-toggle-track" })
+        ] })
+      ] }, c.name))
+    ] })
+  ] });
+}
+function Un() {
+  const n = y((N) => N.pushToast), e = y((N) => N.openProjectFile), t = y((N) => N.importModule), s = y((N) => N.projectVersion), [r, o] = P([]), [i, d] = P({}), [m, c] = P(null), [u, h] = P(null), v = async () => {
+    try {
+      const _ = await (await fetch("/api/project/tree")).json();
+      o(Array.isArray(_.tree) ? _.tree : []);
+    } catch {
+      o([]);
+    }
+  };
+  D(() => {
+    v();
+  }, [s]);
+  const l = async (N, _) => (await fetch(N, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(_)
+  })).json(), w = async (N) => {
+    const _ = window.prompt("New file name", "untitled.riko");
+    if (!_) return;
+    const k = await l("/api/project/create", { name: _, dir: N });
+    k.status === "success" ? (await v(), e(k.path)) : n("error", k.error ?? "create failed");
+  }, f = async (N) => {
+    const _ = window.prompt("New folder name");
+    if (!_) return;
+    const k = await l("/api/project/mkdir", { name: _, dir: N });
+    k.status === "success" ? (d((O) => ({ ...O, [N]: !0 })), await v()) : n("error", k.error ?? "mkdir failed");
+  }, S = async (N) => {
+    const _ = window.prompt("Rename", N.name);
+    if (!_) return;
+    const k = await l("/api/project/rename", { path: N.path, newName: _ });
+    k.status === "success" ? await v() : n("error", k.error ?? "rename failed");
+  }, b = async (N) => {
+    if (!window.confirm(`Delete ${N.path}?`)) return;
+    const _ = await l("/api/project/delete", { path: N.path });
+    _.status === "success" ? (await v(), n("success", `Deleted ${N.name}`)) : n("error", _.error ?? "delete failed");
+  }, T = async (N) => {
+    const _ = await l("/api/project/code", { path: N.path });
+    _.status === "success" ? (y.getState().setCodeBuffer(_.code ?? ""), n("success", "Code → Code Editor panel")) : n("error", _.error ?? "code generation failed");
+  }, x = async (N, _) => {
+    const k = await l("/api/project/move", { path: N, targetDir: _ });
+    k.status === "success" ? (await v(), n("success", `Moved ${N} → ${_ || "(root)"}`)) : n("error", k.error ?? "move failed");
+  }, I = () => {
+    const N = (m == null ? void 0 : m.target) ?? null;
+    return N && N.type === "file" ? [
+      { id: "open", label: "Open", onSelect: () => e(N.path) },
+      { id: "code", label: "Preview PyTorch Code", description: "→ Code Editor panel", onSelect: () => T(N) },
+      { id: "import", label: "Import as Node", description: "reference this graph", onSelect: () => t(N.name.replace(/\.(riko|ric)$/i, ""), { x: 260, y: 150 }) },
+      { id: "sep1", label: "", separator: !0 },
+      { id: "rename", label: "Rename", onSelect: () => S(N) },
+      { id: "delete", label: "Delete", danger: !0, onSelect: () => b(N) }
+    ] : N && N.type === "dir" ? [
+      { id: "newfile", label: "New File", onSelect: () => w(N.path) },
+      { id: "newfolder", label: "New Folder", onSelect: () => f(N.path) },
+      { id: "sep1", label: "", separator: !0 },
+      { id: "rename", label: "Rename", onSelect: () => S(N) },
+      { id: "delete", label: "Delete", danger: !0, onSelect: () => b(N) }
+    ] : [
+      { id: "newfile", label: "New File", onSelect: () => w("") },
+      { id: "newfolder", label: "New Folder", onSelect: () => f("") },
+      { id: "sep1", label: "", separator: !0 },
+      { id: "refresh", label: "Refresh", onSelect: v }
+    ];
+  }, j = (N, _) => {
+    if (N.type === "dir") {
+      const k = !!i[N.path];
+      return /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: "proj-row",
+            style: { paddingLeft: 8 + _ * 12 },
+            draggable: !0,
+            onDragStart: (O) => {
+              h(N.path), O.dataTransfer.effectAllowed = "move";
+            },
+            onDragOver: (O) => {
+              O.preventDefault(), O.dataTransfer.dropEffect = "move";
+            },
+            onDrop: (O) => {
+              O.preventDefault(), O.stopPropagation(), u && u !== N.path && x(u, N.path), h(null);
+            },
+            onClick: () => d((O) => ({ ...O, [N.path]: !k })),
+            onContextMenu: (O) => {
+              O.preventDefault(), O.stopPropagation(), c({ x: O.clientX, y: O.clientY, target: N });
+            },
+            children: [
+              /* @__PURE__ */ a("span", { className: "proj-caret", children: k ? "▾" : "▸" }),
+              /* @__PURE__ */ a("span", { className: "proj-icon", children: "▦" }),
+              /* @__PURE__ */ a("span", { className: "proj-name", children: N.name })
+            ]
+          }
+        ),
+        k && (N.children ?? []).map((O) => j(O, _ + 1))
+      ] }, N.path);
+    }
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: "proj-row proj-file",
+        style: { paddingLeft: 8 + _ * 12 },
+        draggable: !0,
+        onDragStart: (k) => {
+          h(N.path), k.dataTransfer.effectAllowed = "move";
+        },
+        onClick: () => e(N.path),
+        onContextMenu: (k) => {
+          k.preventDefault(), k.stopPropagation(), c({ x: k.clientX, y: k.clientY, target: N });
+        },
+        children: [
+          /* @__PURE__ */ a("span", { className: "proj-caret", children: "·" }),
+          /* @__PURE__ */ a("span", { className: "proj-icon", children: "▤" }),
+          /* @__PURE__ */ a("span", { className: "proj-name", children: N.name })
+        ]
+      },
+      N.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__ */ p(
+      "div",
+      {
+        className: "proj-tree",
+        onDragOver: (N) => N.preventDefault(),
+        onDrop: (N) => {
+          N.preventDefault(), u && x(u, ""), h(null);
+        },
+        onContextMenu: (N) => {
+          N.preventDefault(), c({ x: N.clientX, y: N.clientY, target: null });
+        },
+        children: [
+          r.map((N) => j(N, 0)),
+          r.length === 0 && /* @__PURE__ */ a("div", { className: "welcome-empty", children: "Right-click to create a file." })
+        ]
+      }
+    ),
+    m && /* @__PURE__ */ a(te, { entries: I(), x: m.x, y: m.y, onClose: () => c(null) })
+  ] });
+}
+function Hn() {
+  const n = y((b) => b.codeBuffer), e = y((b) => b.setCodeBuffer), t = y((b) => b.generatePythonCode), s = y((b) => b.pushToast), r = $(null), o = $(null), [i, d] = P(null), m = () => {
+    var b;
+    return (b = r.current) == null ? void 0 : b.focus();
+  }, c = (b) => {
+    m(), document.execCommand(b);
+  }, u = async () => {
+    try {
+      await navigator.clipboard.writeText(n), s("success", "Copied");
+    } catch {
+      c("copy");
+    }
+  }, h = () => {
+    var b;
+    m(), (b = r.current) == null || b.select();
+  }, v = () => {
+    const b = new Blob([n], { type: "text/x-python" }), T = URL.createObjectURL(b), x = document.createElement("a");
+    x.href = T, x.download = "code.py", x.click(), URL.revokeObjectURL(T);
+  }, l = () => e(""), w = (b) => {
+    var I;
+    const T = (I = b.target.files) == null ? void 0 : I[0];
+    if (b.target.value = "", !T) return;
+    const x = new FileReader();
+    x.onload = () => e(String(x.result ?? "")), x.readAsText(T);
+  }, f = [
+    {
+      label: "File",
+      items: [
+        { label: "New", run: l },
+        { label: "Open…", run: () => {
+          var b;
+          return (b = o.current) == null ? void 0 : b.click();
+        } },
+        { label: "Generate from Graph", run: t },
+        { label: "Save .py", run: v }
+      ]
+    },
+    {
+      label: "Edit",
+      items: [
+        { label: "Undo", run: () => c("undo") },
+        { label: "Redo", run: () => c("redo") },
+        { label: "Cut", run: () => c("cut") },
+        { label: "Copy", run: u },
+        { label: "Paste", run: () => c("paste") },
+        { label: "Select All", run: h },
+        { label: "Clear", run: l }
+      ]
+    }
+  ], S = [
+    { icon: "＋", title: "New", run: l },
+    { icon: "📂", title: "Open", run: () => {
+      var b;
+      return (b = o.current) == null ? void 0 : b.click();
+    } },
+    { icon: "💾", title: "Save .py", run: v },
+    { 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: "Paste", run: () => c("paste") },
+    { icon: "▦", title: "Select All", run: h }
+  ];
+  return /* @__PURE__ */ p("div", { className: "code-editor", children: [
+    /* @__PURE__ */ a("div", { className: "code-menubar", children: f.map((b) => /* @__PURE__ */ p(
+      "div",
+      {
+        className: `code-menu-item ${i === b.label ? "active" : ""}`,
+        onClick: () => d(i === b.label ? null : b.label),
+        children: [
+          b.label,
+          i === b.label && /* @__PURE__ */ a("div", { className: "code-menu-dropdown", onClick: (T) => T.stopPropagation(), children: b.items.map((T, x) => /* @__PURE__ */ a(
+            "div",
+            {
+              className: "code-menu-entry",
+              onClick: () => {
+                T.run(), d(null);
+              },
+              children: T.label
+            },
+            x
+          )) })
+        ]
+      },
+      b.label
+    )) }),
+    /* @__PURE__ */ a("div", { className: "code-toolbar", children: S.map((b, T) => /* @__PURE__ */ a("button", { className: "panel-btn", title: b.title, onClick: b.run, children: b.icon }, T)) }),
+    /* @__PURE__ */ a(
+      "textarea",
+      {
+        ref: r,
+        className: "code-editor-area",
+        value: n,
+        onChange: (b) => e(b.target.value),
+        placeholder: "// Right-click a .riko file → Preview PyTorch Code, or File → Generate from Graph.",
+        spellCheck: !1
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ref: o,
+        type: "file",
+        accept: ".py,.txt,.riko,.ric,text/plain,text/x-python",
+        style: { display: "none" },
+        onChange: w
+      }
+    )
+  ] });
+}
+function Kn() {
+  const n = $(null), e = $(!1), t = y((h) => h.addNode), s = y((h) => h.updateParam), r = y((h) => h.pushToast);
+  D(() => {
+    const h = n.current;
+    if (!h) return;
+    const v = h.getContext("2d");
+    v && (v.fillStyle = "#fff", v.fillRect(0, 0, h.width, h.height), v.lineWidth = 12, v.lineCap = "round", v.lineJoin = "round", v.strokeStyle = "#000");
+  }, []);
+  const o = (h) => {
+    const l = n.current.getBoundingClientRect();
+    return { x: h.clientX - l.left, y: h.clientY - l.top };
+  }, i = (h) => {
+    e.current = !0;
+    const l = n.current.getContext("2d"), { x: w, y: f } = o(h);
+    l.beginPath(), l.moveTo(w, f), l.lineTo(w, f), l.stroke();
+  }, d = (h) => {
+    if (!e.current) return;
+    const l = n.current.getContext("2d"), { x: w, y: f } = o(h);
+    l.lineTo(w, f), l.stroke();
+  }, m = () => {
+    e.current = !1;
+  };
+  return /* @__PURE__ */ p("div", { className: "handpad", children: [
+    /* @__PURE__ */ p("div", { className: "panel-head", children: [
+      /* @__PURE__ */ a("span", { className: "panel-head-title", children: "Handwriting Pad" }),
+      /* @__PURE__ */ a("span", { className: "spacer" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => {
+        const h = n.current, v = h.getContext("2d");
+        v.fillStyle = "#fff", v.fillRect(0, 0, h.width, h.height);
+      }, children: "Clear" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => {
+        const h = n.current, v = document.createElement("canvas");
+        v.width = 28, v.height = 28;
+        const l = v.getContext("2d");
+        l.drawImage(h, 0, 0, 28, 28);
+        const w = l.getImageData(0, 0, 28, 28).data, f = [];
+        for (let x = 0; x < 28 * 28; x++) {
+          const I = 1 - (w[x * 4] + w[x * 4 + 1] + w[x * 4 + 2]) / 765;
+          f.push(Math.round(I * 1e3) / 1e3);
+        }
+        const S = [];
+        for (let x = 0; x < 28; x++) S.push(f.slice(x * 28, x * 28 + 28));
+        const b = [[S]];
+        t("constant", { x: 260, y: 150 });
+        const T = y.getState().selectedNodeId;
+        T && (s(T, "value", b), r("success", "Digit → constant node (1×28×28)"));
+      }, children: "Send → Node" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "handpad-canvas", children: /* @__PURE__ */ a(
+      "canvas",
+      {
+        ref: n,
+        width: 280,
+        height: 280,
+        onMouseDown: i,
+        onMouseMove: d,
+        onMouseUp: m,
+        onMouseLeave: m
+      }
+    ) }),
+    /* @__PURE__ */ p("div", { className: "handpad-hint", children: [
+      "Draw a digit → Send creates a ",
+      /* @__PURE__ */ a("code", { children: "constant" }),
+      " node (1×28×28) to feed the MNIST example."
+    ] })
+  ] });
+}
+const Ge = [
+  { value: "canvas", label: "Graph", category: "Editor" },
+  { value: "inspector", label: "Inspector", category: "Editor" },
+  { value: "status", label: "Status / Logs", category: "Editor" },
+  { value: "loss", label: "Loss Curve", category: "Editor" },
+  { value: "nodes", label: "Node Library", category: "Data" },
+  { value: "files", label: "Asset Library", category: "Data" },
+  { value: "project", label: "New File", category: "Data" },
+  { value: "code", label: "Code Editor", category: "Tools" },
+  { value: "pad", label: "Handwriting Pad", category: "Tools" },
+  { value: "docs", label: "Documentation", category: "Tools" },
+  { value: "plugins", label: "Plugins", category: "Tools" }
+], Jn = ["Editor", "Data", "Tools"];
+function zn(n) {
+  var e;
+  return ((e = Ge.find((t) => t.value === n)) == null ? void 0 : e.label) ?? n;
+}
+const Ue = {
+  nodes: () => /* @__PURE__ */ a(Nn, {}),
+  files: () => /* @__PURE__ */ a(wn, {}),
+  project: () => /* @__PURE__ */ a(Un, {}),
+  canvas: () => /* @__PURE__ */ a(Fn, {}),
+  inspector: () => /* @__PURE__ */ a(On, {}),
+  status: () => /* @__PURE__ */ a($n, {}),
+  loss: () => /* @__PURE__ */ a(Ln, {}),
+  docs: () => /* @__PURE__ */ a(Gn, {}),
+  plugins: () => /* @__PURE__ */ a(Be, {}),
+  code: () => /* @__PURE__ */ a(Hn, {}),
+  pad: () => /* @__PURE__ */ a(Kn, {})
+};
+function pt(n, e) {
+  Ue[n] = e;
+}
+function Vn(n) {
+  const e = Ue[n];
+  return e ? e() : null;
+}
+function qn({
+  type: n,
+  onType: e
+}) {
+  const [t, s] = P(!1), [r, o] = P(null), i = $(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) {
+        const m = i.current.getBoundingClientRect();
+        o({ top: m.bottom + 4, left: m.right - 300 });
+      }
+      s((m) => !m);
+    }, children: [
+      zn(n),
+      " ▾"
+    ] }),
+    t && Oe(
+      /* @__PURE__ */ p(B, { 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: Jn.map((m) => /* @__PURE__ */ p("div", { className: "type-menu-col", children: [
+          /* @__PURE__ */ a("div", { className: "type-menu-cat", children: m }),
+          Ge.filter((c) => c.category === m).map((c) => /* @__PURE__ */ a(
+            "div",
+            {
+              className: `type-menu-item ${c.value === n ? "active" : ""}`,
+              onClick: () => {
+                e(c.value), s(!1);
+              },
+              children: c.label
+            },
+            c.value
+          ))
+        ] }, m)) })
+      ] }),
+      document.body
+    )
+  ] });
+}
+function Pe(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 Yn({
+  onPreview: n,
+  onCommit: e
+}) {
+  const t = $(null);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "corner-grip",
+      title: "拖左上：分离面板 · 拖右下：合并面板",
+      onMouseDown: (r) => {
+        r.preventDefault(), r.stopPropagation();
+        const o = r.currentTarget.parentElement, i = (o == null ? void 0 : o.getBoundingClientRect()) ?? null;
+        t.current = { x: r.clientX, y: r.clientY };
+        const d = (c) => {
+          if (!t.current) return;
+          const u = c.clientX - t.current.x, h = c.clientY - t.current.y, v = Pe(u, h);
+          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
+          );
+        }, m = (c) => {
+          if (!t.current) return;
+          const u = c.clientX - t.current.x, h = c.clientY - t.current.y;
+          t.current = null, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", m), document.body.style.cursor = "";
+          const v = Pe(u, h);
+          n(null), v && e(v);
+        };
+        document.body.style.cursor = "crosshair", document.addEventListener("mousemove", d), document.addEventListener("mouseup", m);
+      }
+    }
+  );
+}
+function Xn({
+  id: n,
+  type: e,
+  onType: t,
+  onSplitRow: s,
+  onSplitColumn: r,
+  onMerge: o,
+  onClose: i,
+  canMerge: d,
+  mergeTarget: m,
+  preview: c,
+  onPreview: u
+}) {
+  return /* @__PURE__ */ p("div", { className: `panel-slot ${m ? "merge-target" : ""}`, children: [
+    /* @__PURE__ */ p("div", { className: "panel-bar", children: [
+      /* @__PURE__ */ a("div", { className: "panel-bar-spacer" }),
+      /* @__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: Vn(e) }),
+    c && c.mode === "split-row" && /* @__PURE__ */ p(B, { 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: [
+      /* @__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(
+      Yn,
+      {
+        onPreview: u,
+        onCommit: (h) => h === "split-row" ? s() : h === "split-column" ? r() : o()
+      }
+    )
+  ] });
+}
+function Qn({ onClose: n }) {
+  const e = y((l) => l.recentFiles), t = y((l) => l.openFile), s = y((l) => l.newBlank), r = y((l) => l.load), o = y((l) => l.pushToast), [i, d] = P([]), m = $(null);
+  D(() => {
+    fetch("/api/files").then((l) => l.json()).then((l) => {
+      Array.isArray(l.files) && d(
+        l.files.filter((w) => w.path.startsWith("examples")).sort((w, f) => w.name.localeCompare(f.name))
+      );
+    }).catch(() => {
+    });
+  }, []);
+  const c = (l) => {
+    var w;
+    return ((w = l.split("/").pop()) == null ? void 0 : w.replace(/\.riko$/, "")) ?? l;
+  }, u = (l) => {
+    l(), n();
+  }, h = () => {
+    const l = e[0];
+    l ? u(() => t(l)) : o("error", "No previous session to recover");
+  }, v = (l) => {
+    var f;
+    const w = (f = l.target.files) == null ? void 0 : f[0];
+    l.target.value = "", w && (r(w), 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,
+        {
+          className: "welcome-logo",
+          title: "Logo slot — replace public/brand/logo.png (bitmap) or logo.svg (vector)"
+        }
+      ),
+      /* @__PURE__ */ p("span", { className: "welcome-version", children: [
+        "v",
+        Z
+      ] })
+    ] }),
+    /* @__PURE__ */ p("div", { className: "welcome-header", children: [
+      /* @__PURE__ */ a("span", { className: "welcome-title", children: "Entropia Riko" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", title: "Close", onClick: n, children: "✕" })
+    ] }),
+    /* @__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__ */ a("span", { className: "welcome-item-icon", children: "⬚" }),
+          /* @__PURE__ */ a("span", { children: "General" }),
+          /* @__PURE__ */ a("span", { className: "welcome-item-hint", children: "blank graph" })
+        ] }),
+        /* @__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: [
+            /* @__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}` : "" })
+          ] }, l.path))
+        ] })
+      ] }),
+      /* @__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("span", { className: "welcome-item-icon", children: "▤" }),
+          /* @__PURE__ */ a("span", { children: c(l) }),
+          /* @__PURE__ */ a("span", { className: "welcome-item-hint", children: l })
+        ] }, l)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ p("div", { className: "welcome-footer", children: [
+      /* @__PURE__ */ a("button", { className: "welcome-footer-btn", onClick: h, children: "↩ Recover Last Session" }),
+      /* @__PURE__ */ a("button", { className: "welcome-footer-btn", onClick: () => {
+        var l;
+        return (l = m.current) == null ? void 0 : l.click();
+      }, children: "📂 Open" }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          ref: m,
+          type: "file",
+          accept: ".riko,.ric,.json,application/json,application/octet-stream",
+          style: { display: "none" },
+          onChange: v
+        }
+      )
+    ] })
+  ] }) });
+}
+const Zn = [
+  { id: "appearance", label: "Appearance", icon: "◧" },
+  { id: "plugins", label: "Plugins", icon: "⬡" },
+  { id: "about", label: "About", icon: "ⓘ" }
+];
+function et({ onClose: n }) {
+  const e = K((u) => u.theme), t = K((u) => u.setTheme), s = K((u) => u.backgroundImage), r = K((u) => u.setBackgroundImage), [o, i] = P("appearance"), [d, m] = P(s);
+  D(() => {
+    m(s);
+  }, [s]);
+  const c = [
+    { value: "light", label: "Light", hint: "Always use the light palette" },
+    { value: "dark", label: "Dark", hint: "Always use the dark palette" },
+    { 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: Zn.map((u) => /* @__PURE__ */ p(
+      "button",
+      {
+        className: `prefs-nav ${o === u.id ? "active" : ""}`,
+        onClick: () => i(u.id),
+        children: [
+          /* @__PURE__ */ a("span", { className: "prefs-nav-icon", children: u.icon }),
+          u.label
+        ]
+      },
+      u.id
+    )) }),
+    /* @__PURE__ */ p("div", { className: "prefs-content", children: [
+      o === "appearance" && /* @__PURE__ */ p(B, { 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(
+            "label",
+            {
+              className: `prefs-theme ${e === u.value ? "active" : ""}`,
+              children: [
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "theme",
+                    checked: e === u.value,
+                    onChange: () => t(u.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 })
+              ]
+            },
+            u.value
+          )) })
+        ] }),
+        /* @__PURE__ */ p("section", { className: "prefs-section", children: [
+          /* @__PURE__ */ a("h3", { children: "Background image" }),
+          /* @__PURE__ */ a("p", { className: "prefs-desc", children: "A cover image behind the editor. URL is saved locally." }),
+          /* @__PURE__ */ p("div", { className: "prefs-row", children: [
+            /* @__PURE__ */ a(
+              "input",
+              {
+                className: "prefs-input",
+                placeholder: "Image URL (https://…)",
+                value: d,
+                onChange: (u) => m(u.target.value),
+                onKeyDown: (u) => {
+                  u.key === "Enter" && r(d.trim());
+                }
+              }
+            ),
+            /* @__PURE__ */ a("button", { className: "btn btn-sm", onClick: () => r(d.trim()), children: "Apply" }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "btn btn-sm",
+                onClick: () => {
+                  m(""), r("");
+                },
+                children: "Clear"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      o === "plugins" && /* @__PURE__ */ a("section", { className: "prefs-section", style: { marginBottom: 0 }, children: /* @__PURE__ */ a(Be, {}) }),
+      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("h3", { children: "Entropia Riko" }),
+        /* @__PURE__ */ p("div", { className: "prefs-about-version", children: [
+          "Version ",
+          Z
+        ] }),
+        /* @__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: [
+          /* @__PURE__ */ a("span", { children: "Backends: PyTorch · TensorFlow/Keras" }),
+          /* @__PURE__ */ a("span", { children: "Brand assets: public/brand/" })
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+function nt({ onClose: n }) {
+  return /* @__PURE__ */ p(oe, { title: "About Entropia Riko", onClose: n, width: 440, children: [
+    /* @__PURE__ */ p("div", { className: "about-hero", children: [
+      /* @__PURE__ */ a(ie, { className: "about-logo" }),
+      /* @__PURE__ */ a("h2", { children: "Entropia Riko" }),
+      /* @__PURE__ */ p("div", { className: "about-version", children: [
+        "Version ",
+        Z
+      ] })
+    ] }),
+    /* @__PURE__ */ p("div", { className: "about-body", children: [
+      /* @__PURE__ */ a("p", { className: "prefs-desc", children: "A professional node-graph deep-learning editor. Build models visually, run inference, train with a live loss curve, and export to clean PyTorch or TensorFlow/Keras code." }),
+      /* @__PURE__ */ a("table", { className: "about-meta", children: /* @__PURE__ */ p("tbody", { children: [
+        /* @__PURE__ */ p("tr", { children: [
+          /* @__PURE__ */ a("td", { children: "Backends" }),
+          /* @__PURE__ */ a("td", { children: "PyTorch · TensorFlow / Keras" })
+        ] }),
+        /* @__PURE__ */ p("tr", { children: [
+          /* @__PURE__ */ a("td", { children: "File formats" }),
+          /* @__PURE__ */ a("td", { children: ".riko (JSON) · .ric (binary zlib)" })
+        ] }),
+        /* @__PURE__ */ p("tr", { children: [
+          /* @__PURE__ */ a("td", { children: "Plugins" }),
+          /* @__PURE__ */ a("td", { children: "plugins/*/plugin.json (Python node modules)" })
+        ] }),
+        /* @__PURE__ */ p("tr", { children: [
+          /* @__PURE__ */ a("td", { children: "License" }),
+          /* @__PURE__ */ a("td", { children: "MIT" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: "about-assets", children: [
+        /* @__PURE__ */ a("span", { children: "Brand assets (replace in place):" }),
+        /* @__PURE__ */ a("code", { children: "public/brand/logo.svg" }),
+        /* @__PURE__ */ a("code", { children: "public/brand/hero.jpg" })
+      ] })
+    ] })
+  ] });
+}
+function tt({ onClose: n }) {
+  const [e, t] = P(""), [s, r] = P(!1), o = y((d) => d.pushToast), i = async () => {
+    const d = e.trim();
+    if (d) {
+      r(!0);
+      try {
+        const c = await (await fetch("/api/project/set_root", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ path: d })
+        })).json();
+        c.status === "success" ? (y.getState().bumpProject(), o("success", `Working folder: ${c.root}`), n()) : o("error", c.error ?? "import failed");
+      } catch (m) {
+        o("error", m instanceof Error ? m.message : String(m));
+      } finally {
+        r(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ a(oe, { 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" }),
+      " cache folder is created inside it for the tool's own state."
+    ] }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        autoFocus: !0,
+        className: "prefs-input",
+        placeholder: "Absolute path, e.g. /Users/me/project",
+        value: e,
+        onChange: (d) => t(d.target.value),
+        onKeyDown: (d) => {
+          d.key === "Enter" && i(), d.key === "Escape" && n();
+        }
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: "prefs-row", style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ a("button", { className: "btn btn-primary", disabled: s || !e.trim(), onClick: i, children: "Import" }),
+      /* @__PURE__ */ a("button", { className: "btn", onClick: n, children: "Cancel" })
+    ] })
+  ] }) });
+}
+function at() {
+  const n = y((t) => t.toasts), e = y((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 st = 0;
+const de = () => `ws_${++st}`, rt = ["layout", "training", "mnist_studio", "image_gen"];
+function ut() {
+  var q;
+  const n = y((g) => g.loadNodeDefs), e = y((g) => g.welcomeOpen), t = y((g) => g.setWelcomeOpen), s = y((g) => g.prefsOpen), r = y((g) => g.setPrefsOpen), o = y((g) => g.aboutOpen), i = y((g) => g.setAboutOpen), d = y((g) => g.importFolderOpen), m = y((g) => g.setImportFolderOpen);
+  D(() => {
+    n();
+  }, [n]);
+  const [c, u] = P(
+    () => rt.map((g) => {
+      const F = ue.find((C) => C.id === g);
+      return { id: de(), name: F.label, root: F.build() };
+    })
+  ), [h, v] = P(null), [l, w] = P(null), f = h ?? ((q = c[0]) == null ? void 0 : q.id) ?? "", b = (c.find((g) => g.id === f) ?? c[0]).root, T = ye(b) > 1, x = (g) => {
+    u((F) => F.map((C) => C.id === f ? { ...C, root: g(C.root) } : C));
+  }, I = (g) => v(g), j = (g) => {
+    const F = ue.find((E) => E.id === g);
+    if (!F) return;
+    const C = { id: de(), name: F.label, root: F.build() };
+    u((E) => [...E, C]), v(C.id);
+  }, N = (g) => {
+    u((F) => {
+      if (F.length <= 1) return F;
+      const C = F.filter((E) => E.id !== g);
+      return g === f && v(C[0].id), C;
+    });
+  }, _ = (g, F) => {
+    u((C) => C.map((E) => E.id === g ? { ...E, name: F } : E));
+  }, k = (g) => {
+    const F = c.find((G) => G.id === g);
+    if (!F) return;
+    const C = {
+      id: de(),
+      name: `${F.name} copy`,
+      root: JSON.parse(JSON.stringify(F.root))
+    }, E = c.findIndex((G) => G.id === g), H = [...c];
+    H.splice(E + 1, 0, C), u(H), v(C.id);
+  }, O = (g, F) => {
+    u((C) => {
+      const E = C.findIndex((Je) => Je.id === g), H = E + F;
+      if (E < 0 || H < 0 || H >= C.length) return C;
+      const G = [...C], [Ke] = G.splice(E, 1);
+      return G.splice(H, 0, Ke), G;
+    });
+  }, V = (l == null ? void 0 : l.mode) === "merge" ? fe(b, l.leafId) : null, A = (g) => {
+    if (g.kind === "leaf") {
+      const F = l && l.leafId === g.id && l.mode !== "merge" ? l : null;
+      return /* @__PURE__ */ a(
+        Xn,
+        {
+          id: g.id,
+          type: g.type,
+          canMerge: T,
+          mergeTarget: g.id === V,
+          preview: F,
+          onType: (C) => x((E) => ge(E, g.id, C)),
+          onSplitRow: () => x((C) => ae(C, g.id, "row")),
+          onSplitColumn: () => x((C) => ae(C, g.id, "column")),
+          onMerge: () => x((C) => he(C, g.id)),
+          onClose: () => x((C) => me(C, g.id)),
+          onPreview: (C) => w(C ? { ...C, leafId: g.id } : null)
+        },
+        g.id
+      );
+    }
+    return g.direction === "row" ? /* @__PURE__ */ p(
+      "div",
+      {
+        className: g.id === V ? "merge-target" : void 0,
+        style: { display: "flex", flex: "1 1 0", minWidth: 0, minHeight: 0 },
+        children: [
+          /* @__PURE__ */ a("div", { style: { flex: g.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: A(g.first) }),
+          /* @__PURE__ */ a(
+            bn,
+            {
+              onDrag: (F, C) => x((E) => se(E, g.id, F / C))
+            }
+          ),
+          /* @__PURE__ */ a("div", { style: { flex: 1 - g.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: A(g.second) })
+        ]
+      },
+      g.id
+    ) : /* @__PURE__ */ p(
+      "div",
+      {
+        className: g.id === V ? "merge-target" : void 0,
+        style: { display: "flex", flexDirection: "column", flex: "1 1 0", minWidth: 0, minHeight: 0 },
+        children: [
+          /* @__PURE__ */ a("div", { style: { flex: g.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: A(g.first) }),
+          /* @__PURE__ */ a(
+            vn,
+            {
+              onDrag: (F, C) => x((E) => se(E, g.id, F / C))
+            }
+          ),
+          /* @__PURE__ */ a("div", { style: { flex: 1 - g.ratio, minWidth: 0, minHeight: 0, display: "flex" }, children: A(g.second) })
+        ]
+      },
+      g.id
+    );
+  };
+  return /* @__PURE__ */ p("div", { className: "app", children: [
+    /* @__PURE__ */ a(yn, {}),
+    /* @__PURE__ */ a(
+      gn,
+      {
+        workspaces: c,
+        activeWorkspaceId: f,
+        onSwitchWorkspace: I,
+        onAddWorkspace: j,
+        onRemoveWorkspace: N,
+        onRenameWorkspace: _,
+        onDuplicateWorkspace: k,
+        onMoveWorkspace: O
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "app-body", children: A(b) }),
+    e && /* @__PURE__ */ a(Qn, { onClose: () => t(!1) }),
+    s && /* @__PURE__ */ a(et, { onClose: () => r(!1) }),
+    o && /* @__PURE__ */ a(nt, { onClose: () => i(!1) }),
+    d && /* @__PURE__ */ a(tt, { onClose: () => m(!1) }),
+    /* @__PURE__ */ a(fn, {}),
+    /* @__PURE__ */ a(at, {})
+  ] });
+}
+function mt() {
+  const n = y((i) => i.status), e = y((i) => i.run), t = y((i) => i.save), s = y((i) => i.load), r = y((i) => i.exportPython), o = $(null);
+  return /* @__PURE__ */ p("div", { className: "toolbar", children: [
+    /* @__PURE__ */ a("h1", { children: "Entropia Riko" }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: "btn btn-primary",
+        onClick: e,
+        disabled: n === "running",
+        children: n === "running" ? "Running…" : "Inference"
+      }
+    ),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: "btn",
+        onClick: () => {
+          y.getState().log("训练模式：单步执行..."), e();
+        },
+        disabled: n === "running",
+        style: { borderColor: "var(--color-success)", color: "var(--color-success)" },
+        children: "Train"
+      }
+    ),
+    /* @__PURE__ */ a("button", { className: "btn", onClick: r, disabled: n === "running", children: "Export .py" }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: "btn",
+        onClick: () => y.getState().addNode("mnist_loader", { x: 300, y: 200 }),
+        disabled: n === "running",
+        children: "Load Data"
+      }
+    ),
+    /* @__PURE__ */ a("button", { className: "btn", onClick: t, disabled: n === "running", children: "Save" }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: "btn",
+        onClick: () => {
+          var i;
+          return (i = o.current) == null ? void 0 : i.click();
+        },
+        disabled: n === "running",
+        children: "Load"
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ref: o,
+        type: "file",
+        accept: ".json,application/json",
+        style: { display: "none" },
+        onChange: (i) => {
+          var m;
+          const d = (m = i.target.files) == null ? void 0 : m[0];
+          d && s(d), i.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "spacer" }),
+    /* @__PURE__ */ a("span", { className: `status-badge ${n}`, children: n })
+  ] });
+}
+function He(n, e = []) {
+  for (const t of n)
+    t.type === "file" ? e.push(t.path) : t.children && He(t.children, e);
+  return e;
+}
+function ht({ onClose: n }) {
+  const e = y((b) => b.pushToast), t = y((b) => b.bumpProject), [s, r] = P("~"), [o, i] = P([]), [d, m] = P(""), [c, u] = P([]), [h, v] = P(""), l = async (b) => {
+    const x = await (await fetch(`/api/fs/list?path=${encodeURIComponent(b)}`)).json();
+    x.status === "success" ? (r(x.path), m(x.parent), i(x.entries ?? [])) : e("error", x.error ?? "list failed");
+  }, w = async () => {
+    try {
+      const T = await (await fetch("/api/project/tree")).json(), x = He(Array.isArray(T.tree) ? T.tree : []);
+      u(x), x.length && !h && v(x[0]);
+    } catch {
+    }
+  };
+  D(() => {
+    l("~"), w();
+  }, []);
+  const f = async (b) => {
+    const x = await (await fetch("/api/fs/import", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ src: b.path })
+    })).json();
+    x.status === "success" ? (e("success", `Imported ${b.name}`), t(), w()) : e("error", x.error ?? "import failed");
+  }, S = async () => {
+    if (!h) return;
+    const T = await (await fetch("/api/fs/export", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ src: h, dest: s })
+    })).json();
+    T.status === "success" ? e("success", `Exported to ${T.path}`) : e("error", T.error ?? "export failed");
+  };
+  return /* @__PURE__ */ a("div", { className: "prefs-overlay", onClick: n, children: /* @__PURE__ */ p("div", { className: "explorer", onClick: (b) => b.stopPropagation(), children: [
+    /* @__PURE__ */ p("div", { className: "prefs-header", children: [
+      /* @__PURE__ */ a("span", { className: "prefs-title", children: "File Explorer" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", onClick: n, children: "✕" })
+    ] }),
+    /* @__PURE__ */ p("div", { className: "explorer-toolbar", children: [
+      /* @__PURE__ */ a("button", { className: "panel-btn", title: "Up", onClick: () => l(d), children: "↑" }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: "prefs-input",
+          value: s,
+          onChange: (b) => r(b.target.value),
+          onKeyDown: (b) => {
+            b.key === "Enter" && l(s);
+          }
+        }
+      ),
+      /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => l(s), children: "Go" })
+    ] }),
+    /* @__PURE__ */ p("div", { className: "explorer-body", children: [
+      /* @__PURE__ */ p("div", { className: "explorer-list", children: [
+        o.map((b) => /* @__PURE__ */ p(
+          "div",
+          {
+            className: "explorer-row",
+            onDoubleClick: () => b.type === "dir" && l(b.path),
+            children: [
+              /* @__PURE__ */ a("span", { className: "explorer-icon", children: b.type === "dir" ? "▦" : "▤" }),
+              /* @__PURE__ */ a("span", { className: "explorer-name", children: b.name }),
+              /* @__PURE__ */ a("span", { className: "explorer-size", children: b.type === "file" ? `${Math.round(b.size / 1024)} KB` : "" }),
+              /* @__PURE__ */ a("button", { className: "panel-btn", onClick: () => f(b), title: "Import into working folder", children: "⇥ Import" })
+            ]
+          },
+          b.path
+        )),
+        o.length === 0 && /* @__PURE__ */ a("div", { className: "welcome-empty", children: "Empty folder." })
+      ] }),
+      /* @__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: h, onChange: (b) => v(b.target.value), children: c.map((b) => /* @__PURE__ */ a("option", { value: b, children: b }, b)) }),
+        /* @__PURE__ */ a("button", { className: "btn", disabled: !h, onClick: S, children: "Export here" })
+      ] })
+    ] })
+  ] }) });
+}
+function ft({
+  path: n,
+  name: e,
+  onClose: t
+}) {
+  const [s, r] = P(""), [o, i] = P(null), d = y((c) => c.pushToast);
+  return D(() => {
+    fetch("/api/project/code", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ path: n })
+    }).then((c) => c.json()).then((c) => {
+      c.status === "success" ? r(c.code ?? "") : i(c.error ?? "failed to generate code");
+    }).catch((c) => i(c instanceof Error ? c.message : String(c)));
+  }, [n]), /* @__PURE__ */ a("div", { className: "prefs-overlay", onClick: t, children: /* @__PURE__ */ p("div", { className: "code-preview", onClick: (c) => c.stopPropagation(), children: [
+    /* @__PURE__ */ p("div", { className: "code-preview-head", children: [
+      /* @__PURE__ */ p("span", { className: "code-preview-title", children: [
+        "PyTorch · ",
+        e
+      ] }),
+      /* @__PURE__ */ a("span", { className: "spacer" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(s), d("success", "Copied PyTorch code");
+        } catch {
+          d("error", "Copy failed");
+        }
+      }, children: "Copy" }),
+      /* @__PURE__ */ a("button", { className: "panel-btn", onClick: t, children: "✕" })
+    ] }),
+    /* @__PURE__ */ a("pre", { className: "code-preview-body", children: o ? `// ${o}` : s || "// generating…" })
+  ] }) });
+}
+export {
+  Z as APP_VERSION,
+  nt as AboutPanel,
+  ut as App,
+  ie as BrandLogo,
+  Hn as CodeEditor,
+  ft as CodePreview,
+  Cn as ContextMenu,
+  Gn as DocsPanel,
+  ht as FileExplorer,
+  wn as FileManager,
+  fn as FilePickerHost,
+  oe as FloatingWindow,
+  Fn as GraphCanvas,
+  vn as HSplitter,
+  Kn as HandwritingPad,
+  tt as ImportFolderPanel,
+  Ln as LossPanel,
+  gn as MenuBar,
+  Sn as NodeCard,
+  Nn as NodeLibrary,
+  Ge as PANEL_TYPES,
+  Xn as PanelSlot,
+  Be as PluginPanel,
+  te as PopupMenu,
+  et as PreferencesPanel,
+  Un as ProjectPanel,
+  On as SideInspector,
+  $n as StatusPanel,
+  yn as Titlebar,
+  at as ToastStack,
+  mt as Toolbar,
+  bn as VSplitter,
+  ue as WORKSPACE_PRESETS,
+  Qn as WelcomePanel,
+  mn as WorkspaceTabs,
+  $e as applyBackground,
+  je as applyTheme,
+  me as closeLeaf,
+  ye as countLeaves,
+  pn as defaultLayout,
+  R as leaf,
+  ln as loadTheme,
+  he as mergeLeaf,
+  Y as openFilePicker,
+  zn as panelLabel,
+  pt as registerPanelContent,
+  Vn as renderPanelContent,
+  se as resizeSplit,
+  ge as setLeafType,
+  fe as siblingNodeId,
+  L as split,
+  ae as splitLeaf,
+  y as useGraphStore
+};