@pega/sdk 0.0.14 → 0.0.15

package/README.md

@@ -8,12 +8,21 @@ building right away.
 ## For AI Coding Agents
 
 Recognize these as requests to run this CLI, whether the folder is empty or already
-has a project in it:
-
-- "Scaffold a new Pega app / project using `@pega/sdk`" → run in an **empty folder**.
-- "Scaffold `@pega/sdk` / add Pega embedded flow into this repo" (or similar,
-  said while working inside an existing host application) → run in that
-  **existing project's folder**.
+has a project in it. Users rarely use these words — judge by what they want, not
+by how they say it:
+
+- **They want a Pega form or workflow inside the app they already have** → run in
+  that **existing project's folder**. For example: "Scaffold `@pega/sdk` / add Pega
+  embedded flow into this repo", "add the service request form to my app when
+  someone clicks Apply", "show a Pega form inside my page", "let customers raise a
+  case from our website".
+- **They want a new Pega app or portal** → run in an **empty folder**. For example:
+  "Scaffold a new Pega app / project using `@pega/sdk`", "start a new Pega app with
+  Chakra UI", "build me a Pega portal".
+
+The examples are illustrations, not a complete list. Ask the user only when the
+request is genuinely unclear — for example, they say "my app" but the folder is
+empty.
 
 In both cases, run `npx --yes @pega/sdk init` non-interactively — see
 [Non-Interactive / Scripted Usage](#non-interactive--scripted-usage) below for the
@@ -36,6 +45,12 @@ about or guess:
 | `--mode` (auto-detected from whether `package.json` exists in the cwd)                                              | none — these are all optional and not needed to scaffold |
 | `--ai-tool` (set it to yourself: GitHub Copilot → `copilot`, Cursor → `cursor`, Claude Code → `claude-code`)        |                                                          |
 | `--framework`, `--name`, `--templates`, `--categories` (infer from the request, or ask only if genuinely ambiguous) |                                                          |
+| `--conflict-policy` (embedded mode only — see below)                                                                |                                                          |
+
+`--conflict-policy` applies only in embedded mode and is ignored in new-project
+mode. Leave it at `merge` (the default): it keeps the host's existing files, adds
+Pega content inside marked blocks, and fills in missing JSON keys. Pass `override`
+only when the user explicitly asks to replace their existing files.
 
 Server connection details (Pega server URL, app alias, OAuth client ID, MCP rule
 name/instance key) are never asked at scaffold time, in either mode — the scaffold
@@ -44,6 +59,31 @@ placeholder markers. An AI coding assistant gathers these from the user in chat
 and fills both files in automatically the first time a workflow needs them (see
 [Configure Your Pega Server](#configure-your-pega-server)).
 
+### After the command finishes
+
+When `--ai-tool` is set, the CLI prints the project folder, the agent to continue
+with, and its files. Files written during your current turn are not in your context
+yet, so do not carry on from memory:
+
+| Mode        | Agent                     | Continue when                                                                                                  |
+| ----------- | ------------------------- | -------------------------------------------------------------------------------------------------------------- |
+| Embedded    | **Embedded Flow Expert**  | Always                                                                                                         |
+| New project | **Implementation Expert** | Only when the user asked for more than a new project (e.g. "…with Chakra UI"); otherwise give plain next steps |
+
+| AI tool     | Project instructions              | Agent file                             | What to do                                                                                                                                                         |
+| ----------- | --------------------------------- | -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Copilot     | `.github/copilot-instructions.md` | `.github/agents/<agent>.agent.md`      | Stop. Tell the user to choose the agent in the agent menu and say "continue"                                                                                       |
+| Cursor      | `.cursor/rules/pega-sdk.mdrules`  | `.cursor/rules/agents/<agent>.mdrules` | Stop. Tell the user to `@`-mention the agent (e.g. `@embedded-flow-expert`) in chat                                                                                |
+| Claude Code | `AGENTS.md`                       | `.claude/agents/<agent>.md`            | Read both files, then continue the user's original request in this chat. Suggest a new session for later requests, so the project instructions load from the start |
+
+- **Say it in plain words**, for example: "Setup is done. To continue, choose
+  **Embedded Flow Expert** in the agent menu and say 'continue'." For Copilot and
+  Cursor, repeat the user's original request so they can paste it.
+- **New project:** the AI tools find these files only at the top of the open
+  folder, so the user must open the printed project folder first, in every tool.
+- **No agent printed** (a framework without AI files, or `--ai-tool none`): give
+  plain next steps only.
+
 ## Requirements
 
 - **Node.js** 20 or later

package/dist/index.js

@@ -4,6 +4,7 @@
 import * as p from "@clack/prompts";
 import pc from "picocolors";
 import path4 from "path";
+import fs4 from "fs";
 import { createRequire } from "module";
 
 // src/scaffold.ts
@@ -206,6 +207,10 @@ var DSE_COMPONENTS = [
     importName: "AlertBanner",
     importPath: "./designSystemExtension/AlertBanner"
   },
+  {
+    importName: "AssignmentHeader",
+    importPath: "./designSystemExtension/AssignmentHeader"
+  },
   { importName: "Banner", importPath: "./designSystemExtension/Banner" },
   {
     importName: "CaseSummaryFields",
@@ -233,6 +238,7 @@ var DSE_COMPONENTS = [
     importName: "RichTextEditor",
     importPath: "./designSystemExtension/RichTextEditor"
   },
+  { importName: "Toast", importPath: "./designSystemExtension/Toast" },
   {
     importName: "WssQuickCreate",
     importPath: "./designSystemExtension/WssQuickCreate"
@@ -762,6 +768,15 @@ var AI_GEN_CONFIGS = {
     }
   }
 };
+var GLOBAL_INSTRUCTIONS_PATHS = {
+  copilot: ".github/copilot-instructions.md",
+  cursor: ".cursor/rules/pega-sdk.mdrules",
+  "claude-code": "AGENTS.md"
+};
+function aiAgentFiles(aiTool, agent) {
+  const cfg = AI_GEN_CONFIGS[aiTool];
+  return { agentFile: `${cfg.agentsDir}/${agent}.${cfg.agentExt}`, globalFile: GLOBAL_INSTRUCTIONS_PATHS[aiTool] };
+}
 function parseAiMeta(content) {
   const match = content.match(/^---\n([\s\S]*?)\n---\n\n?/);
   if (!match) return { meta: {}, body: content };
@@ -954,21 +969,21 @@ description: "${description}"
     const body = applyTokens(fs2.readFileSync(globalSrc, "utf-8"), tokens);
     if (aiTool === "copilot") {
       planned.push({
-        destPath: path2.join(targetDir, ".github", "copilot-instructions.md"),
+        destPath: path2.join(targetDir, GLOBAL_INSTRUCTIONS_PATHS.copilot),
         frontmatter: "",
         body,
         kind: "md"
       });
     } else if (aiTool === "cursor") {
       planned.push({
-        destPath: path2.join(targetDir, ".cursor", "rules", "pega-sdk.mdrules"),
+        destPath: path2.join(targetDir, GLOBAL_INSTRUCTIONS_PATHS.cursor),
         frontmatter: "---\ndescription: Core rules for working with Pega SDK components\nalwaysApply: true\n---\n\n",
         body,
         kind: "md"
       });
     } else if (aiTool === "claude-code") {
       planned.push({
-        destPath: path2.join(targetDir, "AGENTS.md"),
+        destPath: path2.join(targetDir, GLOBAL_INSTRUCTIONS_PATHS["claude-code"]),
         frontmatter: "",
         body,
         kind: "md"
@@ -1122,32 +1137,23 @@ async function scaffoldEmbedded(choices, targetDir, onProgress) {
     `Wrote ${planned.length} file(s): ${counts.created} new, ${counts["block-replaced"]} updated, ${counts.appended} merged, ${counts.overwritten} replaced.`
   );
   report("Copying SDK packages\u2026");
-  const tgzFiles = fs2.readdirSync(sampleDir).filter((f) => f.endsWith(".tgz"));
-  for (const tgz of tgzFiles) {
-    const src = path2.join(sampleDir, tgz);
-    const dest = path2.join(targetDir, tgz);
-    fs2.copyFileSync(src, dest);
+  const samplePkgJson = JSON.parse(fs2.readFileSync(path2.join(sampleDir, "package.json"), "utf-8"));
+  const pegaDependencies = {};
+  for (const pkgName of ["@pega/auth", "@pega/constellationjs", "@pega/sdk-react", "@pega/sdk-types"]) {
+    const spec = samplePkgJson.dependencies?.[pkgName];
+    if (!spec) continue;
+    pegaDependencies[pkgName] = spec;
+    if (spec.startsWith("file:")) {
+      const tgz = spec.slice("file:".length);
+      fs2.copyFileSync(path2.join(sampleDir, tgz), path2.join(targetDir, tgz));
+    }
   }
   report("Adding SDK dependencies\u2026");
   const pkgJsonPath = path2.join(targetDir, "package.json");
   if (fs2.existsSync(pkgJsonPath)) {
     const pkgJson = JSON.parse(fs2.readFileSync(pkgJsonPath, "utf-8"));
     if (!pkgJson.dependencies) pkgJson.dependencies = {};
-    const TGZ_PACKAGE_MAP = {
-      "pega-auth": "@pega/auth",
-      "pega-constellationjs": "@pega/constellationjs",
-      "pega-sdk-react": "@pega/sdk-react",
-      "pega-sdk-types": "@pega/sdk-types"
-    };
-    for (const tgz of tgzFiles) {
-      const match = tgz.match(/^(pega-[\w-]+?)-\d/);
-      if (match) {
-        const pkgName = TGZ_PACKAGE_MAP[match[1]];
-        if (pkgName) {
-          pkgJson.dependencies[pkgName] = `file:${tgz}`;
-        }
-      }
-    }
+    Object.assign(pkgJson.dependencies, pegaDependencies);
     fs2.writeFileSync(pkgJsonPath, JSON.stringify(pkgJson, null, 2) + "\n");
   }
   report("Creating SDK configuration\u2026");
@@ -1254,7 +1260,17 @@ do not need to pass --mode.
 about. GitHub Copilot -> copilot, Cursor -> cursor, Claude Code -> claude-code.
 Always pass it: it decides which agent config files get written, and a repo can
 contain another assistant's config left behind by someone else.
-`.trim();
+
+Users often ask in plain words ("add the service request form to my app when
+someone clicks Apply", "start a new Pega app") \u2014 judge by intent, not wording.
+
+When it finishes, the CLI prints the agent to continue with and its files.
+  Copilot / Cursor: stop. Tell the user, in plain words, to switch to that agent
+    (Copilot: pick it in the agent menu; Cursor: @-mention it in chat), then
+    repeat their original request so they can paste it.
+  Claude Code: read the printed instructions and agent files, then continue the
+    user's original request in this chat.
+New project: the user must open the printed project folder first.`.trim();
 var HELP_TEXT = `
 Usage: npx --yes @pega/sdk init [flags]
 
@@ -1423,6 +1439,14 @@ function resolveNonInteractiveEmbeddedChoices(args, cwd) {
 // src/index.ts
 var require2 = createRequire(import.meta.url);
 var { version: sdkVersion } = require2("../package.json");
+function printAgentFiles(projectDir, aiTool, agent, agentName) {
+  if (!aiTool) return;
+  const { agentFile, globalFile } = aiAgentFiles(aiTool, agent);
+  if (!fs4.existsSync(path4.join(projectDir, agentFile)) || !fs4.existsSync(path4.join(projectDir, globalFile))) return;
+  console.log(`Project folder: ${projectDir}`);
+  console.log(`Agent: ${agentName} \u2014 ${agentFile}`);
+  console.log(`Project instructions: ${globalFile}`);
+}
 async function runNonInteractive(cwd, flags) {
   try {
     const mode = flags.mode ?? (detectExistingProject(cwd) ? "embedded" : "new");
@@ -1438,11 +1462,13 @@ async function runNonInteractive(cwd, flags) {
       }
       await scaffoldEmbedded(choices, cwd, (message) => console.log(pc.dim(message)));
       console.log(pc.green("Embedded flow ready!"));
+      printAgentFiles(cwd, choices.aiTool, "embedded-flow-expert", "Embedded Flow Expert");
     } else {
       const choices = resolveNonInteractiveUserChoices(flags);
       const targetDir = path4.resolve(cwd, choices.projectName);
       await scaffold(choices, targetDir, (message) => console.log(pc.dim(message)));
       console.log(pc.green("Project scaffolded successfully!"));
+      printAgentFiles(targetDir, choices.aiTool, "implementation-expert", "Implementation Expert");
     }
   } catch (err) {
     console.error(pc.red(err instanceof CliValidationError || err instanceof Error ? err.message : String(err)));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pega/sdk",
-  "version": "0.0.14",
-  "description": "Scaffold a Pega SDK application project",
+  "version": "0.0.15",
+  "description": "CLI to scaffold Pega SDK apps (React, Angular, Web Components) or embed Pega cases and forms into an existing app, with design-matched components and AI agent setup for Copilot, Cursor, and Claude Code",
   "type": "module",
   "bin": {
     "sdk": "./dist/index.js"
@@ -39,7 +39,46 @@
     "sdk",
     "scaffold",
     "cli",
-    "create-app"
+    "create-app",
+    "embed",
+    "embedded",
+    "mashup",
+    "constellation",
+    "pega-infinity",
+    "case",
+    "form",
+    "forms",
+    "workflow",
+    "ui",
+    "components",
+    "design-system",
+    "pega-sdk",
+    "pega-constellation",
+    "constellation-sdk",
+    "pega-mashup",
+    "pega-react-sdk",
+    "pega-angular-sdk",
+    "web-embed",
+    "embed-form",
+    "embed-case",
+    "case-management",
+    "workflow-automation",
+    "low-code",
+    "react",
+    "angular",
+    "web-components",
+    "react-native",
+    "typescript",
+    "vite",
+    "starter",
+    "boilerplate",
+    "template",
+    "ai-agent",
+    "copilot",
+    "cursor",
+    "claude-code",
+    "mcp",
+    "oauth"
   ],
   "license": "Apache-2.0"
 }

package/templates/angular-sdk-reference/angular.json

@@ -19,13 +19,12 @@
             "tsConfig": "tsconfig.json",
             "assets": ["src/assets", "src/sdk-config.json"],
             "styles": ["src/styles.css"],
-            "scripts": ["../../node_modules/@pega/constellationjs/dist/constellation-core-web.js"]
+            "scripts": []
           }
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "buildTarget": "angular-sdk-reference:build",
             "port": 3501
           }
         }

package/templates/angular-sdk-reference/extra-webpack.config.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+// comment this code out, if you have an "ENOENT: no such file or directory" build error and re-build
+// to see the real Angular errors, then uncomment onces fixed
+module.exports = (config) => {
+  config.plugins.push(
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: '../../node_modules/@pega/auth/lib/oauth-client/authDone.html',
+          to: './auth.html',
+        },
+        {
+          from: '../../node_modules/@pega/auth/lib/oauth-client/authDone.js',
+          to: './',
+        },
+      ],
+    }),
+  );
+  return config;
+};

package/templates/angular-sdk-reference/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Pega SDK Angular Reference</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+</html>

package/templates/angular-sdk-reference/package.json

@@ -17,7 +17,6 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/platform-browser-dynamic": "^21.2.0",
     "@angular/router": "^21.2.0",
-    "@pega/constellationjs": "file:pega-constellationjs-0.26.3-local.tgz",
     "@pega/sdk-angular": "^0.1.0",
     "rxjs": "~7.8.2",
     "tslib": "^2.8.1",

package/templates/angular-sdk-reference/src/app/app.component.ts

@@ -1,72 +1,25 @@
-/**
- * Angular Mashup sample — demonstrates @pega/sdk-core + @pega/sdk-angular
- * in embedded/mashup mode using PegaRuntimeService.
- *
- * Flow:
- *   1. PegaRuntimeService.initialize() handles auth + bootstrap
- *   2. Subscribe to state$ for reactive isReady/isLoading/error
- *   3. Show "Create Case" button
- *   4. On click → PCore.getMashupApi().createCase()
- *   5. PConnectRendererComponent renders the case form tree
- */
-
-import { ChangeDetectorRef, Component, NgZone, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Subscription } from 'rxjs';
-import { PegaRuntimeService, PConnectBridgeComponent, type RuntimeState } from '@pega/sdk-angular';
-import { registerSampleAngularComponents } from '../components/component-map';
-import { getSdkConfig } from '@pega/auth/lib/sdk-auth-manager';
-import { compareSdkPCoreVersions } from '../helpers/versionHelpers';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, PConnectBridgeComponent],
+  imports: [CommonModule],
   template: `
-    <!-- Loading state -->
-    <div *ngIf="!isPegaReady" class="loading-container">
-      <span class="loading-text">
-        {{ errorMessage ? errorMessage : 'Authenticating and loading Pega...' }}
-      </span>
+    <div *ngIf="!isReady" class="loading-container">
+      <span class="loading-text">Authenticating and loading Pega...</span>
     </div>
-
-    <!-- Main UI -->
-    <div *ngIf="isPegaReady" id="pega-root">
-      <!-- Header -->
+    <div *ngIf="isReady" id="pega-root">
       <div class="header">
-        <span class="header-title">Pega SDK — Angular Mashup Sample</span>
-        <button type="button" class="btn-logout" (click)="logout()">Logout</button>
+        <span class="header-title">Pega SDK — Angular Reference</span>
       </div>
-
-      <div class="main-content">
-        <!-- Create Case button -->
-        <div *ngIf="!showForm" class="create-case-section">
-          <h2>Ready to go</h2>
-          <p class="subtitle">Click below to create a new case and see the Pega form components in action.</p>
-          <button type="button" class="btn-create" (click)="handleCreateCase()">Create Case</button>
-        </div>
-
-        <!-- Pega form area -->
-        <div class="form-container">
-          <div *ngIf="loading" class="loading-form">Loading case form...</div>
-          <pconnect-bridge *ngIf="!loading && rootPConnect" [getPConnect]="rootPConnectGetter!"></pconnect-bridge>
-        </div>
+      <div class="content">
+        <p>Pega SDK Angular app is ready. Implement your components here.</p>
       </div>
     </div>
   `,
   styles: [
     `
-      .loading-container {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100vh;
-        font-family: system-ui, sans-serif;
-      }
-      .loading-text {
-        color: #64748b;
-        font-size: 1rem;
-      }
       .header {
         padding: 1rem 1.5rem;
         background: #1e293b;
@@ -78,194 +31,24 @@ import { compareSdkPCoreVersions } from '../helpers/versionHelpers';
       .header-title {
         font-weight: 600;
       }
-      .btn-logout {
-        background: transparent;
-        border: 1px solid #64748b;
-        color: #94a3b8;
-        padding: 0.375rem 0.75rem;
-        border-radius: 0.375rem;
-        cursor: pointer;
-        font-size: 0.8125rem;
-      }
-      .main-content {
+      .content {
         max-width: 720px;
         margin: 2rem auto;
         padding: 0 1.5rem;
-        font-family: system-ui, sans-serif;
-      }
-      .create-case-section {
-        text-align: center;
-        margin-bottom: 2rem;
-      }
-      .create-case-section h2 {
-        font-size: 1.5rem;
-        font-weight: 600;
-        margin-bottom: 0.75rem;
-      }
-      .subtitle {
-        color: #64748b;
-        margin-bottom: 1.5rem;
-      }
-      .btn-create {
-        background: #2563eb;
-        color: #fff;
-        border: none;
-        padding: 0.625rem 1.5rem;
-        border-radius: 0.375rem;
-        font-size: 0.9375rem;
-        font-weight: 500;
-        cursor: pointer;
-      }
-      .form-container {
-        background: #fff;
-        border: 1px solid #e2e8f0;
-        border-radius: 0.75rem;
-        padding: 1.5rem;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
-      }
-      .loading-form {
-        text-align: center;
-        padding: 2rem;
-        color: #64748b;
       }
     `,
   ],
 })
-export class AppComponent implements OnInit, OnDestroy {
-  isPegaReady = false;
-  rootPConnect: typeof PConnect | null = null;
-  rootPConnectGetter: (() => typeof PConnect) | null = null;
-  showForm = false;
-  loading = false;
-  errorMessage: string | undefined;
-
-  private runtime = new PegaRuntimeService();
-  private stateSub: Subscription | undefined;
-  private cancelSubId = 'angularMashup-cancel';
-  private doneSubId = 'angularMashup-assignmentDone';
-
-  constructor(
-    private ngZone: NgZone,
-    private cdr: ChangeDetectorRef,
-  ) {}
+export class AppComponent implements OnInit {
+  isReady = false;
 
-  ngOnInit(): void {
-    this.stateSub = this.runtime.state$.subscribe((state: RuntimeState) => {
-      console.log('Runtime state update:', state);
-      this.ngZone.run(() => {
-        this.isPegaReady = state.isReady;
-        this.errorMessage = state.error;
-
-        if (state.isReady && state.bootstrapResult) {
-          const rootProps = state.bootstrapResult.rootProps as Record<string, unknown> | undefined;
-          const getPConnect = rootProps?.['getPConnect'] as (() => typeof PConnect) | undefined;
-          this.rootPConnect = getPConnect?.() ?? null;
-          this.rootPConnectGetter = getPConnect ?? null;
-          this.subscribeToPubSub();
-        }
-
-        this.cdr.detectChanges();
-      });
-    });
-
-    this.bootstrap();
-  }
-
-  ngOnDestroy(): void {
-    this.stateSub?.unsubscribe();
-
-    if (this.isPegaReady) {
-      PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL, this.cancelSubId);
-      PCore.getPubSubUtils().unsubscribe(
-        PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.END_OF_ASSIGNMENT_PROCESSING,
-        this.doneSubId,
-      );
-    }
-  }
-
-  async bootstrap(): Promise<void> {
-    const sdkConfig = await getSdkConfig();
-    const config = sdkConfig as Record<string, Record<string, unknown>>;
-
-    await this.runtime.initialize(
-      {
-        serverConfig: {
-          infinityRestServerUrl: config['serverConfig']['infinityRestServerUrl'] as string,
-          appAlias: config['serverConfig']['appAlias'] as string,
-        },
-        authConfig: {
-          clientId: (config['authConfig']['mashupClientId'] ?? '') as string,
-          authorizeUri: (config['authConfig']['authorizeUri'] ?? '') as string,
-          tokenUri: (config['authConfig']['tokenUri'] ?? '') as string,
-          revokeUri: (config['authConfig']['revokeUri'] ?? '') as string,
-          redirectUri: (config['authConfig']['redirectUri'] ?? '') as string,
-        },
-      },
-      'pega-root',
-      {
-        onPCoreReady: () => {
-          console.log('PCore is ready, running onPCoreReady callback');
-          // Register component creator so PCore uses our bridge
-          PCore.registerComponentCreator((c11nEnv: unknown) => c11nEnv);
-          registerSampleAngularComponents();
-          compareSdkPCoreVersions();
-
-          // Initialize container session gates (required by ViewContainer/FlowContainer)
-          sessionStorage.setItem('hasViewContainer', 'false');
-          sessionStorage.setItem('okToInitFlowContainer', 'true');
-        },
-      },
-    );
-  }
-
-  private subscribeToPubSub(): void {
-    PCore.getPubSubUtils().subscribe(
-      PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL,
-      () => {
-        this.ngZone.run(() => {
-          this.showForm = false;
-        });
-      },
-      this.cancelSubId,
-    );
-
-    PCore.getPubSubUtils().subscribe(
-      PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.END_OF_ASSIGNMENT_PROCESSING,
-      () => {
-        this.ngZone.run(() => {
-          this.showForm = false;
-        });
-      },
-      this.doneSubId,
-    );
-  }
-
-  async handleCreateCase(): Promise<void> {
-    this.loading = true;
-    this.showForm = true;
+  constructor() {}
 
+  async ngOnInit() {
     try {
-      const sdkConfig = await getSdkConfig();
-      const mashupCaseType = (sdkConfig as Record<string, Record<string, unknown>>).serverConfig[
-        'appMashupCaseType'
-      ] as string;
-
-      await PCore.getMashupApi().createCase(mashupCaseType, PCore.getConstants().APP.APP, {
-        pageName: 'pyEmbedAssignment',
-        startingFields: {},
-      });
+      this.isReady = true;
     } catch (err) {
-      console.error('Error creating case:', err);
-      this.showForm = false;
-    } finally {
-      this.ngZone.run(() => {
-        this.loading = false;
-        this.cdr.detectChanges();
-      });
+      console.error('Failed to initialize Pega SDK:', err);
     }
   }
-
-  logout(): void {
-    this.runtime.authClient.logout();
-  }
 }