@myop/cli 0.1.12 → 0.1.13

package/dist/myop-cli.js

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
-import A from "ora";
-import { select as Me, Separator as pe } from "@inquirer/prompts";
-import { Command as Be, Option as ie } from "commander";
-import { execSync as ne } from "child_process";
+import F from "ora";
+import { select as Oe, Separator as me } from "@inquirer/prompts";
+import { Command as Ve, Option as ae } from "commander";
+import { execSync as se } from "child_process";
 import Z from "path";
-import E from "fs";
-import ue from "crypto";
+import A from "fs";
+import fe from "crypto";
 import We from "http";
-import { URL as Oe, URLSearchParams as je } from "url";
-import Ye from "open";
-import Ge from "os";
-const Ve = `
+import { URL as Ie, URLSearchParams as je } from "url";
+import Ge from "open";
+import Ye from "os";
+const Ke = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -44,7 +44,7 @@ Examples:
 
 
 
-`, l = {
+`, d = {
   program: null,
   executionPath: "",
   options: {
@@ -52,81 +52,81 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, Ie = {
+}, ke = {
   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 l.myopConfig.flows) {
-      const o = Z.join(l.executionPath, "/node_modules/@myop/flow-types/");
+    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}`);
     }
     process.exit();
   }
-}, Ke = (e) => {
-  const o = Z.join(l.executionPath, e);
+}, Xe = (e) => {
+  const o = Z.join(d.executionPath, e);
   console.info(`reading config file from: ${o}`);
-  const n = E.readFileSync(o, "utf8"), a = JSON.parse(n);
+  const n = A.readFileSync(o, "utf8"), a = JSON.parse(n);
   return console.info("config file loaded, ", a), a;
-}, fe = (e, o) => {
-  const n = Z.join(l.executionPath, e);
+}, ge = (e, o) => {
+  const n = Z.join(d.executionPath, e);
   console.info(`writing config file to: ${n}`);
   try {
     const a = JSON.stringify(o, null, 2);
-    E.writeFileSync(n, a), console.info(`config file updated ${a}`);
+    A.writeFileSync(n, 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;
   }
-}, ke = {
+}, Pe = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (e) => {
-    l.myopConfig.flows.includes(e) || l.myopConfig.flows.push(e), fe(l.options.configPath, l.myopConfig);
+    d.myopConfig.flows.includes(e) || d.myopConfig.flows.push(e), ge(d.options.configPath, d.myopConfig);
   },
   action: async () => {
   }
-}, Pe = {
+}, _e = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (e) => {
-    l.myopConfig.flows = l.myopConfig.flows.filter((o) => o !== e), fe(l.options.configPath, l.myopConfig);
+    d.myopConfig.flows = d.myopConfig.flows.filter((o) => o !== e), ge(d.options.configPath, d.myopConfig);
   },
   action: () => {
   }
-}, Xe = {
+}, Qe = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, Qe = {
+}, Ze = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, Ze = {
+}, qe = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, qe = {
+}, et = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, et = {
+}, tt = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, tt = {
+}, ot = {
   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)"
-}, ot = [tt, Qe, Ze, qe, et];
-function nt(e, o, n, a) {
+}, nt = [ot, Ze, qe, et, tt];
+function st(e, o, n, a) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -216,25 +216,61 @@ ${a}
 </body>
 </html>`;
 }
-async function _e() {
-  const e = await import("fs"), o = await import("path"), { exec: n } = await import("child_process"), a = await import("http"), { createHash: m } = await import("node:crypto");
+async function Ne() {
+  const e = await import("fs"), o = await import("path"), { exec: n } = await import("child_process"), a = await import("http"), { createHash: u } = await import("node:crypto");
   let c;
   if (import.meta.url.startsWith("file://")) {
     const s = import.meta.url.slice(7);
     c = o.default.dirname(s);
   } else
     c = o.default.dirname(import.meta.url);
-  const p = o.default.join(c, "commands", "dev", "management-website"), v = e.default.readFileSync(o.default.join(p, "styles.css"), "utf-8"), S = e.default.readFileSync(o.default.join(p, "app.js"), "utf-8"), f = 9292, w = 9293, y = "./dist";
+  const m = o.default.join(c, "commands", "dev", "management-website"), S = e.default.readFileSync(o.default.join(m, "styles.css"), "utf-8"), x = e.default.readFileSync(o.default.join(m, "app.js"), "utf-8"), g = 9292, y = 9293, w = "./dist";
   let j = !1, $ = !1;
-  const _ = /* @__PURE__ */ new Map(), z = l.program.getOptionValue("config") || "./myop.config.json";
-  let x, P, g = !1;
+  const T = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
+  let v, _, h = !1;
   try {
     const s = e.default.readFileSync(z, "utf-8"), t = JSON.parse(s);
-    x = t.componentId, P = t.componentName || null, g = t.HMR === !0, x || (console.error("❌ Error: componentId not found in myop.config.json"), process.exit(1)), g && console.log("🔥 HMR enabled");
+    v = t.componentId || "DEV", _ = 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 b = process.cwd(), H = (s) => {
+  const M = async () => {
+    if (v !== "DEV" && v !== "NEW")
+      return v;
+    try {
+      const t = ((await new Promise((l, p) => {
+        const f = {
+          hostname: "localhost",
+          port: y,
+          path: "/_list",
+          method: "GET",
+          timeout: 1e3
+        }, O = a.default.request(f, (k) => {
+          let H = "";
+          k.on("data", (J) => H += J), k.on("end", () => {
+            try {
+              l(JSON.parse(H));
+            } catch {
+              l({ components: [] });
+            }
+          });
+        });
+        O.on("error", () => l({ components: [] })), O.on("timeout", () => {
+          O.destroy(), l({ components: [] });
+        }), O.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";
+      const r = t.map((l) => {
+        if (l === "DEV" || l === "NEW") return 1;
+        const p = l.match(/^DEV(\d+)$/), f = l.match(/^NEW(\d+)$/);
+        return p ? parseInt(p[1], 10) : f ? parseInt(f[1], 10) : 0;
+      }).filter((l) => l > 0);
+      return `DEV${Math.max(...r, 0) + 1}`;
+    } catch {
+      return "DEV1";
+    }
+  }, N = process.cwd(), K = (s) => {
     const t = o.default.extname(s).toLowerCase();
     return {
       ".html": "text/html",
@@ -247,43 +283,43 @@ async function _e() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[t] || "application/octet-stream";
-  }, M = /* @__PURE__ */ new Map(), F = [], Ne = 50, J = [], B = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), Ae = (s, t, r) => {
+  }, b = /* @__PURE__ */ new Map(), q = [], Fe = 50, D = [], V = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), Ae = (s, t, r) => {
     if (s.url.startsWith("/_hmr/")) {
-      const i = s.url.split("/_hmr/")[1], u = s.headers["sec-websocket-key"], d = m("sha1").update(u + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      const i = s.url.split("/_hmr/")[1], l = s.headers["sec-websocket-key"], p = u("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       t.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${d}\r
+Sec-WebSocket-Accept: ${p}\r
 \r
 `
-      ), D.has(i) || D.set(i, /* @__PURE__ */ new Set()), D.get(i).add(t), console.log(`🔌 HMR client connected: ${i}`), t.on("close", () => {
-        const h = D.get(i);
-        h && (h.delete(t), h.size === 0 && D.delete(i)), console.log(`🔌 HMR client disconnected: ${i}`);
+      ), U.has(i) || U.set(i, /* @__PURE__ */ new Set()), U.get(i).add(t), console.log(`🔌 HMR client connected: ${i}`), t.on("close", () => {
+        const f = U.get(i);
+        f && (f.delete(t), f.size === 0 && U.delete(i)), console.log(`🔌 HMR client disconnected: ${i}`);
       }), t.on("error", () => {
-        const h = D.get(i);
-        h && h.delete(t);
+        const f = U.get(i);
+        f && f.delete(t);
       });
     }
