@agent-native/core 0.59.1 → 0.61.0

package/dist/cli/create.js

@@ -33,12 +33,11 @@ export class ValidationError extends Error {
     }
 }
 /**
- * Move "starter" to the top of the list so it lines up with clack's default
- * highlight on the first option — otherwise users have to scroll to see that
- * Starter is pre-selected.
+ * Move the primitive-first and chat on-ramps to the top of the list so they
+ * line up with clack's default highlight.
  */
-function starterFirst(templates) {
-    return moveTemplatesToFront(templates, ["starter"]);
+function onRampFirst(templates) {
+    return moveTemplatesToFront(templates, ["headless", "chat"]);
 }
 function moveTemplatesToFront(templates, preferredNames) {
     const preferred = preferredNames
@@ -49,11 +48,11 @@ function moveTemplatesToFront(templates, preferredNames) {
     const preferredSet = new Set(preferred.map((t) => t.name));
     return [...preferred, ...templates.filter((t) => !preferredSet.has(t.name))];
 }
-/** Blank scaffold option appended to every picker. */
-const BLANK_OPTION = {
-    name: "blank",
-    label: "Blank",
-    hint: "Empty starter — build from scratch",
+/** Primitive-first scaffold option appended to standalone pickers. */
+const HEADLESS_OPTION = {
+    name: "headless",
+    label: "Headless",
+    hint: "Action-first app with one hello primitive and no UI shell",
 };
 /**
  * Main entry for `agent-native create [name]`.
@@ -83,6 +82,10 @@ export async function createApp(name, opts) {
     // Use `--template a,b` or pass no --template to opt into the workspace
     // flow with the multi-select picker.
     const parsed = parseTemplateList(opts?.template);
+    if (parsed.includes("headless") && parsed.length > 1) {
+        clack.cancel("The headless scaffold is standalone-only. Use `agent-native create my-app --headless`, or use the Chat template when adding a UI app to a workspace.");
+        process.exit(1);
+    }
     if (parsed.length === 1) {
         await createStandaloneApp(name, opts, clack);
         return;
@@ -102,8 +105,8 @@ async function createWorkspaceInteractive(name, opts, clack) {
         "container — it isn't an app itself. Inside it you pick one or more apps",
         "(below), and each app gets its own route, agent, and UI. Apps in the",
         "same workspace share auth, database, and the agent chat. Add more apps",
-        "later with `npx @agent-native/core@latest add-app`. Starter is a minimal scaffold —",
-        "useful as a blank app to build from scratch alongside the others.",
+        "later with `npx @agent-native/core@latest add-app`. Chat is the UI on-ramp",
+        "for a minimal chat-first app with the browser shell already wired.",
         "Dispatch is always included as the workspace control plane —",
         "it owns shared secrets, messaging, approvals, and cross-app routing.",
     ].join("\n"), "About workspaces");
@@ -114,8 +117,8 @@ async function createWorkspaceInteractive(name, opts, clack) {
     const optionalPicks = preselected.length > 0
         ? preselected.filter((t) => t !== "dispatch")
         : await promptTemplatePicker(preselected, clack, {
-            defaultTemplates: ["starter"],
-            preferredFirst: ["starter"],
+            defaultTemplates: ["chat"],
+            preferredFirst: ["chat"],
             excludeNames: ["dispatch"],
         });
     const templates = ["dispatch", ...optionalPicks];
@@ -126,37 +129,49 @@ async function createWorkspaceInteractive(name, opts, clack) {
     }
     const s = clack.spinner();
     s.start(`Scaffolding workspace "${name}"...`);
+    const appNames = new Set();
+    const scaffoldedApps = [];
     try {
         await scaffoldWorkspaceRoot(targetDir, name);
         const workspaceCoreName = `@${name}/shared`;
         for (let i = 0; i < templates.length; i++) {
-            const t = templates[i];
+            const templateName = templates[i];
+            const appName = workspaceAppNameForTemplateSelection(templateName);
+            validateWorkspaceAppName(appName, clack, {
+                allowDispatch: appName === "dispatch" && templateName === "dispatch",
+            });
+            if (appNames.has(appName)) {
+                clack.cancel(`Workspace app "${appName}" is selected more than once. Choose unique app templates or app names.`);
+                process.exit(1);
+            }
+            appNames.add(appName);
+            scaffoldedApps.push(appName);
             // Distinguish download vs local copy in the spinner so a multi-second
             // GitHub fetch doesn't look like a frozen "Scaffolding..." message.
             // Mirrors the local-vs-remote decision inside scaffoldAppTemplate.
-            const willDownload = t !== "blank" && t.startsWith("github:")
+            const willDownload = templateName !== "headless" && templateName.startsWith("github:")
                 ? true
-                : !findLocalTemplate(normalizeTemplateName(t));
+                : !findLocalTemplate(normalizeTemplateName(templateName));
             s.message(willDownload
-                ? `Downloading ${titleCase(t)} template (${i + 1}/${templates.length})...`
-                : `Scaffolding ${titleCase(t)} (${i + 1}/${templates.length})...`);
-            const appDir = path.join(targetDir, "apps", t);
-            await scaffoldAppTemplate(appDir, t);
-            s.message(`Configuring ${titleCase(t)} (${i + 1}/${templates.length})...`);
-            replacePlaceholders(appDir, t, appTitleForScaffold(t, t), name);
-            rewriteTrackingAppId(appDir, t, t);
+                ? `Downloading ${titleCase(appName)} template (${i + 1}/${templates.length})...`
+                : `Scaffolding ${titleCase(appName)} (${i + 1}/${templates.length})...`);
+            const appDir = path.join(targetDir, "apps", appName);
+            await scaffoldAppTemplate(appDir, templateName);
+            s.message(`Configuring ${titleCase(appName)} (${i + 1}/${templates.length})...`);
+            replacePlaceholders(appDir, appName, appTitleForScaffold(appName), name);
+            rewriteTrackingAppId(appDir, appName, templateName);
             workspacifyApp({
                 appDir,
-                appName: t,
-                templateName: t,
+                appName,
+                templateName,
                 workspaceRoot: targetDir,
                 workspaceCoreName,
                 coreDependencyVersion: getCoreDependencyVersion(),
                 dispatchDependencyVersion: getDispatchDependencyVersion(),
             });
-            fixPackageJsonName(appDir, t);
-            fixWebManifestName(appDir, t, t);
-            rewriteNetlifyToml(appDir, t, "workspace");
+            fixPackageJsonName(appDir, appName, templateName);
+            fixWebManifestName(appDir, appName, templateName);
+            rewriteNetlifyToml(appDir, appName, "workspace");
             renameGitignore(appDir);
             // Each app owns its own .claude / .agents symlinks.
             setupAgentSymlinks(appDir);
@@ -180,8 +195,7 @@ async function createWorkspaceInteractive(name, opts, clack) {
     // makes the structure concrete.
     const treeLines = [
         `  ${name}/                    ← your workspace`,
-        ...templates.map((t, i) => `  ${i === templates.length - 1 ? "└─" : "├─"} apps/${t}/`.padEnd(30) +
-            `   ← app`),
+        ...scaffoldedApps.map((appName, i) => `  ${i === scaffoldedApps.length - 1 ? "└─" : "├─"} apps/${appName}/`.padEnd(30) + `   ← app`),
     ];
     const dispatchNextStep = [
         `Once running, open Dispatch — you'll see "Workspace: ${titleCase(name)}"`,
@@ -215,6 +229,23 @@ async function createWorkspaceInteractive(name, opts, clack) {
         `Deploy the whole workspace:   pnpm exec agent-native deploy`,
     ].join("\n"));
 }
+function workspaceAppNameForTemplateSelection(templateName) {
+    const normalized = normalizeTemplateName(templateName);
+    if (!normalized.startsWith("github:"))
+        return templateName;
+    const repo = normalized.slice("github:".length).trim();
+    const repoName = repo.split("/").filter(Boolean).pop() ?? "app";
+    let appName = repoName
+        .toLowerCase()
+        .replace(/[^a-z0-9-]+/g, "-")
+        .replace(/-+/g, "-")
+        .replace(/^-+|-+$/g, "");
+    if (!appName)
+        appName = "app";
+    if (!/^[a-z]/.test(appName))
+        appName = `app-${appName}`;
+    return appName;
+}
 /**
  * Detect whether pnpm is on PATH. End-user machines often have npm/yarn but
  * not pnpm; the workspace scaffold uses pnpm workspaces, so we surface a
@@ -321,6 +352,10 @@ export async function addAppToWorkspace(name, opts) {
     const installed = listInstalledApps(workspace.workspaceRoot);
     // Non-interactive path: name + single --template
     const preselected = parseTemplateList(opts?.template);
+    if (preselected.includes("headless")) {
+        clack.cancel("The headless scaffold is standalone-only. Use `agent-native create my-app --headless` outside a workspace, or use the Chat template when adding a UI app to a workspace.");
+        process.exit(1);
+    }
     if (name && preselected.length === 1) {
         const tpl = preselected[0];
         await scaffoldOneAppIntoWorkspace(workspace, name, tpl, clack);
@@ -331,7 +366,7 @@ export async function addAppToWorkspace(name, opts) {
         excludeNames: installed,
         message: "Which apps do you want to add?",
         defaultTemplates: hasDispatch ? undefined : ["dispatch"],
-        preferredFirst: hasDispatch ? ["starter"] : ["dispatch", "starter"],
+        preferredFirst: hasDispatch ? ["chat"] : ["dispatch", "chat"],
         recommendedNames: hasDispatch ? [] : ["dispatch"],
     });
     if (templates.length === 0) {
@@ -359,7 +394,7 @@ async function scaffoldOneAppIntoWorkspace(workspace, appName, templateName, cla
     s.start(`Working... no action needed. Scaffolding apps/${appName} from ${templateName}.`);
     try {
         await scaffoldAppTemplate(appDir, templateName);
-        replacePlaceholders(appDir, appName, appTitleForScaffold(appName, templateName), path.basename(workspace.workspaceRoot));
+        replacePlaceholders(appDir, appName, appTitleForScaffold(appName), path.basename(workspace.workspaceRoot));
         rewriteTrackingAppId(appDir, appName, templateName);
         workspacifyApp({
             appDir,
@@ -410,16 +445,18 @@ async function createStandaloneApp(name, opts, clack) {
         const picked = await clack.select({
             message: "Which template would you like to use?",
             options: [
-                ...starterFirst(coreTemplates()).map((t) => ({
+                {
+                    value: HEADLESS_OPTION.name,
+                    label: HEADLESS_OPTION.label,
+                    hint: HEADLESS_OPTION.hint,
+                },
+                ...onRampFirst(coreTemplates())
+                    .filter((t) => t.name !== HEADLESS_OPTION.name)
+                    .map((t) => ({
                     value: t.name,
                     label: t.label,
                     hint: t.hint,
                 })),
-                {
-                    value: BLANK_OPTION.name,
-                    label: BLANK_OPTION.label,
-                    hint: BLANK_OPTION.hint,
-                },
             ],
         });
         if (clack.isCancel(picked)) {
@@ -430,7 +467,9 @@ async function createStandaloneApp(name, opts, clack) {
     }
     template = normalizeTemplateName(template);
     const s = clack.spinner();
-    s.start(`Downloading the ${template} template from GitHub…`);
+    s.start(template === "headless"
+        ? "Scaffolding the headless action app..."
+        : `Downloading the ${template} template from GitHub...`);
     try {
         await scaffoldAppTemplate(targetDir, template);
         s.message(`Setting up ${name}…`);
@@ -444,7 +483,21 @@ async function createStandaloneApp(name, opts, clack) {
         process.exit(1);
     }
     tryGitInit(targetDir);
-    clack.outro(`Done! Next steps:\n\n  cd ${name}\n  pnpm install\n  pnpm dev`);
+    if (template === "headless") {
+        clack.outro([
+            "Done! Next steps:",
+            "",
+            `  cd ${name}`,
+            "  pnpm install",
+            "  pnpm action hello --name Builder",
+            `  pnpm agent "Call hello for Builder"`,
+            "",
+            "Add a UI later by starting from the Chat template; `agent-native add` is reserved for integration blueprints.",
+        ].join("\n"));
+    }
+    else {
+        clack.outro(`Done! Next steps:\n\n  cd ${name}\n  pnpm install\n  pnpm dev`);
+    }
 }
 /**
  * Remove a partially-scaffolded target directory after a scaffold failure so a
@@ -467,42 +520,48 @@ function cleanupOnFailure(targetDir) {
  * ───────────────────────────────────────────────────────────────────────── */
 /**
  * Scaffold a single app template into `targetDir`. Resolves:
- *   - "blank" → bundled default template
+ *   - "headless" / legacy "blank" → bundled action-first template
  *   - "github:user/repo" → download the whole repo
  *   - first-party template name → download that subdir from BuilderIO/agent-native
  */
 async function scaffoldAppTemplate(targetDir, template) {
     fs.mkdirSync(path.dirname(targetDir), { recursive: true });
-    if (template === "blank") {
+    // Normalize legacy / renamed aliases.
+    let resolved = normalizeTemplateName(template);
+    if (resolved === "headless") {
         const packageRoot = path.resolve(__dirname, "../..");
-        const defaultDir = path.join(packageRoot, "src/templates/default");
-        if (!fs.existsSync(defaultDir)) {
-            throw new Error(`Default template not found at ${defaultDir}. Is the package installed correctly?`);
+        const headlessDir = path.join(packageRoot, "src/templates/headless");
+        if (!fs.existsSync(headlessDir)) {
+            throw new Error(`Headless template not found at ${headlessDir}. Is the package installed correctly?`);
         }
-        copyDir(defaultDir, targetDir);
+        copyDir(headlessDir, targetDir);
         return;
     }
-    // Normalize legacy / renamed aliases.
-    let resolved = normalizeTemplateName(template);
     if (resolved.startsWith("github:")) {
         const repo = resolved.slice("github:".length);
         await downloadGitHubRepo(repo, targetDir);
         return;
     }
-    if (!allTemplateNames().includes(resolved)) {
+    if (!getTemplate(resolved)) {
         throw new Error(`Unknown template "${template}". Known: ${allTemplateNames().join(", ")} — or use github:user/repo for community templates.`);
     }
     // If running from the framework monorepo with a local templates/ dir, use
     // that. Otherwise download from GitHub. This keeps `agent-native create`
     // fast during framework development.
-    const localTemplate = findLocalTemplate(resolved);
+    const sourceTemplate = templateSourceName(resolved);
+    const localTemplate = findLocalTemplate(sourceTemplate);
     if (localTemplate) {
         copyDir(localTemplate, targetDir);
     }
     else {
-        await downloadGitHubSubdir(REPO, `${TEMPLATES_DIR}/${resolved}`, targetDir);
+        await downloadGitHubSubdir(REPO, `${TEMPLATES_DIR}/${sourceTemplate}`, targetDir);
     }
 }
+function templateSourceName(name) {
+    if (name === "starter")
+        return "chat";
+    return name;
+}
 /**
  * When developing the framework itself, prefer the sibling templates/<name>
  * directory. Returns undefined when running as a published package.
@@ -522,6 +581,8 @@ function findLocalTemplate(name) {
     return undefined;
 }
 function normalizeTemplateName(template) {
+    if (template === "blank")
+        return "headless";
     if (template === "video")
         return "videos";
     if (template === "image" || template === "images" || template === "asset") {
@@ -633,7 +694,7 @@ async function scaffoldRequiredPackages(templateNames, workspaceRoot) {
  * workspace:* deps, set up agent symlinks, etc.
  */
 function postProcessStandalone(name, targetDir, templateName) {
-    const appTitle = appTitleForScaffold(name, templateName);
+    const appTitle = appTitleForScaffold(name);
     replacePlaceholders(targetDir, name, appTitle);
     rewriteTrackingAppId(targetDir, name, templateName);
     fixPackageJsonName(targetDir, name, templateName);
@@ -648,7 +709,7 @@ function postProcessStandalone(name, targetDir, templateName) {
     }
     renameGitignore(targetDir);
     // No monorepo-only files to drop for standalone scaffolds.
-    // DEVELOPING.md is intentionally kept: it documents `pnpm dev`,
+    // DEVELOPING.md is intentionally kept: it documents local run commands,
     // DATABASE_URL defaults, and other local-run instructions that are equally
     // valid for standalone apps.
     // Resolve workspace:* and catalog: deps for standalone projects.
@@ -709,17 +770,20 @@ function postProcessStandalone(name, targetDir, templateName) {
         const existing = fs.existsSync(wsPath)
             ? fs.readFileSync(wsPath, "utf-8")
             : "";
-        const updated = mergeWorkspaceYamlSections(existing, {
-            overrides: {
-                '"@assistant-ui/store"': '">=0.2.9 <0.2.14"',
-                '"@assistant-ui/tap"': '"^0.5.14"',
-            },
+        const sections = {
             allowBuilds: {
                 "better-sqlite3": "true",
                 esbuild: "true",
                 "node-pty": "true",
             },
-        });
+        };
+        if (templateName !== "headless") {
+            sections.overrides = {
+                '"@assistant-ui/store"': '">=0.2.9 <0.2.14"',
+                '"@assistant-ui/tap"': '"^0.5.14"',
+            };
+        }
+        const updated = mergeWorkspaceYamlSections(existing, sections);
         if (updated !== existing) {
             fs.writeFileSync(wsPath, updated);
         }
@@ -762,7 +826,7 @@ async function promptTemplatePicker(preselected, clack, opts) {
     const excluded = new Set(opts?.excludeNames ?? []);
     const orderedTemplates = opts?.preferredFirst
         ? moveTemplatesToFront(coreTemplates(), opts.preferredFirst)
-        : starterFirst(coreTemplates());
+        : onRampFirst(coreTemplates());
     const recommendedNames = new Set(opts?.recommendedNames ?? []);
     const options = orderedTemplates
         .filter((t) => !excluded.has(t.name))
@@ -780,13 +844,13 @@ async function promptTemplatePicker(preselected, clack, opts) {
     if (options.length === 0)
         return [];
     // Default pre-selection: what the user passed via --template, falling
-    // back to caller defaults, then to "starter" when available.
+    // back to caller defaults, then to "chat" when available.
     const defaults = preselected.length > 0
         ? preselected.filter((p) => options.some((o) => o.value === p))
         : opts?.defaultTemplates
             ? opts.defaultTemplates.filter((p) => options.some((o) => o.value === p))
-            : options.some((o) => o.value === "starter")
-                ? ["starter"]
+            : options.some((o) => o.value === "chat")
+                ? ["chat"]
                 : [];
     const baseMessage = opts?.message ?? "Which apps would you like to include?";
     const result = await clack.multiselect({
@@ -849,7 +913,7 @@ export function detectWorkspace(startDir) {
 }
 export { parseWorkspaceScope };
 /** @internal — exported for E2E tests */
-export { scaffoldWorkspaceRoot as _scaffoldWorkspaceRoot, scaffoldAppTemplate as _scaffoldAppTemplate, scaffoldRequiredPackages as _scaffoldRequiredPackages, postProcessStandalone as _postProcessStandalone, loadCatalog as _loadCatalog, fixPackageJsonName as _fixPackageJsonName, renameGitignore as _renameGitignore, rewriteNetlifyToml as _rewriteNetlifyToml, getCoreDependencyVersion as _getCoreDependencyVersion, getDispatchDependencyVersion as _getDispatchDependencyVersion, getGitHubTemplateRef as _getGitHubTemplateRef, getGitHubTemplateRefCandidates as _getGitHubTemplateRefCandidates, shouldSkipScaffoldEntry as _shouldSkipScaffoldEntry, tarExtractArgs as _tarExtractArgs, };
+export { scaffoldWorkspaceRoot as _scaffoldWorkspaceRoot, scaffoldAppTemplate as _scaffoldAppTemplate, scaffoldRequiredPackages as _scaffoldRequiredPackages, postProcessStandalone as _postProcessStandalone, loadCatalog as _loadCatalog, fixPackageJsonName as _fixPackageJsonName, renameGitignore as _renameGitignore, rewriteNetlifyToml as _rewriteNetlifyToml, getCoreDependencyVersion as _getCoreDependencyVersion, getDispatchDependencyVersion as _getDispatchDependencyVersion, getGitHubTemplateRef as _getGitHubTemplateRef, getGitHubTemplateRefCandidates as _getGitHubTemplateRefCandidates, workspaceAppNameForTemplateSelection as _workspaceAppNameForTemplateSelection, shouldSkipScaffoldEntry as _shouldSkipScaffoldEntry, tarExtractArgs as _tarExtractArgs, };
 /* ─────────────────────────────────────────────────────────────────────────
  * Download / copy helpers
  * ───────────────────────────────────────────────────────────────────────── */
@@ -998,16 +1062,17 @@ function titleCase(name) {
         .map((w) => (w ? w[0].toUpperCase() + w.slice(1) : w))
         .join(" ");
 }
-function appTitleForScaffold(appName, templateName) {
-    if (appName === "starter" && (!templateName || templateName === "starter")) {
-        return "Blank app";
-    }
+function appTitleForScaffold(appName) {
     return titleCase(appName);
 }
-function defaultPackageDescriptionForScaffold(appName, templateName) {
-    const appTitle = appTitleForScaffold(appName, templateName);
-    if (appTitle === "Blank app")
-        return "Blank agent-native app scaffold.";
+function isChatOnRampTemplate(templateName) {
+    return templateName === "chat" || templateName === "starter";
+}
+function trackingTemplateName(templateName) {
+    return templateName === "starter" ? "chat" : templateName;
+}
+function defaultPackageDescriptionForScaffold(appName) {
+    const appTitle = appTitleForScaffold(appName);
     return `Workspace app for ${appTitle}.`;
 }
 function shouldReplaceScaffoldDescription(value) {
@@ -1022,22 +1087,24 @@ function fixPackageJsonName(appDir, name, templateName) {
     try {
         const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
         pkg.name = name;
-        // When the user picked a custom name (e.g. `add-app todo --template=starter`)
+        const appTitle = appTitleForScaffold(name);
+        // When the user picked a custom name (e.g. `add-app todo --template=chat`)
         // the template's displayName would otherwise leak into the workspace apps
         // grid as the new app's label. Overwrite it so the app shows up as "Todo"
         // instead of the source template's branding.
         if (templateName && name !== templateName) {
-            pkg.displayName = titleCase(name);
+            pkg.displayName = appTitle;
         }
-        if (shouldReplaceScaffoldDescription(pkg.description)) {
-            pkg.description = defaultPackageDescriptionForScaffold(name, templateName);
+        if (shouldReplaceScaffoldDescription(pkg.description) ||
+            (isChatOnRampTemplate(templateName) && name !== templateName)) {
+            pkg.description = defaultPackageDescriptionForScaffold(name);
         }
         fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
     }
     catch { }
 }
 function fixWebManifestName(appDir, name, templateName) {
-    if (templateName !== "starter" || name === templateName)
+    if (!isChatOnRampTemplate(templateName) || name === templateName)
         return;
     const manifestPath = path.join(appDir, "public", "manifest.json");
     if (!fs.existsSync(manifestPath))
@@ -1048,8 +1115,8 @@ function fixWebManifestName(appDir, name, templateName) {
         manifest.name = appTitle;
         manifest.short_name = appTitle;
         if (typeof manifest.description !== "string" ||
-            /\b(blank app|starter)\b/i.test(manifest.description)) {
-            manifest.description = defaultPackageDescriptionForScaffold(name, templateName);
+            /\b(blank app|starter|chat-first)\b/i.test(manifest.description)) {
+            manifest.description = defaultPackageDescriptionForScaffold(name);
         }
         fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2) + "\n");
     }
@@ -1246,18 +1313,22 @@ function rewriteTrackingAppId(appDir, appName, templateName) {
         return;
     try {
         const content = fs.readFileSync(rootPath, "utf-8");
+        const trackedTemplateName = trackingTemplateName(templateName);
         const sourceAppIds = ["agent-native-[^\"']+", "\\{\\{APP_NAME\\}\\}"];
         if (templateName && templateName !== appName) {
             sourceAppIds.push(escapeRegExp(templateName));
         }
+        if (isChatOnRampTemplate(templateName)) {
+            sourceAppIds.push("starter", "chat");
+        }
         const pattern = new RegExp(`(^\\s*app:\\s*)(["'])(?:${sourceAppIds.join("|")})\\2(\\s*,?)`, "m");
         if (!pattern.test(content))
             return;
         let next = content.replace(pattern, (_match, prefix, quote, suffix) => `${prefix}${quote}${appName}${quote}${suffix}`);
-        if (templateName &&
-            templateName !== appName &&
+        if (trackedTemplateName &&
+            trackedTemplateName !== appName &&
             !hasTrackingTemplate(next)) {
-            next = next.replace(/(^\s*app:\s*["'][^"']+["'],?\s*$)/m, (line) => `${line}\n    template: ${JSON.stringify(templateName)},`);
+            next = next.replace(/(^\s*app:\s*["'][^"']+["'],?\s*$)/m, (line) => `${line}\n    template: ${JSON.stringify(trackedTemplateName)},`);
         }
         if (next !== content) {
             fs.writeFileSync(rootPath, next);