@myop/cli 0.1.18 → 0.1.20

package/dist/myop-cli.js

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
-import F from "ora";
-import { select as Ie, Separator as me } from "@inquirer/prompts";
-import { Command as We, Option as ce } from "commander";
-import { execSync as re, spawn as Ge } from "child_process";
-import Z from "path";
-import A from "fs";
-import fe from "crypto";
-import Ye from "http";
-import { URL as je, URLSearchParams as _e } from "url";
-import Ke from "open";
-import Xe from "os";
-const Qe = `
+import P from "ora";
+import { select as Ne, Separator as fe } from "@inquirer/prompts";
+import { Command as Ye, Option as le } from "commander";
+import { execSync as ie, spawn as Ke } from "child_process";
+import q from "path";
+import R from "fs";
+import he from "crypto";
+import Xe from "http";
+import { URL as ke, URLSearchParams as Ee } from "url";
+import Qe from "open";
+import Ze from "os";
+const qe = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -52,81 +52,81 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, Pe = {
+}, Te = {
   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}`);
+      const n = q.join(d.executionPath, "/node_modules/@myop/flow-types/");
+      console.info(`Generate flow at ${n}`), console.info(`Generated flow at ${n}`);
     }
     process.exit();
   }
-}, Ze = (e) => {
-  const o = Z.join(d.executionPath, e);
-  console.info(`reading config file from: ${o}`);
-  const n = A.readFileSync(o, "utf8"), a = JSON.parse(n);
+}, et = (e) => {
+  const n = q.join(d.executionPath, e);
+  console.info(`reading config file from: ${n}`);
+  const s = R.readFileSync(n, "utf8"), a = JSON.parse(s);
   return console.info("config file loaded, ", a), a;
-}, ge = (e, o) => {
-  const n = Z.join(d.executionPath, e);
-  console.info(`writing config file to: ${n}`);
+}, ye = (e, n) => {
+  const s = q.join(d.executionPath, e);
+  console.info(`writing config file to: ${s}`);
   try {
-    const a = JSON.stringify(o, null, 2);
-    A.writeFileSync(n, a), console.info(`config file updated ${a}`);
+    const a = JSON.stringify(n, null, 2);
+    R.writeFileSync(s, a), console.info(`config file updated ${a}`);
   } catch (a) {
-    throw console.info(`error ${a} while writing to ${n}, JSON: ${o}`), console.log(`
-⚠️ Failed write config file to ${n}, for more info use verbose flag`), a;
+    throw console.info(`error ${a} while writing to ${s}, JSON: ${n}`), console.log(`
+⚠️ Failed write config file to ${s}, for more info use verbose flag`), a;
   }
-}, Ee = {
+}, Pe = {
   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), ge(d.options.configPath, d.myopConfig);
+    d.myopConfig.flows.includes(e) || d.myopConfig.flows.push(e), ye(d.options.configPath, d.myopConfig);
   },
   action: async () => {
   }
-}, Ne = {
+}, Re = {
   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), ge(d.options.configPath, d.myopConfig);
+    d.myopConfig.flows = d.myopConfig.flows.filter((n) => n !== e), ye(d.options.configPath, d.myopConfig);
   },
   action: () => {
   }
-}, qe = {
+}, tt = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, et = {
+}, ot = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, tt = {
+}, nt = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, ot = {
+}, st = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, nt = {
+}, rt = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, st = {
+}, it = {
   name: "🆕 Define new custom Myop message",
   value: "generateMyopMessage",
   description: "️Help you creates the right structure for a new Myop message, including types and handlers.",
   disabled: "(not available yet)"
-}, rt = [st, et, tt, ot, nt];
-function it(e, o, n, a) {
+}, at = [it, ot, nt, st, rt];
+function ct(e, n, s, a) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -134,7 +134,7 @@ function it(e, o, n, a) {
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Myop DevTools - localhost:${e}</title>
 <style>
-${n}
+${s}
 </style>
 </head>
 <body>
@@ -143,7 +143,7 @@ ${n}
         <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: ${n}</span>
         </div>
     </div>
 
@@ -216,27 +216,32 @@ ${a}
 </body>
 </html>`;
 }
-async function ke() {
-  const e = await import("fs"), o = await import("path"), { exec: n } = await import("child_process"), a = await import("http"), { createHash: f } = await import("node:crypto");
+async function Fe() {
+  const e = await import("fs"), n = await import("path"), { exec: s } = await import("child_process"), a = await import("http"), { createHash: f } = await import("node:crypto");
   let c;
   if (import.meta.url.startsWith("file://")) {
     const t = new URL(import.meta.url).pathname, r = process.platform === "win32" && t.startsWith("/") ? t.slice(1) : t;
-    c = o.default.dirname(r);
+    c = n.default.dirname(r);
   } 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, S = "./dist";
-  let j = !1, v = !1;
-  const k = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
-  let x, E, h = !1;
+    c = n.default.dirname(import.meta.url);
+  const u = n.default.join(c, "commands", "dev", "management-website"), w = e.default.readFileSync(n.default.join(u, "styles.css"), "utf-8"), O = e.default.readFileSync(n.default.join(u, "app.js"), "utf-8"), m = 9292, y = 9293, b = "./dist";
+  let I = !1, v = !1;
+  const E = (o) => {
+    const t = process.platform;
+    let r;
+    t === "darwin" ? r = `open "${o}"` : t === "win32" ? r = `start "" "${o}"` : r = `xdg-open "${o}"`, s(r, (i) => {
+    });
+  }, F = /* @__PURE__ */ new Map(), W = d.program.getOptionValue("config") || "./myop.config.json";
+  let S, h, C = !1;
   try {
-    const s = e.default.readFileSync(z, "utf-8"), t = JSON.parse(s);
-    x = t.componentId || "DEV", E = t.componentName || t.name || null, h = t.HMR === !0, h && console.log("🔥 HMR enabled");
-  } catch (s) {
-    console.error("❌ Error reading myop.config.json:", s.message), process.exit(1);
+    const o = e.default.readFileSync(W, "utf-8"), t = JSON.parse(o);
+    S = t.componentId || "DEV", h = t.componentName || t.name || null, C = t.HMR === !0, C && console.log("🔥 HMR enabled");
+  } catch (o) {
+    console.error("❌ Error reading myop.config.json:", o.message), process.exit(1);
   }
-  const $ = async () => {
-    if (x !== "DEV" && x !== "NEW")
-      return x;
+  const A = async () => {
+    if (S !== "DEV" && S !== "NEW")
+      return S;
     try {
       const t = ((await new Promise((l, p) => {
         const g = {
@@ -245,19 +250,19 @@ async function ke() {
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, M = a.default.request(g, (_) => {
-          let H = "";
-          _.on("data", (L) => H += L), _.on("end", () => {
+        }, x = a.default.request(g, (N) => {
+          let L = "";
+          N.on("data", (J) => L += J), N.on("end", () => {
             try {
-              l(JSON.parse(H));
+              l(JSON.parse(L));
             } catch {
               l({ components: [] });
             }
           });
         });
-        M.on("error", () => l({ components: [] })), M.on("timeout", () => {
-          M.destroy(), l({ components: [] });
-        }), M.end();
+        x.on("error", () => l({ components: [] })), x.on("timeout", () => {
+          x.destroy(), l({ components: [] });
+        }), x.end();
       })).components || []).map(([l]) => l).filter((l) => l === "DEV" || l === "NEW" || /^DEV\d+$/.test(l) || /^NEW\d+$/.test(l));
       if (t.length === 0)
         return "DEV1";
@@ -270,8 +275,8 @@ async function ke() {
     } catch {
       return "DEV1";
     }
-  }, N = process.cwd(), K = (s) => {
-    const t = o.default.extname(s).toLowerCase();
+  }, D = process.cwd(), V = (o) => {
+    const t = n.default.extname(o).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -283,9 +288,9 @@ async function ke() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[t] || "application/octet-stream";
-  }, b = /* @__PURE__ */ new Map(), q = [], Ae = 50, D = [], V = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), De = (s, t, r) => {
-    if (s.url.startsWith("/_hmr/")) {
-      const i = s.url.split("/_hmr/")[1], l = s.headers["sec-websocket-key"], p = f("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+  }, j = /* @__PURE__ */ new Map(), ee = [], Le = 50, H = [], G = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), Je = (o, t, r) => {
+    if (o.url.startsWith("/_hmr/")) {
+      const i = o.url.split("/_hmr/")[1], l = o.headers["sec-websocket-key"], p = f("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       t.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
@@ -293,33 +298,33 @@ Connection: Upgrade\r
 Sec-WebSocket-Accept: ${p}\r
 \r
 `
-      ), U.has(i) || U.set(i, /* @__PURE__ */ new Set()), U.get(i).add(t), console.log(`🔌 HMR client connected: ${i}`), t.on("close", () => {
-        const g = U.get(i);
-        g && (g.delete(t), g.size === 0 && U.delete(i)), console.log(`🔌 HMR client disconnected: ${i}`);
+      ), B.has(i) || B.set(i, /* @__PURE__ */ new Set()), B.get(i).add(t), console.log(`🔌 HMR client connected: ${i}`), t.on("close", () => {
+        const g = B.get(i);
+        g && (g.delete(t), g.size === 0 && B.delete(i)), console.log(`🔌 HMR client disconnected: ${i}`);
       }), t.on("error", () => {
-        const g = U.get(i);
+        const g = B.get(i);
         g && g.delete(t);
       });
     }
