entropia-template-ui 0.2.4 → 0.2.5

package/dist/index.js

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