@mayson-org/inject-script 1.0.0 → 1.0.3

package/dist/plugins/watermark/template.js

@@ -0,0 +1,128 @@
+import { buildRemixRedirectUrl } from '../../shared/remix-url.js';
+const LOGO_URL = 'https://mayson.dev/logo/brand-logo-dark.png';
+function resolveWatermarkOptions(context) {
+    const wm = context?.watermark;
+    return {
+        enableRemix: wm?.enableRemix ?? false,
+        appBaseUrl: wm?.appBaseUrl || 'https://mayson.dev',
+        collectionId: wm?.collectionId || '',
+    };
+}
+/** Source for the consumer-app MaysonWatermark client component. */
+export function buildMaysonWatermarkSource(context) {
+    const options = resolveWatermarkOptions(context);
+    const remixUrl = buildRemixRedirectUrl({
+        appBaseUrl: options.appBaseUrl,
+        collectionId: options.collectionId,
+        enableRemix: options.enableRemix,
+    });
+    return `'use client';
+
+import React, { useState } from 'react';
+
+const LOGO_URL = ${JSON.stringify(LOGO_URL)};
+const REMIX_URL = ${JSON.stringify(remixUrl)};
+
+export function MaysonWatermark() {
+  const [dismissed, setDismissed] = useState(false);
+
+  if (dismissed) {
+    return null;
+  }
+
+  const handleRemix = (event: React.MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
+    window.location.href = REMIX_URL;
+  };
+
+  const handleDismiss = (event: React.MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setDismissed(true);
+  };
+
+  return (
+    <div
+      role="group"
+      aria-label="Edit with Mayson"
+      style={{
+        position: 'fixed',
+        right: 16,
+        bottom: 16,
+        zIndex: 2147483647,
+        display: 'inline-flex',
+        alignItems: 'flex-end',
+        gap: 8,
+        padding: '4px 8px',
+        borderRadius: 6,
+        background: '#171718',
+        border: '0.6px solid #46454866',
+        boxShadow: '0px 8px 12px 6px #00000026',
+        fontFamily: '"Google Sans", system-ui, -apple-system, sans-serif',
+        textTransform: 'none',
+      }}
+    >
+      <button
+        type="button"
+        onClick={handleRemix}
+        style={{
+          display: 'inline-flex',
+          alignItems: 'center',
+          gap: 4,
+          color: '#9D9DA2',
+          textDecoration: 'none',
+          cursor: 'pointer',
+          outline: 'none',
+          border: 'none',
+          background: 'transparent',
+          padding: 0,
+          margin: 0,
+          fontFamily: 'inherit',
+        }}
+      >
+        <span
+          style={{
+            color: '#9D9DA2',
+            fontSize: 12,
+            fontWeight: 500,
+            lineHeight: '14px',
+            whiteSpace: 'nowrap',
+          }}
+        >
+          Edit with
+        </span>
+        <img
+          src={LOGO_URL}
+          alt="Mayson"
+          style={{ display: 'block', height: 16, width: 'auto' }}
+        />
+      </button>
+      <button
+        type="button"
+        aria-label="Dismiss Edit with Mayson"
+        onClick={handleDismiss}
+        style={{
+          display: 'inline-flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          width: 18,
+          height: 18,
+          padding: 0,
+          border: 'none',
+          background: 'transparent',
+          color: '#9D9DA2',
+          fontSize: 16,
+          lineHeight: 1,
+          cursor: 'pointer',
+          flexShrink: 0,
+          fontFamily: 'inherit',
+        }}
+      >
+        &times;
+      </button>
+    </div>
+  );
+}
+`;
+}

package/dist/shared/config.d.ts

@@ -0,0 +1,13 @@
+export type MaysonEnvConfig = {
+    workspaceId: string;
+    collectionId: string;
+    apiBaseUrl: string;
+    appBaseUrl: string;
+    webToken: string;
+    /** Local defaults before API merge */
+    showRemixPill: boolean;
+    enableRemix: boolean;
+};
+/** Load Mayson platform env (inject-time / CLI). */
+export declare function loadMaysonEnvConfig(): MaysonEnvConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/shared/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/shared/config.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAMF,oDAAoD;AACpD,wBAAgB,mBAAmB,IAAI,eAAe,CA0BrD"}

package/dist/shared/config.js

