@myop/cli 0.1.23 → 0.1.24

package/dist/myop-cli.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
-var rt = Object.defineProperty;
-var at = (o, e, t) => e in o ? rt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var ue = (o, e, t) => at(o, typeof e != "symbol" ? e + "" : e, t);
-import W from "ora";
-import { select as Je, Separator as Re } from "@inquirer/prompts";
-import { Command as lt, Option as le } from "commander";
-import { execSync as fe, spawn as ct } from "child_process";
-import ee from "path";
-import H from "fs";
-import Ie from "crypto";
-import dt from "http";
-import { URL as ze, URLSearchParams as We } from "url";
-import pt from "open";
-import mt from "os";
-const ut = `
+var at = Object.defineProperty;
+var lt = (o, e, t) => e in o ? at(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var fe = (o, e, t) => lt(o, typeof e != "symbol" ? e + "" : e, t);
+import V from "ora";
+import { select as We, Separator as Ee } from "@inquirer/prompts";
+import { Command as ct, Option as ce } from "commander";
+import { execSync as he, spawn as dt } from "child_process";
+import te from "path";
+import D from "fs";
+import je from "crypto";
+import pt from "http";
+import { URL as Ve, URLSearchParams as Ge } from "url";
+import mt from "open";
+import ut from "os";
+const ft = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -47,7 +47,7 @@ Examples:
 
 
 
-`, h = {
+`, y = {
   program: null,
   executionPath: "",
   options: {
@@ -55,81 +55,81 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, Ve = {
+}, Ye = {
   name: "📥 Install Myop generated dependencies",
   value: "myopInstall",
   description: "Fetch and generates Myop dependencies. flows including components, refs and props.",
   action: async () => {
     console.info("installing... ");
-    for (const o of h.myopConfig.flows) {
-      const e = ee.join(h.executionPath, "/node_modules/@myop/flow-types/");
+    for (const o of y.myopConfig.flows) {
+      const e = te.join(y.executionPath, "/node_modules/@myop/flow-types/");
       console.info(`Generate flow at ${e}`), console.info(`Generated flow at ${e}`);
     }
     process.exit();
   }
 }, gt = (o) => {
-  const e = ee.join(h.executionPath, o);
+  const e = te.join(y.executionPath, o);
   console.info(`reading config file from: ${e}`);
-  const t = H.readFileSync(e, "utf8"), n = JSON.parse(t);
+  const t = D.readFileSync(e, "utf8"), n = JSON.parse(t);
   return console.info("config file loaded, ", n), n;
-}, Oe = (o, e) => {
-  const t = ee.join(h.executionPath, o);
+}, Ne = (o, e) => {
+  const t = te.join(y.executionPath, o);
   console.info(`writing config file to: ${t}`);
   try {
     const n = JSON.stringify(e, null, 2);
-    H.writeFileSync(t, n), console.info(`config file updated ${n}`);
+    D.writeFileSync(t, n), console.info(`config file updated ${n}`);
   } catch (n) {
     throw console.info(`error ${n} while writing to ${t}, JSON: ${e}`), console.log(`
 ⚠️ Failed write config file to ${t}, for more info use verbose flag`), n;
   }
-}, Ge = {
+}, Ke = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (o) => {
-    h.myopConfig.flows.includes(o) || h.myopConfig.flows.push(o), Oe(h.options.configPath, h.myopConfig);
+    y.myopConfig.flows.includes(o) || y.myopConfig.flows.push(o), Ne(y.options.configPath, y.myopConfig);
   },
   action: async () => {
   }
-}, Ye = {
+}, Qe = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (o) => {
-    h.myopConfig.flows = h.myopConfig.flows.filter((e) => e !== o), Oe(h.options.configPath, h.myopConfig);
+    y.myopConfig.flows = y.myopConfig.flows.filter((e) => e !== o), Ne(y.options.configPath, y.myopConfig);
   },
   action: () => {
   }
-}, ft = {
+}, ht = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, ht = {
+}, yt = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, yt = {
+}, wt = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, wt = {
+}, vt = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, vt = {
+}, bt = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, bt = {
+}, St = {
   name: "🆕 Define new custom Myop message",
   value: "generateMyopMessage",
   description: "️Help you creates the right structure for a new Myop message, including types and handlers.",
   disabled: "(not available yet)"
-}, St = [bt, ht, yt, wt, vt];
-function xt(o, e, t, n) {
+}, xt = [St, yt, wt, vt, bt];
+function $t(o, e, t, n) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -219,34 +219,34 @@ ${n}
 </body>
 </html>`;
 }
