@myop/cli 0.1.45 → 0.1.47

package/dist/myop-cli.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
-var ut = Object.defineProperty;
-var gt = (o, e, t) => e in o ? ut(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var ye = (o, e, t) => gt(o, typeof e != "symbol" ? e + "" : e, t);
-import V from "ora";
-import { select as Qe, Separator as ke } from "@inquirer/prompts";
-import { Command as ft, Option as me } from "commander";
-import { execSync as q, spawn as ht } from "child_process";
-import D, { join as Oe } from "path";
-import I, { readFileSync as yt } from "fs";
-import Le from "crypto";
-import wt from "http";
-import { URL as Ze, URLSearchParams as Xe } from "url";
-import St from "open";
-import vt from "os";
-const bt = `
+var wt = Object.defineProperty;
+var St = (o, t, e) => t in o ? wt(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var ye = (o, t, e) => St(o, typeof t != "symbol" ? t + "" : t, e);
+import Y from "ora";
+import { select as et, Separator as _e } from "@inquirer/prompts";
+import { Command as vt, Option as me } from "commander";
+import { execSync as X, spawn as xt } from "child_process";
+import _, { join as Te } from "path";
+import M, { readFileSync as $t } from "fs";
+import He from "crypto";
+import bt from "http";
+import { URL as tt, URLSearchParams as ot } from "url";
+import Ct from "open";
+import nt from "os";
+const Pt = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -47,7 +47,7 @@ Examples:
 
 
 
-`, h = {
+`, v = {
   program: null,
   executionPath: "",
   options: {
@@ -55,81 +55,81 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, qe = {
+}, st = {
   name: "📥 Install Myop generated dependencies",
   value: "myopInstall",
   description: "Fetch and generates Myop dependencies. flows including components, refs and props.",
   action: async () => {
     console.info("installing... ");
-    for (const o of h.myopConfig.flows) {
-      const e = D.join(h.executionPath, "/node_modules/@myop/flow-types/");
-      console.info(`Generate flow at ${e}`), console.info(`Generated flow at ${e}`);
+    for (const o of v.myopConfig.flows) {
+      const t = _.join(v.executionPath, "/node_modules/@myop/flow-types/");
+      console.info(`Generate flow at ${t}`), console.info(`Generated flow at ${t}`);
     }
     process.exit();
   }
-}, xt = (o) => {
-  const e = D.join(h.executionPath, o);
-  console.info(`reading config file from: ${e}`);
-  const t = I.readFileSync(e, "utf8"), n = JSON.parse(t);
+}, Mt = (o) => {
+  const t = _.join(v.executionPath, o);
+  console.info(`reading config file from: ${t}`);
+  const e = M.readFileSync(t, "utf8"), n = JSON.parse(e);
   return console.info("config file loaded, ", n), n;
-}, De = (o, e) => {
-  const t = D.join(h.executionPath, o);
-  console.info(`writing config file to: ${t}`);
+}, Ue = (o, t) => {
+  const e = _.join(v.executionPath, o);
+  console.info(`writing config file to: ${e}`);
   try {
-    const n = JSON.stringify(e, null, 2);
-    I.writeFileSync(t, n), console.info(`config file updated ${n}`);
+    const n = JSON.stringify(t, null, 2);
+    M.writeFileSync(e, n), console.info(`config file updated ${n}`);
   } catch (n) {
-    throw console.info(`error ${n} while writing to ${t}, JSON: ${e}`), console.log(`
-⚠️ Failed write config file to ${t}, for more info use verbose flag`), n;
+    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;
   }
-}, et = {
+}, it = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
   _action: (o) => {
-    h.myopConfig.flows.includes(o) || h.myopConfig.flows.push(o), De(h.options.configPath, h.myopConfig);
+    v.myopConfig.flows.includes(o) || v.myopConfig.flows.push(o), Ue(v.options.configPath, v.myopConfig);
   },
   action: async () => {
   }
-}, tt = {
+}, rt = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
   _action: (o) => {
-    h.myopConfig.flows = h.myopConfig.flows.filter((e) => e !== o), De(h.options.configPath, h.myopConfig);
+    v.myopConfig.flows = v.myopConfig.flows.filter((t) => t !== o), Ue(v.options.configPath, v.myopConfig);
   },
   action: () => {
   }
-}, $t = {
+}, Et = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, Ct = {
+}, It = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, Mt = {
+}, kt = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, Pt = {
+}, Ot = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, Tt = {
+}, Rt = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, It = {
+}, Tt = {
   name: "🆕 Define new custom Myop message",
   value: "generateMyopMessage",
   description: "️Help you creates the right structure for a new Myop message, including types and handlers.",
   disabled: "(not available yet)"
-}, Et = [It, Ct, Mt, Pt, Tt];
-function Rt(o, e, t, n) {
+}, jt = [Tt, It, kt, Ot, Rt];
+function Ft(o, t, e, n) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -137,7 +137,7 @@ function Rt(o, e, t, n) {
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Myop DevTools - localhost:${o}</title>
 <style>
-${t}
+${e}
 </style>
 </head>
 <body>
@@ -146,7 +146,7 @@ ${t}
         <div class="toolbar-title">Myop DevTools</div>
         <div class="toolbar-info">
             <span><div class="status-dot"></div> localhost:${o}</span>
-            <span>Management: ${e}</span>
+            <span>Management: ${t}</span>
         </div>
     </div>
 
@@ -219,69 +219,69 @@ ${n}
 </body>
 </html>`;
 }
-function Ot(o) {
+function _t(o) {
   return o.includes("esbuild") && o.includes("another platform");
 }
-function Ft(o) {
+function Nt(o) {
   return o.includes("ERR_MODULE_NOT_FOUND") && o.includes("esbuild");
 }
-function kt() {
+function At() {
   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 Nt(o) {
-  return new Promise((e) => {
+function Lt(o) {
+  return new Promise((t) => {
     console.log(`🔧 Attempting to fix: removing node_modules and reinstalling...
 `);
     const n = process.platform === "win32" ? "rmdir /s /q node_modules" : "rm -rf node_modules";
-    o(n, (i) => {
-      if (i) {
-        console.error("❌ Failed to remove node_modules:", i.message), console.error(`
+    o(n, (s) => {
+      if (s) {
+        console.error("❌ Failed to remove node_modules:", s.message), console.error(`
    Please run manually:`), console.error(`   \x1B[36m${n} && npm install\x1B[0m
-`), e(!1);
+`), t(!1);
         return;
       }
       console.log("   ✓ Removed node_modules"), console.log(`   ⏳ Running npm install...
-`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (s, l, w) => {
-        if (s) {
-          console.error("❌ npm install failed:", s.message), w && console.error(w), e(!1);
+`), o("npm install", { maxBuffer: 10 * 1024 * 1024 }, (i, d, h) => {
+        if (i) {
+          console.error("❌ npm install failed:", i.message), h && console.error(h), t(!1);
           return;
         }
         console.log(`   ✓ Dependencies reinstalled successfully!
-`), e(!0);
+`), t(!0);
       });
     });
   });
 }
-async function ot(o, e, t, n, i = {}) {
+async function at(o, t, e, n, s = {}) {
   const {
-    hasTriedPlatformFix: s = !1,
-    hasTriedInstall: l = !1,
-    onRetry: w
-  } = i, S = ((o == null ? void 0 : o.message) || "") + (e || "") + (t || "");
-  return !s && Ot(S) ? (kt(), await Nt(n) && w ? (console.log(`🔄 Retrying build...
-`), w(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: l }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: l }) : !l && Ft(S) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((d) => {
-    n("npm install", (c, $, u) => {
-      if (c) {
-        console.error("❌ Failed to install dependencies:", c.message), u && console.error(u), d({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
+    hasTriedPlatformFix: i = !1,
+    hasTriedInstall: d = !1,
+    onRetry: h
+  } = s, y = ((o == null ? void 0 : o.message) || "") + (t || "") + (e || "");
+  return !i && _t(y) ? (At(), await Lt(n) && h ? (console.log(`🔄 Retrying build...
+`), h(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && Nt(y) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((c) => {
+    n("npm install", (l, C, u) => {
+      if (l) {
+        console.error("❌ Failed to install dependencies:", l.message), u && console.error(u), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), w && w(), d({ handled: !0, hasTriedPlatformFix: s, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), h && h(), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
     });
-  })) : { handled: !1, hasTriedPlatformFix: s, hasTriedInstall: l };
+  })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: d };
 }
-async function be() {
-  const o = await import("fs"), e = await import("path"), { exec: t } = await import("child_process"), n = await import("http"), { createHash: i } = await import("node:crypto");
-  let s;
+async function xe() {
+  const o = await import("fs"), t = await import("path"), { exec: e } = await import("child_process"), n = await import("http"), { createHash: s } = await import("node:crypto");
+  let i;
   if (import.meta.url.startsWith("file://")) {
-    const r = new URL(import.meta.url).pathname, p = process.platform === "win32" && r.startsWith("/") ? r.slice(1) : r;
-    s = e.default.dirname(p);
+    const r = new URL(import.meta.url).pathname, m = process.platform === "win32" && r.startsWith("/") ? r.slice(1) : r;
+    i = t.default.dirname(m);
   } else
-    s = e.default.dirname(import.meta.url);
-  const l = e.default.join(s, "commands", "dev", "management-website"), w = o.default.readFileSync(e.default.join(l, "styles.css"), "utf-8"), S = o.default.readFileSync(e.default.join(l, "app.js"), "utf-8"), d = 9292, c = 9293;
-  let $ = "./dist", u = !1, y = !1, C = !1, T = null;
+    i = t.default.dirname(import.meta.url);
+  const d = t.default.join(i, "commands", "dev", "management-website"), h = o.default.readFileSync(t.default.join(d, "styles.css"), "utf-8"), y = o.default.readFileSync(t.default.join(d, "app.js"), "utf-8"), c = 9292, l = 9293;
+  let C = "./dist", u = !1, P = !1, g = !1, w = null;
   const j = () => {
     try {
       const a = o.default.readdirSync(".").filter((r) => !r.endsWith(".html") || r.startsWith(".") ? !1 : o.default.statSync(r).isFile());
@@ -290,7 +290,7 @@ async function be() {
     } catch {
     }
     return null;
-  }, P = () => {
+  }, k = () => {
     try {
       const a = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
       return !!(a.scripts && a.scripts.build);
@@ -299,57 +299,57 @@ async function be() {
     }
   }, b = (a) => {
     const r = process.platform;
-    let p;
-    r === "darwin" ? p = `open "${a}"` : r === "win32" ? p = `start "" "${a}"` : p = `xdg-open "${a}"`, t(p, (m) => {
+    let m;
+    r === "darwin" ? m = `open "${a}"` : r === "win32" ? m = `start "" "${a}"` : m = `xdg-open "${a}"`, e(m, (f) => {
     });
-  }, F = /* @__PURE__ */ new Map(), x = h.program.getOptionValue("config") || "./myop.config.json";
-  let f, E, L = !1;
-  T = j();
-  const B = P();
+  }, p = /* @__PURE__ */ new Map(), E = v.program.getOptionValue("config") || "./myop.config.json";
+  let x, O, R = !1;
+  w = j();
+  const D = k();
   try {
-    const a = o.default.readFileSync(x, "utf-8"), r = JSON.parse(a);
-    f = r.componentId || "DEV", E = r.componentName || r.name || null, L = r.HMR === !0, T && !B && (C = !0, L = !0, console.log(`📄 Single HTML file mode: ${T}`)), L && console.log("🔥 HMR enabled");
+    const a = o.default.readFileSync(E, "utf-8"), r = JSON.parse(a);
+    x = r.componentId || "DEV", O = r.componentName || r.name || null, R = r.HMR === !0, w && !D && (g = !0, R = !0, console.log(`📄 Single HTML file mode: ${w}`)), R && console.log("🔥 HMR enabled");
   } catch (a) {
-    T && !B ? (C = !0, f = "DEV", E = e.default.basename(T, ".html"), L = !0, console.log(`📄 Single HTML file mode: ${T}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
+    w && !D ? (g = !0, x = "DEV", O = t.default.basename(w, ".html"), R = !0, console.log(`📄 Single HTML file mode: ${w}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", a.message), process.exit(1));
   }
-  const U = async () => {
-    if (f !== "DEV" && f !== "NEW")
-      return f;
+  const L = async () => {
+    if (x !== "DEV" && x !== "NEW")
+      return x;
     try {
-      const r = ((await new Promise((g, v) => {
-        const M = {
+      const r = ((await new Promise((S, $) => {
+        const I = {
           hostname: "localhost",
-          port: c,
+          port: l,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, O = n.default.request(M, (A) => {
-          let G = "";
-          A.on("data", (te) => G += te), A.on("end", () => {
+        }, N = n.default.request(I, (U) => {
+          let K = "";
+          U.on("data", (ne) => K += ne), U.on("end", () => {
             try {
-              g(JSON.parse(G));
+              S(JSON.parse(K));
             } catch {
-              g({ components: [] });
+              S({ components: [] });
             }
           });
         });
-        O.on("error", () => g({ components: [] })), O.on("timeout", () => {
-          O.destroy(), g({ components: [] });
-        }), O.end();
-      })).components || []).map(([g]) => g).filter((g) => g === "DEV" || g === "NEW" || /^DEV\d+$/.test(g) || /^NEW\d+$/.test(g));
+        N.on("error", () => S({ components: [] })), N.on("timeout", () => {
+          N.destroy(), S({ components: [] });
+        }), N.end();
+      })).components || []).map(([S]) => S).filter((S) => S === "DEV" || S === "NEW" || /^DEV\d+$/.test(S) || /^NEW\d+$/.test(S));
       if (r.length === 0)
         return "DEV1";
-      const p = r.map((g) => {
-        if (g === "DEV" || g === "NEW") return 1;
-        const v = g.match(/^DEV(\d+)$/), M = g.match(/^NEW(\d+)$/);
-        return v ? parseInt(v[1], 10) : M ? parseInt(M[1], 10) : 0;
-      }).filter((g) => g > 0);
-      return `DEV${Math.max(...p, 0) + 1}`;
+      const m = r.map((S) => {
+        if (S === "DEV" || S === "NEW") return 1;
+        const $ = S.match(/^DEV(\d+)$/), I = S.match(/^NEW(\d+)$/);
+        return $ ? parseInt($[1], 10) : I ? parseInt(I[1], 10) : 0;
+      }).filter((S) => S > 0);
+      return `DEV${Math.max(...m, 0) + 1}`;
     } catch {
       return "DEV1";
     }
-  }, k = process.cwd(), z = (a) => {
-    const r = e.default.extname(a).toLowerCase();
+  }, T = process.cwd(), J = (a) => {
+    const r = t.default.extname(a).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -361,100 +361,100 @@ async function be() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[r] || "application/octet-stream";
-  }, R = /* @__PURE__ */ new Map(), Z = [], se = 50, Y = [], ie = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map(), lt = (a, r, p) => {
+  }, F = /* @__PURE__ */ new Map(), V = [], te = 50, z = [], Q = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map(), ut = (a, r, m) => {
     if (a.url.startsWith("/_hmr/")) {
-      const m = a.url.split("/_hmr/")[1], g = a.headers["sec-websocket-key"], v = i("sha1").update(g + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      const f = a.url.split("/_hmr/")[1], S = a.headers["sec-websocket-key"], $ = s("sha1").update(S + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       r.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
 Connection: Upgrade\r
-Sec-WebSocket-Accept: ${v}\r
+Sec-WebSocket-Accept: ${$}\r
 \r
 `
-      ), ee.has(m) || ee.set(m, /* @__PURE__ */ new Set()), ee.get(m).add(r), console.log(`🔌 HMR client connected: ${m}`), r.on("close", () => {
-        const M = ee.get(m);
-        M && (M.delete(r), M.size === 0 && ee.delete(m)), console.log(`🔌 HMR client disconnected: ${m}`);
+      ), oe.has(f) || oe.set(f, /* @__PURE__ */ new Set()), oe.get(f).add(r), console.log(`🔌 HMR client connected: ${f}`), r.on("close", () => {
+        const I = oe.get(f);
+        I && (I.delete(r), I.size === 0 && oe.delete(f)), console.log(`🔌 HMR client disconnected: ${f}`);
       }), r.on("error", () => {
-        const M = ee.get(m);
-        M && M.delete(r);
+        const I = oe.get(f);
+        I && I.delete(r);
       });
     }
-  }, Ce = n.default.createServer((a, r) => {
+  }, Pe = n.default.createServer((a, r) => {
     if (r.setHeader("Content-Type", "application/json"), a.method === "POST" && a.url === "/_register") {
-      let p = "";
-      a.on("data", (m) => p += m), a.on("end", () => {
+      let m = "";
+      a.on("data", (f) => m += f), a.on("end", () => {
         try {
-          const { componentId: m, distPath: g, componentName: v, htmlFile: M } = JSON.parse(p);
-          R.set(m, { path: g, name: v || null, htmlFile: M || null });
-          const O = v ? ` (${v})` : "";
-          console.log(`✅ Registered: ${m}${O} -> ${g}${M ? "/" + M : ""}`), r.writeHead(200), r.end(JSON.stringify({ success: !0, registered: Array.from(R.keys()) }));
-          const A = Array.from(R.entries()).map(([G, te]) => ({
-            id: G,
-            path: te.path,
-            name: te.name
+          const { componentId: f, distPath: S, componentName: $, htmlFile: I } = JSON.parse(m);
+          F.set(f, { path: S, name: $ || null, htmlFile: I || null });
+          const N = $ ? ` (${$})` : "";
+          console.log(`✅ Registered: ${f}${N} -> ${S}${I ? "/" + I : ""}`), r.writeHead(200), r.end(JSON.stringify({ success: !0, registered: Array.from(F.keys()) }));
+          const U = Array.from(F.entries()).map(([K, ne]) => ({
+            id: K,
+            path: ne.path,
+            name: ne.name
           }));
-          Y.forEach((G) => {
+          z.forEach((K) => {
             try {
-              G.write(`data: ${JSON.stringify({
+              K.write(`data: ${JSON.stringify({
                 type: "components",
-                components: A
+                components: U
               })}
 
 `);
             } catch {
             }
           });
-        } catch (m) {
-          r.writeHead(400), r.end(JSON.stringify({ error: m.message }));
+        } catch (f) {
+          r.writeHead(400), r.end(JSON.stringify({ error: f.message }));
         }
       });
     } else if (a.method === "POST" && a.url === "/_unregister") {
-      let p = "";
-      a.on("data", (m) => p += m), a.on("end", () => {
+      let m = "";
+      a.on("data", (f) => m += f), a.on("end", () => {
         try {
-          const { componentId: m } = JSON.parse(p);
-          R.delete(m), console.log(`❌ Unregistered: ${m}`), r.writeHead(200), r.end(JSON.stringify({ success: !0 }));
-          const g = Array.from(R.entries()).map(([v, M]) => ({
-            id: v,
-            path: M.path,
-            name: M.name
+          const { componentId: f } = JSON.parse(m);
+          F.delete(f), console.log(`❌ Unregistered: ${f}`), r.writeHead(200), r.end(JSON.stringify({ success: !0 }));
+          const S = Array.from(F.entries()).map(([$, I]) => ({
+            id: $,
+            path: I.path,
+            name: I.name
           }));
-          Y.forEach((v) => {
+          z.forEach(($) => {
             try {
-              v.write(`data: ${JSON.stringify({
+              $.write(`data: ${JSON.stringify({
                 type: "components",
-                components: g
+                components: S
               })}
 
 `);
             } catch {
             }
           });
-        } catch (m) {
-          r.writeHead(400), r.end(JSON.stringify({ error: m.message }));
+        } catch (f) {
+          r.writeHead(400), r.end(JSON.stringify({ error: f.message }));
         }
       });
     } else if (a.method === "GET" && a.url === "/_list")
-      r.writeHead(200), r.end(JSON.stringify({ components: Array.from(R.entries()) }));
+      r.writeHead(200), r.end(JSON.stringify({ components: Array.from(F.entries()) }));
     else if (a.method === "POST" && a.url === "/_hmr_notify") {
-      let p = "";
-      a.on("data", (m) => p += m), a.on("end", () => {
+      let m = "";
+      a.on("data", (f) => m += f), a.on("end", () => {
         try {
-          const { componentId: m, html: g } = JSON.parse(p), v = ee.get(m);
-          if (v && v.size > 0) {
-            console.log(`🔥 Notifying ${v.size} HMR client(s) for: ${m}`);
-            const M = JSON.stringify({ type: "update", html: g }), O = ze(M);
-            v.forEach((A) => {
+          const { componentId: f, html: S } = JSON.parse(m), $ = oe.get(f);
+          if ($ && $.size > 0) {
+            console.log(`🔥 Notifying ${$.size} HMR client(s) for: ${f}`);
+            const I = JSON.stringify({ type: "update", html: S }), N = Ye(I);
+            $.forEach((U) => {
               try {
-                A.write(O);
+                U.write(N);
               } catch {
-                v.delete(A);
+                $.delete(U);
               }
-            }), r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: v.size }));
+            }), r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: $.size }));
           } else
             r.writeHead(200), r.end(JSON.stringify({ success: !0, notified: 0 }));
-        } catch (m) {
-          r.writeHead(400), r.end(JSON.stringify({ error: m.message }));
+        } catch (f) {
+          r.writeHead(400), r.end(JSON.stringify({ error: f.message }));
         }
       });
     } else
@@ -464,90 +464,90 @@ Sec-WebSocket-Accept: ${v}\r
       r.writeHead(403, { "Content-Type": "text/plain" }), r.end("Forbidden");
       return;
     }
-    const p = new URL(a.url, `http://localhost:${d}`), m = p.pathname, g = m.split("/").filter((J) => J);
-    if (m.startsWith("/consume")) {
-      const J = p.searchParams.get("id");
-      if (!J) {
+    const m = new URL(a.url, `http://localhost:${c}`), f = m.pathname, S = f.split("/").filter((W) => W);
+    if (f.startsWith("/consume")) {
+      const W = m.searchParams.get("id");
+      if (!W) {
         r.writeHead(400, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const W = R.get(J), K = W ? W.path : null, ce = (oe) => {
-        let _ = "Unknown", Q = "Unknown";
+      const G = F.get(W), Z = G ? G.path : null, ce = (se) => {
+        let H = "Unknown", q = "Unknown";
         if (a.headers.referer || a.headers.referrer) {
-          const H = a.headers.referer || a.headers.referrer;
+          const B = a.headers.referer || a.headers.referrer;
           try {
-            const re = new URL(H);
-            _ = re.origin, Q = re.hostname || re.origin;
+            const re = new URL(B);
+            H = re.origin, q = re.hostname || re.origin;
           } catch {
-            _ = H, Q = H;
+            H = B, q = B;
           }
         } else if (a.headers.origin)
           try {
-            const H = new URL(a.headers.origin);
-            _ = H.origin, Q = H.hostname || H.origin;
+            const B = new URL(a.headers.origin);
+            H = B.origin, q = B.hostname || B.origin;
           } catch {
-            _ = a.headers.origin, Q = a.headers.origin;
+            H = a.headers.origin, q = a.headers.origin;
           }
         else if (a.socket.remoteAddress) {
-          const H = a.socket.remoteAddress;
-          H === "::1" || H === "::ffff:127.0.0.1" ? (_ = "localhost", Q = "localhost (direct)") : (_ = H, Q = H.replace("::ffff:", ""));
+          const B = a.socket.remoteAddress;
+          B === "::1" || B === "::ffff:127.0.0.1" ? (H = "localhost", q = "localhost (direct)") : (H = B, q = B.replace("::ffff:", ""));
         }
-        const Ee = a.headers.referer || a.headers.referrer || _, he = {
+        const Oe = a.headers.referer || a.headers.referrer || H, he = {
           type: "request",
-          componentId: J,
+          componentId: W,
           timestamp: Date.now(),
-          servedLocally: oe,
-          referrer: Ee,
-          origin: _,
-          originLabel: Q
+          servedLocally: se,
+          referrer: Oe,
+          origin: H,
+          originLabel: q
         };
-        ie.has(_) || (ie.set(_, {
-          url: _,
-          label: Q,
+        Q.has(H) || (Q.set(H, {
+          url: H,
+          label: q,
           firstSeen: Date.now(),
           requestCount: 0
-        }), Y.forEach((H) => {
+        }), z.forEach((B) => {
           try {
-            H.write(`data: ${JSON.stringify({
+            B.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(ie.values())
+              origins: Array.from(Q.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const Re = ie.get(_);
-        Re.requestCount++, Y.forEach((H) => {
+        const Re = Q.get(H);
+        Re.requestCount++, z.forEach((B) => {
           try {
-            H.write(`data: ${JSON.stringify({
+            B.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(ie.values())
+              origins: Array.from(Q.values())
             })}
 
 `);
           } catch {
           }
-        }), Z.push(he), Z.length > se && Z.shift(), Y.forEach((H) => {
+        }), V.push(he), V.length > te && V.shift(), z.forEach((B) => {
           try {
-            H.write(`data: ${JSON.stringify(he)}
+            B.write(`data: ${JSON.stringify(he)}
 
 `);
           } catch {
           }
         });
       };
-      if (K) {
-        const oe = W.htmlFile ? e.default.join(K, W.htmlFile) : e.default.join(K, "index.html");
-        o.default.readFile(oe, "utf-8", (_, Q) => {
-          if (_) {
-            console.log(`❌ File not found: ${oe}`), r.writeHead(404, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "index.html not found" }));
+      if (Z) {
+        const se = G.htmlFile ? t.default.join(Z, G.htmlFile) : t.default.join(Z, "index.html");
+        o.default.readFile(se, "utf-8", (H, q) => {
+          if (H) {
+            console.log(`❌ File not found: ${se}`), r.writeHead(404, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const Ee = Me(Q, J), he = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Re = {
+          const Oe = Me(q, W), he = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Re = {
             item: {
-              name: J,
-              id: J,
+              name: W,
+              id: W,
               consume_variant: [
                 {
                   id: he,
@@ -555,141 +555,141 @@ Sec-WebSocket-Accept: ${v}\r
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: Ee
+                    HTML: Oe
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${J}`), ce(!0), r.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${W}`), ce(!0), r.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
           }), r.end(JSON.stringify(Re, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${J}`);
-        const oe = `https://cloud.myop.dev/consume${p.search}`;
-        ce(!1), fetch(oe).then((_) => _.text()).then((_) => {
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${W}`);
+        const se = `https://cloud.myop.dev/consume${m.search}`;
+        ce(!1), fetch(se).then((H) => H.text()).then((H) => {
           r.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), r.end(_);
-        }).catch((_) => {
-          console.error(`❌ Proxy error: ${_.message}`), r.writeHead(502, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), r.end(H);
+        }).catch((H) => {
+          console.error(`❌ Proxy error: ${H.message}`), r.writeHead(502, { "Content-Type": "application/json" }), r.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
     }
-    if (m === "/events") {
+    if (f === "/events") {
       r.writeHead(200, {
         "Content-Type": "text/event-stream",
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), Y.push(r);
-      const J = Array.from(R.entries()).map(([W, K]) => ({
-        id: W,
-        path: K.path,
-        name: K.name
+      }), z.push(r);
+      const W = Array.from(F.entries()).map(([G, Z]) => ({
+        id: G,
+        path: Z.path,
+        name: Z.name
       }));
       r.write(`data: ${JSON.stringify({
         type: "components",
-        components: J
+        components: W
       })}
 
 `), r.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(ie.values())
+        origins: Array.from(Q.values())
       })}
 
 `), r.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: Z
+        log: V
       })}
 
 `), a.on("close", () => {
-        const W = Y.indexOf(r);
-        W !== -1 && Y.splice(W, 1);
+        const G = z.indexOf(r);
+        G !== -1 && z.splice(G, 1);
       });
       return;
     }
-    if (g.length === 0) {
-      r.writeHead(200, { "Content-Type": "text/html" }), r.end(Rt(d, c, w, S));
+    if (S.length === 0) {
+      r.writeHead(200, { "Content-Type": "text/html" }), r.end(Ft(c, l, h, y));
       return;
     }
-    if (g[0] !== "view") {
+    if (S[0] !== "view") {
       r.writeHead(404, { "Content-Type": "text/plain" }), r.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (g.length < 2) {
+    if (S.length < 2) {
       r.writeHead(400, { "Content-Type": "text/plain" }), r.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const v = g[1], M = R.get(v);
-    if (!M) {
-      r.writeHead(404, { "Content-Type": "text/plain" }), r.end(`Component not found: ${v}`);
+    const $ = S[1], I = F.get($);
+    if (!I) {
+      r.writeHead(404, { "Content-Type": "text/plain" }), r.end(`Component not found: ${$}`);
       return;
     }
-    const O = M.path, A = g.slice(2), G = M.htmlFile || "index.html", te = A.length === 0 ? G : A.join("/"), le = e.default.join(O, te);
-    console.log(`📥 Request: ${a.url} -> ${le}`), o.default.readFile(le, (J, W) => {
-      if (J) {
+    const N = I.path, U = S.slice(2), K = I.htmlFile || "index.html", ne = U.length === 0 ? K : U.join("/"), le = t.default.join(N, ne);
+    console.log(`📥 Request: ${a.url} -> ${le}`), o.default.readFile(le, (W, G) => {
+      if (W) {
         console.log(`❌ File not found: ${le}`), r.writeHead(404, { "Content-Type": "text/plain" }), r.end("Not Found");
         return;
       }
-      const K = z(le);
-      console.log(`✅ Serving: ${le} (${K})`);
-      let ce = W;
-      if (K === "text/html" && L) {
-        const oe = W.toString("utf-8");
-        ce = Me(oe, v);
+      const Z = J(le);
+      console.log(`✅ Serving: ${le} (${Z})`);
+      let ce = G;
+      if (Z === "text/html" && R) {
+        const se = G.toString("utf-8");
+        ce = Me(se, $);
       }
       r.writeHead(200, {
-        "Content-Type": K,
+        "Content-Type": Z,
         "Access-Control-Allow-Origin": "*"
       }), r.end(ce);
     });
-  }), Be = () => new Promise((a, r) => {
-    const p = C ? e.default.resolve(k) : e.default.resolve(k, $), m = JSON.stringify({
-      componentId: f,
-      distPath: p,
-      componentName: E,
-      htmlFile: C ? T : null
-    }), g = {
+  }), Ge = () => new Promise((a, r) => {
+    const m = g ? t.default.resolve(T) : t.default.resolve(T, C), f = JSON.stringify({
+      componentId: x,
+      distPath: m,
+      componentName: O,
+      htmlFile: g ? w : null
+    }), S = {
       hostname: "localhost",
-      port: c,
+      port: l,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(m)
+        "Content-Length": Buffer.byteLength(f)
       }
-    }, v = n.default.request(g, (M) => {
-      let O = "";
-      M.on("data", (A) => O += A), M.on("end", () => {
-        M.statusCode === 200 ? a(JSON.parse(O)) : r(new Error(`Registration failed: ${M.statusCode}`));
+    }, $ = n.default.request(S, (I) => {
+      let N = "";
+      I.on("data", (U) => N += U), I.on("end", () => {
+        I.statusCode === 200 ? a(JSON.parse(N)) : r(new Error(`Registration failed: ${I.statusCode}`));
       });
     });
-    v.on("error", r), v.write(m), v.end();
-  }), ct = () => new Promise((a, r) => {
-    const p = JSON.stringify({ componentId: f }), m = {
+    $.on("error", r), $.write(f), $.end();
+  }), gt = () => new Promise((a, r) => {
+    const m = JSON.stringify({ componentId: x }), f = {
       hostname: "localhost",
-      port: c,
+      port: l,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(p)
+        "Content-Length": Buffer.byteLength(m)
       }
-    }, g = n.default.request(m, (v) => {
+    }, S = n.default.request(f, ($) => {
       a();
     });
-    g.on("error", () => a()), g.write(p), g.end();
-  }), dt = (a) => `
+    S.on("error", () => a()), S.write(m), S.end();
+  }), ft = (a) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
     const componentId = '${a}';
-    const wsUrl = 'ws://localhost:${c}/_hmr/' + componentId;
+    const wsUrl = 'ws://localhost:${l}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -790,272 +790,272 @@ Sec-WebSocket-Accept: ${v}\r
 })();
 <\/script>
 `, Me = (a, r) => {
-    if (!L) return a;
-    const p = dt(r);
-    return a.includes("</body>") ? a.replace("</body>", `${p}</body>`) : a.includes("</html>") ? a.replace("</html>", `${p}</html>`) : a + p;
-  }, ze = (a) => {
-    const r = Buffer.from(a), p = r.length;
-    let m;
-    return p < 126 ? m = Buffer.concat([
-      Buffer.from([129, p]),
+    if (!R) return a;
+    const m = ft(r);
+    return a.includes("</body>") ? a.replace("</body>", `${m}</body>`) : a.includes("</html>") ? a.replace("</html>", `${m}</html>`) : a + m;
+  }, Ye = (a) => {
+    const r = Buffer.from(a), m = r.length;
+    let f;
+    return m < 126 ? f = Buffer.concat([
+      Buffer.from([129, m]),
       // FIN + text frame, length
       r
-    ]) : p < 65536 ? m = Buffer.concat([
+    ]) : m < 65536 ? f = Buffer.concat([
       Buffer.from([129, 126]),
       // FIN + text frame, extended length
-      Buffer.from([p >> 8, p & 255]),
+      Buffer.from([m >> 8, m & 255]),
       // 16-bit length
       r
-    ]) : m = Buffer.concat([
+    ]) : f = Buffer.concat([
       Buffer.from([129, 127]),
       // FIN + text frame, extended length
-      Buffer.from([0, 0, 0, 0, p >> 24, p >> 16 & 255, p >> 8 & 255, p & 255]),
+      Buffer.from([0, 0, 0, 0, m >> 24, m >> 16 & 255, m >> 8 & 255, m & 255]),
       // 64-bit length
       r
-    ]), m;
-  }, We = () => {
-    if (!L) return;
-    const a = C ? T : e.default.join($, "index.html");
+    ]), f;
+  }, Ke = () => {
+    if (!R) return;
+    const a = g ? w : t.default.join(C, "index.html");
     let r;
     try {
-      const p = o.default.readFileSync(a, "utf-8");
-      r = Me(p, f);
-    } catch (p) {
-      console.error("❌ Failed to read HTML for HMR:", p.message);
+      const m = o.default.readFileSync(a, "utf-8");
+      r = Me(m, x);
+    } catch (m) {
+      console.error("❌ Failed to read HTML for HMR:", m.message);
       return;
     }
-    if (Ie) {
-      const p = ee.get(f);
-      if (!p || p.size === 0)
+    if (ke) {
+      const m = oe.get(x);
+      if (!m || m.size === 0)
         return;
-      console.log(`🔥 Notifying ${p.size} HMR client(s)`);
-      const m = JSON.stringify({
+      console.log(`🔥 Notifying ${m.size} HMR client(s)`);
+      const f = JSON.stringify({
         type: "update",
         html: r
-      }), g = ze(m);
-      p.forEach((v) => {
+      }), S = Ye(f);
+      m.forEach(($) => {
         try {
-          v.write(g);
+          $.write(S);
         } catch {
-          p.delete(v);
+          m.delete($);
         }
       });
     } else {
-      const p = JSON.stringify({
-        componentId: f,
+      const m = JSON.stringify({
+        componentId: x,
         html: r
-      }), m = {
+      }), f = {
         hostname: "localhost",
-        port: c,
+        port: l,
         path: "/_hmr_notify",
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "Content-Length": Buffer.byteLength(p)
+          "Content-Length": Buffer.byteLength(m)
         },
         timeout: 5e3
-      }, g = n.default.request(m, (v) => {
-        let M = "";
-        v.on("data", (O) => M += O), v.on("end", () => {
+      }, S = n.default.request(f, ($) => {
+        let I = "";
+        $.on("data", (N) => I += N), $.on("end", () => {
           try {
-            const O = JSON.parse(M);
-            O.notified > 0 && console.log(`🔥 Notified ${O.notified} HMR client(s) via server`);
+            const N = JSON.parse(I);
+            N.notified > 0 && console.log(`🔥 Notified ${N.notified} HMR client(s) via server`);
           } catch {
           }
         });
       });
-      g.on("error", () => {
-      }), g.on("timeout", () => {
-        g.destroy();
-      }), g.write(p), g.end();
+      S.on("error", () => {
+      }), S.on("timeout", () => {
+        S.destroy();
+      }), S.write(m), S.end();
     }
   };
-  let Pe = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+  let Ee = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
   const ge = (a) => {
     if (u) {
-      y = !0;
+      P = !0;
       return;
     }
     u = !0, console.log(`
-🔨 Building...`), t("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (r, p, m) => {
+🔨 Building...`), e("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (r, m, f) => {
       if (u = !1, r) {
-        const g = await ot(r, p, m, t, {
-          ...Pe,
+        const S = await at(r, m, f, e, {
+          ...Ee,
           onRetry: () => ge(a)
         });
-        Pe = { ...Pe, ...g }, g.handled || (console.error("❌ Build failed:", r.message), m && console.error(m));
+        Ee = { ...Ee, ...S }, S.handled || (console.error("❌ Build failed:", r.message), f && console.error(f));
       } else
-        console.log("✅ Build completed"), p && console.log(p), We(), a && a();
-      y && (y = !1, ge());
+        console.log("✅ Build completed"), m && console.log(m), Ke(), a && a();
+      P && (P = !1, ge());
     });
-  }, Ve = /* @__PURE__ */ new Set(), Te = (a) => {
-    o.default.readdir(a, { withFileTypes: !0 }, (r, p) => {
-      r || (p.forEach((m) => {
-        const g = e.default.join(a, m.name);
-        if (m.isDirectory())
-          m.name !== "node_modules" && m.name !== "dist" && !m.name.startsWith(".") && Te(g);
-        else if (m.isFile()) {
-          const v = e.default.extname(m.name);
-          if (v === ".js" || v === ".css" || v === ".html")
+  }, Qe = /* @__PURE__ */ new Set(), Ie = (a) => {
+    o.default.readdir(a, { withFileTypes: !0 }, (r, m) => {
+      r || (m.forEach((f) => {
+        const S = t.default.join(a, f.name);
+        if (f.isDirectory())
+          f.name !== "node_modules" && f.name !== "dist" && !f.name.startsWith(".") && Ie(S);
+        else if (f.isFile()) {
+          const $ = t.default.extname(f.name);
+          if ($ === ".js" || $ === ".css" || $ === ".html")
             try {
-              const M = o.default.readFileSync(g, "utf-8");
-              F.set(g, M);
+              const I = o.default.readFileSync(S, "utf-8");
+              p.set(S, I);
             } catch {
             }
         }
-      }), Ve.has(a) || (Ve.add(a), o.default.watch(a, (m, g) => {
-        if (!g) return;
-        const v = e.default.extname(g);
-        if (v !== ".js" && v !== ".css" && v !== ".html") return;
-        const M = e.default.join(a, g);
+      }), Qe.has(a) || (Qe.add(a), o.default.watch(a, (f, S) => {
+        if (!S) return;
+        const $ = t.default.extname(S);
+        if ($ !== ".js" && $ !== ".css" && $ !== ".html") return;
+        const I = t.default.join(a, S);
         setTimeout(() => {
           try {
-            const O = o.default.readFileSync(M, "utf-8"), A = F.get(M);
-            O !== A && (F.set(M, O), console.log(`📝 File changed: ${M}`), C ? We() : ge());
+            const N = o.default.readFileSync(I, "utf-8"), U = p.get(I);
+            N !== U && (p.set(I, N), console.log(`📝 File changed: ${I}`), g ? Ke() : ge());
           } catch {
           }
         }, 50);
       })));
     });
-  }, Ge = (a) => {
+  }, Ze = (a) => {
     console.log(`
-🔨 Component: ${f}`), C ? (console.log("📄 No build needed (single HTML file mode)"), Te(k), console.log(`👀 Watching ${T} for changes...`), console.log(`Press Ctrl+C to stop
-`), a && a()) : (ge(a), Te(k), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${x}`), g ? (console.log("📄 No build needed (single HTML file mode)"), Ie(T), console.log(`👀 Watching ${w} for changes...`), console.log(`Press Ctrl+C to stop
+`), a && a()) : (ge(a), Ie(T), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
-  }, pt = () => new Promise((a) => {
+  }, ht = () => new Promise((a) => {
     const r = {
       hostname: "localhost",
-      port: c,
+      port: l,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, p = n.default.request(r, (m) => {
+    }, m = n.default.request(r, (f) => {
       a(!0);
     });
-    p.on("error", () => a(!1)), p.on("timeout", () => {
-      p.destroy(), a(!1);
-    }), p.end();
-  }), mt = () => new Promise((a) => {
-    const r = n.default.createServer((p, m) => {
-      if (m.setHeader("Content-Type", "application/json"), p.method === "POST" && p.url === "/_register") {
-        let g = "";
-        p.on("data", (v) => g += v), p.on("end", () => {
+    m.on("error", () => a(!1)), m.on("timeout", () => {
+      m.destroy(), a(!1);
+    }), m.end();
+  }), yt = () => new Promise((a) => {
+    const r = n.default.createServer((m, f) => {
+      if (f.setHeader("Content-Type", "application/json"), m.method === "POST" && m.url === "/_register") {
+        let S = "";
+        m.on("data", ($) => S += $), m.on("end", () => {
           try {
-            const { componentId: v, distPath: M, componentName: O, htmlFile: A } = JSON.parse(g);
-            R.set(v, { path: M, name: O || null, htmlFile: A || null });
-            const G = O ? ` (${O})` : "";
-            console.log(`✅ Registered: ${v}${G} -> ${M}${A ? "/" + A : ""}`), m.writeHead(200), m.end(JSON.stringify({ success: !0, registered: Array.from(R.keys()) }));
-          } catch (v) {
-            m.writeHead(400), m.end(JSON.stringify({ error: v.message }));
+            const { componentId: $, distPath: I, componentName: N, htmlFile: U } = JSON.parse(S);
+            F.set($, { path: I, name: N || null, htmlFile: U || null });
+            const K = N ? ` (${N})` : "";
+            console.log(`✅ Registered: ${$}${K} -> ${I}${U ? "/" + U : ""}`), f.writeHead(200), f.end(JSON.stringify({ success: !0, registered: Array.from(F.keys()) }));
+          } catch ($) {
+            f.writeHead(400), f.end(JSON.stringify({ error: $.message }));
           }
         });
-      } else if (p.method === "POST" && p.url === "/_unregister") {
-        let g = "";
-        p.on("data", (v) => g += v), p.on("end", () => {
+      } else if (m.method === "POST" && m.url === "/_unregister") {
+        let S = "";
+        m.on("data", ($) => S += $), m.on("end", () => {
           try {
-            const { componentId: v } = JSON.parse(g);
-            R.delete(v), console.log(`❌ Unregistered: ${v}`), m.writeHead(200), m.end(JSON.stringify({ success: !0 }));
-          } catch (v) {
-            m.writeHead(400), m.end(JSON.stringify({ error: v.message }));
+            const { componentId: $ } = JSON.parse(S);
+            F.delete($), console.log(`❌ Unregistered: ${$}`), f.writeHead(200), f.end(JSON.stringify({ success: !0 }));
+          } catch ($) {
+            f.writeHead(400), f.end(JSON.stringify({ error: $.message }));
           }
         });
-      } else p.method === "GET" && p.url === "/_list" ? (m.writeHead(200), m.end(JSON.stringify({ components: Array.from(R.entries()) }))) : (m.writeHead(404), m.end(JSON.stringify({ error: "Not found" })));
+      } else m.method === "GET" && m.url === "/_list" ? (f.writeHead(200), f.end(JSON.stringify({ components: Array.from(F.entries()) }))) : (f.writeHead(404), f.end(JSON.stringify({ error: "Not found" })));
     });
     r.on("error", () => {
       a(!1);
-    }), r.listen(c, () => {
+    }), r.listen(l, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${c}`), ue.on("error", () => {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${l}`), ue.on("error", () => {
         r.close(), a(!1);
-      }), ue.listen(d, () => {
-        console.log(`📡 Main server running at http://localhost:${d}`);
-        const p = C ? e.default.resolve(k) : e.default.resolve(k, $);
-        R.set(f, {
-          path: p,
-          name: E,
-          htmlFile: C ? T : null
+      }), ue.listen(c, () => {
+        console.log(`📡 Main server running at http://localhost:${c}`);
+        const m = g ? t.default.resolve(T) : t.default.resolve(T, C);
+        F.set(x, {
+          path: m,
+          name: O,
+          htmlFile: g ? w : null
         });
-        const m = E ? ` (${E})` : "";
-        console.log(`✅ Registered component: ${f}${m}`), console.log(`📡 Access at: http://localhost:${d}/view/${f}/`), a(!0);
+        const f = O ? ` (${O})` : "";
+        console.log(`✅ Registered component: ${x}${f}`), console.log(`📡 Access at: http://localhost:${c}/view/${x}/`), a(!0);
       });
     });
   });
   let fe;
-  const Ye = () => {
+  const qe = () => {
     fe = setInterval(async () => {
-      await pt() || (clearInterval(fe), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await mt() ? (console.log("✅ Successfully took over as server"), Ie = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+      await ht() || (clearInterval(fe), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await yt() ? (console.log("✅ Successfully took over as server"), ke = !0) : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await Be(), console.log(`✅ Re-registered component: ${f}`), Ye();
-        } catch (p) {
-          console.error("❌ Failed to re-register:", p.message);
+          await Ge(), console.log(`✅ Re-registered component: ${x}`), qe();
+        } catch (m) {
+          console.error("❌ Failed to re-register:", m.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, Ke = async () => {
+  }, Xe = async () => {
     console.log(`
 
-🛑 Shutting down...`), fe && clearInterval(fe), await ct(), process.exit(0);
+🛑 Shutting down...`), fe && clearInterval(fe), await gt(), process.exit(0);
   };
-  process.on("SIGINT", Ke), process.on("SIGTERM", Ke);
-  let Ie = !1;
-  Ce.on("error", async (a) => {
+  process.on("SIGINT", Xe), process.on("SIGTERM", Xe);
+  let ke = !1;
+  Pe.on("error", async (a) => {
     if (a.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        f = await U();
-        const r = await Be();
-        console.log(`✅ Registered component: ${f}`), console.log(`📡 Access at: http://localhost:${d}/view/${f}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), Ge(() => {
-          process.env.MYOP_NO_BROWSER || b(`http://localhost:${d}/view/${f}/`);
-        }), Ye();
+        x = await L();
+        const r = await Ge();
+        console.log(`✅ Registered component: ${x}`), console.log(`📡 Access at: http://localhost:${c}/view/${x}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), Ze(() => {
+          process.env.MYOP_NO_BROWSER || b(`http://localhost:${c}/view/${x}/`);
+        }), qe();
       } catch (r) {
         console.error("❌ Failed to register component:", r.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", a.message), process.exit(1);
-  }), Ce.on("upgrade", lt), Ce.listen(c, async () => {
-    Ie = !0, console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${c}`), ue.on("error", (a) => {
+  }), Pe.on("upgrade", ut), Pe.listen(l, async () => {
+    ke = !0, console.log(`
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${l}`), ue.on("error", (a) => {
       console.error("❌ Main server error:", a.message), process.exit(1);
-    }), ue.listen(d, async () => {
-      console.log(`📡 Main server running at http://localhost:${d}`), (f === "DEV" || f === "NEW") && (f = "DEV1");
-      const a = C ? e.default.resolve(k) : e.default.resolve(k, $);
-      R.set(f, {
+    }), ue.listen(c, async () => {
+      console.log(`📡 Main server running at http://localhost:${c}`), (x === "DEV" || x === "NEW") && (x = "DEV1");
+      const a = g ? t.default.resolve(T) : t.default.resolve(T, C);
+      F.set(x, {
         path: a,
-        name: E,
-        htmlFile: C ? T : null
+        name: O,
+        htmlFile: g ? w : null
       });
-      const r = E ? ` (${E})` : "";
-      console.log(`✅ Registered component: ${f}${r}`), console.log(`📡 Access at: http://localhost:${d}/view/${f}/`), Ge(() => {
-        process.env.MYOP_NO_BROWSER || b(`http://localhost:${d}/view/${f}/`);
+      const r = O ? ` (${O})` : "";
+      console.log(`✅ Registered component: ${x}${r}`), console.log(`📡 Access at: http://localhost:${c}/view/${x}/`), Ze(() => {
+        process.env.MYOP_NO_BROWSER || b(`http://localhost:${c}/view/${x}/`);
       });
     });
   });
 }
-const N = class N {
-  constructor(e) {
-    this.components = e.map(
-      (t) => typeof t == "string" ? { name: t, path: "", id: "" } : t
+const A = class A {
+  constructor(t) {
+    this.components = t.map(
+      (e) => typeof e == "string" ? { name: e, path: "", id: "" } : e
     ), this.logs = /* @__PURE__ */ new Map(), this.scrollPos = /* @__PURE__ */ new Map(), this.statuses = /* @__PURE__ */ new Map(), this.statusKeys = /* @__PURE__ */ new Map(), this.panelPositions = /* @__PURE__ */ new Map(), this.needsFullRedraw = !0, this.pendingUpdates = /* @__PURE__ */ new Set(), this.renderQueued = !1, this.startTime = Date.now(), this.visibleLogLines = 8, this.selectedPanel = 0;
-    for (const t of this.components)
-      this.logs.set(t.name, []), this.scrollPos.set(t.name, 0), this.statuses.set(t.name, "Initializing..."), this.statusKeys.set(t.name, "initializing");
+    for (const e of this.components)
+      this.logs.set(e.name, []), this.scrollPos.set(e.name, 0), this.statuses.set(e.name, "Initializing..."), this.statusKeys.set(e.name, "initializing");
     this.cols = process.stdout.columns || 120, this.rows = process.stdout.rows || 30, process.stdout.on("resize", () => {
       this.cols = process.stdout.columns || 120, this.rows = process.stdout.rows || 30, this.needsFullRedraw = !0, this.calculateLayout(), this.render();
-    }), this.setupKeyboardInput(), process.stdout.write(N.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
+    }), this.setupKeyboardInput(), process.stdout.write(A.ESC.hideCursor), this.calculateLayout(), this.render(), this.uptimeInterval = setInterval(() => this.updateHeader(), 1e3);
   }
   setupKeyboardInput() {
-    process.stdin.isTTY && (process.stdin.setRawMode(!0), process.stdin.resume(), process.stdin.setEncoding("utf8"), process.stdin.on("data", (e) => {
+    process.stdin.isTTY && (process.stdin.setRawMode(!0), process.stdin.resume(), process.stdin.setEncoding("utf8"), process.stdin.on("data", (t) => {
       var n;
-      e === "" && (this.clear(), process.exit());
-      const t = (n = this.components[this.selectedPanel]) == null ? void 0 : n.name;
-      if (t)
-        switch (e) {
+      t === "" && (this.clear(), process.exit());
+      const e = (n = this.components[this.selectedPanel]) == null ? void 0 : n.name;
+      if (e)
+        switch (t) {
           case "\x1B[A":
-            this.scroll(t, -1);
+            this.scroll(e, -1);
             break;
           case "\x1B[B":
-            this.scroll(t, 1);
+            this.scroll(e, 1);
             break;
           case "\x1B[C":
             this.selectedPanel = (this.selectedPanel + 1) % this.components.length, this.needsFullRedraw = !0, this.render();
@@ -1064,57 +1064,57 @@ const N = class N {
             this.selectedPanel = (this.selectedPanel - 1 + this.components.length) % this.components.length, this.needsFullRedraw = !0, this.render();
             break;
           case "\x1B[5~":
-            this.scroll(t, -this.visibleLogLines);
+            this.scroll(e, -this.visibleLogLines);
             break;
           case "\x1B[6~":
-            this.scroll(t, this.visibleLogLines);
+            this.scroll(e, this.visibleLogLines);
             break;
           case "g":
-            this.scrollPos.set(t, 0), this.queueUpdate(t);
+            this.scrollPos.set(e, 0), this.queueUpdate(e);
             break;
           case "G":
-            const i = this.logs.get(t) || [];
-            this.scrollPos.set(t, Math.max(0, i.length - this.visibleLogLines)), this.queueUpdate(t);
+            const s = this.logs.get(e) || [];
+            this.scrollPos.set(e, Math.max(0, s.length - this.visibleLogLines)), this.queueUpdate(e);
             break;
         }
     }));
   }
   calculateLayout() {
-    const e = this.components.length, t = 38;
+    const t = this.components.length, e = 38;
     let n;
-    this.cols >= t * 3 + 4 ? n = Math.min(e, 3) : this.cols >= t * 2 + 2 ? n = Math.min(e, 2) : n = 1;
-    const i = Math.ceil(e / n), s = Math.floor(this.cols / n), l = 2, S = this.rows - l - 2, d = Math.floor(S / i);
-    this.visibleLogLines = Math.max(2, d - 4), this.layout = { panelsPerRow: n, panelWidth: s, numRows: i, panelHeight: d }, this.panelPositions.clear();
-    for (let c = 0; c < e; c++) {
-      const $ = this.components[c], u = Math.floor(c / n), y = c % n;
-      this.panelPositions.set($.name, {
-        row: l + 1 + u * d,
-        col: y * s + 1,
-        width: s,
-        height: d
+    this.cols >= e * 3 + 4 ? n = Math.min(t, 3) : this.cols >= e * 2 + 2 ? n = Math.min(t, 2) : n = 1;
+    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), d = 2, y = this.rows - d - 2, c = Math.floor(y / s);
+    this.visibleLogLines = Math.max(2, c - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: c }, this.panelPositions.clear();
+    for (let l = 0; l < t; l++) {
+      const C = this.components[l], u = Math.floor(l / n), P = l % n;
+      this.panelPositions.set(C.name, {
+        row: d + 1 + u * c,
+        col: P * i + 1,
+        width: i,
+        height: c
       });
     }
   }
-  log(e, t, n = "info") {
-    const i = this.logs.get(e) || [], s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+  log(t, e, n = "info") {
+    const s = this.logs.get(t) || [], i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
       hour12: !1,
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
     });
-    t.includes("✅") || t.includes("completed") ? n = "success" : t.includes("❌") || t.includes("failed") ? n = "error" : t.includes("⚠") ? n = "warning" : t.includes("🔥") || t.includes("HMR") ? n = "hmr" : (t.includes("📝") || t.includes("changed")) && (n = "change"), i.push({ timestamp: s, message: t.replace(/[✅❌⚠🔥📝🔨]/g, "").trim(), type: n }), this.logs.set(e, i), i.length > this.visibleLogLines && this.scrollPos.set(e, i.length - this.visibleLogLines), this.queueUpdate(e);
+    e.includes("✅") || e.includes("completed") ? n = "success" : e.includes("❌") || e.includes("failed") ? n = "error" : e.includes("⚠") ? n = "warning" : e.includes("🔥") || e.includes("HMR") ? n = "hmr" : (e.includes("📝") || e.includes("changed")) && (n = "change"), s.push({ timestamp: i, message: e.replace(/[✅❌⚠🔥📝🔨]/g, "").trim(), type: n }), this.logs.set(t, s), s.length > this.visibleLogLines && this.scrollPos.set(t, s.length - this.visibleLogLines), this.queueUpdate(t);
   }
-  setStatus(e, t) {
+  setStatus(t, e) {
     let n = "ready";
-    const i = t.toLowerCase();
-    i.includes("initializing") || i.includes("⏳") ? n = "initializing" : i.includes("starting") ? n = "starting" : i.includes("building") || i.includes("🔨") ? n = "building" : i.includes("ready") || i.includes("✅") ? n = "ready" : i.includes("changed") || i.includes("📝") ? n = "changed" : i.includes("hmr") ? n = "hmr_update" : i.includes("🔥") ? n = "hmr" : i.includes("error") || i.includes("❌") ? n = "error" : i.includes("warning") || i.includes("⚠") ? n = "warning" : (i.includes("stopped") || i.includes("exited")) && (n = "stopped"), this.statuses.set(e, t), this.statusKeys.set(e, n), this.queueUpdate(e);
+    const s = e.toLowerCase();
+    s.includes("initializing") || s.includes("⏳") ? n = "initializing" : s.includes("starting") ? n = "starting" : s.includes("building") || s.includes("🔨") ? n = "building" : s.includes("ready") || s.includes("✅") ? n = "ready" : s.includes("changed") || s.includes("📝") ? n = "changed" : s.includes("hmr") ? n = "hmr_update" : s.includes("🔥") ? n = "hmr" : s.includes("error") || s.includes("❌") ? n = "error" : s.includes("warning") || s.includes("⚠") ? n = "warning" : (s.includes("stopped") || s.includes("exited")) && (n = "stopped"), this.statuses.set(t, e), this.statusKeys.set(t, n), this.queueUpdate(t);
   }
-  scroll(e, t) {
-    const n = this.logs.get(e) || [], i = this.scrollPos.get(e) || 0, s = Math.max(0, n.length - this.visibleLogLines), l = Math.max(0, Math.min(s, i + t));
-    l !== i && (this.scrollPos.set(e, l), this.queueUpdate(e));
+  scroll(t, e) {
+    const n = this.logs.get(t) || [], s = this.scrollPos.get(t) || 0, i = Math.max(0, n.length - this.visibleLogLines), d = Math.max(0, Math.min(i, s + e));
+    d !== s && (this.scrollPos.set(t, d), this.queueUpdate(t));
   }
-  queueUpdate(e) {
-    this.pendingUpdates.add(e), this.renderQueued || (this.renderQueued = !0, setImmediate(() => {
+  queueUpdate(t) {
+    this.pendingUpdates.add(t), this.renderQueued || (this.renderQueued = !0, setImmediate(() => {
       this.renderQueued = !1, this.flushUpdates();
     }));
   }
@@ -1123,80 +1123,80 @@ const N = class N {
       this.fullRender(), this.needsFullRedraw = !1, this.pendingUpdates.clear();
       return;
     }
-    for (const e of this.pendingUpdates)
-      this.renderPanel(e);
+    for (const t of this.pendingUpdates)
+      this.renderPanel(t);
     this.pendingUpdates.clear();
   }
   getUptime() {
-    const e = Math.floor((Date.now() - this.startTime) / 1e3), t = Math.floor(e / 60), n = e % 60;
-    return `${t}:${n.toString().padStart(2, "0")}`;
+    const t = Math.floor((Date.now() - this.startTime) / 1e3), e = Math.floor(t / 60), n = t % 60;
+    return `${e}:${n.toString().padStart(2, "0")}`;
   }
   updateHeader() {
-    const e = N.C, t = Array.from(this.statusKeys.values()).filter((s) => s === "ready").length, n = this.components.length;
-    let i = `${e.dim}📡${e.reset} http://localhost:9292  ${e.gray}|${e.reset}  `;
-    i += `${e.green}${t}${e.reset}/${n} ready  ${e.gray}|${e.reset}  `, i += `⏱ ${this.getUptime()}  ${e.gray}|${e.reset}  `, i += `Press ${e.yellow}Ctrl+C${e.reset} to stop`, i += N.ESC.clearLine.slice(0, -1), process.stdout.write(N.ESC.moveTo(2, 1) + i);
-  }
-  renderPanel(e) {
-    const t = N.C, n = N.STATUS, i = this.panelPositions.get(e);
-    if (!i) return;
-    const s = this.components.findIndex((U) => U.name === e), l = this.components[s], w = s === this.selectedPanel, S = this.statusKeys.get(e) || "initializing", d = n[S], c = t[d.color], $ = this.logs.get(e) || [], u = this.scrollPos.get(e) || 0, y = i.width - 1, C = w ? t.cyan : t.gray, T = [], j = l.name.substring(0, y - 20);
-    let P = `${C}┌─${t.reset} ${c}${d.icon}${t.reset} `;
-    P += `${t.bold}${j}${t.reset} ${t.gray}─${t.reset} ${c}${d.label}${t.reset} `;
-    const b = 5 + j.length + d.label.length + 3;
-    P += `${C}${"─".repeat(Math.max(0, y - b))}┐${t.reset}`, T.push(N.ESC.moveTo(i.row, i.col) + P);
-    const F = (l.path || "").substring(0, y - 6);
-    let x = `${C}│${t.reset} ${t.dim}${F}${t.reset}`;
-    x += " ".repeat(Math.max(0, y - F.length - 3)), x += `${C}│${t.reset}`, T.push(N.ESC.moveTo(i.row + 1, i.col) + x);
-    const f = $.length, E = f > this.visibleLogLines ? `${u + 1}-${Math.min(u + this.visibleLogLines, f)}/${f}` : "";
-    let L = `${C}├${"─".repeat(y - E.length - 4)}${t.reset}`;
-    E && (L += `${t.dim}${E}${t.reset}`), L += `${C}${"─".repeat(2)}┤${t.reset}`, T.push(N.ESC.moveTo(i.row + 2, i.col) + L);
-    const B = $.slice(u, u + this.visibleLogLines);
-    for (let U = 0; U < this.visibleLogLines; U++) {
-      const k = B[U];
-      let z = `${C}│${t.reset}`;
-      if (k) {
-        let R = t.white;
-        k.type === "success" ? R = t.green : k.type === "error" ? R = t.red : k.type === "warning" ? R = t.yellow : k.type === "hmr" ? R = t.magenta : k.type === "change" && (R = t.blue);
-        const Z = k.message.substring(0, y - 12);
-        z += `${t.dim}${k.timestamp}${t.reset} ${R}${Z}${t.reset}`;
-        const se = y - k.timestamp.length - Z.length - 2;
-        z += " ".repeat(Math.max(0, se));
+    const t = A.C, e = Array.from(this.statusKeys.values()).filter((i) => i === "ready").length, n = this.components.length;
+    let s = `${t.dim}📡${t.reset} http://localhost:9292  ${t.gray}|${t.reset}  `;
+    s += `${t.green}${e}${t.reset}/${n} ready  ${t.gray}|${t.reset}  `, s += `⏱ ${this.getUptime()}  ${t.gray}|${t.reset}  `, s += `Press ${t.yellow}Ctrl+C${t.reset} to stop`, s += A.ESC.clearLine.slice(0, -1), process.stdout.write(A.ESC.moveTo(2, 1) + s);
+  }
+  renderPanel(t) {
+    const e = A.C, n = A.STATUS, s = this.panelPositions.get(t);
+    if (!s) return;
+    const i = this.components.findIndex((L) => L.name === t), d = this.components[i], h = i === this.selectedPanel, y = this.statusKeys.get(t) || "initializing", c = n[y], l = e[c.color], C = this.logs.get(t) || [], u = this.scrollPos.get(t) || 0, P = s.width - 1, g = h ? e.cyan : e.gray, w = [], j = d.name.substring(0, P - 20);
+    let k = `${g}┌─${e.reset} ${l}${c.icon}${e.reset} `;
+    k += `${e.bold}${j}${e.reset} ${e.gray}─${e.reset} ${l}${c.label}${e.reset} `;
+    const b = 5 + j.length + c.label.length + 3;
+    k += `${g}${"─".repeat(Math.max(0, P - b))}┐${e.reset}`, w.push(A.ESC.moveTo(s.row, s.col) + k);
+    const p = (d.path || "").substring(0, P - 6);
+    let E = `${g}│${e.reset} ${e.dim}${p}${e.reset}`;
+    E += " ".repeat(Math.max(0, P - p.length - 3)), E += `${g}│${e.reset}`, w.push(A.ESC.moveTo(s.row + 1, s.col) + E);
+    const x = C.length, O = x > this.visibleLogLines ? `${u + 1}-${Math.min(u + this.visibleLogLines, x)}/${x}` : "";
+    let R = `${g}├${"─".repeat(P - O.length - 4)}${e.reset}`;
+    O && (R += `${e.dim}${O}${e.reset}`), R += `${g}${"─".repeat(2)}┤${e.reset}`, w.push(A.ESC.moveTo(s.row + 2, s.col) + R);
+    const D = C.slice(u, u + this.visibleLogLines);
+    for (let L = 0; L < this.visibleLogLines; L++) {
+      const T = D[L];
+      let J = `${g}│${e.reset}`;
+      if (T) {
+        let F = e.white;
+        T.type === "success" ? F = e.green : T.type === "error" ? F = e.red : T.type === "warning" ? F = e.yellow : T.type === "hmr" ? F = e.magenta : T.type === "change" && (F = e.blue);
+        const V = T.message.substring(0, P - 12);
+        J += `${e.dim}${T.timestamp}${e.reset} ${F}${V}${e.reset}`;
+        const te = P - T.timestamp.length - V.length - 2;
+        J += " ".repeat(Math.max(0, te));
       } else
-        z += " ".repeat(y - 2);
-      z += `${C}│${t.reset}`, T.push(N.ESC.moveTo(i.row + 3 + U, i.col) + z);
+        J += " ".repeat(P - 2);
+      J += `${g}│${e.reset}`, w.push(A.ESC.moveTo(s.row + 3 + L, s.col) + J);
     }
-    T.push(N.ESC.moveTo(i.row + 3 + this.visibleLogLines, i.col) + `${C}└${"─".repeat(y - 2)}┘${t.reset}`), process.stdout.write(T.join(""));
+    w.push(A.ESC.moveTo(s.row + 3 + this.visibleLogLines, s.col) + `${g}└${"─".repeat(P - 2)}┘${e.reset}`), process.stdout.write(w.join(""));
   }
   fullRender() {
-    const e = N.C;
-    process.stdout.write(N.ESC.clearScreen + N.ESC.moveTo(1, 1));
-    const t = " MYOP MONOREPO DEV ", n = Math.floor((this.cols - t.length) / 2);
-    process.stdout.write(`${e.cyan}${"━".repeat(n)}${e.bold}${e.bgCyan}${e.black}${t}${e.reset}${e.cyan}${"━".repeat(this.cols - n - t.length)}${e.reset}`), this.updateHeader();
-    for (const i of this.components)
-      this.renderPanel(i.name);
+    const t = A.C;
+    process.stdout.write(A.ESC.clearScreen + A.ESC.moveTo(1, 1));
+    const e = " MYOP MONOREPO DEV ", n = Math.floor((this.cols - e.length) / 2);
+    process.stdout.write(`${t.cyan}${"━".repeat(n)}${t.bold}${t.bgCyan}${t.black}${e}${t.reset}${t.cyan}${"━".repeat(this.cols - n - e.length)}${t.reset}`), this.updateHeader();
+    for (const s of this.components)
+      this.renderPanel(s.name);
     this.renderFooter();
   }
   renderFooter() {
-    const e = N.C, t = this.rows - 1;
-    let n = `${e.gray}`;
-    n += `${e.green}●${e.gray} Ready  `, n += `${e.yellow}⟳${e.gray} Building  `, n += `${e.magenta}⚡${e.gray} HMR  `, n += `${e.red}✖${e.gray} Error  `, n += `${e.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${e.reset}`, process.stdout.write(N.ESC.moveTo(t, 1) + n);
+    const t = A.C, e = this.rows - 1;
+    let n = `${t.gray}`;
+    n += `${t.green}●${t.gray} Ready  `, n += `${t.yellow}⟳${t.gray} Building  `, n += `${t.magenta}⚡${t.gray} HMR  `, n += `${t.red}✖${t.gray} Error  `, n += `${t.dim}| ←→: select panel  ↑↓: scroll  PgUp/PgDn: page  g/G: top/bottom${t.reset}`, process.stdout.write(A.ESC.moveTo(e, 1) + n);
   }
   render() {
     this.needsFullRedraw = !0, this.queueUpdate("__full__");
   }
   clear() {
-    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(N.ESC.clearScreen + N.ESC.moveTo(1, 1) + N.ESC.showCursor);
+    this.uptimeInterval && clearInterval(this.uptimeInterval), process.stdin.isTTY && process.stdin.setRawMode(!1), process.stdout.write(A.ESC.clearScreen + A.ESC.moveTo(1, 1) + A.ESC.showCursor);
   }
 };
 // ANSI escape codes
-ye(N, "ESC", {
-  moveTo: (e, t) => `\x1B[${e};${t}H`,
+ye(A, "ESC", {
+  moveTo: (t, e) => `\x1B[${t};${e}H`,
   hideCursor: "\x1B[?25l",
   showCursor: "\x1B[?25h",
   clearScreen: "\x1B[2J",
   clearLine: "\x1B[2K"
 }), // Colors
-ye(N, "C", {
+ye(A, "C", {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
   dim: "\x1B[2m",
@@ -1211,7 +1211,7 @@ ye(N, "C", {
   bgCyan: "\x1B[46m",
   black: "\x1B[30m"
 }), // Status configs
-ye(N, "STATUS", {
+ye(A, "STATUS", {
   initializing: { icon: "◔", color: "yellow", label: "Initializing" },
   starting: { icon: "◑", color: "yellow", label: "Starting" },
   building: { icon: "⟳", color: "yellow", label: "Building" },
@@ -1224,137 +1224,137 @@ ye(N, "STATUS", {
   warning: { icon: "⚠", color: "yellow", label: "Warning" },
   stopped: { icon: "■", color: "gray", label: "Stopped" }
 });
-let Ne = N;
-async function jt(o) {
-  const { spawn: e, exec: t } = await import("child_process"), n = await import("path"), i = o.map((c) => ({
-    name: c.name,
-    path: c.path,
-    id: c.componentId || ""
-  })), s = new Ne(i), l = [], w = (c) => {
-    const $ = process.platform;
+let Ne = A;
+async function Dt(o) {
+  const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((l) => ({
+    name: l.name,
+    path: l.path,
+    id: l.componentId || ""
+  })), i = new Ne(s), d = [], h = (l) => {
+    const C = process.platform;
     let u;
-    $ === "darwin" ? u = `open "${c}"` : $ === "win32" ? u = `start "" "${c}"` : u = `xdg-open "${c}"`, t(u, () => {
+    C === "darwin" ? u = `open "${l}"` : C === "win32" ? u = `start "" "${l}"` : u = `xdg-open "${l}"`, e(u, () => {
     });
-  }, S = () => {
-    s.clear(), console.log(`
-🛑 Shutting down all components...`), l.forEach((c) => {
+  }, y = () => {
+    i.clear(), console.log(`
+🛑 Shutting down all components...`), d.forEach((l) => {
       try {
-        c.kill("SIGTERM");
+        l.kill("SIGTERM");
       } catch {
       }
     }), setTimeout(() => process.exit(0), 500);
   };
-  process.on("SIGINT", S), process.on("SIGTERM", S);
-  const d = process.argv[1];
-  for (let c = 0; c < o.length; c++) {
-    const $ = o[c], u = $.name;
-    s.setStatus(u, "⏳ Starting..."), s.log(u, `Starting in ${$.path}`);
-    const y = e("node", [d, "dev"], {
-      cwd: n.default.resolve($.path),
+  process.on("SIGINT", y), process.on("SIGTERM", y);
+  const c = process.argv[1];
+  for (let l = 0; l < o.length; l++) {
+    const C = o[l], u = C.name;
+    i.setStatus(u, "⏳ Starting..."), i.log(u, `Starting in ${C.path}`);
+    const P = t("node", [c, "dev"], {
+      cwd: n.default.resolve(C.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
     });
-    l.push(y);
-    let C = "";
-    y.stdout.on("data", (T) => {
-      C += T.toString();
-      const j = C.split(`
+    d.push(P);
+    let g = "";
+    P.stdout.on("data", (w) => {
+      g += w.toString();
+      const j = g.split(`
 `);
-      C = j.pop() || "";
-      for (const P of j) {
-        const b = P.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        b && (b.includes("Registered component") || b.includes("Registered:") ? s.setStatus(u, "✅ Ready") : b.includes("Building...") || b.includes("Running initial build") ? s.setStatus(u, "🔨 Building...") : b.includes("Build completed") || b.includes("Build succeeded") ? s.setStatus(u, "✅ Ready") : b.includes("Build failed") ? s.setStatus(u, "❌ Build Error") : b.includes("File changed") ? (s.setStatus(u, "📝 Changed"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1500)) : b.includes("Notifying") && b.includes("HMR") ? (s.setStatus(u, "🔥 HMR Update"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)) : b.includes("HMR client connected") && (s.setStatus(u, "🔥 HMR Connected"), setTimeout(() => s.setStatus(u, "✅ Ready"), 1e3)), !b.includes("Watching") && !b.includes("Press Ctrl+C") && !b.includes("Starting shared") && !b.includes("Management server") && !b.includes("Main server") && !b.includes("Access at:") && !b.includes("No build needed") && s.log(u, b));
+      g = j.pop() || "";
+      for (const k of j) {
+        const b = k.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        b && (b.includes("Registered component") || b.includes("Registered:") ? i.setStatus(u, "✅ Ready") : b.includes("Building...") || b.includes("Running initial build") ? i.setStatus(u, "🔨 Building...") : b.includes("Build completed") || b.includes("Build succeeded") ? i.setStatus(u, "✅ Ready") : b.includes("Build failed") ? i.setStatus(u, "❌ Build Error") : b.includes("File changed") ? (i.setStatus(u, "📝 Changed"), setTimeout(() => i.setStatus(u, "✅ Ready"), 1500)) : b.includes("Notifying") && b.includes("HMR") ? (i.setStatus(u, "🔥 HMR Update"), setTimeout(() => i.setStatus(u, "✅ Ready"), 1e3)) : b.includes("HMR client connected") && (i.setStatus(u, "🔥 HMR Connected"), setTimeout(() => i.setStatus(u, "✅ Ready"), 1e3)), !b.includes("Watching") && !b.includes("Press Ctrl+C") && !b.includes("Starting shared") && !b.includes("Management server") && !b.includes("Main server") && !b.includes("Access at:") && !b.includes("No build needed") && i.log(u, b));
       }
-    }), y.stderr.on("data", (T) => {
-      const j = T.toString().split(`
+    }), P.stderr.on("data", (w) => {
+      const j = w.toString().split(`
 `);
-      for (const P of j) {
-        const b = P.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
-        b && (s.log(u, `⚠️ ${b}`), s.setStatus(u, "⚠️ Warning"));
+      for (const k of j) {
+        const b = k.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "").trim();
+        b && (i.log(u, `⚠️ ${b}`), i.setStatus(u, "⚠️ Warning"));
       }
-    }), y.on("exit", (T) => {
-      T !== 0 && T !== null && (s.setStatus(u, `❌ Exited (${T})`), s.log(u, `Process exited with code ${T}`));
-    }), c < o.length - 1 && await new Promise((T) => setTimeout(T, 500));
+    }), P.on("exit", (w) => {
+      w !== 0 && w !== null && (i.setStatus(u, `❌ Exited (${w})`), i.log(u, `Process exited with code ${w}`));
+    }), l < o.length - 1 && await new Promise((w) => setTimeout(w, 500));
   }
-  s.render(), setTimeout(() => {
-    w("http://localhost:9292");
+  i.render(), setTimeout(() => {
+    h("http://localhost:9292");
   }, 2e3);
 }
-const _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  devCommand: be,
-  monorepoDevCommand: jt
-}, Symbol.toStringTag, { value: "Module" })), je = D.join(vt.homedir(), ".myop"), pe = D.join(je, "credentials.json");
-function Lt() {
-  I.existsSync(je) || I.mkdirSync(je, { recursive: !0, mode: 448 });
+  devCommand: xe,
+  monorepoDevCommand: Dt
+}, Symbol.toStringTag, { value: "Module" })), Ae = _.join(nt.homedir(), ".myop"), pe = _.join(Ae, "credentials.json");
+function Ut() {
+  M.existsSync(Ae) || M.mkdirSync(Ae, { recursive: !0, mode: 448 });
 }
-function Ae() {
+function Be() {
   try {
-    if (!I.existsSync(pe))
+    if (!M.existsSync(pe))
       return null;
-    const o = I.readFileSync(pe, "utf8");
+    const o = M.readFileSync(pe, "utf8");
     return JSON.parse(o);
   } catch (o) {
     return console.info("Failed to read credentials:", o.message), null;
   }
 }
-function nt(o) {
-  Lt();
-  const e = {
+function lt(o) {
+  Ut();
+  const t = {
     ...o,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  I.writeFileSync(pe, JSON.stringify(e, null, 2), {
+  M.writeFileSync(pe, JSON.stringify(t, null, 2), {
     mode: 384
     // Read/write for owner only
   });
 }
-function st() {
+function ct() {
   try {
-    return I.existsSync(pe) && I.unlinkSync(pe), !0;
+    return M.existsSync(pe) && M.unlinkSync(pe), !0;
   } catch (o) {
     return console.error("Failed to clear credentials:", o.message), !1;
   }
 }
-function Dt(o) {
+function Bt(o) {
   if (!o || !o.expiresAt)
     return !0;
-  const e = 5 * 60 * 1e3, t = new Date(o.expiresAt).getTime();
-  return Date.now() > t - e;
+  const t = 5 * 60 * 1e3, e = new Date(o.expiresAt).getTime();
+  return Date.now() > e - t;
 }
-function xe() {
-  const o = Ae();
+function $e() {
+  const o = Be();
   return o ? {
     email: o.userEmail,
     userId: o.userId
   } : null;
 }
-const ae = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", Se = 19284, He = `http://localhost:${Se}/callback`, At = "myop-cli";
-function Ht() {
-  return Le.randomBytes(32).toString("base64url");
+const ae = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", Se = 19284, Je = `http://localhost:${Se}/callback`, Jt = "myop-cli";
+function zt() {
+  return He.randomBytes(32).toString("base64url");
 }
-function Ut(o) {
-  return Le.createHash("sha256").update(o).digest("base64url");
+function Wt(o) {
+  return He.createHash("sha256").update(o).digest("base64url");
 }
-async function Jt() {
+async function Vt() {
   const o = await fetch(`${ae}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: At,
-      redirect_uris: [He],
+      client_name: Jt,
+      redirect_uris: [Je],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
     })
   });
   if (!o.ok) {
-    const e = await o.text();
-    throw new Error(`Failed to register client: ${e}`);
+    const t = await o.text();
+    throw new Error(`Failed to register client: ${t}`);
   }
   return o.json();
 }
-function we(o, e, t, n = null) {
-  const i = {
+function we(o, t, e, n = null) {
+  const s = {
     success: `<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#4ade80" stroke-width="2">
             <circle cx="12" cy="12" r="10"/>
             <path d="M8 12l2.5 2.5L16 9"/>
@@ -1367,17 +1367,17 @@ function we(o, e, t, n = null) {
             <path d="M12 2L2 22h20L12 2z"/>
             <path d="M12 9v4M12 17h.01"/>
         </svg>`
-  }, s = {
+  }, i = {
     success: { accent: "#4ade80", glow: "rgba(74, 222, 128, 0.1)" },
     error: { accent: "#f87171", glow: "rgba(248, 113, 113, 0.1)" },
     warning: { accent: "#fbbf24", glow: "rgba(251, 191, 36, 0.1)" }
-  }, { accent: l, glow: w } = s[o] || s.error;
+  }, { accent: d, glow: h } = i[o] || i.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>myop-cli | ${e}</title>
+    <title>myop-cli | ${t}</title>
     <style>
         * {
             margin: 0;
@@ -1432,7 +1432,7 @@ function we(o, e, t, n = null) {
         h1 {
             font-size: 20px;
             font-weight: 500;
-            color: ${l};
+            color: ${d};
             margin-bottom: 12px;
             letter-spacing: -0.5px;
         }
@@ -1464,8 +1464,8 @@ function we(o, e, t, n = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${w};
-            border: 1px solid ${l}33;
+            background: ${h};
+            border: 1px solid ${d}33;
             border-radius: 4px;
             padding: 10px 16px;
             font-size: 12px;
@@ -1502,10 +1502,10 @@ function we(o, e, t, n = null) {
 <body>
     <div class="container">
         <div class="icon">
-            ${i[o] || i.error}
+            ${s[o] || s.error}
         </div>
-        <h1>${e}</h1>
-        <p class="message">${t}</p>
+        <h1>${t}</h1>
+        <p class="message">${e}</p>
         ${n ? `<div class="details"><code>Error:</code> ${n}</div>` : ""}
         <div class="hint">
             <span>Press</span>
@@ -1519,91 +1519,91 @@ function we(o, e, t, n = null) {
 </body>
 </html>`;
 }
-function Bt(o) {
-  return new Promise((e, t) => {
-    const n = wt.createServer((i, s) => {
-      const l = new Ze(i.url, `http://localhost:${Se}`);
-      if (l.pathname === "/callback") {
-        const w = l.searchParams.get("code"), S = l.searchParams.get("state"), d = l.searchParams.get("error");
-        if (d) {
-          s.writeHead(200, { "Content-Type": "text/html" }), s.end(we(
+function Gt(o) {
+  return new Promise((t, e) => {
+    const n = bt.createServer((s, i) => {
+      const d = new tt(s.url, `http://localhost:${Se}`);
+      if (d.pathname === "/callback") {
+        const h = d.searchParams.get("code"), y = d.searchParams.get("state"), c = d.searchParams.get("error");
+        if (c) {
+          i.writeHead(200, { "Content-Type": "text/html" }), i.end(we(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            d
-          )), n.close(), t(new Error(`OAuth error: ${d}`));
+            c
+          )), n.close(), e(new Error(`OAuth error: ${c}`));
           return;
         }
-        if (S !== o) {
-          s.writeHead(400, { "Content-Type": "text/html" }), s.end(we(
+        if (y !== o) {
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(we(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
             "state_mismatch"
-          )), n.close(), t(new Error("State mismatch"));
+          )), n.close(), e(new Error("State mismatch"));
           return;
         }
-        if (!w) {
-          s.writeHead(400, { "Content-Type": "text/html" }), s.end(we(
+        if (!h) {
+          i.writeHead(400, { "Content-Type": "text/html" }), i.end(we(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
             "missing_code"
-          )), n.close(), t(new Error("No authorization code"));
+          )), n.close(), e(new Error("No authorization code"));
           return;
         }
-        s.writeHead(200, { "Content-Type": "text/html" }), s.end(we(
+        i.writeHead(200, { "Content-Type": "text/html" }), i.end(we(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), n.close(), e(w);
+        )), n.close(), t(h);
       } else
-        s.writeHead(404), s.end("Not found");
+        i.writeHead(404), i.end("Not found");
     });
     n.listen(Se, () => {
       console.info(`OAuth callback server listening on port ${Se}`);
     }), setTimeout(() => {
-      n.close(), t(new Error("Authentication timed out"));
+      n.close(), e(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function zt(o, e, t) {
+async function Yt(o, t, e) {
   const n = await fetch(`${ae}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new Xe({
+    body: new ot({
       grant_type: "authorization_code",
       code: o,
-      client_id: e,
-      redirect_uri: He,
-      code_verifier: t
+      client_id: t,
+      redirect_uri: Je,
+      code_verifier: e
     })
   });
   if (!n.ok) {
-    const i = await n.json();
-    throw new Error(i.error_description || i.error || "Token exchange failed");
+    const s = await n.json();
+    throw new Error(s.error_description || s.error || "Token exchange failed");
   }
   return n.json();
 }
-async function Wt(o, e) {
-  const t = await fetch(`${ae}/oauth/token`, {
+async function Kt(o, t) {
+  const e = await fetch(`${ae}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new Xe({
+    body: new ot({
       grant_type: "refresh_token",
       refresh_token: o,
-      client_id: e
+      client_id: t
     })
   });
-  if (!t.ok) {
-    const n = await t.json();
+  if (!e.ok) {
+    const n = await e.json();
     throw new Error(n.error_description || n.error || "Token refresh failed");
   }
-  return t.json();
+  return e.json();
 }
-async function Vt(o) {
-  var i, s, l;
-  const e = await fetch(`${ae}/mcp`, {
+async function Qt(o) {
+  var s, i, d;
+  const t = await fetch(`${ae}/mcp`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -1619,184 +1619,184 @@ async function Vt(o) {
       }
     })
   });
-  if (!e.ok)
+  if (!t.ok)
     throw new Error("Failed to get user info");
-  const t = await e.json();
-  if (t.error)
-    throw new Error(t.error.message);
-  const n = (l = (s = (i = t.result) == null ? void 0 : i.content) == null ? void 0 : s[0]) == null ? void 0 : l.text;
+  const e = await t.json();
+  if (e.error)
+    throw new Error(e.error.message);
+  const n = (d = (i = (s = e.result) == null ? void 0 : s.content) == null ? void 0 : i[0]) == null ? void 0 : d.text;
   if (n)
     return JSON.parse(n);
   throw new Error("Invalid response from whoami");
 }
 async function de() {
-  const o = V("Starting authentication...").start();
+  const o = Y("Starting authentication...").start();
   try {
     o.text = "Registering OAuth client...";
-    const t = (await Jt()).client_id, n = Ht(), i = Ut(n), s = Le.randomBytes(16).toString("hex");
+    const e = (await Vt()).client_id, n = zt(), s = Wt(n), i = He.randomBytes(16).toString("hex");
     o.text = "Waiting for authorization...";
-    const l = Bt(s), w = new Ze(`${ae}/oauth/authorize`);
-    w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", t), w.searchParams.set("redirect_uri", He), w.searchParams.set("code_challenge", i), w.searchParams.set("code_challenge_method", "S256"), w.searchParams.set("state", s), o.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${w.toString()}
-`), await St(w.toString());
-    const S = await l;
+    const d = Gt(i), h = new tt(`${ae}/oauth/authorize`);
+    h.searchParams.set("response_type", "code"), h.searchParams.set("client_id", e), h.searchParams.set("redirect_uri", Je), h.searchParams.set("code_challenge", s), h.searchParams.set("code_challenge_method", "S256"), h.searchParams.set("state", i), o.stop(), console.log(`
+🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${h.toString()}
+`), await Ct(h.toString());
+    const y = await d;
     o.start("Exchanging authorization code...");
-    const d = await zt(S, t, n);
+    const c = await Yt(y, e, n);
     o.text = "Getting user info...";
-    const c = await Vt(d.access_token), $ = {
-      accessToken: d.access_token,
-      refreshToken: d.refresh_token,
-      expiresAt: new Date(Date.now() + d.expires_in * 1e3).toISOString(),
-      clientId: t,
-      userId: c.userId,
-      userEmail: c.email
+    const l = await Qt(c.access_token), C = {
+      accessToken: c.access_token,
+      refreshToken: c.refresh_token,
+      expiresAt: new Date(Date.now() + c.expires_in * 1e3).toISOString(),
+      clientId: e,
+      userId: l.userId,
+      userEmail: l.email
     };
-    return nt($), o.succeed(`Authenticated as ${c.email}`), $;
-  } catch (e) {
-    throw o.fail(`Authentication failed: ${e.message}`), e;
+    return lt(C), o.succeed(`Authenticated as ${l.email}`), C;
+  } catch (t) {
+    throw o.fail(`Authentication failed: ${t.message}`), t;
   }
 }
-async function it() {
-  const o = Ae();
+async function dt() {
+  const o = Be();
   if (!o) {
     console.log("Not currently logged in.");
     return;
   }
-  st(), console.log(`✅ Logged out (was: ${o.userEmail})`);
+  ct(), console.log(`✅ Logged out (was: ${o.userEmail})`);
 }
-async function Ue() {
-  let o = Ae();
+async function ze() {
+  let o = Be();
   if (!o)
     return console.log(`Not logged in. Starting authentication...
 `), await de();
-  if (!Dt(o))
+  if (!Bt(o))
     return o;
   if (o.refreshToken) {
-    const e = V("Refreshing access token...").start();
+    const t = Y("Refreshing access token...").start();
     try {
-      const t = await Wt(
+      const e = await Kt(
         o.refreshToken,
         o.clientId
       );
       return o = {
         ...o,
-        accessToken: t.access_token,
-        refreshToken: t.refresh_token,
-        expiresAt: new Date(Date.now() + t.expires_in * 1e3).toISOString()
-      }, nt(o), e.succeed("Token refreshed"), o;
+        accessToken: e.access_token,
+        refreshToken: e.refresh_token,
+        expiresAt: new Date(Date.now() + e.expires_in * 1e3).toISOString()
+      }, lt(o), t.succeed("Token refreshed"), o;
     } catch {
-      return e.warn("Token refresh failed, please log in again"), st(), await de();
+      return t.warn("Token refresh failed, please log in again"), ct(), await de();
     }
   }
   return console.log(`Session expired. Please log in again.
 `), await de();
 }
-function Je() {
+function be() {
   return ae;
 }
-const X = "@myop/cli", Fe = process.platform === "win32";
-function Gt() {
+const ee = "@myop/cli", je = process.platform === "win32";
+function Zt() {
   try {
-    return q("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
+    return X("npm config get registry", { encoding: "utf-8" }).trim() || "https://registry.npmjs.org/";
   } catch {
     return "https://registry.npmjs.org/";
   }
 }
-function Yt() {
+function qt() {
   try {
-    return q("npm config get prefix", { encoding: "utf-8" }).trim();
+    return X("npm config get prefix", { encoding: "utf-8" }).trim();
   } catch {
     return null;
   }
 }
-async function Kt() {
+async function Xt() {
   try {
-    const o = Gt().replace(/\/$/, ""), e = await fetch(`${o}/${X}/latest`);
-    return e.ok ? (await e.json()).version : null;
+    const o = Zt().replace(/\/$/, ""), t = await fetch(`${o}/${ee}/latest`);
+    return t.ok ? (await t.json()).version : null;
   } catch {
     return null;
   }
 }
-function Qt(o, e) {
-  const t = o.split(".").map(Number), n = e.split(".").map(Number);
-  for (let i = 0; i < Math.max(t.length, n.length); i++) {
-    const s = t[i] || 0, l = n[i] || 0;
-    if (s > l) return 1;
-    if (s < l) return -1;
+function eo(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, d = n[s] || 0;
+    if (i > d) return 1;
+    if (i < d) return -1;
   }
   return 0;
 }
-async function Zt(o) {
-  const e = V({
+async function to(o) {
+  const t = Y({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), t = await Kt();
-  if (e.stop(), !t || Qt(t, o) <= 0)
+  }).start(), e = await Xt();
+  if (t.stop(), !e || eo(e, o) <= 0)
     return !1;
   console.log(`
-📦 New version available: ${o} → ${t}
+📦 New version available: ${o} → ${e}
 `);
   let n;
   try {
-    n = await Qe({
+    n = await et({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
         { name: "No, continue with current version", value: !1 }
       ]
     });
-  } catch (i) {
-    throw i.name === "ExitPromptError" && (console.log(`
+  } catch (s) {
+    throw s.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), i;
+`), process.exit(0)), s;
   }
   if (n) {
-    const i = V({
-      text: `Updating ${X} to v${t}...`,
+    const s = Y({
+      text: `Updating ${ee} to v${e}...`,
       color: "green"
-    }).start(), s = `npm install -g ${X}@latest`, l = Yt();
+    }).start(), i = `npm install -g ${ee}@latest`, d = qt();
     try {
-      q(s, { stdio: "pipe" }), i.succeed(`Updated to v${t}`);
+      X(i, { stdio: "pipe" }), s.succeed(`Updated to v${e}`);
     } catch {
-      i.stop(), console.log(`
+      s.stop(), console.log(`
 🔐 Elevated permissions required.
 `);
       try {
-        if (Fe) {
-          const c = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${l ? `install -g ${X}@latest --prefix \\"${l}\\"` : `install -g ${X}@latest`}' -Verb RunAs -Wait`;
-          q(`powershell -Command "${c}"`, { stdio: "inherit" });
+        if (je) {
+          const l = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${d ? `install -g ${ee}@latest --prefix \\"${d}\\"` : `install -g ${ee}@latest`}' -Verb RunAs -Wait`;
+          X(`powershell -Command "${l}"`, { stdio: "inherit" });
         } else {
-          const d = l ? `sudo npm install -g ${X}@latest --prefix "${l}"` : `sudo ${s}`;
-          q(d, { stdio: "inherit" });
+          const c = d ? `sudo npm install -g ${ee}@latest --prefix "${d}"` : `sudo ${i}`;
+          X(c, { stdio: "inherit" });
         }
         console.log(`
-✅ Updated to v${t}`);
+✅ Updated to v${e}`);
       } catch {
         console.log(`
 ❌ Update failed`);
-        const c = Fe ? `npm install -g ${X}@latest (run as Administrator)` : `sudo npm install -g ${X}@latest`;
+        const l = je ? `npm install -g ${ee}@latest (run as Administrator)` : `sudo npm install -g ${ee}@latest`;
         console.log(`
-Please run manually: ${c}
+Please run manually: ${l}
 `), process.exit(1);
       }
     }
-    let w = null;
+    let h = null;
     try {
-      let S;
-      l ? S = Fe ? Oe(l, "node_modules") : Oe(l, "lib", "node_modules") : S = q("npm root -g", { encoding: "utf-8" }).trim();
-      const d = Oe(S, X, "package.json"), c = yt(d, "utf-8");
-      w = JSON.parse(c).version;
+      let y;
+      d ? y = je ? Te(d, "node_modules") : Te(d, "lib", "node_modules") : y = X("npm root -g", { encoding: "utf-8" }).trim();
+      const c = Te(y, ee, "package.json"), l = $t(c, "utf-8");
+      h = JSON.parse(l).version;
     } catch {
     }
-    if (w === t)
+    if (h === e)
       return console.log(`
 🔄 Restarting...
-`), ht(process.argv[0], process.argv.slice(1), {
+`), xt(process.argv[0], process.argv.slice(1), {
         stdio: "inherit",
         shell: !0
-      }).on("close", (d) => {
-        process.exit(d || 0);
+      }).on("close", (c) => {
+        process.exit(c || 0);
       }), !0;
     console.log(`
 Please run myop again to use the new version.
@@ -1804,69 +1804,112 @@ Please run myop again to use the new version.
   }
   return !1;
 }
-const Xt = (o) => new Promise((e) => setTimeout(e, o)), qt = () => {
+const Le = _.join(nt.homedir(), ".myop"), De = _.join(Le, "preferences.json");
+function oo() {
+  M.existsSync(Le) || M.mkdirSync(Le, { recursive: !0, mode: 448 });
+}
+function pt() {
+  try {
+    if (!M.existsSync(De))
+      return {};
+    const o = M.readFileSync(De, "utf8");
+    return JSON.parse(o);
+  } catch {
+    return {};
+  }
+}
+function no(o) {
+  oo();
+  const e = { ...pt(), ...o };
+  M.writeFileSync(De, JSON.stringify(e, null, 2), {
+    mode: 384
+  });
+}
+function so() {
+  return pt().defaultOrganization || null;
+}
+function Fe({ id: o, name: t }) {
+  no({ defaultOrganization: { id: o, name: t } });
+}
+async function io(o, t, e, n = {}) {
+  var h, y, c;
+  const s = await fetch(`${o}/mcp`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${t}`
+    },
+    body: JSON.stringify({
+      jsonrpc: "2.0",
+      id: 1,
+      method: "tools/call",
+      params: {
+        name: e,
+        arguments: n
+      }
+    })
+  });
+  if (!s.ok)
+    throw new Error(`Server returned ${s.status}`);
+  const i = await s.json();
+  if (i.error)
+    throw new Error(i.error.message || "MCP error");
+  const d = (c = (y = (h = i.result) == null ? void 0 : h.content) == null ? void 0 : y[0]) == null ? void 0 : c.text;
+  if (!d)
+    throw new Error(`No content returned from ${e}`);
+  return JSON.parse(d);
+}
+const ro = (o) => new Promise((t) => setTimeout(t, o)), ao = () => {
   let o = new URL(import.meta.url).pathname;
   process.platform === "win32" && o.startsWith("/") && (o = o.slice(1));
-  const e = D.dirname(o);
-  return D.join(e, "skills");
-}, _e = (o, e) => {
-  I.mkdirSync(e, { recursive: !0 });
-  const t = I.readdirSync(o, { withFileTypes: !0 });
-  for (const n of t) {
-    const i = D.join(o, n.name), s = D.join(e, n.name);
-    n.isDirectory() ? _e(i, s) : I.copyFileSync(i, s);
-  }
-}, rt = (o) => {
-  const e = qt();
-  if (!I.existsSync(e))
-    return console.info("Skills source directory not found, skipping skills installation"), !1;
+  const t = _.dirname(o);
+  return _.join(t, "skills");
+}, lo = (o) => {
   try {
-    const t = D.join(o, ".agents", "skills");
-    _e(e, t);
-    const n = [".claude", ".cursor", ".gemini", ".junie", ".agent"], i = I.readdirSync(e, { withFileTypes: !0 }).filter((s) => s.isDirectory()).map((s) => s.name);
-    for (const s of n) {
-      const l = D.join(o, s, "skills");
-      I.mkdirSync(l, { recursive: !0 });
-      for (const w of i) {
-        const S = D.join(l, w), d = D.join("..", "..", ".agents", "skills", w);
-        try {
-          I.rmSync(S, { recursive: !0, force: !0 });
-        } catch {
-        }
-        try {
-          I.symlinkSync(d, S, "dir");
-        } catch {
-          _e(
-            D.join(t, w),
-            S
-          );
-        }
-      }
-    }
-    return !0;
-  } catch (t) {
-    return console.info("Failed to install skills:", t.message), !1;
+    const t = _.join(o, "package.json");
+    if (!M.existsSync(t)) return [];
+    const e = JSON.parse(M.readFileSync(t, "utf-8"));
+    return Object.keys({ ...e.dependencies, ...e.devDependencies });
+  } catch {
+    return [];
   }
-}, at = (o = ".", e = 3, t = 0) => {
+}, We = async (o) => {
+  const t = ao();
+  if (!M.existsSync(t))
+    return console.info("Skills source directory not found, skipping skills installation"), { success: !1 };
+  try {
+    const e = lo(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" },
+      { deps: ["@myop/react-native", "react-native"], skill: "myop-react-native-host" }
+    ], i = s.filter(({ deps: c }) => c.some((l) => e.includes(l))).map(({ skill: c }) => c), d = s.flatMap(({ deps: c }) => c.filter((l) => e.includes(l)));
+    i.length > 0 ? n.push(...i) : n.push(...s.map((c) => c.skill));
+    const h = n.map((c) => `--skill ${c}`).join(" "), y = `npx -y skills add "${t}" ${h} --agent '*' --copy -y`;
+    return X(y, { cwd: o, stdio: "pipe" }), { success: !0, detected: d, skillNames: n };
+  } catch (e) {
+    return console.info("Failed to install skills:", e.message), { success: !1 };
+  }
+}, Ve = (o = ".", t = 3, e = 0) => {
   const n = [];
-  if (t > e) return n;
+  if (e > t) return n;
   try {
-    const i = I.readdirSync(o, { withFileTypes: !0 });
-    for (const s of i) {
-      const l = D.join(o, s.name);
-      if (s.isDirectory()) {
-        if (s.name === "node_modules" || s.name === ".git" || s.name === "dist" || s.name.startsWith("."))
+    const s = M.readdirSync(o, { withFileTypes: !0 });
+    for (const i of s) {
+      const d = _.join(o, i.name);
+      if (i.isDirectory()) {
+        if (i.name === "node_modules" || i.name === ".git" || i.name === "dist" || i.name.startsWith("."))
           continue;
-        n.push(...at(l, e, t + 1));
-      } else if (s.name === "myop.config.json")
+        n.push(...Ve(d, t, e + 1));
+      } else if (i.name === "myop.config.json")
         try {
-          const w = I.readFileSync(l, "utf-8"), S = JSON.parse(w);
+          const h = M.readFileSync(d, "utf-8"), y = JSON.parse(h);
           n.push({
             path: o,
-            configPath: l,
-            name: S.name || S.componentName || D.basename(o),
-            componentId: S.componentId || null,
-            config: S
+            configPath: d,
+            name: y.name || y.componentName || _.basename(o),
+            componentId: y.componentId || null,
+            config: y
           });
         } catch {
         }
@@ -1875,55 +1918,55 @@ const Xt = (o) => new Promise((e) => setTimeout(e, o)), qt = () => {
   }
   return n;
 };
-h.executionPath = process.cwd();
-const $e = (o = !1) => {
-  const e = h.program.getOptionValue("verbose");
-  e || (console.info = () => {
-  }), console.info("📝 verbose mode on"), h.options = {
-    configPath: h.program.getOptionValue("config"),
-    verbose: e
+v.executionPath = process.cwd();
+const Ce = (o = !1) => {
+  const t = v.program.getOptionValue("verbose");
+  t || (console.info = () => {
+  }), console.info("📝 verbose mode on"), v.options = {
+    configPath: v.program.getOptionValue("config"),
+    verbose: t
   };
   try {
-    return h.myopConfig = xt(h.options.configPath), { configFound: !0 };
-  } catch (t) {
+    return v.myopConfig = Mt(v.options.configPath), { configFound: !0 };
+  } catch (e) {
     if (o) {
       console.info(`
-⚠️ failed read config file from ${h.options.configPath}, trying to create new one`);
+⚠️ failed read config file from ${v.options.configPath}, trying to create new one`);
       try {
         const n = {
           author: "@myop-cli",
           flows: []
         };
-        return De(h.options.configPath, n), h.myopConfig = n, { configFound: !0 };
+        return Ue(v.options.configPath, n), v.myopConfig = n, { configFound: !0 };
       } catch {
-        return console.info("Error details :", t), { configFound: !1, error: t };
+        return console.info("Error details :", e), { configFound: !1, error: e };
       }
     } else
-      return console.info("Error details :", t), { configFound: !1, error: t };
+      return console.info("Error details :", e), { configFound: !1, error: e };
   }
 };
 [
-  new ke(),
-  ...Et
+  new _e(),
+  ...jt
 ];
-const eo = "0.1.45";
-h.program = new ft();
-h.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(eo);
-h.program.addOption(new me("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-h.program.addOption(new me("-h, --help", "Show helpful information"));
-h.program.addOption(new me("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-h.program.addOption(new me("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
-h.program.addOption(new me("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
-h.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, e) => {
-  $e(!0), console.info("adding ", o, e, h.options.configPath), o === "flow" && et._action(e), process.exit();
+const co = "0.1.47";
+v.program = new vt();
+v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(co);
+v.program.addOption(new me("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+v.program.addOption(new me("-h, --help", "Show helpful information"));
+v.program.addOption(new me("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+v.program.addOption(new me("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+v.program.addOption(new me("-m, --monorepo", "Monorepo mode: scan for all myop.config.json files in nested directories"));
+v.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((o, t) => {
+  Ce(!0), console.info("adding ", o, t, v.options.configPath), o === "flow" && it._action(t), process.exit();
 });
-h.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, e) => {
-  $e(), console.info("removing ", o, e, h.options.configPath), o === "flow" && tt._action(e), process.exit();
+v.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((o, t) => {
+  Ce(), console.info("removing ", o, t, v.options.configPath), o === "flow" && rt._action(t), process.exit();
 });
-h.program.command("install").description("Install Myop assets").action(async () => {
-  $e(), await qe.action();
+v.program.command("install").description("Install Myop assets").action(async () => {
+  Ce(), await st.action();
 });
-h.program.command("login").description("Authenticate with Myop platform").action(async () => {
+v.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
     await de();
   } catch (o) {
@@ -1931,218 +1974,102 @@ h.program.command("login").description("Authenticate with Myop platform").action
   }
   process.exit(0);
 });
-h.program.command("logout").description("Clear stored credentials").action(async () => {
-  await it(), process.exit(0);
+v.program.command("logout").description("Clear stored credentials").action(async () => {
+  await dt(), process.exit(0);
 });
-h.program.command("whoami").description("Show current authenticated user").action(async () => {
-  const o = xe();
+v.program.command("whoami").description("Show current authenticated user").action(async () => {
+  const o = $e();
   o && o.email ? console.log(`Logged in as: ${o.email}`) : console.log("Not logged in. Run `myop login` to authenticate."), process.exit(0);
 });
-h.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (o) => {
-  var C, T, j, P, b, F;
-  const e = h.program.getOptionValue("config") || "./myop.config.json", t = await import("fs"), { execSync: n } = await import("child_process"), i = await import("path");
-  let s = {};
-  if (t.existsSync(e))
+v.program.command("sync").description('[deprecated] Use "myop push" instead').option("--skip-build", "Skip the build step").action(async () => {
+  console.log(`
+⚠️  "myop sync" is deprecated. Use "myop push" instead.
+`);
+  const { execSync: o } = await import("child_process");
+  try {
+    o("node " + process.argv[1] + " push", { stdio: "inherit" });
+  } catch {
+  }
+  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 P, g, w, j, k, b;
+  const t = v.program.getOptionValue("config") || "./myop.config.json";
+  let e = {};
+  if (M.existsSync(t))
     try {
-      const x = t.readFileSync(e, "utf-8");
-      s = JSON.parse(x);
-      const f = s.name || s.componentName;
-      console.log(`📋 Found config: ${f || "Unnamed component"}`), s.componentId && console.log(`   Component ID: ${s.componentId}`);
-    } catch (x) {
-      console.error(`⚠️ Failed to parse ${e}:`, x.message);
+      e = JSON.parse(M.readFileSync(t, "utf-8"));
+    } catch (p) {
+      console.error(`⚠️ Failed to parse ${t}:`, p.message);
     }
-  else
-    console.log("⚠️ No myop.config.json found. A new component will be created.");
-  let l = null, w = !1;
+  o && (e.componentId = o);
+  const n = e.name || e.componentName || _.basename(process.cwd());
+  console.log(`
+📋 Component: ${n}`);
+  let s = null, i = !1;
   try {
-    const x = JSON.parse(t.readFileSync("package.json", "utf-8"));
-    w = !!(x.scripts && x.scripts.build);
+    const p = JSON.parse(M.readFileSync("package.json", "utf-8"));
+    i = !!(p.scripts && p.scripts.build);
   } catch {
   }
-  if (!w) {
-    const x = t.readdirSync(".").filter(
-      (f) => f.endsWith(".html") && !f.startsWith(".") && t.statSync(f).isFile()
+  if (!i) {
+    const p = M.readdirSync(".").filter(
+      (E) => E.endsWith(".html") && !E.startsWith(".") && M.statSync(E).isFile()
     );
-    x.length === 1 && (l = x[0]);
-  }
-  if (l)
-    console.log(`📄 Single HTML file mode: ${l} (skipping build)`);
-  else if (!o.skipBuild) {
-    const { exec: x } = await import("child_process");
-    let f = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-    const E = (B = !1) => new Promise((U) => {
-      const k = V(B ? "Retrying build..." : "Building project...").start();
-      x("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (z, R, Z) => {
-        if (!z) {
-          k.succeed("Build completed"), U(!0);
+    p.length === 1 && (s = p[0]);
+  }
+  if (s)
+    console.log(`   Single file: ${s} (skipping build)`);
+  else if (i) {
+    const { exec: p } = await import("child_process");
+    let E = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
+    const x = (R = !1) => new Promise((D) => {
+      const L = Y(R ? "Retrying build..." : "Building project...").start();
+      p("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (T, J, F) => {
+        if (!T) {
+          L.succeed("Build completed"), D(!0);
           return;
         }
-        if (k.fail("Build failed"), !f.hasTriedPlatformFix && !f.hasTriedInstall) {
-          const se = await ot(z, R, Z, x, f);
-          if (f = { ...f, ...se }, se.handled) {
-            const Y = await E(!0);
-            U(Y);
+        if (L.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
+          const V = await at(T, J, F, p, E);
+          if (E = { ...E, ...V }, V.handled) {
+            const te = await x(!0);
+            D(te);
             return;
           }
         }
-        console.error(z.message), U(!1);
+        console.error(T.message), D(!1);
       });
     });
-    await E() || process.exit(1);
+    await x() || process.exit(1);
   }
-  const S = l || "./dist/index.html";
-  t.existsSync(S) || (console.error(`❌ Error: ${S} not found`), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
   let d;
-  try {
-    d = await Ue();
-  } catch (x) {
-    console.error("❌ Authentication failed:", x.message), process.exit(1);
-  }
-  const c = Je();
-  let $ = V("Requesting upload URL...").start(), u;
-  try {
-    const x = await fetch(`${c}/mcp`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${d.accessToken}`
-      },
-      body: JSON.stringify({
-        jsonrpc: "2.0",
-        id: 1,
-        method: "tools/call",
-        params: {
-          name: "upload_component",
-          arguments: {
-            name: s.name || s.componentName || i.default.basename(process.cwd()),
-            componentId: s.componentId || void 0,
-            organization: s.organization || void 0
-          }
-        }
-      })
-    });
-    if (!x.ok)
-      throw new Error(`Server returned ${x.status}`);
-    const f = await x.json();
-    if (f.error)
-      throw new Error(f.error.message);
-    const E = (j = (T = (C = f.result) == null ? void 0 : C.content) == null ? void 0 : T[0]) == null ? void 0 : j.text;
-    if (u = JSON.parse(E), !u.success)
-      throw new Error(u.error);
-    $.succeed("Upload URL obtained");
-  } catch (x) {
-    $.fail("Failed to get upload URL"), console.error("   ", x.message), process.exit(1);
-  }
-  $ = V("Uploading component...").start();
-  try {
-    const x = t.readFileSync(S, "utf-8");
-    let f;
-    const E = u.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (E)
-      f = E[1];
-    else {
-      const B = u.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (B)
-        f = B[1];
-      else
-        throw new Error("Could not parse presigned URL from: " + u.curlCommand);
-    }
-    console.info("Uploading to:", f.substring(0, 100) + "...");
-    const L = await fetch(f, {
-      method: "PUT",
-      headers: {
-        "Content-Type": "text/html"
-      },
-      body: x
-    });
-    if (!L.ok) {
-      const B = await L.text();
-      throw new Error(`Upload failed with status ${L.status}: ${B}`);
-    }
-    $.succeed("Component uploaded");
-  } catch (x) {
-    $.fail("Upload failed"), console.error("   ", x.message), x.cause && console.error("   Cause:", x.cause), process.exit(1);
+  if (s)
+    d = s;
+  else if (M.existsSync("./dist/index.html"))
+    d = "./dist/index.html";
+  else {
+    const p = M.readdirSync(".").filter(
+      (E) => E.endsWith(".html") && !E.startsWith(".") && M.statSync(E).isFile()
+    );
+    p.length === 1 ? d = p[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));
   }
-  $ = V("Confirming upload...").start();
+  const h = M.readFileSync(d, "utf-8");
+  console.log(`   File: ${d} (${(h.length / 1024).toFixed(1)} KB)`);
   let y;
   try {
-    const x = await fetch(`${c}/mcp`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${d.accessToken}`
-      },
-      body: JSON.stringify({
-        jsonrpc: "2.0",
-        id: 2,
-        method: "tools/call",
-        params: {
-          name: "confirm_upload",
-          arguments: {
-            uploadId: u.uploadId
-          }
-        }
-      })
-    });
-    if (!x.ok)
-      throw new Error(`Server returned ${x.status}`);
-    const f = await x.json();
-    if (f.error)
-      throw new Error(f.error.message);
-    const E = (F = (b = (P = f.result) == null ? void 0 : P.content) == null ? void 0 : b[0]) == null ? void 0 : F.text;
-    if (y = JSON.parse(E), !y.success)
-      throw new Error(y.error);
-    $.succeed("Upload confirmed");
-  } catch (x) {
-    $.fail("Confirmation failed"), console.error("   ", x.message), process.exit(1);
-  }
-  if (y.isNewComponent || !s.componentId) {
-    s.componentId = y.componentId, s.organization = y.orgId, s.name || (s.name = y.componentName);
-    try {
-      t.writeFileSync(e, JSON.stringify(s, null, 2)), console.log(`
-📝 Updated ${e} with componentId`);
-    } catch (x) {
-      console.log(`
-⚠️ Could not update ${e}: ${x.message}`), console.log(`   Please add componentId: "${y.componentId}" manually`);
-    }
+    y = await ze();
+  } catch (p) {
+    console.error("❌ Authentication failed:", p.message), process.exit(1);
   }
-  console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${y.componentName}`), console.log(`   Dashboard: ${y.dashboardUrl}`), process.exit(0);
-});
-h.program.command("push").description("Upload component to Myop platform").action(async () => {
-  var $, u, y, C, T, j;
-  const o = h.program.getOptionValue("config") || "./myop.config.json";
-  let e = {};
-  if (I.existsSync(o))
-    try {
-      e = JSON.parse(I.readFileSync(o, "utf-8"));
-    } catch (P) {
-      console.error(`⚠️ Failed to parse ${o}:`, P.message);
-    }
-  const t = e.name || e.componentName || D.basename(process.cwd());
-  console.log(`
-📋 Component: ${t}`);
-  let n;
-  const i = I.readdirSync(".").filter(
-    (P) => P.endsWith(".html") && !P.startsWith(".") && I.statSync(P).isFile()
-  );
-  i.length === 1 && !I.existsSync("./dist/index.html") ? n = i[0] : I.existsSync("./dist/index.html") ? n = "./dist/index.html" : i.length === 1 ? n = i[0] : (console.error("❌ No HTML file found to upload."), console.log("   Expected: a single .html file in root or ./dist/index.html"), process.exit(1));
-  const s = I.readFileSync(n, "utf-8");
-  console.log(`   File: ${n} (${(s.length / 1024).toFixed(1)} KB)`);
-  let l;
+  const c = be();
+  let l = Y("Uploading...").start(), C;
   try {
-    l = await Ue();
-  } catch (P) {
-    console.error("❌ Authentication failed:", P.message), process.exit(1);
-  }
-  const w = Je();
-  let S = V("Uploading...").start(), d;
-  try {
-    const P = await fetch(`${w}/mcp`, {
+    const p = await fetch(`${c}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${l.accessToken}`
+        Authorization: `Bearer ${y.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -2151,55 +2078,55 @@ h.program.command("push").description("Upload component to Myop platform").actio
         params: {
           name: "upload_component",
           arguments: {
-            name: t,
+            name: n,
             componentId: e.componentId && e.componentId !== "DEV" ? e.componentId : void 0,
             organization: e.organization || void 0
           }
         }
       })
     });
-    if (!P.ok)
-      throw new Error(`Server returned ${P.status}`);
-    const b = await P.json();
-    if (b.error)
-      throw new Error(b.error.message);
-    const F = (y = (u = ($ = b.result) == null ? void 0 : $.content) == null ? void 0 : u[0]) == null ? void 0 : y.text;
-    if (d = JSON.parse(F), !d.success)
-      throw new Error(d.error);
-  } catch (P) {
-    S.fail("Failed to get upload URL"), console.error("   ", P.message), process.exit(1);
+    if (!p.ok)
+      throw new Error(`Server returned ${p.status}`);
+    const E = await p.json();
+    if (E.error)
+      throw new Error(E.error.message);
+    const x = (w = (g = (P = E.result) == null ? void 0 : P.content) == null ? void 0 : g[0]) == null ? void 0 : w.text;
+    if (C = JSON.parse(x), !C.success)
+      throw new Error(C.error);
+  } catch (p) {
+    l.fail("Failed to get upload URL"), console.error("   ", p.message), process.exit(1);
   }
   try {
-    let P;
-    const b = d.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (b)
-      P = b[1];
+    let p;
+    const E = C.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+    if (E)
+      p = E[1];
     else {
-      const x = d.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (x)
-        P = x[1];
+      const O = C.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (O)
+        p = O[1];
       else
         throw new Error("Could not parse presigned URL");
     }
-    const F = await fetch(P, {
+    const x = await fetch(p, {
       method: "PUT",
       headers: { "Content-Type": "text/html" },
-      body: s
+      body: h
     });
-    if (!F.ok) {
-      const x = await F.text();
-      throw new Error(`Upload failed: ${F.status} ${x}`);
+    if (!x.ok) {
+      const O = await x.text();
+      throw new Error(`Upload failed: ${x.status} ${O}`);
     }
-  } catch (P) {
-    S.fail("Upload failed"), console.error("   ", P.message), process.exit(1);
+  } catch (p) {
+    l.fail("Upload failed"), console.error("   ", p.message), process.exit(1);
   }
-  let c;
+  let u;
   try {
-    const P = await fetch(`${w}/mcp`, {
+    const p = await fetch(`${c}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${l.accessToken}`
+        Authorization: `Bearer ${y.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -2208,63 +2135,63 @@ h.program.command("push").description("Upload component to Myop platform").actio
         params: {
           name: "confirm_upload",
           arguments: {
-            uploadId: d.uploadId
+            uploadId: C.uploadId
           }
         }
       })
     });
-    if (!P.ok)
-      throw new Error(`Server returned ${P.status}`);
-    const b = await P.json();
-    if (b.error)
-      throw new Error(b.error.message);
-    const F = (j = (T = (C = b.result) == null ? void 0 : C.content) == null ? void 0 : T[0]) == null ? void 0 : j.text;
-    if (c = JSON.parse(F), !c.success)
-      throw new Error(c.error);
-    S.succeed("Pushed successfully");
-  } catch (P) {
-    S.fail("Confirmation failed"), console.error("   ", P.message), process.exit(1);
+    if (!p.ok)
+      throw new Error(`Server returned ${p.status}`);
+    const E = await p.json();
+    if (E.error)
+      throw new Error(E.error.message);
+    const x = (b = (k = (j = E.result) == null ? void 0 : j.content) == null ? void 0 : k[0]) == null ? void 0 : b.text;
+    if (u = JSON.parse(x), !u.success)
+      throw new Error(u.error);
+    l.succeed("Pushed successfully");
+  } catch (p) {
+    l.fail("Confirmation failed"), console.error("   ", p.message), process.exit(1);
   }
-  if (c.isNewComponent || !e.componentId || e.componentId === "DEV") {
-    e.componentId = c.componentId, e.organization = c.orgId, e.name || (e.name = c.componentName);
+  if (u.isNewComponent || !e.componentId || e.componentId === "DEV") {
+    e.componentId = u.componentId, e.organization = u.orgId, e.name || (e.name = u.componentName);
     try {
-      I.writeFileSync(o, JSON.stringify(e, null, 2));
-    } catch (P) {
-      console.log(`⚠️ Could not update ${o}: ${P.message}`), console.log(`   Add componentId: "${c.componentId}" manually`);
+      M.writeFileSync(t, JSON.stringify(e, null, 2));
+    } catch (p) {
+      console.log(`⚠️ Could not update ${t}: ${p.message}`), console.log(`   Add componentId: "${u.componentId}" manually`);
     }
   }
   console.log(`
-   ${c.componentName}`), console.log(`   ${c.dashboardUrl}
+   ${u.componentName}`), console.log(`   ${u.dashboardUrl}
 `), process.exit(0);
 });
-h.program.command("pull").description("Download component HTML from Myop platform").argument("[componentId]", "Component ID to pull (overrides myop.config.json)").option("-o, --output <path>", "Output file path (default: index.html or dist/index.html)").action(async (o, e) => {
-  var T, j, P;
-  const t = h.program.getOptionValue("config") || "./myop.config.json";
+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)").action(async (o, t) => {
+  var w, j, k;
+  const e = v.program.getOptionValue("config") || "./myop.config.json";
   let n = {};
-  if (I.existsSync(t))
+  if (M.existsSync(e))
     try {
-      n = JSON.parse(I.readFileSync(t, "utf-8"));
+      n = JSON.parse(M.readFileSync(e, "utf-8"));
     } catch {
     }
-  const i = o || n.componentId;
-  (!i || i === "DEV") && (console.error("❌ No component ID provided."), console.log("   Pass a component ID: myop pull <componentId>"), console.log("   Or ensure myop.config.json has a valid componentId."), process.exit(1));
-  const s = n.name || n.componentName || i;
+  const s = o || n.componentId;
+  (!s || s === "DEV") && (console.error("❌ No component ID provided."), console.log("   Pass a component ID: myop pull <componentId>"), console.log("   Or ensure myop.config.json has a valid componentId."), process.exit(1));
+  const i = n.name || n.componentName || s;
   console.log(`
-📥 Pulling: ${s}`), console.log(`   ID: ${i}`);
-  let l;
+📥 Pulling: ${i}`), console.log(`   ID: ${s}`);
+  let d;
   try {
-    l = await Ue();
+    d = await ze();
   } catch (b) {
     console.error("❌ Authentication failed:", b.message), process.exit(1);
   }
-  const w = Je(), S = V("Fetching component...").start();
-  let d;
+  const h = be(), y = Y("Fetching component...").start();
+  let c;
   try {
-    const b = await fetch(`${w}/mcp`, {
+    const b = await fetch(`${h}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${l.accessToken}`
+        Authorization: `Bearer ${d.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -2272,75 +2199,286 @@ h.program.command("pull").description("Download component HTML from Myop platfor
         method: "tools/call",
         params: {
           name: "get_component",
-          arguments: { componentId: i }
+          arguments: { componentId: s }
         }
       })
     });
     if (!b.ok)
       throw new Error(`Server returned ${b.status}`);
-    const F = await b.json();
-    if (F.error)
-      throw new Error(F.error.message);
-    const x = (P = (j = (T = F.result) == null ? void 0 : T.content) == null ? void 0 : j[0]) == null ? void 0 : P.text;
-    if (d = JSON.parse(x), !d.success && !d.html)
-      throw new Error(d.error || "No HTML content returned");
-    S.succeed("Component fetched");
+    const p = await b.json();
+    if (p.error)
+      throw new Error(p.error.message);
+    const E = (k = (j = (w = p.result) == null ? void 0 : w.content) == null ? void 0 : j[0]) == null ? void 0 : k.text;
+    if (c = JSON.parse(E), !c.success && !c.html)
+      throw new Error(c.error || "No HTML content returned");
+    y.succeed("Component fetched");
   } catch (b) {
-    S.fail("Failed to fetch component"), console.error("   ", b.message), process.exit(1);
-  }
-  let c = e.output;
-  c || (I.existsSync("./dist/index.html") ? c = "./dist/index.html" : c = "./index.html");
-  const $ = d.htmlContent || d.html, u = D.dirname(c);
-  u && !I.existsSync(u) && I.mkdirSync(u, { recursive: !0 }), I.writeFileSync(c, $), console.log(`   Saved to: ${c} (${($.length / 1024).toFixed(1)} KB)`);
-  const y = I.existsSync(t);
-  let C = !1;
-  if (y ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = i, C = !0), !n.name && d.name && (n.name = d.name, C = !0)) : (n = {
-    name: d.name || D.basename(process.cwd()),
-    componentId: i,
+    y.fail("Failed to fetch component"), console.error("   ", b.message), process.exit(1);
+  }
+  let l = t.output;
+  l || (M.existsSync("./dist/index.html") ? l = "./dist/index.html" : l = "./index.html");
+  const C = c.htmlContent || c.html, u = _.dirname(l);
+  u && !M.existsSync(u) && M.mkdirSync(u, { recursive: !0 }), M.writeFileSync(l, C), console.log(`   Saved to: ${l} (${(C.length / 1024).toFixed(1)} KB)`);
+  const P = M.existsSync(e);
+  let g = !1;
+  if (P ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && c.name && (n.name = c.name, g = !0)) : (n = {
+    name: c.name || _.basename(process.cwd()),
+    componentId: s,
     type: "html",
     author: "@myop-cli",
     HMR: !0
-  }, C = !0), C)
+  }, g = !0), g)
     try {
-      I.writeFileSync(t, JSON.stringify(n, null, 2)), console.log(`   ${y ? "Updated" : "Created"} ${t}`);
+      M.writeFileSync(e, JSON.stringify(n, null, 2)), console.log(`   ${P ? "Updated" : "Created"} ${e}`);
     } catch (b) {
-      console.log(`   ⚠️ Could not write ${t}: ${b.message}`);
+      console.log(`   ⚠️ Could not write ${e}: ${b.message}`);
     }
   console.log(`
 ✅ Pull completed!
 `), process.exit(0);
 });
-h.program.command("create").description("Create a new Myop HTML component and start dev server").action(async () => {
-  const { input: o } = await import("@inquirer/prompts"), e = await import("fs"), n = (await import("path")).default.basename(process.cwd());
-  let i;
+v.program.command("list").description("Browse and pull/push remote components").option("--org <orgId>", "Organization ID to use").action(async (o) => {
+  const { search: t, select: e } = await import("@inquirer/prompts");
+  let n;
   try {
-    i = await o({
+    n = await ze();
+  } catch (g) {
+    console.error("Authentication failed:", g.message), process.exit(1);
+  }
+  const s = be(), i = (g, w) => io(s, n.accessToken, g, w);
+  let d = Y("Loading organizations...").start(), h;
+  try {
+    const g = await i("list_organizations");
+    if (h = g.organizations || g, !Array.isArray(h))
+      throw new Error("Unexpected response from list_organizations");
+  } catch (g) {
+    d.fail("Failed to load organizations"), console.error("   ", g.message), process.exit(1);
+  }
+  h.length === 0 && (d.fail("No organizations found for this account"), process.exit(1)), d.stop();
+  let y, c;
+  if (o.org) {
+    const g = h.find((w) => w.id === o.org || w._id === o.org);
+    g || (console.error(`Organization "${o.org}" not found. Available:`), h.forEach((w) => console.log(`  ${w.id || w._id}  ${w.name}`)), process.exit(1)), y = g.id || g._id, c = g.name, Fe({ id: y, name: c });
+  } else {
+    const g = so();
+    if (g && h.find((w) => (w.id || w._id) === g.id))
+      y = g.id, c = g.name;
+    else if (h.length === 1)
+      y = h[0].id || h[0]._id, c = h[0].name, Fe({ id: y, name: c });
+    else
+      try {
+        const w = await e({
+          message: "Select an organization:",
+          choices: h.map((j) => ({
+            name: j.name,
+            value: { id: j.id || j._id, name: j.name }
+          }))
+        });
+        y = w.id, c = w.name, Fe({ id: y, name: c });
+      } catch (w) {
+        throw w.name === "ExitPromptError" && (console.log(`
+
+👋 Goodbye!
+`), process.exit(0)), w;
+      }
+  }
+  console.log(`  Using organization: ${c}`), d = Y("Loading components...").start();
+  let l;
+  try {
+    const g = await i("list_components", { organizationId: y });
+    if (l = g.components || g, !Array.isArray(l))
+      throw new Error("Unexpected response from list_components");
+  } catch (g) {
+    d.fail("Failed to load components"), console.error("   ", g.message), process.exit(1);
+  }
+  d.stop(), l.length === 0 && (console.log(`  No components found in this organization.
+`), process.exit(0)), console.log(`  ${c} - ${l.length} component(s)
+`);
+  const C = [];
+  for (; ; ) {
+    const g = `[Done - pull/push ${C.length} selected]`, w = "__done__", j = new Set(C.map((p) => p.id || p._id || p.componentId));
+    let k;
+    try {
+      k = await t({
+        message: "Search & select components:",
+        source: (p) => {
+          const E = (p || "").toLowerCase(), x = l.filter((R) => {
+            const D = R.id || R._id || R.componentId;
+            return j.has(D) ? !1 : E ? (R.name || "").toLowerCase().includes(E) : !0;
+          }), O = [
+            { name: g, value: w }
+          ];
+          for (const R of x) {
+            const D = R.id || R._id || R.componentId, L = D ? D.substring(0, 8) + "..." : "";
+            O.push({
+              name: `${R.name}  (${L})`,
+              value: D
+            });
+          }
+          return O;
+        }
+      });
+    } catch (p) {
+      throw p.name === "ExitPromptError" && (console.log(`
+
+👋 Goodbye!
+`), process.exit(0)), p;
+    }
+    if (k === w)
+      break;
+    const b = l.find((p) => (p.id || p._id || p.componentId) === k);
+    b && (C.push(b), console.log(`  + ${b.name}`));
+  }
+  C.length === 0 && (console.log(`  No components selected.
+`), process.exit(0));
+  let u;
+  try {
+    u = await e({
+      message: `${C.length} component(s) selected:`,
+      choices: [
+        { name: "Pull selected", value: "pull" },
+        { name: "Push selected", value: "push" },
+        { name: "Cancel", value: "cancel" }
+      ]
+    });
+  } catch (g) {
+    throw g.name === "ExitPromptError" && (console.log(`
+
+👋 Goodbye!
+`), process.exit(0)), g;
+  }
+  u === "cancel" && (console.log(`  Cancelled.
+`), process.exit(0));
+  const P = (g) => g.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  if (u === "pull") {
+    console.log(`
+  Pulling ${C.length} components...
+`);
+    const g = await Promise.all(C.map(async (k) => {
+      const b = k.id || k._id || k.componentId;
+      try {
+        const p = await i("get_component", { componentId: b }), E = P(k.name);
+        M.mkdirSync(E, { recursive: !0 });
+        const x = p.htmlContent || p.html;
+        if (!x)
+          throw new Error("No HTML content returned");
+        return M.writeFileSync(_.join(E, "index.html"), x), M.writeFileSync(_.join(E, "myop.config.json"), JSON.stringify({
+          name: k.name,
+          componentId: b,
+          organization: y,
+          type: "html",
+          author: "@myop-cli",
+          HMR: !0
+        }, null, 2)), { name: k.name, status: "ok", dir: E };
+      } catch (p) {
+        return { name: k.name, status: "failed", error: p.message };
+      }
+    }));
+    let w = 0, j = 0;
+    for (const k of g)
+      k.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${k.name} -> ./${k.dir}/`), w++) : (console.log(`  \x1B[31m✖\x1B[0m ${k.name} - ${k.error}`), j++);
+    console.log(`
+  Done! Pulled ${w} component${w !== 1 ? "s" : ""}.${j ? ` ${j} failed.` : ""}
+`);
+  } else if (u === "push") {
+    console.log(`
+  Pushing ${C.length} components...
+`);
+    const g = Ve(".", 3), w = await Promise.all(C.map(async (p) => {
+      const E = p.id || p._id || p.componentId, x = g.find((O) => O.componentId === E);
+      if (!x)
+        return { name: p.name, status: "skipped", reason: "no local match" };
+      try {
+        let O;
+        const R = x.path;
+        if (M.existsSync(_.join(R, "dist", "index.html")))
+          O = _.join(R, "dist", "index.html");
+        else {
+          const z = M.readdirSync(R).filter(
+            (Q) => Q.endsWith(".html") && !Q.startsWith(".") && M.statSync(_.join(R, Q)).isFile()
+          );
+          if (z.length === 1)
+            O = _.join(R, z[0]);
+          else if (z.includes("index.html"))
+            O = _.join(R, "index.html");
+          else
+            throw new Error("No HTML file found");
+        }
+        const D = M.readFileSync(O, "utf-8"), L = x.name || p.name, T = await i("upload_component", {
+          name: L,
+          componentId: E,
+          organization: y
+        });
+        if (!T.success)
+          throw new Error(T.error || "Upload request failed");
+        let J;
+        const F = T.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+        if (F)
+          J = F[1];
+        else {
+          const z = T.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+          if (z)
+            J = z[1];
+          else
+            throw new Error("Could not parse presigned URL");
+        }
+        const V = await fetch(J, {
+          method: "PUT",
+          headers: { "Content-Type": "text/html" },
+          body: D
+        });
+        if (!V.ok)
+          throw new Error(`Upload failed: ${V.status}`);
+        const te = await i("confirm_upload", {
+          uploadId: T.uploadId
+        });
+        if (!te.success)
+          throw new Error(te.error || "Confirmation failed");
+        return { name: L, status: "ok" };
+      } catch (O) {
+        return { name: p.name, status: "failed", error: O.message };
+      }
+    }));
+    let j = 0, k = 0, b = 0;
+    for (const p of w)
+      p.status === "ok" ? (console.log(`  \x1B[32m✔\x1B[0m ${p.name}`), j++) : p.status === "skipped" ? (console.log(`  \x1B[33m⊘\x1B[0m ${p.name} (${p.reason})`), k++) : (console.log(`  \x1B[31m✖\x1B[0m ${p.name} - ${p.error}`), b++);
+    console.log(`
+  Done! Pushed ${j}${k ? `, skipped ${k}` : ""}${b ? `, ${b} failed` : ""}.
+`);
+  }
+  process.exit(0);
+});
+v.program.command("create").description("Create a new Myop HTML component and start dev server").action(async () => {
+  const { input: o } = await import("@inquirer/prompts"), t = await import("fs"), n = (await import("path")).default.basename(process.cwd());
+  let s;
+  try {
+    s = await o({
       message: "Component name:",
       default: n
     });
-  } catch (S) {
-    throw S.name === "ExitPromptError" && (console.log(`
+  } catch (y) {
+    throw y.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), S;
+`), process.exit(0)), y;
   }
-  (e.existsSync("index.html") || e.existsSync("myop.config.json")) && (console.log(`
+  (t.existsSync("index.html") || t.existsSync("myop.config.json")) && (console.log(`
 ⚠️  index.html or myop.config.json already exists in this directory.`), console.log("   Use `myop dev` to start the dev server for an existing component.\n"), process.exit(1));
-  const s = {
-    name: i,
+  const i = {
+    name: s,
     componentId: "DEV",
     type: "html",
     author: "@myop-cli",
     HMR: !0
   };
-  e.writeFileSync("myop.config.json", JSON.stringify(s, null, 2));
-  const l = `<!DOCTYPE html>
+  t.writeFileSync("myop.config.json", JSON.stringify(i, null, 2));
+  const d = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="myop:size" content='{"width":"100%","height":"100%"}'>
-    <title>${i}</title>
+    <title>${s}</title>
     <script type="myop/types">
     // =========================================================================
     // MYOP COMPONENT TYPE DEFINITIONS
@@ -2421,7 +2559,7 @@ h.program.command("create").description("Create a new Myop HTML component and st
 </head>
 <body>
     <div id="app-root">
-        <h1>${i}</h1>
+        <h1>${s}</h1>
         <p>Edit index.html to get started</p>
     </div>
 
@@ -2450,31 +2588,139 @@ h.program.command("create").description("Create a new Myop HTML component and st
 
     <script id="myop_preview">
         window.myop_init_interface({
-            title: '${i}',
+            title: '${s}',
             description: 'Edit index.html to get started'
         });
     <\/script>
 </body>
 </html>`;
-  e.writeFileSync("index.html", l);
-  const w = rt(process.cwd());
+  t.writeFileSync("index.html", d);
+  const h = await We(process.cwd());
   console.log(`
-✅ Created ${i}`), console.log("   index.html"), console.log("   myop.config.json"), w && console.log("   .agents/skills/ (AI agent skills)"), console.log(""), await be();
+✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), h.success && console.log("   AI agent skills installed"), console.log(""), await xe();
+});
+v.program.command("dev").description("Start development server with file watching").action(xe);
+const mt = async () => {
+  const o = process.cwd(), t = Y("Installing AI agent skills...").start(), e = await We(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(mt);
+v.program.command("train").description("Install or update AI agent skills in the current directory (alias for skill)").action(mt);
+v.program.command("mcp").description("Configure Myop MCP server for your AI coding assistant").action(async () => {
+  const { select: o, confirm: t } = await import("@inquirer/prompts"), n = (await import("os")).homedir(), s = be() + "/mcp", i = [
+    {
+      name: "Claude Code",
+      value: "claude",
+      configPath: _.join(n, ".claude.json"),
+      getEntry: () => ({ type: "http", url: s }),
+      nextSteps: [
+        "Restart Claude Code to pick up the new MCP config.",
+        'Type /mcp to see all MCP servers and verify "myop" is listed.',
+        'Select "Authenticate" next to myop — your browser will open',
+        "to sign in with your Myop account (OAuth)."
+      ]
+    },
+    {
+      name: "Cursor",
+      value: "cursor",
+      configPath: _.join(n, ".cursor", "mcp.json"),
+      getEntry: () => ({ url: s }),
+      nextSteps: [
+        'Go to Cursor Settings > Tools & MCP to verify "myop" appears.',
+        "A green dot means connected. Yellow means auth is needed —",
+        'click "Connect" and your browser will open to sign in',
+        "with your Myop account (OAuth).",
+        "You can also click the refresh icon to reconnect after changes."
+      ]
+    },
+    {
+      name: "Windsurf",
+      value: "windsurf",
+      configPath: _.join(n, ".codeium", "windsurf", "mcp_config.json"),
+      getEntry: () => ({ url: s }),
+      nextSteps: [
+        "Open Cascade and click the hammer icon (top-right) to see MCP servers.",
+        'Verify "myop" shows a green dot (connected).',
+        'Click "Refresh" if needed. On first use, your browser will open',
+        "to sign in with your Myop account (OAuth)."
+      ]
+    },
+    {
+      name: "VS Code (GitHub Copilot)",
+      value: "vscode",
+      configPath: process.platform === "darwin" ? _.join(n, "Library", "Application Support", "Code", "User", "mcp.json") : process.platform === "win32" ? _.join(process.env.APPDATA || _.join(n, "AppData", "Roaming"), "Code", "User", "mcp.json") : _.join(n, ".config", "Code", "User", "mcp.json"),
+      getEntry: () => ({ type: "http", url: s }),
+      nextSteps: [
+        "Requires VS Code 1.99+ and GitHub Copilot extension.",
+        'Press Cmd+Shift+P / Ctrl+Shift+P > "MCP: List Servers"',
+        'to verify "myop" is running. You can also see MCP tools',
+        "via the Tools button in Copilot Chat (Agent mode).",
+        "On first use, your browser will open to sign in",
+        "with your Myop account (OAuth)."
+      ]
+    }
+  ];
+  console.log(`
+  Configure Myop MCP server for your AI coding assistant.
+`);
+  let d;
+  try {
+    d = await o({
+      message: "Select your AI coding assistant:",
+      choices: i.map((l) => ({ name: l.name, value: l.value }))
+    });
+  } catch (l) {
+    throw l.name === "ExitPromptError" && (console.log(`
+
+👋 Goodbye!
+`), process.exit(0)), l;
+  }
+  const h = i.find((l) => l.value === d);
+  let y = {};
+  try {
+    const l = M.readFileSync(h.configPath, "utf-8");
+    y = JSON.parse(l);
+  } catch {
+  }
+  y.mcpServers || (y.mcpServers = {});
+  const c = y.mcpServers.myop;
+  if (c && c.url === s) {
+    console.log(`
+  Myop MCP is already configured for ${h.name}.`), console.log(`  Config: ${h.configPath}`), console.log(`
+  \x1B[1mNext steps:\x1B[0m`);
+    for (const l of h.nextSteps)
+      console.log(`  ${l}`);
+    console.log(""), process.exit(0);
+  }
+  if (c) {
+    console.log(`
+  Myop MCP is already configured (URL: ${c.url}).`);
+    try {
+      await t({ message: "Update to latest URL?", default: !0 }) || process.exit(0);
+    } catch (l) {
+      throw l.name === "ExitPromptError" && process.exit(0), l;
+    }
+  }
+  y.mcpServers.myop = h.getEntry(), M.mkdirSync(_.dirname(h.configPath), { recursive: !0 }), M.writeFileSync(h.configPath, JSON.stringify(y, null, 2)), console.log(`
+  \x1B[32m✔\x1B[0m Myop MCP configured for ${h.name}`), console.log(`  Config:  ${h.configPath}`), console.log(`  Server:  ${s}`), console.log(`
+  \x1B[1mNext steps:\x1B[0m`);
+  for (const l of h.nextSteps)
+    console.log(`  ${l}`);
+  console.log(""), process.exit(0);
 });
-h.program.command("dev").description("Start development server with file watching").action(be);
-const to = () => {
+const po = () => {
   try {
-    q("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    X("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    q("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    X("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const o = q("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const o = X("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -2484,23 +2730,23 @@ const to = () => {
         insertions: 0,
         deletions: 0
       };
-    const e = o.split(`
-`), t = e[e.length - 1], n = t.match(/(\d+) insertion/), i = t.match(/(\d+) deletion/), s = t.match(/(\d+) file/);
+    const t = o.split(`
+`), e = t[t.length - 1], n = e.match(/(\d+) insertion/), s = e.match(/(\d+) deletion/), i = e.match(/(\d+) file/);
     return {
-      files: s ? parseInt(s[1]) : 0,
+      files: i ? parseInt(i[1]) : 0,
       insertions: n ? parseInt(n[1]) : 0,
-      deletions: i ? parseInt(i[1]) : 0
+      deletions: s ? parseInt(s[1]) : 0
     };
   } catch {
     return null;
   }
-}, ne = async (o = !1, e = !1) => {
-  var c, $, u;
-  const t = xe(), n = !!(t != null && t.email), i = ((c = h.myopConfig) == null ? void 0 : c.name) || (($ = h.myopConfig) == null ? void 0 : $.componentName), s = (u = h.myopConfig) == null ? void 0 : u.componentId, l = to();
+}, ie = async (o = !1, t = !1) => {
+  var l, C, u;
+  const e = $e(), n = !!(e != null && e.email), s = ((l = v.myopConfig) == null ? void 0 : l.name) || ((C = v.myopConfig) == null ? void 0 : C.componentName), i = (u = v.myopConfig) == null ? void 0 : u.componentId, d = po();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
-`), o && i ? (console.log(`  Component:  ${i}`), s ? (console.log(`  ID:         ${s}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${s}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? t.email : "Not logged in"}`), l != null && l.gitNotInstalled ? (console.log("  Changes:    Git not installed"), console.log("              Install: https://git-scm.com/downloads"), console.log("              Mac: brew install git | Windows: https://gitforwindows.org")) : l != null && l.notARepo ? console.log("  Changes:    Not a git repository") : l && (l.insertions > 0 || l.deletions > 0) ? console.log(`  Changes:    ${l.files} file${l.files !== 1 ? "s" : ""} | \x1B[32m+${l.insertions}\x1B[0m \x1B[31m-${l.deletions}\x1B[0m`) : l && console.log("  Changes:    No uncommitted changes"), console.log("");
-  const S = [
+`), 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"}`), d != null && d.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")) : d != null && d.notARepo ? console.log("  Changes:    Not a git repository") : d && (d.insertions > 0 || d.deletions > 0) ? console.log(`  Changes:    ${d.files} file${d.files !== 1 ? "s" : ""} | \x1B[32m+${d.insertions}\x1B[0m \x1B[31m-${d.deletions}\x1B[0m`) : d && console.log("  Changes:    No uncommitted changes"), console.log("");
+  const y = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -2510,130 +2756,130 @@ const to = () => {
     },
     {
       emoji: "🛠️ ",
-      label: i ? `Start dev mode for "${i}"` : "Start dev mode",
+      label: s ? `Start dev mode for "${s}"` : "Start dev mode",
       value: "dev",
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: o ? !1 : "(no config file)"
     },
     {
       emoji: "📦",
-      label: i ? `Push "${i}"` : "Push component",
+      label: s ? `Push "${s}"` : "Push component",
       value: "sync",
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: o ? n ? !1 : "(login required)" : "(no config file)"
     }
-  ].map((y) => ({
-    name: e && !y.disabled ? `${y.emoji} ${y.label}
-     ${y.help}` : `${y.emoji} ${y.label}`,
-    value: y.value,
-    disabled: y.disabled
+  ].map((P) => ({
+    name: t && !P.disabled ? `${P.emoji} ${P.label}
+     ${P.help}` : `${P.emoji} ${P.label}`,
+    value: P.value,
+    disabled: P.disabled
   }));
-  S.push(
-    new ke(),
+  y.push(
+    new _e(),
     {
-      name: e && n ? `🔓 Logout (${t.email})
-     Clears stored credentials from this machine` : e && !n ? `🔐 Login to Myop
-     Opens browser to authenticate with Myop` : n ? `🔓 Logout (${t.email})` : "🔐 Login to Myop",
+      name: t && n ? `🔓 Logout (${e.email})
+     Clears stored credentials from this machine` : t && !n ? `🔐 Login to Myop
+     Opens browser to authenticate with Myop` : n ? `🔓 Logout (${e.email})` : "🔐 Login to Myop",
       value: n ? "logout" : "login"
     },
     {
-      name: e ? "📖 Hide help" : "📖 Show help",
+      name: t ? "📖 Hide help" : "📖 Show help",
       value: "help"
     },
-    new ke(),
+    new _e(),
     {
       name: "👋 Exit",
       value: "exit"
     }
   );
-  let d;
+  let c;
   try {
-    d = await Qe({
+    c = await et({
       message: "What would you like to do?",
-      choices: S
+      choices: y
     });
-  } catch (y) {
-    throw y.name === "ExitPromptError" && (console.log(`
+  } catch (P) {
+    throw P.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), y;
+`), process.exit(0)), P;
   }
-  switch (d) {
+  switch (c) {
     case "init":
-      await io();
+      await fo();
       break;
     case "sync":
       console.log(`
-Running sync...
+Pushing component...
 `);
-      const { execSync: y } = await import("child_process");
+      const { execSync: P } = await import("child_process");
       try {
-        y("node " + process.argv[1] + " sync", { stdio: "inherit" });
+        P("node " + process.argv[1] + " push", { stdio: "inherit" });
       } catch {
       }
-      await ne(!0, e);
+      await ie(!0, t);
       break;
     case "dev":
-      await be();
+      await xe();
       break;
     case "login":
       try {
         await de(), console.log(`
-`), await ne(o, e);
-      } catch (C) {
-        console.error("Login failed:", C.message), await ne(o, e);
+`), await ie(o, t);
+      } catch (g) {
+        console.error("Login failed:", g.message), await ie(o, t);
       }
       break;
     case "logout":
-      await it(), console.log(`
-`), await ne(o, e);
+      await dt(), console.log(`
+`), await ie(o, t);
       break;
     case "help":
-      await ne(o, !e);
+      await ie(o, !t);
       break;
     case "exit":
       process.exit(0);
   }
-}, ve = ".myop-monorepo.json", oo = () => {
+}, ve = ".myop-monorepo.json", mo = () => {
   try {
-    const o = I.readFileSync(ve, "utf-8");
+    const o = M.readFileSync(ve, "utf-8");
     return JSON.parse(o);
   } catch {
     return null;
   }
-}, no = (o) => {
+}, uo = (o) => {
   try {
-    const e = {
+    const t = {
       selectedComponents: o,
       lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
     };
-    I.writeFileSync(ve, JSON.stringify(e, null, 2));
+    M.writeFileSync(ve, JSON.stringify(t, null, 2));
   } catch {
   }
-}, so = async () => {
-  const o = xe(), e = !!(o != null && o.email);
+}, go = async () => {
+  const o = $e(), t = !!(o != null && o.email);
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Myop CLI - Monorepo Mode                      │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `);
-  const t = V("Scanning for components...").start(), n = at(".");
-  t.stop(), n.length === 0 && (console.log(`  ⚠️  No myop.config.json files found in this directory or subdirectories.
+  const e = Y("Scanning for components...").start(), n = Ve(".");
+  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 i = oo(), s = (i == null ? void 0 : i.selectedComponents) || [], l = s.length > 0;
+  const s = mo(), i = (s == null ? void 0 : s.selectedComponents) || [], d = i.length > 0;
   console.log(`  Found ${n.length} component${n.length > 1 ? "s" : ""}:
-`), n.forEach((u, y) => {
-    const C = u.componentId ? "✅" : "⚪", T = u.componentId ? u.componentId.substring(0, 8) + "..." : "(not pushed)";
-    console.log(`  ${C} ${u.name}`), console.log(`     Path: ${u.path}`), console.log(`     ID:   ${T}`), console.log("");
-  }), console.log(`  User: ${e ? o.email : "Not logged in"}`), l && console.log(`  📋 Using saved selection from ${ve}`), console.log("");
-  const { checkbox: w } = await import("@inquirer/prompts"), S = n.map((u) => ({
+`), n.forEach((u, P) => {
+    const g = u.componentId ? "✅" : "⚪", w = u.componentId ? u.componentId.substring(0, 8) + "..." : "(not pushed)";
+    console.log(`  ${g} ${u.name}`), console.log(`     Path: ${u.path}`), console.log(`     ID:   ${w}`), console.log("");
+  }), console.log(`  User: ${t ? o.email : "Not logged in"}`), d && console.log(`  📋 Using saved selection from ${ve}`), console.log("");
+  const { checkbox: h } = await import("@inquirer/prompts"), y = n.map((u) => ({
     name: `${u.name} (${u.path})`,
     value: u.path,
-    checked: l ? s.includes(u.path) : !0
+    checked: d ? i.includes(u.path) : !0
   }));
-  let d;
+  let c;
   try {
-    d = await w({
+    c = await h({
       message: "Select components to start in dev mode:",
-      choices: S
+      choices: y
     });
   } catch (u) {
     throw u.name === "ExitPromptError" && (console.log(`
@@ -2641,23 +2887,23 @@ Running sync...
 👋 Goodbye!
 `), process.exit(0)), u;
   }
-  d.length === 0 && (console.log(`
+  c.length === 0 && (console.log(`
 ⚠️  No components selected.
-`), process.exit(0)), no(d), console.log(`
+`), process.exit(0)), uo(c), console.log(`
 💾 Selection saved to ${ve}`);
-  const c = n.filter((u) => d.includes(u.path));
-  console.log(`🚀 Starting dev mode for ${c.length} component${c.length > 1 ? "s" : ""}...
+  const l = n.filter((u) => c.includes(u.path));
+  console.log(`🚀 Starting dev mode for ${l.length} component${l.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: $ } = await Promise.resolve().then(() => _t);
-  await $(c);
-}, io = async () => {
-  const { input: o, select: e } = await import("@inquirer/prompts"), t = await import("fs"), n = await import("path"), i = n.default.basename(process.cwd());
-  let s, l;
+  const { monorepoDevCommand: C } = await Promise.resolve().then(() => Ht);
+  await C(l);
+}, fo = 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, d;
   try {
-    s = await o({
+    i = await o({
       message: "Component name:",
-      default: i
-    }), l = await e({
+      default: s
+    }), d = await t({
       message: "Component type:",
       choices: [
         { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
@@ -2666,23 +2912,23 @@ Running sync...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (d) {
-    throw d.name === "ExitPromptError" && (console.log(`
+  } catch (c) {
+    throw c.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), d;
+`), process.exit(0)), c;
   }
-  const w = {
-    name: s,
-    type: l,
+  const h = {
+    name: i,
+    type: d,
     author: "@myop-cli",
     HMR: !0
-  }, S = h.program.getOptionValue("config") || "./myop.config.json";
+  }, y = v.program.getOptionValue("config") || "./myop.config.json";
   try {
-    t.writeFileSync(S, JSON.stringify(w, null, 2)), console.log(`
-✅ Created ${S}`);
-    const d = {
-      name: s.toLowerCase().replace(/\s+/g, "-"),
+    e.writeFileSync(y, JSON.stringify(h, null, 2)), console.log(`
+✅ Created ${y}`);
+    const c = {
+      name: i.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
       scripts: {
@@ -2693,7 +2939,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    t.writeFileSync("package.json", JSON.stringify(d, null, 2)), console.log("✅ Created package.json"), t.mkdirSync("src/modules", { recursive: !0 }), t.mkdirSync("src/styles", { recursive: !0 }), t.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    e.writeFileSync("package.json", JSON.stringify(c, null, 2)), console.log("✅ Created package.json"), e.mkdirSync("src/modules", { recursive: !0 }), e.mkdirSync("src/styles", { recursive: !0 }), e.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
 
@@ -2773,25 +3019,25 @@ fs.writeFileSync('dist/index.html', html);
 console.log('✅ Built dist/index.html');
 console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS files\`);
 `), console.log("✅ Created build.js");
-    const $ = `<!DOCTYPE html>
+    const C = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${s}</title>
+    <title>${i}</title>
     <link rel="stylesheet" href="./src/styles/index.css">
 </head>
 <body>
     <div id="app">
-        <h1>${s}</h1>
+        <h1>${i}</h1>
         <p>Your Myop component is ready!</p>
     </div>
     <script type="module" src="./src/index.js"><\/script>
 </body>
 </html>
 `;
-    t.writeFileSync("index.html", $), console.log("✅ Created index.html");
-    const u = `// ${s} - Entry Point
+    e.writeFileSync("index.html", C), console.log("✅ Created index.html");
+    const u = `// ${i} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
 
@@ -2800,16 +3046,16 @@ document.addEventListener('DOMContentLoaded', () => {
     setupMyopInterface();
 });
 `;
-    t.writeFileSync("src/index.js", u), console.log("✅ Created src/index.js");
-    const y = `// ${s} - Main Application Logic
+    e.writeFileSync("src/index.js", u), console.log("✅ Created src/index.js");
+    const P = `// ${i} - Main Application Logic
 
 export function init() {
-    console.log('${s} loaded');
+    console.log('${i} loaded');
 
     // Your component logic here
 }
 `;
-    t.writeFileSync("src/modules/app.js", y), console.log("✅ Created src/modules/app.js"), t.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    e.writeFileSync("src/modules/app.js", P), 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
@@ -2825,12 +3071,12 @@ export function setupMyopInterface() {
     };
 }
 `), console.log("✅ Created src/modules/myop.js");
-    const T = `/* ${s} - Styles Entry Point */
+    const w = `/* ${i} - Styles Entry Point */
 /* Add your CSS imports here - they will be auto-bundled */
 @import './main.css';
 `;
-    t.writeFileSync("src/styles/index.css", T), console.log("✅ Created src/styles/index.css");
-    const j = `/* ${s} - Main Styles */
+    e.writeFileSync("src/styles/index.css", w), console.log("✅ Created src/styles/index.css");
+    const j = `/* ${i} - Main Styles */
 
 * {
     box-sizing: border-box;
@@ -2859,18 +3105,18 @@ p {
     line-height: 1.5;
 }
 `;
-    t.writeFileSync("src/styles/main.css", j), console.log("✅ Created src/styles/main.css"), t.writeFileSync(".gitignore", `node_modules/
+    e.writeFileSync("src/styles/main.css", j), console.log("✅ Created src/styles/main.css"), e.writeFileSync(".gitignore", `node_modules/
 dist/
 .temp-entry.js
 .temp-styles.css
 .DS_Store
 `), console.log("✅ Created .gitignore");
-    const b = rt(process.cwd());
-    b && console.log("✅ Installed AI agent skills");
-    const F = await import("./index-DuEoKctW.js").then((f) => f.i), x = process.cwd();
+    const b = await We(process.cwd());
+    b.success && console.log("✅ Installed AI agent skills");
+    const p = await import("./index-DuEoKctW.js").then((x) => x.i), E = process.cwd();
     try {
-      await F.init({ fs: t, dir: x });
-      const f = [
+      await p.init({ fs: e, dir: E });
+      const x = [
         "myop.config.json",
         "package.json",
         "build.js",
@@ -2882,77 +3128,85 @@ dist/
         "src/styles/index.css",
         "src/styles/main.css"
       ];
-      if (b) {
-        const E = (L, B) => {
+      if (b.success) {
+        const O = (R, D) => {
           try {
-            const U = t.readdirSync(L, { withFileTypes: !0 });
-            for (const k of U) {
-              const z = n.join(L, k.name), R = n.join(B, k.name);
-              k.isDirectory() ? E(z, R) : f.push(R);
+            const L = e.readdirSync(R, { withFileTypes: !0 });
+            for (const T of L) {
+              const J = n.join(R, T.name), F = n.join(D, T.name);
+              T.isDirectory() ? O(J, F) : x.push(F);
             }
           } catch {
           }
         };
-        E(".agents/skills", ".agents/skills");
+        try {
+          const R = e.readdirSync(".", { withFileTypes: !0 });
+          for (const D of R)
+            if (D.isDirectory() && D.name.startsWith(".")) {
+              const L = n.join(D.name, "skills");
+              e.existsSync(L) && O(L, L);
+            }
+        } catch {
+        }
       }
-      for (const E of f)
-        await F.add({ fs: t, dir: x, filepath: E });
-      await F.commit({
-        fs: t,
-        dir: x,
+      for (const O of x)
+        await p.add({ fs: e, dir: E, filepath: O });
+      await p.commit({
+        fs: e,
+        dir: E,
         message: "init",
         author: { name: "myop-cli", email: "cli@myop.dev" }
       }), console.log("✅ Initialized git repository");
-    } catch (f) {
-      console.log("⚠️  Failed to initialize git repository:", f.message);
+    } catch (x) {
+      console.log("⚠️  Failed to initialize git repository:", x.message);
     }
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
-`), h.myopConfig = w, await ne(!0);
-  } catch (d) {
-    console.error(`Failed to initialize component: ${d.message}`), process.exit(1);
+`), v.myopConfig = h, await ie(!0);
+  } catch (c) {
+    console.error(`Failed to initialize component: ${c.message}`), process.exit(1);
   }
 };
-h.program.command("default", { isDefault: !0 }).action(async () => {
-  if (h.program.getOptionValue("help") && (console.log(bt), process.exit()), h.program.getOptionValue("monorepo")) {
-    await so();
+v.program.command("default", { isDefault: !0 }).action(async () => {
+  if (v.program.getOptionValue("help") && (console.log(Pt), process.exit()), v.program.getOptionValue("monorepo")) {
+    await go();
     return;
   }
-  if (h.program.getOptionValue("ci")) {
-    const w = await import("fs"), S = h.program.getOptionValue("config") || "./myop.config.json", d = h.program.version(), c = xe();
-    let $ = { found: !1 };
+  if (v.program.getOptionValue("ci")) {
+    const h = await import("fs"), y = v.program.getOptionValue("config") || "./myop.config.json", c = v.program.version(), l = $e();
+    let C = { found: !1 };
     try {
-      if (w.existsSync(S)) {
-        const y = w.readFileSync(S, "utf-8"), C = JSON.parse(y);
-        $ = {
+      if (h.existsSync(y)) {
+        const P = h.readFileSync(y, "utf-8"), g = JSON.parse(P);
+        C = {
           found: !0,
-          path: S,
-          name: C.name || C.componentName || null,
-          componentId: C.componentId || null,
-          organization: C.organization || null
+          path: y,
+          name: g.name || g.componentName || null,
+          componentId: g.componentId || null,
+          organization: g.organization || null
         };
       }
-    } catch (y) {
-      $ = { found: !1, error: y.message };
+    } catch (P) {
+      C = { found: !1, error: P.message };
     }
     const u = {
-      version: d,
-      config: $,
+      version: c,
+      config: C,
       auth: {
-        loggedIn: !!(c != null && c.email),
-        email: (c == null ? void 0 : c.email) || null
+        loggedIn: !!(l != null && l.email),
+        email: (l == null ? void 0 : l.email) || null
       }
     };
     console.log(JSON.stringify(u, null, 2)), process.exit(0);
   }
-  let n = V({
+  let n = Y({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const i = $e();
-  await Xt(500), n.stop();
-  const s = h.program.version();
-  await Zt(s) || await ne(i.configFound);
+  const s = Ce();
+  await ro(500), n.stop();
+  const i = v.program.version();
+  await to(i) || await ie(s.configFound);
 });
-h.program.parse(process.argv);
-h.program.opts();
+v.program.parse(process.argv);
+v.program.opts();