diff --git a/frontend/src/components/custom-tools/prompt-card/Header.jsx b/frontend/src/components/custom-tools/prompt-card/Header.jsx
index 30fe75fe54..e5a340f535 100644
--- a/frontend/src/components/custom-tools/prompt-card/Header.jsx
+++ b/frontend/src/components/custom-tools/prompt-card/Header.jsx
@@ -41,6 +41,16 @@ try {
   // The component will remain 'undefined' it is not available
 }
 
+let PromptChangeIndicator;
+try {
+  const mod = await import(
+    "../../../plugins/prompt-change-indicator/PromptChangeIndicator"
+  );
+  PromptChangeIndicator = mod.PromptChangeIndicator;
+} catch {
+  // Cloud-only feedback loop indicator; stays undefined in OSS builds
+}
+
 let LookupMenuItem;
 try {
   const mod = await import(
@@ -450,6 +460,12 @@ function Header({
           </>
         )}
         <ExpandCardBtn expandCard={expandCard} setExpandCard={setExpandCard} />
+        {PromptChangeIndicator && (
+          <PromptChangeIndicator
+            promptDetails={promptDetails}
+            toolDetails={details}
+          />
+        )}
         {isSimplePromptStudio && PromptRunBtnSps && (
           <PromptRunBtnSps
             spsLoading={spsLoading}
diff --git a/frontend/src/routes/useMainAppRoutes.js b/frontend/src/routes/useMainAppRoutes.js
index 768dfee976..6a8769c455 100644
--- a/frontend/src/routes/useMainAppRoutes.js
+++ b/frontend/src/routes/useMainAppRoutes.js
@@ -37,6 +37,7 @@ let ManualReviewPage;
 let SimpleManualReviewPage;
 let ReviewLayout;
 let Manage;
+let ReadOnlyReviewPage;
 let UnstractSubscriptionPage;
 let UnstractSubscriptionCheck;
 let AgenticPromptStudio;
@@ -119,6 +120,40 @@ try {
   // Do nothing, Not-found Page will be triggered.
 }
 
+try {
+  const mod = await import(
+    "../plugins/prompt-change-indicator/ReadOnlyReviewPage.jsx"
+  );
+  ReadOnlyReviewPage = mod.ReadOnlyReviewPage;
+} catch (err) {
+  // Expected in OSS builds where the cloud plugin is absent. Surface
+  // anything that isn't a missing-module error so syntax/runtime
+  // failures inside the plugin don't silently disable the route.
+  const msg = err?.message || "";
+  const isModuleMissing =
+    err?.code === "MODULE_NOT_FOUND" ||
+    msg.includes("Failed to fetch dynamically imported module") ||
+    msg.includes("Cannot find module");
+  if (!isModuleMissing) {
+    // eslint-disable-next-line no-console
+    console.error(
+      "[prompt-change-indicator] ReadOnlyReviewPage import failed unexpectedly",
+      err,
+    );
+  }
+}
+
+// The readonly route lives inside the manual-review ReviewLayout. If the
+// prompt-change-indicator plugin ships without manual-review, the route
+// would silently never register — surface that misconfiguration loudly.
+if (ReadOnlyReviewPage && !ReviewLayout) {
+  // eslint-disable-next-line no-console
+  console.warn(
+    "[prompt-change-indicator] ReadOnlyReviewPage loaded but ReviewLayout " +
+      "is missing; readonly route will not be registered.",
+  );
+}
+
 try {
   const mod1 = await import(
     "../plugins/unstract-subscription/pages/UnstractSubscriptionPage.jsx"
@@ -257,6 +292,12 @@ function useMainAppRoutes() {
             element={<ManualReviewPage type="approve" />}
           />
           {Manage && <Route path="review/manage" element={<Manage />} />}
+          {ReadOnlyReviewPage && (
+            <Route
+              path="review/readonly/:documentId"
+              element={<ReadOnlyReviewPage />}
+            />
+          )}
         </Route>
       )}
     </>