entropia-template-ui 0.2.3 → 0.2.4

package/dist/index.js

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