@myop/cli 0.1.48 → 0.1.50

package/dist/myop-cli.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
-var wt = Object.defineProperty;
-var St = (o, t, e) => t in o ? wt(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var ye = (o, t, e) => St(o, typeof t != "symbol" ? t + "" : t, e);
-import Y from "ora";
-import { select as et, Separator as _e } from "@inquirer/prompts";
-import { Command as vt, Option as me } from "commander";
-import { execSync as X, spawn as xt } from "child_process";
-import _, { join as Te } from "path";
-import M, { readFileSync as $t } from "fs";
-import He from "crypto";
-import bt from "http";
-import { URL as tt, URLSearchParams as ot } from "url";
-import Ct from "open";
-import nt from "os";
-const Pt = `
+var St = Object.defineProperty;
+var xt = (o, t, e) => t in o ? St(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var we = (o, t, e) => xt(o, typeof t != "symbol" ? t + "" : t, e);
+import V from "ora";
+import { select as ot, Separator as De } from "@inquirer/prompts";
+import { Command as bt, Option as ue } from "commander";
+import { execSync as Q, spawn as $t } from "child_process";
+import N, { join as _e } from "path";
+import P, { readFileSync as Ct } from "fs";
+import Be from "crypto";
+import Mt from "http";
+import { URL as nt, URLSearchParams as st } from "url";
+import Pt from "open";
+import it from "os";
+const Et = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -55,81 +55,81 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, st = {
+}, rt = {
   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 = _.join(v.executionPath, "/node_modules/@myop/flow-types/");
+      const t = N.join(v.executionPath, "/node_modules/@myop/flow-types/");
       console.info(`Generate flow at ${t}`), console.info(`Generated flow at ${t}`);
     }
     process.exit();
   }
-}, Mt = (o) => {
-  const t = _.join(v.executionPath, o);
+}, Ot = (o) => {
+  const t = N.join(v.executionPath, o);
   console.info(`reading config file from: ${t}`);
-  const e = M.readFileSync(t, "utf8"), n = JSON.parse(e);
+  const e = P.readFileSync(t, "utf8"), n = JSON.parse(e);
   return console.info("config file loaded, ", n), n;
-}, Ue = (o, t) => {
-  const e = _.join(v.executionPath, o);
+}, Je = (o, t) => {
+  const e = N.join(v.executionPath, o);
   console.info(`writing config file to: ${e}`);
   try {
     const n = JSON.stringify(t, null, 2);
-    M.writeFileSync(e, n), console.info(`config file updated ${n}`);
+    P.writeFileSync(e, n), console.info(`config file updated ${n}`);
   } catch (n) {
     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;
   }
-}, it = {
+}, at = {
   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), Ue(v.options.configPath, v.myopConfig);
+    v.myopConfig.flows.includes(o) || v.myopConfig.flows.push(o), Je(v.options.configPath, v.myopConfig);
   },
   action: async () => {
   }
-}, rt = {
+}, lt = {
   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), Ue(v.options.configPath, v.myopConfig);
+    v.myopConfig.flows = v.myopConfig.flows.filter((t) => t !== o), Je(v.options.configPath, v.myopConfig);
   },
   action: () => {
   }
-}, Et = {
+}, It = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, It = {
+}, kt = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, Ot = {
+}, Rt = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, kt = {
+}, Nt = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, Rt = {
+}, Tt = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, Tt = {
+}, _t = {
   name: "🆕 Define new custom Myop message",
   value: "generateMyopMessage",
   description: "️Help you creates the right structure for a new Myop message, including types and handlers.",
   disabled: "(not available yet)"
-}, jt = [Tt, It, Ot, kt, Rt];
-function Ft(o, t, e, n) {
+}, Ft = [_t, kt, Rt, Nt, Tt];
+function jt(o, t, e, n) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -219,19 +219,19 @@ ${n}
 </body>
 </html>`;
 }
