@myop/cli 0.1.56 → 0.1.57

package/dist/myop-cli.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
 var bt = Object.defineProperty;
 var Ct = (o, t, e) => t in o ? bt(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var ve = (o, t, e) => Ct(o, typeof t != "symbol" ? t + "" : t, e);
-import z from "ora";
-import { select as st, Separator as Ue } from "@inquirer/prompts";
-import { Command as Pt, Option as fe } from "commander";
-import { execSync as Q, spawn as Mt } from "child_process";
-import R, { join as Ae } from "path";
+var Se = (o, t, e) => Ct(o, typeof t != "symbol" ? t + "" : t, e);
+import Y from "ora";
+import { select as it, Separator as He } from "@inquirer/prompts";
+import { Command as Mt, Option as ge } from "commander";
+import { execSync as X, spawn as Pt } from "child_process";
+import _, { join as De } from "path";
 import P, { readFileSync as Et } from "fs";
-import We from "crypto";
+import Ve from "crypto";
 import It from "http";
-import { URL as it, URLSearchParams as rt } from "url";
+import { URL as rt, URLSearchParams as at } from "url";
 import Ot from "open";
-import at from "os";
-const kt = "0.1.56", Rt = `
+import lt from "os";
+const kt = "0.1.57", Rt = `
 Usage: myop [OPTIONS] [COMMAND]
 
 Myop CLI - Remote UI Made Easy
@@ -57,25 +57,25 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, lt = {
+}, ct = {
   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 v.myopConfig.flows) {
-      const t = R.join(v.executionPath, "/node_modules/@myop/flow-types/");
+      const t = _.join(v.executionPath, "/node_modules/@myop/flow-types/");
       console.info(`Generate flow at ${t}`), console.info(`Generated flow at ${t}`);
     }
     process.exit();
   }
 }, Nt = (o) => {
-  const t = R.join(v.executionPath, o);
+  const t = _.join(v.executionPath, o);
   console.info(`reading config file from: ${t}`);
   const e = P.readFileSync(t, "utf8"), n = JSON.parse(e);
   return console.info("config file loaded, ", n), n;
-}, Ve = (o, t) => {
-  const e = R.join(v.executionPath, o);
+}, Ye = (o, t) => {
+  const e = _.join(v.executionPath, o);
   console.info(`writing config file to: ${e}`);
   try {
     const n = JSON.stringify(t, null, 2);
@@ -84,21 +84,21 @@ Examples:
     throw console.info(`error ${n} while writing to ${e}, JSON: ${t}`), console.log(`
 ⚠️ Failed write config file to ${e}, for more info use verbose flag`), n;
   }
-}, ct = {
+}, dt = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (o) => {
-    v.myopConfig.flows.includes(o) || v.myopConfig.flows.push(o), Ve(v.options.configPath, v.myopConfig);
+    v.myopConfig.flows.includes(o) || v.myopConfig.flows.push(o), Ye(v.options.configPath, v.myopConfig);
   },
   action: async () => {
   }
-}, dt = {
+}, pt = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (o) => {
-    v.myopConfig.flows = v.myopConfig.flows.filter((t) => t !== o), Ve(v.options.configPath, v.myopConfig);
+    v.myopConfig.flows = v.myopConfig.flows.filter((t) => t !== o), Ye(v.options.configPath, v.myopConfig);
   },
   action: () => {
   }
@@ -246,7 +246,7 @@ function zt(o) {
         return;
       }
       console.log("   ✓ Removed node_modules"), console.log(`   ⏳ Running npm install...
-`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (i, r, p) => {
+`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (i, a, p) => {
         if (i) {
           console.error("❌ npm install failed:", i.message), p && console.error(p), t(!1);
           return;
@@ -257,101 +257,101 @@ function zt(o) {
     });
   });
 }
-async function pt(o, t, e, n, s = {}) {
+async function mt(o, t, e, n, s = {}) {
   const {
     hasTriedPlatformFix: i = !1,
-    hasTriedInstall: r = !1,
+    hasTriedInstall: a = !1,
     onRetry: p
   } = s, m = ((o == null ? void 0 : o.message) || "") + (t || "") + (e || "");
   return !i && Ht(m) ? (Jt(), await zt(n) && p ? (console.log(`🔄 Retrying build...
-`), p(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : !r && Bt(m) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((l) => {
-    n("npm install", (d, w, x) => {
-      if (d) {
-        console.error("❌ Failed to install dependencies:", d.message), x && console.error(x), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+`), p(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: a }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: a }) : !a && Bt(m) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((r) => {
+    n("npm install", (c, y, S) => {
+      if (c) {
+        console.error("❌ Failed to install dependencies:", c.message), S && console.error(S), r({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), p && p(), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), p && p(), r({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
     });
-  })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: r };
+  })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: a };
 }
