@contentful/experience-design-system-cli 2.23.2-dev-build-753ceef.0 → 2.23.2-dev-build-e996ffb.0

package/dist/src/apply/command.js

@@ -12,14 +12,13 @@ import { ServerPreviewApp, ServerPreviewConfirm, ServerApplyProgress, ServerAppl
 import { SelectView, makeSelectKey } from './tui/SelectView.js';
 import { buildPostPushUrl } from '../lib/contentful-urls.js';
 import { resolveCompositionMode } from '../lib/composition-mode.js';
-import { addArtifactInputOptions, addCompositionOptions, addContentfulTargetOptions, addSelectionOptions, } from '../lib/command-options.js';
+import { addAllowDeletionsOption, addArtifactInputOptions, addCompositionOptions, addContentfulTargetOptions, addSelectionOptions, } from '../lib/command-options.js';
 import { stripAllowedComponents } from '../import/strip-allowed-components.js';
 import { readExperiencesCredentials } from '../credentials-store.js';
 import { getInteractiveTerminalSupport, requireInteractiveTerminal } from '../lib/terminal-capabilities.js';
-import { bindAnalyticsSessionId, exitWithAnalytics, failureFromApiError, recordApplyOutcome, recordContentfulContext, } from '../analytics/index.js';
-async function die(message, fields = {}) {
+function die(message) {
     process.stderr.write(`${message}\n`);
-    return exitWithAnalytics(1, fields);
+    process.exit(1);
 }
 async function pathExists(p) {
     return access(p)
@@ -28,7 +27,7 @@ async function pathExists(p) {
 }
 async function assertFileExists(flag, p) {
     if (!(await pathExists(p)))
-        return await die(`Error: file not found: ${p} (from ${flag})`);
+        die(`Error: file not found: ${p} (from ${flag})`);
 }
 async function readJsonFile(flag, p) {
     let text;
@@ -36,13 +35,13 @@ async function readJsonFile(flag, p) {
         text = await readFile(p, 'utf8');
     }
     catch {
-        return await die(`Error: file not found: ${p} (from ${flag})`);
+        die(`Error: file not found: ${p} (from ${flag})`);
     }
     try {
         return JSON.parse(text);
     }
     catch {
-        return await die(`Error: ${flag} is not valid JSON: ${p}`);
+        die(`Error: ${flag} is not valid JSON: ${p}`);
     }
 }
 const IGNORE_TOKEN_DIRS = new Set(['node_modules', 'dist', 'build', '.next', '.nuxt', '.git']);
@@ -84,12 +83,12 @@ export async function readTokensFromPath(flag, p) {
         s = await stat(p);
     }
     catch {
-        return await die(`Error: file not found: ${p} (from ${flag})`);
+        die(`Error: file not found: ${p} (from ${flag})`);
     }
     if (s.isDirectory()) {
         const files = await collectJsonFiles(p);
         if (files.length === 0)
-            return await die(`Error: no .json files found in directory: ${p} (from ${flag})`);
+            die(`Error: no .json files found in directory: ${p} (from ${flag})`);
         const merged = {};
         for (const file of files.sort()) {
             let text;
@@ -112,36 +111,36 @@ export async function readTokensFromPath(flag, p) {
         }
         const { valid, errors } = validateDTCG(merged);
         if (!valid)
-            return await die(`Error: ${flag} contains invalid token types:\n${errors.map((e) => `  ${e.path}: ${e.message}`).join('\n')}`);
+            die(`Error: ${flag} contains invalid token types:\n${errors.map((e) => `  ${e.path}: ${e.message}`).join('\n')}`);
         return flattenDTCG(merged, '');
     }
     const raw = await readJsonFile(flag, p);
     if (typeof raw !== 'object' || raw === null || Array.isArray(raw)) {
-        return await die(`Error: ${flag} is not valid JSON: expected an object`);
+        die(`Error: ${flag} is not valid JSON: expected an object`);
     }
     const { valid, errors } = validateDTCG(raw);
     if (!valid)
-        return await die(`Error: ${flag} contains invalid token types:\n${errors.map((e) => `  ${e.path}: ${e.message}`).join('\n')}`);
+        die(`Error: ${flag} contains invalid token types:\n${errors.map((e) => `  ${e.path}: ${e.message}`).join('\n')}`);
     return flattenDTCG(raw, '');
 }
 async function resolveSharedInputs(opts) {
     if (!opts.components && !opts.tokens && !opts.session) {
-        return await die('Error: at least one of --components, --tokens, or --session is required');
+        die('Error: at least one of --components, --tokens, or --session is required');
     }
     if (opts.session && opts.components) {
-        return await die('Error: --session and --components are mutually exclusive');
+        die('Error: --session and --components are mutually exclusive');
     }
     const spaceId = opts.spaceId ?? process.env.CONTENTFUL_SPACE_ID;
     const environmentId = opts.environmentId ?? process.env.CONTENTFUL_ENVIRONMENT_ID;
     if (!spaceId)
-        return await die('Error: --space-id is required (or set CONTENTFUL_SPACE_ID)');
+        die('Error: --space-id is required (or set CONTENTFUL_SPACE_ID)');
     if (!environmentId)
-        return await die('Error: --environment-id is required (or set CONTENTFUL_ENVIRONMENT_ID)');
+        die('Error: --environment-id is required (or set CONTENTFUL_ENVIRONMENT_ID)');
     opts.spaceId = spaceId;
     opts.environmentId = environmentId;
     const cmaToken = opts.cmaToken ?? process.env.CONTENTFUL_MANAGEMENT_TOKEN;
     if (!cmaToken) {
-        return await die('Error: CMA token is required. Pass --cma-token or set CONTENTFUL_MANAGEMENT_TOKEN');
+        die('Error: CMA token is required. Pass --cma-token or set CONTENTFUL_MANAGEMENT_TOKEN');
     }
     if (opts.components)
         await assertFileExists('--components', opts.components);
@@ -155,14 +154,14 @@ async function resolveSharedInputs(opts) {
             db.close();
         }
         if (components.length === 0) {
-            return await die(`Error: session '${opts.session}' has no generated components. Run generate components first.`);
+            die(`Error: session '${opts.session}' has no generated components. Run generate components first.`);
         }
     }
     else if (opts.components) {
         const raw = await readJsonFile('--components', opts.components);
         const result = validateCDF(raw);
         if (!result.valid) {
-            return await die(`Error: --components failed schema validation: ${result.errors.map((e) => e.message).join(', ')}`);
+            die(`Error: --components failed schema validation: ${result.errors.map((e) => e.message).join(', ')}`);
         }
         components = result.components;
     }
@@ -214,12 +213,12 @@ export function formatSlotCycleReport(cycles) {
     }
     return lines;
 }
-export async function assertNoSlotCycles(components) {
+export function assertNoSlotCycles(components) {
     const cycles = detectSlotCycles(components);
     if (cycles.length === 0)
         return;
     process.stderr.write(formatSlotCycleReport(cycles).join('\n') + '\n');
-    await exitWithAnalytics(1);
+    process.exit(1);
 }
 export function extractComponentsFromManifest(manifest) {
     const componentsManifest = manifest?.componentsManifest;
@@ -428,24 +427,18 @@ export function registerApplyCommand(program) {
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e)}`);
             throw e;
         }
         const { components, tokens, client } = inputs;
-        const spaceId = opts.spaceId;
-        const environmentId = opts.environmentId;
-        await bindAnalyticsSessionId(opts.session, {
-            space_key: spaceId,
-            environment_key: environmentId,
-        });
         try {
             await client.validateToken();
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e)}`);
             const cause = e instanceof Error && e.cause instanceof Error ? e.cause.message : '';
-            return await die(`Error: unable to connect to API host${cause ? `: ${cause}` : ''}`);
+            die(`Error: unable to connect to API host${cause ? `: ${cause}` : ''}`);
         }
         const manifest = buildManifest(components, tokens);
         let preview;
@@ -454,27 +447,30 @@ export function registerApplyCommand(program) {
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e)}`);
             throw e;
         }
-        recordContentfulContext(client, spaceId, environmentId);
+        const spaceId = opts.spaceId;
+        const environmentId = opts.environmentId;
         if (getInteractiveTerminalSupport().supported) {
             const { waitUntilExit } = render(createElement(ServerPreviewApp, {
                 preview,
                 spaceId,
                 environmentId,
+                allowDeletions: false,
             }));
             await waitUntilExit();
         }
         else {
             process.stdout.write(JSON.stringify(buildPreviewOutput(preview, spaceId, environmentId), null, 2) + '\n');
-            await exitWithAnalytics(0);
+            process.exit(0);
         }
     });
     const pushCmd = applyCmd.command('push').description('Write component types and design tokens to Contentful ExO');
     addArtifactInputOptions(pushCmd);
     addContentfulTargetOptions(pushCmd);
     addCompositionOptions(pushCmd);
+    addAllowDeletionsOption(pushCmd);
     pushCmd
         .option('--yes', 'Skip interactive confirmation')
         .option('--verbose', 'Show all entity progress including skipped/unchanged')
@@ -484,7 +480,7 @@ export function registerApplyCommand(program) {
         const isTTY = getInteractiveTerminalSupport().supported;
         if (!isTTY && !opts.yes) {
             process.stderr.write('Error: apply push requires --yes in non-interactive mode\n');
-            await exitWithAnalytics(1);
+            process.exit(1);
         }
         let inputs;
         try {
@@ -492,49 +488,45 @@ export function registerApplyCommand(program) {
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e, opts.verbose)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e, opts.verbose)}`);
             throw e;
         }
         const { components, tokens, client } = inputs;