@@ -0,0 +1,25 @@
+function readEnv(key) {
+    return process.env[key]?.trim() ?? '';
+}
+/** Load Mayson platform env (inject-time / CLI). */
+export function loadMaysonEnvConfig() {
+    const workspaceId = readEnv('MAYSON_WORKSPACE_ID');
+    const collectionId = readEnv('MAYSON_COLLECTION_ID') || readEnv('NEXT_PUBLIC_MAYSON_COLLECTION_ID');
+    const apiBaseUrl = readEnv('MAYSON_API_BASE_URL');
+    const appBaseUrl = readEnv('MAYSON_APP_BASE_URL') ||
+        readEnv('NEXT_PUBLIC_MAYSON_APP_BASE_URL') ||
+        'https://mayson.dev';
+    const webToken = readEnv('MAYSON_WEB_TOKEN');
+    if (!workspaceId && !collectionId && !apiBaseUrl) {
+        console.warn('[mayson] missing MAYSON_WORKSPACE_ID, MAYSON_COLLECTION_ID, or MAYSON_API_BASE_URL — metadata fetch may be skipped');
+    }
+    return {
+        workspaceId,
+        collectionId,
+        apiBaseUrl,
+        appBaseUrl,
+        webToken,
+        showRemixPill: false,
+        enableRemix: false,
+    };
+}

package/dist/shared/generated-app-metadata.d.ts

@@ -0,0 +1,28 @@
+import type { MaysonEnvConfig } from './config.js';
+export type GeneratedAppMetadataValue = {
+    show_remix_pill?: boolean | null;
+    enable_remix?: boolean | null;
+};
+export type GeneratedAppMetadataResponse = {
+    response_code?: number;
+    response_type?: string;
+    message?: string;
+    value?: GeneratedAppMetadataValue;
+};
+export type FetchGeneratedAppMetadataOptions = {
+    webToken?: string;
+    fetchImpl?: typeof fetch;
+    timeoutMs?: number;
+};
+/** When metadata record does not exist yet — show pill and allow remix. */
+export declare const METADATA_NOT_FOUND_DEFAULTS: Pick<MaysonEnvConfig, 'showRemixPill' | 'enableRemix'>;
+export declare function resolveGeneratedAppMetadataUrl(config: Pick<MaysonEnvConfig, 'apiBaseUrl' | 'workspaceId' | 'collectionId'>): string | null;
+export declare function shouldFetchGeneratedAppMetadata(config: MaysonEnvConfig, webToken?: string): boolean;
+export declare function mapGeneratedAppMetadataValue(value: GeneratedAppMetadataValue): Partial<Pick<MaysonEnvConfig, 'showRemixPill' | 'enableRemix'>>;
+/** True when API indicates no metadata row exists yet (HTTP or body 404). */
+export declare function isGeneratedAppMetadataNotFound(httpStatus: number, data: GeneratedAppMetadataResponse | null | undefined): boolean;
+/** Fetch generated-app-metadata. Returns null on hard failure (network / non-404 errors). */
+export declare function fetchGeneratedAppMetadata(config: MaysonEnvConfig, options?: FetchGeneratedAppMetadataOptions): Promise<Partial<Pick<MaysonEnvConfig, 'showRemixPill' | 'enableRemix'>> | null>;
+/** Local env config merged with generated-app-metadata when credentials are set. */
+export declare function resolveMaysonConfig(options?: FetchGeneratedAppMetadataOptions): Promise<MaysonEnvConfig>;
+//# sourceMappingURL=generated-app-metadata.d.ts.map

package/dist/shared/generated-app-metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generated-app-metadata.d.ts","sourceRoot":"","sources":["../../src/shared/generated-app-metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,MAAM,yBAAyB,GAAG;IACtC,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,EAAE,IAAI,CAC5C,eAAe,EACf,eAAe,GAAG,aAAa,CAIhC,CAAC;AAEF,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,aAAa,GAAG,cAAc,CAAC,GAC3E,MAAM,GAAG,IAAI,CASf;AAED,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,eAAe,EACvB,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAGT;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,yBAAyB,GAC/B,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,eAAe,GAAG,aAAa,CAAC,CAAC,CAWjE;AAED,6EAA6E;AAC7E,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,4BAA4B,GAAG,IAAI,GAAG,SAAS,GACpD,OAAO,CAiBT;AAYD,6FAA6F;AAC7F,wBAAsB,yBAAyB,CAC7C,MAAM,EAAE,eAAe,EACvB,OAAO,GAAE,gCAAqC,GAC7C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,eAAe,GAAG,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,CAiDjF;AAED,oFAAoF;AACpF,wBAAsB,mBAAmB,CACvC,OAAO,GAAE,gCAAqC,GAC7C,OAAO,CAAC,eAAe,CAAC,CAa1B"}

package/dist/shared/generated-app-metadata.js