-function _t(o) {
+function Dt(o) {
   return o.includes("esbuild") && o.includes("another platform");
 }
-function Nt(o) {
+function At(o) {
   return o.includes("ERR_MODULE_NOT_FOUND") && o.includes("esbuild");
 }
-function At() {
+function Lt() {
   console.error(`
 ❌ esbuild platform mismatch detected!`), console.error("   Your node_modules contains esbuild binaries for a different OS."), console.error(`
    This usually happens when node_modules is copied between different`), console.error(`   operating systems (e.g., Windows → Mac, or Mac → Linux).
 `);
 }
-function Lt(o) {
+function Ut(o) {
   return new Promise((t) => {
     console.log(`🔧 Attempting to fix: removing node_modules and reinstalling...
 `);
@@ -244,9 +244,9 @@ function Lt(o) {
         return;
       }
       console.log("   ✓ Removed node_modules"), console.log(`   ⏳ Running npm install...
-`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (i, d, u) => {
+`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (i, d, g) => {
         if (i) {
-          console.error("❌ npm install failed:", i.message), u && console.error(u), t(!1);
+          console.error("❌ npm install failed:", i.message), g && console.error(g), t(!1);
           return;
         }
         console.log(`   ✓ Dependencies reinstalled successfully!
@@ -255,24 +255,24 @@ function Lt(o) {
     });
   });
 }
-async function at(o, t, e, n, s = {}) {
+async function ct(o, t, e, n, s = {}) {
   const {
     hasTriedPlatformFix: i = !1,
     hasTriedInstall: d = !1,
-    onRetry: u
+    onRetry: g
   } = s, h = ((o == null ? void 0 : o.message) || "") + (t || "") + (e || "");
-  return !i && _t(h) ? (At(), await Lt(n) && u ? (console.log(`🔄 Retrying build...
-`), u(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && Nt(h) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((c) => {
-    n("npm install", (l, x, y) => {
-      if (l) {
-        console.error("❌ Failed to install dependencies:", l.message), y && console.error(y), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+  return !i && Dt(h) ? (Lt(), await Ut(n) && g ? (console.log(`🔄 Retrying build...
+`), g(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && At(h) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((l) => {
+    n("npm install", (c, y, S) => {
+      if (c) {
+        console.error("❌ Failed to install dependencies:", c.message), S && console.error(S), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), u && u(), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), g && g(), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
     });
   })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: d };
 }
-async function xe() {
+async function be() {
   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://")) {
@@ -280,9 +280,9 @@ async function xe() {
     i = t.default.dirname(m);
   } else
     i = t.default.dirname(import.meta.url);
-  const d = t.default.join(i, "commands", "dev", "management-website"), u = o.default.readFileSync(t.default.join(d, "styles.css"), "utf-8"), h = o.default.readFileSync(t.default.join(d, "app.js"), "utf-8"), c = 9292, l = 9293;
-  let x = "./dist", y = !1, $ = !1, g = !1, w = null;
-  const j = () => {
+  const d = t.default.join(i, "commands", "dev", "management-website"), g = o.default.readFileSync(t.default.join(d, "styles.css"), "utf-8"), h = o.default.readFileSync(t.default.join(d, "app.js"), "utf-8"), l = 9292, c = 9293;
+  let y = "./dist", S = !1, x = !1, u = !1, p = null;
+  const E = () => {
     try {
       const a = o.default.readdirSync(".").filter((r) => !r.endsWith(".html") || r.startsWith(".") ? !1 : o.default.statSync(r).isFile());
       if (a.length === 1)
@@ -290,65 +290,65 @@ async function xe() {
     } catch {
     }
     return null;
-  }, O = () => {
+  }, I = () => {
     try {
       const a = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
       return !!(a.scripts && a.scripts.build);
     } catch {
       return !1;
     }
-  }, P = (a) => {
+  }, $ = (a) => {
     const r = process.platform;
     let m;
     r === "darwin" ? m = `open "${a}"` : r === "win32" ? m = `start "" "${a}"` : m = `xdg-open "${a}"`, e(m, (f) => {
     });
-  }, p = /* @__PURE__ */ new Map(), E = v.program.getOptionValue("config") || "./myop.config.json";
-  let b, k, R = !1;
-  w = j();
-  const D = O();
+  }, C = /* @__PURE__ */ new Map(), j = v.program.getOptionValue("config") || "./myop.config.json";
+  let M, R, k = !1;
+  p = E();
+  const L = I();
   try {
-    const a = o.default.readFileSync(E, "utf-8"), r = JSON.parse(a);
-    b = r.componentId || "DEV", k = r.componentName || r.name || null, R = r.HMR === !0, w && !D && (g = !0, R = !0, console.log(`📄 Single HTML file mode: ${w}`)), R && console.log("🔥 HMR enabled");
+    const a = o.default.readFileSync(j, "utf-8"), r = JSON.parse(a);
+    M = r.componentId || "DEV", R = r.componentName || r.name || null, k = r.HMR === !0, p && !L && (u = !0, k = !0, console.log(`📄 Single HTML file mode: ${p}`)), k && console.log("🔥 HMR enabled");
   } catch (a) {
-    w && !D ? (g = !0, b = "DEV", k = t.default.basename(w, ".html"), R = !0, console.log(`📄 Single HTML file mode: ${w}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
+    p && !L ? (u = !0, M = "DEV", R = t.default.basename(p, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${p}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
   }
-  const L = async () => {
-    if (b !== "DEV" && b !== "NEW")
-      return b;
+  const A = async () => {
+    if (M !== "DEV" && M !== "NEW")
+      return M;
     try {
-      const r = ((await new Promise((S, C) => {
-        const I = {
+      const r = ((await new Promise((w, b) => {
+        const O = {
           hostname: "localhost",
-          port: l,
+          port: c,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, N = n.default.request(I, (U) => {
-          let K = "";
-          U.on("data", (ne) => K += ne), U.on("end", () => {
+        }, F = n.default.request(O, (H) => {
+          let G = "";
+          H.on("data", (ee) => G += ee), H.on("end", () => {
             try {
-              S(JSON.parse(K));
+              w(JSON.parse(G));
             } catch {
-              S({ components: [] });
+              w({ components: [] });
             }
           });
         });
-        N.on("error", () => S({ components: [] })), N.on("timeout", () => {
-          N.destroy(), S({ components: [] });
-        }), N.end();
-      })).components || []).map(([S]) => S).filter((S) => S === "DEV" || S === "NEW" || /^DEV\d+$/.test(S) || /^NEW\d+$/.test(S));
+        F.on("error", () => w({ components: [] })), F.on("timeout", () => {
+          F.destroy(), w({ components: [] });
+        }), F.end();
+      })).components || []).map(([w]) => w).filter((w) => w === "DEV" || w === "NEW" || /^DEV\d+$/.test(w) || /^NEW\d+$/.test(w));
       if (r.length === 0)
         return "DEV1";
-      const m = r.map((S) => {
-        if (S === "DEV" || S === "NEW") return 1;
-        const C = S.match(/^DEV(\d+)$/), I = S.match(/^NEW(\d+)$/);
-        return C ? parseInt(C[1], 10) : I ? parseInt(I[1], 10) : 0;
-      }).filter((S) => S > 0);
+      const m = r.map((w) => {
+        if (w === "DEV" || w === "NEW") return 1;
+        const b = w.match(/^DEV(\d+)$/), O = w.match(/^NEW(\d+)$/);
+        return b ? parseInt(b[1], 10) : O ? parseInt(O[1], 10) : 0;
+      }).filter((w) => w > 0);
       return `DEV${Math.max(...m, 0) + 1}`;
     } catch {
       return "DEV1";
     }
-  }, T = process.cwd(), J = (a) => {
+  }, _ = process.cwd(), z = (a) => {
     const r = t.default.extname(a).toLowerCase();
     return {
       ".html": "text/html",
@@ -361,43 +361,43 @@ async function xe() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[r] || "application/octet-stream";
-  }, F = /* @__PURE__ */ new Map(), V = [], te = 50, z = [], Q = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map(), ut = (a, r, m) => {
+  }, T = /* @__PURE__ */ new Map(), oe = [], Pe = 50, X = [], se = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), ft = (a, r, m) => {
     if (a.url.startsWith("/_hmr/")) {
-      const f = a.url.split("/_hmr/")[1], S = a.headers["sec-websocket-key"], C = s("sha1").update(S + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      const f = a.url.split("/_hmr/")[1], w = a.headers["sec-websocket-key"], b = s("sha1").update(w + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       r.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${C}\r
+Sec-WebSocket-Accept: ${b}\r
 \r
 `
-      ), oe.has(f) || oe.set(f, /* @__PURE__ */ new Set()), oe.get(f).add(r), console.log(`🔌 HMR client connected: ${f}`), r.on("close", () => {
-        const I = oe.get(f);
-        I && (I.delete(r), I.size === 0 && oe.delete(f)), console.log(`🔌 HMR client disconnected: ${f}`);
+      ), q.has(f) || q.set(f, /* @__PURE__ */ new Set()), q.get(f).add(r), console.log(`🔌 HMR client connected: ${f}`), r.on("close", () => {
+        const O = q.get(f);
+        O && (O.delete(r), O.size === 0 && q.delete(f)), console.log(`🔌 HMR client disconnected: ${f}`);
       }), r.on("error", () => {
-        const I = oe.get(f);
-        I && I.delete(r);
+        const O = q.get(f);
+        O && O.delete(r);
       });
     }
-  }, Pe = n.default.createServer((a, r) => {
+  }, Ee = n.default.createServer((a, r) => {
     if (r.setHeader("Content-Type", "application/json"), a.method === "POST" && a.url === "/_register") {
       let m = "";
       a.on("data", (f) => m += f), a.on("end", () => {
         try {
-          const { componentId: f, distPath: S, componentName: C, htmlFile: I } = JSON.parse(m);
-          F.set(f, { path: S, name: C || null, htmlFile: I || null });
-          const N = C ? ` (${C})` : "";
-          console.log(`✅ Registered: ${f}${N} -> ${S}${I ? "/" + I : ""}`), r.writeHead(200), r.end(JSON.stringify({ success: !0, registered: Array.from(F.keys()) }));
-          const U = Array.from(F.entries()).map(([K, ne]) => ({
-            id: K,
-            path: ne.path,
-            name: ne.name
+          const { componentId: f, distPath: w, componentName: b, htmlFile: O } = JSON.parse(m);
+          T.set(f, { path: w, name: b || null, htmlFile: O || null });
+          const F = b ? ` (${b})` : "";
+          console.log(`✅ Registered: ${f}${F} -> ${w}${O ? "/" + O : ""}`), r.writeHead(200), r.end(JSON.stringify({ success: !0, registered: Array.from(T.keys()) }));
+          const H = Array.from(T.entries()).map(([G, ee]) => ({
+            id: G,
+            path: ee.path,
+            name: ee.name
           }));
-          z.forEach((K) => {
+          X.forEach((G) => {
             try {
-              K.write(`data: ${JSON.stringify({
+              G.write(`data: ${JSON.stringify({
                 type: "components",
-                components: U
+                components: H
               })}
 
 `);
@@ -413,17 +413,17 @@ Sec-WebSocket-Accept: ${C}\r
       a.on("data", (f) => m += f), a.on("end", () => {
         try {
           const { componentId: f } = JSON.parse(m);
-          F.delete(f), console.log(`❌ Unregistered: ${f}`), r.writeHead(200), r.end(JSON.stringify({ success: !0 }));
-          const S = Array.from(F.entries()).map(([C, I]) => ({
-            id: C,
-            path: I.path,
-            name: I.name
+          T.delete(f), console.log(`❌ Unregistered: ${f}`), r.writeHead(200), r.end(JSON.stringify({ success: !0 }));
+          const w = Array.from(T.entries()).map(([b, O]) => ({
+            id: b,
+            path: O.path,
+            name: O.name
           }));
-          z.forEach((C) => {
+          X.forEach((b) => {
             try {
-              C.write(`data: ${JSON.stringify({
+              b.write(`data: ${JSON.stringify({
                 type: "components",
-                components: S
+                components: w
               })}
 
 `);
@@ -435,22 +435,22 @@ Sec-WebSocket-Accept: ${C}\r
         }
       });
     } else if (a.method === "GET" && a.url === "/_list")
-      r.writeHead(200), r.end(JSON.stringify({ components: Array.from(F.entries()) }));
+      r.writeHead(200), r.end(JSON.stringify({ components: Array.from(T.entries()) }));
     else if (a.method === "POST" && a.url === "/_hmr_notify") {
       let m = "";
       a.on("data", (f) => m += f), a.on("end", () => {
         try {
-          const { componentId: f, html: S } = JSON.parse(m), C = oe.get(f);
-          if (C && C.size > 0) {
-            console.log(`🔥 Notifying ${C.size} HMR client(s) for: ${f}`);
-            const I = JSON.stringify({ type: "update", html: S }), N = Ye(I);
-            C.forEach((U) => {
+          const { componentId: f, html: w } = JSON.parse(m), b = q.get(f);
+          if (b && b.size > 0) {
+            console.log(`🔥 Notifying ${b.size} HMR client(s) for: ${f}`);
+            const O = JSON.stringify({ type: "update", html: w }), F = Qe(O);
+            b.forEach((H) => {
               try {
-                U.write(N);
+                H.write(F);
               } catch {
-                C.delete(U);
+                b.delete(H);
               }
-            }), r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: C.size }));
+            }), r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: b.size }));
           } else
             r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: 0 }));
         } catch (f) {
@@ -459,123 +459,123 @@ Sec-WebSocket-Accept: ${C}\r
       });
     } else
       r.writeHead(404), r.end(JSON.stringify({ error: "Not found" }));
-  }), ue = n.default.createServer((a, r) => {
+  }), ge = n.default.createServer((a, r) => {
     if (a.url.includes("..")) {
       r.writeHead(403, { "Content-Type": "text/plain" }), r.end("Forbidden");
       return;
     }
-    const m = new URL(a.url, `http://localhost:${c}`), f = m.pathname, S = f.split("/").filter((W) => W);
+    const m = new URL(a.url, `http://localhost:${l}`), f = m.pathname, w = f.split("/").filter((J) => J);
     if (f.startsWith("/consume")) {
-      const W = m.searchParams.get("id");
-      if (!W) {
+      const J = m.searchParams.get("id");
+      if (!J) {
         r.writeHead(400, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const G = F.get(W), Z = G ? G.path : null, ce = (se) => {
-        let H = "Unknown", q = "Unknown";
+      const W = T.get(J), Y = W ? W.path : null, de = (te) => {
+        let U = "Unknown", K = "Unknown";
         if (a.headers.referer || a.headers.referrer) {
           const B = a.headers.referer || a.headers.referrer;
           try {
-            const re = new URL(B);
-            H = re.origin, q = re.hostname || re.origin;
+            const ie = new URL(B);
+            U = ie.origin, K = ie.hostname || ie.origin;
           } catch {
-            H = B, q = B;
+            U = B, K = B;
           }
         } else if (a.headers.origin)
           try {
             const B = new URL(a.headers.origin);
-            H = B.origin, q = B.hostname || B.origin;
+            U = B.origin, K = B.hostname || B.origin;
           } catch {
-            H = a.headers.origin, q = a.headers.origin;
+            U = a.headers.origin, K = a.headers.origin;
           }
         else if (a.socket.remoteAddress) {
           const B = a.socket.remoteAddress;
-          B === "::1" || B === "::ffff:127.0.0.1" ? (H = "localhost", q = "localhost (direct)") : (H = B, q = B.replace("::ffff:", ""));
+          B === "::1" || B === "::ffff:127.0.0.1" ? (U = "localhost", K = "localhost (direct)") : (U = B, K = B.replace("::ffff:", ""));
         }
-        const ke = a.headers.referer || a.headers.referrer || H, he = {
+        const Ne = a.headers.referer || a.headers.referrer || U, ye = {
           type: "request",
-          componentId: W,
+          componentId: J,
           timestamp: Date.now(),
-          servedLocally: se,
-          referrer: ke,
-          origin: H,
-          originLabel: q
+          servedLocally: te,
+          referrer: Ne,
+          origin: U,
+          originLabel: K
         };
-        Q.has(H) || (Q.set(H, {
-          url: H,
-          label: q,
+        se.has(U) || (se.set(U, {
+          url: U,
+          label: K,
           firstSeen: Date.now(),
           requestCount: 0
-        }), z.forEach((B) => {
+        }), X.forEach((B) => {
           try {
             B.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(Q.values())
+              origins: Array.from(se.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const Re = Q.get(H);
-        Re.requestCount++, z.forEach((B) => {
+        const Te = se.get(U);
+        Te.requestCount++, X.forEach((B) => {
           try {
             B.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(Q.values())
+              origins: Array.from(se.values())
             })}
 
 `);
           } catch {
           }
-        }), V.push(he), V.length > te && V.shift(), z.forEach((B) => {
+        }), oe.push(ye), oe.length > Pe && oe.shift(), X.forEach((B) => {
           try {
-            B.write(`data: ${JSON.stringify(he)}
+            B.write(`data: ${JSON.stringify(ye)}
 
 `);
           } catch {
           }
         });
       };
-      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}`), r.writeHead(404, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "index.html not found" }));
+      if (Y) {
+        const te = W.htmlFile ? t.default.join(Y, W.htmlFile) : t.default.join(Y, "index.html");
+        o.default.readFile(te, "utf-8", (U, K) => {
+          if (U) {
+            console.log(`❌ File not found: ${te}`), r.writeHead(404, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const ke = Me(q, W), he = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Re = {
+          const Ne = Oe(K, J), ye = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Te = {
             item: {
-              name: W,
-              id: W,
+              name: J,
+              id: J,
               consume_variant: [
                 {
-                  id: he,
+                  id: ye,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: ke
+                    HTML: Ne
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${W}`), ce(!0), r.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${J}`), de(!0), r.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), r.end(JSON.stringify(Re, null, 2));
+          }), r.end(JSON.stringify(Te, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${W}`);
-        const se = `https://cloud.myop.dev/consume${m.search}`;
-        ce(!1), fetch(se).then((H) => H.text()).then((H) => {
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${J}`);
+        const te = `https://cloud.myop.dev/consume${m.search}`;
+        de(!1), fetch(te).then((U) => U.text()).then((U) => {
           r.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), r.end(H);
-        }).catch((H) => {
-          console.error(`❌ Proxy error: ${H.message}`), r.writeHead(502, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), r.end(U);
+        }).catch((U) => {
+          console.error(`❌ Proxy error: ${U.message}`), r.writeHead(502, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
@@ -586,110 +586,110 @@ Sec-WebSocket-Accept: ${C}\r
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), z.push(r);
-      const W = Array.from(F.entries()).map(([G, Z]) => ({
-        id: G,
-        path: Z.path,
-        name: Z.name
+      }), X.push(r);
+      const J = Array.from(T.entries()).map(([W, Y]) => ({
+        id: W,
+        path: Y.path,
+        name: Y.name
       }));
       r.write(`data: ${JSON.stringify({
         type: "components",
-        components: W
+        components: J
       })}
 
 `), r.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(Q.values())
+        origins: Array.from(se.values())
       })}
 
 `), r.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: V
+        log: oe
       })}
 
 `), a.on("close", () => {
-        const G = z.indexOf(r);
-        G !== -1 && z.splice(G, 1);
+        const W = X.indexOf(r);
+        W !== -1 && X.splice(W, 1);
       });
       return;
     }
-    if (S.length === 0) {
-      r.writeHead(200, { "Content-Type": "text/html" }), r.end(Ft(c, l, u, h));
+    if (w.length === 0) {
+      r.writeHead(200, { "Content-Type": "text/html" }), r.end(jt(l, c, g, h));
       return;
     }
-    if (S[0] !== "view") {
+    if (w[0] !== "view") {
       r.writeHead(404, { "Content-Type": "text/plain" }), r.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (S.length < 2) {
+    if (w.length < 2) {
       r.writeHead(400, { "Content-Type": "text/plain" }), r.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const C = S[1], I = F.get(C);
-    if (!I) {
-      r.writeHead(404, { "Content-Type": "text/plain" }), r.end(`Component not found: ${C}`);
+    const b = w[1], O = T.get(b);
+    if (!O) {
+      r.writeHead(404, { "Content-Type": "text/plain" }), r.end(`Component not found: ${b}`);
       return;
     }
-    const N = I.path, U = S.slice(2), K = I.htmlFile || "index.html", ne = U.length === 0 ? K : U.join("/"), le = t.default.join(N, ne);
-    console.log(`📥 Request: ${a.url} -> ${le}`), o.default.readFile(le, (W, G) => {
-      if (W) {
-        console.log(`❌ File not found: ${le}`), r.writeHead(404, { "Content-Type": "text/plain" }), r.end("Not Found");
+    const F = O.path, H = w.slice(2), G = O.htmlFile || "index.html", ee = H.length === 0 ? G : H.join("/"), ce = t.default.join(F, ee);
+    console.log(`📥 Request: ${a.url} -> ${ce}`), o.default.readFile(ce, (J, W) => {
+      if (J) {
+        console.log(`❌ File not found: ${ce}`), r.writeHead(404, { "Content-Type": "text/plain" }), r.end("Not Found");
         return;
       }
-      const Z = J(le);
-      console.log(`✅ Serving: ${le} (${Z})`);
-      let ce = G;
-      if (Z === "text/html" && R) {
-        const se = G.toString("utf-8");
-        ce = Me(se, C);
+      const Y = z(ce);
+      console.log(`✅ Serving: ${ce} (${Y})`);
+      let de = W;
+      if (Y === "text/html" && k) {
+        const te = W.toString("utf-8");
+        de = Oe(te, b);
       }
       r.writeHead(200, {
-        "Content-Type": Z,
+        "Content-Type": Y,
         "Access-Control-Allow-Origin": "*"
-      }), r.end(ce);
+      }), r.end(de);
     });
-  }), Ge = () => new Promise((a, r) => {
-    const m = g ? t.default.resolve(T) : t.default.resolve(T, x), f = JSON.stringify({
-      componentId: b,
+  }), Ke = () => new Promise((a, r) => {
+    const m = u ? t.default.resolve(_) : t.default.resolve(_, y), f = JSON.stringify({
+      componentId: M,
       distPath: m,
-      componentName: k,
-      htmlFile: g ? w : null
-    }), S = {
+      componentName: R,
+      htmlFile: u ? p : null
+    }), w = {
       hostname: "localhost",
-      port: l,
+      port: c,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(f)
       }
-    }, C = n.default.request(S, (I) => {
-      let N = "";
-      I.on("data", (U) => N += U), I.on("end", () => {
-        I.statusCode === 200 ? a(JSON.parse(N)) : r(new Error(`Registration failed: ${I.statusCode}`));
+    }, b = n.default.request(w, (O) => {
+      let F = "";
+      O.on("data", (H) => F += H), O.on("end", () => {
+        O.statusCode === 200 ? a(JSON.parse(F)) : r(new Error(`Registration failed: ${O.statusCode}`));
       });
     });
-    C.on("error", r), C.write(f), C.end();
-  }), gt = () => new Promise((a, r) => {
-    const m = JSON.stringify({ componentId: b }), f = {
+    b.on("error", r), b.write(f), b.end();
+  }), ht = () => new Promise((a, r) => {
+    const m = JSON.stringify({ componentId: M }), f = {
       hostname: "localhost",
-      port: l,
+      port: c,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(m)
       }
-    }, S = n.default.request(f, (C) => {
+    }, w = n.default.request(f, (b) => {
       a();
     });
-    S.on("error", () => a()), S.write(m), S.end();
-  }), ft = (a) => `
+    w.on("error", () => a()), w.write(m), w.end();
+  }), yt = (a) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
     const componentId = '${a}';
-    const wsUrl = 'ws://localhost:${l}/_hmr/' + componentId;
+    const wsUrl = 'ws://localhost:${c}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -789,11 +789,11 @@ Sec-WebSocket-Accept: ${C}\r
     connect();
 })();
 <\/script>
-`, Me = (a, r) => {
-    if (!R) return a;
-    const m = ft(r);
+`, Oe = (a, r) => {
+    if (!k) return a;
+    const m = yt(r);
     return a.includes("</body>") ? a.replace("</body>", `${m}</body>`) : a.includes("</html>") ? a.replace("</html>", `${m}</html>`) : a + m;
-  }, Ye = (a) => {
+  }, Qe = (a) => {
     const r = Buffer.from(a), m = r.length;
     let f;
     return m < 126 ? f = Buffer.concat([
@@ -813,40 +813,40 @@ Sec-WebSocket-Accept: ${C}\r
       // 64-bit length
       r
     ]), f;
-  }, Ke = () => {
-    if (!R) return;
-    const a = g ? w : t.default.join(x, "index.html");
+  }, Ze = () => {
+    if (!k) return;
+    const a = u ? p : t.default.join(y, "index.html");
     let r;
     try {
       const m = o.default.readFileSync(a, "utf-8");
-      r = Me(m, b);
+      r = Oe(m, M);
     } catch (m) {
       console.error("❌ Failed to read HTML for HMR:", m.message);
       return;
     }
-    if (Oe) {
-      const m = oe.get(b);
+    if (Re) {
+      const m = q.get(M);
       if (!m || m.size === 0)
         return;
       console.log(`🔥 Notifying ${m.size} HMR client(s)`);
       const f = JSON.stringify({
         type: "update",
         html: r
-      }), S = Ye(f);
-      m.forEach((C) => {
+      }), w = Qe(f);
+      m.forEach((b) => {
         try {
-          C.write(S);
+          b.write(w);
         } catch {
-          m.delete(C);
+          m.delete(b);
         }
       });
     } else {
       const m = JSON.stringify({
-        componentId: b,
+        componentId: M,
         html: r
       }), f = {
         hostname: "localhost",
-        port: l,
+        port: c,
         path: "/_hmr_notify",
         method: "POST",
         headers: {
@@ -854,78 +854,78 @@ Sec-WebSocket-Accept: ${C}\r
           "Content-Length": Buffer.byteLength(m)
         },
         timeout: 5e3
-      }, S = n.default.request(f, (C) => {
-        let I = "";
-        C.on("data", (N) => I += N), C.on("end", () => {
+      }, w = n.default.request(f, (b) => {
+        let O = "";
+        b.on("data", (F) => O += F), b.on("end", () => {
           try {
-            const N = JSON.parse(I);
-            N.notified > 0 && console.log(`🔥 Notified ${N.notified} HMR client(s) via server`);
+            const F = JSON.parse(O);
+            F.notified > 0 && console.log(`🔥 Notified ${F.notified} HMR client(s) via server`);
           } catch {
           }
         });
       });
-      S.on("error", () => {
-      }), S.on("timeout", () => {
-        S.destroy();
-      }), S.write(m), S.end();
+      w.on("error", () => {
+      }), w.on("timeout", () => {
+        w.destroy();
+      }), w.write(m), w.end();
     }
   };
-  let Ee = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-  const ge = (a) => {
-    if (y) {
-      $ = !0;
+  let Ie = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+  const fe = (a) => {
+    if (S) {
+      x = !0;
       return;
     }
-    y = !0, console.log(`
+    S = !0, console.log(`
 🔨 Building...`), e("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (r, m, f) => {
-      if (y = !1, r) {
-        const S = await at(r, m, f, e, {
-          ...Ee,
-          onRetry: () => ge(a)
+      if (S = !1, r) {
+        const w = await ct(r, m, f, e, {
+          ...Ie,
+          onRetry: () => fe(a)
         });
-        Ee = { ...Ee, ...S }, S.handled || (console.error("❌ Build failed:", r.message), f && console.error(f));
+        Ie = { ...Ie, ...w }, w.handled || (console.error("❌ Build failed:", r.message), f && console.error(f));
       } else
-        console.log("✅ Build completed"), m && console.log(m), Ke(), a && a();
-      $ && ($ = !1, ge());
+        console.log("✅ Build completed"), m && console.log(m), Ze(), a && a();
+      x && (x = !1, fe());
     });
-  }, Qe = /* @__PURE__ */ new Set(), Ie = (a) => {
+  }, Xe = /* @__PURE__ */ new Set(), ke = (a) => {
     o.default.readdir(a, { withFileTypes: !0 }, (r, m) => {
       r || (m.forEach((f) => {
-        const S = t.default.join(a, f.name);
+        const w = t.default.join(a, f.name);
         if (f.isDirectory())
-          f.name !== "node_modules" && f.name !== "dist" && !f.name.startsWith(".") && Ie(S);
+          f.name !== "node_modules" && f.name !== "dist" && !f.name.startsWith(".") && ke(w);
         else if (f.isFile()) {
-          const C = t.default.extname(f.name);
-          if (C === ".js" || C === ".css" || C === ".html")
+          const b = t.default.extname(f.name);
+          if (b === ".js" || b === ".css" || b === ".html")
             try {
-              const I = o.default.readFileSync(S, "utf-8");
-              p.set(S, I);
+              const O = o.default.readFileSync(w, "utf-8");
+              C.set(w, O);
             } catch {
             }
         }
-      }), Qe.has(a) || (Qe.add(a), o.default.watch(a, (f, S) => {
-        if (!S) return;
-        const C = t.default.extname(S);
-        if (C !== ".js" && C !== ".css" && C !== ".html") return;
-        const I = t.default.join(a, S);
+      }), Xe.has(a) || (Xe.add(a), o.default.watch(a, (f, w) => {
+        if (!w) return;
+        const b = t.default.extname(w);
+        if (b !== ".js" && b !== ".css" && b !== ".html") return;
+        const O = t.default.join(a, w);
         setTimeout(() => {
           try {
-            const N = o.default.readFileSync(I, "utf-8"), U = p.get(I);
-            N !== U && (p.set(I, N), console.log(`📝 File changed: ${I}`), g ? Ke() : ge());
+            const F = o.default.readFileSync(O, "utf-8"), H = C.get(O);
+            F !== H && (C.set(O, F), console.log(`📝 File changed: ${O}`), u ? Ze() : fe());
           } catch {
           }
         }, 50);
       })));
     });
-  }, Ze = (a) => {
+  }, qe = (a) => {
     console.log(`
-🔨 Component: ${b}`), g ? (console.log("📄 No build needed (single HTML file mode)"), Ie(T), console.log(`👀 Watching ${w} for changes...`), console.log(`Press Ctrl+C to stop
-`), a && a()) : (ge(a), Ie(T), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${M}`), u ? (console.log("📄 No build needed (single HTML file mode)"), ke(_), console.log(`👀 Watching ${p} for changes...`), console.log(`Press Ctrl+C to stop
+`), a && a()) : (fe(a), ke(_), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
-  }, ht = () => new Promise((a) => {
+  }, wt = () => new Promise((a) => {
     const r = {
       hostname: "localhost",
-      port: l,
+      port: c,
       path: "/_list",
       method: "GET",
       timeout: 1e3
@@ -935,105 +935,105 @@ Sec-WebSocket-Accept: ${C}\r
     m.on("error", () => a(!1)), m.on("timeout", () => {
       m.destroy(), a(!1);
     }), m.end();
-  }), yt = () => new Promise((a) => {
+  }), vt = () => new Promise((a) => {
     const r = n.default.createServer((m, f) => {
       if (f.setHeader("Content-Type", "application/json"), m.method === "POST" && m.url === "/_register") {
-        let S = "";
-        m.on("data", (C) => S += C), m.on("end", () => {
+        let w = "";
+        m.on("data", (b) => w += b), m.on("end", () => {
           try {
-            const { componentId: C, distPath: I, componentName: N, htmlFile: U } = JSON.parse(S);
-            F.set(C, { path: I, name: N || null, htmlFile: U || null });
-            const K = N ? ` (${N})` : "";
-            console.log(`✅ Registered: ${C}${K} -> ${I}${U ? "/" + U : ""}`), f.writeHead(200), f.end(JSON.stringify({ success: !0, registered: Array.from(F.keys()) }));
-          } catch (C) {
-            f.writeHead(400), f.end(JSON.stringify({ error: C.message }));
+            const { componentId: b, distPath: O, componentName: F, htmlFile: H } = JSON.parse(w);
+            T.set(b, { path: O, name: F || null, htmlFile: H || null });
+            const G = F ? ` (${F})` : "";
+            console.log(`✅ Registered: ${b}${G} -> ${O}${H ? "/" + H : ""}`), f.writeHead(200), f.end(JSON.stringify({ success: !0, registered: Array.from(T.keys()) }));
+          } catch (b) {
+            f.writeHead(400), f.end(JSON.stringify({ error: b.message }));
           }
         });
       } else if (m.method === "POST" && m.url === "/_unregister") {
-        let S = "";
-        m.on("data", (C) => S += C), m.on("end", () => {
+        let w = "";
+        m.on("data", (b) => w += b), m.on("end", () => {
           try {
-            const { componentId: C } = JSON.parse(S);
-            F.delete(C), console.log(`❌ Unregistered: ${C}`), f.writeHead(200), f.end(JSON.stringify({ success: !0 }));
-          } catch (C) {
-            f.writeHead(400), f.end(JSON.stringify({ error: C.message }));
+            const { componentId: b } = JSON.parse(w);
+            T.delete(b), console.log(`❌ Unregistered: ${b}`), f.writeHead(200), f.end(JSON.stringify({ success: !0 }));
+          } catch (b) {
+            f.writeHead(400), f.end(JSON.stringify({ error: b.message }));
           }
         });
-      } else m.method === "GET" && m.url === "/_list" ? (f.writeHead(200), f.end(JSON.stringify({ components: Array.from(F.entries()) }))) : (f.writeHead(404), f.end(JSON.stringify({ error: "Not found" })));
+      } else m.method === "GET" && m.url === "/_list" ? (f.writeHead(200), f.end(JSON.stringify({ components: Array.from(T.entries()) }))) : (f.writeHead(404), f.end(JSON.stringify({ error: "Not found" })));
     });
     r.on("error", () => {
       a(!1);
-    }), r.listen(l, () => {
+    }), r.listen(c, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${l}`), ue.on("error", () => {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${c}`), ge.on("error", () => {
         r.close(), a(!1);
-      }), ue.listen(c, () => {
-        console.log(`📡 Main server running at http://localhost:${c}`);
-        const m = g ? t.default.resolve(T) : t.default.resolve(T, x);
-        F.set(b, {
+      }), ge.listen(l, () => {
+        console.log(`📡 Main server running at http://localhost:${l}`);
+        const m = u ? t.default.resolve(_) : t.default.resolve(_, y);
+        T.set(M, {
           path: m,
-          name: k,
-          htmlFile: g ? w : null
+          name: R,
+          htmlFile: u ? p : null
         });
-        const f = k ? ` (${k})` : "";
-        console.log(`✅ Registered component: ${b}${f}`), console.log(`📡 Access at: http://localhost:${c}/view/${b}/`), a(!0);
+        const f = R ? ` (${R})` : "";
+        console.log(`✅ Registered component: ${M}${f}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), a(!0);
       });
     });
   });
-  let fe;
-  const qe = () => {
-    fe = setInterval(async () => {
-      await ht() || (clearInterval(fe), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await yt() ? (console.log("✅ Successfully took over as server"), Oe = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let he;
+  const et = () => {
+    he = setInterval(async () => {
+      await wt() || (clearInterval(he), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await vt() ? (console.log("✅ Successfully took over as server"), Re = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await Ge(), console.log(`✅ Re-registered component: ${b}`), qe();
+          await Ke(), console.log(`✅ Re-registered component: ${M}`), et();
         } catch (m) {
           console.error("❌ Failed to re-register:", m.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Xe = async () => {
+  }, tt = async () => {
     console.log(`
 
-🛑 Shutting down...`), fe && clearInterval(fe), await gt(), process.exit(0);
+🛑 Shutting down...`), he && clearInterval(he), await ht(), process.exit(0);
   };
-  process.on("SIGINT", Xe), process.on("SIGTERM", Xe);
-  let Oe = !1;
-  Pe.on("error", async (a) => {
+  process.on("SIGINT", tt), process.on("SIGTERM", tt);
+  let Re = !1;
+  Ee.on("error", async (a) => {
     if (a.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        b = await L();
-        const r = await Ge();
-        console.log(`✅ Registered component: ${b}`), console.log(`📡 Access at: http://localhost:${c}/view/${b}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), Ze(() => {
-          process.env.MYOP_NO_BROWSER || P(`http://localhost:${c}/view/${b}/`);
-        }), qe();
+        M = await A();
+        const r = await Ke();
+        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), qe(() => {
+          process.env.MYOP_NO_BROWSER || $(`http://localhost:${l}/view/${M}/`);
+        }), et();
       } catch (r) {
         console.error("❌ Failed to register component:", r.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", a.message), process.exit(1);
-  }), Pe.on("upgrade", ut), Pe.listen(l, async () => {
-    Oe = !0, console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${l}`), ue.on("error", (a) => {
+  }), Ee.on("upgrade", ft), Ee.listen(c, async () => {
+    Re = !0, console.log(`
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${c}`), ge.on("error", (a) => {
       console.error("❌ Main server error:", a.message), process.exit(1);
-    }), ue.listen(c, async () => {
-      console.log(`📡 Main server running at http://localhost:${c}`), (b === "DEV" || b === "NEW") && (b = "DEV1");
-      const a = g ? t.default.resolve(T) : t.default.resolve(T, x);
-      F.set(b, {
+    }), ge.listen(l, async () => {
+      console.log(`📡 Main server running at http://localhost:${l}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
+      const a = u ? t.default.resolve(_) : t.default.resolve(_, y);
+      T.set(M, {
         path: a,
-        name: k,
-        htmlFile: g ? w : null
+        name: R,
+        htmlFile: u ? p : null
       });
-      const r = k ? ` (${k})` : "";
-      console.log(`✅ Registered component: ${b}${r}`), console.log(`📡 Access at: http://localhost:${c}/view/${b}/`), Ze(() => {
-        process.env.MYOP_NO_BROWSER || P(`http://localhost:${c}/view/${b}/`);
+      const r = R ? ` (${R})` : "";
+      console.log(`✅ Registered component: ${M}${r}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), qe(() => {
+        process.env.MYOP_NO_BROWSER || $(`http://localhost:${l}/view/${M}/`);
       });
     });
   });
 }
-const A = class A {
+const D = class D {
   constructor(t) {
     this.components = t.map(
       (e) => typeof e == "string" ? { name: e, path: "", id: "" } : e
@@ -1042,7 +1042,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(D.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) => {
@@ -1083,15 +1083,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), d = 2, h = this.rows - d - 2, c = Math.floor(h / s);
-    this.visibleLogLines = Math.max(2, c - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: c }, this.panelPositions.clear();
-    for (let l = 0; l < t; l++) {
-      const x = this.components[l], y = Math.floor(l / n), $ = l % n;
-      this.panelPositions.set(x.name, {
-        row: d + 1 + y * c,
-        col: $ * i + 1,
+    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), d = 2, h = this.rows - d - 2, l = Math.floor(h / s);
+    this.visibleLogLines = Math.max(2, l - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: l }, this.panelPositions.clear();
+    for (let c = 0; c < t; c++) {
+      const y = this.components[c], S = Math.floor(c / n), x = c % n;
+      this.panelPositions.set(y.name, {
+        row: d + 1 + S * l,
+        col: x * i + 1,
         width: i,
-        height: c
+        height: l
       });
     }
   }
@@ -1132,44 +1132,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 = D.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 += D.ESC.clearLine.slice(0, -1), process.stdout.write(D.ESC.moveTo(2, 1) + s);
   }
   renderPanel(t) {
-    const e = A.C, n = A.STATUS, s = this.panelPositions.get(t);
+    const e = D.C, n = D.STATUS, s = this.panelPositions.get(t);
     if (!s) return;
-    const i = this.components.findIndex((L) => L.name === t), d = this.components[i], u = i === this.selectedPanel, h = this.statusKeys.get(t) || "initializing", c = n[h], l = e[c.color], x = this.logs.get(t) || [], y = this.scrollPos.get(t) || 0, $ = s.width - 1, g = u ? e.cyan : e.gray, w = [], j = d.name.substring(0, $ - 20);
-    let O = `${g}┌─${e.reset} ${l}${c.icon}${e.reset} `;
-    O += `${e.bold}${j}${e.reset} ${e.gray}─${e.reset} ${l}${c.label}${e.reset} `;
-    const P = 5 + j.length + c.label.length + 3;
-    O += `${g}${"─".repeat(Math.max(0, $ - P))}┐${e.reset}`, w.push(A.ESC.moveTo(s.row, s.col) + O);
-    const p = (d.path || "").substring(0, $ - 6);
-    let E = `${g}│${e.reset} ${e.dim}${p}${e.reset}`;
-    E += " ".repeat(Math.max(0, $ - p.length - 3)), E += `${g}│${e.reset}`, w.push(A.ESC.moveTo(s.row + 1, s.col) + E);
-    const b = x.length, k = b > this.visibleLogLines ? `${y + 1}-${Math.min(y + this.visibleLogLines, b)}/${b}` : "";
-    let R = `${g}├${"─".repeat($ - k.length - 4)}${e.reset}`;
-    k && (R += `${e.dim}${k}${e.reset}`), R += `${g}${"─".repeat(2)}┤${e.reset}`, w.push(A.ESC.moveTo(s.row + 2, s.col) + R);
-    const D = x.slice(y, y + this.visibleLogLines);
-    for (let L = 0; L < this.visibleLogLines; L++) {
-      const T = D[L];
-      let J = `${g}│${e.reset}`;
-      if (T) {
-        let F = e.white;
-        T.type === "success" ? F = e.green : T.type === "error" ? F = e.red : T.type === "warning" ? F = e.yellow : T.type === "hmr" ? F = e.magenta : T.type === "change" && (F = e.blue);
-        const V = T.message.substring(0, $ - 12);
-        J += `${e.dim}${T.timestamp}${e.reset} ${F}${V}${e.reset}`;
-        const te = $ - T.timestamp.length - V.length - 2;
-        J += " ".repeat(Math.max(0, te));
+    const i = this.components.findIndex((A) => A.name === t), d = this.components[i], g = i === this.selectedPanel, h = this.statusKeys.get(t) || "initializing", l = n[h], c = e[l.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, x = s.width - 1, u = g ? e.cyan : e.gray, p = [], E = d.name.substring(0, x - 20);
+    let I = `${u}┌─${e.reset} ${c}${l.icon}${e.reset} `;
+    I += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${c}${l.label}${e.reset} `;
+    const $ = 5 + E.length + l.label.length + 3;
+    I += `${u}${"─".repeat(Math.max(0, x - $))}┐${e.reset}`, p.push(D.ESC.moveTo(s.row, s.col) + I);
+    const C = (d.path || "").substring(0, x - 6);
+    let j = `${u}│${e.reset} ${e.dim}${C}${e.reset}`;
+    j += " ".repeat(Math.max(0, x - C.length - 3)), j += `${u}│${e.reset}`, p.push(D.ESC.moveTo(s.row + 1, s.col) + j);
+    const M = y.length, R = M > this.visibleLogLines ? `${S + 1}-${Math.min(S + this.visibleLogLines, M)}/${M}` : "";
+    let k = `${u}├${"─".repeat(x - R.length - 4)}${e.reset}`;
+    R && (k += `${e.dim}${R}${e.reset}`), k += `${u}${"─".repeat(2)}┤${e.reset}`, p.push(D.ESC.moveTo(s.row + 2, s.col) + k);
+    const L = y.slice(S, S + this.visibleLogLines);
+    for (let A = 0; A < this.visibleLogLines; A++) {
+      const _ = L[A];
+      let z = `${u}│${e.reset}`;
+      if (_) {
+        let T = e.white;
+        _.type === "success" ? T = e.green : _.type === "error" ? T = e.red : _.type === "warning" ? T = e.yellow : _.type === "hmr" ? T = e.magenta : _.type === "change" && (T = e.blue);
+        const oe = _.message.substring(0, x - 12);
+        z += `${e.dim}${_.timestamp}${e.reset} ${T}${oe}${e.reset}`;
+        const Pe = x - _.timestamp.length - oe.length - 2;
+        z += " ".repeat(Math.max(0, Pe));
       } else
-        J += " ".repeat($ - 2);
-      J += `${g}│${e.reset}`, w.push(A.ESC.moveTo(s.row + 3 + L, s.col) + J);
+        z += " ".repeat(x - 2);
+      z += `${u}│${e.reset}`, p.push(D.ESC.moveTo(s.row + 3 + A, s.col) + z);
     }
-    w.push(A.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${g}└${"─".repeat($ - 2)}┘${e.reset}`), process.stdout.write(w.join(""));
+    p.push(D.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${u}└${"─".repeat(x - 2)}┘${e.reset}`), process.stdout.write(p.join(""));
   }
   fullRender() {
-    const t = A.C;
-    process.stdout.write(A.ESC.clearScreen + A.ESC.moveTo(1, 1));
+    const t = D.C;
+    process.stdout.write(D.ESC.clearScreen + D.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)
@@ -1177,26 +1177,26 @@ const A = class A {
     this.renderFooter();
   }
   renderFooter() {
-    const t = A.C, e = this.rows - 1;
+    const t = D.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(D.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(D.ESC.clearScreen + D.ESC.moveTo(1, 1) + D.ESC.showCursor);
   }
 };
 // ANSI escape codes
-ye(A, "ESC", {
+we(D, "ESC", {
   moveTo: (t, e) => `\x1B[${t};${e}H`,
   hideCursor: "\x1B[?25l",
   showCursor: "\x1B[?25h",
   clearScreen: "\x1B[2J",
   clearLine: "\x1B[2K"
 }), // Colors
-ye(A, "C", {
+we(D, "C", {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
   dim: "\x1B[2m",
@@ -1211,7 +1211,7 @@ ye(A, "C", {
   bgCyan: "\x1B[46m",
   black: "\x1B[30m"
 }), // Status configs
-ye(A, "STATUS", {
+we(D, "STATUS", {
   initializing: { icon: "◔", color: "yellow", label: "Initializing" },
   starting: { icon: "◑", color: "yellow", label: "Starting" },
   building: { icon: "⟳", color: "yellow", label: "Building" },
@@ -1224,125 +1224,125 @@ ye(A, "STATUS", {
   warning: { icon: "⚠", color: "yellow", label: "Warning" },
   stopped: { icon: "■", color: "gray", label: "Stopped" }
 });
-let Ne = A;
-async function Dt(o) {
-  const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((l) => ({
-    name: l.name,
-    path: l.path,
-    id: l.componentId || ""
-  })), i = new Ne(s), d = [], u = (l) => {
-    const x = process.platform;
-    let y;
-    x === "darwin" ? y = `open "${l}"` : x === "win32" ? y = `start "" "${l}"` : y = `xdg-open "${l}"`, e(y, () => {
+let Ae = D;
+async function Ht(o) {
+  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 Ae(s), d = [], g = (c) => {
+    const y = process.platform;
+    let S;
+    y === "darwin" ? S = `open "${c}"` : y === "win32" ? S = `start "" "${c}"` : S = `xdg-open "${c}"`, e(S, () => {
     });
   }, h = () => {
     i.clear(), console.log(`
-🛑 Shutting down all components...`), d.forEach((l) => {
+🛑 Shutting down all components...`), d.forEach((c) => {
       try {
-        l.kill("SIGTERM");
+        c.kill("SIGTERM");
       } catch {
       }
     }), setTimeout(() => process.exit(0), 500);
   };
   process.on("SIGINT", h), process.on("SIGTERM", h);
-  const c = process.argv[1];
-  for (let l = 0; l < o.length; l++) {
-    const x = o[l], y = x.name;
-    i.setStatus(y, "⏳ Starting..."), i.log(y, `Starting in ${x.path}`);
-    const $ = t("node", [c, "dev"], {
-      cwd: n.default.resolve(x.path),
+  const l = 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 x = t("node", [l, "dev"], {
+      cwd: n.default.resolve(y.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
     });
-    d.push($);
-    let g = "";
-    $.stdout.on("data", (w) => {
-      g += w.toString();
-      const j = g.split(`
+    d.push(x);
+    let u = "";
+    x.stdout.on("data", (p) => {
+      u += p.toString();
+      const E = u.split(`
 `);
-      g = j.pop() || "";
-      for (const O of j) {
-        const P = O.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        P && (P.includes("Registered component") || P.includes("Registered:") ? i.setStatus(y, "✅ Ready") : P.includes("Building...") || P.includes("Running initial build") ? i.setStatus(y, "🔨 Building...") : P.includes("Build completed") || P.includes("Build succeeded") ? i.setStatus(y, "✅ Ready") : P.includes("Build failed") ? i.setStatus(y, "❌ Build Error") : P.includes("File changed") ? (i.setStatus(y, "📝 Changed"), setTimeout(() => i.setStatus(y, "✅ Ready"), 1500)) : P.includes("Notifying") && P.includes("HMR") ? (i.setStatus(y, "🔥 HMR Update"), setTimeout(() => i.setStatus(y, "✅ Ready"), 1e3)) : P.includes("HMR client connected") && (i.setStatus(y, "🔥 HMR Connected"), setTimeout(() => i.setStatus(y, "✅ Ready"), 1e3)), !P.includes("Watching") && !P.includes("Press Ctrl+C") && !P.includes("Starting shared") && !P.includes("Management server") && !P.includes("Main server") && !P.includes("Access at:") && !P.includes("No build needed") && i.log(y, P));
+      u = E.pop() || "";
+      for (const I of E) {
+        const $ = I.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        $ && ($.includes("Registered component") || $.includes("Registered:") ? i.setStatus(S, "✅ Ready") : $.includes("Building...") || $.includes("Running initial build") ? i.setStatus(S, "🔨 Building...") : $.includes("Build completed") || $.includes("Build succeeded") ? i.setStatus(S, "✅ Ready") : $.includes("Build failed") ? i.setStatus(S, "❌ Build Error") : $.includes("File changed") ? (i.setStatus(S, "📝 Changed"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1500)) : $.includes("Notifying") && $.includes("HMR") ? (i.setStatus(S, "🔥 HMR Update"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1e3)) : $.includes("HMR client connected") && (i.setStatus(S, "🔥 HMR Connected"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1e3)), !$.includes("Watching") && !$.includes("Press Ctrl+C") && !$.includes("Starting shared") && !$.includes("Management server") && !$.includes("Main server") && !$.includes("Access at:") && !$.includes("No build needed") && i.log(S, $));
       }
-    }), $.stderr.on("data", (w) => {
-      const j = w.toString().split(`
+    }), x.stderr.on("data", (p) => {
+      const E = p.toString().split(`
 `);
-      for (const O of j) {
-        const P = O.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        P && (i.log(y, `⚠️ ${P}`), i.setStatus(y, "⚠️ Warning"));
+      for (const I of E) {
+        const $ = I.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        $ && (i.log(S, `⚠️ ${$}`), i.setStatus(S, "⚠️ Warning"));
       }
-    }), $.on("exit", (w) => {
-      w !== 0 && w !== null && (i.setStatus(y, `❌ Exited (${w})`), i.log(y, `Process exited with code ${w}`));
-    }), l < o.length - 1 && await new Promise((w) => setTimeout(w, 500));
+    }), x.on("exit", (p) => {
+      p !== 0 && p !== null && (i.setStatus(S, `❌ Exited (${p})`), i.log(S, `Process exited with code ${p}`));
+    }), c < o.length - 1 && await new Promise((p) => setTimeout(p, 500));
   }
   i.render(), setTimeout(() => {
-    u("http://localhost:9292");
+    g("http://localhost:9292");
   }, 2e3);
 }
-const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  devCommand: xe,
-  monorepoDevCommand: Dt
-}, Symbol.toStringTag, { value: "Module" })), Ae = _.join(nt.homedir(), ".myop"), pe = _.join(Ae, "credentials.json");
-function Ut() {
-  M.existsSync(Ae) || M.mkdirSync(Ae, { recursive: !0, mode: 448 });
+  devCommand: be,
+  monorepoDevCommand: Ht
+}, Symbol.toStringTag, { value: "Module" })), Le = N.join(it.homedir(), ".myop"), me = N.join(Le, "credentials.json");
+function Jt() {
+  P.existsSync(Le) || P.mkdirSync(Le, { recursive: !0, mode: 448 });
 }
-function Be() {
+function ze() {
   try {
-    if (!M.existsSync(pe))
+    if (!P.existsSync(me))
       return null;
-    const o = M.readFileSync(pe, "utf8");
+    const o = P.readFileSync(me, "utf8");
     return JSON.parse(o);
   } catch (o) {
     return console.info("Failed to read credentials:", o.message), null;
   }
 }
-function lt(o) {
-  Ut();
+function dt(o) {
+  Jt();
   const t = {
     ...o,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  M.writeFileSync(pe, JSON.stringify(t, null, 2), {
+  P.writeFileSync(me, JSON.stringify(t, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function ct() {
+function pt() {
   try {
-    return M.existsSync(pe) && M.unlinkSync(pe), !0;
+    return P.existsSync(me) && P.unlinkSync(me), !0;
   } catch (o) {
     return console.error("Failed to clear credentials:", o.message), !1;
   }
 }
-function Bt(o) {
+function zt(o) {
   if (!o || !o.expiresAt)
     return !0;
   const t = 5 * 60 * 1e3, e = new Date(o.expiresAt).getTime();
   return Date.now() > e - t;
 }
 function $e() {
-  const o = Be();
+  const o = ze();
   return o ? {
     email: o.userEmail,
     userId: o.userId
   } : null;
 }
-const ae = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", Se = 19284, Je = `http://localhost:${Se}/callback`, Jt = "myop-cli";
-function zt() {
-  return He.randomBytes(32).toString("base64url");
+const le = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", Se = 19284, We = `http://localhost:${Se}/callback`, Wt = "myop-cli";
+function Vt() {
+  return Be.randomBytes(32).toString("base64url");
 }
-function Wt(o) {
-  return He.createHash("sha256").update(o).digest("base64url");
+function Gt(o) {
+  return Be.createHash("sha256").update(o).digest("base64url");
 }
-async function Vt() {
-  const o = await fetch(`${ae}/oauth/register`, {
+async function Yt() {
+  const o = await fetch(`${le}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: Jt,
-      redirect_uris: [Je],
+      client_name: Wt,
+      redirect_uris: [We],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
@@ -1353,7 +1353,7 @@ async function Vt() {
   }
   return o.json();
 }
-function we(o, t, e, n = null) {
+function ve(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"/>
@@ -1371,7 +1371,7 @@ function we(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: d, glow: u } = i[o] || i.error;
+  }, { accent: d, glow: g } = i[o] || i.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -1464,7 +1464,7 @@ function we(o, t, e, n = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${u};
+            background: ${g};
             border: 1px solid ${d}33;
             border-radius: 4px;
             padding: 10px 16px;
@@ -1519,23 +1519,23 @@ function we(o, t, e, n = null) {
 </body>
 </html>`;
 }
-function Gt(o) {
+function Kt(o) {
   return new Promise((t, e) => {
-    const n = bt.createServer((s, i) => {
-      const d = new tt(s.url, `http://localhost:${Se}`);
+    const n = Mt.createServer((s, i) => {
+      const d = new nt(s.url, `http://localhost:${Se}`);
       if (d.pathname === "/callback") {
-        const u = d.searchParams.get("code"), h = d.searchParams.get("state"), c = d.searchParams.get("error");
-        if (c) {
-          i.writeHead(200, { "Content-Type": "text/html" }), i.end(we(
+        const g = d.searchParams.get("code"), h = d.searchParams.get("state"), l = d.searchParams.get("error");
+        if (l) {
+          i.writeHead(200, { "Content-Type": "text/html" }), i.end(ve(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            c
-          )), n.close(), e(new Error(`OAuth error: ${c}`));
+            l
+          )), n.close(), e(new Error(`OAuth error: ${l}`));
           return;
         }
         if (h !== o) {
-          i.writeHead(400, { "Content-Type": "text/html" }), i.end(we(
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(ve(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
@@ -1543,8 +1543,8 @@ function Gt(o) {
           )), n.close(), e(new Error("State mismatch"));
           return;
         }
-        if (!u) {
-          i.writeHead(400, { "Content-Type": "text/html" }), i.end(we(
+        if (!g) {
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(ve(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
@@ -1552,11 +1552,11 @@ function Gt(o) {
           )), n.close(), e(new Error("No authorization code"));
           return;
         }
-        i.writeHead(200, { "Content-Type": "text/html" }), i.end(we(
+        i.writeHead(200, { "Content-Type": "text/html" }), i.end(ve(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), n.close(), t(u);
+        )), n.close(), t(g);
       } else
         i.writeHead(404), i.end("Not found");
     });
@@ -1567,15 +1567,15 @@ function Gt(o) {
     }, 5 * 60 * 1e3);
   });
 }
-async function Yt(o, t, e) {
-  const n = await fetch(`${ae}/oauth/token`, {
+async function Qt(o, t, e) {
+  const n = await fetch(`${le}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new ot({
+    body: new st({
       grant_type: "authorization_code",
       code: o,
       client_id: t,
-      redirect_uri: Je,
+      redirect_uri: We,
       code_verifier: e
     })
   });
@@ -1585,11 +1585,11 @@ async function Yt(o, t, e) {
   }
   return n.json();
 }
-async function Kt(o, t) {
-  const e = await fetch(`${ae}/oauth/token`, {
+async function Zt(o, t) {
+  const e = await fetch(`${le}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new ot({
+    body: new st({
       grant_type: "refresh_token",
       refresh_token: o,
       client_id: t
@@ -1601,9 +1601,9 @@ async function Kt(o, t) {
   }
   return e.json();
 }
-async function Qt(o) {
+async function Xt(o) {
   var s, i, d;
-  const t = await fetch(`${ae}/mcp`, {
+  const t = await fetch(`${le}/mcp`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -1629,52 +1629,57 @@ async function Qt(o) {
     return JSON.parse(n);
   throw new Error("Invalid response from whoami");
 }
-async function de() {
-  const o = Y("Starting authentication...").start();
+async function pe() {
+  const o = V("Starting authentication...").start();
   try {
     o.text = "Registering OAuth client...";
-    const e = (await Vt()).client_id, n = zt(), s = Wt(n), i = He.randomBytes(16).toString("hex");
+    const e = (await Yt()).client_id, n = Vt(), s = Gt(n), i = Be.randomBytes(16).toString("hex");
     o.text = "Waiting for authorization...";
-    const d = Gt(i), u = new tt(`${ae}/oauth/authorize`);
-    u.searchParams.set("response_type", "code"), u.searchParams.set("client_id", e), u.searchParams.set("redirect_uri", Je), u.searchParams.set("code_challenge", s), u.searchParams.set("code_challenge_method", "S256"), u.searchParams.set("state", i), o.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${u.toString()}
-`), await Ct(u.toString());
+    const d = Kt(i), g = new nt(`${le}/oauth/authorize`);
+    g.searchParams.set("response_type", "code"), g.searchParams.set("client_id", e), g.searchParams.set("redirect_uri", We), g.searchParams.set("code_challenge", s), g.searchParams.set("code_challenge_method", "S256"), g.searchParams.set("state", i), o.stop(), console.log(`
+🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${g.toString()}
+`), await Pt(g.toString());
     const h = await d;
     o.start("Exchanging authorization code...");
-    const c = await Yt(h, e, n);
+    const l = await Qt(h, e, n);
     o.text = "Getting user info...";
-    const l = await Qt(c.access_token), x = {
-      accessToken: c.access_token,
-      refreshToken: c.refresh_token,
-      expiresAt: new Date(Date.now() + c.expires_in * 1e3).toISOString(),
+    const c = await Xt(l.access_token), y = {
+      accessToken: l.access_token,
+      refreshToken: l.refresh_token,
+      expiresAt: new Date(Date.now() + l.expires_in * 1e3).toISOString(),
       clientId: e,
-      userId: l.userId,
-      userEmail: l.email
+      userId: c.userId,
+      userEmail: c.email
     };
-    return lt(x), o.succeed(`Authenticated as ${l.email}`), x;
+    return dt(y), o.succeed(`Authenticated as ${c.email}`), y;
   } catch (t) {
     throw o.fail(`Authentication failed: ${t.message}`), t;
   }
 }
-async function dt() {
-  const o = Be();
+async function mt() {
+  const o = ze();
   if (!o) {
     console.log("Not currently logged in.");
     return;
   }
-  ct(), console.log(`✅ Logged out (was: ${o.userEmail})`);
+  pt(), console.log(`✅ Logged out (was: ${o.userEmail})`);
+}
+function qt(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 ze() {
-  let o = Be();
+async function Ve() {
+  let o = ze();
   if (!o)
     return console.log(`Not logged in. Starting authentication...
-`), await de();
-  if (!Bt(o))
+`), await pe();
+  if (!zt(o))
     return o;
   if (o.refreshToken) {
-    const t = Y("Refreshing access token...").start();
+    const t = V("Refreshing access token...").start();
     try {
-      const e = await Kt(
+      const e = await Zt(
         o.refreshToken,
         o.clientId
       );
@@ -1683,41 +1688,43 @@ async function ze() {
         accessToken: e.access_token,
         refreshToken: e.refresh_token,
         expiresAt: new Date(Date.now() + e.expires_in * 1e3).toISOString()
-      }, lt(o), t.succeed("Token refreshed"), o;
-    } catch {
-      return t.warn("Token refresh failed, please log in again"), ct(), await de();
+      }, dt(o), t.succeed("Token refreshed"), o;
+    } catch (e) {
+      if (qt(e))
+        throw t.fail("Network error during token refresh"), e;
+      return t.warn("Token refresh failed, please log in again"), pt(), await pe();
     }
   }
   return console.log(`Session expired. Please log in again.
-`), await de();
+`), await pe();
 }
-function be() {
-  return ae;
+function Ce() {
+  return le;
 }
-const ee = "@myop/cli", je = process.platform === "win32";
-function Zt() {
+const Z = "@myop/cli", Fe = process.platform === "win32";
+function eo() {
   try {
-    return X("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
+    return Q("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
   } catch {
     return "https://registry.npmjs.org/";
   }
 }
-function qt() {
+function to() {
   try {
-    return X("npm config get prefix", { encoding: "utf-8" }).trim();
+    return Q("npm config get prefix", { encoding: "utf-8" }).trim();
   } catch {
     return null;
   }
 }
-async function Xt() {
+async function oo() {
   try {
-    const o = Zt().replace(/\/$/, ""), t = await fetch(`${o}/${ee}/latest`);
+    const o = eo().replace(/\/$/, ""), t = await fetch(`${o}/${Z}/latest`);
     return t.ok ? (await t.json()).version : null;
   } catch {
     return null;
   }
 }
-function eo(o, t) {
+function no(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, d = n[s] || 0;
@@ -1726,19 +1733,19 @@ function eo(o, t) {
   }
   return 0;
 }
-async function to(o) {
-  const t = Y({
+async function so(o) {
+  const t = V({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), e = await Xt();
-  if (t.stop(), !e || eo(e, o) <= 0)
+  }).start(), e = await oo();
+  if (t.stop(), !e || no(e, o) <= 0)
     return !1;
   console.log(`
 📦 New version available: ${o} → ${e}
 `);
   let n;
   try {
-    n = await et({
+    n = await ot({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
@@ -1752,51 +1759,51 @@ async function to(o) {
 `), process.exit(0)), s;
   }
   if (n) {
-    const s = Y({
-      text: `Updating ${ee} to v${e}...`,
+    const s = V({
+      text: `Updating ${Z} to v${e}...`,
       color: "green"
-    }).start(), i = `npm install -g ${ee}@latest`, d = qt();
+    }).start(), i = `npm install -g ${Z}@latest`, d = to();
     try {
-      X(i, { stdio: "pipe" }), s.succeed(`Updated to v${e}`);
+      Q(i, { stdio: "pipe" }), s.succeed(`Updated to v${e}`);
     } catch {
       s.stop(), console.log(`
 🔐 Elevated permissions required.
 `);
       try {
-        if (je) {
-          const l = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${d ? `install -g ${ee}@latest --prefix \\"${d}\\"` : `install -g ${ee}@latest`}' -Verb RunAs -Wait`;
-          X(`powershell -Command "${l}"`, { stdio: "inherit" });
+        if (Fe) {
+          const c = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${d ? `install -g ${Z}@latest --prefix \\"${d}\\"` : `install -g ${Z}@latest`}' -Verb RunAs -Wait`;
+          Q(`powershell -Command "${c}"`, { stdio: "inherit" });
         } else {
-          const c = d ? `sudo npm install -g ${ee}@latest --prefix "${d}"` : `sudo ${i}`;
-          X(c, { stdio: "inherit" });
+          const l = d ? `sudo npm install -g ${Z}@latest --prefix "${d}"` : `sudo ${i}`;
+          Q(l, { stdio: "inherit" });
         }
         console.log(`
 ✅ Updated to v${e}`);
       } catch {
         console.log(`
 ❌ Update failed`);
-        const l = je ? `npm install -g ${ee}@latest (run as Administrator)` : `sudo npm install -g ${ee}@latest`;
+        const c = Fe ? `npm install -g ${Z}@latest (run as Administrator)` : `sudo npm install -g ${Z}@latest`;
         console.log(`
-Please run manually: ${l}
+Please run manually: ${c}
 `), process.exit(1);
       }
     }
-    let u = null;
+    let g = null;
     try {
       let h;
-      d ? h = je ? Te(d, "node_modules") : Te(d, "lib", "node_modules") : h = X("npm root -g", { encoding: "utf-8" }).trim();
-      const c = Te(h, ee, "package.json"), l = $t(c, "utf-8");
-      u = JSON.parse(l).version;
+      d ? h = Fe ? _e(d, "node_modules") : _e(d, "lib", "node_modules") : h = Q("npm root -g", { encoding: "utf-8" }).trim();
+      const l = _e(h, Z, "package.json"), c = Ct(l, "utf-8");
+      g = JSON.parse(c).version;
     } catch {
     }
-    if (u === e)
+    if (g === e)
       return console.log(`
 🔄 Restarting...
-`), xt(process.argv[0], process.argv.slice(1), {
+`), $t(process.argv[0], process.argv.slice(1), {
         stdio: "inherit",
         shell: !0
-      }).on("close", (c) => {
-        process.exit(c || 0);
+      }).on("close", (l) => {
+        process.exit(l || 0);
       }), !0;
     console.log(`
 Please run myop again to use the new version.
@@ -1804,35 +1811,35 @@ Please run myop again to use the new version.
   }
   return !1;
 }
-const Le = _.join(nt.homedir(), ".myop"), De = _.join(Le, "preferences.json");
-function oo() {
-  M.existsSync(Le) || M.mkdirSync(Le, { recursive: !0, mode: 448 });
+const Ue = N.join(it.homedir(), ".myop"), He = N.join(Ue, "preferences.json");
+function io() {
+  P.existsSync(Ue) || P.mkdirSync(Ue, { recursive: !0, mode: 448 });
 }
-function pt() {
+function ut() {
   try {
-    if (!M.existsSync(De))
+    if (!P.existsSync(He))
       return {};
-    const o = M.readFileSync(De, "utf8");
+    const o = P.readFileSync(He, "utf8");
     return JSON.parse(o);
   } catch {
     return {};
   }
 }
-function no(o) {
-  oo();
-  const e = { ...pt(), ...o };
-  M.writeFileSync(De, JSON.stringify(e, null, 2), {
+function ro(o) {
+  io();
+  const e = { ...ut(), ...o };
+  P.writeFileSync(He, JSON.stringify(e, null, 2), {
     mode: 384
   });
 }
-function so() {
-  return pt().defaultOrganization || null;
+function ao() {
+  return ut().defaultOrganization || null;
 }
-function Fe({ id: o, name: t }) {
-  no({ defaultOrganization: { id: o, name: t } });
+function je({ id: o, name: t }) {
+  ro({ defaultOrganization: { id: o, name: t } });
 }
-async function io(o, t, e, n = {}) {
-  var u, h, c;
+async function lo(o, t, e, n = {}) {
+  var g, h, l;
   const s = await fetch(`${o}/mcp`, {
     method: "POST",
     headers: {
@@ -1854,60 +1861,71 @@ async function io(o, t, e, n = {}) {
   const i = await s.json();
   if (i.error)
     throw new Error(i.error.message || "MCP error");
-  const d = (c = (h = (u = i.result) == null ? void 0 : u.content) == null ? void 0 : h[0]) == null ? void 0 : c.text;
+  const d = (l = (h = (g = i.result) == null ? void 0 : g.content) == null ? void 0 : h[0]) == null ? void 0 : l.text;
   if (!d)
     throw new Error(`No content returned from ${e}`);
   return JSON.parse(d);
 }
-const ro = (o) => new Promise((t) => setTimeout(t, o)), ao = () => {
+const co = (o) => new Promise((t) => setTimeout(t, o));
+function re(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) {
+  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("");
+}
+const po = () => {
   let o = new URL(import.meta.url).pathname;
   process.platform === "win32" && o.startsWith("/") && (o = o.slice(1));
-  const t = _.dirname(o);
-  return _.join(t, "skills");
-}, lo = (o) => {
+  const t = N.dirname(o);
+  return N.join(t, "skills");
+}, mo = (o) => {
   try {
-    const t = _.join(o, "package.json");
-    if (!M.existsSync(t)) return [];
-    const e = JSON.parse(M.readFileSync(t, "utf-8"));
+    const t = N.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 [];
   }
-}, We = async (o) => {
-  const t = ao();
-  if (!M.existsSync(t))
+}, Ge = async (o) => {
+  const t = po();
+  if (!P.existsSync(t))
     return console.info("Skills source directory not found, skipping skills installation"), { success: !1 };
   try {
-    const e = lo(o), n = ["myop-cli", "myop-component"], s = [
+    const e = mo(o), n = ["myop-cli", "myop-component"], s = [
       { deps: ["@myop/react", "react"], skill: "myop-react-host" },
       { 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: c }) => c.some((l) => e.includes(l))).map(({ skill: c }) => c), d = s.flatMap(({ deps: c }) => c.filter((l) => e.includes(l)));
-    i.length > 0 ? n.push(...i) : n.push(...s.map((c) => c.skill));
-    const u = n.map((c) => `--skill ${c}`).join(" "), h = `npx -y skills add "${t}" ${u} --agent '*' --copy -y`;
-    return X(h, { cwd: o, stdio: "pipe" }), { success: !0, detected: d, skillNames: n };
+    ], i = s.filter(({ deps: l }) => l.some((c) => e.includes(c))).map(({ skill: l }) => l), d = s.flatMap(({ deps: l }) => l.filter((c) => e.includes(c)));
+    i.length > 0 ? n.push(...i) : n.push(...s.map((l) => l.skill));
+    const g = n.map((l) => `--skill ${l}`).join(" "), h = `npx -y skills add "${t}" ${g} --agent '*' --copy -y`;
+    return Q(h, { cwd: o, stdio: "pipe" }), { success: !0, detected: d, skillNames: n };
   } catch (e) {
     return console.info("Failed to install skills:", e.message), { success: !1 };
   }
-}, Ve = (o = ".", t = 3, e = 0) => {
+}, Ye = (o = ".", t = 3, e = 0) => {
   const n = [];
   if (e > t) return n;
   try {
-    const s = M.readdirSync(o, { withFileTypes: !0 });
+    const s = P.readdirSync(o, { withFileTypes: !0 });
     for (const i of s) {
-      const d = _.join(o, i.name);
+      const d = N.join(o, i.name);
       if (i.isDirectory()) {
         if (i.name === "node_modules" || i.name === ".git" || i.name === "dist" || i.name.startsWith("."))
           continue;
-        n.push(...Ve(d, t, e + 1));
+        n.push(...Ye(d, t, e + 1));
       } else if (i.name === "myop.config.json")
         try {
-          const u = M.readFileSync(d, "utf-8"), h = JSON.parse(u);
+          const g = P.readFileSync(d, "utf-8"), h = JSON.parse(g);
           n.push({
             path: o,
             configPath: d,
-            name: h.name || h.componentName || _.basename(o),
+            name: h.name || h.componentName || N.basename(o),
             componentId: h.componentId || null,
             config: h
           });
@@ -1919,7 +1937,7 @@ const ro = (o) => new Promise((t) => setTimeout(t, o)), ao = () => {
   return n;
 };
 v.executionPath = process.cwd();
-const Ce = (o = !1) => {
+const Me = (o = !1) => {
   const t = v.program.getOptionValue("verbose");
   t || (console.info = () => {
   }), console.info("📝 verbose mode on"), v.options = {
@@ -1927,7 +1945,7 @@ const Ce = (o = !1) => {
     verbose: t
   };
   try {
-    return v.myopConfig = Mt(v.options.configPath), { configFound: !0 };
+    return v.myopConfig = Ot(v.options.configPath), { configFound: !0 };
   } catch (e) {
     if (o) {
       console.info(`
@@ -1937,7 +1955,7 @@ const Ce = (o = !1) => {
           author: "@myop-cli",
           flows: []
         };
-        return Ue(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
+        return Je(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
       } catch {
         return console.info("Error details :", e), { configFound: !1, error: e };
       }
@@ -1946,36 +1964,36 @@ const Ce = (o = !1) => {
   }
 };
 [
-  new _e(),
-  ...jt
+  new De(),
+  ...Ft
 ];
-const co = "0.1.48";
-v.program = new vt();
-v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(co);
-v.program.addOption(new me("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-v.program.addOption(new me("-h, --help", "Show helpful information"));
-v.program.addOption(new me("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-v.program.addOption(new me("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-v.program.addOption(new me("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
+const uo = "0.1.50";
+v.program = new bt();
+v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(uo);
+v.program.addOption(new ue("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+v.program.addOption(new ue("-h, --help", "Show helpful information"));
+v.program.addOption(new ue("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+v.program.addOption(new ue("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+v.program.addOption(new ue("-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) => {
-  Ce(!0), console.info("adding ", o, t, v.options.configPath), o === "flow" && it._action(t), process.exit();
+  Me(!0), console.info("adding ", o, t, v.options.configPath), o === "flow" && at._action(t), process.exit();
 });
 v.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, t) => {
-  Ce(), console.info("removing ", o, t, v.options.configPath), o === "flow" && rt._action(t), process.exit();
+  Me(), console.info("removing ", o, t, v.options.configPath), o === "flow" && lt._action(t), process.exit();
 });
 v.program.command("install").description("Install Myop assets").action(async () => {
-  Ce(), await st.action();
+  Me(), await rt.action();
 });
 v.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
-    await de();
+    await pe();
   } 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 dt(), process.exit(0);
+  await mt(), process.exit(0);
 });
 v.program.command("whoami").description("Show current authenticated user").action(async () => {
   const o = $e();
@@ -1993,28 +2011,28 @@ 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 $, g, w, j, O, P;
+  var S, x, u;
   const t = v.program.getOptionValue("config") || "./myop.config.json";
   let e = {};
-  if (M.existsSync(t))
+  if (P.existsSync(t))
     try {
-      e = JSON.parse(M.readFileSync(t, "utf-8"));
+      e = JSON.parse(P.readFileSync(t, "utf-8"));
     } catch (p) {
       console.error(`⚠️ Failed to parse ${t}:`, p.message);
     }
   o && (e.componentId = o);
-  const n = e.name || e.componentName || _.basename(process.cwd());
+  const n = e.name || e.componentName || N.basename(process.cwd());
   console.log(`
 📋 Component: ${n}`);
   let s = null, i = !1;
   try {
-    const p = JSON.parse(M.readFileSync("package.json", "utf-8"));
+    const p = JSON.parse(P.readFileSync("package.json", "utf-8"));
     i = !!(p.scripts && p.scripts.build);
   } catch {
   }
   if (!i) {
-    const p = M.readdirSync(".").filter(
-      (E) => E.endsWith(".html") && !E.startsWith(".") && M.statSync(E).isFile()
+    const p = P.readdirSync(".").filter(
+      (E) => E.endsWith(".html") && !E.startsWith(".") && P.statSync(E).isFile()
     );
     p.length === 1 && (s = p[0]);
   }
@@ -2023,49 +2041,51 @@ v.program.command("push").description("Upload component to Myop platform").argum
   else if (i) {
     const { exec: p } = await import("child_process");
     let E = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-    const b = (R = !1) => new Promise((D) => {
-      const L = Y(R ? "Retrying build..." : "Building project...").start();
-      p("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (T, J, F) => {
-        if (!T) {
-          L.succeed("Build completed"), D(!0);
+    const I = (C = !1) => new Promise((j) => {
+      const M = V(C ? "Retrying build..." : "Building project...").start();
+      p("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (R, k, L) => {
+        if (!R) {
+          M.succeed("Build completed"), j(!0);
           return;
         }
-        if (L.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
-          const V = await at(T, J, F, p, E);
-          if (E = { ...E, ...V }, V.handled) {
-            const te = await b(!0);
-            D(te);
+        if (M.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
+          const A = await ct(R, k, L, p, E);
+          if (E = { ...E, ...A }, A.handled) {
+            const _ = await I(!0);
+            j(_);
             return;
           }
         }
-        console.error(T.message), D(!1);
+        console.error(R.message), j(!1);
       });
     });
-    await b() || process.exit(1);
+    await I() || process.exit(1);
   }
   let d;
   if (s)
     d = s;
-  else if (M.existsSync("./dist/index.html"))
+  else if (P.existsSync("./dist/index.html"))
     d = "./dist/index.html";
   else {
-    const p = M.readdirSync(".").filter(
-      (E) => E.endsWith(".html") && !E.startsWith(".") && M.statSync(E).isFile()
+    const p = P.readdirSync(".").filter(
+      (E) => E.endsWith(".html") && !E.startsWith(".") && P.statSync(E).isFile()
     );
     p.length === 1 ? d = p[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 u = M.readFileSync(d, "utf-8");
-  console.log(`   File: ${d} (${(u.length / 1024).toFixed(1)} KB)`);
+  const g = P.readFileSync(d, "utf-8");
+  console.log(`   File: ${d} (${(g.length / 1024).toFixed(1)} KB)`);
   let h;
   try {
-    h = await ze();
+    h = await Ve();
   } catch (p) {
-    console.error("❌ Authentication failed:", p.message), process.exit(1);
+    re(p) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : (console.error("❌ Authentication failed:", p.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 c = be();
-  let l = Y("Uploading...").start(), x;
+  const l = Ce();
+  let c = V("Uploading...").start(), y;
   try {
-    const p = await fetch(`${c}/mcp`, {
+    const p = await fetch(`${l}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -2080,7 +2100,8 @@ v.program.command("push").description("Upload component to Myop platform").argum
           arguments: {
             name: n,
             componentId: e.componentId && e.componentId !== "DEV" ? e.componentId : void 0,
-            organization: e.organization || void 0
+            organization: e.organization || void 0,
+            htmlContent: g
           }
         }
       })
@@ -2090,72 +2111,17 @@ v.program.command("push").description("Upload component to Myop platform").argum
     const E = await p.json();
     if (E.error)
       throw new Error(E.error.message);
-    const b = (w = (g = ($ = E.result) == null ? void 0 : $.content) == null ? void 0 : g[0]) == null ? void 0 : w.text;
-    if (x = JSON.parse(b), !x.success)
-      throw new Error(x.error);
-  } catch (p) {
-    l.fail("Failed to get upload URL"), console.error("   ", p.message), process.exit(1);
-  }
-  try {
-    let p;
-    const E = x.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (E)
-      p = E[1];
-    else {
-      const k = x.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (k)
-        p = k[1];
-      else
-        throw new Error("Could not parse presigned URL");
-    }
-    const b = await fetch(p, {
-      method: "PUT",
-      headers: { "Content-Type": "text/html" },
-      body: u
-    });
-    if (!b.ok) {
-      const k = await b.text();
-      throw new Error(`Upload failed: ${b.status} ${k}`);
-    }
-  } catch (p) {
-    l.fail("Upload failed"), console.error("   ", p.message), process.exit(1);
-  }
-  let y;
-  try {
-    const p = await fetch(`${c}/mcp`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${h.accessToken}`
-      },
-      body: JSON.stringify({
-        jsonrpc: "2.0",
-        id: 2,
-        method: "tools/call",
-        params: {
-          name: "confirm_upload",
-          arguments: {
-            uploadId: x.uploadId
-          }
-        }
-      })
-    });
-    if (!p.ok)
-      throw new Error(`Server returned ${p.status}`);
-    const E = await p.json();
-    if (E.error)
-      throw new Error(E.error.message);
-    const b = (P = (O = (j = E.result) == null ? void 0 : j.content) == null ? void 0 : O[0]) == null ? void 0 : P.text;
-    if (y = JSON.parse(b), !y.success)
+    const I = (u = (x = (S = E.result) == null ? void 0 : S.content) == null ? void 0 : x[0]) == null ? void 0 : u.text;
+    if (y = JSON.parse(I), !y.success)
       throw new Error(y.error);
-    l.succeed("Pushed successfully");
+    c.succeed("Pushed successfully");
   } catch (p) {
-    l.fail("Confirmation failed"), console.error("   ", p.message), process.exit(1);
+    c.fail("Upload failed"), re(p) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : console.error("   ", p.message), process.exit(1);
   }
   if (y.isNewComponent || !e.componentId || e.componentId === "DEV") {
     e.componentId = y.componentId, e.organization = y.orgId, e.name || (e.name = y.componentName);
     try {
-      M.writeFileSync(t, JSON.stringify(e, null, 2));
+      P.writeFileSync(t, JSON.stringify(e, null, 2));
     } catch (p) {
       console.log(`⚠️ Could not update ${t}: ${p.message}`), console.log(`   Add componentId: "${y.componentId}" manually`);
     }
@@ -2164,30 +2130,32 @@ v.program.command("push").description("Upload component to Myop platform").argum
    ${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)").action(async (o, t) => {
-  var w, j, O;
+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 p, E, I;
   const e = v.program.getOptionValue("config") || "./myop.config.json";
   let n = {};
-  if (M.existsSync(e))
+  if (P.existsSync(e))
     try {
-      n = JSON.parse(M.readFileSync(e, "utf-8"));
+      n = JSON.parse(P.readFileSync(e, "utf-8"));
     } catch {
     }
   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}`);
+📥 Pulling: ${i}`), console.log(`   ID: ${s}`), t.env && console.log(`   Environment: ${t.env}`);
   let d;
   try {
-    d = await ze();
-  } catch (P) {
-    console.error("❌ Authentication failed:", P.message), process.exit(1);
+    d = await Ve();
+  } catch ($) {
+    re($) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : (console.error("❌ Authentication failed:", $.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 u = be(), h = Y("Fetching component...").start();
-  let c;
+  const g = Ce(), h = V("Fetching component...").start();
+  let l;
   try {
-    const P = await fetch(`${u}/mcp`, {
+    const $ = await fetch(`${g}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -2199,39 +2167,37 @@ v.program.command("pull").description("Download component HTML from Myop platfor
         method: "tools/call",
         params: {
           name: "get_component",
-          arguments: { componentId: s }
+          arguments: { componentId: s, ...t.env && { environment: t.env } }
         }
       })
     });
-    if (!P.ok)
-      throw new Error(`Server returned ${P.status}`);
-    const p = await P.json();
-    if (p.error)
-      throw new Error(p.error.message);
-    const E = (O = (j = (w = p.result) == null ? void 0 : w.content) == null ? void 0 : j[0]) == null ? void 0 : O.text;
-    if (c = JSON.parse(E), !c.success && !c.html)
-      throw new Error(c.error || "No HTML content returned");
-    h.succeed("Component fetched");
-  } catch (P) {
-    h.fail("Failed to fetch component"), console.error("   ", P.message), process.exit(1);
-  }
-  let l = t.output;
-  l || (M.existsSync("./dist/index.html") ? l = "./dist/index.html" : l = "./index.html");
-  const x = c.htmlContent || c.html, y = _.dirname(l);
-  y && !M.existsSync(y) && M.mkdirSync(y, { recursive: !0 }), M.writeFileSync(l, x), console.log(`   Saved to: ${l} (${(x.length / 1024).toFixed(1)} KB)`);
-  const $ = M.existsSync(e);
-  let g = !1;
-  if ($ ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && c.name && (n.name = c.name, g = !0)) : (n = {
-    name: c.name || _.basename(process.cwd()),
+    if (!$.ok)
+      throw new Error(`Server returned ${$.status}`);
+    const C = await $.json();
+    if (C.error)
+      throw new Error(C.error.message);
+    const j = (I = (E = (p = C.result) == null ? void 0 : p.content) == null ? void 0 : E[0]) == null ? void 0 : I.text;
+    l = JSON.parse(j), !l.success && !l.html && (h.fail("Failed to fetch component"), console.error("   ", l.error || "No HTML content returned"), l.message && console.error("   ", l.message), process.exit(1)), h.succeed("Component fetched");
+  } catch ($) {
+    h.fail("Failed to fetch component"), re($) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : console.error("   ", $.message), process.exit(1);
+  }
+  let c = t.output;
+  c || (P.existsSync("./dist/index.html") ? c = "./dist/index.html" : c = "./index.html");
+  const y = l.htmlContent || l.html, S = N.dirname(c);
+  S && !P.existsSync(S) && P.mkdirSync(S, { recursive: !0 }), P.writeFileSync(c, y), console.log(`   Saved to: ${c} (${(y.length / 1024).toFixed(1)} KB)`);
+  const x = P.existsSync(e);
+  let u = !1;
+  if (x ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, u = !0), !n.name && l.name && (n.name = l.name, u = !0)) : (n = {
+    name: l.name || N.basename(process.cwd()),
     componentId: s,
     type: "html",
     author: "@myop-cli",
     HMR: !0
-  }, g = !0), g)
+  }, u = !0), u)
     try {
-      M.writeFileSync(e, JSON.stringify(n, null, 2)), console.log(`   ${$ ? "Updated" : "Created"} ${e}`);
-    } catch (P) {
-      console.log(`   ⚠️ Could not write ${e}: ${P.message}`);
+      P.writeFileSync(e, JSON.stringify(n, null, 2)), console.log(`   ${x ? "Updated" : "Created"} ${e}`);
+    } catch ($) {
+      console.log(`   ⚠️ Could not write ${e}: ${$.message}`);
     }
   console.log(`
 ✅ Pull completed!
@@ -2241,209 +2207,189 @@ v.program.command("list").description("Browse and pull/push remote components").
   const { search: t, select: e } = await import("@inquirer/prompts");
   let n;
   try {
-    n = await ze();
-  } catch (g) {
-    console.error("Authentication failed:", g.message), process.exit(1);
-  }
-  const s = be(), i = (g, w) => io(s, n.accessToken, g, w);
-  let d = Y("Loading organizations...").start(), u;
+    n = await Ve();
+  } catch (u) {
+    re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : (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 s = Ce(), i = (u, p) => lo(s, n.accessToken, u, p);
+  let d = V("Loading organizations...").start(), g;
   try {
-    const g = await i("list_organizations");
-    if (u = g.organizations || g, !Array.isArray(u))
+    const u = await i("list_organizations");
+    if (g = u.organizations || u, !Array.isArray(g))
       throw new Error("Unexpected response from list_organizations");
-  } catch (g) {
-    d.fail("Failed to load organizations"), console.error("   ", g.message), process.exit(1);
+  } catch (u) {
+    d.fail("Failed to load organizations"), re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : console.error("   ", u.message), process.exit(1);
   }
-  u.length === 0 && (d.fail("No organizations found for this account"), process.exit(1)), d.stop();
-  let h, c;
+  g.length === 0 && (d.fail("No organizations found for this account"), process.exit(1)), d.stop();
+  let h, l;
   if (o.org) {
-    const g = u.find((w) => w.id === o.org || w._id === o.org);
-    g || (console.error(`Organization "${o.org}" not found. Available:`), u.forEach((w) => console.log(`  ${w.id || w._id}  ${w.name}`)), process.exit(1)), h = g.id || g._id, c = g.name, Fe({ id: h, name: c });
+    const u = g.find((p) => p.id === o.org || p._id === o.org);
+    u || (console.error(`Organization "${o.org}" not found. Available:`), g.forEach((p) => console.log(`  ${p.id || p._id}  ${p.name}`)), process.exit(1)), h = u.id || u._id, l = u.name, je({ id: h, name: l });
   } else {
-    const g = so();
-    if (g && u.find((w) => (w.id || w._id) === g.id))
-      h = g.id, c = g.name;
-    else if (u.length === 1)
-      h = u[0].id || u[0]._id, c = u[0].name, Fe({ id: h, name: c });
+    const u = ao();
+    if (u && g.find((p) => (p.id || p._id) === u.id))
+      h = u.id, l = u.name;
+    else if (g.length === 1)
+      h = g[0].id || g[0]._id, l = g[0].name, je({ id: h, name: l });
     else
       try {
-        const w = await e({
+        const p = await e({
           message: "Select an organization:",
-          choices: u.map((j) => ({
-            name: j.name,
-            value: { id: j.id || j._id, name: j.name }
+          choices: g.map((E) => ({
+            name: E.name,
+            value: { id: E.id || E._id, name: E.name }
           }))
         });
-        h = w.id, c = w.name, Fe({ id: h, name: c });
-      } catch (w) {
-        throw w.name === "ExitPromptError" && (console.log(`
+        h = p.id, l = p.name, je({ id: h, name: l });
+      } catch (p) {
+        throw p.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), w;
+`), process.exit(0)), p;
       }
   }
-  console.log(`  Using organization: ${c}`), d = Y("Loading components...").start();
-  let l;
+  console.log(`  Using organization: ${l}`), d = V("Loading components...").start();
+  let c;
   try {
-    const g = await i("list_components", { organizationId: h });
-    if (l = g.components || g, !Array.isArray(l))
+    const u = await i("list_components", { organizationId: h });
+    if (c = u.components || u, !Array.isArray(c))
       throw new Error("Unexpected response from list_components");
-  } catch (g) {
-    d.fail("Failed to load components"), console.error("   ", g.message), process.exit(1);
+  } catch (u) {
+    d.fail("Failed to load components"), console.error("   ", u.message), process.exit(1);
   }
-  d.stop(), l.length === 0 && (console.log(`  No components found in this organization.
-`), process.exit(0)), console.log(`  ${c} - ${l.length} component(s)
+  d.stop(), c.length === 0 && (console.log(`  No components found in this organization.
+`), process.exit(0)), console.log(`  ${l} - ${c.length} component(s)
 `);
-  const x = [];
+  const y = [];
   for (; ; ) {
-    const g = `[Done - pull/push ${x.length} selected]`, w = "__done__", j = new Set(x.map((p) => p.id || p._id || p.componentId));
-    let O;
+    const u = `[Done - pull/push ${y.length} selected]`, p = "__done__", E = new Set(y.map((C) => C.id || C._id || C.componentId));
+    let I;
     try {
-      O = await t({
+      I = await t({
         message: "Search & select components:",
-        source: (p) => {
-          const E = (p || "").toLowerCase(), b = l.filter((R) => {
-            const D = R.id || R._id || R.componentId;
-            return j.has(D) ? !1 : E ? (R.name || "").toLowerCase().includes(E) : !0;
-          }), k = [
-            { name: g, value: w }
+        source: (C) => {
+          const j = (C || "").toLowerCase(), M = c.filter((k) => {
+            const L = k.id || k._id || k.componentId;
+            return E.has(L) ? !1 : j ? (k.name || "").toLowerCase().includes(j) : !0;
+          }), R = [
+            { name: u, value: p }
           ];
-          for (const R of b) {
-            const D = R.id || R._id || R.componentId, L = D ? D.substring(0, 8) + "..." : "";
-            k.push({
-              name: `${R.name}  (${L})`,
-              value: D
+          for (const k of M) {
+            const L = k.id || k._id || k.componentId, A = L ? L.substring(0, 8) + "..." : "";
+            R.push({
+              name: `${k.name}  (${A})`,
+              value: L
             });
           }
-          return k;
+          return R;
         }
       });
-    } catch (p) {
-      throw p.name === "ExitPromptError" && (console.log(`
+    } catch (C) {
+      throw C.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), p;
+`), process.exit(0)), C;
     }
-    if (O === w)
+    if (I === p)
       break;
-    const P = l.find((p) => (p.id || p._id || p.componentId) === O);
-    P && (x.push(P), console.log(`  + ${P.name}`));
+    const $ = c.find((C) => (C.id || C._id || C.componentId) === I);
+    $ && (y.push($), console.log(`  + ${$.name}`));
   }
-  x.length === 0 && (console.log(`  No components selected.
+  y.length === 0 && (console.log(`  No components selected.
 `), process.exit(0));
-  let y;
+  let S;
   try {
-    y = await e({
-      message: `${x.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 (u) {
+    throw u.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), g;
+`), process.exit(0)), u;
   }
-  y === "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 (y === "pull") {
+  const x = (u) => u.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  if (S === "pull") {
     console.log(`
-  Pulling ${x.length} components...
+  Pulling ${y.length} components...
 `);
-    const g = await Promise.all(x.map(async (O) => {
-      const P = O.id || O._id || O.componentId;
+    const u = await Promise.all(y.map(async (I) => {
+      const $ = I.id || I._id || I.componentId;
       try {
-        const p = await i("get_component", { componentId: P }), E = $(O.name);
-        M.mkdirSync(E, { recursive: !0 });
-        const b = p.htmlContent || p.html;
-        if (!b)
+        const C = await i("get_component", { componentId: $ }), j = x(I.name);
+        P.mkdirSync(j, { recursive: !0 });
+        const M = C.htmlContent || C.html;
+        if (!M)
           throw new Error("No HTML content returned");
-        return M.writeFileSync(_.join(E, "index.html"), b), M.writeFileSync(_.join(E, "myop.config.json"), JSON.stringify({
-          name: O.name,
-          componentId: P,
+        return P.writeFileSync(N.join(j, "index.html"), M), P.writeFileSync(N.join(j, "myop.config.json"), JSON.stringify({
+          name: I.name,
+          componentId: $,
           organization: h,
           type: "html",
           author: "@myop-cli",
           HMR: !0
-        }, null, 2)), { name: O.name, status: "ok", dir: E };
-      } catch (p) {
-        return { name: O.name, status: "failed", error: p.message };
+        }, null, 2)), { name: I.name, status: "ok", dir: j };
+      } catch (C) {
+        return { name: I.name, status: "failed", error: C.message };
       }
     }));
-    let w = 0, j = 0;
-    for (const O of g)
-      O.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${O.name} -> ./${O.dir}/`), w++) : (console.log(`  \x1B[31m✖\x1B[0m ${O.name} - ${O.error}`), j++);
+    let p = 0, E = 0;
+    for (const I of u)
+      I.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${I.name} -> ./${I.dir}/`), p++) : (console.log(`  \x1B[31m✖\x1B[0m ${I.name} - ${I.error}`), E++);
     console.log(`
-  Done! Pulled ${w} component${w !== 1 ? "s" : ""}.${j ? ` ${j} failed.` : ""}
+  Done! Pulled ${p} component${p !== 1 ? "s" : ""}.${E ? ` ${E} failed.` : ""}
 `);
-  } else if (y === "push") {
+  } else if (S === "push") {
     console.log(`
-  Pushing ${x.length} components...
+  Pushing ${y.length} components...
 `);
-    const g = Ve(".", 3), w = await Promise.all(x.map(async (p) => {
-      const E = p.id || p._id || p.componentId, b = g.find((k) => k.componentId === E);
-      if (!b)
-        return { name: p.name, status: "skipped", reason: "no local match" };
+    const u = Ye(".", 3), p = await Promise.all(y.map(async (C) => {
+      const j = C.id || C._id || C.componentId, M = u.find((R) => R.componentId === j);
+      if (!M)
+        return { name: C.name, status: "skipped", reason: "no local match" };
       try {
-        let k;
-        const R = b.path;
-        if (M.existsSync(_.join(R, "dist", "index.html")))
-          k = _.join(R, "dist", "index.html");
+        let R;
+        const k = M.path;
+        if (P.existsSync(N.join(k, "dist", "index.html")))
+          R = N.join(k, "dist", "index.html");
         else {
-          const z = M.readdirSync(R).filter(
-            (Q) => Q.endsWith(".html") && !Q.startsWith(".") && M.statSync(_.join(R, Q)).isFile()
+          const z = P.readdirSync(k).filter(
+            (T) => T.endsWith(".html") && !T.startsWith(".") && P.statSync(N.join(k, T)).isFile()
           );
           if (z.length === 1)
-            k = _.join(R, z[0]);
+            R = N.join(k, z[0]);
           else if (z.includes("index.html"))
-            k = _.join(R, "index.html");
+            R = N.join(k, "index.html");
           else
             throw new Error("No HTML file found");
         }
-        const D = M.readFileSync(k, "utf-8"), L = b.name || p.name, T = await i("upload_component", {
-          name: L,
-          componentId: E,
-          organization: h
-        });
-        if (!T.success)
-          throw new Error(T.error || "Upload request failed");
-        let J;
-        const F = T.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-        if (F)
-          J = F[1];
-        else {
-          const z = T.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-          if (z)
-            J = z[1];
-          else
-            throw new Error("Could not parse presigned URL");
-        }
-        const V = await fetch(J, {
-          method: "PUT",
-          headers: { "Content-Type": "text/html" },
-          body: D
-        });
-        if (!V.ok)
-          throw new Error(`Upload failed: ${V.status}`);
-        const te = await i("confirm_upload", {
-          uploadId: T.uploadId
+        const L = P.readFileSync(R, "utf-8"), A = M.name || C.name, _ = await i("upload_component", {
+          name: A,
+          componentId: j,
+          organization: h,
+          htmlContent: L
         });
-        if (!te.success)
-          throw new Error(te.error || "Confirmation failed");
-        return { name: L, status: "ok" };
-      } catch (k) {
-        return { name: p.name, status: "failed", error: k.message };
+        if (!_.success)
+          throw new Error(_.error || "Upload failed");
+        return { name: A, status: "ok" };
+      } catch (R) {
+        return { name: C.name, status: "failed", error: R.message };
       }
     }));
-    let j = 0, O = 0, P = 0;
-    for (const p of w)
-      p.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${p.name}`), j++) : p.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${p.name} (${p.reason})`), O++) : (console.log(`  \x1B[31m✖\x1B[0m ${p.name} - ${p.error}`), P++);
+    let E = 0, I = 0, $ = 0;
+    for (const C of p)
+      C.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${C.name}`), E++) : C.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${C.name} (${C.reason})`), I++) : (console.log(`  \x1B[31m✖\x1B[0m ${C.name} - ${C.error}`), $++);
     console.log(`
-  Done! Pushed ${j}${O ? `, skipped ${O}` : ""}${P ? `, ${P} failed` : ""}.
+  Done! Pushed ${E}${I ? `, skipped ${I}` : ""}${$ ? `, ${$} failed` : ""}.
 `);
   }
   process.exit(0);
@@ -2595,23 +2541,23 @@ v.program.command("create").description("Create a new Myop HTML component and st
 </body>
 </html>`;
   t.writeFileSync("index.html", d);
-  const u = await We(process.cwd());
+  const g = await Ge(process.cwd());
   console.log(`
-✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), u.success && console.log("   AI agent skills installed"), console.log(""), await xe();
+✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), g.success && console.log("   AI agent skills installed"), console.log(""), await be();
 });
-v.program.command("dev").description("Start development server with file watching").action(xe);
-const mt = async () => {
-  const o = process.cwd(), t = Y("Installing AI agent skills...").start(), e = await We(o);
+v.program.command("dev").description("Start development server with file watching").action(be);
+const gt = async () => {
+  const o = process.cwd(), t = V("Installing AI agent skills...").start(), e = await Ge(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(mt);
-v.program.command("train").description("Install or update AI agent skills in the current directory (alias for skill)").action(mt);
+v.program.command("skill").description("Install or update AI agent skills in the current directory").action(gt);
+v.program.command("train").description("Install or update AI agent skills in the current directory (alias for skill)").action(gt);
 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 = be() + "/mcp", i = [
+  const { select: o, confirm: t } = await import("@inquirer/prompts"), n = (await import("os")).homedir(), s = Ce() + "/mcp", i = [
     {
       name: "Claude Code",
       value: "claude",
-      configPath: _.join(n, ".claude.json"),
+      configPath: N.join(n, ".claude.json"),
       getEntry: () => ({ type: "http", url: s }),
       nextSteps: [
         "Restart Claude Code to pick up the new MCP config.",
@@ -2623,7 +2569,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Cursor",
       value: "cursor",
-      configPath: _.join(n, ".cursor", "mcp.json"),
+      configPath: N.join(n, ".cursor", "mcp.json"),
       getEntry: () => ({ url: s }),
       nextSteps: [
         'Go to Cursor Settings > Tools & MCP to verify "myop" appears.',
@@ -2636,7 +2582,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Windsurf",
       value: "windsurf",
-      configPath: _.join(n, ".codeium", "windsurf", "mcp_config.json"),
+      configPath: N.join(n, ".codeium", "windsurf", "mcp_config.json"),
       getEntry: () => ({ url: s }),
       nextSteps: [
         "Open Cascade and click the hammer icon (top-right) to see MCP servers.",
@@ -2648,7 +2594,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" ? _.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"),
+      configPath: process.platform === "darwin" ? N.join(n, "Library", "Application Support", "Code", "User", "mcp.json") : process.platform === "win32" ? N.join(process.env.APPDATA || N.join(n, "AppData", "Roaming"), "Code", "User", "mcp.json") : N.join(n, ".config", "Code", "User", "mcp.json"),
       getEntry: () => ({ type: "http", url: s }),
       nextSteps: [
         "Requires VS Code 1.99+ and GitHub Copilot extension.",
@@ -2667,60 +2613,60 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
   try {
     d = await o({
       message: "Select your AI coding assistant:",
-      choices: i.map((l) => ({ name: l.name, value: l.value }))
+      choices: i.map((c) => ({ name: c.name, value: c.value }))
     });
-  } catch (l) {
-    throw l.name === "ExitPromptError" && (console.log(`
+  } catch (c) {
+    throw c.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), l;
+`), process.exit(0)), c;
   }
-  const u = i.find((l) => l.value === d);
+  const g = i.find((c) => c.value === d);
   let h = {};
   try {
-    const l = M.readFileSync(u.configPath, "utf-8");
-    h = JSON.parse(l);
+    const c = P.readFileSync(g.configPath, "utf-8");
+    h = JSON.parse(c);
   } catch {
   }
   h.mcpServers || (h.mcpServers = {});
-  const c = h.mcpServers.myop;
-  if (c && c.url === s) {
+  const l = h.mcpServers.myop;
+  if (l && l.url === s) {
     console.log(`
-  Myop MCP is already configured for ${u.name}.`), console.log(`  Config: ${u.configPath}`), console.log(`
+  Myop MCP is already configured for ${g.name}.`), console.log(`  Config: ${g.configPath}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
-    for (const l of u.nextSteps)
-      console.log(`  ${l}`);
+    for (const c of g.nextSteps)
+      console.log(`  ${c}`);
     console.log(""), process.exit(0);
   }
-  if (c) {
+  if (l) {
     console.log(`
-  Myop MCP is already configured (URL: ${c.url}).`);
+  Myop MCP is already configured (URL: ${l.url}).`);
     try {
       await t({ message: "Update to latest URL?", default: !0 }) || process.exit(0);
-    } catch (l) {
-      throw l.name === "ExitPromptError" && process.exit(0), l;
+    } catch (c) {
+      throw c.name === "ExitPromptError" && process.exit(0), c;
     }
   }
-  h.mcpServers.myop = u.getEntry(), M.mkdirSync(_.dirname(u.configPath), { recursive: !0 }), M.writeFileSync(u.configPath, JSON.stringify(h, null, 2)), console.log(`
-  \x1B[32m✔\x1B[0m Myop MCP configured for ${u.name}`), console.log(`  Config:  ${u.configPath}`), console.log(`  Server:  ${s}`), console.log(`
+  h.mcpServers.myop = g.getEntry(), P.mkdirSync(N.dirname(g.configPath), { recursive: !0 }), P.writeFileSync(g.configPath, JSON.stringify(h, null, 2)), console.log(`
+  \x1B[32m✔\x1B[0m Myop MCP configured for ${g.name}`), console.log(`  Config:  ${g.configPath}`), console.log(`  Server:  ${s}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
-  for (const l of u.nextSteps)
-    console.log(`  ${l}`);
+  for (const c of g.nextSteps)
+    console.log(`  ${c}`);
   console.log(""), process.exit(0);
 });
-const po = () => {
+const go = () => {
   try {
-    X("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    Q("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    X("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    Q("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const o = X("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const o = Q("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -2740,9 +2686,9 @@ const po = () => {
   } catch {
     return null;
   }
-}, ie = async (o = !1, t = !1) => {
-  var l, x, y;
-  const e = $e(), n = !!(e != null && e.email), s = ((l = v.myopConfig) == null ? void 0 : l.name) || ((x = v.myopConfig) == null ? void 0 : x.componentName), i = (y = v.myopConfig) == null ? void 0 : y.componentId, d = po();
+}, ne = async (o = !1, t = !1) => {
+  var c, y, S;
+  const e = $e(), 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, d = go();
   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"}`), d != null && d.gitNotInstalled ? (console.log("  Changes:    Git not installed"), console.log("              Install: https://git-scm.com/downloads"), console.log("              Mac: brew install git | Windows: https://gitforwindows.org")) : d != null && d.notARepo ? console.log("  Changes:    Not a git repository") : d && (d.insertions > 0 || d.deletions > 0) ? console.log(`  Changes:    ${d.files} file${d.files !== 1 ? "s" : ""} | \x1B[32m+${d.insertions}\x1B[0m \x1B[31m-${d.deletions}\x1B[0m`) : d && console.log("  Changes:    No uncommitted changes"), console.log("");
@@ -2768,14 +2714,14 @@ const po = () => {
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: o ? n ? !1 : "(login required)" : "(no config file)"
     }
-  ].map(($) => ({
-    name: t && !$.disabled ? `${$.emoji} ${$.label}
-     ${$.help}` : `${$.emoji} ${$.label}`,
-    value: $.value,
-    disabled: $.disabled
+  ].map((x) => ({
+    name: t && !x.disabled ? `${x.emoji} ${x.label}
+     ${x.help}` : `${x.emoji} ${x.label}`,
+    value: x.value,
+    disabled: x.disabled
   }));
   h.push(
-    new _e(),
+    new De(),
     {
       name: t && n ? `🔓 Logout (${e.email})
      Clears stored credentials from this machine` : t && !n ? `🔐 Login to Myop
@@ -2786,122 +2732,122 @@ const po = () => {
       name: t ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new _e(),
+    new De(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let c;
+  let l;
   try {
-    c = await et({
+    l = await ot({
       message: "What would you like to do?",
       choices: h
     });
-  } catch ($) {
-    throw $.name === "ExitPromptError" && (console.log(`
+  } catch (x) {
+    throw x.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), $;
+`), process.exit(0)), x;
   }
-  switch (c) {
+  switch (l) {
     case "init":
-      await fo();
+      await wo();
       break;
     case "sync":
       console.log(`
 Pushing component...
 `);
-      const { execSync: $ } = await import("child_process");
+      const { execSync: x } = await import("child_process");
       try {
-        $("node " + process.argv[1] + " push", { stdio: "inherit" });
+        x("node " + process.argv[1] + " push", { stdio: "inherit" });
       } catch {
       }
-      await ie(!0, t);
+      await ne(!0, t);
       break;
     case "dev":
-      await xe();
+      await be();
       break;
     case "login":
       try {
-        await de(), console.log(`
-`), await ie(o, t);
-      } catch (g) {
-        console.error("Login failed:", g.message), await ie(o, t);
+        await pe(), console.log(`
+`), await ne(o, t);
+      } catch (u) {
+        console.error("Login failed:", u.message), await ne(o, t);
       }
       break;
     case "logout":
-      await dt(), console.log(`
-`), await ie(o, t);
+      await mt(), console.log(`
+`), await ne(o, t);
       break;
     case "help":
-      await ie(o, !t);
+      await ne(o, !t);
       break;
     case "exit":
       process.exit(0);
   }
-}, ve = ".myop-monorepo.json", mo = () => {
+}, xe = ".myop-monorepo.json", fo = () => {
   try {
-    const o = M.readFileSync(ve, "utf-8");
+    const o = P.readFileSync(xe, "utf-8");
     return JSON.parse(o);
   } catch {
     return null;
   }
-}, uo = (o) => {
+}, ho = (o) => {
   try {
     const t = {
       selectedComponents: o,
       lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
     };
-    M.writeFileSync(ve, JSON.stringify(t, null, 2));
+    P.writeFileSync(xe, JSON.stringify(t, null, 2));
   } catch {
   }
-}, go = async () => {
+}, yo = async () => {
   const o = $e(), t = !!(o != null && o.email);
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Myop CLI - Monorepo Mode                      │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `);
-  const e = Y("Scanning for components...").start(), n = Ve(".");
+  const e = V("Scanning for components...").start(), n = Ye(".");
   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 = mo(), i = (s == null ? void 0 : s.selectedComponents) || [], d = i.length > 0;
+  const s = fo(), i = (s == null ? void 0 : s.selectedComponents) || [], d = i.length > 0;
   console.log(`  Found ${n.length} component${n.length > 1 ? "s" : ""}:
-`), n.forEach((x, y) => {
-    const $ = x.componentId ? "✅" : "⚪", g = x.componentId ? x.componentId.substring(0, 8) + "..." : "(not pushed)";
-    console.log(`  ${$} ${x.name}`), console.log(`     Path: ${x.path}`), console.log(`     ID:   ${g}`), console.log("");
-  }), console.log(`  User: ${t ? o.email : "Not logged in"}`), d && console.log(`  📋 Using saved selection from ${ve}`), console.log("");
-  const u = v.program.getOptionValue("ci");
+`), n.forEach((y, S) => {
+    const x = y.componentId ? "✅" : "⚪", u = y.componentId ? y.componentId.substring(0, 8) + "..." : "(not pushed)";
+    console.log(`  ${x} ${y.name}`), console.log(`     Path: ${y.path}`), console.log(`     ID:   ${u}`), console.log("");
+  }), console.log(`  User: ${t ? o.email : "Not logged in"}`), d && console.log(`  📋 Using saved selection from ${xe}`), console.log("");
+  const g = v.program.getOptionValue("ci");
   let h;
-  if (u)
-    d ? (h = i, console.log(`  🤖 CI mode: using saved selection (${h.length} components)`)) : (h = n.map((x) => x.path), console.log(`  🤖 CI mode: no saved selection, using all ${h.length} components`));
+  if (g)
+    d ? (h = i, console.log(`  🤖 CI mode: using saved selection (${h.length} components)`)) : (h = n.map((y) => y.path), console.log(`  🤖 CI mode: no saved selection, using all ${h.length} components`));
   else {
-    const { checkbox: x } = await import("@inquirer/prompts"), y = n.map(($) => ({
-      name: `${$.name} (${$.path})`,
-      value: $.path,
-      checked: d ? i.includes($.path) : !0
+    const { checkbox: y } = await import("@inquirer/prompts"), S = n.map((x) => ({
+      name: `${x.name} (${x.path})`,
+      value: x.path,
+      checked: d ? i.includes(x.path) : !0
     }));
     try {
-      h = await x({
+      h = await y({
         message: "Select components to start in dev mode:",
-        choices: y
+        choices: S
       });
-    } catch ($) {
-      throw $.name === "ExitPromptError" && (console.log(`
+    } catch (x) {
+      throw x.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), $;
+`), process.exit(0)), x;
     }
   }
   h.length === 0 && (console.log(`
 ⚠️  No components selected.
-`), process.exit(0)), u || (uo(h), console.log(`
-💾 Selection saved to ${ve}`));
-  const c = n.filter((x) => h.includes(x.path));
-  console.log(`🚀 Starting dev mode for ${c.length} component${c.length > 1 ? "s" : ""}...
+`), process.exit(0)), g || (ho(h), console.log(`
+💾 Selection saved to ${xe}`));
+  const l = n.filter((y) => h.includes(y.path));
+  console.log(`🚀 Starting dev mode for ${l.length} component${l.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: l } = await Promise.resolve().then(() => Ht);
-  await l(c);
-}, fo = async () => {
+  const { monorepoDevCommand: c } = await Promise.resolve().then(() => Bt);
+  await c(l);
+}, wo = 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, d;
   try {
@@ -2917,22 +2863,22 @@ Pushing component...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (c) {
-    throw c.name === "ExitPromptError" && (console.log(`
+  } catch (l) {
+    throw l.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), c;
+`), process.exit(0)), l;
   }
-  const u = {
+  const g = {
     name: i,
     type: d,
     author: "@myop-cli",
     HMR: !0
   }, h = v.program.getOptionValue("config") || "./myop.config.json";
   try {
-    e.writeFileSync(h, JSON.stringify(u, null, 2)), console.log(`
+    e.writeFileSync(h, JSON.stringify(g, null, 2)), console.log(`
 ✅ Created ${h}`);
-    const c = {
+    const l = {
       name: i.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -2944,7 +2890,7 @@ Pushing component...
         esbuild: "^0.24.0"
       }
     };
-    e.writeFileSync("package.json", JSON.stringify(c, 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(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';
 import fs from 'fs';
 import path from 'path';
 
@@ -3024,7 +2970,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 x = `<!DOCTYPE html>
+    const y = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -3041,8 +2987,8 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    e.writeFileSync("index.html", x), console.log("✅ Created index.html");
-    const y = `// ${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';
 
@@ -3051,8 +2997,8 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    e.writeFileSync("src/index.js", y), console.log("✅ Created src/index.js");
-    const $ = `// ${i} - Main Application Logic
+    e.writeFileSync("src/index.js", S), console.log("✅ Created src/index.js");
+    const x = `// ${i} - Main Application Logic
 
 export function init() {
     console.log('${i} loaded');
@@ -3060,7 +3006,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    e.writeFileSync("src/modules/app.js", $), console.log("✅ Created src/modules/app.js"), e.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    e.writeFileSync("src/modules/app.js", x), console.log("✅ Created src/modules/app.js"), e.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
 
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -3076,12 +3022,12 @@ export function setupMyopInterface() {
     };
 }
 `), console.log("✅ Created src/modules/myop.js");
-    const w = `/* ${i} - Styles Entry Point */
+    const p = `/* ${i} - Styles Entry Point */
 /* Add your CSS imports here - they will be auto-bundled */
 @import './main.css';
 `;
-    e.writeFileSync("src/styles/index.css", w), console.log("✅ Created src/styles/index.css");
-    const j = `/* ${i} - Main Styles */
+    e.writeFileSync("src/styles/index.css", p), console.log("✅ Created src/styles/index.css");
+    const E = `/* ${i} - Main Styles */
 
 * {
     box-sizing: border-box;
@@ -3110,18 +3056,18 @@ p {
     line-height: 1.5;
 }
 `;
-    e.writeFileSync("src/styles/main.css", j), console.log("✅ Created src/styles/main.css"), e.writeFileSync(".gitignore", `node_modules/
+    e.writeFileSync("src/styles/main.css", E), console.log("✅ Created src/styles/main.css"), e.writeFileSync(".gitignore", `node_modules/
 dist/
 .temp-entry.js
 .temp-styles.css
 .DS_Store
 `), console.log("✅ Created .gitignore");
-    const P = await We(process.cwd());
-    P.success && console.log("✅ Installed AI agent skills");
-    const p = await import("./index-DuEoKctW.js").then((b) => b.i), E = process.cwd();
+    const $ = await Ge(process.cwd());
+    $.success && console.log("✅ Installed AI agent skills");
+    const C = await import("./index-DuEoKctW.js").then((M) => M.i), j = process.cwd();
     try {
-      await p.init({ fs: e, dir: E });
-      const b = [
+      await C.init({ fs: e, dir: j });
+      const M = [
         "myop.config.json",
         "package.json",
         "build.js",
@@ -3133,85 +3079,85 @@ dist/
         "src/styles/index.css",
         "src/styles/main.css"
       ];
-      if (P.success) {
-        const k = (R, D) => {
+      if ($.success) {
+        const R = (k, L) => {
           try {
-            const L = e.readdirSync(R, { withFileTypes: !0 });
-            for (const T of L) {
-              const J = n.join(R, T.name), F = n.join(D, T.name);
-              T.isDirectory() ? k(J, F) : b.push(F);
+            const A = e.readdirSync(k, { withFileTypes: !0 });
+            for (const _ of A) {
+              const z = n.join(k, _.name), T = n.join(L, _.name);
+              _.isDirectory() ? R(z, T) : M.push(T);
             }
           } catch {
           }
         };
         try {
-          const R = e.readdirSync(".", { withFileTypes: !0 });
-          for (const D of R)
-            if (D.isDirectory() && D.name.startsWith(".")) {
-              const L = n.join(D.name, "skills");
-              e.existsSync(L) && k(L, L);
+          const k = e.readdirSync(".", { withFileTypes: !0 });
+          for (const L of k)
+            if (L.isDirectory() && L.name.startsWith(".")) {
+              const A = n.join(L.name, "skills");
+              e.existsSync(A) && R(A, A);
             }
         } catch {
         }
       }
-      for (const k of b)
-        await p.add({ fs: e, dir: E, filepath: k });
-      await p.commit({
+      for (const R of M)
+        await C.add({ fs: e, dir: j, filepath: R });
+      await C.commit({
         fs: e,
-        dir: E,
+        dir: j,
         message: "init",
         author: { name: "myop-cli", email: "cli@myop.dev" }
       }), console.log("✅ Initialized git repository");
-    } catch (b) {
-      console.log("⚠️  Failed to initialize git repository:", b.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 = u, await ie(!0);
-  } catch (c) {
-    console.error(`Failed to initialize component: ${c.message}`), process.exit(1);
+`), v.myopConfig = g, await ne(!0);
+  } catch (l) {
+    console.error(`Failed to initialize component: ${l.message}`), process.exit(1);
   }
 };
 v.program.command("default", { isDefault: !0 }).action(async () => {
-  if (v.program.getOptionValue("help") && (console.log(Pt), process.exit()), v.program.getOptionValue("monorepo")) {
-    await go();
+  if (v.program.getOptionValue("help") && (console.log(Et), process.exit()), v.program.getOptionValue("monorepo")) {
+    await yo();
     return;
   }
   if (v.program.getOptionValue("ci")) {
-    const u = await import("fs"), h = v.program.getOptionValue("config") || "./myop.config.json", c = v.program.version(), l = $e();
-    let x = { found: !1 };
+    const g = await import("fs"), h = v.program.getOptionValue("config") || "./myop.config.json", l = v.program.version(), c = $e();
+    let y = { found: !1 };
     try {
-      if (u.existsSync(h)) {
-        const $ = u.readFileSync(h, "utf-8"), g = JSON.parse($);
-        x = {
+      if (g.existsSync(h)) {
+        const x = g.readFileSync(h, "utf-8"), u = JSON.parse(x);
+        y = {
           found: !0,
           path: h,
-          name: g.name || g.componentName || null,
-          componentId: g.componentId || null,
-          organization: g.organization || null
+          name: u.name || u.componentName || null,
+          componentId: u.componentId || null,
+          organization: u.organization || null
         };
       }
-    } catch ($) {
-      x = { found: !1, error: $.message };
+    } catch (x) {
+      y = { found: !1, error: x.message };
     }
-    const y = {
-      version: c,
-      config: x,
+    const S = {
+      version: l,
+      config: y,
       auth: {
-        loggedIn: !!(l != null && l.email),
-        email: (l == null ? void 0 : l.email) || null
+        loggedIn: !!(c != null && c.email),
+        email: (c == null ? void 0 : c.email) || null
       }
     };
-    console.log(JSON.stringify(y, null, 2)), process.exit(0);
+    console.log(JSON.stringify(S, null, 2)), process.exit(0);
   }
-  let n = Y({
+  let n = V({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const s = Ce();
-  await ro(500), n.stop();
+  const s = Me();
+  await co(500), n.stop();
   const i = v.program.version();
-  await to(i) || await ie(s.configFound);
+  await so(i) || await ne(s.configFound);
 });
 v.program.parse(process.argv);
 v.program.opts();