@myop/cli 0.1.54 → 0.1.56

package/dist/myop-cli.js

@@ -3,50 +3,52 @@ var bt = Object.defineProperty;
 var Ct = (o, t, e) => t in o ? bt(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
 var ve = (o, t, e) => Ct(o, typeof t != "symbol" ? t + "" : t, e);
 import z from "ora";
-import { select as st, Separator as Le } from "@inquirer/prompts";
+import { select as st, Separator as Ue } from "@inquirer/prompts";
 import { Command as Pt, Option as fe } from "commander";
 import { execSync as Q, spawn as Mt } from "child_process";
-import R, { join as je } from "path";
-import C, { readFileSync as Et } from "fs";
-import ze from "crypto";
+import R, { join as Ae } from "path";
+import P, { readFileSync as Et } from "fs";
+import We from "crypto";
 import It from "http";
 import { URL as it, URLSearchParams as rt } from "url";
 import Ot from "open";
 import at from "os";
-const kt = `
-Usage: myop [OPTIONS] COMMAND [ARGS]...
+const kt = "0.1.56", Rt = `
+Usage: myop [OPTIONS] [COMMAND]
 
-A powerful command-line interface for managing your Myop projects.
+Myop CLI - Remote UI Made Easy
 
 Options:
-  -h, --help          Show this help message and exit.
-  -v, --version       Show the version of the CLI.
-  --config FILE       Specify a configuration file. (default: config.yaml)
+  -h, --help              Show this help message and exit
+  -v, --verbose           Enable verbose output
+  -c, --config <path>     Path to myop.config.json (default: ./myop.config.json)
+  -m, --monorepo          Monorepo mode: serve multiple components
+  --ci                    CI mode: output status as JSON, no prompts
+  --version               Show CLI version
 
 Commands:
-  init                Initialize a new project.
-  start               Start the project server.
-  build               Build the project for production.
-  test                Run tests on the project.
-  deploy              Deploy the project to the server.
-  logs                View logs of the project.
-  help                Show help for a specific command.
+  create                  Create a new Myop component (interactive)
+  dev                     Start dev server with file watching and HMR
+  push [componentId]      Upload component to Myop platform
+  pull [componentId]      Download component HTML from Myop platform
+  list [--org <orgId>]    Browse, search, and batch pull/push components
+  login                   Authenticate with Myop (opens browser)
+  logout                  Clear stored credentials
+  whoami                  Show current authenticated user
+  train                   Install AI skills for coding assistants
+  mcp                     Configure MCP server for your IDE
 
-For more information, visit the documentation site:
-https://docs.mycli.dev
+Run without a command to open the interactive menu.
 
-GitHub Repository:
-https://github.com/username/mycli
-
-Version: 1.0.0
+Version: ${kt}
 
 Examples:
-  mycli init
-  mycli start --config custom_config.yaml
-  mycli deploy
-
-
-
+  myop create
+  myop dev
+  myop dev -m
+  myop push
+  myop pull <componentId>
+  myop list
 `, v = {
   program: null,
   executionPath: "",
@@ -67,17 +69,17 @@ Examples:
     }
     process.exit();
   }
-}, Rt = (o) => {
+}, Nt = (o) => {
   const t = R.join(v.executionPath, o);
   console.info(`reading config file from: ${t}`);
-  const e = C.readFileSync(t, "utf8"), n = JSON.parse(e);
+  const e = P.readFileSync(t, "utf8"), n = JSON.parse(e);
   return console.info("config file loaded, ", n), n;
-}, We = (o, t) => {
+}, Ve = (o, t) => {
   const e = R.join(v.executionPath, o);
   console.info(`writing config file to: ${e}`);
   try {
     const n = JSON.stringify(t, null, 2);
-    C.writeFileSync(e, n), console.info(`config file updated ${n}`);
+    P.writeFileSync(e, n), console.info(`config file updated ${n}`);
   } catch (n) {
     throw console.info(`error ${n} while writing to ${e}, JSON: ${t}`), console.log(`
 ⚠️ Failed write config file to ${e}, for more info use verbose flag`), n;
@@ -87,7 +89,7 @@ Examples:
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (o) => {
-    v.myopConfig.flows.includes(o) || v.myopConfig.flows.push(o), We(v.options.configPath, v.myopConfig);
+    v.myopConfig.flows.includes(o) || v.myopConfig.flows.push(o), Ve(v.options.configPath, v.myopConfig);
   },
   action: async () => {
   }
@@ -96,7 +98,7 @@ Examples:
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (o) => {
-    v.myopConfig.flows = v.myopConfig.flows.filter((t) => t !== o), We(v.options.configPath, v.myopConfig);
+    v.myopConfig.flows = v.myopConfig.flows.filter((t) => t !== o), Ve(v.options.configPath, v.myopConfig);
   },
   action: () => {
   }
@@ -107,29 +109,29 @@ Examples:
   action: () => {
     process.exit();
   }
-}, Nt = {
+}, Tt = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, Tt = {
+}, Ft = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, Ft = {
+}, jt = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, jt = {
+}, At = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, At = {
+}, Dt = {
   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)"
-}, Dt = [At, Nt, Tt, Ft, jt];
-function Lt(o, t, e, n) {
+}, Lt = [Dt, Tt, Ft, jt, At];
+function Ut(o, t, e, n) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -219,19 +221,19 @@ ${n}
 </body>
 </html>`;
 }