@@ -0,0 +1,103 @@
+import { loadMaysonEnvConfig } from './config.js';
+/** When metadata record does not exist yet — show pill and allow remix. */
+export const METADATA_NOT_FOUND_DEFAULTS = {
+    showRemixPill: true,
+    enableRemix: true,
+};
+export function resolveGeneratedAppMetadataUrl(config) {
+    const base = config.apiBaseUrl.replace(/\/$/, '');
+    const workspaceId = config.workspaceId.trim();
+    const collectionId = config.collectionId.trim();
+    if (!base || !workspaceId || !collectionId) {
+        return null;
+    }
+    return `${base}/sigma/web/v1/generated-app-metadata/workspaces/${encodeURIComponent(workspaceId)}/collections/${encodeURIComponent(collectionId)}`;
+}
+export function shouldFetchGeneratedAppMetadata(config, webToken) {
+    const token = (webToken ?? config.webToken).trim();
+    return resolveGeneratedAppMetadataUrl(config) !== null && token.length > 0;
+}
+export function mapGeneratedAppMetadataValue(value) {
+    const partial = {};
+    if (value.show_remix_pill !== null && value.show_remix_pill !== undefined) {
+        partial.showRemixPill = value.show_remix_pill;
+    }
+    if (value.enable_remix !== null && value.enable_remix !== undefined) {
+        partial.enableRemix = value.enable_remix;
+    }
+    return partial;
+}
+/** True when API indicates no metadata row exists yet (HTTP or body 404). */
+export function isGeneratedAppMetadataNotFound(httpStatus, data) {
+    if (httpStatus === 404) {
+        return true;
+    }
+    if (!data || typeof data !== 'object') {
+        return false;
+    }
+    if (data.response_code === 404) {
+        return true;
+    }
+    if (data.response_type === 'failed' &&
+        /generated app metadata not found/i.test(data.message ?? '')) {
+        return true;
+    }
+    return false;
+}
+async function readJsonSafe(response) {
+    try {
+        return (await response.json());
+    }
+    catch {
+        return null;
+    }
+}
+/** Fetch generated-app-metadata. Returns null on hard failure (network / non-404 errors). */
+export async function fetchGeneratedAppMetadata(config, options = {}) {
+    const url = resolveGeneratedAppMetadataUrl(config);
+    const token = (options.webToken ?? config.webToken).trim();
+    if (!url || !token) {
+        return null;
+    }
+    const fetchImpl = options.fetchImpl ?? fetch;
+    const timeoutMs = options.timeoutMs ?? 10_000;
+    try {
+        const response = await fetchImpl(url, {
+            headers: {
+                Accept: 'application/json',
+                'M-Web-Token': token,
+            },
+            signal: AbortSignal.timeout(timeoutMs),
+        });
+        const data = await readJsonSafe(response);
+        if (isGeneratedAppMetadataNotFound(response.status, data)) {
+            console.log('[mayson] generated-app-metadata not found — defaulting show_remix_pill=true, enable_remix=true');
+            return { ...METADATA_NOT_FOUND_DEFAULTS };
+        }
+        if (!response.ok) {
+            console.warn(`[mayson] generated-app-metadata request failed (${response.status}) — using local config`);
+            return null;
+        }
+        if (!data?.value || typeof data.value !== 'object') {
+            console.warn('[mayson] generated-app-metadata response invalid — using local config');
+            return null;
+        }
+        return mapGeneratedAppMetadataValue(data.value);
+    }
+    catch (err) {
+        console.warn(`[mayson] generated-app-metadata fetch failed: ${err.message} — using local config`);
+        return null;
+    }
+}
+/** Local env config merged with generated-app-metadata when credentials are set. */
+export async function resolveMaysonConfig(options = {}) {
+    const local = loadMaysonEnvConfig();
+    if (!shouldFetchGeneratedAppMetadata(local, options.webToken)) {
+        return local;
+    }
+    const api = await fetchGeneratedAppMetadata(local, options);
+    if (!api) {
+        return local;
+    }
+    return { ...local, ...api };
+}

package/dist/shared/remix-url.d.ts

@@ -0,0 +1,13 @@
+/** UTM source for remix links opened from the watermark pill. */
+export declare const BADGE_UTM_SOURCE = "mayson-badge";
+export type RemixUrlConfig = {
+    appBaseUrl?: string;
+    collectionId?: string;
+    enableRemix?: boolean;
+};
+/**
+ * Build the mayson.dev remix redirect URL (same pattern as the legacy build plugins).
+ * Baked into the generated watermark component at inject time.
+ */
+export declare function buildRemixRedirectUrl(config?: RemixUrlConfig): string;
+//# sourceMappingURL=remix-url.d.ts.map

