ds-01 0.1.4 → 0.1.6

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
 [?9001h[?1004h]0;C:\WINDOWS\system32\cmd.exe[?25h[?25l
-> ds-01@0.1.3 build C:\Web-dev 2.0\Personal Projects\ds01\packages\cli
+> ds-01@0.1.5 build C:\Web-dev 2.0\Personal Projects\ds01\packages\cli
 > tsc[?25h[?9001l[?1004l

package/dist/commands/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAUpC,eAAO,MAAM,GAAG,SAiEZ,CAAC"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAkDpC,eAAO,MAAM,GAAG,SAwGZ,CAAC"}

package/dist/commands/add.js

@@ -1,63 +1,104 @@
 import { Command } from "commander";
-import chalk from "chalk";
-import ora from "ora";
+import { intro, outro, spinner, cancel, note } from "@clack/prompts";
+import pc from "picocolors";
 import fs from "fs";
 import path from "path";
 import { execSync } from "child_process";
 import { getToken } from "../utils/config.js";
-const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app"; // Point to localhost for testing
+const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app";
+// Helper to verify Tailwind exists before doing anything
+function checkTailwindInstallation() {
+    const targetDir = process.cwd();
+    const pkgJsonPath = path.join(targetDir, "package.json");
+    // 1. Ensure they are in a valid Node.js project
+    if (!fs.existsSync(pkgJsonPath)) {
+        cancel(pc.red("No package.json found. Please run this command inside a Node.js project."));
+        process.exit(1);
+    }
+    // 2. Read package.json dependencies
+    const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8"));
+    const allDeps = {
+        ...pkgJson.dependencies,
+        ...pkgJson.devDependencies,
+    };
+    // 3. Strict Tailwind Check
+    if (!allDeps["tailwindcss"]) {
+        cancel(pc.red("Tailwind CSS is missing from your project dependencies.\n") +
+            pc.gray("DS01 components rely strictly on Tailwind CSS for styling.\n\n") +
+            pc.white("Kindly install it and configure your project, then retry:\n") +
+            pc.cyan("  npm install tailwindcss @tailwindcss/postcss postcss\n\n") +
+            pc.gray("Official Setup Guide: ") +
+            pc.underline("https://tailwindcss.com/docs/installation"));
+        process.exit(1);
+    }
+}
 export const add = new Command()
     .name("add")
     .description("Add a component from DS01 to your project")
     .argument("<component>", "The name of the component (e.g., premium-section)")
     .action(async (componentName) => {
+    console.log(); // Spacing for visual breathing room
+    // 1. Premium Header
+    intro(`${pc.bgWhite(pc.black(pc.bold(" DS01 ")))} ${pc.gray("Adding Component")}`);
+    // 2. Run Pre-Flight Tailwind Check
+    checkTailwindInstallation();
     const cwd = process.cwd();
     const configPath = path.join(cwd, "ds01.config.json");
     if (!fs.existsSync(configPath)) {
-        console.log(chalk.red("✖ ds01.config.json not found."));
-        console.log(`Run ${chalk.cyan("npx @arpit2023/ds01 init")} first.`);
+        cancel(pc.red("ds01.config.json not found. Run 'npx ds-01 init' first."));
         process.exit(1);
     }
     const config = JSON.parse(fs.readFileSync(configPath, "utf-8"));
     const token = getToken();
-    const spinner = ora(`Fetching <${componentName} /> from registry...`).start();
+    const s = spinner();
+    s.start(`Fetching ${pc.cyan(`<${componentName} />`)} from registry...`);
     try {
+        // 3. Fetch component from your API
         const response = await fetch(`${API_BASE_URL}/api/registry/${componentName}`, {
-            headers: { Authorization: `Bearer ${token || ""}` },
+            headers: {
+                Authorization: `Bearer ${config.token}`,
+                "X-Machine-ID": config.machineId, // <-- ADD THIS LINE
+            },
         });
         if (!response.ok) {
-            throw new Error(`Component not found or server error (${response.status})`);
+            s.stop(pc.red("Component fetch failed."));
+            cancel(`Component not found or server error (HTTP ${response.status})`);
+            process.exit(1);
         }
         const componentData = await response.json();
-        // Create a dedicated folder for the component inside the user's project
+        // 4. Create dedicated component folder
         const targetDir = path.join(cwd, config.componentsPath, componentName);
         if (!fs.existsSync(targetDir)) {
             fs.mkdirSync(targetDir, { recursive: true });
         }
-        // Write all the pure files!
+        // 5. Inject the pure code files
         for (const file of componentData.files) {
             const filePath = path.join(targetDir, file.name);
             fs.writeFileSync(filePath, file.content);
         }
-        spinner.succeed(chalk.green(`Downloaded ${componentData.files.length} files for ${componentName}`));
-        // Auto-install dependencies like framer-motion
+        s.stop(pc.green(`Downloaded ${componentData.files.length} files into ${pc.white(`/${config.componentsPath}/${componentName}`)}`));
+        // 6. Auto-install Missing Component Dependencies (e.g., framer-motion)
         if (componentData.dependencies && componentData.dependencies.length > 0) {
             const depsToInstall = componentData.dependencies.join(" ");
-            const installSpinner = ora(`Installing dependencies: ${chalk.cyan(depsToInstall)}...`).start();
+            s.start(`Installing missing dependencies: ${pc.cyan(depsToInstall)}...`);
             try {
+                // Silently runs the npm install command in the background
                 execSync(`npm install ${depsToInstall}`, { stdio: "ignore" });
-                installSpinner.succeed(chalk.green("Dependencies installed successfully."));
+                s.stop(pc.green(`Dependencies installed successfully: ${pc.gray(depsToInstall)}`));
             }
             catch (error) {
-                installSpinner.fail(chalk.red("Failed to auto-install dependencies. Please install manually."));
+                s.stop(pc.red("Failed to auto-install dependencies."));
+                note(`Please run: ${pc.cyan(`npm install ${depsToInstall}`)} manually.`, "Manual Action Required");
             }
         }
-        console.log("\n" + chalk.green.bold(`✔ Component <${componentName} /> is ready!`));
-        console.log(chalk.gray(`Import it: import { Section } from "@/${config.componentsPath}/${componentName}/Section"`));
+        // 7. Clean Success Outro
+        outro(`${pc.white("✔")} ${pc.bold(`Component <${componentName} /> is ready!`)}\n` +
+            pc.gray(`Import it: `) +
+            pc.cyan(`import { Section } from "@/${config.componentsPath}/${componentName}/Section"`));
     }
     catch (error) {
-        spinner.fail(chalk.red(`Failed to add component.`));
-        console.error(chalk.red(error.message));
+        s.stop(pc.red("An error occurred during injection."));
+        cancel(pc.gray(error.message || "Unknown CLI Error"));
         process.exit(1);
     }
 });

package/dist/commands/login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/commands/login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,eAAO,MAAM,KAAK,SAgFd,CAAC"}
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/commands/login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAUpC,eAAO,MAAM,KAAK,SA4Fd,CAAC"}

package/dist/commands/login.js

@@ -1,43 +1,49 @@
 import { Command } from "commander";
-import ora from "ora";
-import chalk from "chalk";
+import { intro, outro, spinner, note, cancel } from "@clack/prompts";
+import pc from "picocolors";
 import open from "open";
 import machineIdPkg from "node-machine-id";
-import { saveToken } from "../utils/config.js"; // <-- Imported our new wallet helper!
-// ⚠️ In production, replace with your actual deployed Vercel domain
+import { saveToken } from "../utils/config.js";
 const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app";
 const { machineIdSync } = machineIdPkg;
 export const login = new Command()
     .name("login")
     .description("Authenticate your terminal with DS01 via browser")
     .action(async () => {
-    const spinner = ora("Initializing secure login flow...").start();
+    console.log(); // Spacing for breathing room
+    // 1. Header banner
+    intro(`${pc.bgWhite(pc.black(pc.bold(" DS01 ")))} ${pc.gray("v1.0.0 — Terminal Authentication")}`);
+    const s = spinner();
     try {
-        // 1. Generate Hardware Fingerprint Hash (MAC/CPU bound)
+        // 2. Hardware ID Generation & Device Code Request
+        s.start("Generating hardware fingerprint & requesting pairing code...");
         const hardwareId = machineIdSync();
-        // 2. Request a new Device Code from the Next.js API
         const initResponse = await fetch(`${API_BASE_URL}/api/auth/device/code`, {
             method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-            },
+            headers: { "Content-Type": "application/json" },
             body: JSON.stringify({ machineId: hardwareId }),
         });
         if (!initResponse.ok) {
-            throw new Error("Failed to reach DS01 authorization server.");
+            s.stop(pc.red("Failed to reach DS01 authorization server."));
+            cancel(`Server responded with HTTP ${initResponse.status}`);
+            process.exit(1);
         }
         const { deviceCode, userCode, verificationUrl, interval } = await initResponse.json();
-        spinner.stop();
-        console.log("\n" + chalk.cyan.bold("=== DS01 Secure Terminal Login ==="));
-        console.log(`\nYour device pairing code is: ${chalk.bgCyan.black.bold(` ${userCode} `)}\n`);
-        console.log(`If your browser does not open automatically, visit:`);
-        console.log(chalk.underline.blue(verificationUrl) + "\n");
-        // 3. Automatically open the user's default browser
-        await open(verificationUrl);
-        spinner.start("Waiting for web approval...");
-        // 4. Poll the Token Endpoint
+        s.stop(pc.green("Device authorization code generated."));
+        // 3. Highlighted Box for User Action
+        note(`${pc.bold("Pairing Code:")}    ${pc.cyan(pc.bold(` ${userCode} `))}\n` +
+            `${pc.bold("Verification URL:")} ${pc.underline(verificationUrl)}`, "Action Required");
+        // 4. Auto-launch Browser
+        try {
+            await open(verificationUrl);
+        }
+        catch {
+            // Non-blocking fallback if browser launch fails on headless setups
+        }
+        // 5. Polling Loop
+        s.start("Waiting for web authorization...");
         let token = null;
-        const pollInterval = (interval || 5) * 1000; // Updated to match our 5s secure interval
+        const pollInterval = (interval || 5) * 1000;
         while (!token) {
             await new Promise((resolve) => setTimeout(resolve, pollInterval));
             const tokenResponse = await fetch(`${API_BASE_URL}/api/auth/device/token`, {
@@ -50,20 +56,20 @@ export const login = new Command()
                 token = tokenData.accessToken;
             }
             else if (tokenData.error !== "authorization_pending") {
-                spinner.fail(chalk.red("Authorization failed or expired."));
-                console.error(chalk.red(`Reason: ${tokenData.error}`));
+                s.stop(pc.red("Authorization failed or expired."));
+                cancel(`Reason: ${tokenData.error || "Unknown authorization error"}`);
                 process.exit(1);
             }
         }
-        // 5. Save Token securely using our new config utility
-        // We pass the token and hardwareId into the wallet.
+        // 6. Save token to local wallet
         saveToken(token, hardwareId);
-        spinner.succeed(chalk.green.bold("Terminal paired successfully!"));
-        console.log(chalk.gray(`Session token bound to hardware signature and saved locally.`));
+        s.stop(pc.green("Hardware signature linked & token verified!"));
+        // 7. Clean Success Outro
+        outro(`${pc.white("✔")} ${pc.bold("Terminal synced successfully")} ${pc.gray("Session token saved locally.")}`);
     }
     catch (error) {
-        spinner.fail(chalk.red("An error occurred during login."));
-        console.error(chalk.red(error.message));
+        s.stop(pc.red("An error occurred during login."));
+        cancel(pc.gray(error.message || "Unknown CLI Error"));
         process.exit(1);
     }
 });

package/dist/index.js

@@ -3,16 +3,18 @@ import { Command } from "commander";
 import { login } from "./commands/login.js";
 import { whoami } from "./commands/whoami.js";
 import { logout } from "./commands/logout.js";
-import { init } from "./commands/init.js"; // <-- Imported the new init command!
+import { init } from "./commands/init.js";
+import { add } from "./commands/add.js"; // <-- 1. Import the add command!
 const program = new Command();
 program
-    .name("ds01")
+    .name("ds-01")
     .description("DS01 Custom Component Registry CLI")
-    .version("1.0.0");
+    .version("0.1.5");
 // Register the commands
 program.addCommand(login);
 program.addCommand(whoami);
 program.addCommand(logout);
-program.addCommand(init); // <-- Registered it here!
+program.addCommand(init);
+program.addCommand(add); // <-- 2. Register the add command!
 // Parse the arguments from the terminal
 program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ds-01",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Make your site best with DS01",
   "type": "module",
   "bin": {

package/src/commands/add.ts

@@ -1,76 +1,155 @@
 import { Command } from "commander";
-import chalk from "chalk";
-import ora from "ora";
+import { intro, outro, spinner, cancel, note } from "@clack/prompts";
+import pc from "picocolors";
 import fs from "fs";
 import path from "path";
 import { execSync } from "child_process";
 import { getToken } from "../utils/config.js";
 
-const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app"; // Point to localhost for testing
+const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app";
+
+// Helper to verify Tailwind exists before doing anything
+function checkTailwindInstallation() {
+  const targetDir = process.cwd();
+  const pkgJsonPath = path.join(targetDir, "package.json");
+
+  // 1. Ensure they are in a valid Node.js project
+  if (!fs.existsSync(pkgJsonPath)) {
+    cancel(
+      pc.red(
+        "No package.json found. Please run this command inside a Node.js project.",
+      ),
+    );
+    process.exit(1);
+  }
+
+  // 2. Read package.json dependencies
+  const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8"));
+  const allDeps = {
+    ...pkgJson.dependencies,
+    ...pkgJson.devDependencies,
+  };
+
+  // 3. Strict Tailwind Check
+  if (!allDeps["tailwindcss"]) {
+    cancel(
+      pc.red("Tailwind CSS is missing from your project dependencies.\n") +
+        pc.gray(
+          "DS01 components rely strictly on Tailwind CSS for styling.\n\n",
+        ) +
+        pc.white(
+          "Kindly install it and configure your project, then retry:\n",
+        ) +
+        pc.cyan("  npm install tailwindcss @tailwindcss/postcss postcss\n\n") +
+        pc.gray("Official Setup Guide: ") +
+        pc.underline("https://tailwindcss.com/docs/installation"),
+    );
+    process.exit(1);
+  }
+}
 
 export const add = new Command()
   .name("add")
   .description("Add a component from DS01 to your project")
   .argument("<component>", "The name of the component (e.g., premium-section)")
   .action(async (componentName: string) => {
+    console.log(); // Spacing for visual breathing room
+
+    // 1. Premium Header
+    intro(
+      `${pc.bgWhite(pc.black(pc.bold(" DS01 ")))} ${pc.gray("Adding Component")}`,
+    );
+
+    // 2. Run Pre-Flight Tailwind Check
+    checkTailwindInstallation();
+
     const cwd = process.cwd();
     const configPath = path.join(cwd, "ds01.config.json");
 
     if (!fs.existsSync(configPath)) {
-      console.log(chalk.red("✖ ds01.config.json not found."));
-      console.log(`Run ${chalk.cyan("npx @arpit2023/ds01 init")} first.`);
+      cancel(pc.red("ds01.config.json not found. Run 'npx ds-01 init' first."));
       process.exit(1);
     }
 
     const config = JSON.parse(fs.readFileSync(configPath, "utf-8"));
     const token = getToken();
 
-    const spinner = ora(`Fetching <${componentName} /> from registry...`).start();
+    const s = spinner();
+    s.start(`Fetching ${pc.cyan(`<${componentName} />`)} from registry...`);
 
     try {
-      const response = await fetch(`${API_BASE_URL}/api/registry/${componentName}`, {
-        headers: { Authorization: `Bearer ${token || ""}` },
-      });
+      // 3. Fetch component from your API
+      const response = await fetch(
+        `${API_BASE_URL}/api/registry/${componentName}`,
+        {
+          headers: {
+            Authorization: `Bearer ${config.token}`,
+            "X-Machine-ID": config.machineId, // <-- ADD THIS LINE
+          },
+        },
+      );
 
       if (!response.ok) {
-        throw new Error(`Component not found or server error (${response.status})`);
+        s.stop(pc.red("Component fetch failed."));
+        cancel(`Component not found or server error (HTTP ${response.status})`);
+        process.exit(1);
       }
 
       const componentData = await response.json();
 
-      // Create a dedicated folder for the component inside the user's project
+      // 4. Create dedicated component folder
       const targetDir = path.join(cwd, config.componentsPath, componentName);
       if (!fs.existsSync(targetDir)) {
         fs.mkdirSync(targetDir, { recursive: true });
       }
 
-      // Write all the pure files!
+      // 5. Inject the pure code files
       for (const file of componentData.files) {
         const filePath = path.join(targetDir, file.name);
         fs.writeFileSync(filePath, file.content);
       }
-      
-      spinner.succeed(chalk.green(`Downloaded ${componentData.files.length} files for ${componentName}`));
 
-      // Auto-install dependencies like framer-motion
+      s.stop(
+        pc.green(
+          `Downloaded ${componentData.files.length} files into ${pc.white(`/${config.componentsPath}/${componentName}`)}`,
+        ),
+      );
+
+      // 6. Auto-install Missing Component Dependencies (e.g., framer-motion)
       if (componentData.dependencies && componentData.dependencies.length > 0) {
         const depsToInstall = componentData.dependencies.join(" ");
-        const installSpinner = ora(`Installing dependencies: ${chalk.cyan(depsToInstall)}...`).start();
-        
+        s.start(
+          `Installing missing dependencies: ${pc.cyan(depsToInstall)}...`,
+        );
+
         try {
+          // Silently runs the npm install command in the background
           execSync(`npm install ${depsToInstall}`, { stdio: "ignore" });
-          installSpinner.succeed(chalk.green("Dependencies installed successfully."));
+          s.stop(
+            pc.green(
+              `Dependencies installed successfully: ${pc.gray(depsToInstall)}`,
+            ),
+          );
         } catch (error) {
-          installSpinner.fail(chalk.red("Failed to auto-install dependencies. Please install manually."));
+          s.stop(pc.red("Failed to auto-install dependencies."));
+          note(
+            `Please run: ${pc.cyan(`npm install ${depsToInstall}`)} manually.`,
+            "Manual Action Required",
+          );
         }
       }
 
-      console.log("\n" + chalk.green.bold(`✔ Component <${componentName} /> is ready!`));
-      console.log(chalk.gray(`Import it: import { Section } from "@/${config.componentsPath}/${componentName}/Section"`));
-
+      // 7. Clean Success Outro
+      outro(
+        `${pc.white("✔")} ${pc.bold(`Component <${componentName} /> is ready!`)}\n` +
+          pc.gray(`Import it: `) +
+          pc.cyan(
+            `import { Section } from "@/${config.componentsPath}/${componentName}/Section"`,
+          ),
+      );
     } catch (error: any) {
-      spinner.fail(chalk.red(`Failed to add component.`));
-      console.error(chalk.red(error.message));
+      s.stop(pc.red("An error occurred during injection."));
+      cancel(pc.gray(error.message || "Unknown CLI Error"));
       process.exit(1);
     }
-  });
+  });

package/src/commands/login.ts

@@ -1,11 +1,10 @@
 import { Command } from "commander";
-import ora from "ora";
-import chalk from "chalk";
+import { intro, outro, spinner, note, cancel } from "@clack/prompts";
+import pc from "picocolors";
 import open from "open";
 import machineIdPkg from "node-machine-id";
-import { saveToken } from "../utils/config.js"; // <-- Imported our new wallet helper!
+import { saveToken } from "../utils/config.js";
 
-// ⚠️ In production, replace with your actual deployed Vercel domain
 const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app";
 const { machineIdSync } = machineIdPkg;
 
@@ -13,43 +12,56 @@ export const login = new Command()
   .name("login")
   .description("Authenticate your terminal with DS01 via browser")
   .action(async () => {
-    const spinner = ora("Initializing secure login flow...").start();
+    console.log(); // Spacing for breathing room
+
+    // 1. Header banner
+    intro(
+      `${pc.bgWhite(pc.black(pc.bold(" DS01 ")))} ${pc.gray("v1.0.0 — Terminal Authentication")}`
+    );
+
+    const s = spinner();
 
     try {
-      // 1. Generate Hardware Fingerprint Hash (MAC/CPU bound)
+      // 2. Hardware ID Generation & Device Code Request
+      s.start("Generating hardware fingerprint & requesting pairing code...");
       const hardwareId = machineIdSync();
 
-      // 2. Request a new Device Code from the Next.js API
       const initResponse = await fetch(`${API_BASE_URL}/api/auth/device/code`, {
         method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ machineId: hardwareId }), 
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ machineId: hardwareId }),
       });
 
       if (!initResponse.ok) {
-        throw new Error("Failed to reach DS01 authorization server.");
+        s.stop(pc.red("Failed to reach DS01 authorization server."));
+        cancel(`Server responded with HTTP ${initResponse.status}`);
+        process.exit(1);
       }
 
       const { deviceCode, userCode, verificationUrl, interval } =
         await initResponse.json();
 
-      spinner.stop();
-      console.log("\n" + chalk.cyan.bold("=== DS01 Secure Terminal Login ==="));
-      console.log(
-        `\nYour device pairing code is: ${chalk.bgCyan.black.bold(` ${userCode} `)}\n`,
+      s.stop(pc.green("Device authorization code generated."));
+
+      // 3. Highlighted Box for User Action
+      note(
+        `${pc.bold("Pairing Code:")}    ${pc.cyan(pc.bold(` ${userCode} `))}\n` +
+          `${pc.bold("Verification URL:")} ${pc.underline(verificationUrl)}`,
+        "Action Required"
       );
-      console.log(`If your browser does not open automatically, visit:`);
-      console.log(chalk.underline.blue(verificationUrl) + "\n");
 
-      // 3. Automatically open the user's default browser
-      await open(verificationUrl);
-      spinner.start("Waiting for web approval...");
+      // 4. Auto-launch Browser
+      try {
+        await open(verificationUrl);
+      } catch {
+        // Non-blocking fallback if browser launch fails on headless setups
+      }
+
+      // 5. Polling Loop
+      s.start("Waiting for web authorization...");
 
-      // 4. Poll the Token Endpoint
-      let token = null;
-      const pollInterval = (interval || 5) * 1000; // Updated to match our 5s secure interval
+      let token: string | null = null;
+      const pollInterval = (interval || 5) * 1000;
 
       while (!token) {
         await new Promise((resolve) => setTimeout(resolve, pollInterval));
@@ -60,7 +72,7 @@ export const login = new Command()
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({ deviceCode, machineId: hardwareId }),
-          },
+          }
         );
 
         const tokenData = await tokenResponse.json();
@@ -68,25 +80,24 @@ export const login = new Command()
         if (tokenResponse.ok && tokenData.accessToken) {
           token = tokenData.accessToken;
         } else if (tokenData.error !== "authorization_pending") {
-          spinner.fail(chalk.red("Authorization failed or expired."));
-          console.error(chalk.red(`Reason: ${tokenData.error}`));
+          s.stop(pc.red("Authorization failed or expired."));
+          cancel(`Reason: ${tokenData.error || "Unknown authorization error"}`);
           process.exit(1);
         }
       }
 
-      // 5. Save Token securely using our new config utility
-      // We pass the token and hardwareId into the wallet.
+      // 6. Save token to local wallet
       saveToken(token, hardwareId);
 
-      spinner.succeed(chalk.green.bold("Terminal paired successfully!"));
-      console.log(
-        chalk.gray(
-          `Session token bound to hardware signature and saved locally.`,
-        ),
+      s.stop(pc.green("Hardware signature linked & token verified!"));
+
+      // 7. Clean Success Outro
+      outro(
+        `${pc.white("✔")} ${pc.bold("Terminal synced successfully")} ${pc.gray("Session token saved locally.")}`
       );
     } catch (error: any) {
-      spinner.fail(chalk.red("An error occurred during login."));
-      console.error(chalk.red(error.message));
+      s.stop(pc.red("An error occurred during login."));
+      cancel(pc.gray(error.message || "Unknown CLI Error"));
       process.exit(1);
     }
   });

package/src/index.ts

@@ -4,20 +4,22 @@ import { Command } from "commander";
 import { login } from "./commands/login.js";
 import { whoami } from "./commands/whoami.js"; 
 import { logout } from "./commands/logout.js"; 
-import { init } from "./commands/init.js"; // <-- Imported the new init command!
+import { init } from "./commands/init.js";
+import { add } from "./commands/add.js"; // <-- 1. Import the add command!
 
 const program = new Command();
 
 program
-  .name("ds01")
+  .name("ds-01")
   .description("DS01 Custom Component Registry CLI")
-  .version("1.0.0");
+  .version("0.1.5");
 
 // Register the commands
 program.addCommand(login);
 program.addCommand(whoami); 
 program.addCommand(logout); 
-program.addCommand(init); // <-- Registered it here!
+program.addCommand(init);
+program.addCommand(add); // <-- 2. Register the add command!
 
 // Parse the arguments from the terminal
 program.parse(process.argv);