-function Ut(o) {
+function Ht(o) {
   return o.includes("esbuild") && o.includes("another platform");
 }
-function Ht(o) {
+function Bt(o) {
   return o.includes("ERR_MODULE_NOT_FOUND") && o.includes("esbuild");
 }
-function Bt() {
+function Jt() {
   console.error(`
 ❌ esbuild platform mismatch detected!`), console.error("   Your node_modules contains esbuild binaries for a different OS."), console.error(`
    This usually happens when node_modules is copied between different`), console.error(`   operating systems (e.g., Windows → Mac, or Mac → Linux).
 `);
 }
-function Jt(o) {
+function zt(o) {
   return new Promise((t) => {
     console.log(`🔧 Attempting to fix: removing node_modules and reinstalling...
 `);
@@ -261,11 +263,11 @@ async function pt(o, t, e, n, s = {}) {
     hasTriedInstall: r = !1,
     onRetry: p
   } = s, m = ((o == null ? void 0 : o.message) || "") + (t || "") + (e || "");
-  return !i && Ut(m) ? (Bt(), await Jt(n) && p ? (console.log(`🔄 Retrying build...
-`), p(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : !r && Ht(m) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((l) => {
-    n("npm install", (d, y, S) => {
+  return !i && Ht(m) ? (Jt(), await zt(n) && p ? (console.log(`🔄 Retrying build...
+`), p(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : !r && Bt(m) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((l) => {
+    n("npm install", (d, w, x) => {
       if (d) {
-        console.error("❌ Failed to install dependencies:", d.message), S && console.error(S), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+        console.error("❌ Failed to install dependencies:", d.message), x && console.error(x), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
         return;
       }
       console.log("✅ Dependencies installed"), p && p(), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
@@ -281,7 +283,7 @@ async function Ce() {
   } else
     i = t.default.dirname(import.meta.url);
   const r = t.default.join(i, "commands", "dev", "management-website"), p = o.default.readFileSync(t.default.join(r, "styles.css"), "utf-8"), m = o.default.readFileSync(t.default.join(r, "app.js"), "utf-8"), l = 9292, d = 9293;
-  let y = "./dist", S = !1, x = !1, g = !1, u = null;
+  let w = "./dist", x = !1, $ = !1, g = !1, u = null;
   const E = () => {
     try {
       const c = o.default.readdirSync(".").filter((a) => !a.endsWith(".html") || a.startsWith(".") ? !1 : o.default.statSync(a).isFile());
@@ -302,53 +304,53 @@ async function Ce() {
     let f;
     a === "darwin" ? f = `open "${c}"` : a === "win32" ? f = `start "" "${c}"` : f = `xdg-open "${c}"`, e(f, (h) => {
     });
-  }, P = /* @__PURE__ */ new Map(), j = v.program.getOptionValue("config") || "./myop.config.json";
-  let M, _, k = !1;
+  }, M = /* @__PURE__ */ new Map(), j = v.program.getOptionValue("config") || "./myop.config.json";
+  let C, N, k = !1;
   u = E();
   const L = O();
   try {
     const c = o.default.readFileSync(j, "utf-8"), a = JSON.parse(c);
-    M = a.componentId || "DEV", _ = a.componentName || a.name || null, k = a.HMR === !0, u && !L && (g = !0, k = !0, console.log(`📄 Single HTML file mode: ${u}`)), k && console.log("🔥 HMR enabled");
+    C = a.componentId || "DEV", N = a.componentName || a.name || null, k = a.HMR === !0, u && !L && (g = !0, k = !0, console.log(`📄 Single HTML file mode: ${u}`)), k && console.log("🔥 HMR enabled");
   } catch (c) {
-    u && !L ? (g = !0, M = "DEV", _ = t.default.basename(u, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${u}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", c.message), process.exit(1));
+    u && !L ? (g = !0, C = "DEV", N = t.default.basename(u, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${u}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", c.message), process.exit(1));
   }
   const D = async () => {
-    if (M !== "DEV" && M !== "NEW")
-      return M;
+    if (C !== "DEV" && C !== "NEW")
+      return C;
     try {
-      const a = ((await new Promise((w, $) => {
+      const a = ((await new Promise((y, S) => {
         const I = {
           hostname: "localhost",
           port: d,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, F = n.default.request(I, (H) => {
+        }, T = n.default.request(I, (H) => {
           let Y = "";
           H.on("data", (ee) => Y += ee), H.on("end", () => {
             try {
-              w(JSON.parse(Y));
+              y(JSON.parse(Y));
             } catch {
-              w({ components: [] });
+              y({ components: [] });
             }
           });
         });
-        F.on("error", () => w({ components: [] })), F.on("timeout", () => {
-          F.destroy(), w({ components: [] });
-        }), F.end();
-      })).components || []).map(([w]) => w).filter((w) => w === "DEV" || w === "NEW" || /^DEV\d+$/.test(w) || /^NEW\d+$/.test(w));
+        T.on("error", () => y({ components: [] })), T.on("timeout", () => {
+          T.destroy(), y({ components: [] });
+        }), T.end();
+      })).components || []).map(([y]) => y).filter((y) => y === "DEV" || y === "NEW" || /^DEV\d+$/.test(y) || /^NEW\d+$/.test(y));
       if (a.length === 0)
         return "DEV1";
-      const f = a.map((w) => {
-        if (w === "DEV" || w === "NEW") return 1;
-        const $ = w.match(/^DEV(\d+)$/), I = w.match(/^NEW(\d+)$/);
-        return $ ? parseInt($[1], 10) : I ? parseInt(I[1], 10) : 0;
-      }).filter((w) => w > 0);
+      const f = a.map((y) => {
+        if (y === "DEV" || y === "NEW") return 1;
+        const S = y.match(/^DEV(\d+)$/), I = y.match(/^NEW(\d+)$/);
+        return S ? parseInt(S[1], 10) : I ? parseInt(I[1], 10) : 0;
+      }).filter((y) => y > 0);
       return `DEV${Math.max(...f, 0) + 1}`;
     } catch {
       return "DEV1";
     }
-  }, T = process.cwd(), W = (c) => {
+  }, F = process.cwd(), W = (c) => {
     const a = t.default.extname(c).toLowerCase();
     return {
       ".html": "text/html",
@@ -361,14 +363,14 @@ async function Ce() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[a] || "application/octet-stream";
-  }, N = /* @__PURE__ */ new Map(), oe = [], Ie = 50, q = [], se = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), wt = (c, a, f) => {
+  }, _ = /* @__PURE__ */ new Map(), oe = [], Ie = 50, q = [], se = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), wt = (c, a, f) => {
     if (c.url.startsWith("/_hmr/")) {
-      const h = c.url.split("/_hmr/")[1], w = c.headers["sec-websocket-key"], $ = s("sha1").update(w + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      const h = c.url.split("/_hmr/")[1], y = c.headers["sec-websocket-key"], S = s("sha1").update(y + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       a.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${$}\r
+Sec-WebSocket-Accept: ${S}\r
 \r
 `
       ), X.has(h) || X.set(h, /* @__PURE__ */ new Set()), X.get(h).add(a), console.log(`🔌 HMR client connected: ${h}`), a.on("close", () => {
@@ -384,11 +386,11 @@ Sec-WebSocket-Accept: ${$}\r
       let f = "";
       c.on("data", (h) => f += h), c.on("end", () => {
         try {
-          const { componentId: h, distPath: w, componentName: $, htmlFile: I } = JSON.parse(f);
-          N.set(h, { path: w, name: $ || null, htmlFile: I || null });
-          const F = $ ? ` (${$})` : "";
-          console.log(`✅ Registered: ${h}${F} -> ${w}${I ? "/" + I : ""}`), a.writeHead(200), a.end(JSON.stringify({ success: !0, registered: Array.from(N.keys()) }));
-          const H = Array.from(N.entries()).map(([Y, ee]) => ({
+          const { componentId: h, distPath: y, componentName: S, htmlFile: I } = JSON.parse(f);
+          _.set(h, { path: y, name: S || null, htmlFile: I || null });
+          const T = S ? ` (${S})` : "";
+          console.log(`✅ Registered: ${h}${T} -> ${y}${I ? "/" + I : ""}`), a.writeHead(200), a.end(JSON.stringify({ success: !0, registered: Array.from(_.keys()) }));
+          const H = Array.from(_.entries()).map(([Y, ee]) => ({
             id: Y,
             path: ee.path,
             name: ee.name
@@ -413,17 +415,17 @@ Sec-WebSocket-Accept: ${$}\r
       c.on("data", (h) => f += h), c.on("end", () => {
         try {
           const { componentId: h } = JSON.parse(f);
-          N.delete(h), console.log(`❌ Unregistered: ${h}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
-          const w = Array.from(N.entries()).map(([$, I]) => ({
-            id: $,
+          _.delete(h), console.log(`❌ Unregistered: ${h}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
+          const y = Array.from(_.entries()).map(([S, I]) => ({
+            id: S,
             path: I.path,
             name: I.name
           }));
-          q.forEach(($) => {
+          q.forEach((S) => {
             try {
-              $.write(`data: ${JSON.stringify({
+              S.write(`data: ${JSON.stringify({
                 type: "components",
-                components: w
+                components: y
               })}
 
 `);
@@ -435,22 +437,22 @@ Sec-WebSocket-Accept: ${$}\r
         }
       });
     } else if (c.method === "GET" && c.url === "/_list")
-      a.writeHead(200), a.end(JSON.stringify({ components: Array.from(N.entries()) }));
+      a.writeHead(200), a.end(JSON.stringify({ components: Array.from(_.entries()) }));
     else if (c.method === "POST" && c.url === "/_hmr_notify") {
       let f = "";
       c.on("data", (h) => f += h), c.on("end", () => {
         try {
-          const { componentId: h, html: w } = JSON.parse(f), $ = X.get(h);
-          if ($ && $.size > 0) {
-            console.log(`🔥 Notifying ${$.size} HMR client(s) for: ${h}`);
-            const I = JSON.stringify({ type: "update", html: w }), F = qe(I);
-            $.forEach((H) => {
+          const { componentId: h, html: y } = JSON.parse(f), S = X.get(h);
+          if (S && S.size > 0) {
+            console.log(`🔥 Notifying ${S.size} HMR client(s) for: ${h}`);
+            const I = JSON.stringify({ type: "update", html: y }), T = qe(I);
+            S.forEach((H) => {
               try {
-                H.write(F);
+                H.write(T);
               } catch {
-                $.delete(H);
+                S.delete(H);
               }
-            }), a.writeHead(200), a.end(JSON.stringify({ success: !0, notified: $.size }));
+            }), a.writeHead(200), a.end(JSON.stringify({ success: !0, notified: S.size }));
           } else
             a.writeHead(200), a.end(JSON.stringify({ success: !0, notified: 0 }));
         } catch (h) {
@@ -464,14 +466,14 @@ Sec-WebSocket-Accept: ${$}\r
       a.writeHead(403, { "Content-Type": "text/plain" }), a.end("Forbidden");
       return;
     }
-    const f = new URL(c.url, `http://localhost:${l}`), h = f.pathname, w = h.split("/").filter((J) => J);
+    const f = new URL(c.url, `http://localhost:${l}`), h = f.pathname, y = h.split("/").filter((J) => J);
     if (h.startsWith("/consume")) {
       const J = f.searchParams.get("id");
       if (!J) {
         a.writeHead(400, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const V = N.get(J), G = V ? V.path : null, de = (te) => {
+      const V = _.get(J), G = V ? V.path : null, de = (te) => {
         let U = "Unknown", K = "Unknown";
         if (c.headers.referer || c.headers.referrer) {
           const B = c.headers.referer || c.headers.referrer;
@@ -492,12 +494,12 @@ Sec-WebSocket-Accept: ${$}\r
           const B = c.socket.remoteAddress;
           B === "::1" || B === "::ffff:127.0.0.1" ? (U = "localhost", K = "localhost (direct)") : (U = B, K = B.replace("::ffff:", ""));
         }
-        const Te = c.headers.referer || c.headers.referrer || U, we = {
+        const Fe = c.headers.referer || c.headers.referrer || U, we = {
           type: "request",
           componentId: J,
           timestamp: Date.now(),
           servedLocally: te,
-          referrer: Te,
+          referrer: Fe,
           origin: U,
           originLabel: K
         };
@@ -517,8 +519,8 @@ Sec-WebSocket-Accept: ${$}\r
           } catch {
           }
         }));
-        const Fe = se.get(U);
-        Fe.requestCount++, q.forEach((B) => {
+        const je = se.get(U);
+        je.requestCount++, q.forEach((B) => {
           try {
             B.write(`data: ${JSON.stringify({
               type: "origins",
@@ -544,7 +546,7 @@ Sec-WebSocket-Accept: ${$}\r
             console.log(`❌ File not found: ${te}`), a.writeHead(404, { "Content-Type": "application/json" }), a.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const Te = ke(K, J), we = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Fe = {
+          const Fe = Re(K, J), we = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, je = {
             item: {
               name: J,
               id: J,
@@ -555,7 +557,7 @@ Sec-WebSocket-Accept: ${$}\r
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: Te
+                    HTML: Fe
                   }
                 }
               ]
@@ -564,7 +566,7 @@ Sec-WebSocket-Accept: ${$}\r
           console.log(`✅ Serving consume JSON for: ${J}`), de(!0), a.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), a.end(JSON.stringify(Fe, null, 2));
+          }), a.end(JSON.stringify(je, null, 2));
         });
       } else {
         console.log(`📡 Proxying consume request to cloud.myop.dev for: ${J}`);
@@ -587,7 +589,7 @@ Sec-WebSocket-Accept: ${$}\r
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
       }), q.push(a);
-      const J = Array.from(N.entries()).map(([V, G]) => ({
+      const J = Array.from(_.entries()).map(([V, G]) => ({
         id: V,
         path: G.path,
         name: G.name
@@ -613,24 +615,24 @@ Sec-WebSocket-Accept: ${$}\r
       });
       return;
     }
-    if (w.length === 0) {
-      a.writeHead(200, { "Content-Type": "text/html" }), a.end(Lt(l, d, p, m));
+    if (y.length === 0) {
+      a.writeHead(200, { "Content-Type": "text/html" }), a.end(Ut(l, d, p, m));
       return;
     }
-    if (w[0] !== "view") {
+    if (y[0] !== "view") {
       a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (w.length < 2) {
+    if (y.length < 2) {
       a.writeHead(400, { "Content-Type": "text/plain" }), a.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const $ = w[1], I = N.get($);
+    const S = y[1], I = _.get(S);
     if (!I) {
-      a.writeHead(404, { "Content-Type": "text/plain" }), a.end(`Component not found: ${$}`);
+      a.writeHead(404, { "Content-Type": "text/plain" }), a.end(`Component not found: ${S}`);
       return;
     }
-    const F = I.path, H = w.slice(2), Y = I.htmlFile || "index.html", ee = H.length === 0 ? Y : H.join("/"), ce = t.default.join(F, ee);
+    const T = I.path, H = y.slice(2), Y = I.htmlFile || "index.html", ee = H.length === 0 ? Y : H.join("/"), ce = t.default.join(T, ee);
     console.log(`📥 Request: ${c.url} -> ${ce}`), o.default.readFile(ce, (J, V) => {
       if (J) {
         console.log(`❌ File not found: ${ce}`), a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not Found");
@@ -641,20 +643,20 @@ Sec-WebSocket-Accept: ${$}\r
       let de = V;
       if (G === "text/html" && k) {
         const te = V.toString("utf-8");
-        de = ke(te, $);
+        de = Re(te, S);
       }
       a.writeHead(200, {
         "Content-Type": G,
         "Access-Control-Allow-Origin": "*"
       }), a.end(de);
     });
-  }), Ze = () => new Promise((c, a) => {
-    const f = g ? t.default.resolve(T) : t.default.resolve(T, y), h = JSON.stringify({
-      componentId: M,
+  }), ke = () => new Promise((c, a) => {
+    const f = g ? t.default.resolve(F) : t.default.resolve(F, w), h = JSON.stringify({
+      componentId: C,
       distPath: f,
-      componentName: _,
+      componentName: N,
       htmlFile: g ? u : null
-    }), w = {
+    }), y = {
       hostname: "localhost",
       port: d,
       path: "/_register",
@@ -663,15 +665,15 @@ Sec-WebSocket-Accept: ${$}\r
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(h)
       }
-    }, $ = n.default.request(w, (I) => {
-      let F = "";
-      I.on("data", (H) => F += H), I.on("end", () => {
-        I.statusCode === 200 ? c(JSON.parse(F)) : a(new Error(`Registration failed: ${I.statusCode}`));
+    }, S = n.default.request(y, (I) => {
+      let T = "";
+      I.on("data", (H) => T += H), I.on("end", () => {
+        I.statusCode === 200 ? c(JSON.parse(T)) : a(new Error(`Registration failed: ${I.statusCode}`));
       });
     });
-    $.on("error", a), $.write(h), $.end();
+    S.on("error", a), S.write(h), S.end();
   }), vt = () => new Promise((c, a) => {
-    const f = JSON.stringify({ componentId: M }), h = {
+    const f = JSON.stringify({ componentId: C }), h = {
       hostname: "localhost",
       port: d,
       path: "/_unregister",
@@ -680,10 +682,10 @@ Sec-WebSocket-Accept: ${$}\r
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(f)
       }
-    }, w = n.default.request(h, ($) => {
+    }, y = n.default.request(h, (S) => {
       c();
     });
-    w.on("error", () => c()), w.write(f), w.end();
+    y.on("error", () => c()), y.write(f), y.end();
   }), St = (c) => `
 <!-- MYOP HMR -->
 <script>
@@ -789,7 +791,7 @@ Sec-WebSocket-Accept: ${$}\r
     connect();
 })();
 <\/script>
-`, ke = (c, a) => {
+`, Re = (c, a) => {
     if (!k) return c;
     const f = St(a);
     return c.includes("</body>") ? c.replace("</body>", `${f}</body>`) : c.includes("</html>") ? c.replace("</html>", `${f}</html>`) : c + f;
@@ -815,34 +817,34 @@ Sec-WebSocket-Accept: ${$}\r
     ]), h;
   }, Xe = () => {
     if (!k) return;
-    const c = g ? u : t.default.join(y, "index.html");
+    const c = g ? u : t.default.join(w, "index.html");
     let a;
     try {
       const f = o.default.readFileSync(c, "utf-8");
-      a = ke(f, M);
+      a = Re(f, C);
     } catch (f) {
       console.error("❌ Failed to read HTML for HMR:", f.message);
       return;
     }
-    if (Ne) {
-      const f = X.get(M);
+    if (Te) {
+      const f = X.get(C);
       if (!f || f.size === 0)
         return;
       console.log(`🔥 Notifying ${f.size} HMR client(s)`);
       const h = JSON.stringify({
         type: "update",
         html: a
-      }), w = qe(h);
-      f.forEach(($) => {
+      }), y = qe(h);
+      f.forEach((S) => {
         try {
-          $.write(w);
+          S.write(y);
         } catch {
-          f.delete($);
+          f.delete(S);
         }
       });
     } else {
       const f = JSON.stringify({
-        componentId: M,
+        componentId: C,
         html: a
       }), h = {
         hostname: "localhost",
@@ -854,64 +856,64 @@ Sec-WebSocket-Accept: ${$}\r
           "Content-Length": Buffer.byteLength(f)
         },
         timeout: 5e3
-      }, w = n.default.request(h, ($) => {
+      }, y = n.default.request(h, (S) => {
         let I = "";
-        $.on("data", (F) => I += F), $.on("end", () => {
+        S.on("data", (T) => I += T), S.on("end", () => {
           try {
-            const F = JSON.parse(I);
-            F.notified > 0 && console.log(`🔥 Notified ${F.notified} HMR client(s) via server`);
+            const T = JSON.parse(I);
+            T.notified > 0 && console.log(`🔥 Notified ${T.notified} HMR client(s) via server`);
           } catch {
           }
         });
       });
-      w.on("error", () => {
-      }), w.on("timeout", () => {
-        w.destroy();
-      }), w.write(f), w.end();
+      y.on("error", () => {
+      }), y.on("timeout", () => {
+        y.destroy();
+      }), y.write(f), y.end();
     }
   };
-  let Re = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+  let Ne = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
   const he = (c) => {
-    if (S) {
-      x = !0;
+    if (x) {
+      $ = !0;
       return;
     }
-    S = !0, console.log(`
+    x = !0, console.log(`
 🔨 Building...`), e("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (a, f, h) => {
-      if (S = !1, a) {
-        const w = await pt(a, f, h, e, {
-          ...Re,
+      if (x = !1, a) {
+        const y = await pt(a, f, h, e, {
+          ...Ne,
           onRetry: () => he(c)
         });
-        Re = { ...Re, ...w }, w.handled || (console.error("❌ Build failed:", a.message), h && console.error(h));
+        Ne = { ...Ne, ...y }, y.handled || (console.error("❌ Build failed:", a.message), h && console.error(h));
       } else
         console.log("✅ Build completed"), f && console.log(f), Xe(), c && c();
-      x && (x = !1, he());
+      $ && ($ = !1, he());
     });
   }, et = /* @__PURE__ */ new Set(), _e = (c) => {
     o.default.readdir(c, { withFileTypes: !0 }, (a, f) => {
       a || (f.forEach((h) => {
-        const w = t.default.join(c, h.name);
+        const y = t.default.join(c, h.name);
         if (h.isDirectory())
-          h.name !== "node_modules" && h.name !== "dist" && !h.name.startsWith(".") && _e(w);
+          h.name !== "node_modules" && h.name !== "dist" && !h.name.startsWith(".") && _e(y);
         else if (h.isFile()) {
-          const $ = t.default.extname(h.name);
-          if ($ === ".js" || $ === ".css" || $ === ".html")
+          const S = t.default.extname(h.name);
+          if (S === ".js" || S === ".css" || S === ".html")
             try {
-              const I = o.default.readFileSync(w, "utf-8");
-              P.set(w, I);
+              const I = o.default.readFileSync(y, "utf-8");
+              M.set(y, I);
             } catch {
             }
         }
-      }), et.has(c) || (et.add(c), o.default.watch(c, (h, w) => {
-        if (!w) return;
-        const $ = t.default.extname(w);
-        if ($ !== ".js" && $ !== ".css" && $ !== ".html") return;
-        const I = t.default.join(c, w);
+      }), et.has(c) || (et.add(c), o.default.watch(c, (h, y) => {
+        if (!y) return;
+        const S = t.default.extname(y);
+        if (S !== ".js" && S !== ".css" && S !== ".html") return;
+        const I = t.default.join(c, y);
         setTimeout(() => {
           try {
-            const F = o.default.readFileSync(I, "utf-8"), H = P.get(I);
-            F !== H && (P.set(I, F), console.log(`📝 File changed: ${I}`), g ? Xe() : he());
+            const T = o.default.readFileSync(I, "utf-8"), H = M.get(I);
+            T !== H && (M.set(I, T), console.log(`📝 File changed: ${I}`), g ? Xe() : he());
           } catch {
           }
         }, 50);
@@ -919,8 +921,8 @@ Sec-WebSocket-Accept: ${$}\r
     });
   }, tt = (c) => {
     console.log(`
-🔨 Component: ${M}`), g ? (console.log("📄 No build needed (single HTML file mode)"), _e(T), console.log(`👀 Watching ${u} for changes...`), console.log(`Press Ctrl+C to stop
-`), c && c()) : (he(c), _e(T), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${C}`), g ? (console.log("📄 No build needed (single HTML file mode)"), _e(F), console.log(`👀 Watching ${u} for changes...`), console.log(`Press Ctrl+C to stop
+`), c && c()) : (he(c), _e(F), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
   }, xt = () => new Promise((c) => {
     const a = {
@@ -930,7 +932,17 @@ Sec-WebSocket-Accept: ${$}\r
       method: "GET",
       timeout: 1e3
     }, f = n.default.request(a, (h) => {
-      c(!0);
+      let y = "";
+      h.on("data", (S) => y += S), h.on("end", () => {
+        try {
+          (JSON.parse(y).components || []).map((T) => T[0]).includes(C) || ke().then(() => {
+            console.log(`🔄 Re-registered component: ${C}`);
+          }).catch(() => {
+          });
+        } catch {
+        }
+        c(!0);
+      });
     });
     f.on("error", () => c(!1)), f.on("timeout", () => {
       f.destroy(), c(!1);
@@ -938,28 +950,28 @@ Sec-WebSocket-Accept: ${$}\r
   }), $t = () => new Promise((c) => {
     const a = n.default.createServer((f, h) => {
       if (h.setHeader("Content-Type", "application/json"), f.method === "POST" && f.url === "/_register") {
-        let w = "";
-        f.on("data", ($) => w += $), f.on("end", () => {
+        let y = "";
+        f.on("data", (S) => y += S), f.on("end", () => {
           try {
-            const { componentId: $, distPath: I, componentName: F, htmlFile: H } = JSON.parse(w);
-            N.set($, { path: I, name: F || null, htmlFile: H || null });
-            const Y = F ? ` (${F})` : "";
-            console.log(`✅ Registered: ${$}${Y} -> ${I}${H ? "/" + H : ""}`), h.writeHead(200), h.end(JSON.stringify({ success: !0, registered: Array.from(N.keys()) }));
-          } catch ($) {
-            h.writeHead(400), h.end(JSON.stringify({ error: $.message }));
+            const { componentId: S, distPath: I, componentName: T, htmlFile: H } = JSON.parse(y);
+            _.set(S, { path: I, name: T || null, htmlFile: H || null });
+            const Y = T ? ` (${T})` : "";
+            console.log(`✅ Registered: ${S}${Y} -> ${I}${H ? "/" + H : ""}`), h.writeHead(200), h.end(JSON.stringify({ success: !0, registered: Array.from(_.keys()) }));
+          } catch (S) {
+            h.writeHead(400), h.end(JSON.stringify({ error: S.message }));
           }
         });
       } else if (f.method === "POST" && f.url === "/_unregister") {
-        let w = "";
-        f.on("data", ($) => w += $), f.on("end", () => {
+        let y = "";
+        f.on("data", (S) => y += S), f.on("end", () => {
           try {
-            const { componentId: $ } = JSON.parse(w);
-            N.delete($), console.log(`❌ Unregistered: ${$}`), h.writeHead(200), h.end(JSON.stringify({ success: !0 }));
-          } catch ($) {
-            h.writeHead(400), h.end(JSON.stringify({ error: $.message }));
+            const { componentId: S } = JSON.parse(y);
+            _.delete(S), console.log(`❌ Unregistered: ${S}`), h.writeHead(200), h.end(JSON.stringify({ success: !0 }));
+          } catch (S) {
+            h.writeHead(400), h.end(JSON.stringify({ error: S.message }));
           }
         });
-      } else f.method === "GET" && f.url === "/_list" ? (h.writeHead(200), h.end(JSON.stringify({ components: Array.from(N.entries()) }))) : (h.writeHead(404), h.end(JSON.stringify({ error: "Not found" })));
+      } else f.method === "GET" && f.url === "/_list" ? (h.writeHead(200), h.end(JSON.stringify({ components: Array.from(_.entries()) }))) : (h.writeHead(404), h.end(JSON.stringify({ error: "Not found" })));
     });
     a.on("error", () => {
       c(!1);
@@ -969,14 +981,14 @@ Sec-WebSocket-Accept: ${$}\r
         a.close(), c(!1);
       }), ge.listen(l, () => {
         console.log(`📡 Main server running at http://localhost:${l}`);
-        const f = g ? t.default.resolve(T) : t.default.resolve(T, y);
-        N.set(M, {
+        const f = g ? t.default.resolve(F) : t.default.resolve(F, w);
+        _.set(C, {
           path: f,
-          name: _,
+          name: N,
           htmlFile: g ? u : null
         });
-        const h = _ ? ` (${_})` : "";
-        console.log(`✅ Registered component: ${M}${h}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), c(!0);
+        const h = N ? ` (${N})` : "";
+        console.log(`✅ Registered component: ${C}${h}`), console.log(`📡 Access at: http://localhost:${l}/view/${C}/`), c(!0);
       });
     });
   });
@@ -984,9 +996,9 @@ Sec-WebSocket-Accept: ${$}\r
   const ot = () => {
     ye = setInterval(async () => {
       await xt() || (clearInterval(ye), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await $t() ? (console.log("✅ Successfully took over as server"), Ne = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+⚠️  Server appears to be down, attempting to take over...`), await $t() ? (console.log("✅ Successfully took over as server"), Te = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await Ze(), console.log(`✅ Re-registered component: ${M}`), ot();
+          await ke(), console.log(`✅ Re-registered component: ${C}`), ot();
         } catch (f) {
           console.error("❌ Failed to re-register:", f.message);
         }
@@ -998,16 +1010,16 @@ Sec-WebSocket-Accept: ${$}\r
 🛑 Shutting down...`), ye && clearInterval(ye), await vt(), process.exit(0);
   };
   process.on("SIGINT", nt), process.on("SIGTERM", nt);
-  let Ne = !1;
+  let Te = !1;
   Oe.on("error", async (c) => {
     if (c.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        M = await D();
-        const a = await Ze();
-        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), console.log(`📋 All registered components: ${a.registered.join(", ")}`), tt(() => {
-          process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${M}/`);
+        C = await D();
+        const a = await ke();
+        console.log(`✅ Registered component: ${C}`), console.log(`📡 Access at: http://localhost:${l}/view/${C}/`), console.log(`📋 All registered components: ${a.registered.join(", ")}`), tt(() => {
+          process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${C}/`);
         }), ot();
       } catch (a) {
         console.error("❌ Failed to register component:", a.message), process.exit(1);
@@ -1015,20 +1027,20 @@ Sec-WebSocket-Accept: ${$}\r
     } else
       console.error("❌ Management server error:", c.message), process.exit(1);
   }), Oe.on("upgrade", wt), Oe.listen(d, async () => {
-    Ne = !0, console.log(`
+    Te = !0, console.log(`
 🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${d}`), ge.on("error", (c) => {
       console.error("❌ Main server error:", c.message), process.exit(1);
     }), ge.listen(l, async () => {
-      console.log(`📡 Main server running at http://localhost:${l}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
-      const c = g ? t.default.resolve(T) : t.default.resolve(T, y);
-      N.set(M, {
+      console.log(`📡 Main server running at http://localhost:${l}`), (C === "DEV" || C === "NEW") && (C = "DEV1");
+      const c = g ? t.default.resolve(F) : t.default.resolve(F, w);
+      _.set(C, {
         path: c,
-        name: _,
+        name: N,
         htmlFile: g ? u : null
       });
-      const a = _ ? ` (${_})` : "";
-      console.log(`✅ Registered component: ${M}${a}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), tt(() => {
-        process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${M}/`);
+      const a = N ? ` (${N})` : "";
+      console.log(`✅ Registered component: ${C}${a}`), console.log(`📡 Access at: http://localhost:${l}/view/${C}/`), tt(() => {
+        process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${C}/`);
       });
     });
   });
@@ -1086,10 +1098,10 @@ const A = class A {
     const s = Math.ceil(t / n), i = Math.floor(this.cols / n), r = 2, m = this.rows - r - 2, l = Math.floor(m / s);
     this.visibleLogLines = Math.max(2, l - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: l }, this.panelPositions.clear();
     for (let d = 0; d < t; d++) {
-      const y = this.components[d], S = Math.floor(d / n), x = d % n;
-      this.panelPositions.set(y.name, {
-        row: r + 1 + S * l,
-        col: x * i + 1,
+      const w = this.components[d], x = Math.floor(d / n), $ = d % n;
+      this.panelPositions.set(w.name, {
+        row: r + 1 + x * l,
+        col: $ * i + 1,
         width: i,
         height: l
       });
@@ -1139,33 +1151,33 @@ const A = class A {
   renderPanel(t) {
     const e = A.C, n = A.STATUS, s = this.panelPositions.get(t);
     if (!s) return;
-    const i = this.components.findIndex((D) => D.name === t), r = this.components[i], p = i === this.selectedPanel, m = this.statusKeys.get(t) || "initializing", l = n[m], d = e[l.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, x = s.width - 1, g = p ? e.cyan : e.gray, u = [], E = r.name.substring(0, x - 20);
+    const i = this.components.findIndex((D) => D.name === t), r = this.components[i], p = i === this.selectedPanel, m = this.statusKeys.get(t) || "initializing", l = n[m], d = e[l.color], w = this.logs.get(t) || [], x = this.scrollPos.get(t) || 0, $ = s.width - 1, g = p ? e.cyan : e.gray, u = [], E = r.name.substring(0, $ - 20);
     let O = `${g}┌─${e.reset} ${d}${l.icon}${e.reset} `;
     O += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${d}${l.label}${e.reset} `;
     const b = 5 + E.length + l.label.length + 3;
-    O += `${g}${"─".repeat(Math.max(0, x - b))}┐${e.reset}`, u.push(A.ESC.moveTo(s.row, s.col) + O);
-    const P = (r.path || "").substring(0, x - 6);
-    let j = `${g}│${e.reset} ${e.dim}${P}${e.reset}`;
-    j += " ".repeat(Math.max(0, x - P.length - 3)), j += `${g}│${e.reset}`, u.push(A.ESC.moveTo(s.row + 1, s.col) + j);
-    const M = y.length, _ = M > this.visibleLogLines ? `${S + 1}-${Math.min(S + this.visibleLogLines, M)}/${M}` : "";
-    let k = `${g}├${"─".repeat(x - _.length - 4)}${e.reset}`;
-    _ && (k += `${e.dim}${_}${e.reset}`), k += `${g}${"─".repeat(2)}┤${e.reset}`, u.push(A.ESC.moveTo(s.row + 2, s.col) + k);
-    const L = y.slice(S, S + this.visibleLogLines);
+    O += `${g}${"─".repeat(Math.max(0, $ - b))}┐${e.reset}`, u.push(A.ESC.moveTo(s.row, s.col) + O);
+    const M = (r.path || "").substring(0, $ - 6);
+    let j = `${g}│${e.reset} ${e.dim}${M}${e.reset}`;
+    j += " ".repeat(Math.max(0, $ - M.length - 3)), j += `${g}│${e.reset}`, u.push(A.ESC.moveTo(s.row + 1, s.col) + j);
+    const C = w.length, N = C > this.visibleLogLines ? `${x + 1}-${Math.min(x + this.visibleLogLines, C)}/${C}` : "";
+    let k = `${g}├${"─".repeat($ - N.length - 4)}${e.reset}`;
+    N && (k += `${e.dim}${N}${e.reset}`), k += `${g}${"─".repeat(2)}┤${e.reset}`, u.push(A.ESC.moveTo(s.row + 2, s.col) + k);
+    const L = w.slice(x, x + this.visibleLogLines);
     for (let D = 0; D < this.visibleLogLines; D++) {
-      const T = L[D];
+      const F = L[D];
       let W = `${g}│${e.reset}`;
-      if (T) {
-        let N = e.white;
-        T.type === "success" ? N = e.green : T.type === "error" ? N = e.red : T.type === "warning" ? N = e.yellow : T.type === "hmr" ? N = e.magenta : T.type === "change" && (N = e.blue);
-        const oe = T.message.substring(0, x - 12);
-        W += `${e.dim}${T.timestamp}${e.reset} ${N}${oe}${e.reset}`;
-        const Ie = x - T.timestamp.length - oe.length - 2;
+      if (F) {
+        let _ = e.white;
+        F.type === "success" ? _ = e.green : F.type === "error" ? _ = e.red : F.type === "warning" ? _ = e.yellow : F.type === "hmr" ? _ = e.magenta : F.type === "change" && (_ = e.blue);
+        const oe = F.message.substring(0, $ - 12);
+        W += `${e.dim}${F.timestamp}${e.reset} ${_}${oe}${e.reset}`;
+        const Ie = $ - F.timestamp.length - oe.length - 2;
         W += " ".repeat(Math.max(0, Ie));
       } else
-        W += " ".repeat(x - 2);
+        W += " ".repeat($ - 2);
       W += `${g}│${e.reset}`, u.push(A.ESC.moveTo(s.row + 3 + D, s.col) + W);
     }
-    u.push(A.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${g}└${"─".repeat(x - 2)}┘${e.reset}`), process.stdout.write(u.join(""));
+    u.push(A.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${g}└${"─".repeat($ - 2)}┘${e.reset}`), process.stdout.write(u.join(""));
   }
   fullRender() {
     const t = A.C;
@@ -1224,16 +1236,16 @@ ve(A, "STATUS", {
   warning: { icon: "⚠", color: "yellow", label: "Warning" },
   stopped: { icon: "■", color: "gray", label: "Stopped" }
 });
-let Ue = A;
-async function zt(o) {
+let He = A;
+async function Wt(o) {
   const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((d) => ({
     name: d.name,
     path: d.path,
     id: d.componentId || ""
-  })), i = new Ue(s), r = [], p = (d) => {
-    const y = process.platform;
-    let S;
-    y === "darwin" ? S = `open "${d}"` : y === "win32" ? S = `start "" "${d}"` : S = `xdg-open "${d}"`, e(S, () => {
+  })), i = new He(s), r = [], p = (d) => {
+    const w = process.platform;
+    let x;
+    w === "darwin" ? x = `open "${d}"` : w === "win32" ? x = `start "" "${d}"` : x = `xdg-open "${d}"`, e(x, () => {
     });
   }, m = () => {
     i.clear(), console.log(`
@@ -1247,44 +1259,44 @@ async function zt(o) {
   process.on("SIGINT", m), process.on("SIGTERM", m);
   const l = process.argv[1];
   for (let d = 0; d < o.length; d++) {
-    const y = o[d], S = y.name;
-    i.setStatus(S, "⏳ Starting..."), i.log(S, `Starting in ${y.path}`);
-    const x = t("node", [l, "dev"], {
-      cwd: n.default.resolve(y.path),
+    const w = o[d], x = w.name;
+    i.setStatus(x, "⏳ Starting..."), i.log(x, `Starting in ${w.path}`);
+    const $ = t("node", [l, "dev"], {
+      cwd: n.default.resolve(w.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
     });
-    r.push(x);
+    r.push($);
     let g = "";
-    x.stdout.on("data", (u) => {
+    $.stdout.on("data", (u) => {
       g += u.toString();
       const E = g.split(`
 `);
       g = E.pop() || "";
       for (const O of E) {
         const b = O.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        b && (b.includes("Registered component") || b.includes("Registered:") ? i.setStatus(S, "✅ Ready") : b.includes("Building...") || b.includes("Running initial build") ? i.setStatus(S, "🔨 Building...") : b.includes("Build completed") || b.includes("Build succeeded") ? i.setStatus(S, "✅ Ready") : b.includes("Build failed") ? i.setStatus(S, "❌ Build Error") : b.includes("File changed") ? (i.setStatus(S, "📝 Changed"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1500)) : b.includes("Notifying") && b.includes("HMR") ? (i.setStatus(S, "🔥 HMR Update"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1e3)) : b.includes("HMR client connected") && (i.setStatus(S, "🔥 HMR Connected"), setTimeout(() => i.setStatus(S, "✅ Ready"), 1e3)), !b.includes("Watching") && !b.includes("Press Ctrl+C") && !b.includes("Starting shared") && !b.includes("Management server") && !b.includes("Main server") && !b.includes("Access at:") && !b.includes("No build needed") && i.log(S, b));
+        b && (b.includes("Registered component") || b.includes("Registered:") ? i.setStatus(x, "✅ Ready") : b.includes("Building...") || b.includes("Running initial build") ? i.setStatus(x, "🔨 Building...") : b.includes("Build completed") || b.includes("Build succeeded") ? i.setStatus(x, "✅ Ready") : b.includes("Build failed") ? i.setStatus(x, "❌ Build Error") : b.includes("File changed") ? (i.setStatus(x, "📝 Changed"), setTimeout(() => i.setStatus(x, "✅ Ready"), 1500)) : b.includes("Notifying") && b.includes("HMR") ? (i.setStatus(x, "🔥 HMR Update"), setTimeout(() => i.setStatus(x, "✅ Ready"), 1e3)) : b.includes("HMR client connected") && (i.setStatus(x, "🔥 HMR Connected"), setTimeout(() => i.setStatus(x, "✅ Ready"), 1e3)), !b.includes("Watching") && !b.includes("Press Ctrl+C") && !b.includes("Starting shared") && !b.includes("Management server") && !b.includes("Main server") && !b.includes("Access at:") && !b.includes("No build needed") && i.log(x, b));
       }
-    }), x.stderr.on("data", (u) => {
+    }), $.stderr.on("data", (u) => {
       const E = u.toString().split(`
 `);
       for (const O of E) {
         const b = O.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        b && (i.log(S, `⚠️ ${b}`), i.setStatus(S, "⚠️ Warning"));
+        b && (i.log(x, `⚠️ ${b}`), i.setStatus(x, "⚠️ Warning"));
       }
-    }), x.on("exit", (u) => {
-      u !== 0 && u !== null && (i.setStatus(S, `❌ Exited (${u})`), i.log(S, `Process exited with code ${u}`));
+    }), $.on("exit", (u) => {
+      u !== 0 && u !== null && (i.setStatus(x, `❌ Exited (${u})`), i.log(x, `Process exited with code ${u}`));
     }), d < o.length - 1 && await new Promise((u) => setTimeout(u, 500));
   }
   i.render(), setTimeout(() => {
     p("http://localhost:9292");
   }, 2e3);
 }
-const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   devCommand: Ce,
-  monorepoDevCommand: zt
-}, Symbol.toStringTag, { value: "Module" })), Vt = "https://cloud.myop.dev";
+  monorepoDevCommand: Wt
+}, Symbol.toStringTag, { value: "Module" })), Yt = "https://cloud.myop.dev";
 async function mt(o, t) {
   const e = await fetch(o, {
     headers: { Authorization: `Bearer ${t}` }
@@ -1299,7 +1311,7 @@ function pe(o, t, e) {
   const n = R.resolve(R.join(o, t)), s = R.resolve(o);
   if (!n.startsWith(s + R.sep))
     throw new Error(`Invalid path: "${t}" escapes output directory`);
-  C.mkdirSync(R.dirname(n), { recursive: !0 }), C.writeFileSync(n, JSON.stringify(e, null, 2));
+  P.mkdirSync(R.dirname(n), { recursive: !0 }), P.writeFileSync(n, JSON.stringify(e, null, 2));
 }
 async function $e(o, t, e, n) {
   return mt(
@@ -1307,7 +1319,7 @@ async function $e(o, t, e, n) {
     t
   );
 }
-async function Yt(o, t, e, n) {
+async function Gt(o, t, e, n) {
   let s = 0;
   const i = /* @__PURE__ */ new Set();
   for (const r of n) {
@@ -1331,7 +1343,7 @@ async function Yt(o, t, e, n) {
   }
   return s;
 }
-async function Gt(o, t, e) {
+async function Kt(o, t, e) {
   const n = await mt(`${o}/export`, t);
   pe(e, "manifest.json", n);
   let s = 0, i = 0;
@@ -1351,10 +1363,10 @@ async function Gt(o, t, e) {
   }
   return { manifest: n, fileCount: s, errorCount: i };
 }
-function Kt() {
+function Qt() {
   v.program.command("export").description("Export components as static JSON for self-hosting").option("-k, --api-key <key>", "Myop API key (or set MYOP_API_KEY env var)").option("-o, --output <dir>", "Output directory", "./myop-static").option("-u, --url <url>", "Myop API URL (or set MYOP_API_URL env var)").option("--releases <json>", "JSON array of releases for incremental sync (from webhook payload)").option("--component <id>", "Single component ID for incremental sync").option("--env <env>", "Environment for single component sync (used with --component)").action(async (o) => {
     var i;
-    const t = o.apiKey || process.env.MYOP_API_KEY, e = o.url || process.env.MYOP_API_URL || Vt, n = o.output || process.env.OUTPUT_DIR || "./myop-static";
+    const t = o.apiKey || process.env.MYOP_API_KEY, e = o.url || process.env.MYOP_API_URL || Yt, n = o.output || process.env.OUTPUT_DIR || "./myop-static";
     t || (console.error("Error: API key required. Use --api-key or set MYOP_API_KEY env var."), console.error("Create one at: Dashboard > Rollout Settings > Self-Hosting > API Keys"), process.exit(1));
     let s = null;
     if (o.releases)
@@ -1367,7 +1379,7 @@ function Kt() {
     if (s) {
       const r = z(`Incremental export: ${s.length} component(s)...`).start();
       try {
-        const p = await Yt(e, t, n, s);
+        const p = await Gt(e, t, n, s);
         r.succeed(`Incremental export done. ${p} file(s) written to ${n}/`);
       } catch (p) {
         r.fail(`Export failed: ${p.message}`), process.exit(1);
@@ -1375,7 +1387,7 @@ function Kt() {
     } else {
       const r = z(`Full export from ${e}...`).start();
       try {
-        const { manifest: p, fileCount: m, errorCount: l } = await Gt(e, t, n), d = ((i = p.components) == null ? void 0 : i.length) || 0;
+        const { manifest: p, fileCount: m, errorCount: l } = await Kt(e, t, n), d = ((i = p.components) == null ? void 0 : i.length) || 0;
         r.succeed(
           `Full export done. ${m} file(s) from ${d} component(s) written to ${n}/`
         ), l > 0 && console.warn(`  ${l} file(s) failed.`);
@@ -1386,65 +1398,65 @@ function Kt() {
     process.exit(0);
   });
 }
-const He = R.join(at.homedir(), ".myop"), ue = R.join(He, "credentials.json");
-function Qt() {
-  C.existsSync(He) || C.mkdirSync(He, { recursive: !0, mode: 448 });
+const Be = R.join(at.homedir(), ".myop"), ue = R.join(Be, "credentials.json");
+function Zt() {
+  P.existsSync(Be) || P.mkdirSync(Be, { recursive: !0, mode: 448 });
 }
-function Ve() {
+function Ye() {
   try {
-    if (!C.existsSync(ue))
+    if (!P.existsSync(ue))
       return null;
-    const o = C.readFileSync(ue, "utf8");
+    const o = P.readFileSync(ue, "utf8");
     return JSON.parse(o);
   } catch (o) {
     return console.info("Failed to read credentials:", o.message), null;
   }
 }
 function ut(o) {
-  Qt();
+  Zt();
   const t = {
     ...o,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  C.writeFileSync(ue, JSON.stringify(t, null, 2), {
+  P.writeFileSync(ue, JSON.stringify(t, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
 function ft() {
   try {
-    return C.existsSync(ue) && C.unlinkSync(ue), !0;
+    return P.existsSync(ue) && P.unlinkSync(ue), !0;
   } catch (o) {
     return console.error("Failed to clear credentials:", o.message), !1;
   }
 }
-function Zt(o) {
+function qt(o) {
   if (!o || !o.expiresAt)
     return !0;
   const t = 5 * 60 * 1e3, e = new Date(o.expiresAt).getTime();
   return Date.now() > e - t;
 }
 function Pe() {
-  const o = Ve();
+  const o = Ye();
   return o ? {
     email: o.userEmail,
     userId: o.userId
   } : null;
 }
-const le = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", xe = 19284, Ye = `http://localhost:${xe}/callback`, qt = "myop-cli";
-function Xt() {
-  return ze.randomBytes(32).toString("base64url");
+const le = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", xe = 19284, Ge = `http://localhost:${xe}/callback`, Xt = "myop-cli";
+function eo() {
+  return We.randomBytes(32).toString("base64url");
 }
-function eo(o) {
-  return ze.createHash("sha256").update(o).digest("base64url");
+function to(o) {
+  return We.createHash("sha256").update(o).digest("base64url");
 }
-async function to() {
+async function oo() {
   const o = await fetch(`${le}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: qt,
-      redirect_uris: [Ye],
+      client_name: Xt,
+      redirect_uris: [Ge],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
@@ -1621,7 +1633,7 @@ function Se(o, t, e, n = null) {
 </body>
 </html>`;
 }
-function oo(o) {
+function no(o) {
   return new Promise((t, e) => {
     const n = It.createServer((s, i) => {
       const r = new it(s.url, `http://localhost:${xe}`);
@@ -1669,7 +1681,7 @@ function oo(o) {
     }, 5 * 60 * 1e3);
   });
 }
-async function no(o, t, e) {
+async function so(o, t, e) {
   const n = await fetch(`${le}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
@@ -1677,7 +1689,7 @@ async function no(o, t, e) {
       grant_type: "authorization_code",
       code: o,
       client_id: t,
-      redirect_uri: Ye,
+      redirect_uri: Ge,
       code_verifier: e
     })
   });
@@ -1687,7 +1699,7 @@ async function no(o, t, e) {
   }
   return n.json();
 }
-async function so(o, t) {
+async function io(o, t) {
   const e = await fetch(`${le}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
@@ -1703,7 +1715,7 @@ async function so(o, t) {
   }
   return e.json();
 }
-async function io(o) {
+async function ro(o) {
   var s, i, r;
   const t = await fetch(`${le}/mcp`, {
     method: "POST",
@@ -1735,17 +1747,17 @@ async function me() {
   const o = z("Starting authentication...").start();
   try {
     o.text = "Registering OAuth client...";
-    const e = (await to()).client_id, n = Xt(), s = eo(n), i = ze.randomBytes(16).toString("hex");
+    const e = (await oo()).client_id, n = eo(), s = to(n), i = We.randomBytes(16).toString("hex");
     o.text = "Waiting for authorization...";
-    const r = oo(i), p = new it(`${le}/oauth/authorize`);
-    p.searchParams.set("response_type", "code"), p.searchParams.set("client_id", e), p.searchParams.set("redirect_uri", Ye), p.searchParams.set("code_challenge", s), p.searchParams.set("code_challenge_method", "S256"), p.searchParams.set("state", i), o.stop(), console.log(`
+    const r = no(i), p = new it(`${le}/oauth/authorize`);
+    p.searchParams.set("response_type", "code"), p.searchParams.set("client_id", e), p.searchParams.set("redirect_uri", Ge), p.searchParams.set("code_challenge", s), p.searchParams.set("code_challenge_method", "S256"), p.searchParams.set("state", i), o.stop(), console.log(`
 🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${p.toString()}
 `), await Ot(p.toString());
     const m = await r;
     o.start("Exchanging authorization code...");
-    const l = await no(m, e, n);
+    const l = await so(m, e, n);
     o.text = "Getting user info...";
-    const d = await io(l.access_token), y = {
+    const d = await ro(l.access_token), w = {
       accessToken: l.access_token,
       refreshToken: l.refresh_token,
       expiresAt: new Date(Date.now() + l.expires_in * 1e3).toISOString(),
@@ -1753,35 +1765,35 @@ async function me() {
       userId: d.userId,
       userEmail: d.email
     };
-    return ut(y), o.succeed(`Authenticated as ${d.email}`), y;
+    return ut(w), o.succeed(`Authenticated as ${d.email}`), w;
   } catch (t) {
     throw o.fail(`Authentication failed: ${t.message}`), t;
   }
 }
 async function gt() {
-  const o = Ve();
+  const o = Ye();
   if (!o) {
     console.log("Not currently logged in.");
     return;
   }
   ft(), console.log(`✅ Logged out (was: ${o.userEmail})`);
 }
-function ro(o) {
+function ao(o) {
   var e, n;
   const t = (o == null ? void 0 : o.message) || "";
   return t.includes("ECONNREFUSED") || t.includes("ENOTFOUND") || t.includes("ETIMEDOUT") || t.includes("fetch failed") || t.includes("network") || (o == null ? void 0 : o.code) === "ECONNREFUSED" || ((e = o == null ? void 0 : o.cause) == null ? void 0 : e.code) === "ECONNREFUSED" || ((n = o == null ? void 0 : o.cause) == null ? void 0 : n.code) === "ENOTFOUND";
 }
-async function Ge() {
-  let o = Ve();
+async function Ke() {
+  let o = Ye();
   if (!o)
     return console.log(`Not logged in. Starting authentication...
 `), await me();
-  if (!Zt(o))
+  if (!qt(o))
     return o;
   if (o.refreshToken) {
     const t = z("Refreshing access token...").start();
     try {
-      const e = await so(
+      const e = await io(
         o.refreshToken,
         o.clientId
       );
@@ -1792,7 +1804,7 @@ async function Ge() {
         expiresAt: new Date(Date.now() + e.expires_in * 1e3).toISOString()
       }, ut(o), t.succeed("Token refreshed"), o;
     } catch (e) {
-      if (ro(e))
+      if (ao(e))
         throw t.fail("Network error during token refresh"), e;
       return t.warn("Token refresh failed, please log in again"), ft(), await me();
     }
@@ -1803,30 +1815,30 @@ async function Ge() {
 function Me() {
   return le;
 }
-const Z = "@myop/cli", Ae = process.platform === "win32";
-function ao() {
+const Z = "@myop/cli", De = process.platform === "win32";
+function lo() {
   try {
     return Q("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
   } catch {
     return "https://registry.npmjs.org/";
   }
 }
-function lo() {
+function co() {
   try {
     return Q("npm config get prefix", { encoding: "utf-8" }).trim();
   } catch {
     return null;
   }
 }
-async function co() {
+async function po() {
   try {
-    const o = ao().replace(/\/$/, ""), t = await fetch(`${o}/${Z}/latest`);
+    const o = lo().replace(/\/$/, ""), t = await fetch(`${o}/${Z}/latest`);
     return t.ok ? (await t.json()).version : null;
   } catch {
     return null;
   }
 }
-function po(o, t) {
+function mo(o, t) {
   const e = o.split(".").map(Number), n = t.split(".").map(Number);
   for (let s = 0; s < Math.max(e.length, n.length); s++) {
     const i = e[s] || 0, r = n[s] || 0;
@@ -1835,12 +1847,12 @@ function po(o, t) {
   }
   return 0;
 }
-async function mo(o) {
+async function uo(o) {
   const t = z({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), e = await co();
-  if (t.stop(), !e || po(e, o) <= 0)
+  }).start(), e = await po();
+  if (t.stop(), !e || mo(e, o) <= 0)
     return !1;
   console.log(`
 📦 New version available: ${o} → ${e}
@@ -1864,7 +1876,7 @@ async function mo(o) {
     const s = z({
       text: `Updating ${Z} to v${e}...`,
       color: "green"
-    }).start(), i = `npm install -g ${Z}@latest`, r = lo();
+    }).start(), i = `npm install -g ${Z}@latest`, r = co();
     try {
       Q(i, { stdio: "pipe" }), s.succeed(`Updated to v${e}`);
     } catch {
@@ -1872,7 +1884,7 @@ async function mo(o) {
 🔐 Elevated permissions required.
 `);
       try {
-        if (Ae) {
+        if (De) {
           const d = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${r ? `install -g ${Z}@latest --prefix \\"${r}\\"` : `install -g ${Z}@latest`}' -Verb RunAs -Wait`;
           Q(`powershell -Command "${d}"`, { stdio: "inherit" });
         } else {
@@ -1884,7 +1896,7 @@ async function mo(o) {
       } catch {
         console.log(`
 ❌ Update failed`);
-        const d = Ae ? `npm install -g ${Z}@latest (run as Administrator)` : `sudo npm install -g ${Z}@latest`;
+        const d = De ? `npm install -g ${Z}@latest (run as Administrator)` : `sudo npm install -g ${Z}@latest`;
         console.log(`
 Please run manually: ${d}
 `), process.exit(1);
@@ -1893,8 +1905,8 @@ Please run manually: ${d}
     let p = null;
     try {
       let m;
-      r ? m = Ae ? je(r, "node_modules") : je(r, "lib", "node_modules") : m = Q("npm root -g", { encoding: "utf-8" }).trim();
-      const l = je(m, Z, "package.json"), d = Et(l, "utf-8");
+      r ? m = De ? Ae(r, "node_modules") : Ae(r, "lib", "node_modules") : m = Q("npm root -g", { encoding: "utf-8" }).trim();
+      const l = Ae(m, Z, "package.json"), d = Et(l, "utf-8");
       p = JSON.parse(d).version;
     } catch {
     }
@@ -1913,34 +1925,34 @@ Please run myop again to use the new version.
   }
   return !1;
 }
-const Be = R.join(at.homedir(), ".myop"), Je = R.join(Be, "preferences.json");
-function uo() {
-  C.existsSync(Be) || C.mkdirSync(Be, { recursive: !0, mode: 448 });
+const Je = R.join(at.homedir(), ".myop"), ze = R.join(Je, "preferences.json");
+function fo() {
+  P.existsSync(Je) || P.mkdirSync(Je, { recursive: !0, mode: 448 });
 }
 function ht() {
   try {
-    if (!C.existsSync(Je))
+    if (!P.existsSync(ze))
       return {};
-    const o = C.readFileSync(Je, "utf8");
+    const o = P.readFileSync(ze, "utf8");
     return JSON.parse(o);
   } catch {
     return {};
   }
 }
-function fo(o) {
-  uo();
+function go(o) {
+  fo();
   const e = { ...ht(), ...o };
-  C.writeFileSync(Je, JSON.stringify(e, null, 2), {
+  P.writeFileSync(ze, JSON.stringify(e, null, 2), {
     mode: 384
   });
 }
-function go() {
+function ho() {
   return ht().defaultOrganization || null;
 }
-function De({ id: o, name: t }) {
-  fo({ defaultOrganization: { id: o, name: t } });
+function Le({ id: o, name: t }) {
+  go({ defaultOrganization: { id: o, name: t } });
 }
-async function ho(o, t, e, n = {}) {
+async function yo(o, t, e, n = {}) {
   var p, m, l;
   const s = await fetch(`${o}/mcp`, {
     method: "POST",
@@ -1968,7 +1980,7 @@ async function ho(o, t, e, n = {}) {
     throw new Error(`No content returned from ${e}`);
   return JSON.parse(r);
 }
-const yo = (o) => new Promise((t) => setTimeout(t, o));
+const wo = (o) => new Promise((t) => setTimeout(t, o));
 function re(o) {
   var e, n;
   const t = (o == null ? void 0 : o.message) || "";
@@ -1979,26 +1991,26 @@ function ae(o) {
    This usually happens in sandboxed environments (Claude Web, containers)`), console.error(`   where outbound HTTP is restricted.
 `), console.error("   [MYOP_MCP_FALLBACK] Use Myop MCP tools instead:"), console.error(o === "push" ? "   - Use the upload_component MCP tool with htmlContent parameter" : o === "pull" ? "   - Use the get_component MCP tool" : "   - Use list_organizations + list_components MCP tools"), console.error("   - Do NOT use presigned URL / curl flow — same network restrictions apply"), console.error("");
 }
-const wo = () => {
+const vo = () => {
   let o = new URL(import.meta.url).pathname;
   process.platform === "win32" && o.startsWith("/") && (o = o.slice(1));
   const t = R.dirname(o);
   return R.join(t, "skills");
-}, vo = (o) => {
+}, So = (o) => {
   try {
     const t = R.join(o, "package.json");
-    if (!C.existsSync(t)) return [];
-    const e = JSON.parse(C.readFileSync(t, "utf-8"));
+    if (!P.existsSync(t)) return [];
+    const e = JSON.parse(P.readFileSync(t, "utf-8"));
     return Object.keys({ ...e.dependencies, ...e.devDependencies });
   } catch {
     return [];
   }
-}, Ke = async (o) => {
-  const t = wo();
-  if (!C.existsSync(t))
+}, Qe = async (o) => {
+  const t = vo();
+  if (!P.existsSync(t))
     return console.info("Skills source directory not found, skipping skills installation"), { success: !1 };
   try {
-    const e = vo(o), n = ["myop-cli", "myop-component"], s = [
+    const e = So(o), n = ["myop-cli", "myop-component"], s = [
       { deps: ["@myop/react", "react"], skill: "myop-react-host" },
       { deps: ["@myop/vue", "vue"], skill: "myop-vue-host" },
       { deps: ["@myop/angular", "@angular/core"], skill: "myop-angular-host" },
@@ -2010,20 +2022,20 @@ const wo = () => {
   } catch (e) {
     return console.info("Failed to install skills:", e.message), { success: !1 };
   }
-}, Qe = (o = ".", t = 3, e = 0) => {
+}, Ze = (o = ".", t = 3, e = 0) => {
   const n = [];
   if (e > t) return n;
   try {
-    const s = C.readdirSync(o, { withFileTypes: !0 });
+    const s = P.readdirSync(o, { withFileTypes: !0 });
     for (const i of s) {
       const r = R.join(o, i.name);
       if (i.isDirectory()) {
         if (i.name === "node_modules" || i.name === ".git" || i.name === "dist" || i.name.startsWith("."))
           continue;
-        n.push(...Qe(r, t, e + 1));
+        n.push(...Ze(r, t, e + 1));
       } else if (i.name === "myop.config.json")
         try {
-          const p = C.readFileSync(r, "utf-8"), m = JSON.parse(p);
+          const p = P.readFileSync(r, "utf-8"), m = JSON.parse(p);
           n.push({
             path: o,
             configPath: r,
@@ -2047,7 +2059,7 @@ const Ee = (o = !1) => {
     verbose: t
   };
   try {
-    return v.myopConfig = Rt(v.options.configPath), { configFound: !0 };
+    return v.myopConfig = Nt(v.options.configPath), { configFound: !0 };
   } catch (e) {
     if (o) {
       console.info(`
@@ -2057,7 +2069,7 @@ const Ee = (o = !1) => {
           author: "@myop-cli",
           flows: []
         };
-        return We(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
+        return Ve(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
       } catch {
         return console.info("Error details :", e), { configFound: !1, error: e };
       }
@@ -2066,12 +2078,12 @@ const Ee = (o = !1) => {
   }
 };
 [
-  new Le(),
-  ...Dt
+  new Ue(),
+  ...Lt
 ];
-const So = "0.1.54";
+const xo = "0.1.56";
 v.program = new Pt();
-v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(So);
+v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(xo);
 v.program.addOption(new fe("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
 v.program.addOption(new fe("-h, --help", "Show helpful information"));
 v.program.addOption(new fe("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
@@ -2113,12 +2125,12 @@ v.program.command("sync").description('[deprecated] Use "myop push" instead').op
   process.exit(0);
 });
 v.program.command("push").description("Upload component to Myop platform").argument("[componentId]", "Component ID to push to (overrides myop.config.json)").action(async (o) => {
-  var S, x, g;
+  var x, $, g;
   const t = v.program.getOptionValue("config") || "./myop.config.json";
   let e = {};
-  if (C.existsSync(t))
+  if (P.existsSync(t))
     try {
-      e = JSON.parse(C.readFileSync(t, "utf-8"));
+      e = JSON.parse(P.readFileSync(t, "utf-8"));
     } catch (u) {
       console.error(`⚠️ Failed to parse ${t}:`, u.message);
     }
@@ -2128,13 +2140,13 @@ v.program.command("push").description("Upload component to Myop platform").argum
 📋 Component: ${n}`);
   let s = null, i = !1;
   try {
-    const u = JSON.parse(C.readFileSync("package.json", "utf-8"));
+    const u = JSON.parse(P.readFileSync("package.json", "utf-8"));
     i = !!(u.scripts && u.scripts.build);
   } catch {
   }
   if (!i) {
-    const u = C.readdirSync(".").filter(
-      (E) => E.endsWith(".html") && !E.startsWith(".") && C.statSync(E).isFile()
+    const u = P.readdirSync(".").filter(
+      (E) => E.endsWith(".html") && !E.startsWith(".") && P.statSync(E).isFile()
     );
     u.length === 1 && (s = u[0]);
   }
@@ -2143,22 +2155,22 @@ v.program.command("push").description("Upload component to Myop platform").argum
   else if (i) {
     const { exec: u } = await import("child_process");
     let E = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-    const O = (P = !1) => new Promise((j) => {
-      const M = z(P ? "Retrying build..." : "Building project...").start();
-      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (_, k, L) => {
-        if (!_) {
-          M.succeed("Build completed"), j(!0);
+    const O = (M = !1) => new Promise((j) => {
+      const C = z(M ? "Retrying build..." : "Building project...").start();
+      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (N, k, L) => {
+        if (!N) {
+          C.succeed("Build completed"), j(!0);
           return;
         }
-        if (M.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
-          const D = await pt(_, k, L, u, E);
+        if (C.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
+          const D = await pt(N, k, L, u, E);
           if (E = { ...E, ...D }, D.handled) {
-            const T = await O(!0);
-            j(T);
+            const F = await O(!0);
+            j(F);
             return;
           }
         }
-        console.error(_.message), j(!1);
+        console.error(N.message), j(!1);
       });
     });
     await O() || process.exit(1);
@@ -2166,26 +2178,26 @@ v.program.command("push").description("Upload component to Myop platform").argum
   let r;
   if (s)
     r = s;
-  else if (C.existsSync("./dist/index.html"))
+  else if (P.existsSync("./dist/index.html"))
     r = "./dist/index.html";
   else {
-    const u = C.readdirSync(".").filter(
-      (E) => E.endsWith(".html") && !E.startsWith(".") && C.statSync(E).isFile()
+    const u = P.readdirSync(".").filter(
+      (E) => E.endsWith(".html") && !E.startsWith(".") && P.statSync(E).isFile()
     );
     u.length === 1 ? r = u[0] : (console.error("❌ No HTML file found to upload."), console.log("   Expected: a single .html file in root or ./dist/index.html"), process.exit(1));
   }
-  const p = C.readFileSync(r, "utf-8");
+  const p = P.readFileSync(r, "utf-8");
   console.log(`   File: ${r} (${(p.length / 1024).toFixed(1)} KB)`);
   let m;
   try {
-    m = await Ge();
+    m = await Ke();
   } catch (u) {
     re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : (console.error("❌ Authentication failed:", u.message), console.error(`
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
 `)), process.exit(1);
   }
   const l = Me();
-  let d = z("Uploading...").start(), y;
+  let d = z("Uploading...").start(), w;
   try {
     const u = await fetch(`${l}/mcp`, {
       method: "POST",
@@ -2213,32 +2225,32 @@ v.program.command("push").description("Upload component to Myop platform").argum
     const E = await u.json();
     if (E.error)
       throw new Error(E.error.message);
-    const O = (g = (x = (S = E.result) == null ? void 0 : S.content) == null ? void 0 : x[0]) == null ? void 0 : g.text;
-    if (y = JSON.parse(O), !y.success)
-      throw new Error(y.error);
+    const O = (g = ($ = (x = E.result) == null ? void 0 : x.content) == null ? void 0 : $[0]) == null ? void 0 : g.text;
+    if (w = JSON.parse(O), !w.success)
+      throw new Error(w.error);
     d.succeed("Pushed successfully");
   } catch (u) {
     d.fail("Upload failed"), re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : console.error("   ", u.message), process.exit(1);
   }
-  if (y.isNewComponent || !e.componentId || e.componentId === "DEV") {
-    e.componentId = y.componentId, e.organization = y.orgId, e.name || (e.name = y.componentName);
+  if (w.isNewComponent || !e.componentId || e.componentId === "DEV") {
+    e.componentId = w.componentId, e.organization = w.orgId, e.name || (e.name = w.componentName);
     try {
-      C.writeFileSync(t, JSON.stringify(e, null, 2));
+      P.writeFileSync(t, JSON.stringify(e, null, 2));
     } catch (u) {
-      console.log(`⚠️ Could not update ${t}: ${u.message}`), console.log(`   Add componentId: "${y.componentId}" manually`);
+      console.log(`⚠️ Could not update ${t}: ${u.message}`), console.log(`   Add componentId: "${w.componentId}" manually`);
     }
   }
   console.log(`
-   ${y.componentName}`), console.log(`   ${y.dashboardUrl}
+   ${w.componentName}`), console.log(`   ${w.dashboardUrl}
 `), process.exit(0);
 });
 v.program.command("pull").description("Download component HTML from Myop platform").argument("[componentId]", "Component ID to pull (overrides myop.config.json)").option("-o, --output <path>", "Output file path (default: index.html or dist/index.html)").option("-e, --env <environment>", "Pull the variant released to this environment (e.g., staging, production)").action(async (o, t) => {
   var u, E, O;
   const e = v.program.getOptionValue("config") || "./myop.config.json";
   let n = {};
-  if (C.existsSync(e))
+  if (P.existsSync(e))
     try {
-      n = JSON.parse(C.readFileSync(e, "utf-8"));
+      n = JSON.parse(P.readFileSync(e, "utf-8"));
     } catch {
     }
   const s = o || n.componentId;
@@ -2248,7 +2260,7 @@ v.program.command("pull").description("Download component HTML from Myop platfor
 📥 Pulling: ${i}`), console.log(`   ID: ${s}`), t.env && console.log(`   Environment: ${t.env}`);
   let r;
   try {
-    r = await Ge();
+    r = await Ke();
   } catch (b) {
     re(b) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : (console.error("❌ Authentication failed:", b.message), console.error(`
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
@@ -2275,21 +2287,21 @@ v.program.command("pull").description("Download component HTML from Myop platfor
     });
     if (!b.ok)
       throw new Error(`Server returned ${b.status}`);
-    const P = await b.json();
-    if (P.error)
-      throw new Error(P.error.message);
-    const j = (O = (E = (u = P.result) == null ? void 0 : u.content) == null ? void 0 : E[0]) == null ? void 0 : O.text;
+    const M = await b.json();
+    if (M.error)
+      throw new Error(M.error.message);
+    const j = (O = (E = (u = M.result) == null ? void 0 : u.content) == null ? void 0 : E[0]) == null ? void 0 : O.text;
     l = JSON.parse(j), !l.success && !l.html && (m.fail("Failed to fetch component"), console.error("   ", l.error || "No HTML content returned"), l.message && console.error("   ", l.message), process.exit(1)), m.succeed("Component fetched");
   } catch (b) {
     m.fail("Failed to fetch component"), re(b) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : console.error("   ", b.message), process.exit(1);
   }
   let d = t.output;
-  d || (C.existsSync("./dist/index.html") ? d = "./dist/index.html" : d = "./index.html");
-  const y = l.htmlContent || l.html, S = R.dirname(d);
-  S && !C.existsSync(S) && C.mkdirSync(S, { recursive: !0 }), C.writeFileSync(d, y), console.log(`   Saved to: ${d} (${(y.length / 1024).toFixed(1)} KB)`);
-  const x = C.existsSync(e);
+  d || (P.existsSync("./dist/index.html") ? d = "./dist/index.html" : d = "./index.html");
+  const w = l.htmlContent || l.html, x = R.dirname(d);
+  x && !P.existsSync(x) && P.mkdirSync(x, { recursive: !0 }), P.writeFileSync(d, w), console.log(`   Saved to: ${d} (${(w.length / 1024).toFixed(1)} KB)`);
+  const $ = P.existsSync(e);
   let g = !1;
-  if (x ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && l.name && (n.name = l.name, g = !0)) : (n = {
+  if ($ ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && l.name && (n.name = l.name, g = !0)) : (n = {
     name: l.name || R.basename(process.cwd()),
     componentId: s,
     type: "html",
@@ -2297,7 +2309,7 @@ v.program.command("pull").description("Download component HTML from Myop platfor
     HMR: !0
   }, g = !0), g)
     try {
-      C.writeFileSync(e, JSON.stringify(n, null, 2)), console.log(`   ${x ? "Updated" : "Created"} ${e}`);
+      P.writeFileSync(e, JSON.stringify(n, null, 2)), console.log(`   ${$ ? "Updated" : "Created"} ${e}`);
     } catch (b) {
       console.log(`   ⚠️ Could not write ${e}: ${b.message}`);
     }
@@ -2309,13 +2321,13 @@ v.program.command("list").description("Browse and pull/push remote components").
   const { search: t, select: e } = await import("@inquirer/prompts");
   let n;
   try {
-    n = await Ge();
+    n = await Ke();
   } catch (g) {
     re(g) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : (console.error("❌ Authentication failed:", g.message), console.error(`
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
 `)), process.exit(1);
   }
-  const s = Me(), i = (g, u) => ho(s, n.accessToken, g, u);
+  const s = Me(), i = (g, u) => yo(s, n.accessToken, g, u);
   let r = z("Loading organizations...").start(), p;
   try {
     const g = await i("list_organizations");
@@ -2328,13 +2340,13 @@ v.program.command("list").description("Browse and pull/push remote components").
   let m, l;
   if (o.org) {
     const g = p.find((u) => u.id === o.org || u._id === o.org);
-    g || (console.error(`Organization "${o.org}" not found. Available:`), p.forEach((u) => console.log(`  ${u.id || u._id}  ${u.name}`)), process.exit(1)), m = g.id || g._id, l = g.name, De({ id: m, name: l });
+    g || (console.error(`Organization "${o.org}" not found. Available:`), p.forEach((u) => console.log(`  ${u.id || u._id}  ${u.name}`)), process.exit(1)), m = g.id || g._id, l = g.name, Le({ id: m, name: l });
   } else {
-    const g = go();
+    const g = ho();
     if (g && p.find((u) => (u.id || u._id) === g.id))
       m = g.id, l = g.name;
     else if (p.length === 1)
-      m = p[0].id || p[0]._id, l = p[0].name, De({ id: m, name: l });
+      m = p[0].id || p[0]._id, l = p[0].name, Le({ id: m, name: l });
     else
       try {
         const u = await e({
@@ -2344,7 +2356,7 @@ v.program.command("list").description("Browse and pull/push remote components").
             value: { id: E.id || E._id, name: E.name }
           }))
         });
-        m = u.id, l = u.name, De({ id: m, name: l });
+        m = u.id, l = u.name, Le({ id: m, name: l });
       } catch (u) {
         throw u.name === "ExitPromptError" && (console.log(`
 
@@ -2364,47 +2376,47 @@ v.program.command("list").description("Browse and pull/push remote components").
   r.stop(), d.length === 0 && (console.log(`  No components found in this organization.
 `), process.exit(0)), console.log(`  ${l} - ${d.length} component(s)
 `);
-  const y = [];
+  const w = [];
   for (; ; ) {
-    const g = `[Done - pull/push ${y.length} selected]`, u = "__done__", E = new Set(y.map((P) => P.id || P._id || P.componentId));
+    const g = `[Done - pull/push ${w.length} selected]`, u = "__done__", E = new Set(w.map((M) => M.id || M._id || M.componentId));
     let O;
     try {
       O = await t({
         message: "Search & select components:",
-        source: (P) => {
-          const j = (P || "").toLowerCase(), M = d.filter((k) => {
+        source: (M) => {
+          const j = (M || "").toLowerCase(), C = d.filter((k) => {
             const L = k.id || k._id || k.componentId;
             return E.has(L) ? !1 : j ? (k.name || "").toLowerCase().includes(j) : !0;
-          }), _ = [
+          }), N = [
             { name: g, value: u }
           ];
-          for (const k of M) {
+          for (const k of C) {
             const L = k.id || k._id || k.componentId, D = L ? L.substring(0, 8) + "..." : "";
-            _.push({
+            N.push({
               name: `${k.name}  (${D})`,
               value: L
             });
           }
-          return _;
+          return N;
         }
       });
-    } catch (P) {
-      throw P.name === "ExitPromptError" && (console.log(`
+    } catch (M) {
+      throw M.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), P;
+`), process.exit(0)), M;
     }
     if (O === u)
       break;
-    const b = d.find((P) => (P.id || P._id || P.componentId) === O);
-    b && (y.push(b), console.log(`  + ${b.name}`));
+    const b = d.find((M) => (M.id || M._id || M.componentId) === O);
+    b && (w.push(b), console.log(`  + ${b.name}`));
   }
-  y.length === 0 && (console.log(`  No components selected.
+  w.length === 0 && (console.log(`  No components selected.
 `), process.exit(0));
-  let S;
+  let x;
   try {
-    S = await e({
-      message: `${y.length} component(s) selected:`,
+    x = await e({
+      message: `${w.length} component(s) selected:`,
       choices: [
         { name: "Pull selected", value: "pull" },
         { name: "Push selected", value: "push" },
@@ -2417,22 +2429,22 @@ v.program.command("list").description("Browse and pull/push remote components").
 👋 Goodbye!
 `), process.exit(0)), g;
   }
-  S === "cancel" && (console.log(`  Cancelled.
+  x === "cancel" && (console.log(`  Cancelled.
 `), process.exit(0));
-  const x = (g) => g.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-  if (S === "pull") {
+  const $ = (g) => g.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  if (x === "pull") {
     console.log(`
-  Pulling ${y.length} components...
+  Pulling ${w.length} components...
 `);
-    const g = await Promise.all(y.map(async (O) => {
+    const g = await Promise.all(w.map(async (O) => {
       const b = O.id || O._id || O.componentId;
       try {
-        const P = await i("get_component", { componentId: b }), j = x(O.name);
-        C.mkdirSync(j, { recursive: !0 });
-        const M = P.htmlContent || P.html;
-        if (!M)
+        const M = await i("get_component", { componentId: b }), j = $(O.name);
+        P.mkdirSync(j, { recursive: !0 });
+        const C = M.htmlContent || M.html;
+        if (!C)
           throw new Error("No HTML content returned");
-        return C.writeFileSync(R.join(j, "index.html"), M), C.writeFileSync(R.join(j, "myop.config.json"), JSON.stringify({
+        return P.writeFileSync(R.join(j, "index.html"), C), P.writeFileSync(R.join(j, "myop.config.json"), JSON.stringify({
           name: O.name,
           componentId: b,
           organization: m,
@@ -2440,8 +2452,8 @@ v.program.command("list").description("Browse and pull/push remote components").
           author: "@myop-cli",
           HMR: !0
         }, null, 2)), { name: O.name, status: "ok", dir: j };
-      } catch (P) {
-        return { name: O.name, status: "failed", error: P.message };
+      } catch (M) {
+        return { name: O.name, status: "failed", error: M.message };
       }
     }));
     let u = 0, E = 0;
@@ -2450,46 +2462,46 @@ v.program.command("list").description("Browse and pull/push remote components").
     console.log(`
   Done! Pulled ${u} component${u !== 1 ? "s" : ""}.${E ? ` ${E} failed.` : ""}
 `);
-  } else if (S === "push") {
+  } else if (x === "push") {
     console.log(`
-  Pushing ${y.length} components...
+  Pushing ${w.length} components...
 `);
-    const g = Qe(".", 3), u = await Promise.all(y.map(async (P) => {
-      const j = P.id || P._id || P.componentId, M = g.find((_) => _.componentId === j);
-      if (!M)
-        return { name: P.name, status: "skipped", reason: "no local match" };
+    const g = Ze(".", 3), u = await Promise.all(w.map(async (M) => {
+      const j = M.id || M._id || M.componentId, C = g.find((N) => N.componentId === j);
+      if (!C)
+        return { name: M.name, status: "skipped", reason: "no local match" };
       try {
-        let _;
-        const k = M.path;
-        if (C.existsSync(R.join(k, "dist", "index.html")))
-          _ = R.join(k, "dist", "index.html");
+        let N;
+        const k = C.path;
+        if (P.existsSync(R.join(k, "dist", "index.html")))
+          N = R.join(k, "dist", "index.html");
         else {
-          const W = C.readdirSync(k).filter(
-            (N) => N.endsWith(".html") && !N.startsWith(".") && C.statSync(R.join(k, N)).isFile()
+          const W = P.readdirSync(k).filter(
+            (_) => _.endsWith(".html") && !_.startsWith(".") && P.statSync(R.join(k, _)).isFile()
           );
           if (W.length === 1)
-            _ = R.join(k, W[0]);
+            N = R.join(k, W[0]);
           else if (W.includes("index.html"))
-            _ = R.join(k, "index.html");
+            N = R.join(k, "index.html");
           else
             throw new Error("No HTML file found");
         }
-        const L = C.readFileSync(_, "utf-8"), D = M.name || P.name, T = await i("upload_component", {
+        const L = P.readFileSync(N, "utf-8"), D = C.name || M.name, F = await i("upload_component", {
           name: D,
           componentId: j,
           organization: m,
           htmlContent: L
         });
-        if (!T.success)
-          throw new Error(T.error || "Upload failed");
+        if (!F.success)
+          throw new Error(F.error || "Upload failed");
         return { name: D, status: "ok" };
-      } catch (_) {
-        return { name: P.name, status: "failed", error: _.message };
+      } catch (N) {
+        return { name: M.name, status: "failed", error: N.message };
       }
     }));
     let E = 0, O = 0, b = 0;
-    for (const P of u)
-      P.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${P.name}`), E++) : P.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${P.name} (${P.reason})`), O++) : (console.log(`  \x1B[31m✖\x1B[0m ${P.name} - ${P.error}`), b++);
+    for (const M of u)
+      M.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${M.name}`), E++) : M.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${M.name} (${M.reason})`), O++) : (console.log(`  \x1B[31m✖\x1B[0m ${M.name} - ${M.error}`), b++);
     console.log(`
   Done! Pushed ${E}${O ? `, skipped ${O}` : ""}${b ? `, ${b} failed` : ""}.
 `);
@@ -2643,13 +2655,13 @@ v.program.command("create").description("Create a new Myop HTML component and st
 </body>
 </html>`;
   t.writeFileSync("index.html", r);
-  const p = await Ke(process.cwd());
+  const p = await Qe(process.cwd());
   console.log(`
 ✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), p.success && console.log("   AI agent skills installed"), console.log(""), await Ce();
 });
 v.program.command("dev").description("Start development server with file watching").action(Ce);
 const yt = async () => {
-  const o = process.cwd(), t = z("Installing AI agent skills...").start(), e = await Ke(o);
+  const o = process.cwd(), t = z("Installing AI agent skills...").start(), e = await Qe(o);
   e.success ? (t.succeed("AI agent skills installed"), e.detected.length > 0 && console.log(`   Detected: ${e.detected.join(", ")}`), console.log(`   Skills: ${e.skillNames.join(", ")}`)) : t.fail("Failed to install skills"), process.exit(e.success ? 0 : 1);
 };
 v.program.command("skill").description("Install or update AI agent skills in the current directory").action(yt);
@@ -2726,7 +2738,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
   const p = i.find((d) => d.value === r);
   let m = {};
   try {
-    const d = C.readFileSync(p.configPath, "utf-8");
+    const d = P.readFileSync(p.configPath, "utf-8");
     m = JSON.parse(d);
   } catch {
   }
@@ -2749,14 +2761,14 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
       throw d.name === "ExitPromptError" && process.exit(0), d;
     }
   }
-  m.mcpServers.myop = p.getEntry(), C.mkdirSync(R.dirname(p.configPath), { recursive: !0 }), C.writeFileSync(p.configPath, JSON.stringify(m, null, 2)), console.log(`
+  m.mcpServers.myop = p.getEntry(), P.mkdirSync(R.dirname(p.configPath), { recursive: !0 }), P.writeFileSync(p.configPath, JSON.stringify(m, null, 2)), console.log(`
   \x1B[32m✔\x1B[0m Myop MCP configured for ${p.name}`), console.log(`  Config:  ${p.configPath}`), console.log(`  Server:  ${s}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
   for (const d of p.nextSteps)
     console.log(`  ${d}`);
   console.log(""), process.exit(0);
 });
-const xo = () => {
+const $o = () => {
   try {
     Q("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
@@ -2789,8 +2801,8 @@ const xo = () => {
     return null;
   }
 }, ne = async (o = !1, t = !1) => {
-  var d, y, S;
-  const e = Pe(), n = !!(e != null && e.email), s = ((d = v.myopConfig) == null ? void 0 : d.name) || ((y = v.myopConfig) == null ? void 0 : y.componentName), i = (S = v.myopConfig) == null ? void 0 : S.componentId, r = xo();
+  var d, w, x;
+  const e = Pe(), n = !!(e != null && e.email), s = ((d = v.myopConfig) == null ? void 0 : d.name) || ((w = v.myopConfig) == null ? void 0 : w.componentName), i = (x = v.myopConfig) == null ? void 0 : x.componentId, r = $o();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `), o && s ? (console.log(`  Component:  ${s}`), i ? (console.log(`  ID:         ${i}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${i}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? e.email : "Not logged in"}`), r != null && r.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")) : r != null && r.notARepo ? console.log("  Changes:    Not a git repository") : r && (r.insertions > 0 || r.deletions > 0) ? console.log(`  Changes:    ${r.files} file${r.files !== 1 ? "s" : ""} | \x1B[32m+${r.insertions}\x1B[0m \x1B[31m-${r.deletions}\x1B[0m`) : r && console.log("  Changes:    No uncommitted changes"), console.log("");
@@ -2816,14 +2828,14 @@ const xo = () => {
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: o ? n ? !1 : "(login required)" : "(no config file)"
     }
-  ].map((x) => ({
-    name: t && !x.disabled ? `${x.emoji} ${x.label}
-     ${x.help}` : `${x.emoji} ${x.label}`,
-    value: x.value,
-    disabled: x.disabled
+  ].map(($) => ({
+    name: t && !$.disabled ? `${$.emoji} ${$.label}
+     ${$.help}` : `${$.emoji} ${$.label}`,
+    value: $.value,
+    disabled: $.disabled
   }));
   m.push(
-    new Le(),
+    new Ue(),
     {
       name: t && n ? `🔓 Logout (${e.email})
      Clears stored credentials from this machine` : t && !n ? `🔐 Login to Myop
@@ -2834,7 +2846,7 @@ const xo = () => {
       name: t ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new Le(),
+    new Ue(),
     {
       name: "👋 Exit",
       value: "exit"
@@ -2846,23 +2858,23 @@ const xo = () => {
       message: "What would you like to do?",
       choices: m
     });
-  } catch (x) {
-    throw x.name === "ExitPromptError" && (console.log(`
+  } catch ($) {
+    throw $.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), x;
+`), process.exit(0)), $;
   }
   switch (l) {
     case "init":
-      await Po();
+      await Mo();
       break;
     case "sync":
       console.log(`
 Pushing component...
 `);
-      const { execSync: x } = await import("child_process");
+      const { execSync: $ } = await import("child_process");
       try {
-        x("node " + process.argv[1] + " push", { stdio: "inherit" });
+        $("node " + process.argv[1] + " push", { stdio: "inherit" });
       } catch {
       }
       await ne(!0, t);
@@ -2888,68 +2900,68 @@ Pushing component...
     case "exit":
       process.exit(0);
   }
-}, be = ".myop-monorepo.json", $o = () => {
+}, be = ".myop-monorepo.json", bo = () => {
   try {
-    const o = C.readFileSync(be, "utf-8");
+    const o = P.readFileSync(be, "utf-8");
     return JSON.parse(o);
   } catch {
     return null;
   }
-}, bo = (o) => {
+}, Co = (o) => {
   try {
     const t = {
       selectedComponents: o,
       lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
     };
-    C.writeFileSync(be, JSON.stringify(t, null, 2));
+    P.writeFileSync(be, JSON.stringify(t, null, 2));
   } catch {
   }
-}, Co = async () => {
+}, Po = async () => {
   const o = Pe(), t = !!(o != null && o.email);
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Myop CLI - Monorepo Mode                      │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `);
-  const e = z("Scanning for components...").start(), n = Qe(".");
+  const e = z("Scanning for components...").start(), n = Ze(".");
   e.stop(), n.length === 0 && (console.log(`  ⚠️  No myop.config.json files found in this directory or subdirectories.
 `), console.log("  Run `myop` without -m flag to initialize a single component.\n"), process.exit(0));
-  const s = $o(), i = (s == null ? void 0 : s.selectedComponents) || [], r = i.length > 0;
+  const s = bo(), i = (s == null ? void 0 : s.selectedComponents) || [], r = i.length > 0;
   console.log(`  Found ${n.length} component${n.length > 1 ? "s" : ""}:
-`), n.forEach((y, S) => {
-    const x = y.componentId ? "✅" : "⚪", g = y.componentId ? y.componentId.substring(0, 8) + "..." : "(not pushed)";
-    console.log(`  ${x} ${y.name}`), console.log(`     Path: ${y.path}`), console.log(`     ID:   ${g}`), console.log("");
+`), n.forEach((w, x) => {
+    const $ = w.componentId ? "✅" : "⚪", g = w.componentId ? w.componentId.substring(0, 8) + "..." : "(not pushed)";
+    console.log(`  ${$} ${w.name}`), console.log(`     Path: ${w.path}`), console.log(`     ID:   ${g}`), console.log("");
   }), console.log(`  User: ${t ? o.email : "Not logged in"}`), r && console.log(`  📋 Using saved selection from ${be}`), console.log("");
   const p = v.program.getOptionValue("ci");
   let m;
   if (p)
-    r ? (m = i, console.log(`  🤖 CI mode: using saved selection (${m.length} components)`)) : (m = n.map((y) => y.path), console.log(`  🤖 CI mode: no saved selection, using all ${m.length} components`));
+    r ? (m = i, console.log(`  🤖 CI mode: using saved selection (${m.length} components)`)) : (m = n.map((w) => w.path), console.log(`  🤖 CI mode: no saved selection, using all ${m.length} components`));
   else {
-    const { checkbox: y } = await import("@inquirer/prompts"), S = n.map((x) => ({
-      name: `${x.name} (${x.path})`,
-      value: x.path,
-      checked: r ? i.includes(x.path) : !0
+    const { checkbox: w } = await import("@inquirer/prompts"), x = n.map(($) => ({
+      name: `${$.name} (${$.path})`,
+      value: $.path,
+      checked: r ? i.includes($.path) : !0
     }));
     try {
-      m = await y({
+      m = await w({
         message: "Select components to start in dev mode:",
-        choices: S
+        choices: x
       });
-    } catch (x) {
-      throw x.name === "ExitPromptError" && (console.log(`
+    } catch ($) {
+      throw $.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), x;
+`), process.exit(0)), $;
     }
   }
   m.length === 0 && (console.log(`
 ⚠️  No components selected.
-`), process.exit(0)), p || (bo(m), console.log(`
+`), process.exit(0)), p || (Co(m), console.log(`
 💾 Selection saved to ${be}`));
-  const l = n.filter((y) => m.includes(y.path));
+  const l = n.filter((w) => m.includes(w.path));
   console.log(`🚀 Starting dev mode for ${l.length} component${l.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: d } = await Promise.resolve().then(() => Wt);
+  const { monorepoDevCommand: d } = await Promise.resolve().then(() => Vt);
   await d(l);
-}, Po = async () => {
+}, Mo = async () => {
   const { input: o, select: t } = await import("@inquirer/prompts"), e = await import("fs"), n = await import("path"), s = n.default.basename(process.cwd());
   let i, r;
   try {
@@ -3072,7 +3084,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">
@@ -3089,8 +3101,8 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    e.writeFileSync("index.html", y), console.log("✅ Created index.html");
-    const S = `// ${i} - Entry Point
+    e.writeFileSync("index.html", w), console.log("✅ Created index.html");
+    const x = `// ${i} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
 
@@ -3099,8 +3111,8 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    e.writeFileSync("src/index.js", S), console.log("✅ Created src/index.js");
-    const x = `// ${i} - Main Application Logic
+    e.writeFileSync("src/index.js", x), console.log("✅ Created src/index.js");
+    const $ = `// ${i} - Main Application Logic
 
 export function init() {
     console.log('${i} loaded');
@@ -3108,7 +3120,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    e.writeFileSync("src/modules/app.js", x), console.log("✅ Created src/modules/app.js"), e.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    e.writeFileSync("src/modules/app.js", $), console.log("✅ Created src/modules/app.js"), e.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
 
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -3164,12 +3176,12 @@ dist/
 .temp-styles.css
 .DS_Store
 `), console.log("✅ Created .gitignore");
-    const b = await Ke(process.cwd());
+    const b = await Qe(process.cwd());
     b.success && console.log("✅ Installed AI agent skills");
-    const P = await import("./index-DuEoKctW.js").then((M) => M.i), j = process.cwd();
+    const M = await import("./index-DuEoKctW.js").then((C) => C.i), j = process.cwd();
     try {
-      await P.init({ fs: e, dir: j });
-      const M = [
+      await M.init({ fs: e, dir: j });
+      const C = [
         "myop.config.json",
         "package.json",
         "build.js",
@@ -3182,12 +3194,12 @@ dist/
         "src/styles/main.css"
       ];
       if (b.success) {
-        const _ = (k, L) => {
+        const N = (k, L) => {
           try {
             const D = e.readdirSync(k, { withFileTypes: !0 });
-            for (const T of D) {
-              const W = n.join(k, T.name), N = n.join(L, T.name);
-              T.isDirectory() ? _(W, N) : M.push(N);
+            for (const F of D) {
+              const W = n.join(k, F.name), _ = n.join(L, F.name);
+              F.isDirectory() ? N(W, _) : C.push(_);
             }
           } catch {
           }
@@ -3197,21 +3209,21 @@ dist/
           for (const L of k)
             if (L.isDirectory() && L.name.startsWith(".")) {
               const D = n.join(L.name, "skills");
-              e.existsSync(D) && _(D, D);
+              e.existsSync(D) && N(D, D);
             }
         } catch {
         }
       }
-      for (const _ of M)
-        await P.add({ fs: e, dir: j, filepath: _ });
-      await P.commit({
+      for (const N of C)
+        await M.add({ fs: e, dir: j, filepath: N });
+      await M.commit({
         fs: e,
         dir: j,
         message: "init",
         author: { name: "myop-cli", email: "cli@myop.dev" }
       }), console.log("✅ Initialized git repository");
-    } catch (M) {
-      console.log("⚠️  Failed to initialize git repository:", M.message);
+    } catch (C) {
+      console.log("⚠️  Failed to initialize git repository:", C.message);
     }
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
@@ -3221,17 +3233,17 @@ dist/
   }
 };
 v.program.command("default", { isDefault: !0 }).action(async () => {
-  if (v.program.getOptionValue("help") && (console.log(kt), process.exit()), v.program.getOptionValue("monorepo")) {
-    await Co();
+  if (v.program.getOptionValue("help") && (console.log(Rt), process.exit()), v.program.getOptionValue("monorepo")) {
+    await Po();
     return;
   }
   if (v.program.getOptionValue("ci")) {
     const p = await import("fs"), m = v.program.getOptionValue("config") || "./myop.config.json", l = v.program.version(), d = Pe();
-    let y = { found: !1 };
+    let w = { found: !1 };
     try {
       if (p.existsSync(m)) {
-        const x = p.readFileSync(m, "utf-8"), g = JSON.parse(x);
-        y = {
+        const $ = p.readFileSync(m, "utf-8"), g = JSON.parse($);
+        w = {
           found: !0,
           path: m,
           name: g.name || g.componentName || null,
@@ -3239,28 +3251,28 @@ v.program.command("default", { isDefault: !0 }).action(async () => {
           organization: g.organization || null
         };
       }
-    } catch (x) {
-      y = { found: !1, error: x.message };
+    } catch ($) {
+      w = { found: !1, error: $.message };
     }
-    const S = {
+    const x = {
       version: l,
-      config: y,
+      config: w,
       auth: {
         loggedIn: !!(d != null && d.email),
         email: (d == null ? void 0 : d.email) || null
       }
     };
-    console.log(JSON.stringify(S, null, 2)), process.exit(0);
+    console.log(JSON.stringify(x, null, 2)), process.exit(0);
   }
   let n = z({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
   const s = Ee();
-  await yo(500), n.stop();
+  await wo(500), n.stop();
   const i = v.program.version();
-  await mo(i) || await ne(s.configFound);
+  await uo(i) || await ne(s.configFound);
 });
-Kt();
+Qt();
 v.program.parse(process.argv);
 v.program.opts();