-  }, ce = a.default.createServer((s, t) => {
+  }, le = a.default.createServer((s, t) => {
     if (t.setHeader("Content-Type", "application/json"), s.method === "POST" && s.url === "/_register") {
       let r = "";
       s.on("data", (i) => r += i), s.on("end", () => {
         try {
-          const { componentId: i, distPath: u, componentName: d } = JSON.parse(r);
-          M.set(i, { path: u, name: d || null });
-          const h = d ? ` (${d})` : "";
-          console.log(`✅ Registered: ${i}${h} -> ${u}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(M.keys()) }));
-          const I = Array.from(M.entries()).map(([T, V]) => ({
-            id: T,
-            path: V.path,
-            name: V.name
+          const { componentId: i, distPath: l, componentName: p } = JSON.parse(r);
+          b.set(i, { path: l, name: p || null });
+          const f = p ? ` (${p})` : "";
+          console.log(`✅ Registered: ${i}${f} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
+          const O = Array.from(b.entries()).map(([k, H]) => ({
+            id: k,
+            path: H.path,
+            name: H.name
           }));
-          J.forEach((T) => {
+          D.forEach((k) => {
             try {
-              T.write(`data: ${JSON.stringify({
+              k.write(`data: ${JSON.stringify({
                 type: "components",
-                components: I
+                components: O
               })}
 
 `);
@@ -299,17 +335,17 @@ Sec-WebSocket-Accept: ${d}\r
       s.on("data", (i) => r += i), s.on("end", () => {
         try {
           const { componentId: i } = JSON.parse(r);
-          M.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
-          const u = Array.from(M.entries()).map(([d, h]) => ({
-            id: d,
-            path: h.path,
-            name: h.name
+          b.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
+          const l = Array.from(b.entries()).map(([p, f]) => ({
+            id: p,
+            path: f.path,
+            name: f.name
           }));
-          J.forEach((d) => {
+          D.forEach((p) => {
             try {
-              d.write(`data: ${JSON.stringify({
+              p.write(`data: ${JSON.stringify({
                 type: "components",
-                components: u
+                components: l
               })}
 
 `);
@@ -320,79 +356,79 @@ Sec-WebSocket-Accept: ${d}\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(M.entries()) }))) : (t.writeHead(404), t.end(JSON.stringify({ error: "Not found" })));
-  }), q = a.default.createServer((s, t) => {
+    } 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("..")) {
       t.writeHead(403, { "Content-Type": "text/plain" }), t.end("Forbidden");
       return;
     }
-    const r = new URL(s.url, `http://localhost:${f}`), i = r.pathname, u = i.split("/").filter((k) => k);
+    const r = new URL(s.url, `http://localhost:${g}`), i = r.pathname, l = i.split("/").filter((P) => P);
     if (i.startsWith("/consume")) {
-      const k = r.searchParams.get("id");
-      if (!k) {
+      const P = r.searchParams.get("id");
+      if (!P) {
         t.writeHead(400, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const N = M.get(k), L = N ? N.path : null, $e = (W) => {
-        let C = "Unknown", R = "Unknown";
+      const R = b.get(P), L = R ? R.path : null, Me = (W) => {
+        let C = "Unknown", E = "Unknown";
         if (s.headers.referer || s.headers.referrer) {
-          const O = s.headers.referer || s.headers.referrer;
+          const I = s.headers.referer || s.headers.referrer;
           try {
-            const Y = new URL(O);
-            C = Y.origin, R = Y.hostname || Y.origin;
+            const G = new URL(I);
+            C = G.origin, E = G.hostname || G.origin;
           } catch {
-            C = O, R = O;
+            C = I, E = I;
           }
         } else if (s.headers.origin)
           try {
-            const O = new URL(s.headers.origin);
-            C = O.origin, R = O.hostname || O.origin;
+            const I = new URL(s.headers.origin);
+            C = I.origin, E = I.hostname || I.origin;
           } catch {
-            C = s.headers.origin, R = s.headers.origin;
+            C = s.headers.origin, E = s.headers.origin;
           }
         else if (s.socket.remoteAddress) {
-          const O = s.socket.remoteAddress;
-          O === "::1" || O === "::ffff:127.0.0.1" ? (C = "localhost", R = "localhost (direct)") : (C = O, R = O.replace("::ffff:", ""));
+          const I = s.socket.remoteAddress;
+          I === "::1" || I === "::ffff:127.0.0.1" ? (C = "localhost", E = "localhost (direct)") : (C = I, E = I.replace("::ffff:", ""));
         }
-        const de = s.headers.referer || s.headers.referrer || C, te = {
+        const pe = s.headers.referer || s.headers.referrer || C, oe = {
           type: "request",
-          componentId: k,
+          componentId: P,
           timestamp: Date.now(),
           servedLocally: W,
-          referrer: de,
+          referrer: pe,
           origin: C,
-          originLabel: R
+          originLabel: E
         };
-        B.has(C) || (B.set(C, {
+        V.has(C) || (V.set(C, {
           url: C,
-          label: R,
+          label: E,
           firstSeen: Date.now(),
           requestCount: 0
-        }), J.forEach((O) => {
+        }), D.forEach((I) => {
           try {
-            O.write(`data: ${JSON.stringify({
+            I.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(B.values())
+              origins: Array.from(V.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const ze = B.get(C);
-        ze.requestCount++, J.forEach((O) => {
+        const ze = V.get(C);
+        ze.requestCount++, D.forEach((I) => {
           try {
-            O.write(`data: ${JSON.stringify({
+            I.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(B.values())
+              origins: Array.from(V.values())
             })}
 
 `);
           } catch {
           }
-        }), F.push(te), F.length > Ne && F.shift(), J.forEach((O) => {
+        }), q.push(oe), q.length > Fe && q.shift(), D.forEach((I) => {
           try {
-            O.write(`data: ${JSON.stringify(te)}
+            I.write(`data: ${JSON.stringify(oe)}
 
 `);
           } catch {
@@ -401,37 +437,37 @@ Sec-WebSocket-Accept: ${d}\r
       };
       if (L) {
         const W = o.default.join(L, "index.html");
-        e.default.readFile(W, "utf-8", (C, R) => {
+        e.default.readFile(W, "utf-8", (C, E) => {
           if (C) {
             console.log(`❌ File not found: ${W}`), t.writeHead(404, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const de = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, te = {
+          const pe = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, oe = {
             item: {
-              name: k,
-              id: k,
+              name: P,
+              id: P,
               consume_variant: [
                 {
-                  id: de,
+                  id: pe,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: R
+                    HTML: E
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${k}`), $e(!0), t.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${P}`), Me(!0), t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), t.end(JSON.stringify(te, null, 2));
+          }), t.end(JSON.stringify(oe, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${k}`);
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${P}`);
         const W = `https://cloud.myop.dev/consume${r.search}`;
-        $e(!1), fetch(W).then((C) => C.text()).then((C) => {
+        Me(!1), fetch(W).then((C) => C.text()).then((C) => {
           t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
@@ -448,112 +484,112 @@ Sec-WebSocket-Accept: ${d}\r
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), J.push(t);
-      const k = Array.from(M.entries()).map(([N, L]) => ({
-        id: N,
+      }), D.push(t);
+      const P = Array.from(b.entries()).map(([R, L]) => ({
+        id: R,
         path: L.path,
         name: L.name
       }));
       t.write(`data: ${JSON.stringify({
         type: "components",
-        components: k
+        components: P
       })}
 
 `), t.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(B.values())
+        origins: Array.from(V.values())
       })}
 
 `), t.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: F
+        log: q
       })}
 
 `), s.on("close", () => {
-        const N = J.indexOf(t);
-        N !== -1 && J.splice(N, 1);
+        const R = D.indexOf(t);
+        R !== -1 && D.splice(R, 1);
       });
       return;
     }
-    if (u.length === 0) {
-      t.writeHead(200, { "Content-Type": "text/html" }), t.end(nt(f, w, v, S));
+    if (l.length === 0) {
+      t.writeHead(200, { "Content-Type": "text/html" }), t.end(st(g, y, S, x));
       return;
     }
-    if (u[0] !== "view") {
+    if (l[0] !== "view") {
       t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (u.length < 2) {
+    if (l.length < 2) {
       t.writeHead(400, { "Content-Type": "text/plain" }), t.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const d = u[1], h = M.get(d);
-    if (!h) {
-      t.writeHead(404, { "Content-Type": "text/plain" }), t.end(`Component not found: ${d}`);
+    const p = l[1], f = b.get(p);
+    if (!f) {
+      t.writeHead(404, { "Content-Type": "text/plain" }), t.end(`Component not found: ${p}`);
       return;
     }
-    const I = h.path, T = u.slice(2), V = T.length === 0 ? "index.html" : T.join("/"), K = o.default.join(I, V);
-    console.log(`📥 Request: ${s.url} -> ${K}`), e.default.readFile(K, (k, N) => {
-      if (k) {
-        console.log(`❌ File not found: ${K}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
+    const O = f.path, k = l.slice(2), H = k.length === 0 ? "index.html" : k.join("/"), J = o.default.join(O, H);
+    console.log(`📥 Request: ${s.url} -> ${J}`), e.default.readFile(J, (P, R) => {
+      if (P) {
+        console.log(`❌ File not found: ${J}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
         return;
       }
-      const L = H(K);
-      console.log(`✅ Serving: ${K} (${L})`), t.writeHead(200, {
+      const L = K(J);
+      console.log(`✅ Serving: ${J} (${L})`), t.writeHead(200, {
         "Content-Type": L,
         "Access-Control-Allow-Origin": "*"
-      }), t.end(N);
+      }), t.end(R);
     });
-  }), we = () => new Promise((s, t) => {
+  }), ve = () => new Promise((s, t) => {
     const r = JSON.stringify({
-      componentId: x,
-      distPath: o.default.resolve(b, y),
-      componentName: P
+      componentId: v,
+      distPath: o.default.resolve(N, w),
+      componentName: _
     }), i = {
       hostname: "localhost",
-      port: w,
+      port: y,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(r)
       }
-    }, u = a.default.request(i, (d) => {
-      let h = "";
-      d.on("data", (I) => h += I), d.on("end", () => {
-        d.statusCode === 200 ? s(JSON.parse(h)) : t(new Error(`Registration failed: ${d.statusCode}`));
+    }, l = a.default.request(i, (p) => {
+      let f = "";
+      p.on("data", (O) => f += O), p.on("end", () => {
+        p.statusCode === 200 ? s(JSON.parse(f)) : t(new Error(`Registration failed: ${p.statusCode}`));
       });
     });
-    u.on("error", t), u.write(r), u.end();
-  }), Ee = () => new Promise((s, t) => {
-    const r = JSON.stringify({ componentId: x }), i = {
+    l.on("error", t), l.write(r), l.end();
+  }), De = () => new Promise((s, t) => {
+    const r = JSON.stringify({ componentId: v }), i = {
       hostname: "localhost",
-      port: w,
+      port: y,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(r)
       }
-    }, u = a.default.request(i, (d) => {
+    }, l = a.default.request(i, (p) => {
       s();
     });
-    u.on("error", () => s()), u.write(r), u.end();
+    l.on("error", () => s()), l.write(r), l.end();
   }), He = () => {
-    if (!g) return;
-    const s = o.default.join(y, "index.html");
+    if (!h) return;
+    const s = o.default.join(w, "index.html");
     try {
       let t = e.default.readFileSync(s, "utf-8");
       if (t.includes("<!-- MYOP HMR -->")) {
-        const i = t.indexOf("<!-- MYOP HMR -->"), u = t.indexOf("<\/script>", i) + 9;
-        t = t.slice(0, i) + t.slice(u);
+        const i = t.indexOf("<!-- MYOP HMR -->"), l = t.indexOf("<\/script>", i) + 9;
+        t = t.slice(0, i) + t.slice(l);
       }
       const r = `
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${x}';
-    const wsUrl = 'ws://localhost:${w}/_hmr/' + componentId;
+    const componentId = '${v}';
+    const wsUrl = 'ws://localhost:${y}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -679,78 +715,78 @@ Sec-WebSocket-Accept: ${d}\r
       t
     ]), i;
   }, Le = () => {
-    if (!g) return;
-    const s = D.get(x);
+    if (!h) return;
+    const s = U.get(v);
     if (!s || s.size === 0)
       return;
     console.log(`🔥 Notifying ${s.size} HMR client(s)`);
-    const t = o.default.join(y, "index.html");
+    const t = o.default.join(w, "index.html");
     try {
       let r = e.default.readFileSync(t, "utf-8");
       if (r.includes("<!-- MYOP HMR -->")) {
-        const d = r.indexOf("<!-- MYOP HMR -->"), h = r.indexOf("<\/script>", d) + 9;
-        r = r.slice(0, d) + r.slice(h);
+        const p = r.indexOf("<!-- MYOP HMR -->"), f = r.indexOf("<\/script>", p) + 9;
+        r = r.slice(0, p) + r.slice(f);
       }
       const i = JSON.stringify({
         type: "update",
         html: r
-      }), u = Je(i);
-      s.forEach((d) => {
+      }), l = Je(i);
+      s.forEach((p) => {
         try {
-          d.write(u);
+          p.write(l);
         } catch {
-          s.delete(d);
+          s.delete(p);
         }
       });
     } catch (r) {
       console.error("❌ Failed to read HTML for HMR:", r.message);
     }
-  }, le = () => {
+  }, de = () => {
     if (j) {
       $ = !0;
       return;
     }
     j = !0, console.log(`
 🔨 Building...`), n("npm run build", (s, t, r) => {
-      j = !1, s ? (console.error("❌ Build failed:", s.message), r && console.error(r)) : (console.log("✅ Build completed"), t && console.log(t), He(), Le()), $ && ($ = !1, le());
+      j = !1, s ? (console.error("❌ Build failed:", s.message), r && console.error(r)) : (console.log("✅ Build completed"), t && console.log(t), He(), Le()), $ && ($ = !1, de());
     });
-  }, ve = /* @__PURE__ */ new Set(), Se = (s) => {
+  }, Se = /* @__PURE__ */ new Set(), xe = (s) => {
     e.default.readdir(s, { withFileTypes: !0 }, (t, r) => {
       t || (r.forEach((i) => {
-        const u = o.default.join(s, i.name);
+        const l = o.default.join(s, i.name);
         if (i.isDirectory())
-          i.name !== "node_modules" && i.name !== "dist" && !i.name.startsWith(".") && Se(u);
+          i.name !== "node_modules" && i.name !== "dist" && !i.name.startsWith(".") && xe(l);
         else if (i.isFile()) {
-          const d = o.default.extname(i.name);
-          if (d === ".js" || d === ".css" || d === ".html")
+          const p = o.default.extname(i.name);
+          if (p === ".js" || p === ".css" || p === ".html")
             try {
-              const h = e.default.readFileSync(u, "utf-8");
-              _.set(u, h);
+              const f = e.default.readFileSync(l, "utf-8");
+              T.set(l, f);
             } catch {
             }
         }
-      }), ve.has(s) || (ve.add(s), e.default.watch(s, (i, u) => {
-        if (!u) return;
-        const d = o.default.extname(u);
-        if (d !== ".js" && d !== ".css" && d !== ".html") return;
-        const h = o.default.join(s, u);
+      }), Se.has(s) || (Se.add(s), e.default.watch(s, (i, l) => {
+        if (!l) return;
+        const p = o.default.extname(l);
+        if (p !== ".js" && p !== ".css" && p !== ".html") return;
+        const f = o.default.join(s, l);
         setTimeout(() => {
           try {
-            const I = e.default.readFileSync(h, "utf-8"), T = _.get(h);
-            I !== T && (_.set(h, I), console.log(`📝 File changed: ${h}`), le());
+            const O = e.default.readFileSync(f, "utf-8"), k = T.get(f);
+            O !== k && (T.set(f, O), console.log(`📝 File changed: ${f}`), de());
           } catch {
           }
         }, 50);
       })));
     });
-  }, xe = () => {
+  }, be = () => {
     console.log(`
-🔨 Component: ${x}`), le(), Se(b), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${v}`), de(), xe(N), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `);
-  }, De = () => new Promise((s) => {
+  }, Ue = () => new Promise((s) => {
     const t = {
       hostname: "localhost",
-      port: w,
+      port: y,
       path: "/_list",
       method: "GET",
       timeout: 1e3
@@ -760,150 +796,151 @@ Sec-WebSocket-Accept: ${d}\r
     r.on("error", () => s(!1)), r.on("timeout", () => {
       r.destroy(), s(!1);
     }), r.end();
-  }), Ue = () => new Promise((s) => {
+  }), Be = () => new Promise((s) => {
     const t = a.default.createServer((r, i) => {
       if (i.setHeader("Content-Type", "application/json"), r.method === "POST" && r.url === "/_register") {
-        let u = "";
-        r.on("data", (d) => u += d), r.on("end", () => {
+        let l = "";
+        r.on("data", (p) => l += p), r.on("end", () => {
           try {
-            const { componentId: d, distPath: h, componentName: I } = JSON.parse(u);
-            M.set(d, { path: h, name: I || null });
-            const T = I ? ` (${I})` : "";
-            console.log(`✅ Registered: ${d}${T} -> ${h}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(M.keys()) }));
-          } catch (d) {
-            i.writeHead(400), i.end(JSON.stringify({ error: d.message }));
+            const { componentId: p, distPath: f, componentName: O } = JSON.parse(l);
+            b.set(p, { path: f, name: O || null });
+            const k = O ? ` (${O})` : "";
+            console.log(`✅ Registered: ${p}${k} -> ${f}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
+          } catch (p) {
+            i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
         });
       } else if (r.method === "POST" && r.url === "/_unregister") {
-        let u = "";
-        r.on("data", (d) => u += d), r.on("end", () => {
+        let l = "";
+        r.on("data", (p) => l += p), r.on("end", () => {
           try {
-            const { componentId: d } = JSON.parse(u);
-            M.delete(d), console.log(`❌ Unregistered: ${d}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
-          } catch (d) {
-            i.writeHead(400), i.end(JSON.stringify({ error: d.message }));
+            const { componentId: p } = JSON.parse(l);
+            b.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(M.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(b.entries()) }))) : (i.writeHead(404), i.end(JSON.stringify({ error: "Not found" })));
     });
     t.on("error", () => {
       s(!1);
-    }), t.listen(w, () => {
+    }), t.listen(y, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${w}`), q.on("error", () => {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", () => {
         t.close(), s(!1);
-      }), q.listen(f, () => {
-        console.log(`📡 Main server running at http://localhost:${f}`), M.set(x, {
-          path: o.default.resolve(b, y),
-          name: P
+      }), ee.listen(g, () => {
+        console.log(`📡 Main server running at http://localhost:${g}`), b.set(v, {
+          path: o.default.resolve(N, w),
+          name: _
         });
-        const r = P ? ` (${P})` : "";
-        console.log(`✅ Registered component: ${x}${r}`), console.log(`📡 Access at: http://localhost:${f}/view/${x}/`), s(!0);
+        const r = _ ? ` (${_})` : "";
+        console.log(`✅ Registered component: ${v}${r}`), console.log(`📡 Access at: http://localhost:${g}/view/${v}/`), s(!0);
       });
     });
   });
-  let ee;
-  const be = () => {
-    ee = setInterval(async () => {
-      await De() || (clearInterval(ee), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await Ue() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let te;
+  const Ce = () => {
+    te = setInterval(async () => {
+      await Ue() || (clearInterval(te), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await Be() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await we(), console.log(`✅ Re-registered component: ${x}`), be();
+          await ve(), console.log(`✅ Re-registered component: ${v}`), Ce();
         } catch (r) {
           console.error("❌ Failed to re-register:", r.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Ce = async () => {
+  }, $e = async () => {
     console.log(`
 
-🛑 Shutting down...`), ee && clearInterval(ee), await Ee(), process.exit(0);
+🛑 Shutting down...`), te && clearInterval(te), await De(), process.exit(0);
   };
-  process.on("SIGINT", Ce), process.on("SIGTERM", Ce), ce.on("error", async (s) => {
+  process.on("SIGINT", $e), process.on("SIGTERM", $e), le.on("error", async (s) => {
     if (s.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        const t = await we();
-        console.log(`✅ Registered component: ${x}`), console.log(`📡 Access at: http://localhost:${f}/view/${x}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), xe(), be();
+        v = await M();
+        const t = await ve();
+        console.log(`✅ Registered component: ${v}`), console.log(`📡 Access at: http://localhost:${g}/view/${v}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), be(), Ce();
       } catch (t) {
         console.error("❌ Failed to register component:", t.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", s.message), process.exit(1);
-  }), ce.on("upgrade", Ae), ce.listen(w, async () => {
+  }), le.on("upgrade", Ae), le.listen(y, async () => {
     console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${w}`), q.on("error", (s) => {
+🚀 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);
-    }), q.listen(f, async () => {
-      console.log(`📡 Main server running at http://localhost:${f}`), M.set(x, {
-        path: o.default.resolve(b, y),
-        name: P
+    }), ee.listen(g, async () => {
+      console.log(`📡 Main server running at http://localhost:${g}`), (v === "DEV" || v === "NEW") && (v = "DEV1"), b.set(v, {
+        path: o.default.resolve(N, w),
+        name: _
       });
-      const s = P ? ` (${P})` : "";
-      console.log(`✅ Registered component: ${x}${s}`), console.log(`📡 Access at: http://localhost:${f}/view/${x}/`), xe();
+      const s = _ ? ` (${_})` : "";
+      console.log(`✅ Registered component: ${v}${s}`), console.log(`📡 Access at: http://localhost:${g}/view/${v}/`), be();
     });
   });
 }
-const me = Z.join(Ge.homedir(), ".myop"), Q = Z.join(me, "credentials.json");
-function st() {
-  E.existsSync(me) || E.mkdirSync(me, { recursive: !0, mode: 448 });
+const ue = Z.join(Ye.homedir(), ".myop"), Q = Z.join(ue, "credentials.json");
+function rt() {
+  A.existsSync(ue) || A.mkdirSync(ue, { recursive: !0, mode: 448 });
 }
-function ge() {
+function he() {
   try {
-    if (!E.existsSync(Q))
+    if (!A.existsSync(Q))
       return null;
-    const e = E.readFileSync(Q, "utf8");
+    const e = A.readFileSync(Q, "utf8");
     return JSON.parse(e);
   } catch (e) {
     return console.info("Failed to read credentials:", e.message), null;
   }
 }
 function Te(e) {
-  st();
+  rt();
   const o = {
     ...e,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  E.writeFileSync(Q, JSON.stringify(o, null, 2), {
+  A.writeFileSync(Q, JSON.stringify(o, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function Re() {
+function Ee() {
   try {
-    return E.existsSync(Q) && E.unlinkSync(Q), !0;
+    return A.existsSync(Q) && A.unlinkSync(Q), !0;
   } catch (e) {
     return console.error("Failed to clear credentials:", e.message), !1;
   }
 }
-function rt(e) {
+function it(e) {
   if (!e || !e.expiresAt)
     return !0;
   const o = 5 * 60 * 1e3, n = new Date(e.expiresAt).getTime();
   return Date.now() > n - o;
 }
-function he() {
-  const e = ge();
+function ye() {
+  const e = he();
   return e ? {
     email: e.userEmail,
     userId: e.userId
   } : null;
 }
-const G = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", se = 19284, ye = `http://localhost:${se}/callback`, it = "myop-cli";
-function at() {
-  return ue.randomBytes(32).toString("base64url");
+const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", re = 19284, we = `http://localhost:${re}/callback`, at = "myop-cli";
+function ct() {
+  return fe.randomBytes(32).toString("base64url");
 }
-function ct(e) {
-  return ue.createHash("sha256").update(e).digest("base64url");
+function lt(e) {
+  return fe.createHash("sha256").update(e).digest("base64url");
 }
-async function lt() {
-  const e = await fetch(`${G}/oauth/register`, {
+async function dt() {
+  const e = await fetch(`${Y}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: it,
-      redirect_uris: [ye],
+      client_name: at,
+      redirect_uris: [we],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
@@ -914,8 +951,8 @@ async function lt() {
   }
   return e.json();
 }
-function oe(e, o, n, a = null) {
-  const m = {
+function ne(e, o, n, a = null) {
+  const u = {
     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"/>
@@ -932,7 +969,7 @@ function oe(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: p, glow: v } = c[e] || c.error;
+  }, { accent: m, glow: S } = c[e] || c.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -993,7 +1030,7 @@ function oe(e, o, n, a = null) {
         h1 {
             font-size: 20px;
             font-weight: 500;
-            color: ${p};
+            color: ${m};
             margin-bottom: 12px;
             letter-spacing: -0.5px;
         }
@@ -1025,8 +1062,8 @@ function oe(e, o, n, a = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${v};
-            border: 1px solid ${p}33;
+            background: ${S};
+            border: 1px solid ${m}33;
             border-radius: 4px;
             padding: 10px 16px;
             font-size: 12px;
@@ -1063,7 +1100,7 @@ function oe(e, o, n, a = null) {
 <body>
     <div class="container">
         <div class="icon">
-            ${m[e] || m.error}
+            ${u[e] || u.error}
         </div>
         <h1>${o}</h1>
         <p class="message">${n}</p>
@@ -1080,23 +1117,23 @@ function oe(e, o, n, a = null) {
 </body>
 </html>`;
 }
-function dt(e) {
+function pt(e) {
   return new Promise((o, n) => {
-    const a = We.createServer((m, c) => {
-      const p = new Oe(m.url, `http://localhost:${se}`);
-      if (p.pathname === "/callback") {
-        const v = p.searchParams.get("code"), S = p.searchParams.get("state"), f = p.searchParams.get("error");
-        if (f) {
-          c.writeHead(200, { "Content-Type": "text/html" }), c.end(oe(
+    const a = We.createServer((u, c) => {
+      const m = new Ie(u.url, `http://localhost:${re}`);
+      if (m.pathname === "/callback") {
+        const S = m.searchParams.get("code"), x = m.searchParams.get("state"), g = m.searchParams.get("error");
+        if (g) {
+          c.writeHead(200, { "Content-Type": "text/html" }), c.end(ne(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            f
-          )), a.close(), n(new Error(`OAuth error: ${f}`));
+            g
+          )), a.close(), n(new Error(`OAuth error: ${g}`));
           return;
         }
-        if (S !== e) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(oe(
+        if (x !== e) {
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(ne(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
@@ -1104,8 +1141,8 @@ function dt(e) {
           )), a.close(), n(new Error("State mismatch"));
           return;
         }
-        if (!v) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(oe(
+        if (!S) {
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(ne(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
@@ -1113,41 +1150,41 @@ function dt(e) {
           )), a.close(), n(new Error("No authorization code"));
           return;
         }
-        c.writeHead(200, { "Content-Type": "text/html" }), c.end(oe(
+        c.writeHead(200, { "Content-Type": "text/html" }), c.end(ne(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), a.close(), o(v);
+        )), a.close(), o(S);
       } else
         c.writeHead(404), c.end("Not found");
     });
-    a.listen(se, () => {
-      console.info(`OAuth callback server listening on port ${se}`);
+    a.listen(re, () => {
+      console.info(`OAuth callback server listening on port ${re}`);
     }), setTimeout(() => {
       a.close(), n(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function pt(e, o, n) {
-  const a = await fetch(`${G}/oauth/token`, {
+async function mt(e, o, n) {
+  const a = await fetch(`${Y}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
     body: new je({
       grant_type: "authorization_code",
       code: e,
       client_id: o,
-      redirect_uri: ye,
+      redirect_uri: we,
       code_verifier: n
     })
   });
   if (!a.ok) {
-    const m = await a.json();
-    throw new Error(m.error_description || m.error || "Token exchange failed");
+    const u = await a.json();
+    throw new Error(u.error_description || u.error || "Token exchange failed");
   }
   return a.json();
 }
-async function mt(e, o) {
-  const n = await fetch(`${G}/oauth/token`, {
+async function ut(e, o) {
+  const n = await fetch(`${Y}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
     body: new je({
@@ -1162,9 +1199,9 @@ async function mt(e, o) {
   }
   return n.json();
 }
-async function ut(e) {
-  var m, c, p;
-  const o = await fetch(`${G}/mcp`, {
+async function ft(e) {
+  var u, c, m;
+  const o = await fetch(`${Y}/mcp`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -1185,57 +1222,57 @@ async function ut(e) {
   const n = await o.json();
   if (n.error)
     throw new Error(n.error.message);
-  const a = (p = (c = (m = n.result) == null ? void 0 : m.content) == null ? void 0 : c[0]) == null ? void 0 : p.text;
+  const a = (m = (c = (u = n.result) == null ? void 0 : u.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
   if (a)
     return JSON.parse(a);
   throw new Error("Invalid response from whoami");
 }
 async function X() {
-  const e = A("Starting authentication...").start();
+  const e = F("Starting authentication...").start();
   try {
     e.text = "Registering OAuth client...";
-    const n = (await lt()).client_id, a = at(), m = ct(a), c = ue.randomBytes(16).toString("hex");
+    const n = (await dt()).client_id, a = ct(), u = lt(a), c = fe.randomBytes(16).toString("hex");
     e.text = "Waiting for authorization...";
-    const p = dt(c), v = new Oe(`${G}/oauth/authorize`);
-    v.searchParams.set("response_type", "code"), v.searchParams.set("client_id", n), v.searchParams.set("redirect_uri", ye), v.searchParams.set("code_challenge", m), v.searchParams.set("code_challenge_method", "S256"), v.searchParams.set("state", c), e.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${v.toString()}
-`), await Ye(v.toString());
-    const S = await p;
+    const m = pt(c), S = new Ie(`${Y}/oauth/authorize`);
+    S.searchParams.set("response_type", "code"), S.searchParams.set("client_id", n), S.searchParams.set("redirect_uri", we), S.searchParams.set("code_challenge", u), S.searchParams.set("code_challenge_method", "S256"), S.searchParams.set("state", c), e.stop(), console.log(`
+🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${S.toString()}
+`), await Ge(S.toString());
+    const x = await m;
     e.start("Exchanging authorization code...");
-    const f = await pt(S, n, a);
+    const g = await mt(x, n, a);
     e.text = "Getting user info...";
-    const w = await ut(f.access_token), y = {
-      accessToken: f.access_token,
-      refreshToken: f.refresh_token,
-      expiresAt: new Date(Date.now() + f.expires_in * 1e3).toISOString(),
+    const y = await ft(g.access_token), w = {
+      accessToken: g.access_token,
+      refreshToken: g.refresh_token,
+      expiresAt: new Date(Date.now() + g.expires_in * 1e3).toISOString(),
       clientId: n,
-      userId: w.userId,
-      userEmail: w.email
+      userId: y.userId,
+      userEmail: y.email
     };
-    return Te(y), e.succeed(`Authenticated as ${w.email}`), y;
+    return Te(w), e.succeed(`Authenticated as ${y.email}`), w;
   } catch (o) {
     throw e.fail(`Authentication failed: ${o.message}`), o;
   }
 }
-async function Fe() {
-  const e = ge();
+async function Re() {
+  const e = he();
   if (!e) {
     console.log("Not currently logged in.");
     return;
   }
-  Re(), console.log(`✅ Logged out (was: ${e.userEmail})`);
+  Ee(), console.log(`✅ Logged out (was: ${e.userEmail})`);
 }
-async function ft() {
-  let e = ge();
+async function gt() {
+  let e = he();
   if (!e)
     return console.log(`Not logged in. Starting authentication...
 `), await X();
-  if (!rt(e))
+  if (!it(e))
     return e;
   if (e.refreshToken) {
-    const o = A("Refreshing access token...").start();
+    const o = F("Refreshing access token...").start();
     try {
-      const n = await mt(
+      const n = await ut(
         e.refreshToken,
         e.clientId
       );
@@ -1246,86 +1283,86 @@ async function ft() {
         expiresAt: new Date(Date.now() + n.expires_in * 1e3).toISOString()
       }, Te(e), o.succeed("Token refreshed"), e;
     } catch {
-      return o.warn("Token refresh failed, please log in again"), Re(), await X();
+      return o.warn("Token refresh failed, please log in again"), Ee(), await X();
     }
   }
   return console.log(`Session expired. Please log in again.
 `), await X();
 }
-function gt() {
-  return G;
+function ht() {
+  return Y;
 }
-const re = "@myop/cli";
-async function ht() {
+const ie = "@myop/cli";
+async function yt() {
   try {
-    const e = await fetch(`https://registry.npmjs.org/${re}/latest`);
+    const e = await fetch(`https://registry.npmjs.org/${ie}/latest`);
     return e.ok ? (await e.json()).version : null;
   } catch {
     return null;
   }
 }
-function yt(e, o) {
+function wt(e, o) {
   const n = e.split(".").map(Number), a = o.split(".").map(Number);
-  for (let m = 0; m < Math.max(n.length, a.length); m++) {
-    const c = n[m] || 0, p = a[m] || 0;
-    if (c > p) return 1;
-    if (c < p) return -1;
+  for (let u = 0; u < Math.max(n.length, a.length); u++) {
+    const c = n[u] || 0, m = a[u] || 0;
+    if (c > m) return 1;
+    if (c < m) return -1;
   }
   return 0;
 }
-async function wt(e) {
-  const o = A({
+async function vt(e) {
+  const o = F({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), n = await ht();
-  if (o.stop(), !n || yt(n, e) <= 0)
+  }).start(), n = await yt();
+  if (o.stop(), !n || wt(n, e) <= 0)
     return !1;
   if (console.log(`
 📦 New version available: ${e} → ${n}
-`), await Me({
+`), await Oe({
     message: "Would you like to update now?",
     choices: [
       { name: "Yes, update now", value: !0 },
       { name: "No, continue with current version", value: !1 }
     ]
   })) {
-    const m = A({
-      text: `Updating ${re} to v${n}...`,
+    const u = F({
+      text: `Updating ${ie} to v${n}...`,
       color: "green"
     }).start();
     try {
-      ne(`npm install -g ${re}@latest`, { stdio: "pipe" }), m.succeed(`Updated to v${n}`), console.log(`
+      se(`npm install -g ${ie}@latest`, { stdio: "pipe" }), u.succeed(`Updated to v${n}`), console.log(`
 Please restart the CLI to use the new version.
 `), process.exit(0);
     } catch {
-      return m.fail("Update failed"), console.log(`
-You can manually update by running: npm install -g ${re}@latest
+      return u.fail("Update failed"), console.log(`
+You can manually update by running: npm install -g ${ie}@latest
 `), !1;
     }
   }
   return !1;
 }
-const vt = (e) => new Promise((o) => setTimeout(o, e));
-l.executionPath = process.cwd();
-const ae = (e = !1) => {
-  const o = l.program.getOptionValue("verbose");
+const St = (e) => new Promise((o) => setTimeout(o, e));
+d.executionPath = process.cwd();
+const ce = (e = !1) => {
+  const o = d.program.getOptionValue("verbose");
   o || (console.info = () => {
-  }), console.info("📝 verbose mode on"), l.options = {
-    configPath: l.program.getOptionValue("config"),
+  }), console.info("📝 verbose mode on"), d.options = {
+    configPath: d.program.getOptionValue("config"),
     verbose: o
   };
   try {
-    return l.myopConfig = Ke(l.options.configPath), { configFound: !0 };
+    return d.myopConfig = Xe(d.options.configPath), { configFound: !0 };
   } catch (n) {
     if (e) {
       console.info(`
-⚠️ failed read config file from ${l.options.configPath}, trying to create new one`);
+⚠️ failed read config file from ${d.options.configPath}, trying to create new one`);
       try {
         const a = {
           author: "@myop-cli",
           flows: []
         };
-        return fe(l.options.configPath, a), l.myopConfig = a, { configFound: !0 };
+        return ge(d.options.configPath, a), d.myopConfig = a, { configFound: !0 };
       } catch {
         return console.info("Error details :", n), { configFound: !1, error: n };
       }
@@ -1334,25 +1371,26 @@ const ae = (e = !1) => {
   }
 };
 [
-  new pe(),
-  ...ot
+  new me(),
+  ...nt
 ];
-l.program = new Be();
-l.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version("0.1.10");
-l.program.addOption(new ie("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-l.program.addOption(new ie("-h, --help", "Show helpful information"));
-l.program.addOption(new ie("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-l.program.addOption(new ie("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-l.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((e, o) => {
-  ae(!0), console.info("adding ", e, o, l.options.configPath), e === "flow" && ke._action(o), process.exit();
+const xt = "0.1.13";
+d.program = new Ve();
+d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(xt);
+d.program.addOption(new ae("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+d.program.addOption(new ae("-h, --help", "Show helpful information"));
+d.program.addOption(new ae("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+d.program.addOption(new ae("--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) => {
+  ce(!0), console.info("adding ", e, o, d.options.configPath), e === "flow" && Pe._action(o), process.exit();
 });
-l.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((e, o) => {
-  ae(), console.info("removing ", e, o, l.options.configPath), e === "flow" && Pe._action(o), process.exit();
+d.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((e, o) => {
+  ce(), console.info("removing ", e, o, d.options.configPath), e === "flow" && _e._action(o), process.exit();
 });
-l.program.command("install").description("Install Myop assets").action(async () => {
-  ae(), await Ie.action();
+d.program.command("install").description("Install Myop assets").action(async () => {
+  ce(), await ke.action();
 });
-l.program.command("login").description("Authenticate with Myop platform").action(async () => {
+d.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
     await X();
   } catch (e) {
@@ -1360,52 +1398,52 @@ l.program.command("login").description("Authenticate with Myop platform").action
   }
   process.exit(0);
 });
-l.program.command("logout").description("Clear stored credentials").action(async () => {
-  await Fe(), process.exit(0);
+d.program.command("logout").description("Clear stored credentials").action(async () => {
+  await Re(), process.exit(0);
 });
-l.program.command("whoami").description("Show current authenticated user").action(async () => {
-  const e = he();
+d.program.command("whoami").description("Show current authenticated user").action(async () => {
+  const e = ye();
   e && e.email ? console.log(`Logged in as: ${e.email}`) : console.log("Not logged in. Run `myop login` to authenticate."), process.exit(0);
 });
-l.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (e) => {
-  var j, $, _, z, x, P;
-  const o = l.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: a } = await import("child_process"), m = await import("path");
+d.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (e) => {
+  var j, $, T, z, v, _;
+  const o = d.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: a } = await import("child_process"), u = await import("path");
   let c = {};
   if (n.existsSync(o))
     try {
-      const g = n.readFileSync(o, "utf-8");
-      c = JSON.parse(g);
-      const b = c.name || c.componentName;
-      console.log(`📋 Found config: ${b || "Unnamed component"}`), c.componentId && console.log(`   Component ID: ${c.componentId}`);
-    } catch (g) {
-      console.error(`⚠️ Failed to parse ${o}:`, g.message);
+      const h = n.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);
     }
   else
     console.log("⚠️ No myop.config.json found. A new component will be created.");
   if (!e.skipBuild) {
-    const g = A("Building project...").start();
+    const h = F("Building project...").start();
     try {
-      a("npm run build", { stdio: "pipe" }), g.succeed("Build completed");
-    } catch (b) {
-      g.fail("Build failed"), console.error(b.message), process.exit(1);
+      a("npm run build", { stdio: "pipe" }), h.succeed("Build completed");
+    } catch (M) {
+      h.fail("Build failed"), console.error(M.message), process.exit(1);
     }
   }
-  const p = "./dist/index.html";
-  n.existsSync(p) || (console.error("❌ Error: ./dist/index.html not found"), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
-  let v;
+  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));
+  let S;
   try {
-    v = await ft();
-  } catch (g) {
-    console.error("❌ Authentication failed:", g.message), process.exit(1);
+    S = await gt();
+  } catch (h) {
+    console.error("❌ Authentication failed:", h.message), process.exit(1);
   }
-  const S = gt();
-  let f = A("Requesting upload URL...").start(), w;
+  const x = ht();
+  let g = F("Requesting upload URL...").start(), y;
   try {
-    const g = await fetch(`${S}/mcp`, {
+    const h = await fetch(`${x}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${v.accessToken}`
+        Authorization: `Bearer ${S.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1414,63 +1452,63 @@ l.program.command("sync").description("Build and upload component to Myop platfo
         params: {
           name: "upload_component",
           arguments: {
-            name: c.name || c.componentName || m.default.basename(process.cwd()),
+            name: c.name || c.componentName || u.default.basename(process.cwd()),
             componentId: c.componentId || void 0,
             organization: c.organization || void 0
           }
         }
       })
     });
-    if (!g.ok)
-      throw new Error(`Server returned ${g.status}`);
-    const b = await g.json();
-    if (b.error)
-      throw new Error(b.error.message);
-    const H = (_ = ($ = (j = b.result) == null ? void 0 : j.content) == null ? void 0 : $[0]) == null ? void 0 : _.text;
-    if (w = JSON.parse(H), !w.success)
-      throw new Error(w.error);
-    f.succeed("Upload URL obtained");
-  } catch (g) {
-    f.fail("Failed to get upload URL"), console.error("   ", g.message), process.exit(1);
+    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 N = (T = ($ = (j = M.result) == null ? void 0 : j.content) == null ? void 0 : $[0]) == null ? void 0 : T.text;
+    if (y = JSON.parse(N), !y.success)
+      throw new Error(y.error);
+    g.succeed("Upload URL obtained");
+  } catch (h) {
+    g.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
   }
-  f = A("Uploading component...").start();
+  g = F("Uploading component...").start();
   try {
-    const g = n.readFileSync(p, "utf-8");
-    let b;
-    const H = w.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (H)
-      b = H[1];
+    const h = n.readFileSync(m, "utf-8");
+    let M;
+    const N = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+    if (N)
+      M = N[1];
     else {
-      const F = w.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (F)
-        b = F[1];
+      const b = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (b)
+        M = b[1];
       else
-        throw new Error("Could not parse presigned URL from: " + w.curlCommand);
+        throw new Error("Could not parse presigned URL from: " + y.curlCommand);
     }
-    console.info("Uploading to:", b.substring(0, 100) + "...");
-    const M = await fetch(b, {
+    console.info("Uploading to:", M.substring(0, 100) + "...");
+    const K = await fetch(M, {
       method: "PUT",
       headers: {
         "Content-Type": "text/html"
       },
-      body: g
+      body: h
     });
-    if (!M.ok) {
-      const F = await M.text();
-      throw new Error(`Upload failed with status ${M.status}: ${F}`);
+    if (!K.ok) {
+      const b = await K.text();
+      throw new Error(`Upload failed with status ${K.status}: ${b}`);
     }
-    f.succeed("Component uploaded");
-  } catch (g) {
-    f.fail("Upload failed"), console.error("   ", g.message), g.cause && console.error("   Cause:", g.cause), process.exit(1);
+    g.succeed("Component uploaded");
+  } catch (h) {
+    g.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
   }
-  f = A("Confirming upload...").start();
-  let y;
+  g = F("Confirming upload...").start();
+  let w;
   try {
-    const g = await fetch(`${S}/mcp`, {
+    const h = await fetch(`${x}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${v.accessToken}`
+        Authorization: `Bearer ${S.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1479,50 +1517,50 @@ l.program.command("sync").description("Build and upload component to Myop platfo
         params: {
           name: "confirm_upload",
           arguments: {
-            uploadId: w.uploadId
+            uploadId: y.uploadId
           }
         }
       })
     });
-    if (!g.ok)
-      throw new Error(`Server returned ${g.status}`);
-    const b = await g.json();
-    if (b.error)
-      throw new Error(b.error.message);
-    const H = (P = (x = (z = b.result) == null ? void 0 : z.content) == null ? void 0 : x[0]) == null ? void 0 : P.text;
-    if (y = JSON.parse(H), !y.success)
-      throw new Error(y.error);
-    f.succeed("Upload confirmed");
-  } catch (g) {
-    f.fail("Confirmation failed"), console.error("   ", g.message), process.exit(1);
+    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 N = (_ = (v = (z = M.result) == null ? void 0 : z.content) == null ? void 0 : v[0]) == null ? void 0 : _.text;
+    if (w = JSON.parse(N), !w.success)
+      throw new Error(w.error);
+    g.succeed("Upload confirmed");
+  } catch (h) {
+    g.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
   }
-  if (y.isNewComponent || !c.componentId) {
-    c.componentId = y.componentId, c.organization = y.orgId, c.name || (c.name = y.componentName);
+  if (w.isNewComponent || !c.componentId) {
+    c.componentId = w.componentId, c.organization = w.orgId, c.name || (c.name = w.componentName);
     try {
       n.writeFileSync(o, JSON.stringify(c, null, 2)), console.log(`
 📝 Updated ${o} with componentId`);
-    } catch (g) {
+    } catch (h) {
       console.log(`
-⚠️ Could not update ${o}: ${g.message}`), console.log(`   Please add componentId: "${y.componentId}" manually`);
+⚠️ Could not update ${o}: ${h.message}`), console.log(`   Please add componentId: "${w.componentId}" manually`);
     }
   }
   console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${y.componentName}`), console.log(`   Dashboard: ${y.dashboardUrl}`), process.exit(0);
+✅ Sync completed successfully!`), console.log(`   Component: ${w.componentName}`), console.log(`   Dashboard: ${w.dashboardUrl}`), process.exit(0);
 });
-l.program.command("dev").description("Start development server with file watching").action(_e);
-const St = () => {
+d.program.command("dev").description("Start development server with file watching").action(Ne);
+const bt = () => {
   try {
-    ne("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    se("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    ne("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    se("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const e = ne("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const e = se("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -1533,22 +1571,22 @@ const St = () => {
         deletions: 0
       };
     const o = e.split(`
-`), n = o[o.length - 1], a = n.match(/(\d+) insertion/), m = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
+`), n = o[o.length - 1], a = n.match(/(\d+) insertion/), u = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
     return {
       files: c ? parseInt(c[1]) : 0,
       insertions: a ? parseInt(a[1]) : 0,
-      deletions: m ? parseInt(m[1]) : 0
+      deletions: u ? parseInt(u[1]) : 0
     };
   } catch {
     return null;
   }
-}, U = async (e = !1, o = !1) => {
-  var w, y, j;
-  const n = he(), a = !!(n != null && n.email), m = ((w = l.myopConfig) == null ? void 0 : w.name) || ((y = l.myopConfig) == null ? void 0 : y.componentName), c = (j = l.myopConfig) == null ? void 0 : j.componentId, p = St();
+}, B = async (e = !1, o = !1) => {
+  var y, w, j;
+  const n = ye(), a = !!(n != null && n.email), u = ((y = d.myopConfig) == null ? void 0 : y.name) || ((w = d.myopConfig) == null ? void 0 : w.componentName), c = (j = d.myopConfig) == null ? void 0 : j.componentId, m = bt();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
-`), e && m ? (console.log(`  Component:  ${m}`), 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"}`), p != null && p.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")) : p != null && p.notARepo ? console.log("  Changes:    Not a git repository") : p && (p.insertions > 0 || p.deletions > 0) ? console.log(`  Changes:    ${p.files} file${p.files !== 1 ? "s" : ""} | \x1B[32m+${p.insertions}\x1B[0m \x1B[31m-${p.deletions}\x1B[0m`) : p && console.log("  Changes:    No uncommitted changes"), console.log("");
-  const S = [
+`), e && u ? (console.log(`  Component:  ${u}`), 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 x = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -1558,14 +1596,14 @@ const St = () => {
     },
     {
       emoji: "📦",
-      label: m ? `Push "${m}"` : "Push component",
+      label: u ? `Push "${u}"` : "Push component",
       value: "sync",
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: e ? a ? !1 : "(login required)" : "(no config file)"
     },
     {
       emoji: "🛠️ ",
-      label: m ? `Start dev mode for "${m}"` : "Start dev mode",
+      label: u ? `Start dev mode for "${u}"` : "Start dev mode",
       value: "dev",
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: e ? !1 : "(no config file)"
@@ -1576,8 +1614,8 @@ const St = () => {
     value: $.value,
     disabled: $.disabled
   }));
-  switch (S.push(
-    new pe(),
+  switch (x.push(
+    new me(),
     {
       name: o && a ? `🔓 Logout (${n.email})
      Clears stored credentials from this machine` : o && !a ? `🔐 Login to Myop
@@ -1588,17 +1626,17 @@ const St = () => {
       name: o ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new pe(),
+    new me(),
     {
       name: "👋 Exit",
       value: "exit"
     }
-  ), await Me({
+  ), await Oe({
     message: "What would you like to do?",
-    choices: S
+    choices: x
   })) {
     case "init":
-      await xt();
+      await Ct();
       break;
     case "sync":
       console.log(`
@@ -1609,34 +1647,34 @@ Running sync...
         $("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
-      await U(!0, o);
+      await B(!0, o);
       break;
     case "dev":
-      await _e();
+      await Ne();
       break;
     case "login":
       try {
         await X(), console.log(`
-`), await U(e, o);
-      } catch (_) {
-        console.error("Login failed:", _.message), await U(e, o);
+`), await B(e, o);
+      } catch (T) {
+        console.error("Login failed:", T.message), await B(e, o);
       }
       break;
     case "logout":
-      await Fe(), console.log(`
-`), await U(e, o);
+      await Re(), console.log(`
+`), await B(e, o);
       break;
     case "help":
-      await U(e, !o);
+      await B(e, !o);
       break;
     case "exit":
       process.exit(0);
   }
-}, xt = async () => {
-  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), m = (await import("path")).default.basename(process.cwd()), c = await e({
+}, Ct = async () => {
+  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), u = (await import("path")).default.basename(process.cwd()), c = await e({
     message: "Component name:",
-    default: m
-  }), p = await o({
+    default: u
+  }), m = await o({
     message: "Component type:",
     choices: [
       { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
@@ -1644,15 +1682,15 @@ Running sync...
       { name: "💚 Vue", value: "vue", disabled: "(coming soon)" },
       { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
     ]
-  }), v = {
+  }), S = {
     name: c,
-    type: p,
+    type: m,
     author: "@myop-cli"
-  }, S = l.program.getOptionValue("config") || "./myop.config.json";
+  }, x = d.program.getOptionValue("config") || "./myop.config.json";
   try {
-    n.writeFileSync(S, JSON.stringify(v, null, 2)), console.log(`
-✅ Created ${S}`);
-    const f = {
+    n.writeFileSync(x, JSON.stringify(S, null, 2)), console.log(`
+✅ Created ${x}`);
+    const g = {
       name: c.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -1664,7 +1702,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    n.writeFileSync("package.json", JSON.stringify(f, 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';
+    n.writeFileSync("package.json", JSON.stringify(g, 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';
 
@@ -1744,7 +1782,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 y = `<!DOCTYPE html>
+    const w = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -1761,7 +1799,7 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    n.writeFileSync("index.html", y), console.log("✅ Created index.html");
+    n.writeFileSync("index.html", w), console.log("✅ Created index.html");
     const j = `// ${c} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
@@ -1801,7 +1839,7 @@ export function setupMyopInterface() {
 @import './main.css';
 `;
     n.writeFileSync("src/styles/index.css", z), console.log("✅ Created src/styles/index.css");
-    const x = `/* ${c} - Main Styles */
+    const v = `/* ${c} - Main Styles */
 
 * {
     box-sizing: border-box;
@@ -1830,49 +1868,49 @@ p {
     line-height: 1.5;
 }
 `;
-    n.writeFileSync("src/styles/main.css", x), console.log("✅ Created src/styles/main.css"), console.log(`
+    n.writeFileSync("src/styles/main.css", v), 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
-`), l.myopConfig = v, await U(!0);
-  } catch (f) {
-    console.error(`Failed to initialize component: ${f.message}`), process.exit(1);
+`), d.myopConfig = S, await B(!0);
+  } catch (g) {
+    console.error(`Failed to initialize component: ${g.message}`), process.exit(1);
   }
 };
-l.program.command("default", { isDefault: !0 }).action(async () => {
-  if (l.program.getOptionValue("help") && (console.log(Ve), process.exit()), l.program.getOptionValue("ci")) {
-    const c = await import("fs"), p = l.program.getOptionValue("config") || "./myop.config.json", v = l.program.version(), S = he();
-    let f = { found: !1 };
+d.program.command("default", { isDefault: !0 }).action(async () => {
+  if (d.program.getOptionValue("help") && (console.log(Ke), process.exit()), d.program.getOptionValue("ci")) {
+    const c = await import("fs"), m = d.program.getOptionValue("config") || "./myop.config.json", S = d.program.version(), x = ye();
+    let g = { found: !1 };
     try {
-      if (c.existsSync(p)) {
-        const y = c.readFileSync(p, "utf-8"), j = JSON.parse(y);
-        f = {
+      if (c.existsSync(m)) {
+        const w = c.readFileSync(m, "utf-8"), j = JSON.parse(w);
+        g = {
           found: !0,
-          path: p,
+          path: m,
           name: j.name || j.componentName || null,
           componentId: j.componentId || null,
           organization: j.organization || null
         };
       }
-    } catch (y) {
-      f = { found: !1, error: y.message };
+    } catch (w) {
+      g = { found: !1, error: w.message };
     }
-    const w = {
-      version: v,
-      config: f,
+    const y = {
+      version: S,
+      config: g,
       auth: {
-        loggedIn: !!(S != null && S.email),
-        email: (S == null ? void 0 : S.email) || null
+        loggedIn: !!(x != null && x.email),
+        email: (x == null ? void 0 : x.email) || null
       }
     };
-    console.log(JSON.stringify(w, null, 2)), process.exit(0);
+    console.log(JSON.stringify(y, null, 2)), process.exit(0);
   }
-  let n = A({
+  let n = F({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const a = ae();
-  await vt(500), n.stop();
-  const m = l.program.version();
-  await wt(m), await U(a.configFound);
+  const a = ce();
+  await St(500), n.stop();
+  const u = d.program.version();
+  await vt(u), await B(a.configFound);
 });
-l.program.parse(process.argv);
-l.program.opts();
+d.program.parse(process.argv);
+d.program.opts();