-        const spaceId = opts.spaceId;
-        const environmentId = opts.environmentId;
-        await bindAnalyticsSessionId(opts.session, {
-            space_key: spaceId,
-            environment_key: environmentId,
-        });
-        await assertNoSlotCycles(components);
+        assertNoSlotCycles(components);
         try {
             await client.validateToken();
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e, opts.verbose)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e, opts.verbose)}`);
             throw e;
         }
         const manifest = buildManifest(components, tokens);
         let preview;
         try {
-            preview = await client.previewImport(manifest);
+            preview = await client.previewImport(manifest, opts.allowDeletions === true);
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e, opts.verbose)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e, opts.verbose)}`);
             throw e;
         }
-        recordContentfulContext(client, spaceId, environmentId);
+        const spaceId = opts.spaceId;
+        const environmentId = opts.environmentId;
         if (opts.dryRun) {
             if (isTTY) {
                 const { waitUntilExit } = render(createElement(ServerPreviewApp, {
                     preview,
                     spaceId,
                     environmentId,
+                    allowDeletions: opts.allowDeletions === true,
                 }));
                 await waitUntilExit();
             }
             else {
                 process.stdout.write(JSON.stringify(buildPreviewOutput(preview, spaceId, environmentId), null, 2) + '\n');
             }
-            await exitWithAnalytics(0);
+            process.exit(0);
         }
         if (isEmptyPreview(preview)) {
             if (isTTY && !opts.yes) {
@@ -543,14 +535,14 @@ export function registerApplyCommand(program) {
             else {
                 process.stdout.write(JSON.stringify(buildPreviewOutput(preview, spaceId, environmentId), null, 2) + '\n');
             }
-            await exitWithAnalytics(0);
+            process.exit(0);
         }
         const breakingWithImpact = hasBreakingChangesWithImpact(preview);
         if (!isTTY || opts.yes) {
             if (breakingWithImpact && !opts.force) {
                 process.stderr.write('Error: breaking changes with downstream impact detected. Use --force to acknowledge.\n');
                 process.stdout.write(JSON.stringify(buildPreviewOutput(preview, spaceId, environmentId), null, 2) + '\n');
-                await exitWithAnalytics(1);
+                process.exit(1);
             }
             const verbose = opts.verbose ?? false;
             if (verbose) {
@@ -558,11 +550,14 @@ export function registerApplyCommand(program) {
             }
             let operation;
             try {
-                operation = await client.applyImport(manifest, breakingWithImpact || opts.force === true);
+                operation = await client.applyImport(manifest, {
+                    acknowledgeBreakingChanges: breakingWithImpact || opts.force === true,
+                    allowDeletions: opts.allowDeletions === true,
+                });
             }
             catch (e) {
                 if (e instanceof ApiError)
-                    return await die(`Error: ${formatApiError(e, opts.verbose)}`, failureFromApiError(e));
+                    die(`Error: ${formatApiError(e, opts.verbose)}`);
                 throw e;
             }
             process.stderr.write(`Apply operation started: ${operation.sys.id}\n`);
@@ -571,18 +566,16 @@ export function registerApplyCommand(program) {
             }
             catch (e) {
                 if (e instanceof ApiError)
-                    return await die(`Error: ${formatApiError(e, opts.verbose)}`, failureFromApiError(e));
+                    die(`Error: ${formatApiError(e, opts.verbose)}`);
                 throw e;
             }
             const summary = buildApplyOutput(operation, spaceId, environmentId, opts.host);
-            recordApplyOutcome(client, spaceId, environmentId, operation);
             process.stdout.write(JSON.stringify(summary, null, 2) + '\n');
-            const exitCode = operation.sys.status === 'succeeded' ? 0 : 1;
-            await exitWithAnalytics(exitCode);
+            process.exit(operation.sys.status === 'succeeded' ? 0 : 1);
             return;
         }
         await new Promise((resolvePromise) => {
-            const runApply = async (acknowledge) => {
+            const runApply = async (acknowledge, applyDeletions) => {
                 instance.rerender(createElement(ServerApplyProgress, {
                     spaceId,
                     environmentId,
@@ -590,7 +583,10 @@ export function registerApplyCommand(program) {
                 }));
                 let operation;
                 try {
-                    operation = await client.applyImport(manifest, acknowledge);
+                    operation = await client.applyImport(manifest, {
+                        acknowledgeBreakingChanges: acknowledge,
+                        allowDeletions: applyDeletions,
+                    });
                 }
                 catch (e) {
                     if (e instanceof ApiError) {
@@ -625,7 +621,6 @@ export function registerApplyCommand(program) {
                     }
                     throw e;
                 }
-                recordApplyOutcome(client, spaceId, environmentId, operation);
                 instance.rerender(createElement(ServerApplyDone, {
                     operation,
                     spaceId,
@@ -639,11 +634,12 @@ export function registerApplyCommand(program) {
                 spaceId,
                 environmentId,
                 breakingWithImpact,
-                onConfirm: (acknowledge) => {
-                    void runApply(acknowledge);
+                allowDeletions: opts.allowDeletions === true,
+                onConfirm: (acknowledge, applyDeletions) => {
+                    void runApply(acknowledge, applyDeletions);
                 },
                 onCancel: () => {
-                    void exitWithAnalytics(0);
+                    process.exit(0);
                 },
             }));
             void instance.waitUntilExit().then(() => resolvePromise());
@@ -654,6 +650,7 @@ export function registerApplyCommand(program) {
     addContentfulTargetOptions(selectCmd);
     addCompositionOptions(selectCmd);
     addSelectionOptions(selectCmd);
+    addAllowDeletionsOption(selectCmd);
     selectCmd.option('--force', 'Skip confirmation for breaking changes').action(async (opts) => {
         const nonInteractive = opts.selectAll || (opts.select ?? []).length > 0 || (opts.deselect ?? []).length > 0;
         if (!nonInteractive) {
@@ -667,46 +664,41 @@ export function registerApplyCommand(program) {
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e)}`);
             throw e;
         }
         const { components, tokens, client } = inputs;
-        await assertNoSlotCycles(components);
+        assertNoSlotCycles(components);
         try {
             await client.validateToken();
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e)}`);
             throw e;
         }
         const fullManifest = buildManifest(components, tokens);
         let preview;
         try {
-            preview = await client.previewImport(fullManifest);
+            preview = await client.previewImport(fullManifest, opts.allowDeletions === true);
         }
         catch (e) {
             if (e instanceof ApiError)
-                return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                die(`Error: ${formatApiError(e)}`);
             throw e;
         }
         const spaceId = opts.spaceId;
         const environmentId = opts.environmentId;
-        await bindAnalyticsSessionId(opts.session, {
-            space_key: spaceId,
-            environment_key: environmentId,
-        });
-        recordContentfulContext(client, spaceId, environmentId);
         const entities = getSelectableEntities(preview);
         if (entities.length === 0) {
             process.stderr.write('Nothing to change — design system is up to date.\n');
-            await exitWithAnalytics(0);
+            process.exit(0);
         }
         if (nonInteractive) {
             const selectedKeys = resolveNonInteractiveSelection(entities, opts);
             if (selectedKeys.size === 0) {
                 process.stderr.write('No entities matched selection criteria.\n');
-                await exitWithAnalytics(0);
+                process.exit(0);
             }
             const selectedComponentKeys = new Set();
             const selectedTokenPaths = new Set();
@@ -722,15 +714,18 @@ export function registerApplyCommand(program) {
             const hasBreaking = entities.some((e) => e.isBreaking && selectedKeys.has(makeSelectKey(e.kind, e.id)));
             if (hasBreaking && !opts.force) {
                 process.stderr.write('Error: selection includes breaking changes. Use --force to acknowledge.\n');
-                await exitWithAnalytics(1);
+                process.exit(1);
             }
             let operation;
             try {
-                operation = await client.applyImport(filteredManifest, hasBreaking || opts.force === true);
+                operation = await client.applyImport(filteredManifest, {
+                    acknowledgeBreakingChanges: hasBreaking || opts.force === true,
+                    allowDeletions: opts.allowDeletions === true,
+                });
             }
             catch (e) {
                 if (e instanceof ApiError)
-                    return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                    die(`Error: ${formatApiError(e)}`);
                 throw e;
             }
             process.stderr.write(`Apply operation started: ${operation.sys.id}\n`);
@@ -739,13 +734,12 @@ export function registerApplyCommand(program) {
             }
             catch (e) {
                 if (e instanceof ApiError)
-                    return await die(`Error: ${formatApiError(e)}`, failureFromApiError(e));
+                    die(`Error: ${formatApiError(e)}`);
                 throw e;
             }
             const summary = buildApplyOutput(operation, spaceId, environmentId, opts.host);
-            recordApplyOutcome(client, spaceId, environmentId, operation);
             process.stdout.write(JSON.stringify(summary, null, 2) + '\n');
-            await exitWithAnalytics(operation.sys.status === 'succeeded' ? 0 : 1);
+            process.exit(operation.sys.status === 'succeeded' ? 0 : 1);
             return;
         }
         await new Promise((resolvePromise) => {
@@ -769,7 +763,10 @@ export function registerApplyCommand(program) {
                 }));
                 let operation;
                 try {
-                    operation = await client.applyImport(filteredManifest, hasBreaking);
+                    operation = await client.applyImport(filteredManifest, {
+                        acknowledgeBreakingChanges: hasBreaking,
+                        allowDeletions: opts.allowDeletions === true,
+                    });
                 }
                 catch (e) {
                     if (e instanceof ApiError) {
@@ -804,7 +801,6 @@ export function registerApplyCommand(program) {
                     }
                     throw e;
                 }
-                recordApplyOutcome(client, spaceId, environmentId, operation);
                 instance.rerender(createElement(ServerApplyDone, {
                     operation,
                     spaceId,

package/dist/src/apply/preview-utils.d.ts

@@ -7,6 +7,10 @@ import type { ServerPreviewResponse } from '@contentful/experience-design-system
  *     would be a pure no-op (INTEG-4411 refined guard).
  *
  * A push that produces ANY entry in ANY bucket — including a rejection that
- * removes a server-side component — is NOT empty.
+ * removes a server-side component — is NOT empty. Note the server hides
+ * removals entirely (empty removed[]) unless the preview was fetched with
+ * allowDeletions: true, so "empty" here also correctly describes a preview
+ * with pending-but-hidden deletions: pushing without --allow-deletions is a
+ * genuine no-op in that case too, since the apply gate hides them the same way.
  */
 export declare function isEmptyPreview(preview: ServerPreviewResponse): boolean;

package/dist/src/apply/preview-utils.js

@@ -6,7 +6,11 @@
  *     would be a pure no-op (INTEG-4411 refined guard).
  *
  * A push that produces ANY entry in ANY bucket — including a rejection that
- * removes a server-side component — is NOT empty.
+ * removes a server-side component — is NOT empty. Note the server hides
+ * removals entirely (empty removed[]) unless the preview was fetched with
+ * allowDeletions: true, so "empty" here also correctly describes a preview
+ * with pending-but-hidden deletions: pushing without --allow-deletions is a
+ * genuine no-op in that case too, since the apply gate hides them the same way.
  */
 export function isEmptyPreview(preview) {
     const { components, tokens, taxonomies } = preview;

package/dist/src/apply/tui/ServerApplyView.d.ts

@@ -5,16 +5,19 @@ interface ServerPreviewConfirmProps {
     spaceId: string;
     environmentId: string;
     breakingWithImpact: boolean;
-    onConfirm: (acknowledge: boolean) => void;
+    /** The value the preview was actually fetched with. */
+    allowDeletions: boolean;
+    onConfirm: (acknowledge: boolean, allowDeletions: boolean) => void;
     onCancel: () => void;
 }
-export declare function ServerPreviewConfirm({ preview, spaceId, environmentId, breakingWithImpact, onConfirm, onCancel, }: ServerPreviewConfirmProps): React.ReactElement;
+export declare function ServerPreviewConfirm({ preview, spaceId, environmentId, breakingWithImpact, allowDeletions: fetchedAllowDeletions, onConfirm, onCancel, }: ServerPreviewConfirmProps): React.ReactElement;
 interface ServerPreviewAppProps {
     preview: ServerPreviewResponse;
     spaceId: string;
     environmentId: string;
+    allowDeletions: boolean;
 }
-export declare function ServerPreviewApp({ preview, spaceId, environmentId }: ServerPreviewAppProps): React.ReactElement;
+export declare function ServerPreviewApp({ preview, spaceId, environmentId, allowDeletions, }: ServerPreviewAppProps): React.ReactElement;
 interface ServerApplyProgressProps {
     spaceId: string;
     environmentId: string;

package/dist/src/apply/tui/ServerApplyView.js

@@ -1,23 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 import { ServerPreviewView } from './ServerPreviewView.js';
 import { buildPostPushUrl } from '../../lib/contentful-urls.js';
 import { formatEdsiError } from '../../lib/error-parser.js';
-export function ServerPreviewConfirm({ preview, spaceId, environmentId, breakingWithImpact, onConfirm, onCancel, }) {
+export function ServerPreviewConfirm({ preview, spaceId, environmentId, breakingWithImpact, allowDeletions: fetchedAllowDeletions, onConfirm, onCancel, }) {
+    const [allowDeletions, setAllowDeletions] = useState(fetchedAllowDeletions);
+    const removedCount = preview.components.removed.length + preview.tokens.removed.length;
     useInput((input, key) => {
-        if (key.return)
-            onConfirm(breakingWithImpact);
+        if (key.return) {
+            onConfirm(breakingWithImpact, allowDeletions);
+            return;
+        }
+        if ((input === 'x' || input === 'X') && fetchedAllowDeletions && removedCount > 0) {
+            setAllowDeletions((prev) => !prev);
+            return;
+        }
         if (key.escape || input === 'q')
             onCancel();
     });
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ServerPreviewView, { preview: preview, spaceId: spaceId, environmentId: environmentId }), _jsxs(Box, { paddingX: 2, flexDirection: "column", children: [breakingWithImpact && (_jsxs(Text, { color: "red", bold: true, children: [' ', "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply."] })), _jsxs(Text, { children: [' ', "Press ", _jsx(Text, { bold: true, children: "Enter" }), " to apply, ", _jsx(Text, { bold: true, children: "Esc" }), " to cancel"] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ServerPreviewView, { preview: preview, spaceId: spaceId, environmentId: environmentId, allowDeletions: allowDeletions }), _jsxs(Box, { paddingX: 2, flexDirection: "column", children: [breakingWithImpact && (_jsxs(Text, { color: "red", bold: true, children: [' ', "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply."] })), allowDeletions && removedCount > 0 && (_jsxs(Text, { color: "red", bold: true, children: [' ', "\u26A0 ", removedCount, " missing ", removedCount === 1 ? 'entity' : 'entities', " will be permanently deleted. Press Enter to confirm."] })), fetchedAllowDeletions && removedCount > 0 && (_jsxs(Text, { dimColor: true, children: [" [x] ", allowDeletions ? '[✓]' : '[ ]', " Allow deletions"] })), _jsxs(Text, { children: [' ', "Press ", _jsx(Text, { bold: true, children: "Enter" }), " to apply, ", _jsx(Text, { bold: true, children: "Esc" }), " to cancel"] })] })] }));
 }
-export function ServerPreviewApp({ preview, spaceId, environmentId }) {
+export function ServerPreviewApp({ preview, spaceId, environmentId, allowDeletions, }) {
     useInput((input, key) => {
         if (key.escape || input === 'q')
             process.exit(0);
     });
-    return _jsx(ServerPreviewView, { preview: preview, spaceId: spaceId, environmentId: environmentId });
+    return (_jsx(ServerPreviewView, { preview: preview, spaceId: spaceId, environmentId: environmentId, allowDeletions: allowDeletions }));
 }
 export function ServerApplyProgress({ spaceId, environmentId, status, operationId, error, }) {
     useInput((_input, key) => {

package/dist/src/apply/tui/ServerPreviewView.d.ts

@@ -4,6 +4,7 @@ interface ServerPreviewViewProps {
     preview: ServerPreviewResponse;
     spaceId: string;
     environmentId: string;
+    allowDeletions: boolean;
 }
-export declare function ServerPreviewView({ preview, spaceId, environmentId }: ServerPreviewViewProps): React.ReactElement;
+export declare function ServerPreviewView({ preview, spaceId, environmentId, allowDeletions, }: ServerPreviewViewProps): React.ReactElement;
 export {};

package/dist/src/apply/tui/ServerPreviewView.js

@@ -13,11 +13,11 @@ function DraftWarning({ hasDraft }) {
         return null;
     return _jsx(Text, { color: "yellow", children: " \u26A1 has pending draft changes" });
 }
-export function ServerPreviewView({ preview, spaceId, environmentId }) {
+export function ServerPreviewView({ preview, spaceId, environmentId, allowDeletions, }) {
     const { components, tokens } = preview;
     const totalComponents = components.new.length + components.changed.length + components.unchanged.length + components.removed.length;
     const totalTokens = tokens.new.length + tokens.changed.length + tokens.unchanged.length + tokens.removed.length;
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsxs(Text, { bold: true, children: ["Preview \u2014 ", environmentId, " @ ", spaceId] }), _jsx(Text, { children: " " }), totalComponents > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [" Component Types (", totalComponents, " total)"] }), _jsxs(Text, { color: "green", children: [" \u2746 ", components.new.length, " to create"] }), _jsxs(Text, { color: "yellow", children: [" ~ ", components.changed.length, " to update"] }), _jsxs(Text, { color: "red", children: [" \u2717 ", components.removed.length, " to remove"] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", components.unchanged.length, " unchanged"] }), components.changed.map((item, i) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "yellow", children: [" ~ ", item.current.name] }), _jsx(DraftWarning, { hasDraft: item.hasPendingDraftChanges })] }), _jsx(BreakingBadge, { item: item })] }, i))), _jsx(Text, { children: " " })] })), totalTokens > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [" Design Tokens (", totalTokens, " total)"] }), _jsxs(Text, { color: "green", children: [" \u2746 ", tokens.new.length, " to create"] }), _jsxs(Text, { color: "yellow", children: [" ~ ", tokens.changed.length, " to update"] }), _jsxs(Text, { color: "red", children: [" \u2717 ", tokens.removed.length, " to remove"] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", tokens.unchanged.length, " unchanged"] }), tokens.changed
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsxs(Text, { bold: true, children: ["Preview \u2014 ", environmentId, " @ ", spaceId] }), _jsx(Text, { children: " " }), totalComponents > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [" Component Types (", totalComponents, " total)"] }), _jsxs(Text, { color: "green", children: [" \u2746 ", components.new.length, " to create"] }), _jsxs(Text, { color: "yellow", children: [" ~ ", components.changed.length, " to update"] }), _jsxs(Text, { color: allowDeletions ? 'red' : 'yellow', children: [' ', allowDeletions ? '✗' : '⊘', " ", components.removed.length, " to ", allowDeletions ? 'delete' : 'skip'] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", components.unchanged.length, " unchanged"] }), components.changed.map((item, i) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "yellow", children: [" ~ ", item.current.name] }), _jsx(DraftWarning, { hasDraft: item.hasPendingDraftChanges })] }), _jsx(BreakingBadge, { item: item })] }, i))), _jsx(Text, { children: " " })] })), totalTokens > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [" Design Tokens (", totalTokens, " total)"] }), _jsxs(Text, { color: "green", children: [" \u2746 ", tokens.new.length, " to create"] }), _jsxs(Text, { color: "yellow", children: [" ~ ", tokens.changed.length, " to update"] }), _jsxs(Text, { color: allowDeletions ? 'red' : 'yellow', children: [' ', allowDeletions ? '✗' : '⊘', " ", tokens.removed.length, " to ", allowDeletions ? 'delete' : 'skip'] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", tokens.unchanged.length, " unchanged"] }), tokens.changed
                         .filter((t) => t.hasPendingDraftChanges)
-                        .map((item, i) => (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "yellow", children: [" ~ ", item.current.name] }), _jsx(DraftWarning, { hasDraft: true })] }, i))), _jsx(Text, { children: " " })] })), _jsx(Text, { dimColor: true, children: " Press Q to exit." })] }));
+                        .map((item, i) => (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "yellow", children: [" ~ ", item.current.name] }), _jsx(DraftWarning, { hasDraft: true })] }, i))), _jsx(Text, { children: " " })] })), !allowDeletions && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: " \u2298 Deletions are hidden by default \u2014 rerun with --allow-deletions to see them." }) })), _jsx(Text, { dimColor: true, children: " Press Q to exit." })] }));
 }