create-ec-app 1.5.0 → 1.7.0

package/dist/pcf.js

@@ -1,7 +1,9 @@
 import path, { dirname } from "node:path";
 import { fileURLToPath } from "node:url";
 import fs from "fs-extra";
+import { PCF_SCOPED_CSS_FILE, scopeCssForPcf, } from "./cssScope.js";
 import { applyLayer, replaceTokensRecursively } from "./libFunctions.js";
+import { ensurePortalContainerRuntime, localizeShadcnPortals, } from "./portalContainers.js";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const RUNTIME_TYPES_TEMPLATE = `export interface PcfWebApi {
@@ -20,38 +22,6 @@ export interface PcfRuntimeContext {
 \twebApi: PcfWebApi;
 }
 `;
-function createAppShellTemplate(appId) {
-    return `import * as React from "react";
-
-export const EC_APP_SCOPE_CLASS = "ec-app";
-export const EC_APP_ID = ${JSON.stringify(appId)};
-export const EC_PCF_SCOPE_CLASS = "ec-pcf-shell-control";
-
-const EcPortalContainerContext = React.createContext<HTMLElement | null>(null);
-
-export function useEcPortalContainer() {
-\treturn React.useContext(EcPortalContainerContext);
-}
-
-export function EcAppShell({ children }: { children: React.ReactNode }) {
-\tconst [portalContainer, setPortalContainer] =
-\t\tReact.useState<HTMLDivElement | null>(null);
-
-\treturn (
-\t\t<div
-\t\t\tclassName={EC_APP_SCOPE_CLASS}
-\t\t\tdata-ec-app-id={EC_APP_ID}
-\t\t\tdata-ec-app-root=""
-\t\t>
-\t\t\t<EcPortalContainerContext.Provider value={portalContainer}>
-\t\t\t\t{children}
-\t\t\t\t<div data-ec-portal-root="" ref={setPortalContainer} />
-\t\t\t</EcPortalContainerContext.Provider>
-\t\t</div>
-\t);
-}
-`;
-}
 export async function generatePcfFromExistingWebresource(options) {
     const projectDir = path.resolve(process.cwd(), options.pcfDir);
     const packageJson = await readJson(path.join(projectDir, "package.json"));
@@ -72,19 +42,24 @@ export async function generatePcfFromExistingWebresource(options) {
     const packageNameToken = options.packageName ?? toKebabCase(constructorName);
     const relToProject = toPosixPath(path.relative(outputDir, projectDir) || ".");
     const appImportPath = ensureRelativeImport(toPosixPath(path.relative(outputDir, path.join(projectDir, "src", "App"))));
-    const appShellImportPath = ensureRelativeImport(toPosixPath(path.relative(outputDir, path.join(projectDir, "src", "runtime", "EcAppShell"))));
+    const portalContainerImportPath = ensureRelativeImport(toPosixPath(path.relative(path.join(outputDir, "runtime"), path.join(projectDir, "src", "runtime", "PortalContainer"))));
     const runtimeTypesImportPath = ensureRelativeImport(toPosixPath(path.relative(outputDir, path.join(projectDir, "src", "runtime", "types"))));
-    const cssImportPath = ensureRelativeImport(toPosixPath(path.relative(outputDir, path.join(projectDir, distDirName, "main.css"))));
+    const sourceCssPath = path.join(projectDir, distDirName, "main.css");
+    const cssImportPath = ensureRelativeImport(PCF_SCOPED_CSS_FILE);
     await assertFileExists(path.join(projectDir, "src", "App.tsx"), `Could not find src/App.tsx in ${projectDir}.`);
-    await assertFileExists(path.join(projectDir, distDirName, "main.css"), `Could not find ${distDirName}/main.css in ${projectDir}. Run the webresource build first.`);
+    await assertFileExists(sourceCssPath, `Could not find ${distDirName}/main.css in ${projectDir}. Run the webresource build first.`);
     await ensureRuntimeTypes(projectDir);
-    await ensureAppShell(projectDir, packageName);
-    await warnIfCssAppearsUnsafe(path.join(projectDir, distDirName, "main.css"));
+    await ensurePortalContainerRuntime(projectDir);
+    await localizeShadcnPortals(projectDir, {
+        includeGeneratedCompatibility: false,
+    });
+    const pcfCss = scopeCssForPcf(await fs.readFile(sourceCssPath, "utf8"), constructorName);
     await fs.remove(outputDir);
     await applyLayer(templateDir, outputDir);
     for (const layerDir of layerDirs) {
         await applyLayer(layerDir, outputDir);
     }
+    await fs.writeFile(path.join(outputDir, PCF_SCOPED_CSS_FILE), pcfCss, "utf8");
     await replaceTokensRecursively(outputDir, {
         CONTROL_DESCRIPTION: controlDescription,
         CONTROL_DISPLAY_NAME: controlDisplayName,
@@ -94,7 +69,7 @@ export async function generatePcfFromExistingWebresource(options) {
         PCF_VERSION: version,
         PROJECT_APP_IMPORT: appImportPath,
         PROJECT_CSS_IMPORT: cssImportPath,
-        PROJECT_EC_APP_SHELL_IMPORT: appShellImportPath,
+        PROJECT_PORTAL_CONTAINER_IMPORT: portalContainerImportPath,
         PROJECT_NODE_MODULES_TYPES_ROOT: `${relToProject}/node_modules/@types`,
         PROJECT_REACT_ALIAS: `${relToProject}/node_modules/react`,
         PROJECT_REACT_DOM_ALIAS: `${relToProject}/node_modules/react-dom`,
@@ -118,52 +93,6 @@ async function ensureRuntimeTypes(projectDir) {
     await fs.ensureDir(path.dirname(runtimeTypesPath));
     await fs.writeFile(runtimeTypesPath, RUNTIME_TYPES_TEMPLATE, "utf8");
 }
-async function ensureAppShell(projectDir, appId) {
-    const appShellPath = path.join(projectDir, "src", "runtime", "EcAppShell.tsx");
-    if (await fs.pathExists(appShellPath)) {
-        return;
-    }
-    await fs.ensureDir(path.dirname(appShellPath));
-    await fs.writeFile(appShellPath, createAppShellTemplate(appId), "utf8");
-}
-async function warnIfCssAppearsUnsafe(cssPath) {
-    const css = await fs.readFile(cssPath, "utf8");
-    const unsafeChecks = [
-        { name: "global body rule", pattern: /(^|})\s*body\s*\{/ },
-        {
-            name: "global shadcn :root token rule",
-            pattern: /(^|})\s*:root\s*\{[^}]*--background\s*:/,
-        },
-        {
-            name: "global shadcn dark token rule",
-            pattern: /(^|})\s*\.dark\s*\{[^}]*--background\s*:/,
-        },
-        {
-            name: "Tailwind Preflight universal reset",
-            pattern: /(^|})\s*\*,\s*::before,\s*::after,\s*::backdrop\b/,
-        },
-        { name: "unprefixed flex utility", pattern: /(^|})\s*\.flex\s*\{/ },
-        { name: "unprefixed grid utility", pattern: /(^|})\s*\.grid\s*\{/ },
-        { name: "unprefixed hidden utility", pattern: /(^|})\s*\.hidden\s*\{/ },
-        { name: "unprefixed border utility", pattern: /(^|})\s*\.border\s*\{/ },
-        { name: "unprefixed text-sm utility", pattern: /(^|})\s*\.text-sm\s*\{/ },
-        {
-            name: "unprefixed bg-background utility",
-            pattern: /(^|})\s*\.bg-background\s*\{/,
-        },
-    ];
-    const matches = unsafeChecks
-        .filter((check) => check.pattern.test(css))
-        .map((check) => check.name);
-    if (matches.length === 0) {
-        return;
-    }
-    console.warn([
-        "Warning: the built CSS appears to use unscoped Tailwind/shadcn styles and may leak into the host page when deployed as PCF.",
-        `Detected: ${matches.join(", ")}.`,
-        "Regenerate or migrate the source app to the scoped CSS template before deploying to Dynamics 365.",
-    ].join("\n"));
-}
 async function readJson(filePath) {
     try {
         return await fs.readJson(filePath);

package/dist/pcf.js.map

@@ -1 +1 @@
-{"version":3,"file":"pcf.js","sourceRoot":"","sources":["../src/pcf.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pcf.js","sourceRoot":"","sources":["../src/pcf.ts"],"names":[],"mappings":"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"}

package/dist/portalContainers.d.ts

@@ -0,0 +1,7 @@
+export declare function ensurePortalContainerRuntime(projectDir: string): Promise<void>;
+interface LocalizeShadcnPortalsOptions {
+    includeGeneratedCompatibility?: boolean;
+}
+export declare function localizeShadcnPortals(projectDir: string, options?: LocalizeShadcnPortalsOptions): Promise<void>;
+export {};
+//# sourceMappingURL=portalContainers.d.ts.map

package/dist/portalContainers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalContainers.d.ts","sourceRoot":"","sources":["../src/portalContainers.ts"],"names":[],"mappings":"AAaA,wBAAsB,4BAA4B,CACjD,UAAU,EAAE,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC,CAcf;AAED,UAAU,4BAA4B;IACrC,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,wBAAsB,qBAAqB,CAC1C,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,4BAAiC,GACxC,OAAO,CAAC,IAAI,CAAC,CA2Bf"}

package/dist/portalContainers.js

@@ -0,0 +1,118 @@
+import path from "node:path";
+import fs from "fs-extra";
+const PORTAL_CONTAINER_TEMPLATE = `import * as React from "react";
+
+export const PortalContainerContext =
+\tReact.createContext<HTMLElement | null>(null);
+
+export function usePortalContainer() {
+\treturn React.useContext(PortalContainerContext);
+}
+`;
+export async function ensurePortalContainerRuntime(projectDir) {
+    const portalContainerPath = path.join(projectDir, "src", "runtime", "PortalContainer.ts");
+    if (await fs.pathExists(portalContainerPath)) {
+        return;
+    }
+    await fs.ensureDir(path.dirname(portalContainerPath));
+    await fs.writeFile(portalContainerPath, PORTAL_CONTAINER_TEMPLATE, "utf8");
+}
+export async function localizeShadcnPortals(projectDir, options = {}) {
+    const componentsDir = path.join(projectDir, "src", "components", "ui");
+    if (!(await fs.pathExists(componentsDir))) {
+        return;
+    }
+    await ensurePortalContainerRuntime(projectDir);
+    const entries = await fs.readdir(componentsDir, { withFileTypes: true });
+    for (const entry of entries) {
+        if (!entry.isFile() || !entry.name.endsWith(".tsx")) {
+            continue;
+        }
+        const filePath = path.join(componentsDir, entry.name);
+        const source = await fs.readFile(filePath, "utf8");
+        const withPortalContainers = withPortalRuntime(source, filePath);
+        const updated = options.includeGeneratedCompatibility === false
+            ? withPortalContainers
+            : withGeneratedShadcnCompatibility(withPortalContainers);
+        if (updated !== source) {
+            await fs.writeFile(filePath, updated, "utf8");
+        }
+    }
+}
+function withPortalRuntime(source, filePath) {
+    const migratedSource = source.replace(/from ["']@\/runtime\/EcAppShell["']/g, 'from "@/runtime/PortalContainer"');
+    const withGenericPortalRuntime = migratedSource
+        .replace(/from ["']@\/runtime\/EcPortalContainer["']/g, 'from "@/runtime/PortalContainer"')
+        .replace(/\buseEcPortalContainer\b/g, "usePortalContainer");
+    const withPortalContainers = withGenericPortalRuntime.replace(/<([A-Za-z][A-Za-z0-9]*Primitive)\.Portal\b(?![^>]*\bcontainer=)/g, "<$1.Portal container={portalContainer ?? undefined}");
+    if (withPortalContainers === withGenericPortalRuntime) {
+        return withGenericPortalRuntime;
+    }
+    return addPortalImport(addPortalHookDeclarations(withPortalContainers, filePath));
+}
+function withGeneratedShadcnCompatibility(source) {
+    const withChartAttributeSelectors = removeStandaloneClassPrefixes(source)
+        .replace(/\[stroke=#ccc\]/g, "[stroke='#ccc']")
+        .replace(/\[stroke=#fff\]/g, "[stroke='#fff']");
+    if (!withChartAttributeSelectors.includes('from "react-day-picker"')) {
+        return withChartAttributeSelectors;
+    }
+    return withChartAttributeSelectors.replace(/(\n\s*)table:/g, "$1month_grid:");
+}
+function removeStandaloneClassPrefixes(source) {
+    let updated = source;
+    let previous;
+    do {
+        previous = updated;
+        updated = updated.replace(/(^|[\s"'])ec:(?=\s|["'])/g, "$1");
+    } while (updated !== previous);
+    return updated;
+}
+function addPortalImport(source) {
+    if (source.includes('from "@/runtime/PortalContainer"')) {
+        return source;
+    }
+    const importPattern = /import[\s\S]*?from\s+["'][^"']+["'];?\n|import\s+["'][^"']+["'];?\n/g;
+    let insertAt = 0;
+    for (const match of source.matchAll(importPattern)) {
+        insertAt = (match.index ?? 0) + match[0].length;
+    }
+    const importLine = 'import { usePortalContainer } from "@/runtime/PortalContainer"\n';
+    return `${source.slice(0, insertAt)}${importLine}${source.slice(insertAt)}`;
+}
+function addPortalHookDeclarations(source, filePath) {
+    const lines = source.split("\n");
+    const hookBodyLines = new Set();
+    for (let index = 0; index < lines.length; index += 1) {
+        if (!lines[index]?.includes("container={portalContainer ?? undefined}")) {
+            continue;
+        }
+        const bodyLine = findContainingFunctionBodyLine(lines, index);
+        if (bodyLine === undefined) {
+            throw new Error(`Could not locate a function body for a shadcn Portal in ${filePath}.`);
+        }
+        hookBodyLines.add(bodyLine);
+    }
+    for (const bodyLine of [...hookBodyLines].sort((a, b) => b - a)) {
+        if (lines[bodyLine + 1]?.includes("const portalContainer")) {
+            continue;
+        }
+        const indent = lines[bodyLine]?.match(/^(\s*)/)?.[1] ?? "";
+        lines.splice(bodyLine + 1, 0, `${indent}  const portalContainer = usePortalContainer()`);
+    }
+    return lines.join("\n");
+}
+function findContainingFunctionBodyLine(lines, portalLine) {
+    for (let index = portalLine; index >= 0; index -= 1) {
+        if (!/^\s*function\s+\w+/.test(lines[index] ?? "")) {
+            continue;
+        }
+        for (let bodyLine = index; bodyLine <= portalLine; bodyLine += 1) {
+            if (/\)\s*\{\s*$/.test(lines[bodyLine] ?? "")) {
+                return bodyLine;
+            }
+        }
+    }
+    return undefined;
+}
+//# sourceMappingURL=portalContainers.js.map

package/dist/portalContainers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalContainers.js","sourceRoot":"","sources":["../src/portalContainers.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "create-ec-app",
-	"version": "1.5.0",
-	"description": "Unified CLI tool to create different types of EC applications: Webresource, Portal, Power Pages",
+	"version": "1.7.0",
+	"description": "Unified CLI tool to create different types of EC applications: Webresource, Portal, Power Pages, Power Apps Code Apps",
 	"bin": {
 		"create-ec-app": "./dist/index.js"
 	},
@@ -20,6 +20,8 @@
 		"tailwind",
 		"cli",
 		"powerpages",
+		"code-apps",
+		"power-apps-code-apps",
 		"portal",
 		"webresource",
 		"dynamics",
@@ -38,7 +40,8 @@
 	"type": "module",
 	"dependencies": {
 		"@clack/prompts": "^0.11.0",
-		"fs-extra": "^11.3.2"
+		"fs-extra": "^11.3.2",
+		"postcss": "^8.5.15"
 	},
 	"devDependencies": {
 		"@semantic-release/commit-analyzer": "^13.0.1",

package/scripts/check-generated-css-scope.mjs

@@ -2,60 +2,121 @@
 
 import fs from "node:fs";
 import path from "node:path";
+import postcss from "postcss";
 
-const appPath = process.argv[2];
+const pcfPath = process.argv[2];
 
-if (!appPath) {
-	console.error("Usage: node scripts/check-generated-css-scope.mjs <generated-app>");
+if (!pcfPath) {
+	console.error("Usage: node scripts/check-generated-css-scope.mjs <generated-pcf-control>");
 	process.exit(1);
 }
 
-const cssPath = path.join(path.resolve(appPath), "dist", "main.css");
+const cssPath = path.join(path.resolve(pcfPath), "pcf-scoped.css");
 
 if (!fs.existsSync(cssPath)) {
-	console.error(`Could not find ${cssPath}. Build the generated app first.`);
+	console.error(`Could not find ${cssPath}. Generate the PCF control first.`);
 	process.exit(1);
 }
 
 const css = fs.readFileSync(cssPath, "utf8");
+const root = postcss.parse(css, { from: cssPath });
+const failures = [];
 
-const forbidden = [
-	{ name: "global body rule", pattern: /(^|})\s*body\s*\{/ },
-	{
-		name: "global shadcn :root token rule",
-		pattern: /(^|})\s*:root\s*\{[^}]*--background\s*:/,
-	},
-	{
-		name: "global shadcn dark token rule",
-		pattern: /(^|})\s*\.dark\s*\{[^}]*--background\s*:/,
-	},
-	{ name: "unprefixed flex utility", pattern: /(^|})\s*\.flex\s*\{/ },
-	{ name: "unprefixed grid utility", pattern: /(^|})\s*\.grid\s*\{/ },
-	{ name: "unprefixed hidden utility", pattern: /(^|})\s*\.hidden\s*\{/ },
-	{
-		name: "unprefixed bg-background utility",
-		pattern: /(^|})\s*\.bg-background\s*\{/,
-	},
-];
-
-const required = [
-	{ name: "ec app scope", pattern: /\.ec-app\b/ },
-	{ name: "prefixed flex utility", pattern: /\.ec\\:flex\b/ },
-];
-
-const failures = [
-	...forbidden.filter((check) => check.pattern.test(css)).map((check) => check.name),
-	...required
-		.filter((check) => !check.pattern.test(css))
-		.map((check) => `missing ${check.name}`),
-];
+root.walkRules((rule) => {
+	if (isKeyframesRule(rule)) {
+		return;
+	}
+
+	for (const selector of splitSelectorList(rule.selector)) {
+		if (!selector.includes(".pcf-shell-control")) {
+			failures.push(`unscoped PCF rule: ${selector}`);
+		}
+	}
+});
+
+if (!css.includes("[data-pcf-control=")) {
+	failures.push("missing PCF control data attribute scope");
+}
+
+if (css.includes(".ec-pcf-shell-control") || css.includes("[data-ec-pcf-control=")) {
+	failures.push("legacy EC PCF scope is still present");
+}
 
 if (failures.length > 0) {
-	console.error("CSS scope check failed:");
+	console.error("PCF CSS scope check failed:");
 	for (const failure of failures) {
 		console.error(`- ${failure}`);
 	}
 	process.exit(1);
 }
 
-console.log("CSS scope check passed.");
+console.log("PCF CSS scope check passed.");
+
+function isKeyframesRule(rule) {
+	let parent = rule.parent;
+
+	while (parent) {
+		if (
+			parent.type === "atrule" &&
+			parent.name.toLowerCase().endsWith("keyframes")
+		) {
+			return true;
+		}
+
+		parent = parent.parent;
+	}
+
+	return false;
+}
+
+function splitSelectorList(selectorList) {
+	const selectors = [];
+	let start = 0;
+	let nesting = 0;
+	let quote = null;
+	let escaped = false;
+
+	for (let index = 0; index < selectorList.length; index += 1) {
+		const char = selectorList[index];
+
+		if (escaped) {
+			escaped = false;
+			continue;
+		}
+
+		if (char === "\\") {
+			escaped = true;
+			continue;
+		}
+
+		if (quote) {
+			if (char === quote) {
+				quote = null;
+			}
+			continue;
+		}
+
+		if (char === '"' || char === "'") {
+			quote = char;
+			continue;
+		}
+
+		if (char === "(" || char === "[") {
+			nesting += 1;
+			continue;
+		}
+
+		if (char === ")" || char === "]") {
+			nesting = Math.max(0, nesting - 1);
+			continue;
+		}
+
+		if (char === "," && nesting === 0) {
+			selectors.push(selectorList.slice(start, index).trim());
+			start = index + 1;
+		}
+	}
+
+	selectors.push(selectorList.slice(start).trim());
+	return selectors.filter(Boolean);
+}

package/templates/base/src/App.tsx

@@ -2,7 +2,7 @@ import "./App.css";
 
 function App() {
 	return (
-		<div className="ec:flex ec:flex-col ec:h-screen ec:items-center ec:justify-center">
+		<div className="flex h-screen flex-col items-center justify-center">
 			<p>Hello, world!</p>
 		</div>
 	);

package/templates/base/src/index.css

@@ -1,6 +1,3 @@
-@layer theme, base, components, utilities;
-
-@import "tailwindcss/theme.css" layer(theme) prefix(ec);
-@import "tailwindcss/utilities.css" layer(utilities) prefix(ec);
+@import "tailwindcss";
 
 @custom-variant hover (&:hover);

package/templates/base/src/main.tsx

@@ -4,7 +4,6 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 import "./index.css";
 import App from "./App.tsx";
-import { EcAppShell } from "./runtime/EcAppShell.tsx";
 
 const queryClient = new QueryClient({
 	defaultOptions: {
@@ -24,9 +23,7 @@ const root = createRoot(document.getElementById("root")!);
 root.render(
 	<StrictMode>
 		<QueryClientProvider client={queryClient}>
-			<EcAppShell>
-				<App />
-			</EcAppShell>
+			<App />
 		</QueryClientProvider>
 	</StrictMode>
 );

package/templates/pcf/base/README.md

@@ -9,6 +9,29 @@ npm install
 npm run build
 ```
 
+## Regenerate From Webresource Changes
+
+Do not edit this generated PCF folder as the durable source of truth. From the webresource root, rebuild and regenerate:
+
+```bash
+npm run build
+npx create-ec-app@latest \
+  --pcf-dir . \
+  --output ./pcf/{{PCF_CONSTRUCTOR}} \
+  --namespace {{PCF_NAMESPACE}} \
+  --constructor {{PCF_CONSTRUCTOR}} \
+  --display-name "{{CONTROL_DISPLAY_NAME}}"
+cd pcf/{{PCF_CONSTRUCTOR}}
+npm install
+npm run build
+```
+
+Then run the harness:
+
+```bash
+npm run start -- --no-open
+```
+
 ## Control Info
 
 - Namespace: `{{PCF_NAMESPACE}}`
@@ -18,19 +41,15 @@ npm run build
 
 ## Notes
 
-- The wrapper imports `src/App` directly and reuses the built `dist/main.css`.
+- The wrapper imports `src/App` directly, renders it through the local PCF shell, and uses generated `pcf-scoped.css` derived from the webresource build.
+- Source-app CSS imports are ignored by the PCF webpack config because the built CSS is already included through `pcf-scoped.css`.
 - Regenerate this folder after rebuilding the webresource whenever the app changes.
 - The project includes both `pcf-scripts` build support and a `.pcfproj` for Dataverse solution packaging flows.
 
 ## CSS scoping
 
-This PCF control renders the app inside `.ec-app` and keeps the PCF host container class `.ec-pcf-shell-control`.
-
-Generated Tailwind/shadcn styles are scoped for embeddability:
+This PCF control renders the app inside the PCF host container class `.pcf-shell-control`.
 
-- Tailwind Preflight is not imported globally.
-- Tailwind utilities use the `ec:` prefix.
-- shadcn theme variables are defined under `.ec-app`.
-- Radix/shadcn portals render into the app-local portal root where supported.
+During PCF generation, `create-ec-app` reads the webresource's built `dist/main.css`, scopes CSS selectors to this control's `.pcf-shell-control[data-pcf-control="{{PCF_CONSTRUCTOR}}"]` host selector, and writes the result to `pcf-scoped.css`.
 
-If this PCF was generated from an older app whose `dist/main.css` contains global Tailwind/shadcn styles, those styles may still leak into the model-driven app form. Regenerate or migrate the source app to the scoped CSS template.
+Tailwind utilities and base selectors are isolated under the generated PCF host selector. Radix/shadcn portals render into the PCF-local portal root where supported.