@hubspot/cli 7.9.0-beta.1 → 7.9.0-experimental.0

package/lib/dependencyManagement.js

@@ -6,19 +6,21 @@ import { walk } from '@hubspot/local-dev-lib/fs';
 import { getProjectConfig } from './projects/config.js';
 import { commands } from '../lang/en.js';
 import SpinniesManager from './ui/SpinniesManager.js';
-import { isGloballyInstalled, executeInstall, DEFAULT_PACKAGE_MANAGER, } from './npm.js';
+import { isGloballyInstalled, executeInstall, executeUpdate, DEFAULT_PACKAGE_MANAGER, } from './npm.js';
 class NoPackageJsonFilesError extends Error {
-    constructor(projectName) {
-        super(commands.project.installDeps.noPackageJsonInProject(projectName));
+    constructor(projectName, isUpdate = false) {
+        super(isUpdate
+            ? commands.project.updateDeps.noPackageJsonInProject(projectName)
+            : commands.project.installDeps.noPackageJsonInProject(projectName));
     }
 }
-export async function installPackages({ packages, installLocations, }) {
+export async function installPackages({ packages, installLocations, dev = false, }) {
     const installDirs = installLocations || (await getProjectPackageJsonLocations());
     await Promise.all(installDirs.map(async (dir) => {
-        await installPackagesInDirectory(dir, packages);
+        await installPackagesInDirectory(dir, packages, dev);
     }));
 }
-async function installPackagesInDirectory(directory, packages) {
+async function installPackagesInDirectory(directory, packages, dev = false) {
     const spinner = `installingDependencies-${directory}`;
     const relativeDir = path.relative(process.cwd(), directory);
     SpinniesManager.init();
@@ -28,7 +30,8 @@ async function installPackagesInDirectory(directory, packages) {
             : commands.project.installDeps.installingDependencies(relativeDir),
     });
     try {
-        await executeInstall(packages, null, { cwd: directory });
+        const flags = dev && packages && packages.length > 0 ? '--save-dev' : null;
+        await executeInstall(packages, flags, { cwd: directory });
         SpinniesManager.succeed(spinner, {
             text: commands.project.installDeps.installationSuccessful(relativeDir),
         });
@@ -42,26 +45,60 @@ async function installPackagesInDirectory(directory, packages) {
         });
     }
 }
-export async function getProjectPackageJsonLocations(dir) {
+export async function updatePackages({ packages, installLocations, }) {
+    const installDirs = installLocations || (await getProjectPackageJsonLocations(undefined, true));
+    await Promise.all(installDirs.map(async (dir) => {
+        await updatePackagesInDirectory(dir, packages);
+    }));
+}
+async function updatePackagesInDirectory(directory, packages) {
+    const spinner = `updatingDependencies-${directory}`;
+    const relativeDir = path.relative(process.cwd(), directory);
+    SpinniesManager.init();
+    SpinniesManager.add(spinner, {
+        text: packages && packages.length
+            ? commands.project.updateDeps.updatingDependenciesToLocation(`[${packages.join(', ')}]`, relativeDir)
+            : commands.project.updateDeps.updatingDependencies(relativeDir),
+    });
+    try {
+        await executeUpdate(packages, null, { cwd: directory });
+        SpinniesManager.succeed(spinner, {
+            text: commands.project.updateDeps.updateSuccessful(relativeDir),
+        });
+    }
+    catch (e) {
+        SpinniesManager.fail(spinner, {
+            text: commands.project.updateDeps.updatingDependenciesFailed(relativeDir),
+        });
+        throw new Error(commands.project.updateDeps.updatingDependenciesFailed(relativeDir), {
+            cause: e,
+        });
+    }
+}
+export async function getProjectPackageJsonLocations(dir, isUpdate = false) {
     const projectConfig = await getProjectConfig(dir);
     if (!projectConfig ||
         !projectConfig.projectDir ||
         !projectConfig.projectConfig) {
-        throw new Error(commands.project.installDeps.noProjectConfig);
+        throw new Error(isUpdate
+            ? commands.project.updateDeps.noProjectConfig
+            : commands.project.installDeps.noProjectConfig);
     }
     const { projectDir, projectConfig: { srcDir, name }, } = projectConfig;
     if (!(await isGloballyInstalled(DEFAULT_PACKAGE_MANAGER))) {
-        throw new Error(commands.project.installDeps.packageManagerNotInstalled(DEFAULT_PACKAGE_MANAGER));
+        throw new Error(isUpdate
+            ? commands.project.updateDeps.packageManagerNotInstalled(DEFAULT_PACKAGE_MANAGER)
+            : commands.project.installDeps.packageManagerNotInstalled(DEFAULT_PACKAGE_MANAGER));
     }
     if (!fs.existsSync(projectConfig.projectDir) ||
         !fs.existsSync(path.join(projectDir, srcDir))) {
-        throw new NoPackageJsonFilesError(name);
+        throw new NoPackageJsonFilesError(name, isUpdate);
     }
     const packageJsonFiles = (await walk(path.join(projectDir, srcDir))).filter(file => file.includes('package.json') &&
         !file.includes('node_modules') &&
         !file.includes('.vite'));
     if (packageJsonFiles.length === 0) {
-        throw new NoPackageJsonFilesError(name);
+        throw new NoPackageJsonFilesError(name, isUpdate);
     }
     const packageParentDirs = [];
     packageJsonFiles.forEach(packageJsonFile => {
@@ -70,6 +107,32 @@ export async function getProjectPackageJsonLocations(dir) {
     });
     return packageParentDirs;
 }
+function isPackageInPackageJson(directory, packageName) {
+    const packageJsonPath = path.join(directory, 'package.json');
+    try {
+        const packageJsonContent = fs.readFileSync(packageJsonPath, 'utf-8');
+        const packageJson = JSON.parse(packageJsonContent);
+        return !!((packageJson.dependencies && packageJson.dependencies[packageName]) ||
+            (packageJson.devDependencies && packageJson.devDependencies[packageName]));
+    }
+    catch (error) {
+        return false;
+    }
+}
+function isPackageInNodeModules(directory, packageName) {
+    const packagePath = path.join(directory, 'node_modules', packageName);
+    try {
+        return fs.existsSync(packagePath);
+    }
+    catch (error) {
+        return false;
+    }
+}
+export function isPackageInstalled(directory, packageName) {
+    const inPackageJson = isPackageInPackageJson(directory, packageName);
+    const actuallyInstalled = isPackageInNodeModules(directory, packageName);
+    return inPackageJson && actuallyInstalled;
+}
 export async function hasMissingPackages(directory) {
     const exec = util.promisify(execAsync);
     const { stdout } = await exec(`npm install --ignore-scripts --dry-run`, {

package/lib/doctor/DiagnosticInfoBuilder.js

@@ -1,7 +1,7 @@
 import { getProjectConfig } from '../projects/config.js';
 import { fetchProject } from '@hubspot/local-dev-lib/api/projects';
 import path from 'path';
-import pkg from '../../package.json' with { type: 'json' };
+import { pkg } from '../jsonLoader.js';
 import { uiLogger } from '../ui/logger.js';
 import { getAccountId, getDefaultAccountOverrideFilePath, isConfigFlagEnabled, } from '@hubspot/local-dev-lib/config';
 import { getAccountConfig, getConfigPath } from '@hubspot/local-dev-lib/config';

package/lib/doctor/Doctor.js

@@ -13,7 +13,7 @@ import { PORT_MANAGER_SERVER_PORT } from '@hubspot/local-dev-lib/constants/ports
 import { accessTokenForPersonalAccessKey, authorizedScopesForPortalAndUser, scopesOnAccessToken, } from '@hubspot/local-dev-lib/personalAccessKey';
 import { isSpecifiedError } from '@hubspot/local-dev-lib/errors/index';
 import { getHubSpotWebsiteOrigin } from '@hubspot/local-dev-lib/urls';
-import pkg from '../../package.json' with { type: 'json' };
+import { pkg } from '../jsonLoader.js';
 import { lib } from '../../lang/en.js';
 import { uiLink } from '../ui/index.js';
 const minMajorNodeVersion = 18;

package/lib/doctor/__tests__/DiagnosticInfoBuilder.test.js

@@ -6,11 +6,13 @@ vi.mock('@hubspot/local-dev-lib/personalAccessKey');
 vi.mock('../../projects/config');
 vi.mock('@hubspot/local-dev-lib/api/projects');
 vi.mock('util');
-vi.mock('../../../package.json', () => {
+vi.mock('../../jsonLoader.js', () => {
     return {
-        default: {
+        pkg: {
+            name: '@hubspot/cli',
             version: '1.0.0',
         },
+        loadJson: vi.fn(),
     };
 });
 import { DiagnosticInfoBuilder, } from '../DiagnosticInfoBuilder.js';

package/lib/doctor/__tests__/Doctor.test.js

@@ -359,7 +359,7 @@ describe('lib/doctor/Doctor', () => {
                 expect(doctor.diagnosis?.addProjectSection).toHaveBeenCalledWith({
                     type: 'warning',
                     message: 'Port 8080 is in use',
-                    secondaryMessaging: expect.stringMatching(/Make sure it is available before running `hs project dev`/),
+                    secondaryMessaging: expect.stringMatching(/Make sure it is available before running/),
                 });
             });
             it('should add success section if port is available', async () => {

package/lib/jsonLoader.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Generic JSON loader that works in both test (lib/) and production (dist/lib/) environments.
+ * Automatically resolves paths relative to the caller's location.
+ *
+ * @param importMetaUrl - Pass import.meta.url from the calling file
+ * @param relativePath - Path to JSON file relative to the caller (e.g., '../package.json', './fixtures/data.json')
+ * @returns The loaded JSON object
+ */
+export declare function loadJson<T = unknown>(importMetaUrl: string, relativePath: string): T;
+export declare const pkg: {
+    [key: string]: unknown;
+    name: string;
+    version: string;
+};

package/lib/jsonLoader.js

@@ -0,0 +1,60 @@
+// NOTE: Can be switched back to standard import with min node version 23
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+import { existsSync } from 'fs';
+import path from 'path';
+/**
+ * Generic JSON loader that works in both test (lib/) and production (dist/lib/) environments.
+ * Automatically resolves paths relative to the caller's location.
+ *
+ * @param importMetaUrl - Pass import.meta.url from the calling file
+ * @param relativePath - Path to JSON file relative to the caller (e.g., '../package.json', './fixtures/data.json')
+ * @returns The loaded JSON object
+ */
+export function loadJson(importMetaUrl, relativePath) {
+    const callerDir = path.dirname(fileURLToPath(importMetaUrl));
+    const resolvedPath = path.resolve(callerDir, relativePath);
+    // If the resolved path exists, use it directly
+    if (existsSync(resolvedPath)) {
+        return createRequire(importMetaUrl)(resolvedPath);
+    }
+    // If not found, try adjusting for dist/ directory
+    // This handles the case where we're in dist/lib/ but the JSON is at project root
+    const pathParts = resolvedPath.split(path.sep);
+    const distIndex = pathParts.indexOf('dist');
+    if (distIndex !== -1) {
+        // Remove 'dist' from the path and try again
+        pathParts.splice(distIndex, 1);
+        const adjustedPath = pathParts.join(path.sep);
+        if (existsSync(adjustedPath)) {
+            return createRequire(importMetaUrl)(adjustedPath);
+        }
+    }
+    throw new Error(`JSON file not found: ${relativePath} (resolved to ${resolvedPath})`);
+}
+/**
+ * Helper to find package.json by walking up the directory tree.
+ * Works regardless of whether we're in lib/ or dist/lib/.
+ */
+function findPackageJsonPath(startDir) {
+    let currentDir = startDir;
+    while (true) {
+        const pkgPath = path.join(currentDir, 'package.json');
+        if (existsSync(pkgPath)) {
+            return pkgPath;
+        }
+        const parentDir = path.dirname(currentDir);
+        if (parentDir === currentDir) {
+            // Reached root without finding package.json (e.g., in test environments)
+            return null;
+        }
+        currentDir = parentDir;
+    }
+}
+// Load package.json once when this module is imported for convenience
+// In test environments where this can't be found, tests should mock this module
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const pkgPath = findPackageJsonPath(__dirname);
+export const pkg = pkgPath
+    ? createRequire(import.meta.url)(pkgPath)
+    : { name: 'unknown', version: 'unknown' };

package/lib/middleware/__test__/requestMiddleware.test.js

@@ -1,6 +1,6 @@
 import { addUserAgentHeader } from '@hubspot/local-dev-lib/http';
 import { setRequestHeaders } from '../requestMiddleware.js';
-import pkg from '../../../package.json' with { type: 'json' };
+import { pkg } from '../../jsonLoader.js';
 vi.mock('@hubspot/local-dev-lib/http', () => ({
     addUserAgentHeader: vi.fn(),
 }));

package/lib/middleware/autoUpdateMiddleware.js

@@ -1,6 +1,6 @@
 import updateNotifier from 'update-notifier';
 import { isConfigFlagEnabled } from '@hubspot/local-dev-lib/config';
-import pkg from '../../package.json' with { type: 'json' };
+import { pkg } from '../jsonLoader.js';
 import { UI_COLORS } from '../ui/index.js';
 import SpinniesManager from '../ui/SpinniesManager.js';
 import { lib } from '../../lang/en.js';

package/lib/middleware/commandTargetingUtils.js

@@ -35,6 +35,7 @@ export function shouldLoadConfigForCommand(commandParts) {
 }
 const SKIP_CONFIG_VALIDATION_COMMANDS = {
     auth: true,
+    account: { auth: true },
     mcp: {
         setup: true,
         start: true,

package/lib/middleware/fireAlarmMiddleware.js

@@ -1,7 +1,7 @@
 import chalk from 'chalk';
 import { fetchFireAlarms } from '@hubspot/local-dev-lib/api/fireAlarm';
 import { debugError } from '../errorHandlers/index.js';
-import pkg from '../../package.json' with { type: 'json' };
+import { pkg } from '../jsonLoader.js';
 import { logInBox } from '../ui/boxen.js';
 import { renderInline } from '../../ui/index.js';
 import { getWarningBox } from '../../ui/components/StatusMessageBoxes.js';

package/lib/middleware/notificationsMiddleware.js

@@ -1,5 +1,5 @@
 import updateNotifier from 'update-notifier';
-import pkg from '../../package.json' with { type: 'json' };
+import { pkg } from '../jsonLoader.js';
 import { UI_COLORS } from '../ui/index.js';
 import { lib } from '../../lang/en.js';
 const notifier = updateNotifier({

package/lib/middleware/requestMiddleware.js

@@ -1,5 +1,5 @@
 import { addUserAgentHeader } from '@hubspot/local-dev-lib/http';
-import pkg from '../../package.json' with { type: 'json' };
+import { pkg } from '../jsonLoader.js';
 export function setRequestHeaders() {
     addUserAgentHeader('HubSpot CLI', pkg.version);
 }

package/lib/npm.d.ts

@@ -7,3 +7,6 @@ export declare function getLatestCliVersion(): Promise<{
 export declare function executeInstall(packages?: string[], flags?: string | null, options?: {
     cwd?: string;
 }): Promise<void>;
+export declare function executeUpdate(packages?: string[], flags?: string | null, options?: {
+    cwd?: string;
+}): Promise<void>;

package/lib/npm.js

@@ -1,7 +1,7 @@
 import { exec as execAsync } from 'node:child_process';
 import util from 'util';
 import { uiLogger } from './ui/logger.js';
-import pkg from '../package.json' with { type: 'json' };
+import { pkg } from './jsonLoader.js';
 export const DEFAULT_PACKAGE_MANAGER = 'npm';
 export async function isGloballyInstalled(packageName) {
     const exec = util.promisify(execAsync);
@@ -25,3 +25,9 @@ export async function executeInstall(packages = [], flags, options) {
     const exec = util.promisify(execAsync);
     await exec(installCommand, options);
 }
+export async function executeUpdate(packages = [], flags, options) {
+    const updateCommand = `${DEFAULT_PACKAGE_MANAGER} update${flags ? ` ${flags}` : ''} ${packages.join(' ')}`;
+    uiLogger.debug('Running', updateCommand);
+    const exec = util.promisify(execAsync);
+    await exec(updateCommand, options);
+}

package/lib/projects/__tests__/AppDevModeInterface.test.js

@@ -21,6 +21,7 @@ import { confirmPrompt } from '../../prompts/promptUtils.js';
 import { getOauthAppInstallUrl, getStaticAuthAppInstallUrl, } from '../../app/urls.js';
 import { isDeveloperTestAccount, isSandbox } from '../../accountTypes.js';
 import { logError } from '../../errorHandlers/index.js';
+import { isServerRunningAtUrl } from '../../http.js';
 import { APP_AUTH_TYPES, APP_DISTRIBUTION_TYPES, APP_INSTALLATION_STATES, LOCAL_DEV_SERVER_MESSAGE_TYPES, } from '../../constants.js';
 import { ENVIRONMENTS } from '@hubspot/local-dev-lib/constants/environments';
 vi.mock('@hubspot/local-dev-lib/api/localDevAuth');
@@ -36,6 +37,7 @@ vi.mock('../../errorHandlers/index');
 vi.mock('../localDev/LocalDevState');
 vi.mock('../localDev/LocalDevLogger');
 vi.mock('../../ui/SpinniesManager');
+vi.mock('../../http');
 describe('AppDevModeInterface', () => {
     let appDevModeInterface;
     let mockLocalDevState;
@@ -139,6 +141,7 @@ describe('AppDevModeInterface', () => {
         });
         confirmPrompt.mockResolvedValue(true);
         installStaticAuthAppOnTestAccount.mockResolvedValue(undefined);
+        isServerRunningAtUrl.mockResolvedValue(true);
         // Mock process.exit
         vi.spyOn(global.process, 'exit').mockImplementation((code) => {
             throw new Error(`Process.exit called with code ${code}`);

package/lib/projects/__tests__/platformVersion.test.js

@@ -8,10 +8,14 @@ describe('platformVersion', () => {
             expect(isV2Project('2025.2')).toBe(true);
         });
         it('returns true if platform version is greater than the minimum', () => {
-            expect(isV2Project('2026.2')).toBe(true);
+            expect(isV2Project('2025.3')).toBe(true);
+            expect(isV2Project('2026.03')).toBe(true);
+            expect(isV2Project('2026.03-beta')).toBe(true);
         });
         it('returns false if platform version is less than the minimum', () => {
             expect(isV2Project('2025.0')).toBe(false);
+            expect(isV2Project('2025.01')).toBe(false);
+            expect(isV2Project('2025.01-beta')).toBe(false);
         });
         it('returns false if platform version is invalid', () => {
             expect(isV2Project(null)).toBe(false);

package/lib/projects/create/__tests__/v2.test.js

@@ -37,12 +37,12 @@ describe('lib/projects/create/v2', () => {
         };
         it('returns enabled components when they meet all requirements', async () => {
             const choices = await calculateComponentTemplateChoices(mockComponents, 'oauth', 'private', 123, mockProjectMetadataForChoices);
-            expect(choices).toHaveLength(4); // includes separator
+            expect(choices).toHaveLength(2);
             expect(choices[0]).toEqual({
                 name: 'Module Component [module]',
                 value: mockComponents[0],
             });
-            expect(choices[2]).toEqual({
+            expect(choices[1]).toEqual({
                 name: expect.stringContaining('Card Component'),
                 value: mockComponents[1],
                 disabled: expect.stringContaining('maximum'),
@@ -50,20 +50,20 @@ describe('lib/projects/create/v2', () => {
         });
         it('disables components when auth type is not supported', async () => {
             const choices = await calculateComponentTemplateChoices(mockComponents, 'privatekey', 'private', 123, mockProjectMetadataForChoices);
-            // All components should be disabled, so they come after the separator
-            expect(choices[1]).toEqual({
+            // All components should be disabled
+            expect(choices[0]).toEqual({
                 name: expect.stringContaining('Module Component'),
                 value: mockComponents[0],
-                disabled: expect.stringContaining('privatekey'),
+                disabled: expect.stringContaining('oauth'),
             });
         });
         it('disables components when distribution is not supported', async () => {
             const choices = await calculateComponentTemplateChoices(mockComponents, 'oauth', 'enterprise', 123, mockProjectMetadataForChoices);
-            // All components should be disabled, so they come after the separator
-            expect(choices[1]).toEqual({
+            // All components should be disabled
+            expect(choices[0]).toEqual({
                 name: expect.stringContaining('Module Component'),
                 value: mockComponents[0],
-                disabled: expect.stringContaining('enterprise'),
+                disabled: expect.stringContaining('private'),
             });
         });
         it('handles components without auth type or distribution restrictions', async () => {
@@ -125,8 +125,8 @@ describe('lib/projects/create/v2', () => {
                 },
             };
             const choices = await calculateComponentTemplateChoices(componentWithCliSelector, 'oauth', 'private', 123, projectMetadataAtMaxWorkflowAction);
-            expect(choices).toHaveLength(3); // includes separators
-            expect(choices[1]).toEqual({
+            expect(choices).toHaveLength(1);
+            expect(choices[0]).toEqual({
                 name: expect.stringContaining('Workflow Action Tool'),
                 value: componentWithCliSelector[0],
                 disabled: expect.stringContaining('maximum'),
@@ -183,12 +183,18 @@ describe('lib/projects/create/v2', () => {
                     supportedDistributions: ['private'],
                 },
             ];
-            const choices = await calculateComponentTemplateChoices(gatedComponent, 'oauth', 'private', 123, mockProjectMetadataForChoices);
-            expect(choices).toHaveLength(3); // includes separators
-            expect(choices[1]).toEqual({
+            const projectMetadataWithWorkflowAction = {
+                hsMetaFiles: [],
+                components: {
+                    'workflow-action': { count: 0, maxCount: 3, hsMetaFiles: [] },
+                },
+            };
+            const choices = await calculateComponentTemplateChoices(gatedComponent, 'oauth', 'private', 123, projectMetadataWithWorkflowAction);
+            expect(choices).toHaveLength(1);
+            expect(choices[0]).toEqual({
                 name: expect.stringContaining('Workflow Action Tool'),
                 value: gatedComponent[0],
-                disabled: expect.stringContaining('does not have access to this feature'),
+                disabled: expect.stringContaining("doesn't have access to this feature"),
             });
             expect(mockHasFeature).toHaveBeenCalledWith(123, expect.any(String));
         });

package/lib/projects/create/v2.js

@@ -1,8 +1,6 @@
-import { Separator } from '@inquirer/prompts';
 import { marketplaceDistribution, oAuth, privateDistribution, staticAuth, EMPTY_PROJECT, PROJECT_WITH_APP, FEATURES, } from '../../constants.js';
 import { commands, lib } from '../../../lang/en.js';
 import { listPrompt } from '../../prompts/promptUtils.js';
-import chalk from 'chalk';
 import { isV2Project } from '../platformVersion.js';
 import path from 'path';
 import { getConfigForPlatformVersion } from './legacy.js';
@@ -75,25 +73,27 @@ export async function calculateComponentTemplateChoices(components, authType, di
         if (Array.isArray(supportedAuthTypes) &&
             authType &&
             !supportedAuthTypes.includes(authType.toLowerCase())) {
-            disabledReasons.push(commands.project.add.error.authTypeNotAllowed(authType));
+            const supportedAuthTypesString = supportedAuthTypes.join(', ');
+            disabledReasons.push(commands.project.add.error.authTypeNotAllowed(supportedAuthTypesString));
         }
         if (Array.isArray(supportedDistributions) &&
             distribution &&
             !supportedDistributions.includes(distribution.toLowerCase())) {
-            disabledReasons.push(commands.project.add.error.distributionNotAllowed(distribution));
+            const supportedDistributionsString = supportedDistributions.join(', ');
+            disabledReasons.push(commands.project.add.error.distributionNotAllowed(supportedDistributionsString));
         }
         const templateGate = componentTypeToGateMap[template.cliSelector || template.type];
         if (templateGate) {
             const isUngated = await hasFeature(accountId, templateGate);
             if (!isUngated) {
-                disabledReasons.unshift(commands.project.add.error.portalDoesNotHaveAccessToThisFeature(accountId));
+                disabledReasons.unshift(commands.project.add.error.portalDoesNotHaveAccessToThisFeature());
             }
         }
         if (disabledReasons.length > 0) {
             disabledComponents.push({
-                name: `[${chalk.yellow('DISABLED')}] ${template.label} -`,
+                name: `${template.label} [${template.cliSelector || template.type}]`,
                 value: template,
-                disabled: disabledReasons.join(' '),
+                disabled: `– ${disabledReasons.join(' ')}`,
             });
         }
         else {
@@ -104,12 +104,7 @@ export async function calculateComponentTemplateChoices(components, authType, di
         }
     }
     return disabledComponents.length
-        ? [
-            ...enabledComponents,
-            new Separator(),
-            ...disabledComponents,
-            new Separator(),
-        ]
+        ? [...enabledComponents, ...disabledComponents]
         : [...enabledComponents];
 }
 export async function v2ComponentFlow(platformVersion, projectBase, providedAuth, providedDistribution, accountId) {

package/lib/projects/localDev/LocalDevLogger.js

@@ -1,7 +1,7 @@
 import { getAccountId, hasLocalStateFlag } from '@hubspot/local-dev-lib/config';
 import { getConfigDefaultAccount } from '@hubspot/local-dev-lib/config';
 import { uiLogger } from '../../ui/logger.js';
-import { uiBetaTag, uiLine, uiAccountDescription, uiCommandReference, } from '../../ui/index.js';
+import { uiLine, uiAccountDescription, uiCommandReference, } from '../../ui/index.js';
 import { lib } from '../../../lang/en.js';
 import SpinniesManager from '../../ui/SpinniesManager.js';
 import { logError } from '../../errorHandlers/index.js';
@@ -75,7 +75,7 @@ class LocalDevLogger {
         if (!this.state.debug) {
             console.clear();
         }
-        uiBetaTag(lib.LocalDevManager.betaMessage);
+        uiLogger.log(lib.LocalDevManager.headerMessage);
         uiLogger.log(lib.LocalDevManager.learnMoreLocalDevServer);
         uiLogger.log('');
         uiLogger.log(lib.LocalDevManager.running(this.state.projectConfig.name, uiAccountDescription(this.state.targetProjectAccountId)));

package/lib/projects/localDev/LocalDevManager_DEPRECATED.js

@@ -11,7 +11,7 @@ import { EXIT_CODES } from '../../enums/exitCodes.js';
 import { getAccountHomeUrl } from '../urls.js';
 import { componentIsApp, componentIsPublicApp, CONFIG_FILES, getAppCardConfigs, getComponentUid, } from '../structure.js';
 import { ComponentTypes, } from '../../../types/Projects.js';
-import { UI_COLORS, uiCommandReference, uiAccountDescription, uiBetaTag, uiLink, uiLine, } from '../../ui/index.js';
+import { UI_COLORS, uiCommandReference, uiAccountDescription, uiLink, uiLine, } from '../../ui/index.js';
 import { logError } from '../../errorHandlers/index.js';
 import { installAppBrowserPrompt } from '../../prompts/installAppPrompt.js';
 import { confirmPrompt } from '../../prompts/promptUtils.js';
@@ -131,8 +131,8 @@ class LocalDevManager {
         else if (!this.debug) {
             console.clear();
         }
-        uiBetaTag(lib.LocalDevManager.betaMessage);
-        uiLogger.log(uiLink(lib.LocalDevManager.learnMoreLocalDevServer, 'https://developers.hubspot.com/docs/platform/project-cli-commands#start-a-local-development-server'));
+        uiLogger.log(lib.LocalDevManager.headerMessage);
+        uiLogger.log(uiLink(lib.LocalDevManager.learnMoreLocalDevServer, 'https://developers.hubspot.com/docs/developer-tooling/local-development/hubspot-cli/project-commands'));
         uiLogger.log('');
         uiLogger.log(chalk.hex(UI_COLORS.SORBET)(lib.LocalDevManager.running(this.projectConfig.name, uiAccountDescription(this.targetAccountId))));
         uiLogger.log(lib.LocalDevManager.viewProjectLink(this.projectConfig.name, this.targetProjectAccountId));

package/lib/projects/localDev/LocalDevWebsocketServer.js

@@ -6,7 +6,7 @@ import { LOCAL_DEV_UI_MESSAGE_SEND_TYPES, LOCAL_DEV_SERVER_MESSAGE_TYPES, CONFIG
 import { lib } from '../../../lang/en.js';
 import { removeAnsiCodes } from '../../ui/removeAnsiCodes.js';
 import { isDeployWebsocketMessage, isViewedWelcomeScreenWebsocketMessage, isUploadWebsocketMessage, isAppInstallFailureWebsocketMessage, isAppInstallSuccessWebsocketMessage, isAppInstallInitiatedWebsocketMessage, } from './localDevWebsocketServerUtils.js';
-import pkg from '../../../package.json' with { type: 'json' };
+import { pkg } from '../../jsonLoader.js';
 const LOCAL_DEV_WEBSOCKET_SERVER_VERSION = 2;
 const LOG_PREFIX = '[LocalDevWebsocketServer]';
 const DOMAINS = ['hubspot.com', 'hubspotqa.com'];

package/lib/projects/platformVersion.js

@@ -5,6 +5,6 @@ export function isV2Project(platformVersion) {
     if (platformVersion.toLowerCase() === 'unstable') {
         return true;
     }
-    const [year, minor] = platformVersion.split('.');
+    const [year, minor] = platformVersion.split(/[.-]/);
     return Number(year) >= 2025 && Number(minor) >= 2;
 }

package/lib/prompts/promptUtils.d.ts

@@ -6,6 +6,14 @@ export declare const PROMPT_THEME: {
         idle: string;
     };
 };
+export declare const CHECKBOX_PROMPT_THEME: {
+    prefix: {
+        idle: string;
+    };
+    style: {
+        disabledChoice: (text: string) => string;
+    };
+};
 export declare function promptUser<T extends GenericPromptResponse>(config: PromptConfig<T> | PromptConfig<T>[]): Promise<T>;
 export declare function confirmPrompt(message: string, options?: {
     defaultAnswer?: boolean;

package/lib/prompts/promptUtils.js

@@ -5,6 +5,12 @@ import { lib } from '../../lang/en.js';
 import { uiLogger } from '../ui/logger.js';
 export const Separator = new _Separator();
 export const PROMPT_THEME = { prefix: { idle: chalk.green('?') } };
+export const CHECKBOX_PROMPT_THEME = {
+    prefix: { idle: chalk.green('?') },
+    style: {
+        disabledChoice: (text) => chalk.dim(` ◯ ${text}`),
+    },
+};
 function isUserCancellationError(error) {
     return error instanceof Error && error.name === 'ExitPromptError';
 }
@@ -147,7 +153,7 @@ function handleCheckboxPrompt(config) {
         pageSize: config.pageSize,
         validate: config.validate,
         loop: config.loop,
-        theme: PROMPT_THEME,
+        theme: CHECKBOX_PROMPT_THEME,
         shortcuts: {
             invert: null,
         },

package/lib/prompts/selectProjectTemplatePrompt.js

@@ -1,6 +1,7 @@
 import { Separator } from '@inquirer/prompts';
 import { promptUser } from './promptUtils.js';
 import { lib } from '../../lang/en.js';
+import { uiLogger } from '../ui/logger.js';
 function findTemplateByNameOrLabel(projectTemplates, templateNameOrLabel) {
     return projectTemplates.find(t => t.name === templateNameOrLabel || t.label === templateNameOrLabel);
 }
@@ -55,6 +56,9 @@ export async function selectProjectTemplatePrompt(promptOptions, projectTemplate
             pageSize: componentTemplates?.length,
         },
     ]);
+    if (result.componentTemplates?.length === 0) {
+        uiLogger.log(lib.projects.add.nothingAdded);
+    }
     if (!result.componentTemplates) {
         result.componentTemplates = selectedComponents;
     }