orchajs 0.20.2 → 0.21.0

package/dist-cjs/runtime-entry.js

@@ -0,0 +1,34 @@
+"use strict"; const __orchaImportMetaUrl = require("url").pathToFileURL(__filename).href;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var runtime_entry_exports = {};
+__export(runtime_entry_exports, {
+  OrchaError: () => import_errors.OrchaError,
+  exportSessionJsonl: () => import_migrate.exportSessionJsonl,
+  migrateSessionStore: () => import_migrate.migrateSessionStore
+});
+module.exports = __toCommonJS(runtime_entry_exports);
+var import_errors = require("./errors.js");
+var import_migrate = require("./storage/migrate.js");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrchaError,
+  exportSessionJsonl,
+  migrateSessionStore
+});

package/dist-cjs/storage/browser-indexeddb.js

@@ -22,16 +22,113 @@ __export(browser_indexeddb_exports, {
   BrowserIndexedDbSessionStore: () => BrowserIndexedDbSessionStore
 });
 module.exports = __toCommonJS(browser_indexeddb_exports);
+const DATABASE_VERSION = 1;
+const EVENT_STORE = "events";
 class BrowserIndexedDbSessionStore {
-  async read(_sessionId) {
-    throw new Error("Browser IndexedDB session storage is not implemented yet.");
+  #databaseName;
+  #namespace;
+  #listeners = /* @__PURE__ */ new Map();
+  #allListeners = /* @__PURE__ */ new Set();
+  constructor(namespace, databaseName = "orchajs") {
+    this.#namespace = namespace;
+    this.#databaseName = databaseName;
   }
-  async append(_sessionId, _events) {
-    throw new Error("Browser IndexedDB session storage is not implemented yet.");
+  async read(sessionId) {
+    const database = await this.#open();
+    const transaction = database.transaction(EVENT_STORE, "readonly");
+    const index = transaction.objectStore(EVENT_STORE).index("session");
+    const records = await request(
+      index.getAll(IDBKeyRange.only([this.#namespace, sessionId]))
+    );
+    await transactionComplete(transaction);
+    return records.sort((left, right) => left.sequence - right.sequence).map((record) => record.event);
+  }
+  async append(sessionId, events) {
+    if (events.length === 0) {
+      return;
+    }
+    const database = await this.#open();
+    const transaction = database.transaction(EVENT_STORE, "readwrite");
+    const store = transaction.objectStore(EVENT_STORE);
+    for (const event of events) {
+      store.add({
+        id: eventId(this.#namespace, sessionId, event.sequence),
+        namespace: this.#namespace,
+        sessionId,
+        sequence: event.sequence,
+        event
+      });
+    }
+    await transactionComplete(transaction);
+    this.#listeners.get(sessionId)?.forEach((listener) => listener(events));
+    this.#allListeners.forEach((listener) => listener(sessionId, events));
   }
   async listSessionIds() {
-    throw new Error("Browser IndexedDB session storage is not implemented yet.");
+    const database = await this.#open();
+    const transaction = database.transaction(EVENT_STORE, "readonly");
+    const index = transaction.objectStore(EVENT_STORE).index("namespace");
+    const records = await request(
+      index.getAll(IDBKeyRange.only(this.#namespace))
+    );
+    await transactionComplete(transaction);
+    return [...new Set(records.map((record) => record.sessionId))].sort();
+  }
+  subscribe(sessionId, listener) {
+    const listeners = this.#listeners.get(sessionId) ?? /* @__PURE__ */ new Set();
+    listeners.add(listener);
+    this.#listeners.set(sessionId, listeners);
+    return () => {
+      listeners.delete(listener);
+      if (listeners.size === 0) {
+        this.#listeners.delete(sessionId);
+      }
+    };
+  }
+  subscribeAll(listener) {
+    this.#allListeners.add(listener);
+    return () => this.#allListeners.delete(listener);
+  }
+  async describeLocation(sessionId) {
+    return `indexeddb://${this.#databaseName}/${this.#namespace}/${sessionId}`;
   }
+  #open() {
+    if (typeof indexedDB === "undefined") {
+      throw new Error("IndexedDB is unavailable in this runtime.");
+    }
+    return new Promise((resolve, reject) => {
+      const openRequest = indexedDB.open(this.#databaseName, DATABASE_VERSION);
+      openRequest.onupgradeneeded = () => {
+        const database = openRequest.result;
+        if (database.objectStoreNames.contains(EVENT_STORE)) {
+          return;
+        }
+        const store = database.createObjectStore(EVENT_STORE, {
+          keyPath: "id"
+        });
+        store.createIndex("session", ["namespace", "sessionId"]);
+        store.createIndex("namespace", "namespace");
+      };
+      openRequest.onsuccess = () => resolve(openRequest.result);
+      openRequest.onerror = () => reject(openRequest.error);
+      openRequest.onblocked = () => reject(new Error("Opening the Orcha IndexedDB database was blocked."));
+    });
+  }
+}
+function eventId(namespace, sessionId, sequence) {
+  return `${namespace}\0${sessionId}\0${sequence.toString().padStart(12, "0")}`;
+}
+function request(value) {
+  return new Promise((resolve, reject) => {
+    value.onsuccess = () => resolve(value.result);
+    value.onerror = () => reject(value.error);
+  });
+}
+function transactionComplete(transaction) {
+  return new Promise((resolve, reject) => {
+    transaction.oncomplete = () => resolve();
+    transaction.onerror = () => reject(transaction.error);
+    transaction.onabort = () => reject(transaction.error ?? new Error("IndexedDB transaction aborted."));
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist-cjs/storage/react-native-jsonl.js

@@ -1,8 +1,10 @@
 "use strict"; const __orchaImportMetaUrl = require("url").pathToFileURL(__filename).href;
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,21 +18,87 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_native_jsonl_exports = {};
 __export(react_native_jsonl_exports, {
   ReactNativeJsonlSessionStore: () => ReactNativeJsonlSessionStore
 });
 module.exports = __toCommonJS(react_native_jsonl_exports);
+var import_async_storage = __toESM(require("@react-native-async-storage/async-storage"), 1);
+const writes = /* @__PURE__ */ new Map();
 class ReactNativeJsonlSessionStore {
-  async read(_sessionId) {
-    throw new Error("React Native JSONL session storage is not implemented yet.");
+  #namespace;
+  #listeners = /* @__PURE__ */ new Map();
+  #allListeners = /* @__PURE__ */ new Set();
+  constructor(namespace) {
+    this.#namespace = namespace;
   }
-  async append(_sessionId, _events) {
-    throw new Error("React Native JSONL session storage is not implemented yet.");
+  async read(sessionId) {
+    const contents = await import_async_storage.default.getItem(this.#key(sessionId));
+    if (!contents) {
+      return [];
+    }
+    return contents.split("\n").filter(Boolean).map((line) => JSON.parse(line));
+  }
+  async append(sessionId, events) {
+    if (events.length === 0) {
+      return;
+    }
+    const key = this.#key(sessionId);
+    const previous = writes.get(key) ?? Promise.resolve();
+    const write = previous.then(async () => {
+      const existing = await import_async_storage.default.getItem(key);
+      const appended = events.map((event) => JSON.stringify(event)).join("\n");
+      await import_async_storage.default.setItem(
+        key,
+        `${existing ? `${existing.replace(/\n*$/, "")}
+` : ""}${appended}
+`
+      );
+    });
+    writes.set(key, write);
+    try {
+      await write;
+    } finally {
+      if (writes.get(key) === write) {
+        writes.delete(key);
+      }
+    }
+    this.#listeners.get(sessionId)?.forEach((listener) => listener(events));
+    this.#allListeners.forEach((listener) => listener(sessionId, events));
   }
   async listSessionIds() {
-    throw new Error("React Native JSONL session storage is not implemented yet.");
+    const prefix = `@orchajs:${this.#namespace}:`;
+    return (await import_async_storage.default.getAllKeys()).filter((key) => key.startsWith(prefix)).map((key) => key.slice(prefix.length)).sort();
+  }
+  subscribe(sessionId, listener) {
+    const listeners = this.#listeners.get(sessionId) ?? /* @__PURE__ */ new Set();
+    listeners.add(listener);
+    this.#listeners.set(sessionId, listeners);
+    return () => {
+      listeners.delete(listener);
+      if (listeners.size === 0) {
+        this.#listeners.delete(sessionId);
+      }
+    };
+  }
+  subscribeAll(listener) {
+    this.#allListeners.add(listener);
+    return () => this.#allListeners.delete(listener);
+  }
+  async describeLocation(sessionId) {
+    return `async-storage://${this.#key(sessionId)}`;
+  }
+  #key(sessionId) {
+    return `@orchajs:${this.#namespace}:${sessionId}`;
   }
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist-cjs/types/react-native-async-storage.d.js

@@ -0,0 +1,2 @@
+"use strict"; const __orchaImportMetaUrl = require("url").pathToFileURL(__filename).href;
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orchajs",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "description": "A filesystem-convention, stateful agent framework for JavaScript.",
   "license": "MIT",
   "repository": {
@@ -23,6 +23,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "react-native": "./dist/react-native.js",
+      "browser": "./dist/browser.js",
       "import": "./dist/index.js",
       "require": "./dist-cjs/index.js"
     },
@@ -40,6 +42,31 @@
       "types": "./dist/testing.d.ts",
       "import": "./dist/testing.js",
       "require": "./dist-cjs/testing.js"
+    },
+    "./vite": {
+      "types": "./dist/integrations/vite.d.ts",
+      "import": "./dist/integrations/vite.js",
+      "require": "./dist-cjs/integrations/vite.js"
+    },
+    "./webpack": {
+      "types": "./dist/integrations/webpack.d.ts",
+      "import": "./dist/integrations/webpack.js",
+      "require": "./dist-cjs/integrations/webpack.js"
+    },
+    "./next": {
+      "types": "./dist/integrations/next.d.ts",
+      "import": "./dist/integrations/next.js",
+      "require": "./dist-cjs/integrations/next.js"
+    },
+    "./metro": {
+      "types": "./dist/integrations/metro.d.ts",
+      "import": "./dist/integrations/metro.js",
+      "require": "./dist-cjs/integrations/metro.js"
+    },
+    "./expo": {
+      "types": "./dist/integrations/expo.d.ts",
+      "import": "./dist/integrations/expo.js",
+      "require": "./dist-cjs/integrations/expo.js"
     }
   },
   "typesVersions": {
@@ -52,11 +79,26 @@
       ],
       "testing": [
         "dist/testing.d.ts"
+      ],
+      "vite": [
+        "dist/integrations/vite.d.ts"
+      ],
+      "webpack": [
+        "dist/integrations/webpack.d.ts"
+      ],
+      "next": [
+        "dist/integrations/next.d.ts"
+      ],
+      "metro": [
+        "dist/integrations/metro.d.ts"
+      ],
+      "expo": [
+        "dist/integrations/expo.d.ts"
       ]
     }
   },
   "bin": {
-    "orcha": "dist/cli.js"
+    "orcha": "dist/bin.js"
   },
   "files": [
     "dist",
@@ -65,7 +107,7 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "node scripts/clean-dist.mjs && npm run build --workspace=@orchajs/playground-ui && tsc -p tsconfig.json && node scripts/build-cjs.mjs && tsc -p tsconfig.playground.json && node scripts/build-playground.mjs",
+    "build": "node scripts/clean-dist.mjs && npm run build --workspace=@orchajs/playground-ui && tsc -p tsconfig.json && node scripts/build-cjs.mjs && tsc -p tsconfig.playground.json",
     "dev": "tsc -p tsconfig.json --watch",
     "test": "npm run build && npm run test:runtime && npm run test:create-orcha",
     "test:runtime": "node --test tests/*.test.mjs",
@@ -81,19 +123,25 @@
   "engines": {
     "node": ">=18.20.8"
   },
-  "dependencies": {
-    "chokidar": "4.0.3",
-    "dotenv": "16.6.1",
-    "esbuild": "^0.25.9"
-  },
   "peerDependencies": {
+    "@orchajs/playground-ui": ">=0.2.2 <1",
+    "@react-native-async-storage/async-storage": ">=2 <3",
     "@aws-sdk/client-bedrock-runtime": ">=3.864.0 <4",
     "@google/genai": ">=2.22.0 <3",
     "@jitl/quickjs-singlefile-cjs-release-sync": ">=0.32.0 <0.33",
     "better-sqlite3": ">=11.10.0 <12",
+    "chokidar": ">=4 <5",
+    "dotenv": ">=16 <17",
+    "esbuild": ">=0.25 <0.26",
     "quickjs-emscripten-core": ">=0.32.0 <0.33"
   },
   "peerDependenciesMeta": {
+    "@orchajs/playground-ui": {
+      "optional": true
+    },
+    "@react-native-async-storage/async-storage": {
+      "optional": true
+    },
     "@aws-sdk/client-bedrock-runtime": {
       "optional": true
     },
@@ -106,6 +154,15 @@
     "better-sqlite3": {
       "optional": true
     },
+    "chokidar": {
+      "optional": true
+    },
+    "dotenv": {
+      "optional": true
+    },
+    "esbuild": {
+      "optional": true
+    },
     "quickjs-emscripten-core": {
       "optional": true
     }
@@ -121,10 +178,13 @@
     "@types/react-dom": "^18.3.7",
     "@xyflow/react": "^12.11.6",
     "baseui": "^16.1.1",
+    "better-sqlite3": "11.10.0",
+    "chokidar": "4.0.3",
+    "dotenv": "16.6.1",
+    "esbuild": "^0.25.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",
-    "better-sqlite3": "11.10.0",
     "quickjs-emscripten-core": "0.32.0",
     "styletron-engine-atomic": "^1.6.2",
     "styletron-react": "^6.1.1",

package/dist/playground/public/app.css

@@ -1 +0,0 @@
-.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}