-async function Ce() {
+async function Me() {
   const o = await import("fs"), t = await import("path"), { exec: e } = await import("child_process"), n = await import("http"), { createHash: s } = await import("node:crypto");
   let i;
   if (import.meta.url.startsWith("file://")) {
-    const a = new URL(import.meta.url).pathname, f = process.platform === "win32" && a.startsWith("/") ? a.slice(1) : a;
+    const l = new URL(import.meta.url).pathname, f = process.platform === "win32" && l.startsWith("/") ? l.slice(1) : l;
     i = t.default.dirname(f);
   } else
     i = t.default.dirname(import.meta.url);
-  const r = t.default.join(i, "commands", "dev", "management-website"), p = o.default.readFileSync(t.default.join(r, "styles.css"), "utf-8"), m = o.default.readFileSync(t.default.join(r, "app.js"), "utf-8"), l = 9292, d = 9293;
-  let w = "./dist", x = !1, $ = !1, g = !1, u = null;
+  const a = t.default.join(i, "commands", "dev", "management-website"), p = o.default.readFileSync(t.default.join(a, "styles.css"), "utf-8"), m = o.default.readFileSync(t.default.join(a, "app.js"), "utf-8"), r = 9292, c = 9293;
+  let y = "./dist", S = !1, $ = !1, h = !1, u = null;
   const E = () => {
     try {
-      const c = o.default.readdirSync(".").filter((a) => !a.endsWith(".html") || a.startsWith(".") ? !1 : o.default.statSync(a).isFile());
-      if (c.length === 1)
-        return c[0];
+      const d = o.default.readdirSync(".").filter((l) => !l.endsWith(".html") || l.startsWith(".") ? !1 : o.default.statSync(l).isFile());
+      if (d.length === 1)
+        return d[0];
     } catch {
     }
     return null;
-  }, O = () => {
+  }, k = () => {
     try {
-      const c = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
-      return !!(c.scripts && c.scripts.build);
+      const d = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
+      return !!(d.scripts && d.scripts.build);
     } catch {
       return !1;
     }
-  }, b = (c) => {
-    const a = process.platform;
+  }, C = (d) => {
+    const l = process.platform;
     let f;
-    a === "darwin" ? f = `open "${c}"` : a === "win32" ? f = `start "" "${c}"` : f = `xdg-open "${c}"`, e(f, (h) => {
+    l === "darwin" ? f = `open "${d}"` : l === "win32" ? f = `start "" "${d}"` : f = `xdg-open "${d}"`, e(f, (g) => {
     });
-  }, M = /* @__PURE__ */ new Map(), j = v.program.getOptionValue("config") || "./myop.config.json";
-  let C, N, k = !1;
+  }, b = /* @__PURE__ */ new Map(), A = v.program.getOptionValue("config") || "./myop.config.json";
+  let M, N, R = !1;
   u = E();
-  const L = O();
+  const U = k();
   try {
-    const c = o.default.readFileSync(j, "utf-8"), a = JSON.parse(c);
-    C = a.componentId || "DEV", N = a.componentName || a.name || null, k = a.HMR === !0, u && !L && (g = !0, k = !0, console.log(`📄 Single HTML file mode: ${u}`)), k && console.log("🔥 HMR enabled");
-  } catch (c) {
-    u && !L ? (g = !0, C = "DEV", N = t.default.basename(u, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${u}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", c.message), process.exit(1));
+    const d = o.default.readFileSync(A, "utf-8"), l = JSON.parse(d);
+    M = l.componentId || "DEV", N = l.componentName || l.name || null, R = l.HMR === !0, u && !U && (h = !0, R = !0, console.log(`📄 Single HTML file mode: ${u}`)), R && console.log("🔥 HMR enabled");
+  } catch (d) {
+    u && !U ? (h = !0, M = "DEV", N = t.default.basename(u, ".html"), R = !0, console.log(`📄 Single HTML file mode: ${u}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", d.message), process.exit(1));
   }
   const D = async () => {
-    if (C !== "DEV" && C !== "NEW")
-      return C;
+    if (M !== "DEV" && M !== "NEW")
+      return M;
     try {
-      const a = ((await new Promise((y, S) => {
+      const l = ((await new Promise((w, x) => {
         const I = {
           hostname: "localhost",
-          port: d,
+          port: c,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, T = n.default.request(I, (H) => {
-          let Y = "";
-          H.on("data", (ee) => Y += ee), H.on("end", () => {
+        }, j = n.default.request(I, (B) => {
+          let K = "";
+          B.on("data", (ne) => K += ne), B.on("end", () => {
             try {
-              y(JSON.parse(Y));
+              w(JSON.parse(K));
             } catch {
-              y({ components: [] });
+              w({ components: [] });
             }
           });
         });
-        T.on("error", () => y({ components: [] })), T.on("timeout", () => {
-          T.destroy(), y({ components: [] });
-        }), T.end();
-      })).components || []).map(([y]) => y).filter((y) => y === "DEV" || y === "NEW" || /^DEV\d+$/.test(y) || /^NEW\d+$/.test(y));
-      if (a.length === 0)
+        j.on("error", () => w({ components: [] })), j.on("timeout", () => {
+          j.destroy(), w({ components: [] });
+        }), j.end();
+      })).components || []).map(([w]) => w).filter((w) => w === "DEV" || w === "NEW" || /^DEV\d+$/.test(w) || /^NEW\d+$/.test(w));
+      if (l.length === 0)
         return "DEV1";
-      const f = a.map((y) => {
-        if (y === "DEV" || y === "NEW") return 1;
-        const S = y.match(/^DEV(\d+)$/), I = y.match(/^NEW(\d+)$/);
-        return S ? parseInt(S[1], 10) : I ? parseInt(I[1], 10) : 0;
-      }).filter((y) => y > 0);
+      const f = l.map((w) => {
+        if (w === "DEV" || w === "NEW") return 1;
+        const x = w.match(/^DEV(\d+)$/), I = w.match(/^NEW(\d+)$/);
+        return x ? parseInt(x[1], 10) : I ? parseInt(I[1], 10) : 0;
+      }).filter((w) => w > 0);
       return `DEV${Math.max(...f, 0) + 1}`;
     } catch {
       return "DEV1";
     }
-  }, F = process.cwd(), W = (c) => {
-    const a = t.default.extname(c).toLowerCase();
+  }, F = process.cwd(), T = (d) => {
+    const l = t.default.extname(d).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -362,336 +362,336 @@ async function Ce() {
       ".gif": "image/gif",
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
-    }[a] || "application/octet-stream";
-  }, _ = /* @__PURE__ */ new Map(), oe = [], Ie = 50, q = [], se = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), wt = (c, a, f) => {
-    if (c.url.startsWith("/_hmr/")) {
-      const h = c.url.split("/_hmr/")[1], y = c.headers["sec-websocket-key"], S = s("sha1").update(y + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
-      a.write(
+    }[l] || "application/octet-stream";
+  }, O = /* @__PURE__ */ new Map(), z = [], ee = 50, W = [], oe = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map(), Oe = (d, l, f) => {
+    if (d.url.startsWith("/_hmr/")) {
+      const g = d.url.split("/_hmr/")[1], w = d.headers["sec-websocket-key"], x = s("sha1").update(w + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      l.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${S}\r
+Sec-WebSocket-Accept: ${x}\r
 \r
 `
-      ), X.has(h) || X.set(h, /* @__PURE__ */ new Set()), X.get(h).add(a), console.log(`🔌 HMR client connected: ${h}`), a.on("close", () => {
-        const I = X.get(h);
-        I && (I.delete(a), I.size === 0 && X.delete(h)), console.log(`🔌 HMR client disconnected: ${h}`);
-      }), a.on("error", () => {
-        const I = X.get(h);
-        I && I.delete(a);
+      ), Q.has(g) || Q.set(g, /* @__PURE__ */ new Set()), Q.get(g).add(l), console.log(`🔌 HMR client connected: ${g}`), l.on("close", () => {
+        const I = Q.get(g);
+        I && (I.delete(l), I.size === 0 && Q.delete(g)), console.log(`🔌 HMR client disconnected: ${g}`);
+      }), l.on("error", () => {
+        const I = Q.get(g);
+        I && I.delete(l);
       });
     }
-  }, Oe = n.default.createServer((c, a) => {
-    if (a.setHeader("Content-Type", "application/json"), c.method === "POST" && c.url === "/_register") {
+  }, ke = n.default.createServer((d, l) => {
+    if (l.setHeader("Content-Type", "application/json"), d.method === "POST" && d.url === "/_register") {
       let f = "";
-      c.on("data", (h) => f += h), c.on("end", () => {
+      d.on("data", (g) => f += g), d.on("end", () => {
         try {
-          const { componentId: h, distPath: y, componentName: S, htmlFile: I } = JSON.parse(f);
-          _.set(h, { path: y, name: S || null, htmlFile: I || null });
-          const T = S ? ` (${S})` : "";
-          console.log(`✅ Registered: ${h}${T} -> ${y}${I ? "/" + I : ""}`), a.writeHead(200), a.end(JSON.stringify({ success: !0, registered: Array.from(_.keys()) }));
-          const H = Array.from(_.entries()).map(([Y, ee]) => ({
-            id: Y,
-            path: ee.path,
-            name: ee.name
+          const { componentId: g, distPath: w, componentName: x, htmlFile: I } = JSON.parse(f);
+          O.set(g, { path: w, name: x || null, htmlFile: I || null });
+          const j = x ? ` (${x})` : "";
+          console.log(`✅ Registered: ${g}${j} -> ${w}${I ? "/" + I : ""}`), l.writeHead(200), l.end(JSON.stringify({ success: !0, registered: Array.from(O.keys()) }));
+          const B = Array.from(O.entries()).map(([K, ne]) => ({
+            id: K,
+            path: ne.path,
+            name: ne.name
           }));
-          q.forEach((Y) => {
+          W.forEach((K) => {
             try {
-              Y.write(`data: ${JSON.stringify({
+              K.write(`data: ${JSON.stringify({
                 type: "components",
-                components: H
+                components: B
               })}
 
 `);
             } catch {
             }
           });
-        } catch (h) {
-          a.writeHead(400), a.end(JSON.stringify({ error: h.message }));
+        } catch (g) {
+          l.writeHead(400), l.end(JSON.stringify({ error: g.message }));
         }
       });
-    } else if (c.method === "POST" && c.url === "/_unregister") {
+    } else if (d.method === "POST" && d.url === "/_unregister") {
       let f = "";
-      c.on("data", (h) => f += h), c.on("end", () => {
+      d.on("data", (g) => f += g), d.on("end", () => {
         try {
-          const { componentId: h } = JSON.parse(f);
-          _.delete(h), console.log(`❌ Unregistered: ${h}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
-          const y = Array.from(_.entries()).map(([S, I]) => ({
-            id: S,
+          const { componentId: g } = JSON.parse(f);
+          O.delete(g), console.log(`❌ Unregistered: ${g}`), l.writeHead(200), l.end(JSON.stringify({ success: !0 }));
+          const w = Array.from(O.entries()).map(([x, I]) => ({
+            id: x,
             path: I.path,
             name: I.name
           }));
-          q.forEach((S) => {
+          W.forEach((x) => {
             try {
-              S.write(`data: ${JSON.stringify({
+              x.write(`data: ${JSON.stringify({
                 type: "components",
-                components: y
+                components: w
               })}
 
 `);
             } catch {
             }
           });
-        } catch (h) {
-          a.writeHead(400), a.end(JSON.stringify({ error: h.message }));
+        } catch (g) {
+          l.writeHead(400), l.end(JSON.stringify({ error: g.message }));
         }
       });
-    } else if (c.method === "GET" && c.url === "/_list")
-      a.writeHead(200), a.end(JSON.stringify({ components: Array.from(_.entries()) }));
-    else if (c.method === "POST" && c.url === "/_hmr_notify") {
+    } else if (d.method === "GET" && d.url === "/_list")
+      l.writeHead(200), l.end(JSON.stringify({ components: Array.from(O.entries()) }));
+    else if (d.method === "POST" && d.url === "/_hmr_notify") {
       let f = "";
-      c.on("data", (h) => f += h), c.on("end", () => {
+      d.on("data", (g) => f += g), d.on("end", () => {
         try {
-          const { componentId: h, html: y } = JSON.parse(f), S = X.get(h);
-          if (S && S.size > 0) {
-            console.log(`🔥 Notifying ${S.size} HMR client(s) for: ${h}`);
-            const I = JSON.stringify({ type: "update", html: y }), T = qe(I);
-            S.forEach((H) => {
+          const { componentId: g, html: w } = JSON.parse(f), x = Q.get(g);
+          if (x && x.size > 0) {
+            console.log(`🔥 Notifying ${x.size} HMR client(s) for: ${g}`);
+            const I = JSON.stringify({ type: "update", html: w }), j = Xe(I);
+            x.forEach((B) => {
               try {
-                H.write(T);
+                B.write(j);
               } catch {
-                S.delete(H);
+                x.delete(B);
               }
-            }), a.writeHead(200), a.end(JSON.stringify({ success: !0, notified: S.size }));
+            }), l.writeHead(200), l.end(JSON.stringify({ success: !0, notified: x.size }));
           } else
-            a.writeHead(200), a.end(JSON.stringify({ success: !0, notified: 0 }));
-        } catch (h) {
-          a.writeHead(400), a.end(JSON.stringify({ error: h.message }));
+            l.writeHead(200), l.end(JSON.stringify({ success: !0, notified: 0 }));
+        } catch (g) {
+          l.writeHead(400), l.end(JSON.stringify({ error: g.message }));
         }
       });
     } else
-      a.writeHead(404), a.end(JSON.stringify({ error: "Not found" }));
-  }), ge = n.default.createServer((c, a) => {
-    if (c.url.includes("..")) {
-      a.writeHead(403, { "Content-Type": "text/plain" }), a.end("Forbidden");
+      l.writeHead(404), l.end(JSON.stringify({ error: "Not found" }));
+  }), he = n.default.createServer((d, l) => {
+    if (d.url.includes("..")) {
+      l.writeHead(403, { "Content-Type": "text/plain" }), l.end("Forbidden");
       return;
     }
-    const f = new URL(c.url, `http://localhost:${l}`), h = f.pathname, y = h.split("/").filter((J) => J);
-    if (h.startsWith("/consume")) {
-      const J = f.searchParams.get("id");
-      if (!J) {
-        a.writeHead(400, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
+    const f = new URL(d.url, `http://localhost:${r}`), g = f.pathname, w = g.split("/").filter((V) => V);
+    if (g.startsWith("/consume")) {
+      const V = f.searchParams.get("id");
+      if (!V) {
+        l.writeHead(400, { "Content-Type": "application/json" }), l.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const V = _.get(J), G = V ? V.path : null, de = (te) => {
-        let U = "Unknown", K = "Unknown";
-        if (c.headers.referer || c.headers.referrer) {
-          const B = c.headers.referer || c.headers.referrer;
+      const G = O.get(V), Z = G ? G.path : null, pe = (se) => {
+        let H = "Unknown", q = "Unknown";
+        if (d.headers.referer || d.headers.referrer) {
+          const J = d.headers.referer || d.headers.referrer;
           try {
-            const ie = new URL(B);
-            U = ie.origin, K = ie.hostname || ie.origin;
+            const re = new URL(J);
+            H = re.origin, q = re.hostname || re.origin;
           } catch {
-            U = B, K = B;
+            H = J, q = J;
           }
-        } else if (c.headers.origin)
+        } else if (d.headers.origin)
           try {
-            const B = new URL(c.headers.origin);
-            U = B.origin, K = B.hostname || B.origin;
+            const J = new URL(d.headers.origin);
+            H = J.origin, q = J.hostname || J.origin;
           } catch {
-            U = c.headers.origin, K = c.headers.origin;
+            H = d.headers.origin, q = d.headers.origin;
           }
-        else if (c.socket.remoteAddress) {
-          const B = c.socket.remoteAddress;
-          B === "::1" || B === "::ffff:127.0.0.1" ? (U = "localhost", K = "localhost (direct)") : (U = B, K = B.replace("::ffff:", ""));
+        else if (d.socket.remoteAddress) {
+          const J = d.socket.remoteAddress;
+          J === "::1" || J === "::ffff:127.0.0.1" ? (H = "localhost", q = "localhost (direct)") : (H = J, q = J.replace("::ffff:", ""));
         }
-        const Fe = c.headers.referer || c.headers.referrer || U, we = {
+        const je = d.headers.referer || d.headers.referrer || H, ve = {
           type: "request",
-          componentId: J,
+          componentId: V,
           timestamp: Date.now(),
-          servedLocally: te,
-          referrer: Fe,
-          origin: U,
-          originLabel: K
+          servedLocally: se,
+          referrer: je,
+          origin: H,
+          originLabel: q
         };
-        se.has(U) || (se.set(U, {
-          url: U,
-          label: K,
+        oe.has(H) || (oe.set(H, {
+          url: H,
+          label: q,
           firstSeen: Date.now(),
           requestCount: 0
-        }), q.forEach((B) => {
+        }), W.forEach((J) => {
           try {
-            B.write(`data: ${JSON.stringify({
+            J.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(se.values())
+              origins: Array.from(oe.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const je = se.get(U);
-        je.requestCount++, q.forEach((B) => {
+        const Ae = oe.get(H);
+        Ae.requestCount++, W.forEach((J) => {
           try {
-            B.write(`data: ${JSON.stringify({
+            J.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(se.values())
+              origins: Array.from(oe.values())
             })}
 
 `);
           } catch {
           }
-        }), oe.push(we), oe.length > Ie && oe.shift(), q.forEach((B) => {
+        }), z.push(ve), z.length > ee && z.shift(), W.forEach((J) => {
           try {
-            B.write(`data: ${JSON.stringify(we)}
+            J.write(`data: ${JSON.stringify(ve)}
 
 `);
           } catch {
           }
         });
       };
-      if (G) {
-        const te = V.htmlFile ? t.default.join(G, V.htmlFile) : t.default.join(G, "index.html");
-        o.default.readFile(te, "utf-8", (U, K) => {
-          if (U) {
-            console.log(`❌ File not found: ${te}`), a.writeHead(404, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "index.html not found" }));
+      if (Z) {
+        const se = G.htmlFile ? t.default.join(Z, G.htmlFile) : t.default.join(Z, "index.html");
+        o.default.readFile(se, "utf-8", (H, q) => {
+          if (H) {
+            console.log(`❌ File not found: ${se}`), l.writeHead(404, { "Content-Type": "application/json" }), l.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const Fe = Re(K, J), we = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, je = {
+          const je = Ne(q, V), ve = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Ae = {
             item: {
-              name: J,
-              id: J,
+              name: V,
+              id: V,
               consume_variant: [
                 {
-                  id: we,
+                  id: ve,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: Fe
+                    HTML: je
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${J}`), de(!0), a.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${V}`), pe(!0), l.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), a.end(JSON.stringify(je, null, 2));
+          }), l.end(JSON.stringify(Ae, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${J}`);
-        const te = `https://cloud.myop.dev/consume${f.search}`;
-        de(!1), fetch(te).then((U) => U.text()).then((U) => {
-          a.writeHead(200, {
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${V}`);
+        const se = `https://cloud.myop.dev/consume${f.search}`;
+        pe(!1), fetch(se).then((H) => H.text()).then((H) => {
+          l.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), a.end(U);
-        }).catch((U) => {
-          console.error(`❌ Proxy error: ${U.message}`), a.writeHead(502, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), l.end(H);
+        }).catch((H) => {
+          console.error(`❌ Proxy error: ${H.message}`), l.writeHead(502, { "Content-Type": "application/json" }), l.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
     }
-    if (h === "/events") {
-      a.writeHead(200, {
+    if (g === "/events") {
+      l.writeHead(200, {
         "Content-Type": "text/event-stream",
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), q.push(a);
-      const J = Array.from(_.entries()).map(([V, G]) => ({
-        id: V,
-        path: G.path,
-        name: G.name
+      }), W.push(l);
+      const V = Array.from(O.entries()).map(([G, Z]) => ({
+        id: G,
+        path: Z.path,
+        name: Z.name
       }));
-      a.write(`data: ${JSON.stringify({
+      l.write(`data: ${JSON.stringify({
         type: "components",
-        components: J
+        components: V
       })}
 
-`), a.write(`data: ${JSON.stringify({
+`), l.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(se.values())
+        origins: Array.from(oe.values())
       })}
 
-`), a.write(`data: ${JSON.stringify({
+`), l.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: oe
+        log: z
       })}
 
-`), c.on("close", () => {
-        const V = q.indexOf(a);
-        V !== -1 && q.splice(V, 1);
+`), d.on("close", () => {
+        const G = W.indexOf(l);
+        G !== -1 && W.splice(G, 1);
       });
       return;
     }
-    if (y.length === 0) {
-      a.writeHead(200, { "Content-Type": "text/html" }), a.end(Ut(l, d, p, m));
+    if (w.length === 0) {
+      l.writeHead(200, { "Content-Type": "text/html" }), l.end(Ut(r, c, p, m));
       return;
     }
-    if (y[0] !== "view") {
-      a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not found. Use /view/<componentId>/ to access components.");
+    if (w[0] !== "view") {
+      l.writeHead(404, { "Content-Type": "text/plain" }), l.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (y.length < 2) {
-      a.writeHead(400, { "Content-Type": "text/plain" }), a.end("Component ID required. Use /view/<componentId>/");
+    if (w.length < 2) {
+      l.writeHead(400, { "Content-Type": "text/plain" }), l.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const S = y[1], I = _.get(S);
+    const x = w[1], I = O.get(x);
     if (!I) {
-      a.writeHead(404, { "Content-Type": "text/plain" }), a.end(`Component not found: ${S}`);
+      l.writeHead(404, { "Content-Type": "text/plain" }), l.end(`Component not found: ${x}`);
       return;
     }
-    const T = I.path, H = y.slice(2), Y = I.htmlFile || "index.html", ee = H.length === 0 ? Y : H.join("/"), ce = t.default.join(T, ee);
-    console.log(`📥 Request: ${c.url} -> ${ce}`), o.default.readFile(ce, (J, V) => {
-      if (J) {
-        console.log(`❌ File not found: ${ce}`), a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not Found");
+    const j = I.path, B = w.slice(2), K = I.htmlFile || "index.html", ne = B.length === 0 ? K : B.join("/"), de = t.default.join(j, ne);
+    console.log(`📥 Request: ${d.url} -> ${de}`), o.default.readFile(de, (V, G) => {
+      if (V) {
+        console.log(`❌ File not found: ${de}`), l.writeHead(404, { "Content-Type": "text/plain" }), l.end("Not Found");
         return;
       }
-      const G = W(ce);
-      console.log(`✅ Serving: ${ce} (${G})`);
-      let de = V;
-      if (G === "text/html" && k) {
-        const te = V.toString("utf-8");
-        de = Re(te, S);
+      const Z = T(de);
+      console.log(`✅ Serving: ${de} (${Z})`);
+      let pe = G;
+      if (Z === "text/html" && R) {
+        const se = G.toString("utf-8");
+        pe = Ne(se, x);
       }
-      a.writeHead(200, {
-        "Content-Type": G,
+      l.writeHead(200, {
+        "Content-Type": Z,
         "Access-Control-Allow-Origin": "*"
-      }), a.end(de);
+      }), l.end(pe);
     });
-  }), ke = () => new Promise((c, a) => {
-    const f = g ? t.default.resolve(F) : t.default.resolve(F, w), h = JSON.stringify({
-      componentId: C,
+  }), Re = () => new Promise((d, l) => {
+    const f = h ? t.default.resolve(F) : t.default.resolve(F, y), g = JSON.stringify({
+      componentId: M,
       distPath: f,
       componentName: N,
-      htmlFile: g ? u : null
-    }), y = {
+      htmlFile: h ? u : null
+    }), w = {
       hostname: "localhost",
-      port: d,
+      port: c,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(h)
+        "Content-Length": Buffer.byteLength(g)
       }
-    }, S = n.default.request(y, (I) => {
-      let T = "";
-      I.on("data", (H) => T += H), I.on("end", () => {
-        I.statusCode === 200 ? c(JSON.parse(T)) : a(new Error(`Registration failed: ${I.statusCode}`));
+    }, x = n.default.request(w, (I) => {
+      let j = "";
+      I.on("data", (B) => j += B), I.on("end", () => {
+        I.statusCode === 200 ? d(JSON.parse(j)) : l(new Error(`Registration failed: ${I.statusCode}`));
       });
     });
-    S.on("error", a), S.write(h), S.end();
-  }), vt = () => new Promise((c, a) => {
-    const f = JSON.stringify({ componentId: C }), h = {
+    x.on("error", l), x.write(g), x.end();
+  }), vt = () => new Promise((d, l) => {
+    const f = JSON.stringify({ componentId: M }), g = {
       hostname: "localhost",
-      port: d,
+      port: c,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(f)
       }
-    }, y = n.default.request(h, (S) => {
-      c();
+    }, w = n.default.request(g, (x) => {
+      d();
     });
-    y.on("error", () => c()), y.write(f), y.end();
-  }), St = (c) => `
+    w.on("error", () => d()), w.write(f), w.end();
+  }), St = (d) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${c}';
-    const wsUrl = 'ws://localhost:${d}/_hmr/' + componentId;
+    const componentId = '${d}';
+    const wsUrl = 'ws://localhost:${c}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -791,64 +791,64 @@ Sec-WebSocket-Accept: ${S}\r
     connect();
 })();
 <\/script>
-`, Re = (c, a) => {
-    if (!k) return c;
-    const f = St(a);
-    return c.includes("</body>") ? c.replace("</body>", `${f}</body>`) : c.includes("</html>") ? c.replace("</html>", `${f}</html>`) : c + f;
-  }, qe = (c) => {
-    const a = Buffer.from(c), f = a.length;
-    let h;
-    return f < 126 ? h = Buffer.concat([
+`, Ne = (d, l) => {
+    if (!R) return d;
+    const f = St(l);
+    return d.includes("</body>") ? d.replace("</body>", `${f}</body>`) : d.includes("</html>") ? d.replace("</html>", `${f}</html>`) : d + f;
+  }, Xe = (d) => {
+    const l = Buffer.from(d), f = l.length;
+    let g;
+    return f < 126 ? g = Buffer.concat([
       Buffer.from([129, f]),
       // FIN + text frame, length
-      a
-    ]) : f < 65536 ? h = Buffer.concat([
+      l
+    ]) : f < 65536 ? g = Buffer.concat([
       Buffer.from([129, 126]),
       // FIN + text frame, extended length
       Buffer.from([f >> 8, f & 255]),
       // 16-bit length
-      a
-    ]) : h = Buffer.concat([
+      l
+    ]) : g = Buffer.concat([
       Buffer.from([129, 127]),
       // FIN + text frame, extended length
       Buffer.from([0, 0, 0, 0, f >> 24, f >> 16 & 255, f >> 8 & 255, f & 255]),
       // 64-bit length
-      a
-    ]), h;
-  }, Xe = () => {
-    if (!k) return;
-    const c = g ? u : t.default.join(w, "index.html");
-    let a;
+      l
+    ]), g;
+  }, et = () => {
+    if (!R) return;
+    const d = h ? u : t.default.join(y, "index.html");
+    let l;
     try {
-      const f = o.default.readFileSync(c, "utf-8");
-      a = Re(f, C);
+      const f = o.default.readFileSync(d, "utf-8");
+      l = Ne(f, M);
     } catch (f) {
       console.error("❌ Failed to read HTML for HMR:", f.message);
       return;
     }
-    if (Te) {
-      const f = X.get(C);
+    if (Fe) {
+      const f = Q.get(M);
       if (!f || f.size === 0)
         return;
       console.log(`🔥 Notifying ${f.size} HMR client(s)`);
-      const h = JSON.stringify({
+      const g = JSON.stringify({
         type: "update",
-        html: a
-      }), y = qe(h);
-      f.forEach((S) => {
+        html: l
+      }), w = Xe(g);
+      f.forEach((x) => {
         try {
-          S.write(y);
+          x.write(w);
         } catch {
-          f.delete(S);
+          f.delete(x);
         }
       });
     } else {
       const f = JSON.stringify({
-        componentId: C,
-        html: a
-      }), h = {
+        componentId: M,
+        html: l
+      }), g = {
         hostname: "localhost",
-        port: d,
+        port: c,
         path: "/_hmr_notify",
         method: "POST",
         headers: {
@@ -856,196 +856,196 @@ Sec-WebSocket-Accept: ${S}\r
           "Content-Length": Buffer.byteLength(f)
         },
         timeout: 5e3
-      }, y = n.default.request(h, (S) => {
+      }, w = n.default.request(g, (x) => {
         let I = "";
-        S.on("data", (T) => I += T), S.on("end", () => {
+        x.on("data", (j) => I += j), x.on("end", () => {
           try {
-            const T = JSON.parse(I);
-            T.notified > 0 && console.log(`🔥 Notified ${T.notified} HMR client(s) via server`);
+            const j = JSON.parse(I);
+            j.notified > 0 && console.log(`🔥 Notified ${j.notified} HMR client(s) via server`);
           } catch {
           }
         });
       });
-      y.on("error", () => {
-      }), y.on("timeout", () => {
-        y.destroy();
-      }), y.write(f), y.end();
+      w.on("error", () => {
+      }), w.on("timeout", () => {
+        w.destroy();
+      }), w.write(f), w.end();
     }
   };
-  let Ne = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-  const he = (c) => {
-    if (x) {
+  let _e = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+  const ye = (d) => {
+    if (S) {
       $ = !0;
       return;
     }
-    x = !0, console.log(`
-🔨 Building...`), e("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (a, f, h) => {
-      if (x = !1, a) {
-        const y = await pt(a, f, h, e, {
-          ...Ne,
-          onRetry: () => he(c)
+    S = !0, console.log(`
+🔨 Building...`), e("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (l, f, g) => {
+      if (S = !1, l) {
+        const w = await mt(l, f, g, e, {
+          ..._e,
+          onRetry: () => ye(d)
         });
-        Ne = { ...Ne, ...y }, y.handled || (console.error("❌ Build failed:", a.message), h && console.error(h));
+        _e = { ..._e, ...w }, w.handled || (console.error("❌ Build failed:", l.message), g && console.error(g));
       } else
-        console.log("✅ Build completed"), f && console.log(f), Xe(), c && c();
-      $ && ($ = !1, he());
+        console.log("✅ Build completed"), f && console.log(f), et(), d && d();
+      $ && ($ = !1, ye());
     });
-  }, et = /* @__PURE__ */ new Set(), _e = (c) => {
-    o.default.readdir(c, { withFileTypes: !0 }, (a, f) => {
-      a || (f.forEach((h) => {
-        const y = t.default.join(c, h.name);
-        if (h.isDirectory())
-          h.name !== "node_modules" && h.name !== "dist" && !h.name.startsWith(".") && _e(y);
-        else if (h.isFile()) {
-          const S = t.default.extname(h.name);
-          if (S === ".js" || S === ".css" || S === ".html")
+  }, tt = /* @__PURE__ */ new Set(), Te = (d) => {
+    o.default.readdir(d, { withFileTypes: !0 }, (l, f) => {
+      l || (f.forEach((g) => {
+        const w = t.default.join(d, g.name);
+        if (g.isDirectory())
+          g.name !== "node_modules" && g.name !== "dist" && !g.name.startsWith(".") && Te(w);
+        else if (g.isFile()) {
+          const x = t.default.extname(g.name);
+          if (x === ".js" || x === ".css" || x === ".html")
             try {
-              const I = o.default.readFileSync(y, "utf-8");
-              M.set(y, I);
+              const I = o.default.readFileSync(w, "utf-8");
+              b.set(w, I);
             } catch {
             }
         }
-      }), et.has(c) || (et.add(c), o.default.watch(c, (h, y) => {
-        if (!y) return;
-        const S = t.default.extname(y);
-        if (S !== ".js" && S !== ".css" && S !== ".html") return;
-        const I = t.default.join(c, y);
+      }), tt.has(d) || (tt.add(d), o.default.watch(d, (g, w) => {
+        if (!w) return;
+        const x = t.default.extname(w);
+        if (x !== ".js" && x !== ".css" && x !== ".html") return;
+        const I = t.default.join(d, w);
         setTimeout(() => {
           try {
-            const T = o.default.readFileSync(I, "utf-8"), H = M.get(I);
-            T !== H && (M.set(I, T), console.log(`📝 File changed: ${I}`), g ? Xe() : he());
+            const j = o.default.readFileSync(I, "utf-8"), B = b.get(I);
+            j !== B && (b.set(I, j), console.log(`📝 File changed: ${I}`), h ? et() : ye());
           } catch {
           }
         }, 50);
       })));
     });
-  }, tt = (c) => {
+  }, ot = (d) => {
     console.log(`
-🔨 Component: ${C}`), g ? (console.log("📄 No build needed (single HTML file mode)"), _e(F), console.log(`👀 Watching ${u} for changes...`), console.log(`Press Ctrl+C to stop
-`), c && c()) : (he(c), _e(F), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${M}`), h ? (console.log("📄 No build needed (single HTML file mode)"), Te(F), console.log(`👀 Watching ${u} for changes...`), console.log(`Press Ctrl+C to stop
+`), d && d()) : (ye(d), Te(F), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
-  }, xt = () => new Promise((c) => {
-    const a = {
+  }, xt = () => new Promise((d) => {
+    const l = {
       hostname: "localhost",
-      port: d,
+      port: c,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, f = n.default.request(a, (h) => {
-      let y = "";
-      h.on("data", (S) => y += S), h.on("end", () => {
+    }, f = n.default.request(l, (g) => {
+      let w = "";
+      g.on("data", (x) => w += x), g.on("end", () => {
         try {
-          (JSON.parse(y).components || []).map((T) => T[0]).includes(C) || ke().then(() => {
-            console.log(`🔄 Re-registered component: ${C}`);
+          (JSON.parse(w).components || []).map((j) => j[0]).includes(M) || Re().then(() => {
+            console.log(`🔄 Re-registered component: ${M}`);
           }).catch(() => {
           });
         } catch {
         }
-        c(!0);
+        d(!0);
       });
     });
-    f.on("error", () => c(!1)), f.on("timeout", () => {
-      f.destroy(), c(!1);
+    f.on("error", () => d(!1)), f.on("timeout", () => {
+      f.destroy(), d(!1);
     }), f.end();
-  }), $t = () => new Promise((c) => {
-    const a = n.default.createServer((f, h) => {
-      if (h.setHeader("Content-Type", "application/json"), f.method === "POST" && f.url === "/_register") {
-        let y = "";
-        f.on("data", (S) => y += S), f.on("end", () => {
+  }), $t = () => new Promise((d) => {
+    const l = n.default.createServer((f, g) => {
+      if (g.setHeader("Content-Type", "application/json"), f.method === "POST" && f.url === "/_register") {
+        let w = "";
+        f.on("data", (x) => w += x), f.on("end", () => {
           try {
-            const { componentId: S, distPath: I, componentName: T, htmlFile: H } = JSON.parse(y);
-            _.set(S, { path: I, name: T || null, htmlFile: H || null });
-            const Y = T ? ` (${T})` : "";
-            console.log(`✅ Registered: ${S}${Y} -> ${I}${H ? "/" + H : ""}`), h.writeHead(200), h.end(JSON.stringify({ success: !0, registered: Array.from(_.keys()) }));
-          } catch (S) {
-            h.writeHead(400), h.end(JSON.stringify({ error: S.message }));
+            const { componentId: x, distPath: I, componentName: j, htmlFile: B } = JSON.parse(w);
+            O.set(x, { path: I, name: j || null, htmlFile: B || null });
+            const K = j ? ` (${j})` : "";
+            console.log(`✅ Registered: ${x}${K} -> ${I}${B ? "/" + B : ""}`), g.writeHead(200), g.end(JSON.stringify({ success: !0, registered: Array.from(O.keys()) }));
+          } catch (x) {
+            g.writeHead(400), g.end(JSON.stringify({ error: x.message }));
           }
         });
       } else if (f.method === "POST" && f.url === "/_unregister") {
-        let y = "";
-        f.on("data", (S) => y += S), f.on("end", () => {
+        let w = "";
+        f.on("data", (x) => w += x), f.on("end", () => {
           try {
-            const { componentId: S } = JSON.parse(y);
-            _.delete(S), console.log(`❌ Unregistered: ${S}`), h.writeHead(200), h.end(JSON.stringify({ success: !0 }));
-          } catch (S) {
-            h.writeHead(400), h.end(JSON.stringify({ error: S.message }));
+            const { componentId: x } = JSON.parse(w);
+            O.delete(x), console.log(`❌ Unregistered: ${x}`), g.writeHead(200), g.end(JSON.stringify({ success: !0 }));
+          } catch (x) {
+            g.writeHead(400), g.end(JSON.stringify({ error: x.message }));
           }
         });
-      } else f.method === "GET" && f.url === "/_list" ? (h.writeHead(200), h.end(JSON.stringify({ components: Array.from(_.entries()) }))) : (h.writeHead(404), h.end(JSON.stringify({ error: "Not found" })));
+      } else f.method === "GET" && f.url === "/_list" ? (g.writeHead(200), g.end(JSON.stringify({ components: Array.from(O.entries()) }))) : (g.writeHead(404), g.end(JSON.stringify({ error: "Not found" })));
     });
-    a.on("error", () => {
-      c(!1);
-    }), a.listen(d, () => {
+    l.on("error", () => {
+      d(!1);
+    }), l.listen(c, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${d}`), ge.on("error", () => {
-        a.close(), c(!1);
-      }), ge.listen(l, () => {
-        console.log(`📡 Main server running at http://localhost:${l}`);
-        const f = g ? t.default.resolve(F) : t.default.resolve(F, w);
-        _.set(C, {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${c}`), he.on("error", () => {
+        l.close(), d(!1);
+      }), he.listen(r, () => {
+        console.log(`📡 Main server running at http://localhost:${r}`);
+        const f = h ? t.default.resolve(F) : t.default.resolve(F, y);
+        O.set(M, {
           path: f,
           name: N,
-          htmlFile: g ? u : null
+          htmlFile: h ? u : null
         });
-        const h = N ? ` (${N})` : "";
-        console.log(`✅ Registered component: ${C}${h}`), console.log(`📡 Access at: http://localhost:${l}/view/${C}/`), c(!0);
+        const g = N ? ` (${N})` : "";
+        console.log(`✅ Registered component: ${M}${g}`), console.log(`📡 Access at: http://localhost:${r}/view/${M}/`), d(!0);
       });
     });
   });
-  let ye;
-  const ot = () => {
-    ye = setInterval(async () => {
-      await xt() || (clearInterval(ye), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await $t() ? (console.log("✅ Successfully took over as server"), Te = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let we;
+  const nt = () => {
+    we = setInterval(async () => {
+      await xt() || (clearInterval(we), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await $t() ? (console.log("✅ Successfully took over as server"), Fe = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await ke(), console.log(`✅ Re-registered component: ${C}`), ot();
+          await Re(), console.log(`✅ Re-registered component: ${M}`), nt();
         } catch (f) {
           console.error("❌ Failed to re-register:", f.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, nt = async () => {
+  }, st = async () => {
     console.log(`
 
-🛑 Shutting down...`), ye && clearInterval(ye), await vt(), process.exit(0);
+🛑 Shutting down...`), we && clearInterval(we), await vt(), process.exit(0);
   };
-  process.on("SIGINT", nt), process.on("SIGTERM", nt);
-  let Te = !1;
-  Oe.on("error", async (c) => {
-    if (c.code === "EADDRINUSE") {
+  process.on("SIGINT", st), process.on("SIGTERM", st);
+  let Fe = !1;
+  ke.on("error", async (d) => {
+    if (d.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        C = await D();
-        const a = await ke();
-        console.log(`✅ Registered component: ${C}`), console.log(`📡 Access at: http://localhost:${l}/view/${C}/`), console.log(`📋 All registered components: ${a.registered.join(", ")}`), tt(() => {
-          process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${C}/`);
-        }), ot();
-      } catch (a) {
-        console.error("❌ Failed to register component:", a.message), process.exit(1);
+        M = await D();
+        const l = await Re();
+        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${r}/view/${M}/`), console.log(`📋 All registered components: ${l.registered.join(", ")}`), ot(() => {
+          process.env.MYOP_NO_BROWSER || C(`http://localhost:${r}/view/${M}/`);
+        }), nt();
+      } catch (l) {
+        console.error("❌ Failed to register component:", l.message), process.exit(1);
       }
     } else
-      console.error("❌ Management server error:", c.message), process.exit(1);
-  }), Oe.on("upgrade", wt), Oe.listen(d, async () => {
-    Te = !0, console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${d}`), ge.on("error", (c) => {
-      console.error("❌ Main server error:", c.message), process.exit(1);
-    }), ge.listen(l, async () => {
-      console.log(`📡 Main server running at http://localhost:${l}`), (C === "DEV" || C === "NEW") && (C = "DEV1");
-      const c = g ? t.default.resolve(F) : t.default.resolve(F, w);
-      _.set(C, {
-        path: c,
+      console.error("❌ Management server error:", d.message), process.exit(1);
+  }), ke.on("upgrade", Oe), ke.listen(c, async () => {
+    Fe = !0, console.log(`
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${c}`), he.on("error", (d) => {
+      console.error("❌ Main server error:", d.message), process.exit(1);
+    }), he.listen(r, async () => {
+      console.log(`📡 Main server running at http://localhost:${r}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
+      const d = h ? t.default.resolve(F) : t.default.resolve(F, y);
+      O.set(M, {
+        path: d,
         name: N,
-        htmlFile: g ? u : null
+        htmlFile: h ? u : null
       });
-      const a = N ? ` (${N})` : "";
-      console.log(`✅ Registered component: ${C}${a}`), console.log(`📡 Access at: http://localhost:${l}/view/${C}/`), tt(() => {
-        process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${C}/`);
+      const l = N ? ` (${N})` : "";
+      console.log(`✅ Registered component: ${M}${l}`), console.log(`📡 Access at: http://localhost:${r}/view/${M}/`), ot(() => {
+        process.env.MYOP_NO_BROWSER || C(`http://localhost:${r}/view/${M}/`);
       });
     });
   });
 }
-const A = class A {
+const L = class L {
   constructor(t) {
     this.components = t.map(
       (e) => typeof e == "string" ? { name: e, path: "", id: "" } : e
@@ -1054,7 +1054,7 @@ const A = class A {
       this.logs.set(e.name, []), this.scrollPos.set(e.name, 0), this.statuses.set(e.name, "Initializing..."), this.statusKeys.set(e.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(A.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
+    }), this.setupKeyboardInput(), process.stdout.write(L.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", (t) => {
@@ -1095,15 +1095,15 @@ const A = class A {
     const t = this.components.length, e = 38;
     let n;
     this.cols >= e * 3 + 4 ? n = Math.min(t, 3) : this.cols >= e * 2 + 2 ? n = Math.min(t, 2) : n = 1;
-    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), r = 2, m = this.rows - r - 2, l = Math.floor(m / s);
-    this.visibleLogLines = Math.max(2, l - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: l }, this.panelPositions.clear();
-    for (let d = 0; d < t; d++) {
-      const w = this.components[d], x = Math.floor(d / n), $ = d % n;
-      this.panelPositions.set(w.name, {
-        row: r + 1 + x * l,
+    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), a = 2, m = this.rows - a - 2, r = Math.floor(m / s);
+    this.visibleLogLines = Math.max(2, r - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: r }, this.panelPositions.clear();
+    for (let c = 0; c < t; c++) {
+      const y = this.components[c], S = Math.floor(c / n), $ = c % n;
+      this.panelPositions.set(y.name, {
+        row: a + 1 + S * r,
         col: $ * i + 1,
         width: i,
-        height: l
+        height: r
       });
     }
   }
@@ -1122,8 +1122,8 @@ const A = class A {
     s.includes("initializing") || s.includes("⏳") ? n = "initializing" : s.includes("starting") ? n = "starting" : s.includes("building") || s.includes("🔨") ? n = "building" : s.includes("ready") || s.includes("✅") ? n = "ready" : s.includes("changed") || s.includes("📝") ? n = "changed" : s.includes("hmr") ? n = "hmr_update" : s.includes("🔥") ? n = "hmr" : s.includes("error") || s.includes("❌") ? n = "error" : s.includes("warning") || s.includes("⚠") ? n = "warning" : (s.includes("stopped") || s.includes("exited")) && (n = "stopped"), this.statuses.set(t, e), this.statusKeys.set(t, n), this.queueUpdate(t);
   }
   scroll(t, e) {
-    const n = this.logs.get(t) || [], s = this.scrollPos.get(t) || 0, i = Math.max(0, n.length - this.visibleLogLines), r = Math.max(0, Math.min(i, s + e));
-    r !== s && (this.scrollPos.set(t, r), this.queueUpdate(t));
+    const n = this.logs.get(t) || [], s = this.scrollPos.get(t) || 0, i = Math.max(0, n.length - this.visibleLogLines), a = Math.max(0, Math.min(i, s + e));
+    a !== s && (this.scrollPos.set(t, a), this.queueUpdate(t));
   }
   queueUpdate(t) {
     this.pendingUpdates.add(t), this.renderQueued || (this.renderQueued = !0, setImmediate(() => {
@@ -1144,44 +1144,44 @@ const A = class A {
     return `${e}:${n.toString().padStart(2, "0")}`;
   }
   updateHeader() {
-    const t = A.C, e = Array.from(this.statusKeys.values()).filter((i) => i === "ready").length, n = this.components.length;
+    const t = L.C, e = Array.from(this.statusKeys.values()).filter((i) => i === "ready").length, n = this.components.length;
     let s = `${t.dim}📡${t.reset} http://localhost:9292  ${t.gray}|${t.reset}  `;
-    s += `${t.green}${e}${t.reset}/${n} ready  ${t.gray}|${t.reset}  `, s += `⏱ ${this.getUptime()}  ${t.gray}|${t.reset}  `, s += `Press ${t.yellow}Ctrl+C${t.reset} to stop`, s += A.ESC.clearLine.slice(0, -1), process.stdout.write(A.ESC.moveTo(2, 1) + s);
+    s += `${t.green}${e}${t.reset}/${n} ready  ${t.gray}|${t.reset}  `, s += `⏱ ${this.getUptime()}  ${t.gray}|${t.reset}  `, s += `Press ${t.yellow}Ctrl+C${t.reset} to stop`, s += L.ESC.clearLine.slice(0, -1), process.stdout.write(L.ESC.moveTo(2, 1) + s);
   }
   renderPanel(t) {
-    const e = A.C, n = A.STATUS, s = this.panelPositions.get(t);
+    const e = L.C, n = L.STATUS, s = this.panelPositions.get(t);
     if (!s) return;
-    const i = this.components.findIndex((D) => D.name === t), r = this.components[i], p = i === this.selectedPanel, m = this.statusKeys.get(t) || "initializing", l = n[m], d = e[l.color], w = this.logs.get(t) || [], x = this.scrollPos.get(t) || 0, $ = s.width - 1, g = p ? e.cyan : e.gray, u = [], E = r.name.substring(0, $ - 20);
-    let O = `${g}┌─${e.reset} ${d}${l.icon}${e.reset} `;
-    O += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${d}${l.label}${e.reset} `;
-    const b = 5 + E.length + l.label.length + 3;
-    O += `${g}${"─".repeat(Math.max(0, $ - b))}┐${e.reset}`, u.push(A.ESC.moveTo(s.row, s.col) + O);
-    const M = (r.path || "").substring(0, $ - 6);
-    let j = `${g}│${e.reset} ${e.dim}${M}${e.reset}`;
-    j += " ".repeat(Math.max(0, $ - M.length - 3)), j += `${g}│${e.reset}`, u.push(A.ESC.moveTo(s.row + 1, s.col) + j);
-    const C = w.length, N = C > this.visibleLogLines ? `${x + 1}-${Math.min(x + this.visibleLogLines, C)}/${C}` : "";
-    let k = `${g}├${"─".repeat($ - N.length - 4)}${e.reset}`;
-    N && (k += `${e.dim}${N}${e.reset}`), k += `${g}${"─".repeat(2)}┤${e.reset}`, u.push(A.ESC.moveTo(s.row + 2, s.col) + k);
-    const L = w.slice(x, x + this.visibleLogLines);
+    const i = this.components.findIndex((D) => D.name === t), a = this.components[i], p = i === this.selectedPanel, m = this.statusKeys.get(t) || "initializing", r = n[m], c = e[r.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, $ = s.width - 1, h = p ? e.cyan : e.gray, u = [], E = a.name.substring(0, $ - 20);
+    let k = `${h}┌─${e.reset} ${c}${r.icon}${e.reset} `;
+    k += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${c}${r.label}${e.reset} `;
+    const C = 5 + E.length + r.label.length + 3;
+    k += `${h}${"─".repeat(Math.max(0, $ - C))}┐${e.reset}`, u.push(L.ESC.moveTo(s.row, s.col) + k);
+    const b = (a.path || "").substring(0, $ - 6);
+    let A = `${h}│${e.reset} ${e.dim}${b}${e.reset}`;
+    A += " ".repeat(Math.max(0, $ - b.length - 3)), A += `${h}│${e.reset}`, u.push(L.ESC.moveTo(s.row + 1, s.col) + A);
+    const M = y.length, N = M > this.visibleLogLines ? `${S + 1}-${Math.min(S + this.visibleLogLines, M)}/${M}` : "";
+    let R = `${h}├${"─".repeat($ - N.length - 4)}${e.reset}`;
+    N && (R += `${e.dim}${N}${e.reset}`), R += `${h}${"─".repeat(2)}┤${e.reset}`, u.push(L.ESC.moveTo(s.row + 2, s.col) + R);
+    const U = y.slice(S, S + this.visibleLogLines);
     for (let D = 0; D < this.visibleLogLines; D++) {
-      const F = L[D];
-      let W = `${g}│${e.reset}`;
+      const F = U[D];
+      let T = `${h}│${e.reset}`;
       if (F) {
-        let _ = e.white;
-        F.type === "success" ? _ = e.green : F.type === "error" ? _ = e.red : F.type === "warning" ? _ = e.yellow : F.type === "hmr" ? _ = e.magenta : F.type === "change" && (_ = e.blue);
-        const oe = F.message.substring(0, $ - 12);
-        W += `${e.dim}${F.timestamp}${e.reset} ${_}${oe}${e.reset}`;
-        const Ie = $ - F.timestamp.length - oe.length - 2;
-        W += " ".repeat(Math.max(0, Ie));
+        let O = e.white;
+        F.type === "success" ? O = e.green : F.type === "error" ? O = e.red : F.type === "warning" ? O = e.yellow : F.type === "hmr" ? O = e.magenta : F.type === "change" && (O = e.blue);
+        const z = F.message.substring(0, $ - 12);
+        T += `${e.dim}${F.timestamp}${e.reset} ${O}${z}${e.reset}`;
+        const ee = $ - F.timestamp.length - z.length - 2;
+        T += " ".repeat(Math.max(0, ee));
       } else
-        W += " ".repeat($ - 2);
-      W += `${g}│${e.reset}`, u.push(A.ESC.moveTo(s.row + 3 + D, s.col) + W);
+        T += " ".repeat($ - 2);
+      T += `${h}│${e.reset}`, u.push(L.ESC.moveTo(s.row + 3 + D, s.col) + T);
     }
-    u.push(A.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${g}└${"─".repeat($ - 2)}┘${e.reset}`), process.stdout.write(u.join(""));
+    u.push(L.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${h}└${"─".repeat($ - 2)}┘${e.reset}`), process.stdout.write(u.join(""));
   }
   fullRender() {
-    const t = A.C;
-    process.stdout.write(A.ESC.clearScreen + A.ESC.moveTo(1, 1));
+    const t = L.C;
+    process.stdout.write(L.ESC.clearScreen + L.ESC.moveTo(1, 1));
     const e = " MYOP MONOREPO DEV ", n = Math.floor((this.cols - e.length) / 2);
     process.stdout.write(`${t.cyan}${"━".repeat(n)}${t.bold}${t.bgCyan}${t.black}${e}${t.reset}${t.cyan}${"━".repeat(this.cols - n - e.length)}${t.reset}`), this.updateHeader();
     for (const s of this.components)
@@ -1189,26 +1189,26 @@ const A = class A {
     this.renderFooter();
   }
   renderFooter() {
-    const t = A.C, e = this.rows - 1;
+    const t = L.C, e = this.rows - 1;
     let n = `${t.gray}`;
-    n += `${t.green}●${t.gray} Ready  `, n += `${t.yellow}⟳${t.gray} Building  `, n += `${t.magenta}⚡${t.gray} HMR  `, n += `${t.red}✖${t.gray} Error  `, n += `${t.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${t.reset}`, process.stdout.write(A.ESC.moveTo(e, 1) + n);
+    n += `${t.green}●${t.gray} Ready  `, n += `${t.yellow}⟳${t.gray} Building  `, n += `${t.magenta}⚡${t.gray} HMR  `, n += `${t.red}✖${t.gray} Error  `, n += `${t.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${t.reset}`, process.stdout.write(L.ESC.moveTo(e, 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(A.ESC.clearScreen + A.ESC.moveTo(1, 1) + A.ESC.showCursor);
+    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(L.ESC.clearScreen + L.ESC.moveTo(1, 1) + L.ESC.showCursor);
   }
 };
 // ANSI escape codes
-ve(A, "ESC", {
+Se(L, "ESC", {
   moveTo: (t, e) => `\x1B[${t};${e}H`,
   hideCursor: "\x1B[?25l",
   showCursor: "\x1B[?25h",
   clearScreen: "\x1B[2J",
   clearLine: "\x1B[2K"
 }), // Colors
-ve(A, "C", {
+Se(L, "C", {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
   dim: "\x1B[2m",
@@ -1223,7 +1223,7 @@ ve(A, "C", {
   bgCyan: "\x1B[46m",
   black: "\x1B[30m"
 }), // Status configs
-ve(A, "STATUS", {
+Se(L, "STATUS", {
   initializing: { icon: "◔", color: "yellow", label: "Initializing" },
   starting: { icon: "◑", color: "yellow", label: "Starting" },
   building: { icon: "⟳", color: "yellow", label: "Building" },
@@ -1236,57 +1236,57 @@ ve(A, "STATUS", {
   warning: { icon: "⚠", color: "yellow", label: "Warning" },
   stopped: { icon: "■", color: "gray", label: "Stopped" }
 });
-let He = A;
+let Be = L;
 async function Wt(o) {
-  const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((d) => ({
-    name: d.name,
-    path: d.path,
-    id: d.componentId || ""
-  })), i = new He(s), r = [], p = (d) => {
-    const w = process.platform;
-    let x;
-    w === "darwin" ? x = `open "${d}"` : w === "win32" ? x = `start "" "${d}"` : x = `xdg-open "${d}"`, e(x, () => {
+  const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((c) => ({
+    name: c.name,
+    path: c.path,
+    id: c.componentId || ""
+  })), i = new Be(s), a = [], p = (c) => {
+    const y = process.platform;
+    let S;
+    y === "darwin" ? S = `open "${c}"` : y === "win32" ? S = `start "" "${c}"` : S = `xdg-open "${c}"`, e(S, () => {
     });
   }, m = () => {
     i.clear(), console.log(`
-🛑 Shutting down all components...`), r.forEach((d) => {
+🛑 Shutting down all components...`), a.forEach((c) => {
       try {
-        d.kill("SIGTERM");
+        c.kill("SIGTERM");
       } catch {
       }
     }), setTimeout(() => process.exit(0), 500);
   };
   process.on("SIGINT", m), process.on("SIGTERM", m);
-  const l = process.argv[1];
-  for (let d = 0; d < o.length; d++) {
-    const w = o[d], x = w.name;
-    i.setStatus(x, "⏳ Starting..."), i.log(x, `Starting in ${w.path}`);
-    const $ = t("node", [l, "dev"], {
-      cwd: n.default.resolve(w.path),
+  const r = process.argv[1];
+  for (let c = 0; c < o.length; c++) {
+    const y = o[c], S = y.name;
+    i.setStatus(S, "⏳ Starting..."), i.log(S, `Starting in ${y.path}`);
+    const $ = t("node", [r, "dev"], {
+      cwd: n.default.resolve(y.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
     });
-    r.push($);
-    let g = "";
+    a.push($);
+    let h = "";
     $.stdout.on("data", (u) => {
-      g += u.toString();
-      const E = g.split(`
+      h += u.toString();
+      const E = h.split(`
 `);
-      g = E.pop() || "";
-      for (const O of E) {
-        const b = O.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        b && (b.includes("Registered component") || b.includes("Registered:") ? i.setStatus(x, "✅ Ready") : b.includes("Building...") || b.includes("Running initial build") ? i.setStatus(x, "🔨 Building...") : b.includes("Build completed") || b.includes("Build succeeded") ? i.setStatus(x, "✅ Ready") : b.includes("Build failed") ? i.setStatus(x, "❌ Build Error") : b.includes("File changed") ? (i.setStatus(x, "📝 Changed"), setTimeout(() => i.setStatus(x, "✅ Ready"), 1500)) : b.includes("Notifying") && b.includes("HMR") ? (i.setStatus(x, "🔥 HMR Update"), setTimeout(() => i.setStatus(x, "✅ Ready"), 1e3)) : b.includes("HMR client connected") && (i.setStatus(x, "🔥 HMR Connected"), setTimeout(() => i.setStatus(x, "✅ Ready"), 1e3)), !b.includes("Watching") && !b.includes("Press Ctrl+C") && !b.includes("Starting shared") && !b.includes("Management server") && !b.includes("Main server") && !b.includes("Access at:") && !b.includes("No build needed") && i.log(x, b));
+      h = E.pop() || "";
+      for (const k of E) {
+        const C = k.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        C && (C.includes("Registered component") || C.includes("Registered:") ? i.setStatus(S, "✅ Ready") : C.includes("Building...") || C.includes("Running initial build") ? i.setStatus(S, "🔨 Building...") : C.includes("Build completed") || C.includes("Build succeeded") ? i.setStatus(S, "✅ Ready") : C.includes("Build failed") ? i.setStatus(S, "❌ Build Error") : C.includes("File changed") ? (i.setStatus(S, "📝 Changed"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1500)) : C.includes("Notifying") && C.includes("HMR") ? (i.setStatus(S, "🔥 HMR Update"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1e3)) : C.includes("HMR client connected") && (i.setStatus(S, "🔥 HMR Connected"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1e3)), !C.includes("Watching") && !C.includes("Press Ctrl+C") && !C.includes("Starting shared") && !C.includes("Management server") && !C.includes("Main server") && !C.includes("Access at:") && !C.includes("No build needed") && i.log(S, C));
       }
     }), $.stderr.on("data", (u) => {
       const E = u.toString().split(`
 `);
-      for (const O of E) {
-        const b = O.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        b && (i.log(x, `⚠️ ${b}`), i.setStatus(x, "⚠️ Warning"));
+      for (const k of E) {
+        const C = k.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        C && (i.log(S, `⚠️ ${C}`), i.setStatus(S, "⚠️ Warning"));
       }
     }), $.on("exit", (u) => {
-      u !== 0 && u !== null && (i.setStatus(x, `❌ Exited (${u})`), i.log(x, `Process exited with code ${u}`));
-    }), d < o.length - 1 && await new Promise((u) => setTimeout(u, 500));
+      u !== 0 && u !== null && (i.setStatus(S, `❌ Exited (${u})`), i.log(S, `Process exited with code ${u}`));
+    }), c < o.length - 1 && await new Promise((u) => setTimeout(u, 500));
   }
   i.render(), setTimeout(() => {
     p("http://localhost:9292");
@@ -1294,10 +1294,10 @@ async function Wt(o) {
 }
 const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  devCommand: Ce,
+  devCommand: Me,
   monorepoDevCommand: Wt
 }, Symbol.toStringTag, { value: "Module" })), Yt = "https://cloud.myop.dev";
-async function mt(o, t) {
+async function ut(o, t) {
   const e = await fetch(o, {
     headers: { Authorization: `Bearer ${t}` }
   });
@@ -1307,14 +1307,14 @@ async function mt(o, t) {
   }
   return e.json();
 }
-function pe(o, t, e) {
-  const n = R.resolve(R.join(o, t)), s = R.resolve(o);
-  if (!n.startsWith(s + R.sep))
+function me(o, t, e) {
+  const n = _.resolve(_.join(o, t)), s = _.resolve(o);
+  if (!n.startsWith(s + _.sep))
     throw new Error(`Invalid path: "${t}" escapes output directory`);
-  P.mkdirSync(R.dirname(n), { recursive: !0 }), P.writeFileSync(n, JSON.stringify(e, null, 2));
+  P.mkdirSync(_.dirname(n), { recursive: !0 }), P.writeFileSync(n, JSON.stringify(e, null, 2));
 }
-async function $e(o, t, e, n) {
-  return mt(
+async function be(o, t, e, n) {
+  return ut(
     `${o}/export?componentId=${encodeURIComponent(e)}&env=${encodeURIComponent(n)}`,
     t
   );
@@ -1322,20 +1322,20 @@ async function $e(o, t, e, n) {
 async function Gt(o, t, e, n) {
   let s = 0;
   const i = /* @__PURE__ */ new Set();
-  for (const r of n) {
-    const { componentId: p, environment: m } = r;
+  for (const a of n) {
+    const { componentId: p, environment: m } = a;
     if (!(!p || !m)) {
       try {
-        const l = await $e(o, t, p, m);
-        pe(e, `components/${p}/${m}.json`, l), s++;
-      } catch (l) {
-        console.warn(`  Warning: ${p}/${m}: ${l.message}`);
+        const r = await be(o, t, p, m);
+        me(e, `components/${p}/${m}.json`, r), s++;
+      } catch (r) {
+        console.warn(`  Warning: ${p}/${m}: ${r.message}`);
       }
       if (!i.has(p)) {
         i.add(p);
         try {
-          const l = await $e(o, t, p, "preview");
-          pe(e, `components/${p}/preview.json`, l), s++;
+          const r = await be(o, t, p, "preview");
+          me(e, `components/${p}/preview.json`, r), s++;
         } catch {
         }
       }
@@ -1344,20 +1344,20 @@ async function Gt(o, t, e, n) {
   return s;
 }
 async function Kt(o, t, e) {
-  const n = await mt(`${o}/export`, t);
-  pe(e, "manifest.json", n);
+  const n = await ut(`${o}/export`, t);
+  me(e, "manifest.json", n);
   let s = 0, i = 0;
-  for (const r of n.components || []) {
-    for (const p of r.environments || [])
+  for (const a of n.components || []) {
+    for (const p of a.environments || [])
       try {
-        const m = await $e(o, t, r.id, p);
-        pe(e, `components/${r.id}/${p}.json`, m), s++;
+        const m = await be(o, t, a.id, p);
+        me(e, `components/${a.id}/${p}.json`, m), s++;
       } catch (m) {
-        console.warn(`  Warning: ${r.id}/${p}: ${m.message}`), i++;
+        console.warn(`  Warning: ${a.id}/${p}: ${m.message}`), i++;
       }
     try {
-      const p = await $e(o, t, r.id, "preview");
-      pe(e, `components/${r.id}/preview.json`, p), s++;
+      const p = await be(o, t, a.id, "preview");
+      me(e, `components/${a.id}/preview.json`, p), s++;
     } catch {
     }
   }
@@ -1377,55 +1377,55 @@ function Qt() {
       }
     else o.component && o.env && (s = [{ componentId: o.component, environment: o.env }]);
     if (s) {
-      const r = z(`Incremental export: ${s.length} component(s)...`).start();
+      const a = Y(`Incremental export: ${s.length} component(s)...`).start();
       try {
         const p = await Gt(e, t, n, s);
-        r.succeed(`Incremental export done. ${p} file(s) written to ${n}/`);
+        a.succeed(`Incremental export done. ${p} file(s) written to ${n}/`);
       } catch (p) {
-        r.fail(`Export failed: ${p.message}`), process.exit(1);
+        a.fail(`Export failed: ${p.message}`), process.exit(1);
       }
     } else {
-      const r = z(`Full export from ${e}...`).start();
+      const a = Y(`Full export from ${e}...`).start();
       try {
-        const { manifest: p, fileCount: m, errorCount: l } = await Kt(e, t, n), d = ((i = p.components) == null ? void 0 : i.length) || 0;
-        r.succeed(
-          `Full export done. ${m} file(s) from ${d} component(s) written to ${n}/`
-        ), l > 0 && console.warn(`  ${l} file(s) failed.`);
+        const { manifest: p, fileCount: m, errorCount: r } = await Kt(e, t, n), c = ((i = p.components) == null ? void 0 : i.length) || 0;
+        a.succeed(
+          `Full export done. ${m} file(s) from ${c} component(s) written to ${n}/`
+        ), r > 0 && console.warn(`  ${r} file(s) failed.`);
       } catch (p) {
-        r.fail(`Export failed: ${p.message}`), process.exit(1);
+        a.fail(`Export failed: ${p.message}`), process.exit(1);
       }
     }
     process.exit(0);
   });
 }
-const Be = R.join(at.homedir(), ".myop"), ue = R.join(Be, "credentials.json");
+const Je = _.join(lt.homedir(), ".myop"), fe = _.join(Je, "credentials.json");
 function Zt() {
-  P.existsSync(Be) || P.mkdirSync(Be, { recursive: !0, mode: 448 });
+  P.existsSync(Je) || P.mkdirSync(Je, { recursive: !0, mode: 448 });
 }
-function Ye() {
+function Ge() {
   try {
-    if (!P.existsSync(ue))
+    if (!P.existsSync(fe))
       return null;
-    const o = P.readFileSync(ue, "utf8");
+    const o = P.readFileSync(fe, "utf8");
     return JSON.parse(o);
   } catch (o) {
     return console.info("Failed to read credentials:", o.message), null;
   }
 }
-function ut(o) {
+function ft(o) {
   Zt();
   const t = {
     ...o,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  P.writeFileSync(ue, JSON.stringify(t, null, 2), {
+  P.writeFileSync(fe, JSON.stringify(t, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function ft() {
+function gt() {
   try {
-    return P.existsSync(ue) && P.unlinkSync(ue), !0;
+    return P.existsSync(fe) && P.unlinkSync(fe), !0;
   } catch (o) {
     return console.error("Failed to clear credentials:", o.message), !1;
   }
@@ -1437,26 +1437,26 @@ function qt(o) {
   return Date.now() > e - t;
 }
 function Pe() {
-  const o = Ye();
+  const o = Ge();
   return o ? {
     email: o.userEmail,
     userId: o.userId
   } : null;
 }
-const le = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", xe = 19284, Ge = `http://localhost:${xe}/callback`, Xt = "myop-cli";
+const ce = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", $e = 19284, Ke = `http://localhost:${$e}/callback`, Xt = "myop-cli";
 function eo() {
-  return We.randomBytes(32).toString("base64url");
+  return Ve.randomBytes(32).toString("base64url");
 }
 function to(o) {
-  return We.createHash("sha256").update(o).digest("base64url");
+  return Ve.createHash("sha256").update(o).digest("base64url");
 }
 async function oo() {
-  const o = await fetch(`${le}/oauth/register`, {
+  const o = await fetch(`${ce}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
       client_name: Xt,
-      redirect_uris: [Ge],
+      redirect_uris: [Ke],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
@@ -1467,7 +1467,7 @@ async function oo() {
   }
   return o.json();
 }
-function Se(o, t, e, n = null) {
+function xe(o, t, e, n = null) {
   const s = {
     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"/>
@@ -1485,7 +1485,7 @@ function Se(o, t, e, 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: r, glow: p } = i[o] || i.error;
+  }, { accent: a, glow: p } = i[o] || i.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -1546,7 +1546,7 @@ function Se(o, t, e, n = null) {
         h1 {
             font-size: 20px;
             font-weight: 500;
-            color: ${r};
+            color: ${a};
             margin-bottom: 12px;
             letter-spacing: -0.5px;
         }
@@ -1579,7 +1579,7 @@ function Se(o, t, e, n = null) {
             align-items: center;
             gap: 8px;
             background: ${p};
-            border: 1px solid ${r}33;
+            border: 1px solid ${a}33;
             border-radius: 4px;
             padding: 10px 16px;
             font-size: 12px;
@@ -1636,20 +1636,20 @@ function Se(o, t, e, n = null) {
 function no(o) {
   return new Promise((t, e) => {
     const n = It.createServer((s, i) => {
-      const r = new it(s.url, `http://localhost:${xe}`);
-      if (r.pathname === "/callback") {
-        const p = r.searchParams.get("code"), m = r.searchParams.get("state"), l = r.searchParams.get("error");
-        if (l) {
-          i.writeHead(200, { "Content-Type": "text/html" }), i.end(Se(
+      const a = new rt(s.url, `http://localhost:${$e}`);
+      if (a.pathname === "/callback") {
+        const p = a.searchParams.get("code"), m = a.searchParams.get("state"), r = a.searchParams.get("error");
+        if (r) {
+          i.writeHead(200, { "Content-Type": "text/html" }), i.end(xe(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            l
-          )), n.close(), e(new Error(`OAuth error: ${l}`));
+            r
+          )), n.close(), e(new Error(`OAuth error: ${r}`));
           return;
         }
         if (m !== o) {
-          i.writeHead(400, { "Content-Type": "text/html" }), i.end(Se(
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(xe(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
@@ -1658,7 +1658,7 @@ function no(o) {
           return;
         }
         if (!p) {
-          i.writeHead(400, { "Content-Type": "text/html" }), i.end(Se(
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(xe(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
@@ -1666,7 +1666,7 @@ function no(o) {
           )), n.close(), e(new Error("No authorization code"));
           return;
         }
-        i.writeHead(200, { "Content-Type": "text/html" }), i.end(Se(
+        i.writeHead(200, { "Content-Type": "text/html" }), i.end(xe(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
@@ -1674,22 +1674,22 @@ function no(o) {
       } else
         i.writeHead(404), i.end("Not found");
     });
-    n.listen(xe, () => {
-      console.info(`OAuth callback server listening on port ${xe}`);
+    n.listen($e, () => {
+      console.info(`OAuth callback server listening on port ${$e}`);
     }), setTimeout(() => {
       n.close(), e(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
 async function so(o, t, e) {
-  const n = await fetch(`${le}/oauth/token`, {
+  const n = await fetch(`${ce}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new rt({
+    body: new at({
       grant_type: "authorization_code",
       code: o,
       client_id: t,
-      redirect_uri: Ge,
+      redirect_uri: Ke,
       code_verifier: e
     })
   });
@@ -1700,10 +1700,10 @@ async function so(o, t, e) {
   return n.json();
 }
 async function io(o, t) {
-  const e = await fetch(`${le}/oauth/token`, {
+  const e = await fetch(`${ce}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new rt({
+    body: new at({
       grant_type: "refresh_token",
       refresh_token: o,
       client_id: t
@@ -1716,8 +1716,8 @@ async function io(o, t) {
   return e.json();
 }
 async function ro(o) {
-  var s, i, r;
-  const t = await fetch(`${le}/mcp`, {
+  var s, i, a;
+  const t = await fetch(`${ce}/mcp`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -1738,60 +1738,60 @@ async function ro(o) {
   const e = await t.json();
   if (e.error)
     throw new Error(e.error.message);
-  const n = (r = (i = (s = e.result) == null ? void 0 : s.content) == null ? void 0 : i[0]) == null ? void 0 : r.text;
+  const n = (a = (i = (s = e.result) == null ? void 0 : s.content) == null ? void 0 : i[0]) == null ? void 0 : a.text;
   if (n)
     return JSON.parse(n);
   throw new Error("Invalid response from whoami");
 }
-async function me() {
-  const o = z("Starting authentication...").start();
+async function ue() {
+  const o = Y("Starting authentication...").start();
   try {
     o.text = "Registering OAuth client...";
-    const e = (await oo()).client_id, n = eo(), s = to(n), i = We.randomBytes(16).toString("hex");
+    const e = (await oo()).client_id, n = eo(), s = to(n), i = Ve.randomBytes(16).toString("hex");
     o.text = "Waiting for authorization...";
-    const r = no(i), p = new it(`${le}/oauth/authorize`);
-    p.searchParams.set("response_type", "code"), p.searchParams.set("client_id", e), p.searchParams.set("redirect_uri", Ge), p.searchParams.set("code_challenge", s), p.searchParams.set("code_challenge_method", "S256"), p.searchParams.set("state", i), o.stop(), console.log(`
+    const a = no(i), p = new rt(`${ce}/oauth/authorize`);
+    p.searchParams.set("response_type", "code"), p.searchParams.set("client_id", e), p.searchParams.set("redirect_uri", Ke), p.searchParams.set("code_challenge", s), p.searchParams.set("code_challenge_method", "S256"), p.searchParams.set("state", i), o.stop(), console.log(`
 🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${p.toString()}
 `), await Ot(p.toString());
-    const m = await r;
+    const m = await a;
     o.start("Exchanging authorization code...");
-    const l = await so(m, e, n);
+    const r = await so(m, e, n);
     o.text = "Getting user info...";
-    const d = await ro(l.access_token), w = {
-      accessToken: l.access_token,
-      refreshToken: l.refresh_token,
-      expiresAt: new Date(Date.now() + l.expires_in * 1e3).toISOString(),
+    const c = await ro(r.access_token), y = {
+      accessToken: r.access_token,
+      refreshToken: r.refresh_token,
+      expiresAt: new Date(Date.now() + r.expires_in * 1e3).toISOString(),
       clientId: e,
-      userId: d.userId,
-      userEmail: d.email
+      userId: c.userId,
+      userEmail: c.email
     };
-    return ut(w), o.succeed(`Authenticated as ${d.email}`), w;
+    return ft(y), o.succeed(`Authenticated as ${c.email}`), y;
   } catch (t) {
     throw o.fail(`Authentication failed: ${t.message}`), t;
   }
 }
-async function gt() {
-  const o = Ye();
+async function ht() {
+  const o = Ge();
   if (!o) {
     console.log("Not currently logged in.");
     return;
   }
-  ft(), console.log(`✅ Logged out (was: ${o.userEmail})`);
+  gt(), console.log(`✅ Logged out (was: ${o.userEmail})`);
 }
 function ao(o) {
   var e, n;
   const t = (o == null ? void 0 : o.message) || "";
   return t.includes("ECONNREFUSED") || t.includes("ENOTFOUND") || t.includes("ETIMEDOUT") || t.includes("fetch failed") || t.includes("network") || (o == null ? void 0 : o.code) === "ECONNREFUSED" || ((e = o == null ? void 0 : o.cause) == null ? void 0 : e.code) === "ECONNREFUSED" || ((n = o == null ? void 0 : o.cause) == null ? void 0 : n.code) === "ENOTFOUND";
 }
-async function Ke() {
-  let o = Ye();
+async function Qe() {
+  let o = Ge();
   if (!o)
     return console.log(`Not logged in. Starting authentication...
-`), await me();
+`), await ue();
   if (!qt(o))
     return o;
   if (o.refreshToken) {
-    const t = z("Refreshing access token...").start();
+    const t = Y("Refreshing access token...").start();
     try {
       const e = await io(
         o.refreshToken,
@@ -1802,37 +1802,37 @@ async function Ke() {
         accessToken: e.access_token,
         refreshToken: e.refresh_token,
         expiresAt: new Date(Date.now() + e.expires_in * 1e3).toISOString()
-      }, ut(o), t.succeed("Token refreshed"), o;
+      }, ft(o), t.succeed("Token refreshed"), o;
     } catch (e) {
       if (ao(e))
         throw t.fail("Network error during token refresh"), e;
-      return t.warn("Token refresh failed, please log in again"), ft(), await me();
+      return t.warn("Token refresh failed, please log in again"), gt(), await ue();
     }
   }
   return console.log(`Session expired. Please log in again.
-`), await me();
+`), await ue();
 }
-function Me() {
-  return le;
+function Ee() {
+  return ce;
 }
-const Z = "@myop/cli", De = process.platform === "win32";
+const te = "@myop/cli", Le = process.platform === "win32";
 function lo() {
   try {
-    return Q("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
+    return X("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
   } catch {
     return "https://registry.npmjs.org/";
   }
 }
 function co() {
   try {
-    return Q("npm config get prefix", { encoding: "utf-8" }).trim();
+    return X("npm config get prefix", { encoding: "utf-8" }).trim();
   } catch {
     return null;
   }
 }
 async function po() {
   try {
-    const o = lo().replace(/\/$/, ""), t = await fetch(`${o}/${Z}/latest`);
+    const o = lo().replace(/\/$/, ""), t = await fetch(`${o}/${te}/latest`);
     return t.ok ? (await t.json()).version : null;
   } catch {
     return null;
@@ -1841,14 +1841,14 @@ async function po() {
 function mo(o, t) {
   const e = o.split(".").map(Number), n = t.split(".").map(Number);
   for (let s = 0; s < Math.max(e.length, n.length); s++) {
-    const i = e[s] || 0, r = n[s] || 0;
-    if (i > r) return 1;
-    if (i < r) return -1;
+    const i = e[s] || 0, a = n[s] || 0;
+    if (i > a) return 1;
+    if (i < a) return -1;
   }
   return 0;
 }
 async function uo(o) {
-  const t = z({
+  const t = Y({
     text: "Checking for updates...",
     color: "cyan"
   }).start(), e = await po();
@@ -1859,7 +1859,7 @@ async function uo(o) {
 `);
   let n;
   try {
-    n = await st({
+    n = await it({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
@@ -1873,51 +1873,51 @@ async function uo(o) {
 `), process.exit(0)), s;
   }
   if (n) {
-    const s = z({
-      text: `Updating ${Z} to v${e}...`,
+    const s = Y({
+      text: `Updating ${te} to v${e}...`,
       color: "green"
-    }).start(), i = `npm install -g ${Z}@latest`, r = co();
+    }).start(), i = `npm install -g ${te}@latest`, a = co();
     try {
-      Q(i, { stdio: "pipe" }), s.succeed(`Updated to v${e}`);
+      X(i, { stdio: "pipe" }), s.succeed(`Updated to v${e}`);
     } catch {
       s.stop(), console.log(`
 🔐 Elevated permissions required.
 `);
       try {
-        if (De) {
-          const d = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${r ? `install -g ${Z}@latest --prefix \\"${r}\\"` : `install -g ${Z}@latest`}' -Verb RunAs -Wait`;
-          Q(`powershell -Command "${d}"`, { stdio: "inherit" });
+        if (Le) {
+          const c = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${a ? `install -g ${te}@latest --prefix \\"${a}\\"` : `install -g ${te}@latest`}' -Verb RunAs -Wait`;
+          X(`powershell -Command "${c}"`, { stdio: "inherit" });
         } else {
-          const l = r ? `sudo npm install -g ${Z}@latest --prefix "${r}"` : `sudo ${i}`;
-          Q(l, { stdio: "inherit" });
+          const r = a ? `sudo npm install -g ${te}@latest --prefix "${a}"` : `sudo ${i}`;
+          X(r, { stdio: "inherit" });
         }
         console.log(`
 ✅ Updated to v${e}`);
       } catch {
         console.log(`
 ❌ Update failed`);
-        const d = De ? `npm install -g ${Z}@latest (run as Administrator)` : `sudo npm install -g ${Z}@latest`;
+        const c = Le ? `npm install -g ${te}@latest (run as Administrator)` : `sudo npm install -g ${te}@latest`;
         console.log(`
-Please run manually: ${d}
+Please run manually: ${c}
 `), process.exit(1);
       }
     }
     let p = null;
     try {
       let m;
-      r ? m = De ? Ae(r, "node_modules") : Ae(r, "lib", "node_modules") : m = Q("npm root -g", { encoding: "utf-8" }).trim();
-      const l = Ae(m, Z, "package.json"), d = Et(l, "utf-8");
-      p = JSON.parse(d).version;
+      a ? m = Le ? De(a, "node_modules") : De(a, "lib", "node_modules") : m = X("npm root -g", { encoding: "utf-8" }).trim();
+      const r = De(m, te, "package.json"), c = Et(r, "utf-8");
+      p = JSON.parse(c).version;
     } catch {
     }
     if (p === e)
       return console.log(`
 🔄 Restarting...
-`), Mt(process.argv[0], process.argv.slice(1), {
+`), Pt(process.argv[0], process.argv.slice(1), {
         stdio: "inherit",
         shell: !0
-      }).on("close", (l) => {
-        process.exit(l || 0);
+      }).on("close", (r) => {
+        process.exit(r || 0);
       }), !0;
     console.log(`
 Please run myop again to use the new version.
@@ -1925,15 +1925,15 @@ Please run myop again to use the new version.
   }
   return !1;
 }
-const Je = R.join(at.homedir(), ".myop"), ze = R.join(Je, "preferences.json");
+const ze = _.join(lt.homedir(), ".myop"), We = _.join(ze, "preferences.json");
 function fo() {
-  P.existsSync(Je) || P.mkdirSync(Je, { recursive: !0, mode: 448 });
+  P.existsSync(ze) || P.mkdirSync(ze, { recursive: !0, mode: 448 });
 }
-function ht() {
+function yt() {
   try {
-    if (!P.existsSync(ze))
+    if (!P.existsSync(We))
       return {};
-    const o = P.readFileSync(ze, "utf8");
+    const o = P.readFileSync(We, "utf8");
     return JSON.parse(o);
   } catch {
     return {};
@@ -1941,19 +1941,19 @@ function ht() {
 }
 function go(o) {
   fo();
-  const e = { ...ht(), ...o };
-  P.writeFileSync(ze, JSON.stringify(e, null, 2), {
+  const e = { ...yt(), ...o };
+  P.writeFileSync(We, JSON.stringify(e, null, 2), {
     mode: 384
   });
 }
 function ho() {
-  return ht().defaultOrganization || null;
+  return yt().defaultOrganization || null;
 }
-function Le({ id: o, name: t }) {
+function Ue({ id: o, name: t }) {
   go({ defaultOrganization: { id: o, name: t } });
 }
 async function yo(o, t, e, n = {}) {
-  var p, m, l;
+  var p, m, r;
   const s = await fetch(`${o}/mcp`, {
     method: "POST",
     headers: {
@@ -1975,18 +1975,18 @@ async function yo(o, t, e, n = {}) {
   const i = await s.json();
   if (i.error)
     throw new Error(i.error.message || "MCP error");
-  const r = (l = (m = (p = i.result) == null ? void 0 : p.content) == null ? void 0 : m[0]) == null ? void 0 : l.text;
-  if (!r)
+  const a = (r = (m = (p = i.result) == null ? void 0 : p.content) == null ? void 0 : m[0]) == null ? void 0 : r.text;
+  if (!a)
     throw new Error(`No content returned from ${e}`);
-  return JSON.parse(r);
+  return JSON.parse(a);
 }
 const wo = (o) => new Promise((t) => setTimeout(t, o));
-function re(o) {
+function ae(o) {
   var e, n;
   const t = (o == null ? void 0 : o.message) || "";
   return t.includes("ECONNREFUSED") || t.includes("ENOTFOUND") || t.includes("ETIMEDOUT") || t.includes("fetch failed") || t.includes("network") || (o == null ? void 0 : o.code) === "ECONNREFUSED" || ((e = o == null ? void 0 : o.cause) == null ? void 0 : e.code) === "ECONNREFUSED" || ((n = o == null ? void 0 : o.cause) == null ? void 0 : n.code) === "ENOTFOUND";
 }
-function ae(o) {
+function le(o) {
   console.error(`
    This usually happens in sandboxed environments (Claude Web, containers)`), console.error(`   where outbound HTTP is restricted.
 `), console.error("   [MYOP_MCP_FALLBACK] Use Myop MCP tools instead:"), console.error(o === "push" ? "   - Use the upload_component MCP tool with htmlContent parameter" : o === "pull" ? "   - Use the get_component MCP tool" : "   - Use list_organizations + list_components MCP tools"), console.error("   - Do NOT use presigned URL / curl flow — same network restrictions apply"), console.error("");
@@ -1994,18 +1994,18 @@ function ae(o) {
 const vo = () => {
   let o = new URL(import.meta.url).pathname;
   process.platform === "win32" && o.startsWith("/") && (o = o.slice(1));
-  const t = R.dirname(o);
-  return R.join(t, "skills");
+  const t = _.dirname(o);
+  return _.join(t, "skills");
 }, So = (o) => {
   try {
-    const t = R.join(o, "package.json");
+    const t = _.join(o, "package.json");
     if (!P.existsSync(t)) return [];
     const e = JSON.parse(P.readFileSync(t, "utf-8"));
     return Object.keys({ ...e.dependencies, ...e.devDependencies });
   } catch {
     return [];
   }
-}, Qe = async (o) => {
+}, Ze = async (o) => {
   const t = vo();
   if (!P.existsSync(t))
     return console.info("Skills source directory not found, skipping skills installation"), { success: !1 };
@@ -2015,31 +2015,31 @@ const vo = () => {
       { deps: ["@myop/vue", "vue"], skill: "myop-vue-host" },
       { deps: ["@myop/angular", "@angular/core"], skill: "myop-angular-host" },
       { deps: ["@myop/react-native", "react-native"], skill: "myop-react-native-host" }
-    ], i = s.filter(({ deps: l }) => l.some((d) => e.includes(d))).map(({ skill: l }) => l), r = s.flatMap(({ deps: l }) => l.filter((d) => e.includes(d)));
-    i.length > 0 ? n.push(...i) : n.push(...s.map((l) => l.skill));
-    const p = n.map((l) => `--skill ${l}`).join(" "), m = `npx -y skills add "${t}" ${p} --agent '*' --copy -y`;
-    return Q(m, { cwd: o, stdio: "pipe" }), { success: !0, detected: r, skillNames: n };
+    ], i = s.filter(({ deps: r }) => r.some((c) => e.includes(c))).map(({ skill: r }) => r), a = s.flatMap(({ deps: r }) => r.filter((c) => e.includes(c)));
+    i.length > 0 ? n.push(...i) : n.push(...s.map((r) => r.skill));
+    const p = n.map((r) => `--skill ${r}`).join(" "), m = `npx -y skills add "${t}" ${p} --agent '*' --copy -y`;
+    return X(m, { cwd: o, stdio: "pipe" }), { success: !0, detected: a, skillNames: n };
   } catch (e) {
     return console.info("Failed to install skills:", e.message), { success: !1 };
   }
-}, Ze = (o = ".", t = 3, e = 0) => {
+}, qe = (o = ".", t = 3, e = 0) => {
   const n = [];
   if (e > t) return n;
   try {
     const s = P.readdirSync(o, { withFileTypes: !0 });
     for (const i of s) {
-      const r = R.join(o, i.name);
+      const a = _.join(o, i.name);
       if (i.isDirectory()) {
         if (i.name === "node_modules" || i.name === ".git" || i.name === "dist" || i.name.startsWith("."))
           continue;
-        n.push(...Ze(r, t, e + 1));
+        n.push(...qe(a, t, e + 1));
       } else if (i.name === "myop.config.json")
         try {
-          const p = P.readFileSync(r, "utf-8"), m = JSON.parse(p);
+          const p = P.readFileSync(a, "utf-8"), m = JSON.parse(p);
           n.push({
             path: o,
-            configPath: r,
-            name: m.name || m.componentName || R.basename(o),
+            configPath: a,
+            name: m.name || m.componentName || _.basename(o),
             componentId: m.componentId || null,
             config: m
           });
@@ -2051,7 +2051,7 @@ const vo = () => {
   return n;
 };
 v.executionPath = process.cwd();
-const Ee = (o = !1) => {
+const Ie = (o = !1) => {
   const t = v.program.getOptionValue("verbose");
   t || (console.info = () => {
   }), console.info("📝 verbose mode on"), v.options = {
@@ -2069,7 +2069,7 @@ const Ee = (o = !1) => {
           author: "@myop-cli",
           flows: []
         };
-        return Ve(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
+        return Ye(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
       } catch {
         return console.info("Error details :", e), { configFound: !1, error: e };
       }
@@ -2078,36 +2078,36 @@ const Ee = (o = !1) => {
   }
 };
 [
-  new Ue(),
+  new He(),
   ...Lt
 ];
-const xo = "0.1.56";
-v.program = new Pt();
+const xo = "0.1.57";
+v.program = new Mt();
 v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(xo);
-v.program.addOption(new fe("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-v.program.addOption(new fe("-h, --help", "Show helpful information"));
-v.program.addOption(new fe("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-v.program.addOption(new fe("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-v.program.addOption(new fe("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
+v.program.addOption(new ge("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+v.program.addOption(new ge("-h, --help", "Show helpful information"));
+v.program.addOption(new ge("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+v.program.addOption(new ge("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+v.program.addOption(new ge("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
 v.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, t) => {
-  Ee(!0), console.info("adding ", o, t, v.options.configPath), o === "flow" && ct._action(t), process.exit();
+  Ie(!0), console.info("adding ", o, t, v.options.configPath), o === "flow" && dt._action(t), process.exit();
 });
 v.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, t) => {
-  Ee(), console.info("removing ", o, t, v.options.configPath), o === "flow" && dt._action(t), process.exit();
+  Ie(), console.info("removing ", o, t, v.options.configPath), o === "flow" && pt._action(t), process.exit();
 });
 v.program.command("install").description("Install Myop assets").action(async () => {
-  Ee(), await lt.action();
+  Ie(), await ct.action();
 });
 v.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
-    await me();
+    await ue();
   } catch (o) {
     console.error("Login failed:", o.message), process.exit(1);
   }
   process.exit(0);
 });
 v.program.command("logout").description("Clear stored credentials").action(async () => {
-  await gt(), process.exit(0);
+  await ht(), process.exit(0);
 });
 v.program.command("whoami").description("Show current authenticated user").action(async () => {
   const o = Pe();
@@ -2125,7 +2125,7 @@ v.program.command("sync").description('[deprecated] Use "myop push" instead').op
   process.exit(0);
 });
 v.program.command("push").description("Upload component to Myop platform").argument("[componentId]", "Component ID to push to (overrides myop.config.json)").action(async (o) => {
-  var x, $, g;
+  var S, $, h;
   const t = v.program.getOptionValue("config") || "./myop.config.json";
   let e = {};
   if (P.existsSync(t))
@@ -2135,7 +2135,7 @@ v.program.command("push").description("Upload component to Myop platform").argum
       console.error(`⚠️ Failed to parse ${t}:`, u.message);
     }
   o && (e.componentId = o);
-  const n = e.name || e.componentName || R.basename(process.cwd());
+  const n = e.name || e.componentName || _.basename(process.cwd());
   console.log(`
 📋 Component: ${n}`);
   let s = null, i = !1;
@@ -2155,51 +2155,51 @@ v.program.command("push").description("Upload component to Myop platform").argum
   else if (i) {
     const { exec: u } = await import("child_process");
     let E = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-    const O = (M = !1) => new Promise((j) => {
-      const C = z(M ? "Retrying build..." : "Building project...").start();
-      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (N, k, L) => {
+    const k = (b = !1) => new Promise((A) => {
+      const M = Y(b ? "Retrying build..." : "Building project...").start();
+      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (N, R, U) => {
         if (!N) {
-          C.succeed("Build completed"), j(!0);
+          M.succeed("Build completed"), A(!0);
           return;
         }
-        if (C.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
-          const D = await pt(N, k, L, u, E);
+        if (M.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
+          const D = await mt(N, R, U, u, E);
           if (E = { ...E, ...D }, D.handled) {
-            const F = await O(!0);
-            j(F);
+            const F = await k(!0);
+            A(F);
             return;
           }
         }
-        console.error(N.message), j(!1);
+        console.error(N.message), A(!1);
       });
     });
-    await O() || process.exit(1);
+    await k() || process.exit(1);
   }
-  let r;
+  let a;
   if (s)
-    r = s;
+    a = s;
   else if (P.existsSync("./dist/index.html"))
-    r = "./dist/index.html";
+    a = "./dist/index.html";
   else {
     const u = P.readdirSync(".").filter(
       (E) => E.endsWith(".html") && !E.startsWith(".") && P.statSync(E).isFile()
     );
-    u.length === 1 ? r = u[0] : (console.error("❌ No HTML file found to upload."), console.log("   Expected: a single .html file in root or ./dist/index.html"), process.exit(1));
+    u.length === 1 ? a = u[0] : (console.error("❌ No HTML file found to upload."), console.log("   Expected: a single .html file in root or ./dist/index.html"), process.exit(1));
   }
-  const p = P.readFileSync(r, "utf-8");
-  console.log(`   File: ${r} (${(p.length / 1024).toFixed(1)} KB)`);
+  const p = P.readFileSync(a, "utf-8");
+  console.log(`   File: ${a} (${(p.length / 1024).toFixed(1)} KB)`);
   let m;
   try {
-    m = await Ke();
+    m = await Qe();
   } catch (u) {
-    re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : (console.error("❌ Authentication failed:", u.message), console.error(`
+    ae(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), le("push")) : (console.error("❌ Authentication failed:", u.message), console.error(`
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
 `)), process.exit(1);
   }
-  const l = Me();
-  let d = z("Uploading...").start(), w;
+  const r = Ee();
+  let c = Y("Uploading...").start(), y;
   try {
-    const u = await fetch(`${l}/mcp`, {
+    const u = await fetch(`${r}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -2225,27 +2225,27 @@ v.program.command("push").description("Upload component to Myop platform").argum
     const E = await u.json();
     if (E.error)
       throw new Error(E.error.message);
-    const O = (g = ($ = (x = E.result) == null ? void 0 : x.content) == null ? void 0 : $[0]) == null ? void 0 : g.text;
-    if (w = JSON.parse(O), !w.success)
-      throw new Error(w.error);
-    d.succeed("Pushed successfully");
+    const k = (h = ($ = (S = E.result) == null ? void 0 : S.content) == null ? void 0 : $[0]) == null ? void 0 : h.text;
+    if (y = JSON.parse(k), !y.success)
+      throw new Error(y.error);
+    c.succeed("Pushed successfully");
   } catch (u) {
-    d.fail("Upload failed"), re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : console.error("   ", u.message), process.exit(1);
+    c.fail("Upload failed"), ae(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), le("push")) : console.error("   ", u.message), process.exit(1);
   }
-  if (w.isNewComponent || !e.componentId || e.componentId === "DEV") {
-    e.componentId = w.componentId, e.organization = w.orgId, e.name || (e.name = w.componentName);
+  if (y.isNewComponent || !e.componentId || e.componentId === "DEV") {
+    e.componentId = y.componentId, e.organization = y.orgId, e.name || (e.name = y.componentName);
     try {
       P.writeFileSync(t, JSON.stringify(e, null, 2));
     } catch (u) {
-      console.log(`⚠️ Could not update ${t}: ${u.message}`), console.log(`   Add componentId: "${w.componentId}" manually`);
+      console.log(`⚠️ Could not update ${t}: ${u.message}`), console.log(`   Add componentId: "${y.componentId}" manually`);
     }
   }
   console.log(`
-   ${w.componentName}`), console.log(`   ${w.dashboardUrl}
+   ${y.componentName}`), console.log(`   ${y.dashboardUrl}
 `), process.exit(0);
 });
 v.program.command("pull").description("Download component HTML from Myop platform").argument("[componentId]", "Component ID to pull (overrides myop.config.json)").option("-o, --output <path>", "Output file path (default: index.html or dist/index.html)").option("-e, --env <environment>", "Pull the variant released to this environment (e.g., staging, production)").action(async (o, t) => {
-  var u, E, O;
+  var U, D, F;
   const e = v.program.getOptionValue("config") || "./myop.config.json";
   let n = {};
   if (P.existsSync(e))
@@ -2256,24 +2256,22 @@ v.program.command("pull").description("Download component HTML from Myop platfor
   const s = o || n.componentId;
   (!s || s === "DEV") && (console.error("❌ No component ID provided."), console.log("   Pass a component ID: myop pull <componentId>"), console.log("   Or ensure myop.config.json has a valid componentId."), process.exit(1));
   const i = n.name || n.componentName || s;
-  console.log(`
-📥 Pulling: ${i}`), console.log(`   ID: ${s}`), t.env && console.log(`   Environment: ${t.env}`);
-  let r;
+  let a;
   try {
-    r = await Ke();
-  } catch (b) {
-    re(b) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : (console.error("❌ Authentication failed:", b.message), console.error(`
+    a = await Qe();
+  } catch (T) {
+    ae(T) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), le("pull")) : (console.error("❌ Authentication failed:", T.message), console.error(`
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
 `)), process.exit(1);
   }
-  const p = Me(), m = z("Fetching component...").start();
-  let l;
+  const p = Ee(), m = Y("Fetching component...").start();
+  let r;
   try {
-    const b = await fetch(`${p}/mcp`, {
+    const T = await fetch(`${p}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${r.accessToken}`
+        Authorization: `Bearer ${a.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -2285,68 +2283,96 @@ v.program.command("pull").description("Download component HTML from Myop platfor
         }
       })
     });
-    if (!b.ok)
-      throw new Error(`Server returned ${b.status}`);
-    const M = await b.json();
-    if (M.error)
-      throw new Error(M.error.message);
-    const j = (O = (E = (u = M.result) == null ? void 0 : u.content) == null ? void 0 : E[0]) == null ? void 0 : O.text;
-    l = JSON.parse(j), !l.success && !l.html && (m.fail("Failed to fetch component"), console.error("   ", l.error || "No HTML content returned"), l.message && console.error("   ", l.message), process.exit(1)), m.succeed("Component fetched");
-  } catch (b) {
-    m.fail("Failed to fetch component"), re(b) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : console.error("   ", b.message), process.exit(1);
-  }
-  let d = t.output;
-  d || (P.existsSync("./dist/index.html") ? d = "./dist/index.html" : d = "./index.html");
-  const w = l.htmlContent || l.html, x = R.dirname(d);
-  x && !P.existsSync(x) && P.mkdirSync(x, { recursive: !0 }), P.writeFileSync(d, w), console.log(`   Saved to: ${d} (${(w.length / 1024).toFixed(1)} KB)`);
-  const $ = P.existsSync(e);
-  let g = !1;
-  if ($ ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && l.name && (n.name = l.name, g = !0)) : (n = {
-    name: l.name || R.basename(process.cwd()),
+    if (!T.ok)
+      throw new Error(`Server returned ${T.status}`);
+    const O = await T.json();
+    if (O.error)
+      throw new Error(O.error.message);
+    const z = (F = (D = (U = O.result) == null ? void 0 : U.content) == null ? void 0 : D[0]) == null ? void 0 : F.text;
+    r = JSON.parse(z), !r.success && !r.html && (m.fail("Failed to fetch component"), console.error("   ", r.error || "No HTML content returned"), r.message && console.error("   ", r.message), process.exit(1)), m.succeed("Component fetched");
+  } catch (T) {
+    m.fail("Failed to fetch component"), ae(T) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), le("pull")) : console.error("   ", T.message), process.exit(1);
+  }
+  let c = t.output;
+  c || (P.existsSync("./dist/index.html") ? c = "./dist/index.html" : c = "./index.html");
+  const y = r.htmlContent || r.html;
+  let S = [];
+  P.existsSync(c) && (S = P.readFileSync(c, "utf-8").split(`
+`));
+  const $ = y.split(`
+`), h = _.dirname(c);
+  h && !P.existsSync(h) && P.mkdirSync(h, { recursive: !0 }), P.writeFileSync(c, y);
+  const u = P.existsSync(e);
+  let E = !1;
+  if (u ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, E = !0), !n.name && r.name && (n.name = r.name, E = !0)) : (n = {
+    name: r.name || _.basename(process.cwd()),
     componentId: s,
     type: "html",
     author: "@myop-cli",
     HMR: !0
-  }, g = !0), g)
+  }, E = !0), E)
     try {
-      P.writeFileSync(e, JSON.stringify(n, null, 2)), console.log(`   ${$ ? "Updated" : "Created"} ${e}`);
-    } catch (b) {
-      console.log(`   ⚠️ Could not write ${e}: ${b.message}`);
+      P.writeFileSync(e, JSON.stringify(n, null, 2));
+    } catch {
     }
+  const k = (T) => {
+    if (!T) return "";
+    const O = Math.floor((Date.now() - new Date(T).getTime()) / 1e3);
+    if (O < 60) return "just now";
+    const z = Math.floor(O / 60);
+    if (z < 60) return `${z} minute${z !== 1 ? "s" : ""} ago`;
+    const ee = Math.floor(z / 60);
+    if (ee < 24) return `${ee} hour${ee !== 1 ? "s" : ""} ago`;
+    const W = Math.floor(ee / 24);
+    return `${W} day${W !== 1 ? "s" : ""} ago`;
+  }, C = r.latestVariant, b = r.component || r, A = (b == null ? void 0 : b.name) || i, M = t.env ? ` [${t.env}]` : "";
   console.log(`
-✅ Pull completed!
-`), process.exit(0);
+From myop.dev (${A})${M}`), C != null && C.name ? console.log(` * variant    ${C.name} -> ${c}`) : console.log(` * -> ${c}`);
+  const N = (C == null ? void 0 : C.updatedBy) || (b == null ? void 0 : b.updatedBy), R = (C == null ? void 0 : C.updatedOn) || (b == null ? void 0 : b.updatedOn);
+  if (N || R) {
+    const T = [N, k(R)].filter(Boolean);
+    console.log(`   author     ${T.join(", ")}`);
+  }
+  if (S.length > 0 && S.join(`
+`) === y)
+    console.log("Already up to date.");
+  else if (S.length > 0) {
+    const T = Math.max(0, $.length - S.length), O = Math.max(0, S.length - $.length), z = Math.abs($.length - S.length), W = z > 0 ? Math.min(1, 20 / z) : 0, oe = Math.round(T * W) || (T > 0 ? 1 : 0), Q = Math.round(O * W) || (O > 0 ? 1 : 0), Oe = "\x1B[32m" + "+".repeat(oe) + "\x1B[31m" + "-".repeat(Q) + "\x1B[0m";
+    console.log(` ${_.basename(c)} | ${Oe}`), console.log(` 1 file changed, \x1B[32m+${T}\x1B[0m \x1B[31m-${O}\x1B[0m lines`);
+  } else
+    console.log(` ${_.basename(c)} (new file, ${$.length} lines)`);
+  console.log(""), process.exit(0);
 });
 v.program.command("list").description("Browse and pull/push remote components").option("--org <orgId>", "Organization ID to use").action(async (o) => {
   const { search: t, select: e } = await import("@inquirer/prompts");
   let n;
   try {
-    n = await Ke();
-  } catch (g) {
-    re(g) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : (console.error("❌ Authentication failed:", g.message), console.error(`
+    n = await Qe();
+  } catch (h) {
+    ae(h) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), le("list")) : (console.error("❌ Authentication failed:", h.message), console.error(`
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
 `)), process.exit(1);
   }
-  const s = Me(), i = (g, u) => yo(s, n.accessToken, g, u);
-  let r = z("Loading organizations...").start(), p;
+  const s = Ee(), i = (h, u) => yo(s, n.accessToken, h, u);
+  let a = Y("Loading organizations...").start(), p;
   try {
-    const g = await i("list_organizations");
-    if (p = g.organizations || g, !Array.isArray(p))
+    const h = await i("list_organizations");
+    if (p = h.organizations || h, !Array.isArray(p))
       throw new Error("Unexpected response from list_organizations");
-  } catch (g) {
-    r.fail("Failed to load organizations"), re(g) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : console.error("   ", g.message), process.exit(1);
+  } catch (h) {
+    a.fail("Failed to load organizations"), ae(h) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), le("list")) : console.error("   ", h.message), process.exit(1);
   }
-  p.length === 0 && (r.fail("No organizations found for this account"), process.exit(1)), r.stop();
-  let m, l;
+  p.length === 0 && (a.fail("No organizations found for this account"), process.exit(1)), a.stop();
+  let m, r;
   if (o.org) {
-    const g = p.find((u) => u.id === o.org || u._id === o.org);
-    g || (console.error(`Organization "${o.org}" not found. Available:`), p.forEach((u) => console.log(`  ${u.id || u._id}  ${u.name}`)), process.exit(1)), m = g.id || g._id, l = g.name, Le({ id: m, name: l });
+    const h = p.find((u) => u.id === o.org || u._id === o.org);
+    h || (console.error(`Organization "${o.org}" not found. Available:`), p.forEach((u) => console.log(`  ${u.id || u._id}  ${u.name}`)), process.exit(1)), m = h.id || h._id, r = h.name, Ue({ id: m, name: r });
   } else {
-    const g = ho();
-    if (g && p.find((u) => (u.id || u._id) === g.id))
-      m = g.id, l = g.name;
+    const h = ho();
+    if (h && p.find((u) => (u.id || u._id) === h.id))
+      m = h.id, r = h.name;
     else if (p.length === 1)
-      m = p[0].id || p[0]._id, l = p[0].name, Le({ id: m, name: l });
+      m = p[0].id || p[0]._id, r = p[0].name, Ue({ id: m, name: r });
     else
       try {
         const u = await e({
@@ -2356,7 +2382,7 @@ v.program.command("list").description("Browse and pull/push remote components").
             value: { id: E.id || E._id, name: E.name }
           }))
         });
-        m = u.id, l = u.name, Le({ id: m, name: l });
+        m = u.id, r = u.name, Ue({ id: m, name: r });
       } catch (u) {
         throw u.name === "ExitPromptError" && (console.log(`
 
@@ -2364,146 +2390,146 @@ v.program.command("list").description("Browse and pull/push remote components").
 `), process.exit(0)), u;
       }
   }
-  console.log(`  Using organization: ${l}`), r = z("Loading components...").start();
-  let d;
+  console.log(`  Using organization: ${r}`), a = Y("Loading components...").start();
+  let c;
   try {
-    const g = await i("list_components", { organizationId: m });
-    if (d = g.components || g, !Array.isArray(d))
+    const h = await i("list_components", { organizationId: m });
+    if (c = h.components || h, !Array.isArray(c))
       throw new Error("Unexpected response from list_components");
-  } catch (g) {
-    r.fail("Failed to load components"), console.error("   ", g.message), process.exit(1);
+  } catch (h) {
+    a.fail("Failed to load components"), console.error("   ", h.message), process.exit(1);
   }
-  r.stop(), d.length === 0 && (console.log(`  No components found in this organization.
-`), process.exit(0)), console.log(`  ${l} - ${d.length} component(s)
+  a.stop(), c.length === 0 && (console.log(`  No components found in this organization.
+`), process.exit(0)), console.log(`  ${r} - ${c.length} component(s)
 `);
-  const w = [];
+  const y = [];
   for (; ; ) {
-    const g = `[Done - pull/push ${w.length} selected]`, u = "__done__", E = new Set(w.map((M) => M.id || M._id || M.componentId));
-    let O;
+    const h = `[Done - pull/push ${y.length} selected]`, u = "__done__", E = new Set(y.map((b) => b.id || b._id || b.componentId));
+    let k;
     try {
-      O = await t({
+      k = await t({
         message: "Search & select components:",
-        source: (M) => {
-          const j = (M || "").toLowerCase(), C = d.filter((k) => {
-            const L = k.id || k._id || k.componentId;
-            return E.has(L) ? !1 : j ? (k.name || "").toLowerCase().includes(j) : !0;
+        source: (b) => {
+          const A = (b || "").toLowerCase(), M = c.filter((R) => {
+            const U = R.id || R._id || R.componentId;
+            return E.has(U) ? !1 : A ? (R.name || "").toLowerCase().includes(A) : !0;
           }), N = [
-            { name: g, value: u }
+            { name: h, value: u }
           ];
-          for (const k of C) {
-            const L = k.id || k._id || k.componentId, D = L ? L.substring(0, 8) + "..." : "";
+          for (const R of M) {
+            const U = R.id || R._id || R.componentId, D = U ? U.substring(0, 8) + "..." : "";
             N.push({
-              name: `${k.name}  (${D})`,
-              value: L
+              name: `${R.name}  (${D})`,
+              value: U
             });
           }
           return N;
         }
       });
-    } catch (M) {
-      throw M.name === "ExitPromptError" && (console.log(`
+    } catch (b) {
+      throw b.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), M;
+`), process.exit(0)), b;
     }
-    if (O === u)
+    if (k === u)
       break;
-    const b = d.find((M) => (M.id || M._id || M.componentId) === O);
-    b && (w.push(b), console.log(`  + ${b.name}`));
+    const C = c.find((b) => (b.id || b._id || b.componentId) === k);
+    C && (y.push(C), console.log(`  + ${C.name}`));
   }
-  w.length === 0 && (console.log(`  No components selected.
+  y.length === 0 && (console.log(`  No components selected.
 `), process.exit(0));
-  let x;
+  let S;
   try {
-    x = await e({
-      message: `${w.length} component(s) selected:`,
+    S = await e({
+      message: `${y.length} component(s) selected:`,
       choices: [
         { name: "Pull selected", value: "pull" },
         { name: "Push selected", value: "push" },
         { name: "Cancel", value: "cancel" }
       ]
     });
-  } catch (g) {
-    throw g.name === "ExitPromptError" && (console.log(`
+  } catch (h) {
+    throw h.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), g;
+`), process.exit(0)), h;
   }
-  x === "cancel" && (console.log(`  Cancelled.
+  S === "cancel" && (console.log(`  Cancelled.
 `), process.exit(0));
-  const $ = (g) => g.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-  if (x === "pull") {
+  const $ = (h) => h.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  if (S === "pull") {
     console.log(`
-  Pulling ${w.length} components...
+  Pulling ${y.length} components...
 `);
-    const g = await Promise.all(w.map(async (O) => {
-      const b = O.id || O._id || O.componentId;
+    const h = await Promise.all(y.map(async (k) => {
+      const C = k.id || k._id || k.componentId;
       try {
-        const M = await i("get_component", { componentId: b }), j = $(O.name);
-        P.mkdirSync(j, { recursive: !0 });
-        const C = M.htmlContent || M.html;
-        if (!C)
+        const b = await i("get_component", { componentId: C }), A = $(k.name);
+        P.mkdirSync(A, { recursive: !0 });
+        const M = b.htmlContent || b.html;
+        if (!M)
           throw new Error("No HTML content returned");
-        return P.writeFileSync(R.join(j, "index.html"), C), P.writeFileSync(R.join(j, "myop.config.json"), JSON.stringify({
-          name: O.name,
-          componentId: b,
+        return P.writeFileSync(_.join(A, "index.html"), M), P.writeFileSync(_.join(A, "myop.config.json"), JSON.stringify({
+          name: k.name,
+          componentId: C,
           organization: m,
           type: "html",
           author: "@myop-cli",
           HMR: !0
-        }, null, 2)), { name: O.name, status: "ok", dir: j };
-      } catch (M) {
-        return { name: O.name, status: "failed", error: M.message };
+        }, null, 2)), { name: k.name, status: "ok", dir: A };
+      } catch (b) {
+        return { name: k.name, status: "failed", error: b.message };
       }
     }));
     let u = 0, E = 0;
-    for (const O of g)
-      O.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${O.name} -> ./${O.dir}/`), u++) : (console.log(`  \x1B[31m✖\x1B[0m ${O.name} - ${O.error}`), E++);
+    for (const k of h)
+      k.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${k.name} -> ./${k.dir}/`), u++) : (console.log(`  \x1B[31m✖\x1B[0m ${k.name} - ${k.error}`), E++);
     console.log(`
   Done! Pulled ${u} component${u !== 1 ? "s" : ""}.${E ? ` ${E} failed.` : ""}
 `);
-  } else if (x === "push") {
+  } else if (S === "push") {
     console.log(`
-  Pushing ${w.length} components...
+  Pushing ${y.length} components...
 `);
-    const g = Ze(".", 3), u = await Promise.all(w.map(async (M) => {
-      const j = M.id || M._id || M.componentId, C = g.find((N) => N.componentId === j);
-      if (!C)
-        return { name: M.name, status: "skipped", reason: "no local match" };
+    const h = qe(".", 3), u = await Promise.all(y.map(async (b) => {
+      const A = b.id || b._id || b.componentId, M = h.find((N) => N.componentId === A);
+      if (!M)
+        return { name: b.name, status: "skipped", reason: "no local match" };
       try {
         let N;
-        const k = C.path;
-        if (P.existsSync(R.join(k, "dist", "index.html")))
-          N = R.join(k, "dist", "index.html");
+        const R = M.path;
+        if (P.existsSync(_.join(R, "dist", "index.html")))
+          N = _.join(R, "dist", "index.html");
         else {
-          const W = P.readdirSync(k).filter(
-            (_) => _.endsWith(".html") && !_.startsWith(".") && P.statSync(R.join(k, _)).isFile()
+          const T = P.readdirSync(R).filter(
+            (O) => O.endsWith(".html") && !O.startsWith(".") && P.statSync(_.join(R, O)).isFile()
           );
-          if (W.length === 1)
-            N = R.join(k, W[0]);
-          else if (W.includes("index.html"))
-            N = R.join(k, "index.html");
+          if (T.length === 1)
+            N = _.join(R, T[0]);
+          else if (T.includes("index.html"))
+            N = _.join(R, "index.html");
           else
             throw new Error("No HTML file found");
         }
-        const L = P.readFileSync(N, "utf-8"), D = C.name || M.name, F = await i("upload_component", {
+        const U = P.readFileSync(N, "utf-8"), D = M.name || b.name, F = await i("upload_component", {
           name: D,
-          componentId: j,
+          componentId: A,
           organization: m,
-          htmlContent: L
+          htmlContent: U
         });
         if (!F.success)
           throw new Error(F.error || "Upload failed");
         return { name: D, status: "ok" };
       } catch (N) {
-        return { name: M.name, status: "failed", error: N.message };
+        return { name: b.name, status: "failed", error: N.message };
       }
     }));
-    let E = 0, O = 0, b = 0;
-    for (const M of u)
-      M.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${M.name}`), E++) : M.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${M.name} (${M.reason})`), O++) : (console.log(`  \x1B[31m✖\x1B[0m ${M.name} - ${M.error}`), b++);
+    let E = 0, k = 0, C = 0;
+    for (const b of u)
+      b.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${b.name}`), E++) : b.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${b.name} (${b.reason})`), k++) : (console.log(`  \x1B[31m✖\x1B[0m ${b.name} - ${b.error}`), C++);
     console.log(`
-  Done! Pushed ${E}${O ? `, skipped ${O}` : ""}${b ? `, ${b} failed` : ""}.
+  Done! Pushed ${E}${k ? `, skipped ${k}` : ""}${C ? `, ${C} failed` : ""}.
 `);
   }
   process.exit(0);
@@ -2532,7 +2558,7 @@ v.program.command("create").description("Create a new Myop HTML component and st
     HMR: !0
   };
   t.writeFileSync("myop.config.json", JSON.stringify(i, null, 2));
-  const r = `<!DOCTYPE html>
+  const a = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -2654,24 +2680,24 @@ v.program.command("create").description("Create a new Myop HTML component and st
     <\/script>
 </body>
 </html>`;
-  t.writeFileSync("index.html", r);
-  const p = await Qe(process.cwd());
+  t.writeFileSync("index.html", a);
+  const p = await Ze(process.cwd());
   console.log(`
-✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), p.success && console.log("   AI agent skills installed"), console.log(""), await Ce();
+✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), p.success && console.log("   AI agent skills installed"), console.log(""), await Me();
 });
-v.program.command("dev").description("Start development server with file watching").action(Ce);
-const yt = async () => {
-  const o = process.cwd(), t = z("Installing AI agent skills...").start(), e = await Qe(o);
+v.program.command("dev").description("Start development server with file watching").action(Me);
+const wt = async () => {
+  const o = process.cwd(), t = Y("Installing AI agent skills...").start(), e = await Ze(o);
   e.success ? (t.succeed("AI agent skills installed"), e.detected.length > 0 && console.log(`   Detected: ${e.detected.join(", ")}`), console.log(`   Skills: ${e.skillNames.join(", ")}`)) : t.fail("Failed to install skills"), process.exit(e.success ? 0 : 1);
 };
-v.program.command("skill").description("Install or update AI agent skills in the current directory").action(yt);
-v.program.command("train").description("Install or update AI agent skills in the current directory (alias for skill)").action(yt);
+v.program.command("skill").description("Install or update AI agent skills in the current directory").action(wt);
+v.program.command("train").description("Install or update AI agent skills in the current directory (alias for skill)").action(wt);
 v.program.command("mcp").description("Configure Myop MCP server for your AI coding assistant").action(async () => {
-  const { select: o, confirm: t } = await import("@inquirer/prompts"), n = (await import("os")).homedir(), s = Me() + "/mcp", i = [
+  const { select: o, confirm: t } = await import("@inquirer/prompts"), n = (await import("os")).homedir(), s = Ee() + "/mcp", i = [
     {
       name: "Claude Code",
       value: "claude",
-      configPath: R.join(n, ".claude.json"),
+      configPath: _.join(n, ".claude.json"),
       getEntry: () => ({ type: "http", url: s }),
       nextSteps: [
         "Restart Claude Code to pick up the new MCP config.",
@@ -2683,7 +2709,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Cursor",
       value: "cursor",
-      configPath: R.join(n, ".cursor", "mcp.json"),
+      configPath: _.join(n, ".cursor", "mcp.json"),
       getEntry: () => ({ url: s }),
       nextSteps: [
         'Go to Cursor Settings > Tools & MCP to verify "myop" appears.',
@@ -2696,7 +2722,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Windsurf",
       value: "windsurf",
-      configPath: R.join(n, ".codeium", "windsurf", "mcp_config.json"),
+      configPath: _.join(n, ".codeium", "windsurf", "mcp_config.json"),
       getEntry: () => ({ url: s }),
       nextSteps: [
         "Open Cascade and click the hammer icon (top-right) to see MCP servers.",
@@ -2708,7 +2734,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "VS Code (GitHub Copilot)",
       value: "vscode",
-      configPath: process.platform === "darwin" ? R.join(n, "Library", "Application Support", "Code", "User", "mcp.json") : process.platform === "win32" ? R.join(process.env.APPDATA || R.join(n, "AppData", "Roaming"), "Code", "User", "mcp.json") : R.join(n, ".config", "Code", "User", "mcp.json"),
+      configPath: process.platform === "darwin" ? _.join(n, "Library", "Application Support", "Code", "User", "mcp.json") : process.platform === "win32" ? _.join(process.env.APPDATA || _.join(n, "AppData", "Roaming"), "Code", "User", "mcp.json") : _.join(n, ".config", "Code", "User", "mcp.json"),
       getEntry: () => ({ type: "http", url: s }),
       nextSteps: [
         "Requires VS Code 1.99+ and GitHub Copilot extension.",
@@ -2723,64 +2749,64 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
   console.log(`
   Configure Myop MCP server for your AI coding assistant.
 `);
-  let r;
+  let a;
   try {
-    r = await o({
+    a = await o({
       message: "Select your AI coding assistant:",
-      choices: i.map((d) => ({ name: d.name, value: d.value }))
+      choices: i.map((c) => ({ name: c.name, value: c.value }))
     });
-  } catch (d) {
-    throw d.name === "ExitPromptError" && (console.log(`
+  } catch (c) {
+    throw c.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), d;
+`), process.exit(0)), c;
   }
-  const p = i.find((d) => d.value === r);
+  const p = i.find((c) => c.value === a);
   let m = {};
   try {
-    const d = P.readFileSync(p.configPath, "utf-8");
-    m = JSON.parse(d);
+    const c = P.readFileSync(p.configPath, "utf-8");
+    m = JSON.parse(c);
   } catch {
   }
   m.mcpServers || (m.mcpServers = {});
-  const l = m.mcpServers.myop;
-  if (l && l.url === s) {
+  const r = m.mcpServers.myop;
+  if (r && r.url === s) {
     console.log(`
   Myop MCP is already configured for ${p.name}.`), console.log(`  Config: ${p.configPath}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
-    for (const d of p.nextSteps)
-      console.log(`  ${d}`);
+    for (const c of p.nextSteps)
+      console.log(`  ${c}`);
     console.log(""), process.exit(0);
   }
-  if (l) {
+  if (r) {
     console.log(`
-  Myop MCP is already configured (URL: ${l.url}).`);
+  Myop MCP is already configured (URL: ${r.url}).`);
     try {
       await t({ message: "Update to latest URL?", default: !0 }) || process.exit(0);
-    } catch (d) {
-      throw d.name === "ExitPromptError" && process.exit(0), d;
+    } catch (c) {
+      throw c.name === "ExitPromptError" && process.exit(0), c;
     }
   }
-  m.mcpServers.myop = p.getEntry(), P.mkdirSync(R.dirname(p.configPath), { recursive: !0 }), P.writeFileSync(p.configPath, JSON.stringify(m, null, 2)), console.log(`
+  m.mcpServers.myop = p.getEntry(), P.mkdirSync(_.dirname(p.configPath), { recursive: !0 }), P.writeFileSync(p.configPath, JSON.stringify(m, null, 2)), console.log(`
   \x1B[32m✔\x1B[0m Myop MCP configured for ${p.name}`), console.log(`  Config:  ${p.configPath}`), console.log(`  Server:  ${s}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
-  for (const d of p.nextSteps)
-    console.log(`  ${d}`);
+  for (const c of p.nextSteps)
+    console.log(`  ${c}`);
   console.log(""), process.exit(0);
 });
 const $o = () => {
   try {
-    Q("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    X("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    Q("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    X("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const o = Q("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const o = X("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -2800,12 +2826,12 @@ const $o = () => {
   } catch {
     return null;
   }
-}, ne = async (o = !1, t = !1) => {
-  var d, w, x;
-  const e = Pe(), n = !!(e != null && e.email), s = ((d = v.myopConfig) == null ? void 0 : d.name) || ((w = v.myopConfig) == null ? void 0 : w.componentName), i = (x = v.myopConfig) == null ? void 0 : x.componentId, r = $o();
+}, ie = async (o = !1, t = !1) => {
+  var c, y, S;
+  const e = Pe(), n = !!(e != null && e.email), s = ((c = v.myopConfig) == null ? void 0 : c.name) || ((y = v.myopConfig) == null ? void 0 : y.componentName), i = (S = v.myopConfig) == null ? void 0 : S.componentId, a = $o();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
-`), o && s ? (console.log(`  Component:  ${s}`), i ? (console.log(`  ID:         ${i}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${i}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? e.email : "Not logged in"}`), r != null && r.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")) : r != null && r.notARepo ? console.log("  Changes:    Not a git repository") : r && (r.insertions > 0 || r.deletions > 0) ? console.log(`  Changes:    ${r.files} file${r.files !== 1 ? "s" : ""} | \x1B[32m+${r.insertions}\x1B[0m \x1B[31m-${r.deletions}\x1B[0m`) : r && console.log("  Changes:    No uncommitted changes"), console.log("");
+`), o && s ? (console.log(`  Component:  ${s}`), i ? (console.log(`  ID:         ${i}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${i}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? e.email : "Not logged in"}`), a != null && a.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")) : a != null && a.notARepo ? console.log("  Changes:    Not a git repository") : a && (a.insertions > 0 || a.deletions > 0) ? console.log(`  Changes:    ${a.files} file${a.files !== 1 ? "s" : ""} | \x1B[32m+${a.insertions}\x1B[0m \x1B[31m-${a.deletions}\x1B[0m`) : a && console.log("  Changes:    No uncommitted changes"), console.log("");
   const m = [
     {
       emoji: "🚀",
@@ -2835,7 +2861,7 @@ const $o = () => {
     disabled: $.disabled
   }));
   m.push(
-    new Ue(),
+    new He(),
     {
       name: t && n ? `🔓 Logout (${e.email})
      Clears stored credentials from this machine` : t && !n ? `🔐 Login to Myop
@@ -2846,15 +2872,15 @@ const $o = () => {
       name: t ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new Ue(),
+    new He(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let l;
+  let r;
   try {
-    l = await st({
+    r = await it({
       message: "What would you like to do?",
       choices: m
     });
@@ -2864,9 +2890,9 @@ const $o = () => {
 👋 Goodbye!
 `), process.exit(0)), $;
   }
-  switch (l) {
+  switch (r) {
     case "init":
-      await Mo();
+      await Po();
       break;
     case "sync":
       console.log(`
@@ -2877,32 +2903,32 @@ Pushing component...
         $("node " + process.argv[1] + " push", { stdio: "inherit" });
       } catch {
       }
-      await ne(!0, t);
+      await ie(!0, t);
       break;
     case "dev":
-      await Ce();
+      await Me();
       break;
     case "login":
       try {
-        await me(), console.log(`
-`), await ne(o, t);
-      } catch (g) {
-        console.error("Login failed:", g.message), await ne(o, t);
+        await ue(), console.log(`
+`), await ie(o, t);
+      } catch (h) {
+        console.error("Login failed:", h.message), await ie(o, t);
       }
       break;
     case "logout":
-      await gt(), console.log(`
-`), await ne(o, t);
+      await ht(), console.log(`
+`), await ie(o, t);
       break;
     case "help":
-      await ne(o, !t);
+      await ie(o, !t);
       break;
     case "exit":
       process.exit(0);
   }
-}, be = ".myop-monorepo.json", bo = () => {
+}, Ce = ".myop-monorepo.json", bo = () => {
   try {
-    const o = P.readFileSync(be, "utf-8");
+    const o = P.readFileSync(Ce, "utf-8");
     return JSON.parse(o);
   } catch {
     return null;
@@ -2913,37 +2939,37 @@ Pushing component...
       selectedComponents: o,
       lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
     };
-    P.writeFileSync(be, JSON.stringify(t, null, 2));
+    P.writeFileSync(Ce, JSON.stringify(t, null, 2));
   } catch {
   }
-}, Po = async () => {
+}, Mo = async () => {
   const o = Pe(), t = !!(o != null && o.email);
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Myop CLI - Monorepo Mode                      │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `);
-  const e = z("Scanning for components...").start(), n = Ze(".");
+  const e = Y("Scanning for components...").start(), n = qe(".");
   e.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 s = bo(), i = (s == null ? void 0 : s.selectedComponents) || [], r = i.length > 0;
+  const s = bo(), i = (s == null ? void 0 : s.selectedComponents) || [], a = i.length > 0;
   console.log(`  Found ${n.length} component${n.length > 1 ? "s" : ""}:
-`), n.forEach((w, x) => {
-    const $ = w.componentId ? "✅" : "⚪", g = w.componentId ? w.componentId.substring(0, 8) + "..." : "(not pushed)";
-    console.log(`  ${$} ${w.name}`), console.log(`     Path: ${w.path}`), console.log(`     ID:   ${g}`), console.log("");
-  }), console.log(`  User: ${t ? o.email : "Not logged in"}`), r && console.log(`  📋 Using saved selection from ${be}`), console.log("");
+`), n.forEach((y, S) => {
+    const $ = y.componentId ? "✅" : "⚪", h = y.componentId ? y.componentId.substring(0, 8) + "..." : "(not pushed)";
+    console.log(`  ${$} ${y.name}`), console.log(`     Path: ${y.path}`), console.log(`     ID:   ${h}`), console.log("");
+  }), console.log(`  User: ${t ? o.email : "Not logged in"}`), a && console.log(`  📋 Using saved selection from ${Ce}`), console.log("");
   const p = v.program.getOptionValue("ci");
   let m;
   if (p)
-    r ? (m = i, console.log(`  🤖 CI mode: using saved selection (${m.length} components)`)) : (m = n.map((w) => w.path), console.log(`  🤖 CI mode: no saved selection, using all ${m.length} components`));
+    a ? (m = i, console.log(`  🤖 CI mode: using saved selection (${m.length} components)`)) : (m = n.map((y) => y.path), console.log(`  🤖 CI mode: no saved selection, using all ${m.length} components`));
   else {
-    const { checkbox: w } = await import("@inquirer/prompts"), x = n.map(($) => ({
+    const { checkbox: y } = await import("@inquirer/prompts"), S = n.map(($) => ({
       name: `${$.name} (${$.path})`,
       value: $.path,
-      checked: r ? i.includes($.path) : !0
+      checked: a ? i.includes($.path) : !0
     }));
     try {
-      m = await w({
+      m = await y({
         message: "Select components to start in dev mode:",
-        choices: x
+        choices: S
       });
     } catch ($) {
       throw $.name === "ExitPromptError" && (console.log(`
@@ -2955,20 +2981,20 @@ Pushing component...
   m.length === 0 && (console.log(`
 ⚠️  No components selected.
 `), process.exit(0)), p || (Co(m), console.log(`
-💾 Selection saved to ${be}`));
-  const l = n.filter((w) => m.includes(w.path));
-  console.log(`🚀 Starting dev mode for ${l.length} component${l.length > 1 ? "s" : ""}...
+💾 Selection saved to ${Ce}`));
+  const r = n.filter((y) => m.includes(y.path));
+  console.log(`🚀 Starting dev mode for ${r.length} component${r.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: d } = await Promise.resolve().then(() => Vt);
-  await d(l);
-}, Mo = async () => {
+  const { monorepoDevCommand: c } = await Promise.resolve().then(() => Vt);
+  await c(r);
+}, Po = async () => {
   const { input: o, select: t } = await import("@inquirer/prompts"), e = await import("fs"), n = await import("path"), s = n.default.basename(process.cwd());
-  let i, r;
+  let i, a;
   try {
     i = await o({
       message: "Component name:",
       default: s
-    }), r = await t({
+    }), a = await t({
       message: "Component type:",
       choices: [
         { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
@@ -2977,22 +3003,22 @@ Pushing component...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (l) {
-    throw l.name === "ExitPromptError" && (console.log(`
+  } catch (r) {
+    throw r.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), l;
+`), process.exit(0)), r;
   }
   const p = {
     name: i,
-    type: r,
+    type: a,
     author: "@myop-cli",
     HMR: !0
   }, m = v.program.getOptionValue("config") || "./myop.config.json";
   try {
     e.writeFileSync(m, JSON.stringify(p, null, 2)), console.log(`
 ✅ Created ${m}`);
-    const l = {
+    const r = {
       name: i.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -3004,7 +3030,7 @@ Pushing component...
         esbuild: "^0.24.0"
       }
     };
-    e.writeFileSync("package.json", JSON.stringify(l, null, 2)), console.log("✅ Created package.json"), e.mkdirSync("src/modules", { recursive: !0 }), e.mkdirSync("src/styles", { recursive: !0 }), e.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    e.writeFileSync("package.json", JSON.stringify(r, null, 2)), console.log("✅ Created package.json"), e.mkdirSync("src/modules", { recursive: !0 }), e.mkdirSync("src/styles", { recursive: !0 }), e.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
 
@@ -3084,7 +3110,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 w = `<!DOCTYPE html>
+    const y = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -3101,8 +3127,8 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    e.writeFileSync("index.html", w), console.log("✅ Created index.html");
-    const x = `// ${i} - Entry Point
+    e.writeFileSync("index.html", y), console.log("✅ Created index.html");
+    const S = `// ${i} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
 
@@ -3111,7 +3137,7 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    e.writeFileSync("src/index.js", x), console.log("✅ Created src/index.js");
+    e.writeFileSync("src/index.js", S), console.log("✅ Created src/index.js");
     const $ = `// ${i} - Main Application Logic
 
 export function init() {
@@ -3176,12 +3202,12 @@ dist/
 .temp-styles.css
 .DS_Store
 `), console.log("✅ Created .gitignore");
-    const b = await Qe(process.cwd());
-    b.success && console.log("✅ Installed AI agent skills");
-    const M = await import("./index-DuEoKctW.js").then((C) => C.i), j = process.cwd();
+    const C = await Ze(process.cwd());
+    C.success && console.log("✅ Installed AI agent skills");
+    const b = await import("./index-DuEoKctW.js").then((M) => M.i), A = process.cwd();
     try {
-      await M.init({ fs: e, dir: j });
-      const C = [
+      await b.init({ fs: e, dir: A });
+      const M = [
         "myop.config.json",
         "package.json",
         "build.js",
@@ -3193,85 +3219,85 @@ dist/
         "src/styles/index.css",
         "src/styles/main.css"
       ];
-      if (b.success) {
-        const N = (k, L) => {
+      if (C.success) {
+        const N = (R, U) => {
           try {
-            const D = e.readdirSync(k, { withFileTypes: !0 });
+            const D = e.readdirSync(R, { withFileTypes: !0 });
             for (const F of D) {
-              const W = n.join(k, F.name), _ = n.join(L, F.name);
-              F.isDirectory() ? N(W, _) : C.push(_);
+              const T = n.join(R, F.name), O = n.join(U, F.name);
+              F.isDirectory() ? N(T, O) : M.push(O);
             }
           } catch {
           }
         };
         try {
-          const k = e.readdirSync(".", { withFileTypes: !0 });
-          for (const L of k)
-            if (L.isDirectory() && L.name.startsWith(".")) {
-              const D = n.join(L.name, "skills");
+          const R = e.readdirSync(".", { withFileTypes: !0 });
+          for (const U of R)
+            if (U.isDirectory() && U.name.startsWith(".")) {
+              const D = n.join(U.name, "skills");
               e.existsSync(D) && N(D, D);
             }
         } catch {
         }
       }
-      for (const N of C)
-        await M.add({ fs: e, dir: j, filepath: N });
-      await M.commit({
+      for (const N of M)
+        await b.add({ fs: e, dir: A, filepath: N });
+      await b.commit({
         fs: e,
-        dir: j,
+        dir: A,
         message: "init",
         author: { name: "myop-cli", email: "cli@myop.dev" }
       }), console.log("✅ Initialized git repository");
-    } catch (C) {
-      console.log("⚠️  Failed to initialize git repository:", C.message);
+    } catch (M) {
+      console.log("⚠️  Failed to initialize git repository:", M.message);
     }
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
-`), v.myopConfig = p, await ne(!0);
-  } catch (l) {
-    console.error(`Failed to initialize component: ${l.message}`), process.exit(1);
+`), v.myopConfig = p, await ie(!0);
+  } catch (r) {
+    console.error(`Failed to initialize component: ${r.message}`), process.exit(1);
   }
 };
 v.program.command("default", { isDefault: !0 }).action(async () => {
   if (v.program.getOptionValue("help") && (console.log(Rt), process.exit()), v.program.getOptionValue("monorepo")) {
-    await Po();
+    await Mo();
     return;
   }
   if (v.program.getOptionValue("ci")) {
-    const p = await import("fs"), m = v.program.getOptionValue("config") || "./myop.config.json", l = v.program.version(), d = Pe();
-    let w = { found: !1 };
+    const p = await import("fs"), m = v.program.getOptionValue("config") || "./myop.config.json", r = v.program.version(), c = Pe();
+    let y = { found: !1 };
     try {
       if (p.existsSync(m)) {
-        const $ = p.readFileSync(m, "utf-8"), g = JSON.parse($);
-        w = {
+        const $ = p.readFileSync(m, "utf-8"), h = JSON.parse($);
+        y = {
           found: !0,
           path: m,
-          name: g.name || g.componentName || null,
-          componentId: g.componentId || null,
-          organization: g.organization || null
+          name: h.name || h.componentName || null,
+          componentId: h.componentId || null,
+          organization: h.organization || null
         };
       }
     } catch ($) {
-      w = { found: !1, error: $.message };
+      y = { found: !1, error: $.message };
     }
-    const x = {
-      version: l,
-      config: w,
+    const S = {
+      version: r,
+      config: y,
       auth: {
-        loggedIn: !!(d != null && d.email),
-        email: (d == null ? void 0 : d.email) || null
+        loggedIn: !!(c != null && c.email),
+        email: (c == null ? void 0 : c.email) || null
       }
     };
-    console.log(JSON.stringify(x, null, 2)), process.exit(0);
+    console.log(JSON.stringify(S, null, 2)), process.exit(0);
   }
-  let n = z({
+  let n = Y({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const s = Ee();
+  const s = Ie();
   await wo(500), n.stop();
   const i = v.program.version();
-  await uo(i) || await ne(s.configFound);
+  await uo(i) || await ie(s.configFound);
 });
 Qt();
 v.program.parse(process.argv);