-  }, de = a.default.createServer((s, t) => {
-    if (t.setHeader("Content-Type", "application/json"), s.method === "POST" && s.url === "/_register") {
+  }, pe = a.default.createServer((o, t) => {
+    if (t.setHeader("Content-Type", "application/json"), o.method === "POST" && o.url === "/_register") {
       let r = "";
-      s.on("data", (i) => r += i), s.on("end", () => {
+      o.on("data", (i) => r += i), o.on("end", () => {
         try {
           const { componentId: i, distPath: l, componentName: p } = JSON.parse(r);
-          b.set(i, { path: l, name: p || null });
+          j.set(i, { path: l, name: p || null });
           const g = p ? ` (${p})` : "";
-          console.log(`✅ Registered: ${i}${g} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
-          const M = Array.from(b.entries()).map(([_, H]) => ({
-            id: _,
-            path: H.path,
-            name: H.name
+          console.log(`✅ Registered: ${i}${g} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(j.keys()) }));
+          const x = Array.from(j.entries()).map(([N, L]) => ({
+            id: N,
+            path: L.path,
+            name: L.name
           }));
-          D.forEach((_) => {
+          H.forEach((N) => {
             try {
-              _.write(`data: ${JSON.stringify({
+              N.write(`data: ${JSON.stringify({
                 type: "components",
-                components: M
+                components: x
               })}
 
 `);
@@ -330,18 +335,18 @@ Sec-WebSocket-Accept: ${p}\r
           t.writeHead(400), t.end(JSON.stringify({ error: i.message }));
         }
       });
-    } else if (s.method === "POST" && s.url === "/_unregister") {
+    } else if (o.method === "POST" && o.url === "/_unregister") {
       let r = "";
-      s.on("data", (i) => r += i), s.on("end", () => {
+      o.on("data", (i) => r += i), o.on("end", () => {
         try {
           const { componentId: i } = JSON.parse(r);
-          b.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
-          const l = Array.from(b.entries()).map(([p, g]) => ({
+          j.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
+          const l = Array.from(j.entries()).map(([p, g]) => ({
             id: p,
             path: g.path,
             name: g.name
           }));
-          D.forEach((p) => {
+          H.forEach((p) => {
             try {
               p.write(`data: ${JSON.stringify({
                 type: "components",
@@ -356,124 +361,124 @@ Sec-WebSocket-Accept: ${p}\r
           t.writeHead(400), t.end(JSON.stringify({ error: i.message }));
         }
       });
-    } else s.method === "GET" && s.url === "/_list" ? (t.writeHead(200), t.end(JSON.stringify({ components: Array.from(b.entries()) }))) : (t.writeHead(404), t.end(JSON.stringify({ error: "Not found" })));
-  }), ee = a.default.createServer((s, t) => {
-    if (s.url.includes("..")) {
+    } else o.method === "GET" && o.url === "/_list" ? (t.writeHead(200), t.end(JSON.stringify({ components: Array.from(j.entries()) }))) : (t.writeHead(404), t.end(JSON.stringify({ error: "Not found" })));
+  }), te = a.default.createServer((o, t) => {
+    if (o.url.includes("..")) {
       t.writeHead(403, { "Content-Type": "text/plain" }), t.end("Forbidden");
       return;
     }
-    const r = new URL(s.url, `http://localhost:${u}`), i = r.pathname, l = i.split("/").filter((P) => P);
+    const r = new URL(o.url, `http://localhost:${m}`), i = r.pathname, l = i.split("/").filter((_) => _);
     if (i.startsWith("/consume")) {
-      const P = r.searchParams.get("id");
-      if (!P) {
+      const _ = r.searchParams.get("id");
+      if (!_) {
         t.writeHead(400, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const R = b.get(P), J = R ? R.path : null, Oe = (W) => {
-        let C = "Unknown", T = "Unknown";
-        if (s.headers.referer || s.headers.referrer) {
-          const O = s.headers.referer || s.headers.referrer;
+      const T = j.get(_), U = T ? T.path : null, _e = (Y) => {
+        let $ = "Unknown", k = "Unknown";
+        if (o.headers.referer || o.headers.referrer) {
+          const M = o.headers.referer || o.headers.referrer;
           try {
-            const G = new URL(O);
-            C = G.origin, T = G.hostname || G.origin;
+            const K = new URL(M);
+            $ = K.origin, k = K.hostname || K.origin;
           } catch {
-            C = O, T = O;
+            $ = M, k = M;
           }
-        } else if (s.headers.origin)
+        } else if (o.headers.origin)
           try {
-            const O = new URL(s.headers.origin);
-            C = O.origin, T = O.hostname || O.origin;
+            const M = new URL(o.headers.origin);
+            $ = M.origin, k = M.hostname || M.origin;
           } catch {
-            C = s.headers.origin, T = s.headers.origin;
+            $ = o.headers.origin, k = o.headers.origin;
           }
-        else if (s.socket.remoteAddress) {
-          const O = s.socket.remoteAddress;
-          O === "::1" || O === "::ffff:127.0.0.1" ? (C = "localhost", T = "localhost (direct)") : (C = O, T = O.replace("::ffff:", ""));
+        else if (o.socket.remoteAddress) {
+          const M = o.socket.remoteAddress;
+          M === "::1" || M === "::ffff:127.0.0.1" ? ($ = "localhost", k = "localhost (direct)") : ($ = M, k = M.replace("::ffff:", ""));
         }
-        const pe = s.headers.referer || s.headers.referrer || C, ne = {
+        const me = o.headers.referer || o.headers.referrer || $, se = {
           type: "request",
-          componentId: P,
+          componentId: _,
           timestamp: Date.now(),
-          servedLocally: W,
-          referrer: pe,
-          origin: C,
-          originLabel: T
+          servedLocally: Y,
+          referrer: me,
+          origin: $,
+          originLabel: k
         };
-        V.has(C) || (V.set(C, {
-          url: C,
-          label: T,
+        G.has($) || (G.set($, {
+          url: $,
+          label: k,
           firstSeen: Date.now(),
           requestCount: 0
-        }), D.forEach((O) => {
+        }), H.forEach((M) => {
           try {
-            O.write(`data: ${JSON.stringify({
+            M.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(V.values())
+              origins: Array.from(G.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const Ve = V.get(C);
-        Ve.requestCount++, D.forEach((O) => {
+        const ue = G.get($);
+        ue.requestCount++, H.forEach((M) => {
           try {
-            O.write(`data: ${JSON.stringify({
+            M.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(V.values())
+              origins: Array.from(G.values())
             })}
 
 `);
           } catch {
           }
-        }), q.push(ne), q.length > Ae && q.shift(), D.forEach((O) => {
+        }), ee.push(se), ee.length > Le && ee.shift(), H.forEach((M) => {
           try {
-            O.write(`data: ${JSON.stringify(ne)}
+            M.write(`data: ${JSON.stringify(se)}
 
 `);
           } catch {
           }
         });
       };
-      if (J) {
-        const W = o.default.join(J, "index.html");
-        e.default.readFile(W, "utf-8", (C, T) => {
-          if (C) {
-            console.log(`❌ File not found: ${W}`), t.writeHead(404, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "index.html not found" }));
+      if (U) {
+        const Y = n.default.join(U, "index.html");
+        e.default.readFile(Y, "utf-8", ($, k) => {
+          if ($) {
+            console.log(`❌ File not found: ${Y}`), t.writeHead(404, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const pe = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, ne = {
+          const me = xe(k, _), se = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, ue = {
             item: {
-              name: P,
-              id: P,
+              name: _,
+              id: _,
               consume_variant: [
                 {
-                  id: pe,
+                  id: se,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: T
+                    HTML: me
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${P}`), Oe(!0), t.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${_}`), _e(!0), t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), t.end(JSON.stringify(ne, null, 2));
+          }), t.end(JSON.stringify(ue, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${P}`);
-        const W = `https://cloud.myop.dev/consume${r.search}`;
-        Oe(!1), fetch(W).then((C) => C.text()).then((C) => {
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${_}`);
+        const Y = `https://cloud.myop.dev/consume${r.search}`;
+        _e(!1), fetch(Y).then(($) => $.text()).then(($) => {
           t.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" }));
+          }), t.end($);
+        }).catch(($) => {
+          console.error(`❌ Proxy error: ${$.message}`), t.writeHead(502, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
@@ -484,35 +489,35 @@ Sec-WebSocket-Accept: ${p}\r
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), D.push(t);
-      const P = Array.from(b.entries()).map(([R, J]) => ({
-        id: R,
-        path: J.path,
-        name: J.name
+      }), H.push(t);
+      const _ = Array.from(j.entries()).map(([T, U]) => ({
+        id: T,
+        path: U.path,
+        name: U.name
       }));
       t.write(`data: ${JSON.stringify({
         type: "components",
-        components: P
+        components: _
       })}
 
 `), t.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(V.values())
+        origins: Array.from(G.values())
       })}
 
 `), t.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: q
+        log: ee
       })}
 
-`), s.on("close", () => {
-        const R = D.indexOf(t);
-        R !== -1 && D.splice(R, 1);
+`), o.on("close", () => {
+        const T = H.indexOf(t);
+        T !== -1 && H.splice(T, 1);
       });
       return;
     }
     if (l.length === 0) {
-      t.writeHead(200, { "Content-Type": "text/html" }), t.end(it(u, y, w, I));
+      t.writeHead(200, { "Content-Type": "text/html" }), t.end(ct(m, y, w, O));
       return;
     }
     if (l[0] !== "view") {
@@ -523,28 +528,28 @@ Sec-WebSocket-Accept: ${p}\r
       t.writeHead(400, { "Content-Type": "text/plain" }), t.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const p = l[1], g = b.get(p);
+    const p = l[1], g = j.get(p);
     if (!g) {
       t.writeHead(404, { "Content-Type": "text/plain" }), t.end(`Component not found: ${p}`);
       return;
     }
-    const M = g.path, _ = l.slice(2), H = _.length === 0 ? "index.html" : _.join("/"), L = o.default.join(M, H);
-    console.log(`📥 Request: ${s.url} -> ${L}`), e.default.readFile(L, (P, R) => {
-      if (P) {
-        console.log(`❌ File not found: ${L}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
+    const x = g.path, N = l.slice(2), L = N.length === 0 ? "index.html" : N.join("/"), J = n.default.join(x, L);
+    console.log(`📥 Request: ${o.url} -> ${J}`), e.default.readFile(J, (_, T) => {
+      if (_) {
+        console.log(`❌ File not found: ${J}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
         return;
       }
-      const J = K(L);
-      console.log(`✅ Serving: ${L} (${J})`), t.writeHead(200, {
-        "Content-Type": J,
+      const U = V(J);
+      console.log(`✅ Serving: ${J} (${U})`), t.writeHead(200, {
+        "Content-Type": U,
         "Access-Control-Allow-Origin": "*"
-      }), t.end(R);
+      }), t.end(T);
     });
-  }), ve = () => new Promise((s, t) => {
+  }), be = () => new Promise((o, t) => {
     const r = JSON.stringify({
-      componentId: x,
-      distPath: o.default.resolve(N, S),
-      componentName: E
+      componentId: S,
+      distPath: n.default.resolve(D, b),
+      componentName: h
     }), i = {
       hostname: "localhost",
       port: y,
@@ -556,13 +561,13 @@ Sec-WebSocket-Accept: ${p}\r
       }
     }, l = a.default.request(i, (p) => {
       let g = "";
-      p.on("data", (M) => g += M), p.on("end", () => {
-        p.statusCode === 200 ? s(JSON.parse(g)) : t(new Error(`Registration failed: ${p.statusCode}`));
+      p.on("data", (x) => g += x), p.on("end", () => {
+        p.statusCode === 200 ? o(JSON.parse(g)) : t(new Error(`Registration failed: ${p.statusCode}`));
       });
     });
     l.on("error", t), l.write(r), l.end();
-  }), He = () => new Promise((s, t) => {
-    const r = JSON.stringify({ componentId: x }), i = {
+  }), Ue = () => new Promise((o, t) => {
+    const r = JSON.stringify({ componentId: S }), i = {
       hostname: "localhost",
       port: y,
       path: "/_unregister",
@@ -572,23 +577,14 @@ Sec-WebSocket-Accept: ${p}\r
         "Content-Length": Buffer.byteLength(r)
       }
     }, l = a.default.request(i, (p) => {
-      s();
+      o();
     });
-    l.on("error", () => s()), l.write(r), l.end();
-  }), Le = () => {
-    if (!h) return;
-    const s = o.default.join(S, "index.html");
-    try {
-      let t = e.default.readFileSync(s, "utf-8");
-      if (t.includes("<!-- MYOP HMR -->")) {
-        const i = t.indexOf("<!-- MYOP HMR -->"), l = t.indexOf("<\/script>", i) + 9;
-        t = t.slice(0, i) + t.slice(l);
-      }
-      const r = `
+    l.on("error", () => o()), l.write(r), l.end();
+  }), Be = (o) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${x}';
+    const componentId = '${o}';
     const wsUrl = 'ws://localhost:${y}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
@@ -689,13 +685,12 @@ Sec-WebSocket-Accept: ${p}\r
     connect();
 })();
 <\/script>
-`;
-      t.includes("</body>") ? t = t.replace("</body>", `${r}</body>`) : t.includes("</html>") ? t = t.replace("</html>", `${r}</html>`) : t += r, e.default.writeFileSync(s, t, "utf-8"), console.log("🔥 HMR script injected");
-    } catch (t) {
-      console.error("❌ Failed to inject HMR script:", t.message);
-    }
-  }, Je = (s) => {
-    const t = Buffer.from(s), r = t.length;
+`, xe = (o, t) => {
+    if (!C) return o;
+    const r = Be(t);
+    return o.includes("</body>") ? o.replace("</body>", `${r}</body>`) : o.includes("</html>") ? o.replace("</html>", `${r}</html>`) : o + r;
+  }, ze = (o) => {
+    const t = Buffer.from(o), r = t.length;
     let i;
     return r < 126 ? i = Buffer.concat([
       Buffer.from([129, r]),
@@ -714,89 +709,84 @@ Sec-WebSocket-Accept: ${p}\r
       // 64-bit length
       t
     ]), i;
-  }, Ue = () => {
-    if (!h) return;
-    const s = U.get(x);
-    if (!s || s.size === 0)
+  }, We = () => {
+    if (!C) return;
+    const o = B.get(S);
+    if (!o || o.size === 0)
       return;
-    console.log(`🔥 Notifying ${s.size} HMR client(s)`);
-    const t = o.default.join(S, "index.html");
+    console.log(`🔥 Notifying ${o.size} HMR client(s)`);
+    const t = n.default.join(b, "index.html");
     try {
-      let r = e.default.readFileSync(t, "utf-8");
-      if (r.includes("<!-- MYOP HMR -->")) {
-        const p = r.indexOf("<!-- MYOP HMR -->"), g = r.indexOf("<\/script>", p) + 9;
-        r = r.slice(0, p) + r.slice(g);
-      }
-      const i = JSON.stringify({
+      const r = e.default.readFileSync(t, "utf-8"), i = xe(r, S), l = JSON.stringify({
         type: "update",
-        html: r
-      }), l = Je(i);
-      s.forEach((p) => {
+        html: i
+      }), p = ze(l);
+      o.forEach((g) => {
         try {
-          p.write(l);
+          g.write(p);
         } catch {
-          s.delete(p);
+          o.delete(g);
         }
       });
     } catch (r) {
       console.error("❌ Failed to read HTML for HMR:", r.message);
     }
   };
-  let xe = !1;
-  const te = () => {
-    if (j) {
+  let Ce = !1;
+  const oe = (o) => {
+    if (I) {
       v = !0;
       return;
     }
-    j = !0, console.log(`
-🔨 Building...`), n("npm run build", (s, t, r) => {
-      if (j = !1, s) {
-        const i = s.message + (r || "");
-        if (!xe && i.includes("ERR_MODULE_NOT_FOUND") && i.includes("esbuild")) {
-          xe = !0, console.log("📦 Missing dependencies detected, running npm install..."), n("npm install", (l, p, g) => {
-            l ? (console.error("❌ Failed to install dependencies:", l.message), g && console.error(g)) : (console.log("✅ Dependencies installed"), te());
+    I = !0, console.log(`
+🔨 Building...`), s("npm run build", (t, r, i) => {
+      if (I = !1, t) {
+        const l = t.message + (i || "");
+        if (!Ce && l.includes("ERR_MODULE_NOT_FOUND") && l.includes("esbuild")) {
+          Ce = !0, console.log("📦 Missing dependencies detected, running npm install..."), s("npm install", (p, g, x) => {
+            p ? (console.error("❌ Failed to install dependencies:", p.message), x && console.error(x)) : (console.log("✅ Dependencies installed"), oe(o));
           });
           return;
         }
-        console.error("❌ Build failed:", s.message), r && console.error(r);
+        console.error("❌ Build failed:", t.message), i && console.error(i);
       } else
-        console.log("✅ Build completed"), t && console.log(t), Le(), Ue();
-      v && (v = !1, te());
+        console.log("✅ Build completed"), r && console.log(r), We(), o && o();
+      v && (v = !1, oe());
     });
-  }, Se = /* @__PURE__ */ new Set(), be = (s) => {
-    e.default.readdir(s, { withFileTypes: !0 }, (t, r) => {
+  }, $e = /* @__PURE__ */ new Set(), Me = (o) => {
+    e.default.readdir(o, { withFileTypes: !0 }, (t, r) => {
       t || (r.forEach((i) => {
-        const l = o.default.join(s, i.name);
+        const l = n.default.join(o, i.name);
         if (i.isDirectory())
-          i.name !== "node_modules" && i.name !== "dist" && !i.name.startsWith(".") && be(l);
+          i.name !== "node_modules" && i.name !== "dist" && !i.name.startsWith(".") && Me(l);
         else if (i.isFile()) {
-          const p = o.default.extname(i.name);
+          const p = n.default.extname(i.name);
           if (p === ".js" || p === ".css" || p === ".html")
             try {
               const g = e.default.readFileSync(l, "utf-8");
-              k.set(l, g);
+              F.set(l, g);
             } catch {
             }
         }
-      }), Se.has(s) || (Se.add(s), e.default.watch(s, (i, l) => {
+      }), $e.has(o) || ($e.add(o), e.default.watch(o, (i, l) => {
         if (!l) return;
-        const p = o.default.extname(l);
+        const p = n.default.extname(l);
         if (p !== ".js" && p !== ".css" && p !== ".html") return;
-        const g = o.default.join(s, l);
+        const g = n.default.join(o, l);
         setTimeout(() => {
           try {
-            const M = e.default.readFileSync(g, "utf-8"), _ = k.get(g);
-            M !== _ && (k.set(g, M), console.log(`📝 File changed: ${g}`), te());
+            const x = e.default.readFileSync(g, "utf-8"), N = F.get(g);
+            x !== N && (F.set(g, x), console.log(`📝 File changed: ${g}`), oe());
           } catch {
           }
         }, 50);
       })));
     });
-  }, Ce = () => {
+  }, Oe = (o) => {
     console.log(`
-🔨 Component: ${x}`), te(), be(N), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${S}`), oe(o), Me(D), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `);
-  }, Be = () => new Promise((s) => {
+  }, Ve = () => new Promise((o) => {
     const t = {
       hostname: "localhost",
       port: y,
@@ -804,21 +794,21 @@ Sec-WebSocket-Accept: ${p}\r
       method: "GET",
       timeout: 1e3
     }, r = a.default.request(t, (i) => {
-      s(!0);
+      o(!0);
     });
-    r.on("error", () => s(!1)), r.on("timeout", () => {
-      r.destroy(), s(!1);
+    r.on("error", () => o(!1)), r.on("timeout", () => {
+      r.destroy(), o(!1);
     }), r.end();
-  }), ze = () => new Promise((s) => {
+  }), Ge = () => new Promise((o) => {
     const t = a.default.createServer((r, i) => {
       if (i.setHeader("Content-Type", "application/json"), r.method === "POST" && r.url === "/_register") {
         let l = "";
         r.on("data", (p) => l += p), r.on("end", () => {
           try {
-            const { componentId: p, distPath: g, componentName: M } = JSON.parse(l);
-            b.set(p, { path: g, name: M || null });
-            const _ = M ? ` (${M})` : "";
-            console.log(`✅ Registered: ${p}${_} -> ${g}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
+            const { componentId: p, distPath: g, componentName: x } = JSON.parse(l);
+            j.set(p, { path: g, name: x || null });
+            const N = x ? ` (${x})` : "";
+            console.log(`✅ Registered: ${p}${N} -> ${g}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(j.keys()) }));
           } catch (p) {
             i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
@@ -828,143 +818,147 @@ Sec-WebSocket-Accept: ${p}\r
         r.on("data", (p) => l += p), r.on("end", () => {
           try {
             const { componentId: p } = JSON.parse(l);
-            b.delete(p), console.log(`❌ Unregistered: ${p}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
+            j.delete(p), console.log(`❌ Unregistered: ${p}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
           } catch (p) {
             i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
         });
-      } else r.method === "GET" && r.url === "/_list" ? (i.writeHead(200), i.end(JSON.stringify({ components: Array.from(b.entries()) }))) : (i.writeHead(404), i.end(JSON.stringify({ error: "Not found" })));
+      } else r.method === "GET" && r.url === "/_list" ? (i.writeHead(200), i.end(JSON.stringify({ components: Array.from(j.entries()) }))) : (i.writeHead(404), i.end(JSON.stringify({ error: "Not found" })));
     });
     t.on("error", () => {
-      s(!1);
+      o(!1);
     }), t.listen(y, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", () => {
-        t.close(), s(!1);
-      }), ee.listen(u, () => {
-        console.log(`📡 Main server running at http://localhost:${u}`), b.set(x, {
-          path: o.default.resolve(N, S),
-          name: E
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${y}`), te.on("error", () => {
+        t.close(), o(!1);
+      }), te.listen(m, () => {
+        console.log(`📡 Main server running at http://localhost:${m}`), j.set(S, {
+          path: n.default.resolve(D, b),
+          name: h
         });
-        const r = E ? ` (${E})` : "";
-        console.log(`✅ Registered component: ${x}${r}`), console.log(`📡 Access at: http://localhost:${u}/view/${x}/`), s(!0);
+        const r = h ? ` (${h})` : "";
+        console.log(`✅ Registered component: ${S}${r}`), console.log(`📡 Access at: http://localhost:${m}/view/${S}/`), o(!0);
       });
     });
   });
-  let oe;
-  const $e = () => {
-    oe = setInterval(async () => {
-      await Be() || (clearInterval(oe), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await ze() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let ne;
+  const Ie = () => {
+    ne = setInterval(async () => {
+      await Ve() || (clearInterval(ne), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await Ge() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await ve(), console.log(`✅ Re-registered component: ${x}`), $e();
+          await be(), console.log(`✅ Re-registered component: ${S}`), Ie();
         } catch (r) {
           console.error("❌ Failed to re-register:", r.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Me = async () => {
+  }, je = async () => {
     console.log(`
 
-🛑 Shutting down...`), oe && clearInterval(oe), await He(), process.exit(0);
+🛑 Shutting down...`), ne && clearInterval(ne), await Ue(), process.exit(0);
   };
-  process.on("SIGINT", Me), process.on("SIGTERM", Me), de.on("error", async (s) => {
-    if (s.code === "EADDRINUSE") {
+  process.on("SIGINT", je), process.on("SIGTERM", je), pe.on("error", async (o) => {
+    if (o.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        x = await $();
-        const t = await ve();
-        console.log(`✅ Registered component: ${x}`), console.log(`📡 Access at: http://localhost:${u}/view/${x}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), Ce(), $e();
+        S = await A();
+        const t = await be();
+        console.log(`✅ Registered component: ${S}`), console.log(`📡 Access at: http://localhost:${m}/view/${S}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), Oe(() => {
+          E(`http://localhost:${m}/view/${S}/`);
+        }), Ie();
       } catch (t) {
         console.error("❌ Failed to register component:", t.message), process.exit(1);
       }
     } else
-      console.error("❌ Management server error:", s.message), process.exit(1);
-  }), de.on("upgrade", De), de.listen(y, async () => {
+      console.error("❌ Management server error:", o.message), process.exit(1);
+  }), pe.on("upgrade", Je), pe.listen(y, async () => {
     console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", (s) => {
-      console.error("❌ Main server error:", s.message), process.exit(1);
-    }), ee.listen(u, async () => {
-      console.log(`📡 Main server running at http://localhost:${u}`), (x === "DEV" || x === "NEW") && (x = "DEV1"), b.set(x, {
-        path: o.default.resolve(N, S),
-        name: E
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${y}`), te.on("error", (o) => {
+      console.error("❌ Main server error:", o.message), process.exit(1);
+    }), te.listen(m, async () => {
+      console.log(`📡 Main server running at http://localhost:${m}`), (S === "DEV" || S === "NEW") && (S = "DEV1"), j.set(S, {
+        path: n.default.resolve(D, b),
+        name: h
+      });
+      const o = h ? ` (${h})` : "";
+      console.log(`✅ Registered component: ${S}${o}`), console.log(`📡 Access at: http://localhost:${m}/view/${S}/`), Oe(() => {
+        E(`http://localhost:${m}/view/${S}/`);
       });
-      const s = E ? ` (${E})` : "";
-      console.log(`✅ Registered component: ${x}${s}`), console.log(`📡 Access at: http://localhost:${u}/view/${x}/`), Ce();
     });
   });
 }
-const ue = Z.join(Xe.homedir(), ".myop"), Q = Z.join(ue, "credentials.json");
-function at() {
-  A.existsSync(ue) || A.mkdirSync(ue, { recursive: !0, mode: 448 });
+const ge = q.join(Ze.homedir(), ".myop"), Z = q.join(ge, "credentials.json");
+function lt() {
+  R.existsSync(ge) || R.mkdirSync(ge, { recursive: !0, mode: 448 });
 }
-function he() {
+function we() {
   try {
-    if (!A.existsSync(Q))
+    if (!R.existsSync(Z))
       return null;
-    const e = A.readFileSync(Q, "utf8");
+    const e = R.readFileSync(Z, "utf8");
     return JSON.parse(e);
   } catch (e) {
     return console.info("Failed to read credentials:", e.message), null;
   }
 }
-function Te(e) {
-  at();
-  const o = {
+function Ae(e) {
+  lt();
+  const n = {
     ...e,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  A.writeFileSync(Q, JSON.stringify(o, null, 2), {
+  R.writeFileSync(Z, JSON.stringify(n, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function Re() {
+function De() {
   try {
-    return A.existsSync(Q) && A.unlinkSync(Q), !0;
+    return R.existsSync(Z) && R.unlinkSync(Z), !0;
   } catch (e) {
     return console.error("Failed to clear credentials:", e.message), !1;
   }
 }
-function ct(e) {
+function dt(e) {
   if (!e || !e.expiresAt)
     return !0;
-  const o = 5 * 60 * 1e3, n = new Date(e.expiresAt).getTime();
-  return Date.now() > n - o;
+  const n = 5 * 60 * 1e3, s = new Date(e.expiresAt).getTime();
+  return Date.now() > s - n;
 }
-function ye() {
-  const e = he();
+function ve() {
+  const e = we();
   return e ? {
     email: e.userEmail,
     userId: e.userId
   } : null;
 }
-const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ie = 19284, we = `http://localhost:${ie}/callback`, lt = "myop-cli";
-function dt() {
-  return fe.randomBytes(32).toString("base64url");
+const X = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ae = 19284, Se = `http://localhost:${ae}/callback`, pt = "myop-cli";
+function mt() {
+  return he.randomBytes(32).toString("base64url");
 }
-function pt(e) {
-  return fe.createHash("sha256").update(e).digest("base64url");
+function ut(e) {
+  return he.createHash("sha256").update(e).digest("base64url");
 }
-async function mt() {
-  const e = await fetch(`${Y}/oauth/register`, {
+async function ft() {
+  const e = await fetch(`${X}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: lt,
-      redirect_uris: [we],
+      client_name: pt,
+      redirect_uris: [Se],
       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 n = await e.text();
+    throw new Error(`Failed to register client: ${n}`);
   }
   return e.json();
 }
-function se(e, o, n, a = null) {
+function re(e, n, s, a = null) {
   const f = {
     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"/>
@@ -982,13 +976,13 @@ function se(e, o, n, a = null) {
     success: { accent: "#4ade80", glow: "rgba(74, 222, 128, 0.1)" },
     error: { accent: "#f87171", glow: "rgba(248, 113, 113, 0.1)" },
     warning: { accent: "#fbbf24", glow: "rgba(251, 191, 36, 0.1)" }
-  }, { accent: m, glow: w } = c[e] || c.error;
+  }, { accent: u, glow: w } = c[e] || c.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 | ${n}</title>
     <style>
         * {
             margin: 0;
@@ -1043,7 +1037,7 @@ function se(e, o, n, a = null) {
         h1 {
             font-size: 20px;
             font-weight: 500;
-            color: ${m};
+            color: ${u};
             margin-bottom: 12px;
             letter-spacing: -0.5px;
         }
@@ -1076,7 +1070,7 @@ function se(e, o, n, a = null) {
             align-items: center;
             gap: 8px;
             background: ${w};
-            border: 1px solid ${m}33;
+            border: 1px solid ${u}33;
             border-radius: 4px;
             padding: 10px 16px;
             font-size: 12px;
@@ -1115,8 +1109,8 @@ function se(e, o, n, a = null) {
         <div class="icon">
             ${f[e] || f.error}
         </div>
-        <h1>${o}</h1>
-        <p class="message">${n}</p>
+        <h1>${n}</h1>
+        <p class="message">${s}</p>
         ${a ? `<div class="details"><code>Error:</code> ${a}</div>` : ""}
         <div class="hint">
             <span>Press</span>
@@ -1130,64 +1124,64 @@ function se(e, o, n, a = null) {
 </body>
 </html>`;
 }
-function ut(e) {
-  return new Promise((o, n) => {
-    const a = Ye.createServer((f, c) => {
-      const m = new je(f.url, `http://localhost:${ie}`);
-      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(
+function gt(e) {
+  return new Promise((n, s) => {
+    const a = Xe.createServer((f, c) => {
+      const u = new ke(f.url, `http://localhost:${ae}`);
+      if (u.pathname === "/callback") {
+        const w = u.searchParams.get("code"), O = u.searchParams.get("state"), m = u.searchParams.get("error");
+        if (m) {
+          c.writeHead(200, { "Content-Type": "text/html" }), c.end(re(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            u
-          )), a.close(), n(new Error(`OAuth error: ${u}`));
+            m
+          )), a.close(), s(new Error(`OAuth error: ${m}`));
           return;
         }
-        if (I !== e) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
+        if (O !== e) {
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(re(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
             "state_mismatch"
-          )), a.close(), n(new Error("State mismatch"));
+          )), a.close(), s(new Error("State mismatch"));
           return;
         }
         if (!w) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(re(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
             "missing_code"
-          )), a.close(), n(new Error("No authorization code"));
+          )), a.close(), s(new Error("No authorization code"));
           return;
         }
-        c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
+        c.writeHead(200, { "Content-Type": "text/html" }), c.end(re(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), a.close(), o(w);
+        )), a.close(), n(w);
       } else
         c.writeHead(404), c.end("Not found");
     });
-    a.listen(ie, () => {
-      console.info(`OAuth callback server listening on port ${ie}`);
+    a.listen(ae, () => {
+      console.info(`OAuth callback server listening on port ${ae}`);
     }), setTimeout(() => {
-      a.close(), n(new Error("Authentication timed out"));
+      a.close(), s(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function ft(e, o, n) {
-  const a = await fetch(`${Y}/oauth/token`, {
+async function ht(e, n, s) {
+  const a = await fetch(`${X}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new _e({
+    body: new Ee({
       grant_type: "authorization_code",
       code: e,
-      client_id: o,
-      redirect_uri: we,
-      code_verifier: n
+      client_id: n,
+      redirect_uri: Se,
+      code_verifier: s
     })
   });
   if (!a.ok) {
@@ -1196,25 +1190,25 @@ async function ft(e, o, n) {
   }
   return a.json();
 }
-async function gt(e, o) {
-  const n = await fetch(`${Y}/oauth/token`, {
+async function yt(e, n) {
+  const s = await fetch(`${X}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new _e({
+    body: new Ee({
       grant_type: "refresh_token",
       refresh_token: e,
-      client_id: o
+      client_id: n
     })
   });
-  if (!n.ok) {
-    const a = await n.json();
+  if (!s.ok) {
+    const a = await s.json();
     throw new Error(a.error_description || a.error || "Token refresh failed");
   }
-  return n.json();
+  return s.json();
 }
-async function ht(e) {
-  var f, c, m;
-  const o = await fetch(`${Y}/mcp`, {
+async function wt(e) {
+  var f, c, u;
+  const n = await fetch(`${X}/mcp`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -1230,112 +1224,112 @@ async function ht(e) {
       }
     })
   });
-  if (!o.ok)
+  if (!n.ok)
     throw new Error("Failed to get user info");
-  const n = await o.json();
-  if (n.error)
-    throw new Error(n.error.message);
-  const a = (m = (c = (f = n.result) == null ? void 0 : f.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
+  const s = await n.json();
+  if (s.error)
+    throw new Error(s.error.message);
+  const a = (u = (c = (f = s.result) == null ? void 0 : f.content) == null ? void 0 : c[0]) == null ? void 0 : u.text;
   if (a)
     return JSON.parse(a);
   throw new Error("Invalid response from whoami");
 }
-async function X() {
-  const e = F("Starting authentication...").start();
+async function Q() {
+  const e = P("Starting authentication...").start();
   try {
     e.text = "Registering OAuth client...";
-    const n = (await mt()).client_id, a = dt(), f = pt(a), c = fe.randomBytes(16).toString("hex");
+    const s = (await ft()).client_id, a = mt(), f = ut(a), c = he.randomBytes(16).toString("hex");
     e.text = "Waiting for authorization...";
-    const m = ut(c), w = new je(`${Y}/oauth/authorize`);
-    w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", n), w.searchParams.set("redirect_uri", we), w.searchParams.set("code_challenge", f), w.searchParams.set("code_challenge_method", "S256"), w.searchParams.set("state", c), e.stop(), console.log(`
+    const u = gt(c), w = new ke(`${X}/oauth/authorize`);
+    w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", s), w.searchParams.set("redirect_uri", Se), 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 Ke(w.toString());
-    const I = await m;
+`), await Qe(w.toString());
+    const O = await u;
     e.start("Exchanging authorization code...");
-    const u = await ft(I, n, a);
+    const m = await ht(O, s, a);
     e.text = "Getting user info...";
-    const y = await ht(u.access_token), S = {
-      accessToken: u.access_token,
-      refreshToken: u.refresh_token,
-      expiresAt: new Date(Date.now() + u.expires_in * 1e3).toISOString(),
-      clientId: n,
+    const y = await wt(m.access_token), b = {
+      accessToken: m.access_token,
+      refreshToken: m.refresh_token,
+      expiresAt: new Date(Date.now() + m.expires_in * 1e3).toISOString(),
+      clientId: s,
       userId: y.userId,
       userEmail: y.email
     };
-    return Te(S), e.succeed(`Authenticated as ${y.email}`), S;
-  } catch (o) {
-    throw e.fail(`Authentication failed: ${o.message}`), o;
+    return Ae(b), e.succeed(`Authenticated as ${y.email}`), b;
+  } catch (n) {
+    throw e.fail(`Authentication failed: ${n.message}`), n;
   }
 }
-async function Fe() {
-  const e = he();
+async function He() {
+  const e = we();
   if (!e) {
     console.log("Not currently logged in.");
     return;
   }
-  Re(), console.log(`✅ Logged out (was: ${e.userEmail})`);
+  De(), console.log(`✅ Logged out (was: ${e.userEmail})`);
 }
-async function yt() {
-  let e = he();
+async function vt() {
+  let e = we();
   if (!e)
     return console.log(`Not logged in. Starting authentication...
-`), await X();
-  if (!ct(e))
+`), await Q();
+  if (!dt(e))
     return e;
   if (e.refreshToken) {
-    const o = F("Refreshing access token...").start();
+    const n = P("Refreshing access token...").start();
     try {
-      const n = await gt(
+      const s = await yt(
         e.refreshToken,
         e.clientId
       );
       return e = {
         ...e,
-        accessToken: n.access_token,
-        refreshToken: n.refresh_token,
-        expiresAt: new Date(Date.now() + n.expires_in * 1e3).toISOString()
-      }, Te(e), o.succeed("Token refreshed"), e;
+        accessToken: s.access_token,
+        refreshToken: s.refresh_token,
+        expiresAt: new Date(Date.now() + s.expires_in * 1e3).toISOString()
+      }, Ae(e), n.succeed("Token refreshed"), e;
     } catch {
-      return o.warn("Token refresh failed, please log in again"), Re(), await X();
+      return n.warn("Token refresh failed, please log in again"), De(), await Q();
     }
   }
   return console.log(`Session expired. Please log in again.
-`), await X();
+`), await Q();
 }
-function wt() {
-  return Y;
+function St() {
+  return X;
 }
-const ae = "@myop/cli";
-async function vt() {
+const ce = "@myop/cli";
+async function bt() {
   try {
-    const e = await fetch(`https://registry.npmjs.org/${ae}/latest`);
+    const e = await fetch(`https://registry.npmjs.org/${ce}/latest`);
     return e.ok ? (await e.json()).version : null;
   } catch {
     return null;
   }
 }
-function xt(e, o) {
-  const n = e.split(".").map(Number), a = o.split(".").map(Number);
-  for (let f = 0; f < Math.max(n.length, a.length); f++) {
-    const c = n[f] || 0, m = a[f] || 0;
-    if (c > m) return 1;
-    if (c < m) return -1;
+function xt(e, n) {
+  const s = e.split(".").map(Number), a = n.split(".").map(Number);
+  for (let f = 0; f < Math.max(s.length, a.length); f++) {
+    const c = s[f] || 0, u = a[f] || 0;
+    if (c > u) return 1;
+    if (c < u) return -1;
   }
   return 0;
 }
-async function St(e) {
-  const o = F({
+async function Ct(e) {
+  const n = P({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), n = await vt();
-  if (o.stop(), !n || xt(n, e) <= 0)
+  }).start(), s = await bt();
+  if (n.stop(), !s || xt(s, e) <= 0)
     return !1;
   console.log(`
-📦 New version available: ${e} → ${n}
+📦 New version available: ${e} → ${s}
 `);
   let a;
   try {
-    a = await Ie({
+    a = await Ne({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
@@ -1349,39 +1343,39 @@ async function St(e) {
 `), process.exit(0)), f;
   }
   if (a) {
-    const f = F({
-      text: `Updating ${ae} to v${n}...`,
+    const f = P({
+      text: `Updating ${ce} to v${s}...`,
       color: "green"
     }).start();
     try {
-      return re(`npm install -g ${ae}@latest`, { stdio: "pipe" }), f.succeed(`Updated to v${n}`), console.log(`
+      return ie(`npm install -g ${ce}@latest`, { stdio: "pipe" }), f.succeed(`Updated to v${s}`), console.log(`
 🔄 Restarting with new version...
-`), Ge("myop", process.argv.slice(2), {
+`), Ke("myop", process.argv.slice(2), {
         stdio: "inherit",
         shell: !0
-      }).on("close", (m) => {
-        process.exit(m || 0);
+      }).on("close", (u) => {
+        process.exit(u || 0);
       }), !0;
     } catch {
       return f.fail("Update failed"), console.log(`
-You can manually update by running: npm install -g ${ae}@latest
+You can manually update by running: npm install -g ${ce}@latest
 `), !1;
     }
   }
   return !1;
 }
-const bt = (e) => new Promise((o) => setTimeout(o, e));
+const $t = (e) => new Promise((n) => setTimeout(n, e));
 d.executionPath = process.cwd();
-const le = (e = !1) => {
-  const o = d.program.getOptionValue("verbose");
-  o || (console.info = () => {
+const de = (e = !1) => {
+  const n = d.program.getOptionValue("verbose");
+  n || (console.info = () => {
   }), console.info("📝 verbose mode on"), d.options = {
     configPath: d.program.getOptionValue("config"),
-    verbose: o
+    verbose: n
   };
   try {
-    return d.myopConfig = Ze(d.options.configPath), { configFound: !0 };
-  } catch (n) {
+    return d.myopConfig = et(d.options.configPath), { configFound: !0 };
+  } catch (s) {
     if (e) {
       console.info(`
 ⚠️ failed read config file from ${d.options.configPath}, trying to create new one`);
@@ -1390,84 +1384,84 @@ const le = (e = !1) => {
           author: "@myop-cli",
           flows: []
         };
-        return ge(d.options.configPath, a), d.myopConfig = a, { configFound: !0 };
+        return ye(d.options.configPath, a), d.myopConfig = a, { configFound: !0 };
       } catch {
-        return console.info("Error details :", n), { configFound: !1, error: n };
+        return console.info("Error details :", s), { configFound: !1, error: s };
       }
     } else
-      return console.info("Error details :", n), { configFound: !1, error: n };
+      return console.info("Error details :", s), { configFound: !1, error: s };
   }
 };
 [
-  new me(),
-  ...rt
+  new fe(),
+  ...at
 ];
-const Ct = "0.1.18";
-d.program = new We();
-d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(Ct);
-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" && Ee._action(o), process.exit();
+const Mt = "0.1.20";
+d.program = new Ye();
+d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(Mt);
+d.program.addOption(new le("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+d.program.addOption(new le("-h, --help", "Show helpful information"));
+d.program.addOption(new le("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+d.program.addOption(new le("--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, n) => {
+  de(!0), console.info("adding ", e, n, d.options.configPath), e === "flow" && Pe._action(n), 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" && Ne._action(o), process.exit();
+d.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((e, n) => {
+  de(), console.info("removing ", e, n, d.options.configPath), e === "flow" && Re._action(n), process.exit();
 });
 d.program.command("install").description("Install Myop assets").action(async () => {
-  le(), await Pe.action();
+  de(), await Te.action();
 });
 d.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 Fe(), process.exit(0);
+  await He(), process.exit(0);
 });
 d.program.command("whoami").description("Show current authenticated user").action(async () => {
-  const e = ye();
+  const e = ve();
   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, k, z, x, E;
-  const o = d.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: a } = await import("child_process"), f = await import("path");
+  var I, v, E, F, W, S;
+  const n = d.program.getOptionValue("config") || "./myop.config.json", s = await import("fs"), { execSync: a } = await import("child_process"), f = await import("path");
   let c = {};
-  if (n.existsSync(o))
+  if (s.existsSync(n))
     try {
-      const h = n.readFileSync(o, "utf-8");
+      const h = s.readFileSync(n, "utf-8");
       c = JSON.parse(h);
-      const $ = c.name || c.componentName;
-      console.log(`📋 Found config: ${$ || "Unnamed component"}`), c.componentId && console.log(`   Component ID: ${c.componentId}`);
+      const C = c.name || c.componentName;
+      console.log(`📋 Found config: ${C || "Unnamed component"}`), c.componentId && console.log(`   Component ID: ${c.componentId}`);
     } catch (h) {
-      console.error(`⚠️ Failed to parse ${o}:`, h.message);
+      console.error(`⚠️ Failed to parse ${n}:`, h.message);
     }
   else
     console.log("⚠️ No myop.config.json found. A new component will be created.");
   if (!e.skipBuild) {
-    const h = F("Building project...").start();
+    const h = P("Building project...").start();
     try {
       a("npm run build", { stdio: "pipe" }), h.succeed("Build completed");
-    } catch ($) {
-      h.fail("Build failed"), console.error($.message), process.exit(1);
+    } catch (C) {
+      h.fail("Build failed"), console.error(C.message), process.exit(1);
     }
   }
-  const m = "./dist/index.html";
-  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));
+  const u = "./dist/index.html";
+  s.existsSync(u) || (console.error("❌ Error: ./dist/index.html not found"), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
   let w;
   try {
-    w = await yt();
+    w = await vt();
   } catch (h) {
     console.error("❌ Authentication failed:", h.message), process.exit(1);
   }
-  const I = wt();
-  let u = F("Requesting upload URL...").start(), y;
+  const O = St();
+  let m = P("Requesting upload URL...").start(), y;
   try {
-    const h = await fetch(`${I}/mcp`, {
+    const h = await fetch(`${O}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -1489,50 +1483,50 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     });
     if (!h.ok)
       throw new Error(`Server returned ${h.status}`);
-    const $ = await h.json();
-    if ($.error)
-      throw new Error($.error.message);
-    const N = (k = (v = (j = $.result) == null ? void 0 : j.content) == null ? void 0 : v[0]) == null ? void 0 : k.text;
-    if (y = JSON.parse(N), !y.success)
+    const C = await h.json();
+    if (C.error)
+      throw new Error(C.error.message);
+    const A = (E = (v = (I = C.result) == null ? void 0 : I.content) == null ? void 0 : v[0]) == null ? void 0 : E.text;
+    if (y = JSON.parse(A), !y.success)
       throw new Error(y.error);
-    u.succeed("Upload URL obtained");
+    m.succeed("Upload URL obtained");
   } catch (h) {
-    u.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
+    m.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
   }
-  u = F("Uploading component...").start();
+  m = P("Uploading component...").start();
   try {
-    const h = n.readFileSync(m, "utf-8");
-    let $;
-    const N = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (N)
-      $ = N[1];
+    const h = s.readFileSync(u, "utf-8");
+    let C;
+    const A = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+    if (A)
+      C = A[1];
     else {
-      const b = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (b)
-        $ = b[1];
+      const V = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (V)
+        C = V[1];
       else
         throw new Error("Could not parse presigned URL from: " + y.curlCommand);
     }
-    console.info("Uploading to:", $.substring(0, 100) + "...");
-    const K = await fetch($, {
+    console.info("Uploading to:", C.substring(0, 100) + "...");
+    const D = await fetch(C, {
       method: "PUT",
       headers: {
         "Content-Type": "text/html"
       },
       body: h
     });
-    if (!K.ok) {
-      const b = await K.text();
-      throw new Error(`Upload failed with status ${K.status}: ${b}`);
+    if (!D.ok) {
+      const V = await D.text();
+      throw new Error(`Upload failed with status ${D.status}: ${V}`);
     }
-    u.succeed("Component uploaded");
+    m.succeed("Component uploaded");
   } catch (h) {
-    u.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
+    m.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
   }
-  u = F("Confirming upload...").start();
-  let S;
+  m = P("Confirming upload...").start();
+  let b;
   try {
-    const h = await fetch(`${I}/mcp`, {
+    const h = await fetch(`${O}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -1552,43 +1546,43 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     });
     if (!h.ok)
       throw new Error(`Server returned ${h.status}`);
-    const $ = await h.json();
-    if ($.error)
-      throw new Error($.error.message);
-    const N = (E = (x = (z = $.result) == null ? void 0 : z.content) == null ? void 0 : x[0]) == null ? void 0 : E.text;
-    if (S = JSON.parse(N), !S.success)
-      throw new Error(S.error);
-    u.succeed("Upload confirmed");
+    const C = await h.json();
+    if (C.error)
+      throw new Error(C.error.message);
+    const A = (S = (W = (F = C.result) == null ? void 0 : F.content) == null ? void 0 : W[0]) == null ? void 0 : S.text;
+    if (b = JSON.parse(A), !b.success)
+      throw new Error(b.error);
+    m.succeed("Upload confirmed");
   } catch (h) {
-    u.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
+    m.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
   }
-  if (S.isNewComponent || !c.componentId) {
-    c.componentId = S.componentId, c.organization = S.orgId, c.name || (c.name = S.componentName);
+  if (b.isNewComponent || !c.componentId) {
+    c.componentId = b.componentId, c.organization = b.orgId, c.name || (c.name = b.componentName);
     try {
-      n.writeFileSync(o, JSON.stringify(c, null, 2)), console.log(`
-📝 Updated ${o} with componentId`);
+      s.writeFileSync(n, JSON.stringify(c, null, 2)), console.log(`
+📝 Updated ${n} with componentId`);
     } catch (h) {
       console.log(`
-⚠️ Could not update ${o}: ${h.message}`), console.log(`   Please add componentId: "${S.componentId}" manually`);
+⚠️ Could not update ${n}: ${h.message}`), console.log(`   Please add componentId: "${b.componentId}" manually`);
     }
   }
   console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${S.componentName}`), console.log(`   Dashboard: ${S.dashboardUrl}`), process.exit(0);
+✅ Sync completed successfully!`), console.log(`   Component: ${b.componentName}`), console.log(`   Dashboard: ${b.dashboardUrl}`), process.exit(0);
 });
-d.program.command("dev").description("Start development server with file watching").action(ke);
-const $t = () => {
+d.program.command("dev").description("Start development server with file watching").action(Fe);
+const Ot = () => {
   try {
-    re("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    ie("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"] });
+    ie("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 = ie("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -1598,8 +1592,8 @@ const $t = () => {
         insertions: 0,
         deletions: 0
       };
-    const o = e.split(`
-`), n = o[o.length - 1], a = n.match(/(\d+) insertion/), f = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
+    const n = e.split(`
+`), s = n[n.length - 1], a = s.match(/(\d+) insertion/), f = s.match(/(\d+) deletion/), c = s.match(/(\d+) file/);
     return {
       files: c ? parseInt(c[1]) : 0,
       insertions: a ? parseInt(a[1]) : 0,
@@ -1608,13 +1602,13 @@ const $t = () => {
   } catch {
     return null;
   }
-}, B = async (e = !1, o = !1) => {
-  var y, S, j;
-  const n = ye(), a = !!(n != null && n.email), f = ((y = d.myopConfig) == null ? void 0 : y.name) || ((S = d.myopConfig) == null ? void 0 : S.componentName), c = (j = d.myopConfig) == null ? void 0 : j.componentId, m = $t();
+}, z = async (e = !1, n = !1) => {
+  var y, b, I;
+  const s = ve(), a = !!(s != null && s.email), f = ((y = d.myopConfig) == null ? void 0 : y.name) || ((b = d.myopConfig) == null ? void 0 : b.componentName), c = (I = d.myopConfig) == null ? void 0 : I.componentId, u = 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:       ${a ? 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 I = [
+`), 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:       ${a ? s.email : "Not logged in"}`), u != null && u.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")) : u != null && u.notARepo ? console.log("  Changes:    Not a git repository") : u && (u.insertions > 0 || u.deletions > 0) ? console.log(`  Changes:    ${u.files} file${u.files !== 1 ? "s" : ""} | \x1B[32m+${u.insertions}\x1B[0m \x1B[31m-${u.deletions}\x1B[0m`) : u && console.log("  Changes:    No uncommitted changes"), console.log("");
+  const O = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -1622,49 +1616,49 @@ const $t = () => {
       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 ? a ? !1 : "(login required)" : "(no config file)"
-    },
     {
       emoji: "🛠️ ",
       label: f ? `Start dev mode for "${f}"` : "Start dev mode",
       value: "dev",
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: e ? !1 : "(no config file)"
+    },
+    {
+      emoji: "📦",
+      label: f ? `Push "${f}"` : "Push component",
+      value: "sync",
+      help: "Builds project & uploads dist/index.html to Myop",
+      disabled: e ? a ? !1 : "(login required)" : "(no config file)"
     }
   ].map((v) => ({
-    name: o && !v.disabled ? `${v.emoji} ${v.label}
+    name: n && !v.disabled ? `${v.emoji} ${v.label}
      ${v.help}` : `${v.emoji} ${v.label}`,
     value: v.value,
     disabled: v.disabled
   }));
-  I.push(
-    new me(),
+  O.push(
+    new fe(),
     {
-      name: o && a ? `🔓 Logout (${n.email})
-     Clears stored credentials from this machine` : o && !a ? `🔐 Login to Myop
-     Opens browser to authenticate with Myop` : a ? `🔓 Logout (${n.email})` : "🔐 Login to Myop",
+      name: n && a ? `🔓 Logout (${s.email})
+     Clears stored credentials from this machine` : n && !a ? `🔐 Login to Myop
+     Opens browser to authenticate with Myop` : a ? `🔓 Logout (${s.email})` : "🔐 Login to Myop",
       value: a ? "logout" : "login"
     },
     {
-      name: o ? "📖 Hide help" : "📖 Show help",
+      name: n ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new me(),
+    new fe(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let u;
+  let m;
   try {
-    u = await Ie({
+    m = await Ne({
       message: "What would you like to do?",
-      choices: I
+      choices: O
     });
   } catch (v) {
     throw v.name === "ExitPromptError" && (console.log(`
@@ -1672,9 +1666,9 @@ const $t = () => {
 👋 Goodbye!
 `), process.exit(0)), v;
   }
-  switch (u) {
+  switch (m) {
     case "init":
-      await Mt();
+      await It();
       break;
     case "sync":
       console.log(`
@@ -1685,37 +1679,37 @@ Running sync...
         v("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
-      await B(!0, o);
+      await z(!0, n);
       break;
     case "dev":
-      await ke();
+      await Fe();
       break;
     case "login":
       try {
-        await X(), console.log(`
-`), await B(e, o);
-      } catch (k) {
-        console.error("Login failed:", k.message), await B(e, o);
+        await Q(), console.log(`
+`), await z(e, n);
+      } catch (E) {
+        console.error("Login failed:", E.message), await z(e, n);
       }
       break;
     case "logout":
-      await Fe(), console.log(`
-`), await B(e, o);
+      await He(), console.log(`
+`), await z(e, n);
       break;
     case "help":
-      await B(e, !o);
+      await z(e, !n);
       break;
     case "exit":
       process.exit(0);
   }
-}, Mt = async () => {
-  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), f = (await import("path")).default.basename(process.cwd());
-  let c, m;
+}, It = async () => {
+  const { input: e, select: n } = await import("@inquirer/prompts"), s = await import("fs"), f = (await import("path")).default.basename(process.cwd());
+  let c, u;
   try {
     c = await e({
       message: "Component name:",
       default: f
-    }), m = await o({
+    }), u = await n({
       message: "Component type:",
       choices: [
         { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
@@ -1724,21 +1718,22 @@ Running sync...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (u) {
-    throw u.name === "ExitPromptError" && (console.log(`
+  } catch (m) {
+    throw m.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), u;
+`), process.exit(0)), m;
   }
   const w = {
     name: c,
-    type: m,
-    author: "@myop-cli"
-  }, I = d.program.getOptionValue("config") || "./myop.config.json";
+    type: u,
+    author: "@myop-cli",
+    HMR: !0
+  }, O = d.program.getOptionValue("config") || "./myop.config.json";
   try {
-    n.writeFileSync(I, JSON.stringify(w, null, 2)), console.log(`
-✅ Created ${I}`);
-    const u = {
+    s.writeFileSync(O, JSON.stringify(w, null, 2)), console.log(`
+✅ Created ${O}`);
+    const m = {
       name: c.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -1750,7 +1745,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    n.writeFileSync("package.json", JSON.stringify(u, 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';
+    s.writeFileSync("package.json", JSON.stringify(m, 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';
 import fs from 'fs';
 import path from 'path';
 
@@ -1830,7 +1825,7 @@ fs.writeFileSync('dist/index.html', html);
 console.log('✅ Built dist/index.html');
 console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS files\`);
 `), console.log("✅ Created build.js");
-    const S = `<!DOCTYPE html>
+    const b = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -1847,8 +1842,8 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    n.writeFileSync("index.html", S), console.log("✅ Created index.html");
-    const j = `// ${c} - Entry Point
+    s.writeFileSync("index.html", b), console.log("✅ Created index.html");
+    const I = `// ${c} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
 
@@ -1857,7 +1852,7 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    n.writeFileSync("src/index.js", j), console.log("✅ Created src/index.js");
+    s.writeFileSync("src/index.js", I), console.log("✅ Created src/index.js");
     const v = `// ${c} - Main Application Logic
 
 export function init() {
@@ -1866,7 +1861,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    n.writeFileSync("src/modules/app.js", v), console.log("✅ Created src/modules/app.js"), n.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    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
 
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -1882,12 +1877,12 @@ export function setupMyopInterface() {
     };
 }
 `), console.log("✅ Created src/modules/myop.js");
-    const z = `/* ${c} - Styles Entry Point */
+    const F = `/* ${c} - Styles Entry Point */
 /* Add your CSS imports here - they will be auto-bundled */
 @import './main.css';
 `;
-    n.writeFileSync("src/styles/index.css", z), console.log("✅ Created src/styles/index.css");
-    const x = `/* ${c} - Main Styles */
+    s.writeFileSync("src/styles/index.css", F), console.log("✅ Created src/styles/index.css");
+    const W = `/* ${c} - Main Styles */
 
 * {
     box-sizing: border-box;
@@ -1916,20 +1911,20 @@ p {
     line-height: 1.5;
 }
 `;
-    n.writeFileSync("src/styles/main.css", x), console.log("✅ Created src/styles/main.css"), console.log(`
+    s.writeFileSync("src/styles/main.css", W), console.log("✅ Created src/styles/main.css"), 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);
+`), d.myopConfig = w, await z(!0);
+  } catch (m) {
+    console.error(`Failed to initialize component: ${m.message}`), process.exit(1);
   }
 };
 d.program.command("default", { isDefault: !0 }).action(async () => {
-  if (d.program.getOptionValue("help") && (console.log(Qe), process.exit()), d.program.getOptionValue("ci")) {
-    const m = await import("fs"), w = d.program.getOptionValue("config") || "./myop.config.json", I = d.program.version(), u = ye();
+  if (d.program.getOptionValue("help") && (console.log(qe), process.exit()), d.program.getOptionValue("ci")) {
+    const u = await import("fs"), w = d.program.getOptionValue("config") || "./myop.config.json", O = d.program.version(), m = ve();
     let y = { found: !1 };
     try {
-      if (m.existsSync(w)) {
-        const j = m.readFileSync(w, "utf-8"), v = JSON.parse(j);
+      if (u.existsSync(w)) {
+        const I = u.readFileSync(w, "utf-8"), v = JSON.parse(I);
         y = {
           found: !0,
           path: w,
@@ -1938,27 +1933,27 @@ d.program.command("default", { isDefault: !0 }).action(async () => {
           organization: v.organization || null
         };
       }
-    } catch (j) {
-      y = { found: !1, error: j.message };
+    } catch (I) {
+      y = { found: !1, error: I.message };
     }
-    const S = {
-      version: I,
+    const b = {
+      version: O,
       config: y,
       auth: {
-        loggedIn: !!(u != null && u.email),
-        email: (u == null ? void 0 : u.email) || null
+        loggedIn: !!(m != null && m.email),
+        email: (m == null ? void 0 : m.email) || null
       }
     };
-    console.log(JSON.stringify(S, null, 2)), process.exit(0);
+    console.log(JSON.stringify(b, null, 2)), process.exit(0);
   }
-  let n = F({
+  let s = P({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const a = le();
-  await bt(500), n.stop();
+  const a = de();
+  await $t(500), s.stop();
   const f = d.program.version();
-  await St(f) || await B(a.configFound);
+  await Ct(f) || await z(a.configFound);
 });
 d.program.parse(process.argv);
 d.program.opts();