ply-ui-cli 1.1.123 → 1.1.125

package/README.md

@@ -6,7 +6,7 @@ CLI for **Ply** at [ply-ui.com](https://ply-ui.com) — Angular + Tailwind CSS c
 ♿ **Accessibility (ACR)**: [ply-ui.com/accessibility](https://ply-ui.com/accessibility)  
 🖥️ **SSR-safe**: the docs site prerenders every catalog route, enforced by a blocking CI job · [how we verify it](https://ply-ui.com/learn/angular-ssr-safe-component-library/)  
 🎨 **Figma Design System**: [Figma Community File](https://www.figma.com/community/file/1662825988518656661)  
-✨ **See what you can build for free**: [Live Admin Dashboard Demo](https://base-ui-free-dashboard-demo.pages.dev/app/dashboard) (Source code: [base-ui-free-dashboard](https://github.com/lussos/base-ui-free-dashboard))
+✨ **See what you can build for free**: [Live Admin Dashboard Demo](https://demo.ply-ui.com/app/dashboard) (Source code: [ply-free-dashboard](https://github.com/ply-ui-ng/ply-free-dashboard))
 
 ```bash
 npx ply-ui-cli init
@@ -17,14 +17,15 @@ The old npm name `base-ui-cli` is **deprecated** (name collision with [MUI Base
 
 ## What's new
 
-- **3-way merge** — `npx ply-ui-cli update --merge` (or the interactive Merge choice) uses `git merge-file` with the install snapshot under `.base-ui/snapshots`. Aliases: `sheet` → `drawer`, `carousel` → `slider`.
+- **3-way merge** — `npx ply-ui-cli update --merge` (or the interactive Merge choice) uses `git merge-file` with the install snapshot under `.ply-ui/snapshots`. Aliases: `sheet` → `drawer`, `carousel` → `slider`.
 - **add picker** — `npx ply-ui-cli add` with no names opens a catalog filter + type-to-select. `--yes` still requires explicit names.
-- **doctor** — `npx ply-ui-cli doctor` checks `base-ui.json`, Tailwind v4 `@source` paths, `base-ui.css`, CDK, and icon sprites. Read-only.
+- **doctor** — `npx ply-ui-cli doctor` checks `ply-ui.json`, Tailwind v4 `@source` paths, `ply-ui.css`, CDK, and icon sprites. Read-only.
 - **hover-card**, **menubar**, **loading-overlay**, **currency-input** (free) — hover preview panel, application menubar, blocking spinner overlay, locale-aware currency field.
 - **kbd**, **aspect-ratio**, **scroll-area**, **cookie-banner** (free) — keyboard glyph, ratio wrapper, themed overflow pane, SSR-safe consent banner.
 - **chat**, **combobox**, **tags-input**, **time-picker** (free) — AI chat kit, searchable combobox, chip tags field, and HH:mm time picker.
 - **progress-button** (free) — button with a stable-width loading spinner: the label fades out, the spinner takes its place, and the button keeps its exact size and color while the async action runs.
 - **shell** (Pro) — unified page/dashboard application shell with optional footer, push drawers, and mini rail.
+- **AI agents** — copy-in install is cheaper in tokens than generating a widget. Walkthrough (simulation, not a lab benchmark): [rich text editor](https://ply-ui.com/learn/ai-agent-tokens-rich-text-editor/).
 
 Full history: [ply-ui.com/changelog](https://ply-ui.com/changelog)
 
@@ -56,10 +57,10 @@ outside a server render.
 
 Sets up your project:
 
-- writes `base-ui.json` (component path aliases),
-- creates `base-ui.css` (CDK overlay styles, keyframes, autofill fixes) and imports it from your global stylesheet,
+- writes `ply-ui.json` (component path aliases),
+- creates `ply-ui.css` (CDK overlay styles, keyframes, autofill fixes) and imports it from your global stylesheet,
 - downloads the icon sprites (`icons.svg`, `icons-filled.svg`) into your assets folder,
-- writes `.cursor/rules/base-ui.mdc` and `.vscode/base-ui.code-snippets` when those files are missing (Cursor / Windsurf / VS Code). Skip MCP? These files still teach the assistant how to write Ply code.
+- writes `.cursor/rules/ply-ui.mdc` and `.vscode/ply-ui.code-snippets` when those files are missing (Cursor / Windsurf / VS Code). Skip MCP? These files still teach the assistant how to write Ply code.
 
 ```bash
 npx ply-ui-cli init        # interactive
@@ -119,13 +120,13 @@ npx ply-ui-cli update                 # interactive — asks about each conflict
 npx ply-ui-cli update card            # update one component
 npx ply-ui-cli update --yes           # non-interactive; conflicts and local-only edits are left untouched
 npx ply-ui-cli update --yes --force   # non-interactive; conflicts take the upstream version
-npx ply-ui-cli update --yes --merge   # conflicts: 3-way merge using .base-ui/snapshots
+npx ply-ui-cli update --yes --merge   # conflicts: 3-way merge using .ply-ui/snapshots
 npx ply-ui-cli update --yes --overwrite-local  # also revert files you edited that upstream did not change
 ```
 
 `--force` only resolves **conflicts** (both sides changed). It does not discard local-only edits. `--merge` needs the snapshot written by `add` (re-add with `--overwrite` if you installed before snapshots existed). Dirty merges leave conflict markers and exit 1.
 
-Update tracking uses `base-ui-lock.json` (created by `init`), which records a hash of each installed file. Components installed before this existed aren't tracked — re-run `add <name> --overwrite` to start tracking them.
+Update tracking uses `ply-ui-lock.json` (created by `init`), which records a hash of each installed file. Components installed before this existed aren't tracked — re-run `add <name> --overwrite` to start tracking them.
 
 ### `changelog`
 
@@ -140,7 +141,7 @@ Unknown names get suggestions from the registry. If the item exists but has no m
 
 ### `doctor`
 
-Verifies that your project is set up correctly for Ply. It checks `base-ui.json`, the Angular workspace, `@angular/cdk`, Tailwind v4 and its `@source` paths, the `base-ui.css` import, the icon sprites, and the components directory. Read-only — nothing is written.
+Verifies that your project is set up correctly for Ply. It checks `ply-ui.json`, the Angular workspace, `@angular/cdk`, Tailwind v4 and its `@source` paths, the `ply-ui.css` import, the icon sprites, and the components directory. Read-only — nothing is written.
 
 ```bash
 npx ply-ui-cli doctor
@@ -163,7 +164,7 @@ Get a license and browse live previews of every component at [ply-ui.com](https:
 
 ## Configuration
 
-`base-ui.json` (created by `init`):
+`ply-ui.json` (created by `init`):
 
 ```json
 {
@@ -252,10 +253,13 @@ A one-time Pro license is $99. The Relay workspace, Motif storefront, and Motif
 npx ply-ui-cli init once per project, then npx ply-ui-cli add <name>. Omit the name in a terminal to pick from the catalog (filter, then type to select). --yes and CI need explicit names. Components land in src/app/components/<name>/ by default and are yours.
 
 **How do I verify my Ply setup?**  
-Run npx ply-ui-cli doctor. It checks base-ui.json, the Angular workspace, @angular/cdk, Tailwind v4 @source paths, the base-ui.css import, icon sprites, and the components directory — read-only, nothing is written.
+Run npx ply-ui-cli doctor. It checks ply-ui.json, the Angular workspace, @angular/cdk, Tailwind v4 @source paths, the ply-ui.css import, icon sprites, and the components directory — read-only, nothing is written.
 
 **Can AI agents install Ply?**  
-Yes. npx -y ply-ui-mcp is stdio for Cursor, Claude (Code/Desktop), Kimi, VS Code, Windsurf, and other local hosts. ChatGPT and Gemini chat apps use Streamable HTTP: npx -y ply-ui-mcp --http --read-only (catalog tools) or local --http without --read-only so add/init/update can see the project. Pro add uses PLY_LICENSE_KEY on the MCP process. Editors that skip MCP can copy the Cursor rule and snippet pack from https://ply-ui.com/getting-started/#editor-rules.
+Yes. npx -y ply-ui-mcp is stdio for Cursor, Claude (Code/Desktop), Kimi, VS Code, Windsurf, and other local hosts. ChatGPT and Gemini chat apps use the Streamable HTTP connector at https://mcp.ply-ui.com/mcp (catalog tools) or a local npx -y ply-ui-mcp --http without --read-only so add/init/update can see the project. Pro add uses PLY_LICENSE_KEY on the MCP process. Editors that skip MCP can copy the Cursor rule and snippet pack from https://ply-ui.com/getting-started/#editor-rules.
+
+**Do AI agents use fewer tokens with Ply?**  
+Usually, yes. With Ply the agent copies a finished component (CLI or MCP) and wires it, instead of generating a toolbar, selection model, sanitizer, and SSR guards from a blank file. Token use still depends on the prompt and the model. A reconstructed Claude/Grok session for the rich text editor is at https://ply-ui.com/learn/ai-agent-tokens-rich-text-editor/ — that is a teaching simulation, not a lab benchmark.
 
 **What is the risk if Ply disappears?**  
 Near zero. Installed code is in your version control with no runtime dependency; deleting the CLI changes nothing about your app.

package/dist/commands/add.js

@@ -33,30 +33,49 @@ __export(add_exports, {
   add: () => add
 });
 module.exports = __toCommonJS(add_exports);
-var import_fs4 = __toESM(require("fs"));
+var import_fs5 = __toESM(require("fs"));
 var import_path5 = __toESM(require("path"));
 var import_vendor2 = require("../vendor");
 var import_registry = require("../registry");
 
 // src/lockfile.ts
+var import_fs2 = __toESM(require("fs"));
+var import_crypto = __toESM(require("crypto"));
+
+// src/paths.ts
 var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
-var import_crypto = __toESM(require("crypto"));
-var LOCKFILE_NAME = "base-ui-lock.json";
+var CONFIG_FILE = "ply-ui.json";
+var LEGACY_CONFIG_FILE = "base-ui.json";
+var LOCKFILE_NAME = "ply-ui-lock.json";
+var LEGACY_LOCKFILE_NAME = "base-ui-lock.json";
+var SNAPSHOT_ROOT = ".ply-ui/snapshots";
+function firstExisting(cwd, names) {
+  for (const name of names) {
+    const resolved = import_path.default.resolve(cwd, name);
+    if (import_fs.default.existsSync(resolved)) return resolved;
+  }
+  return null;
+}
+function configFilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [CONFIG_FILE, LEGACY_CONFIG_FILE]);
+}
+function lockfilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [LOCKFILE_NAME, LEGACY_LOCKFILE_NAME]) || import_path.default.resolve(cwd, LOCKFILE_NAME);
+}
+
+// src/lockfile.ts
 var LOCKFILE_VERSION = 1;
 function hashContent(content) {
   return import_crypto.default.createHash("sha256").update(content, "utf8").digest("hex");
 }
-function lockfilePath() {
-  return import_path.default.resolve(process.cwd(), LOCKFILE_NAME);
-}
 function readLockFile() {
   const p = lockfilePath();
-  if (!import_fs.default.existsSync(p)) {
+  if (!import_fs2.default.existsSync(p)) {
     return { version: LOCKFILE_VERSION, components: {} };
   }
   try {
-    const parsed = JSON.parse(import_fs.default.readFileSync(p, "utf8"));
+    const parsed = JSON.parse(import_fs2.default.readFileSync(p, "utf8"));
     if (parsed && typeof parsed === "object" && parsed.components) {
       return { version: parsed.version ?? LOCKFILE_VERSION, components: parsed.components };
     }
@@ -65,7 +84,7 @@ function readLockFile() {
   return { version: LOCKFILE_VERSION, components: {} };
 }
 function writeLockFile(lock) {
-  import_fs.default.writeFileSync(lockfilePath(), JSON.stringify(lock, null, 2) + "\n", "utf8");
+  import_fs2.default.writeFileSync(lockfilePath(), JSON.stringify(lock, null, 2) + "\n", "utf8");
 }
 function recordComponent(lock, name, tier, files) {
   const fileHashes = {};
@@ -80,7 +99,7 @@ function recordComponent(lock, name, tier, files) {
 }
 
 // src/config.ts
-var import_fs2 = __toESM(require("fs"));
+var import_fs3 = __toESM(require("fs"));
 var import_path2 = __toESM(require("path"));
 
 // src/brand.ts
@@ -91,19 +110,21 @@ var MCP_NPX = `npx -y ${MCP_PACKAGE}`;
 
 // src/config.ts
 function readConfig() {
-  const configPath = import_path2.default.resolve(process.cwd(), "base-ui.json");
-  if (!import_fs2.default.existsSync(configPath)) {
-    console.error(`base-ui.json not found. Please run "${CLI_NPX} init" first.`);
+  const resolved = configFilePath();
+  if (!resolved) {
+    console.error(
+      `${CONFIG_FILE} not found (also looked for ${LEGACY_CONFIG_FILE}). Please run "${CLI_NPX} init" first.`
+    );
     return null;
   }
   try {
-    const config = JSON.parse(import_fs2.default.readFileSync(configPath, "utf8"));
+    const config = JSON.parse(import_fs3.default.readFileSync(resolved, "utf8"));
     if (!config || !config.aliases || !config.aliases.components) {
-      throw new Error("Missing aliases.components in base-ui.json");
+      throw new Error(`Missing aliases.components in ${import_path2.default.basename(resolved)}`);
     }
     return config;
   } catch (err) {
-    console.error(`Error reading base-ui.json: ${err.message}`);
+    console.error(`Error reading ${import_path2.default.basename(resolved)}: ${err.message}`);
     return null;
   }
 }
@@ -227,7 +248,12 @@ var COMPONENT_ALIASES = {
   "image-slider": "slider",
   range: "range-slider",
   "slider-input": "range-slider",
-  "input-slider": "range-slider"
+  "input-slider": "range-slider",
+  "base-list-item": "ply-list-item",
+  "base-tab-icon": "ply-tab-icon",
+  "base-group-button": "ply-group-button",
+  "base-dropdown-menu-item": "ply-dropdown-menu-item",
+  "base-context-menu-item": "ply-context-menu-item"
 };
 function canonicalComponentName(name) {
   const key = name.trim().toLowerCase();
@@ -235,29 +261,28 @@ function canonicalComponentName(name) {
 }
 
 // src/snapshot.ts
-var import_fs3 = __toESM(require("fs"));
+var import_fs4 = __toESM(require("fs"));
 var import_path4 = __toESM(require("path"));
-var SNAPSHOT_ROOT = ".base-ui/snapshots";
-function snapshotPath(component, file) {
-  return import_path4.default.resolve(process.cwd(), SNAPSHOT_ROOT, component, file);
+function snapshotPath(component, file, root) {
+  return import_path4.default.resolve(process.cwd(), root, component, file);
 }
 function writeSnapshot(component, file, content) {
   if (!isSafeFileName(file) || !isSafeFileName(component)) return;
-  const dest = snapshotPath(component, file);
-  import_fs3.default.mkdirSync(import_path4.default.dirname(dest), { recursive: true });
-  import_fs3.default.writeFileSync(dest, content, "utf8");
+  const dest = snapshotPath(component, file, SNAPSHOT_ROOT);
+  import_fs4.default.mkdirSync(import_path4.default.dirname(dest), { recursive: true });
+  import_fs4.default.writeFileSync(dest, content, "utf8");
 }
 
 // src/commands/add.ts
 function detectPackageManager(cwd) {
-  if (import_fs4.default.existsSync(import_path5.default.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
-  if (import_fs4.default.existsSync(import_path5.default.join(cwd, "yarn.lock"))) return "yarn";
-  if (import_fs4.default.existsSync(import_path5.default.join(cwd, "bun.lockb")) || import_fs4.default.existsSync(import_path5.default.join(cwd, "bun.lock"))) return "bun";
+  if (import_fs5.default.existsSync(import_path5.default.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (import_fs5.default.existsSync(import_path5.default.join(cwd, "yarn.lock"))) return "yarn";
+  if (import_fs5.default.existsSync(import_path5.default.join(cwd, "bun.lockb")) || import_fs5.default.existsSync(import_path5.default.join(cwd, "bun.lock"))) return "bun";
   return "npm";
 }
 function installedNpmDeps(cwd) {
   try {
-    const pkg = JSON.parse(import_fs4.default.readFileSync(import_path5.default.join(cwd, "package.json"), "utf8"));
+    const pkg = JSON.parse(import_fs5.default.readFileSync(import_path5.default.join(cwd, "package.json"), "utf8"));
     return /* @__PURE__ */ new Set([
       ...Object.keys(pkg.dependencies || {}),
       ...Object.keys(pkg.devDependencies || {})
@@ -334,7 +359,7 @@ async function add(components, options = {}) {
       return;
     }
     const targetDir = import_path5.default.join(componentsRoot, name);
-    if (!requested.has(name) && import_fs4.default.existsSync(targetDir)) continue;
+    if (!requested.has(name) && import_fs5.default.existsSync(targetDir)) continue;
     toInstall.set(name, entry);
     queue.push(...entry.registryDependencies);
   }
@@ -349,7 +374,7 @@ async function add(components, options = {}) {
   }
   for (const name of requested) {
     const targetDir = import_path5.default.join(componentsRoot, name);
-    if (!import_fs4.default.existsSync(targetDir)) continue;
+    if (!import_fs5.default.existsSync(targetDir)) continue;
     if (options.overwrite || options.yes) continue;
     const res = await (0, import_vendor2.prompts)({
       type: "confirm",
@@ -395,8 +420,8 @@ async function add(components, options = {}) {
     try {
       for (const file of item.files) {
         const filePath = import_path5.default.join(targetDir, file.name);
-        import_fs4.default.mkdirSync(import_path5.default.dirname(filePath), { recursive: true });
-        import_fs4.default.writeFileSync(filePath, file.content, "utf8");
+        import_fs5.default.mkdirSync(import_path5.default.dirname(filePath), { recursive: true });
+        import_fs5.default.writeFileSync(filePath, file.content, "utf8");
         writeSnapshot(name, file.name, file.content);
       }
     } catch (err) {

package/dist/commands/diff.js

@@ -37,8 +37,8 @@ var import_path3 = __toESM(require("path"));
 var import_vendor = require("../vendor");
 
 // src/config.ts
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
+var import_fs2 = __toESM(require("fs"));
+var import_path2 = __toESM(require("path"));
 
 // src/brand.ts
 var CLI_BIN = "ply-ui-cli";
@@ -46,40 +46,58 @@ var CLI_NPX = `npx ${CLI_BIN}`;
 var MCP_PACKAGE = "ply-ui-mcp";
 var MCP_NPX = `npx -y ${MCP_PACKAGE}`;
 
+// src/paths.ts
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var CONFIG_FILE = "ply-ui.json";
+var LEGACY_CONFIG_FILE = "base-ui.json";
+var LOCKFILE_NAME = "ply-ui-lock.json";
+var LEGACY_LOCKFILE_NAME = "base-ui-lock.json";
+function firstExisting(cwd, names) {
+  for (const name of names) {
+    const resolved = import_path.default.resolve(cwd, name);
+    if (import_fs.default.existsSync(resolved)) return resolved;
+  }
+  return null;
+}
+function configFilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [CONFIG_FILE, LEGACY_CONFIG_FILE]);
+}
+function lockfilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [LOCKFILE_NAME, LEGACY_LOCKFILE_NAME]) || import_path.default.resolve(cwd, LOCKFILE_NAME);
+}
+
 // src/config.ts
 function readConfig() {
-  const configPath = import_path.default.resolve(process.cwd(), "base-ui.json");
-  if (!import_fs.default.existsSync(configPath)) {
-    console.error(`base-ui.json not found. Please run "${CLI_NPX} init" first.`);
+  const resolved = configFilePath();
+  if (!resolved) {
+    console.error(
+      `${CONFIG_FILE} not found (also looked for ${LEGACY_CONFIG_FILE}). Please run "${CLI_NPX} init" first.`
+    );
     return null;
   }
   try {
-    const config = JSON.parse(import_fs.default.readFileSync(configPath, "utf8"));
+    const config = JSON.parse(import_fs2.default.readFileSync(resolved, "utf8"));
     if (!config || !config.aliases || !config.aliases.components) {
-      throw new Error("Missing aliases.components in base-ui.json");
+      throw new Error(`Missing aliases.components in ${import_path2.default.basename(resolved)}`);
     }
     return config;
   } catch (err) {
-    console.error(`Error reading base-ui.json: ${err.message}`);
+    console.error(`Error reading ${import_path2.default.basename(resolved)}: ${err.message}`);
     return null;
   }
 }
 
 // src/lockfile.ts
-var import_fs2 = __toESM(require("fs"));
-var import_path2 = __toESM(require("path"));
-var LOCKFILE_NAME = "base-ui-lock.json";
+var import_fs3 = __toESM(require("fs"));
 var LOCKFILE_VERSION = 1;
-function lockfilePath() {
-  return import_path2.default.resolve(process.cwd(), LOCKFILE_NAME);
-}
 function readLockFile() {
   const p = lockfilePath();
-  if (!import_fs2.default.existsSync(p)) {
+  if (!import_fs3.default.existsSync(p)) {
     return { version: LOCKFILE_VERSION, components: {} };
   }
   try {
-    const parsed = JSON.parse(import_fs2.default.readFileSync(p, "utf8"));
+    const parsed = JSON.parse(import_fs3.default.readFileSync(p, "utf8"));
     if (parsed && typeof parsed === "object" && parsed.components) {
       return { version: parsed.version ?? LOCKFILE_VERSION, components: parsed.components };
     }

package/dist/commands/doctor.js

@@ -33,8 +33,8 @@ __export(doctor_exports, {
   doctor: () => doctor
 });
 module.exports = __toCommonJS(doctor_exports);
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
+var import_fs2 = __toESM(require("fs"));
+var import_path2 = __toESM(require("path"));
 var import_vendor = require("../vendor");
 var import_registry = require("../registry");
 
@@ -44,6 +44,27 @@ var CLI_NPX = `npx ${CLI_BIN}`;
 var MCP_PACKAGE = "ply-ui-mcp";
 var MCP_NPX = `npx -y ${MCP_PACKAGE}`;
 
+// src/paths.ts
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var CONFIG_FILE = "ply-ui.json";
+var LEGACY_CONFIG_FILE = "base-ui.json";
+var CSS_FILE = "ply-ui.css";
+var LEGACY_CSS_FILE = "base-ui.css";
+function firstExisting(cwd, names) {
+  for (const name of names) {
+    const resolved = import_path.default.resolve(cwd, name);
+    if (import_fs.default.existsSync(resolved)) return resolved;
+  }
+  return null;
+}
+function configFilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [CONFIG_FILE, LEGACY_CONFIG_FILE]);
+}
+function cssImportCandidates() {
+  return [`@import './${CSS_FILE}'`, `@import './${LEGACY_CSS_FILE}'`];
+}
+
 // src/commands/doctor.ts
 var ICON_SPRITES = ["icons.svg", "icons-filled.svg"];
 function pickAngularProject(angularJson) {
@@ -56,7 +77,7 @@ function pickAngularProject(angularJson) {
 function resolveAssetsDir(cwd, angularJson) {
   const picked = pickAngularProject(angularJson);
   const buildOptions = picked?.project?.architect?.build?.options;
-  if (!buildOptions) return import_path.default.resolve(cwd, "src/assets");
+  if (!buildOptions) return import_path2.default.resolve(cwd, "src/assets");
   const assets = buildOptions.assets || [];
   const hasSrcAssets = assets.some(
     (a) => a === "src/assets" || typeof a === "object" && a?.input === "src/assets"
@@ -64,68 +85,68 @@ function resolveAssetsDir(cwd, angularJson) {
   const publicEntry = assets.find(
     (a) => a === "public" || typeof a === "object" && a?.input === "public"
   );
-  if (hasSrcAssets) return import_path.default.resolve(cwd, "src/assets");
-  if (publicEntry) return import_path.default.resolve(cwd, "public/assets");
-  return import_path.default.resolve(cwd, "src/assets");
+  if (hasSrcAssets) return import_path2.default.resolve(cwd, "src/assets");
+  if (publicEntry) return import_path2.default.resolve(cwd, "public/assets");
+  return import_path2.default.resolve(cwd, "src/assets");
 }
 function readJsonSafe(filePath) {
   try {
-    return JSON.parse(import_fs.default.readFileSync(filePath, "utf8"));
+    return JSON.parse(import_fs2.default.readFileSync(filePath, "utf8"));
   } catch {
     return null;
   }
 }
 function readTextSafe(filePath) {
   try {
-    return import_fs.default.readFileSync(filePath, "utf8");
+    return import_fs2.default.readFileSync(filePath, "utf8");
   } catch {
     return null;
   }
 }
 function sourceCovers(source, tailwindDir, targetDir) {
   const raw = source.replace(/[*?[\]{}].*$/, "");
-  const resolved = import_path.default.resolve(tailwindDir, raw);
-  const resolvedDir = raw.endsWith("/") || raw.endsWith("\\") || import_path.default.extname(raw) === "" ? resolved : import_path.default.dirname(resolved);
-  return targetDir === resolvedDir || targetDir.startsWith(resolvedDir + import_path.default.sep);
+  const resolved = import_path2.default.resolve(tailwindDir, raw);
+  const resolvedDir = raw.endsWith("/") || raw.endsWith("\\") || import_path2.default.extname(raw) === "" ? resolved : import_path2.default.dirname(resolved);
+  return targetDir === resolvedDir || targetDir.startsWith(resolvedDir + import_path2.default.sep);
 }
 async function doctor(options = {}) {
   const cwd = options.cwd || process.cwd();
-  const relative = (filePath) => import_path.default.relative(cwd, filePath) || ".";
+  const relative = (filePath) => import_path2.default.relative(cwd, filePath) || ".";
   const spinner = (0, import_vendor.ora)("Checking Ply setup...").start();
   const checks = [];
-  const configPath = import_path.default.resolve(cwd, "base-ui.json");
+  const configPath = configFilePath(cwd);
   let config = null;
-  if (!import_fs.default.existsSync(configPath)) {
+  if (!configPath) {
     checks.push({
-      name: "base-ui.json",
+      name: CONFIG_FILE,
       status: "error",
-      message: `Not found. Run "${CLI_NPX} init" first.`
+      message: `Not found (also looked for ${LEGACY_CONFIG_FILE}). Run "${CLI_NPX} init" first.`
     });
   } else {
     config = readJsonSafe(configPath);
     if (!config) {
       checks.push({
-        name: "base-ui.json",
+        name: CONFIG_FILE,
         status: "error",
         message: `${relative(configPath)} exists but is not valid JSON.`
       });
     } else if (!config.aliases?.components) {
       checks.push({
-        name: "base-ui.json",
+        name: CONFIG_FILE,
         status: "error",
         message: `${relative(configPath)} is missing aliases.components.`
       });
     } else {
       checks.push({
-        name: "base-ui.json",
+        name: CONFIG_FILE,
         status: "ok",
         message: `${relative(configPath)} exists and aliases.components is set.`
       });
     }
   }
-  const angularJsonPath = import_path.default.resolve(cwd, "angular.json");
+  const angularJsonPath = import_path2.default.resolve(cwd, "angular.json");
   let angularJson = null;
-  if (!import_fs.default.existsSync(angularJsonPath)) {
+  if (!import_fs2.default.existsSync(angularJsonPath)) {
     checks.push({
       name: "Angular workspace",
       status: "warn",
@@ -148,7 +169,7 @@ async function doctor(options = {}) {
       });
     }
   }
-  const packageJsonPath = import_path.default.resolve(cwd, "package.json");
+  const packageJsonPath = import_path2.default.resolve(cwd, "package.json");
   const packageJson = readJsonSafe(packageJsonPath);
   if (!packageJson) {
     checks.push({
@@ -175,13 +196,13 @@ async function doctor(options = {}) {
       });
     }
   }
-  const tailwindPath = import_path.default.resolve(cwd, config?.tailwind?.config || "src/tailwind.css");
+  const tailwindPath = import_path2.default.resolve(cwd, config?.tailwind?.config || "src/tailwind.css");
   const tailwindContent = readTextSafe(tailwindPath);
   if (!tailwindContent) {
     checks.push({
       name: "Tailwind entry",
       status: "error",
-      message: `${relative(tailwindPath)} not found. Set tailwind.config in base-ui.json or create it.`
+      message: `${relative(tailwindPath)} not found. Set tailwind.config in ${CONFIG_FILE} or create it.`
     });
   } else {
     checks.push({
@@ -211,8 +232,8 @@ async function doctor(options = {}) {
       });
     } else {
       const componentsAlias2 = config?.aliases?.components || "src/app/components";
-      const componentsDir = import_path.default.resolve(cwd, componentsAlias2);
-      const tailwindDir = import_path.default.dirname(tailwindPath);
+      const componentsDir = import_path2.default.resolve(cwd, componentsAlias2);
+      const tailwindDir = import_path2.default.dirname(tailwindPath);
       const hasComponentSource = sourceMatches.some((m) => {
         const raw = m.match(/@source\s+["']([^"']+)["']/)?.[1];
         if (!raw) return false;
@@ -233,46 +254,50 @@ async function doctor(options = {}) {
       }
     }
   }
-  const stylesPath = import_path.default.resolve(cwd, config?.tailwind?.css || "src/styles.scss");
+  const stylesPath = import_path2.default.resolve(cwd, config?.tailwind?.css || "src/styles.scss");
   const stylesContent = readTextSafe(stylesPath);
   if (!stylesContent) {
     checks.push({
       name: "Global styles",
       status: "error",
-      message: `${relative(stylesPath)} not found. Set tailwind.css in base-ui.json or create it.`
+      message: `${relative(stylesPath)} not found. Set tailwind.css in ${CONFIG_FILE} or create it.`
     });
   } else {
-    const baseCssImport = "@import './base-ui.css'";
-    if (!stylesContent.includes(baseCssImport)) {
+    const cssImports = cssImportCandidates();
+    const hasCssImport = cssImports.some((line) => stylesContent.includes(line));
+    if (!hasCssImport) {
       checks.push({
         name: "Global styles",
         status: "warn",
-        message: `${relative(stylesPath)} does not import ${baseCssImport}. Ply global styles will be missing.`
+        message: `${relative(stylesPath)} does not import './${CSS_FILE}'. Ply global styles will be missing.`
       });
     } else {
       checks.push({
         name: "Global styles",
         status: "ok",
-        message: `${relative(stylesPath)} imports base-ui.css.`
+        message: `${relative(stylesPath)} imports Ply global styles.`
       });
     }
-    const baseCssPath = import_path.default.join(import_path.default.dirname(stylesPath), "base-ui.css");
-    if (!import_fs.default.existsSync(baseCssPath)) {
+    const stylesDir = import_path2.default.dirname(stylesPath);
+    const cssPath = import_path2.default.join(stylesDir, CSS_FILE);
+    const legacyCssPath = import_path2.default.join(stylesDir, LEGACY_CSS_FILE);
+    const resolvedCss = import_fs2.default.existsSync(cssPath) ? cssPath : import_fs2.default.existsSync(legacyCssPath) ? legacyCssPath : null;
+    if (!resolvedCss) {
       checks.push({
-        name: "base-ui.css",
+        name: CSS_FILE,
         status: "error",
-        message: `${relative(baseCssPath)} not found. Run "${CLI_NPX} init" to create it.`
+        message: `${relative(cssPath)} not found. Run "${CLI_NPX} init" to create it.`
       });
     } else {
       checks.push({
-        name: "base-ui.css",
+        name: CSS_FILE,
         status: "ok",
-        message: `${relative(baseCssPath)} exists.`
+        message: `${relative(resolvedCss)} exists.`
       });
     }
   }
-  const assetsDir = angularJson ? resolveAssetsDir(cwd, angularJson) : import_path.default.resolve(cwd, "src/assets");
-  const missingSprites = ICON_SPRITES.filter((s) => !import_fs.default.existsSync(import_path.default.join(assetsDir, s)));
+  const assetsDir = angularJson ? resolveAssetsDir(cwd, angularJson) : import_path2.default.resolve(cwd, "src/assets");
+  const missingSprites = ICON_SPRITES.filter((s) => !import_fs2.default.existsSync(import_path2.default.join(assetsDir, s)));
   if (missingSprites.length) {
     checks.push({
       name: "Icon sprites",
@@ -288,8 +313,8 @@ async function doctor(options = {}) {
   }
   const componentsAlias = config?.aliases?.components;
   if (componentsAlias) {
-    const componentsDir = import_path.default.resolve(cwd, componentsAlias);
-    if (!import_fs.default.existsSync(componentsDir)) {
+    const componentsDir = import_path2.default.resolve(cwd, componentsAlias);
+    if (!import_fs2.default.existsSync(componentsDir)) {
       checks.push({
         name: "Components directory",
         status: "warn",

package/dist/commands/init.js

@@ -33,26 +33,46 @@ __export(init_exports, {
   init: () => init
 });
 module.exports = __toCommonJS(init_exports);
-var import_fs2 = __toESM(require("fs"));
+var import_fs3 = __toESM(require("fs"));
 var import_path2 = __toESM(require("path"));
 var import_vendor = require("../vendor");
 var import_registry = require("../registry");
 
 // src/lockfile.ts
+var import_fs2 = __toESM(require("fs"));
+
+// src/paths.ts
 var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
-var LOCKFILE_NAME = "base-ui-lock.json";
-var LOCKFILE_VERSION = 1;
-function lockfilePath() {
-  return import_path.default.resolve(process.cwd(), LOCKFILE_NAME);
+var CONFIG_FILE = "ply-ui.json";
+var CSS_FILE = "ply-ui.css";
+var LEGACY_CSS_FILE = "base-ui.css";
+var LOCKFILE_NAME = "ply-ui-lock.json";
+var LEGACY_LOCKFILE_NAME = "base-ui-lock.json";
+var CURSOR_RULE_REL = ".cursor/rules/ply-ui.mdc";
+var SNIPPETS_REL = ".vscode/ply-ui.code-snippets";
+var DOCS_CURSOR_RULE = "docs/ai/ply-ui.mdc";
+var DOCS_SNIPPETS = "docs/ai/ply-ui.code-snippets";
+function firstExisting(cwd, names) {
+  for (const name of names) {
+    const resolved = import_path.default.resolve(cwd, name);
+    if (import_fs.default.existsSync(resolved)) return resolved;
+  }
+  return null;
 }
+function lockfilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [LOCKFILE_NAME, LEGACY_LOCKFILE_NAME]) || import_path.default.resolve(cwd, LOCKFILE_NAME);
+}
+
+// src/lockfile.ts
+var LOCKFILE_VERSION = 1;
 function readLockFile() {
   const p = lockfilePath();
-  if (!import_fs.default.existsSync(p)) {
+  if (!import_fs2.default.existsSync(p)) {
     return { version: LOCKFILE_VERSION, components: {} };
   }
   try {
-    const parsed = JSON.parse(import_fs.default.readFileSync(p, "utf8"));
+    const parsed = JSON.parse(import_fs2.default.readFileSync(p, "utf8"));
     if (parsed && typeof parsed === "object" && parsed.components) {
       return { version: parsed.version ?? LOCKFILE_VERSION, components: parsed.components };
     }
@@ -61,11 +81,11 @@ function readLockFile() {
   return { version: LOCKFILE_VERSION, components: {} };
 }
 function writeLockFile(lock) {
-  import_fs.default.writeFileSync(lockfilePath(), JSON.stringify(lock, null, 2) + "\n", "utf8");
+  import_fs2.default.writeFileSync(lockfilePath(), JSON.stringify(lock, null, 2) + "\n", "utf8");
 }
 
 // src/templates/editor-kit.generated.ts
-var CURSOR_RULE = '---\ndescription: Ply \u2014 standalone, zoneless, Tailwind v4 copy-in components\nalwaysApply: true\n---\n\n# Ply coding rules\n\nYou are generating Angular for a project that uses **Ply** at https://ply-ui.com \u2014 copy-in components, not an npm UI kit. Not MUI Base UI (React).\n\n## Install, don\'t invent\n\n- Install with `npx ply-ui-cli add <name> --yes`. Source lands in `src/app/components/<name>/`. Humans can run `npx ply-ui-cli add` with no name to pick from the catalog. Never use `add --yes` without a name.\n- Import from that local path. Never `from \'base-ui\'` / `@base-ui/*`.\n- Prefer an existing registry item over a custom control. Check `npx ply-ui-cli list`, https://ply-ui.com/llms.txt, or MCP (`npx -y ply-ui-mcp`) before building a dialog, table, combobox, or form control.\n- If components look unstyled or icons are missing, run `npx ply-ui-cli doctor` (read-only). It checks `base-ui.json`, Angular CDK, Tailwind v4 `@source` paths, `base-ui.css`, and icon sprites.\n- Free items need no license. Pro items need `PLY_LICENSE_KEY` \u2014 do not scrape keys or paste Pro source from memory.\n\n## Angular 22 shape\n\n- New components: `standalone: true`, `changeDetection: ChangeDetectionStrategy.OnPush`.\n- Public APIs: `input()`, `output()`, `model()` \u2014 not `@Input()` / `@Output()`.\n- Templates: `@if` / `@for` / `@empty` \u2014 not `*ngIf` / `*ngFor`.\n- Prefer zoneless. Do not add `zone.js`. After async work, write to signals (or signal-backed CVA) so the view updates without Zone.\n- App selectors stay `app-`. Only Ply selectors use the `ply-` prefix.\n\n## Selectors and forms\n\n- Components: `<ply-card>`, `<ply-dialog>` is not a tag \u2014 open modals with `inject(DialogService).open(MyComponent)`.\n- Directives: `[ply-button]`, `[ply-stroked-button]`, `[ply-input]`, `[ply-textarea]`.\n- Native fields: `<input ply-input [(ngModel)]="\u2026">` or Angular 22 `[formField]` + `ply-input`.\n- `data-table` cells: project `<ng-template plyTableCell="columnKey" let-row let-value="value">`. Combobox options: `plyComboboxOption`. Custom select: `plySelectOption`. Do not fork those components to render a badge or a row action.\n- Chrome strings (empty states, Close, paginator): `provideBaseUiI18n({ close: \'Fermer\' })` in `app.config.ts`. Per-instance `emptyMessage` / `emptyText` still override. Not ngx-translate.\n- Icon sprites: `provideBaseUI({ iconPath: \'assets/icons.svg\' })` in `app.config.ts`. Per-instance `[path]` / `[filledPath]` / `[size]` still win. `w-*`/`h-*` classes keep class-based sizing.\n- Tests: use the copied `*.harness.ts` for data-table, custom-select, and dialog. `TestbedHarnessEnvironment.loader(fixture)`; dialogs need `documentRootLoader` (overlay on `document.body`). Do not invent query helpers for those three.\n- CVA hosts (`ply-combobox`, `ply-tags-input`, `ply-toggle`, `ply-custom-select`, `ply-file-upload`, `ply-mention-input`, `ply-password-input`) bind `[(ngModel)]` / `[formField]` on the host, not on an inner native input.\n- Do not nest composite controls inside `ply-input-group` \u2014 only `[ply-input]`, `[ply-textarea]`, and `ply-mention-input` are projected. Use `ply-password-input` for password fields (it already includes a group).\n- Confirm destructive actions with `inject(DialogService).confirm({ title, destructive: true })` \u2014 do not copy a one-off confirm dialog.\n\n## Tailwind v4\n\n- Style with utilities. Pair light and `dark:` variants (`bg-white dark:bg-slate-800`). Dark mode is the `dark` class on `<html>`.\n- Prefer pixel arbitrary values in new UI (`p-[16px]`, `gap-[8px]`) so spacing does not depend on a custom theme.\n- `color="primary"` reads `--base-primary` from `base-ui.css`. Theme Studio Copy CSS writes the same tokens. Unmigrated widgets still follow `--color-blue-*`.\n- Button and input `class` values merge via `cn()`. `class="rounded-full"` and `class="absolute \u2026"` override defaults. Existing `utility!` still works.\n- `<ply-icon>` outlines: `stroke-*`. Filled icons: `[filled]="true"` and `text-*` / `fill-*`.\n\n## Async, overlays, SSR\n\n- `DialogService.open()` is a no-op during SSR. `DialogService.confirm()` emits `false` on the server. Toast and dialog hosts append via `DOCUMENT`.\n- Drawers need `provideAnimationsAsync()`.\n- Close popovers/drawers yourself on in-panel navigation (`popover.close()`, `drawer.closed.emit()`).\n- Overlay menus (dropdown, context) use `a11y-keyboard` (roving tabindex, Home/End, typeahead). Combobox, custom-select, and command-palette use `aria-activedescendant` \u2014 do not switch those to the menu helper.\n- Do not put `ply-toast-container` in templates; the toast service owns the overlay.\n\n## Agents\n\n- MCP optional: `.cursor/mcp.json` \u2192 `npx -y ply-ui-mcp` with `PLY_CWD` = this app root.\n- Facts: https://ply-ui.com/llms.txt \xB7 catalog: https://ply-ui.com/docs/ai/components.md\n- Usage snippets (VS Code / Cursor): `.vscode/base-ui.code-snippets` \u2014 expand prefixes like `ply-card` after the CLI has copied the component in.\n';
+var CURSOR_RULE = '---\ndescription: Ply \u2014 standalone, zoneless, Tailwind v4 copy-in components\nalwaysApply: true\n---\n\n# Ply coding rules\n\nYou are generating Angular for a project that uses **Ply** at https://ply-ui.com \u2014 copy-in components, not an npm UI kit. Not MUI Base UI (React).\n\n## Install, don\'t invent\n\n- Install with `npx ply-ui-cli add <name> --yes`. Source lands in `src/app/components/<name>/`. Humans can run `npx ply-ui-cli add` with no name to pick from the catalog. Never use `add --yes` without a name.\n- Import from that local path. Never `from \'base-ui\'` / `@base-ui/*`.\n- Prefer an existing registry item over a custom control. Check `npx ply-ui-cli list`, https://ply-ui.com/llms.txt, or MCP (`npx -y ply-ui-mcp`) before building a dialog, table, combobox, or form control.\n- If components look unstyled or icons are missing, run `npx ply-ui-cli doctor` (read-only). It checks `ply-ui.json`, Angular CDK, Tailwind v4 `@source` paths, `ply-ui.css`, and icon sprites.\n- Free items need no license. Pro items need `PLY_LICENSE_KEY` \u2014 do not scrape keys or paste Pro source from memory.\n\n## Angular 22 shape\n\n- New components: `standalone: true`, `changeDetection: ChangeDetectionStrategy.OnPush`.\n- Public APIs: `input()`, `output()`, `model()` \u2014 not `@Input()` / `@Output()`.\n- Templates: `@if` / `@for` / `@empty` \u2014 not `*ngIf` / `*ngFor`.\n- Prefer zoneless. Do not add `zone.js`. After async work, write to signals (or signal-backed CVA) so the view updates without Zone.\n- App selectors stay `app-`. Only Ply selectors use the `ply-` prefix.\n\n## Selectors and forms\n\n- Components: `<ply-card>`, `<ply-dialog>` is not a tag \u2014 open modals with `inject(DialogService).open(MyComponent)`.\n- Directives: `[ply-button]`, `[ply-stroked-button]`, `[ply-input]`, `[ply-textarea]`.\n- Native fields: `<input ply-input [(ngModel)]="\u2026">` or Angular 22 `[formField]` + `ply-input`.\n- `data-table` cells: project `<ng-template plyTableCell="columnKey" let-row let-value="value">`. Combobox options: `plyComboboxOption`. Custom select: `plySelectOption`. Do not fork those components to render a badge or a row action.\n- Chrome strings (empty states, Close, paginator): `provideBaseUiI18n({ close: \'Fermer\' })` in `app.config.ts`. Per-instance `emptyMessage` / `emptyText` still override. Not ngx-translate.\n- Icon sprites: `provideBaseUI({ iconPath: \'assets/icons.svg\' })` in `app.config.ts`. Per-instance `[path]` / `[filledPath]` / `[size]` still win. `w-*`/`h-*` classes keep class-based sizing.\n- Tests: use the copied `*.harness.ts` for data-table, custom-select, and dialog. `TestbedHarnessEnvironment.loader(fixture)`; dialogs need `documentRootLoader` (overlay on `document.body`). Do not invent query helpers for those three.\n- CVA hosts (`ply-combobox`, `ply-tags-input`, `ply-toggle`, `ply-custom-select`, `ply-file-upload`, `ply-mention-input`, `ply-password-input`) bind `[(ngModel)]` / `[formField]` on the host, not on an inner native input.\n- Do not nest composite controls inside `ply-input-group` \u2014 only `[ply-input]`, `[ply-textarea]`, and `ply-mention-input` are projected. Use `ply-password-input` for password fields (it already includes a group).\n- Confirm destructive actions with `inject(DialogService).confirm({ title, destructive: true })` \u2014 do not copy a one-off confirm dialog.\n\n## Tailwind v4\n\n- Style with utilities. Pair light and `dark:` variants (`bg-white dark:bg-slate-800`). Dark mode is the `dark` class on `<html>`.\n- Prefer pixel arbitrary values in new UI (`p-[16px]`, `gap-[8px]`) so spacing does not depend on a custom theme.\n- `color="primary"` reads `--ply-primary` from `ply-ui.css`. Theme Studio Copy CSS writes the same tokens. Unmigrated widgets still follow `--color-blue-*`.\n- Button and input `class` values merge via `cn()`. `class="rounded-full"` and `class="absolute \u2026"` override defaults. Existing `utility!` still works.\n- `<ply-icon>` outlines: `stroke-*`. Filled icons: `[filled]="true"` and `text-*` / `fill-*`.\n\n## Async, overlays, SSR\n\n- `DialogService.open()` is a no-op during SSR. `DialogService.confirm()` emits `false` on the server. Toast and dialog hosts append via `DOCUMENT`.\n- Drawers need `provideAnimationsAsync()`.\n- Close popovers/drawers yourself on in-panel navigation (`popover.close()`, `drawer.closed.emit()`).\n- Overlay menus (dropdown, context) use `a11y-keyboard` (roving tabindex, Home/End, typeahead). Combobox, custom-select, and command-palette use `aria-activedescendant` \u2014 do not switch those to the menu helper.\n- Do not put `ply-toast-container` in templates; the toast service owns the overlay.\n\n## Agents\n\n- MCP optional: `.cursor/mcp.json` \u2192 `npx -y ply-ui-mcp` with `PLY_CWD` = this app root.\n- Facts: https://ply-ui.com/llms.txt \xB7 catalog: https://ply-ui.com/docs/ai/components.md\n- Usage snippets (VS Code / Cursor): `.vscode/ply-ui.code-snippets` \u2014 expand prefixes like `ply-card` after the CLI has copied the component in.\n';
 var CODE_SNIPPETS = '{\n  "Ply table": {\n    "prefix": "ply-table",\n    "scope": "html",\n    "body": [\n      "<div class=\\"relative w-full overflow-auto\\">",\n      "  <table ply-table>",\n      "    <caption ply-table-caption>${1:A list of recent invoices.}</caption>",\n      "    <thead ply-table-header>",\n      "      <tr ply-table-row>",\n      "        <th ply-table-head>${2:Invoice}</th>",\n      "        <th ply-table-head>${3:Status}</th>",\n      "      </tr>",\n      "    </thead>",\n      "    <tbody ply-table-body>",\n      "      <tr ply-table-row>",\n      "        <td ply-table-cell>$0</td>",\n      "        <td ply-table-cell></td>",\n      "      </tr>",\n      "    </tbody>",\n      "  </table>",\n      "</div>"\n    ],\n    "description": "Ply free HTML table. Install: npx ply-ui-cli add table --yes"\n  },\n  "Ply card": {\n    "prefix": "ply-card",\n    "scope": "html",\n    "body": [\n      "<ply-card>",\n      "  <ply-card-header class=\\"flex items-center justify-between gap-[8px]\\">",\n      "    <h2 class=\\"m-0! text-base font-semibold text-slate-900 dark:text-white\\">${1:Title}</h2>",\n      "  </ply-card-header>",\n      "  <ply-card-body class=\\"p-[16px]\\">",\n      "    $0",\n      "  </ply-card-body>",\n      "</ply-card>"\n    ],\n    "description": "Ply card usage. Install: npx ply-ui-cli add card --yes"\n  },\n  "Ply button": {\n    "prefix": "ply-button",\n    "scope": "html",\n    "body": [\n      "<button type=\\"button\\" ply-button color=\\"${1:primary}\\">${2:Save}</button>"\n    ],\n    "description": "Ply filled button directive. Install: npx ply-ui-cli add button --yes"\n  },\n  "Ply stroked button": {\n    "prefix": "ply-stroked-button",\n    "scope": "html",\n    "body": [\n      "<button type=\\"button\\" ply-stroked-button color=\\"${1:default}\\">${2:Cancel}</button>"\n    ],\n    "description": "Ply stroked button directive. Install: npx ply-ui-cli add button --yes"\n  },\n  "Ply dialog open": {\n    "prefix": "ply-dialog",\n    "scope": "typescript",\n    "body": [\n      "this.dialog.open(${1:MyDialogComponent}).subscribe((result) => {",\n      "  if (!result) return;",\n      "  $0",\n      "});"\n    ],\n    "description": "Open a Base UI dialog. Install: npx ply-ui-cli add dialog --yes"\n  },\n  "Ply dialog confirm": {\n    "prefix": "ply-confirm",\n    "scope": "typescript",\n    "body": [\n      "this.dialog.confirm({",\n      "  title: \'${1:Delete this item?}\',",\n      "  description: \'${2:This cannot be undone.}\',",\n      "  destructive: true",\n      "}).subscribe((ok) => {",\n      "  if (!ok) return;",\n      "  $0",\n      "});"\n    ],\n    "description": "Confirm dialog. Install: npx ply-ui-cli add dialog --yes"\n  },\n  "Ply password input": {\n    "prefix": "ply-password",\n    "scope": "html",\n    "body": [\n      "<ply-password-input label=\\"${1:Password}\\" [(ngModel)]=\\"${2:password}\\" [showStrength]=\\"true\\">",\n      "  <ply-error>${3:Password is required}</ply-error>",\n      "</ply-password-input>"\n    ],\n    "description": "Password field with show/hide. Install: npx ply-ui-cli add password-input --yes"\n  },\n  "Ply input group": {\n    "prefix": "ply-input",\n    "scope": "html",\n    "body": [\n      "<ply-input-group>",\n      "  <ply-label>${1:Label}</ply-label>",\n      "  <input ply-input [(ngModel)]=\\"${2:value}\\" autocomplete=\\"off\\" />",\n      "</ply-input-group>"\n    ],\n    "description": "Native input with ply-input. Install: npx ply-ui-cli add input --yes"\n  },\n  "Ply textarea": {\n    "prefix": "ply-textarea",\n    "scope": "html",\n    "body": [\n      "<ply-input-group>",\n      "  <ply-label>${1:Notes}</ply-label>",\n      "  <textarea ply-textarea rows=\\"4\\" [(ngModel)]=\\"${2:notes}\\"></textarea>",\n      "</ply-input-group>"\n    ],\n    "description": "Native textarea with ply-textarea. Install: npx ply-ui-cli add input --yes"\n  },\n  "Ply combobox": {\n    "prefix": "ply-combobox",\n    "scope": "html",\n    "body": [\n      "<ply-combobox",\n      "  label=\\"${1:Choice}\\"",\n      "  [options]=\\"${2:options}\\"",\n      "  [(ngModel)]=\\"${3:value}\\">",\n      "  <ng-template plyComboboxOption let-option>",\n      "    $0",\n      "  </ng-template>",\n      "</ply-combobox>"\n    ],\n    "description": "Searchable select with optional option template. Bind ngModel on the host. Install: npx ply-ui-cli add combobox --yes"\n  },\n  "Ply select": {\n    "prefix": "ply-select",\n    "scope": "html",\n    "body": [\n      "<ply-custom-select",\n      "  label=\\"${1:Choice}\\"",\n      "  [options]=\\"${2:options}\\"",\n      "  [(ngModel)]=\\"${3:value}\\">",\n      "  <ng-template plySelectOption let-label=\\"label\\">",\n      "    $0",\n      "  </ng-template>",\n      "</ply-custom-select>"\n    ],\n    "description": "Custom select CVA host with optional option template. Install: npx ply-ui-cli add custom-select --yes"\n  },\n  "Ply toggle": {\n    "prefix": "ply-toggle",\n    "scope": "html",\n    "body": [\n      "<div class=\\"flex items-center justify-between gap-[12px] rounded-lg border border-slate-200 px-[16px] py-[12px] dark:border-slate-700\\">",\n      "  <div>",\n      "    <p class=\\"m-0! text-sm font-medium text-slate-900 dark:text-white\\">${1:Product emails}</p>",\n      "    <p class=\\"mb-0! mt-[2px] text-xs text-slate-500\\">${2:Occasional tips.}</p>",\n      "  </div>",\n      "  <ply-toggle [(ngModel)]=\\"${3:enabled}\\"></ply-toggle>",\n      "</div>"\n    ],\n    "description": "Toggle CVA host. Install: npx ply-ui-cli add toggle --yes"\n  },\n  "Ply tags input": {\n    "prefix": "ply-tags-input",\n    "scope": "html",\n    "body": [\n      "<ply-label>${1:Tags}</ply-label>",\n      "<ply-tags-input class=\\"mt-[4px]\\" [(ngModel)]=\\"${2:tags}\\" placeholder=\\"${3:Add a tag\u2026}\\"></ply-tags-input>"\n    ],\n    "description": "Chip tags CVA host. Install: npx ply-ui-cli add tags-input --yes"\n  },\n  "Ply checkbox": {\n    "prefix": "ply-checkbox",\n    "scope": "html",\n    "body": [\n      "<ply-checkbox [(ngModel)]=\\"${1:checked}\\">${2:Remember me}</ply-checkbox>"\n    ],\n    "description": "Checkbox. Install: npx ply-ui-cli add checkbox --yes"\n  },\n  "Ply chat": {\n    "prefix": "ply-chat",\n    "scope": "html",\n    "body": [\n      "<ply-chat",\n      "  [messages]=\\"${1:messages}()\\"",\n      "  [streaming]=\\"${2:streaming}()\\"",\n      "  placeholder=\\"${3:Ask\u2026}\\"",\n      "  (send)=\\"${4:onSend}($event)\\"",\n      "  (stop)=\\"${5:stop}()\\">",\n      "</ply-chat>"\n    ],\n    "description": "AI chat kit. Install: npx ply-ui-cli add chat --yes"\n  },\n  "Ply data table": {\n    "prefix": "ply-data-table",\n    "scope": "html",\n    "body": [\n      "<ply-data-table",\n      "  [columns]=\\"${1:columns}\\"",\n      "  [data]=\\"${2:rows}\\"",\n      "  [loading]=\\"${3:loading}()\\"",\n      "  serverSide",\n      "  sortable",\n      "  pageable",\n      "  selectable",\n      "  bordered",\n      "  hoverable",\n      "  [pageSize]=\\"${4:10}\\"",\n      "  [totalItems]=\\"${5:total}\\"",\n      "  [(selected)]=\\"${6:selected}\\"",\n      "  (pageChange)=\\"${7:fetch}($event)\\"",\n      "  (sortChange)=\\"${8:onSort}($event)\\">",\n      "  <ng-template plyTableCell=\\"${9:status}\\" let-value=\\"value\\">",\n      "    $0",\n      "  </ng-template>",\n      "</ply-data-table>"\n    ],\n    "description": "Pro data table with optional cell templates. Install: npx ply-ui-cli add data-table --yes"\n  },\n  "Ply tabs": {\n    "prefix": "ply-tabs",\n    "scope": "html",\n    "body": [\n      "<ply-tabs [defaultTab]=\\"${1:0}\\">",\n      "  <ply-tab label=\\"${2:Overview}\\"><ply-tab-body>$0</ply-tab-body></ply-tab>",\n      "  <ply-tab label=\\"${3:Activity}\\"><ply-tab-body></ply-tab-body></ply-tab>",\n      "</ply-tabs>"\n    ],\n    "description": "Tabs. Install: npx ply-ui-cli add tabs --yes"\n  },\n  "Ply alert": {\n    "prefix": "ply-alert",\n    "scope": "html",\n    "body": [\n      "<ply-alert color=\\"${1:info}\\">${2:Saved.}</ply-alert>"\n    ],\n    "description": "Alert. Install: npx ply-ui-cli add alert --yes"\n  },\n  "Ply badge": {\n    "prefix": "ply-badge",\n    "scope": "html",\n    "body": [\n      "<ply-badge color=\\"${1:primary-light}\\" size=\\"sm\\">${2:New}</ply-badge>"\n    ],\n    "description": "Badge. Install: npx ply-ui-cli add badge --yes"\n  },\n  "Ply skeleton": {\n    "prefix": "ply-skeleton",\n    "scope": "html",\n    "body": [\n      "<ply-skeleton variant=\\"${1:rectangular}\\" width=\\"${2:100%}\\" height=\\"${3:16rem}\\"></ply-skeleton>"\n    ],\n    "description": "Skeleton placeholder. Install: npx ply-ui-cli add skeleton --yes"\n  },\n  "Ply empty state": {\n    "prefix": "ply-empty-state",\n    "scope": "html",\n    "body": [\n      "<ply-empty-state title=\\"${1:Nothing here}\\" description=\\"${2:Try a different filter.}\\"></ply-empty-state>"\n    ],\n    "description": "Empty state. Install: npx ply-ui-cli add empty-state --yes"\n  },\n  "Ply toast": {\n    "prefix": "ply-toast",\n    "scope": "typescript",\n    "body": [\n      "this.toast.success(\'${1:Saved}\', { duration: ${2:2500} });"\n    ],\n    "description": "Toast via ToastService. Install: npx ply-ui-cli add toast --yes. Do not add ply-toast-container to templates."\n  },\n  "Ply icon": {\n    "prefix": "ply-icon",\n    "scope": "html",\n    "body": [\n      "<ply-icon name=\\"${1:chevron-right}\\" class=\\"h-4 w-4 stroke-slate-500 dark:stroke-slate-300\\"></ply-icon>"\n    ],\n    "description": "Outline icon (stroke-*). Filled: [filled]=\\"true\\" + text-*. Install: npx ply-ui-cli add icon --yes"\n  },\n  "Ply standalone component": {\n    "prefix": "ply-standalone",\n    "scope": "typescript",\n    "body": [\n      "import { ChangeDetectionStrategy, Component, input, output } from \'@angular/core\';",\n      "",\n      "@Component({",\n      "  selector: \'app-${1:feature}\',",\n      "  changeDetection: ChangeDetectionStrategy.OnPush,",\n      "  template: `",\n      "    <ply-card>",\n      "      <ply-card-body class=\\"p-[16px]\\">$0</ply-card-body>",\n      "    </ply-card>",\n      "  `,",\n      "})",\n      "export class ${2:Feature}Component {",\n      "  readonly title = input(\'${3:Title}\');",\n      "  readonly saved = output<void>();",\n      "}"\n    ],\n    "description": "Standalone OnPush component with signal input/output and a Ply card"\n  },\n  "Ply i18n": {\n    "prefix": "ply-i18n",\n    "scope": "typescript",\n    "body": [\n      "provideBaseUiI18n({",\n      "  close: \'${1:Fermer}\',",\n      "  noDataAvailable: \'${2:Aucune donn\xE9e}\',",\n      "  noResults: \'${3:Aucun r\xE9sultat}\'",\n      "})"\n    ],\n    "description": "Chrome-string dictionary for empty states, paginator, and dialog close. Install: npx ply-ui-cli add i18n --yes"\n  },\n  "Ply config": {\n    "prefix": "ply-config",\n    "scope": "typescript",\n    "body": [\n      "provideBaseUI({",\n      "  iconPath: \'${1:assets/icons.svg}\',",\n      "  filledIconPath: \'${2:assets/icons-filled.svg}\',",\n      "  defaultSize: ${3:20}",\n      "})"\n    ],\n    "description": "Library defaults for icon sprites and default icon size. Install: npx ply-ui-cli add config --yes"\n  },\n  "Ply harness": {\n    "prefix": "ply-harness",\n    "scope": "typescript",\n    "body": [\n      "import { TestbedHarnessEnvironment } from \'@angular/cdk/testing/testbed\';",\n      "import { DataTableHarness } from \'./components/data-table/data-table.harness\';",\n      "import { DialogHarness } from \'./components/dialog/dialog.harness\';",\n      "",\n      "const loader = TestbedHarnessEnvironment.loader(fixture);",\n      "const table = await loader.getHarness(DataTableHarness);",\n      "expect(await table.getRowCount()).toBe(${1:3});",\n      "",\n      "const dialogs = TestbedHarnessEnvironment.documentRootLoader(fixture);",\n      "const dialog = await dialogs.getHarness(DialogHarness);"\n    ],\n    "description": "CDK ComponentHarness for copied Base UI data-table. Dialog overlays use documentRootLoader. Copied with the component \u2014 not a separate registry item."\n  }\n}\n';
 
 // src/brand.ts
@@ -86,31 +106,46 @@ var BASE_CSS = `/* Ply global styles \u2014 ${import_registry.SITE_URL} */
  * just to change brand color.
  */
 :root {
-  --base-background: #ffffff;
-  --base-foreground: #0f172a;
-  --base-primary: #2563eb;
-  --base-primary-hover: #1d4ed8;
-  --base-primary-active: #1e40af;
-  --base-primary-foreground: #ffffff;
-  --base-muted: #e2e8f0;
-  --base-muted-foreground: #334155;
-  --base-destructive: #dc2626;
-  --base-destructive-hover: #b91c1c;
-  --base-destructive-foreground: #ffffff;
-  --base-border: #cbd5e1;
-  --base-ring: #2563eb;
-  --base-radius: 0.5rem;
-  --radius: var(--base-radius);
+  --ply-background: #ffffff;
+  --ply-foreground: #0f172a;
+  --ply-primary: #2563eb;
+  --ply-primary-hover: #1d4ed8;
+  --ply-primary-active: #1e40af;
+  --ply-primary-foreground: #ffffff;
+  --ply-muted: #e2e8f0;
+  --ply-muted-foreground: #334155;
+  --ply-destructive: #dc2626;
+  --ply-destructive-hover: #b91c1c;
+  --ply-destructive-foreground: #ffffff;
+  --ply-border: #cbd5e1;
+  --ply-ring: #2563eb;
+  --ply-radius: 0.5rem;
+  --radius: var(--ply-radius);
+  /* Compat for components copied before the Ply rename. */
+  --base-background: var(--ply-background);
+  --base-foreground: var(--ply-foreground);
+  --base-primary: var(--ply-primary);
+  --base-primary-hover: var(--ply-primary-hover);
+  --base-primary-active: var(--ply-primary-active);
+  --base-primary-foreground: var(--ply-primary-foreground);
+  --base-muted: var(--ply-muted);
+  --base-muted-foreground: var(--ply-muted-foreground);
+  --base-destructive: var(--ply-destructive);
+  --base-destructive-hover: var(--ply-destructive-hover);
+  --base-destructive-foreground: var(--ply-destructive-foreground);
+  --base-border: var(--ply-border);
+  --base-ring: var(--ply-ring);
+  --base-radius: var(--ply-radius);
 }
 
 .dark {
-  --base-background: #0f172a;
-  --base-foreground: #f8fafc;
-  --base-muted: #1e293b;
-  --base-muted-foreground: #e2e8f0;
-  --base-border: #334155;
-  --base-primary-foreground: #ffffff;
-  --base-destructive-foreground: #ffffff;
+  --ply-background: #0f172a;
+  --ply-foreground: #f8fafc;
+  --ply-muted: #1e293b;
+  --ply-muted-foreground: #e2e8f0;
+  --ply-border: #334155;
+  --ply-primary-foreground: #ffffff;
+  --ply-destructive-foreground: #ffffff;
 }
 
 @keyframes fade-in-up {
@@ -204,8 +239,8 @@ async function downloadSprite(name, targetDir) {
     const res = await fetch(`${import_registry.SITE_URL}/assets/${name}`);
     if (!res.ok) throw new Error(`HTTP ${res.status}`);
     const body = Buffer.from(await res.arrayBuffer());
-    import_fs2.default.mkdirSync(targetDir, { recursive: true });
-    import_fs2.default.writeFileSync(import_path2.default.join(targetDir, name), body);
+    import_fs3.default.mkdirSync(targetDir, { recursive: true });
+    import_fs3.default.writeFileSync(import_path2.default.join(targetDir, name), body);
     return true;
   } catch (err) {
     console.warn(`
@@ -214,14 +249,14 @@ async function downloadSprite(name, targetDir) {
   }
 }
 function writeEditorFile(dest, content, label) {
-  if (import_fs2.default.existsSync(dest)) return;
+  if (import_fs3.default.existsSync(dest)) return;
   try {
-    import_fs2.default.mkdirSync(import_path2.default.dirname(dest), { recursive: true });
-    import_fs2.default.writeFileSync(dest, content, "utf8");
+    import_fs3.default.mkdirSync(import_path2.default.dirname(dest), { recursive: true });
+    import_fs3.default.writeFileSync(dest, content, "utf8");
   } catch (err) {
     console.warn(
       `
-\u26A0 Could not write ${label} (${err.message}). Copy it from ${import_registry.SITE_URL}/docs/ai/${import_path2.default.basename(dest)}.`
+\u26A0 Could not write ${label} (${err.message}). Copy it from ${import_registry.SITE_URL}/${label.endsWith(".code-snippets") ? DOCS_SNIPPETS : DOCS_CURSOR_RULE}.`
     );
   }
 }
@@ -255,8 +290,8 @@ async function init(options = {}) {
     console.log("Initialization cancelled.");
     return;
   }
-  const spinner = (0, import_vendor.ora)("Writing base-ui.json...").start();
-  const configPath = import_path2.default.resolve(process.cwd(), "base-ui.json");
+  const spinner = (0, import_vendor.ora)(`Writing ${CONFIG_FILE}...`).start();
+  const configPath = import_path2.default.resolve(process.cwd(), CONFIG_FILE);
   const config = {
     $schema: "https://ply-ui.com/schema.json",
     style: "scss",
@@ -271,41 +306,45 @@ async function init(options = {}) {
       utils: "src/app/utils"
     }
   };
-  import_fs2.default.writeFileSync(configPath, JSON.stringify(config, null, 2), "utf8");
+  import_fs3.default.writeFileSync(configPath, JSON.stringify(config, null, 2), "utf8");
   const lockPath = import_path2.default.resolve(process.cwd(), LOCKFILE_NAME);
-  if (!import_fs2.default.existsSync(lockPath)) {
+  if (!import_fs3.default.existsSync(lockPath)) {
     writeLockFile(readLockFile());
   }
   spinner.text = "Writing global styles...";
   const stylesPath = import_path2.default.resolve(process.cwd(), response.styles);
   const stylesDir = import_path2.default.dirname(stylesPath);
-  const baseCssPath = import_path2.default.join(stylesDir, "base-ui.css");
-  const importLine = `@import './base-ui.css';`;
+  const cssPath = import_path2.default.join(stylesDir, CSS_FILE);
+  const importLine = `@import './${CSS_FILE}';`;
+  const legacyImport = `@import './${LEGACY_CSS_FILE}';`;
   try {
-    import_fs2.default.mkdirSync(stylesDir, { recursive: true });
-    import_fs2.default.writeFileSync(baseCssPath, BASE_CSS, "utf8");
-    if (import_fs2.default.existsSync(stylesPath)) {
-      const stylesContent = import_fs2.default.readFileSync(stylesPath, "utf8");
-      if (!stylesContent.includes(importLine)) {
-        import_fs2.default.writeFileSync(stylesPath, `${importLine}
+    import_fs3.default.mkdirSync(stylesDir, { recursive: true });
+    import_fs3.default.writeFileSync(cssPath, BASE_CSS, "utf8");
+    if (import_fs3.default.existsSync(stylesPath)) {
+      let stylesContent = import_fs3.default.readFileSync(stylesPath, "utf8");
+      if (stylesContent.includes(legacyImport) && !stylesContent.includes(importLine)) {
+        stylesContent = stylesContent.replace(legacyImport, importLine);
+        import_fs3.default.writeFileSync(stylesPath, stylesContent, "utf8");
+      } else if (!stylesContent.includes(importLine)) {
+        import_fs3.default.writeFileSync(stylesPath, `${importLine}
 ${stylesContent}`, "utf8");
       }
     } else {
-      import_fs2.default.writeFileSync(stylesPath, `${importLine}
+      import_fs3.default.writeFileSync(stylesPath, `${importLine}
 `, "utf8");
       console.warn(`
 \u26A0 ${response.styles} did not exist \u2014 created it. Make sure it is listed in the "styles" array of angular.json.`);
     }
   } catch (error) {
     console.warn(`
-\u26A0 Could not update global styles (${error.message}). Add "${importLine}" to ${response.styles} manually and create base-ui.css next to it.`);
+\u26A0 Could not update global styles (${error.message}). Add "${importLine}" to ${response.styles} manually and create ${CSS_FILE} next to it.`);
   }
   spinner.text = "Setting up icon sprites...";
   let assetsDir = import_path2.default.resolve(process.cwd(), "src/assets");
   try {
     const angularJsonPath = import_path2.default.resolve(process.cwd(), "angular.json");
-    if (import_fs2.default.existsSync(angularJsonPath)) {
-      const angularJson = JSON.parse(import_fs2.default.readFileSync(angularJsonPath, "utf8"));
+    if (import_fs3.default.existsSync(angularJsonPath)) {
+      const angularJson = JSON.parse(import_fs3.default.readFileSync(angularJsonPath, "utf8"));
       const picked = pickAngularProject(angularJson);
       const buildOptions = picked?.project?.architect?.build?.options;
       if (buildOptions) {
@@ -331,7 +370,7 @@ ${stylesContent}`, "utf8");
             }
           }
           buildOptions.assets = assets;
-          import_fs2.default.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2), "utf8");
+          import_fs3.default.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2), "utf8");
         }
       } else {
         console.warn(`
@@ -350,14 +389,14 @@ ${stylesContent}`, "utf8");
   }
   spinner.text = "Writing editor rules and snippets...";
   writeEditorFile(
-    import_path2.default.resolve(process.cwd(), ".cursor/rules/base-ui.mdc"),
+    import_path2.default.resolve(process.cwd(), CURSOR_RULE_REL),
     CURSOR_RULE,
-    ".cursor/rules/base-ui.mdc"
+    CURSOR_RULE_REL
   );
   writeEditorFile(
-    import_path2.default.resolve(process.cwd(), ".vscode/base-ui.code-snippets"),
+    import_path2.default.resolve(process.cwd(), SNIPPETS_REL),
     CODE_SNIPPETS,
-    ".vscode/base-ui.code-snippets"
+    SNIPPETS_REL
   );
   spinner.succeed(`Project initialized! Add your first component with "${CLI_NPX} add button".`);
 }

package/dist/commands/update.js

@@ -33,13 +33,13 @@ __export(update_exports, {
   update: () => update
 });
 module.exports = __toCommonJS(update_exports);
-var import_fs5 = __toESM(require("fs"));
+var import_fs6 = __toESM(require("fs"));
 var import_path6 = __toESM(require("path"));
 var import_vendor = require("../vendor");
 
 // src/config.ts
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
+var import_fs2 = __toESM(require("fs"));
+var import_path2 = __toESM(require("path"));
 
 // src/brand.ts
 var CLI_BIN = "ply-ui-cli";
@@ -47,44 +47,63 @@ var CLI_NPX = `npx ${CLI_BIN}`;
 var MCP_PACKAGE = "ply-ui-mcp";
 var MCP_NPX = `npx -y ${MCP_PACKAGE}`;
 
+// src/paths.ts
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var CONFIG_FILE = "ply-ui.json";
+var LEGACY_CONFIG_FILE = "base-ui.json";
+var LOCKFILE_NAME = "ply-ui-lock.json";
+var LEGACY_LOCKFILE_NAME = "base-ui-lock.json";
+var SNAPSHOT_ROOT = ".ply-ui/snapshots";
+function firstExisting(cwd, names) {
+  for (const name of names) {
+    const resolved = import_path.default.resolve(cwd, name);
+    if (import_fs.default.existsSync(resolved)) return resolved;
+  }
+  return null;
+}
+function configFilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [CONFIG_FILE, LEGACY_CONFIG_FILE]);
+}
+function lockfilePath(cwd = process.cwd()) {
+  return firstExisting(cwd, [LOCKFILE_NAME, LEGACY_LOCKFILE_NAME]) || import_path.default.resolve(cwd, LOCKFILE_NAME);
+}
+
 // src/config.ts
 function readConfig() {
-  const configPath = import_path.default.resolve(process.cwd(), "base-ui.json");
-  if (!import_fs.default.existsSync(configPath)) {
-    console.error(`base-ui.json not found. Please run "${CLI_NPX} init" first.`);
+  const resolved = configFilePath();
+  if (!resolved) {
+    console.error(
+      `${CONFIG_FILE} not found (also looked for ${LEGACY_CONFIG_FILE}). Please run "${CLI_NPX} init" first.`
+    );
     return null;
   }
   try {
-    const config = JSON.parse(import_fs.default.readFileSync(configPath, "utf8"));
+    const config = JSON.parse(import_fs2.default.readFileSync(resolved, "utf8"));
     if (!config || !config.aliases || !config.aliases.components) {
-      throw new Error("Missing aliases.components in base-ui.json");
+      throw new Error(`Missing aliases.components in ${import_path2.default.basename(resolved)}`);
     }
     return config;
   } catch (err) {
-    console.error(`Error reading base-ui.json: ${err.message}`);
+    console.error(`Error reading ${import_path2.default.basename(resolved)}: ${err.message}`);
     return null;
   }
 }
 
 // src/lockfile.ts
-var import_fs2 = __toESM(require("fs"));
-var import_path2 = __toESM(require("path"));
+var import_fs3 = __toESM(require("fs"));
 var import_crypto = __toESM(require("crypto"));
-var LOCKFILE_NAME = "base-ui-lock.json";
 var LOCKFILE_VERSION = 1;
 function hashContent(content) {
   return import_crypto.default.createHash("sha256").update(content, "utf8").digest("hex");
 }
-function lockfilePath() {
-  return import_path2.default.resolve(process.cwd(), LOCKFILE_NAME);
-}
 function readLockFile() {
   const p = lockfilePath();
-  if (!import_fs2.default.existsSync(p)) {
+  if (!import_fs3.default.existsSync(p)) {
     return { version: LOCKFILE_VERSION, components: {} };
   }
   try {
-    const parsed = JSON.parse(import_fs2.default.readFileSync(p, "utf8"));
+    const parsed = JSON.parse(import_fs3.default.readFileSync(p, "utf8"));
     if (parsed && typeof parsed === "object" && parsed.components) {
       return { version: parsed.version ?? LOCKFILE_VERSION, components: parsed.components };
     }
@@ -93,7 +112,7 @@ function readLockFile() {
   return { version: LOCKFILE_VERSION, components: {} };
 }
 function writeLockFile(lock) {
-  import_fs2.default.writeFileSync(lockfilePath(), JSON.stringify(lock, null, 2) + "\n", "utf8");
+  import_fs3.default.writeFileSync(lockfilePath(), JSON.stringify(lock, null, 2) + "\n", "utf8");
 }
 
 // src/path-safety.ts
@@ -109,33 +128,32 @@ var import_registry = require("../registry");
 var import_sync = require("../sync");
 
 // src/snapshot.ts
-var import_fs3 = __toESM(require("fs"));
+var import_fs4 = __toESM(require("fs"));
 var import_path4 = __toESM(require("path"));
-var SNAPSHOT_ROOT = ".base-ui/snapshots";
-function snapshotPath(component, file) {
-  return import_path4.default.resolve(process.cwd(), SNAPSHOT_ROOT, component, file);
+function snapshotPath(component, file, root) {
+  return import_path4.default.resolve(process.cwd(), root, component, file);
 }
 function writeSnapshot(component, file, content) {
   if (!isSafeFileName(file) || !isSafeFileName(component)) return;
-  const dest = snapshotPath(component, file);
-  import_fs3.default.mkdirSync(import_path4.default.dirname(dest), { recursive: true });
-  import_fs3.default.writeFileSync(dest, content, "utf8");
+  const dest = snapshotPath(component, file, SNAPSHOT_ROOT);
+  import_fs4.default.mkdirSync(import_path4.default.dirname(dest), { recursive: true });
+  import_fs4.default.writeFileSync(dest, content, "utf8");
 }
 
 // src/merge.ts
-var import_fs4 = __toESM(require("fs"));
+var import_fs5 = __toESM(require("fs"));
 var import_os = __toESM(require("os"));
 var import_path5 = __toESM(require("path"));
 var import_child_process = require("child_process");
 function mergeThreeWay(args) {
-  const dir = import_fs4.default.mkdtempSync(import_path5.default.join(import_os.default.tmpdir(), "base-ui-merge-"));
+  const dir = import_fs5.default.mkdtempSync(import_path5.default.join(import_os.default.tmpdir(), "base-ui-merge-"));
   const ancestorPath = import_path5.default.join(dir, "ancestor");
   const localPath = import_path5.default.join(dir, "local");
   const upstreamPath = import_path5.default.join(dir, "upstream");
   try {
-    import_fs4.default.writeFileSync(ancestorPath, args.ancestor, "utf8");
-    import_fs4.default.writeFileSync(localPath, args.local, "utf8");
-    import_fs4.default.writeFileSync(upstreamPath, args.upstream, "utf8");
+    import_fs5.default.writeFileSync(ancestorPath, args.ancestor, "utf8");
+    import_fs5.default.writeFileSync(localPath, args.local, "utf8");
+    import_fs5.default.writeFileSync(upstreamPath, args.upstream, "utf8");
     const result = (0, import_child_process.spawnSync)(
       "git",
       ["merge-file", "-p", "--diff3", localPath, ancestorPath, upstreamPath],
@@ -151,7 +169,7 @@ function mergeThreeWay(args) {
     const text = result.stdout ?? "";
     return { clean: result.status === 0, text };
   } finally {
-    import_fs4.default.rmSync(dir, { recursive: true, force: true });
+    import_fs5.default.rmSync(dir, { recursive: true, force: true });
   }
 }
 function conflictMarkers(args) {
@@ -253,8 +271,8 @@ async function update(components, options = {}) {
             console.warn(`\u26A0 Skipping unsafe file path from registry: ${result.name}/${file.path}`);
             continue;
           }
-          import_fs5.default.mkdirSync(import_path6.default.dirname(localPath), { recursive: true });
-          import_fs5.default.writeFileSync(localPath, file.upstreamContent ?? "", "utf8");
+          import_fs6.default.mkdirSync(import_path6.default.dirname(localPath), { recursive: true });
+          import_fs6.default.writeFileSync(localPath, file.upstreamContent ?? "", "utf8");
           lock.components[result.name].files[file.path] = hashContent(file.upstreamContent ?? "");
           writeSnapshot(result.name, file.path, file.upstreamContent ?? "");
           lockChanged = true;
@@ -273,8 +291,8 @@ async function update(components, options = {}) {
         continue;
       }
       if (file.status === "upstream-changed" || file.status === "new-upstream") {
-        import_fs5.default.mkdirSync(import_path6.default.dirname(localPath), { recursive: true });
-        import_fs5.default.writeFileSync(localPath, file.upstreamContent ?? "", "utf8");
+        import_fs6.default.mkdirSync(import_path6.default.dirname(localPath), { recursive: true });
+        import_fs6.default.writeFileSync(localPath, file.upstreamContent ?? "", "utf8");
         lock.components[result.name].files[file.path] = hashContent(file.upstreamContent ?? "");
         writeSnapshot(result.name, file.path, file.upstreamContent ?? "");
         lockChanged = true;
@@ -307,7 +325,7 @@ async function update(components, options = {}) {
               local: file.localContent ?? "",
               upstream: file.upstreamContent ?? ""
             });
-            import_fs5.default.writeFileSync(localPath, merged.text, "utf8");
+            import_fs6.default.writeFileSync(localPath, merged.text, "utf8");
             lock.components[result.name].files[file.path] = hashContent(merged.text);
             writeSnapshot(result.name, file.path, merged.text);
             lockChanged = true;
@@ -322,14 +340,14 @@ async function update(components, options = {}) {
             }
           }
         } else if (choice === "upstream") {
-          import_fs5.default.writeFileSync(localPath, file.upstreamContent ?? "", "utf8");
+          import_fs6.default.writeFileSync(localPath, file.upstreamContent ?? "", "utf8");
           lock.components[result.name].files[file.path] = hashContent(file.upstreamContent ?? "");
           writeSnapshot(result.name, file.path, file.upstreamContent ?? "");
           lockChanged = true;
           conflictsToUpstream++;
           console.log(`  \u2191 ${result.name}/${file.path}  (took upstream, your edits were overwritten)`);
         } else if (choice === "save-aside") {
-          import_fs5.default.writeFileSync(`${localPath}.upstream`, file.upstreamContent ?? "", "utf8");
+          import_fs6.default.writeFileSync(`${localPath}.upstream`, file.upstreamContent ?? "", "utf8");
           conflictsSavedAside++;
           console.log(`  \u21C4 ${result.name}/${file.path}.upstream  (merge by hand \u2014 your file was left untouched)`);
         } else {

package/dist/index.js

@@ -34,7 +34,7 @@ function printHelp() {
   console.log(`Usage: ${CLI_BIN} <command> [options]
 
 Commands:
-  init                 Initialize your project (base-ui.json, styles, icons, Cursor rules, snippets)
+  init                 Initialize your project (ply-ui.json, styles, icons, Cursor rules, snippets)
   add [components...]  Add components; omit names to pick from the catalog
   list                 List all available components (free and pro)
   diff [components...] Show upstream changes for installed components since you added them
@@ -108,7 +108,7 @@ function parseArgs(argv) {
 async function main() {
   const { command, positionals, flags } = parseArgs(process.argv.slice(2));
   if (flags.version && !command) {
-    console.log("1.1.123");
+    console.log("1.1.125");
     return;
   }
   if (flags.help || !command) {
@@ -158,7 +158,7 @@ async function main() {
     }
     case "--version":
     case "-V":
-      console.log("1.1.123");
+      console.log("1.1.125");
       return;
     default:
       console.error(`Unknown command: ${command}`);

package/dist/sync.js

@@ -45,6 +45,13 @@ var import_registry = require("./registry");
 
 // src/lockfile.ts
 var import_crypto = __toESM(require("crypto"));
+
+// src/paths.ts
+var LOCKFILE_NAME = "ply-ui-lock.json";
+var SNAPSHOT_ROOT = ".ply-ui/snapshots";
+var LEGACY_SNAPSHOT_ROOT = ".base-ui/snapshots";
+
+// src/lockfile.ts
 function hashContent(content) {
   return import_crypto.default.createHash("sha256").update(content, "utf8").digest("hex");
 }
@@ -52,16 +59,18 @@ function hashContent(content) {
 // src/snapshot.ts
 var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
-var SNAPSHOT_ROOT = ".base-ui/snapshots";
-function snapshotPath(component, file) {
-  return import_path.default.resolve(process.cwd(), SNAPSHOT_ROOT, component, file);
+function snapshotPath(component, file, root) {
+  return import_path.default.resolve(process.cwd(), root, component, file);
 }
 function readSnapshot(component, file, expectedHash) {
-  const dest = snapshotPath(component, file);
-  if (!import_fs.default.existsSync(dest)) return void 0;
-  const content = import_fs.default.readFileSync(dest, "utf8");
-  if (expectedHash && hashContent(content) !== expectedHash) return void 0;
-  return content;
+  for (const root of [SNAPSHOT_ROOT, LEGACY_SNAPSHOT_ROOT]) {
+    const dest = snapshotPath(component, file, root);
+    if (!import_fs.default.existsSync(dest)) continue;
+    const content = import_fs.default.readFileSync(dest, "utf8");
+    if (expectedHash && hashContent(content) !== expectedHash) continue;
+    return content;
+  }
+  return void 0;
 }
 
 // src/brand.ts
@@ -100,7 +109,7 @@ async function computeComponentDiff(name, componentsRoot, lock, index) {
     return {
       name,
       files: [],
-      error: `not tracked in ${import_path2.default.basename("base-ui-lock.json")} \u2014 run "${CLI_NPX} add ${name} --overwrite" to start tracking it.`
+      error: `not tracked in ${LOCKFILE_NAME} \u2014 run "${CLI_NPX} add ${name} --overwrite" to start tracking it.`
     };
   }
   const indexEntry = index.find((i) => i.name === name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ply-ui-cli",
-  "version": "1.1.123",
+  "version": "1.1.125",
   "description": "Ply CLI — add Angular + Tailwind CSS components to your project (shadcn-style, code is copied in and owned by you). Not MUI Base UI.",
   "main": "dist/index.js",
   "publishConfig": {