@noya-app/noya-multiplayer-react 0.1.77 → 0.1.78

package/dist/index.js

@@ -1569,7 +1569,7 @@ module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("@noya-app/state-manager"), module.exports);
 
 // src/ai.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // ../../node_modules/@sinclair/typebox/build/esm/type/symbols/symbols.mjs
 var TransformKind = Symbol.for("TypeBox.Transform");
@@ -4056,6 +4056,10 @@ var activityEventSchema = Type.Object({
 });
 
 // ../noya-schemas/src/asset.ts
+var assetModeSchema = Type.Union([
+  Type.Literal("immutable"),
+  Type.Literal("mutable")
+]);
 var assetSchema = Type.Object({
   id: Type.String(),
   stableId: Type.String(),
@@ -4065,7 +4069,9 @@ var assetSchema = Type.Object({
   contentType: Type.Optional(Type.String()),
   width: Type.Union([Type.Null(), Type.Number()]),
   height: Type.Union([Type.Null(), Type.Number()]),
-  userId: Type.Union([Type.Null(), Type.String()])
+  userId: Type.Union([Type.Null(), Type.String()]),
+  mode: Type.Optional(assetModeSchema),
+  version: Type.Optional(Type.Number())
 });
 
 // ../noya-schemas/src/encode.ts
@@ -4584,6 +4590,9 @@ function getChangedResourceProperties({
   }
   return changed;
 }
+function intersectSets(set1, set2) {
+  return new Set([...set1].filter((item) => set2.has(item)));
+}
 function diffResourceMaps(resourceMap, newResourceMap, idProperty) {
   const oldIdToPathMap = new Map(
     Object.entries(resourceMap).map(([path2, entity]) => [
@@ -4603,7 +4612,7 @@ function diffResourceMaps(resourceMap, newResourceMap, idProperty) {
   const newIds = new Set(
     Object.values(newResourceMap).map((entity) => entity[idProperty])
   );
-  const sameIds = oldIds.intersection(newIds);
+  const sameIds = intersectSets(oldIds, newIds);
   const addedResources = Object.values(newResourceMap).filter(
     (entity) => !oldIds.has(entity[idProperty])
   );
@@ -4687,15 +4696,15 @@ format_exports.Set("uuid", validateUUID);
 var import_observable = require("@noya-app/observable");
 var import_react_utils3 = require("@noya-app/react-utils");
 var import_state_manager5 = require("@noya-app/state-manager");
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 
 // src/noyaApp.ts
 var import_state_manager3 = require("@noya-app/state-manager");
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/hooks.ts
 var import_state_manager2 = require("@noya-app/state-manager");
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_client2 = require("react-dom/client");
 
 // src/components/ErrorOverlay.tsx
@@ -4773,7 +4782,7 @@ var ErrorOverlay = React.memo(function ErrorOverlay2({
 });
 
 // src/inspector/useStateInspector.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 var import_react_utils2 = require("@noya-app/react-utils");
 
@@ -4907,7 +4916,7 @@ function uuid() {
 
 // src/inspector/StateInspector.tsx
 var import_react_utils = require("@noya-app/react-utils");
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var import_react_inspector7 = require("react-inspector");
 
 // src/useObservable.ts
@@ -5372,8 +5381,424 @@ function EventsSection({
   );
 }
 
-// src/inspector/sections/HistorySection.tsx
+// src/inspector/sections/GitSection.tsx
+var import_react11 = __toESM(require("react"));
+
+// src/inspector/StateInspectorTitleLabel.tsx
 var import_react10 = __toESM(require("react"));
+function StateInspectorTitleLabel({
+  children
+}) {
+  return /* @__PURE__ */ import_react10.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+}
+
+// src/inspector/sections/GitSection.tsx
+function GitSection({
+  showGit,
+  setShowGit,
+  colorScheme,
+  gitManager
+}) {
+  const theme = getStateInspectorTheme(colorScheme);
+  const repos = useObservable(gitManager.repos$);
+  const isInitialized = useObservable(gitManager.isInitialized$);
+  const repoFiles = useObservable(gitManager.repoFiles$);
+  const [focusedRepoId, setFocusedRepoId] = (0, import_react11.useState)(null);
+  const [editingFile, setEditingFile] = (0, import_react11.useState)(null);
+  const editHandleRef = (0, import_react11.useRef)(null);
+  const [editContent, setEditContent] = (0, import_react11.useState)("");
+  const [isEditInitialized, setIsEditInitialized] = (0, import_react11.useState)(false);
+  const focusedRepo = focusedRepoId ? repos.find((r) => r.id === focusedRepoId) : null;
+  const focusedRepoFilesState = focusedRepoId ? repoFiles[focusedRepoId] : null;
+  const handleFocusRepo = async (repoId) => {
+    if (editHandleRef.current) {
+      editHandleRef.current.close();
+      editHandleRef.current = null;
+      setEditingFile(null);
+      setEditContent("");
+      setIsEditInitialized(false);
+    }
+    setFocusedRepoId(repoId);
+    if (repoId && !repoFiles[repoId]) {
+      await gitManager.fetchRepoFiles(repoId);
+    }
+  };
+  const handleEditFile = (filePath) => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    if (editHandleRef.current) {
+      editHandleRef.current.close();
+    }
+    const handle = gitManager.openEditingHandle(
+      focusedRepoId,
+      filePath,
+      focusedRepoFilesState.ref
+    );
+    editHandleRef.current = handle;
+    setEditingFile(filePath);
+    setIsEditInitialized(false);
+    setEditContent("");
+  };
+  const handleCloseEdit = () => {
+    if (editHandleRef.current) {
+      editHandleRef.current.close();
+      editHandleRef.current = null;
+    }
+    setEditingFile(null);
+    setEditContent("");
+    setIsEditInitialized(false);
+  };
+  (0, import_react11.useEffect)(() => {
+    const handle = editHandleRef.current;
+    if (!handle) return;
+    const unsubContent = handle.content$.subscribe((content) => {
+      setEditContent(content);
+    });
+    const unsubInitialized = handle.isInitialized$.subscribe((initialized) => {
+      setIsEditInitialized(initialized);
+    });
+    return () => {
+      unsubContent();
+      unsubInitialized();
+    };
+  }, [editingFile]);
+  const handleContentChange = (newContent) => {
+    const handle = editHandleRef.current;
+    if (!handle) return;
+    handle.setState(newContent);
+  };
+  const handleBranchChange = async (ref) => {
+    if (focusedRepoId) {
+      await gitManager.fetchRepoFiles(focusedRepoId, ref);
+    }
+  };
+  const handleAddFile = async () => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    const path2 = prompt("Enter file path (e.g., src/index.ts):");
+    if (!path2) return;
+    try {
+      await gitManager.patchFiles(
+        focusedRepoId,
+        { create: [{ path: path2, content: "" }] },
+        focusedRepoFilesState.ref
+      );
+    } catch (error) {
+      alert(`Failed to create file: ${error}`);
+    }
+  };
+  const handleRenameFile = async (oldPath) => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    const newPath = prompt(`Rename "${oldPath}" to:`, oldPath);
+    if (!newPath || newPath === oldPath) return;
+    try {
+      await gitManager.patchFiles(
+        focusedRepoId,
+        { rename: [{ oldPath, newPath }] },
+        focusedRepoFilesState.ref
+      );
+    } catch (error) {
+      alert(`Failed to rename file: ${error}`);
+    }
+  };
+  const handleDeleteFile = async (path2) => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    const confirmed = confirm(`Delete "${path2}"?`);
+    if (!confirmed) return;
+    try {
+      await gitManager.patchFiles(
+        focusedRepoId,
+        { delete: [{ path: path2 }] },
+        focusedRepoFilesState.ref
+      );
+      if (editingFile === path2) {
+        handleCloseEdit();
+      }
+    } catch (error) {
+      alert(`Failed to delete file: ${error}`);
+    }
+  };
+  return /* @__PURE__ */ import_react11.default.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showGit,
+      setOpen: setShowGit,
+      title: /* @__PURE__ */ import_react11.default.createElement(StateInspectorTitleLabel, null, "Git Repos (", repos.length, ")", /* @__PURE__ */ import_react11.default.createElement(ColoredDot, { type: isInitialized ? "success" : "error" })),
+      colorScheme,
+      right: /* @__PURE__ */ import_react11.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react11.default.createElement(
+        StateInspectorButton,
+        {
+          theme,
+          onClick: async () => {
+            try {
+              await gitManager.initRepo();
+            } catch (error) {
+              console.error("[GitSection] Failed to create repo:", error);
+            }
+          }
+        },
+        "Init Repo"
+      ))
+    },
+    /* @__PURE__ */ import_react11.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react11.default.createElement("div", { style: { padding: "4px 12px", display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react11.default.createElement(
+      "select",
+      {
+        name: "repoSelector",
+        value: focusedRepoId ?? "",
+        style: { flex: "1 1 auto", height: "19px", minWidth: 0 },
+        onChange: (e) => {
+          const value = e.target.value;
+          handleFocusRepo(value || null);
+        }
+      },
+      /* @__PURE__ */ import_react11.default.createElement("option", { value: "" }, "Select a repo..."),
+      repos.map((repo) => /* @__PURE__ */ import_react11.default.createElement("option", { key: repo.id, value: repo.id }, repo.id))
+    ), focusedRepoId && /* @__PURE__ */ import_react11.default.createElement(
+      StateInspectorButton,
+      {
+        theme,
+        onClick: () => gitManager.fetchRepoFiles(focusedRepoId)
+      },
+      "Refresh"
+    ), /* @__PURE__ */ import_react11.default.createElement(
+      "label",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "4px",
+          fontSize: "11px",
+          whiteSpace: "nowrap"
+        }
+      },
+      "[Include Content = ",
+      gitManager.includeContent ? "true" : "false",
+      "]"
+    )), focusedRepo && focusedRepoFilesState && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          display: "flex",
+          gap: "8px",
+          alignItems: "center",
+          fontSize: "12px"
+        }
+      },
+      /* @__PURE__ */ import_react11.default.createElement("span", { style: { color: theme.BASE_COLOR } }, "Branch:"),
+      focusedRepoFilesState.branches.length > 0 ? /* @__PURE__ */ import_react11.default.createElement(
+        "select",
+        {
+          value: focusedRepoFilesState.ref,
+          style: { flex: "1 1 auto", height: "19px" },
+          onChange: (e) => handleBranchChange(e.target.value)
+        },
+        focusedRepoFilesState.branches.map((branch) => /* @__PURE__ */ import_react11.default.createElement("option", { key: branch.name, value: branch.name }, branch.name))
+      ) : /* @__PURE__ */ import_react11.default.createElement("span", { style: { opacity: 0.6, fontStyle: "italic" } }, focusedRepoFilesState.ref || "No branches"),
+      focusedRepoFilesState.oid && /* @__PURE__ */ import_react11.default.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            fontSize: "10px",
+            opacity: 0.6
+          },
+          title: focusedRepoFilesState.oid
+        },
+        focusedRepoFilesState.oid.slice(0, 7),
+        focusedRepoFilesState.fetchState === "refreshing" && "\u2026"
+      ),
+      /* @__PURE__ */ import_react11.default.createElement(
+        StateInspectorButton,
+        {
+          theme,
+          onClick: handleAddFile,
+          style: { fontSize: "10px", padding: "2px 6px" }
+        },
+        "+ Add File"
+      )
+    ), focusedRepoFilesState.fetchState === "loading" && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px"
+        }
+      },
+      "Loading files..."
+    ), focusedRepoFilesState.error && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          color: "#f44"
+        }
+      },
+      "Error: ",
+      focusedRepoFilesState.error
+    ), focusedRepoFilesState.fetchState !== "loading" && !focusedRepoFilesState.error && focusedRepoFilesState.files.length === 0 && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px"
+        }
+      },
+      "No files (empty repo)"
+    ), !editingFile && focusedRepoFilesState.files.map((file, index) => {
+      const fileInfo = focusedRepoFilesState.fileContents?.find(
+        (f) => f.path === file
+      );
+      let preview = "";
+      if (fileInfo) {
+        try {
+          const decoded = atob(fileInfo.content);
+          preview = decoded.slice(0, 40).replace(/\n/g, " ").replace(/\s+/g, " ");
+          if (decoded.length > 40) preview += "\u2026";
+        } catch {
+        }
+      }
+      return /* @__PURE__ */ import_react11.default.createElement(
+        "div",
+        {
+          key: index,
+          style: {
+            padding: "2px 12px",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            gap: "8px",
+            borderBottom: `1px solid ${colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)"}`
+          }
+        },
+        /* @__PURE__ */ import_react11.default.createElement(
+          "span",
+          {
+            style: {
+              fontFamily: "monospace",
+              fontSize: "11px",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              minWidth: 0,
+              display: "flex",
+              gap: "8px"
+            },
+            title: file
+          },
+          /* @__PURE__ */ import_react11.default.createElement("span", null, file),
+          preview && /* @__PURE__ */ import_react11.default.createElement("span", { style: { opacity: 0.5 } }, preview)
+        ),
+        /* @__PURE__ */ import_react11.default.createElement("span", { style: { display: "flex", gap: "4px", flexShrink: 0 } }, /* @__PURE__ */ import_react11.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: () => handleEditFile(file),
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Edit"
+        ), /* @__PURE__ */ import_react11.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: () => handleRenameFile(file),
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Rename"
+        ), /* @__PURE__ */ import_react11.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: () => handleDeleteFile(file),
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Delete"
+        ))
+      );
+    }), editingFile && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "8px 12px",
+          borderTop: `1px solid ${theme.DIVIDER_COLOR}`,
+          flex: "1 1 auto",
+          display: "flex",
+          flexDirection: "column",
+          minHeight: 0
+        }
+      },
+      /* @__PURE__ */ import_react11.default.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: "8px",
+            flexShrink: 0
+          }
+        },
+        /* @__PURE__ */ import_react11.default.createElement(
+          "span",
+          {
+            style: {
+              fontFamily: "monospace",
+              fontSize: "11px",
+              fontWeight: "bold"
+            }
+          },
+          editingFile,
+          !isEditInitialized && /* @__PURE__ */ import_react11.default.createElement("span", { style: { opacity: 0.5, marginLeft: "8px" } }, "Loading...")
+        ),
+        /* @__PURE__ */ import_react11.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: handleCloseEdit,
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Close"
+        )
+      ),
+      /* @__PURE__ */ import_react11.default.createElement(
+        "textarea",
+        {
+          value: editContent,
+          onChange: (e) => handleContentChange(e.target.value),
+          disabled: !isEditInitialized,
+          style: {
+            width: "100%",
+            flex: "1 1 auto",
+            minHeight: "100px",
+            fontFamily: "monospace",
+            fontSize: "11px",
+            padding: "8px",
+            border: `1px solid ${theme.DIVIDER_COLOR}`,
+            borderRadius: "4px",
+            backgroundColor: theme.ROW_BACKGROUND,
+            color: theme.BASE_COLOR,
+            resize: "none",
+            boxSizing: "border-box"
+          }
+        }
+      )
+    )), repos.length === 0 && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ import_react11.default.createElement("span", null, "No git repos")
+    ))
+  );
+}
+
+// src/inspector/sections/HistorySection.tsx
+var import_react12 = __toESM(require("react"));
 var import_react_inspector5 = require("react-inspector");
 
 // src/inspector/utils.ts