package/dist/shared/remix-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remix-url.d.ts","sourceRoot":"","sources":["../../src/shared/remix-url.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,gBAAgB,iBAAiB,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,GAAE,cAAmB,GAAG,MAAM,CAWzE"}

package/dist/shared/remix-url.js

@@ -0,0 +1,16 @@
+/** UTM source for remix links opened from the watermark pill. */
+export const BADGE_UTM_SOURCE = 'mayson-badge';
+/**
+ * Build the mayson.dev remix redirect URL (same pattern as the legacy build plugins).
+ * Baked into the generated watermark component at inject time.
+ */
+export function buildRemixRedirectUrl(config = {}) {
+    const base = (config.appBaseUrl ?? 'https://mayson.dev').replace(/\/$/, '') || 'https://mayson.dev';
+    const collectionId = config.collectionId?.trim() ?? '';
+    const enableRemix = config.enableRemix === true;
+    if (enableRemix && collectionId) {
+        const remixPath = `/workspaces?coll=${collectionId}&utm_source=${BADGE_UTM_SOURCE}&action=remix`;
+        return `${base}/redirect?to=${encodeURIComponent(remixPath)}`;
+    }
+    return `${base}/`;
+}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@mayson-org/inject-script",
-  "version": "1.0.0",
-  "description": "CLI tool and utility to dynamically locate Next.js App Router root layout files and inject the Mayson iframe script/component.",
+  "version": "1.0.3",
+  "description": "CLI and library to locate Next.js App Router root layouts, generate Mayson plugin components, and inject them into the layout tree.",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "type": "module",
   "bin": {
@@ -12,7 +11,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },
@@ -25,8 +24,8 @@
   "files": [
     "bin",
     "dist",
-    "src",
-    "README.md"
+    "README.md",
+    ".env.example"
   ],
   "publishConfig": {
     "access": "public"
@@ -35,10 +34,18 @@
     "nextjs",
     "app-router",
     "layout",
-    "iframe",
+    "watermark",
+    "metadata",
     "mayson",
     "cli"
   ],
   "author": "",
-  "license": "MIT"
+  "license": "MIT",
+  "engines": {
+    "node": ">=20"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.1",
+    "typescript": "^5.9.3"
+  }
 }

package/src/find-root-layout.ts

@@ -1,88 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-const LAYOUT_EXTENSIONS = ['.tsx', '.jsx', '.ts', '.js'];
-
-/**
- * Recursively search a directory for layout files.
- */
-function findLayoutFiles(dir: string, fileList: string[] = []): string[] {
-  if (!fs.existsSync(dir)) return fileList;
-
-  const entries = fs.readdirSync(dir, { withFileTypes: true });
-
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-
-    if (entry.isDirectory()) {
-      // Don't traverse node_modules or hidden folders (.next, .git)
-      if (entry.name === 'node_modules' || entry.name.startsWith('.')) {
-        continue;
-      }
-      findLayoutFiles(fullPath, fileList);
-    } else if (entry.isFile()) {
-      const ext = path.extname(entry.name);
-      const base = path.basename(entry.name, ext);
-      if (base === 'layout' && LAYOUT_EXTENSIONS.includes(ext)) {
-        fileList.push(fullPath);
-      }
-    }
-  }
-
-  return fileList;
-}
-
-/**
- * Scores a layout file candidate to determine if it is the root layout.
- * Higher score = higher likelihood of being the root layout.
- */
-function scoreLayoutCandidate(filePath: string, projectRoot: string): number {
-  const content = fs.readFileSync(filePath, 'utf-8');
-  const relativePath = path.relative(projectRoot, filePath);
-  const depth = relativePath.split(path.sep).length;
-
-  let score = 100 - depth; // Shorter path depth is preferred
-
-  // Check for HTML/Body root tags
-  if (/<html/i.test(content)) score += 50;
-  if (/<body/i.test(content)) score += 50;
-
-  // Check if located directly under app/ or src/app/
-  const isDirectAppChild = /^src[/\\]app[/\\]layout\.[jt]sx?$/.test(relativePath) ||
-                           /^app[/\\]layout\.[jt]sx?$/.test(relativePath);
-  if (isDirectAppChild) score += 40;
-
-  return score;
-}
-
-/**
- * Finds the most likely Next.js App Router root layout file in a project.
- */
-export function findRootLayout(projectRoot: string = process.cwd()): string | null {
-  const possibleAppDirs = [
-    path.join(projectRoot, 'src', 'app'),
-    path.join(projectRoot, 'app'),
-  ];
-
-  const candidateFiles: string[] = [];
-
-  for (const appDir of possibleAppDirs) {
-    if (fs.existsSync(appDir)) {
-      findLayoutFiles(appDir, candidateFiles);
-    }
-  }
-
-  if (candidateFiles.length === 0) {
-    return null;
-  }
-
-  // Score each candidate to pick the true root layout
-  const scored = candidateFiles.map((filePath) => ({
-    filePath,
-    score: scoreLayoutCandidate(filePath, projectRoot),
-  }));
-
-  scored.sort((a, b) => b.score - a.score);
-
-  return scored[0]?.filePath || null;
-}

