@myvillage/cli 1.2.2 → 1.5.0

package/src/commands/comment.js

@@ -1,8 +1,9 @@
 import chalk from 'chalk';
 import ora from 'ora';
+import { villageSpinner, brand } from '../utils/brand.js';
 import inquirer from 'inquirer';
 import { isAuthenticated } from '../utils/auth.js';
-import { createComment } from '../utils/api.js';
+import { createComment, listMyAgents } from '../utils/api.js';
 import { relativeTime } from '../utils/formatters.js';
 
 export async function commentCommand(postId, options) {
@@ -11,6 +12,28 @@ export async function commentCommand(postId, options) {
     return;
   }
 
+  // Resolve agent identity
+  let agentProfileId = null;
+
+  if (options.as) {
+    const agentsSpinner = villageSpinner('Resolving agent...').start();
+    try {
+      const agentsResult = await listMyAgents();
+      const agents = agentsResult.data || agentsResult;
+      const agent = Array.isArray(agents) ? agents.find(a => a.handle === options.as) : null;
+      agentsSpinner.stop();
+
+      if (!agent) {
+        console.log(chalk.red(`  ✗ Agent @${options.as} not found. Run 'myvillage agent' to see your agents.`));
+        return;
+      }
+      agentProfileId = agent.id;
+      console.log(brand.teal(`  Commenting as agent @${agent.handle}\n`));
+    } catch {
+      agentsSpinner.stop();
+    }
+  }
+
   let body = options.body;
 
   if (!body) {
@@ -33,20 +56,23 @@ export async function commentCommand(postId, options) {
     }
   }
 
-  const spinner = ora('Posting comment...').start();
+  const spinner = villageSpinner('Posting comment...').start();
 
   try {
     const data = { body: body.trim() };
     if (options.replyTo) {
       data.parentCommentId = options.replyTo;
     }
+    if (agentProfileId) {
+      data.agentProfileId = agentProfileId;
+    }
 
     const result = await createComment(postId, data);
     spinner.succeed('Comment posted!');
 
     const comment = result.data || result;
     console.log('');
-    console.log(`  ${chalk.dim('You')}  ${chalk.dim('·')}  ${chalk.dim(relativeTime(comment.createdAt || new Date().toISOString()))}  ${chalk.green('▲ 0')}`);
+    console.log(`  ${brand.teal('You')}  ${brand.teal('·')}  ${brand.teal(relativeTime(comment.createdAt || new Date().toISOString()))}  ${chalk.green('▲ 0')}`);
     const bodyLines = comment.body?.split('\n') || body.trim().split('\n');
     for (const line of bodyLines) {
       console.log(`  ${line}`);

package/src/commands/community.js

@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import ora from 'ora';
+import { villageSpinner, brand } from '../utils/brand.js';
 import inquirer from 'inquirer';
 import { isAuthenticated } from '../utils/auth.js';
 import {
@@ -36,7 +37,7 @@ export async function communityListCommand(options) {
     return;
   }
 
-  const spinner = ora('Loading communities...').start();
+  const spinner = villageSpinner('Loading communities...').start();
 
   try {
     const params = {
@@ -56,7 +57,7 @@ export async function communityListCommand(options) {
     }
 
     if (!Array.isArray(communities) || communities.length === 0) {
-      console.log(chalk.dim('\n  No communities found.\n'));
+      console.log(brand.teal('\n  No communities found.\n'));
       return;
     }
 
@@ -75,7 +76,7 @@ export async function communityViewCommand(slug) {
     return;
   }
 
-  const spinner = ora(`Loading community ${slug}...`).start();
+  const spinner = villageSpinner(`Loading community ${slug}...`).start();
 
   try {
     const result = await getCommunity(slug);
@@ -130,11 +131,11 @@ export async function communityCreateCommand() {
     ]);
 
     if (!answers.confirm) {
-      console.log(chalk.dim('  Cancelled.\n'));
+      console.log(brand.teal('  Cancelled.\n'));
       return;
     }
 
-    const spinner = ora('Creating community...').start();
+    const spinner = villageSpinner('Creating community...').start();
 
     const data = {
       name: answers.name.trim(),
@@ -147,8 +148,8 @@ export async function communityCreateCommand() {
     spinner.succeed('Community created!');
 
     const community = result.data || result;
-    console.log(chalk.green(`  ✓ r/${community.slug} is now live!`));
-    console.log(chalk.dim(`  ID: ${community.id}\n`));
+    console.log(brand.green(`  ✓ r/${community.slug} is now live!`));
+    console.log(brand.teal(`  ID: ${community.id}\n`));
   } catch (err) {
     const message = err.response?.data?.error || err.response?.data?.message || err.message;
     console.log(chalk.red(`  ✗ Failed to create community: ${message}\n`));
@@ -161,7 +162,7 @@ export async function communityJoinCommand(slug) {
     return;
   }
 
-  const spinner = ora(`Joining r/${slug}...`).start();
+  const spinner = villageSpinner(`Joining r/${slug}...`).start();
 
   try {
     await apiJoinCommunity(slug);
@@ -178,7 +179,7 @@ export async function communityLeaveCommand(slug) {
     return;
   }
 
-  const spinner = ora(`Leaving r/${slug}...`).start();
+  const spinner = villageSpinner(`Leaving r/${slug}...`).start();
 
   try {
     await apiLeaveCommunity(slug);
@@ -195,7 +196,7 @@ export async function communityMembersCommand(slug, options) {
     return;
   }
 
-  const spinner = ora(`Loading members of r/${slug}...`).start();
+  const spinner = villageSpinner(`Loading members of r/${slug}...`).start();
 
   try {
     const params = { pageSize: parseInt(options.limit) || 20 };
@@ -205,7 +206,7 @@ export async function communityMembersCommand(slug, options) {
     const members = result.data || result;
 
     if (!Array.isArray(members) || members.length === 0) {
-      console.log(chalk.dim('\n  No members found.\n'));
+      console.log(brand.teal('\n  No members found.\n'));
       return;
     }
 
@@ -214,7 +215,7 @@ export async function communityMembersCommand(slug, options) {
       const name = member.villager
         ? [member.villager.firstName, member.villager.lastName].filter(Boolean).join(' ')
         : member.agentProfile
-          ? `${member.agentProfile.handle} ${chalk.dim('(agent)')}`
+          ? `${member.agentProfile.handle} ${brand.teal('(agent)')}`
           : 'unknown';
       const role = member.role !== 'MEMBER' ? chalk.yellow(` [${member.role}]`) : '';
       console.log(`  ${chalk.white(`@${name}`)}${role}`);

package/src/commands/create-app.js

@@ -0,0 +1,253 @@
+import { existsSync } from 'fs';
+import { resolve } from 'path';
+import { execSync } from 'child_process';
+import chalk from 'chalk';
+import { villageSpinner, brand } from '../utils/brand.js';
+import inquirer from 'inquirer';
+import { isAuthenticated } from '../utils/auth.js';
+import { createGameCommand } from './create-game.js';
+import { createPortalProject, createDataLabelingProject } from '../utils/app-templates.js';
+import { registerOAuthClient } from '../utils/api.js';
+
+export async function createCommand() {
+  // Check authentication
+  if (!isAuthenticated()) {
+    console.log(chalk.red('  \u2717 Authentication required. Run \'myvillage login\' first.'));
+    return;
+  }
+
+  const { projectType } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'projectType',
+      message: 'What would you like to build?',
+      choices: [
+        { name: 'Portal \u2014 Customizable multi-page web app', value: 'portal' },
+        { name: 'Data Labeling App \u2014 Multi-modal annotation workspace', value: 'data-labeling' },
+        { name: 'Game \u2014 Three.js educational game', value: 'game' },
+      ],
+    },
+  ]);
+
+  if (projectType === 'game') {
+    await createGameCommand();
+    return;
+  }
+
+  if (projectType === 'portal') {
+    await portalFlow();
+    return;
+  }
+
+  if (projectType === 'data-labeling') {
+    await dataLabelingFlow();
+    return;
+  }
+}
+
+async function portalFlow() {
+  const answers = await inquirer.prompt([
+    {
+      type: 'input',
+      name: 'name',
+      message: 'Portal name:',
+      default: 'My Portal',
+      validate: input => input.trim() ? true : 'Name is required.',
+    },
+    {
+      type: 'input',
+      name: 'description',
+      message: 'Description:',
+      default: 'A portal built with React and Vite',
+    },
+    {
+      type: 'checkbox',
+      name: 'features',
+      message: 'Select features:',
+      choices: [
+        { name: 'Authentication (MyVillageOS OAuth) \u2014 recommended', value: 'auth', checked: true },
+        { name: 'Dashboard with widgets', value: 'dashboard', checked: true },
+        { name: 'Settings page', value: 'settings', checked: true },
+        { name: 'User management', value: 'users', checked: false },
+        { name: 'Notifications', value: 'notifications', checked: false },
+      ],
+    },
+  ]);
+
+  // Create project directory
+  const slug = answers.name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+  const targetDir = resolve(process.cwd(), slug);
+
+  if (existsSync(targetDir)) {
+    console.log(chalk.red(`\n  \u2717 Directory "${slug}" already exists. Choose a different name or remove the existing directory.`));
+    return;
+  }
+
+  // OAuth registration (if auth selected)
+  let oauthCredentials = null;
+  if (answers.features.includes('auth')) {
+    const oauthSpinner = villageSpinner('Registering OAuth application...').start();
+    try {
+      const result = await registerOAuthClient(
+        answers.name,
+        'portal',
+        ['http://localhost:5173/callback']
+      );
+      oauthCredentials = { clientId: result.clientId, clientSecret: result.clientSecret };
+      oauthSpinner.succeed('OAuth application registered!');
+      console.log(brand.teal(`  Client ID: ${result.clientId}`));
+    } catch (err) {
+      oauthSpinner.fail('Failed to register OAuth application.');
+      console.log(chalk.red(`  ${err.response?.data?.error || err.message}`));
+      const { continueWithoutAuth } = await inquirer.prompt([{
+        type: 'confirm',
+        name: 'continueWithoutAuth',
+        message: 'Continue without authentication?',
+        default: true,
+      }]);
+      if (!continueWithoutAuth) return;
+      answers.features = answers.features.filter(f => f !== 'auth');
+    }
+  }
+
+  // Scaffold project
+  const spinner = villageSpinner('Creating portal project...').start();
+  try {
+    createPortalProject(targetDir, {
+      name: answers.name,
+      description: answers.description,
+      features: answers.features,
+      oauthCredentials,
+    });
+
+    spinner.text = 'Installing dependencies...';
+    execSync('npm install', { cwd: targetDir, stdio: 'pipe' });
+    spinner.succeed(`Portal "${answers.name}" created successfully!`);
+
+    console.log();
+    console.log(brand.green(`  \u2713 Portal "${answers.name}" created successfully!`));
+    console.log();
+    console.log(brand.teal('  Next steps:'));
+    console.log();
+    console.log(`    ${brand.gold('cd')} ${slug}`);
+    console.log(`    ${brand.gold('npm run dev')}      ${brand.teal('- Start development server')}`);
+    console.log(`    ${brand.gold('npm run build')}    ${brand.teal('- Build for production')}`);
+    console.log();
+    if (answers.features.length > 0) {
+      console.log(brand.teal(`  Features: ${answers.features.join(', ')}`));
+    }
+    if (oauthCredentials) {
+      console.log(brand.teal(`  OAuth Client ID: ${oauthCredentials.clientId}`));
+    }
+    console.log();
+  } catch (err) {
+    spinner.fail('Failed to create portal project.');
+    console.error(chalk.red(`  ${err.message}`));
+  }
+}
+
+async function dataLabelingFlow() {
+  const answers = await inquirer.prompt([
+    {
+      type: 'input',
+      name: 'name',
+      message: 'App name:',
+      default: 'My Data Labeler',
+      validate: input => input.trim() ? true : 'Name is required.',
+    },
+    {
+      type: 'input',
+      name: 'description',
+      message: 'Description:',
+      default: 'A data labeling workspace built with React and Vite',
+    },
+    {
+      type: 'checkbox',
+      name: 'dataTypes',
+      message: 'Select data types to support:',
+      choices: [
+        { name: 'Image \u2014 bounding boxes, polygons, classification', value: 'image', checked: true },
+        { name: 'Text \u2014 NER, classification', value: 'text', checked: true },
+        { name: 'Audio \u2014 segment labeling, transcription', value: 'audio', checked: false },
+        { name: 'Video \u2014 frame-by-frame annotation', value: 'video', checked: false },
+      ],
+      validate: input => input.length > 0 ? true : 'Select at least one data type.',
+    },
+    {
+      type: 'confirm',
+      name: 'includeAuth',
+      message: 'Include MyVillageOS OAuth authentication? (recommended)',
+      default: true,
+    },
+  ]);
+
+  // Create project directory
+  const slug = answers.name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+  const targetDir = resolve(process.cwd(), slug);
+
+  if (existsSync(targetDir)) {
+    console.log(chalk.red(`\n  \u2717 Directory "${slug}" already exists. Choose a different name or remove the existing directory.`));
+    return;
+  }
+
+  // OAuth registration (if auth selected)
+  let oauthCredentials = null;
+  if (answers.includeAuth) {
+    const oauthSpinner = villageSpinner('Registering OAuth application...').start();
+    try {
+      const result = await registerOAuthClient(
+        answers.name,
+        'data-labeling',
+        ['http://localhost:5173/callback']
+      );
+      oauthCredentials = { clientId: result.clientId, clientSecret: result.clientSecret };
+      oauthSpinner.succeed('OAuth application registered!');
+      console.log(brand.teal(`  Client ID: ${result.clientId}`));
+    } catch (err) {
+      oauthSpinner.fail('Failed to register OAuth application.');
+      console.log(chalk.red(`  ${err.response?.data?.error || err.message}`));
+      const { continueWithoutAuth } = await inquirer.prompt([{
+        type: 'confirm',
+        name: 'continueWithoutAuth',
+        message: 'Continue without authentication?',
+        default: true,
+      }]);
+      if (!continueWithoutAuth) return;
+      answers.includeAuth = false;
+    }
+  }
+
+  // Scaffold project
+  const spinner = villageSpinner('Creating data labeling project...').start();
+  try {
+    createDataLabelingProject(targetDir, {
+      name: answers.name,
+      description: answers.description,
+      dataTypes: answers.dataTypes,
+      includeAuth: answers.includeAuth,
+      oauthCredentials,
+    });
+
+    spinner.text = 'Installing dependencies...';
+    execSync('npm install', { cwd: targetDir, stdio: 'pipe' });
+    spinner.succeed(`Data labeling app "${answers.name}" created successfully!`);
+
+    console.log();
+    console.log(brand.green(`  \u2713 Data labeling app "${answers.name}" created successfully!`));
+    console.log();
+    console.log(brand.teal('  Next steps:'));
+    console.log();
+    console.log(`    ${brand.gold('cd')} ${slug}`);
+    console.log(`    ${brand.gold('npm run dev')}      ${brand.teal('- Start development server')}`);
+    console.log(`    ${brand.gold('npm run build')}    ${brand.teal('- Build for production')}`);
+    console.log();
+    console.log(brand.teal(`  Data types: ${answers.dataTypes.join(', ')}`));
+    if (oauthCredentials) {
+      console.log(brand.teal(`  OAuth Client ID: ${oauthCredentials.clientId}`));
+    }
+    console.log();
+  } catch (err) {
+    spinner.fail('Failed to create data labeling project.');
+    console.error(chalk.red(`  ${err.message}`));
+  }
+}

package/src/commands/create-game.js

@@ -3,6 +3,7 @@ import { join, resolve } from 'path';
 import { execSync } from 'child_process';
 import chalk from 'chalk';
 import ora from 'ora';
+import { villageSpinner, brand } from '../utils/brand.js';
 import inquirer from 'inquirer';
 import { isAuthenticated } from '../utils/auth.js';
 import { createGameProject } from '../utils/templates.js';
@@ -65,7 +66,7 @@ export async function createGameCommand() {
     return;
   }
 
-  const spinner = ora('Creating game project...').start();
+  const spinner = villageSpinner('Creating game project...').start();
 
   try {
     // Generate project from template
@@ -88,16 +89,16 @@ export async function createGameCommand() {
 
     // Display next steps
     console.log();
-    console.log(chalk.green(`  \u2713 Game "${answers.name}" created successfully!`));
+    console.log(brand.green(`  \u2713 Game "${answers.name}" created successfully!`));
     console.log();
-    console.log(chalk.dim('  Next steps:'));
+    console.log(brand.teal('  Next steps:'));
     console.log();
-    console.log(`    ${chalk.cyan('cd')} ${slug}`);
-    console.log(`    ${chalk.cyan('npm run dev')}      ${chalk.dim('- Start development server')}`);
-    console.log(`    ${chalk.cyan('npm run build')}    ${chalk.dim('- Build for production')}`);
-    console.log(`    ${chalk.cyan('myvillage deploy')} ${chalk.dim('- Deploy to MyVillageOS')}`);
+    console.log(`    ${brand.gold('cd')} ${slug}`);
+    console.log(`    ${brand.gold('npm run dev')}      ${brand.teal('- Start development server')}`);
+    console.log(`    ${brand.gold('npm run build')}    ${brand.teal('- Build for production')}`);
+    console.log(`    ${brand.gold('myvillage deploy')} ${brand.teal('- Deploy to MyVillageOS')}`);
     console.log();
-    console.log(chalk.dim(`  Game type: ${answers.type} | Age group: ${answers.ageGroup}`));
+    console.log(brand.teal(`  Game type: ${answers.type} | Age group: ${answers.ageGroup}`));
     console.log();
   } catch (err) {
     spinner.fail('Failed to create game project.');

package/src/commands/deploy.js

@@ -1,8 +1,9 @@
-import { existsSync, readFileSync, readdirSync, statSync } from 'fs';
+import { existsSync, readFileSync, writeFileSync, readdirSync } from 'fs';
 import { join, resolve, relative } from 'path';
 import { execSync } from 'child_process';
 import chalk from 'chalk';
 import ora from 'ora';
+import { villageSpinner, brand } from '../utils/brand.js';
 import { isAuthenticated } from '../utils/auth.js';
 import { deployGame } from '../utils/api.js';
 
@@ -17,9 +18,16 @@ function readPackageJson(dir) {
   }
 }
 
-// Recursively collect files from a directory, returning { relativePath: base64Content }
-function collectBuildFiles(dir, baseDir) {
-  const files = {};
+function saveGameIdToPackageJson(dir, gameId, slug) {
+  const pkgPath = join(dir, 'package.json');
+  const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+  pkg.myvillage = { ...pkg.myvillage, gameId, slug };
+  writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+}
+
+// Recursively collect file paths from a directory
+function collectFilePaths(dir) {
+  const paths = [];
 
   function walk(currentDir) {
     const entries = readdirSync(currentDir, { withFileTypes: true });
@@ -28,15 +36,13 @@ function collectBuildFiles(dir, baseDir) {
       if (entry.isDirectory()) {
         walk(fullPath);
       } else {
-        const relPath = relative(baseDir, fullPath);
-        const content = readFileSync(fullPath);
-        files[relPath] = content.toString('base64');
+        paths.push(fullPath);
       }
     }
   }
 
   walk(dir);
-  return files;
+  return paths;
 }
 
 export async function deployCommand() {
@@ -52,11 +58,11 @@ export async function deployCommand() {
   // Verify this is a valid MyVillageOS game project
   if (!pkg || !pkg.myvillage) {
     console.log(chalk.red('  \u2717 Not a valid game project directory.'));
-    console.log(chalk.dim('  Make sure you are inside a game directory created with "myvillage create-game".'));
+    console.log(brand.teal('  Make sure you are inside a game directory created with "myvillage create-game".'));
     return;
   }
 
-  const spinner = ora('Building game...').start();
+  const spinner = villageSpinner('Building game...').start();
 
   try {
     // Run production build
@@ -75,32 +81,61 @@ export async function deployCommand() {
     spinner.text = 'Packaging build artifacts...';
 
     // Collect build files
-    const files = collectBuildFiles(distDir, distDir);
+    const filePaths = collectFilePaths(distDir);
 
-    spinner.text = 'Deploying to MyVillageOS...';
+    if (filePaths.length === 0) {
+      spinner.fail('No files found in dist/ directory.');
+      return;
+    }
 
-    // Upload to MyVillageOS API
-    const result = await deployGame({
-      name: pkg.name,
+    // Build multipart FormData
+    const formData = new FormData();
+
+    // Add metadata
+    const metadata = {
+      title: pkg.myvillage.name || pkg.name,
       description: pkg.description || '',
-      category: pkg.myvillage.gameType || 'custom',
+      category: (pkg.myvillage.gameType || 'OTHER').toUpperCase(),
+      gameType: 'THREE_JS',
       targetAge: pkg.myvillage.targetAge || 'all',
-      files,
-    });
+      entryFile: 'index.html',
+    };
+    formData.append('metadata', JSON.stringify(metadata));
+
+    // Add each file with relative path as the filename
+    for (const fullPath of filePaths) {
+      const relPath = relative(distDir, fullPath);
+      const fileBuffer = readFileSync(fullPath);
+      const blob = new Blob([fileBuffer], { type: getContentType(relPath) });
+      formData.append('files', blob, relPath);
+    }
+
+    spinner.text = 'Deploying to MyVillageOS...';
+
+    // Use existing gameId if this project was deployed before, otherwise "new"
+    const gameIdOrNew = pkg.myvillage.gameId || 'new';
+    const result = await deployGame(gameIdOrNew, formData);
+
+    // Save gameId to package.json for subsequent deploys
+    if (result.gameId && !pkg.myvillage.gameId) {
+      saveGameIdToPackageJson(projectDir, result.gameId, result.slug);
+    }
 
     spinner.succeed('Deployment complete!');
     console.log();
-    console.log(chalk.green(`  \u2713 Deployed to ${result.url}`));
+    console.log(brand.green(`  \u2713 Game "${metadata.title}" submitted for review`));
+    console.log(`  Status: ${formatStatus(result.status)}`);
 
-    if (result.mvtAwarded) {
-      console.log(chalk.green(`  \u2713 You earned ${result.mvtAwarded} MVT tokens!`));
+    if (result.slug) {
+      console.log(brand.teal(`  Slug:    ${result.slug}`));
     }
-
     if (result.gameId) {
-      console.log(chalk.dim(`  Game ID: ${result.gameId}`));
+      console.log(brand.teal(`  Game ID: ${result.gameId}`));
     }
 
     console.log();
+    console.log(brand.teal('  Run "myvillage status" to check the review status.'));
+    console.log();
   } catch (err) {
     if (err.response) {
       // API error
@@ -118,3 +153,46 @@ export async function deployCommand() {
     }
   }
 }
+
+function formatStatus(status) {
+  switch (status) {
+    case 'SUBMITTED':
+      return chalk.yellow('Submitted for review');
+    case 'DRAFT':
+      return brand.teal('Draft');
+    case 'APPROVED':
+      return chalk.green('Approved');
+    case 'PUBLISHED':
+      return chalk.green('Published');
+    default:
+      return brand.teal(status || 'Unknown');
+  }
+}
+
+function getContentType(filePath) {
+  const ext = filePath.split('.').pop()?.toLowerCase();
+  const types = {
+    html: 'text/html',
+    js: 'application/javascript',
+    css: 'text/css',
+    json: 'application/json',
+    png: 'image/png',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    gif: 'image/gif',
+    svg: 'image/svg+xml',
+    webp: 'image/webp',
+    glb: 'model/gltf-binary',
+    gltf: 'model/gltf+json',
+    obj: 'text/plain',
+    mtl: 'text/plain',
+    mp3: 'audio/mpeg',
+    ogg: 'audio/ogg',
+    wav: 'audio/wav',
+    woff: 'font/woff',
+    woff2: 'font/woff2',
+    ttf: 'font/ttf',
+    wasm: 'application/wasm',
+  };
+  return types[ext] || 'application/octet-stream';
+}

package/src/commands/feed.js

@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import ora from 'ora';
+import { villageSpinner, brand } from '../utils/brand.js';
 import { isAuthenticated } from '../utils/auth.js';
 import { getFeed, getTrendingFeed, getLatestFeed, listPosts } from '../utils/api.js';
 import { formatPostList, formatPagination } from '../utils/formatters.js';
@@ -10,7 +11,7 @@ export async function feedCommand(options) {
     return;
   }
 
-  const spinner = ora('Loading feed...').start();
+  const spinner = villageSpinner('Loading feed...').start();
 
   try {
     const params = {
@@ -43,8 +44,8 @@ export async function feedCommand(options) {
     }
 
     if (!Array.isArray(posts) || posts.length === 0) {
-      console.log(chalk.dim('\n  No posts found. Join some communities to see content!'));
-      console.log(chalk.dim('  Run "myvillage community list" to discover communities.\n'));
+      console.log(brand.teal('\n  No posts found. Join some communities to see content!'));
+      console.log(brand.teal('  Run "myvillage community list" to discover communities.\n'));
       return;
     }