@akanjs/store 0.0.44 → 0.0.46

package/index.js

@@ -1,1710 +1,975 @@
-(() => {
-  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 __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-  }) : x)(function(x) {
-    if (typeof require !== "undefined")
-      return require.apply(this, arguments);
-    throw Error('Dynamic require of "' + x + '" is not supported');
-  });
-  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 __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
-  ));
-
-  // pkgs/@akanjs/base/src/base.ts
-  var DataList = class _DataList {
-    // [immerable] = true;
-    #idMap;
-    length;
-    values;
-    constructor(data = []) {
-      this.values = Array.isArray(data) ? [...data] : [...data.values];
-      this.#idMap = new Map(this.values.map((value, idx) => [value.id, idx]));
-      this.length = this.values.length;
-    }
-    indexOf(id) {
-      const idx = this.#idMap.get(id);
-      if (idx === void 0)
-        throw new Error(`Value ${id} is not in list`);
-      return idx;
-    }
-    set(value) {
-      const idx = this.#idMap.get(value.id);
-      if (idx !== void 0)
-        this.values = [...this.values.slice(0, idx), value, ...this.values.slice(idx + 1)];
-      else {
-        this.#idMap.set(value.id, this.length);
-        this.values = [...this.values, value];
-        this.length++;
-      }
-      return this;
-    }
-    delete(id) {
-      const idx = this.#idMap.get(id);
-      if (idx === void 0)
-        return this;
-      this.#idMap.delete(id);
-      this.values.splice(idx, 1);
-      this.values.slice(idx).forEach((value, i) => this.#idMap.set(value.id, i + idx));
-      this.length--;
-      return this;
-    }
-    get(id) {
-      const idx = this.#idMap.get(id);
-      if (idx === void 0)
-        return void 0;
-      return this.values[idx];
-    }
-    at(idx) {
-      return this.values.at(idx);
-    }
-    pickAt(idx) {
-      const value = this.values.at(idx);
-      if (value === void 0)
-        throw new Error(`Value at ${idx} is undefined`);
-      return value;
-    }
-    pick(id) {
-      return this.values[this.indexOf(id)];
-    }
-    has(id) {
-      return this.#idMap.has(id);
-    }
-    find(fn) {
-      const val = this.values.find(fn);
-      return val;
-    }
-    findIndex(fn) {
-      const val = this.values.findIndex(fn);
-      return val;
-    }
-    some(fn) {
-      return this.values.some(fn);
-    }
-    every(fn) {
-      return this.values.every(fn);
-    }
-    forEach(fn) {
-      this.values.forEach(fn);
-    }
-    map(fn) {
-      return this.values.map(fn);
-    }
-    flatMap(fn) {
-      return this.values.flatMap(fn);
-    }
-    sort(fn) {
-      return new _DataList(this.values.sort(fn));
-    }
-    filter(fn) {
-      return new _DataList(this.values.filter(fn));
-    }
-    reduce(fn, initialValue) {
-      return this.values.reduce(fn, initialValue);
-    }
-    slice(start, end = this.length) {
-      return new _DataList(this.values.slice(start, end));
-    }
-    save() {
-      return new _DataList(this);
-    }
-    [Symbol.iterator]() {
-      return this.values[Symbol.iterator]();
-    }
-  };
-  var version = "0.9.0";
-  var logo = `
-     _    _                  _     
-    / \\  | | ____ _ _ __    (_)___ 
-   / _ \\ | |/ / _' | '_ \\   | / __|
-  / ___ \\|   < (_| | | | |_ | \\__ \\
- /_/   \\_\\_|\\_\\__,_|_| |_(_)/ |___/
-                          |__/      ver ${version}
-? See more details on docs  https://www.akanjs.com/docs
-\u2605 Star Akanjs on GitHub     https://github.com/aka-bassman/akanjs
-
-`;
-
-  // pkgs/@akanjs/base/src/baseEnv.ts
-  var appName = process.env.NEXT_PUBLIC_APP_NAME ?? "unknown";
-  var repoName = process.env.NEXT_PUBLIC_REPO_NAME ?? "unknown";
-  var serveDomain = process.env.NEXT_PUBLIC_SERVE_DOMAIN ?? "unknown";
-  if (appName === "unknown")
-    throw new Error("environment variable NEXT_PUBLIC_APP_NAME is required");
-  if (repoName === "unknown")
-    throw new Error("environment variable NEXT_PUBLIC_REPO_NAME is required");
-  if (serveDomain === "unknown")
-    throw new Error("environment variable NEXT_PUBLIC_SERVE_DOMAIN is required");
-  var environment = process.env.NEXT_PUBLIC_ENV ?? "debug";
-  var operationType = typeof window !== "undefined" ? "client" : process.env.NEXT_RUNTIME ? "client" : "server";
-  var operationMode = process.env.NEXT_PUBLIC_OPERATION_MODE ?? "cloud";
-  var networkType = process.env.NEXT_PUBLIC_NETWORK_TYPE ?? (environment === "main" ? "mainnet" : environment === "develop" ? "testnet" : "debugnet");
-  var tunnelUsername = process.env.SSU_TUNNEL_USERNAME ?? "root";
-  var tunnelPassword = process.env.SSU_TUNNEL_PASSWORD ?? repoName;
-  var baseEnv = {
-    repoName,
-    serveDomain,
-    appName,
-    environment,
-    operationType,
-    operationMode,
-    networkType,
-    tunnelUsername,
-    tunnelPassword
-  };
-  var side = typeof window === "undefined" ? "server" : "client";
-  var renderMode = process.env.RENDER_ENV ?? "ssr";
-  var clientHost = process.env.NEXT_PUBLIC_CLIENT_HOST ?? (operationMode === "local" || side === "server" ? "localhost" : window.location.hostname);
-  var clientPort = parseInt(
-    process.env.NEXT_PUBLIC_CLIENT_PORT ?? (operationMode === "local" ? renderMode === "ssr" ? "4200" : "4201" : "443")
-  );
-  var clientHttpProtocol = side === "client" ? window.location.protocol : clientHost === "localhost" ? "http:" : "https:";
-  var clientHttpUri = `${clientHttpProtocol}//${clientHost}${clientPort === 443 ? "" : `:${clientPort}`}`;
-  var serverHost = process.env.SERVER_HOST ?? (operationMode === "local" ? typeof window === "undefined" ? "localhost" : window.location.host.split(":")[0] : renderMode === "csr" ? `${appName}-${environment}.${serveDomain}` : side === "client" ? window.location.host.split(":")[0] : operationMode === "cloud" ? `backend-svc.${appName}-${environment}.svc.cluster.local` : "localhost");
-  var serverPort = parseInt(
-    process.env.SERVER_PORT ?? (operationMode === "local" || side === "server" ? "8080" : "443")
-  );
-  var serverHttpProtocol = side === "client" ? window.location.protocol : "http:";
-  var serverHttpUri = `${serverHttpProtocol}//${serverHost}${serverPort === 443 ? "" : `:${serverPort}`}/backend`;
-  var serverGraphqlUri = `${serverHttpUri}/graphql`;
-  var serverWsProtocol = serverHttpProtocol === "http:" ? "ws:" : "wss:";
-  var serverWsUri = `${serverWsProtocol}//${serverHost}${serverPort === 443 ? "" : `:${serverPort}`}`;
-  var baseClientEnv = {
-    ...baseEnv,
-    side,
-    renderMode,
-    websocket: true,
-    clientHost,
-    clientPort,
-    clientHttpProtocol,
-    clientHttpUri,
-    serverHost,
-    serverPort,
-    serverHttpProtocol,
-    serverHttpUri,
-    serverGraphqlUri,
-    serverWsProtocol,
-    serverWsUri
-  };
-
-  // pkgs/@akanjs/base/src/scalar.ts
-  var import_dayjs = __toESM(__require("dayjs"));
-  var dayjs = import_dayjs.default;
-  var Int = class {
-    __Scalar__;
-  };
-  var Upload = class {
-    __Scalar__;
-    filename;
-    mimetype;
-    encoding;
-    createReadStream;
-  };
-  var Float = class {
-    __Scalar__;
-  };
-  var ID = class {
-    __Scalar__;
-  };
-  var JSON2 = class {
-    __Scalar__;
-  };
-  var getNonArrayModel = (arraiedModel2) => {
-    let arrDepth = 0;
-    let target = arraiedModel2;
-    while (Array.isArray(target)) {
-      target = target[0];
-      arrDepth++;
-    }
-    return [target, arrDepth];
-  };
-  var scalarSet = /* @__PURE__ */ new Set([String, Boolean, Date, ID, Int, Float, Upload, JSON2, Map]);
-  var scalarNameMap = /* @__PURE__ */ new Map([
-    [ID, "ID"],
-    [Int, "Int"],
-    [Float, "Float"],
-    [String, "String"],
-    [Boolean, "Boolean"],
-    [Date, "Date"],
-    [Upload, "Upload"],
-    [JSON2, "JSON"],
-    [Map, "Map"]
-  ]);
-  var scalarArgMap = /* @__PURE__ */ new Map([
-    [ID, null],
-    [String, ""],
-    [Boolean, false],
-    [Date, dayjs(/* @__PURE__ */ new Date(-1))],
-    [Int, 0],
-    [Float, 0],
-    [JSON2, {}],
-    [Map, {}]
-  ]);
-  var scalarDefaultMap = /* @__PURE__ */ new Map([
-    [ID, null],
-    [String, ""],
-    [Boolean, false],
-    [Date, dayjs(/* @__PURE__ */ new Date(-1))],
-    [Int, 0],
-    [Float, 0],
-    [JSON2, {}]
-  ]);
-  var isGqlScalar = (modelRef) => scalarSet.has(modelRef);
-  var isGqlMap = (modelRef) => modelRef === Map;
-
-  // pkgs/@akanjs/common/src/isDayjs.ts
-  var import_dayjs2 = __require("dayjs");
-
-  // pkgs/@akanjs/common/src/deepObjectify.ts
-  var deepObjectify = (obj, option = {}) => {
-    if ((0, import_dayjs2.isDayjs)(obj) || obj?.constructor === Date) {
-      if (!option.serializable && !option.convertDate)
-        return obj;
-      if (option.convertDate === "string")
-        return obj.toISOString();
-      else if (option.convertDate === "number")
-        return (0, import_dayjs2.isDayjs)(obj) ? obj.toDate().getTime() : obj.getTime();
-      else
-        return (0, import_dayjs2.isDayjs)(obj) ? obj.toDate() : obj;
-    } else if (Array.isArray(obj)) {
-      return obj.map((o) => deepObjectify(o, option));
-    } else if (obj && typeof obj === "object") {
-      const val = {};
-      Object.keys(obj).forEach((key) => {
-        const fieldValue = obj[key];
-        if (fieldValue?.__ModelType__ && !option.serializable)
-          val[key] = fieldValue;
-        else if (typeof obj[key] !== "function")
-          val[key] = deepObjectify(fieldValue, option);
-      });
-      return val;
-    } else {
-      return obj;
-    }
-  };
-
-  // pkgs/@akanjs/common/src/isQueryEqual.ts
-  var import_dayjs3 = __toESM(__require("dayjs"));
-  var isQueryEqual = (value1, value2) => {
-    if (value1 === value2)
-      return true;
-    if (Array.isArray(value1) && Array.isArray(value2)) {
-      if (value1.length !== value2.length)
-        return false;
-      for (let i = 0; i < value1.length; i++)
-        if (!isQueryEqual(value1[i], value2[i]))
-          return false;
-      return true;
-    }
-    if ([value1, value2].some((val) => val instanceof Date || (0, import_dayjs2.isDayjs)(val)))
-      return (0, import_dayjs3.default)(value1).isSame((0, import_dayjs3.default)(value2));
-    if (typeof value1 === "object" && typeof value2 === "object") {
-      if (value1 === null || value2 === null)
-        return value1 === value2;
-      if (Object.keys(value1).length !== Object.keys(value2).length)
-        return false;
-      for (const key of Object.keys(value1))
-        if (!isQueryEqual(value1[key], value2[key]))
-          return false;
-      return true;
-    }
-    return false;
-  };
-
-  // pkgs/@akanjs/common/src/isValidDate.ts
-  var import_dayjs4 = __toESM(__require("dayjs"));
-  var import_customParseFormat = __toESM(__require("dayjs/plugin/customParseFormat"));
-  import_dayjs4.default.extend(import_customParseFormat.default);
-
-  // pkgs/@akanjs/common/src/pathSet.ts
-  var pathSet = (obj, path, value) => {
-    if (Object(obj) !== obj)
-      return obj;
-    if (!Array.isArray(path))
-      path = path.toString().match(/[^.[\]]+/g) || [];
-    path.slice(0, -1).reduce(
-      (a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(path[i + 1]) >> 0 === +path[i + 1] ? [] : {},
-      obj
-    )[path[path.length - 1]] = value;
-    return obj;
-  };
+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);
 
-  // pkgs/@akanjs/common/src/pluralize.ts
-  var import_pluralize = __toESM(__require("pluralize"));
+// pkgs/@akanjs/store/index.ts
+var store_exports = {};
+__export(store_exports, {
+  MixStore: () => MixStore,
+  Store: () => Store,
+  Toast: () => Toast,
+  createActions: () => createActions,
+  createState: () => createState,
+  makeStore: () => makeStore,
+  rootStoreOf: () => rootStoreOf,
+  scalarStateOf: () => scalarStateOf,
+  st: () => st,
+  stateOf: () => stateOf
+});
+module.exports = __toCommonJS(store_exports);
 
-  // pkgs/@akanjs/common/src/applyMixins.ts
-  var getAllPropertyDescriptors = (objRef) => {
-    const descriptors = {};
-    let current = objRef.prototype;
-    while (current) {
-      Object.getOwnPropertyNames(current).forEach((name) => {
-        descriptors[name] ??= Object.getOwnPropertyDescriptor(current, name);
-      });
-      current = Object.getPrototypeOf(current);
-    }
-    return descriptors;
-  };
-  var applyMixins = (derivedCtor, constructors, avoidKeys) => {
-    constructors.forEach((baseCtor) => {
-      Object.entries(getAllPropertyDescriptors(baseCtor)).forEach(([name, descriptor]) => {
-        if (name === "constructor" || avoidKeys?.has(name))
-          return;
-        Object.defineProperty(derivedCtor.prototype, name, { ...descriptor, configurable: true });
-      });
-    });
-  };
-
-  // pkgs/@akanjs/common/src/capitalize.ts
-  var capitalize = (str) => {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-  };
-
-  // pkgs/@akanjs/common/src/Logger.ts
-  var import_dayjs5 = __toESM(__require("dayjs"));
-  var logLevels = ["trace", "verbose", "debug", "log", "info", "warn", "error"];
-  var clc = {
-    bold: (text) => `\x1B[1m${text}\x1B[0m`,
-    green: (text) => `\x1B[32m${text}\x1B[39m`,
-    yellow: (text) => `\x1B[33m${text}\x1B[39m`,
-    red: (text) => `\x1B[31m${text}\x1B[39m`,
-    magentaBright: (text) => `\x1B[95m${text}\x1B[39m`,
-    cyanBright: (text) => `\x1B[96m${text}\x1B[39m`
-  };
-  var colorizeMap = {
-    trace: clc.bold,
-    verbose: clc.cyanBright,
-    debug: clc.magentaBright,
-    log: clc.green,
-    info: clc.green,
-    warn: clc.yellow,
-    error: clc.red
-  };
-  var Logger = class _Logger {
-    static #ignoreCtxSet = /* @__PURE__ */ new Set([
-      "InstanceLoader",
-      "RoutesResolver",
-      "RouterExplorer",
-      "NestFactory",
-      "WebSocketsController",
-      "GraphQLModule",
-      "NestApplication"
-    ]);
-    static level = process.env.NEXT_PUBLIC_LOG_LEVEL ?? "log";
-    static #levelIdx = logLevels.findIndex((l) => l === process.env.NEXT_PUBLIC_LOG_LEVEL);
-    static #startAt = (0, import_dayjs5.default)();
-    static setLevel(level) {
-      this.level = level;
-      this.#levelIdx = logLevels.findIndex((l) => l === level);
-    }
-    name;
-    constructor(name) {
-      this.name = name;
-    }
-    trace(msg2, context = "") {
-      if (_Logger.#levelIdx <= 0)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "trace");
-    }
-    verbose(msg2, context = "") {
-      if (_Logger.#levelIdx <= 1)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "verbose");
-    }
-    debug(msg2, context = "") {
-      if (_Logger.#levelIdx <= 2)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "debug");
-    }
-    log(msg2, context = "") {
-      if (_Logger.#levelIdx <= 3)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "log");
-    }
-    info(msg2, context = "") {
-      if (_Logger.#levelIdx <= 4)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "info");
-    }
-    warn(msg2, context = "") {
-      if (_Logger.#levelIdx <= 5)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "warn");
-    }
-    error(msg2, context = "") {
-      if (_Logger.#levelIdx <= 6)
-        _Logger.#printMessages(this.name ?? "App", msg2, context, "error");
-    }
-    raw(msg2, method) {
-      _Logger.rawLog(msg2, method);
-    }
-    rawLog(msg2, method) {
-      _Logger.rawLog(msg2, method);
-    }
-    static trace(msg2, context = "") {
-      if (_Logger.#levelIdx <= 0)
-        _Logger.#printMessages("App", msg2, context, "trace");
-    }
-    static verbose(msg2, context = "") {
-      if (_Logger.#levelIdx <= 1)
-        _Logger.#printMessages("App", msg2, context, "verbose");
-    }
-    static debug(msg2, context = "") {
-      if (_Logger.#levelIdx <= 2)
-        _Logger.#printMessages("App", msg2, context, "debug");
-    }
-    static log(msg2, context = "") {
-      if (_Logger.#levelIdx <= 3)
-        _Logger.#printMessages("App", msg2, context, "log");
-    }
-    static info(msg2, context = "") {
-      if (_Logger.#levelIdx <= 4)
-        _Logger.#printMessages("App", msg2, context, "info");
-    }
-    static warn(msg2, context = "") {
-      if (_Logger.#levelIdx <= 5)
-        _Logger.#printMessages("App", msg2, context, "warn");
-    }
-    static error(msg2, context = "") {
-      if (_Logger.#levelIdx <= 6)
-        _Logger.#printMessages("App", msg2, context, "error");
-    }
-    static #colorize(msg2, logLevel) {
-      return colorizeMap[logLevel](msg2);
-    }
-    static #printMessages(name, content, context, logLevel, writeStreamType = logLevel === "error" ? "stderr" : "stdout") {
-      if (this.#ignoreCtxSet.has(context))
-        return;
-      const now = (0, import_dayjs5.default)();
-      const processMsg = this.#colorize(
-        `[${name ?? "App"}] ${global.process?.pid ?? "window"} -`,
-        logLevel
-      );
-      const timestampMsg = now.format("MM/DD/YYYY, HH:mm:ss A");
-      const logLevelMsg = this.#colorize(logLevel.toUpperCase().padStart(7, " "), logLevel);
-      const contextMsg = context ? clc.yellow(`[${context}] `) : "";
-      const contentMsg = this.#colorize(content, logLevel);
-      const timeDiffMsg = clc.yellow(`+${now.diff(_Logger.#startAt, "ms")}ms`);
-      if (typeof window === "undefined")
-        process[writeStreamType].write(
-          `${processMsg} ${timestampMsg} ${logLevelMsg} ${contextMsg} ${contentMsg} ${timeDiffMsg}
-`
-        );
-      else
-        console.log(`${processMsg} ${timestampMsg} ${logLevelMsg} ${contextMsg} ${contentMsg} ${timeDiffMsg}
-`);
-    }
-    static rawLog(msg2, method) {
-      this.raw(`${msg2}
-`, method);
-    }
-    static raw(msg2, method) {
-      if (typeof window === "undefined" && method !== "console" && global.process)
-        global.process.stdout.write(msg2);
-      else
-        console.log(msg2);
-    }
-  };
-
-  // pkgs/@akanjs/common/src/lowerlize.ts
-  var lowerlize = (str) => {
-    return str.charAt(0).toLowerCase() + str.slice(1);
-  };
-
-  // pkgs/@akanjs/common/src/sleep.ts
-  var sleep = async (ms) => {
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(true);
-      }, ms);
-    });
-  };
-
-  // pkgs/@akanjs/constant/src/scalar.ts
-  var import_reflect_metadata = __require("reflect-metadata");
-  var scalarExampleMap = /* @__PURE__ */ new Map([
-    [ID, "1234567890abcdef12345678"],
-    [Int, 0],
-    [Float, 0],
-    [String, "String"],
-    [Boolean, true],
-    [Date, (/* @__PURE__ */ new Date()).toISOString()],
-    [Upload, "FileUpload"],
-    [JSON2, {}],
-    [Map, {}]
-  ]);
-  var getClassMeta = (modelRef) => {
-    const [target] = getNonArrayModel(modelRef);
-    const classMeta = Reflect.getMetadata("class", target.prototype);
-    if (!classMeta)
-      throw new Error(`No ClassMeta for this target ${target.name}`);
-    return classMeta;
-  };
-  var getFieldMetas = (modelRef) => {
-    const [target] = getNonArrayModel(modelRef);
-    const metadataMap = Reflect.getMetadata("fields", target.prototype) ?? /* @__PURE__ */ new Map();
-    const keySortMap = { id: -1, createdAt: 1, updatedAt: 2, removedAt: 3 };
-    return [...metadataMap.values()].sort((a, b) => (keySortMap[a.key] ?? 0) - (keySortMap[b.key] ?? 0));
-  };
-  var getFieldMetaMapOnPrototype = (prototype) => {
-    const metadataMap = Reflect.getMetadata("fields", prototype) ?? /* @__PURE__ */ new Map();
-    return new Map(metadataMap);
-  };
-  var setFieldMetaMapOnPrototype = (prototype, metadataMap) => {
-    Reflect.defineMetadata("fields", new Map(metadataMap), prototype);
-  };
-
-  // pkgs/@akanjs/constant/src/fieldMeta.ts
-  var applyFieldMeta = (modelRef, arrDepth, option, optionArrDepth) => {
-    const isArray = arrDepth > 0;
-    const isClass = !isGqlScalar(modelRef);
-    const isMap = isGqlMap(modelRef);
-    const { refName, type } = isClass ? getClassMeta(modelRef) : { refName: "", type: "scalar" };
-    const name = isClass ? refName : scalarNameMap.get(modelRef) ?? "Unknown";
-    if (isMap && !option.of)
-      throw new Error("Map type must have 'of' option");
-    return (prototype, key) => {
-      const metadata = {
-        nullable: option.nullable ?? false,
-        ref: option.ref,
-        refPath: option.refPath,
-        refType: option.refType,
-        default: option.default ?? (isArray ? [] : null),
-        type: option.type,
-        fieldType: option.fieldType ?? "property",
-        immutable: option.immutable ?? false,
-        min: option.min,
-        max: option.max,
-        enum: option.enum,
-        select: option.select ?? true,
-        minlength: option.minlength,
-        maxlength: option.maxlength,
-        query: option.query,
-        accumulate: option.accumulate,
-        example: option.example,
-        validate: option.validate,
-        key,
-        name,
-        isClass,
-        isScalar: type === "scalar",
-        modelRef,
-        arrDepth,
-        isArray,
-        optArrDepth: optionArrDepth,
-        isMap,
-        of: option.of,
-        text: option.text
-      };
-      const metadataMap = getFieldMetaMapOnPrototype(prototype);
-      metadataMap.set(key, metadata);
-      setFieldMetaMapOnPrototype(prototype, metadataMap);
+// pkgs/@akanjs/store/src/storeDecorators.ts
+var import_base = require("@akanjs/base");
+var import_common = require("@akanjs/common");
+var import_constant = require("@akanjs/constant");
+var import_dictionary = require("@akanjs/dictionary");
+var import_signal = require("@akanjs/signal");
+var import_react = require("react");
+var import_zustand = require("zustand");
+var import_middleware = require("zustand/middleware");
+var import_immer = require("zustand/middleware/immer");
+var st = {};
+var StoreStorage = class {
+};
+var getStoreMeta = (storeName) => {
+  const storeMeta = Reflect.getMetadata(storeName, StoreStorage.prototype);
+  if (!storeMeta)
+    throw new Error(`storeMeta is not defined: ${storeName}`);
+  return storeMeta;
+};
+var setStoreMeta = (storeName, storeMeta) => {
+  Reflect.defineMetadata(storeName, storeMeta, StoreStorage.prototype);
+};
+var getStoreNames = () => {
+  const storeNames = Reflect.getMetadataKeys(StoreStorage.prototype);
+  if (!storeNames)
+    throw new Error(`storeNames is not defined`);
+  return storeNames;
+};
+var createState = (gql) => {
+  const [fieldName, className] = [(0, import_common.lowerlize)(gql.refName), (0, import_common.capitalize)(gql.refName)];
+  const names = {
+    model: fieldName,
+    Model: className,
+    modelLoading: `${fieldName}Loading`,
+    modelForm: `${fieldName}Form`,
+    modelFormLoading: `${fieldName}FormLoading`,
+    modelSubmit: `${fieldName}Submit`,
+    modelViewAt: `${fieldName}ViewAt`,
+    modelModal: `${fieldName}Modal`,
+    modelOperation: `${fieldName}Operation`,
+    defaultModel: `default${className}`,
+    defaultModelInsight: `default${className}Insight`,
+    modelList: `${fieldName}List`,
+    modelListLoading: `${fieldName}ListLoading`,
+    modelInitList: `${fieldName}InitList`,
+    modelInitAt: `${fieldName}InitAt`,
+    modelSelection: `${fieldName}Selection`,
+    modelInsight: `${fieldName}Insight`,
+    lastPageOfModel: `lastPageOf${className}`,
+    pageOfModel: `pageOf${className}`,
+    limitOfModel: `limitOf${className}`,
+    queryArgsOfModel: `queryArgsOf${className}`,
+    sortOfModel: `sortOf${className}`
+  };
+  const baseState = {
+    [names.model]: null,
+    [names.modelLoading]: true,
+    [names.modelForm]: { ...gql[names.defaultModel] },
+    [names.modelFormLoading]: true,
+    [names.modelSubmit]: { disabled: true, loading: false, times: 0 },
+    [names.modelViewAt]: /* @__PURE__ */ new Date(0),
+    [names.modelModal]: null,
+    [names.modelOperation]: "sleep"
+  };
+  const sliceState = gql.slices.reduce((acc, { sliceName, defaultArgs }) => {
+    const SliceName = (0, import_common.capitalize)(sliceName);
+    const namesOfSlice = {
+      defaultModel: SliceName.replace(names.Model, names.defaultModel),
+      //clusterInSelf Cluster
+      modelList: sliceName.replace(names.model, names.modelList),
+      modelListLoading: sliceName.replace(names.model, names.modelListLoading),
+      modelInitList: sliceName.replace(names.model, names.modelInitList),
+      modelInitAt: sliceName.replace(names.model, names.modelInitAt),
+      modelSelection: sliceName.replace(names.model, names.modelSelection),
+      modelInsight: sliceName.replace(names.model, names.modelInsight),
+      lastPageOfModel: SliceName.replace(names.Model, names.lastPageOfModel),
+      pageOfModel: SliceName.replace(names.Model, names.pageOfModel),
+      limitOfModel: SliceName.replace(names.Model, names.limitOfModel),
+      queryArgsOfModel: SliceName.replace(names.Model, names.queryArgsOfModel),
+      sortOfModel: SliceName.replace(names.Model, names.sortOfModel)
     };
-  };
-  var makeField = (customOption) => (returns, fieldOption) => {
-    const [modelRef, arrDepth] = getNonArrayModel(returns());
-    if (!fieldOption)
-      return applyFieldMeta(modelRef, arrDepth, { ...customOption }, arrDepth);
-    const [opt, optArrDepth] = getNonArrayModel(fieldOption);
-    return applyFieldMeta(modelRef, arrDepth, { ...opt, ...customOption }, optArrDepth);
-  };
-  var Field = {
-    Prop: makeField({ fieldType: "property" }),
-    Hidden: makeField({ fieldType: "hidden", nullable: true }),
-    Secret: makeField({ fieldType: "hidden", select: false, nullable: true }),
-    Resolve: makeField({ fieldType: "resolve" })
-  };
-
-  // pkgs/@akanjs/constant/src/constantDecorator.ts
-  var import_reflect_metadata2 = __require("reflect-metadata");
-
-  // pkgs/@akanjs/constant/src/filterMeta.ts
-  var setFilterMeta = (filterRef, filterMeta) => {
-    const existingFilterMeta = Reflect.getMetadata("filter", filterRef.prototype);
-    if (existingFilterMeta)
-      Object.assign(filterMeta.sort, existingFilterMeta.sort);
-    Reflect.defineMetadata("filter", filterMeta, filterRef.prototype);
-  };
-  var getFilterKeyMetaMapOnPrototype = (prototype) => {
-    const metadataMap = Reflect.getMetadata("filterKey", prototype) ?? /* @__PURE__ */ new Map();
-    return new Map(metadataMap);
-  };
-  var setFilterKeyMetaMapOnPrototype = (prototype, metadataMap) => {
-    Reflect.defineMetadata("filterKey", new Map(metadataMap), prototype);
-  };
-  var applyFilterKeyMeta = (option) => {
-    return (prototype, key, descriptor) => {
-      const metadata = { key, ...option, descriptor };
-      const metadataMap = getFilterKeyMetaMapOnPrototype(prototype);
-      metadataMap.set(key, metadata);
-      setFilterKeyMetaMapOnPrototype(prototype, metadataMap);
-    };
-  };
-  var makeFilter = (customOption) => (fieldOption) => {
-    return applyFilterKeyMeta({ ...customOption, ...fieldOption });
-  };
-  var getFilterArgMetasOnPrototype = (prototype, key) => {
-    const filterArgMetas = Reflect.getMetadata("filterArg", prototype, key) ?? [];
-    return filterArgMetas;
-  };
-  var setFilterArgMetasOnPrototype = (prototype, key, filterArgMetas) => {
-    Reflect.defineMetadata("filterArg", filterArgMetas, prototype, key);
-  };
-  var applyFilterArgMeta = (name, returns, argOption) => {
-    return (prototype, key, idx) => {
-      const [modelRef, arrDepth] = getNonArrayModel(returns());
-      const [opt, optArrDepth] = getNonArrayModel(argOption ?? {});
-      const filterArgMeta = { name, ...opt, modelRef, arrDepth, isArray: arrDepth > 0, optArrDepth };
-      const filterArgMetas = getFilterArgMetasOnPrototype(prototype, key);
-      filterArgMetas[idx] = filterArgMeta;
-      setFilterArgMetasOnPrototype(prototype, key, filterArgMetas);
-    };
-  };
-  var Filter = {
-    Mongo: makeFilter({ type: "mongo" }),
-    // Meili: makeFilter({ fieldType: "hidden", nullable: true }),
-    Arg: applyFilterArgMeta
-  };
-
-  // pkgs/@akanjs/constant/src/baseGql.ts
-  var import_reflect_metadata3 = __require("reflect-metadata");
-  var defaultFieldMeta = {
-    fieldType: "property",
-    immutable: false,
-    select: true,
-    isClass: false,
-    isScalar: true,
-    nullable: false,
-    isArray: false,
-    arrDepth: 0,
-    optArrDepth: 0,
-    default: null,
-    isMap: false
-  };
-  var idFieldMeta = { ...defaultFieldMeta, key: "id", name: "ID", modelRef: ID };
-  var createdAtFieldMeta = { ...defaultFieldMeta, key: "createdAt", name: "Date", modelRef: Date };
-  var updatedAtFieldMeta = { ...defaultFieldMeta, key: "updatedAt", name: "Date", modelRef: Date };
-  var removedAtFieldMeta = {
-    ...defaultFieldMeta,
-    key: "removedAt",
-    name: "Date",
-    modelRef: Date,
-    nullable: true,
-    default: null
-  };
-
-  // pkgs/@akanjs/constant/src/classMeta.ts
-  var import_reflect_metadata4 = __require("reflect-metadata");
-  var InputModelStorage = class {
-  };
-  var LightModelStorage = class {
-  };
-  var FullModelStorage = class {
-  };
-  var ScalarModelStorage = class {
-  };
-  var FilterModelStorage = class {
-  };
-  var getFullModelRef = (refName) => {
-    const modelRef = Reflect.getMetadata(capitalize(refName), FullModelStorage.prototype);
-    if (!modelRef)
-      throw new Error(`FullModel not found - ${refName}`);
-    return modelRef;
-  };
-  var hasTextField = (modelRef) => {
-    const fieldMetas = getFieldMetas(modelRef);
-    return fieldMetas.some(
-      (fieldMeta) => !!fieldMeta.text || fieldMeta.isScalar && fieldMeta.isClass && fieldMeta.select && hasTextField(fieldMeta.modelRef)
-    );
-  };
-  var applyClassMeta = (type, modelType, storage) => {
-    return function(refName) {
-      return function(target) {
-        const modelRef = target;
-        const classMeta = { refName, type, modelType, modelRef, hasTextField: hasTextField(modelRef) };
-        Reflect.defineMetadata("class", classMeta, modelRef.prototype);
-        Reflect.defineMetadata(refName, modelRef, storage.prototype);
-      };
-    };
-  };
-  var applyFilterMeta = (storage) => {
-    return function(refName) {
-      return function(target) {
-        const modelRef = target;
-        setFilterMeta(modelRef, { refName, sort: {} });
-        Reflect.defineMetadata(refName, modelRef, storage.prototype);
-      };
+    const singleSliceState = {
+      [namesOfSlice.defaultModel]: { ...gql[names.defaultModel] },
+      [namesOfSlice.modelList]: new import_base.DataList(),
+      [namesOfSlice.modelListLoading]: true,
+      [namesOfSlice.modelInitList]: new import_base.DataList(),
+      [namesOfSlice.modelInitAt]: /* @__PURE__ */ new Date(0),
+      [namesOfSlice.modelSelection]: new import_base.DataList(),
+      [namesOfSlice.modelInsight]: gql[names.defaultModelInsight],
+      [namesOfSlice.lastPageOfModel]: 1,
+      [namesOfSlice.pageOfModel]: 1,
+      [namesOfSlice.limitOfModel]: 20,
+      [namesOfSlice.queryArgsOfModel]: defaultArgs,
+      [namesOfSlice.sortOfModel]: "latest"
     };
-  };
-  var Model = {
-    Light: applyClassMeta("light", "data", LightModelStorage),
-    Object: applyClassMeta("full", "ephemeral", FullModelStorage),
-    Full: applyClassMeta("full", "data", FullModelStorage),
-    Input: applyClassMeta("input", "data", InputModelStorage),
-    Scalar: applyClassMeta("scalar", "data", ScalarModelStorage),
-    Summary: applyClassMeta("scalar", "summary", ScalarModelStorage),
-    Insight: applyClassMeta("scalar", "insight", ScalarModelStorage),
-    Filter: applyFilterMeta(FilterModelStorage)
-  };
-  var getLightModelRef = (modelRef) => {
-    const classMeta = getClassMeta(modelRef);
-    if (classMeta.type !== "full")
-      return modelRef;
-    const lightModelRef = Reflect.getMetadata(`Light${classMeta.refName}`, LightModelStorage.prototype);
-    if (!lightModelRef)
-      throw new Error(`LightModel not found - ${classMeta.refName}`);
-    return lightModelRef;
-  };
-
-  // pkgs/@akanjs/signal/src/client.ts
-  var import_core = __require("@urql/core");
-  var import_socket = __require("socket.io-client");
-  var SocketIo = class {
-    socket;
-    roomSubscribeMap = /* @__PURE__ */ new Map();
-    constructor(uri) {
-      this.socket = (0, import_socket.io)(uri, { transports: ["websocket"] });
-      this.socket.on("connect", () => {
-        this.roomSubscribeMap.forEach((option) => {
-          this.socket.emit(option.key, { ...option.message, __subscribe__: true });
-        });
+    return Object.assign(acc, singleSliceState);
+  }, {});
+  return { ...baseState, ...sliceState };
+};
+var createActions = (gql) => {
+  const formSetterActions = makeFormSetter(gql);
+  const baseActions = makeActions(gql);
+  return { ...formSetterActions, ...baseActions };
+};
+var makeFormSetter = (gql) => {
+  const fileGql = (0, import_signal.getGqlOnStorage)("file");
+  const [fieldName, className] = [(0, import_common.lowerlize)(gql.refName), (0, import_common.capitalize)(gql.refName)];
+  const modelRef = (0, import_constant.getFullModelRef)(gql.refName);
+  const fieldMetas = (0, import_constant.getFieldMetas)(modelRef);
+  const names = {
+    model: fieldName,
+    Model: className,
+    modelForm: `${fieldName}Form`,
+    writeOnModel: `writeOn${className}`,
+    addModelFiles: `add${className}Files`
+  };
+  const baseSetAction = {
+    [names.writeOnModel]: function(path, value) {
+      this.set((state) => {
+        (0, import_common.pathSet)(state[names.modelForm], path, value);
       });
     }
-    on(event, callback) {
-      this.socket.on(event, callback);
-    }
-    removeListener(event, callback) {
-      this.socket.removeListener(event, callback);
-    }
-    removeAllListeners() {
-      this.socket.removeAllListeners();
-    }
-    hasListeners(event) {
-      return this.socket.hasListeners(event);
-    }
-    emit(key, data) {
-      this.socket.emit(key, data);
-    }
-    subscribe(option) {
-      if (!this.roomSubscribeMap.has(option.roomId)) {
-        this.roomSubscribeMap.set(option.roomId, option);
-        this.socket.emit(option.key, { ...option.message, __subscribe__: true });
-      }
-      this.socket.on(option.roomId, option.handleEvent);
-    }
-    unsubscribe(roomId, handleEvent) {
-      this.socket.removeListener(roomId, handleEvent);
-      const option = this.roomSubscribeMap.get(roomId);
-      if (this.hasListeners(roomId) || !option)
-        return;
-      this.roomSubscribeMap.delete(roomId);
-      this.socket.emit(option.key, { ...option.message, __subscribe__: false });
-    }
-    disconnect() {
-      this.socket.disconnect();
-      return this;
-    }
-  };
-  var Client = class _Client {
-    static globalIoMap = /* @__PURE__ */ new Map();
-    static tokenStore = /* @__PURE__ */ new Map();
-    async waitUntilWebSocketConnected(ws = baseClientEnv.serverWsUri) {
-      if (baseClientEnv.side === "server")
-        return true;
-      while (!this.getIo(ws).socket.connected) {
-        Logger.verbose("waiting for websocket to initialize...");
-        await sleep(300);
-      }
-    }
-    isInitialized = false;
-    uri = baseClientEnv.serverGraphqlUri;
-    ws = baseClientEnv.serverWsUri;
-    udp = null;
-    gql = (0, import_core.createClient)({ url: this.uri, fetch, exchanges: [import_core.cacheExchange, import_core.fetchExchange] });
-    jwt = null;
-    async getJwt() {
-      const isNextServer = baseClientEnv.side === "server" && baseEnv.operationType === "client";
-      if (isNextServer) {
-        const nextHeaders = __require("next/headers");
-        return (await nextHeaders.cookies?.())?.get("jwt")?.value ?? (await nextHeaders.headers?.())?.get("jwt") ?? this.jwt ?? null;
-      } else
-        return _Client.tokenStore.get(this) ?? null;
-    }
-    io = null;
-    init(data = {}) {
-      Object.assign(this, data);
-      this.setLink(data.uri);
-      this.setIo(data.ws);
-      this.isInitialized = true;
-    }
-    setIo(ws = baseClientEnv.serverWsUri) {
-      this.ws = ws;
-      const existingIo = _Client.globalIoMap.get(ws);
-      if (existingIo) {
-        this.io = existingIo;
-        return;
-      }
-      this.io = new SocketIo(ws);
-      _Client.globalIoMap.set(ws, this.io);
-    }
-    getIo(ws = baseClientEnv.serverWsUri) {
-      const existingIo = _Client.globalIoMap.get(ws);
-      if (existingIo)
-        return existingIo;
-      const io2 = new SocketIo(ws);
-      _Client.globalIoMap.set(ws, io2);
-      return io2;
-    }
-    setLink(uri = baseClientEnv.serverGraphqlUri) {
-      this.uri = uri;
-      this.gql = (0, import_core.createClient)({
-        url: this.uri,
-        fetch,
-        exchanges: [import_core.cacheExchange, import_core.fetchExchange],
-        // requestPolicy: "network-only",
-        fetchOptions: () => {
-          return {
-            headers: {
-              "apollo-require-preflight": "true",
-              ...this.jwt ? { authorization: `Bearer ${this.jwt}` } : {}
-            }
-          };
-        }
-      });
-    }
-    setJwt(jwt) {
-      _Client.tokenStore.set(this, jwt);
-    }
-    reset() {
-      this.io?.disconnect();
-      this.io = null;
-      this.jwt = null;
-    }
-    clone(data = {}) {
-      const newClient = new _Client();
-      newClient.init({ ...this, ...data });
-      if (data.jwt)
-        _Client.tokenStore.set(newClient, data.jwt);
-      return newClient;
-    }
-    terminate() {
-      this.reset();
-      _Client.globalIoMap.forEach((io2) => io2.disconnect());
-      this.isInitialized = false;
-    }
-    setUdp(udp) {
-      this.udp = udp;
-    }
-  };
-  var client = new Client();
-
-  // pkgs/@akanjs/signal/src/immerify.ts
-  var import_immer = __require("immer");
-  var immerify = (modelRef, objOrArr) => {
-    if (Array.isArray(objOrArr))
-      return objOrArr.map((val) => immerify(modelRef, val));
-    const fieldMetas = getFieldMetas(modelRef);
-    const immeredObj = Object.assign({}, objOrArr, { [import_immer.immerable]: true });
-    fieldMetas.forEach((fieldMeta) => {
-      if (fieldMeta.isScalar && fieldMeta.isClass && !!objOrArr[fieldMeta.key])
-        immeredObj[fieldMeta.key] = immerify(fieldMeta.modelRef, objOrArr[fieldMeta.key]);
-    });
-    return immeredObj;
-  };
-
-  // pkgs/@akanjs/signal/src/signalDecorators.ts
-  var import_reflect_metadata5 = __require("reflect-metadata");
-  var createArgMetaDecorator = (type) => {
-    return function(option = {}) {
-      return function(prototype, key, idx) {
-        const argMetas = getArgMetasOnPrototype(prototype, key);
-        argMetas[idx] = { key, idx, type, option };
-        setArgMetasOnPrototype(prototype, key, argMetas);
-      };
-    };
-  };
-  var Account = createArgMetaDecorator("Account");
-  var defaultAccount = {
-    __InternalArg__: "Account",
-    appName: baseEnv.appName,
-    environment: baseEnv.environment
-  };
-  var Self = createArgMetaDecorator("Self");
-  var Me = createArgMetaDecorator("Me");
-  var UserIp = createArgMetaDecorator("UserIp");
-  var Access = createArgMetaDecorator("Access");
-  var Req = createArgMetaDecorator("Req");
-  var Res = createArgMetaDecorator("Res");
-  var Ws = createArgMetaDecorator("Ws");
-  var Job = createArgMetaDecorator("Job");
-  var getQuery = (allow) => function(returns, signalOption = {}, guards = []) {
-    return (prototype, key, descriptor) => {
-      const metadataMap = getGqlMetaMapOnPrototype(prototype);
-      metadataMap.set(key, {
-        returns,
-        signalOption,
-        key,
-        descriptor,
-        guards: [allow, ...guards],
-        type: "Query"
-      });
-      setGqlMetaMapOnPrototype(prototype, metadataMap);
-    };
-  };
-  var getMutation = (allow) => function(returns, signalOption = {}, guards = []) {
-    return (prototype, key, descriptor) => {
-      const metadataMap = getGqlMetaMapOnPrototype(prototype);
-      metadataMap.set(key, {
-        returns,
-        signalOption,
-        key,
-        descriptor,
-        guards: [allow, ...guards],
-        type: "Mutation"
-      });
-      setGqlMetaMapOnPrototype(prototype, metadataMap);
-    };
-  };
-  var getMessage = (allow) => function(returns, signalOption = {}, guards = []) {
-    return (prototype, key, descriptor) => {
-      const metadataMap = getGqlMetaMapOnPrototype(prototype);
-      metadataMap.set(key, {
-        returns,
-        signalOption,
-        key,
-        descriptor,
-        guards: [allow, ...guards],
-        type: "Message"
-      });
-      setGqlMetaMapOnPrototype(prototype, metadataMap);
-    };
-  };
-  var getPubsub = (allow) => function(returns, signalOption = {}, guards = []) {
-    return (prototype, key, descriptor) => {
-      const metadataMap = getGqlMetaMapOnPrototype(prototype);
-      metadataMap.set(key, {
-        returns,
-        signalOption,
-        key,
-        descriptor,
-        guards: [allow, ...guards],
-        type: "Pubsub"
-      });
-      setGqlMetaMapOnPrototype(prototype, metadataMap);
-    };
-  };
-  var getProcess = (serverType) => function(returns, signalOption = {}) {
-    return (prototype, key, descriptor) => {
-      const metadataMap = getGqlMetaMapOnPrototype(prototype);
-      metadataMap.set(key, {
-        returns,
-        signalOption: { ...signalOption, serverType: lowerlize(serverType) },
-        key,
-        descriptor,
-        guards: ["None"],
-        type: "Process"
-      });
-      setGqlMetaMapOnPrototype(prototype, metadataMap);
-    };
-  };
-  var Query = {
-    Public: getQuery("Public"),
-    Every: getQuery("Every"),
-    Admin: getQuery("Admin"),
-    User: getQuery("User"),
-    SuperAdmin: getQuery("SuperAdmin"),
-    None: getQuery("None"),
-    Owner: getQuery("Owner")
-  };
-  var Mutation = {
-    Public: getMutation("Public"),
-    Every: getMutation("Every"),
-    Admin: getMutation("Admin"),
-    User: getMutation("User"),
-    SuperAdmin: getMutation("SuperAdmin"),
-    None: getMutation("None"),
-    Owner: getMutation("Owner")
-  };
-  var Message = {
-    Public: getMessage("Public"),
-    Every: getMessage("Every"),
-    Admin: getMessage("Admin"),
-    User: getMessage("User"),
-    SuperAdmin: getMessage("SuperAdmin"),
-    None: getMessage("None"),
-    Owner: getMessage("Owner")
-  };
-  var Pubsub = {
-    Public: getPubsub("Public"),
-    Every: getPubsub("Every"),
-    Admin: getPubsub("Admin"),
-    User: getPubsub("User"),
-    SuperAdmin: getPubsub("SuperAdmin"),
-    None: getPubsub("None"),
-    Owner: getPubsub("Owner")
-  };
-  var Process = {
-    Federation: getProcess("Federation"),
-    Batch: getProcess("Batch"),
-    All: getProcess("All")
-  };
-  var getArg = (type) => function(name, returns, argsOption = {}) {
-    return function(prototype, key, idx) {
-      const argMetas = getArgMetasOnPrototype(prototype, key);
-      argMetas[idx] = { name, returns, argsOption, key, idx, type };
-      setArgMetasOnPrototype(prototype, key, argMetas);
-    };
-  };
-  var Arg = {
-    Body: getArg("Body"),
-    Param: getArg("Param"),
-    Query: getArg("Query"),
-    Upload: getArg("Upload"),
-    Msg: getArg("Msg"),
-    Room: getArg("Room")
-  };
-  var getGqlMetaMapOnPrototype = (prototype) => {
-    const gqlMetaMap = Reflect.getMetadata("gql", prototype);
-    return gqlMetaMap ?? /* @__PURE__ */ new Map();
-  };
-  var setGqlMetaMapOnPrototype = (prototype, gqlMetaMap) => {
-    Reflect.defineMetadata("gql", gqlMetaMap, prototype);
-  };
-  var getArgMetasOnPrototype = (prototype, key) => {
-    return Reflect.getMetadata("args", prototype, key) ?? [];
-  };
-  var setArgMetasOnPrototype = (prototype, key, argMetas) => {
-    Reflect.defineMetadata("args", argMetas, prototype, key);
-  };
-
-  // pkgs/@akanjs/signal/src/gql.ts
-  var GqlStorage = class {
-  };
-  var getGqlOnStorage = (refName) => {
-    const modelGql = Reflect.getMetadata(refName, GqlStorage.prototype);
-    if (!modelGql)
-      throw new Error("Gql is not defined");
-    return modelGql;
-  };
-
-  // pkgs/@akanjs/signal/src/baseFetch.ts
-  var nativeFetch = fetch;
-  var baseFetch = Object.assign(nativeFetch, {
-    client,
-    clone: function(option = {}) {
-      return {
-        ...this,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        client: this.client.clone(option)
-      };
-    }
-  });
-
-  // pkgs/@akanjs/dictionary/src/trans.ts
-  var msg = {
-    info: () => null,
-    success: () => null,
-    error: () => null,
-    warning: () => null,
-    loading: () => null
-  };
-
-  // pkgs/@akanjs/store/src/storeDecorators.ts
-  var import_react = __require("react");
-  var import_zustand = __require("zustand");
-  var import_middleware = __require("zustand/middleware");
-  var import_immer2 = __require("zustand/middleware/immer");
-  var st = {};
-  var StoreStorage = class {
-  };
-  var getStoreMeta = (storeName) => {
-    const storeMeta = Reflect.getMetadata(storeName, StoreStorage.prototype);
-    if (!storeMeta)
-      throw new Error(`storeMeta is not defined: ${storeName}`);
-    return storeMeta;
-  };
-  var setStoreMeta = (storeName, storeMeta) => {
-    Reflect.defineMetadata(storeName, storeMeta, StoreStorage.prototype);
-  };
-  var getStoreNames = () => {
-    const storeNames = Reflect.getMetadataKeys(StoreStorage.prototype);
-    if (!storeNames)
-      throw new Error(`storeNames is not defined`);
-    return storeNames;
   };
-  var createState = (gql) => {
-    const [fieldName, className] = [lowerlize(gql.refName), capitalize(gql.refName)];
-    const names = {
-      model: fieldName,
-      Model: className,
-      modelLoading: `${fieldName}Loading`,
-      modelForm: `${fieldName}Form`,
-      modelFormLoading: `${fieldName}FormLoading`,
-      modelSubmit: `${fieldName}Submit`,
-      modelViewAt: `${fieldName}ViewAt`,
-      modelModal: `${fieldName}Modal`,
-      modelOperation: `${fieldName}Operation`,
-      defaultModel: `default${className}`,
-      defaultModelInsight: `default${className}Insight`,
-      modelList: `${fieldName}List`,
-      modelListLoading: `${fieldName}ListLoading`,
-      modelInitList: `${fieldName}InitList`,
-      modelInitAt: `${fieldName}InitAt`,
-      modelSelection: `${fieldName}Selection`,
-      modelInsight: `${fieldName}Insight`,
-      lastPageOfModel: `lastPageOf${className}`,
-      pageOfModel: `pageOf${className}`,
-      limitOfModel: `limitOf${className}`,
-      queryArgsOfModel: `queryArgsOf${className}`,
-      sortOfModel: `sortOf${className}`
+  const fieldSetAction = fieldMetas.reduce((acc, fieldMeta) => {
+    const [fieldKeyName, classKeyName] = [(0, import_common.lowerlize)(fieldMeta.key), (0, import_common.capitalize)(fieldMeta.key)];
+    const namesOfField = {
+      field: fieldKeyName,
+      Field: classKeyName,
+      setFieldOnModel: `set${classKeyName}On${className}`,
+      addFieldOnModel: `add${classKeyName}On${className}`,
+      subFieldOnModel: `sub${classKeyName}On${className}`,
+      addOrSubFieldOnModel: `addOrSub${classKeyName}On${className}`,
+      uploadFieldOnModel: `upload${classKeyName}On${className}`
     };
-    const baseState = {
-      [names.model]: null,
-      [names.modelLoading]: true,
-      [names.modelForm]: { ...gql[names.defaultModel] },
-      [names.modelFormLoading]: true,
-      [names.modelSubmit]: { disabled: true, loading: false, times: 0 },
-      [names.modelViewAt]: /* @__PURE__ */ new Date(0),
-      [names.modelModal]: null,
-      [names.modelOperation]: "sleep"
-    };
-    const sliceState = gql.slices.reduce((acc, { sliceName, defaultArgs }) => {
-      const SliceName = capitalize(sliceName);
-      const namesOfSlice = {
-        defaultModel: SliceName.replace(names.Model, names.defaultModel),
-        //clusterInSelf Cluster
-        modelList: sliceName.replace(names.model, names.modelList),
-        modelListLoading: sliceName.replace(names.model, names.modelListLoading),
-        modelInitList: sliceName.replace(names.model, names.modelInitList),
-        modelInitAt: sliceName.replace(names.model, names.modelInitAt),
-        modelSelection: sliceName.replace(names.model, names.modelSelection),
-        modelInsight: sliceName.replace(names.model, names.modelInsight),
-        lastPageOfModel: SliceName.replace(names.Model, names.lastPageOfModel),
-        pageOfModel: SliceName.replace(names.Model, names.pageOfModel),
-        limitOfModel: SliceName.replace(names.Model, names.limitOfModel),
-        queryArgsOfModel: SliceName.replace(names.Model, names.queryArgsOfModel),
-        sortOfModel: SliceName.replace(names.Model, names.sortOfModel)
-      };
-      const singleSliceState = {
-        [namesOfSlice.defaultModel]: { ...gql[names.defaultModel] },
-        [namesOfSlice.modelList]: new DataList(),
-        [namesOfSlice.modelListLoading]: true,
-        [namesOfSlice.modelInitList]: new DataList(),
-        [namesOfSlice.modelInitAt]: /* @__PURE__ */ new Date(0),
-        [namesOfSlice.modelSelection]: new DataList(),
-        [namesOfSlice.modelInsight]: gql[names.defaultModelInsight],
-        [namesOfSlice.lastPageOfModel]: 1,
-        [namesOfSlice.pageOfModel]: 1,
-        [namesOfSlice.limitOfModel]: 20,
-        [namesOfSlice.queryArgsOfModel]: defaultArgs,
-        [namesOfSlice.sortOfModel]: "latest"
-      };
-      return Object.assign(acc, singleSliceState);
-    }, {});
-    return { ...baseState, ...sliceState };
-  };
-  var createActions = (gql) => {
-    const formSetterActions = makeFormSetter(gql);
-    const baseActions = makeActions(gql);
-    return { ...formSetterActions, ...baseActions };
-  };
-  var makeFormSetter = (gql) => {
-    const fileGql = getGqlOnStorage("file");
-    const [fieldName, className] = [lowerlize(gql.refName), capitalize(gql.refName)];
-    const modelRef = getFullModelRef(gql.refName);
-    const fieldMetas = getFieldMetas(modelRef);
-    const names = {
-      model: fieldName,
-      Model: className,
-      modelForm: `${fieldName}Form`,
-      writeOnModel: `writeOn${className}`,
-      addModelFiles: `add${className}Files`
-    };
-    const baseSetAction = {
-      [names.writeOnModel]: function(path, value) {
+    const singleFieldSetAction = {
+      [namesOfField.setFieldOnModel]: function(value) {
         this.set((state) => {
-          pathSet(state[names.modelForm], path, value);
+          const setValue = fieldMeta.isClass ? (0, import_signal.immerify)(fieldMeta.modelRef, value) : value;
+          state[names.modelForm][namesOfField.field] = setValue;
         });
-      }
-    };
-    const fieldSetAction = fieldMetas.reduce((acc, fieldMeta) => {
-      const [fieldKeyName, classKeyName] = [lowerlize(fieldMeta.key), capitalize(fieldMeta.key)];
-      const namesOfField = {
-        field: fieldKeyName,
-        Field: classKeyName,
-        setFieldOnModel: `set${classKeyName}On${className}`,
-        addFieldOnModel: `add${classKeyName}On${className}`,
-        subFieldOnModel: `sub${classKeyName}On${className}`,
-        addOrSubFieldOnModel: `addOrSub${classKeyName}On${className}`,
-        uploadFieldOnModel: `upload${classKeyName}On${className}`
-      };
-      const singleFieldSetAction = {
-        [namesOfField.setFieldOnModel]: function(value) {
+      },
+      ...fieldMeta.isArray ? {
+        [namesOfField.addFieldOnModel]: function(value, options = {}) {
+          const form = this.get()[names.modelForm];
+          const length = form[namesOfField.field].length;
+          if (options.limit && options.limit <= length)
+            return;
+          const idx = options.idx ?? length;
+          const setValue = fieldMeta.isClass ? (0, import_signal.immerify)(fieldMeta.modelRef, value) : value;
           this.set((state) => {
-            const setValue = fieldMeta.isClass ? immerify(fieldMeta.modelRef, value) : value;
-            state[names.modelForm][namesOfField.field] = setValue;
+            state[names.modelForm][namesOfField.field] = [
+              ...form[namesOfField.field].slice(0, idx),
+              ...Array.isArray(setValue) ? setValue : [setValue],
+              ...form[namesOfField.field].slice(idx)
+            ];
           });
         },
-        ...fieldMeta.isArray ? {
-          [namesOfField.addFieldOnModel]: function(value, options = {}) {
-            const form = this.get()[names.modelForm];
-            const length = form[namesOfField.field].length;
-            if (options.limit && options.limit <= length)
-              return;
-            const idx = options.idx ?? length;
-            const setValue = fieldMeta.isClass ? immerify(fieldMeta.modelRef, value) : value;
+        [namesOfField.subFieldOnModel]: function(idx) {
+          const form = this.get()[names.modelForm];
+          this.set((state) => {
+            state[names.modelForm][namesOfField.field] = typeof idx === "number" ? form[namesOfField.field].filter((_, i) => i !== idx) : form[namesOfField.field].filter((_, i) => !idx.includes(i));
+          });
+        },
+        [namesOfField.addOrSubFieldOnModel]: function(value, options = {}) {
+          const { [names.modelForm]: form } = this.get();
+          const index = form[namesOfField.field].findIndex((v) => v === value);
+          if (index === -1)
+            this[namesOfField.addFieldOnModel](value, options);
+          else
+            this[namesOfField.subFieldOnModel](index);
+        }
+      } : {},
+      ...fieldMeta.name === "File" ? {
+        [namesOfField.uploadFieldOnModel]: async function(fileList, index) {
+          const form = this.get()[names.modelForm];
+          if (!fileList.length)
+            return;
+          const files = await gql[names.addModelFiles](
+            fileList,
+            form.id
+          );
+          if (fieldMeta.isArray) {
+            const idx = index ?? form[namesOfField.field].length;
             this.set((state) => {
               state[names.modelForm][namesOfField.field] = [
                 ...form[namesOfField.field].slice(0, idx),
-                ...Array.isArray(setValue) ? setValue : [setValue],
+                ...files,
                 ...form[namesOfField.field].slice(idx)
               ];
             });
-          },
-          [namesOfField.subFieldOnModel]: function(idx) {
-            const form = this.get()[names.modelForm];
+          } else {
             this.set((state) => {
-              state[names.modelForm][namesOfField.field] = typeof idx === "number" ? form[namesOfField.field].filter((_, i) => i !== idx) : form[namesOfField.field].filter((_, i) => !idx.includes(i));
-            });
-          },
-          [namesOfField.addOrSubFieldOnModel]: function(value, options = {}) {
-            const { [names.modelForm]: form } = this.get();
-            const index = form[namesOfField.field].findIndex((v) => v === value);
-            if (index === -1)
-              this[namesOfField.addFieldOnModel](value, options);
-            else
-              this[namesOfField.subFieldOnModel](index);
-          }
-        } : {},
-        ...fieldMeta.name === "File" ? {
-          [namesOfField.uploadFieldOnModel]: async function(fileList, index) {
-            const form = this.get()[names.modelForm];
-            if (!fileList.length)
-              return;
-            const files = await gql[names.addModelFiles](
-              fileList,
-              form.id
-            );
-            if (fieldMeta.isArray) {
-              const idx = index ?? form[namesOfField.field].length;
-              this.set((state) => {
-                state[names.modelForm][namesOfField.field] = [
-                  ...form[namesOfField.field].slice(0, idx),
-                  ...files,
-                  ...form[namesOfField.field].slice(idx)
-                ];
-              });
-            } else {
-              this.set((state) => {
-                state[names.modelForm][namesOfField.field] = files[0];
-              });
-            }
-            files.map((file) => {
-              const intervalKey = setInterval(() => {
-                void (async () => {
-                  const currentFile = await fileGql.file(file.id);
-                  if (fieldMeta.isArray)
-                    this.set((state) => {
-                      state[names.modelForm][namesOfField.field] = state[names.modelForm][namesOfField.field].map(
-                        (file2) => file2.id === currentFile.id ? currentFile : file2
-                      );
-                    });
-                  else
-                    this.set((state) => {
-                      state[names.modelForm][namesOfField.field] = currentFile;
-                    });
-                  if (currentFile.status !== "uploading")
-                    clearInterval(intervalKey);
-                })();
-              }, 3e3);
+              state[names.modelForm][namesOfField.field] = files[0];
             });
           }
-        } : {}
-      };
-      return Object.assign(acc, singleFieldSetAction);
-    }, {});
-    return Object.assign(fieldSetAction, baseSetAction);
-  };
-  var makeActions = (gql) => {
-    const [fieldName, className] = [lowerlize(gql.refName), capitalize(gql.refName)];
-    const modelRef = getFullModelRef(className);
-    const lightModelRef = getLightModelRef(modelRef);
-    const names = {
-      model: fieldName,
-      _model: `_${fieldName}`,
-      Model: className,
-      purifyModel: `purify${className}`,
-      crystalizeModel: `crystalize${className}`,
-      lightCrystalizeModel: `lightCrystalize${className}`,
-      crystalizeInsight: `crystalize${className}Insight`,
-      modelOperation: `${fieldName}Operation`,
-      defaultModel: `default${className}`,
-      modelInsight: `${fieldName}Insight`,
-      modelForm: `${fieldName}Form`,
-      modelSubmit: `${fieldName}Submit`,
-      modelLoading: `${fieldName}Loading`,
-      modelFormLoading: `${fieldName}FormLoading`,
-      modelList: `${fieldName}List`,
-      modelListLoading: `${fieldName}ListLoading`,
-      modelSelection: `${fieldName}Selection`,
-      createModelInForm: `create${className}InForm`,
-      updateModelInForm: `modify${className}InForm`,
-      createModel: `create${className}`,
-      updateModel: `update${className}`,
-      removeModel: `remove${className}`,
-      checkModelSubmitable: `check${className}Submitable`,
-      submitModel: `submit${className}`,
-      newModel: `new${className}`,
-      editModel: `edit${className}`,
-      mergeModel: `merge${className}`,
-      viewModel: `view${className}`,
-      setModel: `set${className}`,
-      resetModel: `reset${className}`,
-      modelViewAt: `${fieldName}ViewAt`,
-      modelModal: `${fieldName}Modal`,
-      initModel: `init${className}`,
-      modelInitList: `${fieldName}InitList`,
-      modelInitAt: `${fieldName}InitAt`,
-      refreshModel: `refresh${className}`,
-      selectModel: `select${className}`,
-      setPageOfModel: `setPageOf${className}`,
-      addPageOfModel: `addPageOf${className}`,
-      setLimitOfModel: `setLimitOf${className}`,
-      setQueryArgsOfModel: `setQueryArgsOf${className}`,
-      setSortOfModel: `setSortOf${className}`,
-      lastPageOfModel: `lastPageOf${className}`,
-      pageOfModel: `pageOf${className}`,
-      limitOfModel: `limitOf${className}`,
-      queryArgsOfModel: `queryArgsOf${className}`,
-      sortOfModel: `sortOf${className}`
+          files.map((file) => {
+            const intervalKey = setInterval(() => {
+              void (async () => {
+                const currentFile = await fileGql.file(file.id);
+                if (fieldMeta.isArray)
+                  this.set((state) => {
+                    state[names.modelForm][namesOfField.field] = state[names.modelForm][namesOfField.field].map(
+                      (file2) => file2.id === currentFile.id ? currentFile : file2
+                    );
+                  });
+                else
+                  this.set((state) => {
+                    state[names.modelForm][namesOfField.field] = currentFile;
+                  });
+                if (currentFile.status !== "uploading")
+                  clearInterval(intervalKey);
+              })();
+            }, 3e3);
+          });
+        }
+      } : {}
     };
-    const baseAction = {
-      [names.createModelInForm]: async function({ idx, path, modal, sliceName = names.model, onError, onSuccess } = {}) {
-        const SliceName = capitalize(sliceName);
+    return Object.assign(acc, singleFieldSetAction);
+  }, {});
+  return Object.assign(fieldSetAction, baseSetAction);
+};
+var makeActions = (gql) => {
+  const [fieldName, className] = [(0, import_common.lowerlize)(gql.refName), (0, import_common.capitalize)(gql.refName)];
+  const modelRef = (0, import_constant.getFullModelRef)(className);
+  const lightModelRef = (0, import_constant.getLightModelRef)(modelRef);
+  const names = {
+    model: fieldName,
+    _model: `_${fieldName}`,
+    Model: className,
+    purifyModel: `purify${className}`,
+    crystalizeModel: `crystalize${className}`,
+    lightCrystalizeModel: `lightCrystalize${className}`,
+    crystalizeInsight: `crystalize${className}Insight`,
+    modelOperation: `${fieldName}Operation`,
+    defaultModel: `default${className}`,
+    modelInsight: `${fieldName}Insight`,
+    modelForm: `${fieldName}Form`,
+    modelSubmit: `${fieldName}Submit`,
+    modelLoading: `${fieldName}Loading`,
+    modelFormLoading: `${fieldName}FormLoading`,
+    modelList: `${fieldName}List`,
+    modelListLoading: `${fieldName}ListLoading`,
+    modelSelection: `${fieldName}Selection`,
+    createModelInForm: `create${className}InForm`,
+    updateModelInForm: `modify${className}InForm`,
+    createModel: `create${className}`,
+    updateModel: `update${className}`,
+    removeModel: `remove${className}`,
+    checkModelSubmitable: `check${className}Submitable`,
+    submitModel: `submit${className}`,
+    newModel: `new${className}`,
+    editModel: `edit${className}`,
+    mergeModel: `merge${className}`,
+    viewModel: `view${className}`,
+    setModel: `set${className}`,
+    resetModel: `reset${className}`,
+    modelViewAt: `${fieldName}ViewAt`,
+    modelModal: `${fieldName}Modal`,
+    initModel: `init${className}`,
+    modelInitList: `${fieldName}InitList`,
+    modelInitAt: `${fieldName}InitAt`,
+    refreshModel: `refresh${className}`,
+    selectModel: `select${className}`,
+    setPageOfModel: `setPageOf${className}`,
+    addPageOfModel: `addPageOf${className}`,
+    setLimitOfModel: `setLimitOf${className}`,
+    setQueryArgsOfModel: `setQueryArgsOf${className}`,
+    setSortOfModel: `setSortOf${className}`,
+    lastPageOfModel: `lastPageOf${className}`,
+    pageOfModel: `pageOf${className}`,
+    limitOfModel: `limitOf${className}`,
+    queryArgsOfModel: `queryArgsOf${className}`,
+    sortOfModel: `sortOf${className}`
+  };
+  const baseAction = {
+    [names.createModelInForm]: async function({ idx, path, modal, sliceName = names.model, onError, onSuccess } = {}) {
+      const SliceName = (0, import_common.capitalize)(sliceName);
+      const namesOfSlice = {
+        defaultModel: SliceName.replace(names.Model, names.defaultModel),
+        modelList: sliceName.replace(names.model, names.modelList),
+        modelListLoading: sliceName.replace(names.model, names.modelListLoading),
+        modelInsight: sliceName.replace(names.model, names.modelInsight)
+      };
+      const currentState = this.get();
+      const modelForm = currentState[names.modelForm];
+      const modelList = currentState[namesOfSlice.modelList];
+      const modelListLoading = currentState[namesOfSlice.modelListLoading];
+      const modelInsight = currentState[namesOfSlice.modelInsight];
+      const defaultModel = currentState[namesOfSlice.defaultModel];
+      const modelInput = gql[names.purifyModel](modelForm);
+      if (!modelInput)
+        return;
+      this.set({ [names.modelLoading]: true });
+      const model = await gql[names.createModel](modelInput, { onError });
+      const newModelList = modelListLoading ? modelList : new import_base.DataList([...modelList.slice(0, idx ?? 0), model, ...modelList.slice(idx ?? 0)]);
+      const newModelInsight = gql[names.crystalizeInsight]({
+        ...modelInsight,
+        count: modelInsight.count + 1
+      });
+      this.set({
+        [names.modelForm]: (0, import_signal.immerify)(modelRef, defaultModel),
+        [names.model]: model,
+        [names.modelLoading]: false,
+        [namesOfSlice.modelList]: newModelList,
+        [namesOfSlice.modelInsight]: newModelInsight,
+        [names.modelViewAt]: /* @__PURE__ */ new Date(),
+        [names.modelModal]: modal ?? null,
+        ...typeof path === "string" && path ? { [path]: model } : {}
+      });
+      await onSuccess?.(model);
+    },
+    [names.updateModelInForm]: async function({ path, modal, sliceName = names.model, onError, onSuccess } = {}) {
+      const SliceName = (0, import_common.capitalize)(sliceName);
+      const namesOfSlice = {
+        defaultModel: SliceName.replace(names.Model, names.defaultModel)
+      };
+      const currentState = this.get();
+      const model = currentState[names.model];
+      const modelForm = currentState[names.modelForm];
+      const defaultModel = currentState[namesOfSlice.defaultModel];
+      const modelInput = gql[names.purifyModel](modelForm);
+      if (!modelInput)
+        return;
+      if (model?.id === modelForm.id)
+        this.set({ [names.modelLoading]: modelForm.id });
+      const updatedModel = await gql[names.updateModel](modelForm.id, modelInput, {
+        onError
+      });
+      this.set({
+        ...model?.id === updatedModel.id ? { [names.model]: updatedModel, [names.modelLoading]: false, [names.modelViewAt]: /* @__PURE__ */ new Date() } : {},
+        [names.modelForm]: (0, import_signal.immerify)(modelRef, defaultModel),
+        [names.modelModal]: modal ?? null,
+        ...typeof path === "string" && path ? { [path]: updatedModel } : {}
+      });
+      const updatedLightModel = gql[names.lightCrystalizeModel](updatedModel);
+      gql.slices.forEach(({ sliceName: sliceName2 }) => {
+        const namesOfSlice2 = {
+          modelList: sliceName2.replace(names.model, names.modelList),
+          modelListLoading: sliceName2.replace(names.model, names.modelListLoading)
+        };
+        const currentState2 = this.get();
+        const modelList = currentState2[namesOfSlice2.modelList];
+        const modelListLoading = currentState2[namesOfSlice2.modelListLoading];
+        if (modelListLoading || !modelList.has(updatedModel.id))
+          return;
+        const newModelList = new import_base.DataList(modelList).set(updatedLightModel);
+        this.set({ [namesOfSlice2.modelList]: newModelList });
+      });
+      await onSuccess?.(updatedModel);
+    },
+    [names.createModel]: async function(data, { idx, path, modal, sliceName = names.model, onError, onSuccess } = {}) {
+      const SliceName = (0, import_common.capitalize)(sliceName);
+      const namesOfSlice = {
+        defaultModel: SliceName.replace(names.Model, names.defaultModel),
+        modelList: sliceName.replace(names.model, names.modelList),
+        modelListLoading: sliceName.replace(names.model, names.modelListLoading),
+        modelInsight: sliceName.replace(names.model, names.modelInsight)
+      };
+      const currentState = this.get();
+      const modelList = currentState[namesOfSlice.modelList];
+      const modelListLoading = currentState[namesOfSlice.modelListLoading];
+      const modelInsight = currentState[namesOfSlice.modelInsight];
+      const modelInput = gql[names.purifyModel](data);
+      if (!modelInput)
+        return;
+      this.set({ [names.modelLoading]: true });
+      const model = await gql[names.createModel](modelInput, { onError });
+      const newModelList = modelListLoading ? modelList : new import_base.DataList([...modelList.slice(0, idx ?? 0), model, ...modelList.slice(idx ?? 0)]);
+      const newModelInsight = gql[names.crystalizeInsight]({
+        ...modelInsight,
+        count: modelInsight.count + 1
+      });
+      this.set({
+        [names.model]: model,
+        [names.modelLoading]: false,
+        [namesOfSlice.modelList]: newModelList,
+        [namesOfSlice.modelInsight]: newModelInsight,
+        [names.modelViewAt]: /* @__PURE__ */ new Date(),
+        [names.modelModal]: modal ?? null,
+        ...typeof path === "string" && path ? { [path]: model } : {}
+      });
+      await onSuccess?.(model);
+    },
+    [names.updateModel]: async function(id, data, { idx, path, modal, sliceName = names.model, onError, onSuccess } = {}) {
+      const currentState = this.get();
+      const model = currentState[names.model];
+      const modelInput = gql[names.purifyModel](data);
+      if (!modelInput)
+        return;
+      if (model?.id === id)
+        this.set({ [names.modelLoading]: id });
+      const updatedModel = await gql[names.updateModel](id, modelInput, { onError });
+      this.set({
+        ...model?.id === updatedModel.id ? { [names.model]: updatedModel, [names.modelLoading]: false, [names.modelViewAt]: /* @__PURE__ */ new Date() } : {},
+        [names.modelModal]: modal ?? null,
+        ...typeof path === "string" && path ? { [path]: updatedModel } : {}
+      });
+      const updatedLightModel = gql[names.lightCrystalizeModel](updatedModel);
+      gql.slices.forEach(({ sliceName: sliceName2 }) => {
+        const namesOfSlice = {
+          modelList: sliceName2.replace(names.model, names.modelList),
+          modelListLoading: sliceName2.replace(names.model, names.modelListLoading)
+        };
+        const currentState2 = this.get();
+        const modelList = currentState2[namesOfSlice.modelList];
+        const modelListLoading = currentState2[namesOfSlice.modelListLoading];
+        if (modelListLoading || !modelList.has(updatedModel.id))
+          return;
+        const newModelList = new import_base.DataList(modelList).set(updatedLightModel);
+        this.set({ [namesOfSlice.modelList]: newModelList });
+      });
+      await onSuccess?.(updatedModel);
+    },
+    [names.removeModel]: async function(id, options) {
+      const { modal, ...fetchPolicyOptions } = options ?? {};
+      const model = await gql[names.removeModel](
+        id,
+        fetchPolicyOptions
+      );
+      const lightModel = gql[names.lightCrystalizeModel](model);
+      gql.slices.forEach(({ sliceName }) => {
         const namesOfSlice = {
-          defaultModel: SliceName.replace(names.Model, names.defaultModel),
           modelList: sliceName.replace(names.model, names.modelList),
           modelListLoading: sliceName.replace(names.model, names.modelListLoading),
+          modelSelection: sliceName.replace(names.model, names.modelSelection),
           modelInsight: sliceName.replace(names.model, names.modelInsight)
         };
         const currentState = this.get();
-        const modelForm = currentState[names.modelForm];
         const modelList = currentState[namesOfSlice.modelList];
         const modelListLoading = currentState[namesOfSlice.modelListLoading];
+        const modelSelection = currentState[namesOfSlice.modelSelection];
         const modelInsight = currentState[namesOfSlice.modelInsight];
-        const defaultModel = currentState[namesOfSlice.defaultModel];
-        const modelInput = gql[names.purifyModel](modelForm);
-        if (!modelInput)
+        if (modelListLoading || !modelList.has(model.id))
           return;
-        this.set({ [names.modelLoading]: true });
-        const model = await gql[names.createModel](modelInput, { onError });
-        const newModelList = modelListLoading ? modelList : new DataList([...modelList.slice(0, idx ?? 0), model, ...modelList.slice(idx ?? 0)]);
-        const newModelInsight = gql[names.crystalizeInsight]({
-          ...modelInsight,
-          count: modelInsight.count + 1
-        });
-        this.set({
-          [names.modelForm]: immerify(modelRef, defaultModel),
-          [names.model]: model,
-          [names.modelLoading]: false,
-          [namesOfSlice.modelList]: newModelList,
-          [namesOfSlice.modelInsight]: newModelInsight,
-          [names.modelViewAt]: /* @__PURE__ */ new Date(),
-          [names.modelModal]: modal ?? null,
-          ...typeof path === "string" && path ? { [path]: model } : {}
-        });
-        await onSuccess?.(model);
-      },
-      [names.updateModelInForm]: async function({ path, modal, sliceName = names.model, onError, onSuccess } = {}) {
-        const SliceName = capitalize(sliceName);
+        const newModelList = new import_base.DataList(modelList);
+        if (model.removedAt) {
+          newModelList.delete(id);
+          const newModelInsight = gql[names.crystalizeInsight]({
+            ...modelInsight,
+            count: modelInsight.count - 1
+          });
+          const newModelSelection = new import_base.DataList(modelSelection);
+          newModelSelection.delete(id);
+          this.set({
+            [namesOfSlice.modelList]: newModelList,
+            [namesOfSlice.modelInsight]: newModelInsight,
+            ...modelSelection.has(model.id) ? { [namesOfSlice.modelSelection]: newModelSelection } : {},
+            ...modal !== void 0 ? { [names.modelModal]: modal } : {}
+          });
+        } else {
+          newModelList.set(lightModel);
+          this.set({
+            [namesOfSlice.modelList]: newModelList,
+            ...modal !== void 0 ? { [names.modelModal]: modal } : {}
+          });
+        }
+      });
+    },
+    [names.checkModelSubmitable]: function(disabled) {
+      const currentState = this.get();
+      const modelForm = currentState[names.modelForm];
+      const modelSubmit = currentState[names.modelSubmit];
+      const modelInput = gql[names.purifyModel](modelForm);
+      this.set({ [names.modelSubmit]: { ...modelSubmit, disabled: !modelInput || disabled } });
+    },
+    [names.submitModel]: async function(option) {
+      const currentState = this.get();
+      const modelForm = currentState[names.modelForm];
+      const modelSubmit = currentState[names.modelSubmit];
+      this.set({ [names.modelSubmit]: { ...modelSubmit, loading: true } });
+      if (modelForm.id)
+        await this[names.updateModelInForm](option);
+      else
+        await this[names.createModelInForm](option);
+      this.set({ [names.modelSubmit]: { ...modelSubmit, loading: false, times: modelSubmit.times + 1 } });
+    },
+    [names.newModel]: function(partial = {}, { modal, setDefault, sliceName = names.model } = {}) {
+      const SliceName = (0, import_common.capitalize)(sliceName);
+      const namesOfSlice = {
+        defaultModel: SliceName.replace(names.Model, names.defaultModel)
+      };
+      const currentState = this.get();
+      const defaultModel = currentState[namesOfSlice.defaultModel];
+      this.set({
+        [names.modelForm]: (0, import_signal.immerify)(modelRef, { ...defaultModel, ...partial }),
+        [namesOfSlice.defaultModel]: setDefault ? (0, import_signal.immerify)(modelRef, { ...defaultModel, ...partial }) : defaultModel,
+        [names.model]: null,
+        [names.modelModal]: modal ?? "edit",
+        [names.modelFormLoading]: false
+      });
+    },
+    [names.editModel]: async function(modelOrId, { modal, onError } = {}) {
+      const id = typeof modelOrId === "string" ? modelOrId : modelOrId.id;
+      this.set({ [names.modelFormLoading]: id, [names.modelModal]: modal ?? "edit" });
+      this.set((state) => {
+        state[names.modelForm].id = id;
+      });
+      const model = await gql[names.model](id, { onError });
+      const modelForm = (0, import_common.deepObjectify)(model);
+      this.set({
+        [names.model]: model,
+        [names.modelFormLoading]: false,
+        [names.modelViewAt]: /* @__PURE__ */ new Date(),
+        [names.modelForm]: modelForm
+      });
+    },
+    [names.mergeModel]: async function(modelOrId, data, options) {
+      const id = typeof modelOrId === "string" ? modelOrId : modelOrId.id;
+      const currentState = this.get();
+      const model = currentState[names.model];
+      if (id === model?.id)
+        this.set({ modelLoading: id });
+      const updatedModel = await gql[names.mergeModel](modelOrId, data, options);
+      this.set({
+        [names.model]: id === model?.id ? updatedModel : model,
+        [names.modelLoading]: false
+      });
+      const updatedLightModel = gql[names.lightCrystalizeModel](updatedModel);
+      gql.slices.forEach(({ sliceName }) => {
         const namesOfSlice = {
-          defaultModel: SliceName.replace(names.Model, names.defaultModel)
+          modelList: sliceName.replace(names.model, names.modelList),
+          modelListLoading: sliceName.replace(names.model, names.modelListLoading)
         };
-        const currentState = this.get();
-        const model = currentState[names.model];
-        const modelForm = currentState[names.modelForm];
-        const defaultModel = currentState[namesOfSlice.defaultModel];
-        const modelInput = gql[names.purifyModel](modelForm);
-        if (!modelInput)
+        const currentState2 = this.get();
+        const modelList = currentState2[namesOfSlice.modelList];
+        const modelListLoading = currentState2[namesOfSlice.modelListLoading];
+        if (modelListLoading || !modelList.has(updatedModel.id))
           return;
-        if (model?.id === modelForm.id)
-          this.set({ [names.modelLoading]: modelForm.id });
-        const updatedModel = await gql[names.updateModel](modelForm.id, modelInput, {
-          onError
-        });
-        this.set({
-          ...model?.id === updatedModel.id ? { [names.model]: updatedModel, [names.modelLoading]: false, [names.modelViewAt]: /* @__PURE__ */ new Date() } : {},
-          [names.modelForm]: immerify(modelRef, defaultModel),
-          [names.modelModal]: modal ?? null,
-          ...typeof path === "string" && path ? { [path]: updatedModel } : {}
-        });
-        const updatedLightModel = gql[names.lightCrystalizeModel](updatedModel);
-        gql.slices.forEach(({ sliceName: sliceName2 }) => {
-          const namesOfSlice2 = {
-            modelList: sliceName2.replace(names.model, names.modelList),
-            modelListLoading: sliceName2.replace(names.model, names.modelListLoading)
-          };
-          const currentState2 = this.get();
-          const modelList = currentState2[namesOfSlice2.modelList];
-          const modelListLoading = currentState2[namesOfSlice2.modelListLoading];
-          if (modelListLoading || !modelList.has(updatedModel.id))
-            return;
-          const newModelList = new DataList(modelList).set(updatedLightModel);
-          this.set({ [namesOfSlice2.modelList]: newModelList });
-        });
-        await onSuccess?.(updatedModel);
-      },
-      [names.createModel]: async function(data, { idx, path, modal, sliceName = names.model, onError, onSuccess } = {}) {
-        const SliceName = capitalize(sliceName);
+        const newModelList = new import_base.DataList(modelList).set(updatedLightModel);
+        this.set({ [namesOfSlice.modelList]: newModelList });
+      });
+    },
+    [names.viewModel]: async function(modelOrId, { modal, onError } = {}) {
+      const id = typeof modelOrId === "string" ? modelOrId : modelOrId.id;
+      this.set({ [names.modelModal]: modal ?? "view", [names.modelLoading]: id });
+      const model = await gql[names.model](id, { onError });
+      this.set({ [names.model]: model, [names.modelViewAt]: /* @__PURE__ */ new Date(), [names.modelLoading]: false });
+    },
+    [names.setModel]: function(fullOrLightModel) {
+      const currentState = this.get();
+      const model = currentState[names.model];
+      const isFull = fullOrLightModel instanceof modelRef;
+      if (isFull) {
+        const crystalizedModel = gql[names.crystalizeModel](fullOrLightModel);
+        this.set({ [names.model]: crystalizedModel });
+      } else if (model?.id === fullOrLightModel.id) {
+        const crystalizedModel = gql[names.crystalizeModel]({ ...model, ...fullOrLightModel });
+        this.set({ [names.model]: crystalizedModel });
+      }
+      const lightModel = gql[names.lightCrystalizeModel](fullOrLightModel);
+      gql.slices.forEach(({ sliceName }) => {
         const namesOfSlice = {
-          defaultModel: SliceName.replace(names.Model, names.defaultModel),
           modelList: sliceName.replace(names.model, names.modelList),
-          modelListLoading: sliceName.replace(names.model, names.modelListLoading),
-          modelInsight: sliceName.replace(names.model, names.modelInsight)
+          modelListLoading: sliceName.replace(names.model, names.modelListLoading)
         };
-        const currentState = this.get();
         const modelList = currentState[namesOfSlice.modelList];
         const modelListLoading = currentState[namesOfSlice.modelListLoading];
-        const modelInsight = currentState[namesOfSlice.modelInsight];
-        const modelInput = gql[names.purifyModel](data);
-        if (!modelInput)
+        if (modelListLoading || !modelList.has(lightModel.id))
           return;
-        this.set({ [names.modelLoading]: true });
-        const model = await gql[names.createModel](modelInput, { onError });
-        const newModelList = modelListLoading ? modelList : new DataList([...modelList.slice(0, idx ?? 0), model, ...modelList.slice(idx ?? 0)]);
-        const newModelInsight = gql[names.crystalizeInsight]({
-          ...modelInsight,
-          count: modelInsight.count + 1
-        });
-        this.set({
-          [names.model]: model,
-          [names.modelLoading]: false,
-          [namesOfSlice.modelList]: newModelList,
-          [namesOfSlice.modelInsight]: newModelInsight,
-          [names.modelViewAt]: /* @__PURE__ */ new Date(),
-          [names.modelModal]: modal ?? null,
-          ...typeof path === "string" && path ? { [path]: model } : {}
-        });
-        await onSuccess?.(model);
+        this.set({ [namesOfSlice.modelList]: modelList.set(lightModel).save() });
+      });
+    },
+    [names.resetModel]: function(model) {
+      const currentState = this.get();
+      const defaultModel = currentState[names.defaultModel];
+      this.set({
+        [names.model]: model ?? null,
+        [names.modelViewAt]: /* @__PURE__ */ new Date(0),
+        [names.modelForm]: (0, import_signal.immerify)(modelRef, defaultModel),
+        [names.modelModal]: null
+      });
+      return model ?? null;
+    }
+  };
+  const sliceAction = gql.slices.reduce((acc, { sliceName, argLength }) => {
+    const SliceName = (0, import_common.capitalize)(sliceName);
+    const namesOfSlice = {
+      defaultModel: SliceName.replace(names.Model, names.defaultModel),
+      modelInsight: sliceName.replace(names.model, names.modelInsight),
+      modelList: sliceName.replace(names.model, names.modelList),
+      modelListLoading: sliceName.replace(names.model, names.modelListLoading),
+      initModel: SliceName.replace(names.Model, names.initModel),
+      modelInitList: SliceName.replace(names.Model, names.modelInitList),
+      modelInitAt: SliceName.replace(names.Model, names.modelInitAt),
+      refreshModel: SliceName.replace(names.Model, names.refreshModel),
+      selectModel: SliceName.replace(names.Model, names.selectModel),
+      setPageOfModel: SliceName.replace(names.Model, names.setPageOfModel),
+      addPageOfModel: SliceName.replace(names.Model, names.addPageOfModel),
+      setLimitOfModel: SliceName.replace(names.Model, names.setLimitOfModel),
+      setQueryArgsOfModel: SliceName.replace(names.Model, names.setQueryArgsOfModel),
+      setSortOfModel: SliceName.replace(names.Model, names.setSortOfModel),
+      lastPageOfModel: SliceName.replace(names.Model, names.lastPageOfModel),
+      pageOfModel: SliceName.replace(names.Model, names.pageOfModel),
+      limitOfModel: SliceName.replace(names.Model, names.limitOfModel),
+      queryArgsOfModel: SliceName.replace(names.Model, names.queryArgsOfModel),
+      sortOfModel: SliceName.replace(names.Model, names.sortOfModel),
+      modelSelection: SliceName.replace(names.Model, names.modelSelection)
+    };
+    const singleSliceAction = {
+      [namesOfSlice.initModel]: async function(...args) {
+        const initArgLength = Math.min(args.length, argLength);
+        const initForm = { invalidate: false, ...args[argLength] ?? {} };
+        const queryArgs = new Array(initArgLength).fill(null).map((_, i) => args[i]);
+        const defaultModel = (0, import_signal.immerify)(modelRef, { ...gql[names.defaultModel], ...initForm.default ?? {} });
+        this.set({ [names.defaultModel]: defaultModel });
+        await this[namesOfSlice.refreshModel](
+          ...initArgLength === argLength ? [...queryArgs, initForm] : queryArgs
+        );
       },
-      [names.updateModel]: async function(id, data, { idx, path, modal, sliceName = names.model, onError, onSuccess } = {}) {
+      [namesOfSlice.refreshModel]: async function(...args) {
+        const refreshArgLength = Math.min(args.length, argLength);
         const currentState = this.get();
-        const model = currentState[names.model];
-        const modelInput = gql[names.purifyModel](data);
-        if (!modelInput)
+        const existingQueryArgs = currentState[namesOfSlice.queryArgsOfModel];
+        const queryArgs = [
+          ...new Array(refreshArgLength).fill(null).map((_, i) => args[i]),
+          ...existingQueryArgs.slice(refreshArgLength, argLength)
+        ];
+        const initForm = args[argLength] ?? {};
+        const {
+          page = currentState[namesOfSlice.pageOfModel],
+          limit = currentState[namesOfSlice.limitOfModel],
+          sort = currentState[namesOfSlice.sortOfModel],
+          invalidate = true
+        } = initForm;
+        const modelOperation = currentState[names.modelOperation];
+        const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
+        const pageOfModel = currentState[namesOfSlice.pageOfModel];
+        const limitOfModel = currentState[namesOfSlice.limitOfModel];
+        const sortOfModel = currentState[namesOfSlice.sortOfModel];
+        if (!invalidate && !["sleep", "reset"].includes(modelOperation) && (0, import_common.isQueryEqual)(queryArgs, queryArgsOfModel) && page === pageOfModel && limit === limitOfModel && (0, import_common.isQueryEqual)(sort, sortOfModel))
           return;
-        if (model?.id === id)
-          this.set({ [names.modelLoading]: id });
-        const updatedModel = await gql[names.updateModel](id, modelInput, { onError });
+        else
+          this.set({ [namesOfSlice.modelListLoading]: true });
+        const [modelDataList, modelInsight] = await Promise.all([
+          gql[namesOfSlice.modelList](
+            ...queryArgs,
+            (page - 1) * limit,
+            limit,
+            sort,
+            { onError: initForm.onError }
+          ),
+          gql[namesOfSlice.modelInsight](...queryArgs, {
+            onError: initForm.onError
+          })
+        ]);
+        const modelList = new import_base.DataList(modelDataList);
         this.set({
-          ...model?.id === updatedModel.id ? { [names.model]: updatedModel, [names.modelLoading]: false, [names.modelViewAt]: /* @__PURE__ */ new Date() } : {},
-          [names.modelModal]: modal ?? null,
-          ...typeof path === "string" && path ? { [path]: updatedModel } : {}
-        });
-        const updatedLightModel = gql[names.lightCrystalizeModel](updatedModel);
-        gql.slices.forEach(({ sliceName: sliceName2 }) => {
-          const namesOfSlice = {
-            modelList: sliceName2.replace(names.model, names.modelList),
-            modelListLoading: sliceName2.replace(names.model, names.modelListLoading)
-          };
-          const currentState2 = this.get();
-          const modelList = currentState2[namesOfSlice.modelList];
-          const modelListLoading = currentState2[namesOfSlice.modelListLoading];
-          if (modelListLoading || !modelList.has(updatedModel.id))
-            return;
-          const newModelList = new DataList(modelList).set(updatedLightModel);
-          this.set({ [namesOfSlice.modelList]: newModelList });
-        });
-        await onSuccess?.(updatedModel);
-      },
-      [names.removeModel]: async function(id, options) {
-        const { modal, ...fetchPolicyOptions } = options ?? {};
-        const model = await gql[names.removeModel](
-          id,
-          fetchPolicyOptions
-        );
-        const lightModel = gql[names.lightCrystalizeModel](model);
-        gql.slices.forEach(({ sliceName }) => {
-          const namesOfSlice = {
-            modelList: sliceName.replace(names.model, names.modelList),
-            modelListLoading: sliceName.replace(names.model, names.modelListLoading),
-            modelSelection: sliceName.replace(names.model, names.modelSelection),
-            modelInsight: sliceName.replace(names.model, names.modelInsight)
-          };
-          const currentState = this.get();
-          const modelList = currentState[namesOfSlice.modelList];
-          const modelListLoading = currentState[namesOfSlice.modelListLoading];
-          const modelSelection = currentState[namesOfSlice.modelSelection];
-          const modelInsight = currentState[namesOfSlice.modelInsight];
-          if (modelListLoading || !modelList.has(model.id))
-            return;
-          const newModelList = new DataList(modelList);
-          if (model.removedAt) {
-            newModelList.delete(id);
-            const newModelInsight = gql[names.crystalizeInsight]({
-              ...modelInsight,
-              count: modelInsight.count - 1
-            });
-            const newModelSelection = new DataList(modelSelection);
-            newModelSelection.delete(id);
-            this.set({
-              [namesOfSlice.modelList]: newModelList,
-              [namesOfSlice.modelInsight]: newModelInsight,
-              ...modelSelection.has(model.id) ? { [namesOfSlice.modelSelection]: newModelSelection } : {},
-              ...modal !== void 0 ? { [names.modelModal]: modal } : {}
-            });
-          } else {
-            newModelList.set(lightModel);
-            this.set({
-              [namesOfSlice.modelList]: newModelList,
-              ...modal !== void 0 ? { [names.modelModal]: modal } : {}
-            });
-          }
+          [namesOfSlice.modelList]: modelList,
+          [namesOfSlice.modelListLoading]: false,
+          [namesOfSlice.modelInsight]: modelInsight,
+          [namesOfSlice.modelInitList]: modelList,
+          [namesOfSlice.modelInitAt]: /* @__PURE__ */ new Date(),
+          [namesOfSlice.lastPageOfModel]: Math.max(Math.floor((modelInsight.count - 1) / limit) + 1, 1),
+          [namesOfSlice.limitOfModel]: limit,
+          [namesOfSlice.queryArgsOfModel]: queryArgs,
+          [namesOfSlice.sortOfModel]: sort,
+          [namesOfSlice.pageOfModel]: page,
+          [names.modelOperation]: "idle"
         });
       },
-      [names.checkModelSubmitable]: function(disabled) {
-        const currentState = this.get();
-        const modelForm = currentState[names.modelForm];
-        const modelSubmit = currentState[names.modelSubmit];
-        const modelInput = gql[names.purifyModel](modelForm);
-        this.set({ [names.modelSubmit]: { ...modelSubmit, disabled: !modelInput || disabled } });
-      },
-      [names.submitModel]: async function(option) {
+      [namesOfSlice.selectModel]: function(model, { refresh, remove } = {}) {
+        const models = Array.isArray(model) ? model : [model];
         const currentState = this.get();
-        const modelForm = currentState[names.modelForm];
-        const modelSubmit = currentState[names.modelSubmit];
-        this.set({ [names.modelSubmit]: { ...modelSubmit, loading: true } });
-        if (modelForm.id)
-          await this[names.updateModelInForm](option);
-        else
-          await this[names.createModelInForm](option);
-        this.set({ [names.modelSubmit]: { ...modelSubmit, loading: false, times: modelSubmit.times + 1 } });
+        const modelSelection = currentState[namesOfSlice.modelSelection];
+        if (refresh)
+          this.set({ [namesOfSlice.modelSelection]: new import_base.DataList(models) });
+        else if (remove) {
+          const newModelSelection = new import_base.DataList(modelSelection);
+          models.map((model2) => newModelSelection.delete(model2.id));
+          this.set({ [namesOfSlice.modelSelection]: newModelSelection });
+        } else {
+          this.set({ [namesOfSlice.modelSelection]: new import_base.DataList([...modelSelection.values, ...models]) });
+        }
       },
-      [names.newModel]: function(partial = {}, { modal, setDefault, sliceName = names.model } = {}) {
-        const SliceName = capitalize(sliceName);
-        const namesOfSlice = {
-          defaultModel: SliceName.replace(names.Model, names.defaultModel)
-        };
+      [namesOfSlice.setPageOfModel]: async function(page, options) {
         const currentState = this.get();
-        const defaultModel = currentState[namesOfSlice.defaultModel];
+        const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
+        const pageOfModel = currentState[namesOfSlice.pageOfModel];
+        const limitOfModel = currentState[namesOfSlice.limitOfModel];
+        const sortOfModel = currentState[namesOfSlice.sortOfModel];
+        if (pageOfModel === page)
+          return;
+        this.set({ [namesOfSlice.modelListLoading]: true });
+        const modelDataList = await gql[namesOfSlice.modelList](
+          ...queryArgsOfModel,
+          (page - 1) * limitOfModel,
+          limitOfModel,
+          sortOfModel,
+          options
+        );
+        const modelList = new import_base.DataList(modelDataList);
         this.set({
-          [names.modelForm]: immerify(modelRef, { ...defaultModel, ...partial }),
-          [namesOfSlice.defaultModel]: setDefault ? immerify(modelRef, { ...defaultModel, ...partial }) : defaultModel,
-          [names.model]: null,
-          [names.modelModal]: modal ?? "edit",
-          [names.modelFormLoading]: false
+          [namesOfSlice.modelList]: modelList,
+          [namesOfSlice.pageOfModel]: page,
+          [namesOfSlice.modelListLoading]: false
         });
       },
-      [names.editModel]: async function(modelOrId, { modal, onError } = {}) {
-        const id = typeof modelOrId === "string" ? modelOrId : modelOrId.id;
-        this.set({ [names.modelFormLoading]: id, [names.modelModal]: modal ?? "edit" });
-        this.set((state) => {
-          state[names.modelForm].id = id;
-        });
-        const model = await gql[names.model](id, { onError });
-        const modelForm = deepObjectify(model);
-        this.set({
-          [names.model]: model,
-          [names.modelFormLoading]: false,
-          [names.modelViewAt]: /* @__PURE__ */ new Date(),
-          [names.modelForm]: modelForm
-        });
+      [namesOfSlice.addPageOfModel]: async function(page, options) {
+        const currentState = this.get();
+        const modelList = currentState[namesOfSlice.modelList];
+        const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
+        const pageOfModel = currentState[namesOfSlice.pageOfModel];
+        const limitOfModel = currentState[namesOfSlice.limitOfModel];
+        const sortOfModel = currentState[namesOfSlice.sortOfModel];
+        if (pageOfModel === page)
+          return;
+        const addFront = page < pageOfModel;
+        const modelDataList = await gql[namesOfSlice.modelList](
+          ...queryArgsOfModel,
+          (page - 1) * limitOfModel,
+          limitOfModel,
+          sortOfModel,
+          options
+        );
+        const newModelList = new import_base.DataList(
+          addFront ? [...modelDataList, ...modelList] : [...modelList, ...modelDataList]
+        );
+        this.set({ [namesOfSlice.modelList]: newModelList, [namesOfSlice.pageOfModel]: page });
       },
-      [names.mergeModel]: async function(modelOrId, data, options) {
-        const id = typeof modelOrId === "string" ? modelOrId : modelOrId.id;
+      [namesOfSlice.setLimitOfModel]: async function(limit, options) {
         const currentState = this.get();
-        const model = currentState[names.model];
-        if (id === model?.id)
-          this.set({ modelLoading: id });
-        const updatedModel = await gql[names.mergeModel](modelOrId, data, options);
+        const modelInsight = currentState[namesOfSlice.modelInsight];
+        const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
+        const pageOfModel = currentState[namesOfSlice.pageOfModel];
+        const limitOfModel = currentState[namesOfSlice.limitOfModel];
+        const sortOfModel = currentState[namesOfSlice.sortOfModel];
+        if (limitOfModel === limit)
+          return;
+        const skip = (pageOfModel - 1) * limitOfModel;
+        const page = Math.max(Math.floor((skip - 1) / limit) + 1, 1);
+        const modelDataList = await gql[namesOfSlice.modelList](
+          ...queryArgsOfModel,
+          (page - 1) * limit,
+          limit,
+          sortOfModel,
+          options
+        );
+        const modelList = new import_base.DataList(modelDataList);
         this.set({
-          [names.model]: id === model?.id ? updatedModel : model,
-          [names.modelLoading]: false
-        });
-        const updatedLightModel = gql[names.lightCrystalizeModel](updatedModel);
-        gql.slices.forEach(({ sliceName }) => {
-          const namesOfSlice = {
-            modelList: sliceName.replace(names.model, names.modelList),
-            modelListLoading: sliceName.replace(names.model, names.modelListLoading)
-          };
-          const currentState2 = this.get();
-          const modelList = currentState2[namesOfSlice.modelList];
-          const modelListLoading = currentState2[namesOfSlice.modelListLoading];
-          if (modelListLoading || !modelList.has(updatedModel.id))
-            return;
-          const newModelList = new DataList(modelList).set(updatedLightModel);
-          this.set({ [namesOfSlice.modelList]: newModelList });
+          [namesOfSlice.modelList]: modelList,
+          [namesOfSlice.lastPageOfModel]: Math.max(Math.floor((modelInsight.count - 1) / limit) + 1, 1),
+          [namesOfSlice.limitOfModel]: limit,
+          [namesOfSlice.pageOfModel]: page
         });
       },
-      [names.viewModel]: async function(modelOrId, { modal, onError } = {}) {
-        const id = typeof modelOrId === "string" ? modelOrId : modelOrId.id;
-        this.set({ [names.modelModal]: modal ?? "view", [names.modelLoading]: id });
-        const model = await gql[names.model](id, { onError });
-        this.set({ [names.model]: model, [names.modelViewAt]: /* @__PURE__ */ new Date(), [names.modelLoading]: false });
-      },
-      [names.setModel]: function(fullOrLightModel) {
+      [namesOfSlice.setQueryArgsOfModel]: async function(...args) {
+        const queryArgs = new Array(argLength).fill(null).map((_, i) => args[i]);
+        const options = args[argLength];
         const currentState = this.get();
-        const model = currentState[names.model];
-        const isFull = fullOrLightModel instanceof modelRef;
-        if (isFull) {
-          const crystalizedModel = gql[names.crystalizeModel](fullOrLightModel);
-          this.set({ [names.model]: crystalizedModel });
-        } else if (model?.id === fullOrLightModel.id) {
-          const crystalizedModel = gql[names.crystalizeModel]({ ...model, ...fullOrLightModel });
-          this.set({ [names.model]: crystalizedModel });
+        const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
+        const limitOfModel = currentState[namesOfSlice.limitOfModel];
+        const sortOfModel = currentState[namesOfSlice.sortOfModel];
+        if ((0, import_common.isQueryEqual)(queryArgsOfModel, queryArgs)) {
+          import_common.Logger.trace(`${namesOfSlice.queryArgsOfModel} store-level cache hit`);
+          return;
         }
-        const lightModel = gql[names.lightCrystalizeModel](fullOrLightModel);
-        gql.slices.forEach(({ sliceName }) => {
-          const namesOfSlice = {
-            modelList: sliceName.replace(names.model, names.modelList),
-            modelListLoading: sliceName.replace(names.model, names.modelListLoading)
-          };
-          const modelList = currentState[namesOfSlice.modelList];
-          const modelListLoading = currentState[namesOfSlice.modelListLoading];
-          if (modelListLoading || !modelList.has(lightModel.id))
-            return;
-          this.set({ [namesOfSlice.modelList]: modelList.set(lightModel).save() });
+        this.set({ [namesOfSlice.modelListLoading]: true });
+        const [modelDataList, modelInsight] = await Promise.all([
+          gql[namesOfSlice.modelList](
+            ...queryArgs,
+            0,
+            limitOfModel,
+            sortOfModel,
+            options
+          ),
+          gql[namesOfSlice.modelInsight](...queryArgs, options)
+        ]);
+        const modelList = new import_base.DataList(modelDataList);
+        this.set({
+          [namesOfSlice.queryArgsOfModel]: queryArgs,
+          [namesOfSlice.modelList]: modelList,
+          [namesOfSlice.modelInsight]: modelInsight,
+          [namesOfSlice.lastPageOfModel]: Math.max(Math.floor((modelInsight.count - 1) / limitOfModel) + 1, 1),
+          [namesOfSlice.pageOfModel]: 1,
+          [namesOfSlice.modelSelection]: /* @__PURE__ */ new Map(),
+          [namesOfSlice.modelListLoading]: false
         });
       },
-      [names.resetModel]: function(model) {
+      [namesOfSlice.setSortOfModel]: async function(sort, options) {
         const currentState = this.get();
-        const defaultModel = currentState[names.defaultModel];
+        const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
+        const limitOfModel = currentState[namesOfSlice.limitOfModel];
+        const sortOfModel = currentState[namesOfSlice.sortOfModel];
+        if (sortOfModel === sort)
+          return;
+        this.set({ [namesOfSlice.modelListLoading]: true });
+        const modelDataList = await gql[namesOfSlice.modelList](
+          ...queryArgsOfModel,
+          0,
+          limitOfModel,
+          sort,
+          options
+        );
+        const modelList = new import_base.DataList(modelDataList);
         this.set({
-          [names.model]: model ?? null,
-          [names.modelViewAt]: /* @__PURE__ */ new Date(0),
-          [names.modelForm]: immerify(modelRef, defaultModel),
-          [names.modelModal]: null
+          [namesOfSlice.modelList]: modelList,
+          [namesOfSlice.sortOfModel]: sort,
+          [namesOfSlice.pageOfModel]: 1,
+          [namesOfSlice.modelListLoading]: false
         });
-        return model ?? null;
       }
     };
-    const sliceAction = gql.slices.reduce((acc, { sliceName, argLength }) => {
-      const SliceName = capitalize(sliceName);
-      const namesOfSlice = {
+    return Object.assign(acc, singleSliceAction);
+  }, {});
+  return { ...baseAction, ...sliceAction };
+};
+var stateOf = (gql, state) => {
+  const applyState = Object.assign(createState(gql), state);
+  const applyAction = createActions(gql);
+  setStoreMeta(gql.refName, {
+    refName: gql.refName,
+    useKeys: Object.keys(applyState),
+    doKeys: Object.keys(applyAction),
+    slices: gql.slices
+  });
+  const applyStore = { ...applyState, ...applyAction };
+  class StateStore {
+    get;
+    set;
+    pick;
+  }
+  Object.keys(applyStore).forEach(
+    (key) => Object.defineProperty(StateStore.prototype, key, { value: applyStore[key] })
+  );
+  return StateStore;
+};
+var scalarStateOf = (refName, state) => {
+  const applyState = state;
+  setStoreMeta(refName, { refName, useKeys: Object.keys(applyState), doKeys: [], slices: [] });
+  class StateStore {
+    get;
+    set;
+    pick;
+  }
+  Object.keys(applyState).forEach(
+    (key) => Object.defineProperty(StateStore.prototype, key, { value: applyState[key] })
+  );
+  return StateStore;
+};
+var Store = (returnsOrObj) => {
+  const refName = typeof returnsOrObj === "object" ? returnsOrObj.name : (0, import_common.lowerlize)((0, import_constant.getClassMeta)(returnsOrObj()).refName);
+  const storeMeta = getStoreMeta(refName);
+  return function(target) {
+    const customDoKeys = Object.getOwnPropertyNames(target.prototype).filter((key) => key !== "constructor");
+    setStoreMeta(refName, { ...storeMeta, doKeys: [...storeMeta.doKeys, ...customDoKeys] });
+  };
+};
+var createSelectors = (_store, store = {}) => {
+  store.get = _store.getState;
+  store.set = (s) => {
+    if (typeof s === "function")
+      _store.setState((st2) => {
+        s(st2);
+      });
+    else
+      _store.setState(s);
+  };
+  store.sel = (selectFn, equals) => _store(selectFn, equals);
+  const state = store.get();
+  store.sub = _store.subscribe;
+  const useReference = (selectFn) => {
+    const ref = (0, import_react.useRef)(selectFn(store.get()));
+    (0, import_react.useEffect)(() => {
+      return store.sub(selectFn, (val) => ref.current = val);
+    }, []);
+    return ref;
+  };
+  store.ref = useReference;
+  const existingUse = store.use;
+  const existingDo = store.do;
+  const existingSlice = store.slice;
+  if (!existingUse)
+    Object.assign(store, { use: {} });
+  if (!existingDo)
+    Object.assign(store, { do: {} });
+  if (!existingSlice)
+    Object.assign(store, { slice: {} });
+  for (const k of Object.keys(state)) {
+    if (typeof state[k] !== "function") {
+      store.use[k] = () => store.sel((s) => s[k]);
+      const setKey = `set${(0, import_common.capitalize)(k)}`;
+      if (!state[setKey])
+        store.do[setKey] = (value) => {
+          store.set({ [k]: value });
+        };
+    } else {
+      store.do[k] = async (...args) => {
+        try {
+          import_common.Logger.verbose(`${k} action loading...`);
+          const start = Date.now();
+          await state[k](...args);
+          const end = Date.now();
+          import_common.Logger.verbose(`=> ${k} action dispatched (${end - start}ms)`);
+        } catch (e) {
+          const errKey = typeof e === "string" ? e : e.message;
+          import_dictionary.msg.error(errKey, { key: k });
+          throw e;
+        }
+      };
+    }
+  }
+  const storeNames = getStoreNames();
+  for (const storeName of storeNames) {
+    const [fieldName, className] = [(0, import_common.lowerlize)(storeName), (0, import_common.capitalize)(storeName)];
+    const names = {
+      model: fieldName,
+      Model: className,
+      defaultModel: `default${className}`,
+      modelInsight: `${fieldName}Insight`,
+      modelList: `${fieldName}List`,
+      modelListLoading: `${fieldName}ListLoading`,
+      modelInitList: `${fieldName}InitList`,
+      modelInitAt: `${fieldName}InitAt`,
+      pageOfModel: `pageOf${className}`,
+      limitOfModel: `limitOf${className}`,
+      queryArgsOfModel: `queryArgsOf${className}`,
+      sortOfModel: `sortOf${className}`,
+      modelSelection: `${fieldName}Selection`,
+      initModel: `init${className}`,
+      refreshModel: `refresh${className}`,
+      selectModel: `select${className}`,
+      setPageOfModel: `setPageOf${className}`,
+      addPageOfModel: `addPageOf${className}`,
+      setLimitOfModel: `setLimitOf${className}`,
+      setQueryArgsOfModel: `setQueryArgsOf${className}`,
+      setSortOfModel: `setSortOf${className}`,
+      lastPageOfModel: `lastPageOf${className}`
+    };
+    const storeMeta = getStoreMeta(storeName);
+    storeMeta.slices.forEach(({ sliceName, argLength, refName }) => {
+      const SliceName = (0, import_common.capitalize)(sliceName);
+      const namesOfSliceState = {
         defaultModel: SliceName.replace(names.Model, names.defaultModel),
+        modelInitList: SliceName.replace(names.Model, names.modelInitList),
         modelInsight: sliceName.replace(names.model, names.modelInsight),
         modelList: sliceName.replace(names.model, names.modelList),
         modelListLoading: sliceName.replace(names.model, names.modelListLoading),
-        initModel: SliceName.replace(names.Model, names.initModel),
-        modelInitList: SliceName.replace(names.Model, names.modelInitList),
         modelInitAt: SliceName.replace(names.Model, names.modelInitAt),
-        refreshModel: SliceName.replace(names.Model, names.refreshModel),
-        selectModel: SliceName.replace(names.Model, names.selectModel),
-        setPageOfModel: SliceName.replace(names.Model, names.setPageOfModel),
-        addPageOfModel: SliceName.replace(names.Model, names.addPageOfModel),
-        setLimitOfModel: SliceName.replace(names.Model, names.setLimitOfModel),
-        setQueryArgsOfModel: SliceName.replace(names.Model, names.setQueryArgsOfModel),
-        setSortOfModel: SliceName.replace(names.Model, names.setSortOfModel),
         lastPageOfModel: SliceName.replace(names.Model, names.lastPageOfModel),
         pageOfModel: SliceName.replace(names.Model, names.pageOfModel),
         limitOfModel: SliceName.replace(names.Model, names.limitOfModel),
@@ -1712,474 +977,125 @@
         sortOfModel: SliceName.replace(names.Model, names.sortOfModel),
         modelSelection: SliceName.replace(names.Model, names.modelSelection)
       };
-      const singleSliceAction = {
-        [namesOfSlice.initModel]: async function(...args) {
-          const initArgLength = Math.min(args.length, argLength);
-          const initForm = { invalidate: false, ...args[argLength] ?? {} };
-          const queryArgs = new Array(initArgLength).fill(null).map((_, i) => args[i]);
-          const defaultModel = immerify(modelRef, { ...gql[names.defaultModel], ...initForm.default ?? {} });
-          this.set({ [names.defaultModel]: defaultModel });
-          await this[namesOfSlice.refreshModel](
-            ...initArgLength === argLength ? [...queryArgs, initForm] : queryArgs
-          );
-        },
-        [namesOfSlice.refreshModel]: async function(...args) {
-          const refreshArgLength = Math.min(args.length, argLength);
-          const currentState = this.get();
-          const existingQueryArgs = currentState[namesOfSlice.queryArgsOfModel];
-          const queryArgs = [
-            ...new Array(refreshArgLength).fill(null).map((_, i) => args[i]),
-            ...existingQueryArgs.slice(refreshArgLength, argLength)
-          ];
-          const initForm = args[argLength] ?? {};
-          const {
-            page = currentState[namesOfSlice.pageOfModel],
-            limit = currentState[namesOfSlice.limitOfModel],
-            sort = currentState[namesOfSlice.sortOfModel],
-            invalidate = true
-          } = initForm;
-          const modelOperation = currentState[names.modelOperation];
-          const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
-          const pageOfModel = currentState[namesOfSlice.pageOfModel];
-          const limitOfModel = currentState[namesOfSlice.limitOfModel];
-          const sortOfModel = currentState[namesOfSlice.sortOfModel];
-          if (!invalidate && !["sleep", "reset"].includes(modelOperation) && isQueryEqual(queryArgs, queryArgsOfModel) && page === pageOfModel && limit === limitOfModel && isQueryEqual(sort, sortOfModel))
-            return;
-          else
-            this.set({ [namesOfSlice.modelListLoading]: true });
-          const [modelDataList, modelInsight] = await Promise.all([
-            gql[namesOfSlice.modelList](
-              ...queryArgs,
-              (page - 1) * limit,
-              limit,
-              sort,
-              { onError: initForm.onError }
-            ),
-            gql[namesOfSlice.modelInsight](...queryArgs, {
-              onError: initForm.onError
-            })
-          ]);
-          const modelList = new DataList(modelDataList);
-          this.set({
-            [namesOfSlice.modelList]: modelList,
-            [namesOfSlice.modelListLoading]: false,
-            [namesOfSlice.modelInsight]: modelInsight,
-            [namesOfSlice.modelInitList]: modelList,
-            [namesOfSlice.modelInitAt]: /* @__PURE__ */ new Date(),
-            [namesOfSlice.lastPageOfModel]: Math.max(Math.floor((modelInsight.count - 1) / limit) + 1, 1),
-            [namesOfSlice.limitOfModel]: limit,
-            [namesOfSlice.queryArgsOfModel]: queryArgs,
-            [namesOfSlice.sortOfModel]: sort,
-            [namesOfSlice.pageOfModel]: page,
-            [names.modelOperation]: "idle"
-          });
-        },
-        [namesOfSlice.selectModel]: function(model, { refresh, remove } = {}) {
-          const models = Array.isArray(model) ? model : [model];
-          const currentState = this.get();
-          const modelSelection = currentState[namesOfSlice.modelSelection];
-          if (refresh)
-            this.set({ [namesOfSlice.modelSelection]: new DataList(models) });
-          else if (remove) {
-            const newModelSelection = new DataList(modelSelection);
-            models.map((model2) => newModelSelection.delete(model2.id));
-            this.set({ [namesOfSlice.modelSelection]: newModelSelection });
-          } else {
-            this.set({ [namesOfSlice.modelSelection]: new DataList([...modelSelection.values, ...models]) });
-          }
-        },
-        [namesOfSlice.setPageOfModel]: async function(page, options) {
-          const currentState = this.get();
-          const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
-          const pageOfModel = currentState[namesOfSlice.pageOfModel];
-          const limitOfModel = currentState[namesOfSlice.limitOfModel];
-          const sortOfModel = currentState[namesOfSlice.sortOfModel];
-          if (pageOfModel === page)
-            return;
-          this.set({ [namesOfSlice.modelListLoading]: true });
-          const modelDataList = await gql[namesOfSlice.modelList](
-            ...queryArgsOfModel,
-            (page - 1) * limitOfModel,
-            limitOfModel,
-            sortOfModel,
-            options
-          );
-          const modelList = new DataList(modelDataList);
-          this.set({
-            [namesOfSlice.modelList]: modelList,
-            [namesOfSlice.pageOfModel]: page,
-            [namesOfSlice.modelListLoading]: false
-          });
-        },
-        [namesOfSlice.addPageOfModel]: async function(page, options) {
-          const currentState = this.get();
-          const modelList = currentState[namesOfSlice.modelList];
-          const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
-          const pageOfModel = currentState[namesOfSlice.pageOfModel];
-          const limitOfModel = currentState[namesOfSlice.limitOfModel];
-          const sortOfModel = currentState[namesOfSlice.sortOfModel];
-          if (pageOfModel === page)
-            return;
-          const addFront = page < pageOfModel;
-          const modelDataList = await gql[namesOfSlice.modelList](
-            ...queryArgsOfModel,
-            (page - 1) * limitOfModel,
-            limitOfModel,
-            sortOfModel,
-            options
-          );
-          const newModelList = new DataList(
-            addFront ? [...modelDataList, ...modelList] : [...modelList, ...modelDataList]
-          );
-          this.set({ [namesOfSlice.modelList]: newModelList, [namesOfSlice.pageOfModel]: page });
-        },
-        [namesOfSlice.setLimitOfModel]: async function(limit, options) {
-          const currentState = this.get();
-          const modelInsight = currentState[namesOfSlice.modelInsight];
-          const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
-          const pageOfModel = currentState[namesOfSlice.pageOfModel];
-          const limitOfModel = currentState[namesOfSlice.limitOfModel];
-          const sortOfModel = currentState[namesOfSlice.sortOfModel];
-          if (limitOfModel === limit)
-            return;
-          const skip = (pageOfModel - 1) * limitOfModel;
-          const page = Math.max(Math.floor((skip - 1) / limit) + 1, 1);
-          const modelDataList = await gql[namesOfSlice.modelList](
-            ...queryArgsOfModel,
-            (page - 1) * limit,
-            limit,
-            sortOfModel,
-            options
-          );
-          const modelList = new DataList(modelDataList);
-          this.set({
-            [namesOfSlice.modelList]: modelList,
-            [namesOfSlice.lastPageOfModel]: Math.max(Math.floor((modelInsight.count - 1) / limit) + 1, 1),
-            [namesOfSlice.limitOfModel]: limit,
-            [namesOfSlice.pageOfModel]: page
-          });
-        },
-        [namesOfSlice.setQueryArgsOfModel]: async function(...args) {
-          const queryArgs = new Array(argLength).fill(null).map((_, i) => args[i]);
-          const options = args[argLength];
-          const currentState = this.get();
-          const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
-          const limitOfModel = currentState[namesOfSlice.limitOfModel];
-          const sortOfModel = currentState[namesOfSlice.sortOfModel];
-          if (isQueryEqual(queryArgsOfModel, queryArgs)) {
-            Logger.trace(`${namesOfSlice.queryArgsOfModel} store-level cache hit`);
-            return;
-          }
-          this.set({ [namesOfSlice.modelListLoading]: true });
-          const [modelDataList, modelInsight] = await Promise.all([
-            gql[namesOfSlice.modelList](
-              ...queryArgs,
-              0,
-              limitOfModel,
-              sortOfModel,
-              options
-            ),
-            gql[namesOfSlice.modelInsight](...queryArgs, options)
-          ]);
-          const modelList = new DataList(modelDataList);
-          this.set({
-            [namesOfSlice.queryArgsOfModel]: queryArgs,
-            [namesOfSlice.modelList]: modelList,
-            [namesOfSlice.modelInsight]: modelInsight,
-            [namesOfSlice.lastPageOfModel]: Math.max(Math.floor((modelInsight.count - 1) / limitOfModel) + 1, 1),
-            [namesOfSlice.pageOfModel]: 1,
-            [namesOfSlice.modelSelection]: /* @__PURE__ */ new Map(),
-            [namesOfSlice.modelListLoading]: false
-          });
-        },
-        [namesOfSlice.setSortOfModel]: async function(sort, options) {
-          const currentState = this.get();
-          const queryArgsOfModel = currentState[namesOfSlice.queryArgsOfModel];
-          const limitOfModel = currentState[namesOfSlice.limitOfModel];
-          const sortOfModel = currentState[namesOfSlice.sortOfModel];
-          if (sortOfModel === sort)
-            return;
-          this.set({ [namesOfSlice.modelListLoading]: true });
-          const modelDataList = await gql[namesOfSlice.modelList](
-            ...queryArgsOfModel,
-            0,
-            limitOfModel,
-            sort,
-            options
-          );
-          const modelList = new DataList(modelDataList);
-          this.set({
-            [namesOfSlice.modelList]: modelList,
-            [namesOfSlice.sortOfModel]: sort,
-            [namesOfSlice.pageOfModel]: 1,
-            [namesOfSlice.modelListLoading]: false
-          });
-        }
+      const namesOfSliceAction = {
+        initModel: SliceName.replace(names.Model, names.initModel),
+        refreshModel: SliceName.replace(names.Model, names.refreshModel),
+        selectModel: SliceName.replace(names.Model, names.selectModel),
+        setPageOfModel: SliceName.replace(names.Model, names.setPageOfModel),
+        addPageOfModel: SliceName.replace(names.Model, names.addPageOfModel),
+        setLimitOfModel: SliceName.replace(names.Model, names.setLimitOfModel),
+        setQueryArgsOfModel: SliceName.replace(names.Model, names.setQueryArgsOfModel),
+        setSortOfModel: SliceName.replace(names.Model, names.setSortOfModel)
       };
-      return Object.assign(acc, singleSliceAction);
-    }, {});
-    return { ...baseAction, ...sliceAction };
-  };
-  var stateOf = (gql, state) => {
-    const applyState = Object.assign(createState(gql), state);
-    const applyAction = createActions(gql);
-    setStoreMeta(gql.refName, {
-      refName: gql.refName,
-      useKeys: Object.keys(applyState),
-      doKeys: Object.keys(applyAction),
-      slices: gql.slices
+      store.slice[sliceName] = { do: {}, use: {} };
+      const targetSlice = store.slice[sliceName];
+      Object.keys(namesOfSliceAction).forEach((key) => {
+        targetSlice.do[names[key]] = store.do[namesOfSliceAction[key]];
+      });
+      Object.keys(namesOfSliceState).map((key) => {
+        targetSlice.use[names[key]] = store.use[namesOfSliceState[key]];
+        targetSlice.do[`set${(0, import_common.capitalize)(names[key])}`] = store.do[`set${(0, import_common.capitalize)(namesOfSliceState[key])}`];
+      });
+      targetSlice.sliceName = sliceName;
+      targetSlice.refName = refName;
+      targetSlice.argLength = argLength;
     });
-    const applyStore = { ...applyState, ...applyAction };
-    class StateStore {
-      get;
-      set;
-      pick;
-    }
-    Object.keys(applyStore).forEach(
-      (key) => Object.defineProperty(StateStore.prototype, key, { value: applyStore[key] })
-    );
-    return StateStore;
-  };
-  var scalarStateOf = (refName, state) => {
-    const applyState = state;
-    setStoreMeta(refName, { refName, useKeys: Object.keys(applyState), doKeys: [], slices: [] });
-    class StateStore {
-      get;
-      set;
-      pick;
-    }
-    Object.keys(applyState).forEach(
-      (key) => Object.defineProperty(StateStore.prototype, key, { value: applyState[key] })
-    );
-    return StateStore;
-  };
-  var Store = (returnsOrObj) => {
-    const refName = typeof returnsOrObj === "object" ? returnsOrObj.name : lowerlize(getClassMeta(returnsOrObj()).refName);
-    const storeMeta = getStoreMeta(refName);
-    return function(target) {
-      const customDoKeys = Object.getOwnPropertyNames(target.prototype).filter((key) => key !== "constructor");
-      setStoreMeta(refName, { ...storeMeta, doKeys: [...storeMeta.doKeys, ...customDoKeys] });
-    };
-  };
-  var createSelectors = (_store, store = {}) => {
-    store.get = _store.getState;
-    store.set = (s) => {
-      if (typeof s === "function")
-        _store.setState((st2) => {
-          s(st2);
-        });
-      else
-        _store.setState(s);
-    };
-    store.sel = (selectFn, equals) => _store(selectFn, equals);
-    const state = store.get();
-    store.sub = _store.subscribe;
-    const useReference = (selectFn) => {
-      const ref = (0, import_react.useRef)(selectFn(store.get()));
-      (0, import_react.useEffect)(() => {
-        return store.sub(selectFn, (val) => ref.current = val);
-      }, []);
-      return ref;
-    };
-    store.ref = useReference;
-    const existingUse = store.use;
-    const existingDo = store.do;
-    const existingSlice = store.slice;
-    if (!existingUse)
-      Object.assign(store, { use: {} });
-    if (!existingDo)
-      Object.assign(store, { do: {} });
-    if (!existingSlice)
-      Object.assign(store, { slice: {} });
-    for (const k of Object.keys(state)) {
-      if (typeof state[k] !== "function") {
-        store.use[k] = () => store.sel((s) => s[k]);
-        const setKey = `set${capitalize(k)}`;
-        if (!state[setKey])
-          store.do[setKey] = (value) => {
-            store.set({ [k]: value });
-          };
-      } else {
-        store.do[k] = async (...args) => {
-          try {
-            Logger.verbose(`${k} action loading...`);
-            const start = Date.now();
-            await state[k](...args);
-            const end = Date.now();
-            Logger.verbose(`=> ${k} action dispatched (${end - start}ms)`);
-          } catch (e) {
-            const errKey = typeof e === "string" ? e : e.message;
-            msg.error(errKey, { key: k });
-            throw e;
-          }
-        };
+  }
+  return store;
+};
+var makePicker = (set, get) => (...fields) => {
+  const state = get();
+  const ret = {};
+  for (const field of fields) {
+    const val = state[field];
+    if (!val)
+      throw new Error(`Field ${field} is not ready`);
+    if (typeof val === "string" && val.length === 0)
+      throw new Error(`Field is empty string (${field})`);
+    else if (["self", "me"].includes(field) && !state[field].id?.length)
+      throw new Error("Self or Me Id is not defined");
+    ret[field] = val;
+  }
+  return ret;
+};
+var makeStore = (st2, storeRef, { library } = {}) => {
+  if (library)
+    return st2;
+  const zustandStore = (0, import_zustand.create)(
+    (0, import_middleware.devtools)(
+      (0, import_middleware.subscribeWithSelector)(
+        (0, import_immer.immer)((set, get) => {
+          const store = {};
+          const pick = makePicker(set, get);
+          Object.getOwnPropertyNames(storeRef.prototype).forEach((key) => {
+            const descriptor = Object.getOwnPropertyDescriptor(storeRef.prototype, key);
+            if (descriptor)
+              store[key] = descriptor.value;
+          });
+          Object.assign(store, { set, get, pick });
+          return store;
+        })
+      ),
+      { name: "root", anonymousActionType: "root", type: "root" }
+    )
+  );
+  return createSelectors(zustandStore, st2);
+};
+var MixStore = (s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13, s14, s15, s16, s17, s18, s19, s20, s21, s22, s23, s24, s25, s26, s27, s28, s29, s30) => {
+  const stores = [
+    s1,
+    s2,
+    s3,
+    s4,
+    s5,
+    s6,
+    s7,
+    s8,
+    s9,
+    s10,
+    s11,
+    s12,
+    s13,
+    s14,
+    s15,
+    s16,
+    s17,
+    s18,
+    s19,
+    s20,
+    s21,
+    s22,
+    s23,
+    s24,
+    s25,
+    s26,
+    s27,
+    s28,
+    s29,
+    s30
+  ].filter((s) => !!s);
+  class Mix {
+  }
+  (0, import_common.applyMixins)(Mix, stores);
+  return Mix;
+};
+var rootStoreOf = (store) => {
+  return Object.getPrototypeOf(store);
+};
+var Toast = ({ root, duration = 3 } = {}) => {
+  return function(target, key, descriptor) {
+    const originMethod = descriptor.value;
+    descriptor.value = async function(...args) {
+      try {
+        import_dictionary.msg.loading(`${root ? `${root}.` : ""}${key}-loading`, { key, duration });
+        const result = await originMethod.apply(this, args);
+        import_dictionary.msg.success(`${root ? `${root}.` : ""}${key}-success`, { key, duration });
+        return result;
+      } catch (err) {
+        const errKey = typeof err === "string" ? err : err.message;
+        import_dictionary.msg.error(errKey, { key, duration });
+        import_common.Logger.error(`${key} action error return: ${err}`);
       }
-    }
-    const storeNames = getStoreNames();
-    for (const storeName of storeNames) {
-      const [fieldName, className] = [lowerlize(storeName), capitalize(storeName)];
-      const names = {
-        model: fieldName,
-        Model: className,
-        defaultModel: `default${className}`,
-        modelInsight: `${fieldName}Insight`,
-        modelList: `${fieldName}List`,
-        modelListLoading: `${fieldName}ListLoading`,
-        modelInitList: `${fieldName}InitList`,
-        modelInitAt: `${fieldName}InitAt`,
-        pageOfModel: `pageOf${className}`,
-        limitOfModel: `limitOf${className}`,
-        queryArgsOfModel: `queryArgsOf${className}`,
-        sortOfModel: `sortOf${className}`,
-        modelSelection: `${fieldName}Selection`,
-        initModel: `init${className}`,
-        refreshModel: `refresh${className}`,
-        selectModel: `select${className}`,
-        setPageOfModel: `setPageOf${className}`,
-        addPageOfModel: `addPageOf${className}`,
-        setLimitOfModel: `setLimitOf${className}`,
-        setQueryArgsOfModel: `setQueryArgsOf${className}`,
-        setSortOfModel: `setSortOf${className}`,
-        lastPageOfModel: `lastPageOf${className}`
-      };
-      const storeMeta = getStoreMeta(storeName);
-      storeMeta.slices.forEach(({ sliceName, argLength, refName }) => {
-        const SliceName = capitalize(sliceName);
-        const namesOfSliceState = {
-          defaultModel: SliceName.replace(names.Model, names.defaultModel),
-          modelInitList: SliceName.replace(names.Model, names.modelInitList),
-          modelInsight: sliceName.replace(names.model, names.modelInsight),
-          modelList: sliceName.replace(names.model, names.modelList),
-          modelListLoading: sliceName.replace(names.model, names.modelListLoading),
-          modelInitAt: SliceName.replace(names.Model, names.modelInitAt),
-          lastPageOfModel: SliceName.replace(names.Model, names.lastPageOfModel),
-          pageOfModel: SliceName.replace(names.Model, names.pageOfModel),
-          limitOfModel: SliceName.replace(names.Model, names.limitOfModel),
-          queryArgsOfModel: SliceName.replace(names.Model, names.queryArgsOfModel),
-          sortOfModel: SliceName.replace(names.Model, names.sortOfModel),
-          modelSelection: SliceName.replace(names.Model, names.modelSelection)
-        };
-        const namesOfSliceAction = {
-          initModel: SliceName.replace(names.Model, names.initModel),
-          refreshModel: SliceName.replace(names.Model, names.refreshModel),
-          selectModel: SliceName.replace(names.Model, names.selectModel),
-          setPageOfModel: SliceName.replace(names.Model, names.setPageOfModel),
-          addPageOfModel: SliceName.replace(names.Model, names.addPageOfModel),
-          setLimitOfModel: SliceName.replace(names.Model, names.setLimitOfModel),
-          setQueryArgsOfModel: SliceName.replace(names.Model, names.setQueryArgsOfModel),
-          setSortOfModel: SliceName.replace(names.Model, names.setSortOfModel)
-        };
-        store.slice[sliceName] = { do: {}, use: {} };
-        const targetSlice = store.slice[sliceName];
-        Object.keys(namesOfSliceAction).forEach((key) => {
-          targetSlice.do[names[key]] = store.do[namesOfSliceAction[key]];
-        });
-        Object.keys(namesOfSliceState).map((key) => {
-          targetSlice.use[names[key]] = store.use[namesOfSliceState[key]];
-          targetSlice.do[`set${capitalize(names[key])}`] = store.do[`set${capitalize(namesOfSliceState[key])}`];
-        });
-        targetSlice.sliceName = sliceName;
-        targetSlice.refName = refName;
-        targetSlice.argLength = argLength;
-      });
-    }
-    return store;
-  };
-  var makePicker = (set, get) => (...fields) => {
-    const state = get();
-    const ret = {};
-    for (const field of fields) {
-      const val = state[field];
-      if (!val)
-        throw new Error(`Field ${field} is not ready`);
-      if (typeof val === "string" && val.length === 0)
-        throw new Error(`Field is empty string (${field})`);
-      else if (["self", "me"].includes(field) && !state[field].id?.length)
-        throw new Error("Self or Me Id is not defined");
-      ret[field] = val;
-    }
-    return ret;
-  };
-  var makeStore = (st2, storeRef, { library } = {}) => {
-    if (library)
-      return st2;
-    const zustandStore = (0, import_zustand.create)(
-      (0, import_middleware.devtools)(
-        (0, import_middleware.subscribeWithSelector)(
-          (0, import_immer2.immer)((set, get) => {
-            const store = {};
-            const pick = makePicker(set, get);
-            Object.getOwnPropertyNames(storeRef.prototype).forEach((key) => {
-              const descriptor = Object.getOwnPropertyDescriptor(storeRef.prototype, key);
-              if (descriptor)
-                store[key] = descriptor.value;
-            });
-            Object.assign(store, { set, get, pick });
-            return store;
-          })
-        ),
-        { name: "root", anonymousActionType: "root", type: "root" }
-      )
-    );
-    return createSelectors(zustandStore, st2);
-  };
-  var MixStore = (s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13, s14, s15, s16, s17, s18, s19, s20, s21, s22, s23, s24, s25, s26, s27, s28, s29, s30) => {
-    const stores = [
-      s1,
-      s2,
-      s3,
-      s4,
-      s5,
-      s6,
-      s7,
-      s8,
-      s9,
-      s10,
-      s11,
-      s12,
-      s13,
-      s14,
-      s15,
-      s16,
-      s17,
-      s18,
-      s19,
-      s20,
-      s21,
-      s22,
-      s23,
-      s24,
-      s25,
-      s26,
-      s27,
-      s28,
-      s29,
-      s30
-    ].filter((s) => !!s);
-    class Mix {
-    }
-    applyMixins(Mix, stores);
-    return Mix;
-  };
-  var rootStoreOf = (store) => {
-    return Object.getPrototypeOf(store);
-  };
-  var Toast = ({ root, duration = 3 } = {}) => {
-    return function(target, key, descriptor) {
-      const originMethod = descriptor.value;
-      descriptor.value = async function(...args) {
-        try {
-          msg.loading(`${root ? `${root}.` : ""}${key}-loading`, { key, duration });
-          const result = await originMethod.apply(this, args);
-          msg.success(`${root ? `${root}.` : ""}${key}-success`, { key, duration });
-          return result;
-        } catch (err) {
-          const errKey = typeof err === "string" ? err : err.message;
-          msg.error(errKey, { key, duration });
-          Logger.error(`${key} action error return: ${err}`);
-        }
-      };
     };
   };
-})();
-//! Nextjs는 환경변수를 build time에 그냥 하드코딩으로 값을 넣어버림. operationMode같은것들 잘 동작안할 수 있음. 추후 수정 필요.
+};