@@ -5429,15 +5854,15 @@ function HistorySection({
   historySnapshot,
   multiplayerStateManager
 }) {
-  const ref = (0, import_react10.useRef)(null);
+  const ref = (0, import_react12.useRef)(null);
   const theme = getStateInspectorTheme(colorScheme);
   const solidBorderColor = getStateInspectorBorderColor(colorScheme);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (ref.current) {
       ref.current.scrollTop = ref.current.scrollHeight;
     }
   }, [historySnapshot]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!ref.current) return;
     const historyEntry = ref.current.querySelector(
       `#${HISTORY_ELEMENT_PREFIX}${historySnapshot.historyIndex}`
@@ -5449,14 +5874,14 @@ function HistorySection({
       });
     }
   }, [historySnapshot.historyIndex]);
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     StateInspectorDisclosureSection,
     {
       open: showHistory,
       setOpen: setShowHistory,
       title: "History",
       colorScheme,
-      right: /* @__PURE__ */ import_react10.default.createElement(
+      right: /* @__PURE__ */ import_react12.default.createElement(
         "span",
         {
           style: {
@@ -5464,7 +5889,7 @@ function HistorySection({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react12.default.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canUndo,
@@ -5473,7 +5898,7 @@ function HistorySection({
               multiplayerStateManager.undo();
             }
           },
-          /* @__PURE__ */ import_react10.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react12.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -5481,7 +5906,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react10.default.createElement(
+            /* @__PURE__ */ import_react12.default.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -5490,7 +5915,7 @@ function HistorySection({
             )
           ))
         ),
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react12.default.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canRedo,
@@ -5499,7 +5924,7 @@ function HistorySection({
               multiplayerStateManager.redo();
             }
           },
-          /* @__PURE__ */ import_react10.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react12.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -5507,7 +5932,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react10.default.createElement(
+            /* @__PURE__ */ import_react12.default.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -5518,7 +5943,7 @@ function HistorySection({
         )
       )
     },
-    /* @__PURE__ */ import_react10.default.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         id: `${HISTORY_ELEMENT_PREFIX}0`,
@@ -5532,7 +5957,7 @@ function HistorySection({
           background: historySnapshot.historyIndex === 0 ? "rgb(59 130 246 / 15%)" : void 0
         }
       },
-      /* @__PURE__ */ import_react10.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(
         "span",
         {
           style: {
@@ -5547,7 +5972,7 @@ function HistorySection({
     ), historySnapshot.history.map((entry, index) => {
       const metadata = entry.metadata;
       const { id, name, timestamp, ...rest } = metadata;
-      return /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react12.default.createElement(
         "div",
         {
           id: `${HISTORY_ELEMENT_PREFIX}${index + 1}`,
@@ -5558,7 +5983,7 @@ function HistorySection({
             background: index + 1 === historySnapshot.historyIndex ? "rgb(59 130 246 / 15%)" : void 0
           }
         },
-        typeof name === "string" && /* @__PURE__ */ import_react10.default.createElement(
+        typeof name === "string" && /* @__PURE__ */ import_react12.default.createElement(
           "pre",
           {
             style: {
@@ -5569,9 +5994,9 @@ function HistorySection({
             }
           },
           entry.metadata.name,
-          Object.keys(rest).length > 0 && /* @__PURE__ */ import_react10.default.createElement(import_react_inspector5.ObjectInspector, { data: rest, theme })
+          Object.keys(rest).length > 0 && /* @__PURE__ */ import_react12.default.createElement(import_react_inspector5.ObjectInspector, { data: rest, theme })
         ),
-        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ import_react10.default.createElement(
+        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ import_react12.default.createElement(
           "pre",
           {
             key: j,
@@ -5582,10 +6007,10 @@ function HistorySection({
               margin: 0
             }
           },
-          patch.op === "add" && /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react10.default.createElement(import_react_inspector5.ObjectInspector, { data: patch.value, theme })),
-          patch.op === "replace" && /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react10.default.createElement(import_react_inspector5.ObjectInspector, { data: patch.value, theme })),
-          patch.op === "remove" && /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { style: { color: theme.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
-          patch.op === "move" && /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
+          patch.op === "add" && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react12.default.createElement(import_react_inspector5.ObjectInspector, { data: patch.value, theme })),
+          patch.op === "replace" && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react12.default.createElement(import_react_inspector5.ObjectInspector, { data: patch.value, theme })),
+          patch.op === "remove" && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("span", { style: { color: theme.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
+          patch.op === "move" && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
         ))
       );
     }))
@@ -5593,7 +6018,7 @@ function HistorySection({
 }
 
 // src/inspector/sections/ServerScriptLogsSection.tsx
-var import_react11 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_react_inspector6 = require("react-inspector");
 var levelColors = {
   error: "#f87171",
@@ -5614,16 +6039,16 @@ function ServerScriptLogsSection({
   title = "Server Script Logs"
 }) {
   const theme = getStateInspectorTheme(colorScheme);
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     StateInspectorDisclosureSection,
     {
       open: showLogs,
       setOpen: setShowLogs,
       title,
       colorScheme,
-      right: /* @__PURE__ */ import_react11.default.createElement(StateInspectorButton, { theme, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
+      right: /* @__PURE__ */ import_react13.default.createElement(StateInspectorButton, { theme, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
-    /* @__PURE__ */ import_react11.default.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
         style: {
@@ -5633,7 +6058,7 @@ function ServerScriptLogsSection({
         }
       },
       "Log streaming paused"
-    ), logs.map((log) => /* @__PURE__ */ import_react11.default.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ import_react11.default.createElement(
+    ), logs.map((log) => /* @__PURE__ */ import_react13.default.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
         style: {
@@ -5646,9 +6071,9 @@ function ServerScriptLogsSection({
           textTransform: "uppercase"
         }
       },
-      /* @__PURE__ */ import_react11.default.createElement("span", null, formatTimestamp(log.timestamp)),
-      /* @__PURE__ */ import_react11.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
-      (log.origin || log.target || log.mode) && /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement("span", null, formatTimestamp(log.timestamp)),
+      /* @__PURE__ */ import_react13.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      (log.origin || log.target || log.mode) && /* @__PURE__ */ import_react13.default.createElement(
         "span",
         {
           style: {
@@ -5660,7 +6085,7 @@ function ServerScriptLogsSection({
         },
         [log.origin ?? log.target, log.mode].filter(Boolean).join(" / ")
       ),
-      /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement(
         "span",
         {
           style: {
@@ -5671,7 +6096,7 @@ function ServerScriptLogsSection({
         },
         log.scriptId
       )
-    ), /* @__PURE__ */ import_react11.default.createElement(
+    ), /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
         style: {
@@ -5680,15 +6105,15 @@ function ServerScriptLogsSection({
           gap: "4px"
         }
       },
-      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ import_react11.default.createElement(
+      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ import_react13.default.createElement(
         import_react_inspector6.ObjectInspector,
         {
           key: index,
           data: value,
           theme
         }
-      )) : /* @__PURE__ */ import_react11.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
-    ))), !logs?.length && /* @__PURE__ */ import_react11.default.createElement(
+      )) : /* @__PURE__ */ import_react13.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
+    ))), !logs?.length && /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
         style: {
@@ -5699,7 +6124,7 @@ function ServerScriptLogsSection({
           gap: "4px"
         }
       },
-      /* @__PURE__ */ import_react11.default.createElement("span", null, "No logs received")
+      /* @__PURE__ */ import_react13.default.createElement("span", null, "No logs received")
     ))
   );
 }
@@ -6251,16 +6676,8 @@ function replaceDeep(obj, replacementMap) {
   }
 }
 
-// src/inspector/StateInspectorTitleLabel.tsx
-var import_react12 = __toESM(require("react"));
-function StateInspectorTitleLabel({
-  children
-}) {
-  return /* @__PURE__ */ import_react12.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
-}
-
 // src/inspector/StateInspectorToggleButton.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -6268,7 +6685,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ import_react13.default.createElement(
+  const rightIcon = /* @__PURE__ */ import_react14.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6278,7 +6695,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -6287,7 +6704,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ import_react13.default.createElement(
+  const leftIcon = /* @__PURE__ */ import_react14.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6297,7 +6714,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -6306,7 +6723,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     "span",
     {
       role: "button",
@@ -6327,15 +6744,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react13.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react14.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // src/inspector/useLocalStorageState.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var localStorage = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = import_react14.default.useState(() => {
+  const [state, setState] = import_react15.default.useState(() => {
     const value = localStorage?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -6355,11 +6772,11 @@ function useLocalStorageState(key, defaultValue) {
 }
 
 // src/inspector/usePausedStream.ts
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 function usePausedStream(items) {
-  const [paused, setPaused] = import_react15.default.useState(false);
-  const [visibleItems, setVisibleItems] = import_react15.default.useState(items ?? []);
-  const togglePaused = import_react15.default.useCallback(() => {
+  const [paused, setPaused] = import_react16.default.useState(false);
+  const [visibleItems, setVisibleItems] = import_react16.default.useState(items ?? []);
+  const togglePaused = import_react16.default.useCallback(() => {
     setPaused((value) => {
       if (!value) {
         setVisibleItems(items ?? []);
@@ -6367,7 +6784,7 @@ function usePausedStream(items) {
       return !value;
     });
   }, [items]);
-  import_react15.default.useEffect(() => {
+  import_react16.default.useEffect(() => {
     if (paused) return;
     setVisibleItems(items ?? []);
   }, [items, paused]);
@@ -6399,19 +6816,20 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     ioManager,
     resourceManager,
     activityEventsManager,
-    logManager
+    logManager,
+    gitManager
   } = noyaManager;
-  const [didMount, setDidMount] = import_react16.default.useState(false);
+  const [didMount, setDidMount] = import_react17.default.useState(false);
   const tasks = useObservable(taskManager.tasks$);
   const inputs = useObservable(ioManager.inputs$);
   const outputTransforms = useObservable(ioManager.outputTransforms$);
-  (0, import_react16.useLayoutEffect)(() => {
+  (0, import_react17.useLayoutEffect)(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = import_react16.default.useRef(null);
-  const activityEventsContainerRef = import_react16.default.useRef(null);
-  const serverLogsContainerRef = import_react16.default.useRef(null);
-  const serverSimulationLogsContainerRef = import_react16.default.useRef(null);
+  const eventsContainerRef = import_react17.default.useRef(null);
+  const activityEventsContainerRef = import_react17.default.useRef(null);
+  const serverLogsContainerRef = import_react17.default.useRef(null);
+  const serverSimulationLogsContainerRef = import_react17.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -6476,6 +6894,10 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     "noya-multiplayer-react-show-server-simulation-logs",
     false
   );
+  const [showGit, setShowGit] = useLocalStorageState(
+    "noya-multiplayer-react-show-git",
+    false
+  );
   const [showSimulation, setShowSimulation] = useLocalStorageState(
     "noya-multiplayer-react-show-simulation",
     false
@@ -6486,7 +6908,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     paused: connectionEventsPaused,
     togglePaused: toggleConnectionEventsPaused
   } = usePausedStream(connectionEvents);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
@@ -6505,13 +6927,13 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     paused: serverSimulationLogsPaused,
     togglePaused: toggleServerSimulationLogsPaused
   } = usePausedStream(serverSimulationLogs);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!showServerLogs) return;
     if (serverLogsContainerRef.current) {
       serverLogsContainerRef.current.scrollTop = serverLogsContainerRef.current.scrollHeight;
     }
   }, [showServerLogs, visibleServerLogs]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!showServerSimulationLogs) return;
     if (serverSimulationLogsContainerRef.current) {
       serverSimulationLogsContainerRef.current.scrollTop = serverSimulationLogsContainerRef.current.scrollHeight;
@@ -6558,11 +6980,11 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     zIndex: 9999,
     lineHeight: "13px"
   };
-  const handleExportAll = (0, import_react16.useCallback)(async () => {
+  const handleExportAll = (0, import_react17.useCallback)(async () => {
     const buffer = await exportAll(noyaManager);
     (0, import_react_utils.downloadBlob)(new Blob([buffer]), "state.zip");
   }, [noyaManager]);
-  const handleImportAll = (0, import_react16.useCallback)(async () => {
+  const handleImportAll = (0, import_react17.useCallback)(async () => {
     const file = await uploadFile();
     const buffer = await file.arrayBuffer();
     importAll(buffer, noyaManager, {
@@ -6575,7 +6997,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ import_react17.default.createElement(
       "div",
       {
         ...props,
@@ -6587,7 +7009,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -6598,7 +7020,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
       )
     );
   }
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     "div",
     {
       ...props,
@@ -6607,7 +7029,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         ...props.style
       }
     },
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -6620,14 +7042,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           maxHeight: "50%",
           overflowY: "auto"
         },
-        right: /* @__PURE__ */ import_react16.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react16.default.createElement(
+        right: /* @__PURE__ */ import_react17.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
             onClick: () => setShowUserDetails(!showUserDetails)
           },
           "Toggle details"
-        ), /* @__PURE__ */ import_react16.default.createElement(
+        ), /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -6637,8 +7059,8 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           }
         ))
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.filter((user) => showUserDetails || !user.inactive).map((user, index, array) => {
-        return /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.filter((user) => showUserDetails || !user.inactive).map((user, index, array) => {
+        return /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorRow,
           {
             key: user.connectionId,
@@ -6649,7 +7071,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
               opacity: user.inactive ? 0.5 : 1
             }
           },
-          user.image && /* @__PURE__ */ import_react16.default.createElement(
+          user.image && /* @__PURE__ */ import_react17.default.createElement(
             "img",
             {
               src: user.image,
@@ -6666,9 +7088,9 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
               }
             }
           ),
-          showUserDetails ? /* @__PURE__ */ import_react16.default.createElement(import_react_inspector7.ObjectInspector, { data: user, theme }) : user.name
+          showUserDetails ? /* @__PURE__ */ import_react17.default.createElement(import_react_inspector7.ObjectInspector, { data: user, theme }) : user.name
         );
-      }), !connectedUsers && /* @__PURE__ */ import_react16.default.createElement(
+      }), !connectedUsers && /* @__PURE__ */ import_react17.default.createElement(
         "div",
         {
           style: {
@@ -6679,13 +7101,13 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react16.default.createElement("span", null, "No connected users")
+        /* @__PURE__ */ import_react17.default.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react16.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react16.default.createElement(
+        title: /* @__PURE__ */ import_react17.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react17.default.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -6694,7 +7116,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ import_react16.default.createElement(
+        right: /* @__PURE__ */ import_react17.default.createElement(
           "span",
           {
             style: {
@@ -6702,9 +7124,9 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
               gap: "12px"
             }
           },
-          /* @__PURE__ */ import_react16.default.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ import_react16.default.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ import_react16.default.createElement(
+          /* @__PURE__ */ import_react17.default.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ import_react17.default.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ import_react17.default.createElement(
             StateInspectorButton,
             {
               theme,
@@ -6716,14 +7138,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           )
         )
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react17.default.createElement(
         import_react_inspector7.ObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react16.default.createElement(
+      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react17.default.createElement(
         import_react_inspector7.ObjectInspector,
         {
           name: "schema",
@@ -6732,7 +7154,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         }
       )))
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       HistorySection,
       {
         showHistory,
@@ -6742,14 +7164,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ import_react16.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react16.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react17.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react17.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ import_react16.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react16.default.createElement(
+        right: /* @__PURE__ */ import_react17.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6764,7 +7186,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react16.default.createElement(
+        ), /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6777,54 +7199,69 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Reload"
-        ), /* @__PURE__ */ import_react16.default.createElement(
+        ), /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
-            onClick: () => {
-              const input = document.createElement("input");
-              input.type = "file";
-              input.onchange = () => {
-                const file = input.files?.[0];
-                if (file) {
-                  const reader = new FileReader();
-                  reader.onload = () => {
-                    const buffer = reader.result;
-                    assetManager.create(new Uint8Array(buffer));
-                  };
-                  reader.readAsArrayBuffer(file);
-                }
-              };
-              input.click();
+            onClick: async () => {
+              const file = await uploadFile();
+              assetManager.create(file);
             }
           },
           "Upload"
+        ), /* @__PURE__ */ import_react17.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: async () => {
+              const file = await uploadFile();
+              assetManager.create({
+                data: new Uint8Array(await file.arrayBuffer()),
+                contentType: file.type,
+                mode: "mutable"
+              });
+            }
+          },
+          "Upload Mutable"
         ))
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react17.default.createElement(
         import_react_inspector7.ObjectInspector,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme
         }
-      ), /* @__PURE__ */ import_react16.default.createElement(
+      ), /* @__PURE__ */ import_react17.default.createElement("div", { style: { display: "flex", gap: "4px" } }, asset.mode === "mutable" && /* @__PURE__ */ import_react17.default.createElement(
+        StateInspectorButton,
+        {
+          theme,
+          onClick: async () => {
+            const file = await uploadFile();
+            assetManager.update(asset.id, {
+              data: new Uint8Array(await file.arrayBuffer()),
+              contentType: file.type
+            });
+          }
+        },
+        "Replace"
+      ), /* @__PURE__ */ import_react17.default.createElement(
         StateInspectorButton,
         {
           theme,
           onClick: () => assetManager.delete(asset.id)
         },
         "Delete"
-      ))))
+      )))))
     ),
-    advanced && /* @__PURE__ */ import_react16.default.createElement(
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react16.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react16.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react17.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react17.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ import_react16.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react16.default.createElement(
+        right: /* @__PURE__ */ import_react17.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6839,7 +7276,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react16.default.createElement(
+        ), /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6852,7 +7289,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ import_react16.default.createElement(
+        ), /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6872,21 +7309,21 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react17.default.createElement(
         import_react_inspector7.ObjectInspector,
         {
           name: resource.path,
           data: resource,
           theme
         }
-      ), /* @__PURE__ */ import_react16.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react16.default.createElement(
+      ), /* @__PURE__ */ import_react17.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react17.default.createElement(
         StateInspectorButton,
         {
           theme,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ import_react16.default.createElement(
+      ), /* @__PURE__ */ import_react17.default.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6899,14 +7336,23 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Rename"
       )))))
     ),
-    advanced && /* @__PURE__ */ import_react16.default.createElement(
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react16.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react16.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react17.default.createElement(StateInspectorTitleLabel, null, "Secrets (", secrets.length, ")", /* @__PURE__ */ import_react17.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ import_react16.default.createElement(
+        right: /* @__PURE__ */ import_react17.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react17.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: () => {
+              void secretManager.fetchSecrets();
+            }
+          },
+          "Refresh"
+        ), /* @__PURE__ */ import_react17.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6919,9 +7365,9 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Create"
-        )
+        ))
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react16.default.createElement(import_react_inspector7.ObjectInspector, { data: secret, theme }), /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react17.default.createElement(import_react_inspector7.ObjectInspector, { data: secret, theme }), /* @__PURE__ */ import_react17.default.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6930,15 +7376,24 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react16.default.createElement(
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
+      GitSection,
+      {
+        showGit,
+        setShowGit,
+        colorScheme,
+        gitManager
+      }
+    ),
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ import_react16.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react16.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react17.default.createElement(StateInspectorTitleLabel, null, "Inputs (", inputs.length, ")", /* @__PURE__ */ import_react17.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react16.default.createElement(import_react_inspector7.ObjectInspector, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react17.default.createElement(import_react_inspector7.ObjectInspector, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ import_react17.default.createElement(
         "div",
         {
           style: {
@@ -6949,15 +7404,15 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react16.default.createElement("span", null, "No inputs")
+        /* @__PURE__ */ import_react17.default.createElement("span", null, "No inputs")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react16.default.createElement(
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ import_react16.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react16.default.createElement(
+        title: /* @__PURE__ */ import_react17.default.createElement(StateInspectorTitleLabel, null, "Output Transforms (", outputTransforms.length, ")", /* @__PURE__ */ import_react17.default.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -6965,7 +7420,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         )),
         colorScheme
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react16.default.createElement(import_react_inspector7.ObjectInspector, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react17.default.createElement(import_react_inspector7.ObjectInspector, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ import_react17.default.createElement(
         "div",
         {
           style: {
@@ -6976,10 +7431,10 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react16.default.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ import_react17.default.createElement("span", null, "No output transforms")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react16.default.createElement(
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -6987,7 +7442,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react17.default.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -6996,7 +7451,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             backgroundColor: task.status === "done" ? "rgba(0,255,0,0.2)" : task.status === "error" ? "rgba(255,0,0,0.2)" : void 0
           }
         },
-        /* @__PURE__ */ import_react16.default.createElement(
+        /* @__PURE__ */ import_react17.default.createElement(
           import_react_inspector7.ObjectInspector,
           {
             name: task.name,
@@ -7006,7 +7461,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         )
       )))
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showShared,
@@ -7014,7 +7469,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react17.default.createElement(
         import_react_inspector7.ObjectInspector,
         {
           name: key,
@@ -7024,7 +7479,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         }
       ))))
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       ServerScriptLogsSection,
       {
         colorScheme,
@@ -7036,7 +7491,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         containerRef: serverLogsContainerRef
       }
     ),
-    showSimulationLogsSection && /* @__PURE__ */ import_react16.default.createElement(
+    showSimulationLogsSection && /* @__PURE__ */ import_react17.default.createElement(
       ServerScriptLogsSection,
       {
         title: "Server Script Simulation Logs",
@@ -7049,7 +7504,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         containerRef: serverSimulationLogsContainerRef
       }
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showSimulation,
@@ -7057,7 +7512,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         title: "Server Simulation",
         colorScheme
       },
-      /* @__PURE__ */ import_react16.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react16.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react17.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react17.default.createElement(
         import_react_inspector7.ObjectInspector,
         {
           name: "status",
@@ -7073,7 +7528,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         }
       )))
     ),
-    advanced && /* @__PURE__ */ import_react16.default.createElement(
+    advanced && /* @__PURE__ */ import_react17.default.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -7083,7 +7538,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       EventsSection,
       {
         connectionEvents: visibleConnectionEvents,
@@ -7131,7 +7586,7 @@ function useStateInspector({
   colorScheme,
   anchor
 }) {
-  const [root, setRoot] = import_react17.default.useState(null);
+  const [root, setRoot] = import_react18.default.useState(null);
   (0, import_react_utils2.useIsomorphicLayoutEffect)(() => {
     if (disabled) return;
     const { root: root2, unmount } = createStateInspectorRoot();
@@ -7141,7 +7596,7 @@ function useStateInspector({
   (0, import_react_utils2.useIsomorphicLayoutEffect)(() => {
     if (!root) return;
     root.render(
-      /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement(
         StateInspector,
         {
           colorScheme,
@@ -7156,18 +7611,18 @@ function useStateInspector({
 
 // src/hooks.ts
 function useManagedState(createInitialState, options) {
-  const [stateManager] = (0, import_react18.useState)(
+  const [stateManager] = (0, import_react19.useState)(
     () => new import_state_manager2.StateManager(createInitialState(), options)
   );
-  const getSnapshot = (0, import_react18.useCallback)(() => {
+  const getSnapshot = (0, import_react19.useCallback)(() => {
     return stateManager.getState();
   }, [stateManager]);
-  const state = (0, import_react18.useSyncExternalStore)(
+  const state = (0, import_react19.useSyncExternalStore)(
     stateManager.addListener,
     getSnapshot,
     getSnapshot
   );
-  const setState = (0, import_react18.useCallback)(
+  const setState = (0, import_react19.useCallback)(
     (...args) => {
       const [metadata, action] = args.length === 1 ? [void 0, args[0]] : args;
       if (metadata === void 0) {
@@ -7203,7 +7658,7 @@ function useManagedState(createInitialState, options) {
   return [state, setState, stateManager];
 }
 function useManagedHistory(stateManager) {
-  return (0, import_react18.useSyncExternalStore)(
+  return (0, import_react19.useSyncExternalStore)(
     stateManager.historyEmittor.addListener,
     stateManager.getHistorySnapshot,
     stateManager.getHistorySnapshot
@@ -7214,7 +7669,7 @@ function useBindNoyaManager(noyaManager, options) {
     noyaManager.multiplayerStateManager.optimisticState$
   );
   const assets = useObservable(noyaManager.assetManager.assets$);
-  const extras = (0, import_react18.useMemo)(() => {
+  const extras = (0, import_react19.useMemo)(() => {
     return {
       noyaManager,
       taskManager: noyaManager.taskManager,
@@ -7233,8 +7688,8 @@ function useBindNoyaManager(noyaManager, options) {
       assets
     };
   }, [noyaManager, assets]);
-  const syncRef = (0, import_react18.useRef)(options?.sync);
-  (0, import_react18.useEffect)(() => {
+  const syncRef = (0, import_react19.useRef)(options?.sync);
+  (0, import_react19.useEffect)(() => {
     if (syncRef.current) {
       return syncRef.current({ noyaManager });
     }
@@ -7254,7 +7709,7 @@ function useMultiplayerState(initialState, options) {
     inspector,
     ...rest
   } = options ?? {};
-  const [noyaManager] = (0, import_react18.useState)(
+  const [noyaManager] = (0, import_react19.useState)(
     () => new import_state_manager2.NoyaManager(initialState, rest)
   );
   return useBindNoyaManager(noyaManager, {
@@ -7264,13 +7719,13 @@ function useMultiplayerState(initialState, options) {
 }
 function useErrorOverlay(noyaManager) {
   const unrecoverableError = useObservable(noyaManager.unrecoverableError);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!unrecoverableError) return;
     const el = document.createElement("div");
     el.id = "noya-multiplayer-react-error-overlay";
     document.body.appendChild(el);
     const root = (0, import_client2.createRoot)(el);
-    root.render((0, import_react18.createElement)(ErrorOverlay, { error: unrecoverableError }));
+    root.render((0, import_react19.createElement)(ErrorOverlay, { error: unrecoverableError }));
     return () => {
       root.unmount();
       el.remove();
@@ -7340,11 +7795,13 @@ function getSyncAdapter(params) {
     offlineStorageKey,
     debug,
     policyAuthContext,
-    serverScripts
+    serverScripts,
+    git
   } = params ?? {};
   return (0, import_state_manager3.isEmbeddedApp)() ? (0, import_state_manager3.parentFrameSync)({ debug, policyAuthContext }) : multiplayerUrl ? (0, import_state_manager3.webSocketSync)({ url: multiplayerUrl, debug }) : offlineStorageKey ? (0, import_state_manager3.localStorageSync)({
     key: offlineStorageKey,
-    ...serverScripts ? { serverScripts } : {}
+    ...serverScripts ? { serverScripts } : {},
+    ...git ? { git } : {}
   }) : (0, import_state_manager3.stubSync)();
 }
 function useNoyaStateInternal(...args) {
@@ -7360,12 +7817,12 @@ function useNoyaStateInternal(...args) {
       isDemo,
       access
     }
-  ] = (0, import_react19.useState)(() => {
+  ] = (0, import_react20.useState)(() => {
     return getAppData(initialState, options?.schema, {
       overrideExistingState: options?.overrideExistingState
     });
   });
-  const basePolicyAuthContext = (0, import_react19.useMemo)(() => {
+  const basePolicyAuthContext = (0, import_react20.useMemo)(() => {
     if (!access && userId === void 0) return void 0;
     const context = {};
     if (access) {
@@ -7376,29 +7833,33 @@ function useNoyaStateInternal(...args) {
     }
     return context;
   }, [access, userId]);
-  const sync = (0, import_react19.useMemo)(() => {
+  const sync = (0, import_react20.useMemo)(() => {
     return getSyncAdapter({
       multiplayerUrl,
       offlineStorageKey: options?.offlineStorageKey,
       debug: options?.debug,
-      policyAuthContext: basePolicyAuthContext
+      policyAuthContext: basePolicyAuthContext,
+      serverScripts: options?.serverScripts,
+      git: options?.git
     });
   }, [
     multiplayerUrl,
     options?.offlineStorageKey,
     options?.debug,
-    basePolicyAuthContext
+    basePolicyAuthContext,
+    options?.serverScripts,
+    options?.git
   ]);
-  const [noyaManager] = (0, import_react19.useState)(
+  const [noyaManager] = (0, import_react20.useState)(
     () => new import_state_manager3.NoyaManager(noyaAppInitialState, options)
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!userId) return;
     noyaManager.sharedConnectionDataManager.setCurrentConnectionId(userId);
     noyaManager.userManager.setCurrentConnectionId(userId);
     noyaManager.userManager.setCurrentUserId(userId);
   }, [noyaManager, userId]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!basePolicyAuthContext) return;
     noyaManager.multiplayerStateManager.setPolicyAuthContext(
       basePolicyAuthContext
@@ -7409,7 +7870,7 @@ function useNoyaStateInternal(...args) {
     sync: options?.sync ?? sync
   });
   const [, , extras] = result;
-  const mergedExtras = (0, import_react19.useMemo)(() => {
+  const mergedExtras = (0, import_react20.useMemo)(() => {
     return { ...extras, theme, viewType, isDemo };
   }, [extras, theme, viewType, isDemo]);
   return [result[0], result[1], mergedExtras];
@@ -7417,7 +7878,7 @@ function useNoyaStateInternal(...args) {
 
 // src/singleton.tsx
 var import_state_manager4 = require("@noya-app/state-manager");
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var noyaManagerSingleton;
 var noyaSingletonBindings;
 function initializeNoyaSingleton(options) {
@@ -7461,6 +7922,7 @@ function initializeNoyaSingleton(options) {
     offlineStorageKey,
     debug: managerOptions?.debug,
     serverScripts: managerOptions?.serverScripts,
+    git: managerOptions?.git,
     policyAuthContext
   });
   try {
@@ -7474,7 +7936,7 @@ function initializeNoyaSingleton(options) {
   if (resolvedInspector) {
     const { root } = createStateInspectorRoot();
     root.render(
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         StateInspector,
         {
           noyaManager: noyaManagerSingleton,
@@ -7575,9 +8037,9 @@ function buildResourcePatchPayload({
   }
   return patch;
 }
-var AnyNoyaStateContext = (0, import_react21.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react22.createContext)(void 0);
 function useAnyNoyaStateContext() {
-  const value = (0, import_react21.useContext)(AnyNoyaStateContext);
+  const value = (0, import_react22.useContext)(AnyNoyaStateContext);
   if (!value) {
     const bindings = getNoyaSingletonBindings();
     if (bindings) {
@@ -7611,7 +8073,7 @@ function useAssets() {
 }
 function useAsset(id) {
   const { noyaManager } = useAnyNoyaStateContext();
-  const observable = (0, import_react21.useMemo)(
+  const observable = (0, import_react22.useMemo)(
     () => noyaManager.assetManager.assets$.map(
       (assets) => assets.find((a) => a.stableId === id) ?? assets.find((a) => a.id === id)
     ),
@@ -7622,7 +8084,7 @@ function useAsset(id) {
 function useAssetManager() {
   const { noyaManager } = useAnyNoyaStateContext();
   const isInitialized = useObservable(noyaManager.assetManager.isInitialized$);
-  return (0, import_react21.useMemo)(
+  return (0, import_react22.useMemo)(
     () => ({
       create: noyaManager.assetManager.create,
       delete: noyaManager.assetManager.delete,
@@ -7647,7 +8109,7 @@ function useSecret(name) {
   const { noyaManager } = useAnyNoyaStateContext();
   return useObservable(
     noyaManager.secretManager.secrets$,
-    (0, import_react21.useCallback)((secrets) => secrets.find((s) => s.name === name), [name])
+    (0, import_react22.useCallback)((secrets) => secrets.find((s) => s.name === name), [name])
   );
 }
 function useInputs() {
@@ -7665,7 +8127,7 @@ function useIOManager() {
 function usePublish(callback) {
   const { noyaManager } = useAnyNoyaStateContext();
   const stableCallback = (0, import_react_utils3.useStableCallback)(callback);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     noyaManager.publishingManager.setPublishingEnabled(true);
     noyaManager.publishingManager.getFilesToPublish = stableCallback;
     return () => {
@@ -7676,7 +8138,7 @@ function usePublish(callback) {
 }
 function useIsInitialized() {
   const { noyaManager, viewType } = useAnyNoyaStateContext();
-  const isInitializedObservable = (0, import_react21.useMemo)(
+  const isInitializedObservable = (0, import_react22.useMemo)(
     () => import_observable.Observable.combine(
       [
         ...viewType === "preview" ? [] : [noyaManager.multiplayerStateManager.isInitialized$],
@@ -7705,7 +8167,7 @@ function useNoyaUser(id) {
   const userManager = useNoyaUserManager();
   return useObservable(
     userManager?.allUsers$,
-    (0, import_react21.useCallback)((users) => (0, import_state_manager5.findNoyaUser)(users, id), [id])
+    (0, import_react22.useCallback)((users) => (0, import_state_manager5.findNoyaUser)(users, id), [id])
   );
 }
 function useNoyaActiveUsers() {
@@ -7755,7 +8217,7 @@ function useNoyaTranscriptionManager() {
 }
 function useNoyaAssetTranscription(assetId, options) {
   const transcriptionManager = useNoyaTranscriptionManager();
-  const observable = (0, import_react21.useMemo)(() => {
+  const observable = (0, import_react22.useMemo)(() => {
     if (!assetId) return void 0;
     return transcriptionManager.getAssetTranscription$(assetId, {
       endpoint: options?.endpoint,
@@ -7781,13 +8243,13 @@ function useResources({
   const assetManager = useAssetManager();
   const resourceMap = useObservable(
     resourceManager.optimisticResources$,
-    (0, import_react21.useCallback)((resources) => {
+    (0, import_react22.useCallback)((resources) => {
       return Object.fromEntries(
         resources.map((resource) => [resource.path, resource])
       );
     }, [])
   );
-  const setResourceMap = (0, import_react21.useCallback)(
+  const setResourceMap = (0, import_react22.useCallback)(
     async (action) => {
       const newResourceMap = action instanceof Function ? action(resourceMap) : action;
       const { addedResources, removedResources, modifiedResources } = diffResourceMaps(resourceMap, newResourceMap, "id");
@@ -7821,9 +8283,9 @@ function useActivityEvents(streamFilter) {
   );
 }
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
-  const [streamId, setStreamId] = (0, import_react21.useState)(void 0);
+  const [streamId, setStreamId] = (0, import_react22.useState)(void 0);
   const stableStreamFilter = (0, import_react_utils3.useJsonMemo)(streamFilter);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -7854,7 +8316,7 @@ function createNoyaContext({
     children,
     contextValue
   }) {
-    return /* @__PURE__ */ import_react21.default.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, children);
+    return /* @__PURE__ */ import_react22.default.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, children);
   }
   function NoyaStateProvider({
     children,
@@ -7869,7 +8331,7 @@ function createNoyaContext({
       safeEval,
       ...options
     });
-    const contextValue = (0, import_react21.useMemo)(
+    const contextValue = (0, import_react22.useMemo)(
       () => ({
         noyaManager,
         theme,
@@ -7877,12 +8339,12 @@ function createNoyaContext({
       }),
       [noyaManager, theme, viewType]
     );
-    return /* @__PURE__ */ import_react21.default.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ import_react21.default.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
+    return /* @__PURE__ */ import_react22.default.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ import_react22.default.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
   }
   function useValue(path2, options) {
     const { noyaManager } = useAnyNoyaStateContext();
     let actualPath = typeof path2 === "function" || !path2 ? "" : path2;
-    const mappedObservable = (0, import_react21.useMemo)(() => {
+    const mappedObservable = (0, import_react22.useMemo)(() => {
       if (typeof path2 === "function") {
         return noyaManager.multiplayerStateManager.optimisticState$.map(path2, {
           isEqual: options?.isEqual
@@ -7895,7 +8357,7 @@ function createNoyaContext({
   }
   function useSetValue(path2) {
     const { noyaManager } = useAnyNoyaStateContext();
-    const setValue = (0, import_react21.useCallback)(
+    const setValue = (0, import_react22.useCallback)(
       (...args) => {
         const [metadata, value] = args.length === 2 ? args : [{}, args[0]];
         noyaManager.multiplayerStateManager.setStateAtPath(
@@ -7931,7 +8393,7 @@ function createNoyaContext({
   }
   function useSetLeftMenuItems(leftMenuItems) {
     const { menuManager } = useNoyaManager();
-    (0, import_react21.useEffect)(() => {
+    (0, import_react22.useEffect)(() => {
       if (leftMenuItems) {
         menuManager.setLeftMenuItems(leftMenuItems);
       }
@@ -7943,7 +8405,7 @@ function createNoyaContext({
   }
   function useSetRightMenuItems(rightMenuItems) {
     const { menuManager } = useNoyaManager();
-    (0, import_react21.useEffect)(() => {
+    (0, import_react22.useEffect)(() => {
       if (rightMenuItems) {
         menuManager.setRightMenuItems(rightMenuItems);
       }
@@ -7951,19 +8413,19 @@ function createNoyaContext({
   }
   function useHandleMenuItem(callback) {
     const { menuManager } = useNoyaManager();
-    (0, import_react21.useEffect)(() => {
+    (0, import_react22.useEffect)(() => {
       return menuManager.addListener(callback);
     }, [menuManager, callback]);
   }
   function useOnSelectMenuItemCallback() {
     const { menuManager } = useNoyaManager();
-    return (0, import_react21.useCallback)((type) => menuManager.emit(type), [menuManager]);
+    return (0, import_react22.useCallback)((type) => menuManager.emit(type), [menuManager]);
   }
   function useMenu(options) {
     const { leftMenuItems, rightMenuItems, onSelectMenuItem } = options;
     useSetLeftMenuItems(leftMenuItems);
     useSetRightMenuItems(rightMenuItems);
-    const noop = (0, import_react21.useCallback)(() => {
+    const noop = (0, import_react22.useCallback)(() => {
     }, []);
     useHandleMenuItem(onSelectMenuItem ?? noop);
   }
@@ -7990,7 +8452,7 @@ function createNoyaContext({
 // src/ai.ts
 function useRegisterAITool(tool) {
   const aiManager = useAIManager();
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     return aiManager.registerTool(tool);
   }, [aiManager, tool]);
 }
@@ -8002,7 +8464,7 @@ function useCallableAITools() {
 // src/components/UserPointersOverlay.tsx
 var import_observable2 = require("@noya-app/observable");
 var import_react_utils4 = require("@noya-app/react-utils");
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -8012,7 +8474,7 @@ var UserPointerInternal = (0, import_react_utils4.memoGeneric)(function UserPoin
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react23.useMemo)(() => {
+  const observable = (0, import_react24.useMemo)(() => {
     const metadata$ = sharedConnectionDataManager.metadata$.observePath([user.connectionId]).throttle(50);
     const data$ = sharedConnectionDataManager.data$.observePath([user.connectionId]).throttle(50);
     return import_observable2.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
@@ -8020,10 +8482,10 @@ var UserPointerInternal = (0, import_react_utils4.memoGeneric)(function UserPoin
     });
   }, [sharedConnectionDataManager, user.connectionId]);
   const { metadata, data } = useObservable(observable);
-  const [, setForceUpdate] = (0, import_react23.useState)(0);
+  const [, setForceUpdate] = (0, import_react24.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -8047,9 +8509,9 @@ var UserPointersOverlay = (0, import_react_utils4.memoGeneric)(function UserPoin
     sharedConnectionDataManager.currentConnectionId$
   );
   const connectedUsers = useObservable(userManager.connectedUsers$);
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, connectedUsers.map((user) => {
     if (user.connectionId === currentConnectionId) return null;
-    return /* @__PURE__ */ import_react23.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       UserPointerInternal,
       {
         key: user.connectionId,