@see-ms/converter 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -1,14 +1,73 @@
 // src/converter.ts
 import pc3 from "picocolors";
-import path12 from "path";
-import fs10 from "fs-extra";
+import path16 from "path";
 
 // src/filesystem.ts
 import fs from "fs-extra";
-import path from "path";
+import path2 from "path";
 import { glob } from "glob";
 import { execSync } from "child_process";
 import pc from "picocolors";
+
+// src/assets.ts
+import path from "path";
+var RESPONSIVE_VARIANT_RE = /-p-(?:\d+(?:x\d+q\d+)?)(?=\.[^.]+$)/i;
+function isResponsiveImageVariant(filePath) {
+  return RESPONSIVE_VARIANT_RE.test(path.basename(filePath));
+}
+function toOriginalImageCandidate(filePath) {
+  return filePath.replace(RESPONSIVE_VARIANT_RE, "");
+}
+function normalizeAssetUrl(value) {
+  try {
+    return decodeURI(value);
+  } catch {
+    return value;
+  }
+}
+function normalizeImageSeedPath(imageSrc) {
+  if (!imageSrc) return "";
+  if (/^(https?:)?\/\//i.test(imageSrc) || imageSrc.startsWith("data:")) return imageSrc;
+  const [pathPart] = imageSrc.split(/[?#]/);
+  const decoded = normalizeAssetUrl(pathPart).replace(/^(\.\.\/)+/, "").replace(/^\.\//, "");
+  const withoutLeadingSlash = decoded.replace(/^\/+/, "");
+  const withoutAssetsPrefix = withoutLeadingSlash.replace(/^assets\/images\//, "images/");
+  const imageIndex = withoutAssetsPrefix.indexOf("images/");
+  const imagePath = imageIndex >= 0 ? withoutAssetsPrefix.slice(imageIndex) : `images/${path.basename(withoutAssetsPrefix)}`;
+  return `/${toOriginalImageCandidate(imagePath)}`;
+}
+function mediaLookupKeys(value) {
+  if (!value) return [];
+  const decoded = normalizeAssetUrl(value);
+  const withoutLeadingSlash = decoded.replace(/^\/+/, "");
+  const withoutAssetsPrefix = withoutLeadingSlash.replace(/^assets\/images\//, "images/");
+  const withoutImagesPrefix = withoutAssetsPrefix.replace(/^images\//, "");
+  const original = toOriginalImageCandidate(withoutImagesPrefix);
+  const basename = path.basename(original);
+  const basenameHyphenated = basename.replace(/\s+/g, "-");
+  return Array.from(/* @__PURE__ */ new Set([
+    decoded,
+    withoutLeadingSlash,
+    withoutAssetsPrefix,
+    withoutImagesPrefix,
+    original,
+    basename,
+    basenameHyphenated,
+    `/images/${withoutImagesPrefix}`,
+    `images/${withoutImagesPrefix}`,
+    `/images/${original}`,
+    `images/${original}`,
+    `/assets/images/${withoutImagesPrefix}`,
+    `assets/images/${withoutImagesPrefix}`,
+    `/assets/images/${original}`,
+    `assets/images/${original}`
+  ]));
+}
+function isLikelyImagePath(value) {
+  return /\.(?:jpe?g|png|gif|webp|avif|svg)(?:[?#].*)?$/i.test(value);
+}
+
+// src/filesystem.ts
 async function scanAssets(webflowDir) {
   const assets = {
     css: [],
@@ -18,47 +77,55 @@ async function scanAssets(webflowDir) {
   };
   const cssFiles = await glob("css/**/*.css", { cwd: webflowDir });
   assets.css = cssFiles;
-  const imageFiles = await glob("images/**/*", { cwd: webflowDir });
-  assets.images = imageFiles;
-  const fontFiles = await glob("fonts/**/*", { cwd: webflowDir });
+  const imageFiles = await glob("images/**/*", { cwd: webflowDir, nodir: true });
+  assets.images = imageFiles.filter((file) => !isResponsiveImageVariant(file));
+  const fontFiles = await glob("fonts/**/*", { cwd: webflowDir, nodir: true });
   assets.fonts = fontFiles;
   const jsFiles = await glob("js/**/*.js", { cwd: webflowDir });
   assets.js = jsFiles;
   return assets;
 }
 async function copyCSSFiles(webflowDir, outputDir, cssFiles) {
-  const targetDir = path.join(outputDir, "assets", "css");
+  const targetDir = path2.join(outputDir, "assets", "css");
   await fs.ensureDir(targetDir);
   for (const file of cssFiles) {
-    const source = path.join(webflowDir, file);
-    const target = path.join(targetDir, path.basename(file));
+    const source = path2.join(webflowDir, file);
+    const relative = path2.relative("css", file);
+    const target = path2.join(targetDir, relative);
+    await fs.ensureDir(path2.dirname(target));
     await fs.copy(source, target);
   }
 }
 async function copyImages(webflowDir, outputDir, imageFiles) {
-  const targetDir = path.join(outputDir, "public", "assets", "images");
+  const targetDir = path2.join(outputDir, "public", "assets", "images");
   await fs.ensureDir(targetDir);
   for (const file of imageFiles) {
-    const source = path.join(webflowDir, file);
-    const target = path.join(targetDir, path.basename(file));
+    const source = path2.join(webflowDir, file);
+    const relative = path2.relative("images", file);
+    const target = path2.join(targetDir, relative);
+    await fs.ensureDir(path2.dirname(target));
     await fs.copy(source, target);
   }
 }
 async function copyFonts(webflowDir, outputDir, fontFiles) {
-  const targetDir = path.join(outputDir, "public", "assets", "fonts");
+  const targetDir = path2.join(outputDir, "public", "assets", "fonts");
   await fs.ensureDir(targetDir);
   for (const file of fontFiles) {
-    const source = path.join(webflowDir, file);
-    const target = path.join(targetDir, path.basename(file));
+    const source = path2.join(webflowDir, file);
+    const relative = path2.relative("fonts", file);
+    const target = path2.join(targetDir, relative);
+    await fs.ensureDir(path2.dirname(target));
     await fs.copy(source, target);
   }
 }
 async function copyJSFiles(webflowDir, outputDir, jsFiles) {
-  const targetDir = path.join(outputDir, "public", "assets", "js");
+  const targetDir = path2.join(outputDir, "public", "assets", "js");
   await fs.ensureDir(targetDir);
   for (const file of jsFiles) {
-    const source = path.join(webflowDir, file);
-    const target = path.join(targetDir, path.basename(file));
+    const source = path2.join(webflowDir, file);
+    const relative = path2.relative("js", file);
+    const target = path2.join(targetDir, relative);
+    await fs.ensureDir(path2.dirname(target));
     await fs.copy(source, target);
   }
 }
@@ -69,26 +136,53 @@ async function copyAllAssets(webflowDir, outputDir, assets) {
   await copyJSFiles(webflowDir, outputDir, assets.js);
 }
 async function findHTMLFiles(webflowDir) {
-  const htmlFiles = await glob("**/*.html", { cwd: webflowDir });
+  const htmlFiles = await glob("**/*.html", { cwd: webflowDir, nodir: true });
   return htmlFiles;
 }
 async function readHTMLFile(webflowDir, fileName) {
-  const filePath = path.join(webflowDir, fileName);
+  const filePath = path2.join(webflowDir, fileName);
   return await fs.readFile(filePath, "utf-8");
 }
-async function writeVueComponent(outputDir, fileName, content) {
-  const pagesDir = path.join(outputDir, "pages");
+async function writeVueComponent(outputDir, fileName, content, target = "nuxt", cssFiles = [], editorEnabled = false) {
+  if (target === "astro-vue") {
+    const componentDir = path2.join(outputDir, "src", "components", "pages");
+    const astroPagesDir = path2.join(outputDir, "src", "pages");
+    const vueName2 = fileName.replace(".html", ".vue");
+    const astroName = fileName.replace(".html", ".astro");
+    const vuePath = path2.join(componentDir, vueName2);
+    const astroPath = path2.join(astroPagesDir, astroName);
+    const relativeVueImport = ensureRelativeImport(path2.relative(path2.dirname(astroPath), vuePath));
+    const cssImports = cssFiles.map((file) => `import '${ensureRelativeImport(path2.relative(path2.dirname(astroPath), path2.join(outputDir, "assets", "css", path2.relative("css", file))))}';`).join("\n");
+    const editorScript = editorEnabled ? "\n<script>\n  import '../cms-editor';\n</script>\n" : "";
+    await fs.ensureDir(path2.dirname(vuePath));
+    await fs.ensureDir(path2.dirname(astroPath));
+    await fs.writeFile(vuePath, content, "utf-8");
+    await fs.writeFile(astroPath, `---
+import Page from '${relativeVueImport}';
+${cssImports}
+---
+
+<Page client:load />
+${editorScript}
+`, "utf-8");
+    return;
+  }
+  const pagesDir = path2.join(outputDir, "pages");
   const vueName = fileName.replace(".html", ".vue");
-  const targetPath = path.join(pagesDir, vueName);
-  await fs.ensureDir(path.dirname(targetPath));
+  const targetPath = path2.join(pagesDir, vueName);
+  await fs.ensureDir(path2.dirname(targetPath));
   await fs.writeFile(targetPath, content, "utf-8");
 }
-async function formatVueFiles(outputDir) {
-  const pagesDir = path.join(outputDir, "pages");
+function ensureRelativeImport(importPath) {
+  const normalized = importPath.split(path2.sep).join("/");
+  return normalized.startsWith(".") ? normalized : `./${normalized}`;
+}
+async function formatVueFiles(outputDir, target = "nuxt") {
+  const pagesDir = target === "astro-vue" ? path2.join(outputDir, "src", "components", "pages") : path2.join(outputDir, "pages");
   try {
     console.log(pc.blue("\n\u2728 Formatting Vue files with Prettier..."));
-    execSync("npx prettier --version", { stdio: "ignore" });
-    execSync(`npx prettier --write "${pagesDir}/**/*.vue"`, {
+    execSync("prettier --version", { stdio: "ignore" });
+    execSync(`prettier --write "${pagesDir}/**/*.vue"`, {
       cwd: outputDir,
       stdio: "inherit"
     });
@@ -100,30 +194,35 @@ async function formatVueFiles(outputDir) {
 
 // src/parser.ts
 import * as cheerio from "cheerio";
-import path2 from "path";
-function normalizeRoute(href) {
-  let route = href.replace(".html", "");
+import path3 from "path";
+function normalizeRoute(href, currentFile) {
+  const [pathPart, suffix = ""] = href.split(/(?=[?#])/);
+  let route = pathPart.replace(/\.html$/i, "");
   if (route === "index" || route === "/index" || route.endsWith("/index")) {
-    return "/";
+    const parent = route.replace(/(^|\/)index$/, "");
+    return `${parent ? parent.startsWith("/") ? parent : `/${parent}` : "/"}${suffix}`;
   }
   if (route === ".." || route === "../" || route === "/.." || route === "../index") {
-    return "/";
+    return `/${suffix}`;
   }
-  route = route.replace(/\.\.\//g, "").replace(/\.\//g, "");
-  const normalized = path2.posix.normalize(route);
+  if (currentFile && !route.startsWith("/")) {
+    route = path3.posix.join(path3.posix.dirname(currentFile.replace(/\\/g, "/")), route);
+  }
+  const normalized = path3.posix.normalize(route);
   if (!normalized.startsWith("/")) {
-    return "/" + normalized;
+    return `/${normalized}${suffix}`;
   }
   if (normalized === "." || normalized === "") {
-    return "/";
+    return `/${suffix}`;
   }
-  return normalized;
+  return `${normalized}${suffix}`;
 }
 function normalizeAssetPath(src) {
   if (!src || src.startsWith("http") || src.startsWith("https")) {
     return src;
   }
-  let normalized = src.replace(/^(\.\.\/)+/, "").replace(/^\.\//, "");
+  let normalized = normalizeAssetUrl(src).replace(/^(\.\.\/)+/, "").replace(/^\.\//, "");
+  normalized = toOriginalImageCandidate(normalized);
   if (normalized.startsWith("/assets/")) {
     normalized = normalized.replace(/\/\.\.\//g, "/");
     return normalized;
@@ -144,11 +243,15 @@ function parseHTML(html, fileName) {
   $(".global-embed style").each((_, el) => {
     embeddedStyles += $(el).html() + "\n";
   });
+  $(".w-embed > style").each((_, el) => {
+    embeddedStyles += $(el).html() + "\n";
+  });
   $("body > style").each((_, el) => {
     embeddedStyles += $(el).html() + "\n";
   });
   $(".global-embed").remove();
   $("body > style").remove();
+  $(".w-embed > style").remove();
   $("body script").remove();
   const images = [];
   $("img").each((_, el) => {
@@ -175,7 +278,7 @@ function parseHTML(html, fileName) {
     links
   };
 }
-function transformForNuxt(html) {
+function transformForNuxt(html, currentFile) {
   const $ = cheerio.load(html);
   $("html, head, body").each((_, el) => {
     const $el = $(el);
@@ -188,12 +291,13 @@ function transformForNuxt(html) {
     if (!href) return;
     const isExternal = href.startsWith("http://") || href.startsWith("https://") || href.startsWith("mailto:") || href.startsWith("tel:") || href.startsWith("#");
     if (!isExternal) {
-      const route = normalizeRoute(href);
-      $el.attr("to", route);
-      $el.removeAttr("href");
+      const route = normalizeRoute(href, currentFile);
       const content = $el.html();
-      const classes = $el.attr("class") || "";
-      $el.replaceWith(`<nuxt-link to="${route}" class="${classes}">${content}</nuxt-link>`);
+      const attrs = { ...$el.attr() };
+      delete attrs.href;
+      attrs.to = route;
+      const attrString = Object.entries(attrs).map(([name, value]) => `${name}="${escapeAttribute(value ?? "")}"`).join(" ");
+      $el.replaceWith(`<nuxt-link ${attrString}>${content}</nuxt-link>`);
     }
   });
   $("img").each((_, el) => {
@@ -208,10 +312,18 @@ function transformForNuxt(html) {
   });
   return $.html();
 }
-function htmlToVueComponent(html, pageName) {
-  return `
-<script setup lang="ts">
+function escapeAttribute(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function htmlToVueComponent(html, pageName, componentImports, componentImportBase = "~/components") {
+  let importsSection = "";
+  if (componentImports && componentImports.length > 0) {
+    importsSection = componentImports.map((name) => `import ${name} from '${componentImportBase}/${name}.vue';`).join("\n");
+    html = restoreComponentTags(replaceComponentMarkers(html), componentImports);
+  }
+  return `<script setup lang="ts">
 // Page: ${pageName}
+${importsSection}
 </script>
 
 <template>
@@ -221,6 +333,17 @@ function htmlToVueComponent(html, pageName) {
 </template>
 `;
 }
+function replaceComponentMarkers(html) {
+  return html.replace(/<!--COMPONENT:(\w+)-->/g, "<$1 />");
+}
+function restoreComponentTags(html, componentImports) {
+  let restored = html;
+  for (const name of componentImports) {
+    const lowered = name.toLowerCase();
+    restored = restored.replace(new RegExp(`<${lowered}\\s*><\\/${lowered}>`, "g"), `<${name} />`).replace(new RegExp(`<${lowered}\\s*\\/>`, "g"), `<${name} />`);
+  }
+  return restored;
+}
 function deduplicateStyles(styles) {
   if (!styles.trim()) return "";
   const sections = styles.split(/\/\* From .+ \*\//);
@@ -236,9 +359,9 @@ function deduplicateStyles(styles) {
 
 // src/config-updater.ts
 import fs2 from "fs-extra";
-import path3 from "path";
+import path4 from "path";
 function generateWebflowAssetPlugin(cssFiles) {
-  const webflowFiles = cssFiles.map((file) => `/assets/css/${path3.basename(file)}`);
+  const webflowFiles = cssFiles.map((file) => `/assets/css/${path4.basename(file)}`);
   return `import type { Plugin } from 'vite'
 
 const webflowFiles = [${webflowFiles.map((f) => `'${f}'`).join(", ")}]
@@ -271,20 +394,20 @@ export default webflowURLReset
 `;
 }
 async function writeWebflowAssetPlugin(outputDir, cssFiles) {
-  const utilsDir = path3.join(outputDir, "utils");
+  const utilsDir = path4.join(outputDir, "utils");
   await fs2.ensureDir(utilsDir);
   const content = generateWebflowAssetPlugin(cssFiles);
-  const targetPath = path3.join(utilsDir, "webflow-assets.ts");
+  const targetPath = path4.join(utilsDir, "webflow-assets.ts");
   await fs2.writeFile(targetPath, content, "utf-8");
 }
 async function updateNuxtConfig(outputDir, cssFiles) {
-  const configPath = path3.join(outputDir, "nuxt.config.ts");
+  const configPath = path4.join(outputDir, "nuxt.config.ts");
   const configExists = await fs2.pathExists(configPath);
   if (!configExists) {
     throw new Error("nuxt.config.ts not found in output directory");
   }
   let config = await fs2.readFile(configPath, "utf-8");
-  const cssEntries = cssFiles.map((file) => `    '~/assets/css/${path3.basename(file)}'`);
+  const cssEntries = cssFiles.map((file) => `    '~/assets/css/${path4.basename(file)}'`);
   if (config.includes("css:")) {
     config = config.replace(
       /css:\s*\[/,
@@ -304,9 +427,9 @@ ${cssEntries.join(",\n")}
 }
 async function writeEmbeddedStyles(outputDir, styles) {
   if (!styles.trim()) return;
-  const cssDir = path3.join(outputDir, "assets", "css");
+  const cssDir = path4.join(outputDir, "assets", "css");
   await fs2.ensureDir(cssDir);
-  const mainCssPath = path3.join(cssDir, "main.css");
+  const mainCssPath = path4.join(cssDir, "main.css");
   const exists = await fs2.pathExists(mainCssPath);
   if (exists) {
     const existing = await fs2.readFile(mainCssPath, "utf-8");
@@ -320,7 +443,7 @@ ${styles}`, "utf-8");
   }
 }
 async function addStrapiUrlToConfig(outputDir, strapiUrl = "http://localhost:1337") {
-  const configPath = path3.join(outputDir, "nuxt.config.ts");
+  const configPath = path4.join(outputDir, "nuxt.config.ts");
   const configExists = await fs2.pathExists(configPath);
   if (!configExists) {
     throw new Error("nuxt.config.ts not found in output directory");
@@ -358,9 +481,18 @@ async function addStrapiUrlToConfig(outputDir, strapiUrl = "http://localhost:133
 
 // src/editor-integration.ts
 import fs3 from "fs-extra";
-import path4 from "path";
+import path5 from "path";
+function getPageCollections(manifest) {
+  if (!manifest) return {};
+  return Object.fromEntries(
+    Object.entries(manifest.pages).map(([pageName, page]) => [
+      pageName,
+      Object.entries(page.collections || {}).filter(([, collection]) => collection.storage !== "page-repeatable").map(([collectionName]) => collectionName)
+    ])
+  );
+}
 async function createEditorContentComposable(outputDir) {
-  const composablesDir = path4.join(outputDir, "composables");
+  const composablesDir = path5.join(outputDir, "composables");
   await fs3.ensureDir(composablesDir);
   const composableContent = `/**
  * Global state for editor content in preview mode
@@ -459,21 +591,25 @@ export function useEditorContent(pageName?: string) {
   };
 }
 `;
-  const composablePath = path4.join(composablesDir, "useEditorContent.ts");
+  const composablePath = path5.join(composablesDir, "useEditorContent.ts");
   await fs3.writeFile(composablePath, composableContent, "utf-8");
 }
-async function createStrapiContentComposable(outputDir) {
-  const composablesDir = path4.join(outputDir, "composables");
+async function createStrapiContentComposable(outputDir, manifest) {
+  const composablesDir = path5.join(outputDir, "composables");
   await fs3.ensureDir(composablesDir);
+  const pageCollections = JSON.stringify(getPageCollections(manifest), null, 2);
   const composableContent = `/**
  * Composable to fetch content from Strapi based on CMS manifest
  * Integrates with editor state for preview mode
  */
 
+const PAGE_COLLECTIONS: Record<string, string[]> = ${pageCollections};
+
 export function useStrapiContent(pageName: string) {
   const config = useRuntimeConfig();
   const strapiUrl = config.public.strapiUrl || 'http://localhost:1337';
   const editorContent = useEditorContent(pageName);
+  const collectionNames = PAGE_COLLECTIONS[pageName] || [];
 
   // Helper to transform Strapi image objects to URL strings
   const transformStrapiImages = (data: any, baseUrl: string): any => {
@@ -532,6 +668,25 @@ export function useStrapiContent(pageName: string) {
     }
   );
 
+  const collectionFetches = collectionNames.map((collectionName) =>
+    useFetch<any>(
+      \`\${strapiUrl}/api/\${collectionName}\`,
+      {
+        key: \`strapi-\${pageName}-collection-\${collectionName}\`,
+        query: {
+          populate: '*',
+        },
+        transform: (response) => {
+          const data = response?.data || response || [];
+          if (Array.isArray(data)) {
+            return data.map((item) => transformStrapiImages(item, strapiUrl));
+          }
+          return transformStrapiImages(data, strapiUrl);
+        },
+      }
+    )
+  );
+
   // Initialize editor state with Strapi data when fetched
   // This runs in both normal AND preview mode to ensure initial content is available
   watch(
@@ -549,12 +704,25 @@ export function useStrapiContent(pageName: string) {
   // In preview mode: use editor state
   // In normal mode: use Strapi data (and sync to editor state)
   const content = computed(() => {
+    const collections = Object.fromEntries(
+      collectionNames.map((collectionName, index) => [
+        collectionName,
+        collectionFetches[index]?.data.value || []
+      ])
+    );
+
     if (editorContent.isPreviewMode.value) {
       // Use editor state in preview mode
-      return editorContent.getPageContent(pageName);
+      return {
+        ...editorContent.getPageContent(pageName),
+        ...collections,
+      };
     } else {
       // Use Strapi data in normal mode
-      return strapiData.value || editorContent.getPageContent(pageName);
+      return {
+        ...(strapiData.value || editorContent.getPageContent(pageName)),
+        ...collections,
+      };
     }
   });
 
@@ -563,11 +731,11 @@ export function useStrapiContent(pageName: string) {
   };
 }
 `;
-  const composablePath = path4.join(composablesDir, "useStrapiContent.ts");
+  const composablePath = path5.join(composablesDir, "useStrapiContent.ts");
   await fs3.writeFile(composablePath, composableContent, "utf-8");
 }
 async function createEditorPlugin(outputDir) {
-  const pluginsDir = path4.join(outputDir, "plugins");
+  const pluginsDir = path5.join(outputDir, "plugins");
   await fs3.ensureDir(pluginsDir);
   const pluginContent = `/**
  * CMS Editor Overlay Plugin
@@ -576,6 +744,8 @@ async function createEditorPlugin(outputDir) {
 
 /**
  * Disable Lenis smooth scroll to allow native scrolling in edit mode
+ * Note: The primary approach is to conditionally render <VueLenis> in the layout.
+ * This function serves as a fallback for existing projects that haven't been updated.
  */
 function disableLenisInEditMode() {
   try {
@@ -583,28 +753,48 @@ function disableLenisInEditMode() {
     const lenisInstances = [
       (window as any).lenis,
       (window as any).__lenis,
-      document.querySelector('.lenis'),
+      (window as any).Lenis,
     ];
 
     for (const lenis of lenisInstances) {
+      if (lenis && typeof lenis.stop === 'function') {
+        lenis.stop();
+      }
       if (lenis && typeof lenis.destroy === 'function') {
         lenis.destroy();
         return;
       }
     }
 
-    // Check for Vue Lenis component instances
-    const lenisElements = document.querySelectorAll('[data-lenis], .lenis');
-    if (lenisElements.length > 0) {
-      // Try to find and destroy via data attributes or component instances
-      lenisElements.forEach((el: any) => {
-        if (el.__lenis && typeof el.__lenis.destroy === 'function') {
-          el.__lenis.destroy();
+    // Check for Vue Lenis component instances via refs
+    // VueLenis stores the instance in the component's exposed properties
+    const lenisElements = document.querySelectorAll('[data-lenis], .lenis, [data-lenis-prevent]');
+    lenisElements.forEach((el: any) => {
+      // Try various ways Vue Lenis might store the instance
+      const possibleInstances = [
+        el.__lenis,
+        el._lenis,
+        el.$lenis,
+        el.__vue__?.exposed?.lenis,
+        el.__vueParentComponent?.exposed?.lenis,
+      ];
+
+      for (const instance of possibleInstances) {
+        if (instance && typeof instance.stop === 'function') {
+          instance.stop();
         }
-      });
-    }
+        if (instance && typeof instance.destroy === 'function') {
+          instance.destroy();
+          return;
+        }
+      }
+    });
+
+    // Also remove lenis-related classes from html/body that might affect scrolling
+    document.documentElement.classList.remove('lenis', 'lenis-smooth');
+    document.body.classList.remove('lenis', 'lenis-smooth');
   } catch (error) {
-    // Silently fail - Lenis may not be present
+    // Silently fail - Lenis may not be present or already disabled via layout
   }
 }
 
@@ -738,11 +928,11 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   });
 });
 `;
-  const pluginPath = path4.join(pluginsDir, "cms-editor.client.ts");
+  const pluginPath = path5.join(pluginsDir, "cms-editor.client.ts");
   await fs3.writeFile(pluginPath, pluginContent, "utf-8");
 }
 async function addEditorDependency(outputDir) {
-  const packageJsonPath = path4.join(outputDir, "package.json");
+  const packageJsonPath = path5.join(outputDir, "package.json");
   if (await fs3.pathExists(packageJsonPath)) {
     const packageJson = await fs3.readJson(packageJsonPath);
     if (!packageJson.dependencies) {
@@ -753,7 +943,7 @@ async function addEditorDependency(outputDir) {
   }
 }
 async function createSaveEndpoint(outputDir) {
-  const serverDir = path4.join(outputDir, "server", "api", "cms");
+  const serverDir = path5.join(outputDir, "server", "api", "cms");
   await fs3.ensureDir(serverDir);
   const endpointContent = `/**
  * API endpoint for saving CMS changes
@@ -815,7 +1005,7 @@ export default defineEventHandler(async (event) => {
     }
 
     // Load manifest to understand field mappings
-    const manifestPath = path.join(process.cwd(), 'cms-manifest.json');
+    const manifestPath = path.join(process.cwd(), 'public', 'cms-manifest.json');
     let manifest;
     try {
       const manifestContent = fs.readFileSync(manifestPath, 'utf-8');
@@ -950,11 +1140,11 @@ export default defineEventHandler(async (event) => {
   }
 });
 `;
-  const endpointPath = path4.join(serverDir, "save.post.ts");
+  const endpointPath = path5.join(serverDir, "save.post.ts");
   await fs3.writeFile(endpointPath, endpointContent, "utf-8");
 }
 async function createStrapiBootstrap(outputDir) {
-  const strapiBootstrapDir = path4.join(outputDir, "strapi-bootstrap");
+  const strapiBootstrapDir = path5.join(outputDir, "strapi-bootstrap");
   await fs3.ensureDir(strapiBootstrapDir);
   const bootstrapContent = `/**
  * Strapi Bootstrap File
@@ -1069,7 +1259,7 @@ export default {
   },
 };
 `;
-  const bootstrapPath = path4.join(strapiBootstrapDir, "index.ts");
+  const bootstrapPath = path5.join(strapiBootstrapDir, "index.ts");
   await fs3.writeFile(bootstrapPath, bootstrapContent, "utf-8");
   const readmeContent = `# Strapi Bootstrap File
 
@@ -1119,12 +1309,12 @@ If you prefer to set permissions manually:
 - Only affects the "Public" role (unauthenticated users)
 - Safe to run multiple times (idempotent)
 `;
-  const readmePath = path4.join(strapiBootstrapDir, "README.md");
+  const readmePath = path5.join(strapiBootstrapDir, "README.md");
   await fs3.writeFile(readmePath, readmeContent, "utf-8");
   console.log("  \u2713 Generated Strapi bootstrap file");
 }
 async function createPublishEndpoint(outputDir) {
-  const serverDir = path4.join(outputDir, "server", "api", "cms");
+  const serverDir = path5.join(outputDir, "server", "api", "cms");
   await fs3.ensureDir(serverDir);
   const endpointContent = `/**
  * API endpoint for batch publishing CMS changes
@@ -1186,7 +1376,7 @@ export default defineEventHandler(async (event) => {
     }
 
     // Load manifest to understand field mappings
-    const manifestPath = path.join(process.cwd(), 'cms-manifest.json');
+    const manifestPath = path.join(process.cwd(), 'public', 'cms-manifest.json');
     let manifest;
     try {
       const manifestContent = fs.readFileSync(manifestPath, 'utf-8');
@@ -1343,13 +1533,335 @@ export default defineEventHandler(async (event) => {
   }
 });
 `;
-  const endpointPath = path4.join(serverDir, "publish.post.ts");
+  const endpointPath = path5.join(serverDir, "publish.post.ts");
   await fs3.writeFile(endpointPath, endpointContent, "utf-8");
 }
+async function createAstroStrapiContentComposable(outputDir, manifest) {
+  const composablesDir = path5.join(outputDir, "src", "composables");
+  await fs3.ensureDir(composablesDir);
+  const pageCollections = JSON.stringify(getPageCollections(manifest), null, 2);
+  const content = `import { computed, reactive, ref, onMounted } from 'vue';
+
+const PAGE_COLLECTIONS: Record<string, string[]> = ${pageCollections};
+
+const editorState = reactive<{
+  content: Record<string, Record<string, any>>;
+  hasChanges: Record<string, boolean>;
+}>({
+  content: {},
+  hasChanges: {},
+});
+
+function getStrapiUrl() {
+  return import.meta.env.PUBLIC_STRAPI_URL || 'http://localhost:1337';
+}
+
+function transformStrapiImages(data: any, baseUrl: string): any {
+  if (!data || typeof data !== 'object') return data;
+  if (Array.isArray(data)) return data.map((item) => transformStrapiImages(item, baseUrl));
+  if ('url' in data && ('mime' in data || 'formats' in data)) {
+    return data.url.startsWith('http') ? data.url : \`\${baseUrl}\${data.url}\`;
+  }
+
+  const transformed: Record<string, any> = {};
+  for (const [key, value] of Object.entries(data)) {
+    transformed[key] = transformStrapiImages(value, baseUrl);
+  }
+  return transformed;
+}
+
+export function useStrapiContent(pageName: string) {
+  const strapiUrl = getStrapiUrl();
+  const strapiData = ref<Record<string, any>>({});
+  const isPreviewMode = typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('preview') === 'true';
+  const collectionNames = PAGE_COLLECTIONS[pageName] || [];
+
+  function initializePageContent(page: string, content: Record<string, any>) {
+    if (!editorState.content[page]) {
+      editorState.content[page] = { ...content };
+    }
+  }
+
+  function getPageContent(page: string) {
+    return editorState.content[page] || {};
+  }
+
+  function updateField(page: string, fieldName: string, value: any) {
+    if (!editorState.content[page]) editorState.content[page] = {};
+    editorState.content[page][fieldName] = value;
+    editorState.hasChanges[page] = true;
+  }
+
+  onMounted(async () => {
+    try {
+      const response = await fetch(\`\${strapiUrl}/api/\${pageName}?populate=*\`);
+      if (!response.ok) return;
+      const json = await response.json();
+      const data = transformStrapiImages(json?.data || json, strapiUrl);
+      const collections = Object.fromEntries(
+        await Promise.all(collectionNames.map(async (collectionName) => {
+          const collectionResponse = await fetch(\`\${strapiUrl}/api/\${collectionName}?populate=*\`);
+          if (!collectionResponse.ok) return [collectionName, []];
+          const collectionJson = await collectionResponse.json();
+          const collectionData = collectionJson?.data || collectionJson || [];
+          return [
+            collectionName,
+            Array.isArray(collectionData)
+              ? collectionData.map((item) => transformStrapiImages(item, strapiUrl))
+              : transformStrapiImages(collectionData, strapiUrl)
+          ];
+        }))
+      );
+      strapiData.value = { ...(data || {}), ...collections };
+      initializePageContent(pageName, strapiData.value);
+    } catch (error) {
+      console.error('[SeeMS] Failed to fetch Strapi content', error);
+    }
+
+    (window as any).__editorState = {
+      ...editorState,
+      getPageContent,
+      updateField,
+      initializePageContent,
+    };
+  });
+
+  const content = computed(() => {
+    return isPreviewMode ? getPageContent(pageName) : (strapiData.value || getPageContent(pageName));
+  });
+
+  return { content };
+}
+`;
+  await fs3.writeFile(path5.join(composablesDir, "useStrapiContent.ts"), content, "utf-8");
+}
+async function createAstroEditorClient(outputDir) {
+  const srcDir = path5.join(outputDir, "src");
+  await fs3.ensureDir(srcDir);
+  const content = `/**
+ * Astro client entry for the SeeMS inline editor.
+ */
+async function initSeeMSEditor() {
+  const params = new URLSearchParams(window.location.search);
+  if (params.get('preview') !== 'true') return;
+
+  const {
+    initEditor,
+    createAuthManager,
+    showLoginModal,
+    createDraftStorage,
+    createURLStateManager,
+    createManifestLoader,
+    createNavigationGuard,
+    getCurrentPageFromRoute,
+    createToolbar,
+  } = await import('@see-ms/editor-overlay');
+
+  const strapiUrl = import.meta.env.PUBLIC_STRAPI_URL || 'http://localhost:1337';
+  const urlState = createURLStateManager();
+  urlState.setState({ preview: true });
+
+  const authManager = createAuthManager({
+    strapiUrl,
+    storageKey: 'cms_editor_token',
+  });
+  const draftStorage = createDraftStorage();
+  const manifestLoader = createManifestLoader();
+
+  try {
+    await manifestLoader.load();
+  } catch (error) {
+    console.error('[CMS Editor] Failed to load manifest:', error);
+    return;
+  }
+
+  let currentPage = getCurrentPageFromRoute();
+  if (!currentPage) {
+    currentPage = manifestLoader.getPageFromRoute(window.location.pathname);
+  }
+  if (!currentPage) {
+    console.error('[CMS Editor] Could not determine current page');
+    return;
+  }
+
+  let token = authManager.getToken();
+  if (!token || !await authManager.verifyToken(token)) {
+    try {
+      token = await showLoginModal(authManager);
+    } catch {
+      urlState.clearPreviewMode();
+      return;
+    }
+  }
+
+  const navigationGuard = createNavigationGuard({
+    showToast: true,
+    toastMessage: 'Navigation disabled in edit mode',
+  });
+  navigationGuard.enable();
+
+  const editor = initEditor({
+    apiEndpoint: '/api/cms/save',
+    authToken: token,
+    richText: true,
+    manifestLoader,
+    draftStorage,
+    currentPage,
+  });
+
+  await editor.enable();
+
+  const toolbar = await createToolbar(editor, {
+    draftStorage,
+    urlState,
+    navigationGuard,
+    manifestLoader,
+    currentPage,
+  });
+  document.body.appendChild(toolbar);
+}
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initSeeMSEditor, { once: true });
+} else {
+  initSeeMSEditor();
+}
+`;
+  await fs3.writeFile(path5.join(srcDir, "cms-editor.ts"), content, "utf-8");
+}
+async function createAstroSaveEndpoint(outputDir) {
+  const endpointDir = path5.join(outputDir, "src", "pages", "api", "cms");
+  await fs3.ensureDir(endpointDir);
+  await fs3.writeFile(path5.join(endpointDir, "save.ts"), astroEndpointContent(false), "utf-8");
+  await fs3.writeFile(path5.join(endpointDir, "publish.ts"), astroEndpointContent(true), "utf-8");
+}
+function astroEndpointContent(batchPublish) {
+  return `import type { APIRoute } from 'astro';
+import fs from 'node:fs';
+import path from 'node:path';
+
+export const prerender = false;
+
+const strapiUrl = import.meta.env.PUBLIC_STRAPI_URL || 'http://localhost:1337';
+
+function json(status: number, body: unknown) {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+}
+
+async function verifyToken(token: string) {
+  const adminResponse = await fetch(\`\${strapiUrl}/admin/users/me\`, {
+    headers: { Authorization: \`Bearer \${token}\` },
+  });
+  if (adminResponse.ok) return { user: await adminResponse.json(), isAdminToken: true };
+
+  const userResponse = await fetch(\`\${strapiUrl}/api/users/me\`, {
+    headers: { Authorization: \`Bearer \${token}\` },
+  });
+  if (userResponse.ok) return { user: await userResponse.json(), isAdminToken: false };
+
+  throw new Error('Invalid or expired token');
+}
+
+function loadManifest() {
+  const manifestPath = path.join(process.cwd(), 'public', 'cms-manifest.json');
+  return JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
+}
+
+function filterFields(pageConfig: any, fields: Record<string, any>) {
+  const data: Record<string, any> = {};
+  for (const [fieldName, value] of Object.entries(fields || {})) {
+    if (pageConfig?.fields?.[fieldName]) data[fieldName] = value;
+  }
+  return data;
+}
+
+async function writePage(page: string, fields: Record<string, any>, token: string, isAdminToken: boolean, publish: boolean) {
+  const manifest = loadManifest();
+  const pageConfig = manifest.pages[page];
+  if (!pageConfig) throw new Error(\`Page "\${page}" not found in manifest\`);
+  const data = filterFields(pageConfig, fields);
+
+  if (isAdminToken) {
+    const endpoint = \`\${strapiUrl}/content-manager/single-types/api::\${page}.\${page}\`;
+    const update = await fetch(endpoint, {
+      method: 'PUT',
+      headers: { Authorization: \`Bearer \${token}\`, 'Content-Type': 'application/json' },
+      body: JSON.stringify(data),
+    });
+    if (!update.ok) throw new Error(await update.text());
+
+    if (publish) {
+      const publishResponse = await fetch(\`\${endpoint}/actions/publish\`, {
+        method: 'POST',
+        headers: { Authorization: \`Bearer \${token}\`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({}),
+      });
+      if (!publishResponse.ok) throw new Error(await publishResponse.text());
+    }
+    return;
+  }
+
+  const update = await fetch(\`\${strapiUrl}/api/\${page}\`, {
+    method: 'PUT',
+    headers: { Authorization: \`Bearer \${token}\`, 'Content-Type': 'application/json' },
+    body: JSON.stringify({ data }),
+  });
+  if (!update.ok) throw new Error(await update.text());
+
+  if (publish) {
+    const publishResponse = await fetch(\`\${strapiUrl}/api/\${page}/publish\`, {
+      method: 'POST',
+      headers: { Authorization: \`Bearer \${token}\`, 'Content-Type': 'application/json' },
+      body: JSON.stringify({}),
+    });
+    if (!publishResponse.ok) throw new Error(await publishResponse.text());
+  }
+}
+
+export const POST: APIRoute = async ({ request }) => {
+  const authHeader = request.headers.get('authorization');
+  if (!authHeader?.startsWith('Bearer ')) {
+    return json(401, { success: false, message: 'Missing authorization header' });
+  }
+
+  const token = authHeader.slice(7);
+  try {
+    const { user, isAdminToken } = await verifyToken(token);
+    const body = await request.json();
+${batchPublish ? `    const pages = Array.isArray(body.pages) ? body.pages : [];
+    const results = await Promise.allSettled(
+      pages.map(({ page, fields }: any) => writePage(page, fields, token, isAdminToken, true))
+    );
+    const failed = results
+      .map((result, index) => ({ result, page: pages[index]?.page }))
+      .filter(({ result }) => result.status === 'rejected')
+      .map(({ result, page }) => ({ page, error: result.status === 'rejected' ? result.reason?.message : 'Unknown error' }));
+    return json(200, {
+      success: failed.length === 0,
+      message: \`Published \${pages.length - failed.length} of \${pages.length} pages\`,
+      failed,
+      user,
+    });` : `    if (!body.page || !body.fields) {
+      return json(400, { success: false, message: 'Missing page or fields' });
+    }
+    await writePage(body.page, body.fields, token, isAdminToken, body.isDraft === false);
+    return json(200, { success: true, message: 'Changes saved successfully', page: body.page, isDraft: body.isDraft !== false, user });`}
+  } catch (error: any) {
+    return json(error.message === 'Invalid or expired token' ? 401 : 500, {
+      success: false,
+      message: error.message || 'Failed to save CMS changes',
+    });
+  }
+};
+`;
+}
 
 // src/boilerplate.ts
 import fs4 from "fs-extra";
-import path5 from "path";
+import path6 from "path";
 import { execSync as execSync2 } from "child_process";
 import pc2 from "picocolors";
 function isGitHubURL(source) {
@@ -1359,7 +1871,7 @@ async function cloneFromGitHub(repoUrl, outputDir) {
   console.log(pc2.blue("  Cloning from GitHub..."));
   try {
     execSync2(`git clone ${repoUrl} ${outputDir}`, { stdio: "inherit" });
-    const gitDir = path5.join(outputDir, ".git");
+    const gitDir = path6.join(outputDir, ".git");
     await fs4.remove(gitDir);
     console.log(pc2.green("  \u2713 Boilerplate cloned successfully"));
   } catch (error) {
@@ -1374,30 +1886,88 @@ async function copyFromLocal(sourcePath, outputDir) {
   }
   await fs4.copy(sourcePath, outputDir, {
     filter: (src) => {
-      const name = path5.basename(src);
+      const name = path6.basename(src);
       return !["node_modules", ".nuxt", ".output", ".git", "dist"].includes(name);
     }
   });
   console.log(pc2.green("  \u2713 Boilerplate copied successfully"));
 }
-async function setupBoilerplate(boilerplateSource, outputDir) {
+async function setupBoilerplate(boilerplateSource, outputDir, target = "nuxt") {
   if (!boilerplateSource) {
-    console.log(pc2.blue("\n\u{1F4E6} Creating minimal Nuxt structure..."));
+    console.log(pc2.blue(`
+\u{1F4E6} Creating minimal ${target === "astro-vue" ? "Astro + Vue" : "Nuxt"} structure...`));
     await fs4.ensureDir(outputDir);
-    await fs4.ensureDir(path5.join(outputDir, "pages"));
-    await fs4.ensureDir(path5.join(outputDir, "assets"));
-    await fs4.ensureDir(path5.join(outputDir, "public"));
-    await fs4.ensureDir(path5.join(outputDir, "utils"));
-    const configPath = path5.join(outputDir, "nuxt.config.ts");
+    await fs4.ensureDir(target === "astro-vue" ? path6.join(outputDir, "src", "pages") : path6.join(outputDir, "pages"));
+    await fs4.ensureDir(path6.join(outputDir, "assets"));
+    await fs4.ensureDir(path6.join(outputDir, "public"));
+    await fs4.ensureDir(path6.join(outputDir, "utils"));
+    const configPath = path6.join(outputDir, target === "astro-vue" ? "astro.config.mjs" : "nuxt.config.ts");
     const configExists = await fs4.pathExists(configPath);
     if (!configExists) {
-      const basicConfig = `export default defineNuxtConfig({
+      const basicConfig = target === "astro-vue" ? `import { defineConfig } from 'astro/config';
+import vue from '@astrojs/vue';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+export default defineConfig({
+  integrations: [vue()],
+  vite: {
+    resolve: {
+      alias: {
+        '~': path.dirname(fileURLToPath(import.meta.url)),
+      },
+    },
+  },
+});
+` : `export default defineNuxtConfig({
   devtools: { enabled: true },
   css: [],
 })
 `;
       await fs4.writeFile(configPath, basicConfig, "utf-8");
     }
+    const packageJsonPath = path6.join(outputDir, "package.json");
+    const packageJsonExists = await fs4.pathExists(packageJsonPath);
+    if (!packageJsonExists) {
+      const packageName = path6.basename(outputDir) || (target === "astro-vue" ? "see-ms-astro-site" : "see-ms-nuxt-site");
+      await fs4.writeJson(packageJsonPath, target === "astro-vue" ? {
+        name: packageName,
+        private: true,
+        type: "module",
+        scripts: {
+          dev: "astro dev",
+          build: "astro build",
+          preview: "astro preview"
+        },
+        dependencies: {
+          "@astrojs/vue": "^5.0.0",
+          astro: "^5.0.0",
+          vue: "^3.5.14"
+        },
+        devDependencies: {
+          typescript: "^5.8.3"
+        }
+      } : {
+        name: packageName,
+        private: true,
+        type: "module",
+        scripts: {
+          dev: "nuxt dev",
+          build: "nuxt build",
+          generate: "nuxt generate",
+          preview: "nuxt preview",
+          postinstall: "nuxt prepare"
+        },
+        dependencies: {
+          nuxt: "^3.17.4",
+          vue: "^3.5.14",
+          "vue-router": "^4.5.1"
+        },
+        devDependencies: {
+          typescript: "^5.8.3"
+        }
+      }, { spaces: 2 });
+    }
     console.log(pc2.green("  \u2713 Structure created"));
     return;
   }
@@ -1415,12 +1985,92 @@ async function setupBoilerplate(boilerplateSource, outputDir) {
 
 // src/manifest.ts
 import fs6 from "fs-extra";
-import path7 from "path";
+import path9 from "path";
 
 // src/detector.ts
 import * as cheerio2 from "cheerio";
 import fs5 from "fs-extra";
-import path6 from "path";
+import path8 from "path";
+import { glob as glob2 } from "glob";
+
+// src/routes.ts
+import path7 from "path";
+function htmlPathToPageId(htmlPath) {
+  const withoutExt = htmlPath.replace(/\.html$/i, "");
+  return withoutExt.replace(/[\\/]/g, "-");
+}
+function htmlPathToRoute(htmlPath) {
+  const normalized = htmlPath.replace(/\\/g, "/").replace(/\.html$/i, "");
+  if (normalized === "index" || normalized.endsWith("/index")) {
+    const parent = normalized.replace(/(^|\/)index$/, "");
+    return parent ? `/${parent}` : "/";
+  }
+  return `/${normalized}`;
+}
+function htmlPathToVuePath(htmlPath) {
+  return htmlPath.replace(/\.html$/i, ".vue");
+}
+function getPageRouteInfo(htmlPath) {
+  return {
+    sourcePath: htmlPath,
+    pageId: htmlPathToPageId(htmlPath),
+    route: htmlPathToRoute(htmlPath),
+    outputPath: path7.posix.join("pages", htmlPathToVuePath(htmlPath).replace(/\\/g, "/"))
+  };
+}
+
+// src/detector.ts
+var TEXT_SELECTORS = [
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "p",
+  "span",
+  "li",
+  "blockquote",
+  "figcaption",
+  "label",
+  "td",
+  "th",
+  "dt",
+  "dd",
+  "cite",
+  "q"
+  // div is NOT included here - handled separately to only detect text-only divs
+];
+var IGNORE_PATTERNS = [
+  ".sr-only",
+  ".visually-hidden",
+  '[aria-hidden="true"]',
+  "script",
+  "style",
+  "noscript",
+  "template"
+];
+var DECORATIVE_CLASS_PATTERNS = [
+  "icon",
+  "arrow",
+  "pagination",
+  "breadcrumb",
+  "loader",
+  "spinner",
+  "skeleton",
+  "placeholder"
+];
+function isCollectionClass(className, customClasses) {
+  if (!customClasses || customClasses.length === 0) return false;
+  const normalizedName = className.toLowerCase().replace(/-/g, "_");
+  for (const customClass of customClasses) {
+    const normalizedCustom = customClass.toLowerCase().replace(/-/g, "_");
+    if (normalizedName === normalizedCustom || normalizedName.includes(normalizedCustom)) {
+      return true;
+    }
+  }
+  return false;
+}
 function cleanClassName(className) {
   return className.split(" ").filter((cls) => !cls.startsWith("c-") && !cls.startsWith("w-")).filter((cls) => cls.length > 0).join(" ");
 }
@@ -1437,22 +2087,6 @@ function getPrimaryClass(classAttr) {
     // Normalize for field name
   };
 }
-function getContextModifier(_$, $el) {
-  let $current = $el.parent();
-  let depth = 0;
-  while ($current.length > 0 && depth < 5) {
-    const classes = $current.attr("class");
-    if (classes) {
-      const ccClass = classes.split(" ").find((c) => c.startsWith("cc-"));
-      if (ccClass) {
-        return ccClass.replace("cc-", "").replace(/-/g, "_");
-      }
-    }
-    $current = $current.parent();
-    depth++;
-  }
-  return null;
-}
 function isDecorativeImage(_$, $img) {
   const $parent = $img.parent();
   const parentClass = $parent.attr("class") || "";
@@ -1473,9 +2107,136 @@ function isDecorativeImage(_$, $img) {
 }
 function isInsideButton($, el) {
   const $el = $(el);
-  const $button = $el.closest("button, a, NuxtLink, .c_button, .c_icon_button");
+  const $button = $el.closest("button, a, NuxtLink, nuxt-link, .c_button, .c_icon_button");
   return $button.length > 0;
 }
+function shouldIgnoreElement(_$, $el, options = {}) {
+  if ($el.attr("data-cms-ignore") !== void 0) return true;
+  for (const pattern of IGNORE_PATTERNS) {
+    if ($el.is(pattern)) return true;
+    if ($el.closest(pattern).length > 0) return true;
+  }
+  for (const selector of options.ignoreSelectors || []) {
+    if ($el.is(selector)) return true;
+    if ($el.closest(selector).length > 0) return true;
+  }
+  const className = $el.attr("class") || "";
+  for (const ignoredClass of options.ignoreClasses || []) {
+    if (className.split(/\s+/).includes(ignoredClass)) return true;
+  }
+  for (const pattern of DECORATIVE_CLASS_PATTERNS) {
+    if (className.toLowerCase().includes(pattern)) return true;
+  }
+  return false;
+}
+function isEditableLeaf($el) {
+  if ($el.children().length > 0) {
+    return false;
+  }
+  const text = $el.text().trim();
+  if (text.length === 0) {
+    return false;
+  }
+  return true;
+}
+var globalFieldIndex = 0;
+function resetGlobalFieldIndex() {
+  globalFieldIndex = 0;
+}
+function generateFieldName(_$, $el, elementType, _index) {
+  const dataCms = $el.attr("data-cms");
+  if (dataCms) return dataCms.replace(/-/g, "_");
+  const id = $el.attr("id");
+  if (id) return id.replace(/-/g, "_");
+  const ariaLabel = $el.attr("aria-label");
+  if (ariaLabel) return ariaLabel.replace(/[^a-zA-Z0-9]+/g, "_").toLowerCase();
+  const classInfo = getPrimaryClass($el.attr("class"));
+  if (classInfo && !classInfo.fieldName.startsWith("w_") && !classInfo.fieldName.startsWith("c_")) {
+    return classInfo.fieldName;
+  }
+  const $parent = $el.parent();
+  const parentClassInfo = getPrimaryClass($parent.attr("class"));
+  if (parentClassInfo && !parentClassInfo.fieldName.startsWith("w_") && !parentClassInfo.fieldName.startsWith("c_")) {
+    return `${parentClassInfo.fieldName}_${elementType}`;
+  }
+  const $section = $el.closest('section, [class*="section"], [class*="hero"], [class*="cta"], [class*="about"]').first();
+  const sectionClassInfo = getPrimaryClass($section.attr("class"));
+  if (sectionClassInfo && $section.length > 0) {
+    return `${sectionClassInfo.fieldName}_${elementType}`;
+  }
+  const text = $el.text().trim();
+  if (text.length > 0 && text.length < 50) {
+    const words = text.split(/\s+/).slice(0, 3);
+    const contentName = words.join("_").toLowerCase().replace(/[^a-z0-9_]/g, "");
+    if (contentName.length > 2 && contentName.length < 30) {
+      return `${elementType}_${contentName}`;
+    }
+  }
+  return `${elementType}_${globalFieldIndex++}`;
+}
+function buildUniqueSelector($, $el) {
+  const tag = ($el.prop("tagName") || "div").toLowerCase();
+  const id = $el.attr("id");
+  if (id) {
+    const selector = `#${id}`;
+    if ($(selector).length === 1) return selector;
+  }
+  const dataCms = $el.attr("data-cms");
+  if (dataCms) {
+    const selector = `[data-cms="${dataCms}"]`;
+    if ($(selector).length === 1) return selector;
+  }
+  const className = $el.attr("class");
+  if (className) {
+    const classes = className.split(" ").filter((c) => c.length > 2 && !c.startsWith("w-"));
+    for (const cls of classes) {
+      const selector = `.${cls}`;
+      if ($(selector).length === 1) return selector;
+    }
+    for (const cls of classes) {
+      const selector = `${tag}.${cls}`;
+      if ($(selector).length === 1) return selector;
+    }
+    for (let i = 2; i <= Math.min(classes.length, 3); i++) {
+      const combo = classes.slice(0, i).map((c) => `.${c}`).join("");
+      if ($(combo).length === 1) return combo;
+    }
+  }
+  return buildFullPath($, $el);
+}
+function buildFullPath(_$, $el) {
+  const parts = [];
+  let current = $el;
+  while (current.length && current.prop("tagName")) {
+    const tag = (current.prop("tagName") || "").toLowerCase();
+    if (!tag || tag === "html" || tag === "body") break;
+    const $parent = current.parent();
+    const $siblings = $parent.children(tag);
+    let part = tag;
+    if ($siblings.length > 1) {
+      const index = $siblings.index(current) + 1;
+      part = `${tag}:nth-of-type(${index})`;
+    }
+    parts.unshift(part);
+    current = $parent;
+    if (parts.length >= 4) break;
+  }
+  return parts.join(" > ");
+}
+function determineFieldType($el, tagName) {
+  const dataCmsType = $el.attr("data-cms-type");
+  if (dataCmsType) return dataCmsType;
+  const hasFormatting = $el.find("strong, em, b, i, br, a").length > 0;
+  const innerHTML = $el.html() || "";
+  const hasHtmlTags = /<[^>]+>/.test(innerHTML);
+  if (hasFormatting || hasHtmlTags) {
+    return "rich";
+  }
+  if (tagName === "a" || tagName === "nuxt-link" || $el.is("NuxtLink")) {
+    return "link";
+  }
+  return "plain";
+}
 function extractTemplateFromVue(vueContent) {
   const templateMatch = vueContent.match(/<template>([\s\S]*?)<\/template>/);
   if (!templateMatch) {
@@ -1483,27 +2244,68 @@ function extractTemplateFromVue(vueContent) {
   }
   return templateMatch[1];
 }
-function detectEditableFields(templateHtml) {
+function detectEditableFields(templateHtml, options = {}) {
   const $ = cheerio2.load(templateHtml);
   const detectedFields = {};
   const detectedCollections = {};
+  const { collectionClasses, collectionMin = 2, universalDetection = true } = options;
+  resetGlobalFieldIndex();
   const collectionElements = /* @__PURE__ */ new Set();
-  const processedCollectionClasses = /* @__PURE__ */ new Set();
+  const processedElements = /* @__PURE__ */ new Set();
+  const usedFieldNames = /* @__PURE__ */ new Set();
+  const getUniqueFieldName = (baseName) => {
+    let name = baseName;
+    let counter = 1;
+    while (usedFieldNames.has(name)) {
+      name = `${baseName}_${counter++}`;
+    }
+    usedFieldNames.add(name);
+    return name;
+  };
+  $("[data-cms]").each((_, el) => {
+    const $el = $(el);
+    if (shouldIgnoreElement($, $el, options)) return;
+    const fieldName = $el.attr("data-cms").replace(/-/g, "_");
+    const tagName = ($el.prop("tagName") || "div").toLowerCase();
+    const fieldType = determineFieldType($el, tagName);
+    const selector = buildUniqueSelector($, $el);
+    detectedFields[getUniqueFieldName(fieldName)] = {
+      selector,
+      type: fieldType,
+      editable: true,
+      source: "attribute"
+    };
+    processedElements.add(el);
+  });
   const potentialCollections = /* @__PURE__ */ new Map();
-  $("[class]").each((_, el) => {
-    const primaryClass = getPrimaryClass($(el).attr("class"));
-    if (primaryClass && (primaryClass.fieldName.includes("card") || primaryClass.fieldName.includes("item") || primaryClass.fieldName.includes("post") || primaryClass.fieldName.includes("feature")) && !primaryClass.fieldName.includes("image") && !primaryClass.fieldName.includes("inner")) {
-      if (!potentialCollections.has(primaryClass.fieldName)) {
-        potentialCollections.set(primaryClass.fieldName, []);
-      }
-      potentialCollections.get(primaryClass.fieldName)?.push(el);
+  $("[data-cms-collection]").each((_, el) => {
+    const $el = $(el);
+    const collectionName = $el.attr("data-cms-collection");
+    const normalizedName = collectionName.replace(/-/g, "_");
+    if (!potentialCollections.has(normalizedName)) {
+      potentialCollections.set(normalizedName, []);
     }
+    potentialCollections.get(normalizedName)?.push(el);
   });
+  if (collectionClasses && collectionClasses.length > 0) {
+    $("[class]").each((_, el) => {
+      const primaryClass = getPrimaryClass($(el).attr("class"));
+      if (!primaryClass) return;
+      if (primaryClass.fieldName.includes("image")) return;
+      if (primaryClass.fieldName.includes("inner")) return;
+      if (primaryClass.fieldName.includes("wrapper") && !primaryClass.fieldName.includes("card")) return;
+      if (isCollectionClass(primaryClass.fieldName, collectionClasses)) {
+        if (!potentialCollections.has(primaryClass.fieldName)) {
+          potentialCollections.set(primaryClass.fieldName, []);
+        }
+        potentialCollections.get(primaryClass.fieldName)?.push(el);
+      }
+    });
+  }
   potentialCollections.forEach((elements, className) => {
-    if (elements.length >= 2) {
+    if (elements.length >= collectionMin) {
       const $first = $(elements[0]);
       const collectionFields = {};
-      processedCollectionClasses.add(className);
       elements.forEach((el) => {
         collectionElements.add(el);
         $(el).find("*").each((_, child) => {
@@ -1518,36 +2320,35 @@ function detectEditableFields(templateHtml) {
         const $parent = $img.parent();
         const parentClassInfo = getPrimaryClass($parent.attr("class"));
         if (parentClassInfo && parentClassInfo.fieldName.includes("image")) {
-          collectionFields.image = `.${parentClassInfo.selector}`;
+          collectionFields.image = { selector: `.${parentClassInfo.selector}`, type: "image", attribute: "src" };
+          return false;
+        } else {
+          collectionFields.image = { selector: "img", type: "image", attribute: "src" };
           return false;
         }
       });
-      $first.find("div").each((_, el) => {
+      $first.find('[class*="tag"]').not('[class*="container"]').first().each((_, el) => {
         const classInfo = getPrimaryClass($(el).attr("class"));
-        if (classInfo && classInfo.fieldName.includes("tag") && !classInfo.fieldName.includes("container")) {
-          collectionFields.tag = `.${classInfo.selector}`;
-          return false;
+        if (classInfo) {
+          collectionFields.tag = { selector: `.${classInfo.selector}`, type: "plain" };
         }
       });
       $first.find("h1, h2, h3, h4, h5, h6").first().each((_, el) => {
         const classInfo = getPrimaryClass($(el).attr("class"));
-        if (classInfo) {
-          collectionFields.title = `.${classInfo.selector}`;
-        }
+        const selector = classInfo ? `.${classInfo.selector}` : el.tagName?.toLowerCase() || "h2";
+        collectionFields.title = { selector, type: "plain" };
       });
       $first.find("p").first().each((_, el) => {
         const classInfo = getPrimaryClass($(el).attr("class"));
-        if (classInfo) {
-          collectionFields.description = `.${classInfo.selector}`;
-        }
+        const selector = classInfo ? `.${classInfo.selector}` : "p";
+        collectionFields.description = { selector, type: "plain" };
       });
-      $first.find("a, NuxtLink").not(".c_button, .c_icon_button").each((_, el) => {
+      $first.find("a, NuxtLink, nuxt-link").not(".c_button, .c_icon_button").first().each((_, el) => {
         const $link = $(el);
         const linkText = $link.text().trim();
         if (linkText) {
           const classInfo = getPrimaryClass($link.attr("class"));
-          collectionFields.link = classInfo ? `.${classInfo.selector}` : "a";
-          return false;
+          collectionFields.link = { selector: classInfo ? `.${classInfo.selector}` : "a", type: "link", attribute: "href" };
         }
       });
       if (Object.keys(collectionFields).length > 0) {
@@ -1562,103 +2363,102 @@ function detectEditableFields(templateHtml) {
       }
     }
   });
-  const $body = $("body");
-  $body.find("h1, h2, h3, h4, h5, h6").each((index, el) => {
-    if (collectionElements.has(el)) return;
-    const $el = $(el);
-    const text = $el.text().trim();
-    const classInfo = getPrimaryClass($el.attr("class"));
-    if (text) {
-      let fieldName;
-      let selector;
-      if (classInfo && !classInfo.fieldName.startsWith("heading_")) {
-        fieldName = classInfo.fieldName;
-        selector = `.${classInfo.selector}`;
-      } else {
-        const $parent = $el.closest('[class*="header"], [class*="hero"], [class*="cta"]').first();
-        const parentClassInfo = getPrimaryClass($parent.attr("class"));
-        const modifier = getContextModifier($, $el);
-        if (parentClassInfo) {
-          fieldName = modifier ? `${modifier}_${parentClassInfo.fieldName}` : parentClassInfo.fieldName;
-          selector = classInfo ? `.${classInfo.selector}` : `.${parentClassInfo.selector}`;
-        } else if (modifier) {
-          fieldName = `${modifier}_heading`;
-          selector = classInfo ? `.${classInfo.selector}` : el.tagName.toLowerCase();
-        } else {
-          fieldName = `heading_${index}`;
-          selector = classInfo ? `.${classInfo.selector}` : el.tagName.toLowerCase();
-        }
-      }
-      detectedFields[fieldName] = {
+  if (universalDetection) {
+    const $body = $("body");
+    let textIndex = 0;
+    let imageIndex = 0;
+    let linkIndex = 0;
+    const allTextSelectors = [...TEXT_SELECTORS, "div"].join(", ");
+    $body.find(allTextSelectors).each((_, el) => {
+      if (collectionElements.has(el)) return;
+      if (processedElements.has(el)) return;
+      const $el = $(el);
+      if (shouldIgnoreElement($, $el, options)) return;
+      const tagName = ($el.prop("tagName") || "div").toLowerCase();
+      if (tagName === "a" || tagName === "nuxt-link" || $el.is("NuxtLink")) return;
+      if (isInsideButton($, el)) return;
+      if (!isEditableLeaf($el)) return;
+      const fieldName = generateFieldName($, $el, tagName, textIndex++);
+      const fieldType = determineFieldType($el, tagName);
+      const selector = buildUniqueSelector($, $el);
+      detectedFields[getUniqueFieldName(fieldName)] = {
         selector,
-        type: "plain",
-        editable: true
+        type: fieldType,
+        editable: true,
+        source: "auto"
       };
-    }
-  });
-  $body.find("p").each((_index, el) => {
-    if (collectionElements.has(el)) return;
-    const $el = $(el);
-    const text = $el.text().trim();
-    const classInfo = getPrimaryClass($el.attr("class"));
-    if (text && text.length > 20 && classInfo) {
-      const hasFormatting = $el.find("strong, em, b, i, a, NuxtLink").length > 0;
-      detectedFields[classInfo.fieldName] = {
-        selector: `.${classInfo.selector}`,
-        type: hasFormatting ? "rich" : "plain",
-        editable: true
-      };
-    }
-  });
-  $body.find("img").each((_index, el) => {
-    if (collectionElements.has(el)) return;
-    if (isInsideButton($, el)) return;
-    const $el = $(el);
-    if (isDecorativeImage($, $el)) return;
-    const $parent = $el.parent();
-    const parentClassInfo = getPrimaryClass($parent.attr("class"));
-    if (parentClassInfo) {
-      const fieldName = parentClassInfo.fieldName.includes("image") ? parentClassInfo.fieldName : `${parentClassInfo.fieldName}_image`;
-      detectedFields[fieldName] = {
-        selector: `.${parentClassInfo.selector}`,
+      processedElements.add(el);
+    });
+    $body.find("img").each((_, el) => {
+      if (collectionElements.has(el)) return;
+      if (processedElements.has(el)) return;
+      const $el = $(el);
+      if (shouldIgnoreElement($, $el, options)) return;
+      if (isDecorativeImage($, $el)) return;
+      const fieldName = generateFieldName($, $el, "image", imageIndex++);
+      const selector = buildUniqueSelector($, $el);
+      detectedFields[getUniqueFieldName(fieldName)] = {
+        selector,
         type: "image",
-        editable: true
+        editable: true,
+        source: "auto",
+        attribute: "src"
       };
-    }
-  });
-  $body.find("NuxtLink.c_button, a.c_button, .c_button").each((_index, el) => {
-    if (collectionElements.has(el)) return;
-    const $el = $(el);
-    const text = $el.contents().filter(function() {
-      return this.type === "text" || this.type === "tag" && this.name === "div";
-    }).first().text().trim();
-    if (text && text.length > 2) {
-      const $parent = $el.closest('[class*="cta"]').first();
-      const parentClassInfo = getPrimaryClass($parent.attr("class"));
-      const fieldName = parentClassInfo ? `${parentClassInfo.fieldName}_button_text` : "button_text";
-      detectedFields[fieldName] = {
-        selector: `.c_button`,
+      processedElements.add(el);
+    });
+    $body.find("a, NuxtLink, nuxt-link").each((_, el) => {
+      if (collectionElements.has(el)) return;
+      if (processedElements.has(el)) return;
+      const $el = $(el);
+      if (shouldIgnoreElement($, $el, options)) return;
+      const hasOnlyImage = $el.children().length === 1 && $el.find("img").length === 1;
+      const linkText = $el.text().trim();
+      if (!hasOnlyImage && (!linkText || linkText.length < 2)) return;
+      const fieldName = generateFieldName($, $el, "link", linkIndex++);
+      const selector = buildUniqueSelector($, $el);
+      detectedFields[getUniqueFieldName(fieldName)] = {
+        selector,
+        type: "link",
+        editable: true,
+        source: "auto",
+        attribute: "href"
+      };
+      processedElements.add(el);
+    });
+    $body.find('button, .c_button, [class*="button"]').each((_, el) => {
+      if (collectionElements.has(el)) return;
+      if (processedElements.has(el)) return;
+      const $el = $(el);
+      if (shouldIgnoreElement($, $el, options)) return;
+      const text = $el.clone().children().remove().end().text().trim();
+      if (!text || text.length < 2) return;
+      const fieldName = generateFieldName($, $el, "button", textIndex++);
+      const selector = buildUniqueSelector($, $el);
+      detectedFields[getUniqueFieldName(fieldName)] = {
+        selector,
         type: "plain",
-        editable: true
+        editable: true,
+        source: "auto"
       };
-    }
-  });
+      processedElements.add(el);
+    });
+  }
   return {
     fields: detectedFields,
     collections: detectedCollections
   };
 }
-async function analyzeVuePages(pagesDir) {
+async function analyzeVuePages(pagesDir, options = {}) {
   const results = {};
-  const vueFiles = await fs5.readdir(pagesDir);
+  const vueFiles = await glob2("**/*.vue", { cwd: pagesDir, nodir: true });
   for (const file of vueFiles) {
     if (file.endsWith(".vue")) {
-      const filePath = path6.join(pagesDir, file);
+      const filePath = path8.join(pagesDir, file);
       const content = await fs5.readFile(filePath, "utf-8");
       const template = extractTemplateFromVue(content);
       if (template) {
-        const pageName = file.replace(".vue", "");
-        results[pageName] = detectEditableFields(template);
+        const pageName = htmlPathToPageId(file.replace(/\.vue$/i, ".html"));
+        results[pageName] = detectEditableFields(template, options);
       }
     }
   }
@@ -1666,35 +2466,147 @@ async function analyzeVuePages(pagesDir) {
 }
 
 // src/manifest.ts
-async function generateManifest(pagesDir) {
-  const analyzed = await analyzeVuePages(pagesDir);
+async function generateManifest(pagesDir, options = {}) {
+  const collectionItemSelectors = options.sharedComponents?.filter((component) => component.role === "collection-item").map((component) => component.selector) || [];
+  const detectionOptions = {
+    collectionClasses: options.collectionClasses,
+    ignoreSelectors: [
+      ...options.ignoreSelectors || [],
+      ...collectionItemSelectors
+    ],
+    ignoreClasses: options.ignoreClasses
+  };
+  const componentDetectionOptions = {
+    collectionClasses: options.collectionClasses,
+    ignoreSelectors: options.ignoreSelectors,
+    ignoreClasses: options.ignoreClasses
+  };
+  const analyzed = await analyzeVuePages(pagesDir, detectionOptions);
   const pages = {};
   for (const [pageName, detection] of Object.entries(analyzed)) {
+    let collections = detection.collections;
+    if (options.collectionNames && Object.keys(options.collectionNames).length > 0) {
+      collections = {};
+      for (const [collectionKey, collection] of Object.entries(detection.collections)) {
+        let newName = collectionKey;
+        for (const [className, displayName] of Object.entries(options.collectionNames)) {
+          const normalizedClassName = className.replace(/-/g, "_");
+          if (collectionKey.includes(normalizedClassName) || collectionKey === normalizedClassName) {
+            newName = displayName;
+            break;
+          }
+        }
+        collections[newName] = collection;
+      }
+    }
     pages[pageName] = {
       fields: detection.fields,
-      collections: detection.collections,
+      collections,
       meta: {
-        route: pageName === "index" ? "/" : `/${pageName}`
+        route: options.pageRoutes?.[pageName] || (pageName === "index" ? "/" : `/${pageName}`)
       }
     };
   }
   const manifest = {
     version: "1.0",
-    pages
+    pages,
+    global: options.sharedComponents && options.sharedComponents.length > 0 ? {
+      components: Object.fromEntries(
+        options.sharedComponents.map((component) => [component.name, component])
+      )
+    } : void 0,
+    providers: {
+      [options.provider || "strapi"]: {
+        version: "1"
+      }
+    }
   };
+  if (options.sharedComponents?.length && options.componentsDir) {
+    const globalFields = {};
+    const components = manifest.global?.components || {};
+    for (const component of options.sharedComponents) {
+      const componentPath = path9.join(options.componentsDir, `${component.name}.vue`);
+      if (!await fs6.pathExists(componentPath)) continue;
+      const content = await fs6.readFile(componentPath, "utf-8");
+      const templateMatch = content.match(/<template>([\s\S]*?)<\/template>/);
+      if (!templateMatch) continue;
+      const detection = detectEditableFields(templateMatch[1], componentDetectionOptions);
+      const prefixedFields = Object.fromEntries(
+        Object.entries(detection.fields).map(([fieldName, field]) => [
+          `${component.name}_${fieldName}`,
+          field
+        ])
+      );
+      const collectionFields = Object.fromEntries(
+        Object.entries(detection.fields).map(([fieldName, field]) => [
+          fieldName,
+          {
+            selector: field.selector,
+            type: field.type,
+            attribute: field.attribute
+          }
+        ])
+      );
+      const contentMode = component.contentMode || "shared-global";
+      const role = component.role || "shared-section";
+      components[component.name] = {
+        ...component,
+        role,
+        contentMode,
+        fields: role === "collection-item" ? detection.fields : prefixedFields
+      };
+      if (role === "collection-item") {
+        for (const pageId of component.pages || []) {
+          if (!manifest.pages[pageId]) continue;
+          const collectionName = resolveCollectionName(component.collectionName || toCollectionName(component.name), pageId);
+          manifest.pages[pageId].collections = {
+            ...manifest.pages[pageId].collections,
+            [collectionName]: {
+              selector: component.selector,
+              fields: collectionFields,
+              componentName: component.name,
+              storage: component.collectionStorage || "collection-type"
+            }
+          };
+        }
+      } else if (contentMode === "per-page") {
+        for (const pageId of component.pages || []) {
+          if (!manifest.pages[pageId]) continue;
+          manifest.pages[pageId].fields = {
+            ...manifest.pages[pageId].fields,
+            ...prefixedFields
+          };
+        }
+      } else if (contentMode === "shared-global" || contentMode === "auto") {
+        Object.assign(globalFields, prefixedFields);
+      }
+    }
+    if (manifest.global) {
+      manifest.global.components = components;
+      if (Object.keys(globalFields || {}).length > 0) {
+        manifest.global.fields = globalFields;
+      }
+    }
+  }
   return manifest;
 }
+function toCollectionName(name) {
+  const base = name.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[-\s]+/g, "_").toLowerCase();
+  if (base.endsWith("s")) return base;
+  return `${base}s`;
+}
+function resolveCollectionName(collectionName, pageId) {
+  return collectionName === pageId ? `${collectionName}_items` : collectionName;
+}
 async function writeManifest(outputDir, manifest) {
   const manifestContent = JSON.stringify(manifest, null, 2);
-  const manifestPath = path7.join(outputDir, "cms-manifest.json");
-  await fs6.writeFile(manifestPath, manifestContent, "utf-8");
-  const publicDir = path7.join(outputDir, "public");
+  const publicDir = path9.join(outputDir, "public");
   await fs6.ensureDir(publicDir);
-  const publicManifestPath = path7.join(publicDir, "cms-manifest.json");
+  const publicManifestPath = path9.join(publicDir, "cms-manifest.json");
   await fs6.writeFile(publicManifestPath, manifestContent, "utf-8");
 }
 async function readManifest(outputDir) {
-  const manifestPath = path7.join(outputDir, "cms-manifest.json");
+  const manifestPath = path9.join(outputDir, "public", "cms-manifest.json");
   const content = await fs6.readFile(manifestPath, "utf-8");
   return JSON.parse(content);
 }
@@ -1702,18 +2614,47 @@ async function readManifest(outputDir) {
 // src/vue-transformer.ts
 import * as cheerio3 from "cheerio";
 import fs7 from "fs-extra";
-import path8 from "path";
+import path10 from "path";
+import { glob as glob3 } from "glob";
+function isSafeToEmpty($el) {
+  return $el.children().length === 0;
+}
 function replaceWithBinding(_$, $el, fieldName, type) {
   if (type === "image") {
-    const $img = $el.find("img").first();
-    if ($img.length) {
-      $img.attr(":src", `content.${fieldName}`);
-      $img.removeAttr("src");
+    if ($el.is("img")) {
+      $el.attr(":src", `content.${fieldName}`);
+      $el.removeAttr("src");
+    } else {
+      const $img = $el.find("img").first();
+      if ($img.length) {
+        $img.attr(":src", `content.${fieldName}`);
+        $img.removeAttr("src");
+      }
+    }
+  } else if (type === "link") {
+    const $link = $el.is("a") || $el.is("NuxtLink") || $el.is("nuxt-link") ? $el : $el.find("a, NuxtLink, nuxt-link").first();
+    if ($link.length) {
+      const isNuxtLink = $link.is("NuxtLink") || $link.is("nuxt-link");
+      $link.attr(isNuxtLink ? ":to" : ":href", `content.${fieldName}?.url`);
+      $link.attr(":target", `content.${fieldName}?.newTab ? '_blank' : undefined`);
+      $link.removeAttr("href");
+      if (isNuxtLink) $link.removeAttr("to");
+      $link.removeAttr("target");
+      if (isSafeToEmpty($link)) {
+        $link.empty();
+        $link.text(`{{ content.${fieldName}?.text }}`);
+      }
     }
   } else if (type === "rich") {
+    if (!isSafeToEmpty($el)) {
+      return;
+    }
     $el.attr("v-html", `content.${fieldName}`);
     $el.empty();
   } else {
+    if (!isSafeToEmpty($el)) {
+      return;
+    }
     $el.empty();
     $el.text(`{{ content.${fieldName} }}`);
   }
@@ -1722,21 +2663,43 @@ function transformCollection($, collectionName, collection) {
   const $items = $(collection.selector);
   if ($items.length === 0) return;
   const $first = $items.first();
+  if (collection.componentName) {
+    $first.replaceWith(`<!--COLLECTION_COMPONENT:${collection.componentName}:${collectionName}-->`);
+    $items.slice(1).remove();
+    return;
+  }
   $first.attr("v-for", `(item, index) in content.${collectionName}`);
   $first.attr(":key", "index");
-  Object.entries(collection.fields).forEach(([fieldName, selector]) => {
+  Object.entries(collection.fields).forEach(([fieldName, fieldConfig]) => {
+    const selector = typeof fieldConfig === "string" ? fieldConfig : fieldConfig.selector || fieldConfig;
+    const fieldType = typeof fieldConfig === "object" ? fieldConfig.type : void 0;
     const $fieldEl = $first.find(selector);
     if ($fieldEl.length) {
-      if (fieldName === "image") {
-        const $img = $fieldEl.find("img").first();
-        if ($img.length) {
-          $img.attr(":src", "item.image");
-          $img.removeAttr("src");
+      const isImage = fieldType === "image" || fieldName === "image" || fieldName.includes("image");
+      const isLink = fieldType === "link" || fieldName === "link" || fieldName === "url";
+      if (isImage) {
+        if ($fieldEl.is("img")) {
+          $fieldEl.attr(":src", `item.${fieldName}`);
+          $fieldEl.removeAttr("src");
+        } else {
+          const $img = $fieldEl.find("img").first();
+          if ($img.length) {
+            $img.attr(":src", `item.${fieldName}`);
+            $img.removeAttr("src");
+          }
+        }
+      } else if (isLink) {
+        const $link = $fieldEl.is("a") || $fieldEl.is("NuxtLink") || $fieldEl.is("nuxt-link") ? $fieldEl : $fieldEl.find("a, NuxtLink, nuxt-link").first();
+        if ($link.length) {
+          const isNuxtLink = $link.is("NuxtLink") || $link.is("nuxt-link");
+          $link.attr(isNuxtLink ? ":to" : ":href", `item.${fieldName}?.url`);
+          $link.attr(":target", `item.${fieldName}?.newTab ? '_blank' : undefined`);
+          $link.removeAttr("href");
+          $link.removeAttr("target");
+          $link.removeAttr("to");
+          $link.empty();
+          $link.text(`{{ item.${fieldName}?.text }}`);
         }
-      } else if (fieldName === "link") {
-        $fieldEl.attr(":to", "item.link");
-        $fieldEl.removeAttr("to");
-        $fieldEl.removeAttr("href");
       } else {
         $fieldEl.empty();
         $fieldEl.text(`{{ item.${fieldName} }}`);
@@ -1745,7 +2708,7 @@ function transformCollection($, collectionName, collection) {
   });
   $items.slice(1).remove();
 }
-async function transformVueToReactive(vueFilePath, pageName, manifest) {
+async function transformVueToReactive(vueFilePath, pageName, manifest, options = {}) {
   const pageManifest = manifest.pages[pageName];
   if (!pageManifest) return;
   const vueContent = await fs7.readFile(vueFilePath, "utf-8");
@@ -1755,7 +2718,8 @@ async function transformVueToReactive(vueFilePath, pageName, manifest) {
   }
   const templateMatch = vueContent.match(/<template>([\s\S]*?)<\/template>/);
   if (!templateMatch) return;
-  const templateContent = templateMatch[1];
+  const componentNames = Object.keys(manifest.global?.components || {});
+  const templateContent = maskComponentTags(templateMatch[1], componentNames);
   const $ = cheerio3.load(templateContent, { xmlMode: false });
   if (pageManifest.collections) {
     Object.entries(pageManifest.collections).forEach(([collectionName, collection]) => {
@@ -1781,8 +2745,19 @@ async function transformVueToReactive(vueFilePath, pageName, manifest) {
   if (wrapperDivMatch) {
     transformedTemplate = wrapperDivMatch[1].trim();
   }
+  const perPageComponentNames = componentNames.filter((name) => {
+    const component = manifest.global?.components?.[name];
+    return component?.contentMode === "per-page" && component.pages.includes(pageName);
+  });
+  transformedTemplate = restoreCollectionComponentTags(transformedTemplate);
+  transformedTemplate = restoreComponentTags2(transformedTemplate, componentNames, perPageComponentNames);
+  const explicitImports = options.target === "astro-vue" ? [
+    `import { useStrapiContent } from '~/src/composables/useStrapiContent';`,
+    ...componentNames.map((name) => `import ${name} from '~/components/${name}.vue';`)
+  ].join("\n") : "";
   const scriptSetup = `<script setup lang="ts">
 // Auto-generated reactive content from Strapi
+${explicitImports}
 const { content } = useStrapiContent('${pageName}');
 </script>`;
   const finalTemplate = transformedTemplate.split("\n").map((line) => "  " + line).join("\n");
@@ -1794,29 +2769,129 @@ ${finalTemplate}
 `;
   await fs7.writeFile(vueFilePath, newVueContent, "utf-8");
 }
-async function transformAllVuePages(pagesDir, manifest) {
-  const vueFiles = await fs7.readdir(pagesDir);
+async function transformSharedComponentsToReactive(componentsDir, manifest, options = {}) {
+  const components = manifest.global?.components || {};
+  for (const [componentName, component] of Object.entries(components)) {
+    const fields = component.fields || {};
+    if (Object.keys(fields).length === 0) continue;
+    const filePath = path10.join(componentsDir, `${componentName}.vue`);
+    if (!await fs7.pathExists(filePath)) continue;
+    const vueContent = await fs7.readFile(filePath, "utf-8");
+    const templateMatch = vueContent.match(/<template>([\s\S]*?)<\/template>/);
+    if (!templateMatch) continue;
+    const $ = cheerio3.load(templateMatch[1], { xmlMode: false });
+    const isCollectionItem = component.role === "collection-item";
+    const isPerPage = component.contentMode === "per-page";
+    const contentSource = isCollectionItem ? "item" : isPerPage ? "componentContent" : "content";
+    Object.entries(fields).forEach(([fieldName, field]) => {
+      const originalName = fieldName.startsWith(`${componentName}_`) ? fieldName.slice(componentName.length + 1) : fieldName;
+      const selector = field.selector;
+      $(selector).each((_, el) => {
+        replaceWithBinding($, $(el), fieldName, field.type);
+      });
+      if (originalName !== fieldName) {
+        $(selector).each((_, el) => {
+          replaceWithBinding($, $(el), fieldName, field.type);
+        });
+      }
+    });
+    let transformedTemplate = $.html();
+    const bodyMatch = transformedTemplate.match(/<body>([\s\S]*)<\/body>/);
+    if (bodyMatch) transformedTemplate = bodyMatch[1];
+    transformedTemplate = transformedTemplate.replace(/<\/?html[^>]*>/gi, "").replace(/<head><\/head>/gi, "").trim();
+    for (const fieldName of Object.keys(fields)) {
+      transformedTemplate = transformedTemplate.replaceAll(`content.${fieldName}`, `${contentSource}.${fieldName}`);
+    }
+    const importLine = !isCollectionItem && !isPerPage && options.target === "astro-vue" ? `import { useStrapiContent } from '~/src/composables/useStrapiContent';
+` : "";
+    const contentSetup = isCollectionItem ? `defineProps<{ item: Record<string, any> }>();` : isPerPage ? `const props = defineProps<{ content: Record<string, any> }>();
+const componentContent = props.content || {};` : `const { content } = useStrapiContent('global');`;
+    const scriptSetup = `<script setup lang="ts">
+${importLine}${contentSetup}
+</script>`;
+    await fs7.writeFile(filePath, `${scriptSetup}
+
+<template>
+${transformedTemplate}
+</template>
+`, "utf-8");
+  }
+}
+function restoreComponentTags2(html, componentNames, perPageComponentNames = []) {
+  let restored = html;
+  for (const name of componentNames) {
+    const lowered = name.toLowerCase();
+    const tag = perPageComponentNames.includes(name) ? `<${name} :content="content" />` : `<${name} />`;
+    restored = restored.replace(new RegExp(`<!--COMPONENT:${name}-->`, "g"), tag).replace(new RegExp(`<${lowered}\\s*><\\/${lowered}>`, "g"), tag).replace(new RegExp(`<${lowered}\\s*\\/>`, "g"), tag);
+  }
+  return restored;
+}
+function restoreCollectionComponentTags(html) {
+  return html.replace(
+    /<!--COLLECTION_COMPONENT:(\w+):([\w-]+)-->/g,
+    (_match, componentName, collectionName) => `<${componentName} v-for="(item, index) in content.${collectionName}" :key="index" :item="item" />`
+  );
+}
+function maskComponentTags(html, componentNames) {
+  let masked = html;
+  for (const name of componentNames) {
+    masked = masked.replace(new RegExp(`<${name}\\s*\\/>`, "g"), `<!--COMPONENT:${name}-->`).replace(new RegExp(`<${name}\\s*>\\s*<\\/${name}>`, "g"), `<!--COMPONENT:${name}-->`);
+  }
+  return masked;
+}
+async function transformAllVuePages(pagesDir, manifest, options = {}) {
+  const vueFiles = await glob3("**/*.vue", { cwd: pagesDir, nodir: true });
   for (const file of vueFiles) {
     if (file.endsWith(".vue")) {
-      const pageName = file.replace(".vue", "");
-      const vueFilePath = path8.join(pagesDir, file);
-      await transformVueToReactive(vueFilePath, pageName, manifest);
+      const pageName = htmlPathToPageId(file.replace(/\.vue$/i, ".html"));
+      const vueFilePath = path10.join(pagesDir, file);
+      await transformVueToReactive(vueFilePath, pageName, manifest, options);
     }
   }
 }
 
 // src/transformer.ts
+var LINK_COMPONENT_SCHEMA = {
+  collectionName: "components_shared_links",
+  info: {
+    displayName: "Link",
+    icon: "link",
+    description: "A link with URL and text"
+  },
+  options: {},
+  attributes: {
+    url: {
+      type: "string",
+      required: true
+    },
+    text: {
+      type: "string",
+      required: true
+    },
+    newTab: {
+      type: "boolean",
+      default: false
+    }
+  }
+};
 function mapFieldTypeToStrapi(fieldType) {
+  if (fieldType === "link") {
+    return {
+      type: "component",
+      isComponent: true,
+      component: "shared.link"
+    };
+  }
   const typeMap = {
     plain: "string",
     rich: "richtext",
     html: "richtext",
     image: "media",
-    link: "string",
+    icon: "media",
     email: "email",
     phone: "string"
   };
-  return typeMap[fieldType] || "string";
+  return { type: typeMap[fieldType] || "string" };
 }
 function pluralize(word) {
   if (word.endsWith("s") || word.endsWith("x") || word.endsWith("z") || word.endsWith("ch") || word.endsWith("sh")) {
@@ -1833,12 +2908,21 @@ function pluralize(word) {
 function pageToStrapiSchema(pageName, fields) {
   const attributes = {};
   for (const [fieldName, field] of Object.entries(fields)) {
-    attributes[fieldName] = {
-      type: mapFieldTypeToStrapi(field.type),
-      required: field.required || false
-    };
-    if (field.default) {
-      attributes[fieldName].default = field.default;
+    const strapiType = mapFieldTypeToStrapi(field.type);
+    if (strapiType.isComponent) {
+      attributes[fieldName] = {
+        type: "component",
+        component: strapiType.component,
+        repeatable: false
+      };
+    } else {
+      attributes[fieldName] = {
+        type: strapiType.type,
+        required: field.required || false
+      };
+      if (field.default && typeof field.default === "string") {
+        attributes[fieldName].default = field.default;
+      }
     }
   }
   const displayName = pageName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
@@ -1860,20 +2944,44 @@ function pageToStrapiSchema(pageName, fields) {
 }
 function collectionToStrapiSchema(collectionName, collection) {
   const attributes = {};
-  for (const [fieldName, _selector] of Object.entries(collection.fields)) {
-    let type = "string";
-    if (fieldName === "image" || fieldName.includes("image")) {
-      type = "media";
-    } else if (fieldName === "description" || fieldName === "content") {
-      type = "richtext";
-    } else if (fieldName === "link" || fieldName === "url") {
-      type = "string";
-    } else if (fieldName === "title" || fieldName === "tag") {
-      type = "string";
-    }
-    attributes[fieldName] = {
-      type
-    };
+  for (const [fieldName, fieldConfig] of Object.entries(collection.fields)) {
+    let fieldType;
+    if (typeof fieldConfig === "object" && fieldConfig !== null && "type" in fieldConfig) {
+      fieldType = fieldConfig.type;
+    }
+    if (fieldType) {
+      const strapiType = mapFieldTypeToStrapi(fieldType);
+      if (strapiType.isComponent) {
+        attributes[fieldName] = {
+          type: "component",
+          component: strapiType.component,
+          repeatable: false
+        };
+      } else {
+        attributes[fieldName] = {
+          type: strapiType.type
+        };
+      }
+    } else {
+      let type = "string";
+      if (fieldName === "image" || fieldName.includes("image")) {
+        type = "media";
+      } else if (fieldName === "description" || fieldName === "content") {
+        type = "richtext";
+      } else if (fieldName === "link" || fieldName === "url") {
+        attributes[fieldName] = {
+          type: "component",
+          component: "shared.link",
+          repeatable: false
+        };
+        continue;
+      } else if (fieldName === "title" || fieldName === "tag") {
+        type = "string";
+      }
+      attributes[fieldName] = {
+        type
+      };
+    }
   }
   const displayName = collectionName.split(/[-_]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
   const kebabCaseName = collectionName.replace(/_/g, "-");
@@ -1892,6 +3000,37 @@ function collectionToStrapiSchema(collectionName, collection) {
     attributes
   };
 }
+function hasLinkFields(manifest) {
+  for (const page of Object.values(manifest.pages)) {
+    if (page.fields) {
+      for (const field of Object.values(page.fields)) {
+        if (field.type === "link") return true;
+      }
+    }
+    if (page.collections) {
+      for (const collection of Object.values(page.collections)) {
+        for (const fieldConfig of Object.values(collection.fields)) {
+          if (typeof fieldConfig === "object" && fieldConfig !== null) {
+            if (fieldConfig.type === "link") return true;
+          }
+        }
+      }
+    }
+  }
+  if (manifest.global?.fields) {
+    for (const field of Object.values(manifest.global.fields)) {
+      if (field.type === "link") return true;
+    }
+  }
+  if (manifest.global?.components) {
+    for (const component of Object.values(manifest.global.components)) {
+      for (const field of Object.values(component.fields || {})) {
+        if (field.type === "link") return true;
+      }
+    }
+  }
+  return false;
+}
 function manifestToSchemas(manifest) {
   const schemas = {};
   for (const [pageName, page] of Object.entries(manifest.pages)) {
@@ -1904,16 +3043,22 @@ function manifestToSchemas(manifest) {
       }
     }
   }
+  if (manifest.global?.fields && Object.keys(manifest.global.fields).length > 0) {
+    schemas["global"] = pageToStrapiSchema("global", manifest.global.fields);
+  }
   return schemas;
 }
+function getLinkComponentSchema(manifest) {
+  return hasLinkFields(manifest) ? LINK_COMPONENT_SCHEMA : null;
+}
 
 // src/schema-writer.ts
 import fs8 from "fs-extra";
-import path9 from "path";
+import path11 from "path";
 async function writeStrapiSchema(outputDir, name, schema) {
-  const schemasDir = path9.join(outputDir, "cms-schemas");
+  const schemasDir = path11.join(outputDir, "cms-schemas");
   await fs8.ensureDir(schemasDir);
-  const schemaPath = path9.join(schemasDir, `${name}.json`);
+  const schemaPath = path11.join(schemasDir, `${name}.json`);
   await fs8.writeFile(schemaPath, JSON.stringify(schema, null, 2), "utf-8");
 }
 async function writeAllSchemas(outputDir, schemas) {
@@ -1921,8 +3066,14 @@ async function writeAllSchemas(outputDir, schemas) {
     await writeStrapiSchema(outputDir, name, schema);
   }
 }
+async function writeLinkComponentSchema(outputDir) {
+  const componentsDir = path11.join(outputDir, "cms-schemas", "components", "shared");
+  await fs8.ensureDir(componentsDir);
+  const schemaPath = path11.join(componentsDir, "link.json");
+  await fs8.writeFile(schemaPath, JSON.stringify(LINK_COMPONENT_SCHEMA, null, 2), "utf-8");
+}
 async function createStrapiReadme(outputDir) {
-  const readmePath = path9.join(outputDir, "cms-schemas", "README.md");
+  const readmePath = path11.join(outputDir, "cms-schemas", "README.md");
   const content = `# CMS Schemas
 
 Auto-generated Strapi content type schemas from your Webflow export.
@@ -1997,7 +3148,17 @@ const { data } = await $fetch('http://localhost:1337/api/portfolio-cards')
 
 // src/content-extractor.ts
 import * as cheerio4 from "cheerio";
-import path10 from "path";
+function extractLinkValue($element) {
+  const href = $element.attr("href") || $element.attr("to") || "";
+  const text = $element.text().trim();
+  const target = $element.attr("target");
+  const newTab = target === "_blank";
+  return {
+    url: href,
+    text,
+    newTab: newTab || void 0
+  };
+}
 function extractContentFromHTML(html, _pageName, pageManifest) {
   const $ = cheerio4.load(html);
   const content = {
@@ -2012,6 +3173,11 @@ function extractContentFromHTML(html, _pageName, pageManifest) {
         if (field.type === "image") {
           const src = element.attr("src") || element.find("img").attr("src") || "";
           content.fields[fieldName] = src;
+        } else if (field.type === "link") {
+          const linkElement = element.is("a") || element.is("NuxtLink") || element.is("nuxt-link") ? element : element.find("a, NuxtLink, nuxt-link").first();
+          if (linkElement.length > 0) {
+            content.fields[fieldName] = extractLinkValue(linkElement);
+          }
         } else {
           const text = element.text().trim();
           content.fields[fieldName] = text;
@@ -2026,15 +3192,19 @@ function extractContentFromHTML(html, _pageName, pageManifest) {
       collectionElements.each((_, elem) => {
         const item = {};
         const $elem = $(elem);
-        for (const [fieldName, fieldSelector] of Object.entries(collection.fields)) {
+        for (const [fieldName, fieldConfig] of Object.entries(collection.fields)) {
+          const fieldSelector = typeof fieldConfig === "string" ? fieldConfig : fieldConfig.selector || fieldConfig;
+          const fieldType = typeof fieldConfig === "object" ? fieldConfig.type : void 0;
           const fieldElement = $elem.find(fieldSelector).first();
           if (fieldElement.length > 0) {
-            if (fieldName === "image" || fieldName.includes("image")) {
+            if (fieldType === "image" || fieldName === "image" || fieldName.includes("image")) {
               const src = fieldElement.attr("src") || fieldElement.find("img").attr("src") || "";
               item[fieldName] = src;
-            } else if (fieldName === "link" || fieldName === "url") {
-              const href = fieldElement.attr("href") || "";
-              item[fieldName] = href;
+            } else if (fieldType === "link" || fieldName === "link" || fieldName === "url") {
+              const linkElement = fieldElement.is("a") || fieldElement.is("NuxtLink") || fieldElement.is("nuxt-link") ? fieldElement : fieldElement.find("a, NuxtLink, nuxt-link").first();
+              if (linkElement.length > 0) {
+                item[fieldName] = extractLinkValue(linkElement);
+              }
             } else {
               const text = fieldElement.text().trim();
               item[fieldName] = text;
@@ -2063,16 +3233,23 @@ function extractAllContent(htmlFiles, manifest) {
       extractedContent.pages[pageName] = content;
     }
   }
-  return extractedContent;
+  if (manifest.global?.fields) {
+    const firstPage = Object.keys(manifest.pages)[0];
+    const firstHtml = firstPage ? htmlFiles.get(firstPage) : void 0;
+    if (firstHtml) {
+      extractedContent.global = extractContentFromHTML(firstHtml, "global", {
+        fields: manifest.global.fields,
+        collections: {}
+      });
+    }
+  }
+  return { ...extractedContent, manifest };
 }
 function normalizeImagePath(imageSrc) {
-  if (!imageSrc) return "";
-  if (imageSrc.startsWith("/")) return imageSrc;
-  const filename = path10.basename(imageSrc);
-  if (imageSrc.includes("images/")) {
-    return `/images/${filename}`;
-  }
-  return `/${filename}`;
+  return normalizeImageSeedPath(imageSrc);
+}
+function isLinkValue(value) {
+  return typeof value === "object" && value !== null && "url" in value && "text" in value;
 }
 function formatForStrapi(extracted) {
   const seedData = {};
@@ -2080,7 +3257,9 @@ function formatForStrapi(extracted) {
     if (Object.keys(content.fields).length > 0) {
       const formattedFields = {};
       for (const [fieldName, value] of Object.entries(content.fields)) {
-        if (fieldName.includes("image") || fieldName.includes("bg")) {
+        if (isLinkValue(value)) {
+          formattedFields[fieldName] = value;
+        } else if (fieldName.includes("image") || fieldName.includes("img") || fieldName.includes("bg") || isLikelyImagePath(value)) {
           formattedFields[fieldName] = normalizeImagePath(value);
         } else {
           formattedFields[fieldName] = value;
@@ -2092,7 +3271,9 @@ function formatForStrapi(extracted) {
       const formattedItems = items.map((item) => {
         const formattedItem = {};
         for (const [fieldName, value] of Object.entries(item)) {
-          if (fieldName === "image" || fieldName.includes("image")) {
+          if (isLinkValue(value)) {
+            formattedItem[fieldName] = value;
+          } else if (fieldName === "image" || fieldName.includes("image") || fieldName.includes("img") || isLikelyImagePath(value)) {
             formattedItem[fieldName] = normalizeImagePath(value);
           } else {
             formattedItem[fieldName] = value;
@@ -2103,20 +3284,33 @@ function formatForStrapi(extracted) {
       seedData[collectionName] = formattedItems;
     }
   }
+  if (extracted.global && Object.keys(extracted.global.fields).length > 0) {
+    const formattedFields = {};
+    for (const [fieldName, value] of Object.entries(extracted.global.fields)) {
+      if (isLinkValue(value)) {
+        formattedFields[fieldName] = value;
+      } else if (fieldName.includes("image") || fieldName.includes("img") || fieldName.includes("bg") || isLikelyImagePath(value)) {
+        formattedFields[fieldName] = normalizeImagePath(value);
+      } else {
+        formattedFields[fieldName] = value;
+      }
+    }
+    seedData.global = formattedFields;
+  }
   return seedData;
 }
 
 // src/seed-writer.ts
 import fs9 from "fs-extra";
-import path11 from "path";
+import path12 from "path";
 async function writeSeedData(outputDir, seedData) {
-  const seedDir = path11.join(outputDir, "cms-seed");
+  const seedDir = path12.join(outputDir, "cms-seed");
   await fs9.ensureDir(seedDir);
-  const seedPath = path11.join(seedDir, "seed-data.json");
+  const seedPath = path12.join(seedDir, "seed-data.json");
   await fs9.writeJson(seedPath, seedData, { spaces: 2 });
 }
 async function createSeedReadme(outputDir) {
-  const readmePath = path11.join(outputDir, "cms-seed", "README.md");
+  const readmePath = path12.join(outputDir, "cms-seed", "README.md");
   const content = `# CMS Seed Data
 
 Auto-extracted content from your Webflow export, ready to seed into Strapi.
@@ -2175,20 +3369,574 @@ When seeding Strapi, these images will be uploaded to Strapi's media library.
   await fs9.writeFile(readmePath, content, "utf-8");
 }
 
+// src/component-extractor.ts
+import * as cheerio5 from "cheerio";
+import * as crypto from "crypto";
+import fs10 from "fs-extra";
+import path13 from "path";
+import { glob as glob4 } from "glob";
+var COMPONENT_NAME_PATTERNS = {
+  TheNav: [/nav/i, /navbar/i, /navigation/i, /header.*nav/i, /main.*menu/i],
+  TheFooter: [/footer/i, /site.*footer/i],
+  TheHeader: [/header/i, /site.*header/i, /page.*header/i],
+  TheSidebar: [/sidebar/i, /side.*bar/i, /aside/i]
+};
+var DEFAULT_MIN_SECTION_SIZE = 200;
+async function parseAllPages(inputDir, options = {}) {
+  const pages = [];
+  const htmlFiles = await glob4("**/*.html", { cwd: inputDir, nodir: true });
+  for (const file of htmlFiles) {
+    if (!file.endsWith(".html")) continue;
+    const filePath = path13.join(inputDir, file);
+    const html = await fs10.readFile(filePath, "utf-8");
+    const $ = cheerio5.load(html);
+    const pageName = htmlPathToPageId(file);
+    const sections = extractSections($, options.minSectionSize ?? DEFAULT_MIN_SECTION_SIZE);
+    pages.push({
+      name: pageName,
+      filePath,
+      sourcePath: file,
+      $,
+      sections
+    });
+  }
+  return pages;
+}
+function extractSections($, minSectionSize) {
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  let $container = $("body");
+  const $bodyChildren = $container.children();
+  if ($bodyChildren.length === 1 && $bodyChildren.first().is("div")) {
+    const $wrapper = $bodyChildren.first();
+    if ($wrapper.children().length > 1) {
+      $container = $wrapper;
+    }
+  }
+  $container.children().each((_, el) => {
+    const $element = $(el);
+    const tagName = ($element.prop("tagName") || "").toLowerCase();
+    if (["script", "style", "link", "meta", "noscript", "template"].includes(tagName)) {
+      return;
+    }
+    const className = $element.attr("class") || "";
+    if (className.includes("global-embed") || className.includes("globalembed")) {
+      return;
+    }
+    const html = $.html($element);
+    const elementId = getElementIdentifier($, $element);
+    if (seen.has(elementId)) return;
+    seen.add(elementId);
+    const fingerprint = createFingerprint($, $element);
+    const exactFingerprint = createExactFingerprint(html);
+    const suggestedName = suggestComponentName($element);
+    const semanticName = ["TheNav", "TheFooter", "TheHeader", "TheSidebar", "Nav", "Footer", "Header", "Sidebar"].includes(suggestedName);
+    if (!semanticName && html.length < minSectionSize) return;
+    const uniqueSelector = buildUniqueSelector2($, $element);
+    sections.push({
+      selector: uniqueSelector,
+      fingerprint,
+      exactFingerprint,
+      $element,
+      html,
+      suggestedName
+    });
+  });
+  return sections;
+}
+function createExactFingerprint(html) {
+  const normalized = html.replace(/\s*data-w-id="[^"]*"/g, "").replace(/\s*data-wf-page="[^"]*"/g, "").replace(/\s*data-wf-site="[^"]*"/g, "").replace(/\s+/g, " ").trim();
+  return crypto.createHash("md5").update(normalized).digest("hex").substring(0, 12);
+}
+function getElementIdentifier(_$, $element) {
+  const tag = $element.prop("tagName")?.toLowerCase() || "div";
+  const className = $element.attr("class") || "";
+  const id = $element.attr("id") || "";
+  return `${tag}#${id}.${className}`;
+}
+function createFingerprint($, $element) {
+  const structure = getStructure($, $element);
+  return crypto.createHash("md5").update(structure).digest("hex").substring(0, 12);
+}
+function getStructure($, $element, depth = 0) {
+  if (depth > 10) return "";
+  const tag = $element.prop("tagName")?.toLowerCase() || "div";
+  const classNames = normalizeClasses($element.attr("class") || "");
+  let structure = `${tag}`;
+  if (classNames) {
+    structure += `.${classNames}`;
+  }
+  const children = [];
+  $element.children().each((_, child) => {
+    const $child = $(child);
+    const childStructure = getStructure($, $child, depth + 1);
+    if (childStructure) {
+      children.push(childStructure);
+    }
+  });
+  if (children.length > 0) {
+    const childCounts = countIdentical(children);
+    const compressedChildren = childCounts.map(({ item, count }) => count > 1 ? `${item}*${count}` : item).join(",");
+    structure += `[${compressedChildren}]`;
+  }
+  return structure;
+}
+function normalizeClasses(classes) {
+  return classes.split(/\s+/).filter((c) => {
+    if (c.startsWith("w-")) return false;
+    if (c.match(/^(p|m|pt|pb|pl|pr|px|py|mt|mb|ml|mr|mx|my)-\d/)) return false;
+    return c.length > 0;
+  }).sort().join(".");
+}
+function countIdentical(items) {
+  const result = [];
+  for (const item of items) {
+    const last = result[result.length - 1];
+    if (last && last.item === item) {
+      last.count++;
+    } else {
+      result.push({ item, count: 1 });
+    }
+  }
+  return result;
+}
+function suggestComponentName($element) {
+  const tag = $element.prop("tagName")?.toLowerCase() || "";
+  const className = $element.attr("class") || "";
+  const id = $element.attr("id") || "";
+  if (tag === "nav") return "TheNav";
+  if (tag === "footer") return "TheFooter";
+  if (tag === "header") return "TheHeader";
+  if (tag === "aside") return "TheSidebar";
+  const normalizedClassName = className.replace(/\bc-/g, "");
+  const searchText = `${className} ${normalizedClassName} ${id}`.toLowerCase();
+  for (const [name, patterns] of Object.entries(COMPONENT_NAME_PATTERNS)) {
+    for (const pattern of patterns) {
+      if (pattern.test(searchText)) {
+        return name;
+      }
+    }
+  }
+  const primaryClass = className.split(" ").find((c) => !c.startsWith("w-") && c.length > 2);
+  if (primaryClass) {
+    const cleanName = primaryClass.replace(/^c-/, "");
+    return pascalCase(cleanName);
+  }
+  return "SharedSection";
+}
+function pascalCase(str) {
+  if (/^[A-Z][A-Za-z0-9]*$/.test(str)) {
+    return str;
+  }
+  return str.split(/[-_\s]+/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
+}
+function buildUniqueSelector2($, $element) {
+  const tag = $element.prop("tagName")?.toLowerCase() || "div";
+  const id = $element.attr("id");
+  const className = $element.attr("class");
+  if (id) {
+    return `#${id}`;
+  }
+  if (className) {
+    const primaryClasses = className.split(" ").filter((c) => !c.startsWith("w-") && c.length > 2).slice(0, 2);
+    if (primaryClasses.length > 0) {
+      const selector = `${tag}.${primaryClasses.join(".")}`;
+      if ($(selector).length === 1) {
+        return selector;
+      }
+      return `.${primaryClasses.join(".")}`;
+    }
+  }
+  const $parent = $element.parent();
+  const siblings = $parent.children(tag);
+  if (siblings.length > 1) {
+    const index = siblings.index($element) + 1;
+    return `${tag}:nth-child(${index})`;
+  }
+  return tag;
+}
+function findSharedSections(pages, options = {}) {
+  const fingerprintMap = /* @__PURE__ */ new Map();
+  const match = options.match || "exact";
+  for (const page of pages) {
+    for (const section of page.sections) {
+      const fingerprint = match === "structure" ? section.fingerprint : section.exactFingerprint;
+      const existing = fingerprintMap.get(fingerprint) || [];
+      existing.push({ section, page });
+      fingerprintMap.set(fingerprint, existing);
+    }
+  }
+  const sharedComponents = [];
+  const usedNames = /* @__PURE__ */ new Set();
+  for (const occurrences of fingerprintMap.values()) {
+    const uniquePages = new Set(occurrences.map((o) => o.page.name));
+    if (occurrences.length < (options.minOccurrences ?? 2)) continue;
+    if (uniquePages.size < (options.minPages ?? options.minOccurrences ?? 2)) continue;
+    const template = occurrences[0];
+    let name = template.section.suggestedName;
+    if (options.include?.length && !options.include.some((item) => name.toLowerCase().includes(item.toLowerCase()))) {
+      const semanticNames = ["TheNav", "TheFooter", "TheHeader", "TheSidebar"];
+      if (!semanticNames.includes(name)) continue;
+    }
+    if (options.exclude?.some((item) => name.toLowerCase().includes(item.toLowerCase()))) continue;
+    let counter = 1;
+    while (usedNames.has(name)) {
+      name = `${template.section.suggestedName}${counter++}`;
+    }
+    usedNames.add(name);
+    const confidence = getComponentConfidence(name, uniquePages.size, pages.length);
+    sharedComponents.push({
+      name,
+      selector: template.section.selector,
+      pages: [...uniquePages],
+      html: template.section.html,
+      fingerprint: template.section.fingerprint,
+      confidence,
+      reason: confidence === "high" ? "Semantic or repeated site-wide section" : match === "exact" ? "Exact repeated HTML section" : "Repeated section with matching DOM structure"
+    });
+  }
+  return sharedComponents;
+}
+function getComponentConfidence(name, pageCount, totalPages) {
+  const semanticNames = ["thenav", "thefooter", "theheader", "nav", "footer", "header"];
+  if (semanticNames.includes(name.toLowerCase())) return "high";
+  if (pageCount === totalPages || pageCount >= 3) return "medium";
+  return "low";
+}
+function createVueComponent(component) {
+  let html = component.html;
+  html = html.replace(/\s*data-w-id="[^"]*"/g, "");
+  html = html.replace(/\s*data-wf-page="[^"]*"/g, "");
+  html = html.replace(/\s*data-wf-site="[^"]*"/g, "");
+  return `<script setup lang="ts">
+/**
+ * ${component.name} Component
+ * Shared across pages: ${component.pages.join(", ")}
+ *
+ * To make content editable, add fields to the 'global' section in cms-manifest.json
+ */
+const { content } = useStrapiContent('global')
+</script>
+
+<template>
+${html}
+</template>
+
+<style scoped>
+/* Component-specific styles if needed */
+</style>
+`;
+}
+function replaceWithComponent($, selector, componentName) {
+  const $element = $(selector);
+  if ($element.length > 0) {
+    $element.replaceWith(`<!--COMPONENT:${componentName}-->`);
+  }
+}
+async function writeComponents(outputDir, components) {
+  const componentsDir = path13.join(outputDir, "components");
+  await fs10.ensureDir(componentsDir);
+  const sharedComponents = [];
+  for (const component of components) {
+    const vueContent = createVueComponent(component);
+    const filePath = path13.join(componentsDir, `${component.name}.vue`);
+    await fs10.writeFile(filePath, vueContent, "utf-8");
+    sharedComponents.push({
+      name: component.name,
+      selector: component.selector,
+      pages: component.pages,
+      confidence: component.confidence,
+      reason: component.reason,
+      role: component.role || "shared-section",
+      collectionName: component.collectionName,
+      collectionStorage: component.collectionStorage,
+      contentMode: component.contentMode || "shared-global"
+      // Fields will be detected separately
+    });
+  }
+  return sharedComponents;
+}
+async function extractSharedComponents(inputDir, outputDir, options = {}) {
+  const pages = await parseAllPages(inputDir, options);
+  if (pages.length < 2) {
+    return [];
+  }
+  const rules = (options.rules || []).map((rule) => ({
+    ...rule,
+    minOccurrences: rule.minOccurrences ?? options.minOccurrences,
+    minPages: rule.minPages ?? options.minPages
+  }));
+  const ruleSections = findRuleSections(pages, rules);
+  const sharedSections = [...ruleSections, ...findSharedSections(pages, options)];
+  if (sharedSections.length === 0) {
+    return [];
+  }
+  const componentsToWrite = sharedSections.filter((component) => meetsConfidence(component.confidence, options.writeConfidence || "medium"));
+  const components = await writeComponents(outputDir, componentsToWrite);
+  return components;
+}
+function findRuleSections(pages, rules) {
+  const components = [];
+  for (const rule of rules) {
+    const occurrences = [];
+    for (const page of pages) {
+      const $elements = page.$(rule.selector);
+      if ($elements.length === 0) continue;
+      $elements.each((index, element) => {
+        if (rule.role !== "collection-item" && index > 0) return false;
+        occurrences.push({ page, html: page.$.html(element) });
+        return void 0;
+      });
+    }
+    const uniquePages = new Set(occurrences.map(({ page }) => page.name));
+    if (occurrences.length < (rule.minOccurrences ?? 2)) continue;
+    if (uniquePages.size < (rule.minPages ?? rule.minOccurrences ?? 2)) continue;
+    components.push({
+      name: pascalCase(rule.name),
+      selector: rule.selector,
+      pages: [...uniquePages],
+      html: occurrences[0].html,
+      fingerprint: crypto.createHash("md5").update(occurrences[0].html).digest("hex").substring(0, 12),
+      confidence: "high",
+      reason: "User-defined component rule",
+      role: rule.role || "shared-section",
+      collectionName: rule.collectionName || toCollectionName2(rule.name),
+      collectionStorage: rule.collectionStorage || "collection-type",
+      contentMode: rule.contentMode || "auto"
+    });
+  }
+  return components;
+}
+function toCollectionName2(name) {
+  const base = name.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[-\s]+/g, "_").toLowerCase();
+  if (base.endsWith("s")) return base;
+  return `${base}s`;
+}
+function meetsConfidence(confidence, minimum) {
+  const rank = { low: 1, medium: 2, high: 3 };
+  return rank[confidence] >= rank[minimum];
+}
+
+// src/converter.ts
+import * as cheerio6 from "cheerio";
+
+// src/analyzer.ts
+import path14 from "path";
+import fs11 from "fs-extra";
+async function analyzeWebflowExport(inputDir, config = {}) {
+  const inputExists = await fs11.pathExists(inputDir);
+  if (!inputExists) {
+    throw new Error(`Input directory not found: ${inputDir}`);
+  }
+  const [assets, htmlFiles] = await Promise.all([
+    scanAssets(inputDir),
+    findHTMLFiles(inputDir)
+  ]);
+  const pages = htmlFiles.sort().map(getPageRouteInfo);
+  const warnings = [];
+  if (pages.length === 0) {
+    warnings.push("No HTML pages were found in the input directory.");
+  }
+  const componentConfig = config.components || {};
+  const parsedPages = await parseAllPages(inputDir, {
+    minSectionSize: componentConfig.minSectionSize
+  });
+  const componentCandidates = findSharedSections(parsedPages, {
+    match: componentConfig.match,
+    minOccurrences: componentConfig.minOccurrences,
+    minPages: componentConfig.minPages,
+    include: componentConfig.include,
+    exclude: componentConfig.exclude,
+    rules: componentConfig.rules
+  }).map((component) => ({
+    name: component.name,
+    selector: component.selector,
+    pages: component.pages,
+    confidence: component.confidence,
+    reason: component.reason
+  }));
+  return {
+    inputDir,
+    pages,
+    assets,
+    componentCandidates,
+    warnings
+  };
+}
+function createConversionReport(input) {
+  return {
+    generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    stages: input.stages,
+    pages: input.analysis.pages.map((page) => ({
+      source: page.sourcePath,
+      pageId: page.pageId,
+      route: page.route,
+      output: page.outputPath
+    })),
+    assets: {
+      css: input.analysis.assets.css.length,
+      images: input.analysis.assets.images.length,
+      fonts: input.analysis.assets.fonts.length,
+      js: input.analysis.assets.js.length,
+      preservedStructure: true
+    },
+    components: input.components.map((component) => ({
+      name: component.name,
+      selector: component.selector,
+      pages: component.pages,
+      confidence: component.confidence,
+      reason: component.reason
+    })),
+    cms: {
+      provider: input.provider,
+      fields: input.fields,
+      collections: input.collections,
+      schemas: input.schemas,
+      seedPages: input.seedPages
+    },
+    warnings: [...input.analysis.warnings, ...input.warnings || []]
+  };
+}
+async function writeConversionReport(outputDir, report) {
+  const jsonPath = path14.join(outputDir, "see-ms-report.json");
+  const mdPath = path14.join(outputDir, "see-ms-report.md");
+  await fs11.writeFile(jsonPath, JSON.stringify(report, null, 2), "utf-8");
+  await fs11.writeFile(mdPath, renderReportMarkdown(report), "utf-8");
+}
+function renderReportMarkdown(report) {
+  const lines = [
+    "# SeeMS Conversion Report",
+    "",
+    `Generated: ${report.generatedAt}`,
+    "",
+    "## Stages",
+    report.stages.map((stage) => `- ${stage}`).join("\n") || "- none",
+    "",
+    "## Pages",
+    ...report.pages.map((page) => `- ${page.source} -> ${page.output} (${page.route}, id: ${page.pageId})`),
+    "",
+    "## Assets",
+    `- CSS: ${report.assets.css}`,
+    `- Images: ${report.assets.images}`,
+    `- Fonts: ${report.assets.fonts}`,
+    `- JS: ${report.assets.js}`,
+    `- Preserved folder structure: ${report.assets.preservedStructure ? "yes" : "no"}`,
+    "",
+    "## Components",
+    ...report.components.length ? report.components.map((component) => `- ${component.name} (${component.confidence || "unknown"}): ${component.pages.join(", ")}`) : ["- none"],
+    "",
+    "## CMS",
+    `- Provider: ${report.cms.provider}`,
+    `- Editable fields: ${report.cms.fields}`,
+    `- Collections: ${report.cms.collections}`,
+    `- Schemas: ${report.cms.schemas}`,
+    `- Seeded pages: ${report.cms.seedPages}`,
+    "",
+    "## Warnings",
+    ...report.warnings.length ? report.warnings.map((warning) => `- ${warning}`) : ["- none"],
+    ""
+  ];
+  return lines.join("\n");
+}
+
+// src/config.ts
+import fs12 from "fs-extra";
+import path15 from "path";
+var DEFAULT_SEEMS_CONFIG = {
+  target: "nuxt",
+  cms: { provider: "strapi", strapi: { scaffold: false, packageManager: "npm", install: true } },
+  components: {
+    enabled: true,
+    match: "structure",
+    minOccurrences: 2,
+    minPages: 2,
+    minSectionSize: 200,
+    writeConfidence: "medium",
+    include: ["nav", "header", "footer"],
+    exclude: [],
+    rules: []
+  },
+  ignore: {
+    selectors: [],
+    classes: []
+  },
+  editor: {
+    enabled: true,
+    previewParam: "preview"
+  },
+  assets: {
+    excludeResponsiveVariants: true
+  }
+};
+function mergeConfig(base = {}, override = {}) {
+  return {
+    ...base,
+    ...override,
+    cms: {
+      ...base.cms,
+      ...override.cms,
+      strapi: { ...base.cms?.strapi, ...override.cms?.strapi }
+    },
+    components: { ...base.components, ...override.components },
+    ignore: { ...base.ignore, ...override.ignore },
+    editor: { ...base.editor, ...override.editor },
+    assets: { ...base.assets, ...override.assets },
+    collections: override.collections ?? base.collections,
+    fields: { ...base.fields, ...override.fields }
+  };
+}
+async function loadSeeMSConfig(configPath) {
+  if (!configPath) return {};
+  const absolutePath = path15.resolve(configPath);
+  if (!await fs12.pathExists(absolutePath)) {
+    throw new Error(`Config file not found: ${absolutePath}`);
+  }
+  if (absolutePath.endsWith(".json")) {
+    return JSON.parse(await fs12.readFile(absolutePath, "utf-8"));
+  }
+  const content = await fs12.readFile(absolutePath, "utf-8");
+  const objectMatch = content.match(/export\s+default\s+(\{[\s\S]*\})\s*(?:satisfies\s+\w+)?\s*;?\s*$/) || content.match(/const\s+\w+(?::\s*[\w<>]+)?\s*=\s*(\{[\s\S]*\})\s*;\s*export\s+default\s+\w+\s*;?\s*$/);
+  if (!objectMatch) {
+    throw new Error("see-ms config must export an object literal or be JSON");
+  }
+  return Function(`"use strict"; return (${objectMatch[1]});`)();
+}
+async function writeSeeMSConfig(outputDir, config) {
+  const target = path15.join(outputDir, "see-ms.config.ts");
+  const content = `import type { SeeMSConfig } from "@see-ms/types";
+
+const config: SeeMSConfig = ${JSON.stringify(config, null, 2)};
+
+export default config;
+`;
+  await fs12.writeFile(target, content, "utf-8");
+}
+function normalizeConfig(config = {}) {
+  return mergeConfig(DEFAULT_SEEMS_CONFIG, config);
+}
+
 // src/converter.ts
 async function convertWebflowExport(options) {
   const { inputDir, outputDir, boilerplate } = options;
-  console.log(pc3.cyan("\u{1F680} Starting Webflow to Nuxt conversion..."));
+  const loadedConfig = options.configPath ? await loadSeeMSConfig(options.configPath) : {};
+  const config = normalizeConfig(mergeConfig(loadedConfig, options.config || {}));
+  const target = options.target || config.target || "nuxt";
+  const provider = options.cmsBackend || config.cms?.provider || "strapi";
+  const editorEnabled = options.editor ?? config.editor?.enabled ?? true;
+  const shouldGenerateContent = options.generateContent !== false;
+  const collectionClasses = options.collectionClasses || config.collections?.map((collection) => collection.className);
+  const collectionNames = options.collectionNames || Object.fromEntries(
+    (config.collections || []).map((collection) => [collection.className, collection.name || collection.className])
+  );
+  console.log(pc3.cyan(`\u{1F680} Starting Webflow to ${target === "astro-vue" ? "Astro + Vue" : "Nuxt"} conversion...`));
   console.log(pc3.dim(`Input: ${inputDir}`));
   console.log(pc3.dim(`Output: ${outputDir}`));
   try {
-    await setupBoilerplate(boilerplate, outputDir);
-    const inputExists = await fs10.pathExists(inputDir);
-    if (!inputExists) {
-      throw new Error(`Input directory not found: ${inputDir}`);
-    }
+    const analysis = await analyzeWebflowExport(inputDir, config);
+    await setupBoilerplate(boilerplate, outputDir, target);
+    await writeSeeMSConfig(outputDir, config);
     console.log(pc3.blue("\n\u{1F4C2} Scanning assets..."));
-    const assets = await scanAssets(inputDir);
+    const assets = analysis.assets;
     console.log(pc3.green(`  \u2713 Found ${assets.css.length} CSS files`));
     console.log(pc3.green(`  \u2713 Found ${assets.images.length} images`));
     console.log(pc3.green(`  \u2713 Found ${assets.fonts.length} fonts`));
@@ -2197,19 +3945,62 @@ async function convertWebflowExport(options) {
     await copyAllAssets(inputDir, outputDir, assets);
     console.log(pc3.green("  \u2713 Assets copied successfully"));
     console.log(pc3.blue("\n\u{1F50D} Finding HTML files..."));
-    const htmlFiles = await findHTMLFiles(inputDir);
+    const htmlFiles = analysis.pages.map((page) => page.sourcePath);
     console.log(pc3.green(`  \u2713 Found ${htmlFiles.length} HTML files`));
     const htmlContentMap = /* @__PURE__ */ new Map();
+    const originalHtmlContentMap = /* @__PURE__ */ new Map();
     for (const htmlFile of htmlFiles) {
       const html = await readHTMLFile(inputDir, htmlFile);
-      const pageName = htmlFile.replace(".html", "").replace(/\//g, "-");
+      const pageName = htmlPathToPageId(htmlFile);
       htmlContentMap.set(pageName, html);
+      originalHtmlContentMap.set(pageName, html);
       console.log(pc3.dim(`  Stored: ${pageName} from ${htmlFile}`));
     }
+    console.log(pc3.blue("\n\u{1F9E9} Extracting shared components..."));
+    const sharedComponents = config.components?.enabled === false ? [] : await extractSharedComponents(inputDir, outputDir, {
+      minOccurrences: config.components?.minOccurrences,
+      minPages: config.components?.minPages,
+      minSectionSize: config.components?.minSectionSize,
+      match: config.components?.match,
+      writeConfidence: config.components?.writeConfidence,
+      include: config.components?.include,
+      exclude: config.components?.exclude,
+      rules: config.components?.rules
+    });
+    const pageComponentMap = /* @__PURE__ */ new Map();
+    if (sharedComponents.length > 0) {
+      console.log(pc3.green(`  \u2713 Extracted ${sharedComponents.length} shared components:`));
+      for (const component of sharedComponents) {
+        console.log(pc3.dim(`    - ${component.name} (found in ${component.pages.length} pages)`));
+      }
+      for (const [pageName, html] of htmlContentMap.entries()) {
+        const $ = cheerio6.load(html);
+        let modified = false;
+        const usedComponents = [];
+        for (const component of sharedComponents) {
+          if (component.role === "collection-item") {
+            continue;
+          }
+          if (component.pages.includes(pageName)) {
+            replaceWithComponent($, component.selector, component.name);
+            usedComponents.push(component.name);
+            modified = true;
+          }
+        }
+        if (modified) {
+          const serializedHtml = $.html();
+          htmlContentMap.set(pageName, serializedHtml);
+          pageComponentMap.set(pageName, usedComponents);
+        }
+      }
+    } else {
+      console.log(pc3.dim("  No shared components detected across pages"));
+    }
     console.log(pc3.blue("\n\u2699\uFE0F  Converting HTML to Vue components..."));
     let allEmbeddedStyles = "";
     for (const htmlFile of htmlFiles) {
-      const html = htmlContentMap.get(htmlFile.replace(".html", "").replace(/\//g, "-"));
+      const pageName = htmlPathToPageId(htmlFile);
+      const html = htmlContentMap.get(pageName);
       const parsed = parseHTML(html, htmlFile);
       if (parsed.embeddedStyles) {
         allEmbeddedStyles += `
@@ -2217,16 +4008,31 @@ async function convertWebflowExport(options) {
 ${parsed.embeddedStyles}
 `;
       }
-      const transformed = transformForNuxt(parsed.htmlContent);
-      const pageName = htmlFile.replace(".html", "").replace(/\//g, "-");
-      const vueComponent = htmlToVueComponent(transformed, pageName);
-      await writeVueComponent(outputDir, htmlFile, vueComponent);
-      console.log(pc3.green(`  \u2713 Created ${htmlFile.replace(".html", ".vue")}`));
+      const transformed = transformForNuxt(parsed.htmlContent, htmlFile);
+      const componentImports = pageComponentMap.get(pageName);
+      const vueComponent = htmlToVueComponent(transformed, pageName, componentImports);
+      await writeVueComponent(outputDir, htmlFile, vueComponent, target, assets.css, editorEnabled);
+      console.log(pc3.green(`  \u2713 Created ${htmlFile.replace(".html", target === "astro-vue" ? ".astro + .vue" : ".vue")}`));
     }
-    await formatVueFiles(outputDir);
+    await formatVueFiles(outputDir, target);
     console.log(pc3.blue("\n\u{1F50D} Analyzing pages for CMS fields..."));
-    const pagesDir = path12.join(outputDir, "pages");
-    const manifest = await generateManifest(pagesDir);
+    const pagesDir = target === "astro-vue" ? path16.join(outputDir, "src", "components", "pages") : path16.join(outputDir, "pages");
+    const pageRoutes = Object.fromEntries(
+      htmlFiles.map((htmlFile) => {
+        const info = getPageRouteInfo(htmlFile);
+        return [info.pageId, info.route];
+      })
+    );
+    const manifest = await generateManifest(pagesDir, {
+      collectionClasses,
+      collectionNames,
+      sharedComponents,
+      componentsDir: path16.join(outputDir, "components"),
+      ignoreSelectors: config.ignore?.selectors,
+      ignoreClasses: config.ignore?.classes,
+      provider,
+      pageRoutes
+    });
     await writeManifest(outputDir, manifest);
     const totalFields = Object.values(manifest.pages).reduce(
       (sum, page) => sum + Object.keys(page.fields || {}).length,
@@ -2239,27 +4045,50 @@ ${parsed.embeddedStyles}
     console.log(pc3.green(`  \u2713 Detected ${totalFields} fields across ${Object.keys(manifest.pages).length} pages`));
     console.log(pc3.green(`  \u2713 Detected ${totalCollections} collections`));
     console.log(pc3.green("  \u2713 Generated cms-manifest.json"));
+    console.log(pc3.blue("\n\u{1F50C} Generating content runtime..."));
+    if (target === "nuxt") {
+      await createEditorContentComposable(outputDir);
+      await createStrapiContentComposable(outputDir, manifest);
+      await addStrapiUrlToConfig(outputDir);
+    } else {
+      await createAstroStrapiContentComposable(outputDir, manifest);
+    }
+    console.log(pc3.green("  \u2713 Content runtime generated"));
     console.log(pc3.blue("\n\u26A1 Transforming Vue files to reactive templates..."));
-    await transformAllVuePages(pagesDir, manifest);
+    await transformAllVuePages(pagesDir, manifest, { target });
+    await transformSharedComponentsToReactive(path16.join(outputDir, "components"), manifest, { target });
     console.log(pc3.green(`  \u2713 Transformed ${Object.keys(manifest.pages).length} pages to use Vue template syntax`));
     console.log(pc3.blue("\n\u{1F4DD} Extracting content from HTML..."));
     console.log(pc3.dim(`  HTML map has ${htmlContentMap.size} entries`));
     console.log(pc3.dim(`  Manifest has ${Object.keys(manifest.pages).length} pages`));
-    const extractedContent = extractAllContent(htmlContentMap, manifest);
-    const seedData = formatForStrapi(extractedContent);
-    await writeSeedData(outputDir, seedData);
-    await createSeedReadme(outputDir);
-    const pagesWithContent = Object.keys(seedData).filter((key) => {
+    let seedData = {};
+    if (shouldGenerateContent) {
+      const extractedContent = extractAllContent(originalHtmlContentMap, manifest);
+      seedData = formatForStrapi(extractedContent);
+      await writeSeedData(outputDir, seedData);
+      await createSeedReadme(outputDir);
+    }
+    const pagesWithContent = Object.keys(manifest.pages).filter((key) => {
       const data = seedData[key];
+      if (!data) return false;
       if (Array.isArray(data)) return data.length > 0;
       return Object.keys(data).length > 0;
     }).length;
-    console.log(pc3.green(`  \u2713 Extracted content from ${pagesWithContent} pages`));
-    console.log(pc3.green(`  \u2713 Generated cms-seed/seed-data.json`));
+    if (shouldGenerateContent) {
+      console.log(pc3.green(`  \u2713 Extracted content from ${pagesWithContent} pages`));
+      console.log(pc3.green(`  \u2713 Generated cms-seed/seed-data.json`));
+    } else {
+      console.log(pc3.dim("  Skipped initial CMS content generation"));
+    }
     console.log(pc3.blue("\n\u{1F4CB} Generating Strapi schemas..."));
     const schemas = manifestToSchemas(manifest);
     await writeAllSchemas(outputDir, schemas);
     await createStrapiReadme(outputDir);
+    const linkSchema = getLinkComponentSchema(manifest);
+    if (linkSchema) {
+      await writeLinkComponentSchema(outputDir);
+      console.log(pc3.dim("  \u2713 Generated shared.link component schema"));
+    }
     console.log(pc3.green(`  \u2713 Generated ${Object.keys(schemas).length} Strapi content types`));
     console.log(pc3.dim("    View schemas in: cms-schemas/"));
     if (allEmbeddedStyles.trim()) {
@@ -2268,34 +4097,55 @@ ${parsed.embeddedStyles}
       await writeEmbeddedStyles(outputDir, dedupedStyles);
       console.log(pc3.green("  \u2713 Embedded styles added to main.css"));
     }
-    console.log(pc3.blue("\n\u{1F527} Generating webflow-assets.ts plugin..."));
-    await writeWebflowAssetPlugin(outputDir, assets.css);
-    console.log(pc3.green("  \u2713 Plugin generated (existing file overwritten)"));
-    console.log(pc3.blue("\n\u2699\uFE0F  Updating nuxt.config.ts..."));
-    try {
-      await updateNuxtConfig(outputDir, assets.css);
-      console.log(pc3.green("  \u2713 Config updated"));
-    } catch (error) {
-      console.log(pc3.yellow("  \u26A0  Could not update nuxt.config.ts automatically"));
-      console.log(pc3.dim("    Please add CSS files manually"));
-    }
-    console.log(pc3.blue("\n\u{1F3A8} Setting up editor overlay..."));
-    await createEditorPlugin(outputDir);
-    await createEditorContentComposable(outputDir);
-    await createStrapiContentComposable(outputDir);
-    await addEditorDependency(outputDir);
-    await createSaveEndpoint(outputDir);
-    await createPublishEndpoint(outputDir);
-    await createStrapiBootstrap(outputDir);
-    await addStrapiUrlToConfig(outputDir);
-    console.log(pc3.green("  \u2713 Editor plugin created"));
-    console.log(pc3.green("  \u2713 Editor content composable created"));
-    console.log(pc3.green("  \u2713 Strapi content composable created"));
-    console.log(pc3.green("  \u2713 Editor dependency added"));
-    console.log(pc3.green("  \u2713 Save endpoint created"));
-    console.log(pc3.green("  \u2713 Publish endpoint created"));
-    console.log(pc3.green("  \u2713 Strapi bootstrap file generated"));
-    console.log(pc3.green("  \u2713 Strapi config added"));
+    if (target === "nuxt") {
+      console.log(pc3.blue("\n\u{1F527} Generating webflow-assets.ts plugin..."));
+      await writeWebflowAssetPlugin(outputDir, assets.css);
+      console.log(pc3.green("  \u2713 Plugin generated (existing file overwritten)"));
+      console.log(pc3.blue("\n\u2699\uFE0F  Updating nuxt.config.ts..."));
+      try {
+        await updateNuxtConfig(outputDir, assets.css);
+        console.log(pc3.green("  \u2713 Config updated"));
+      } catch (error) {
+        console.log(pc3.yellow("  \u26A0  Could not update nuxt.config.ts automatically"));
+        console.log(pc3.dim("    Please add CSS files manually"));
+      }
+    } else {
+      console.log(pc3.dim("\n\u{1F527} Skipped Nuxt asset plugin; Astro pages import CSS directly"));
+    }
+    if (editorEnabled) {
+      console.log(pc3.blue("\n\u{1F3A8} Setting up editor overlay..."));
+      if (target === "nuxt") {
+        await createEditorPlugin(outputDir);
+        await createSaveEndpoint(outputDir);
+        await createPublishEndpoint(outputDir);
+        console.log(pc3.green("  \u2713 Nuxt editor plugin created"));
+        console.log(pc3.green("  \u2713 Nuxt save/publish endpoints created"));
+      } else {
+        await createAstroEditorClient(outputDir);
+        await createAstroSaveEndpoint(outputDir);
+        console.log(pc3.green("  \u2713 Astro editor client created"));
+        console.log(pc3.green("  \u2713 Astro save/publish endpoints created"));
+      }
+      await addEditorDependency(outputDir);
+      await createStrapiBootstrap(outputDir);
+      console.log(pc3.green("  \u2713 Editor dependency added"));
+      console.log(pc3.green("  \u2713 Strapi bootstrap file generated"));
+    } else {
+      console.log(pc3.dim("\n\u{1F3A8} Editor overlay disabled by config"));
+    }
+    const report = createConversionReport({
+      analysis,
+      provider,
+      stages: ["scan", "analyze", "plan", "convert", "cms", ...editorEnabled ? ["editor"] : []],
+      components: sharedComponents,
+      fields: totalFields,
+      collections: totalCollections,
+      schemas: Object.keys(schemas).length,
+      seedPages: pagesWithContent,
+      warnings: []
+    });
+    await writeConversionReport(outputDir, report);
+    console.log(pc3.green("  \u2713 Generated see-ms-report.md and see-ms-report.json"));
     console.log(pc3.green("\n\u2705 Conversion completed successfully!"));
     console.log(pc3.cyan("\n\u{1F4CB} Next steps:"));
     console.log(pc3.dim(`  1. cd ${outputDir}`));
@@ -2313,18 +4163,595 @@ ${parsed.embeddedStyles}
   }
 }
 
+// src/strapi-setup.ts
+import fs13 from "fs-extra";
+import path17 from "path";
+import { glob as glob5 } from "glob";
+import * as readline from "readline";
+import { spawn } from "child_process";
+var ENV_FILE = ".env";
+async function loadConfig(projectDir) {
+  const envPath = path17.join(projectDir, ENV_FILE);
+  if (await fs13.pathExists(envPath)) {
+    try {
+      const content = await fs13.readFile(envPath, "utf-8");
+      const config = {};
+      for (const line of content.split("\n")) {
+        const trimmed = line.trim();
+        if (!trimmed || trimmed.startsWith("#")) continue;
+        const [key, ...valueParts] = trimmed.split("=");
+        const value = valueParts.join("=").trim();
+        if (key === "STRAPI_API_TOKEN") {
+          config.apiToken = value;
+        } else if (key === "STRAPI_URL") {
+          config.strapiUrl = value;
+        }
+      }
+      return config;
+    } catch {
+      return {};
+    }
+  }
+  return {};
+}
+async function saveConfig(projectDir, config) {
+  const envPath = path17.join(projectDir, ENV_FILE);
+  let content = "";
+  if (await fs13.pathExists(envPath)) {
+    content = await fs13.readFile(envPath, "utf-8");
+    content = content.split("\n").filter((line) => !line.startsWith("STRAPI_API_TOKEN=") && !line.startsWith("STRAPI_URL=")).join("\n");
+    if (content && !content.endsWith("\n")) {
+      content += "\n";
+    }
+  }
+  if (config.strapiUrl) {
+    content += `STRAPI_URL=${config.strapiUrl}
+`;
+  }
+  if (config.apiToken) {
+    content += `STRAPI_API_TOKEN=${config.apiToken}
+`;
+  }
+  await fs13.writeFile(envPath, content);
+}
+async function completeSetup(options) {
+  const { projectDir, strapiDir, strapiUrl: optionUrl, apiToken: optionToken, ignoreSavedToken } = options;
+  if (!await fs13.pathExists(strapiDir)) {
+    if (!options.scaffold) {
+      throw new Error(`Strapi directory not found: ${strapiDir}`);
+    }
+    await scaffoldStrapiProject({
+      strapiDir,
+      ...options.scaffoldOptions
+    });
+  }
+  const savedConfig = await loadConfig(projectDir);
+  const strapiUrl = optionUrl || savedConfig.strapiUrl || "http://localhost:1337";
+  console.log("\u{1F680} Starting complete Strapi setup...\n");
+  console.log("\u{1F4E6} Step 1: Installing schemas...");
+  await installSchemas(projectDir, strapiDir);
+  console.log("\u2713 Schemas installed\n");
+  console.log("\u23F8\uFE0F  Step 2: Restart Strapi to load schemas");
+  console.log("   Run: npm run develop (in Strapi directory)");
+  console.log("   Press Enter when Strapi is running...");
+  await waitForEnter();
+  console.log("\n\u{1F50D} Step 3: Checking Strapi connection...");
+  const isRunning = await checkStrapiRunning(strapiUrl);
+  if (!isRunning) {
+    console.error("\u274C Cannot connect to Strapi at", strapiUrl);
+    console.log("   Make sure Strapi is running: npm run develop");
+    process.exit(1);
+  }
+  console.log("\u2713 Connected to Strapi\n");
+  let token = optionToken || (!ignoreSavedToken ? savedConfig.apiToken : void 0);
+  if (token && !ignoreSavedToken) {
+    console.log("\u{1F511} Step 4: Using saved API token");
+  } else if (token && optionToken) {
+    console.log("\u{1F511} Step 4: Using provided API token");
+  } else {
+    console.log("\u{1F511} Step 4: API Token needed");
+    console.log("   1. Open Strapi admin: http://localhost:1337/admin");
+    console.log("   2. Go to Settings > API Tokens > Create new API Token");
+    console.log('   3. Name: "Seed Script", Type: "Full access", Duration: "Unlimited"');
+    console.log("   4. Copy the token and paste it here:\n");
+    token = await promptForToken();
+    const saveToken = await promptYesNo("   Save token for future use?");
+    if (saveToken) {
+      await saveConfig(projectDir, { ...savedConfig, apiToken: token, strapiUrl });
+      console.log("   \u2713 Token saved to .env");
+    }
+    console.log("");
+  }
+  console.log("\u{1F4F8} Step 5: Uploading images...");
+  const mediaMap = await uploadAllImages(projectDir, strapiUrl, token);
+  console.log(`\u2713 Mapped ${mediaMap.size} media lookup keys
+`);
+  console.log("\u{1F4DD} Step 6: Seeding content...");
+  await seedContent(projectDir, strapiUrl, token, mediaMap);
+  console.log("\u2713 Content seeded\n");
+  console.log("\u2705 Complete setup finished!");
+  console.log("\n\u{1F4CB} Next steps:");
+  console.log("   1. Open Strapi admin: http://localhost:1337/admin");
+  console.log("   2. Check Content Manager - your content should be there!");
+  console.log("   3. Connect your Nuxt app to Strapi API");
+}
+async function scaffoldStrapiProject(options) {
+  const {
+    strapiDir,
+    packageManager = "npm",
+    install = true,
+    run = false,
+    gitInit = false,
+    typescript = true
+  } = options;
+  const resolvedDir = path17.resolve(strapiDir);
+  if (await fs13.pathExists(resolvedDir)) {
+    const entries = await fs13.readdir(resolvedDir);
+    if (entries.length > 0) {
+      throw new Error(`Cannot scaffold Strapi into a non-empty directory: ${resolvedDir}`);
+    }
+  }
+  await fs13.ensureDir(path17.dirname(resolvedDir));
+  const args = [
+    "create-strapi@latest",
+    resolvedDir,
+    typescript ? "--typescript" : "--javascript",
+    "--skip-cloud",
+    "--skip-db",
+    "--no-example",
+    install ? "--install" : "--no-install",
+    gitInit ? "--git-init" : "--no-git-init",
+    `--use-${packageManager}`
+  ];
+  if (!run) {
+    args.push("--no-run");
+  }
+  console.log("\u{1F3D7}\uFE0F  Scaffolding Strapi project...");
+  console.log(`   npx ${args.join(" ")}`);
+  await runCommand("npx", args, process.cwd());
+  if (!await fs13.pathExists(path17.join(resolvedDir, "package.json"))) {
+    throw new Error(`Strapi scaffold did not create a project at ${resolvedDir}`);
+  }
+  console.log(`\u2713 Strapi project scaffolded at ${resolvedDir}`);
+}
+function runCommand(command, args, cwd) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(command, args, {
+      cwd,
+      stdio: "inherit",
+      shell: process.platform === "win32"
+    });
+    child.on("error", reject);
+    child.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`${command} ${args.join(" ")} exited with code ${code}`));
+      }
+    });
+  });
+}
+async function installSchemas(projectDir, strapiDir) {
+  if (!await fs13.pathExists(strapiDir)) {
+    console.error(`   \u2717 Strapi directory not found: ${strapiDir}`);
+    console.error(`   Resolved to: ${path17.resolve(strapiDir)}`);
+    throw new Error(`Strapi directory not found: ${strapiDir}`);
+  }
+  const packageJsonPath = path17.join(strapiDir, "package.json");
+  if (await fs13.pathExists(packageJsonPath)) {
+    const pkg = await fs13.readJson(packageJsonPath);
+    if (!pkg.dependencies?.["@strapi/strapi"]) {
+      console.warn(`   \u26A0\uFE0F  Warning: ${strapiDir} may not be a Strapi project`);
+    }
+  }
+  const schemaDir = path17.join(projectDir, "cms-schemas");
+  const componentsDir = path17.join(schemaDir, "components");
+  if (await fs13.pathExists(componentsDir)) {
+    const componentFiles = await glob5("**/*.json", {
+      cwd: componentsDir,
+      absolute: false
+    });
+    if (componentFiles.length > 0) {
+      console.log(`   Found ${componentFiles.length} component(s)`);
+      for (const file of componentFiles) {
+        const sourcePath = path17.join(componentsDir, file);
+        const targetPath = path17.join(strapiDir, "src", "components", file);
+        await fs13.ensureDir(path17.dirname(targetPath));
+        await fs13.copy(sourcePath, targetPath);
+        console.log(`   \u2713 Component: ${file}`);
+      }
+    }
+  }
+  const schemaFiles = await glob5("*.json", {
+    cwd: schemaDir,
+    absolute: false
+  });
+  if (schemaFiles.length === 0) {
+    console.log("\u26A0\uFE0F  No schema files found");
+    return;
+  }
+  console.log(`   Found ${schemaFiles.length} schema file(s)`);
+  for (const file of schemaFiles) {
+    const schemaPath = path17.join(schemaDir, file);
+    const schema = await fs13.readJson(schemaPath);
+    const singularName = schema.info?.singularName || path17.basename(file, ".json");
+    console.log(`   Installing ${singularName}...`);
+    try {
+      const apiPath = path17.join(strapiDir, "src", "api", singularName);
+      const contentTypesPath = path17.join(
+        apiPath,
+        "content-types",
+        singularName
+      );
+      const targetPath = path17.join(contentTypesPath, "schema.json");
+      await fs13.ensureDir(contentTypesPath);
+      await fs13.ensureDir(path17.join(apiPath, "routes"));
+      await fs13.ensureDir(path17.join(apiPath, "controllers"));
+      await fs13.ensureDir(path17.join(apiPath, "services"));
+      await fs13.writeJson(targetPath, schema, { spaces: 2 });
+      const routeContent = `import { factories } from '@strapi/strapi';
+         export default factories.createCoreRouter('api::${singularName}.${singularName}');
+        `;
+      await fs13.writeFile(
+        path17.join(apiPath, "routes", `${singularName}.ts`),
+        routeContent
+      );
+      const controllerContent = `import { factories } from '@strapi/strapi';
+         export default factories.createCoreController('api::${singularName}.${singularName}');
+        `;
+      await fs13.writeFile(
+        path17.join(apiPath, "controllers", `${singularName}.ts`),
+        controllerContent
+      );
+      const serviceContent = `import { factories } from '@strapi/strapi';
+         export default factories.createCoreService('api::${singularName}.${singularName}');
+        `;
+      await fs13.writeFile(
+        path17.join(apiPath, "services", `${singularName}.ts`),
+        serviceContent
+      );
+    } catch (error) {
+      console.error(`   \u2717 Failed to install ${singularName}: ${error.message}`);
+    }
+  }
+}
+async function checkStrapiRunning(strapiUrl) {
+  try {
+    const response = await fetch(`${strapiUrl}/_health`);
+    return response.ok;
+  } catch {
+    return false;
+  }
+}
+function createReadline() {
+  return readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+}
+async function waitForEnter() {
+  const rl = createReadline();
+  return new Promise((resolve) => {
+    rl.question("", () => {
+      rl.close();
+      resolve();
+    });
+  });
+}
+async function promptForToken() {
+  const rl = createReadline();
+  return new Promise((resolve) => {
+    rl.question("   Token: ", (answer) => {
+      rl.close();
+      resolve(answer.trim());
+    });
+  });
+}
+async function promptYesNo(question) {
+  const rl = createReadline();
+  return new Promise((resolve) => {
+    rl.question(`${question} (y/n): `, (answer) => {
+      rl.close();
+      resolve(answer.trim().toLowerCase() === "y" || answer.trim().toLowerCase() === "yes");
+    });
+  });
+}
+async function getExistingMedia(strapiUrl, apiToken) {
+  const existingMedia = /* @__PURE__ */ new Map();
+  try {
+    let page = 1;
+    const pageSize = 100;
+    let hasMore = true;
+    while (hasMore) {
+      const response = await fetch(
+        `${strapiUrl}/api/upload/files?pagination[page]=${page}&pagination[pageSize]=${pageSize}`,
+        {
+          headers: {
+            Authorization: `Bearer ${apiToken}`
+          }
+        }
+      );
+      if (!response.ok) {
+        break;
+      }
+      const data = await response.json();
+      const files = Array.isArray(data) ? data : data.results || [];
+      for (const file of files) {
+        if (file.name) {
+          existingMedia.set(file.name, file.id);
+        }
+      }
+      hasMore = files.length === pageSize;
+      page++;
+    }
+  } catch (error) {
+  }
+  return existingMedia;
+}
+async function uploadAllImages(projectDir, strapiUrl, apiToken) {
+  const mediaMap = /* @__PURE__ */ new Map();
+  const imagesDir = path17.join(projectDir, "public", "assets", "images");
+  if (!await fs13.pathExists(imagesDir)) {
+    console.log("   No images directory found");
+    return mediaMap;
+  }
+  const imageFiles = await glob5("**/*.{jpg,jpeg,png,gif,webp,avif,svg}", {
+    cwd: imagesDir,
+    absolute: false
+  });
+  console.log(`   Checking for existing media...`);
+  const existingMedia = await getExistingMedia(strapiUrl, apiToken);
+  let uploadedCount = 0;
+  let skippedCount = 0;
+  console.log(`   Processing ${imageFiles.length} images...`);
+  for (const imageFile of imageFiles) {
+    const fileName = path17.basename(imageFile);
+    const existingId = existingMedia.get(fileName);
+    if (existingId) {
+      addMediaMapEntries(mediaMap, imageFile, existingId);
+      skippedCount++;
+      continue;
+    }
+    const imagePath = path17.join(imagesDir, imageFile);
+    const mediaId = await uploadImage(imagePath, imageFile, strapiUrl, apiToken);
+    if (mediaId) {
+      addMediaMapEntries(mediaMap, imageFile, mediaId);
+      uploadedCount++;
+      console.log(`   \u2713 ${imageFile}`);
+    }
+  }
+  console.log(`   Uploaded: ${uploadedCount}, Skipped (existing): ${skippedCount}`);
+  return mediaMap;
+}
+async function uploadImage(filePath, fileName, strapiUrl, apiToken) {
+  try {
+    const fileBuffer = await fs13.readFile(filePath);
+    const mimeType = getMimeType(fileName);
+    const blob = new Blob([fileBuffer], { type: mimeType });
+    const formData = new globalThis.FormData();
+    formData.append("files", blob, fileName);
+    const response = await fetch(`${strapiUrl}/api/upload`, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${apiToken}`
+      },
+      body: formData
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error(
+        `   \u2717 Failed to upload ${fileName}: ${response.status} - ${errorText}`
+      );
+      return null;
+    }
+    const data = await response.json();
+    return data[0]?.id || null;
+  } catch (error) {
+    console.error(`   \u2717 Error uploading ${fileName}:`, error);
+    return null;
+  }
+}
+function getMimeType(fileName) {
+  const ext = path17.extname(fileName).toLowerCase();
+  const mimeTypes = {
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".png": "image/png",
+    ".gif": "image/gif",
+    ".webp": "image/webp",
+    ".avif": "image/avif",
+    ".svg": "image/svg+xml"
+  };
+  return mimeTypes[ext] || "application/octet-stream";
+}
+async function seedContent(projectDir, strapiUrl, apiToken, mediaMap) {
+  const seedPath = path17.join(projectDir, "cms-seed", "seed-data.json");
+  if (!await fs13.pathExists(seedPath)) {
+    console.log("   No seed data found");
+    return;
+  }
+  const seedData = await fs13.readJson(seedPath);
+  const schemasDir = path17.join(projectDir, "cms-schemas");
+  const schemas = /* @__PURE__ */ new Map();
+  const schemaFiles = await glob5("*.json", { cwd: schemasDir });
+  for (const file of schemaFiles) {
+    const schema = await fs13.readJson(path17.join(schemasDir, file));
+    const name = path17.basename(file, ".json");
+    schemas.set(name, schema);
+  }
+  let successCount = 0;
+  let totalCount = 0;
+  for (const [contentType, data] of Object.entries(seedData)) {
+    const schema = schemas.get(contentType);
+    if (!schema) {
+      console.log(`   \u26A0\uFE0F  No schema found for ${contentType}, skipping...`);
+      continue;
+    }
+    const singularName = schema.info.singularName;
+    const pluralName = schema.info.pluralName;
+    if (Array.isArray(data)) {
+      console.log(`   Seeding ${contentType} (${data.length} items)...`);
+      for (const item of data) {
+        totalCount++;
+        const processedItem = processMediaFields(item, mediaMap);
+        const success = await createEntry(
+          pluralName,
+          processedItem,
+          strapiUrl,
+          apiToken
+        );
+        if (success) successCount++;
+      }
+    } else {
+      console.log(`   Seeding ${contentType}...`);
+      totalCount++;
+      const processedData = processMediaFields(data, mediaMap);
+      const success = await createOrUpdateSingleType(
+        singularName,
+        processedData,
+        strapiUrl,
+        apiToken
+      );
+      if (success) successCount++;
+    }
+  }
+  console.log(`   \u2713 Successfully seeded ${successCount}/${totalCount} entries`);
+}
+function processMediaFields(data, mediaMap) {
+  const processed = {};
+  for (const [key, value] of Object.entries(data)) {
+    if (typeof value === "string") {
+      if (key.includes("image") || key.includes("img") || key.includes("bg") || value.startsWith("/images/") || value.startsWith("images/") || value.startsWith("/assets/images/") || value.startsWith("assets/images/") || isLikelyImagePath(value)) {
+        const mediaId = findMediaId(mediaMap, value);
+        if (mediaId) {
+          processed[key] = mediaId;
+        } else {
+          processed[key] = null;
+        }
+      } else {
+        processed[key] = value;
+      }
+    } else {
+      processed[key] = value;
+    }
+  }
+  return processed;
+}
+function addMediaMapEntries(mediaMap, imageFile, mediaId) {
+  for (const key of mediaLookupKeys(imageFile)) {
+    mediaMap.set(key, mediaId);
+  }
+}
+function findMediaId(mediaMap, value) {
+  for (const key of mediaLookupKeys(value)) {
+    const mediaId = mediaMap.get(key);
+    if (mediaId) return mediaId;
+  }
+  return void 0;
+}
+async function createEntry(contentType, data, strapiUrl, apiToken) {
+  try {
+    const response = await fetch(`${strapiUrl}/api/${contentType}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${apiToken}`
+      },
+      body: JSON.stringify({ data })
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error(
+        `   \u2717 Failed to create ${contentType}: ${response.status} - ${errorText}`
+      );
+      return false;
+    }
+    return true;
+  } catch (error) {
+    console.error(`   \u2717 Error creating ${contentType}:`, error);
+    return false;
+  }
+}
+async function createOrUpdateSingleType(contentType, data, strapiUrl, apiToken) {
+  try {
+    const response = await fetch(`${strapiUrl}/api/${contentType}`, {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${apiToken}`
+      },
+      body: JSON.stringify({ data })
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error(
+        `   \u2717 Failed to update ${contentType}: ${response.status} - ${errorText}`
+      );
+      return false;
+    }
+    return true;
+  } catch (error) {
+    console.error(`   \u2717 Error updating ${contentType}:`, error);
+    return false;
+  }
+}
+async function main() {
+  const args = process.argv.slice(2);
+  if (args.length < 2) {
+    console.log(
+      "Usage: tsx strapi-setup.ts <project-dir> <strapi-dir> [strapi-url] [api-token]"
+    );
+    console.log("");
+    console.log("Example:");
+    console.log("  tsx strapi-setup.ts ./nuxt-project ./strapi-dev");
+    console.log(
+      "  tsx strapi-setup.ts ./nuxt-project ./strapi-dev http://localhost:1337 abc123"
+    );
+    process.exit(1);
+  }
+  const [projectDir, strapiDir, strapiUrl, apiToken] = args;
+  await completeSetup({
+    projectDir,
+    strapiDir,
+    strapiUrl,
+    apiToken
+  });
+}
+var isMainModule = process.argv[1] && process.argv[1].endsWith("strapi-setup.ts");
+if (isMainModule) {
+  main().catch((error) => {
+    console.error("\u274C Setup failed:", error.message);
+    process.exit(1);
+  });
+}
+
 // src/generator.ts
 async function generateSchemas(_manifestPath, _cmsType) {
   throw new Error("Not yet implemented");
 }
 export {
+  LINK_COMPONENT_SCHEMA,
+  analyzeWebflowExport,
+  completeSetup,
   convertWebflowExport,
+  createConversionReport,
   detectEditableFields,
+  extractSharedComponents,
+  findSharedSections,
   generateManifest,
   generateSchemas,
+  getLinkComponentSchema,
+  loadSeeMSConfig,
   manifestToSchemas,
+  mergeConfig,
+  normalizeConfig,
+  parseAllPages,
   readManifest,
+  renderReportMarkdown,
+  scaffoldStrapiProject,
   setupBoilerplate,
-  transformAllVuePages
+  transformAllVuePages,
+  writeConversionReport,
+  writeSeeMSConfig
 };
 //# sourceMappingURL=index.mjs.map