package/src/index.ts

@@ -1,27 +0,0 @@
-import { findRootLayout } from './find-root-layout.js';
-import { injectMaysonIframe, InjectorOptions, InjectorResult } from './injector.js';
-
-export { findRootLayout, injectMaysonIframe };
-export type { InjectorOptions, InjectorResult };
-
-/**
- * Convenience function to automatically locate and inject the Mayson iframe into a Next.js project.
- */
-export function runAutoInject(projectRoot: string = process.cwd(), iframeUrl: string = 'https://mayson.dev/', dryRun: boolean = false): InjectorResult {
-  const layoutPath = findRootLayout(projectRoot);
-
-  if (!layoutPath) {
-    return {
-      success: false,
-      filePath: '',
-      alreadyInjected: false,
-      error: `Could not locate Next.js App Router root layout file in ${projectRoot}`,
-    };
-  }
-
-  return injectMaysonIframe({
-    filePath: layoutPath,
-    iframeUrl,
-    dryRun,
-  });
-}

package/src/injector.ts

@@ -1,101 +0,0 @@
-import fs from 'fs';
-
-export interface InjectorOptions {
-  filePath: string;
-  iframeUrl?: string;
-  dryRun?: boolean;
-}
-
-export interface InjectorResult {
-  success: boolean;
-  filePath: string;
-  alreadyInjected: boolean;
-  modifiedContent?: string;
-  error?: string;
-}
-
-const INJECTION_MARKER = '/* @mayson-iframe-injected */';
-
-export function injectMaysonIframe(options: InjectorOptions): InjectorResult {
-  const { filePath, iframeUrl = 'https://mayson.dev/', dryRun = false } = options;
-
-  if (!fs.existsSync(filePath)) {
-    return {
-      success: false,
-      filePath,
-      alreadyInjected: false,
-      error: `File not found: ${filePath}`,
-    };
-  }
-
-  const content = fs.readFileSync(filePath, 'utf-8');
-
-  // Idempotency check: Don't inject twice
-  if (content.includes(INJECTION_MARKER) || content.includes(iframeUrl)) {
-    return {
-      success: true,
-      filePath,
-      alreadyInjected: true,
-    };
-  }
-
-  const snippet = `
-      {${INJECTION_MARKER}}
-      <iframe
-        src="${iframeUrl}"
-        style={{
-          position: 'fixed',
-          bottom: '20px',
-          right: '20px',
-          width: '400px',
-          height: '600px',
-          border: 'none',
-          borderRadius: '12px',
-          boxShadow: '0 8px 32px rgba(0, 0, 0, 0.25)',
-          zIndex: 999999,
-        }}
-        title="Mayson Dev Overlay"
-      />`;
-
-  let updatedContent: string | null = null;
-
-  // Option 1: Inject before </body>
-  if (/<\/body>/i.test(content)) {
-    updatedContent = content.replace(/<\/body>/i, `${snippet}\n      </body>`);
-  }
-  // Option 2: Inject before </html>
-  else if (/<\/html>/i.test(content)) {
-    updatedContent = content.replace(/<\/html>/i, `${snippet}\n      </html>`);
-  }
-  // Option 3: Inject before the closing tag of the return block (e.g. </main> or </div>)
-  else {
-    const lastClosingTagIndex = content.lastIndexOf('</');
-    if (lastClosingTagIndex !== -1) {
-      updatedContent =
-        content.slice(0, lastClosingTagIndex) +
-        snippet +
-        '\n      ' +
-        content.slice(lastClosingTagIndex);
-    }
-  }
-
-  if (!updatedContent) {
-    return {
-      success: false,
-      filePath,
-      alreadyInjected: false,
-      error: 'Could not find suitable JSX insertion point in layout file.',
-    };
-  }
-
-  if (!dryRun) {
-    fs.writeFileSync(filePath, updatedContent, 'utf-8');
-  }
-
-  return {
-    success: true,
-    filePath,
-    alreadyInjected: false,
-    modifiedContent: updatedContent,
-  };
-}