-function $t(o) {
+function Ct(o) {
   return o.includes("esbuild") && o.includes("another platform");
 }
-function Ct(o) {
+function Mt(o) {
   return o.includes("ERR_MODULE_NOT_FOUND") && o.includes("esbuild");
 }
-function Mt() {
+function Pt() {
   console.error(`
 ❌ esbuild platform mismatch detected!`), console.error("   Your node_modules contains esbuild binaries for a different OS."), console.error(`
    This usually happens when node_modules is copied between different`), console.error(`   operating systems (e.g., Windows → Mac, or Mac → Linux).
 `);
 }
-function Pt(o) {
+function Rt(o) {
   return new Promise((e) => {
     console.log(`🔧 Attempting to fix: removing node_modules and reinstalling...
 `);
     const n = process.platform === "win32" ? "rmdir /s /q node_modules" : "rm -rf node_modules";
-    o(n, (i) => {
-      if (i) {
-        console.error("❌ Failed to remove node_modules:", i.message), console.error(`
+    o(n, (r) => {
+      if (r) {
+        console.error("❌ Failed to remove node_modules:", r.message), console.error(`
    Please run manually:`), console.error(`   \x1B[36m${n} && npm install\x1B[0m
 `), e(!1);
         return;
       }
       console.log("   ✓ Removed node_modules"), console.log(`   ⏳ Running npm install...
-`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (s, d, w) => {
+`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (s, d, v) => {
         if (s) {
-          console.error("❌ npm install failed:", s.message), w && console.error(w), e(!1);
+          console.error("❌ npm install failed:", s.message), v && console.error(v), e(!1);
           return;
         }
         console.log(`   ✓ Dependencies reinstalled successfully!
@@ -255,101 +255,101 @@ function Pt(o) {
     });
   });
 }
-async function Ke(o, e, t, n, i = {}) {
+async function Ze(o, e, t, n, r = {}) {
   const {
     hasTriedPlatformFix: s = !1,
     hasTriedInstall: d = !1,
-    onRetry: w
-  } = i, M = ((o == null ? void 0 : o.message) || "") + (e || "") + (t || "");
-  return !s && $t(M) ? (Mt(), await Pt(n) && w ? (console.log(`🔄 Retrying build...
-`), w(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && Ct(M) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((m) => {
-    n("npm install", (p, b, u) => {
+    onRetry: v
+  } = r, M = ((o == null ? void 0 : o.message) || "") + (e || "") + (t || "");
+  return !s && Ct(M) ? (Pt(), await Rt(n) && v ? (console.log(`🔄 Retrying build...
+`), v(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && Mt(M) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((u) => {
+    n("npm install", (p, S, f) => {
       if (p) {
-        console.error("❌ Failed to install dependencies:", p.message), u && console.error(u), m({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
+        console.error("❌ Failed to install dependencies:", p.message), f && console.error(f), u({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), w && w(), m({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), v && v(), u({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
     });
   })) : { handled: !1, hasTriedPlatformFix: s, hasTriedInstall: d };
 }
-async function Fe() {
-  const o = await import("fs"), e = await import("path"), { exec: t } = await import("child_process"), n = await import("http"), { createHash: i } = await import("node:crypto");
+async function _e() {
+  const o = await import("fs"), e = await import("path"), { exec: t } = await import("child_process"), n = await import("http"), { createHash: r } = await import("node:crypto");
   let s;
   if (import.meta.url.startsWith("file://")) {
-    const a = new URL(import.meta.url).pathname, l = process.platform === "win32" && a.startsWith("/") ? a.slice(1) : a;
+    const i = new URL(import.meta.url).pathname, l = process.platform === "win32" && i.startsWith("/") ? i.slice(1) : i;
     s = e.default.dirname(l);
   } else
     s = e.default.dirname(import.meta.url);
-  const d = e.default.join(s, "commands", "dev", "management-website"), w = o.default.readFileSync(e.default.join(d, "styles.css"), "utf-8"), M = o.default.readFileSync(e.default.join(d, "app.js"), "utf-8"), m = 9292, p = 9293;
-  let b = "./dist", u = !1, v = !1, x = !1, $ = null;
-  const _ = () => {
+  const d = e.default.join(s, "commands", "dev", "management-website"), v = o.default.readFileSync(e.default.join(d, "styles.css"), "utf-8"), M = o.default.readFileSync(e.default.join(d, "app.js"), "utf-8"), u = 9292, p = 9293;
+  let S = "./dist", f = !1, b = !1, x = !1, $ = null;
+  const L = () => {
     try {
-      const r = o.default.readdirSync(".").filter((a) => !a.endsWith(".html") || a.startsWith(".") ? !1 : o.default.statSync(a).isFile());
-      if (r.length === 1)
-        return r[0];
+      const a = o.default.readdirSync(".").filter((i) => !i.endsWith(".html") || i.startsWith(".") ? !1 : o.default.statSync(i).isFile());
+      if (a.length === 1)
+        return a[0];
     } catch {
     }
     return null;
-  }, D = () => {
+  }, H = () => {
     try {
-      const r = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
-      return !!(r.scripts && r.scripts.build);
+      const a = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
+      return !!(a.scripts && a.scripts.build);
     } catch {
       return !1;
     }
-  }, g = (r) => {
-    const a = process.platform;
+  }, g = (a) => {
+    const i = process.platform;
     let l;
-    a === "darwin" ? l = `open "${r}"` : a === "win32" ? l = `start "" "${r}"` : l = `xdg-open "${r}"`, t(l, (c) => {
+    i === "darwin" ? l = `open "${a}"` : i === "win32" ? l = `start "" "${a}"` : l = `xdg-open "${a}"`, t(l, (c) => {
     });
-  }, P = /* @__PURE__ */ new Map(), E = h.program.getOptionValue("config") || "./myop.config.json";
-  let C, I, L = !1;
-  $ = _();
-  const Z = D();
+  }, P = /* @__PURE__ */ new Map(), E = y.program.getOptionValue("config") || "./myop.config.json";
+  let C, I, k = !1;
+  $ = L();
+  const q = H();
   try {
-    const r = o.default.readFileSync(E, "utf-8"), a = JSON.parse(r);
-    C = a.componentId || "DEV", I = a.componentName || a.name || null, L = a.HMR === !0, $ && !Z && (x = !0, L = !0, console.log(`📄 Single HTML file mode: ${$}`)), L && console.log("🔥 HMR enabled");
-  } catch (r) {
-    $ && !Z ? (x = !0, C = "DEV", I = e.default.basename($, ".html"), L = !0, console.log(`📄 Single HTML file mode: ${$}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", r.message), process.exit(1));
+    const a = o.default.readFileSync(E, "utf-8"), i = JSON.parse(a);
+    C = i.componentId || "DEV", I = i.componentName || i.name || null, k = i.HMR === !0, $ && !q && (x = !0, k = !0, console.log(`📄 Single HTML file mode: ${$}`)), k && console.log("🔥 HMR enabled");
+  } catch (a) {
+    $ && !q ? (x = !0, C = "DEV", I = e.default.basename($, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${$}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
   }
   const U = async () => {
     if (C !== "DEV" && C !== "NEW")
       return C;
     try {
-      const a = ((await new Promise((f, y) => {
-        const S = {
+      const i = ((await new Promise((m, h) => {
+        const w = {
           hostname: "localhost",
           port: p,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, F = n.default.request(S, (N) => {
+        }, R = n.default.request(w, (N) => {
           let J = "";
-          N.on("data", (Q) => J += Q), N.on("end", () => {
+          N.on("data", (Z) => J += Z), N.on("end", () => {
             try {
-              f(JSON.parse(J));
+              m(JSON.parse(J));
             } catch {
-              f({ components: [] });
+              m({ components: [] });
             }
           });
         });
-        F.on("error", () => f({ components: [] })), F.on("timeout", () => {
-          F.destroy(), f({ components: [] });
-        }), F.end();
-      })).components || []).map(([f]) => f).filter((f) => f === "DEV" || f === "NEW" || /^DEV\d+$/.test(f) || /^NEW\d+$/.test(f));
-      if (a.length === 0)
+        R.on("error", () => m({ components: [] })), R.on("timeout", () => {
+          R.destroy(), m({ components: [] });
+        }), R.end();
+      })).components || []).map(([m]) => m).filter((m) => m === "DEV" || m === "NEW" || /^DEV\d+$/.test(m) || /^NEW\d+$/.test(m));
+      if (i.length === 0)
         return "DEV1";
-      const l = a.map((f) => {
-        if (f === "DEV" || f === "NEW") return 1;
-        const y = f.match(/^DEV(\d+)$/), S = f.match(/^NEW(\d+)$/);
-        return y ? parseInt(y[1], 10) : S ? parseInt(S[1], 10) : 0;
-      }).filter((f) => f > 0);
+      const l = i.map((m) => {
+        if (m === "DEV" || m === "NEW") return 1;
+        const h = m.match(/^DEV(\d+)$/), w = m.match(/^NEW(\d+)$/);
+        return h ? parseInt(h[1], 10) : w ? parseInt(w[1], 10) : 0;
+      }).filter((m) => m > 0);
       return `DEV${Math.max(...l, 0) + 1}`;
     } catch {
       return "DEV1";
     }
-  }, O = process.cwd(), V = (r) => {
-    const a = e.default.extname(r).toLowerCase();
+  }, F = process.cwd(), G = (a) => {
+    const i = e.default.extname(a).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -360,38 +360,38 @@ async function Fe() {
       ".gif": "image/gif",
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
-    }[a] || "application/octet-stream";
-  }, R = /* @__PURE__ */ new Map(), G = [], Se = 50, K = [], te = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), et = (r, a, l) => {
-    if (r.url.startsWith("/_hmr/")) {
-      const c = r.url.split("/_hmr/")[1], f = r.headers["sec-websocket-key"], y = i("sha1").update(f + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
-      a.write(
+    }[i] || "application/octet-stream";
+  }, T = /* @__PURE__ */ new Map(), Y = [], xe = 50, K = [], oe = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map(), ot = (a, i, l) => {
+    if (a.url.startsWith("/_hmr/")) {
+      const c = a.url.split("/_hmr/")[1], m = a.headers["sec-websocket-key"], h = r("sha1").update(m + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      i.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${y}\r
+Sec-WebSocket-Accept: ${h}\r
 \r
 `
-      ), X.has(c) || X.set(c, /* @__PURE__ */ new Set()), X.get(c).add(a), console.log(`🔌 HMR client connected: ${c}`), a.on("close", () => {
-        const S = X.get(c);
-        S && (S.delete(a), S.size === 0 && X.delete(c)), console.log(`🔌 HMR client disconnected: ${c}`);
-      }), a.on("error", () => {
-        const S = X.get(c);
-        S && S.delete(a);
+      ), Q.has(c) || Q.set(c, /* @__PURE__ */ new Set()), Q.get(c).add(i), console.log(`🔌 HMR client connected: ${c}`), i.on("close", () => {
+        const w = Q.get(c);
+        w && (w.delete(i), w.size === 0 && Q.delete(c)), console.log(`🔌 HMR client disconnected: ${c}`);
+      }), i.on("error", () => {
+        const w = Q.get(c);
+        w && w.delete(i);
       });
     }
-  }, xe = n.default.createServer((r, a) => {
-    if (a.setHeader("Content-Type", "application/json"), r.method === "POST" && r.url === "/_register") {
+  }, $e = n.default.createServer((a, i) => {
+    if (i.setHeader("Content-Type", "application/json"), a.method === "POST" && a.url === "/_register") {
       let l = "";
-      r.on("data", (c) => l += c), r.on("end", () => {
+      a.on("data", (c) => l += c), a.on("end", () => {
         try {
-          const { componentId: c, distPath: f, componentName: y, htmlFile: S } = JSON.parse(l);
-          R.set(c, { path: f, name: y || null, htmlFile: S || null });
-          const F = y ? ` (${y})` : "";
-          console.log(`✅ Registered: ${c}${F} -> ${f}${S ? "/" + S : ""}`), a.writeHead(200), a.end(JSON.stringify({ success: !0, registered: Array.from(R.keys()) }));
-          const N = Array.from(R.entries()).map(([J, Q]) => ({
+          const { componentId: c, distPath: m, componentName: h, htmlFile: w } = JSON.parse(l);
+          T.set(c, { path: m, name: h || null, htmlFile: w || null });
+          const R = h ? ` (${h})` : "";
+          console.log(`✅ Registered: ${c}${R} -> ${m}${w ? "/" + w : ""}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(T.keys()) }));
+          const N = Array.from(T.entries()).map(([J, Z]) => ({
             id: J,
-            path: Q.path,
-            name: Q.name
+            path: Z.path,
+            name: Z.name
           }));
           K.forEach((J) => {
             try {
@@ -405,25 +405,25 @@ Sec-WebSocket-Accept: ${y}\r
             }
           });
         } catch (c) {
-          a.writeHead(400), a.end(JSON.stringify({ error: c.message }));
+          i.writeHead(400), i.end(JSON.stringify({ error: c.message }));
         }
       });
-    } else if (r.method === "POST" && r.url === "/_unregister") {
+    } else if (a.method === "POST" && a.url === "/_unregister") {
       let l = "";
-      r.on("data", (c) => l += c), r.on("end", () => {
+      a.on("data", (c) => l += c), a.on("end", () => {
         try {
           const { componentId: c } = JSON.parse(l);
-          R.delete(c), console.log(`❌ Unregistered: ${c}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
-          const f = Array.from(R.entries()).map(([y, S]) => ({
-            id: y,
-            path: S.path,
-            name: S.name
+          T.delete(c), console.log(`❌ Unregistered: ${c}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
+          const m = Array.from(T.entries()).map(([h, w]) => ({
+            id: h,
+            path: w.path,
+            name: w.name
           }));
-          K.forEach((y) => {
+          K.forEach((h) => {
             try {
-              y.write(`data: ${JSON.stringify({
+              h.write(`data: ${JSON.stringify({
                 type: "components",
-                components: f
+                components: m
               })}
 
 `);
@@ -431,200 +431,230 @@ Sec-WebSocket-Accept: ${y}\r
             }
           });
         } catch (c) {
-          a.writeHead(400), a.end(JSON.stringify({ error: c.message }));
+          i.writeHead(400), i.end(JSON.stringify({ error: c.message }));
+        }
+      });
+    } else if (a.method === "GET" && a.url === "/_list")
+      i.writeHead(200), i.end(JSON.stringify({ components: Array.from(T.entries()) }));
+    else if (a.method === "POST" && a.url === "/_hmr_notify") {
+      let l = "";
+      a.on("data", (c) => l += c), a.on("end", () => {
+        try {
+          const { componentId: c, html: m } = JSON.parse(l), h = Q.get(c);
+          if (h && h.size > 0) {
+            console.log(`🔥 Notifying ${h.size} HMR client(s) for: ${c}`);
+            const w = JSON.stringify({ type: "update", html: m }), R = He(w);
+            h.forEach((N) => {
+              try {
+                N.write(R);
+              } catch {
+                h.delete(N);
+              }
+            }), i.writeHead(200), i.end(JSON.stringify({ success: !0, notified: h.size }));
+          } else
+            i.writeHead(200), i.end(JSON.stringify({ success: !0, notified: 0 }));
+        } catch (c) {
+          i.writeHead(400), i.end(JSON.stringify({ error: c.message }));
         }
       });
-    } else r.method === "GET" && r.url === "/_list" ? (a.writeHead(200), a.end(JSON.stringify({ components: Array.from(R.entries()) }))) : (a.writeHead(404), a.end(JSON.stringify({ error: "Not found" })));
-  }), ce = n.default.createServer((r, a) => {
-    if (r.url.includes("..")) {
-      a.writeHead(403, { "Content-Type": "text/plain" }), a.end("Forbidden");
+    } else
+      i.writeHead(404), i.end(JSON.stringify({ error: "Not found" }));
+  }), de = n.default.createServer((a, i) => {
+    if (a.url.includes("..")) {
+      i.writeHead(403, { "Content-Type": "text/plain" }), i.end("Forbidden");
       return;
     }
-    const l = new URL(r.url, `http://localhost:${m}`), c = l.pathname, f = c.split("/").filter((A) => A);
+    const l = new URL(a.url, `http://localhost:${u}`), c = l.pathname, m = c.split("/").filter((A) => A);
     if (c.startsWith("/consume")) {
       const A = l.searchParams.get("id");
       if (!A) {
-        a.writeHead(400, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
+        i.writeHead(400, { "Content-Type": "application/json" }), i.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const B = R.get(A), Y = B ? B.path : null, Be = (oe) => {
-        let j = "Unknown", z = "Unknown";
-        if (r.headers.referer || r.headers.referrer) {
-          const k = r.headers.referer || r.headers.referrer;
+      const B = T.get(A), z = B ? B.path : null, re = (X) => {
+        let j = "Unknown", W = "Unknown";
+        if (a.headers.referer || a.headers.referrer) {
+          const _ = a.headers.referer || a.headers.referrer;
           try {
-            const ne = new URL(k);
-            j = ne.origin, z = ne.hostname || ne.origin;
+            const ne = new URL(_);
+            j = ne.origin, W = ne.hostname || ne.origin;
           } catch {
-            j = k, z = k;
+            j = _, W = _;
           }
-        } else if (r.headers.origin)
+        } else if (a.headers.origin)
           try {
-            const k = new URL(r.headers.origin);
-            j = k.origin, z = k.hostname || k.origin;
+            const _ = new URL(a.headers.origin);
+            j = _.origin, W = _.hostname || _.origin;
           } catch {
-            j = r.headers.origin, z = r.headers.origin;
+            j = a.headers.origin, W = a.headers.origin;
           }
-        else if (r.socket.remoteAddress) {
-          const k = r.socket.remoteAddress;
-          k === "::1" || k === "::ffff:127.0.0.1" ? (j = "localhost", z = "localhost (direct)") : (j = k, z = k.replace("::ffff:", ""));
+        else if (a.socket.remoteAddress) {
+          const _ = a.socket.remoteAddress;
+          _ === "::1" || _ === "::ffff:127.0.0.1" ? (j = "localhost", W = "localhost (direct)") : (j = _, W = _.replace("::ffff:", ""));
         }
-        const Me = r.headers.referer || r.headers.referrer || j, me = {
+        const Te = a.headers.referer || a.headers.referrer || j, ue = {
           type: "request",
           componentId: A,
           timestamp: Date.now(),
-          servedLocally: oe,
-          referrer: Me,
+          servedLocally: X,
+          referrer: Te,
           origin: j,
-          originLabel: z
+          originLabel: W
         };
-        te.has(j) || (te.set(j, {
+        oe.has(j) || (oe.set(j, {
           url: j,
-          label: z,
+          label: W,
           firstSeen: Date.now(),
           requestCount: 0
-        }), K.forEach((k) => {
+        }), K.forEach((_) => {
           try {
-            k.write(`data: ${JSON.stringify({
+            _.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(te.values())
+              origins: Array.from(oe.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const Pe = te.get(j);
-        Pe.requestCount++, K.forEach((k) => {
+        const Oe = oe.get(j);
+        Oe.requestCount++, K.forEach((_) => {
           try {
-            k.write(`data: ${JSON.stringify({
+            _.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(te.values())
+              origins: Array.from(oe.values())
             })}
 
 `);
           } catch {
           }
-        }), G.push(me), G.length > Se && G.shift(), K.forEach((k) => {
+        }), Y.push(ue), Y.length > xe && Y.shift(), K.forEach((_) => {
           try {
-            k.write(`data: ${JSON.stringify(me)}
+            _.write(`data: ${JSON.stringify(ue)}
 
 `);
           } catch {
           }
         });
       };
-      if (Y) {
-        const oe = B.htmlFile ? e.default.join(Y, B.htmlFile) : e.default.join(Y, "index.html");
-        o.default.readFile(oe, "utf-8", (j, z) => {
+      if (z) {
+        const X = B.htmlFile ? e.default.join(z, B.htmlFile) : e.default.join(z, "index.html");
+        o.default.readFile(X, "utf-8", (j, W) => {
           if (j) {
-            console.log(`❌ File not found: ${oe}`), a.writeHead(404, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "index.html not found" }));
+            console.log(`❌ File not found: ${X}`), i.writeHead(404, { "Content-Type": "application/json" }), i.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const Me = _e(z, A), me = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Pe = {
+          const Te = Ce(W, A), ue = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Oe = {
             item: {
               name: A,
               id: A,
               consume_variant: [
                 {
-                  id: me,
+                  id: ue,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: Me
+                    HTML: Te
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${A}`), Be(!0), a.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${A}`), re(!0), i.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), a.end(JSON.stringify(Pe, null, 2));
+          }), i.end(JSON.stringify(Oe, null, 2));
         });
       } else {
         console.log(`📡 Proxying consume request to cloud.myop.dev for: ${A}`);
-        const oe = `https://cloud.myop.dev/consume${l.search}`;
-        Be(!1), fetch(oe).then((j) => j.text()).then((j) => {
-          a.writeHead(200, {
+        const X = `https://cloud.myop.dev/consume${l.search}`;
+        re(!1), fetch(X).then((j) => j.text()).then((j) => {
+          i.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), a.end(j);
+          }), i.end(j);
         }).catch((j) => {
-          console.error(`❌ Proxy error: ${j.message}`), a.writeHead(502, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          console.error(`❌ Proxy error: ${j.message}`), i.writeHead(502, { "Content-Type": "application/json" }), i.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
     }
     if (c === "/events") {
-      a.writeHead(200, {
+      i.writeHead(200, {
         "Content-Type": "text/event-stream",
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), K.push(a);
-      const A = Array.from(R.entries()).map(([B, Y]) => ({
+      }), K.push(i);
+      const A = Array.from(T.entries()).map(([B, z]) => ({
         id: B,
-        path: Y.path,
-        name: Y.name
+        path: z.path,
+        name: z.name
       }));
-      a.write(`data: ${JSON.stringify({
+      i.write(`data: ${JSON.stringify({
         type: "components",
         components: A
       })}
 
-`), a.write(`data: ${JSON.stringify({
+`), i.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(te.values())
+        origins: Array.from(oe.values())
       })}
 
-`), a.write(`data: ${JSON.stringify({
+`), i.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: G
+        log: Y
       })}
 
-`), r.on("close", () => {
-        const B = K.indexOf(a);
+`), a.on("close", () => {
+        const B = K.indexOf(i);
         B !== -1 && K.splice(B, 1);
       });
       return;
     }
-    if (f.length === 0) {
-      a.writeHead(200, { "Content-Type": "text/html" }), a.end(xt(m, p, w, M));
+    if (m.length === 0) {
+      i.writeHead(200, { "Content-Type": "text/html" }), i.end($t(u, p, v, M));
       return;
     }
-    if (f[0] !== "view") {
-      a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not found. Use /view/<componentId>/ to access components.");
+    if (m[0] !== "view") {
+      i.writeHead(404, { "Content-Type": "text/plain" }), i.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (f.length < 2) {
-      a.writeHead(400, { "Content-Type": "text/plain" }), a.end("Component ID required. Use /view/<componentId>/");
+    if (m.length < 2) {
+      i.writeHead(400, { "Content-Type": "text/plain" }), i.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const y = f[1], S = R.get(y);
-    if (!S) {
-      a.writeHead(404, { "Content-Type": "text/plain" }), a.end(`Component not found: ${y}`);
+    const h = m[1], w = T.get(h);
+    if (!w) {
+      i.writeHead(404, { "Content-Type": "text/plain" }), i.end(`Component not found: ${h}`);
       return;
     }
-    const F = S.path, N = f.slice(2), J = S.htmlFile || "index.html", Q = N.length === 0 ? J : N.join("/"), ie = e.default.join(F, Q);
-    console.log(`📥 Request: ${r.url} -> ${ie}`), o.default.readFile(ie, (A, B) => {
+    const R = w.path, N = m.slice(2), J = w.htmlFile || "index.html", Z = N.length === 0 ? J : N.join("/"), ie = e.default.join(R, Z);
+    console.log(`📥 Request: ${a.url} -> ${ie}`), o.default.readFile(ie, (A, B) => {
       if (A) {
-        console.log(`❌ File not found: ${ie}`), a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not Found");
+        console.log(`❌ File not found: ${ie}`), i.writeHead(404, { "Content-Type": "text/plain" }), i.end("Not Found");
         return;
       }
-      const Y = V(ie);
-      console.log(`✅ Serving: ${ie} (${Y})`), a.writeHead(200, {
-        "Content-Type": Y,
+      const z = G(ie);
+      console.log(`✅ Serving: ${ie} (${z})`);
+      let re = B;
+      if (z === "text/html" && k) {
+        const X = B.toString("utf-8");
+        re = Ce(X, h);
+      }
+      i.writeHead(200, {
+        "Content-Type": z,
         "Access-Control-Allow-Origin": "*"
-      }), a.end(B);
+      }), i.end(re);
     });
-  }), Ne = () => new Promise((r, a) => {
-    const l = x ? e.default.resolve(O) : e.default.resolve(O, b), c = JSON.stringify({
+  }), Ae = () => new Promise((a, i) => {
+    const l = x ? e.default.resolve(F) : e.default.resolve(F, S), c = JSON.stringify({
       componentId: C,
       distPath: l,
       componentName: I,
       htmlFile: x ? $ : null
-    }), f = {
+    }), m = {
       hostname: "localhost",
       port: p,
       path: "/_register",
@@ -633,14 +663,14 @@ Sec-WebSocket-Accept: ${y}\r
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(c)
       }
-    }, y = n.default.request(f, (S) => {
-      let F = "";
-      S.on("data", (N) => F += N), S.on("end", () => {
-        S.statusCode === 200 ? r(JSON.parse(F)) : a(new Error(`Registration failed: ${S.statusCode}`));
+    }, h = n.default.request(m, (w) => {
+      let R = "";
+      w.on("data", (N) => R += N), w.on("end", () => {
+        w.statusCode === 200 ? a(JSON.parse(R)) : i(new Error(`Registration failed: ${w.statusCode}`));
       });
     });
-    y.on("error", a), y.write(c), y.end();
-  }), tt = () => new Promise((r, a) => {
+    h.on("error", i), h.write(c), h.end();
+  }), nt = () => new Promise((a, i) => {
     const l = JSON.stringify({ componentId: C }), c = {
       hostname: "localhost",
       port: p,
@@ -650,15 +680,15 @@ Sec-WebSocket-Accept: ${y}\r
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(l)
       }
-    }, f = n.default.request(c, (y) => {
-      r();
+    }, m = n.default.request(c, (h) => {
+      a();
     });
-    f.on("error", () => r()), f.write(l), f.end();
-  }), ot = (r) => `
+    m.on("error", () => a()), m.write(l), m.end();
+  }), st = (a) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${r}';
+    const componentId = '${a}';
     const wsUrl = 'ws://localhost:${p}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
@@ -759,215 +789,251 @@ Sec-WebSocket-Accept: ${y}\r
     connect();
 })();
 <\/script>
-`, _e = (r, a) => {
-    if (!L) return r;
-    const l = ot(a);
-    return r.includes("</body>") ? r.replace("</body>", `${l}</body>`) : r.includes("</html>") ? r.replace("</html>", `${l}</html>`) : r + l;
-  }, nt = (r) => {
-    const a = Buffer.from(r), l = a.length;
+`, Ce = (a, i) => {
+    if (!k) return a;
+    const l = st(i);
+    return a.includes("</body>") ? a.replace("</body>", `${l}</body>`) : a.includes("</html>") ? a.replace("</html>", `${l}</html>`) : a + l;
+  }, He = (a) => {
+    const i = Buffer.from(a), l = i.length;
     let c;
     return l < 126 ? c = Buffer.concat([
       Buffer.from([129, l]),
       // FIN + text frame, length
-      a
+      i
     ]) : l < 65536 ? c = Buffer.concat([
       Buffer.from([129, 126]),
       // FIN + text frame, extended length
       Buffer.from([l >> 8, l & 255]),
       // 16-bit length
-      a
+      i
     ]) : c = Buffer.concat([
       Buffer.from([129, 127]),
       // FIN + text frame, extended length
       Buffer.from([0, 0, 0, 0, l >> 24, l >> 16 & 255, l >> 8 & 255, l & 255]),
       // 64-bit length
-      a
+      i
     ]), c;
-  }, Le = () => {
-    if (!L) return;
-    const r = X.get(C);
-    if (!r || r.size === 0)
-      return;
-    console.log(`🔥 Notifying ${r.size} HMR client(s)`);
-    const a = x ? $ : e.default.join(b, "index.html");
+  }, De = () => {
+    if (!k) return;
+    const a = x ? $ : e.default.join(S, "index.html");
+    let i;
     try {
-      const l = o.default.readFileSync(a, "utf-8"), c = _e(l, C), f = JSON.stringify({
+      const l = o.default.readFileSync(a, "utf-8");
+      i = Ce(l, C);
+    } catch (l) {
+      console.error("❌ Failed to read HTML for HMR:", l.message);
+      return;
+    }
+    if (Re) {
+      const l = Q.get(C);
+      if (!l || l.size === 0)
+        return;
+      console.log(`🔥 Notifying ${l.size} HMR client(s)`);
+      const c = JSON.stringify({
         type: "update",
-        html: c
-      }), y = nt(f);
-      r.forEach((S) => {
+        html: i
+      }), m = He(c);
+      l.forEach((h) => {
         try {
-          S.write(y);
+          h.write(m);
         } catch {
-          r.delete(S);
+          l.delete(h);
         }
       });
-    } catch (l) {
-      console.error("❌ Failed to read HTML for HMR:", l.message);
+    } else {
+      const l = JSON.stringify({
+        componentId: C,
+        html: i
+      }), c = {
+        hostname: "localhost",
+        port: p,
+        path: "/_hmr_notify",
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Content-Length": Buffer.byteLength(l)
+        },
+        timeout: 5e3
+      }, m = n.default.request(c, (h) => {
+        let w = "";
+        h.on("data", (R) => w += R), h.on("end", () => {
+          try {
+            const R = JSON.parse(w);
+            R.notified > 0 && console.log(`🔥 Notified ${R.notified} HMR client(s) via server`);
+          } catch {
+          }
+        });
+      });
+      m.on("error", () => {
+      }), m.on("timeout", () => {
+        m.destroy();
+      }), m.write(l), m.end();
     }
   };
-  let $e = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-  const de = (r) => {
-    if (u) {
-      v = !0;
+  let Me = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+  const pe = (a) => {
+    if (f) {
+      b = !0;
       return;
     }
-    u = !0, console.log(`
-🔨 Building...`), t("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (a, l, c) => {
-      if (u = !1, a) {
-        const f = await Ke(a, l, c, t, {
-          ...$e,
-          onRetry: () => de(r)
+    f = !0, console.log(`
+🔨 Building...`), t("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (i, l, c) => {
+      if (f = !1, i) {
+        const m = await Ze(i, l, c, t, {
+          ...Me,
+          onRetry: () => pe(a)
         });
-        $e = { ...$e, ...f }, f.handled || (console.error("❌ Build failed:", a.message), c && console.error(c));
+        Me = { ...Me, ...m }, m.handled || (console.error("❌ Build failed:", i.message), c && console.error(c));
       } else
-        console.log("✅ Build completed"), l && console.log(l), Le(), r && r();
-      v && (v = !1, de());
+        console.log("✅ Build completed"), l && console.log(l), De(), a && a();
+      b && (b = !1, pe());
     });
-  }, Ae = /* @__PURE__ */ new Set(), Ce = (r) => {
-    o.default.readdir(r, { withFileTypes: !0 }, (a, l) => {
-      a || (l.forEach((c) => {
-        const f = e.default.join(r, c.name);
+  }, Ue = /* @__PURE__ */ new Set(), Pe = (a) => {
+    o.default.readdir(a, { withFileTypes: !0 }, (i, l) => {
+      i || (l.forEach((c) => {
+        const m = e.default.join(a, c.name);
         if (c.isDirectory())
-          c.name !== "node_modules" && c.name !== "dist" && !c.name.startsWith(".") && Ce(f);
+          c.name !== "node_modules" && c.name !== "dist" && !c.name.startsWith(".") && Pe(m);
         else if (c.isFile()) {
-          const y = e.default.extname(c.name);
-          if (y === ".js" || y === ".css" || y === ".html")
+          const h = e.default.extname(c.name);
+          if (h === ".js" || h === ".css" || h === ".html")
             try {
-              const S = o.default.readFileSync(f, "utf-8");
-              P.set(f, S);
+              const w = o.default.readFileSync(m, "utf-8");
+              P.set(m, w);
             } catch {
             }
         }
-      }), Ae.has(r) || (Ae.add(r), o.default.watch(r, (c, f) => {
-        if (!f) return;
-        const y = e.default.extname(f);
-        if (y !== ".js" && y !== ".css" && y !== ".html") return;
-        const S = e.default.join(r, f);
+      }), Ue.has(a) || (Ue.add(a), o.default.watch(a, (c, m) => {
+        if (!m) return;
+        const h = e.default.extname(m);
+        if (h !== ".js" && h !== ".css" && h !== ".html") return;
+        const w = e.default.join(a, m);
         setTimeout(() => {
           try {
-            const F = o.default.readFileSync(S, "utf-8"), N = P.get(S);
-            F !== N && (P.set(S, F), console.log(`📝 File changed: ${S}`), x ? Le() : de());
+            const R = o.default.readFileSync(w, "utf-8"), N = P.get(w);
+            R !== N && (P.set(w, R), console.log(`📝 File changed: ${w}`), x ? De() : pe());
           } catch {
           }
         }, 50);
       })));
     });
-  }, De = (r) => {
+  }, Be = (a) => {
     console.log(`
-🔨 Component: ${C}`), x ? (console.log("📄 No build needed (single HTML file mode)"), Ce(O), console.log(`👀 Watching ${$} for changes...`), console.log(`Press Ctrl+C to stop
-`), r && r()) : (de(r), Ce(O), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${C}`), x ? (console.log("📄 No build needed (single HTML file mode)"), Pe(F), console.log(`👀 Watching ${$} for changes...`), console.log(`Press Ctrl+C to stop
+`), a && a()) : (pe(a), Pe(F), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
-  }, st = () => new Promise((r) => {
-    const a = {
+  }, it = () => new Promise((a) => {
+    const i = {
       hostname: "localhost",
       port: p,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, l = n.default.request(a, (c) => {
-      r(!0);
+    }, l = n.default.request(i, (c) => {
+      a(!0);
     });
-    l.on("error", () => r(!1)), l.on("timeout", () => {
-      l.destroy(), r(!1);
+    l.on("error", () => a(!1)), l.on("timeout", () => {
+      l.destroy(), a(!1);
     }), l.end();
-  }), it = () => new Promise((r) => {
-    const a = n.default.createServer((l, c) => {
+  }), rt = () => new Promise((a) => {
+    const i = n.default.createServer((l, c) => {
       if (c.setHeader("Content-Type", "application/json"), l.method === "POST" && l.url === "/_register") {
-        let f = "";
-        l.on("data", (y) => f += y), l.on("end", () => {
+        let m = "";
+        l.on("data", (h) => m += h), l.on("end", () => {
           try {
-            const { componentId: y, distPath: S, componentName: F, htmlFile: N } = JSON.parse(f);
-            R.set(y, { path: S, name: F || null, htmlFile: N || null });
-            const J = F ? ` (${F})` : "";
-            console.log(`✅ Registered: ${y}${J} -> ${S}${N ? "/" + N : ""}`), c.writeHead(200), c.end(JSON.stringify({ success: !0, registered: Array.from(R.keys()) }));
-          } catch (y) {
-            c.writeHead(400), c.end(JSON.stringify({ error: y.message }));
+            const { componentId: h, distPath: w, componentName: R, htmlFile: N } = JSON.parse(m);
+            T.set(h, { path: w, name: R || null, htmlFile: N || null });
+            const J = R ? ` (${R})` : "";
+            console.log(`✅ Registered: ${h}${J} -> ${w}${N ? "/" + N : ""}`), c.writeHead(200), c.end(JSON.stringify({ success: !0, registered: Array.from(T.keys()) }));
+          } catch (h) {
+            c.writeHead(400), c.end(JSON.stringify({ error: h.message }));
           }
         });
       } else if (l.method === "POST" && l.url === "/_unregister") {
-        let f = "";
-        l.on("data", (y) => f += y), l.on("end", () => {
+        let m = "";
+        l.on("data", (h) => m += h), l.on("end", () => {
           try {
-            const { componentId: y } = JSON.parse(f);
-            R.delete(y), console.log(`❌ Unregistered: ${y}`), c.writeHead(200), c.end(JSON.stringify({ success: !0 }));
-          } catch (y) {
-            c.writeHead(400), c.end(JSON.stringify({ error: y.message }));
+            const { componentId: h } = JSON.parse(m);
+            T.delete(h), console.log(`❌ Unregistered: ${h}`), c.writeHead(200), c.end(JSON.stringify({ success: !0 }));
+          } catch (h) {
+            c.writeHead(400), c.end(JSON.stringify({ error: h.message }));
           }
         });
-      } else l.method === "GET" && l.url === "/_list" ? (c.writeHead(200), c.end(JSON.stringify({ components: Array.from(R.entries()) }))) : (c.writeHead(404), c.end(JSON.stringify({ error: "Not found" })));
+      } else l.method === "GET" && l.url === "/_list" ? (c.writeHead(200), c.end(JSON.stringify({ components: Array.from(T.entries()) }))) : (c.writeHead(404), c.end(JSON.stringify({ error: "Not found" })));
     });
-    a.on("error", () => {
-      r(!1);
-    }), a.listen(p, () => {
+    i.on("error", () => {
+      a(!1);
+    }), i.listen(p, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${p}`), ce.on("error", () => {
-        a.close(), r(!1);
-      }), ce.listen(m, () => {
-        console.log(`📡 Main server running at http://localhost:${m}`);
-        const l = x ? e.default.resolve(O) : e.default.resolve(O, b);
-        R.set(C, {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${p}`), de.on("error", () => {
+        i.close(), a(!1);
+      }), de.listen(u, () => {
+        console.log(`📡 Main server running at http://localhost:${u}`);
+        const l = x ? e.default.resolve(F) : e.default.resolve(F, S);
+        T.set(C, {
           path: l,
           name: I,
           htmlFile: x ? $ : null
         });
         const c = I ? ` (${I})` : "";
-        console.log(`✅ Registered component: ${C}${c}`), console.log(`📡 Access at: http://localhost:${m}/view/${C}/`), r(!0);
+        console.log(`✅ Registered component: ${C}${c}`), console.log(`📡 Access at: http://localhost:${u}/view/${C}/`), a(!0);
       });
     });
   });
-  let pe;
-  const He = () => {
-    pe = setInterval(async () => {
-      await st() || (clearInterval(pe), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await it() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let me;
+  const Je = () => {
+    me = setInterval(async () => {
+      await it() || (clearInterval(me), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await rt() ? (console.log("✅ Successfully took over as server"), Re = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await Ne(), console.log(`✅ Re-registered component: ${C}`), He();
+          await Ae(), console.log(`✅ Re-registered component: ${C}`), Je();
         } catch (l) {
           console.error("❌ Failed to re-register:", l.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Ue = async () => {
+  }, ze = async () => {
     console.log(`
 
-🛑 Shutting down...`), pe && clearInterval(pe), await tt(), process.exit(0);
+🛑 Shutting down...`), me && clearInterval(me), await nt(), process.exit(0);
   };
-  process.on("SIGINT", Ue), process.on("SIGTERM", Ue), xe.on("error", async (r) => {
-    if (r.code === "EADDRINUSE") {
+  process.on("SIGINT", ze), process.on("SIGTERM", ze);
+  let Re = !1;
+  $e.on("error", async (a) => {
+    if (a.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
         C = await U();
-        const a = await Ne();
-        console.log(`✅ Registered component: ${C}`), console.log(`📡 Access at: http://localhost:${m}/view/${C}/`), console.log(`📋 All registered components: ${a.registered.join(", ")}`), De(() => {
-          process.env.MYOP_NO_BROWSER || g(`http://localhost:${m}/view/${C}/`);
-        }), He();
-      } catch (a) {
-        console.error("❌ Failed to register component:", a.message), process.exit(1);
+        const i = await Ae();
+        console.log(`✅ Registered component: ${C}`), console.log(`📡 Access at: http://localhost:${u}/view/${C}/`), console.log(`📋 All registered components: ${i.registered.join(", ")}`), Be(() => {
+          process.env.MYOP_NO_BROWSER || g(`http://localhost:${u}/view/${C}/`);
+        }), Je();
+      } catch (i) {
+        console.error("❌ Failed to register component:", i.message), process.exit(1);
       }
     } else
-      console.error("❌ Management server error:", r.message), process.exit(1);
-  }), xe.on("upgrade", et), xe.listen(p, async () => {
-    console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${p}`), ce.on("error", (r) => {
-      console.error("❌ Main server error:", r.message), process.exit(1);
-    }), ce.listen(m, async () => {
-      console.log(`📡 Main server running at http://localhost:${m}`), (C === "DEV" || C === "NEW") && (C = "DEV1");
-      const r = x ? e.default.resolve(O) : e.default.resolve(O, b);
-      R.set(C, {
-        path: r,
+      console.error("❌ Management server error:", a.message), process.exit(1);
+  }), $e.on("upgrade", ot), $e.listen(p, async () => {
+    Re = !0, console.log(`
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${p}`), de.on("error", (a) => {
+      console.error("❌ Main server error:", a.message), process.exit(1);
+    }), de.listen(u, async () => {
+      console.log(`📡 Main server running at http://localhost:${u}`), (C === "DEV" || C === "NEW") && (C = "DEV1");
+      const a = x ? e.default.resolve(F) : e.default.resolve(F, S);
+      T.set(C, {
+        path: a,
         name: I,
         htmlFile: x ? $ : null
       });
-      const a = I ? ` (${I})` : "";
-      console.log(`✅ Registered component: ${C}${a}`), console.log(`📡 Access at: http://localhost:${m}/view/${C}/`), De(() => {
-        process.env.MYOP_NO_BROWSER || g(`http://localhost:${m}/view/${C}/`);
+      const i = I ? ` (${I})` : "";
+      console.log(`✅ Registered component: ${C}${i}`), console.log(`📡 Access at: http://localhost:${u}/view/${C}/`), Be(() => {
+        process.env.MYOP_NO_BROWSER || g(`http://localhost:${u}/view/${C}/`);
       });
     });
   });
 }
-const T = class T {
+const O = class O {
   constructor(e) {
     this.components = e.map(
       (t) => typeof t == "string" ? { name: t, path: "", id: "" } : t
@@ -976,7 +1042,7 @@ const T = class T {
       this.logs.set(t.name, []), this.scrollPos.set(t.name, 0), this.statuses.set(t.name, "Initializing..."), this.statusKeys.set(t.name, "initializing");
     this.cols = process.stdout.columns || 120, this.rows = process.stdout.rows || 30, process.stdout.on("resize", () => {
       this.cols = process.stdout.columns || 120, this.rows = process.stdout.rows || 30, this.needsFullRedraw = !0, this.calculateLayout(), this.render();
-    }), this.setupKeyboardInput(), process.stdout.write(T.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
+    }), this.setupKeyboardInput(), process.stdout.write(O.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
   }
   setupKeyboardInput() {
     process.stdin.isTTY && (process.stdin.setRawMode(!0), process.stdin.resume(), process.stdin.setEncoding("utf8"), process.stdin.on("data", (e) => {
@@ -1007,8 +1073,8 @@ const T = class T {
             this.scrollPos.set(t, 0), this.queueUpdate(t);
             break;
           case "G":
-            const i = this.logs.get(t) || [];
-            this.scrollPos.set(t, Math.max(0, i.length - this.visibleLogLines)), this.queueUpdate(t);
+            const r = this.logs.get(t) || [];
+            this.scrollPos.set(t, Math.max(0, r.length - this.visibleLogLines)), this.queueUpdate(t);
             break;
         }
     }));
@@ -1017,35 +1083,35 @@ const T = class T {
     const e = this.components.length, t = 38;
     let n;
     this.cols >= t * 3 + 4 ? n = Math.min(e, 3) : this.cols >= t * 2 + 2 ? n = Math.min(e, 2) : n = 1;
-    const i = Math.ceil(e / n), s = Math.floor(this.cols / n), d = 2, M = this.rows - d - 2, m = Math.floor(M / i);
-    this.visibleLogLines = Math.max(2, m - 4), this.layout = { panelsPerRow: n, panelWidth: s, numRows: i, panelHeight: m }, this.panelPositions.clear();
+    const r = Math.ceil(e / n), s = Math.floor(this.cols / n), d = 2, M = this.rows - d - 2, u = Math.floor(M / r);
+    this.visibleLogLines = Math.max(2, u - 4), this.layout = { panelsPerRow: n, panelWidth: s, numRows: r, panelHeight: u }, this.panelPositions.clear();
     for (let p = 0; p < e; p++) {
-      const b = this.components[p], u = Math.floor(p / n), v = p % n;
-      this.panelPositions.set(b.name, {
-        row: d + 1 + u * m,
-        col: v * s + 1,
+      const S = this.components[p], f = Math.floor(p / n), b = p % n;
+      this.panelPositions.set(S.name, {
+        row: d + 1 + f * u,
+        col: b * s + 1,
         width: s,
-        height: m
+        height: u
       });
     }
   }
   log(e, t, n = "info") {
-    const i = this.logs.get(e) || [], s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+    const r = this.logs.get(e) || [], s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
       hour12: !1,
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
     });
-    t.includes("✅") || t.includes("completed") ? n = "success" : t.includes("❌") || t.includes("failed") ? n = "error" : t.includes("⚠") ? n = "warning" : t.includes("🔥") || t.includes("HMR") ? n = "hmr" : (t.includes("📝") || t.includes("changed")) && (n = "change"), i.push({ timestamp: s, message: t.replace(/[✅❌⚠🔥📝🔨]/g, "").trim(), type: n }), this.logs.set(e, i), i.length > this.visibleLogLines && this.scrollPos.set(e, i.length - this.visibleLogLines), this.queueUpdate(e);
+    t.includes("✅") || t.includes("completed") ? n = "success" : t.includes("❌") || t.includes("failed") ? n = "error" : t.includes("⚠") ? n = "warning" : t.includes("🔥") || t.includes("HMR") ? n = "hmr" : (t.includes("📝") || t.includes("changed")) && (n = "change"), r.push({ timestamp: s, message: t.replace(/[✅❌⚠🔥📝🔨]/g, "").trim(), type: n }), this.logs.set(e, r), r.length > this.visibleLogLines && this.scrollPos.set(e, r.length - this.visibleLogLines), this.queueUpdate(e);
   }
   setStatus(e, t) {
     let n = "ready";
-    const i = t.toLowerCase();
-    i.includes("initializing") || i.includes("⏳") ? n = "initializing" : i.includes("starting") ? n = "starting" : i.includes("building") || i.includes("🔨") ? n = "building" : i.includes("ready") || i.includes("✅") ? n = "ready" : i.includes("changed") || i.includes("📝") ? n = "changed" : i.includes("hmr") ? n = "hmr_update" : i.includes("🔥") ? n = "hmr" : i.includes("error") || i.includes("❌") ? n = "error" : i.includes("warning") || i.includes("⚠") ? n = "warning" : (i.includes("stopped") || i.includes("exited")) && (n = "stopped"), this.statuses.set(e, t), this.statusKeys.set(e, n), this.queueUpdate(e);
+    const r = t.toLowerCase();
+    r.includes("initializing") || r.includes("⏳") ? n = "initializing" : r.includes("starting") ? n = "starting" : r.includes("building") || r.includes("🔨") ? n = "building" : r.includes("ready") || r.includes("✅") ? n = "ready" : r.includes("changed") || r.includes("📝") ? n = "changed" : r.includes("hmr") ? n = "hmr_update" : r.includes("🔥") ? n = "hmr" : r.includes("error") || r.includes("❌") ? n = "error" : r.includes("warning") || r.includes("⚠") ? n = "warning" : (r.includes("stopped") || r.includes("exited")) && (n = "stopped"), this.statuses.set(e, t), this.statusKeys.set(e, n), this.queueUpdate(e);
   }
   scroll(e, t) {
-    const n = this.logs.get(e) || [], i = this.scrollPos.get(e) || 0, s = Math.max(0, n.length - this.visibleLogLines), d = Math.max(0, Math.min(s, i + t));
-    d !== i && (this.scrollPos.set(e, d), this.queueUpdate(e));
+    const n = this.logs.get(e) || [], r = this.scrollPos.get(e) || 0, s = Math.max(0, n.length - this.visibleLogLines), d = Math.max(0, Math.min(s, r + t));
+    d !== r && (this.scrollPos.set(e, d), this.queueUpdate(e));
   }
   queueUpdate(e) {
     this.pendingUpdates.add(e), this.renderQueued || (this.renderQueued = !0, setImmediate(() => {
@@ -1066,71 +1132,71 @@ const T = class T {
     return `${t}:${n.toString().padStart(2, "0")}`;
   }
   updateHeader() {
-    const e = T.C, t = Array.from(this.statusKeys.values()).filter((s) => s === "ready").length, n = this.components.length;
-    let i = `${e.dim}📡${e.reset} http://localhost:9292  ${e.gray}|${e.reset}  `;
-    i += `${e.green}${t}${e.reset}/${n} ready  ${e.gray}|${e.reset}  `, i += `⏱ ${this.getUptime()}  ${e.gray}|${e.reset}  `, i += `Press ${e.yellow}Ctrl+C${e.reset} to stop`, i += T.ESC.clearLine.slice(0, -1), process.stdout.write(T.ESC.moveTo(2, 1) + i);
+    const e = O.C, t = Array.from(this.statusKeys.values()).filter((s) => s === "ready").length, n = this.components.length;
+    let r = `${e.dim}📡${e.reset} http://localhost:9292  ${e.gray}|${e.reset}  `;
+    r += `${e.green}${t}${e.reset}/${n} ready  ${e.gray}|${e.reset}  `, r += `⏱ ${this.getUptime()}  ${e.gray}|${e.reset}  `, r += `Press ${e.yellow}Ctrl+C${e.reset} to stop`, r += O.ESC.clearLine.slice(0, -1), process.stdout.write(O.ESC.moveTo(2, 1) + r);
   }
   renderPanel(e) {
-    const t = T.C, n = T.STATUS, i = this.panelPositions.get(e);
-    if (!i) return;
-    const s = this.components.findIndex((U) => U.name === e), d = this.components[s], w = s === this.selectedPanel, M = this.statusKeys.get(e) || "initializing", m = n[M], p = t[m.color], b = this.logs.get(e) || [], u = this.scrollPos.get(e) || 0, v = i.width - 1, x = w ? t.cyan : t.gray, $ = [], _ = d.name.substring(0, v - 20);
-    let D = `${x}┌─${t.reset} ${p}${m.icon}${t.reset} `;
-    D += `${t.bold}${_}${t.reset} ${t.gray}─${t.reset} ${p}${m.label}${t.reset} `;
-    const g = 5 + _.length + m.label.length + 3;
-    D += `${x}${"─".repeat(Math.max(0, v - g))}┐${t.reset}`, $.push(T.ESC.moveTo(i.row, i.col) + D);
-    const P = (d.path || "").substring(0, v - 6);
+    const t = O.C, n = O.STATUS, r = this.panelPositions.get(e);
+    if (!r) return;
+    const s = this.components.findIndex((U) => U.name === e), d = this.components[s], v = s === this.selectedPanel, M = this.statusKeys.get(e) || "initializing", u = n[M], p = t[u.color], S = this.logs.get(e) || [], f = this.scrollPos.get(e) || 0, b = r.width - 1, x = v ? t.cyan : t.gray, $ = [], L = d.name.substring(0, b - 20);
+    let H = `${x}┌─${t.reset} ${p}${u.icon}${t.reset} `;
+    H += `${t.bold}${L}${t.reset} ${t.gray}─${t.reset} ${p}${u.label}${t.reset} `;
+    const g = 5 + L.length + u.label.length + 3;
+    H += `${x}${"─".repeat(Math.max(0, b - g))}┐${t.reset}`, $.push(O.ESC.moveTo(r.row, r.col) + H);
+    const P = (d.path || "").substring(0, b - 6);
     let E = `${x}│${t.reset} ${t.dim}${P}${t.reset}`;
-    E += " ".repeat(Math.max(0, v - P.length - 3)), E += `${x}│${t.reset}`, $.push(T.ESC.moveTo(i.row + 1, i.col) + E);
-    const C = b.length, I = C > this.visibleLogLines ? `${u + 1}-${Math.min(u + this.visibleLogLines, C)}/${C}` : "";
-    let L = `${x}├${"─".repeat(v - I.length - 4)}${t.reset}`;
-    I && (L += `${t.dim}${I}${t.reset}`), L += `${x}${"─".repeat(2)}┤${t.reset}`, $.push(T.ESC.moveTo(i.row + 2, i.col) + L);
-    const Z = b.slice(u, u + this.visibleLogLines);
+    E += " ".repeat(Math.max(0, b - P.length - 3)), E += `${x}│${t.reset}`, $.push(O.ESC.moveTo(r.row + 1, r.col) + E);
+    const C = S.length, I = C > this.visibleLogLines ? `${f + 1}-${Math.min(f + this.visibleLogLines, C)}/${C}` : "";
+    let k = `${x}├${"─".repeat(b - I.length - 4)}${t.reset}`;
+    I && (k += `${t.dim}${I}${t.reset}`), k += `${x}${"─".repeat(2)}┤${t.reset}`, $.push(O.ESC.moveTo(r.row + 2, r.col) + k);
+    const q = S.slice(f, f + this.visibleLogLines);
     for (let U = 0; U < this.visibleLogLines; U++) {
-      const O = Z[U];
-      let V = `${x}│${t.reset}`;
-      if (O) {
-        let R = t.white;
-        O.type === "success" ? R = t.green : O.type === "error" ? R = t.red : O.type === "warning" ? R = t.yellow : O.type === "hmr" ? R = t.magenta : O.type === "change" && (R = t.blue);
-        const G = O.message.substring(0, v - 12);
-        V += `${t.dim}${O.timestamp}${t.reset} ${R}${G}${t.reset}`;
-        const Se = v - O.timestamp.length - G.length - 2;
-        V += " ".repeat(Math.max(0, Se));
+      const F = q[U];
+      let G = `${x}│${t.reset}`;
+      if (F) {
+        let T = t.white;
+        F.type === "success" ? T = t.green : F.type === "error" ? T = t.red : F.type === "warning" ? T = t.yellow : F.type === "hmr" ? T = t.magenta : F.type === "change" && (T = t.blue);
+        const Y = F.message.substring(0, b - 12);
+        G += `${t.dim}${F.timestamp}${t.reset} ${T}${Y}${t.reset}`;
+        const xe = b - F.timestamp.length - Y.length - 2;
+        G += " ".repeat(Math.max(0, xe));
       } else
-        V += " ".repeat(v - 2);
-      V += `${x}│${t.reset}`, $.push(T.ESC.moveTo(i.row + 3 + U, i.col) + V);
+        G += " ".repeat(b - 2);
+      G += `${x}│${t.reset}`, $.push(O.ESC.moveTo(r.row + 3 + U, r.col) + G);
     }
-    $.push(T.ESC.moveTo(i.row + 3 + this.visibleLogLines, i.col) + `${x}└${"─".repeat(v - 2)}┘${t.reset}`), process.stdout.write($.join(""));
+    $.push(O.ESC.moveTo(r.row + 3 + this.visibleLogLines, r.col) + `${x}└${"─".repeat(b - 2)}┘${t.reset}`), process.stdout.write($.join(""));
   }
   fullRender() {
-    const e = T.C;
-    process.stdout.write(T.ESC.clearScreen + T.ESC.moveTo(1, 1));
+    const e = O.C;
+    process.stdout.write(O.ESC.clearScreen + O.ESC.moveTo(1, 1));
     const t = " MYOP MONOREPO DEV ", n = Math.floor((this.cols - t.length) / 2);
     process.stdout.write(`${e.cyan}${"━".repeat(n)}${e.bold}${e.bgCyan}${e.black}${t}${e.reset}${e.cyan}${"━".repeat(this.cols - n - t.length)}${e.reset}`), this.updateHeader();
-    for (const i of this.components)
-      this.renderPanel(i.name);
+    for (const r of this.components)
+      this.renderPanel(r.name);
     this.renderFooter();
   }
   renderFooter() {
-    const e = T.C, t = this.rows - 1;
+    const e = O.C, t = this.rows - 1;
     let n = `${e.gray}`;
-    n += `${e.green}●${e.gray} Ready  `, n += `${e.yellow}⟳${e.gray} Building  `, n += `${e.magenta}⚡${e.gray} HMR  `, n += `${e.red}✖${e.gray} Error  `, n += `${e.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${e.reset}`, process.stdout.write(T.ESC.moveTo(t, 1) + n);
+    n += `${e.green}●${e.gray} Ready  `, n += `${e.yellow}⟳${e.gray} Building  `, n += `${e.magenta}⚡${e.gray} HMR  `, n += `${e.red}✖${e.gray} Error  `, n += `${e.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${e.reset}`, process.stdout.write(O.ESC.moveTo(t, 1) + n);
   }
   render() {
     this.needsFullRedraw = !0, this.queueUpdate("__full__");
   }
   clear() {
-    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(T.ESC.clearScreen + T.ESC.moveTo(1, 1) + T.ESC.showCursor);
+    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(O.ESC.clearScreen + O.ESC.moveTo(1, 1) + O.ESC.showCursor);
   }
 };
 // ANSI escape codes
-ue(T, "ESC", {
+fe(O, "ESC", {
   moveTo: (e, t) => `\x1B[${e};${t}H`,
   hideCursor: "\x1B[?25l",
   showCursor: "\x1B[?25h",
   clearScreen: "\x1B[2J",
   clearLine: "\x1B[2K"
 }), // Colors
-ue(T, "C", {
+fe(O, "C", {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
   dim: "\x1B[2m",
@@ -1145,7 +1211,7 @@ ue(T, "C", {
   bgCyan: "\x1B[46m",
   black: "\x1B[30m"
 }), // Status configs
-ue(T, "STATUS", {
+fe(O, "STATUS", {
   initializing: { icon: "◔", color: "yellow", label: "Initializing" },
   starting: { icon: "◑", color: "yellow", label: "Starting" },
   building: { icon: "⟳", color: "yellow", label: "Building" },
@@ -1158,16 +1224,16 @@ ue(T, "STATUS", {
   warning: { icon: "⚠", color: "yellow", label: "Warning" },
   stopped: { icon: "■", color: "gray", label: "Stopped" }
 });
-let Te = T;
-async function Rt(o) {
-  const { spawn: e, exec: t } = await import("child_process"), n = await import("path"), i = o.map((p) => ({
+let Ie = O;
+async function Tt(o) {
+  const { spawn: e, exec: t } = await import("child_process"), n = await import("path"), r = o.map((p) => ({
     name: p.name,
     path: p.path,
     id: p.componentId || ""
-  })), s = new Te(i), d = [], w = (p) => {
-    const b = process.platform;
-    let u;
-    b === "darwin" ? u = `open "${p}"` : b === "win32" ? u = `start "" "${p}"` : u = `xdg-open "${p}"`, t(u, () => {
+  })), s = new Ie(r), d = [], v = (p) => {
+    const S = process.platform;
+    let f;
+    S === "darwin" ? f = `open "${p}"` : S === "win32" ? f = `start "" "${p}"` : f = `xdg-open "${p}"`, t(f, () => {
     });
   }, M = () => {
     s.clear(), console.log(`
@@ -1179,73 +1245,73 @@ async function Rt(o) {
     }), setTimeout(() => process.exit(0), 500);
   };
   process.on("SIGINT", M), process.on("SIGTERM", M);
-  const m = process.argv[1];
+  const u = process.argv[1];
   for (let p = 0; p < o.length; p++) {
-    const b = o[p], u = b.name;
-    s.setStatus(u, "⏳ Starting..."), s.log(u, `Starting in ${b.path}`);
-    const v = e("node", [m, "dev"], {
-      cwd: n.default.resolve(b.path),
+    const S = o[p], f = S.name;
+    s.setStatus(f, "⏳ Starting..."), s.log(f, `Starting in ${S.path}`);
+    const b = e("node", [u, "dev"], {
+      cwd: n.default.resolve(S.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
     });
-    d.push(v);
+    d.push(b);
     let x = "";
-    v.stdout.on("data", ($) => {
+    b.stdout.on("data", ($) => {
       x += $.toString();
-      const _ = x.split(`
+      const L = x.split(`
 `);
-      x = _.pop() || "";
-      for (const D of _) {
-        const g = D.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        g && (g.includes("Registered component") || g.includes("Registered:") ? s.setStatus(u, "✅ Ready") : g.includes("Building...") || g.includes("Running initial build") ? s.setStatus(u, "🔨 Building...") : g.includes("Build completed") || g.includes("Build succeeded") ? s.setStatus(u, "✅ Ready") : g.includes("Build failed") ? s.setStatus(u, "❌ Build Error") : g.includes("File changed") ? (s.setStatus(u, "📝 Changed"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1500)) : g.includes("Notifying") && g.includes("HMR") ? (s.setStatus(u, "🔥 HMR Update"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)) : g.includes("HMR client connected") && (s.setStatus(u, "🔥 HMR Connected"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)), !g.includes("Watching") && !g.includes("Press Ctrl+C") && !g.includes("Starting shared") && !g.includes("Management server") && !g.includes("Main server") && !g.includes("Access at:") && !g.includes("No build needed") && s.log(u, g));
+      x = L.pop() || "";
+      for (const H of L) {
+        const g = H.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        g && (g.includes("Registered component") || g.includes("Registered:") ? s.setStatus(f, "✅ Ready") : g.includes("Building...") || g.includes("Running initial build") ? s.setStatus(f, "🔨 Building...") : g.includes("Build completed") || g.includes("Build succeeded") ? s.setStatus(f, "✅ Ready") : g.includes("Build failed") ? s.setStatus(f, "❌ Build Error") : g.includes("File changed") ? (s.setStatus(f, "📝 Changed"), setTimeout(() => s.setStatus(f, "✅ Ready"), 1500)) : g.includes("Notifying") && g.includes("HMR") ? (s.setStatus(f, "🔥 HMR Update"), setTimeout(() => s.setStatus(f, "✅ Ready"), 1e3)) : g.includes("HMR client connected") && (s.setStatus(f, "🔥 HMR Connected"), setTimeout(() => s.setStatus(f, "✅ Ready"), 1e3)), !g.includes("Watching") && !g.includes("Press Ctrl+C") && !g.includes("Starting shared") && !g.includes("Management server") && !g.includes("Main server") && !g.includes("Access at:") && !g.includes("No build needed") && s.log(f, g));
       }
-    }), v.stderr.on("data", ($) => {
-      const _ = $.toString().split(`
+    }), b.stderr.on("data", ($) => {
+      const L = $.toString().split(`
 `);
-      for (const D of _) {
-        const g = D.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        g && (s.log(u, `⚠️ ${g}`), s.setStatus(u, "⚠️ Warning"));
+      for (const H of L) {
+        const g = H.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        g && (s.log(f, `⚠️ ${g}`), s.setStatus(f, "⚠️ Warning"));
       }
-    }), v.on("exit", ($) => {
-      $ !== 0 && $ !== null && (s.setStatus(u, `❌ Exited (${$})`), s.log(u, `Process exited with code ${$}`));
+    }), b.on("exit", ($) => {
+      $ !== 0 && $ !== null && (s.setStatus(f, `❌ Exited (${$})`), s.log(f, `Process exited with code ${$}`));
     }), p < o.length - 1 && await new Promise(($) => setTimeout($, 500));
   }
   s.render(), setTimeout(() => {
-    w("http://localhost:9292");
+    v("http://localhost:9292");
   }, 2e3);
 }
-const Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  devCommand: Fe,
-  monorepoDevCommand: Rt
-}, Symbol.toStringTag, { value: "Module" })), Ee = ee.join(mt.homedir(), ".myop"), ae = ee.join(Ee, "credentials.json");
+  devCommand: _e,
+  monorepoDevCommand: Tt
+}, Symbol.toStringTag, { value: "Module" })), Fe = te.join(ut.homedir(), ".myop"), le = te.join(Fe, "credentials.json");
 function Et() {
-  H.existsSync(Ee) || H.mkdirSync(Ee, { recursive: !0, mode: 448 });
+  D.existsSync(Fe) || D.mkdirSync(Fe, { recursive: !0, mode: 448 });
 }
-function je() {
+function ke() {
   try {
-    if (!H.existsSync(ae))
+    if (!D.existsSync(le))
       return null;
-    const o = H.readFileSync(ae, "utf8");
+    const o = D.readFileSync(le, "utf8");
     return JSON.parse(o);
   } catch (o) {
     return console.info("Failed to read credentials:", o.message), null;
   }
 }
-function Qe(o) {
+function Xe(o) {
   Et();
   const e = {
     ...o,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  H.writeFileSync(ae, JSON.stringify(e, null, 2), {
+  D.writeFileSync(le, JSON.stringify(e, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function Ze() {
+function qe() {
   try {
-    return H.existsSync(ae) && H.unlinkSync(ae), !0;
+    return D.existsSync(le) && D.unlinkSync(le), !0;
   } catch (o) {
     return console.error("Failed to clear credentials:", o.message), !1;
   }
@@ -1256,27 +1322,27 @@ function It(o) {
   const e = 5 * 60 * 1e3, t = new Date(o.expiresAt).getTime();
   return Date.now() > t - e;
 }
-function ve() {
-  const o = je();
+function be() {
+  const o = ke();
   return o ? {
     email: o.userEmail,
     userId: o.userId
   } : null;
 }
-const se = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", he = 19284, ke = `http://localhost:${he}/callback`, Ot = "myop-cli";
-function Ft() {
-  return Ie.randomBytes(32).toString("base64url");
+const se = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ye = 19284, Le = `http://localhost:${ye}/callback`, Ft = "myop-cli";
+function jt() {
+  return je.randomBytes(32).toString("base64url");
 }
-function jt(o) {
-  return Ie.createHash("sha256").update(o).digest("base64url");
+function Nt(o) {
+  return je.createHash("sha256").update(o).digest("base64url");
 }
-async function kt() {
+async function _t() {
   const o = await fetch(`${se}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: Ot,
-      redirect_uris: [ke],
+      client_name: Ft,
+      redirect_uris: [Le],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
@@ -1288,7 +1354,7 @@ async function kt() {
   return o.json();
 }
 function ge(o, e, t, n = null) {
-  const i = {
+  const r = {
     success: `<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#4ade80" stroke-width="2">
             <circle cx="12" cy="12" r="10"/>
             <path d="M8 12l2.5 2.5L16 9"/>
@@ -1305,7 +1371,7 @@ function ge(o, e, t, n = null) {
     success: { accent: "#4ade80", glow: "rgba(74, 222, 128, 0.1)" },
     error: { accent: "#f87171", glow: "rgba(248, 113, 113, 0.1)" },
     warning: { accent: "#fbbf24", glow: "rgba(251, 191, 36, 0.1)" }
-  }, { accent: d, glow: w } = s[o] || s.error;
+  }, { accent: d, glow: v } = s[o] || s.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -1398,7 +1464,7 @@ function ge(o, e, t, n = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${w};
+            background: ${v};
             border: 1px solid ${d}33;
             border-radius: 4px;
             padding: 10px 16px;
@@ -1436,7 +1502,7 @@ function ge(o, e, t, n = null) {
 <body>
     <div class="container">
         <div class="icon">
-            ${i[o] || i.error}
+            ${r[o] || r.error}
         </div>
         <h1>${e}</h1>
         <p class="message">${t}</p>
@@ -1453,19 +1519,19 @@ function ge(o, e, t, n = null) {
 </body>
 </html>`;
 }
-function Nt(o) {
+function kt(o) {
   return new Promise((e, t) => {
-    const n = dt.createServer((i, s) => {
-      const d = new ze(i.url, `http://localhost:${he}`);
+    const n = pt.createServer((r, s) => {
+      const d = new Ve(r.url, `http://localhost:${ye}`);
       if (d.pathname === "/callback") {
-        const w = d.searchParams.get("code"), M = d.searchParams.get("state"), m = d.searchParams.get("error");
-        if (m) {
+        const v = d.searchParams.get("code"), M = d.searchParams.get("state"), u = d.searchParams.get("error");
+        if (u) {
           s.writeHead(200, { "Content-Type": "text/html" }), s.end(ge(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            m
-          )), n.close(), t(new Error(`OAuth error: ${m}`));
+            u
+          )), n.close(), t(new Error(`OAuth error: ${u}`));
           return;
         }
         if (M !== o) {
@@ -1477,7 +1543,7 @@ function Nt(o) {
           )), n.close(), t(new Error("State mismatch"));
           return;
         }
-        if (!w) {
+        if (!v) {
           s.writeHead(400, { "Content-Type": "text/html" }), s.end(ge(
             "error",
             "Missing Authorization Code",
@@ -1490,40 +1556,40 @@ function Nt(o) {
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), n.close(), e(w);
+        )), n.close(), e(v);
       } else
         s.writeHead(404), s.end("Not found");
     });
-    n.listen(he, () => {
-      console.info(`OAuth callback server listening on port ${he}`);
+    n.listen(ye, () => {
+      console.info(`OAuth callback server listening on port ${ye}`);
     }), setTimeout(() => {
       n.close(), t(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function _t(o, e, t) {
+async function Lt(o, e, t) {
   const n = await fetch(`${se}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new We({
+    body: new Ge({
       grant_type: "authorization_code",
       code: o,
       client_id: e,
-      redirect_uri: ke,
+      redirect_uri: Le,
       code_verifier: t
     })
   });
   if (!n.ok) {
-    const i = await n.json();
-    throw new Error(i.error_description || i.error || "Token exchange failed");
+    const r = await n.json();
+    throw new Error(r.error_description || r.error || "Token exchange failed");
   }
   return n.json();
 }
-async function Lt(o, e) {
+async function At(o, e) {
   const t = await fetch(`${se}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new We({
+    body: new Ge({
       grant_type: "refresh_token",
       refresh_token: o,
       client_id: e
@@ -1535,8 +1601,8 @@ async function Lt(o, e) {
   }
   return t.json();
 }
-async function At(o) {
-  var i, s, d;
+async function Ht(o) {
+  var r, s, d;
   const e = await fetch(`${se}/mcp`, {
     method: "POST",
     headers: {
@@ -1558,57 +1624,57 @@ async function At(o) {
   const t = await e.json();
   if (t.error)
     throw new Error(t.error.message);
-  const n = (d = (s = (i = t.result) == null ? void 0 : i.content) == null ? void 0 : s[0]) == null ? void 0 : d.text;
+  const n = (d = (s = (r = t.result) == null ? void 0 : r.content) == null ? void 0 : s[0]) == null ? void 0 : d.text;
   if (n)
     return JSON.parse(n);
   throw new Error("Invalid response from whoami");
 }
-async function re() {
-  const o = W("Starting authentication...").start();
+async function ae() {
+  const o = V("Starting authentication...").start();
   try {
     o.text = "Registering OAuth client...";
-    const t = (await kt()).client_id, n = Ft(), i = jt(n), s = Ie.randomBytes(16).toString("hex");
+    const t = (await _t()).client_id, n = jt(), r = Nt(n), s = je.randomBytes(16).toString("hex");
     o.text = "Waiting for authorization...";
-    const d = Nt(s), w = new ze(`${se}/oauth/authorize`);
-    w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", t), w.searchParams.set("redirect_uri", ke), w.searchParams.set("code_challenge", i), w.searchParams.set("code_challenge_method", "S256"), w.searchParams.set("state", s), o.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${w.toString()}
-`), await pt(w.toString());
+    const d = kt(s), v = new Ve(`${se}/oauth/authorize`);
+    v.searchParams.set("response_type", "code"), v.searchParams.set("client_id", t), v.searchParams.set("redirect_uri", Le), v.searchParams.set("code_challenge", r), v.searchParams.set("code_challenge_method", "S256"), v.searchParams.set("state", s), o.stop(), console.log(`
+🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${v.toString()}
+`), await mt(v.toString());
     const M = await d;
     o.start("Exchanging authorization code...");
-    const m = await _t(M, t, n);
+    const u = await Lt(M, t, n);
     o.text = "Getting user info...";
-    const p = await At(m.access_token), b = {
-      accessToken: m.access_token,
-      refreshToken: m.refresh_token,
-      expiresAt: new Date(Date.now() + m.expires_in * 1e3).toISOString(),
+    const p = await Ht(u.access_token), S = {
+      accessToken: u.access_token,
+      refreshToken: u.refresh_token,
+      expiresAt: new Date(Date.now() + u.expires_in * 1e3).toISOString(),
       clientId: t,
       userId: p.userId,
       userEmail: p.email
     };
-    return Qe(b), o.succeed(`Authenticated as ${p.email}`), b;
+    return Xe(S), o.succeed(`Authenticated as ${p.email}`), S;
   } catch (e) {
     throw o.fail(`Authentication failed: ${e.message}`), e;
   }
 }
-async function Xe() {
-  const o = je();
+async function et() {
+  const o = ke();
   if (!o) {
     console.log("Not currently logged in.");
     return;
   }
-  Ze(), console.log(`✅ Logged out (was: ${o.userEmail})`);
+  qe(), console.log(`✅ Logged out (was: ${o.userEmail})`);
 }
 async function Dt() {
-  let o = je();
+  let o = ke();
   if (!o)
     return console.log(`Not logged in. Starting authentication...
-`), await re();
+`), await ae();
   if (!It(o))
     return o;
   if (o.refreshToken) {
-    const e = W("Refreshing access token...").start();
+    const e = V("Refreshing access token...").start();
     try {
-      const t = await Lt(
+      const t = await At(
         o.refreshToken,
         o.clientId
       );
@@ -1617,100 +1683,100 @@ async function Dt() {
         accessToken: t.access_token,
         refreshToken: t.refresh_token,
         expiresAt: new Date(Date.now() + t.expires_in * 1e3).toISOString()
-      }, Qe(o), e.succeed("Token refreshed"), o;
+      }, Xe(o), e.succeed("Token refreshed"), o;
     } catch {
-      return e.warn("Token refresh failed, please log in again"), Ze(), await re();
+      return e.warn("Token refresh failed, please log in again"), qe(), await ae();
     }
   }
   return console.log(`Session expired. Please log in again.
-`), await re();
+`), await ae();
 }
-function Ht() {
+function Ut() {
   return se;
 }
-const ye = "@myop/cli";
-async function Ut() {
+const we = "@myop/cli";
+async function Bt() {
   try {
-    const o = await fetch(`https://registry.npmjs.org/${ye}/latest`);
+    const o = await fetch(`https://registry.npmjs.org/${we}/latest`);
     return o.ok ? (await o.json()).version : null;
   } catch {
     return null;
   }
 }
-function Bt(o, e) {
+function Jt(o, e) {
   const t = o.split(".").map(Number), n = e.split(".").map(Number);
-  for (let i = 0; i < Math.max(t.length, n.length); i++) {
-    const s = t[i] || 0, d = n[i] || 0;
+  for (let r = 0; r < Math.max(t.length, n.length); r++) {
+    const s = t[r] || 0, d = n[r] || 0;
     if (s > d) return 1;
     if (s < d) return -1;
   }
   return 0;
 }
-async function Jt(o) {
-  const e = W({
+async function zt(o) {
+  const e = V({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), t = await Ut();
-  if (e.stop(), !t || Bt(t, o) <= 0)
+  }).start(), t = await Bt();
+  if (e.stop(), !t || Jt(t, o) <= 0)
     return !1;
   console.log(`
 📦 New version available: ${o} → ${t}
 `);
   let n;
   try {
-    n = await Je({
+    n = await We({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
         { name: "No, continue with current version", value: !1 }
       ]
     });
-  } catch (i) {
-    throw i.name === "ExitPromptError" && (console.log(`
+  } catch (r) {
+    throw r.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), i;
+`), process.exit(0)), r;
   }
   if (n) {
-    const i = W({
-      text: `Updating ${ye} to v${t}...`,
+    const r = V({
+      text: `Updating ${we} to v${t}...`,
       color: "green"
     }).start();
     try {
-      return fe(`npm install -g ${ye}@latest`, { stdio: "pipe" }), i.succeed(`Updated to v${t}`), console.log(`
+      return he(`npm install -g ${we}@latest`, { stdio: "pipe" }), r.succeed(`Updated to v${t}`), console.log(`
 🔄 Restarting with new version...
-`), ct("myop", process.argv.slice(2), {
+`), dt("myop", process.argv.slice(2), {
         stdio: "inherit",
         shell: !0
       }).on("close", (d) => {
         process.exit(d || 0);
       }), !0;
     } catch {
-      return i.fail("Update failed"), console.log(`
-You can manually update by running: npm install -g ${ye}@latest
+      return r.fail("Update failed"), console.log(`
+You can manually update by running: npm install -g ${we}@latest
 `), !1;
     }
   }
   return !1;
 }
-const zt = (o) => new Promise((e) => setTimeout(e, o)), qe = (o = ".", e = 3, t = 0) => {
+const Wt = (o) => new Promise((e) => setTimeout(e, o)), tt = (o = ".", e = 3, t = 0) => {
   const n = [];
   if (t > e) return n;
   try {
-    const i = H.readdirSync(o, { withFileTypes: !0 });
-    for (const s of i) {
-      const d = ee.join(o, s.name);
+    const r = D.readdirSync(o, { withFileTypes: !0 });
+    for (const s of r) {
+      const d = te.join(o, s.name);
       if (s.isDirectory()) {
         if (s.name === "node_modules" || s.name === ".git" || s.name === "dist" || s.name.startsWith("."))
           continue;
-        n.push(...qe(d, e, t + 1));
+        n.push(...tt(d, e, t + 1));
       } else if (s.name === "myop.config.json")
         try {
-          const w = H.readFileSync(d, "utf-8"), M = JSON.parse(w);
+          const v = D.readFileSync(d, "utf-8"), M = JSON.parse(v);
           n.push({
             path: o,
             configPath: d,
-            name: M.name || M.componentName || ee.basename(o),
+            name: M.name || M.componentName || te.basename(o),
             componentId: M.componentId || null,
             config: M
           });
@@ -1721,26 +1787,26 @@ const zt = (o) => new Promise((e) => setTimeout(e, o)), qe = (o = ".", e = 3, t
   }
   return n;
 };
-h.executionPath = process.cwd();
-const be = (o = !1) => {
-  const e = h.program.getOptionValue("verbose");
+y.executionPath = process.cwd();
+const Se = (o = !1) => {
+  const e = y.program.getOptionValue("verbose");
   e || (console.info = () => {
-  }), console.info("📝 verbose mode on"), h.options = {
-    configPath: h.program.getOptionValue("config"),
+  }), console.info("📝 verbose mode on"), y.options = {
+    configPath: y.program.getOptionValue("config"),
     verbose: e
   };
   try {
-    return h.myopConfig = gt(h.options.configPath), { configFound: !0 };
+    return y.myopConfig = gt(y.options.configPath), { configFound: !0 };
   } catch (t) {
     if (o) {
       console.info(`
-⚠️ failed read config file from ${h.options.configPath}, trying to create new one`);
+⚠️ failed read config file from ${y.options.configPath}, trying to create new one`);
       try {
         const n = {
           author: "@myop-cli",
           flows: []
         };
-        return Oe(h.options.configPath, n), h.myopConfig = n, { configFound: !0 };
+        return Ne(y.options.configPath, n), y.myopConfig = n, { configFound: !0 };
       } catch {
         return console.info("Error details :", t), { configFound: !1, error: t };
       }
@@ -1749,44 +1815,44 @@ const be = (o = !1) => {
   }
 };
 [
-  new Re(),
-  ...St
+  new Ee(),
+  ...xt
 ];
-const Wt = "0.1.23";
-h.program = new lt();
-h.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(Wt);
-h.program.addOption(new le("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-h.program.addOption(new le("-h, --help", "Show helpful information"));
-h.program.addOption(new le("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-h.program.addOption(new le("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-h.program.addOption(new le("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
-h.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, e) => {
-  be(!0), console.info("adding ", o, e, h.options.configPath), o === "flow" && Ge._action(e), process.exit();
+const Vt = "0.1.24";
+y.program = new ct();
+y.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(Vt);
+y.program.addOption(new ce("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+y.program.addOption(new ce("-h, --help", "Show helpful information"));
+y.program.addOption(new ce("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+y.program.addOption(new ce("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+y.program.addOption(new ce("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
+y.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, e) => {
+  Se(!0), console.info("adding ", o, e, y.options.configPath), o === "flow" && Ke._action(e), process.exit();
 });
-h.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, e) => {
-  be(), console.info("removing ", o, e, h.options.configPath), o === "flow" && Ye._action(e), process.exit();
+y.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, e) => {
+  Se(), console.info("removing ", o, e, y.options.configPath), o === "flow" && Qe._action(e), process.exit();
 });
-h.program.command("install").description("Install Myop assets").action(async () => {
-  be(), await Ve.action();
+y.program.command("install").description("Install Myop assets").action(async () => {
+  Se(), await Ye.action();
 });
-h.program.command("login").description("Authenticate with Myop platform").action(async () => {
+y.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
-    await re();
+    await ae();
   } catch (o) {
     console.error("Login failed:", o.message), process.exit(1);
   }
   process.exit(0);
 });
-h.program.command("logout").description("Clear stored credentials").action(async () => {
-  await Xe(), process.exit(0);
+y.program.command("logout").description("Clear stored credentials").action(async () => {
+  await et(), process.exit(0);
 });
-h.program.command("whoami").description("Show current authenticated user").action(async () => {
-  const o = ve();
+y.program.command("whoami").description("Show current authenticated user").action(async () => {
+  const o = be();
   o && o.email ? console.log(`Logged in as: ${o.email}`) : console.log("Not logged in. Run `myop login` to authenticate."), process.exit(0);
 });
-h.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (o) => {
-  var u, v, x, $, _, D;
-  const e = h.program.getOptionValue("config") || "./myop.config.json", t = await import("fs"), { execSync: n } = await import("child_process"), i = await import("path");
+y.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (o) => {
+  var f, b, x, $, L, H;
+  const e = y.program.getOptionValue("config") || "./myop.config.json", t = await import("fs"), { execSync: n } = await import("child_process"), r = await import("path");
   let s = {};
   if (t.existsSync(e))
     try {
@@ -1802,42 +1868,42 @@ h.program.command("sync").description("Build and upload component to Myop platfo
   if (!o.skipBuild) {
     const { exec: g } = await import("child_process");
     let P = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-    const E = (I = !1) => new Promise((L) => {
-      const Z = W(I ? "Retrying build..." : "Building project...").start();
-      g("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (U, O, V) => {
+    const E = (I = !1) => new Promise((k) => {
+      const q = V(I ? "Retrying build..." : "Building project...").start();
+      g("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (U, F, G) => {
         if (!U) {
-          Z.succeed("Build completed"), L(!0);
+          q.succeed("Build completed"), k(!0);
           return;
         }
-        if (Z.fail("Build failed"), !P.hasTriedPlatformFix && !P.hasTriedInstall) {
-          const R = await Ke(U, O, V, g, P);
-          if (P = { ...P, ...R }, R.handled) {
-            const G = await E(!0);
-            L(G);
+        if (q.fail("Build failed"), !P.hasTriedPlatformFix && !P.hasTriedInstall) {
+          const T = await Ze(U, F, G, g, P);
+          if (P = { ...P, ...T }, T.handled) {
+            const Y = await E(!0);
+            k(Y);
             return;
           }
         }
-        console.error(U.message), L(!1);
+        console.error(U.message), k(!1);
       });
     });
     await E() || process.exit(1);
   }
   const d = "./dist/index.html";
   t.existsSync(d) || (console.error("❌ Error: ./dist/index.html not found"), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
-  let w;
+  let v;
   try {
-    w = await Dt();
+    v = await Dt();
   } catch (g) {
     console.error("❌ Authentication failed:", g.message), process.exit(1);
   }
-  const M = Ht();
-  let m = W("Requesting upload URL...").start(), p;
+  const M = Ut();
+  let u = V("Requesting upload URL...").start(), p;
   try {
     const g = await fetch(`${M}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${w.accessToken}`
+        Authorization: `Bearer ${v.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1846,7 +1912,7 @@ h.program.command("sync").description("Build and upload component to Myop platfo
         params: {
           name: "upload_component",
           arguments: {
-            name: s.name || s.componentName || i.default.basename(process.cwd()),
+            name: s.name || s.componentName || r.default.basename(process.cwd()),
             componentId: s.componentId || void 0,
             organization: s.organization || void 0
           }
@@ -1858,14 +1924,14 @@ h.program.command("sync").description("Build and upload component to Myop platfo
     const P = await g.json();
     if (P.error)
       throw new Error(P.error.message);
-    const E = (x = (v = (u = P.result) == null ? void 0 : u.content) == null ? void 0 : v[0]) == null ? void 0 : x.text;
+    const E = (x = (b = (f = P.result) == null ? void 0 : f.content) == null ? void 0 : b[0]) == null ? void 0 : x.text;
     if (p = JSON.parse(E), !p.success)
       throw new Error(p.error);
-    m.succeed("Upload URL obtained");
+    u.succeed("Upload URL obtained");
   } catch (g) {
-    m.fail("Failed to get upload URL"), console.error("   ", g.message), process.exit(1);
+    u.fail("Failed to get upload URL"), console.error("   ", g.message), process.exit(1);
   }
-  m = W("Uploading component...").start();
+  u = V("Uploading component...").start();
   try {
     const g = t.readFileSync(d, "utf-8");
     let P;
@@ -1891,18 +1957,18 @@ h.program.command("sync").description("Build and upload component to Myop platfo
       const I = await C.text();
       throw new Error(`Upload failed with status ${C.status}: ${I}`);
     }
-    m.succeed("Component uploaded");
+    u.succeed("Component uploaded");
   } catch (g) {
-    m.fail("Upload failed"), console.error("   ", g.message), g.cause && console.error("   Cause:", g.cause), process.exit(1);
+    u.fail("Upload failed"), console.error("   ", g.message), g.cause && console.error("   Cause:", g.cause), process.exit(1);
   }
-  m = W("Confirming upload...").start();
-  let b;
+  u = V("Confirming upload...").start();
+  let S;
   try {
     const g = await fetch(`${M}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${w.accessToken}`
+        Authorization: `Bearer ${v.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1921,40 +1987,40 @@ h.program.command("sync").description("Build and upload component to Myop platfo
     const P = await g.json();
     if (P.error)
       throw new Error(P.error.message);
-    const E = (D = (_ = ($ = P.result) == null ? void 0 : $.content) == null ? void 0 : _[0]) == null ? void 0 : D.text;
-    if (b = JSON.parse(E), !b.success)
-      throw new Error(b.error);
-    m.succeed("Upload confirmed");
+    const E = (H = (L = ($ = P.result) == null ? void 0 : $.content) == null ? void 0 : L[0]) == null ? void 0 : H.text;
+    if (S = JSON.parse(E), !S.success)
+      throw new Error(S.error);
+    u.succeed("Upload confirmed");
   } catch (g) {
-    m.fail("Confirmation failed"), console.error("   ", g.message), process.exit(1);
+    u.fail("Confirmation failed"), console.error("   ", g.message), process.exit(1);
   }
-  if (b.isNewComponent || !s.componentId) {
-    s.componentId = b.componentId, s.organization = b.orgId, s.name || (s.name = b.componentName);
+  if (S.isNewComponent || !s.componentId) {
+    s.componentId = S.componentId, s.organization = S.orgId, s.name || (s.name = S.componentName);
     try {
       t.writeFileSync(e, JSON.stringify(s, null, 2)), console.log(`
 📝 Updated ${e} with componentId`);
     } catch (g) {
       console.log(`
-⚠️ Could not update ${e}: ${g.message}`), console.log(`   Please add componentId: "${b.componentId}" manually`);
+⚠️ Could not update ${e}: ${g.message}`), console.log(`   Please add componentId: "${S.componentId}" manually`);
     }
   }
   console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${b.componentName}`), console.log(`   Dashboard: ${b.dashboardUrl}`), process.exit(0);
+✅ Sync completed successfully!`), console.log(`   Component: ${S.componentName}`), console.log(`   Dashboard: ${S.dashboardUrl}`), process.exit(0);
 });
-h.program.command("dev").description("Start development server with file watching").action(Fe);
-const Vt = () => {
+y.program.command("dev").description("Start development server with file watching").action(_e);
+const Gt = () => {
   try {
-    fe("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    he("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    fe("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    he("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const o = fe("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const o = he("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -1965,21 +2031,21 @@ const Vt = () => {
         deletions: 0
       };
     const e = o.split(`
-`), t = e[e.length - 1], n = t.match(/(\d+) insertion/), i = t.match(/(\d+) deletion/), s = t.match(/(\d+) file/);
+`), t = e[e.length - 1], n = t.match(/(\d+) insertion/), r = t.match(/(\d+) deletion/), s = t.match(/(\d+) file/);
     return {
       files: s ? parseInt(s[1]) : 0,
       insertions: n ? parseInt(n[1]) : 0,
-      deletions: i ? parseInt(i[1]) : 0
+      deletions: r ? parseInt(r[1]) : 0
     };
   } catch {
     return null;
   }
-}, q = async (o = !1, e = !1) => {
-  var p, b, u;
-  const t = ve(), n = !!(t != null && t.email), i = ((p = h.myopConfig) == null ? void 0 : p.name) || ((b = h.myopConfig) == null ? void 0 : b.componentName), s = (u = h.myopConfig) == null ? void 0 : u.componentId, d = Vt();
+}, ee = async (o = !1, e = !1) => {
+  var p, S, f;
+  const t = be(), n = !!(t != null && t.email), r = ((p = y.myopConfig) == null ? void 0 : p.name) || ((S = y.myopConfig) == null ? void 0 : S.componentName), s = (f = y.myopConfig) == null ? void 0 : f.componentId, d = Gt();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
-`), o && i ? (console.log(`  Component:  ${i}`), s ? (console.log(`  ID:         ${s}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${s}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? t.email : "Not logged in"}`), d != null && d.gitNotInstalled ? (console.log("  Changes:    Git not installed"), console.log("              Install: https://git-scm.com/downloads"), console.log("              Mac: brew install git | Windows: https://gitforwindows.org")) : d != null && d.notARepo ? console.log("  Changes:    Not a git repository") : d && (d.insertions > 0 || d.deletions > 0) ? console.log(`  Changes:    ${d.files} file${d.files !== 1 ? "s" : ""} | \x1B[32m+${d.insertions}\x1B[0m \x1B[31m-${d.deletions}\x1B[0m`) : d && console.log("  Changes:    No uncommitted changes"), console.log("");
+`), o && r ? (console.log(`  Component:  ${r}`), s ? (console.log(`  ID:         ${s}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${s}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? t.email : "Not logged in"}`), d != null && d.gitNotInstalled ? (console.log("  Changes:    Git not installed"), console.log("              Install: https://git-scm.com/downloads"), console.log("              Mac: brew install git | Windows: https://gitforwindows.org")) : d != null && d.notARepo ? console.log("  Changes:    Not a git repository") : d && (d.insertions > 0 || d.deletions > 0) ? console.log(`  Changes:    ${d.files} file${d.files !== 1 ? "s" : ""} | \x1B[32m+${d.insertions}\x1B[0m \x1B[31m-${d.deletions}\x1B[0m`) : d && console.log("  Changes:    No uncommitted changes"), console.log("");
   const M = [
     {
       emoji: "🚀",
@@ -1990,26 +2056,26 @@ const Vt = () => {
     },
     {
       emoji: "🛠️ ",
-      label: i ? `Start dev mode for "${i}"` : "Start dev mode",
+      label: r ? `Start dev mode for "${r}"` : "Start dev mode",
       value: "dev",
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: o ? !1 : "(no config file)"
     },
     {
       emoji: "📦",
-      label: i ? `Push "${i}"` : "Push component",
+      label: r ? `Push "${r}"` : "Push component",
       value: "sync",
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: o ? n ? !1 : "(login required)" : "(no config file)"
     }
-  ].map((v) => ({
-    name: e && !v.disabled ? `${v.emoji} ${v.label}
-     ${v.help}` : `${v.emoji} ${v.label}`,
-    value: v.value,
-    disabled: v.disabled
+  ].map((b) => ({
+    name: e && !b.disabled ? `${b.emoji} ${b.label}
+     ${b.help}` : `${b.emoji} ${b.label}`,
+    value: b.value,
+    disabled: b.disabled
   }));
   M.push(
-    new Re(),
+    new Ee(),
     {
       name: e && n ? `🔓 Logout (${t.email})
      Clears stored credentials from this machine` : e && !n ? `🔐 Login to Myop
@@ -2020,123 +2086,123 @@ const Vt = () => {
       name: e ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new Re(),
+    new Ee(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let m;
+  let u;
   try {
-    m = await Je({
+    u = await We({
       message: "What would you like to do?",
       choices: M
     });
-  } catch (v) {
-    throw v.name === "ExitPromptError" && (console.log(`
+  } catch (b) {
+    throw b.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), v;
+`), process.exit(0)), b;
   }
-  switch (m) {
+  switch (u) {
     case "init":
-      await Qt();
+      await Zt();
       break;
     case "sync":
       console.log(`
 Running sync...
 `);
-      const { execSync: v } = await import("child_process");
+      const { execSync: b } = await import("child_process");
       try {
-        v("node " + process.argv[1] + " sync", { stdio: "inherit" });
+        b("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
-      await q(!0, e);
+      await ee(!0, e);
       break;
     case "dev":
-      await Fe();
+      await _e();
       break;
     case "login":
       try {
-        await re(), console.log(`
-`), await q(o, e);
+        await ae(), console.log(`
+`), await ee(o, e);
       } catch (x) {
-        console.error("Login failed:", x.message), await q(o, e);
+        console.error("Login failed:", x.message), await ee(o, e);
       }
       break;
     case "logout":
-      await Xe(), console.log(`
-`), await q(o, e);
+      await et(), console.log(`
+`), await ee(o, e);
       break;
     case "help":
-      await q(o, !e);
+      await ee(o, !e);
       break;
     case "exit":
       process.exit(0);
   }
-}, we = ".myop-monorepo.json", Gt = () => {
+}, ve = ".myop-monorepo.json", Yt = () => {
   try {
-    const o = H.readFileSync(we, "utf-8");
+    const o = D.readFileSync(ve, "utf-8");
     return JSON.parse(o);
   } catch {
     return null;
   }
-}, Yt = (o) => {
+}, Kt = (o) => {
   try {
     const e = {
       selectedComponents: o,
       lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
     };
-    H.writeFileSync(we, JSON.stringify(e, null, 2));
+    D.writeFileSync(ve, JSON.stringify(e, null, 2));
   } catch {
   }
-}, Kt = async () => {
-  const o = ve(), e = !!(o != null && o.email);
+}, Qt = async () => {
+  const o = be(), e = !!(o != null && o.email);
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Myop CLI - Monorepo Mode                      │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `);
-  const t = W("Scanning for components...").start(), n = qe(".");
+  const t = V("Scanning for components...").start(), n = tt(".");
   t.stop(), n.length === 0 && (console.log(`  ⚠️  No myop.config.json files found in this directory or subdirectories.
 `), console.log("  Run `myop` without -m flag to initialize a single component.\n"), process.exit(0));
-  const i = Gt(), s = (i == null ? void 0 : i.selectedComponents) || [], d = s.length > 0;
+  const r = Yt(), s = (r == null ? void 0 : r.selectedComponents) || [], d = s.length > 0;
   console.log(`  Found ${n.length} component${n.length > 1 ? "s" : ""}:
-`), n.forEach((u, v) => {
-    const x = u.componentId ? "✅" : "⚪", $ = u.componentId ? u.componentId.substring(0, 8) + "..." : "(not pushed)";
-    console.log(`  ${x} ${u.name}`), console.log(`     Path: ${u.path}`), console.log(`     ID:   ${$}`), console.log("");
-  }), console.log(`  User: ${e ? o.email : "Not logged in"}`), d && console.log(`  📋 Using saved selection from ${we}`), console.log("");
-  const { checkbox: w } = await import("@inquirer/prompts"), M = n.map((u) => ({
-    name: `${u.name} (${u.path})`,
-    value: u.path,
-    checked: d ? s.includes(u.path) : !0
+`), n.forEach((f, b) => {
+    const x = f.componentId ? "✅" : "⚪", $ = f.componentId ? f.componentId.substring(0, 8) + "..." : "(not pushed)";
+    console.log(`  ${x} ${f.name}`), console.log(`     Path: ${f.path}`), console.log(`     ID:   ${$}`), console.log("");
+  }), console.log(`  User: ${e ? o.email : "Not logged in"}`), d && console.log(`  📋 Using saved selection from ${ve}`), console.log("");
+  const { checkbox: v } = await import("@inquirer/prompts"), M = n.map((f) => ({
+    name: `${f.name} (${f.path})`,
+    value: f.path,
+    checked: d ? s.includes(f.path) : !0
   }));
-  let m;
+  let u;
   try {
-    m = await w({
+    u = await v({
       message: "Select components to start in dev mode:",
       choices: M
     });
-  } catch (u) {
-    throw u.name === "ExitPromptError" && (console.log(`
+  } catch (f) {
+    throw f.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), u;
+`), process.exit(0)), f;
   }
-  m.length === 0 && (console.log(`
+  u.length === 0 && (console.log(`
 ⚠️  No components selected.
-`), process.exit(0)), Yt(m), console.log(`
-💾 Selection saved to ${we}`);
-  const p = n.filter((u) => m.includes(u.path));
+`), process.exit(0)), Kt(u), console.log(`
+💾 Selection saved to ${ve}`);
+  const p = n.filter((f) => u.includes(f.path));
   console.log(`🚀 Starting dev mode for ${p.length} component${p.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: b } = await Promise.resolve().then(() => Tt);
-  await b(p);
-}, Qt = async () => {
-  const { input: o, select: e } = await import("@inquirer/prompts"), t = await import("fs"), i = (await import("path")).default.basename(process.cwd());
+  const { monorepoDevCommand: S } = await Promise.resolve().then(() => Ot);
+  await S(p);
+}, Zt = async () => {
+  const { input: o, select: e } = await import("@inquirer/prompts"), t = await import("fs"), r = (await import("path")).default.basename(process.cwd());
   let s, d;
   try {
     s = await o({
       message: "Component name:",
-      default: i
+      default: r
     }), d = await e({
       message: "Component type:",
       choices: [
@@ -2146,22 +2212,22 @@ Running sync...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (m) {
-    throw m.name === "ExitPromptError" && (console.log(`
+  } catch (u) {
+    throw u.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), m;
+`), process.exit(0)), u;
   }
-  const w = {
+  const v = {
     name: s,
     type: d,
     author: "@myop-cli",
     HMR: !0
-  }, M = h.program.getOptionValue("config") || "./myop.config.json";
+  }, M = y.program.getOptionValue("config") || "./myop.config.json";
   try {
-    t.writeFileSync(M, JSON.stringify(w, null, 2)), console.log(`
+    t.writeFileSync(M, JSON.stringify(v, null, 2)), console.log(`
 ✅ Created ${M}`);
-    const m = {
+    const u = {
       name: s.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -2173,7 +2239,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    t.writeFileSync("package.json", JSON.stringify(m, null, 2)), console.log("✅ Created package.json"), t.mkdirSync("src/modules", { recursive: !0 }), t.mkdirSync("src/styles", { recursive: !0 }), t.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    t.writeFileSync("package.json", JSON.stringify(u, null, 2)), console.log("✅ Created package.json"), t.mkdirSync("src/modules", { recursive: !0 }), t.mkdirSync("src/styles", { recursive: !0 }), t.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
 
@@ -2253,7 +2319,7 @@ fs.writeFileSync('dist/index.html', html);
 console.log('✅ Built dist/index.html');
 console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS files\`);
 `), console.log("✅ Created build.js");
-    const b = `<!DOCTYPE html>
+    const S = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -2270,8 +2336,8 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    t.writeFileSync("index.html", b), console.log("✅ Created index.html");
-    const u = `// ${s} - Entry Point
+    t.writeFileSync("index.html", S), console.log("✅ Created index.html");
+    const f = `// ${s} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
 
@@ -2280,8 +2346,8 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    t.writeFileSync("src/index.js", u), console.log("✅ Created src/index.js");
-    const v = `// ${s} - Main Application Logic
+    t.writeFileSync("src/index.js", f), console.log("✅ Created src/index.js");
+    const b = `// ${s} - Main Application Logic
 
 export function init() {
     console.log('${s} loaded');
@@ -2289,7 +2355,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    t.writeFileSync("src/modules/app.js", v), console.log("✅ Created src/modules/app.js"), t.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    t.writeFileSync("src/modules/app.js", b), console.log("✅ Created src/modules/app.js"), t.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
 
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -2310,7 +2376,7 @@ export function setupMyopInterface() {
 @import './main.css';
 `;
     t.writeFileSync("src/styles/index.css", $), console.log("✅ Created src/styles/index.css");
-    const _ = `/* ${s} - Main Styles */
+    const L = `/* ${s} - Main Styles */
 
 * {
     box-sizing: border-box;
@@ -2339,7 +2405,7 @@ p {
     line-height: 1.5;
 }
 `;
-    t.writeFileSync("src/styles/main.css", _), console.log("✅ Created src/styles/main.css"), t.writeFileSync(".gitignore", `node_modules/
+    t.writeFileSync("src/styles/main.css", L), console.log("✅ Created src/styles/main.css"), t.writeFileSync(".gitignore", `node_modules/
 dist/
 .temp-entry.js
 .temp-styles.css
@@ -2373,23 +2439,23 @@ dist/
     }
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
-`), h.myopConfig = w, await q(!0);
-  } catch (m) {
-    console.error(`Failed to initialize component: ${m.message}`), process.exit(1);
+`), y.myopConfig = v, await ee(!0);
+  } catch (u) {
+    console.error(`Failed to initialize component: ${u.message}`), process.exit(1);
   }
 };
-h.program.command("default", { isDefault: !0 }).action(async () => {
-  if (h.program.getOptionValue("help") && (console.log(ut), process.exit()), h.program.getOptionValue("monorepo")) {
-    await Kt();
+y.program.command("default", { isDefault: !0 }).action(async () => {
+  if (y.program.getOptionValue("help") && (console.log(ft), process.exit()), y.program.getOptionValue("monorepo")) {
+    await Qt();
     return;
   }
-  if (h.program.getOptionValue("ci")) {
-    const w = await import("fs"), M = h.program.getOptionValue("config") || "./myop.config.json", m = h.program.version(), p = ve();
-    let b = { found: !1 };
+  if (y.program.getOptionValue("ci")) {
+    const v = await import("fs"), M = y.program.getOptionValue("config") || "./myop.config.json", u = y.program.version(), p = be();
+    let S = { found: !1 };
     try {
-      if (w.existsSync(M)) {
-        const v = w.readFileSync(M, "utf-8"), x = JSON.parse(v);
-        b = {
+      if (v.existsSync(M)) {
+        const b = v.readFileSync(M, "utf-8"), x = JSON.parse(b);
+        S = {
           found: !0,
           path: M,
           name: x.name || x.componentName || null,
@@ -2397,27 +2463,27 @@ h.program.command("default", { isDefault: !0 }).action(async () => {
           organization: x.organization || null
         };
       }
-    } catch (v) {
-      b = { found: !1, error: v.message };
+    } catch (b) {
+      S = { found: !1, error: b.message };
     }
-    const u = {
-      version: m,
-      config: b,
+    const f = {
+      version: u,
+      config: S,
       auth: {
         loggedIn: !!(p != null && p.email),
         email: (p == null ? void 0 : p.email) || null
       }
     };
-    console.log(JSON.stringify(u, null, 2)), process.exit(0);
+    console.log(JSON.stringify(f, null, 2)), process.exit(0);
   }
-  let n = W({
+  let n = V({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const i = be();
-  await zt(500), n.stop();
-  const s = h.program.version();
-  await Jt(s) || await q(i.configFound);
+  const r = Se();
+  await Wt(500), n.stop();
+  const s = y.program.version();
+  await zt(s) || await ee(r.configFound);
 });
-h.program.parse(process.argv);
-h.program.opts();
+y.program.parse(process.argv);
+y.program.opts();