Expand @proofkit/new init parity (#163)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

* **New Features**
  * Unified, searchable CLI prompts with keyword search, clearer "no matches" messages, and improved cancellation handling for smoother interactive flows
  * New "new" project scaffolder (proofkit-new): guided init from templates, package-manager-aware steps, automated post-create next-steps and optional install/codegen/git
  * FileMaker integration in init: hosted or local setup, API key and layout/schema selection, and optional automated bootstrap into the new project
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: eluce2

packages/cli/package.json

@@ -57,6 +57,7 @@
     "@better-fetch/fetch": "1.1.17",
     "@clack/core": "^0.3.5",
     "@clack/prompts": "^0.11.0",
+    "@inquirer/prompts": "^8.3.2",
     "@proofkit/fmdapi": "workspace:*",
     "@proofkit/typegen": "workspace:*",
     "@types/glob": "^8.1.0",

packages/cli/src/cli/add/auth.ts

@@ -1,7 +1,7 @@
-import { cancel, select } from "@clack/prompts";
 import chalk from "chalk";
 import { Command } from "commander";
 import { z } from "zod/v4";
+import { cancel, select } from "~/cli/prompts.js";
 
 import { addAuth } from "~/generators/auth.js";
 import { ciOption, debugOption, nonInteractiveOption } from "~/globalOptions.js";

packages/cli/src/cli/add/data-source/deploy-demo-file.ts

@@ -1,6 +1,5 @@
-import * as p from "@clack/prompts";
-
 import { createDataAPIKeyWithCredentials, getDeploymentStatus, startDeployment } from "~/cli/ottofms.js";
+import * as p from "~/cli/prompts.js";
 
 export const filename = "ProofKitDemo.fmp12";
 

packages/cli/src/cli/add/data-source/filemaker.ts

@@ -1,9 +1,8 @@
-import * as p from "@clack/prompts";
 import chalk from "chalk";
 import { SemVer } from "semver";
 import type { z } from "zod/v4";
-
 import { createDataAPIKey, getOttoFMSToken, listAPIKeys, listFiles } from "~/cli/ottofms.js";
+import * as p from "~/cli/prompts.js";
 import { abortIfCancel } from "~/cli/utils.js";
 import { addLayout, addToFmschemaConfig, ensureWebviewerFmHttpConfig } from "~/generators/fmdapi.js";
 import { getFmHttpStatus } from "~/helpers/fmHttp.js";
@@ -151,20 +150,23 @@ export async function promptForFileMakerDataSource({
     fmFile =
       opts.fileName ||
       abortIfCancel(
-        await p.select({
+        await p.searchSelect({
           message: `Which file would you like to connect to? ${chalk.dim("(TIP: Select the file where your data is stored)")}`,
-          maxItems: 10,
+          emptyMessage: "No matching files found.",
           options: [
             {
               value: "$deployDemoFile",
               label: "Deploy NEW ProofKit Demo File",
               hint: "Use OttoFMS to deploy a new file for testing",
+              keywords: ["demo", "proofkit"],
             },
             ...fileList
               .sort((a, b) => a.filename.localeCompare(b.filename))
               .map((file) => ({
                 value: file.filename,
                 label: file.filename,
+                hint: file.status,
+                keywords: [file.filename],
               })),
           ],
         }),
@@ -178,8 +180,6 @@ export async function promptForFileMakerDataSource({
       const replace = abortIfCancel(
         await p.confirm({
           message: "The demo file already exists, do you want to replace it with a fresh copy?",
-          active: "Yes, replace",
-          inactive: "No, select another file",
           initialValue: false,
         }),
       );
@@ -212,18 +212,21 @@ export async function promptForFileMakerDataSource({
 
     if (!dataApiKey && thisFileApiKeys.length > 0) {
       const selectedKey = abortIfCancel(
-        await p.select({
+        await p.searchSelect({
           message: `Which OttoFMS Data API key would you like to use? ${chalk.dim(`(This determines the access that you'll have to the data in this file)`)}`,
+          emptyMessage: "No matching API keys found.",
           options: [
             ...thisFileApiKeys.map((key) => ({
               value: key.key,
               label: `${chalk.bold(key.label)} - ${key.user}`,
               hint: `${key.key.slice(0, 5)}...${key.key.slice(-4)}`,
+              keywords: [key.label, key.user, key.database],
             })),
             {
               value: "create",
               label: "Create a new API key",
               hint: "Requires FileMaker credentials for this file",
+              keywords: ["create", "new"],
             },
           ],
         }),

packages/cli/src/cli/add/data-source/index.ts

@@ -1,6 +1,6 @@
-import * as p from "@clack/prompts";
 import { Command } from "commander";
 import { z } from "zod/v4";
+import * as p from "~/cli/prompts.js";
 
 import { ensureProofKitProject } from "~/cli/utils.js";
 import { ciOption, nonInteractiveOption } from "~/globalOptions.js";

packages/cli/src/cli/add/fmschema.ts

@@ -1,11 +1,11 @@
 import path from "node:path";
-import * as p from "@clack/prompts";
 import type { OttoAPIKey } from "@proofkit/fmdapi";
 import type { ValueListsOptions } from "@proofkit/typegen/config";
 import chalk from "chalk";
 import { Command } from "commander";
 import dotenv from "dotenv";
 import { z } from "zod/v4";
+import * as p from "~/cli/prompts.js";
 import { addLayout, getExistingSchemas } from "~/generators/fmdapi.js";
 import { state } from "~/state.js";
 import { getSettings, type Settings } from "~/utils/parseSettings.js";
@@ -110,14 +110,15 @@ export const runAddSchemaAction = async (opts?: {
   const selectedLayout =
     passedInLayoutName ??
     abortIfCancel(
-      await p.select({
+      await p.searchSelect({
         message: "Select a new layout to read data from",
-        maxItems: 10,
+        emptyMessage: "No matching layouts found.",
         options: layouts
           .filter((layout) => !existingLayouts.includes(layout))
           .map((layout) => ({
             label: layout,
             value: layout,
+            keywords: [layout],
           })),
       }),
     );
@@ -130,7 +131,6 @@ export const runAddSchemaAction = async (opts?: {
         message: `Enter a friendly name for the new schema.\n${chalk.dim("This will the name by which you refer to this layout in your codebase")}`,
         // initialValue: selectedLayout,
         defaultValue: defaultSchemaName,
-        placeholder: defaultSchemaName,
         validate: (input) => {
           if (input === "") {
             return; // allow empty input for the default value

packages/cli/src/cli/add/index.ts

@@ -1,8 +1,8 @@
-import { select } from "@clack/prompts";
 import type { RegistryIndex } from "@proofkit/registry";
 import { Command } from "commander";
 import { capitalize, groupBy, uniq } from "es-toolkit";
 import ora from "ora";
+import { select } from "~/cli/prompts.js";
 import { ciOption, debugOption, nonInteractiveOption } from "~/globalOptions.js";
 import { initProgramState, state } from "~/state.js";
 import { logger } from "~/utils/logger.js";

packages/cli/src/cli/add/page/index.ts

@@ -1,11 +1,10 @@
 import path from "node:path";
-import * as p from "@clack/prompts";
 import chalk from "chalk";
 import { Command } from "commander";
 import { capitalize } from "es-toolkit";
 import fs from "fs-extra";
-
 import { nextjsTemplates, wvTemplates } from "~/cli/add/page/templates.js";
+import * as p from "~/cli/prompts.js";
 import { PKG_ROOT } from "~/consts.js";
 import { getExistingSchemas } from "~/generators/fmdapi.js";
 import { addRouteToNav } from "~/generators/route.js";
@@ -62,7 +61,6 @@ export const runAddPageAction = async (opts?: {
     routeName = abortIfCancel(
       await p.text({
         message: "Enter the URL PATH for your new page",
-        placeholder: "/my-page",
         validate: (value) => {
           if (value.length === 0) {
             return "URL path is required";
@@ -224,7 +222,7 @@ async function promptForSchemaFromDataSource({
   const schemaName = abortIfCancel(
     await p.select({
       message: "Which schema should this page load data from?",
-      options: schemas.map((o) => ({ label: o, value: o ?? "" })),
+      options: schemas.map((schema) => ({ label: schema ?? "", value: schema ?? "" })),
     }),
   );
   return schemaName;

packages/cli/src/cli/add/registry/install.ts

@@ -1,8 +1,8 @@
-import * as p from "@clack/prompts";
 import { getOtherProofKitDependencies } from "@proofkit/registry";
 import { capitalize, uniq } from "es-toolkit";
 import ora from "ora";
 import semver from "semver";
+import * as p from "~/cli/prompts.js";
 
 import { abortIfCancel } from "~/cli/utils.js";
 import { getExistingSchemas } from "~/generators/fmdapi.js";
@@ -32,7 +32,7 @@ async function promptForSchemaFromDataSource({
     dataSourceName: dataSource.name,
   })
     .map((s) => s.schemaName)
-    .filter(Boolean);
+    .filter((schemaName): schemaName is string => Boolean(schemaName));
 
   if (schemas.length === 0) {
     p.cancel("This data source doesn't have any schemas to load data from");
@@ -46,7 +46,7 @@ async function promptForSchemaFromDataSource({
   const schemaName = abortIfCancel(
     await p.select({
       message: "Which schema should this template use?",
-      options: schemas.map((o) => ({ label: o, value: o ?? "" })),
+      options: schemas.map((schema) => ({ label: schema, value: schema })),
     }),
   );
   return schemaName;
@@ -125,7 +125,6 @@ export async function installFromRegistry(name: string) {
       routeName = abortIfCancel(
         await p.text({
           message: "Enter the URL PATH for your new page",
-          placeholder: "/my-page",
           validate: (value) => {
             if (value.length === 0) {
               return "URL path is required";

packages/cli/src/cli/deploy/index.ts

@@ -1,10 +1,10 @@
 import path from "node:path";
-import * as p from "@clack/prompts";
 import chalk from "chalk";
 import { Command, Option } from "commander";
 import { execa } from "execa";
 import fs from "fs-extra";
 import type { PackageJson } from "type-fest";
+import * as p from "~/cli/prompts.js";
 
 import { ciOption, debugOption } from "~/globalOptions.js";