npm - @myop/cli - Versions diffs - 0.1.41 → 0.1.45 - Mend

@myop/cli 0.1.41 → 0.1.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/myop-cli.js +738 -665
package/dist/skills/myop-component/SKILL.md +44 -1
package/dist/skills/myop-component/references/component-api.md +126 -26
package/package.json +2 -2

package/dist/myop-cli.js CHANGED Viewed

@@ -2,15 +2,15 @@
 var ut = Object.defineProperty;
 var gt = (o, e, t) => e in o ? ut(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var ye = (o, e, t) => gt(o, typeof e != "symbol" ? e + "" : e, t);
-import G from "ora";
-import { select as Ye, Separator as Fe } from "@inquirer/prompts";
+import V from "ora";
+import { select as Qe, Separator as ke } from "@inquirer/prompts";
 import { Command as ft, Option as me } from "commander";
 import { execSync as q, spawn as ht } from "child_process";
-import H, { join as Oe } from "path";
-import R, { readFileSync as yt } from "fs";
+import D, { join as Oe } from "path";
+import I, { readFileSync as yt } from "fs";
 import Le from "crypto";
 import wt from "http";
-import { URL as Ke, URLSearchParams as Qe } from "url";
+import { URL as Ze, URLSearchParams as Xe } from "url";
 import St from "open";
 import vt from "os";
 const bt = `
@@ -47,7 +47,7 @@ Examples:
-`, y = {
+`, h = {
   program: null,
   executionPath: "",
   options: {
@@ -55,48 +55,48 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, Ze = {
+}, qe = {
   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 y.myopConfig.flows) {
-      const e = H.join(y.executionPath, "/node_modules/@myop/flow-types/");
+    for (const o of h.myopConfig.flows) {
+      const e = D.join(h.executionPath, "/node_modules/@myop/flow-types/");
       console.info(`Generate flow at ${e}`), console.info(`Generated flow at ${e}`);
     }
     process.exit();
   }
 }, xt = (o) => {
-  const e = H.join(y.executionPath, o);
+  const e = D.join(h.executionPath, o);
   console.info(`reading config file from: ${e}`);
-  const t = R.readFileSync(e, "utf8"), n = JSON.parse(t);
+  const t = I.readFileSync(e, "utf8"), n = JSON.parse(t);
   return console.info("config file loaded, ", n), n;
-}, Ae = (o, e) => {
-  const t = H.join(y.executionPath, o);
+}, De = (o, e) => {
+  const t = D.join(h.executionPath, o);
   console.info(`writing config file to: ${t}`);
   try {
     const n = JSON.stringify(e, null, 2);
-    R.writeFileSync(t, n), console.info(`config file updated ${n}`);
+    I.writeFileSync(t, n), console.info(`config file updated ${n}`);
   } catch (n) {
     throw console.info(`error ${n} while writing to ${t}, JSON: ${e}`), console.log(`
 ⚠️ Failed write config file to ${t}, for more info use verbose flag`), n;
   }
-}, Xe = {
+}, et = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (o) => {
-    y.myopConfig.flows.includes(o) || y.myopConfig.flows.push(o), Ae(y.options.configPath, y.myopConfig);
+    h.myopConfig.flows.includes(o) || h.myopConfig.flows.push(o), De(h.options.configPath, h.myopConfig);
   },
   action: async () => {
   }
-}, qe = {
+}, tt = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (o) => {
-    y.myopConfig.flows = y.myopConfig.flows.filter((e) => e !== o), Ae(y.options.configPath, y.myopConfig);
+    h.myopConfig.flows = h.myopConfig.flows.filter((e) => e !== o), De(h.options.configPath, h.myopConfig);
   },
   action: () => {
   }
@@ -123,13 +123,13 @@ Examples:
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, Rt = {
+}, It = {
   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)"
-}, Et = [Rt, Ct, Mt, Pt, Tt];
-function It(o, e, t, n) {
+}, Et = [It, Ct, Mt, Pt, Tt];
+function Rt(o, e, t, n) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -222,16 +222,16 @@ ${n}
 function Ot(o) {
   return o.includes("esbuild") && o.includes("another platform");
 }
-function kt(o) {
+function Ft(o) {
   return o.includes("ERR_MODULE_NOT_FOUND") && o.includes("esbuild");
 }
-function Ft() {
+function kt() {
   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 jt(o) {
+function Nt(o) {
   return new Promise((e) => {
     console.log(`🔧 Attempting to fix: removing node_modules and reinstalling...
 `);
@@ -255,20 +255,20 @@ function jt(o) {
     });
   });
 }
-async function et(o, e, t, n, i = {}) {
+async function ot(o, e, t, n, i = {}) {
   const {
     hasTriedPlatformFix: s = !1,
     hasTriedInstall: l = !1,
     onRetry: w
-  } = i, v = ((o == null ? void 0 : o.message) || "") + (e || "") + (t || "");
-  return !s && Ot(v) ? (Ft(), await jt(n) && w ? (console.log(`🔄 Retrying build...
-`), w(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: l }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: l }) : !l && kt(v) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((m) => {
-    n("npm install", (d, C, u) => {
-      if (d) {
-        console.error("❌ Failed to install dependencies:", d.message), u && console.error(u), m({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
+  } = i, S = ((o == null ? void 0 : o.message) || "") + (e || "") + (t || "");
+  return !s && Ot(S) ? (kt(), await Nt(n) && w ? (console.log(`🔄 Retrying build...
+`), w(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: l }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: l }) : !l && Ft(S) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((d) => {
+    n("npm install", (c, $, u) => {
+      if (c) {
+        console.error("❌ Failed to install dependencies:", c.message), u && console.error(u), d({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), w && w(), m({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), w && w(), d({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
     });
   })) : { handled: !1, hasTriedPlatformFix: s, hasTriedInstall: l };
 }
@@ -276,13 +276,13 @@ async function be() {
   const o = await import("fs"), e = await import("path"), { exec: t } = await import("child_process"), n = await import("http"), { createHash: i } = await import("node:crypto");
   let s;
   if (import.meta.url.startsWith("file://")) {
-    const r = new URL(import.meta.url).pathname, c = process.platform === "win32" && r.startsWith("/") ? r.slice(1) : r;
-    s = e.default.dirname(c);
+    const r = new URL(import.meta.url).pathname, p = process.platform === "win32" && r.startsWith("/") ? r.slice(1) : r;
+    s = e.default.dirname(p);
   } else
     s = e.default.dirname(import.meta.url);
-  const l = e.default.join(s, "commands", "dev", "management-website"), w = o.default.readFileSync(e.default.join(l, "styles.css"), "utf-8"), v = o.default.readFileSync(e.default.join(l, "app.js"), "utf-8"), m = 9292, d = 9293;
-  let C = "./dist", u = !1, S = !1, M = !1, T = null;
-  const D = () => {
+  const l = e.default.join(s, "commands", "dev", "management-website"), w = o.default.readFileSync(e.default.join(l, "styles.css"), "utf-8"), S = o.default.readFileSync(e.default.join(l, "app.js"), "utf-8"), d = 9292, c = 9293;
+  let $ = "./dist", u = !1, y = !1, C = !1, T = null;
+  const j = () => {
     try {
       const a = o.default.readdirSync(".").filter((r) => !r.endsWith(".html") || r.startsWith(".") ? !1 : o.default.statSync(r).isFile());
       if (a.length === 1)
@@ -297,37 +297,37 @@ async function be() {
     } catch {
       return !1;
     }
-  }, x = (a) => {
+  }, b = (a) => {
     const r = process.platform;
-    let c;
-    r === "darwin" ? c = `open "${a}"` : r === "win32" ? c = `start "" "${a}"` : c = `xdg-open "${a}"`, t(c, (p) => {
+    let p;
+    r === "darwin" ? p = `open "${a}"` : r === "win32" ? p = `start "" "${a}"` : p = `xdg-open "${a}"`, t(p, (m) => {
     });
-  }, j = /* @__PURE__ */ new Map(), b = y.program.getOptionValue("config") || "./myop.config.json";
-  let f, E, _ = !1;
-  T = D();
+  }, F = /* @__PURE__ */ new Map(), x = h.program.getOptionValue("config") || "./myop.config.json";
+  let f, E, L = !1;
+  T = j();
   const B = P();
   try {
-    const a = o.default.readFileSync(b, "utf-8"), r = JSON.parse(a);
-    f = r.componentId || "DEV", E = r.componentName || r.name || null, _ = r.HMR === !0, T && !B && (M = !0, _ = !0, console.log(`📄 Single HTML file mode: ${T}`)), _ && console.log("🔥 HMR enabled");
+    const a = o.default.readFileSync(x, "utf-8"), r = JSON.parse(a);
+    f = r.componentId || "DEV", E = r.componentName || r.name || null, L = r.HMR === !0, T && !B && (C = !0, L = !0, console.log(`📄 Single HTML file mode: ${T}`)), L && console.log("🔥 HMR enabled");
   } catch (a) {
-    T && !B ? (M = !0, f = "DEV", E = e.default.basename(T, ".html"), _ = !0, console.log(`📄 Single HTML file mode: ${T}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
+    T && !B ? (C = !0, f = "DEV", E = e.default.basename(T, ".html"), L = !0, console.log(`📄 Single HTML file mode: ${T}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
   }
   const U = async () => {
     if (f !== "DEV" && f !== "NEW")
       return f;
     try {
-      const r = ((await new Promise((g, h) => {
-        const $ = {
+      const r = ((await new Promise((g, v) => {
+        const M = {
           hostname: "localhost",
-          port: d,
+          port: c,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, O = n.default.request($, (L) => {
-          let V = "";
-          L.on("data", (te) => V += te), L.on("end", () => {
+        }, O = n.default.request(M, (A) => {
+          let G = "";
+          A.on("data", (te) => G += te), A.on("end", () => {
             try {
-              g(JSON.parse(V));
+              g(JSON.parse(G));
             } catch {
               g({ components: [] });
             }
@@ -339,12 +339,12 @@ async function be() {
       })).components || []).map(([g]) => g).filter((g) => g === "DEV" || g === "NEW" || /^DEV\d+$/.test(g) || /^NEW\d+$/.test(g));
       if (r.length === 0)
         return "DEV1";
-      const c = r.map((g) => {
+      const p = r.map((g) => {
         if (g === "DEV" || g === "NEW") return 1;
-        const h = g.match(/^DEV(\d+)$/), $ = g.match(/^NEW(\d+)$/);
-        return h ? parseInt(h[1], 10) : $ ? parseInt($[1], 10) : 0;
+        const v = g.match(/^DEV(\d+)$/), M = g.match(/^NEW(\d+)$/);
+        return v ? parseInt(v[1], 10) : M ? parseInt(M[1], 10) : 0;
       }).filter((g) => g > 0);
-      return `DEV${Math.max(...c, 0) + 1}`;
+      return `DEV${Math.max(...p, 0) + 1}`;
     } catch {
       return "DEV1";
     }
@@ -361,67 +361,67 @@ async function be() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[r] || "application/octet-stream";
-  }, I = /* @__PURE__ */ new Map(), Z = [], se = 50, Y = [], ie = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map(), lt = (a, r, c) => {
+  }, R = /* @__PURE__ */ new Map(), Z = [], se = 50, Y = [], ie = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map(), lt = (a, r, p) => {
     if (a.url.startsWith("/_hmr/")) {
-      const p = a.url.split("/_hmr/")[1], g = a.headers["sec-websocket-key"], h = i("sha1").update(g + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      const m = a.url.split("/_hmr/")[1], g = a.headers["sec-websocket-key"], v = i("sha1").update(g + "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: ${h}\r
+Sec-WebSocket-Accept: ${v}\r
 \r
 `
-      ), ee.has(p) || ee.set(p, /* @__PURE__ */ new Set()), ee.get(p).add(r), console.log(`🔌 HMR client connected: ${p}`), r.on("close", () => {
-        const $ = ee.get(p);
-        $ && ($.delete(r), $.size === 0 && ee.delete(p)), console.log(`🔌 HMR client disconnected: ${p}`);
+      ), ee.has(m) || ee.set(m, /* @__PURE__ */ new Set()), ee.get(m).add(r), console.log(`🔌 HMR client connected: ${m}`), r.on("close", () => {
+        const M = ee.get(m);
+        M && (M.delete(r), M.size === 0 && ee.delete(m)), console.log(`🔌 HMR client disconnected: ${m}`);
       }), r.on("error", () => {
-        const $ = ee.get(p);
-        $ && $.delete(r);
+        const M = ee.get(m);
+        M && M.delete(r);
       });
     }
   }, Ce = n.default.createServer((a, r) => {
     if (r.setHeader("Content-Type", "application/json"), a.method === "POST" && a.url === "/_register") {
-      let c = "";
-      a.on("data", (p) => c += p), a.on("end", () => {
+      let p = "";
+      a.on("data", (m) => p += m), a.on("end", () => {
         try {
-          const { componentId: p, distPath: g, componentName: h, htmlFile: $ } = JSON.parse(c);
-          I.set(p, { path: g, name: h || null, htmlFile: $ || null });
-          const O = h ? ` (${h})` : "";
-          console.log(`✅ Registered: ${p}${O} -> ${g}${$ ? "/" + $ : ""}`), r.writeHead(200), r.end(JSON.stringify({ success: !0, registered: Array.from(I.keys()) }));
-          const L = Array.from(I.entries()).map(([V, te]) => ({
-            id: V,
+          const { componentId: m, distPath: g, componentName: v, htmlFile: M } = JSON.parse(p);
+          R.set(m, { path: g, name: v || null, htmlFile: M || null });
+          const O = v ? ` (${v})` : "";
+          console.log(`✅ Registered: ${m}${O} -> ${g}${M ? "/" + M : ""}`), r.writeHead(200), r.end(JSON.stringify({ success: !0, registered: Array.from(R.keys()) }));
+          const A = Array.from(R.entries()).map(([G, te]) => ({
+            id: G,
             path: te.path,
             name: te.name
           }));
-          Y.forEach((V) => {
+          Y.forEach((G) => {
             try {
-              V.write(`data: ${JSON.stringify({
+              G.write(`data: ${JSON.stringify({
                 type: "components",
-                components: L
+                components: A
               })}
 `);
             } catch {
             }
           });
-        } catch (p) {
-          r.writeHead(400), r.end(JSON.stringify({ error: p.message }));
+        } catch (m) {
+          r.writeHead(400), r.end(JSON.stringify({ error: m.message }));
         }
       });
     } else if (a.method === "POST" && a.url === "/_unregister") {
-      let c = "";
-      a.on("data", (p) => c += p), a.on("end", () => {
+      let p = "";
+      a.on("data", (m) => p += m), a.on("end", () => {
         try {
-          const { componentId: p } = JSON.parse(c);
-          I.delete(p), console.log(`❌ Unregistered: ${p}`), r.writeHead(200), r.end(JSON.stringify({ success: !0 }));
-          const g = Array.from(I.entries()).map(([h, $]) => ({
-            id: h,
-            path: $.path,
-            name: $.name
+          const { componentId: m } = JSON.parse(p);
+          R.delete(m), console.log(`❌ Unregistered: ${m}`), r.writeHead(200), r.end(JSON.stringify({ success: !0 }));
+          const g = Array.from(R.entries()).map(([v, M]) => ({
+            id: v,
+            path: M.path,
+            name: M.name
           }));
-          Y.forEach((h) => {
+          Y.forEach((v) => {
             try {
-              h.write(`data: ${JSON.stringify({
+              v.write(`data: ${JSON.stringify({
                 type: "components",
                 components: g
               })}
@@ -430,31 +430,31 @@ Sec-WebSocket-Accept: ${h}\r
             } catch {
             }
           });
-        } catch (p) {
-          r.writeHead(400), r.end(JSON.stringify({ error: p.message }));
+        } catch (m) {
+          r.writeHead(400), r.end(JSON.stringify({ error: m.message }));
         }
       });
     } else if (a.method === "GET" && a.url === "/_list")
-      r.writeHead(200), r.end(JSON.stringify({ components: Array.from(I.entries()) }));
+      r.writeHead(200), r.end(JSON.stringify({ components: Array.from(R.entries()) }));
     else if (a.method === "POST" && a.url === "/_hmr_notify") {
-      let c = "";
-      a.on("data", (p) => c += p), a.on("end", () => {
+      let p = "";
+      a.on("data", (m) => p += m), a.on("end", () => {
         try {
-          const { componentId: p, html: g } = JSON.parse(c), h = ee.get(p);
-          if (h && h.size > 0) {
-            console.log(`🔥 Notifying ${h.size} HMR client(s) for: ${p}`);
-            const $ = JSON.stringify({ type: "update", html: g }), O = Je($);
-            h.forEach((L) => {
+          const { componentId: m, html: g } = JSON.parse(p), v = ee.get(m);
+          if (v && v.size > 0) {
+            console.log(`🔥 Notifying ${v.size} HMR client(s) for: ${m}`);
+            const M = JSON.stringify({ type: "update", html: g }), O = ze(M);
+            v.forEach((A) => {
               try {
-                L.write(O);
+                A.write(O);
               } catch {
-                h.delete(L);
+                v.delete(A);
               }
-            }), r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: h.size }));
+            }), r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: v.size }));
           } else
             r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: 0 }));
-        } catch (p) {
-          r.writeHead(400), r.end(JSON.stringify({ error: p.message }));
+        } catch (m) {
+          r.writeHead(400), r.end(JSON.stringify({ error: m.message }));
         }
       });
     } else
@@ -464,51 +464,51 @@ Sec-WebSocket-Accept: ${h}\r
       r.writeHead(403, { "Content-Type": "text/plain" }), r.end("Forbidden");
       return;
     }
-    const c = new URL(a.url, `http://localhost:${m}`), p = c.pathname, g = p.split("/").filter((J) => J);
-    if (p.startsWith("/consume")) {
-      const J = c.searchParams.get("id");
+    const p = new URL(a.url, `http://localhost:${d}`), m = p.pathname, g = m.split("/").filter((J) => J);
+    if (m.startsWith("/consume")) {
+      const J = p.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 W = I.get(J), K = W ? W.path : null, ce = (oe) => {
-        let N = "Unknown", Q = "Unknown";
+      const W = R.get(J), K = W ? W.path : null, ce = (oe) => {
+        let _ = "Unknown", Q = "Unknown";
         if (a.headers.referer || a.headers.referrer) {
-          const A = a.headers.referer || a.headers.referrer;
+          const H = a.headers.referer || a.headers.referrer;
           try {
-            const re = new URL(A);
-            N = re.origin, Q = re.hostname || re.origin;
+            const re = new URL(H);
+            _ = re.origin, Q = re.hostname || re.origin;
           } catch {
-            N = A, Q = A;
+            _ = H, Q = H;
           }
         } else if (a.headers.origin)
           try {
-            const A = new URL(a.headers.origin);
-            N = A.origin, Q = A.hostname || A.origin;
+            const H = new URL(a.headers.origin);
+            _ = H.origin, Q = H.hostname || H.origin;
           } catch {
-            N = a.headers.origin, Q = a.headers.origin;
+            _ = a.headers.origin, Q = a.headers.origin;
           }
         else if (a.socket.remoteAddress) {
-          const A = a.socket.remoteAddress;
-          A === "::1" || A === "::ffff:127.0.0.1" ? (N = "localhost", Q = "localhost (direct)") : (N = A, Q = A.replace("::ffff:", ""));
+          const H = a.socket.remoteAddress;
+          H === "::1" || H === "::ffff:127.0.0.1" ? (_ = "localhost", Q = "localhost (direct)") : (_ = H, Q = H.replace("::ffff:", ""));
         }
-        const Ee = a.headers.referer || a.headers.referrer || N, he = {
+        const Ee = a.headers.referer || a.headers.referrer || _, he = {
           type: "request",
           componentId: J,
           timestamp: Date.now(),
           servedLocally: oe,
           referrer: Ee,
-          origin: N,
+          origin: _,
           originLabel: Q
         };
-        ie.has(N) || (ie.set(N, {
-          url: N,
+        ie.has(_) || (ie.set(_, {
+          url: _,
           label: Q,
           firstSeen: Date.now(),
           requestCount: 0
-        }), Y.forEach((A) => {
+        }), Y.forEach((H) => {
           try {
-            A.write(`data: ${JSON.stringify({
+            H.write(`data: ${JSON.stringify({
               type: "origins",
               origins: Array.from(ie.values())
             })}
@@ -517,10 +517,10 @@ Sec-WebSocket-Accept: ${h}\r
           } catch {
           }
         }));
-        const Ie = ie.get(N);
-        Ie.requestCount++, Y.forEach((A) => {
+        const Re = ie.get(_);
+        Re.requestCount++, Y.forEach((H) => {
           try {
-            A.write(`data: ${JSON.stringify({
+            H.write(`data: ${JSON.stringify({
               type: "origins",
               origins: Array.from(ie.values())
             })}
@@ -528,9 +528,9 @@ Sec-WebSocket-Accept: ${h}\r
 `);
           } catch {
           }
-        }), Z.push(he), Z.length > se && Z.shift(), Y.forEach((A) => {
+        }), Z.push(he), Z.length > se && Z.shift(), Y.forEach((H) => {
           try {
-            A.write(`data: ${JSON.stringify(he)}
+            H.write(`data: ${JSON.stringify(he)}
 `);
           } catch {
@@ -539,12 +539,12 @@ Sec-WebSocket-Accept: ${h}\r
       };
       if (K) {
         const oe = W.htmlFile ? e.default.join(K, W.htmlFile) : e.default.join(K, "index.html");
-        o.default.readFile(oe, "utf-8", (N, Q) => {
-          if (N) {
+        o.default.readFile(oe, "utf-8", (_, Q) => {
+          if (_) {
             console.log(`❌ File not found: ${oe}`), r.writeHead(404, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const Ee = Me(Q, J), he = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Ie = {
+          const Ee = Me(Q, J), he = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Re = {
             item: {
               name: J,
               id: J,
@@ -564,30 +564,30 @@ Sec-WebSocket-Accept: ${h}\r
           console.log(`✅ Serving consume JSON for: ${J}`), ce(!0), r.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), r.end(JSON.stringify(Ie, null, 2));
+          }), r.end(JSON.stringify(Re, null, 2));
         });
       } else {
         console.log(`📡 Proxying consume request to cloud.myop.dev for: ${J}`);
-        const oe = `https://cloud.myop.dev/consume${c.search}`;
-        ce(!1), fetch(oe).then((N) => N.text()).then((N) => {
+        const oe = `https://cloud.myop.dev/consume${p.search}`;
+        ce(!1), fetch(oe).then((_) => _.text()).then((_) => {
           r.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), r.end(N);
-        }).catch((N) => {
-          console.error(`❌ Proxy error: ${N.message}`), r.writeHead(502, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), r.end(_);
+        }).catch((_) => {
+          console.error(`❌ Proxy error: ${_.message}`), r.writeHead(502, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
     }
-    if (p === "/events") {
+    if (m === "/events") {
       r.writeHead(200, {
         "Content-Type": "text/event-stream",
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
       }), Y.push(r);
-      const J = Array.from(I.entries()).map(([W, K]) => ({
+      const J = Array.from(R.entries()).map(([W, K]) => ({
         id: W,
         path: K.path,
         name: K.name
@@ -614,7 +614,7 @@ Sec-WebSocket-Accept: ${h}\r
       return;
     }
     if (g.length === 0) {
-      r.writeHead(200, { "Content-Type": "text/html" }), r.end(It(m, d, w, v));
+      r.writeHead(200, { "Content-Type": "text/html" }), r.end(Rt(d, c, w, S));
       return;
     }
     if (g[0] !== "view") {
@@ -625,12 +625,12 @@ Sec-WebSocket-Accept: ${h}\r
       r.writeHead(400, { "Content-Type": "text/plain" }), r.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const h = g[1], $ = I.get(h);
-    if (!$) {
-      r.writeHead(404, { "Content-Type": "text/plain" }), r.end(`Component not found: ${h}`);
+    const v = g[1], M = R.get(v);
+    if (!M) {
+      r.writeHead(404, { "Content-Type": "text/plain" }), r.end(`Component not found: ${v}`);
       return;
     }
-    const O = $.path, L = g.slice(2), V = $.htmlFile || "index.html", te = L.length === 0 ? V : L.join("/"), le = e.default.join(O, te);
+    const O = M.path, A = g.slice(2), G = M.htmlFile || "index.html", te = A.length === 0 ? G : A.join("/"), le = e.default.join(O, te);
     console.log(`📥 Request: ${a.url} -> ${le}`), o.default.readFile(le, (J, W) => {
       if (J) {
         console.log(`❌ File not found: ${le}`), r.writeHead(404, { "Content-Type": "text/plain" }), r.end("Not Found");
@@ -639,57 +639,57 @@ Sec-WebSocket-Accept: ${h}\r
       const K = z(le);
       console.log(`✅ Serving: ${le} (${K})`);
       let ce = W;
-      if (K === "text/html" && _) {
+      if (K === "text/html" && L) {
         const oe = W.toString("utf-8");
-        ce = Me(oe, h);
+        ce = Me(oe, v);
       }
       r.writeHead(200, {
         "Content-Type": K,
         "Access-Control-Allow-Origin": "*"
       }), r.end(ce);
     });
-  }), Ue = () => new Promise((a, r) => {
-    const c = M ? e.default.resolve(k) : e.default.resolve(k, C), p = JSON.stringify({
+  }), Be = () => new Promise((a, r) => {
+    const p = C ? e.default.resolve(k) : e.default.resolve(k, $), m = JSON.stringify({
       componentId: f,
-      distPath: c,
+      distPath: p,
       componentName: E,
-      htmlFile: M ? T : null
+      htmlFile: C ? T : null
     }), g = {
       hostname: "localhost",
-      port: d,
+      port: c,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(p)
+        "Content-Length": Buffer.byteLength(m)
       }
-    }, h = n.default.request(g, ($) => {
+    }, v = n.default.request(g, (M) => {
       let O = "";
-      $.on("data", (L) => O += L), $.on("end", () => {
-        $.statusCode === 200 ? a(JSON.parse(O)) : r(new Error(`Registration failed: ${$.statusCode}`));
+      M.on("data", (A) => O += A), M.on("end", () => {
+        M.statusCode === 200 ? a(JSON.parse(O)) : r(new Error(`Registration failed: ${M.statusCode}`));
       });
     });
-    h.on("error", r), h.write(p), h.end();
+    v.on("error", r), v.write(m), v.end();
   }), ct = () => new Promise((a, r) => {
-    const c = JSON.stringify({ componentId: f }), p = {
+    const p = JSON.stringify({ componentId: f }), m = {
       hostname: "localhost",
-      port: d,
+      port: c,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(c)
+        "Content-Length": Buffer.byteLength(p)
       }
-    }, g = n.default.request(p, (h) => {
+    }, g = n.default.request(m, (v) => {
       a();
     });
-    g.on("error", () => a()), g.write(c), g.end();
+    g.on("error", () => a()), g.write(p), g.end();
   }), dt = (a) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
     const componentId = '${a}';
-    const wsUrl = 'ws://localhost:${d}/_hmr/' + componentId;
+    const wsUrl = 'ws://localhost:${c}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -790,75 +790,75 @@ Sec-WebSocket-Accept: ${h}\r
 })();
 <\/script>
 `, Me = (a, r) => {
-    if (!_) return a;
-    const c = dt(r);
-    return a.includes("</body>") ? a.replace("</body>", `${c}</body>`) : a.includes("</html>") ? a.replace("</html>", `${c}</html>`) : a + c;
-  }, Je = (a) => {
-    const r = Buffer.from(a), c = r.length;
-    let p;
-    return c < 126 ? p = Buffer.concat([
-      Buffer.from([129, c]),
+    if (!L) return a;
+    const p = dt(r);
+    return a.includes("</body>") ? a.replace("</body>", `${p}</body>`) : a.includes("</html>") ? a.replace("</html>", `${p}</html>`) : a + p;
+  }, ze = (a) => {
+    const r = Buffer.from(a), p = r.length;
+    let m;
+    return p < 126 ? m = Buffer.concat([
+      Buffer.from([129, p]),
       // FIN + text frame, length
       r
-    ]) : c < 65536 ? p = Buffer.concat([
+    ]) : p < 65536 ? m = Buffer.concat([
       Buffer.from([129, 126]),
       // FIN + text frame, extended length
-      Buffer.from([c >> 8, c & 255]),
+      Buffer.from([p >> 8, p & 255]),
       // 16-bit length
       r
-    ]) : p = Buffer.concat([
+    ]) : m = Buffer.concat([
       Buffer.from([129, 127]),
       // FIN + text frame, extended length
-      Buffer.from([0, 0, 0, 0, c >> 24, c >> 16 & 255, c >> 8 & 255, c & 255]),
+      Buffer.from([0, 0, 0, 0, p >> 24, p >> 16 & 255, p >> 8 & 255, p & 255]),
       // 64-bit length
       r
-    ]), p;
-  }, Be = () => {
-    if (!_) return;
-    const a = M ? T : e.default.join(C, "index.html");
+    ]), m;
+  }, We = () => {
+    if (!L) return;
+    const a = C ? T : e.default.join($, "index.html");
     let r;
     try {
-      const c = o.default.readFileSync(a, "utf-8");
-      r = Me(c, f);
-    } catch (c) {
-      console.error("❌ Failed to read HTML for HMR:", c.message);
+      const p = o.default.readFileSync(a, "utf-8");
+      r = Me(p, f);
+    } catch (p) {
+      console.error("❌ Failed to read HTML for HMR:", p.message);
       return;
     }
-    if (Re) {
-      const c = ee.get(f);
-      if (!c || c.size === 0)
+    if (Ie) {
+      const p = ee.get(f);
+      if (!p || p.size === 0)
         return;
-      console.log(`🔥 Notifying ${c.size} HMR client(s)`);
-      const p = JSON.stringify({
+      console.log(`🔥 Notifying ${p.size} HMR client(s)`);
+      const m = JSON.stringify({
         type: "update",
         html: r
-      }), g = Je(p);
-      c.forEach((h) => {
+      }), g = ze(m);
+      p.forEach((v) => {
         try {
-          h.write(g);
+          v.write(g);
         } catch {
-          c.delete(h);
+          p.delete(v);
         }
       });
     } else {
-      const c = JSON.stringify({
+      const p = JSON.stringify({
         componentId: f,
         html: r
-      }), p = {
+      }), m = {
         hostname: "localhost",
-        port: d,
+        port: c,
         path: "/_hmr_notify",
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "Content-Length": Buffer.byteLength(c)
+          "Content-Length": Buffer.byteLength(p)
         },
         timeout: 5e3
-      }, g = n.default.request(p, (h) => {
-        let $ = "";
-        h.on("data", (O) => $ += O), h.on("end", () => {
+      }, g = n.default.request(m, (v) => {
+        let M = "";
+        v.on("data", (O) => M += O), v.on("end", () => {
           try {
-            const O = JSON.parse($);
+            const O = JSON.parse(M);
             O.notified > 0 && console.log(`🔥 Notified ${O.notified} HMR client(s) via server`);
           } catch {
           }
@@ -867,173 +867,173 @@ Sec-WebSocket-Accept: ${h}\r
       g.on("error", () => {
       }), g.on("timeout", () => {
         g.destroy();
-      }), g.write(c), g.end();
+      }), g.write(p), g.end();
     }
   };
   let Pe = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
   const ge = (a) => {
     if (u) {
-      S = !0;
+      y = !0;
       return;
     }
     u = !0, console.log(`
-🔨 Building...`), t("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (r, c, p) => {
+🔨 Building...`), t("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (r, p, m) => {
       if (u = !1, r) {
-        const g = await et(r, c, p, t, {
+        const g = await ot(r, p, m, t, {
           ...Pe,
           onRetry: () => ge(a)
         });
-        Pe = { ...Pe, ...g }, g.handled || (console.error("❌ Build failed:", r.message), p && console.error(p));
+        Pe = { ...Pe, ...g }, g.handled || (console.error("❌ Build failed:", r.message), m && console.error(m));
       } else
-        console.log("✅ Build completed"), c && console.log(c), Be(), a && a();
-      S && (S = !1, ge());
+        console.log("✅ Build completed"), p && console.log(p), We(), a && a();
+      y && (y = !1, ge());
     });
-  }, ze = /* @__PURE__ */ new Set(), Te = (a) => {
-    o.default.readdir(a, { withFileTypes: !0 }, (r, c) => {
-      r || (c.forEach((p) => {
-        const g = e.default.join(a, p.name);
-        if (p.isDirectory())
-          p.name !== "node_modules" && p.name !== "dist" && !p.name.startsWith(".") && Te(g);
-        else if (p.isFile()) {
-          const h = e.default.extname(p.name);
-          if (h === ".js" || h === ".css" || h === ".html")
+  }, Ve = /* @__PURE__ */ new Set(), Te = (a) => {
+    o.default.readdir(a, { withFileTypes: !0 }, (r, p) => {
+      r || (p.forEach((m) => {
+        const g = e.default.join(a, m.name);
+        if (m.isDirectory())
+          m.name !== "node_modules" && m.name !== "dist" && !m.name.startsWith(".") && Te(g);
+        else if (m.isFile()) {
+          const v = e.default.extname(m.name);
+          if (v === ".js" || v === ".css" || v === ".html")
             try {
-              const $ = o.default.readFileSync(g, "utf-8");
-              j.set(g, $);
+              const M = o.default.readFileSync(g, "utf-8");
+              F.set(g, M);
             } catch {
             }
         }
-      }), ze.has(a) || (ze.add(a), o.default.watch(a, (p, g) => {
+      }), Ve.has(a) || (Ve.add(a), o.default.watch(a, (m, g) => {
         if (!g) return;
-        const h = e.default.extname(g);
-        if (h !== ".js" && h !== ".css" && h !== ".html") return;
-        const $ = e.default.join(a, g);
+        const v = e.default.extname(g);
+        if (v !== ".js" && v !== ".css" && v !== ".html") return;
+        const M = e.default.join(a, g);
         setTimeout(() => {
           try {
-            const O = o.default.readFileSync($, "utf-8"), L = j.get($);
-            O !== L && (j.set($, O), console.log(`📝 File changed: ${$}`), M ? Be() : ge());
+            const O = o.default.readFileSync(M, "utf-8"), A = F.get(M);
+            O !== A && (F.set(M, O), console.log(`📝 File changed: ${M}`), C ? We() : ge());
           } catch {
           }
         }, 50);
       })));
     });
-  }, We = (a) => {
+  }, Ge = (a) => {
     console.log(`
-🔨 Component: ${f}`), M ? (console.log("📄 No build needed (single HTML file mode)"), Te(k), console.log(`👀 Watching ${T} for changes...`), console.log(`Press Ctrl+C to stop
+🔨 Component: ${f}`), C ? (console.log("📄 No build needed (single HTML file mode)"), Te(k), console.log(`👀 Watching ${T} for changes...`), console.log(`Press Ctrl+C to stop
 `), a && a()) : (ge(a), Te(k), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
   }, pt = () => new Promise((a) => {
     const r = {
       hostname: "localhost",
-      port: d,
+      port: c,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, c = n.default.request(r, (p) => {
+    }, p = n.default.request(r, (m) => {
       a(!0);
     });
-    c.on("error", () => a(!1)), c.on("timeout", () => {
-      c.destroy(), a(!1);
-    }), c.end();
+    p.on("error", () => a(!1)), p.on("timeout", () => {
+      p.destroy(), a(!1);
+    }), p.end();
   }), mt = () => new Promise((a) => {
-    const r = n.default.createServer((c, p) => {
-      if (p.setHeader("Content-Type", "application/json"), c.method === "POST" && c.url === "/_register") {
+    const r = n.default.createServer((p, m) => {
+      if (m.setHeader("Content-Type", "application/json"), p.method === "POST" && p.url === "/_register") {
         let g = "";
-        c.on("data", (h) => g += h), c.on("end", () => {
+        p.on("data", (v) => g += v), p.on("end", () => {
           try {
-            const { componentId: h, distPath: $, componentName: O, htmlFile: L } = JSON.parse(g);
-            I.set(h, { path: $, name: O || null, htmlFile: L || null });
-            const V = O ? ` (${O})` : "";
-            console.log(`✅ Registered: ${h}${V} -> ${$}${L ? "/" + L : ""}`), p.writeHead(200), p.end(JSON.stringify({ success: !0, registered: Array.from(I.keys()) }));
-          } catch (h) {
-            p.writeHead(400), p.end(JSON.stringify({ error: h.message }));
+            const { componentId: v, distPath: M, componentName: O, htmlFile: A } = JSON.parse(g);
+            R.set(v, { path: M, name: O || null, htmlFile: A || null });
+            const G = O ? ` (${O})` : "";
+            console.log(`✅ Registered: ${v}${G} -> ${M}${A ? "/" + A : ""}`), m.writeHead(200), m.end(JSON.stringify({ success: !0, registered: Array.from(R.keys()) }));
+          } catch (v) {
+            m.writeHead(400), m.end(JSON.stringify({ error: v.message }));
           }
         });
-      } else if (c.method === "POST" && c.url === "/_unregister") {
+      } else if (p.method === "POST" && p.url === "/_unregister") {
         let g = "";
-        c.on("data", (h) => g += h), c.on("end", () => {
+        p.on("data", (v) => g += v), p.on("end", () => {
           try {
-            const { componentId: h } = JSON.parse(g);
-            I.delete(h), console.log(`❌ Unregistered: ${h}`), p.writeHead(200), p.end(JSON.stringify({ success: !0 }));
-          } catch (h) {
-            p.writeHead(400), p.end(JSON.stringify({ error: h.message }));
+            const { componentId: v } = JSON.parse(g);
+            R.delete(v), console.log(`❌ Unregistered: ${v}`), m.writeHead(200), m.end(JSON.stringify({ success: !0 }));
+          } catch (v) {
+            m.writeHead(400), m.end(JSON.stringify({ error: v.message }));
           }
         });
-      } else c.method === "GET" && c.url === "/_list" ? (p.writeHead(200), p.end(JSON.stringify({ components: Array.from(I.entries()) }))) : (p.writeHead(404), p.end(JSON.stringify({ error: "Not found" })));
+      } else p.method === "GET" && p.url === "/_list" ? (m.writeHead(200), m.end(JSON.stringify({ components: Array.from(R.entries()) }))) : (m.writeHead(404), m.end(JSON.stringify({ error: "Not found" })));
     });
     r.on("error", () => {
       a(!1);
-    }), r.listen(d, () => {
+    }), r.listen(c, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${d}`), ue.on("error", () => {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${c}`), ue.on("error", () => {
         r.close(), a(!1);
-      }), ue.listen(m, () => {
-        console.log(`📡 Main server running at http://localhost:${m}`);
-        const c = M ? e.default.resolve(k) : e.default.resolve(k, C);
-        I.set(f, {
-          path: c,
+      }), ue.listen(d, () => {
+        console.log(`📡 Main server running at http://localhost:${d}`);
+        const p = C ? e.default.resolve(k) : e.default.resolve(k, $);
+        R.set(f, {
+          path: p,
           name: E,
-          htmlFile: M ? T : null
+          htmlFile: C ? T : null
         });
-        const p = E ? ` (${E})` : "";
-        console.log(`✅ Registered component: ${f}${p}`), console.log(`📡 Access at: http://localhost:${m}/view/${f}/`), a(!0);
+        const m = E ? ` (${E})` : "";
+        console.log(`✅ Registered component: ${f}${m}`), console.log(`📡 Access at: http://localhost:${d}/view/${f}/`), a(!0);
       });
     });
   });
   let fe;
-  const Ve = () => {
+  const Ye = () => {
     fe = setInterval(async () => {
       await pt() || (clearInterval(fe), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await mt() ? (console.log("✅ Successfully took over as server"), Re = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+⚠️  Server appears to be down, attempting to take over...`), await mt() ? (console.log("✅ Successfully took over as server"), Ie = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await Ue(), console.log(`✅ Re-registered component: ${f}`), Ve();
-        } catch (c) {
-          console.error("❌ Failed to re-register:", c.message);
+          await Be(), console.log(`✅ Re-registered component: ${f}`), Ye();
+        } catch (p) {
+          console.error("❌ Failed to re-register:", p.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Ge = async () => {
+  }, Ke = async () => {
     console.log(`
 🛑 Shutting down...`), fe && clearInterval(fe), await ct(), process.exit(0);
   };
-  process.on("SIGINT", Ge), process.on("SIGTERM", Ge);
-  let Re = !1;
+  process.on("SIGINT", Ke), process.on("SIGTERM", Ke);
+  let Ie = !1;
   Ce.on("error", async (a) => {
     if (a.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
         f = await U();
-        const r = await Ue();
-        console.log(`✅ Registered component: ${f}`), console.log(`📡 Access at: http://localhost:${m}/view/${f}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), We(() => {
-          process.env.MYOP_NO_BROWSER || x(`http://localhost:${m}/view/${f}/`);
-        }), Ve();
+        const r = await Be();
+        console.log(`✅ Registered component: ${f}`), console.log(`📡 Access at: http://localhost:${d}/view/${f}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), Ge(() => {
+          process.env.MYOP_NO_BROWSER || b(`http://localhost:${d}/view/${f}/`);
+        }), Ye();
       } catch (r) {
         console.error("❌ Failed to register component:", r.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", a.message), process.exit(1);
-  }), Ce.on("upgrade", lt), Ce.listen(d, async () => {
-    Re = !0, console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${d}`), ue.on("error", (a) => {
+  }), Ce.on("upgrade", lt), Ce.listen(c, async () => {
+    Ie = !0, console.log(`
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${c}`), ue.on("error", (a) => {
       console.error("❌ Main server error:", a.message), process.exit(1);
-    }), ue.listen(m, async () => {
-      console.log(`📡 Main server running at http://localhost:${m}`), (f === "DEV" || f === "NEW") && (f = "DEV1");
-      const a = M ? e.default.resolve(k) : e.default.resolve(k, C);
-      I.set(f, {
+    }), ue.listen(d, async () => {
+      console.log(`📡 Main server running at http://localhost:${d}`), (f === "DEV" || f === "NEW") && (f = "DEV1");
+      const a = C ? e.default.resolve(k) : e.default.resolve(k, $);
+      R.set(f, {
         path: a,
         name: E,
-        htmlFile: M ? T : null
+        htmlFile: C ? T : null
       });
       const r = E ? ` (${E})` : "";
-      console.log(`✅ Registered component: ${f}${r}`), console.log(`📡 Access at: http://localhost:${m}/view/${f}/`), We(() => {
-        process.env.MYOP_NO_BROWSER || x(`http://localhost:${m}/view/${f}/`);
+      console.log(`✅ Registered component: ${f}${r}`), console.log(`📡 Access at: http://localhost:${d}/view/${f}/`), Ge(() => {
+        process.env.MYOP_NO_BROWSER || b(`http://localhost:${d}/view/${f}/`);
       });
     });
   });
 }
-const F = class F {
+const N = class N {
   constructor(e) {
     this.components = e.map(
       (t) => typeof t == "string" ? { name: t, path: "", id: "" } : t
@@ -1042,7 +1042,7 @@ const F = class F {
       this.logs.set(t.name, []), this.scrollPos.set(t.name, 0), this.statuses.set(t.name, "Initializing..."), this.statusKeys.set(t.name, "initializing");
     this.cols = process.stdout.columns || 120, this.rows = process.stdout.rows || 30, process.stdout.on("resize", () => {
       this.cols = process.stdout.columns || 120, this.rows = process.stdout.rows || 30, this.needsFullRedraw = !0, this.calculateLayout(), this.render();
-    }), this.setupKeyboardInput(), process.stdout.write(F.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
+    }), this.setupKeyboardInput(), process.stdout.write(N.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
   }
   setupKeyboardInput() {
     process.stdin.isTTY && (process.stdin.setRawMode(!0), process.stdin.resume(), process.stdin.setEncoding("utf8"), process.stdin.on("data", (e) => {
@@ -1083,15 +1083,15 @@ const F = class F {
     const e = this.components.length, t = 38;
     let n;
     this.cols >= t * 3 + 4 ? n = Math.min(e, 3) : this.cols >= t * 2 + 2 ? n = Math.min(e, 2) : n = 1;
-    const i = Math.ceil(e / n), s = Math.floor(this.cols / n), l = 2, v = this.rows - l - 2, m = Math.floor(v / i);
-    this.visibleLogLines = Math.max(2, m - 4), this.layout = { panelsPerRow: n, panelWidth: s, numRows: i, panelHeight: m }, this.panelPositions.clear();
-    for (let d = 0; d < e; d++) {
-      const C = this.components[d], u = Math.floor(d / n), S = d % n;
-      this.panelPositions.set(C.name, {
-        row: l + 1 + u * m,
-        col: S * s + 1,
+    const i = Math.ceil(e / n), s = Math.floor(this.cols / n), l = 2, S = this.rows - l - 2, d = Math.floor(S / i);
+    this.visibleLogLines = Math.max(2, d - 4), this.layout = { panelsPerRow: n, panelWidth: s, numRows: i, panelHeight: d }, this.panelPositions.clear();
+    for (let c = 0; c < e; c++) {
+      const $ = this.components[c], u = Math.floor(c / n), y = c % n;
+      this.panelPositions.set($.name, {
+        row: l + 1 + u * d,
+        col: y * s + 1,
         width: s,
-        height: m
+        height: d
       });
     }
   }
@@ -1132,44 +1132,44 @@ const F = class F {
     return `${t}:${n.toString().padStart(2, "0")}`;
   }
   updateHeader() {
-    const e = F.C, t = Array.from(this.statusKeys.values()).filter((s) => s === "ready").length, n = this.components.length;
+    const e = N.C, t = Array.from(this.statusKeys.values()).filter((s) => s === "ready").length, n = this.components.length;
     let i = `${e.dim}📡${e.reset} http://localhost:9292  ${e.gray}|${e.reset}  `;
-    i += `${e.green}${t}${e.reset}/${n} ready  ${e.gray}|${e.reset}  `, i += `⏱ ${this.getUptime()}  ${e.gray}|${e.reset}  `, i += `Press ${e.yellow}Ctrl+C${e.reset} to stop`, i += F.ESC.clearLine.slice(0, -1), process.stdout.write(F.ESC.moveTo(2, 1) + i);
+    i += `${e.green}${t}${e.reset}/${n} ready  ${e.gray}|${e.reset}  `, i += `⏱ ${this.getUptime()}  ${e.gray}|${e.reset}  `, i += `Press ${e.yellow}Ctrl+C${e.reset} to stop`, i += N.ESC.clearLine.slice(0, -1), process.stdout.write(N.ESC.moveTo(2, 1) + i);
   }
   renderPanel(e) {
-    const t = F.C, n = F.STATUS, i = this.panelPositions.get(e);
+    const t = N.C, n = N.STATUS, i = this.panelPositions.get(e);
     if (!i) return;
-    const s = this.components.findIndex((U) => U.name === e), l = this.components[s], w = s === this.selectedPanel, v = this.statusKeys.get(e) || "initializing", m = n[v], d = t[m.color], C = this.logs.get(e) || [], u = this.scrollPos.get(e) || 0, S = i.width - 1, M = w ? t.cyan : t.gray, T = [], D = l.name.substring(0, S - 20);
-    let P = `${M}┌─${t.reset} ${d}${m.icon}${t.reset} `;
-    P += `${t.bold}${D}${t.reset} ${t.gray}─${t.reset} ${d}${m.label}${t.reset} `;
-    const x = 5 + D.length + m.label.length + 3;
-    P += `${M}${"─".repeat(Math.max(0, S - x))}┐${t.reset}`, T.push(F.ESC.moveTo(i.row, i.col) + P);
-    const j = (l.path || "").substring(0, S - 6);
-    let b = `${M}│${t.reset} ${t.dim}${j}${t.reset}`;
-    b += " ".repeat(Math.max(0, S - j.length - 3)), b += `${M}│${t.reset}`, T.push(F.ESC.moveTo(i.row + 1, i.col) + b);
-    const f = C.length, E = f > this.visibleLogLines ? `${u + 1}-${Math.min(u + this.visibleLogLines, f)}/${f}` : "";
-    let _ = `${M}├${"─".repeat(S - E.length - 4)}${t.reset}`;
-    E && (_ += `${t.dim}${E}${t.reset}`), _ += `${M}${"─".repeat(2)}┤${t.reset}`, T.push(F.ESC.moveTo(i.row + 2, i.col) + _);
-    const B = C.slice(u, u + this.visibleLogLines);
+    const s = this.components.findIndex((U) => U.name === e), l = this.components[s], w = s === this.selectedPanel, S = this.statusKeys.get(e) || "initializing", d = n[S], c = t[d.color], $ = this.logs.get(e) || [], u = this.scrollPos.get(e) || 0, y = i.width - 1, C = w ? t.cyan : t.gray, T = [], j = l.name.substring(0, y - 20);
+    let P = `${C}┌─${t.reset} ${c}${d.icon}${t.reset} `;
+    P += `${t.bold}${j}${t.reset} ${t.gray}─${t.reset} ${c}${d.label}${t.reset} `;
+    const b = 5 + j.length + d.label.length + 3;
+    P += `${C}${"─".repeat(Math.max(0, y - b))}┐${t.reset}`, T.push(N.ESC.moveTo(i.row, i.col) + P);
+    const F = (l.path || "").substring(0, y - 6);
+    let x = `${C}│${t.reset} ${t.dim}${F}${t.reset}`;
+    x += " ".repeat(Math.max(0, y - F.length - 3)), x += `${C}│${t.reset}`, T.push(N.ESC.moveTo(i.row + 1, i.col) + x);
+    const f = $.length, E = f > this.visibleLogLines ? `${u + 1}-${Math.min(u + this.visibleLogLines, f)}/${f}` : "";
+    let L = `${C}├${"─".repeat(y - E.length - 4)}${t.reset}`;
+    E && (L += `${t.dim}${E}${t.reset}`), L += `${C}${"─".repeat(2)}┤${t.reset}`, T.push(N.ESC.moveTo(i.row + 2, i.col) + L);
+    const B = $.slice(u, u + this.visibleLogLines);
     for (let U = 0; U < this.visibleLogLines; U++) {
       const k = B[U];
-      let z = `${M}│${t.reset}`;
+      let z = `${C}│${t.reset}`;
       if (k) {
-        let I = t.white;
-        k.type === "success" ? I = t.green : k.type === "error" ? I = t.red : k.type === "warning" ? I = t.yellow : k.type === "hmr" ? I = t.magenta : k.type === "change" && (I = t.blue);
-        const Z = k.message.substring(0, S - 12);
-        z += `${t.dim}${k.timestamp}${t.reset} ${I}${Z}${t.reset}`;
-        const se = S - k.timestamp.length - Z.length - 2;
+        let R = t.white;
+        k.type === "success" ? R = t.green : k.type === "error" ? R = t.red : k.type === "warning" ? R = t.yellow : k.type === "hmr" ? R = t.magenta : k.type === "change" && (R = t.blue);
+        const Z = k.message.substring(0, y - 12);
+        z += `${t.dim}${k.timestamp}${t.reset} ${R}${Z}${t.reset}`;
+        const se = y - k.timestamp.length - Z.length - 2;
         z += " ".repeat(Math.max(0, se));
       } else
-        z += " ".repeat(S - 2);
-      z += `${M}│${t.reset}`, T.push(F.ESC.moveTo(i.row + 3 + U, i.col) + z);
+        z += " ".repeat(y - 2);
+      z += `${C}│${t.reset}`, T.push(N.ESC.moveTo(i.row + 3 + U, i.col) + z);
     }
-    T.push(F.ESC.moveTo(i.row + 3 + this.visibleLogLines, i.col) + `${M}└${"─".repeat(S - 2)}┘${t.reset}`), process.stdout.write(T.join(""));
+    T.push(N.ESC.moveTo(i.row + 3 + this.visibleLogLines, i.col) + `${C}└${"─".repeat(y - 2)}┘${t.reset}`), process.stdout.write(T.join(""));
   }
   fullRender() {
-    const e = F.C;
-    process.stdout.write(F.ESC.clearScreen + F.ESC.moveTo(1, 1));
+    const e = N.C;
+    process.stdout.write(N.ESC.clearScreen + N.ESC.moveTo(1, 1));
     const t = " MYOP MONOREPO DEV ", n = Math.floor((this.cols - t.length) / 2);
     process.stdout.write(`${e.cyan}${"━".repeat(n)}${e.bold}${e.bgCyan}${e.black}${t}${e.reset}${e.cyan}${"━".repeat(this.cols - n - t.length)}${e.reset}`), this.updateHeader();
     for (const i of this.components)
@@ -1177,26 +1177,26 @@ const F = class F {
     this.renderFooter();
   }
   renderFooter() {
-    const e = F.C, t = this.rows - 1;
+    const e = N.C, t = this.rows - 1;
     let n = `${e.gray}`;
-    n += `${e.green}●${e.gray} Ready  `, n += `${e.yellow}⟳${e.gray} Building  `, n += `${e.magenta}⚡${e.gray} HMR  `, n += `${e.red}✖${e.gray} Error  `, n += `${e.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${e.reset}`, process.stdout.write(F.ESC.moveTo(t, 1) + n);
+    n += `${e.green}●${e.gray} Ready  `, n += `${e.yellow}⟳${e.gray} Building  `, n += `${e.magenta}⚡${e.gray} HMR  `, n += `${e.red}✖${e.gray} Error  `, n += `${e.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${e.reset}`, process.stdout.write(N.ESC.moveTo(t, 1) + n);
   }
   render() {
     this.needsFullRedraw = !0, this.queueUpdate("__full__");
   }
   clear() {
-    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(F.ESC.clearScreen + F.ESC.moveTo(1, 1) + F.ESC.showCursor);
+    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(N.ESC.clearScreen + N.ESC.moveTo(1, 1) + N.ESC.showCursor);
   }
 };
 // ANSI escape codes
-ye(F, "ESC", {
+ye(N, "ESC", {
   moveTo: (e, t) => `\x1B[${e};${t}H`,
   hideCursor: "\x1B[?25l",
   showCursor: "\x1B[?25h",
   clearScreen: "\x1B[2J",
   clearLine: "\x1B[2K"
 }), // Colors
-ye(F, "C", {
+ye(N, "C", {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
   dim: "\x1B[2m",
@@ -1211,7 +1211,7 @@ ye(F, "C", {
   bgCyan: "\x1B[46m",
   black: "\x1B[30m"
 }), // Status configs
-ye(F, "STATUS", {
+ye(N, "STATUS", {
   initializing: { icon: "◔", color: "yellow", label: "Initializing" },
   starting: { icon: "◑", color: "yellow", label: "Starting" },
   building: { icon: "⟳", color: "yellow", label: "Building" },
@@ -1224,57 +1224,57 @@ ye(F, "STATUS", {
   warning: { icon: "⚠", color: "yellow", label: "Warning" },
   stopped: { icon: "■", color: "gray", label: "Stopped" }
 });
-let je = F;
-async function Nt(o) {
-  const { spawn: e, exec: t } = await import("child_process"), n = await import("path"), i = o.map((d) => ({
-    name: d.name,
-    path: d.path,
-    id: d.componentId || ""
-  })), s = new je(i), l = [], w = (d) => {
-    const C = process.platform;
+let Ne = N;
+async function jt(o) {
+  const { spawn: e, exec: t } = await import("child_process"), n = await import("path"), i = o.map((c) => ({
+    name: c.name,
+    path: c.path,
+    id: c.componentId || ""
+  })), s = new Ne(i), l = [], w = (c) => {
+    const $ = process.platform;
     let u;
-    C === "darwin" ? u = `open "${d}"` : C === "win32" ? u = `start "" "${d}"` : u = `xdg-open "${d}"`, t(u, () => {
+    $ === "darwin" ? u = `open "${c}"` : $ === "win32" ? u = `start "" "${c}"` : u = `xdg-open "${c}"`, t(u, () => {
     });
-  }, v = () => {
+  }, S = () => {
     s.clear(), console.log(`
-🛑 Shutting down all components...`), l.forEach((d) => {
+🛑 Shutting down all components...`), l.forEach((c) => {
       try {
-        d.kill("SIGTERM");
+        c.kill("SIGTERM");
       } catch {
       }
     }), setTimeout(() => process.exit(0), 500);
   };
-  process.on("SIGINT", v), process.on("SIGTERM", v);
-  const m = process.argv[1];
-  for (let d = 0; d < o.length; d++) {
-    const C = o[d], u = C.name;
-    s.setStatus(u, "⏳ Starting..."), s.log(u, `Starting in ${C.path}`);
-    const S = e("node", [m, "dev"], {
-      cwd: n.default.resolve(C.path),
+  process.on("SIGINT", S), process.on("SIGTERM", S);
+  const d = process.argv[1];
+  for (let c = 0; c < o.length; c++) {
+    const $ = o[c], u = $.name;
+    s.setStatus(u, "⏳ Starting..."), s.log(u, `Starting in ${$.path}`);
+    const y = e("node", [d, "dev"], {
+      cwd: n.default.resolve($.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
     });
-    l.push(S);
-    let M = "";
-    S.stdout.on("data", (T) => {
-      M += T.toString();
-      const D = M.split(`
+    l.push(y);
+    let C = "";
+    y.stdout.on("data", (T) => {
+      C += T.toString();
+      const j = C.split(`
 `);
-      M = D.pop() || "";
-      for (const P of D) {
-        const x = P.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        x && (x.includes("Registered component") || x.includes("Registered:") ? s.setStatus(u, "✅ Ready") : x.includes("Building...") || x.includes("Running initial build") ? s.setStatus(u, "🔨 Building...") : x.includes("Build completed") || x.includes("Build succeeded") ? s.setStatus(u, "✅ Ready") : x.includes("Build failed") ? s.setStatus(u, "❌ Build Error") : x.includes("File changed") ? (s.setStatus(u, "📝 Changed"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1500)) : x.includes("Notifying") && x.includes("HMR") ? (s.setStatus(u, "🔥 HMR Update"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)) : x.includes("HMR client connected") && (s.setStatus(u, "🔥 HMR Connected"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)), !x.includes("Watching") && !x.includes("Press Ctrl+C") && !x.includes("Starting shared") && !x.includes("Management server") && !x.includes("Main server") && !x.includes("Access at:") && !x.includes("No build needed") && s.log(u, x));
+      C = j.pop() || "";
+      for (const P of j) {
+        const b = P.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        b && (b.includes("Registered component") || b.includes("Registered:") ? s.setStatus(u, "✅ Ready") : b.includes("Building...") || b.includes("Running initial build") ? s.setStatus(u, "🔨 Building...") : b.includes("Build completed") || b.includes("Build succeeded") ? s.setStatus(u, "✅ Ready") : b.includes("Build failed") ? s.setStatus(u, "❌ Build Error") : b.includes("File changed") ? (s.setStatus(u, "📝 Changed"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1500)) : b.includes("Notifying") && b.includes("HMR") ? (s.setStatus(u, "🔥 HMR Update"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)) : b.includes("HMR client connected") && (s.setStatus(u, "🔥 HMR Connected"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)), !b.includes("Watching") && !b.includes("Press Ctrl+C") && !b.includes("Starting shared") && !b.includes("Management server") && !b.includes("Main server") && !b.includes("Access at:") && !b.includes("No build needed") && s.log(u, b));
       }
-    }), S.stderr.on("data", (T) => {
-      const D = T.toString().split(`
+    }), y.stderr.on("data", (T) => {
+      const j = T.toString().split(`
 `);
-      for (const P of D) {
-        const x = P.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        x && (s.log(u, `⚠️ ${x}`), s.setStatus(u, "⚠️ Warning"));
+      for (const P of j) {
+        const b = P.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        b && (s.log(u, `⚠️ ${b}`), s.setStatus(u, "⚠️ Warning"));
       }
-    }), S.on("exit", (T) => {
+    }), y.on("exit", (T) => {
       T !== 0 && T !== null && (s.setStatus(u, `❌ Exited (${T})`), s.log(u, `Process exited with code ${T}`));
-    }), d < o.length - 1 && await new Promise((T) => setTimeout(T, 500));
+    }), c < o.length - 1 && await new Promise((T) => setTimeout(T, 500));
   }
   s.render(), setTimeout(() => {
     w("http://localhost:9292");
@@ -1283,53 +1283,53 @@ async function Nt(o) {
 const _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   devCommand: be,
-  monorepoDevCommand: Nt
-}, Symbol.toStringTag, { value: "Module" })), Ne = H.join(vt.homedir(), ".myop"), pe = H.join(Ne, "credentials.json");
+  monorepoDevCommand: jt
+}, Symbol.toStringTag, { value: "Module" })), je = D.join(vt.homedir(), ".myop"), pe = D.join(je, "credentials.json");
 function Lt() {
-  R.existsSync(Ne) || R.mkdirSync(Ne, { recursive: !0, mode: 448 });
+  I.existsSync(je) || I.mkdirSync(je, { recursive: !0, mode: 448 });
 }
-function De() {
+function Ae() {
   try {
-    if (!R.existsSync(pe))
+    if (!I.existsSync(pe))
       return null;
-    const o = R.readFileSync(pe, "utf8");
+    const o = I.readFileSync(pe, "utf8");
     return JSON.parse(o);
   } catch (o) {
     return console.info("Failed to read credentials:", o.message), null;
   }
 }
-function tt(o) {
+function nt(o) {
   Lt();
   const e = {
     ...o,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  R.writeFileSync(pe, JSON.stringify(e, null, 2), {
+  I.writeFileSync(pe, JSON.stringify(e, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function ot() {
+function st() {
   try {
-    return R.existsSync(pe) && R.unlinkSync(pe), !0;
+    return I.existsSync(pe) && I.unlinkSync(pe), !0;
   } catch (o) {
     return console.error("Failed to clear credentials:", o.message), !1;
   }
 }
-function At(o) {
+function Dt(o) {
   if (!o || !o.expiresAt)
     return !0;
   const e = 5 * 60 * 1e3, t = new Date(o.expiresAt).getTime();
   return Date.now() > t - e;
 }
 function xe() {
-  const o = De();
+  const o = Ae();
   return o ? {
     email: o.userEmail,
     userId: o.userId
   } : null;
 }
-const ae = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", Se = 19284, He = `http://localhost:${Se}/callback`, Dt = "myop-cli";
+const ae = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", Se = 19284, He = `http://localhost:${Se}/callback`, At = "myop-cli";
 function Ht() {
   return Le.randomBytes(32).toString("base64url");
 }
@@ -1341,7 +1341,7 @@ async function Jt() {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: Dt,
+      client_name: At,
       redirect_uris: [He],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
@@ -1522,19 +1522,19 @@ function we(o, e, t, n = null) {
 function Bt(o) {
   return new Promise((e, t) => {
     const n = wt.createServer((i, s) => {
-      const l = new Ke(i.url, `http://localhost:${Se}`);
+      const l = new Ze(i.url, `http://localhost:${Se}`);
       if (l.pathname === "/callback") {
-        const w = l.searchParams.get("code"), v = l.searchParams.get("state"), m = l.searchParams.get("error");
-        if (m) {
+        const w = l.searchParams.get("code"), S = l.searchParams.get("state"), d = l.searchParams.get("error");
+        if (d) {
           s.writeHead(200, { "Content-Type": "text/html" }), s.end(we(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            m
-          )), n.close(), t(new Error(`OAuth error: ${m}`));
+            d
+          )), n.close(), t(new Error(`OAuth error: ${d}`));
           return;
         }
-        if (v !== o) {
+        if (S !== o) {
           s.writeHead(400, { "Content-Type": "text/html" }), s.end(we(
             "warning",
             "Security Error",
@@ -1571,7 +1571,7 @@ async function zt(o, e, t) {
   const n = await fetch(`${ae}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new Qe({
+    body: new Xe({
       grant_type: "authorization_code",
       code: o,
       client_id: e,
@@ -1589,7 +1589,7 @@ async function Wt(o, e) {
   const t = await fetch(`${ae}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new Qe({
+    body: new Xe({
       grant_type: "refresh_token",
       refresh_token: o,
       client_id: e
@@ -1630,49 +1630,49 @@ async function Vt(o) {
   throw new Error("Invalid response from whoami");
 }
 async function de() {
-  const o = G("Starting authentication...").start();
+  const o = V("Starting authentication...").start();
   try {
     o.text = "Registering OAuth client...";
     const t = (await Jt()).client_id, n = Ht(), i = Ut(n), s = Le.randomBytes(16).toString("hex");
     o.text = "Waiting for authorization...";
-    const l = Bt(s), w = new Ke(`${ae}/oauth/authorize`);
+    const l = Bt(s), w = new Ze(`${ae}/oauth/authorize`);
     w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", t), w.searchParams.set("redirect_uri", He), w.searchParams.set("code_challenge", i), w.searchParams.set("code_challenge_method", "S256"), w.searchParams.set("state", s), o.stop(), console.log(`
 🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${w.toString()}
 `), await St(w.toString());
-    const v = await l;
+    const S = await l;
     o.start("Exchanging authorization code...");
-    const m = await zt(v, t, n);
+    const d = await zt(S, t, n);
     o.text = "Getting user info...";
-    const d = await Vt(m.access_token), C = {
-      accessToken: m.access_token,
-      refreshToken: m.refresh_token,
-      expiresAt: new Date(Date.now() + m.expires_in * 1e3).toISOString(),
+    const c = await Vt(d.access_token), $ = {
+      accessToken: d.access_token,
+      refreshToken: d.refresh_token,
+      expiresAt: new Date(Date.now() + d.expires_in * 1e3).toISOString(),
       clientId: t,
-      userId: d.userId,
-      userEmail: d.email
+      userId: c.userId,
+      userEmail: c.email
     };
-    return tt(C), o.succeed(`Authenticated as ${d.email}`), C;
+    return nt($), o.succeed(`Authenticated as ${c.email}`), $;
   } catch (e) {
     throw o.fail(`Authentication failed: ${e.message}`), e;
   }
 }
-async function nt() {
-  const o = De();
+async function it() {
+  const o = Ae();
   if (!o) {
     console.log("Not currently logged in.");
     return;
   }
-  ot(), console.log(`✅ Logged out (was: ${o.userEmail})`);
+  st(), console.log(`✅ Logged out (was: ${o.userEmail})`);
 }
-async function st() {
-  let o = De();
+async function Ue() {
+  let o = Ae();
   if (!o)
     return console.log(`Not logged in. Starting authentication...
 `), await de();
-  if (!At(o))
+  if (!Dt(o))
     return o;
   if (o.refreshToken) {
-    const e = G("Refreshing access token...").start();
+    const e = V("Refreshing access token...").start();
     try {
       const t = await Wt(
         o.refreshToken,
@@ -1683,18 +1683,18 @@ async function st() {
         accessToken: t.access_token,
         refreshToken: t.refresh_token,
         expiresAt: new Date(Date.now() + t.expires_in * 1e3).toISOString()
-      }, tt(o), e.succeed("Token refreshed"), o;
+      }, nt(o), e.succeed("Token refreshed"), o;
     } catch {
-      return e.warn("Token refresh failed, please log in again"), ot(), await de();
+      return e.warn("Token refresh failed, please log in again"), st(), await de();
     }
   }
   return console.log(`Session expired. Please log in again.
 `), await de();
 }
-function it() {
+function Je() {
   return ae;
 }
-const X = "@myop/cli", ke = process.platform === "win32";
+const X = "@myop/cli", Fe = process.platform === "win32";
 function Gt() {
   try {
     return q("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
@@ -1727,7 +1727,7 @@ function Qt(o, e) {
   return 0;
 }
 async function Zt(o) {
-  const e = G({
+  const e = V({
     text: "Checking for updates...",
     color: "cyan"
   }).start(), t = await Kt();
@@ -1738,7 +1738,7 @@ async function Zt(o) {
 `);
   let n;
   try {
-    n = await Ye({
+    n = await Qe({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
@@ -1752,7 +1752,7 @@ async function Zt(o) {
 `), process.exit(0)), i;
   }
   if (n) {
-    const i = G({
+    const i = V({
       text: `Updating ${X} to v${t}...`,
       color: "green"
     }).start(), s = `npm install -g ${X}@latest`, l = Yt();
@@ -1763,30 +1763,30 @@ async function Zt(o) {
 🔐 Elevated permissions required.
 `);
       try {
-        if (ke) {
-          const d = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${l ? `install -g ${X}@latest --prefix \\"${l}\\"` : `install -g ${X}@latest`}' -Verb RunAs -Wait`;
-          q(`powershell -Command "${d}"`, { stdio: "inherit" });
+        if (Fe) {
+          const c = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${l ? `install -g ${X}@latest --prefix \\"${l}\\"` : `install -g ${X}@latest`}' -Verb RunAs -Wait`;
+          q(`powershell -Command "${c}"`, { stdio: "inherit" });
         } else {
-          const m = l ? `sudo npm install -g ${X}@latest --prefix "${l}"` : `sudo ${s}`;
-          q(m, { stdio: "inherit" });
+          const d = l ? `sudo npm install -g ${X}@latest --prefix "${l}"` : `sudo ${s}`;
+          q(d, { stdio: "inherit" });
         }
         console.log(`
 ✅ Updated to v${t}`);
       } catch {
         console.log(`
 ❌ Update failed`);
-        const d = ke ? `npm install -g ${X}@latest (run as Administrator)` : `sudo npm install -g ${X}@latest`;
+        const c = Fe ? `npm install -g ${X}@latest (run as Administrator)` : `sudo npm install -g ${X}@latest`;
         console.log(`
-Please run manually: ${d}
+Please run manually: ${c}
 `), process.exit(1);
       }
     }
     let w = null;
     try {
-      let v;
-      l ? v = ke ? Oe(l, "node_modules") : Oe(l, "lib", "node_modules") : v = q("npm root -g", { encoding: "utf-8" }).trim();
-      const m = Oe(v, X, "package.json"), d = yt(m, "utf-8");
-      w = JSON.parse(d).version;
+      let S;
+      l ? S = Fe ? Oe(l, "node_modules") : Oe(l, "lib", "node_modules") : S = q("npm root -g", { encoding: "utf-8" }).trim();
+      const d = Oe(S, X, "package.json"), c = yt(d, "utf-8");
+      w = JSON.parse(c).version;
     } catch {
     }
     if (w === t)
@@ -1795,8 +1795,8 @@ Please run manually: ${d}
 `), ht(process.argv[0], process.argv.slice(1), {
         stdio: "inherit",
         shell: !0
-      }).on("close", (m) => {
-        process.exit(m || 0);
+      }).on("close", (d) => {
+        process.exit(d || 0);
       }), !0;
     console.log(`
 Please run myop again to use the new version.
@@ -1807,38 +1807,38 @@ Please run myop again to use the new version.
 const Xt = (o) => new Promise((e) => setTimeout(e, o)), qt = () => {
   let o = new URL(import.meta.url).pathname;
   process.platform === "win32" && o.startsWith("/") && (o = o.slice(1));
-  const e = H.dirname(o);
-  return H.join(e, "skills");
+  const e = D.dirname(o);
+  return D.join(e, "skills");
 }, _e = (o, e) => {
-  R.mkdirSync(e, { recursive: !0 });
-  const t = R.readdirSync(o, { withFileTypes: !0 });
+  I.mkdirSync(e, { recursive: !0 });
+  const t = I.readdirSync(o, { withFileTypes: !0 });
   for (const n of t) {
-    const i = H.join(o, n.name), s = H.join(e, n.name);
-    n.isDirectory() ? _e(i, s) : R.copyFileSync(i, s);
+    const i = D.join(o, n.name), s = D.join(e, n.name);
+    n.isDirectory() ? _e(i, s) : I.copyFileSync(i, s);
   }
 }, rt = (o) => {
   const e = qt();
-  if (!R.existsSync(e))
+  if (!I.existsSync(e))
     return console.info("Skills source directory not found, skipping skills installation"), !1;
   try {
-    const t = H.join(o, ".agents", "skills");
+    const t = D.join(o, ".agents", "skills");
     _e(e, t);
-    const n = [".claude", ".cursor", ".gemini", ".junie", ".agent"], i = R.readdirSync(e, { withFileTypes: !0 }).filter((s) => s.isDirectory()).map((s) => s.name);
+    const n = [".claude", ".cursor", ".gemini", ".junie", ".agent"], i = I.readdirSync(e, { withFileTypes: !0 }).filter((s) => s.isDirectory()).map((s) => s.name);
     for (const s of n) {
-      const l = H.join(o, s, "skills");
-      R.mkdirSync(l, { recursive: !0 });
+      const l = D.join(o, s, "skills");
+      I.mkdirSync(l, { recursive: !0 });
       for (const w of i) {
-        const v = H.join(l, w), m = H.join("..", "..", ".agents", "skills", w);
+        const S = D.join(l, w), d = D.join("..", "..", ".agents", "skills", w);
         try {
-          R.rmSync(v, { recursive: !0, force: !0 });
+          I.rmSync(S, { recursive: !0, force: !0 });
         } catch {
         }
         try {
-          R.symlinkSync(m, v, "dir");
+          I.symlinkSync(d, S, "dir");
         } catch {
           _e(
-            H.join(t, w),
-            v
+            D.join(t, w),
+            S
           );
         }
       }
@@ -1851,22 +1851,22 @@ const Xt = (o) => new Promise((e) => setTimeout(e, o)), qt = () => {
   const n = [];
   if (t > e) return n;
   try {
-    const i = R.readdirSync(o, { withFileTypes: !0 });
+    const i = I.readdirSync(o, { withFileTypes: !0 });
     for (const s of i) {
-      const l = H.join(o, s.name);
+      const l = D.join(o, s.name);
       if (s.isDirectory()) {
         if (s.name === "node_modules" || s.name === ".git" || s.name === "dist" || s.name.startsWith("."))
           continue;
         n.push(...at(l, e, t + 1));
       } else if (s.name === "myop.config.json")
         try {
-          const w = R.readFileSync(l, "utf-8"), v = JSON.parse(w);
+          const w = I.readFileSync(l, "utf-8"), S = JSON.parse(w);
           n.push({
             path: o,
             configPath: l,
-            name: v.name || v.componentName || H.basename(o),
-            componentId: v.componentId || null,
-            config: v
+            name: S.name || S.componentName || D.basename(o),
+            componentId: S.componentId || null,
+            config: S
           });
         } catch {
         }
@@ -1875,26 +1875,26 @@ const Xt = (o) => new Promise((e) => setTimeout(e, o)), qt = () => {
   }
   return n;
 };
-y.executionPath = process.cwd();
+h.executionPath = process.cwd();
 const $e = (o = !1) => {
-  const e = y.program.getOptionValue("verbose");
+  const e = h.program.getOptionValue("verbose");
   e || (console.info = () => {
-  }), console.info("📝 verbose mode on"), y.options = {
-    configPath: y.program.getOptionValue("config"),
+  }), console.info("📝 verbose mode on"), h.options = {
+    configPath: h.program.getOptionValue("config"),
     verbose: e
   };
   try {
-    return y.myopConfig = xt(y.options.configPath), { configFound: !0 };
+    return h.myopConfig = xt(h.options.configPath), { configFound: !0 };
   } catch (t) {
     if (o) {
       console.info(`
-⚠️ failed read config file from ${y.options.configPath}, trying to create new one`);
+⚠️ failed read config file from ${h.options.configPath}, trying to create new one`);
       try {
         const n = {
           author: "@myop-cli",
           flows: []
         };
-        return Ae(y.options.configPath, n), y.myopConfig = n, { configFound: !0 };
+        return De(h.options.configPath, n), h.myopConfig = n, { configFound: !0 };
       } catch {
         return console.info("Error details :", t), { configFound: !1, error: t };
       }
@@ -1903,27 +1903,27 @@ const $e = (o = !1) => {
   }
 };
 [
-  new Fe(),
+  new ke(),
   ...Et
 ];
-const eo = "0.1.41";
-y.program = new ft();
-y.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(eo);
-y.program.addOption(new me("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-y.program.addOption(new me("-h, --help", "Show helpful information"));
-y.program.addOption(new me("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-y.program.addOption(new me("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-y.program.addOption(new me("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
-y.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, e) => {
-  $e(!0), console.info("adding ", o, e, y.options.configPath), o === "flow" && Xe._action(e), process.exit();
+const eo = "0.1.45";
+h.program = new ft();
+h.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(eo);
+h.program.addOption(new me("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+h.program.addOption(new me("-h, --help", "Show helpful information"));
+h.program.addOption(new me("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+h.program.addOption(new me("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+h.program.addOption(new me("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
+h.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, e) => {
+  $e(!0), console.info("adding ", o, e, h.options.configPath), o === "flow" && et._action(e), process.exit();
 });
-y.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, e) => {
-  $e(), console.info("removing ", o, e, y.options.configPath), o === "flow" && qe._action(e), process.exit();
+h.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, e) => {
+  $e(), console.info("removing ", o, e, h.options.configPath), o === "flow" && tt._action(e), process.exit();
 });
-y.program.command("install").description("Install Myop assets").action(async () => {
-  $e(), await Ze.action();
+h.program.command("install").description("Install Myop assets").action(async () => {
+  $e(), await qe.action();
 });
-y.program.command("login").description("Authenticate with Myop platform").action(async () => {
+h.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
     await de();
   } catch (o) {
@@ -1931,54 +1931,54 @@ y.program.command("login").description("Authenticate with Myop platform").action
   }
   process.exit(0);
 });
-y.program.command("logout").description("Clear stored credentials").action(async () => {
-  await nt(), process.exit(0);
+h.program.command("logout").description("Clear stored credentials").action(async () => {
+  await it(), process.exit(0);
 });
-y.program.command("whoami").description("Show current authenticated user").action(async () => {
+h.program.command("whoami").description("Show current authenticated user").action(async () => {
   const o = xe();
   o && o.email ? console.log(`Logged in as: ${o.email}`) : console.log("Not logged in. Run `myop login` to authenticate."), process.exit(0);
 });
-y.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (o) => {
-  var M, T, D, P, x, j;
-  const e = y.program.getOptionValue("config") || "./myop.config.json", t = await import("fs"), { execSync: n } = await import("child_process"), i = await import("path");
+h.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (o) => {
+  var C, T, j, P, b, F;
+  const e = h.program.getOptionValue("config") || "./myop.config.json", t = await import("fs"), { execSync: n } = await import("child_process"), i = await import("path");
   let s = {};
   if (t.existsSync(e))
     try {
-      const b = t.readFileSync(e, "utf-8");
-      s = JSON.parse(b);
+      const x = t.readFileSync(e, "utf-8");
+      s = JSON.parse(x);
       const f = s.name || s.componentName;
       console.log(`📋 Found config: ${f || "Unnamed component"}`), s.componentId && console.log(`   Component ID: ${s.componentId}`);
-    } catch (b) {
-      console.error(`⚠️ Failed to parse ${e}:`, b.message);
+    } catch (x) {
+      console.error(`⚠️ Failed to parse ${e}:`, x.message);
     }
   else
     console.log("⚠️ No myop.config.json found. A new component will be created.");
   let l = null, w = !1;
   try {
-    const b = JSON.parse(t.readFileSync("package.json", "utf-8"));
-    w = !!(b.scripts && b.scripts.build);
+    const x = JSON.parse(t.readFileSync("package.json", "utf-8"));
+    w = !!(x.scripts && x.scripts.build);
   } catch {
   }
   if (!w) {
-    const b = t.readdirSync(".").filter(
+    const x = t.readdirSync(".").filter(
       (f) => f.endsWith(".html") && !f.startsWith(".") && t.statSync(f).isFile()
     );
-    b.length === 1 && (l = b[0]);
+    x.length === 1 && (l = x[0]);
   }
   if (l)
     console.log(`📄 Single HTML file mode: ${l} (skipping build)`);
   else if (!o.skipBuild) {
-    const { exec: b } = await import("child_process");
+    const { exec: x } = await import("child_process");
     let f = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
     const E = (B = !1) => new Promise((U) => {
-      const k = G(B ? "Retrying build..." : "Building project...").start();
-      b("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (z, I, Z) => {
+      const k = V(B ? "Retrying build..." : "Building project...").start();
+      x("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (z, R, Z) => {
         if (!z) {
           k.succeed("Build completed"), U(!0);
           return;
         }
         if (k.fail("Build failed"), !f.hasTriedPlatformFix && !f.hasTriedInstall) {
-          const se = await et(z, I, Z, b, f);
+          const se = await ot(z, R, Z, x, f);
           if (f = { ...f, ...se }, se.handled) {
             const Y = await E(!0);
             U(Y);
@@ -1990,22 +1990,22 @@ y.program.command("sync").description("Build and upload component to Myop platfo
     });
     await E() || process.exit(1);
   }
-  const v = l || "./dist/index.html";
-  t.existsSync(v) || (console.error(`❌ Error: ${v} not found`), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
-  let m;
+  const S = l || "./dist/index.html";
+  t.existsSync(S) || (console.error(`❌ Error: ${S} not found`), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
+  let d;
   try {
-    m = await st();
-  } catch (b) {
-    console.error("❌ Authentication failed:", b.message), process.exit(1);
+    d = await Ue();
+  } catch (x) {
+    console.error("❌ Authentication failed:", x.message), process.exit(1);
   }
-  const d = it();
-  let C = G("Requesting upload URL...").start(), u;
+  const c = Je();
+  let $ = V("Requesting upload URL...").start(), u;
   try {
-    const b = await fetch(`${d}/mcp`, {
+    const x = await fetch(`${c}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${m.accessToken}`
+        Authorization: `Bearer ${d.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -2021,21 +2021,21 @@ y.program.command("sync").description("Build and upload component to Myop platfo
         }
       })
     });
-    if (!b.ok)
-      throw new Error(`Server returned ${b.status}`);
-    const f = await b.json();
+    if (!x.ok)
+      throw new Error(`Server returned ${x.status}`);
+    const f = await x.json();
     if (f.error)
       throw new Error(f.error.message);
-    const E = (D = (T = (M = f.result) == null ? void 0 : M.content) == null ? void 0 : T[0]) == null ? void 0 : D.text;
+    const E = (j = (T = (C = f.result) == null ? void 0 : C.content) == null ? void 0 : T[0]) == null ? void 0 : j.text;
     if (u = JSON.parse(E), !u.success)
       throw new Error(u.error);
-    C.succeed("Upload URL obtained");
-  } catch (b) {
-    C.fail("Failed to get upload URL"), console.error("   ", b.message), process.exit(1);
+    $.succeed("Upload URL obtained");
+  } catch (x) {
+    $.fail("Failed to get upload URL"), console.error("   ", x.message), process.exit(1);
   }
-  C = G("Uploading component...").start();
+  $ = V("Uploading component...").start();
   try {
-    const b = t.readFileSync(v, "utf-8");
+    const x = t.readFileSync(S, "utf-8");
     let f;
     const E = u.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
     if (E)
@@ -2048,29 +2048,29 @@ y.program.command("sync").description("Build and upload component to Myop platfo
         throw new Error("Could not parse presigned URL from: " + u.curlCommand);
     }
     console.info("Uploading to:", f.substring(0, 100) + "...");
-    const _ = await fetch(f, {
+    const L = await fetch(f, {
       method: "PUT",
       headers: {
         "Content-Type": "text/html"
       },
-      body: b
+      body: x
     });
-    if (!_.ok) {
-      const B = await _.text();
-      throw new Error(`Upload failed with status ${_.status}: ${B}`);
+    if (!L.ok) {
+      const B = await L.text();
+      throw new Error(`Upload failed with status ${L.status}: ${B}`);
     }
-    C.succeed("Component uploaded");
-  } catch (b) {
-    C.fail("Upload failed"), console.error("   ", b.message), b.cause && console.error("   Cause:", b.cause), process.exit(1);
+    $.succeed("Component uploaded");
+  } catch (x) {
+    $.fail("Upload failed"), console.error("   ", x.message), x.cause && console.error("   Cause:", x.cause), process.exit(1);
   }
-  C = G("Confirming upload...").start();
-  let S;
+  $ = V("Confirming upload...").start();
+  let y;
   try {
-    const b = await fetch(`${d}/mcp`, {
+    const x = await fetch(`${c}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${m.accessToken}`
+        Authorization: `Bearer ${d.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -2084,59 +2084,59 @@ y.program.command("sync").description("Build and upload component to Myop platfo
         }
       })
     });
-    if (!b.ok)
-      throw new Error(`Server returned ${b.status}`);
-    const f = await b.json();
+    if (!x.ok)
+      throw new Error(`Server returned ${x.status}`);
+    const f = await x.json();
     if (f.error)
       throw new Error(f.error.message);
-    const E = (j = (x = (P = f.result) == null ? void 0 : P.content) == null ? void 0 : x[0]) == null ? void 0 : j.text;
-    if (S = JSON.parse(E), !S.success)
-      throw new Error(S.error);
-    C.succeed("Upload confirmed");
-  } catch (b) {
-    C.fail("Confirmation failed"), console.error("   ", b.message), process.exit(1);
-  }
-  if (S.isNewComponent || !s.componentId) {
-    s.componentId = S.componentId, s.organization = S.orgId, s.name || (s.name = S.componentName);
+    const E = (F = (b = (P = f.result) == null ? void 0 : P.content) == null ? void 0 : b[0]) == null ? void 0 : F.text;
+    if (y = JSON.parse(E), !y.success)
+      throw new Error(y.error);
+    $.succeed("Upload confirmed");
+  } catch (x) {
+    $.fail("Confirmation failed"), console.error("   ", x.message), process.exit(1);
+  }
+  if (y.isNewComponent || !s.componentId) {
+    s.componentId = y.componentId, s.organization = y.orgId, s.name || (s.name = y.componentName);
     try {
       t.writeFileSync(e, JSON.stringify(s, null, 2)), console.log(`
 📝 Updated ${e} with componentId`);
-    } catch (b) {
+    } catch (x) {
       console.log(`
-⚠️ Could not update ${e}: ${b.message}`), console.log(`   Please add componentId: "${S.componentId}" manually`);
+⚠️ Could not update ${e}: ${x.message}`), console.log(`   Please add componentId: "${y.componentId}" manually`);
     }
   }
   console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${S.componentName}`), console.log(`   Dashboard: ${S.dashboardUrl}`), process.exit(0);
+✅ Sync completed successfully!`), console.log(`   Component: ${y.componentName}`), console.log(`   Dashboard: ${y.dashboardUrl}`), process.exit(0);
 });
-y.program.command("push").description("Upload component to Myop platform").action(async () => {
-  var C, u, S, M, T, D;
-  const o = y.program.getOptionValue("config") || "./myop.config.json";
+h.program.command("push").description("Upload component to Myop platform").action(async () => {
+  var $, u, y, C, T, j;
+  const o = h.program.getOptionValue("config") || "./myop.config.json";
   let e = {};
-  if (R.existsSync(o))
+  if (I.existsSync(o))
     try {
-      e = JSON.parse(R.readFileSync(o, "utf-8"));
+      e = JSON.parse(I.readFileSync(o, "utf-8"));
     } catch (P) {
       console.error(`⚠️ Failed to parse ${o}:`, P.message);
     }
-  const t = e.name || e.componentName || H.basename(process.cwd());
+  const t = e.name || e.componentName || D.basename(process.cwd());
   console.log(`
 📋 Component: ${t}`);
   let n;
-  const i = R.readdirSync(".").filter(
-    (P) => P.endsWith(".html") && !P.startsWith(".") && R.statSync(P).isFile()
+  const i = I.readdirSync(".").filter(
+    (P) => P.endsWith(".html") && !P.startsWith(".") && I.statSync(P).isFile()
   );
-  i.length === 1 && !R.existsSync("./dist/index.html") ? n = i[0] : R.existsSync("./dist/index.html") ? n = "./dist/index.html" : i.length === 1 ? n = i[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 s = R.readFileSync(n, "utf-8");
+  i.length === 1 && !I.existsSync("./dist/index.html") ? n = i[0] : I.existsSync("./dist/index.html") ? n = "./dist/index.html" : i.length === 1 ? n = i[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 s = I.readFileSync(n, "utf-8");
   console.log(`   File: ${n} (${(s.length / 1024).toFixed(1)} KB)`);
   let l;
   try {
-    l = await st();
+    l = await Ue();
   } catch (P) {
     console.error("❌ Authentication failed:", P.message), process.exit(1);
   }
-  const w = it();
-  let v = G("Uploading...").start(), m;
+  const w = Je();
+  let S = V("Uploading...").start(), d;
   try {
     const P = await fetch(`${w}/mcp`, {
       method: "POST",
@@ -2160,40 +2160,40 @@ y.program.command("push").description("Upload component to Myop platform").actio
     });
     if (!P.ok)
       throw new Error(`Server returned ${P.status}`);
-    const x = await P.json();
-    if (x.error)
-      throw new Error(x.error.message);
-    const j = (S = (u = (C = x.result) == null ? void 0 : C.content) == null ? void 0 : u[0]) == null ? void 0 : S.text;
-    if (m = JSON.parse(j), !m.success)
-      throw new Error(m.error);
+    const b = await P.json();
+    if (b.error)
+      throw new Error(b.error.message);
+    const F = (y = (u = ($ = b.result) == null ? void 0 : $.content) == null ? void 0 : u[0]) == null ? void 0 : y.text;
+    if (d = JSON.parse(F), !d.success)
+      throw new Error(d.error);
   } catch (P) {
-    v.fail("Failed to get upload URL"), console.error("   ", P.message), process.exit(1);
+    S.fail("Failed to get upload URL"), console.error("   ", P.message), process.exit(1);
   }
   try {
     let P;
-    const x = m.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (x)
-      P = x[1];
+    const b = d.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+    if (b)
+      P = b[1];
     else {
-      const b = m.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (b)
-        P = b[1];
+      const x = d.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (x)
+        P = x[1];
       else
         throw new Error("Could not parse presigned URL");
     }
-    const j = await fetch(P, {
+    const F = await fetch(P, {
       method: "PUT",
       headers: { "Content-Type": "text/html" },
       body: s
     });
-    if (!j.ok) {
-      const b = await j.text();
-      throw new Error(`Upload failed: ${j.status} ${b}`);
+    if (!F.ok) {
+      const x = await F.text();
+      throw new Error(`Upload failed: ${F.status} ${x}`);
     }
   } catch (P) {
-    v.fail("Upload failed"), console.error("   ", P.message), process.exit(1);
+    S.fail("Upload failed"), console.error("   ", P.message), process.exit(1);
   }
-  let d;
+  let c;
   try {
     const P = await fetch(`${w}/mcp`, {
       method: "POST",
@@ -2208,36 +2208,109 @@ y.program.command("push").description("Upload component to Myop platform").actio
         params: {
           name: "confirm_upload",
           arguments: {
-            uploadId: m.uploadId
+            uploadId: d.uploadId
           }
         }
       })
     });
     if (!P.ok)
       throw new Error(`Server returned ${P.status}`);
-    const x = await P.json();
-    if (x.error)
-      throw new Error(x.error.message);
-    const j = (D = (T = (M = x.result) == null ? void 0 : M.content) == null ? void 0 : T[0]) == null ? void 0 : D.text;
-    if (d = JSON.parse(j), !d.success)
-      throw new Error(d.error);
-    v.succeed("Pushed successfully");
+    const b = await P.json();
+    if (b.error)
+      throw new Error(b.error.message);
+    const F = (j = (T = (C = b.result) == null ? void 0 : C.content) == null ? void 0 : T[0]) == null ? void 0 : j.text;
+    if (c = JSON.parse(F), !c.success)
+      throw new Error(c.error);
+    S.succeed("Pushed successfully");
   } catch (P) {
-    v.fail("Confirmation failed"), console.error("   ", P.message), process.exit(1);
+    S.fail("Confirmation failed"), console.error("   ", P.message), process.exit(1);
   }
-  if (d.isNewComponent || !e.componentId || e.componentId === "DEV") {
-    e.componentId = d.componentId, e.organization = d.orgId, e.name || (e.name = d.componentName);
+  if (c.isNewComponent || !e.componentId || e.componentId === "DEV") {
+    e.componentId = c.componentId, e.organization = c.orgId, e.name || (e.name = c.componentName);
     try {
-      R.writeFileSync(o, JSON.stringify(e, null, 2));
+      I.writeFileSync(o, JSON.stringify(e, null, 2));
     } catch (P) {
-      console.log(`⚠️ Could not update ${o}: ${P.message}`), console.log(`   Add componentId: "${d.componentId}" manually`);
+      console.log(`⚠️ Could not update ${o}: ${P.message}`), console.log(`   Add componentId: "${c.componentId}" manually`);
     }
   }
   console.log(`
-   ${d.componentName}`), console.log(`   ${d.dashboardUrl}
+   ${c.componentName}`), console.log(`   ${c.dashboardUrl}
+`), process.exit(0);
+});
+h.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, e) => {
+  var T, j, P;
+  const t = h.program.getOptionValue("config") || "./myop.config.json";
+  let n = {};
+  if (I.existsSync(t))
+    try {
+      n = JSON.parse(I.readFileSync(t, "utf-8"));
+    } catch {
+    }
+  const i = o || n.componentId;
+  (!i || i === "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 s = n.name || n.componentName || i;
+  console.log(`
+📥 Pulling: ${s}`), console.log(`   ID: ${i}`);
+  let l;
+  try {
+    l = await Ue();
+  } catch (b) {
+    console.error("❌ Authentication failed:", b.message), process.exit(1);
+  }
+  const w = Je(), S = V("Fetching component...").start();
+  let d;
+  try {
+    const b = await fetch(`${w}/mcp`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${l.accessToken}`
+      },
+      body: JSON.stringify({
+        jsonrpc: "2.0",
+        id: 1,
+        method: "tools/call",
+        params: {
+          name: "get_component",
+          arguments: { componentId: i }
+        }
+      })
+    });
+    if (!b.ok)
+      throw new Error(`Server returned ${b.status}`);
+    const F = await b.json();
+    if (F.error)
+      throw new Error(F.error.message);
+    const x = (P = (j = (T = F.result) == null ? void 0 : T.content) == null ? void 0 : j[0]) == null ? void 0 : P.text;
+    if (d = JSON.parse(x), !d.success && !d.html)
+      throw new Error(d.error || "No HTML content returned");
+    S.succeed("Component fetched");
+  } catch (b) {
+    S.fail("Failed to fetch component"), console.error("   ", b.message), process.exit(1);
+  }
+  let c = e.output;
+  c || (I.existsSync("./dist/index.html") ? c = "./dist/index.html" : c = "./index.html");
+  const $ = d.htmlContent || d.html, u = D.dirname(c);
+  u && !I.existsSync(u) && I.mkdirSync(u, { recursive: !0 }), I.writeFileSync(c, $), console.log(`   Saved to: ${c} (${($.length / 1024).toFixed(1)} KB)`);
+  const y = I.existsSync(t);
+  let C = !1;
+  if (y ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = i, C = !0), !n.name && d.name && (n.name = d.name, C = !0)) : (n = {
+    name: d.name || D.basename(process.cwd()),
+    componentId: i,
+    type: "html",
+    author: "@myop-cli",
+    HMR: !0
+  }, C = !0), C)
+    try {
+      I.writeFileSync(t, JSON.stringify(n, null, 2)), console.log(`   ${y ? "Updated" : "Created"} ${t}`);
+    } catch (b) {
+      console.log(`   ⚠️ Could not write ${t}: ${b.message}`);
+    }
+  console.log(`
+✅ Pull completed!
 `), process.exit(0);
 });
-y.program.command("create").description("Create a new Myop HTML component and start dev server").action(async () => {
+h.program.command("create").description("Create a new Myop HTML component and start dev server").action(async () => {
   const { input: o } = await import("@inquirer/prompts"), e = await import("fs"), n = (await import("path")).default.basename(process.cwd());
   let i;
   try {
@@ -2245,11 +2318,11 @@ y.program.command("create").description("Create a new Myop HTML component and st
       message: "Component name:",
       default: n
     });
-  } catch (v) {
-    throw v.name === "ExitPromptError" && (console.log(`
+  } catch (S) {
+    throw S.name === "ExitPromptError" && (console.log(`
 👋 Goodbye!
-`), process.exit(0)), v;
+`), process.exit(0)), S;
   }
   (e.existsSync("index.html") || e.existsSync("myop.config.json")) && (console.log(`
 ⚠️  index.html or myop.config.json already exists in this directory.`), console.log("   Use `myop dev` to start the dev server for an existing component.\n"), process.exit(1));
@@ -2388,7 +2461,7 @@ y.program.command("create").description("Create a new Myop HTML component and st
   console.log(`
 ✅ Created ${i}`), console.log("   index.html"), console.log("   myop.config.json"), w && console.log("   .agents/skills/ (AI agent skills)"), console.log(""), await be();
 });
-y.program.command("dev").description("Start development server with file watching").action(be);
+h.program.command("dev").description("Start development server with file watching").action(be);
 const to = () => {
   try {
     q("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
@@ -2422,12 +2495,12 @@ const to = () => {
     return null;
   }
 }, ne = async (o = !1, e = !1) => {
-  var d, C, u;
-  const t = xe(), n = !!(t != null && t.email), i = ((d = y.myopConfig) == null ? void 0 : d.name) || ((C = y.myopConfig) == null ? void 0 : C.componentName), s = (u = y.myopConfig) == null ? void 0 : u.componentId, l = to();
+  var c, $, u;
+  const t = xe(), n = !!(t != null && t.email), i = ((c = h.myopConfig) == null ? void 0 : c.name) || (($ = h.myopConfig) == null ? void 0 : $.componentName), s = (u = h.myopConfig) == null ? void 0 : u.componentId, l = to();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `), o && i ? (console.log(`  Component:  ${i}`), s ? (console.log(`  ID:         ${s}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${s}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? t.email : "Not logged in"}`), l != null && l.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")) : l != null && l.notARepo ? console.log("  Changes:    Not a git repository") : l && (l.insertions > 0 || l.deletions > 0) ? console.log(`  Changes:    ${l.files} file${l.files !== 1 ? "s" : ""} | \x1B[32m+${l.insertions}\x1B[0m \x1B[31m-${l.deletions}\x1B[0m`) : l && console.log("  Changes:    No uncommitted changes"), console.log("");
-  const v = [
+  const S = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -2449,14 +2522,14 @@ const to = () => {
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: o ? n ? !1 : "(login required)" : "(no config file)"
     }
-  ].map((S) => ({
-    name: e && !S.disabled ? `${S.emoji} ${S.label}
-     ${S.help}` : `${S.emoji} ${S.label}`,
-    value: S.value,
-    disabled: S.disabled
+  ].map((y) => ({
+    name: e && !y.disabled ? `${y.emoji} ${y.label}
+     ${y.help}` : `${y.emoji} ${y.label}`,
+    value: y.value,
+    disabled: y.disabled
   }));
-  v.push(
-    new Fe(),
+  S.push(
+    new ke(),
     {
       name: e && n ? `🔓 Logout (${t.email})
      Clears stored credentials from this machine` : e && !n ? `🔐 Login to Myop
@@ -2467,25 +2540,25 @@ const to = () => {
       name: e ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new Fe(),
+    new ke(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let m;
+  let d;
   try {
-    m = await Ye({
+    d = await Qe({
       message: "What would you like to do?",
-      choices: v
+      choices: S
     });
-  } catch (S) {
-    throw S.name === "ExitPromptError" && (console.log(`
+  } catch (y) {
+    throw y.name === "ExitPromptError" && (console.log(`
 👋 Goodbye!
-`), process.exit(0)), S;
+`), process.exit(0)), y;
   }
-  switch (m) {
+  switch (d) {
     case "init":
       await io();
       break;
@@ -2493,9 +2566,9 @@ const to = () => {
       console.log(`
 Running sync...
 `);
-      const { execSync: S } = await import("child_process");
+      const { execSync: y } = await import("child_process");
       try {
-        S("node " + process.argv[1] + " sync", { stdio: "inherit" });
+        y("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
       await ne(!0, e);
@@ -2507,12 +2580,12 @@ Running sync...
       try {
         await de(), console.log(`
 `), await ne(o, e);
-      } catch (M) {
-        console.error("Login failed:", M.message), await ne(o, e);
+      } catch (C) {
+        console.error("Login failed:", C.message), await ne(o, e);
       }
       break;
     case "logout":
-      await nt(), console.log(`
+      await it(), console.log(`
 `), await ne(o, e);
       break;
     case "help":
@@ -2523,7 +2596,7 @@ Running sync...
   }
 }, ve = ".myop-monorepo.json", oo = () => {
   try {
-    const o = R.readFileSync(ve, "utf-8");
+    const o = I.readFileSync(ve, "utf-8");
     return JSON.parse(o);
   } catch {
     return null;
@@ -2534,7 +2607,7 @@ Running sync...
       selectedComponents: o,
       lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
     };
-    R.writeFileSync(ve, JSON.stringify(e, null, 2));
+    I.writeFileSync(ve, JSON.stringify(e, null, 2));
   } catch {
   }
 }, so = async () => {
@@ -2542,25 +2615,25 @@ Running sync...
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Myop CLI - Monorepo Mode                      │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `);
-  const t = G("Scanning for components...").start(), n = at(".");
+  const t = V("Scanning for components...").start(), n = at(".");
   t.stop(), n.length === 0 && (console.log(`  ⚠️  No myop.config.json files found in this directory or subdirectories.
 `), console.log("  Run `myop` without -m flag to initialize a single component.\n"), process.exit(0));
   const i = oo(), s = (i == null ? void 0 : i.selectedComponents) || [], l = s.length > 0;
   console.log(`  Found ${n.length} component${n.length > 1 ? "s" : ""}:
-`), n.forEach((u, S) => {
-    const M = u.componentId ? "✅" : "⚪", T = u.componentId ? u.componentId.substring(0, 8) + "..." : "(not pushed)";
-    console.log(`  ${M} ${u.name}`), console.log(`     Path: ${u.path}`), console.log(`     ID:   ${T}`), console.log("");
+`), n.forEach((u, y) => {
+    const C = u.componentId ? "✅" : "⚪", T = u.componentId ? u.componentId.substring(0, 8) + "..." : "(not pushed)";
+    console.log(`  ${C} ${u.name}`), console.log(`     Path: ${u.path}`), console.log(`     ID:   ${T}`), console.log("");
   }), console.log(`  User: ${e ? o.email : "Not logged in"}`), l && console.log(`  📋 Using saved selection from ${ve}`), console.log("");
-  const { checkbox: w } = await import("@inquirer/prompts"), v = n.map((u) => ({
+  const { checkbox: w } = await import("@inquirer/prompts"), S = n.map((u) => ({
     name: `${u.name} (${u.path})`,
     value: u.path,
     checked: l ? s.includes(u.path) : !0
   }));
-  let m;
+  let d;
   try {
-    m = await w({
+    d = await w({
       message: "Select components to start in dev mode:",
-      choices: v
+      choices: S
     });
   } catch (u) {
     throw u.name === "ExitPromptError" && (console.log(`
@@ -2568,15 +2641,15 @@ Running sync...
 👋 Goodbye!
 `), process.exit(0)), u;
   }
-  m.length === 0 && (console.log(`
+  d.length === 0 && (console.log(`
 ⚠️  No components selected.
-`), process.exit(0)), no(m), console.log(`
+`), process.exit(0)), no(d), console.log(`
 💾 Selection saved to ${ve}`);
-  const d = n.filter((u) => m.includes(u.path));
-  console.log(`🚀 Starting dev mode for ${d.length} component${d.length > 1 ? "s" : ""}...
+  const c = n.filter((u) => d.includes(u.path));
+  console.log(`🚀 Starting dev mode for ${c.length} component${c.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: C } = await Promise.resolve().then(() => _t);
-  await C(d);
+  const { monorepoDevCommand: $ } = await Promise.resolve().then(() => _t);
+  await $(c);
 }, io = async () => {
   const { input: o, select: e } = await import("@inquirer/prompts"), t = await import("fs"), n = await import("path"), i = n.default.basename(process.cwd());
   let s, l;
@@ -2593,22 +2666,22 @@ Running sync...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (m) {
-    throw m.name === "ExitPromptError" && (console.log(`
+  } catch (d) {
+    throw d.name === "ExitPromptError" && (console.log(`
 👋 Goodbye!
-`), process.exit(0)), m;
+`), process.exit(0)), d;
   }
   const w = {
     name: s,
     type: l,
     author: "@myop-cli",
     HMR: !0
-  }, v = y.program.getOptionValue("config") || "./myop.config.json";
+  }, S = h.program.getOptionValue("config") || "./myop.config.json";
   try {
-    t.writeFileSync(v, JSON.stringify(w, null, 2)), console.log(`
-✅ Created ${v}`);
-    const m = {
+    t.writeFileSync(S, JSON.stringify(w, null, 2)), console.log(`
+✅ Created ${S}`);
+    const d = {
       name: s.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -2620,7 +2693,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    t.writeFileSync("package.json", JSON.stringify(m, null, 2)), console.log("✅ Created package.json"), t.mkdirSync("src/modules", { recursive: !0 }), t.mkdirSync("src/styles", { recursive: !0 }), t.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    t.writeFileSync("package.json", JSON.stringify(d, null, 2)), console.log("✅ Created package.json"), t.mkdirSync("src/modules", { recursive: !0 }), t.mkdirSync("src/styles", { recursive: !0 }), t.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
@@ -2700,7 +2773,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 C = `<!DOCTYPE html>
+    const $ = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -2717,7 +2790,7 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    t.writeFileSync("index.html", C), console.log("✅ Created index.html");
+    t.writeFileSync("index.html", $), console.log("✅ Created index.html");
     const u = `// ${s} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
@@ -2728,7 +2801,7 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 `;
     t.writeFileSync("src/index.js", u), console.log("✅ Created src/index.js");
-    const S = `// ${s} - Main Application Logic
+    const y = `// ${s} - Main Application Logic
 export function init() {
     console.log('${s} loaded');
@@ -2736,7 +2809,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    t.writeFileSync("src/modules/app.js", S), console.log("✅ Created src/modules/app.js"), t.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    t.writeFileSync("src/modules/app.js", y), console.log("✅ Created src/modules/app.js"), t.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -2757,7 +2830,7 @@ export function setupMyopInterface() {
 @import './main.css';
 `;
     t.writeFileSync("src/styles/index.css", T), console.log("✅ Created src/styles/index.css");
-    const D = `/* ${s} - Main Styles */
+    const j = `/* ${s} - Main Styles */
 * {
     box-sizing: border-box;
@@ -2786,17 +2859,17 @@ p {
     line-height: 1.5;
 }
 `;
-    t.writeFileSync("src/styles/main.css", D), console.log("✅ Created src/styles/main.css"), t.writeFileSync(".gitignore", `node_modules/
+    t.writeFileSync("src/styles/main.css", j), console.log("✅ Created src/styles/main.css"), t.writeFileSync(".gitignore", `node_modules/
 dist/
 .temp-entry.js
 .temp-styles.css
 .DS_Store
 `), console.log("✅ Created .gitignore");
-    const x = rt(process.cwd());
-    x && console.log("✅ Installed AI agent skills");
-    const j = await import("./index-DuEoKctW.js").then((f) => f.i), b = process.cwd();
+    const b = rt(process.cwd());
+    b && console.log("✅ Installed AI agent skills");
+    const F = await import("./index-DuEoKctW.js").then((f) => f.i), x = process.cwd();
     try {
-      await j.init({ fs: t, dir: b });
+      await F.init({ fs: t, dir: x });
       const f = [
         "myop.config.json",
         "package.json",
@@ -2809,13 +2882,13 @@ dist/
         "src/styles/index.css",
         "src/styles/main.css"
       ];
-      if (x) {
-        const E = (_, B) => {
+      if (b) {
+        const E = (L, B) => {
           try {
-            const U = t.readdirSync(_, { withFileTypes: !0 });
+            const U = t.readdirSync(L, { withFileTypes: !0 });
             for (const k of U) {
-              const z = n.join(_, k.name), I = n.join(B, k.name);
-              k.isDirectory() ? E(z, I) : f.push(I);
+              const z = n.join(L, k.name), R = n.join(B, k.name);
+              k.isDirectory() ? E(z, R) : f.push(R);
             }
           } catch {
           }
@@ -2823,10 +2896,10 @@ dist/
         E(".agents/skills", ".agents/skills");
       }
       for (const E of f)
-        await j.add({ fs: t, dir: b, filepath: E });
-      await j.commit({
+        await F.add({ fs: t, dir: x, filepath: E });
+      await F.commit({
         fs: t,
-        dir: b,
+        dir: x,
         message: "init",
         author: { name: "myop-cli", email: "cli@myop.dev" }
       }), console.log("✅ Initialized git repository");
@@ -2835,51 +2908,51 @@ dist/
     }
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
-`), y.myopConfig = w, await ne(!0);
-  } catch (m) {
-    console.error(`Failed to initialize component: ${m.message}`), process.exit(1);
+`), h.myopConfig = w, await ne(!0);
+  } catch (d) {
+    console.error(`Failed to initialize component: ${d.message}`), process.exit(1);
   }
 };
-y.program.command("default", { isDefault: !0 }).action(async () => {
-  if (y.program.getOptionValue("help") && (console.log(bt), process.exit()), y.program.getOptionValue("monorepo")) {
+h.program.command("default", { isDefault: !0 }).action(async () => {
+  if (h.program.getOptionValue("help") && (console.log(bt), process.exit()), h.program.getOptionValue("monorepo")) {
     await so();
     return;
   }
-  if (y.program.getOptionValue("ci")) {
-    const w = await import("fs"), v = y.program.getOptionValue("config") || "./myop.config.json", m = y.program.version(), d = xe();
-    let C = { found: !1 };
+  if (h.program.getOptionValue("ci")) {
+    const w = await import("fs"), S = h.program.getOptionValue("config") || "./myop.config.json", d = h.program.version(), c = xe();
+    let $ = { found: !1 };
     try {
-      if (w.existsSync(v)) {
-        const S = w.readFileSync(v, "utf-8"), M = JSON.parse(S);
-        C = {
+      if (w.existsSync(S)) {
+        const y = w.readFileSync(S, "utf-8"), C = JSON.parse(y);
+        $ = {
           found: !0,
-          path: v,
-          name: M.name || M.componentName || null,
-          componentId: M.componentId || null,
-          organization: M.organization || null
+          path: S,
+          name: C.name || C.componentName || null,
+          componentId: C.componentId || null,
+          organization: C.organization || null
         };
       }
-    } catch (S) {
-      C = { found: !1, error: S.message };
+    } catch (y) {
+      $ = { found: !1, error: y.message };
     }
     const u = {
-      version: m,
-      config: C,
+      version: d,
+      config: $,
       auth: {
-        loggedIn: !!(d != null && d.email),
-        email: (d == null ? void 0 : d.email) || null
+        loggedIn: !!(c != null && c.email),
+        email: (c == null ? void 0 : c.email) || null
       }
     };
     console.log(JSON.stringify(u, null, 2)), process.exit(0);
   }
-  let n = G({
+  let n = V({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
   const i = $e();
   await Xt(500), n.stop();
-  const s = y.program.version();
+  const s = h.program.version();
   await Zt(s) || await ne(i.configFound);
 });
-y.program.parse(process.argv);
-y.program.opts();
+h.program.parse(process.argv);
+h.program.opts();