@myop/cli 0.1.19 → 0.1.21

package/dist/myop-cli.js

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
-import F from "ora";
-import { select as _e, Separator as ue } from "@inquirer/prompts";
-import { Command as Ge, Option as ce } from "commander";
-import { execSync as re, spawn as Ye } from "child_process";
-import Z from "path";
-import A from "fs";
-import ge from "crypto";
-import Ke from "http";
-import { URL as Ne, URLSearchParams as ke } from "url";
-import Xe from "open";
-import Qe from "os";
-const Ze = `
+import U from "ora";
+import { select as Ee, Separator as ae } from "@inquirer/prompts";
+import { Command as Ke, Option as pe } from "commander";
+import { execSync as ce, spawn as Xe } from "child_process";
+import te from "path";
+import B from "fs";
+import ve from "crypto";
+import Qe from "http";
+import { URL as ke, URLSearchParams as Re } from "url";
+import Ze from "open";
+import qe from "os";
+const et = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -44,7 +44,7 @@ Examples:
 
 
 
-`, d = {
+`, f = {
   program: null,
   executionPath: "",
   options: {
@@ -52,81 +52,81 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, Ee = {
+}, Ne = {
   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 e of d.myopConfig.flows) {
-      const o = Z.join(d.executionPath, "/node_modules/@myop/flow-types/");
-      console.info(`Generate flow at ${o}`), console.info(`Generated flow at ${o}`);
+    for (const e of f.myopConfig.flows) {
+      const t = te.join(f.executionPath, "/node_modules/@myop/flow-types/");
+      console.info(`Generate flow at ${t}`), console.info(`Generated flow at ${t}`);
     }
     process.exit();
   }
-}, qe = (e) => {
-  const o = Z.join(d.executionPath, e);
-  console.info(`reading config file from: ${o}`);
-  const s = A.readFileSync(o, "utf8"), r = JSON.parse(s);
+}, tt = (e) => {
+  const t = te.join(f.executionPath, e);
+  console.info(`reading config file from: ${t}`);
+  const n = B.readFileSync(t, "utf8"), r = JSON.parse(n);
   return console.info("config file loaded, ", r), r;
-}, he = (e, o) => {
-  const s = Z.join(d.executionPath, e);
-  console.info(`writing config file to: ${s}`);
+}, Se = (e, t) => {
+  const n = te.join(f.executionPath, e);
+  console.info(`writing config file to: ${n}`);
   try {
-    const r = JSON.stringify(o, null, 2);
-    A.writeFileSync(s, r), console.info(`config file updated ${r}`);
+    const r = JSON.stringify(t, null, 2);
+    B.writeFileSync(n, r), console.info(`config file updated ${r}`);
   } catch (r) {
-    throw console.info(`error ${r} while writing to ${s}, JSON: ${o}`), console.log(`
-⚠️ Failed write config file to ${s}, for more info use verbose flag`), r;
+    throw console.info(`error ${r} while writing to ${n}, JSON: ${t}`), console.log(`
+⚠️ Failed write config file to ${n}, for more info use verbose flag`), r;
   }
-}, Te = {
+}, Fe = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (e) => {
-    d.myopConfig.flows.includes(e) || d.myopConfig.flows.push(e), he(d.options.configPath, d.myopConfig);
+    f.myopConfig.flows.includes(e) || f.myopConfig.flows.push(e), Se(f.options.configPath, f.myopConfig);
   },
   action: async () => {
   }
-}, Pe = {
+}, Ae = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (e) => {
-    d.myopConfig.flows = d.myopConfig.flows.filter((o) => o !== e), he(d.options.configPath, d.myopConfig);
+    f.myopConfig.flows = f.myopConfig.flows.filter((t) => t !== e), Se(f.options.configPath, f.myopConfig);
   },
   action: () => {
   }
-}, et = {
+}, ot = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, tt = {
+}, nt = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, ot = {
+}, st = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, nt = {
+}, rt = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, st = {
+}, it = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, rt = {
+}, at = {
   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)"
-}, it = [rt, tt, ot, nt, st];
-function at(e, o, s, r) {
+}, ct = [at, nt, st, rt, it];
+function lt(e, t, n, r) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -134,7 +134,7 @@ function at(e, o, s, r) {
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Myop DevTools - localhost:${e}</title>
 <style>
-${s}
+${n}
 </style>
 </head>
 <body>
@@ -143,7 +143,7 @@ ${s}
         <div class="toolbar-title">Myop DevTools</div>
         <div class="toolbar-info">
             <span><div class="status-dot"></div> localhost:${e}</span>
-            <span>Management: ${o}</span>
+            <span>Management: ${t}</span>
         </div>
     </div>
 
@@ -216,62 +216,120 @@ ${r}
 </body>
 </html>`;
 }
