diff --git a/apps/builder/app/builder/features/command-panel/groups/wrap-group.test.tsx b/apps/builder/app/builder/features/command-panel/groups/wrap-group.test.tsx
index ade504c49d35..8e62e639b9dd 100644
--- a/apps/builder/app/builder/features/command-panel/groups/wrap-group.test.tsx
+++ b/apps/builder/app/builder/features/command-panel/groups/wrap-group.test.tsx
@@ -94,20 +94,19 @@ describe("canWrapInstance for components", () => {
     expect(result).toBe(true);
   });
 
-  test("should reject invalid wrapping (text in CodeText)", () => {
+  test("should allow wrapping text in a legacy CodeText", () => {
     $instances.set(
       renderData(
         <$.Body ws:id="body">
-          <$.Box ws:id="box"></$.Box>
+          <$.Text ws:id="text">Hello</$.Text>
         </$.Body>
       ).instances
     );
-    selectInstance(["box", "body"]);
+    selectInstance(["text", "body"]);
 
-    // CodeText only accepts text content, not boxes
     const result = canWrapInstance(
-      "box",
-      ["box", "body"],
+      "text",
+      ["text", "body"],
       "body",
       "CodeText",
       undefined,
@@ -115,7 +114,7 @@ describe("canWrapInstance for components", () => {
       $props.get(),
       $registeredComponentMetas.get()
     );
-    expect(result).toBe(false);
+    expect(result).toBe(true);
   });
 });
 
diff --git a/apps/builder/app/builder/features/publish/publish.tsx b/apps/builder/app/builder/features/publish/publish.tsx
index 35712e952dc8..5751c23b82a6 100644
--- a/apps/builder/app/builder/features/publish/publish.tsx
+++ b/apps/builder/app/builder/features/publish/publish.tsx
@@ -103,7 +103,7 @@ import {
   type PrePublishAuditFinding,
 } from "@webstudio-is/project-build/runtime";
 
-const PrePublishAuditError = ({
+const PrePublishAuditMessage = ({
   finding,
 }: {
   finding: PrePublishAuditFinding;
@@ -164,7 +164,7 @@ const PrePublishAuditError = ({
   );
 };
 
-const getPrePublishAuditError = () => {
+const getPrePublishAuditMessages = () => {
   const findings = runPrePublishAudit({
     pages: $pages.get(),
     instances: $instances.get(),
@@ -173,8 +173,14 @@ const getPrePublishAuditError = () => {
     resources: $resources.get(),
     metas: $registeredComponentMetas.get(),
   });
-  const finding = findings.find(({ severity }) => severity === "error");
-  return finding && <PrePublishAuditError finding={finding} />;
+  const getMessage = (severity: PrePublishAuditFinding["severity"]) => {
+    const finding = findings.find((item) => item.severity === severity);
+    return finding && <PrePublishAuditMessage finding={finding} />;
+  };
+  return {
+    error: getMessage("error"),
+    warning: getMessage("warning"),
+  };
 };
 
 type ChangeProjectDomainProps = {
@@ -463,6 +469,9 @@ const Publish = ({
   const [publishError, setPublishError] = useState<
     undefined | JSX.Element | string
   >();
+  const [publishWarning, setPublishWarning] = useState<
+    undefined | JSX.Element | string
+  >();
   const [isPublishing, setIsPublishing] = useOptimistic(false);
   const buttonRef = useRef<HTMLButtonElement>(null);
   const [hasSelectedDomains, setHasSelectedDomains] = useState(false);
@@ -511,27 +520,7 @@ const Publish = ({
     };
   }, [project.domain]);
 
-  const handlePublish = async (formData: FormData) => {
-    setPublishError(undefined);
-
-    const auditError = getPrePublishAuditError();
-    if (auditError !== undefined) {
-      toast.error(auditError);
-      setPublishError(auditError);
-      return;
-    }
-
-    // Custom domain checkboxes are disabled on free plan so they are never
-    // submitted — only the staging (wstd.io) domain can appear in formData.
-    const domains = formData
-      .getAll(domainToPublishName)
-      .map((domainEntry) => domainEntry.toString());
-
-    if (domains.length === 0) {
-      toast.error("Please select at least one domain to publish");
-      return;
-    }
-
+  const publish = async (domains: string[]) => {
     setIsPublishing(true);
 
     const publishResult = await nativeClient.domain.publish.mutate({
@@ -628,6 +617,38 @@ const Publish = ({
     }
   };
 
+  const handlePublish = (formData: FormData) => {
+    setPublishError(undefined);
+    setPublishWarning(undefined);
+
+    const { error: auditError, warning: auditWarning } =
+      getPrePublishAuditMessages();
+    if (auditError !== undefined) {
+      toast.error(auditError);
+      setPublishError(auditError);
+      return;
+    }
+    if (auditWarning !== undefined) {
+      toast.warn(auditWarning);
+      setPublishWarning(auditWarning);
+    }
+
+    // Custom domain checkboxes are disabled on free plan so they are never
+    // submitted — only the staging (wstd.io) domain can appear in formData.
+    const domains = formData
+      .getAll(domainToPublishName)
+      .map((domainEntry) => domainEntry.toString());
+
+    if (domains.length === 0) {
+      toast.error("Please select at least one domain to publish");
+      return;
+    }
+
+    startTransition(async () => {
+      await publish(domains);
+    });
+  };
+
   const hasPendingState = project.latestBuildVirtual
     ? getPublishStatusAndText(project.latestBuildVirtual).status === "PENDING"
     : false;
@@ -639,6 +660,11 @@ const Publish = ({
   return (
     <Flex gap={2} shrink={false} direction={"column"}>
       {publishError && <Text color="destructive">{publishError}</Text>}
+      {publishWarning && (
+        <PanelBanner variant="warning">
+          <Text>{publishWarning}</Text>
+        </PanelBanner>
+      )}
 
       <Tooltip
         content={
@@ -651,7 +677,13 @@ const Publish = ({
       >
         <Button
           ref={buttonRef}
-          formAction={handlePublish}
+          type="button"
+          onClick={() => {
+            const form = buttonRef.current?.closest("form");
+            if (form) {
+              handlePublish(new FormData(form));
+            }
+          }}
           color="positive"
           state={showPendingState ? "pending" : undefined}
           disabled={
@@ -712,6 +744,7 @@ const PublishStatic = ({
   const project = useStore($project);
   const [_, startTransition] = useTransition();
   const [publishError, setPublishError] = useState<JSX.Element | string>();
+  const [publishWarning, setPublishWarning] = useState<JSX.Element | string>();
 
   if (project == null) {
     throw new Error("Project not found");
@@ -729,6 +762,11 @@ const PublishStatic = ({
   return (
     <Flex gap={2} shrink={false} direction={"column"}>
       {publishError && <Text color="destructive">{publishError}</Text>}
+      {publishWarning && (
+        <PanelBanner variant="warning">
+          <Text>{publishWarning}</Text>
+        </PanelBanner>
+      )}
       {status === "FAILED" && <Text color="destructive">{statusText}</Text>}
 
       <Tooltip
@@ -739,16 +777,22 @@ const PublishStatic = ({
           color="positive"
           state={isPublishInProgress ? "pending" : undefined}
           onClick={() => {
+            setPublishError(undefined);
+            setPublishWarning(undefined);
+            const { error: auditError, warning: auditWarning } =
+              getPrePublishAuditMessages();
+            if (auditError !== undefined) {
+              toast.error(auditError);
+              setPublishError(auditError);
+              return;
+            }
+            if (auditWarning !== undefined) {
+              toast.warn(auditWarning);
+              setPublishWarning(auditWarning);
+            }
+
             startTransition(async () => {
               try {
-                setPublishError(undefined);
-                const auditError = getPrePublishAuditError();
-                if (auditError !== undefined) {
-                  toast.error(auditError);
-                  setPublishError(auditError);
-                  return;
-                }
-
                 setIsPendingOptimistic(true);
 
                 const result = await nativeClient.domain.publish.mutate({
diff --git a/apps/builder/app/shared/copy-paste/fragment-utils.ts b/apps/builder/app/shared/copy-paste/fragment-utils.ts
index 152e02045b59..c41291679ee6 100644
--- a/apps/builder/app/shared/copy-paste/fragment-utils.ts
+++ b/apps/builder/app/shared/copy-paste/fragment-utils.ts
@@ -1,5 +1,8 @@
 import type { WebstudioFragment } from "@webstudio-is/sdk";
-import { breakpointPasteLimitWarning } from "@webstudio-is/project-build/runtime";
+import {
+  breakpointPasteLimitWarning,
+  type FragmentContentModelWarning,
+} from "@webstudio-is/project-build/runtime";
 import {
   insertWebstudioFragmentAt,
   type Insertable,
@@ -10,6 +13,23 @@ import { resolveFragmentTokenConflicts } from "../resolve-token-conflicts";
 export const hasFragmentData = (fragment: WebstudioFragment) =>
   fragment.children.length > 0 || fragment.styleSources.length > 0;
 
+export const reportFragmentContentModelWarnings = (
+  warnings: FragmentContentModelWarning[]
+) => {
+  const [firstWarning] = warnings;
+  if (firstWarning === undefined) {
+    return;
+  }
+  const remainingCount = warnings.length - 1;
+  const suffix =
+    remainingCount === 0
+      ? ""
+      : ` (${remainingCount} more validation ${remainingCount === 1 ? "warning" : "warnings"})`;
+  builderApi.toast.warn(
+    `Pasted with warning: ${firstWarning.message}${suffix}`
+  );
+};
+
 export const insertFragmentWithBreakpointWarning = async (
   fragment: WebstudioFragment,
   insertable?: Insertable
@@ -19,6 +39,8 @@ export const insertFragmentWithBreakpointWarning = async (
     return false;
   }
   return insertWebstudioFragmentAt(fragment, insertable, conflictResolution, {
+    allowContentModelWarnings: true,
+    onContentModelWarnings: reportFragmentContentModelWarnings,
     onBreakpointLimitMerge: () => {
       builderApi.toast.warn(breakpointPasteLimitWarning);
     },
diff --git a/apps/builder/app/shared/copy-paste/plugin-instance.test.ts b/apps/builder/app/shared/copy-paste/plugin-instance.test.ts
index e566a4263e62..f797b1b96902 100644
--- a/apps/builder/app/shared/copy-paste/plugin-instance.test.ts
+++ b/apps/builder/app/shared/copy-paste/plugin-instance.test.ts
@@ -43,6 +43,7 @@ import {
   expectSlotsShareFragment,
 } from "../slot-test-utils";
 import { pasteHandled } from "./copy-paste";
+import { initBuilderApi } from "../builder-api";
 
 const expectString = expect.any(String) as unknown as string;
 
@@ -204,6 +205,40 @@ describe("copy and cut guards", () => {
     ]);
   });
 
+  test("pastes a legacy invalid subtree with a warning", async () => {
+    $instances.set(
+      toMap([
+        createInstance("body0", "Body", [
+          { type: "id", value: "legacy-button" },
+        ]),
+        {
+          ...createInstance("legacy-button", elementComponent, [
+            { type: "id", value: "legacy-heading" },
+          ]),
+          tag: "button",
+        },
+        {
+          ...createInstance("legacy-heading", elementComponent, []),
+          tag: "h3",
+        },
+      ] satisfies Instance[])
+    );
+    selectInstance(["legacy-button", "body0"]);
+    const clipboardData = instanceText.onCopy?.() ?? "";
+    selectInstance(["body0"]);
+    initBuilderApi();
+    const previousWarn = window.__webstudio__$__builderApi.toast.warn;
+    const warn = vi.fn();
+    window.__webstudio__$__builderApi.toast.warn = warn;
+
+    expect(await instanceText.onPaste?.(clipboardData)).toEqual(pasteHandled);
+    expect($instances.get().get("body0")?.children).toHaveLength(2);
+    expect(warn).toHaveBeenCalledWith(
+      "Pasted with warning: Placing <h3> element inside a <button> violates HTML spec."
+    );
+    window.__webstudio__$__builderApi.toast.warn = previousWarn;
+  });
+
   test("sanitizes multi-root clipboard root ids before paste", async () => {
     $instances.set(
       toMap([
diff --git a/apps/builder/app/shared/copy-paste/plugin-instance.ts b/apps/builder/app/shared/copy-paste/plugin-instance.ts
index 5a1bc7697510..505801870aa5 100644
--- a/apps/builder/app/shared/copy-paste/plugin-instance.ts
+++ b/apps/builder/app/shared/copy-paste/plugin-instance.ts
@@ -3,6 +3,7 @@ import {
   findSafeFragmentPasteTarget,
   getCommonAncestorSelector,
   getPasteRootInstanceIds,
+  getFragmentContentModelWarnings,
   mergeWebstudioFragments,
 } from "@webstudio-is/project-build/runtime";
 import {
@@ -37,6 +38,7 @@ import {
   clearInstanceSelection,
   $selectedInstancePath,
   $selectedInstanceSelector,
+  $registeredComponentMetas,
   selectInstances,
 } from "~/shared/nano-states";
 import { getInstancePath } from "@webstudio-is/project-build/runtime";
@@ -44,6 +46,7 @@ import { builderApi } from "../builder-api";
 import { pasteHandled, pasteIgnored, type Plugin } from "./copy-paste";
 import { breakpointPasteLimitWarning } from "@webstudio-is/project-build/runtime";
 import { resolveFragmentTokenConflicts } from "../resolve-token-conflicts";
+import { reportFragmentContentModelWarnings } from "./fragment-utils";
 
 const invalidPasteDataMessage =
   "Could not paste Webstudio instance data. The clipboard data appears to be incomplete or invalid.";
@@ -156,7 +159,9 @@ const findPasteTargetForFragment = (
 ): undefined | Insertable => {
   const instances = $instances.get();
 
-  insertable = findClosestInsertable(fragment, insertable);
+  insertable = findClosestInsertable(fragment, insertable, {
+    allowContentModelWarnings: true,
+  });
   if (insertable === undefined) {
     return;
   }
@@ -208,6 +213,10 @@ const insertPastedFragment = async ({
   selectRootInstances: (rootInstanceIds: Instance["id"][]) => void;
 }) => {
   try {
+    const contentModelWarnings = getFragmentContentModelWarnings({
+      fragment,
+      metas: $registeredComponentMetas.get(),
+    });
     const conflictResolution = await resolveFragmentTokenConflicts(fragment);
     if (conflictResolution === "cancel") {
       return;
@@ -231,6 +240,7 @@ const insertPastedFragment = async ({
     if (result?.result.didMergeBreakpointsDueToLimit === true) {
       toast.warn(breakpointPasteLimitWarning);
     }
+    reportFragmentContentModelWarnings(contentModelWarnings);
     selectRootInstances(rootInstanceIds);
   } catch (error) {
     // User cancelled
diff --git a/apps/builder/app/shared/copy-paste/plugin-webflow/plugin-webflow.ts b/apps/builder/app/shared/copy-paste/plugin-webflow/plugin-webflow.ts
index 8e176c80620b..a7931c5e9bb7 100644
--- a/apps/builder/app/shared/copy-paste/plugin-webflow/plugin-webflow.ts
+++ b/apps/builder/app/shared/copy-paste/plugin-webflow/plugin-webflow.ts
@@ -198,7 +198,9 @@ const handlePasteWebflow = async (clipboardData: string) => {
   }
   fragment = await denormalizeSrcProps(fragment);
 
-  const insertable = findClosestInsertable(fragment);
+  const insertable = findClosestInsertable(fragment, undefined, {
+    allowContentModelWarnings: true,
+  });
   if (insertable === undefined) {
     return pasteHandled;
   }
diff --git a/apps/builder/app/shared/instance-utils/insert.ts b/apps/builder/app/shared/instance-utils/insert.ts
index 9276930db330..a3a884001e24 100644
--- a/apps/builder/app/shared/instance-utils/insert.ts
+++ b/apps/builder/app/shared/instance-utils/insert.ts
@@ -12,6 +12,8 @@ import {
 import {
   builderRuntimeContext,
   createComponentTemplateFragment,
+  getFragmentContentModelWarnings,
+  type FragmentContentModelWarning,
   type ConflictResolution,
   resolveComponentInsertTarget,
   resolveFragmentInsertTarget,
@@ -55,7 +57,8 @@ const onNoComponentInsertMatch = (component: string) => {
 
 const getFragmentInsertTarget = (
   fragment: WebstudioFragment,
-  from?: Insertable
+  from?: Insertable,
+  options?: { allowContentModelWarnings?: boolean }
 ) => {
   const rootInstanceId = getRootInstanceId();
   if (rootInstanceId === undefined) {
@@ -73,6 +76,7 @@ const getFragmentInsertTarget = (
     onRootTarget,
     onMissingTarget,
     onNoMatch: onNoInsertMatch(fragment),
+    allowFragmentContentModelWarnings: options?.allowContentModelWarnings,
   });
 };
 
@@ -161,7 +165,12 @@ export const insertWebstudioFragmentAt = (
   fragment: WebstudioFragment,
   insertable?: Insertable,
   conflictResolution?: ConflictResolution,
-  options?: { contentMode?: boolean; onBreakpointLimitMerge?: () => void }
+  options?: {
+    contentMode?: boolean;
+    onBreakpointLimitMerge?: () => void;
+    allowContentModelWarnings?: boolean;
+    onContentModelWarnings?: (warnings: FragmentContentModelWarning[]) => void;
+  }
 ): boolean => {
   const hasChildren = fragment.children.length > 0;
   const hasTokens = fragment.styleSources.length > 0;
@@ -187,7 +196,7 @@ export const insertWebstudioFragmentAt = (
     }
     return result !== undefined;
   }
-  const target = getFragmentInsertTarget(fragment, insertable);
+  const target = getFragmentInsertTarget(fragment, insertable, options);
   if ($project.get() === undefined || target === undefined) {
     return false;
   }
@@ -217,6 +226,15 @@ export const insertWebstudioFragmentAt = (
   if (result?.result.didMergeBreakpointsDueToLimit === true) {
     options?.onBreakpointLimitMerge?.();
   }
+  if (result !== undefined && options?.allowContentModelWarnings === true) {
+    const warnings = getFragmentContentModelWarnings({
+      fragment,
+      metas: $registeredComponentMetas.get(),
+    });
+    if (warnings.length > 0) {
+      options.onContentModelWarnings?.(warnings);
+    }
+  }
   return result !== undefined;
 };
 
@@ -264,7 +282,8 @@ export type Insertable = InsertTarget;
 
 export const findClosestInsertable = (
   fragment: WebstudioFragment,
-  from?: Insertable
+  from?: Insertable,
+  options?: { allowContentModelWarnings?: boolean }
 ): undefined | Insertable => {
   const rootInstanceId = getRootInstanceId();
   if (rootInstanceId === undefined) {
@@ -281,6 +300,7 @@ export const findClosestInsertable = (
     onRootTarget,
     onMissingTarget,
     onNoMatch: onNoInsertMatch(fragment),
+    allowFragmentContentModelWarnings: options?.allowContentModelWarnings,
   });
   if (target === undefined) {
     return;
diff --git a/packages/project-build/src/runtime/fragment.test.tsx b/packages/project-build/src/runtime/fragment.test.tsx
index bbf244b2555f..cfb12f3d1695 100644
--- a/packages/project-build/src/runtime/fragment.test.tsx
+++ b/packages/project-build/src/runtime/fragment.test.tsx
@@ -33,6 +33,7 @@ import {
   ActionValue,
   renderTemplate,
   Parameter,
+  token,
 } from "@webstudio-is/template";
 import { findAvailableVariables } from "./data";
 
@@ -338,6 +339,41 @@ test("insert instances with slots", () => {
   ]);
 });
 
+test("remap token selections in inserted slot content", () => {
+  const data = renderData(<$.Body ws:id="bodyId"></$.Body>);
+  const fragment = renderTemplate(
+    <$.Slot ws:id="slotId">
+      <$.Fragment ws:id="fragmentId">
+        <$.HtmlEmbed
+          ws:id="iconId"
+          ws:tokens={[
+            token(
+              "Accordion Icon",
+              css`
+                color: red;
+              `
+            ),
+          ]}
+        />
+      </$.Fragment>
+    </$.Slot>
+  );
+
+  insertWebstudioFragmentCopy({
+    data,
+    fragment,
+    availableVariables: [],
+    projectId: "",
+  });
+
+  const [insertedTokenId] =
+    data.styleSourceSelections.get("iconId")?.values ?? [];
+  expect(data.styleSources.get(insertedTokenId)).toMatchObject({
+    type: "token",
+    name: "Accordion Icon",
+  });
+});
+
 test("insert instances with multiple roots", () => {
   const data = renderData(<$.Body ws:id="bodyId"></$.Body>);
   const fragment = renderTemplate(
diff --git a/packages/project-build/src/runtime/fragment.ts b/packages/project-build/src/runtime/fragment.ts
index 2d4b022cf26c..0a76c694287e 100644
--- a/packages/project-build/src/runtime/fragment.ts
+++ b/packages/project-build/src/runtime/fragment.ts
@@ -702,6 +702,7 @@ export const insertWebstudioFragmentCopy = ({
         styleSources,
         styleSourceSelections,
         styles,
+        styleSourceIdMap,
         mergedBreakpointIds,
       });
     }
diff --git a/packages/project-build/src/runtime/insert-target.test.tsx b/packages/project-build/src/runtime/insert-target.test.tsx
index 9540307185d2..773cd9f27ffa 100644
--- a/packages/project-build/src/runtime/insert-target.test.tsx
+++ b/packages/project-build/src/runtime/insert-target.test.tsx
@@ -93,6 +93,27 @@ describe("insert target", () => {
     ).toEqual({ parentSelector: ["body"], position: "end" });
   });
 
+  test("does not restore an incompatible explicit paste target", () => {
+    const data = renderData(
+      <$.Body ws:id="body">
+        <ws.element ws:id="button" ws:tag="button" />
+      </$.Body>
+    );
+    const fragment = renderTemplate(<$.ListItem ws:id="item" />);
+
+    expect(
+      resolveFragmentInsertTarget({
+        fragment,
+        instances: data.instances,
+        props: data.props,
+        metas: componentMetas,
+        rootInstanceId: "body",
+        from: { parentSelector: ["button", "body"], position: "end" },
+        allowFragmentContentModelWarnings: true,
+      })
+    ).toBeUndefined();
+  });
+
   test("reports global root target", () => {
     const data = renderData(<$.Body ws:id="body"></$.Body>);
     const fragment = renderTemplate(
diff --git a/packages/project-build/src/runtime/insert-target.ts b/packages/project-build/src/runtime/insert-target.ts
index b51278f25237..594a15d56440 100644
--- a/packages/project-build/src/runtime/insert-target.ts
+++ b/packages/project-build/src/runtime/insert-target.ts
@@ -156,6 +156,7 @@ export const findClosestInsertTarget = ({
   from,
   onRootTarget,
   onNoMatch,
+  allowFragmentContentModelWarnings,
 }: {
   fragment: Pick<WebstudioFragment, "children" | "instances" | "props">;
   instances: Instances;
@@ -166,6 +167,7 @@ export const findClosestInsertTarget = ({
   from?: InsertTarget;
   onRootTarget?: () => void;
   onNoMatch?: (message: string) => void;
+  allowFragmentContentModelWarnings?: boolean;
 }): undefined | InsertTarget => {
   const instanceSelector = from?.parentSelector ??
     selectedInstanceSelector ?? [rootInstanceId];
@@ -191,6 +193,7 @@ export const findClosestInsertTarget = ({
     instanceSelector: instanceSelector.slice(closestContainerIndex),
     fragment,
     onError: onNoMatch,
+    allowFragmentContentModelWarnings,
   });
   if (insertableIndex === -1) {
     return;
@@ -232,6 +235,7 @@ export const resolveFragmentInsertTarget = ({
   onRootTarget,
   onNoMatch,
   onMissingTarget,
+  allowFragmentContentModelWarnings,
 }: {
   fragment: Pick<WebstudioFragment, "children" | "instances" | "props">;
   instances: Instances;
@@ -243,19 +247,23 @@ export const resolveFragmentInsertTarget = ({
   onRootTarget?: () => void;
   onNoMatch?: (message: string) => void;
   onMissingTarget?: () => void;
+  allowFragmentContentModelWarnings?: boolean;
 }): undefined | ResolvedInsertTarget => {
+  const matchedTarget = findClosestInsertTarget({
+    fragment,
+    instances,
+    props,
+    metas,
+    rootInstanceId,
+    selectedInstanceSelector,
+    from,
+    onRootTarget,
+    onNoMatch,
+    allowFragmentContentModelWarnings,
+  });
   const closestTarget =
-    findClosestInsertTarget({
-      fragment,
-      instances,
-      props,
-      metas,
-      rootInstanceId,
-      selectedInstanceSelector,
-      from,
-      onRootTarget,
-      onNoMatch,
-    }) ?? from;
+    matchedTarget ??
+    (allowFragmentContentModelWarnings === true ? undefined : from);
   if (closestTarget === undefined) {
     return;
   }
diff --git a/packages/project-build/src/runtime/matcher.test.tsx b/packages/project-build/src/runtime/matcher.test.tsx
index 03a7f41b50be..5c7eb70f28b8 100644
--- a/packages/project-build/src/runtime/matcher.test.tsx
+++ b/packages/project-build/src/runtime/matcher.test.tsx
@@ -1,7 +1,10 @@
 import { describe, expect, test, vi } from "vitest";
-import { $, renderData, renderTemplate } from "@webstudio-is/template";
+import { $, renderData, renderTemplate, ws } from "@webstudio-is/template";
 import { componentMetas } from "@webstudio-is/sdk-components-registry/metas";
-import { findClosestInstanceMatchingFragment } from "./matcher";
+import {
+  findClosestInstanceMatchingFragment,
+  getFragmentContentModelWarnings,
+} from "./matcher";
 
 describe("findClosestInstanceMatchingFragment", () => {
   test("finds closest list with list item fragment", () => {
@@ -99,4 +102,62 @@ describe("findClosestInstanceMatchingFragment", () => {
       "Placing <li> element inside a <body> violates HTML spec."
     );
   });
+
+  test("allows fragment-internal warnings without allowing new placement violations", () => {
+    const { instances, props } = renderData(
+      <$.Body ws:id="body">
+        <ws.element ws:id="button" ws:tag="button" />
+      </$.Body>
+    );
+    const legacyFragment = renderTemplate(
+      <ws.element ws:id="legacy-button" ws:tag="button">
+        <ws.element ws:id="legacy-heading" ws:tag="h3" />
+      </ws.element>
+    );
+
+    expect(
+      getFragmentContentModelWarnings({
+        fragment: legacyFragment,
+        metas: componentMetas,
+      })
+    ).toEqual([
+      {
+        instanceId: "legacy-heading",
+        message: "Placing <h3> element inside a <button> violates HTML spec.",
+      },
+    ]);
+    expect(
+      findClosestInstanceMatchingFragment({
+        metas: componentMetas,
+        instances,
+        props,
+        instanceSelector: ["body"],
+        fragment: legacyFragment,
+      })
+    ).toBe(-1);
+    expect(
+      findClosestInstanceMatchingFragment({
+        metas: componentMetas,
+        instances,
+        props,
+        instanceSelector: ["body"],
+        fragment: legacyFragment,
+        allowFragmentContentModelWarnings: true,
+      })
+    ).toBe(0);
+
+    const headingFragment = renderTemplate(
+      <ws.element ws:id="new-heading" ws:tag="h3" />
+    );
+    expect(
+      findClosestInstanceMatchingFragment({
+        metas: componentMetas,
+        instances,
+        props,
+        instanceSelector: ["button", "body"],
+        fragment: headingFragment,
+        allowFragmentContentModelWarnings: true,
+      })
+    ).toBe(1);
+  });
 });
diff --git a/packages/project-build/src/runtime/matcher.ts b/packages/project-build/src/runtime/matcher.ts
index ac19187c4372..b1b844115494 100644
--- a/packages/project-build/src/runtime/matcher.ts
+++ b/packages/project-build/src/runtime/matcher.ts
@@ -7,6 +7,44 @@ import type {
 } from "@webstudio-is/sdk";
 import { isTreeSatisfyingContentModel } from "./content-model";
 
+export type FragmentContentModelWarning = {
+  instanceId: Instance["id"];
+  message: string;
+};
+
+const getWarningKey = ({ instanceId, message }: FragmentContentModelWarning) =>
+  `${instanceId}\0${message}`;
+
+export const getFragmentContentModelWarnings = ({
+  fragment,
+  metas,
+}: {
+  fragment: Pick<WebstudioFragment, "children" | "instances" | "props">;
+  metas: Map<string, WsComponentMeta>;
+}): FragmentContentModelWarning[] => {
+  const instances: Instances = new Map(
+    fragment.instances.map((instance) => [instance.id, instance])
+  );
+  const props: Props = new Map(fragment.props.map((prop) => [prop.id, prop]));
+  const warnings = new Map<string, FragmentContentModelWarning>();
+  for (const child of fragment.children) {
+    if (child.type !== "id") {
+      continue;
+    }
+    isTreeSatisfyingContentModel({
+      instances,
+      props,
+      metas,
+      instanceSelector: [child.value],
+      onError: (message, instanceSelector) => {
+        const warning = { message, instanceId: instanceSelector[0] };
+        warnings.set(getWarningKey(warning), warning);
+      },
+    });
+  }
+  return Array.from(warnings.values());
+};
+
 export const findClosestInstanceMatchingFragment = ({
   instances,
   props,
@@ -14,6 +52,7 @@ export const findClosestInstanceMatchingFragment = ({
   instanceSelector,
   fragment,
   onError,
+  allowFragmentContentModelWarnings = false,
 }: {
   instances: Instances;
   props: Props;
@@ -21,6 +60,7 @@ export const findClosestInstanceMatchingFragment = ({
   instanceSelector: Instance["id"][];
   fragment: Pick<WebstudioFragment, "children" | "instances" | "props">;
   onError?: (message: string) => void;
+  allowFragmentContentModelWarnings?: boolean;
 }) => {
   const mergedInstances = new Map(instances);
   for (const instance of fragment.instances) {
@@ -30,6 +70,11 @@ export const findClosestInstanceMatchingFragment = ({
   for (const prop of fragment.props) {
     mergedProps.set(prop.id, prop);
   }
+  const allowedWarningKeys = new Set(
+    allowFragmentContentModelWarnings
+      ? getFragmentContentModelWarnings({ fragment, metas }).map(getWarningKey)
+      : []
+  );
   let firstError = "";
   for (let index = 0; index < instanceSelector.length; index += 1) {
     const instanceId = instanceSelector[index];
@@ -46,17 +91,26 @@ export const findClosestInstanceMatchingFragment = ({
       if (child.type !== "id") {
         continue;
       }
-      matches &&= isTreeSatisfyingContentModel({
+      let hasNewViolation = false;
+      const isValid = isTreeSatisfyingContentModel({
         instances: mergedInstances,
         props: mergedProps,
         metas,
         instanceSelector: [child.value, ...instanceSelector.slice(index)],
-        onError: (message) => {
+        onError: (message, errorSelector) => {
           if (firstError === "") {
             firstError = message;
           }
+          if (
+            allowedWarningKeys.has(
+              getWarningKey({ instanceId: errorSelector[0], message })
+            ) === false
+          ) {
+            hasNewViolation = true;
+          }
         },
       });
+      matches &&= isValid || hasNewViolation === false;
     }
     if (matches) {
       return index;
diff --git a/packages/project-build/src/runtime/pre-publish-audit.test.tsx b/packages/project-build/src/runtime/pre-publish-audit.test.tsx
index 68ac58149e7b..d97c7f5e0a71 100644
--- a/packages/project-build/src/runtime/pre-publish-audit.test.tsx
+++ b/packages/project-build/src/runtime/pre-publish-audit.test.tsx
@@ -6,7 +6,7 @@ import {
   type Pages,
 } from "@webstudio-is/sdk";
 import { componentMetas } from "@webstudio-is/sdk-components-registry/metas";
-import { $, renderData } from "@webstudio-is/template";
+import { $, renderData, ws } from "@webstudio-is/template";
 import {
   formatPrePublishAuditFinding,
   runPrePublishAudit,
@@ -52,14 +52,14 @@ const runAudit = ({
     metas: componentMetas,
   });
 
-test("returns a blocking finding with the page and instance identity", () => {
+test("warns without blocking legacy invalid HTML", () => {
   const { instances, props } = renderData(
     <$.Body ws:id="body">
-      <$.Paragraph>
-        <$.Heading ws:id="heading" ws:tag="h2">
-          Analyze Global Markets
+      <ws.element ws:tag="button">
+        <$.Heading ws:id="heading" ws:tag="h3">
+          Legacy accordion trigger
         </$.Heading>
-      </$.Paragraph>
+      </ws.element>
     </$.Body>
   );
 
@@ -68,8 +68,8 @@ test("returns a blocking finding with the page and instance identity", () => {
   expect(findings).toEqual([
     {
       ruleId: "html-content-model",
-      severity: "error",
-      message: "Placing <h2> element inside a <p> violates HTML spec.",
+      severity: "warning",
+      message: "Placing <h3> element inside a <button> violates HTML spec.",
       location: {
         pageId: "marketedge",
         pageName: "MarketEdge",
@@ -79,7 +79,7 @@ test("returns a blocking finding with the page and instance identity", () => {
     },
   ]);
   expect(formatPrePublishAuditFinding(findings[0]!)).toBe(
-    'Cannot publish "MarketEdge" (/marketedge): Placing <h2> element inside a <p> violates HTML spec.'
+    'Publish warning for "MarketEdge" (/marketedge): Placing <h3> element inside a <button> violates HTML spec.'
   );
 });
 
@@ -116,6 +116,31 @@ test("allows valid publishable pages and ignores invalid drafts", () => {
   ).toEqual([]);
 });
 
+test("allows valid legacy CodeText children", () => {
+  const { instances, props } = renderData(
+    <$.Body ws:id="body">
+      <$.CodeText>
+        <$.Text ws:tag="span">Legacy code text</$.Text>
+      </$.CodeText>
+    </$.Body>
+  );
+
+  expect(runAudit({ instances, props })).toEqual([]);
+});
+
+test("allows valid Video children", () => {
+  const { instances, props } = renderData(
+    <$.Body ws:id="body">
+      <$.Video>
+        <ws.element ws:tag="source" />
+        <ws.element ws:tag="track" />
+      </$.Video>
+    </$.Body>
+  );
+
+  expect(runAudit({ instances, props })).toEqual([]);
+});
+
 test("blocks publishing when required audit input is unavailable", () => {
   const { instances, props } = renderData(<$.Body ws:id="body"></$.Body>);
 
diff --git a/packages/project-build/src/runtime/pre-publish-audit.ts b/packages/project-build/src/runtime/pre-publish-audit.ts
index 20eabfcb4277..01fbbaea1f02 100644
--- a/packages/project-build/src/runtime/pre-publish-audit.ts
+++ b/packages/project-build/src/runtime/pre-publish-audit.ts
@@ -67,7 +67,7 @@ const checkHtmlContentModel: PrePublishAuditCheck = ({
     if (isValid === false) {
       findings.push({
         ruleId: "html-content-model",
-        severity: "error",
+        severity: "warning",
         message: message ?? "The page contains invalid element nesting.",
         location: {
           pageId: page.id,
@@ -133,8 +133,10 @@ export const formatPrePublishAuditFinding = (
   finding: PrePublishAuditFinding
 ) => {
   const { pageName, pagePath } = finding.location;
+  const prefix =
+    finding.severity === "error" ? "Cannot publish" : "Publish warning";
   if (pageName === undefined || pagePath === undefined) {
-    return `Cannot publish: ${finding.message}`;
+    return `${prefix}: ${finding.message}`;
   }
-  return `Cannot publish "${pageName}" (${pagePath}): ${finding.message}`;
+  return `${prefix} for "${pageName}" (${pagePath}): ${finding.message}`;
 };
diff --git a/packages/project-build/src/runtime/style-copy.test.ts b/packages/project-build/src/runtime/style-copy.test.ts
index a6956409d8e0..e6dd29c5a47b 100644
--- a/packages/project-build/src/runtime/style-copy.test.ts
+++ b/packages/project-build/src/runtime/style-copy.test.ts
@@ -191,13 +191,14 @@ describe("style source insertion", () => {
       styleSources,
       styleSourceSelections,
       styles,
+      styleSourceIdMap: new Map([["token", "mapped-token"]]),
       mergedBreakpointIds: new Map([["old-base", "base"]]),
     });
 
     expect(styleSources.get("local")).toEqual(local("local"));
     expect(styleSourceSelections.get("portal")).toEqual({
       instanceId: "portal",
-      values: ["local", "token"],
+      values: ["local", "mapped-token"],
     });
     expect(Array.from(styles.values())).toEqual([
       style("local", "base", "color", red),
diff --git a/packages/project-build/src/runtime/style-copy.ts b/packages/project-build/src/runtime/style-copy.ts
index ef2252494e5c..47c218fc98a3 100644
--- a/packages/project-build/src/runtime/style-copy.ts
+++ b/packages/project-build/src/runtime/style-copy.ts
@@ -392,6 +392,7 @@ export const insertPortalLocalStyleSources = ({
   styleSources,
   styleSourceSelections,
   styles,
+  styleSourceIdMap,
   mergedBreakpointIds,
 }: {
   fragmentStyleSources: StyleSource[];
@@ -401,6 +402,7 @@ export const insertPortalLocalStyleSources = ({
   styleSources: StyleSources;
   styleSourceSelections: StyleSourceSelections;
   styles: Styles;
+  styleSourceIdMap: Map<StyleSource["id"], StyleSource["id"]>;
   mergedBreakpointIds: Map<Breakpoint["id"], Breakpoint["id"]>;
 }): void => {
   const instanceStyleSourceIds = new Set<StyleSource["id"]>();
@@ -409,8 +411,11 @@ export const insertPortalLocalStyleSources = ({
     if (instanceIds.has(instanceId) === false) {
       continue;
     }
-    styleSourceSelections.set(instanceId, styleSourceSelection);
-    for (const styleSourceId of styleSourceSelection.values) {
+    const values = styleSourceSelection.values.map(
+      (styleSourceId) => styleSourceIdMap.get(styleSourceId) ?? styleSourceId
+    );
+    styleSourceSelections.set(instanceId, { instanceId, values });
+    for (const styleSourceId of values) {
       instanceStyleSourceIds.add(styleSourceId);
     }
   }
diff --git a/packages/sdk-components-react/src/code-text.ws.ts b/packages/sdk-components-react/src/code-text.ws.ts
index 8970dc535789..c765b7f7dd3b 100644
--- a/packages/sdk-components-react/src/code-text.ws.ts
+++ b/packages/sdk-components-react/src/code-text.ws.ts
@@ -37,10 +37,6 @@ const presetStyle = {
 export const meta: WsComponentMeta = {
   deprecated: true,
   icon: BracesIcon,
-  contentModel: {
-    category: "instance",
-    children: [],
-  },
   presetStyle,
   initialProps: ["id", "class", "lang", "code"],
   props: {
diff --git a/packages/sdk-components-react/src/video.ws.ts b/packages/sdk-components-react/src/video.ws.ts
index c0f9b454ce36..804d5590bf4d 100644
--- a/packages/sdk-components-react/src/video.ws.ts
+++ b/packages/sdk-components-react/src/video.ws.ts
@@ -5,10 +5,6 @@ import { props } from "./__generated__/video.props";
 
 export const meta: WsComponentMeta = {
   icon: VideoIcon,
-  contentModel: {
-    category: "instance",
-    children: [],
-  },
   presetStyle: {
     video: [
       {