-async function Re() {
-  const e = await import("fs"), o = await import("path"), { exec: s } = await import("child_process"), r = await import("http"), { createHash: f } = await import("node:crypto");
-  let c;
+function dt(e) {
+  return e.includes("esbuild") && e.includes("another platform");
+}
+function pt(e) {
+  return e.includes("ERR_MODULE_NOT_FOUND") && e.includes("esbuild");
+}
+function mt() {
+  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 ut(e) {
+  return new Promise((t) => {
+    console.log(`🔧 Attempting to fix: removing node_modules and reinstalling...
+`);
+    const r = process.platform === "win32" ? "rmdir /s /q node_modules" : "rm -rf node_modules";
+    e(r, (p) => {
+      if (p) {
+        console.error("❌ Failed to remove node_modules:", p.message), console.error(`
+   Please run manually:`), console.error(`   \x1B[36m${r} && npm install\x1B[0m
+`), t(!1);
+        return;
+      }
+      console.log("   ✓ Removed node_modules"), console.log(`   ⏳ Running npm install...
+`), e("npm install", { maxBuffer: 10 * 1024 * 1024 }, (i, m, y) => {
+        if (i) {
+          console.error("❌ npm install failed:", i.message), y && console.error(y), t(!1);
+          return;
+        }
+        console.log(`   ✓ Dependencies reinstalled successfully!
+`), t(!0);
+      });
+    });
+  });
+}
+async function De(e, t, n, r, p = {}) {
+  const {
+    hasTriedPlatformFix: i = !1,
+    hasTriedInstall: m = !1,
+    onRetry: y
+  } = p, $ = ((e == null ? void 0 : e.message) || "") + (t || "") + (n || "");
+  return !i && dt($) ? (mt(), await ut(r) && y ? (console.log(`🔄 Retrying build...
+`), y(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: m }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: m }) : !m && pt($) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((d) => {
+    r("npm install", (v, x, j) => {
+      if (v) {
+        console.error("❌ Failed to install dependencies:", v.message), j && console.error(j), d({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+        return;
+      }
+      console.log("✅ Dependencies installed"), y && y(), d({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+    });
+  })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: m };
+}
+async function Le() {
+  const e = await import("fs"), t = await import("path"), { exec: n } = await import("child_process"), r = await import("http"), { createHash: p } = await import("node:crypto");
+  let i;
   if (import.meta.url.startsWith("file://")) {
-    const t = new URL(import.meta.url).pathname, i = process.platform === "win32" && t.startsWith("/") ? t.slice(1) : t;
-    c = o.default.dirname(i);
+    const o = new URL(import.meta.url).pathname, a = process.platform === "win32" && o.startsWith("/") ? o.slice(1) : o;
+    i = t.default.dirname(a);
   } else
-    c = o.default.dirname(import.meta.url);
-  const m = o.default.join(c, "commands", "dev", "management-website"), w = e.default.readFileSync(o.default.join(m, "styles.css"), "utf-8"), I = e.default.readFileSync(o.default.join(m, "app.js"), "utf-8"), u = 9292, y = 9293, b = "./dist";
-  let j = !1, v = !1;
-  const T = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
-  let S, k, h = !1;
+    i = t.default.dirname(import.meta.url);
+  const m = t.default.join(i, "commands", "dev", "management-website"), y = e.default.readFileSync(t.default.join(m, "styles.css"), "utf-8"), $ = e.default.readFileSync(t.default.join(m, "app.js"), "utf-8"), d = 9292, v = 9293, x = "./dist";
+  let j = !1, C = !1;
+  const N = (s) => {
+    const o = process.platform;
+    let a;
+    o === "darwin" ? a = `open "${s}"` : o === "win32" ? a = `start "" "${s}"` : a = `xdg-open "${s}"`, n(a, (c) => {
+    });
+  }, F = /* @__PURE__ */ new Map(), _ = f.program.getOptionValue("config") || "./myop.config.json";
+  let S, u, h = !1;
   try {
-    const n = e.default.readFileSync(z, "utf-8"), t = JSON.parse(n);
-    S = t.componentId || "DEV", k = t.componentName || t.name || null, h = t.HMR === !0, h && console.log("🔥 HMR enabled");
-  } catch (n) {
-    console.error("❌ Error reading myop.config.json:", n.message), process.exit(1);
+    const s = e.default.readFileSync(_, "utf-8"), o = JSON.parse(s);
+    S = o.componentId || "DEV", u = o.componentName || o.name || null, h = o.HMR === !0, h && console.log("🔥 HMR enabled");
+  } catch (s) {
+    console.error("❌ Error reading myop.config.json:", s.message), process.exit(1);
   }
-  const M = async () => {
+  const b = async () => {
     if (S !== "DEV" && S !== "NEW")
       return S;
     try {
-      const t = ((await new Promise((l, p) => {
-        const g = {
+      const o = ((await new Promise((l, g) => {
+        const w = {
           hostname: "localhost",
-          port: y,
+          port: v,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, $ = r.default.request(g, (N) => {
-          let H = "";
-          N.on("data", (L) => H += L), N.on("end", () => {
+        }, I = r.default.request(w, (R) => {
+          let V = "";
+          R.on("data", (G) => V += G), R.on("end", () => {
             try {
-              l(JSON.parse(H));
+              l(JSON.parse(V));
             } catch {
               l({ components: [] });
             }
           });
         });
-        $.on("error", () => l({ components: [] })), $.on("timeout", () => {
-          $.destroy(), l({ components: [] });
-        }), $.end();
+        I.on("error", () => l({ components: [] })), I.on("timeout", () => {
+          I.destroy(), l({ components: [] });
+        }), I.end();
       })).components || []).map(([l]) => l).filter((l) => l === "DEV" || l === "NEW" || /^DEV\d+$/.test(l) || /^NEW\d+$/.test(l));
-      if (t.length === 0)
+      if (o.length === 0)
         return "DEV1";
-      const i = t.map((l) => {
+      const a = o.map((l) => {
         if (l === "DEV" || l === "NEW") return 1;
-        const p = l.match(/^DEV(\d+)$/), g = l.match(/^NEW(\d+)$/);
-        return p ? parseInt(p[1], 10) : g ? parseInt(g[1], 10) : 0;
+        const g = l.match(/^DEV(\d+)$/), w = l.match(/^NEW(\d+)$/);
+        return g ? parseInt(g[1], 10) : w ? parseInt(w[1], 10) : 0;
       }).filter((l) => l > 0);
-      return `DEV${Math.max(...i, 0) + 1}`;
+      return `DEV${Math.max(...a, 0) + 1}`;
     } catch {
       return "DEV1";
     }
-  }, E = process.cwd(), K = (n) => {
-    const t = o.default.extname(n).toLowerCase();
+  }, k = process.cwd(), A = (s) => {
+    const o = t.default.extname(s).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -282,68 +340,68 @@ async function Re() {
       ".gif": "image/gif",
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
-    }[t] || "application/octet-stream";
-  }, x = /* @__PURE__ */ new Map(), q = [], He = 50, D = [], W = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), Le = (n, t, i) => {
-    if (n.url.startsWith("/_hmr/")) {
-      const a = n.url.split("/_hmr/")[1], l = n.headers["sec-websocket-key"], p = f("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
-      t.write(
+    }[o] || "application/octet-stream";
+  }, M = /* @__PURE__ */ new Map(), O = [], z = 50, D = [], W = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), ue = (s, o, a) => {
+    if (s.url.startsWith("/_hmr/")) {
+      const c = s.url.split("/_hmr/")[1], l = s.headers["sec-websocket-key"], g = p("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      o.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${p}\r
+Sec-WebSocket-Accept: ${g}\r
 \r
 `
-      ), U.has(a) || U.set(a, /* @__PURE__ */ new Set()), U.get(a).add(t), console.log(`🔌 HMR client connected: ${a}`), t.on("close", () => {
-        const g = U.get(a);
-        g && (g.delete(t), g.size === 0 && U.delete(a)), console.log(`🔌 HMR client disconnected: ${a}`);
-      }), t.on("error", () => {
-        const g = U.get(a);
-        g && g.delete(t);
+      ), L.has(c) || L.set(c, /* @__PURE__ */ new Set()), L.get(c).add(o), console.log(`🔌 HMR client connected: ${c}`), o.on("close", () => {
+        const w = L.get(c);
+        w && (w.delete(o), w.size === 0 && L.delete(c)), console.log(`🔌 HMR client disconnected: ${c}`);
+      }), o.on("error", () => {
+        const w = L.get(c);
+        w && w.delete(o);
       });
     }
-  }, de = r.default.createServer((n, t) => {
-    if (t.setHeader("Content-Type", "application/json"), n.method === "POST" && n.url === "/_register") {
-      let i = "";
-      n.on("data", (a) => i += a), n.on("end", () => {
+  }, fe = r.default.createServer((s, o) => {
+    if (o.setHeader("Content-Type", "application/json"), s.method === "POST" && s.url === "/_register") {
+      let a = "";
+      s.on("data", (c) => a += c), s.on("end", () => {
         try {
-          const { componentId: a, distPath: l, componentName: p } = JSON.parse(i);
-          x.set(a, { path: l, name: p || null });
-          const g = p ? ` (${p})` : "";
-          console.log(`✅ Registered: ${a}${g} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(x.keys()) }));
-          const $ = Array.from(x.entries()).map(([N, H]) => ({
-            id: N,
-            path: H.path,
-            name: H.name
+          const { componentId: c, distPath: l, componentName: g } = JSON.parse(a);
+          M.set(c, { path: l, name: g || null });
+          const w = g ? ` (${g})` : "";
+          console.log(`✅ Registered: ${c}${w} -> ${l}`), o.writeHead(200), o.end(JSON.stringify({ success: !0, registered: Array.from(M.keys()) }));
+          const I = Array.from(M.entries()).map(([R, V]) => ({
+            id: R,
+            path: V.path,
+            name: V.name
           }));
-          D.forEach((N) => {
+          D.forEach((R) => {
             try {
-              N.write(`data: ${JSON.stringify({
+              R.write(`data: ${JSON.stringify({
                 type: "components",
-                components: $
+                components: I
               })}
 
 `);
             } catch {
             }
           });
-        } catch (a) {
-          t.writeHead(400), t.end(JSON.stringify({ error: a.message }));
+        } catch (c) {
+          o.writeHead(400), o.end(JSON.stringify({ error: c.message }));
         }
       });
-    } else if (n.method === "POST" && n.url === "/_unregister") {
-      let i = "";
-      n.on("data", (a) => i += a), n.on("end", () => {
+    } else if (s.method === "POST" && s.url === "/_unregister") {
+      let a = "";
+      s.on("data", (c) => a += c), s.on("end", () => {
         try {
-          const { componentId: a } = JSON.parse(i);
-          x.delete(a), console.log(`❌ Unregistered: ${a}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
-          const l = Array.from(x.entries()).map(([p, g]) => ({
-            id: p,
-            path: g.path,
-            name: g.name
+          const { componentId: c } = JSON.parse(a);
+          M.delete(c), console.log(`❌ Unregistered: ${c}`), o.writeHead(200), o.end(JSON.stringify({ success: !0 }));
+          const l = Array.from(M.entries()).map(([g, w]) => ({
+            id: g,
+            path: w.path,
+            name: w.name
           }));
-          D.forEach((p) => {
+          D.forEach((g) => {
             try {
-              p.write(`data: ${JSON.stringify({
+              g.write(`data: ${JSON.stringify({
                 type: "components",
                 components: l
               })}
@@ -352,61 +410,61 @@ Sec-WebSocket-Accept: ${p}\r
             } catch {
             }
           });
-        } catch (a) {
-          t.writeHead(400), t.end(JSON.stringify({ error: a.message }));
+        } catch (c) {
+          o.writeHead(400), o.end(JSON.stringify({ error: c.message }));
         }
       });
-    } else n.method === "GET" && n.url === "/_list" ? (t.writeHead(200), t.end(JSON.stringify({ components: Array.from(x.entries()) }))) : (t.writeHead(404), t.end(JSON.stringify({ error: "Not found" })));
-  }), ee = r.default.createServer((n, t) => {
-    if (n.url.includes("..")) {
-      t.writeHead(403, { "Content-Type": "text/plain" }), t.end("Forbidden");
+    } else s.method === "GET" && s.url === "/_list" ? (o.writeHead(200), o.end(JSON.stringify({ components: Array.from(M.entries()) }))) : (o.writeHead(404), o.end(JSON.stringify({ error: "Not found" })));
+  }), oe = r.default.createServer((s, o) => {
+    if (s.url.includes("..")) {
+      o.writeHead(403, { "Content-Type": "text/plain" }), o.end("Forbidden");
       return;
     }
-    const i = new URL(n.url, `http://localhost:${u}`), a = i.pathname, l = a.split("/").filter((_) => _);
-    if (a.startsWith("/consume")) {
-      const _ = i.searchParams.get("id");
-      if (!_) {
-        t.writeHead(400, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
+    const a = new URL(s.url, `http://localhost:${d}`), c = a.pathname, l = c.split("/").filter((E) => E);
+    if (c.startsWith("/consume")) {
+      const E = a.searchParams.get("id");
+      if (!E) {
+        o.writeHead(400, { "Content-Type": "application/json" }), o.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const R = x.get(_), J = R ? R.path : null, je = (V) => {
-        let C = "Unknown", P = "Unknown";
-        if (n.headers.referer || n.headers.referrer) {
-          const O = n.headers.referer || n.headers.referrer;
+      const J = M.get(E), Y = J ? J.path : null, Oe = (X) => {
+        let T = "Unknown", H = "Unknown";
+        if (s.headers.referer || s.headers.referrer) {
+          const P = s.headers.referer || s.headers.referrer;
           try {
-            const G = new URL(O);
-            C = G.origin, P = G.hostname || G.origin;
+            const Q = new URL(P);
+            T = Q.origin, H = Q.hostname || Q.origin;
           } catch {
-            C = O, P = O;
+            T = P, H = P;
           }
-        } else if (n.headers.origin)
+        } else if (s.headers.origin)
           try {
-            const O = new URL(n.headers.origin);
-            C = O.origin, P = O.hostname || O.origin;
+            const P = new URL(s.headers.origin);
+            T = P.origin, H = P.hostname || P.origin;
           } catch {
-            C = n.headers.origin, P = n.headers.origin;
+            T = s.headers.origin, H = s.headers.origin;
           }
-        else if (n.socket.remoteAddress) {
-          const O = n.socket.remoteAddress;
-          O === "::1" || O === "::ffff:127.0.0.1" ? (C = "localhost", P = "localhost (direct)") : (C = O, P = O.replace("::ffff:", ""));
+        else if (s.socket.remoteAddress) {
+          const P = s.socket.remoteAddress;
+          P === "::1" || P === "::ffff:127.0.0.1" ? (T = "localhost", H = "localhost (direct)") : (T = P, H = P.replace("::ffff:", ""));
         }
-        const pe = n.headers.referer || n.headers.referrer || C, ne = {
+        const he = s.headers.referer || s.headers.referrer || T, re = {
           type: "request",
-          componentId: _,
+          componentId: E,
           timestamp: Date.now(),
-          servedLocally: V,
-          referrer: pe,
-          origin: C,
-          originLabel: P
+          servedLocally: X,
+          referrer: he,
+          origin: T,
+          originLabel: H
         };
-        W.has(C) || (W.set(C, {
-          url: C,
-          label: P,
+        W.has(T) || (W.set(T, {
+          url: T,
+          label: H,
           firstSeen: Date.now(),
           requestCount: 0
-        }), D.forEach((O) => {
+        }), D.forEach((P) => {
           try {
-            O.write(`data: ${JSON.stringify({
+            P.write(`data: ${JSON.stringify({
               type: "origins",
               origins: Array.from(W.values())
             })}
@@ -415,10 +473,10 @@ Sec-WebSocket-Accept: ${p}\r
           } catch {
           }
         }));
-        const me = W.get(C);
-        me.requestCount++, D.forEach((O) => {
+        const ye = W.get(T);
+        ye.requestCount++, D.forEach((P) => {
           try {
-            O.write(`data: ${JSON.stringify({
+            P.write(`data: ${JSON.stringify({
               type: "origins",
               origins: Array.from(W.values())
             })}
@@ -426,161 +484,161 @@ Sec-WebSocket-Accept: ${p}\r
 `);
           } catch {
           }
-        }), q.push(ne), q.length > He && q.shift(), D.forEach((O) => {
+        }), O.push(re), O.length > z && O.shift(), D.forEach((P) => {
           try {
-            O.write(`data: ${JSON.stringify(ne)}
+            P.write(`data: ${JSON.stringify(re)}
 
 `);
           } catch {
           }
         });
       };
-      if (J) {
-        const V = o.default.join(J, "index.html");
-        e.default.readFile(V, "utf-8", (C, P) => {
-          if (C) {
-            console.log(`❌ File not found: ${V}`), t.writeHead(404, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "index.html not found" }));
+      if (Y) {
+        const X = t.default.join(Y, "index.html");
+        e.default.readFile(X, "utf-8", (T, H) => {
+          if (T) {
+            console.log(`❌ File not found: ${X}`), o.writeHead(404, { "Content-Type": "application/json" }), o.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const pe = be(P, _), ne = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, me = {
+          const he = Me(H, E), re = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, ye = {
             item: {
-              name: _,
-              id: _,
+              name: E,
+              id: E,
               consume_variant: [
                 {
-                  id: ne,
+                  id: re,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: pe
+                    HTML: he
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${_}`), je(!0), t.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${E}`), Oe(!0), o.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), t.end(JSON.stringify(me, null, 2));
+          }), o.end(JSON.stringify(ye, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${_}`);
-        const V = `https://cloud.myop.dev/consume${i.search}`;
-        je(!1), fetch(V).then((C) => C.text()).then((C) => {
-          t.writeHead(200, {
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${E}`);
+        const X = `https://cloud.myop.dev/consume${a.search}`;
+        Oe(!1), fetch(X).then((T) => T.text()).then((T) => {
+          o.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), t.end(C);
-        }).catch((C) => {
-          console.error(`❌ Proxy error: ${C.message}`), t.writeHead(502, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), o.end(T);
+        }).catch((T) => {
+          console.error(`❌ Proxy error: ${T.message}`), o.writeHead(502, { "Content-Type": "application/json" }), o.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
     }
-    if (a === "/events") {
-      t.writeHead(200, {
+    if (c === "/events") {
+      o.writeHead(200, {
         "Content-Type": "text/event-stream",
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), D.push(t);
-      const _ = Array.from(x.entries()).map(([R, J]) => ({
-        id: R,
-        path: J.path,
-        name: J.name
+      }), D.push(o);
+      const E = Array.from(M.entries()).map(([J, Y]) => ({
+        id: J,
+        path: Y.path,
+        name: Y.name
       }));
-      t.write(`data: ${JSON.stringify({
+      o.write(`data: ${JSON.stringify({
         type: "components",
-        components: _
+        components: E
       })}
 
-`), t.write(`data: ${JSON.stringify({
+`), o.write(`data: ${JSON.stringify({
         type: "origins",
         origins: Array.from(W.values())
       })}
 
-`), t.write(`data: ${JSON.stringify({
+`), o.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: q
+        log: O
       })}
 
-`), n.on("close", () => {
-        const R = D.indexOf(t);
-        R !== -1 && D.splice(R, 1);
+`), s.on("close", () => {
+        const J = D.indexOf(o);
+        J !== -1 && D.splice(J, 1);
       });
       return;
     }
     if (l.length === 0) {
-      t.writeHead(200, { "Content-Type": "text/html" }), t.end(at(u, y, w, I));
+      o.writeHead(200, { "Content-Type": "text/html" }), o.end(lt(d, v, y, $));
       return;
     }
     if (l[0] !== "view") {
-      t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not found. Use /view/<componentId>/ to access components.");
+      o.writeHead(404, { "Content-Type": "text/plain" }), o.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
     if (l.length < 2) {
-      t.writeHead(400, { "Content-Type": "text/plain" }), t.end("Component ID required. Use /view/<componentId>/");
+      o.writeHead(400, { "Content-Type": "text/plain" }), o.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const p = l[1], g = x.get(p);
-    if (!g) {
-      t.writeHead(404, { "Content-Type": "text/plain" }), t.end(`Component not found: ${p}`);
+    const g = l[1], w = M.get(g);
+    if (!w) {
+      o.writeHead(404, { "Content-Type": "text/plain" }), o.end(`Component not found: ${g}`);
       return;
     }
-    const $ = g.path, N = l.slice(2), H = N.length === 0 ? "index.html" : N.join("/"), L = o.default.join($, H);
-    console.log(`📥 Request: ${n.url} -> ${L}`), e.default.readFile(L, (_, R) => {
-      if (_) {
-        console.log(`❌ File not found: ${L}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
+    const I = w.path, R = l.slice(2), V = R.length === 0 ? "index.html" : R.join("/"), G = t.default.join(I, V);
+    console.log(`📥 Request: ${s.url} -> ${G}`), e.default.readFile(G, (E, J) => {
+      if (E) {
+        console.log(`❌ File not found: ${G}`), o.writeHead(404, { "Content-Type": "text/plain" }), o.end("Not Found");
         return;
       }
-      const J = K(L);
-      console.log(`✅ Serving: ${L} (${J})`), t.writeHead(200, {
-        "Content-Type": J,
+      const Y = A(G);
+      console.log(`✅ Serving: ${G} (${Y})`), o.writeHead(200, {
+        "Content-Type": Y,
         "Access-Control-Allow-Origin": "*"
-      }), t.end(R);
+      }), o.end(J);
     });
-  }), Se = () => new Promise((n, t) => {
-    const i = JSON.stringify({
+  }), $e = () => new Promise((s, o) => {
+    const a = JSON.stringify({
       componentId: S,
-      distPath: o.default.resolve(E, b),
-      componentName: k
-    }), a = {
+      distPath: t.default.resolve(k, x),
+      componentName: u
+    }), c = {
       hostname: "localhost",
-      port: y,
+      port: v,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(i)
+        "Content-Length": Buffer.byteLength(a)
       }
-    }, l = r.default.request(a, (p) => {
-      let g = "";
-      p.on("data", ($) => g += $), p.on("end", () => {
-        p.statusCode === 200 ? n(JSON.parse(g)) : t(new Error(`Registration failed: ${p.statusCode}`));
+    }, l = r.default.request(c, (g) => {
+      let w = "";
+      g.on("data", (I) => w += I), g.on("end", () => {
+        g.statusCode === 200 ? s(JSON.parse(w)) : o(new Error(`Registration failed: ${g.statusCode}`));
       });
     });
-    l.on("error", t), l.write(i), l.end();
-  }), Je = () => new Promise((n, t) => {
-    const i = JSON.stringify({ componentId: S }), a = {
+    l.on("error", o), l.write(a), l.end();
+  }), Be = () => new Promise((s, o) => {
+    const a = JSON.stringify({ componentId: S }), c = {
       hostname: "localhost",
-      port: y,
+      port: v,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(i)
+        "Content-Length": Buffer.byteLength(a)
       }
-    }, l = r.default.request(a, (p) => {
-      n();
+    }, l = r.default.request(c, (g) => {
+      s();
     });
-    l.on("error", () => n()), l.write(i), l.end();
-  }), Ue = (n) => `
+    l.on("error", () => s()), l.write(a), l.end();
+  }), ze = (s) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${n}';
-    const wsUrl = 'ws://localhost:${y}/_hmr/' + componentId;
+    const componentId = '${s}';
+    const wsUrl = 'ws://localhost:${v}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -680,277 +738,278 @@ Sec-WebSocket-Accept: ${p}\r
     connect();
 })();
 <\/script>
-`, be = (n, t) => {
-    if (!h) return n;
-    const i = Ue(t);
-    return n.includes("</body>") ? n.replace("</body>", `${i}</body>`) : n.includes("</html>") ? n.replace("</html>", `${i}</html>`) : n + i;
-  }, Be = (n) => {
-    const t = Buffer.from(n), i = t.length;
-    let a;
-    return i < 126 ? a = Buffer.concat([
-      Buffer.from([129, i]),
+`, Me = (s, o) => {
+    if (!h) return s;
+    const a = ze(o);
+    return s.includes("</body>") ? s.replace("</body>", `${a}</body>`) : s.includes("</html>") ? s.replace("</html>", `${a}</html>`) : s + a;
+  }, We = (s) => {
+    const o = Buffer.from(s), a = o.length;
+    let c;
+    return a < 126 ? c = Buffer.concat([
+      Buffer.from([129, a]),
       // FIN + text frame, length
-      t
-    ]) : i < 65536 ? a = Buffer.concat([
+      o
+    ]) : a < 65536 ? c = Buffer.concat([
       Buffer.from([129, 126]),
       // FIN + text frame, extended length
-      Buffer.from([i >> 8, i & 255]),
+      Buffer.from([a >> 8, a & 255]),
       // 16-bit length
-      t
-    ]) : a = Buffer.concat([
+      o
+    ]) : c = Buffer.concat([
       Buffer.from([129, 127]),
       // FIN + text frame, extended length
-      Buffer.from([0, 0, 0, 0, i >> 24, i >> 16 & 255, i >> 8 & 255, i & 255]),
+      Buffer.from([0, 0, 0, 0, a >> 24, a >> 16 & 255, a >> 8 & 255, a & 255]),
       // 64-bit length
-      t
-    ]), a;
-  }, ze = () => {
+      o
+    ]), c;
+  }, Ve = () => {
     if (!h) return;
-    const n = U.get(S);
-    if (!n || n.size === 0)
+    const s = L.get(S);
+    if (!s || s.size === 0)
       return;
-    console.log(`🔥 Notifying ${n.size} HMR client(s)`);
-    const t = o.default.join(b, "index.html");
+    console.log(`🔥 Notifying ${s.size} HMR client(s)`);
+    const o = t.default.join(x, "index.html");
     try {
-      const i = e.default.readFileSync(t, "utf-8"), a = be(i, S), l = JSON.stringify({
+      const a = e.default.readFileSync(o, "utf-8"), c = Me(a, S), l = JSON.stringify({
         type: "update",
-        html: a
-      }), p = Be(l);
-      n.forEach((g) => {
+        html: c
+      }), g = We(l);
+      s.forEach((w) => {
         try {
-          g.write(p);
+          w.write(g);
         } catch {
-          n.delete(g);
+          s.delete(w);
         }
       });
-    } catch (i) {
-      console.error("❌ Failed to read HTML for HMR:", i.message);
+    } catch (a) {
+      console.error("❌ Failed to read HTML for HMR:", a.message);
     }
   };
-  let xe = !1;
-  const te = () => {
+  let ge = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+  const ne = (s) => {
     if (j) {
-      v = !0;
+      C = !0;
       return;
     }
     j = !0, console.log(`
-🔨 Building...`), s("npm run build", (n, t, i) => {
-      if (j = !1, n) {
-        const a = n.message + (i || "");
-        if (!xe && a.includes("ERR_MODULE_NOT_FOUND") && a.includes("esbuild")) {
-          xe = !0, console.log("📦 Missing dependencies detected, running npm install..."), s("npm install", (l, p, g) => {
-            l ? (console.error("❌ Failed to install dependencies:", l.message), g && console.error(g)) : (console.log("✅ Dependencies installed"), te());
-          });
-          return;
-        }
-        console.error("❌ Build failed:", n.message), i && console.error(i);
+🔨 Building...`), n("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (o, a, c) => {
+      if (j = !1, o) {
+        const l = await De(o, a, c, n, {
+          ...ge,
+          onRetry: () => ne(s)
+        });
+        ge = { ...ge, ...l }, l.handled || (console.error("❌ Build failed:", o.message), c && console.error(c));
       } else
-        console.log("✅ Build completed"), t && console.log(t), ze();
-      v && (v = !1, te());
+        console.log("✅ Build completed"), a && console.log(a), Ve(), s && s();
+      C && (C = !1, ne());
     });
-  }, Ce = /* @__PURE__ */ new Set(), $e = (n) => {
-    e.default.readdir(n, { withFileTypes: !0 }, (t, i) => {
-      t || (i.forEach((a) => {
-        const l = o.default.join(n, a.name);
-        if (a.isDirectory())
-          a.name !== "node_modules" && a.name !== "dist" && !a.name.startsWith(".") && $e(l);
-        else if (a.isFile()) {
-          const p = o.default.extname(a.name);
-          if (p === ".js" || p === ".css" || p === ".html")
+  }, Te = /* @__PURE__ */ new Set(), je = (s) => {
+    e.default.readdir(s, { withFileTypes: !0 }, (o, a) => {
+      o || (a.forEach((c) => {
+        const l = t.default.join(s, c.name);
+        if (c.isDirectory())
+          c.name !== "node_modules" && c.name !== "dist" && !c.name.startsWith(".") && je(l);
+        else if (c.isFile()) {
+          const g = t.default.extname(c.name);
+          if (g === ".js" || g === ".css" || g === ".html")
             try {
-              const g = e.default.readFileSync(l, "utf-8");
-              T.set(l, g);
+              const w = e.default.readFileSync(l, "utf-8");
+              F.set(l, w);
             } catch {
             }
         }
-      }), Ce.has(n) || (Ce.add(n), e.default.watch(n, (a, l) => {
+      }), Te.has(s) || (Te.add(s), e.default.watch(s, (c, l) => {
         if (!l) return;
-        const p = o.default.extname(l);
-        if (p !== ".js" && p !== ".css" && p !== ".html") return;
-        const g = o.default.join(n, l);
+        const g = t.default.extname(l);
+        if (g !== ".js" && g !== ".css" && g !== ".html") return;
+        const w = t.default.join(s, l);
         setTimeout(() => {
           try {
-            const $ = e.default.readFileSync(g, "utf-8"), N = T.get(g);
-            $ !== N && (T.set(g, $), console.log(`📝 File changed: ${g}`), te());
+            const I = e.default.readFileSync(w, "utf-8"), R = F.get(w);
+            I !== R && (F.set(w, I), console.log(`📝 File changed: ${w}`), ne());
           } catch {
           }
         }, 50);
       })));
     });
-  }, Me = () => {
+  }, Ie = (s) => {
     console.log(`
-🔨 Component: ${S}`), te(), $e(E), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${S}`), ne(s), je(k), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `);
-  }, We = () => new Promise((n) => {
-    const t = {
+  }, Ge = () => new Promise((s) => {
+    const o = {
       hostname: "localhost",
-      port: y,
+      port: v,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, i = r.default.request(t, (a) => {
-      n(!0);
+    }, a = r.default.request(o, (c) => {
+      s(!0);
     });
-    i.on("error", () => n(!1)), i.on("timeout", () => {
-      i.destroy(), n(!1);
-    }), i.end();
-  }), Ve = () => new Promise((n) => {
-    const t = r.default.createServer((i, a) => {
-      if (a.setHeader("Content-Type", "application/json"), i.method === "POST" && i.url === "/_register") {
+    a.on("error", () => s(!1)), a.on("timeout", () => {
+      a.destroy(), s(!1);
+    }), a.end();
+  }), Ye = () => new Promise((s) => {
+    const o = r.default.createServer((a, c) => {
+      if (c.setHeader("Content-Type", "application/json"), a.method === "POST" && a.url === "/_register") {
         let l = "";
-        i.on("data", (p) => l += p), i.on("end", () => {
+        a.on("data", (g) => l += g), a.on("end", () => {
           try {
-            const { componentId: p, distPath: g, componentName: $ } = JSON.parse(l);
-            x.set(p, { path: g, name: $ || null });
-            const N = $ ? ` (${$})` : "";
-            console.log(`✅ Registered: ${p}${N} -> ${g}`), a.writeHead(200), a.end(JSON.stringify({ success: !0, registered: Array.from(x.keys()) }));
-          } catch (p) {
-            a.writeHead(400), a.end(JSON.stringify({ error: p.message }));
+            const { componentId: g, distPath: w, componentName: I } = JSON.parse(l);
+            M.set(g, { path: w, name: I || null });
+            const R = I ? ` (${I})` : "";
+            console.log(`✅ Registered: ${g}${R} -> ${w}`), c.writeHead(200), c.end(JSON.stringify({ success: !0, registered: Array.from(M.keys()) }));
+          } catch (g) {
+            c.writeHead(400), c.end(JSON.stringify({ error: g.message }));
           }
         });
-      } else if (i.method === "POST" && i.url === "/_unregister") {
+      } else if (a.method === "POST" && a.url === "/_unregister") {
         let l = "";
-        i.on("data", (p) => l += p), i.on("end", () => {
+        a.on("data", (g) => l += g), a.on("end", () => {
           try {
-            const { componentId: p } = JSON.parse(l);
-            x.delete(p), console.log(`❌ Unregistered: ${p}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
-          } catch (p) {
-            a.writeHead(400), a.end(JSON.stringify({ error: p.message }));
+            const { componentId: g } = JSON.parse(l);
+            M.delete(g), console.log(`❌ Unregistered: ${g}`), c.writeHead(200), c.end(JSON.stringify({ success: !0 }));
+          } catch (g) {
+            c.writeHead(400), c.end(JSON.stringify({ error: g.message }));
           }
         });
-      } else i.method === "GET" && i.url === "/_list" ? (a.writeHead(200), a.end(JSON.stringify({ components: Array.from(x.entries()) }))) : (a.writeHead(404), a.end(JSON.stringify({ error: "Not found" })));
+      } else a.method === "GET" && a.url === "/_list" ? (c.writeHead(200), c.end(JSON.stringify({ components: Array.from(M.entries()) }))) : (c.writeHead(404), c.end(JSON.stringify({ error: "Not found" })));
     });
-    t.on("error", () => {
-      n(!1);
-    }), t.listen(y, () => {
+    o.on("error", () => {
+      s(!1);
+    }), o.listen(v, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", () => {
-        t.close(), n(!1);
-      }), ee.listen(u, () => {
-        console.log(`📡 Main server running at http://localhost:${u}`), x.set(S, {
-          path: o.default.resolve(E, b),
-          name: k
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${v}`), oe.on("error", () => {
+        o.close(), s(!1);
+      }), oe.listen(d, () => {
+        console.log(`📡 Main server running at http://localhost:${d}`), M.set(S, {
+          path: t.default.resolve(k, x),
+          name: u
         });
-        const i = k ? ` (${k})` : "";
-        console.log(`✅ Registered component: ${S}${i}`), console.log(`📡 Access at: http://localhost:${u}/view/${S}/`), n(!0);
+        const a = u ? ` (${u})` : "";
+        console.log(`✅ Registered component: ${S}${a}`), console.log(`📡 Access at: http://localhost:${d}/view/${S}/`), s(!0);
       });
     });
   });
-  let oe;
-  const Oe = () => {
-    oe = setInterval(async () => {
-      await We() || (clearInterval(oe), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await Ve() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let se;
+  const _e = () => {
+    se = setInterval(async () => {
+      await Ge() || (clearInterval(se), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await Ye() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await Se(), console.log(`✅ Re-registered component: ${S}`), Oe();
-        } catch (i) {
-          console.error("❌ Failed to re-register:", i.message);
+          await $e(), console.log(`✅ Re-registered component: ${S}`), _e();
+        } catch (a) {
+          console.error("❌ Failed to re-register:", a.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Ie = async () => {
+  }, Pe = async () => {
     console.log(`
 
-🛑 Shutting down...`), oe && clearInterval(oe), await Je(), process.exit(0);
+🛑 Shutting down...`), se && clearInterval(se), await Be(), process.exit(0);
   };
-  process.on("SIGINT", Ie), process.on("SIGTERM", Ie), de.on("error", async (n) => {
-    if (n.code === "EADDRINUSE") {
+  process.on("SIGINT", Pe), process.on("SIGTERM", Pe), fe.on("error", async (s) => {
+    if (s.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        S = await M();
-        const t = await Se();
-        console.log(`✅ Registered component: ${S}`), console.log(`📡 Access at: http://localhost:${u}/view/${S}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), Me(), Oe();
-      } catch (t) {
-        console.error("❌ Failed to register component:", t.message), process.exit(1);
+        S = await b();
+        const o = await $e();
+        console.log(`✅ Registered component: ${S}`), console.log(`📡 Access at: http://localhost:${d}/view/${S}/`), console.log(`📋 All registered components: ${o.registered.join(", ")}`), Ie(() => {
+          N(`http://localhost:${d}/view/${S}/`);
+        }), _e();
+      } catch (o) {
+        console.error("❌ Failed to register component:", o.message), process.exit(1);
       }
     } else
-      console.error("❌ Management server error:", n.message), process.exit(1);
-  }), de.on("upgrade", Le), de.listen(y, async () => {
+      console.error("❌ Management server error:", s.message), process.exit(1);
+  }), fe.on("upgrade", ue), fe.listen(v, async () => {
     console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", (n) => {
-      console.error("❌ Main server error:", n.message), process.exit(1);
-    }), ee.listen(u, async () => {
-      console.log(`📡 Main server running at http://localhost:${u}`), (S === "DEV" || S === "NEW") && (S = "DEV1"), x.set(S, {
-        path: o.default.resolve(E, b),
-        name: k
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${v}`), oe.on("error", (s) => {
+      console.error("❌ Main server error:", s.message), process.exit(1);
+    }), oe.listen(d, async () => {
+      console.log(`📡 Main server running at http://localhost:${d}`), (S === "DEV" || S === "NEW") && (S = "DEV1"), M.set(S, {
+        path: t.default.resolve(k, x),
+        name: u
+      });
+      const s = u ? ` (${u})` : "";
+      console.log(`✅ Registered component: ${S}${s}`), console.log(`📡 Access at: http://localhost:${d}/view/${S}/`), Ie(() => {
+        N(`http://localhost:${d}/view/${S}/`);
       });
-      const n = k ? ` (${k})` : "";
-      console.log(`✅ Registered component: ${S}${n}`), console.log(`📡 Access at: http://localhost:${u}/view/${S}/`), Me();
     });
   });
 }
-const fe = Z.join(Qe.homedir(), ".myop"), Q = Z.join(fe, "credentials.json");
-function ct() {
-  A.existsSync(fe) || A.mkdirSync(fe, { recursive: !0, mode: 448 });
+const we = te.join(qe.homedir(), ".myop"), ee = te.join(we, "credentials.json");
+function ft() {
+  B.existsSync(we) || B.mkdirSync(we, { recursive: !0, mode: 448 });
 }
-function ye() {
+function be() {
   try {
-    if (!A.existsSync(Q))
+    if (!B.existsSync(ee))
       return null;
-    const e = A.readFileSync(Q, "utf8");
+    const e = B.readFileSync(ee, "utf8");
     return JSON.parse(e);
   } catch (e) {
     return console.info("Failed to read credentials:", e.message), null;
   }
 }
-function Fe(e) {
-  ct();
-  const o = {
+function He(e) {
+  ft();
+  const t = {
     ...e,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  A.writeFileSync(Q, JSON.stringify(o, null, 2), {
+  B.writeFileSync(ee, JSON.stringify(t, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function Ae() {
+function Je() {
   try {
-    return A.existsSync(Q) && A.unlinkSync(Q), !0;
+    return B.existsSync(ee) && B.unlinkSync(ee), !0;
   } catch (e) {
     return console.error("Failed to clear credentials:", e.message), !1;
   }
 }
-function lt(e) {
+function gt(e) {
   if (!e || !e.expiresAt)
     return !0;
-  const o = 5 * 60 * 1e3, s = new Date(e.expiresAt).getTime();
-  return Date.now() > s - o;
+  const t = 5 * 60 * 1e3, n = new Date(e.expiresAt).getTime();
+  return Date.now() > n - t;
 }
-function we() {
-  const e = ye();
+function xe() {
+  const e = be();
   return e ? {
     email: e.userEmail,
     userId: e.userId
   } : null;
 }
-const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ie = 19284, ve = `http://localhost:${ie}/callback`, dt = "myop-cli";
-function pt() {
-  return ge.randomBytes(32).toString("base64url");
+const Z = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", le = 19284, Ce = `http://localhost:${le}/callback`, ht = "myop-cli";
+function yt() {
+  return ve.randomBytes(32).toString("base64url");
 }
-function mt(e) {
-  return ge.createHash("sha256").update(e).digest("base64url");
+function wt(e) {
+  return ve.createHash("sha256").update(e).digest("base64url");
 }
-async function ut() {
-  const e = await fetch(`${Y}/oauth/register`, {
+async function vt() {
+  const e = await fetch(`${Z}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: dt,
-      redirect_uris: [ve],
+      client_name: ht,
+      redirect_uris: [Ce],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
   });
   if (!e.ok) {
-    const o = await e.text();
-    throw new Error(`Failed to register client: ${o}`);
+    const t = await e.text();
+    throw new Error(`Failed to register client: ${t}`);
   }
   return e.json();
 }
-function se(e, o, s, r = null) {
-  const f = {
+function ie(e, t, n, r = null) {
+  const p = {
     success: `<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#4ade80" stroke-width="2">
             <circle cx="12" cy="12" r="10"/>
             <path d="M8 12l2.5 2.5L16 9"/>
@@ -963,17 +1022,17 @@ function se(e, o, s, r = null) {
             <path d="M12 2L2 22h20L12 2z"/>
             <path d="M12 9v4M12 17h.01"/>
         </svg>`
-  }, c = {
+  }, i = {
     success: { accent: "#4ade80", glow: "rgba(74, 222, 128, 0.1)" },
     error: { accent: "#f87171", glow: "rgba(248, 113, 113, 0.1)" },
     warning: { accent: "#fbbf24", glow: "rgba(251, 191, 36, 0.1)" }
-  }, { accent: m, glow: w } = c[e] || c.error;
+  }, { accent: m, glow: y } = i[e] || i.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>myop-cli | ${o}</title>
+    <title>myop-cli | ${t}</title>
     <style>
         * {
             margin: 0;
@@ -1060,7 +1119,7 @@ function se(e, o, s, r = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${w};
+            background: ${y};
             border: 1px solid ${m}33;
             border-radius: 4px;
             padding: 10px 16px;
@@ -1098,10 +1157,10 @@ function se(e, o, s, r = null) {
 <body>
     <div class="container">
         <div class="icon">
-            ${f[e] || f.error}
+            ${p[e] || p.error}
         </div>
-        <h1>${o}</h1>
-        <p class="message">${s}</p>
+        <h1>${t}</h1>
+        <p class="message">${n}</p>
         ${r ? `<div class="details"><code>Error:</code> ${r}</div>` : ""}
         <div class="hint">
             <span>Press</span>
@@ -1115,91 +1174,91 @@ function se(e, o, s, r = null) {
 </body>
 </html>`;
 }
-function ft(e) {
-  return new Promise((o, s) => {
-    const r = Ke.createServer((f, c) => {
-      const m = new Ne(f.url, `http://localhost:${ie}`);
+function St(e) {
+  return new Promise((t, n) => {
+    const r = Qe.createServer((p, i) => {
+      const m = new ke(p.url, `http://localhost:${le}`);
       if (m.pathname === "/callback") {
-        const w = m.searchParams.get("code"), I = m.searchParams.get("state"), u = m.searchParams.get("error");
-        if (u) {
-          c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
+        const y = m.searchParams.get("code"), $ = m.searchParams.get("state"), d = m.searchParams.get("error");
+        if (d) {
+          i.writeHead(200, { "Content-Type": "text/html" }), i.end(ie(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            u
-          )), r.close(), s(new Error(`OAuth error: ${u}`));
+            d
+          )), r.close(), n(new Error(`OAuth error: ${d}`));
           return;
         }
-        if (I !== e) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
+        if ($ !== e) {
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(ie(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
             "state_mismatch"
-          )), r.close(), s(new Error("State mismatch"));
+          )), r.close(), n(new Error("State mismatch"));
           return;
         }
-        if (!w) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
+        if (!y) {
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(ie(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
             "missing_code"
-          )), r.close(), s(new Error("No authorization code"));
+          )), r.close(), n(new Error("No authorization code"));
           return;
         }
-        c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
+        i.writeHead(200, { "Content-Type": "text/html" }), i.end(ie(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), r.close(), o(w);
+        )), r.close(), t(y);
       } else
-        c.writeHead(404), c.end("Not found");
+        i.writeHead(404), i.end("Not found");
     });
-    r.listen(ie, () => {
-      console.info(`OAuth callback server listening on port ${ie}`);
+    r.listen(le, () => {
+      console.info(`OAuth callback server listening on port ${le}`);
     }), setTimeout(() => {
-      r.close(), s(new Error("Authentication timed out"));
+      r.close(), n(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function gt(e, o, s) {
-  const r = await fetch(`${Y}/oauth/token`, {
+async function bt(e, t, n) {
+  const r = await fetch(`${Z}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new ke({
+    body: new Re({
       grant_type: "authorization_code",
       code: e,
-      client_id: o,
-      redirect_uri: ve,
-      code_verifier: s
+      client_id: t,
+      redirect_uri: Ce,
+      code_verifier: n
     })
   });
   if (!r.ok) {
-    const f = await r.json();
-    throw new Error(f.error_description || f.error || "Token exchange failed");
+    const p = await r.json();
+    throw new Error(p.error_description || p.error || "Token exchange failed");
   }
   return r.json();
 }
-async function ht(e, o) {
-  const s = await fetch(`${Y}/oauth/token`, {
+async function xt(e, t) {
+  const n = await fetch(`${Z}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new ke({
+    body: new Re({
       grant_type: "refresh_token",
       refresh_token: e,
-      client_id: o
+      client_id: t
     })
   });
-  if (!s.ok) {
-    const r = await s.json();
+  if (!n.ok) {
+    const r = await n.json();
     throw new Error(r.error_description || r.error || "Token refresh failed");
   }
-  return s.json();
+  return n.json();
 }
-async function yt(e) {
-  var f, c, m;
-  const o = await fetch(`${Y}/mcp`, {
+async function Ct(e) {
+  var p, i, m;
+  const t = await fetch(`${Z}/mcp`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -1215,248 +1274,263 @@ async function yt(e) {
       }
     })
   });
-  if (!o.ok)
+  if (!t.ok)
     throw new Error("Failed to get user info");
-  const s = await o.json();
-  if (s.error)
-    throw new Error(s.error.message);
-  const r = (m = (c = (f = s.result) == null ? void 0 : f.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
+  const n = await t.json();
+  if (n.error)
+    throw new Error(n.error.message);
+  const r = (m = (i = (p = n.result) == null ? void 0 : p.content) == null ? void 0 : i[0]) == null ? void 0 : m.text;
   if (r)
     return JSON.parse(r);
   throw new Error("Invalid response from whoami");
 }
-async function X() {
-  const e = F("Starting authentication...").start();
+async function q() {
+  const e = U("Starting authentication...").start();
   try {
     e.text = "Registering OAuth client...";
-    const s = (await ut()).client_id, r = pt(), f = mt(r), c = ge.randomBytes(16).toString("hex");
+    const n = (await vt()).client_id, r = yt(), p = wt(r), i = ve.randomBytes(16).toString("hex");
     e.text = "Waiting for authorization...";
-    const m = ft(c), w = new Ne(`${Y}/oauth/authorize`);
-    w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", s), w.searchParams.set("redirect_uri", ve), w.searchParams.set("code_challenge", f), w.searchParams.set("code_challenge_method", "S256"), w.searchParams.set("state", c), e.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${w.toString()}
-`), await Xe(w.toString());
-    const I = await m;
+    const m = St(i), y = new ke(`${Z}/oauth/authorize`);
+    y.searchParams.set("response_type", "code"), y.searchParams.set("client_id", n), y.searchParams.set("redirect_uri", Ce), y.searchParams.set("code_challenge", p), y.searchParams.set("code_challenge_method", "S256"), y.searchParams.set("state", i), e.stop(), console.log(`
+🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${y.toString()}
+`), await Ze(y.toString());
+    const $ = await m;
     e.start("Exchanging authorization code...");
-    const u = await gt(I, s, r);
+    const d = await bt($, n, r);
     e.text = "Getting user info...";
-    const y = await yt(u.access_token), b = {
-      accessToken: u.access_token,
-      refreshToken: u.refresh_token,
-      expiresAt: new Date(Date.now() + u.expires_in * 1e3).toISOString(),
-      clientId: s,
-      userId: y.userId,
-      userEmail: y.email
+    const v = await Ct(d.access_token), x = {
+      accessToken: d.access_token,
+      refreshToken: d.refresh_token,
+      expiresAt: new Date(Date.now() + d.expires_in * 1e3).toISOString(),
+      clientId: n,
+      userId: v.userId,
+      userEmail: v.email
     };
-    return Fe(b), e.succeed(`Authenticated as ${y.email}`), b;
-  } catch (o) {
-    throw e.fail(`Authentication failed: ${o.message}`), o;
+    return He(x), e.succeed(`Authenticated as ${v.email}`), x;
+  } catch (t) {
+    throw e.fail(`Authentication failed: ${t.message}`), t;
   }
 }
-async function De() {
-  const e = ye();
+async function Ue() {
+  const e = be();
   if (!e) {
     console.log("Not currently logged in.");
     return;
   }
-  Ae(), console.log(`✅ Logged out (was: ${e.userEmail})`);
+  Je(), console.log(`✅ Logged out (was: ${e.userEmail})`);
 }
-async function wt() {
-  let e = ye();
+async function $t() {
+  let e = be();
   if (!e)
     return console.log(`Not logged in. Starting authentication...
-`), await X();
-  if (!lt(e))
+`), await q();
+  if (!gt(e))
     return e;
   if (e.refreshToken) {
-    const o = F("Refreshing access token...").start();
+    const t = U("Refreshing access token...").start();
     try {
-      const s = await ht(
+      const n = await xt(
         e.refreshToken,
         e.clientId
       );
       return e = {
         ...e,
-        accessToken: s.access_token,
-        refreshToken: s.refresh_token,
-        expiresAt: new Date(Date.now() + s.expires_in * 1e3).toISOString()
-      }, Fe(e), o.succeed("Token refreshed"), e;
+        accessToken: n.access_token,
+        refreshToken: n.refresh_token,
+        expiresAt: new Date(Date.now() + n.expires_in * 1e3).toISOString()
+      }, He(e), t.succeed("Token refreshed"), e;
     } catch {
-      return o.warn("Token refresh failed, please log in again"), Ae(), await X();
+      return t.warn("Token refresh failed, please log in again"), Je(), await q();
     }
   }
   return console.log(`Session expired. Please log in again.
-`), await X();
+`), await q();
 }
-function vt() {
-  return Y;
+function Mt() {
+  return Z;
 }
-const ae = "@myop/cli";
-async function St() {
+const de = "@myop/cli";
+async function Tt() {
   try {
-    const e = await fetch(`https://registry.npmjs.org/${ae}/latest`);
+    const e = await fetch(`https://registry.npmjs.org/${de}/latest`);
     return e.ok ? (await e.json()).version : null;
   } catch {
     return null;
   }
 }
-function bt(e, o) {
-  const s = e.split(".").map(Number), r = o.split(".").map(Number);
-  for (let f = 0; f < Math.max(s.length, r.length); f++) {
-    const c = s[f] || 0, m = r[f] || 0;
-    if (c > m) return 1;
-    if (c < m) return -1;
+function jt(e, t) {
+  const n = e.split(".").map(Number), r = t.split(".").map(Number);
+  for (let p = 0; p < Math.max(n.length, r.length); p++) {
+    const i = n[p] || 0, m = r[p] || 0;
+    if (i > m) return 1;
+    if (i < m) return -1;
   }
   return 0;
 }
-async function xt(e) {
-  const o = F({
+async function It(e) {
+  const t = U({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), s = await St();
-  if (o.stop(), !s || bt(s, e) <= 0)
+  }).start(), n = await Tt();
+  if (t.stop(), !n || jt(n, e) <= 0)
     return !1;
   console.log(`
-📦 New version available: ${e} → ${s}
+📦 New version available: ${e} → ${n}
 `);
   let r;
   try {
-    r = await _e({
+    r = await Ee({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
         { name: "No, continue with current version", value: !1 }
       ]
     });
-  } catch (f) {
-    throw f.name === "ExitPromptError" && (console.log(`
+  } catch (p) {
+    throw p.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), f;
+`), process.exit(0)), p;
   }
   if (r) {
-    const f = F({
-      text: `Updating ${ae} to v${s}...`,
+    const p = U({
+      text: `Updating ${de} to v${n}...`,
       color: "green"
     }).start();
     try {
-      return re(`npm install -g ${ae}@latest`, { stdio: "pipe" }), f.succeed(`Updated to v${s}`), console.log(`
+      return ce(`npm install -g ${de}@latest`, { stdio: "pipe" }), p.succeed(`Updated to v${n}`), console.log(`
 🔄 Restarting with new version...
-`), Ye("myop", process.argv.slice(2), {
+`), Xe("myop", process.argv.slice(2), {
         stdio: "inherit",
         shell: !0
       }).on("close", (m) => {
         process.exit(m || 0);
       }), !0;
     } catch {
-      return f.fail("Update failed"), console.log(`
-You can manually update by running: npm install -g ${ae}@latest
+      return p.fail("Update failed"), console.log(`
+You can manually update by running: npm install -g ${de}@latest
 `), !1;
     }
   }
   return !1;
 }
-const Ct = (e) => new Promise((o) => setTimeout(o, e));
-d.executionPath = process.cwd();
-const le = (e = !1) => {
-  const o = d.program.getOptionValue("verbose");
-  o || (console.info = () => {
-  }), console.info("📝 verbose mode on"), d.options = {
-    configPath: d.program.getOptionValue("config"),
-    verbose: o
+const _t = (e) => new Promise((t) => setTimeout(t, e));
+f.executionPath = process.cwd();
+const me = (e = !1) => {
+  const t = f.program.getOptionValue("verbose");
+  t || (console.info = () => {
+  }), console.info("📝 verbose mode on"), f.options = {
+    configPath: f.program.getOptionValue("config"),
+    verbose: t
   };
   try {
-    return d.myopConfig = qe(d.options.configPath), { configFound: !0 };
-  } catch (s) {
+    return f.myopConfig = tt(f.options.configPath), { configFound: !0 };
+  } catch (n) {
     if (e) {
       console.info(`
-⚠️ failed read config file from ${d.options.configPath}, trying to create new one`);
+⚠️ failed read config file from ${f.options.configPath}, trying to create new one`);
       try {
         const r = {
           author: "@myop-cli",
           flows: []
         };
-        return he(d.options.configPath, r), d.myopConfig = r, { configFound: !0 };
+        return Se(f.options.configPath, r), f.myopConfig = r, { configFound: !0 };
       } catch {
-        return console.info("Error details :", s), { configFound: !1, error: s };
+        return console.info("Error details :", n), { configFound: !1, error: n };
       }
     } else
-      return console.info("Error details :", s), { configFound: !1, error: s };
+      return console.info("Error details :", n), { configFound: !1, error: n };
   }
 };
 [
-  new ue(),
-  ...it
+  new ae(),
+  ...ct
 ];
-const $t = "0.1.19";
-d.program = new Ge();
-d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version($t);
-d.program.addOption(new ce("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-d.program.addOption(new ce("-h, --help", "Show helpful information"));
-d.program.addOption(new ce("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-d.program.addOption(new ce("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-d.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((e, o) => {
-  le(!0), console.info("adding ", e, o, d.options.configPath), e === "flow" && Te._action(o), process.exit();
+const Pt = "0.1.21";
+f.program = new Ke();
+f.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(Pt);
+f.program.addOption(new pe("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+f.program.addOption(new pe("-h, --help", "Show helpful information"));
+f.program.addOption(new pe("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+f.program.addOption(new pe("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+f.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((e, t) => {
+  me(!0), console.info("adding ", e, t, f.options.configPath), e === "flow" && Fe._action(t), process.exit();
 });
-d.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((e, o) => {
-  le(), console.info("removing ", e, o, d.options.configPath), e === "flow" && Pe._action(o), process.exit();
+f.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((e, t) => {
+  me(), console.info("removing ", e, t, f.options.configPath), e === "flow" && Ae._action(t), process.exit();
 });
-d.program.command("install").description("Install Myop assets").action(async () => {
-  le(), await Ee.action();
+f.program.command("install").description("Install Myop assets").action(async () => {
+  me(), await Ne.action();
 });
-d.program.command("login").description("Authenticate with Myop platform").action(async () => {
+f.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
-    await X();
+    await q();
   } catch (e) {
     console.error("Login failed:", e.message), process.exit(1);
   }
   process.exit(0);
 });
-d.program.command("logout").description("Clear stored credentials").action(async () => {
-  await De(), process.exit(0);
+f.program.command("logout").description("Clear stored credentials").action(async () => {
+  await Ue(), process.exit(0);
 });
-d.program.command("whoami").description("Show current authenticated user").action(async () => {
-  const e = we();
+f.program.command("whoami").description("Show current authenticated user").action(async () => {
+  const e = xe();
   e && e.email ? console.log(`Logged in as: ${e.email}`) : console.log("Not logged in. Run `myop login` to authenticate."), process.exit(0);
 });
-d.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (e) => {
-  var j, v, T, z, S, k;
-  const o = d.program.getOptionValue("config") || "./myop.config.json", s = await import("fs"), { execSync: r } = await import("child_process"), f = await import("path");
-  let c = {};
-  if (s.existsSync(o))
+f.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (e) => {
+  var j, C, N, F, _, S;
+  const t = f.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: r } = await import("child_process"), p = await import("path");
+  let i = {};
+  if (n.existsSync(t))
     try {
-      const h = s.readFileSync(o, "utf-8");
-      c = JSON.parse(h);
-      const M = c.name || c.componentName;
-      console.log(`📋 Found config: ${M || "Unnamed component"}`), c.componentId && console.log(`   Component ID: ${c.componentId}`);
-    } catch (h) {
-      console.error(`⚠️ Failed to parse ${o}:`, h.message);
+      const u = n.readFileSync(t, "utf-8");
+      i = JSON.parse(u);
+      const h = i.name || i.componentName;
+      console.log(`📋 Found config: ${h || "Unnamed component"}`), i.componentId && console.log(`   Component ID: ${i.componentId}`);
+    } catch (u) {
+      console.error(`⚠️ Failed to parse ${t}:`, u.message);
     }
   else
     console.log("⚠️ No myop.config.json found. A new component will be created.");
   if (!e.skipBuild) {
-    const h = F("Building project...").start();
-    try {
-      r("npm run build", { stdio: "pipe" }), h.succeed("Build completed");
-    } catch (M) {
-      h.fail("Build failed"), console.error(M.message), process.exit(1);
-    }
+    const { exec: u } = await import("child_process");
+    let h = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+    const b = (A = !1) => new Promise((M) => {
+      const O = U(A ? "Retrying build..." : "Building project...").start();
+      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (z, D, W) => {
+        if (!z) {
+          O.succeed("Build completed"), M(!0);
+          return;
+        }
+        if (O.fail("Build failed"), !h.hasTriedPlatformFix && !h.hasTriedInstall) {
+          const L = await De(z, D, W, u, h);
+          if (h = { ...h, ...L }, L.handled) {
+            const ue = await b(!0);
+            M(ue);
+            return;
+          }
+        }
+        console.error(z.message), M(!1);
+      });
+    });
+    await b() || process.exit(1);
   }
   const m = "./dist/index.html";
-  s.existsSync(m) || (console.error("❌ Error: ./dist/index.html not found"), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
-  let w;
+  n.existsSync(m) || (console.error("❌ Error: ./dist/index.html not found"), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
+  let y;
   try {
-    w = await wt();
-  } catch (h) {
-    console.error("❌ Authentication failed:", h.message), process.exit(1);
+    y = await $t();
+  } catch (u) {
+    console.error("❌ Authentication failed:", u.message), process.exit(1);
   }
-  const I = vt();
-  let u = F("Requesting upload URL...").start(), y;
+  const $ = Mt();
+  let d = U("Requesting upload URL...").start(), v;
   try {
-    const h = await fetch(`${I}/mcp`, {
+    const u = await fetch(`${$}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${w.accessToken}`
+        Authorization: `Bearer ${y.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1465,63 +1539,63 @@ d.program.command("sync").description("Build and upload component to Myop platfo
         params: {
           name: "upload_component",
           arguments: {
-            name: c.name || c.componentName || f.default.basename(process.cwd()),
-            componentId: c.componentId || void 0,
-            organization: c.organization || void 0
+            name: i.name || i.componentName || p.default.basename(process.cwd()),
+            componentId: i.componentId || void 0,
+            organization: i.organization || void 0
           }
         }
       })
     });
-    if (!h.ok)
-      throw new Error(`Server returned ${h.status}`);
-    const M = await h.json();
-    if (M.error)
-      throw new Error(M.error.message);
-    const E = (T = (v = (j = M.result) == null ? void 0 : j.content) == null ? void 0 : v[0]) == null ? void 0 : T.text;
-    if (y = JSON.parse(E), !y.success)
-      throw new Error(y.error);
-    u.succeed("Upload URL obtained");
-  } catch (h) {
-    u.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
+    if (!u.ok)
+      throw new Error(`Server returned ${u.status}`);
+    const h = await u.json();
+    if (h.error)
+      throw new Error(h.error.message);
+    const b = (N = (C = (j = h.result) == null ? void 0 : j.content) == null ? void 0 : C[0]) == null ? void 0 : N.text;
+    if (v = JSON.parse(b), !v.success)
+      throw new Error(v.error);
+    d.succeed("Upload URL obtained");
+  } catch (u) {
+    d.fail("Failed to get upload URL"), console.error("   ", u.message), process.exit(1);
   }
-  u = F("Uploading component...").start();
+  d = U("Uploading component...").start();
   try {
-    const h = s.readFileSync(m, "utf-8");
-    let M;
-    const E = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (E)
-      M = E[1];
+    const u = n.readFileSync(m, "utf-8");
+    let h;
+    const b = v.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+    if (b)
+      h = b[1];
     else {
-      const x = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (x)
-        M = x[1];
+      const A = v.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (A)
+        h = A[1];
       else
-        throw new Error("Could not parse presigned URL from: " + y.curlCommand);
+        throw new Error("Could not parse presigned URL from: " + v.curlCommand);
     }
-    console.info("Uploading to:", M.substring(0, 100) + "...");
-    const K = await fetch(M, {
+    console.info("Uploading to:", h.substring(0, 100) + "...");
+    const k = await fetch(h, {
       method: "PUT",
       headers: {
         "Content-Type": "text/html"
       },
-      body: h
+      body: u
     });
-    if (!K.ok) {
-      const x = await K.text();
-      throw new Error(`Upload failed with status ${K.status}: ${x}`);
+    if (!k.ok) {
+      const A = await k.text();
+      throw new Error(`Upload failed with status ${k.status}: ${A}`);
     }
-    u.succeed("Component uploaded");
-  } catch (h) {
-    u.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
+    d.succeed("Component uploaded");
+  } catch (u) {
+    d.fail("Upload failed"), console.error("   ", u.message), u.cause && console.error("   Cause:", u.cause), process.exit(1);
   }
-  u = F("Confirming upload...").start();
-  let b;
+  d = U("Confirming upload...").start();
+  let x;
   try {
-    const h = await fetch(`${I}/mcp`, {
+    const u = await fetch(`${$}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${w.accessToken}`
+        Authorization: `Bearer ${y.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1530,50 +1604,50 @@ d.program.command("sync").description("Build and upload component to Myop platfo
         params: {
           name: "confirm_upload",
           arguments: {
-            uploadId: y.uploadId
+            uploadId: v.uploadId
           }
         }
       })
     });
-    if (!h.ok)
-      throw new Error(`Server returned ${h.status}`);
-    const M = await h.json();
-    if (M.error)
-      throw new Error(M.error.message);
-    const E = (k = (S = (z = M.result) == null ? void 0 : z.content) == null ? void 0 : S[0]) == null ? void 0 : k.text;
-    if (b = JSON.parse(E), !b.success)
-      throw new Error(b.error);
-    u.succeed("Upload confirmed");
-  } catch (h) {
-    u.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
+    if (!u.ok)
+      throw new Error(`Server returned ${u.status}`);
+    const h = await u.json();
+    if (h.error)
+      throw new Error(h.error.message);
+    const b = (S = (_ = (F = h.result) == null ? void 0 : F.content) == null ? void 0 : _[0]) == null ? void 0 : S.text;
+    if (x = JSON.parse(b), !x.success)
+      throw new Error(x.error);
+    d.succeed("Upload confirmed");
+  } catch (u) {
+    d.fail("Confirmation failed"), console.error("   ", u.message), process.exit(1);
   }
-  if (b.isNewComponent || !c.componentId) {
-    c.componentId = b.componentId, c.organization = b.orgId, c.name || (c.name = b.componentName);
+  if (x.isNewComponent || !i.componentId) {
+    i.componentId = x.componentId, i.organization = x.orgId, i.name || (i.name = x.componentName);
     try {
-      s.writeFileSync(o, JSON.stringify(c, null, 2)), console.log(`
-📝 Updated ${o} with componentId`);
-    } catch (h) {
+      n.writeFileSync(t, JSON.stringify(i, null, 2)), console.log(`
+📝 Updated ${t} with componentId`);
+    } catch (u) {
       console.log(`
-⚠️ Could not update ${o}: ${h.message}`), console.log(`   Please add componentId: "${b.componentId}" manually`);
+⚠️ Could not update ${t}: ${u.message}`), console.log(`   Please add componentId: "${x.componentId}" manually`);
     }
   }
   console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${b.componentName}`), console.log(`   Dashboard: ${b.dashboardUrl}`), process.exit(0);
+✅ Sync completed successfully!`), console.log(`   Component: ${x.componentName}`), console.log(`   Dashboard: ${x.dashboardUrl}`), process.exit(0);
 });
-d.program.command("dev").description("Start development server with file watching").action(Re);
-const Mt = () => {
+f.program.command("dev").description("Start development server with file watching").action(Le);
+const Ot = () => {
   try {
-    re("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    ce("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    re("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    ce("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const e = re("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const e = ce("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -1583,23 +1657,23 @@ const Mt = () => {
         insertions: 0,
         deletions: 0
       };
-    const o = e.split(`
-`), s = o[o.length - 1], r = s.match(/(\d+) insertion/), f = s.match(/(\d+) deletion/), c = s.match(/(\d+) file/);
+    const t = e.split(`
+`), n = t[t.length - 1], r = n.match(/(\d+) insertion/), p = n.match(/(\d+) deletion/), i = n.match(/(\d+) file/);
     return {
-      files: c ? parseInt(c[1]) : 0,
+      files: i ? parseInt(i[1]) : 0,
       insertions: r ? parseInt(r[1]) : 0,
-      deletions: f ? parseInt(f[1]) : 0
+      deletions: p ? parseInt(p[1]) : 0
     };
   } catch {
     return null;
   }
-}, B = async (e = !1, o = !1) => {
-  var y, b, j;
-  const s = we(), r = !!(s != null && s.email), f = ((y = d.myopConfig) == null ? void 0 : y.name) || ((b = d.myopConfig) == null ? void 0 : b.componentName), c = (j = d.myopConfig) == null ? void 0 : j.componentId, m = Mt();
+}, K = async (e = !1, t = !1) => {
+  var v, x, j;
+  const n = xe(), r = !!(n != null && n.email), p = ((v = f.myopConfig) == null ? void 0 : v.name) || ((x = f.myopConfig) == null ? void 0 : x.componentName), i = (j = f.myopConfig) == null ? void 0 : j.componentId, m = Ot();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
-`), e && f ? (console.log(`  Component:  ${f}`), c ? (console.log(`  ID:         ${c}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${c}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${r ? s.email : "Not logged in"}`), m != null && m.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")) : m != null && m.notARepo ? console.log("  Changes:    Not a git repository") : m && (m.insertions > 0 || m.deletions > 0) ? console.log(`  Changes:    ${m.files} file${m.files !== 1 ? "s" : ""} | \x1B[32m+${m.insertions}\x1B[0m \x1B[31m-${m.deletions}\x1B[0m`) : m && console.log("  Changes:    No uncommitted changes"), console.log("");
-  const I = [
+`), e && p ? (console.log(`  Component:  ${p}`), i ? (console.log(`  ID:         ${i}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${i}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${r ? n.email : "Not logged in"}`), m != null && m.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")) : m != null && m.notARepo ? console.log("  Changes:    Not a git repository") : m && (m.insertions > 0 || m.deletions > 0) ? console.log(`  Changes:    ${m.files} file${m.files !== 1 ? "s" : ""} | \x1B[32m+${m.insertions}\x1B[0m \x1B[31m-${m.deletions}\x1B[0m`) : m && console.log("  Changes:    No uncommitted changes"), console.log("");
+  const $ = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -1607,100 +1681,168 @@ const Mt = () => {
       help: "Creates myop.config.json in current directory",
       disabled: e ? "(config already exists)" : !1
     },
-    {
-      emoji: "📦",
-      label: f ? `Push "${f}"` : "Push component",
-      value: "sync",
-      help: "Builds project & uploads dist/index.html to Myop",
-      disabled: e ? r ? !1 : "(login required)" : "(no config file)"
-    },
     {
       emoji: "🛠️ ",
-      label: f ? `Start dev mode for "${f}"` : "Start dev mode",
+      label: p ? `Start dev mode for "${p}"` : "Start dev mode",
       value: "dev",
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: e ? !1 : "(no config file)"
+    },
+    {
+      emoji: "📦",
+      label: p ? `Push "${p}"` : "Push component",
+      value: "sync",
+      help: "Builds project & uploads dist/index.html to Myop",
+      disabled: e ? r ? !1 : "(login required)" : "(no config file)"
     }
-  ].map((v) => ({
-    name: o && !v.disabled ? `${v.emoji} ${v.label}
-     ${v.help}` : `${v.emoji} ${v.label}`,
-    value: v.value,
-    disabled: v.disabled
+  ].map((C) => ({
+    name: t && !C.disabled ? `${C.emoji} ${C.label}
+     ${C.help}` : `${C.emoji} ${C.label}`,
+    value: C.value,
+    disabled: C.disabled
   }));
-  I.push(
-    new ue(),
+  $.push(
+    new ae(),
     {
-      name: o && r ? `🔓 Logout (${s.email})
-     Clears stored credentials from this machine` : o && !r ? `🔐 Login to Myop
-     Opens browser to authenticate with Myop` : r ? `🔓 Logout (${s.email})` : "🔐 Login to Myop",
+      name: t && r ? `🔓 Logout (${n.email})
+     Clears stored credentials from this machine` : t && !r ? `🔐 Login to Myop
+     Opens browser to authenticate with Myop` : r ? `🔓 Logout (${n.email})` : "🔐 Login to Myop",
       value: r ? "logout" : "login"
     },
     {
-      name: o ? "📖 Hide help" : "📖 Show help",
+      name: t ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new ue(),
+    new ae(),
+    {
+      name: "🐛 [DEV] - git push",
+      value: "dev-git-push",
+      disabled: e ? !1 : "(no config file)"
+    },
+    new ae(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let u;
+  let d;
   try {
-    u = await _e({
+    d = await Ee({
       message: "What would you like to do?",
-      choices: I
+      choices: $
     });
-  } catch (v) {
-    throw v.name === "ExitPromptError" && (console.log(`
+  } catch (C) {
+    throw C.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), v;
+`), process.exit(0)), C;
   }
-  switch (u) {
+  switch (d) {
     case "init":
-      await Ot();
+      await kt();
       break;
     case "sync":
       console.log(`
 Running sync...
 `);
-      const { execSync: v } = await import("child_process");
+      const { execSync: C } = await import("child_process");
       try {
-        v("node " + process.argv[1] + " sync", { stdio: "inherit" });
+        C("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
-      await B(!0, o);
+      await K(!0, t);
       break;
     case "dev":
-      await Re();
+      await Le();
       break;
     case "login":
       try {
-        await X(), console.log(`
-`), await B(e, o);
-      } catch (T) {
-        console.error("Login failed:", T.message), await B(e, o);
+        await q(), console.log(`
+`), await K(e, t);
+      } catch (N) {
+        console.error("Login failed:", N.message), await K(e, t);
       }
       break;
     case "logout":
-      await De(), console.log(`
-`), await B(e, o);
+      await Ue(), console.log(`
+`), await K(e, t);
       break;
     case "help":
-      await B(e, !o);
+      await K(e, !t);
+      break;
+    case "dev-git-push":
+      await Et(), await K(e, t);
       break;
     case "exit":
       process.exit(0);
   }
-}, Ot = async () => {
-  const { input: e, select: o } = await import("@inquirer/prompts"), s = await import("fs"), f = (await import("path")).default.basename(process.cwd());
-  let c, m;
+}, Et = async () => {
+  const e = await import("fs"), t = await import("path"), n = await import("./index-DuEoKctW.js").then((p) => p.i), r = process.cwd();
+  console.log(`
+🐛 [DEV] Git Push
+`);
   try {
-    c = await e({
+    if (!e.existsSync(t.default.join(r, ".git"))) {
+      console.log("❌ No .git directory found. Run init first.");
+      return;
+    }
+    console.log("📁 Staging all files...");
+    const p = await n.statusMatrix({ fs: e.default, dir: r });
+    for (const [_, S, u, h] of p)
+      S === u && u === h || (u === 0 ? (await n.remove({ fs: e.default, dir: r, filepath: _ }), console.log(`  - Removed: ${_}`)) : u !== h && (await n.add({ fs: e.default, dir: r, filepath: _ }), console.log(`  + Added: ${_}`)));
+    console.log(`
+📝 Creating commit...`);
+    const i = await n.commit({
+      fs: e.default,
+      dir: r,
+      message: `dev-push ${(/* @__PURE__ */ new Date()).toISOString()}`,
+      author: { name: "myop-cli", email: "cli@myop.dev" }
+    });
+    console.log(`  Commit: ${i.slice(0, 7)}`), console.log(`
+📦 Creating tar archive of .git...`);
+    const m = t.default.join(r, ".git"), y = [], $ = async (_, S) => {
+      const u = t.default.relative(S, _), h = e.statSync(_), b = Buffer.alloc(512), k = u.length > 99 ? u.slice(-99) : u;
+      b.write(k, 0, 100), b.write(h.mode.toString(8).padStart(7, "0") + " ", 100, 8), b.write("0000000 ", 108, 8), b.write("0000000 ", 116, 8);
+      const A = h.isDirectory() ? 0 : h.size;
+      b.write(A.toString(8).padStart(11, "0") + " ", 124, 12), b.write(Math.floor(h.mtime.getTime() / 1e3).toString(8).padStart(11, "0") + " ", 136, 12), b.write("        ", 148, 8), b.write(h.isDirectory() ? "5" : "0", 156, 1);
+      let M = 0;
+      for (let O = 0; O < 512; O++)
+        M += b[O];
+      if (b.write(M.toString(8).padStart(6, "0") + "\0 ", 148, 8), y.push(b), !h.isDirectory()) {
+        const O = e.readFileSync(_);
+        y.push(O);
+        const z = 512 - O.length % 512;
+        z < 512 && y.push(Buffer.alloc(z));
+      }
+    }, d = async (_, S) => {
+      const u = e.readdirSync(_, { withFileTypes: !0 });
+      for (const h of u) {
+        const b = t.default.join(_, h.name);
+        h.isDirectory() ? (await $(b, S), await d(b, S)) : await $(b, S);
+      }
+    };
+    await d(m, r), y.push(Buffer.alloc(1024));
+    const v = Buffer.concat(y);
+    console.log(`  Tar size: ${v.length} bytes`), console.log(`
+🗜️  Compressing with lzma...`);
+    const { createRequire: x } = await import("module"), N = await x(import.meta.url)("lzma-native").compress(v, { preset: 9 });
+    console.log(`  Compressed size: ${N.length} bytes`), console.log(`
+📤 Output (base64):
+`);
+    const F = N.toString("base64");
+    console.log(F), console.log(`
+✅ Done! (${F.length} characters)`);
+  } catch (p) {
+    console.error("❌ Error:", p.message);
+  }
+}, kt = async () => {
+  const { input: e, select: t } = await import("@inquirer/prompts"), n = await import("fs"), p = (await import("path")).default.basename(process.cwd());
+  let i, m;
+  try {
+    i = await e({
       message: "Component name:",
-      default: f
-    }), m = await o({
+      default: p
+    }), m = await t({
       message: "Component type:",
       choices: [
         { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
@@ -1709,22 +1851,23 @@ Running sync...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (u) {
-    throw u.name === "ExitPromptError" && (console.log(`
+  } catch (d) {
+    throw d.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), u;
+`), process.exit(0)), d;
   }
-  const w = {
-    name: c,
+  const y = {
+    name: i,
     type: m,
-    author: "@myop-cli"
-  }, I = d.program.getOptionValue("config") || "./myop.config.json";
+    author: "@myop-cli",
+    HMR: !0
+  }, $ = f.program.getOptionValue("config") || "./myop.config.json";
   try {
-    s.writeFileSync(I, JSON.stringify(w, null, 2)), console.log(`
-✅ Created ${I}`);
-    const u = {
-      name: c.toLowerCase().replace(/\s+/g, "-"),
+    n.writeFileSync($, JSON.stringify(y, null, 2)), console.log(`
+✅ Created ${$}`);
+    const d = {
+      name: i.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
       scripts: {
@@ -1735,7 +1878,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    s.writeFileSync("package.json", JSON.stringify(u, null, 2)), console.log("✅ Created package.json"), s.mkdirSync("src/modules", { recursive: !0 }), s.mkdirSync("src/styles", { recursive: !0 }), s.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    n.writeFileSync("package.json", JSON.stringify(d, null, 2)), console.log("✅ Created package.json"), n.mkdirSync("src/modules", { recursive: !0 }), n.mkdirSync("src/styles", { recursive: !0 }), n.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
 
@@ -1815,25 +1958,25 @@ fs.writeFileSync('dist/index.html', html);
 console.log('✅ Built dist/index.html');
 console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS files\`);
 `), console.log("✅ Created build.js");
-    const b = `<!DOCTYPE html>
+    const x = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${c}</title>
+    <title>${i}</title>
     <link rel="stylesheet" href="./src/styles/index.css">
 </head>
 <body>
     <div id="app">
-        <h1>${c}</h1>
+        <h1>${i}</h1>
         <p>Your Myop component is ready!</p>
     </div>
     <script type="module" src="./src/index.js"><\/script>
 </body>
 </html>
 `;
-    s.writeFileSync("index.html", b), console.log("✅ Created index.html");
-    const j = `// ${c} - Entry Point
+    n.writeFileSync("index.html", x), console.log("✅ Created index.html");
+    const j = `// ${i} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
 
@@ -1842,16 +1985,16 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    s.writeFileSync("src/index.js", j), console.log("✅ Created src/index.js");
-    const v = `// ${c} - Main Application Logic
+    n.writeFileSync("src/index.js", j), console.log("✅ Created src/index.js");
+    const C = `// ${i} - Main Application Logic
 
 export function init() {
-    console.log('${c} loaded');
+    console.log('${i} loaded');
 
     // Your component logic here
 }
 `;
-    s.writeFileSync("src/modules/app.js", v), console.log("✅ Created src/modules/app.js"), s.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    n.writeFileSync("src/modules/app.js", C), console.log("✅ Created src/modules/app.js"), n.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
 
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -1867,12 +2010,12 @@ export function setupMyopInterface() {
     };
 }
 `), console.log("✅ Created src/modules/myop.js");
-    const z = `/* ${c} - Styles Entry Point */
+    const F = `/* ${i} - Styles Entry Point */
 /* Add your CSS imports here - they will be auto-bundled */
 @import './main.css';
 `;
-    s.writeFileSync("src/styles/index.css", z), console.log("✅ Created src/styles/index.css");
-    const S = `/* ${c} - Main Styles */
+    n.writeFileSync("src/styles/index.css", F), console.log("✅ Created src/styles/index.css");
+    const _ = `/* ${i} - Main Styles */
 
 * {
     box-sizing: border-box;
@@ -1901,49 +2044,81 @@ p {
     line-height: 1.5;
 }
 `;
-    s.writeFileSync("src/styles/main.css", S), console.log("✅ Created src/styles/main.css"), console.log(`
+    n.writeFileSync("src/styles/main.css", _), console.log("✅ Created src/styles/main.css"), n.writeFileSync(".gitignore", `node_modules/
+dist/
+.temp-entry.js
+.temp-styles.css
+.DS_Store
+`), console.log("✅ Created .gitignore");
+    const u = await import("./index-DuEoKctW.js").then((b) => b.i), h = process.cwd();
+    try {
+      await u.init({ fs: n, dir: h });
+      const b = [
+        "myop.config.json",
+        "package.json",
+        "build.js",
+        "index.html",
+        ".gitignore",
+        "src/index.js",
+        "src/modules/app.js",
+        "src/modules/myop.js",
+        "src/styles/index.css",
+        "src/styles/main.css"
+      ];
+      for (const k of b)
+        await u.add({ fs: n, dir: h, filepath: k });
+      await u.commit({
+        fs: n,
+        dir: h,
+        message: "init",
+        author: { name: "myop-cli", email: "cli@myop.dev" }
+      }), console.log("✅ Initialized git repository");
+    } catch (b) {
+      console.log("⚠️  Failed to initialize git repository:", b.message);
+    }
+    console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
-`), d.myopConfig = w, await B(!0);
-  } catch (u) {
-    console.error(`Failed to initialize component: ${u.message}`), process.exit(1);
+`), f.myopConfig = y, await K(!0);
+  } catch (d) {
+    console.error(`Failed to initialize component: ${d.message}`), process.exit(1);
   }
 };
-d.program.command("default", { isDefault: !0 }).action(async () => {
-  if (d.program.getOptionValue("help") && (console.log(Ze), process.exit()), d.program.getOptionValue("ci")) {
-    const m = await import("fs"), w = d.program.getOptionValue("config") || "./myop.config.json", I = d.program.version(), u = we();
-    let y = { found: !1 };
+f.program.command("default", { isDefault: !0 }).action(async () => {
+  if (f.program.getOptionValue("help") && (console.log(et), process.exit()), f.program.getOptionValue("ci")) {
+    const m = await import("fs"), y = f.program.getOptionValue("config") || "./myop.config.json", $ = f.program.version(), d = xe();
+    let v = { found: !1 };
     try {
-      if (m.existsSync(w)) {
-        const j = m.readFileSync(w, "utf-8"), v = JSON.parse(j);
-        y = {
+      if (m.existsSync(y)) {
+        const j = m.readFileSync(y, "utf-8"), C = JSON.parse(j);
+        v = {
           found: !0,
-          path: w,
-          name: v.name || v.componentName || null,
-          componentId: v.componentId || null,
-          organization: v.organization || null
+          path: y,
+          name: C.name || C.componentName || null,
+          componentId: C.componentId || null,
+          organization: C.organization || null
         };
       }
     } catch (j) {
-      y = { found: !1, error: j.message };
+      v = { found: !1, error: j.message };
     }
-    const b = {
-      version: I,
-      config: y,
+    const x = {
+      version: $,
+      config: v,
       auth: {
-        loggedIn: !!(u != null && u.email),
-        email: (u == null ? void 0 : u.email) || null
+        loggedIn: !!(d != null && d.email),
+        email: (d == null ? void 0 : d.email) || null
       }
     };
-    console.log(JSON.stringify(b, null, 2)), process.exit(0);
+    console.log(JSON.stringify(x, null, 2)), process.exit(0);
   }
-  let s = F({
+  let n = U({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const r = le();
-  await Ct(500), s.stop();
-  const f = d.program.version();
-  await xt(f) || await B(r.configFound);
+  const r = me();
+  await _t(500), n.stop();
+  const p = f.program.version();
+  await It(p) || await K(r.configFound);
 });
-d.program.parse(process.argv);
-d.program.opts();
+f.program.parse(process.argv);
+f.program.opts();