designnn 0.2.0 → 0.4.0

package/dist/cli.js

@@ -2629,11 +2629,236 @@ var init_source = __esm(() => {
   source_default = chalk;
 });
 
+// src/utils/i18n.ts
+function setLang(lang) {
+  currentLang = lang;
+}
+function detectLang() {
+  const envLang = process.env.LANG || process.env.LANGUAGE || process.env.LC_ALL || "";
+  if (envLang.startsWith("ja"))
+    return "ja";
+  return "en";
+}
+function t(key) {
+  const msg = messages[key];
+  if (!msg)
+    return key;
+  return msg[currentLang] || msg.en;
+}
+function getCategoryName(category) {
+  const key = `cat${category.charAt(0).toUpperCase() + category.slice(1)}`;
+  return t(key);
+}
+var currentLang = "en", messages;
+var init_i18n = __esm(() => {
+  messages = {
+    tagline: {
+      en: "Trend-driven design prompt engine for Figma AI",
+      ja: "Figma AI のためのトレンド駆動デザインプロンプトエンジン"
+    },
+    chatNoMessage: {
+      en: `Please provide a design description. Example:
+  designnn chat "SaaS pricing page with dark theme"`,
+      ja: `デザインの説明を入力してください。例：
+  designnn chat "ダークテーマのSaaS料金ページ"`
+    },
+    chatAnalyzing: {
+      en: "Analyzing your request and generating Figma AI prompt...",
+      ja: "リクエストを分析し、Figma AIプロンプトを生成中..."
+    },
+    chatPromptFor: {
+      en: "Prompt for",
+      ja: "プロンプト："
+    },
+    chatApiKeyError: {
+      en: `OpenAI API key not found. Set it with:
+  export OPENAI_API_KEY=your-key
+  or: designnn config --api-key your-key`,
+      ja: `OpenAI APIキーが見つかりません。以下で設定してください：
+  export OPENAI_API_KEY=your-key
+  または: designnn config --api-key your-key`
+    },
+    chatFailed: {
+      en: "Generation failed",
+      ja: "生成に失敗しました"
+    },
+    exploreAllTrends: {
+      en: "All Design Trends",
+      ja: "全デザイントレンド"
+    },
+    exploreTrendsInDb: {
+      en: "trends in database",
+      ja: "件のトレンドがデータベースに登録済み"
+    },
+    exploreMatching: {
+      en: "Trends matching",
+      ja: "検索結果"
+    },
+    exploreTrends: {
+      en: "Trends",
+      ja: "トレンド"
+    },
+    exploreTop: {
+      en: "Top",
+      ja: "トップ"
+    },
+    exploreDesignTrends: {
+      en: "Design Trends",
+      ja: "デザイントレンド"
+    },
+    exploreNoResults: {
+      en: "No trends found matching your query.",
+      ja: "該当するトレンドが見つかりませんでした。"
+    },
+    exploreResults: {
+      en: "results",
+      ja: "件"
+    },
+    exploreInvalidCategory: {
+      en: "Invalid category. Choose from",
+      ja: "無効なカテゴリです。以下から選択してください"
+    },
+    exploreTipFilter: {
+      en: "Tip: Use --category, --component, or --top to filter",
+      ja: "ヒント: --category, --component, --top でフィルタリングできます"
+    },
+    exploreTipGenerate: {
+      en: "Tip: Use --generate <trend-id> to create a prompt from a trend",
+      ja: "ヒント: --generate <trend-id> でトレンドからプロンプトを生成できます"
+    },
+    exploreGenerating: {
+      en: "Generating Figma AI prompt for",
+      ja: "Figma AIプロンプトを生成中："
+    },
+    exploreTrendNotFound: {
+      en: "Trend not found",
+      ja: "トレンドが見つかりません"
+    },
+    exploreAvailableIds: {
+      en: "Available IDs",
+      ja: "利用可能なID"
+    },
+    mixNoTrends: {
+      en: `Please provide two trend names to mix. Example:
+  designnn mix "Bento UI" "Glassmorphism"
+  designnn mix bento-ui glassmorphism`,
+      ja: `ミックスする2つのトレンド名を入力してください。例：
+  designnn mix "Bento UI" "Glassmorphism"
+  designnn mix bento-ui glassmorphism`
+    },
+    mixTrendNotFound: {
+      en: "Trend not found",
+      ja: "トレンドが見つかりません"
+    },
+    mixMixing: {
+      en: "Mixing Trends",
+      ja: "トレンドをミックス中"
+    },
+    mixTrendA: {
+      en: "Trend A:",
+      ja: "トレンドA："
+    },
+    mixTrendB: {
+      en: "Trend B:",
+      ja: "トレンドB："
+    },
+    mixContext: {
+      en: "Context",
+      ja: "コンテキスト"
+    },
+    mixGenerating: {
+      en: "Mixing into a Figma AI prompt...",
+      ja: "Figma AIプロンプトにミックス中..."
+    },
+    mixResult: {
+      en: "Mix",
+      ja: "ミックス"
+    },
+    mixDidYouMean: {
+      en: "Did you mean:",
+      ja: "もしかして："
+    },
+    mixAvailableTrends: {
+      en: "Available trends:",
+      ja: "利用可能なトレンド："
+    },
+    mixSeeAll: {
+      en: "Use 'designnn explore' to see all trends.",
+      ja: "'designnn explore' で全トレンドを表示できます。"
+    },
+    statsTitle: {
+      en: "Trend Database Statistics",
+      ja: "トレンドデータベース統計"
+    },
+    statsOverview: {
+      en: "Overview",
+      ja: "概要"
+    },
+    statsTotalTrends: {
+      en: "Total Trends",
+      ja: "総トレンド数"
+    },
+    statsBuiltin: {
+      en: "Built-in",
+      ja: "ビルトイン"
+    },
+    statsAiGenerated: {
+      en: "AI-Generated",
+      ja: "AI生成"
+    },
+    statsUserAdded: {
+      en: "User-Added",
+      ja: "ユーザー追加"
+    },
+    statsByCategory: {
+      en: "By Category",
+      ja: "カテゴリ別"
+    },
+    statsTop5: {
+      en: "Top 5 Trends",
+      ja: "トップ5トレンド"
+    },
+    statsRecentlyAdded: {
+      en: "Recently Added",
+      ja: "最近追加されたトレンド"
+    },
+    statsTipUpdate: {
+      en: "Tip: Run 'designnn update' to research and add new trends",
+      ja: "ヒント: 'designnn update' で新しいトレンドをリサーチ・追加できます"
+    },
+    statsTipReset: {
+      en: "Tip: Run 'designnn update --reset' to clear custom trends",
+      ja: "ヒント: 'designnn update --reset' でカスタムトレンドをリセットできます"
+    },
+    generatedPrompt: {
+      en: "Generated Prompt",
+      ja: "生成されたプロンプト"
+    },
+    copyHint: {
+      en: "Copy the prompt above and paste it into Figma AI (Ctrl+I)",
+      ja: "上のプロンプトをコピーしてFigma AI（Ctrl+I）に貼り付けてください"
+    },
+    keywords: {
+      en: "Keywords",
+      ja: "キーワード"
+    },
+    serveStarting: {
+      en: "DESIGNNN Web UI running at",
+      ja: "DESIGNNN Web UI 起動中："
+    },
+    catStyle: { en: "style", ja: "スタイル" },
+    catComponent: { en: "component", ja: "コンポーネント" },
+    catPattern: { en: "pattern", ja: "パターン" },
+    catLayout: { en: "layout", ja: "レイアウト" },
+    catInteraction: { en: "interaction", ja: "インタラクション" }
+  };
+});
+
 // src/utils/display.ts
 function printBanner() {
   console.log("");
   console.log(`  ${BRAND.name} ${BRAND.version}`);
-  console.log(`  ${BRAND.tagline}`);
+  console.log(`  ${BRAND.tagline()}`);
   console.log("");
 }
 function printTrend(trend, index) {
@@ -2641,12 +2866,12 @@ function printTrend(trend, index) {
   const pop = getPopularityBar(trend.popularity);
   console.log(`  ${prefix} ${source_default.bold(trend.name)} ${source_default.gray(`[${trend.category}]`)} ${pop}`);
   console.log(`     ${source_default.dim(trend.description)}`);
-  console.log(`     ${source_default.gray("Keywords:")} ${trend.keywords.map((k) => source_default.cyan(k)).join(", ")}`);
+  console.log(`     ${source_default.gray(t("keywords") + ":")} ${trend.keywords.map((k) => source_default.cyan(k)).join(", ")}`);
   console.log("");
 }
 function printPrompt(prompt, label) {
   console.log("");
-  console.log(source_default.hex("#CCFF00").bold(`  ─── ${label || "Generated Prompt"} ───`));
+  console.log(source_default.hex("#CCFF00").bold(`  ─── ${label || t("generatedPrompt")} ───`));
   console.log("");
   console.log(source_default.white(`  ${prompt.split(`
 `).join(`
@@ -2654,7 +2879,7 @@ function printPrompt(prompt, label) {
   console.log("");
   console.log(source_default.hex("#CCFF00")("  ─────────────────────────────────"));
   console.log("");
-  console.log(source_default.dim("  \uD83D\uDCCB Copy the prompt above and paste it into Figma AI (Ctrl+I)"));
+  console.log(source_default.dim(`  \uD83D\uDCCB ${t("copyHint")}`));
   console.log("");
 }
 function printError(message) {
@@ -2673,10 +2898,11 @@ function printSection(title) {
 var BRAND;
 var init_display = __esm(() => {
   init_source();
+  init_i18n();
   BRAND = {
     name: source_default.bold.hex("#CCFF00")("DESIGNNN"),
-    tagline: source_default.gray("Trend-driven design prompt engine for Figma AI"),
-    version: source_default.gray("v0.1.0")
+    tagline: () => source_default.gray(t("tagline")),
+    version: source_default.gray("v0.4.0")
   };
 });
 
@@ -7293,7 +7519,7 @@ function hasAutoParseableInput(params) {
   if (isAutoParsableResponseFormat(params.response_format)) {
     return true;
   }
-  return params.tools?.some((t) => isAutoParsableTool(t) || t.type === "function" && t.function.strict === true) ?? false;
+  return params.tools?.some((t2) => isAutoParsableTool(t2) || t2.type === "function" && t2.function.strict === true) ?? false;
 }
 function assertToolCallsAreChatCompletionFunctionToolCalls(toolCalls) {
   for (const toolCall of toolCalls || []) {
@@ -7609,15 +7835,15 @@ var init_AbstractChatCompletionRunner = __esm(() => {
           functionsByName[f.function.name || f.function.function.name] = f.function;
         }
       }
-      const tools = "tools" in params ? inputTools.map((t) => t.type === "function" ? {
+      const tools = "tools" in params ? inputTools.map((t2) => t2.type === "function" ? {
         type: "function",
         function: {
-          name: t.function.name || t.function.function.name,
-          parameters: t.function.parameters,
-          description: t.function.description,
-          strict: t.function.strict
+          name: t2.function.name || t2.function.function.name,
+          parameters: t2.function.parameters,
+          description: t2.function.description,
+          strict: t2.function.strict
         }
-      } : t) : undefined;
+      } : t2) : undefined;
       for (const message of params.messages) {
         this._addMessage(message, false);
       }
@@ -12012,7 +12238,7 @@ function saveCustomTrends(trends) {
 }
 function addCustomTrend(trend) {
   const customs = loadCustomTrends();
-  const idx = customs.findIndex((t) => t.id === trend.id);
+  const idx = customs.findIndex((t2) => t2.id === trend.id);
   if (idx >= 0) {
     customs[idx] = trend;
   } else {
@@ -12025,13 +12251,13 @@ function getAllTrends() {
 }
 function searchTrends(query2) {
   const q = query2.toLowerCase();
-  return getAllTrends().filter((t) => t.name.toLowerCase().includes(q) || t.description.toLowerCase().includes(q) || t.keywords.some((k) => k.includes(q)) || t.category.includes(q)).sort((a, b) => b.popularity - a.popularity);
+  return getAllTrends().filter((t2) => t2.name.toLowerCase().includes(q) || t2.description.toLowerCase().includes(q) || t2.keywords.some((k) => k.includes(q)) || t2.category.includes(q)).sort((a, b) => b.popularity - a.popularity);
 }
 function getTrendById(id) {
-  return getAllTrends().find((t) => t.id === id);
+  return getAllTrends().find((t2) => t2.id === id);
 }
 function getTrendsByCategory(category) {
-  return getAllTrends().filter((t) => t.category === category).sort((a, b) => b.popularity - a.popularity);
+  return getAllTrends().filter((t2) => t2.category === category).sort((a, b) => b.popularity - a.popularity);
 }
 function getTopTrends(limit2 = 10) {
   return getAllTrends().sort((a, b) => b.popularity - a.popularity).slice(0, limit2);
@@ -12039,8 +12265,8 @@ function getTopTrends(limit2 = 10) {
 function getTrendStats() {
   const all = getAllTrends();
   const categories = {};
-  for (const t of all) {
-    categories[t.category] = (categories[t.category] || 0) + 1;
+  for (const t2 of all) {
+    categories[t2.category] = (categories[t2.category] || 0) + 1;
   }
   return {
     total: all.length,
@@ -12754,6 +12980,246 @@ var init_trends = __esm(() => {
       ],
       source: "builtin"
     },
+    {
+      id: "3d-immersive",
+      name: "3D Immersive Elements",
+      category: "style",
+      description: "WebGL-powered 3D objects, scroll-triggered 3D animations, and AR previews. Depth and interaction move beyond static images.",
+      keywords: ["3d", "webgl", "immersive", "ar", "depth"],
+      popularity: 89,
+      year: 2026,
+      figmaPromptHints: [
+        "Include 3D product renders or interactive model placeholders",
+        "Use layered depth with parallax scrolling effects",
+        "Add perspective transforms on card hover",
+        "Design AR preview button with camera icon"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "experimental-navigation",
+      name: "Experimental Navigation",
+      category: "interaction",
+      description: "Non-linear navigation patterns: radial menus, hidden drawers, interactive maps, and exploration-based journeys.",
+      keywords: ["navigation", "radial", "experimental", "nonlinear", "exploration"],
+      popularity: 76,
+      year: 2026,
+      figmaPromptHints: [
+        "Design a radial or circular navigation menu",
+        "Use hidden drawer navigation revealed by gesture",
+        "Create an interactive map-based navigation",
+        "Include breadcrumb trail for nonlinear journeys"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "y2k-vibrant-palette",
+      name: "Y2K Vibrant Palette",
+      category: "style",
+      description: "Bright, saturated color palettes inspired by Y2K nostalgia. Neon gradients, high-contrast pairings, and dopamine design aesthetics.",
+      keywords: ["y2k", "vibrant", "neon", "dopamine", "nostalgia"],
+      popularity: 83,
+      year: 2026,
+      figmaPromptHints: [
+        "Use saturated neon colors: hot pink, electric blue, lime green",
+        "Apply bold gradient combinations across backgrounds",
+        "Include Y2K-inspired decorative elements: stars, bubbles, chrome",
+        "Use high-contrast color pairings for maximum visual impact"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "scrollytelling",
+      name: "Scrollytelling",
+      category: "interaction",
+      description: "Scroll-based narrative experiences where content unfolds as the user scrolls. Combines motion, text, and visuals into a story.",
+      keywords: ["scroll", "storytelling", "narrative", "motion", "immersive"],
+      popularity: 84,
+      year: 2026,
+      figmaPromptHints: [
+        "Design a vertical narrative with scroll-triggered content reveals",
+        "Use full-screen sections that transition on scroll",
+        "Include progress indicator showing story position",
+        "Combine text, images, and data visualizations in sequence"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "gamified-design",
+      name: "Gamified Design",
+      category: "pattern",
+      description: "Game mechanics applied to UI: points, levels, badges, progress bars, leaderboards, and micro-rewards to boost engagement.",
+      keywords: ["gamification", "badges", "points", "leaderboard", "rewards"],
+      popularity: 80,
+      year: 2026,
+      figmaPromptHints: [
+        "Include progress bars and level indicators",
+        "Design achievement badges with unlock animations",
+        "Add streak counters and daily challenge cards",
+        "Create a leaderboard component with rank, avatar, and score"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "retrofuturism",
+      name: "Retrofuturism",
+      category: "style",
+      description: "Vintage visions of the future: neon accents, chrome textures, pixel art, bold gradients inspired by sci-fi and arcade aesthetics.",
+      keywords: ["retro", "futurism", "neon", "chrome", "sci-fi"],
+      popularity: 72,
+      year: 2026,
+      figmaPromptHints: [
+        "Use neon glow effects on text and borders",
+        "Apply chrome/metallic gradient textures",
+        "Include retro-futuristic typography with scan lines",
+        "Combine dark backgrounds with vibrant neon accents"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "collage-design",
+      name: "Collage Design",
+      category: "style",
+      description: "Scrapbook-style creativity with sticker graphics, torn textures, cutout photos, and hand-drawn elements. Messy on purpose.",
+      keywords: ["collage", "scrapbook", "cutout", "handmade", "texture"],
+      popularity: 68,
+      year: 2026,
+      figmaPromptHints: [
+        "Layer cutout photos with torn paper edges",
+        "Add sticker-like decorative elements",
+        "Use hand-drawn fonts and doodle illustrations",
+        "Mix textures: paper, tape, stamps, ink splashes"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "sustainable-web",
+      name: "Sustainable Web Design",
+      category: "pattern",
+      description: "Eco-conscious design: optimized assets, reduced data transfer, dark themes for energy saving, and accessibility-first approach.",
+      keywords: ["sustainable", "eco", "green", "accessible", "performance"],
+      popularity: 71,
+      year: 2026,
+      figmaPromptHints: [
+        "Use system fonts and minimal custom assets",
+        "Design with dark mode default for OLED energy saving",
+        "Include accessibility indicators: contrast ratios, focus states",
+        "Minimize decorative elements, maximize content clarity"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "voice-ui",
+      name: "Voice UI Interface",
+      category: "component",
+      description: "Voice-activated interface elements: waveform visualizers, voice command indicators, and conversational voice assistants.",
+      keywords: ["voice", "speech", "audio", "waveform", "assistant"],
+      popularity: 74,
+      year: 2026,
+      figmaPromptHints: [
+        "Design a voice input button with pulsing animation",
+        "Include audio waveform visualizer during speech",
+        "Show voice command suggestions as floating chips",
+        "Add visual feedback states: listening, processing, responding"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "agentic-ai-ui",
+      name: "Agentic AI Interface",
+      category: "pattern",
+      description: "UI for autonomous AI agents: task delegation, progress monitoring, approval workflows, and multi-step agent pipelines.",
+      keywords: ["agent", "ai", "autonomous", "workflow", "pipeline"],
+      popularity: 92,
+      year: 2026,
+      figmaPromptHints: [
+        "Design a task pipeline view with agent status indicators",
+        "Include approval/rejection buttons for agent actions",
+        "Show real-time progress with step-by-step breakdown",
+        "Add confidence scores and decision explanations"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "sensory-maximalism",
+      name: "Sensory Maximalism",
+      category: "style",
+      description: "Multi-sensory design that engages all senses: rich textures, bold colors, dynamic motion, and immersive high-energy compositions.",
+      keywords: ["sensory", "maximalism", "immersive", "texture", "energy"],
+      popularity: 75,
+      year: 2026,
+      figmaPromptHints: [
+        "Layer multiple textures: gradients, grain, patterns",
+        "Use bold, clashing color combinations intentionally",
+        "Include dynamic motion indicators and animated elements",
+        "Create visual density with overlapping elements"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "spatial-design",
+      name: "Spatial Design (visionOS)",
+      category: "layout",
+      description: "Design for spatial computing: floating windows, depth layers, glass materials, and eye-tracking interactions for Apple Vision Pro.",
+      keywords: ["spatial", "visionos", "ar", "vr", "floating"],
+      popularity: 78,
+      year: 2026,
+      figmaPromptHints: [
+        "Design floating window panels with glass material",
+        "Use depth layers with z-axis spacing between elements",
+        "Apply frosted glass with high blur and transparency",
+        "Include gaze-based hover states and hand gesture indicators"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "variable-fonts",
+      name: "Variable Font Typography",
+      category: "style",
+      description: "Dynamic typography using variable fonts that respond to interaction, scroll position, or data. Fluid weight and width transitions.",
+      keywords: ["variable-font", "typography", "fluid", "responsive", "dynamic"],
+      popularity: 77,
+      year: 2026,
+      figmaPromptHints: [
+        "Use variable fonts with dramatic weight changes (100-900)",
+        "Apply fluid font sizes that scale with viewport",
+        "Design text that changes weight on hover or scroll",
+        "Combine ultra-thin and ultra-bold weights in same layout"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "tactile-ui",
+      name: "Tactile / Squishy UI",
+      category: "interaction",
+      description: "UI elements that feel physically responsive: bouncy animations, elastic deformations, and pressure-sensitive interactions.",
+      keywords: ["tactile", "squishy", "bounce", "elastic", "physical"],
+      popularity: 73,
+      year: 2026,
+      figmaPromptHints: [
+        "Design buttons with spring-bounce press animation",
+        "Use elastic deformation on drag interactions",
+        "Include rubber-band scroll overscroll effects",
+        "Apply soft, inflated appearance with subtle inner shadows"
+      ],
+      source: "builtin"
+    },
+    {
+      id: "ai-design-system",
+      name: "AI-Generated Design System",
+      category: "pattern",
+      description: "Design systems that adapt and generate components dynamically using AI. Self-evolving tokens, auto-generated variants, and smart theming.",
+      keywords: ["design-system", "ai", "tokens", "auto-generate", "adaptive"],
+      popularity: 86,
+      year: 2026,
+      figmaPromptHints: [
+        "Design a token-based system with color, spacing, and type scales",
+        "Include auto-generated component variants grid",
+        "Show theme switching with AI-suggested palettes",
+        "Add component documentation with usage guidelines"
+      ],
+      source: "builtin"
+    },
     {
       id: "micro-interactions",
       name: "Micro-interactions",
@@ -12891,7 +13357,7 @@ async function updateCommand(options) {
   const stats = getTrendStats();
   console.log(source_default.dim(`  Current DB: ${stats.total} trends (${stats.builtin} built-in, ${stats.custom} custom)
 `));
-  const existingNames = getAllTrends().map((t) => t.name.toLowerCase());
+  const existingNames = getAllTrends().map((t2) => t2.name.toLowerCase());
   const spinner = ora({
     text: `Researching ${count} new design trends${category ? ` in "${category}"` : ""}...`,
     color: "yellow"
@@ -13028,15 +13494,15 @@ __export(exports_stats, {
 async function statsCommand() {
   const stats = getTrendStats();
   const customs = loadCustomTrends();
-  printSection("Trend Database Statistics");
-  console.log(source_default.bold("  Overview"));
+  printSection(t("statsTitle"));
+  console.log(source_default.bold(`  ${t("statsOverview")}`));
   console.log(source_default.dim("  ─────────────────────────────────"));
-  console.log(`  Total Trends:    ${source_default.hex("#CCFF00").bold(String(stats.total))}`);
-  console.log(`  Built-in:        ${source_default.white(String(stats.builtin))}`);
-  console.log(`  AI-Generated:    ${source_default.cyan(String(customs.filter((t) => t.source === "ai-generated").length))}`);
-  console.log(`  User-Added:      ${source_default.magenta(String(customs.filter((t) => t.source === "user").length))}`);
+  console.log(`  ${t("statsTotalTrends")}:    ${source_default.hex("#CCFF00").bold(String(stats.total))}`);
+  console.log(`  ${t("statsBuiltin")}:        ${source_default.white(String(stats.builtin))}`);
+  console.log(`  ${t("statsAiGenerated")}:    ${source_default.cyan(String(customs.filter((t2) => t2.source === "ai-generated").length))}`);
+  console.log(`  ${t("statsUserAdded")}:      ${source_default.magenta(String(customs.filter((t2) => t2.source === "user").length))}`);
   console.log("");
-  console.log(source_default.bold("  By Category"));
+  console.log(source_default.bold(`  ${t("statsByCategory")}`));
   console.log(source_default.dim("  ─────────────────────────────────"));
   const categoryEmojis = {
     style: "◆",
@@ -13047,38 +13513,40 @@ async function statsCommand() {
   };
   for (const [cat, count] of Object.entries(stats.categories).sort((a, b) => b[1] - a[1])) {
     const bar = "█".repeat(Math.round(count / 2)) + source_default.dim("░".repeat(Math.max(0, 15 - Math.round(count / 2))));
-    console.log(`  ${categoryEmojis[cat] || "○"} ${source_default.bold(cat.padEnd(14))} ${bar} ${source_default.hex("#CCFF00")(String(count))}`);
+    const label = getCategoryName(cat);
+    console.log(`  ${categoryEmojis[cat] || "○"} ${source_default.bold(label.padEnd(14))} ${bar} ${source_default.hex("#CCFF00")(String(count))}`);
   }
   console.log("");
   const allTrends = [...BUILTIN_TRENDS, ...customs].sort((a, b) => b.popularity - a.popularity);
-  console.log(source_default.bold("  Top 5 Trends"));
+  console.log(source_default.bold(`  ${t("statsTop5")}`));
   console.log(source_default.dim("  ─────────────────────────────────"));
-  for (const t of allTrends.slice(0, 5)) {
-    const popBar = source_default.hex("#CCFF00")("█".repeat(Math.round(t.popularity / 5)));
-    console.log(`  ${popBar} ${source_default.bold(t.name)} ${source_default.dim(`${t.popularity}%`)}`);
+  for (const trend of allTrends.slice(0, 5)) {
+    const popBar = source_default.hex("#CCFF00")("█".repeat(Math.round(trend.popularity / 5)));
+    console.log(`  ${popBar} ${source_default.bold(trend.name)} ${source_default.dim(`${trend.popularity}%`)}`);
   }
   console.log("");
   if (customs.length > 0) {
-    const recent = customs.filter((t) => t.addedAt).sort((a, b) => new Date(b.addedAt).getTime() - new Date(a.addedAt).getTime()).slice(0, 5);
+    const recent = customs.filter((trend) => trend.addedAt).sort((a, b) => new Date(b.addedAt).getTime() - new Date(a.addedAt).getTime()).slice(0, 5);
     if (recent.length > 0) {
-      console.log(source_default.bold("  Recently Added"));
+      console.log(source_default.bold(`  ${t("statsRecentlyAdded")}`));
       console.log(source_default.dim("  ─────────────────────────────────"));
-      for (const t of recent) {
-        const date = new Date(t.addedAt).toLocaleDateString();
-        const source = t.source === "ai-generated" ? source_default.cyan("AI") : source_default.magenta("User");
-        console.log(`  ${source} ${source_default.bold(t.name)} ${source_default.dim(`[${t.category}] ${date}`)}`);
+      for (const trend of recent) {
+        const date = new Date(trend.addedAt).toLocaleDateString();
+        const source = trend.source === "ai-generated" ? source_default.cyan("AI") : source_default.magenta("User");
+        console.log(`  ${source} ${source_default.bold(trend.name)} ${source_default.dim(`[${trend.category}] ${date}`)}`);
       }
       console.log("");
     }
   }
-  console.log(source_default.dim("  Tip: Run 'designnn update' to research and add new trends"));
-  console.log(source_default.dim(`  Tip: Run 'designnn update --reset' to clear custom trends
+  console.log(source_default.dim(`  ${t("statsTipUpdate")}`));
+  console.log(source_default.dim(`  ${t("statsTipReset")}
 `));
 }
 var init_stats = __esm(() => {
   init_source();
   init_trends();
   init_display();
+  init_i18n();
 });
 
 // node_modules/ms/index.js
@@ -36351,10 +36819,14 @@ __export(exports_server, {
 });
 import path3 from "path";
 import { fileURLToPath } from "url";
-function createServer(port = 3333) {
+async function createServer(port = 3333) {
   const app = import_express.default();
   app.use(import_express.default.json());
-  app.use(import_express.default.static(path3.join(__dirname2, "../../public")));
+  const publicDir = path3.join(__dirname2, "../../public");
+  const publicDirAlt = path3.join(__dirname2, "../public");
+  const fs_check = await import("fs");
+  const resolvedPublic = fs_check.existsSync(publicDir) ? publicDir : publicDirAlt;
+  app.use(import_express.default.static(resolvedPublic));
   app.get("/api/trends", (req, res) => {
     const { category, search, top } = req.query;
     let results;
@@ -36378,7 +36850,7 @@ function createServer(port = 3333) {
     res.json({ trend });
   });
   app.get("/api/categories", (_req, res) => {
-    const categories = [...new Set(getAllTrends().map((t) => t.category))];
+    const categories = [...new Set(getAllTrends().map((t2) => t2.category))];
     res.json({ categories });
   });
   app.get("/api/stats", (_req, res) => {
@@ -36440,12 +36912,12 @@ function createServer(port = 3333) {
     }
   });
   app.get("/{*splat}", (_req, res) => {
-    res.sendFile(path3.join(__dirname2, "../../public/index.html"));
+    res.sendFile(path3.join(resolvedPublic, "index.html"));
   });
   return app;
 }
-function startWebServer(port = 3333) {
-  const app = createServer(port);
+async function startWebServer(port = 3333) {
+  const app = await createServer(port);
   app.listen(port, () => {
     const stats = getTrendStats();
     console.log("");
@@ -36469,8 +36941,8 @@ var init_server = __esm(() => {
 
 // node_modules/zod/v3/helpers/util.js
 var util, objectUtil, ZodParsedType, getParsedType = (data) => {
-  const t = typeof data;
-  switch (t) {
+  const t2 = typeof data;
+  switch (t2) {
     case "undefined":
       return ZodParsedType.undefined;
     case "string":
@@ -40877,8 +41349,8 @@ function getLengthableOrigin(input) {
   return "unknown";
 }
 function parsedType(data) {
-  const t = typeof data;
-  switch (t) {
+  const t2 = typeof data;
+  switch (t2) {
     case "number": {
       return Number.isNaN(data) ? "nan" : "number";
     }
@@ -40895,7 +41367,7 @@ function parsedType(data) {
       }
     }
   }
-  return t;
+  return t2;
 }
 function issue(...args) {
   const [iss, input, inst] = args;
@@ -40956,8 +41428,8 @@ class Class {
   constructor(..._args) {}
 }
 var EVALUATING, captureStackTrace, allowsEval, getParsedType2 = (data) => {
-  const t = typeof data;
-  switch (t) {
+  const t2 = typeof data;
+  switch (t2) {
     case "undefined":
       return "undefined";
     case "string":
@@ -40996,7 +41468,7 @@ var EVALUATING, captureStackTrace, allowsEval, getParsedType2 = (data) => {
       }
       return "object";
     default:
-      throw new Error(`Unknown data type: ${t}`);
+      throw new Error(`Unknown data type: ${t2}`);
   }
 }, propertyKeyTypes, primitiveTypes, NUMBER_FORMAT_RANGES, BIGINT_FORMAT_RANGES;
 var init_util2 = __esm(() => {
@@ -42090,12 +42562,12 @@ function handleCatchall(proms, input, payload, ctx, def, inst) {
   const unrecognized = [];
   const keySet = def.keySet;
   const _catchall = def.catchall._zod;
-  const t = _catchall.def.type;
+  const t2 = _catchall.def.type;
   const isOptionalOut = _catchall.optout === "optional";
   for (const key in input) {
     if (keySet.has(key))
       continue;
-    if (t === "never") {
+    if (t2 === "never") {
       unrecognized.push(key);
       continue;
     }
@@ -45792,16 +46264,16 @@ var error18 = () => {
     set: { unit: "פריטים", shortLabel: "קטן", longLabel: "גדול" },
     number: { unit: "", shortLabel: "קטן", longLabel: "גדול" }
   };
-  const typeEntry = (t) => t ? TypeNames[t] : undefined;
-  const typeLabel = (t) => {
-    const e = typeEntry(t);
+  const typeEntry = (t2) => t2 ? TypeNames[t2] : undefined;
+  const typeLabel = (t2) => {
+    const e = typeEntry(t2);
     if (e)
       return e.label;
-    return t ?? TypeNames.unknown.label;
+    return t2 ?? TypeNames.unknown.label;
   };
-  const withDefinite = (t) => `ה${typeLabel(t)}`;
-  const verbFor = (t) => {
-    const e = typeEntry(t);
+  const withDefinite = (t2) => `ה${typeLabel(t2)}`;
+  const verbFor = (t2) => {
+    const e = typeEntry(t2);
     const gender = e?.gender ?? "m";
     return gender === "f" ? "צריכה להיות" : "צריך להיות";
   };
@@ -53702,8 +54174,8 @@ function convertBaseSchema(schema, ctx) {
   }
   const type = schema.type;
   if (Array.isArray(type)) {
-    const typeSchemas = type.map((t) => {
-      const typeSchema = { ...schema, type: t };
+    const typeSchemas = type.map((t2) => {
+      const typeSchema = { ...schema, type: t2 };
       return convertBaseSchema(typeSchema, ctx);
     });
     if (typeSchemas.length === 0) {
@@ -56613,12 +57085,12 @@ var init_esm = __esm(() => {
 });
 
 // node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-json-schema-compat.js
-function mapMiniTarget(t) {
-  if (!t)
+function mapMiniTarget(t2) {
+  if (!t2)
     return "draft-7";
-  if (t === "jsonSchema7" || t === "draft-7")
+  if (t2 === "jsonSchema7" || t2 === "draft-7")
     return "draft-7";
-  if (t === "jsonSchema2019-09" || t === "draft-2020-12")
+  if (t2 === "jsonSchema2019-09" || t2 === "draft-2020-12")
     return "draft-2020-12";
   return "draft-7";
 }
@@ -57371,8 +57843,8 @@ class Protocol {
   }
   async _clearTaskQueue(taskId, sessionId) {
     if (this._taskMessageQueue) {
-      const messages = await this._taskMessageQueue.dequeueAll(taskId, sessionId);
-      for (const message of messages) {
+      const messages2 = await this._taskMessageQueue.dequeueAll(taskId, sessionId);
+      for (const message of messages2) {
         if (message.type === "request" && isJSONRPCRequest(message.message)) {
           const requestId = message.message.id;
           const resolver = this._requestResolvers.get(requestId);
@@ -58966,7 +59438,7 @@ var require_dataType = __commonJS((exports) => {
   exports.coerceAndCheckDataType = coerceAndCheckDataType;
   var COERCIBLE = new Set(["string", "number", "integer", "boolean", "null"]);
   function coerceToTypes(types2, coerceTypes) {
-    return coerceTypes ? types2.filter((t) => COERCIBLE.has(t) || coerceTypes === "array" && t === "array") : [];
+    return coerceTypes ? types2.filter((t2) => COERCIBLE.has(t2) || coerceTypes === "array" && t2 === "array") : [];
   }
   function coerceData(it, types2, coerceTo) {
     const { gen, data, opts } = it;
@@ -58976,9 +59448,9 @@ var require_dataType = __commonJS((exports) => {
       gen.if((0, codegen_1._)`${dataType} == 'object' && Array.isArray(${data}) && ${data}.length == 1`, () => gen.assign(data, (0, codegen_1._)`${data}[0]`).assign(dataType, (0, codegen_1._)`typeof ${data}`).if(checkDataTypes(types2, data, opts.strictNumbers), () => gen.assign(coerced, data)));
     }
     gen.if((0, codegen_1._)`${coerced} !== undefined`);
-    for (const t of coerceTo) {
-      if (COERCIBLE.has(t) || t === "array" && opts.coerceTypes === "array") {
-        coerceSpecificType(t);
+    for (const t2 of coerceTo) {
+      if (COERCIBLE.has(t2) || t2 === "array" && opts.coerceTypes === "array") {
+        coerceSpecificType(t2);
       }
     }
     gen.else();
@@ -58988,8 +59460,8 @@ var require_dataType = __commonJS((exports) => {
       gen.assign(data, coerced);
       assignParentData(it, coerced);
     });
-    function coerceSpecificType(t) {
-      switch (t) {
+    function coerceSpecificType(t2) {
+      switch (t2) {
         case "string":
           gen.elseIf((0, codegen_1._)`${dataType} == "number" || ${dataType} == "boolean"`).assign(coerced, (0, codegen_1._)`"" + ${data}`).elseIf((0, codegen_1._)`${data} === null`).assign(coerced, (0, codegen_1._)`""`);
           return;
@@ -59061,8 +59533,8 @@ var require_dataType = __commonJS((exports) => {
     }
     if (types2.number)
       delete types2.integer;
-    for (const t in types2)
-      cond = (0, codegen_1.and)(cond, checkDataType(t, data, strictNums, correct));
+    for (const t2 in types2)
+      cond = (0, codegen_1.and)(cond, checkDataType(t2, data, strictNums, correct));
     return cond;
   }
   exports.checkDataTypes = checkDataTypes;
@@ -59960,9 +60432,9 @@ var require_validate = __commonJS((exports) => {
       it.dataTypes = types2;
       return;
     }
-    types2.forEach((t) => {
-      if (!includesType(it.dataTypes, t)) {
-        strictTypesError(it, `type "${t}" not allowed by context "${it.dataTypes.join(",")}"`);
+    types2.forEach((t2) => {
+      if (!includesType(it.dataTypes, t2)) {
+        strictTypesError(it, `type "${t2}" not allowed by context "${it.dataTypes.join(",")}"`);
       }
     });
     narrowSchemaTypes(it, types2);
@@ -59978,7 +60450,7 @@ var require_validate = __commonJS((exports) => {
       const rule = rules[keyword];
       if (typeof rule == "object" && (0, applicability_1.shouldUseRule)(it.schema, rule)) {
         const { type } = rule.definition;
-        if (type.length && !type.some((t) => hasApplicableType(ts, t))) {
+        if (type.length && !type.some((t2) => hasApplicableType(ts, t2))) {
           strictTypesError(it, `missing type "${type.join(",")}" for keyword "${keyword}"`);
         }
       }
@@ -59987,15 +60459,15 @@ var require_validate = __commonJS((exports) => {
   function hasApplicableType(schTs, kwdT) {
     return schTs.includes(kwdT) || kwdT === "number" && schTs.includes("integer");
   }
-  function includesType(ts, t) {
-    return ts.includes(t) || t === "integer" && ts.includes("number");
+  function includesType(ts, t2) {
+    return ts.includes(t2) || t2 === "integer" && ts.includes("number");
   }
   function narrowSchemaTypes(it, withTypes) {
     const ts = [];
-    for (const t of it.dataTypes) {
-      if (includesType(withTypes, t))
-        ts.push(t);
-      else if (withTypes.includes("integer") && t === "number")
+    for (const t2 of it.dataTypes) {
+      if (includesType(withTypes, t2))
+        ts.push(t2);
+      else if (withTypes.includes("integer") && t2 === "number")
         ts.push("integer");
     }
     it.dataTypes = ts;
@@ -61539,7 +62011,7 @@ var require_core = __commonJS((exports) => {
         type: (0, dataType_1.getJSONTypes)(def.type),
         schemaType: (0, dataType_1.getJSONTypes)(def.schemaType)
       };
-      (0, util_1.eachItem)(keyword, definition.type.length === 0 ? (k) => addRule.call(this, k, definition) : (k) => definition.type.forEach((t) => addRule.call(this, k, definition, t)));
+      (0, util_1.eachItem)(keyword, definition.type.length === 0 ? (k) => addRule.call(this, k, definition) : (k) => definition.type.forEach((t2) => addRule.call(this, k, definition, t2)));
       return this;
     }
     getKeyword(keyword) {
@@ -61733,7 +62205,7 @@ var require_core = __commonJS((exports) => {
     if (dataType && post)
       throw new Error('keyword with "post" flag cannot have "type"');
     const { RULES } = this;
-    let ruleGroup = post ? RULES.post : RULES.rules.find(({ type: t }) => t === dataType);
+    let ruleGroup = post ? RULES.post : RULES.rules.find(({ type: t2 }) => t2 === dataType);
     if (!ruleGroup) {
       ruleGroup = { type: dataType, rules: [] };
       RULES.rules.push(ruleGroup);
@@ -62242,7 +62714,7 @@ var require_uniqueItems = __commonJS((exports) => {
         gen.if((0, codegen_1._)`${i} > 1`, () => (canOptimize() ? loopN : loopN2)(i, j));
       }
       function canOptimize() {
-        return itemTypes.length > 0 && !itemTypes.some((t) => t === "object" || t === "array");
+        return itemTypes.length > 0 && !itemTypes.some((t2) => t2 === "object" || t2 === "array");
       }
       function loopN(i, j) {
         const item = gen.name("item");
@@ -64810,7 +65282,7 @@ class McpServer {
     return createCompletionResult(suggestions);
   }
   async handleResourceCompletion(request, ref) {
-    const template = Object.values(this._registeredResourceTemplates).find((t) => t.resourceTemplate.uriTemplate.toString() === ref.uri);
+    const template = Object.values(this._registeredResourceTemplates).find((t2) => t2.resourceTemplate.uriTemplate.toString() === ref.uri);
     if (!template) {
       if (this._registeredResources[ref.uri]) {
         return EMPTY_COMPLETION_RESULT;
@@ -65438,14 +65910,14 @@ async function startMcpServer() {
     } else {
       results = getTopTrends(10);
     }
-    const formatted = results.map((t) => ({
-      id: t.id,
-      name: t.name,
-      category: t.category,
-      description: t.description,
-      popularity: t.popularity,
-      keywords: t.keywords,
-      figmaPromptHints: t.figmaPromptHints
+    const formatted = results.map((t2) => ({
+      id: t2.id,
+      name: t2.name,
+      category: t2.category,
+      description: t2.description,
+      popularity: t2.popularity,
+      keywords: t2.keywords,
+      figmaPromptHints: t2.figmaPromptHints
     }));
     return {
       content: [
@@ -65465,7 +65937,7 @@ async function startMcpServer() {
         content: [
           {
             type: "text",
-            text: `Trend "${trendId}" not found. Available trends: ${TRENDS.map((t) => t.id).join(", ")}`
+            text: `Trend "${trendId}" not found. Available trends: ${TRENDS.map((t2) => t2.id).join(", ")}`
           }
         ],
         isError: true
@@ -65500,7 +65972,7 @@ async function startMcpServer() {
         content: [
           {
             type: "text",
-            text: `Trend "${trend1}" not found. Available trends: ${TRENDS.map((t) => t.id).join(", ")}`
+            text: `Trend "${trend1}" not found. Available trends: ${TRENDS.map((t3) => t3.id).join(", ")}`
           }
         ],
         isError: true
@@ -65511,7 +65983,7 @@ async function startMcpServer() {
         content: [
           {
             type: "text",
-            text: `Trend "${trend2}" not found. Available trends: ${TRENDS.map((t) => t.id).join(", ")}`
+            text: `Trend "${trend2}" not found. Available trends: ${TRENDS.map((t3) => t3.id).join(", ")}`
           }
         ],
         isError: true
@@ -65539,11 +66011,11 @@ async function startMcpServer() {
       {
         uri: uri.href,
         mimeType: "application/json",
-        text: JSON.stringify(TRENDS.map((t) => ({
-          id: t.id,
-          name: t.name,
-          category: t.category,
-          popularity: t.popularity
+        text: JSON.stringify(TRENDS.map((t2) => ({
+          id: t2.id,
+          name: t2.name,
+          category: t2.category,
+          popularity: t2.popularity
         })), null, 2)
       }
     ]
@@ -65582,28 +66054,26 @@ init_display();
 init_ora();
 init_engine();
 init_display();
+init_i18n();
 async function chatCommand(message) {
   if (!message || message.trim().length === 0) {
-    printError("Please provide a design description. Example:");
-    console.log('  designnn chat "SaaS pricing page with dark theme"');
+    printError(t("chatNoMessage"));
     process.exit(1);
   }
   const spinner = ora({
-    text: "Analyzing your request and generating Figma AI prompt...",
+    text: t("chatAnalyzing"),
     color: "yellow"
   }).start();
   try {
     const prompt = await generateChatPrompt(message);
     spinner.stop();
-    printPrompt(prompt, `Prompt for: "${message}"`);
+    printPrompt(prompt, `${t("chatPromptFor")} "${message}"`);
   } catch (error3) {
     spinner.stop();
     if (error3?.code === "ENOTFOUND" || error3?.message?.includes("API key")) {
-      printError(`OpenAI API key not found. Set it with:
-  export OPENAI_API_KEY=your-key
-  or: designnn config --api-key your-key`);
+      printError(t("chatApiKeyError"));
     } else {
-      printError(`Generation failed: ${error3?.message || "Unknown error"}`);
+      printError(`${t("chatFailed")}: ${error3?.message || "Unknown error"}`);
     }
     process.exit(1);
   }
@@ -65615,57 +66085,58 @@ init_source();
 init_trends();
 init_engine();
 init_display();
+init_i18n();
 async function exploreCommand(options) {
   let results = [];
-  let title = "Design Trends";
+  let title = t("exploreDesignTrends");
   if (options.component) {
     results = searchTrends(options.component);
-    title = `Trends matching: "${options.component}"`;
+    title = `${t("exploreMatching")}: "${options.component}"`;
   } else if (options.category) {
     const validCategories = ["style", "component", "pattern", "layout", "interaction"];
     if (!validCategories.includes(options.category)) {
-      printError(`Invalid category. Choose from: ${validCategories.join(", ")}`);
+      printError(`${t("exploreInvalidCategory")}: ${validCategories.join(", ")}`);
       process.exit(1);
     }
     results = getTrendsByCategory(options.category);
-    title = `${options.category.charAt(0).toUpperCase() + options.category.slice(1)} Trends`;
+    title = `${getCategoryName(options.category)} ${t("exploreTrends")}`;
   } else if (options.top) {
     const limit2 = parseInt(options.top) || 10;
     results = getTopTrends(limit2);
-    title = `Top ${limit2} Design Trends`;
+    title = `${t("exploreTop")} ${limit2} ${t("exploreDesignTrends")}`;
   } else {
-    printSection("All Design Trends");
-    console.log(source_default.dim(`  ${TRENDS.length} trends in database
+    printSection(t("exploreAllTrends"));
+    console.log(source_default.dim(`  ${TRENDS.length} ${t("exploreTrendsInDb")}
 `));
     const categories = ["style", "component", "pattern", "layout", "interaction"];
     for (const cat of categories) {
       const catTrends = getTrendsByCategory(cat);
-      console.log(source_default.bold(`  ${cat.toUpperCase()} (${catTrends.length})`));
-      catTrends.forEach((t, i) => printTrend(t, i));
+      console.log(source_default.bold(`  ${getCategoryName(cat).toUpperCase()} (${catTrends.length})`));
+      catTrends.forEach((t2, i) => printTrend(t2, i));
     }
-    console.log(source_default.dim("  Tip: Use --category, --component, or --top to filter"));
-    console.log(source_default.dim(`  Tip: Use --generate <trend-id> to create a prompt from a trend
+    console.log(source_default.dim(`  ${t("exploreTipFilter")}`));
+    console.log(source_default.dim(`  ${t("exploreTipGenerate")}
 `));
     return;
   }
   if (results.length === 0) {
-    printError("No trends found matching your query.");
+    printError(t("exploreNoResults"));
     console.log(source_default.dim("  Try: designnn explore --top 10"));
     return;
   }
   printSection(title);
-  console.log(source_default.dim(`  ${results.length} results
+  console.log(source_default.dim(`  ${results.length} ${t("exploreResults")}
 `));
-  results.forEach((t, i) => printTrend(t, i));
+  results.forEach((t2, i) => printTrend(t2, i));
   if (options.generate) {
-    const trend = results.find((t) => t.id === options.generate) || TRENDS.find((t) => t.id === options.generate);
+    const trend = results.find((t2) => t2.id === options.generate) || TRENDS.find((t2) => t2.id === options.generate);
     if (!trend) {
-      printError(`Trend "${options.generate}" not found.`);
-      console.log(source_default.dim("  Available IDs: " + results.map((t) => t.id).join(", ")));
+      printError(`${t("exploreTrendNotFound")}: "${options.generate}"`);
+      console.log(source_default.dim(`  ${t("exploreAvailableIds")}: ` + results.map((t2) => t2.id).join(", ")));
       return;
     }
     const spinner = ora({
-      text: `Generating Figma AI prompt for "${trend.name}"...`,
+      text: `${t("exploreGenerating")} "${trend.name}"...`,
       color: "yellow"
     }).start();
     try {
@@ -65674,7 +66145,7 @@ async function exploreCommand(options) {
       printPrompt(prompt, `Trend: ${trend.name}`);
     } catch (error3) {
       spinner.stop();
-      printError(`Generation failed: ${error3?.message || "Unknown error"}`);
+      printError(`${t("chatFailed")}: ${error3?.message || "Unknown error"}`);
     }
   }
 }
@@ -65685,54 +66156,53 @@ init_source();
 init_trends();
 init_engine();
 init_display();
+init_i18n();
 async function mixCommand(trend1Name, trend2Name, options) {
   if (!trend1Name || !trend2Name) {
-    printError("Please provide two trend names to mix. Example:");
-    console.log('  designnn mix "Bento UI" "Glassmorphism"');
-    console.log("  designnn mix bento-ui glassmorphism");
+    printError(t("mixNoTrends"));
     process.exit(1);
   }
   const trend1 = findTrend(trend1Name);
   const trend2 = findTrend(trend2Name);
   if (!trend1) {
-    printError(`Trend "${trend1Name}" not found.`);
+    printError(`${t("mixTrendNotFound")}: "${trend1Name}"`);
     suggestTrends(trend1Name);
     process.exit(1);
   }
   if (!trend2) {
-    printError(`Trend "${trend2Name}" not found.`);
+    printError(`${t("mixTrendNotFound")}: "${trend2Name}"`);
     suggestTrends(trend2Name);
     process.exit(1);
   }
-  printSection("Mixing Trends");
+  printSection(t("mixMixing"));
   console.log("");
-  console.log(source_default.bold("  Trend A:"));
+  console.log(source_default.bold(`  ${t("mixTrendA")}`));
   printTrend(trend1);
-  console.log(source_default.bold("  Trend B:"));
+  console.log(source_default.bold(`  ${t("mixTrendB")}`));
   printTrend(trend2);
   if (options.context) {
-    console.log(source_default.dim(`  Context: "${options.context}"
+    console.log(source_default.dim(`  ${t("mixContext")}: "${options.context}"
 `));
   }
   const spinner = ora({
-    text: `Mixing "${trend1.name}" × "${trend2.name}" into a Figma AI prompt...`,
+    text: `"${trend1.name}" × "${trend2.name}" ${t("mixGenerating")}`,
     color: "yellow"
   }).start();
   try {
     const prompt = await generateMixPrompt(trend1, trend2, options.context);
     spinner.stop();
-    printPrompt(prompt, `Mix: ${trend1.name} × ${trend2.name}`);
+    printPrompt(prompt, `${t("mixResult")}: ${trend1.name} × ${trend2.name}`);
   } catch (error3) {
     spinner.stop();
-    printError(`Generation failed: ${error3?.message || "Unknown error"}`);
+    printError(`${t("chatFailed")}: ${error3?.message || "Unknown error"}`);
     process.exit(1);
   }
 }
 function findTrend(query2) {
-  const byId = TRENDS.find((t) => t.id === query2.toLowerCase());
+  const byId = TRENDS.find((t2) => t2.id === query2.toLowerCase());
   if (byId)
     return byId;
-  const byName = TRENDS.find((t) => t.name.toLowerCase() === query2.toLowerCase());
+  const byName = TRENDS.find((t2) => t2.name.toLowerCase() === query2.toLowerCase());
   if (byName)
     return byName;
   const results = searchTrends(query2);
@@ -65741,23 +66211,35 @@ function findTrend(query2) {
 function suggestTrends(query2) {
   const results = searchTrends(query2);
   if (results.length > 0) {
-    console.log(source_default.dim("  Did you mean:"));
-    results.slice(0, 3).forEach((t) => {
-      console.log(source_default.dim(`    - ${t.name} (${t.id})`));
+    console.log(source_default.dim(`  ${t("mixDidYouMean")}`));
+    results.slice(0, 3).forEach((trend) => {
+      console.log(source_default.dim(`    - ${trend.name} (${trend.id})`));
     });
   } else {
-    console.log(source_default.dim("  Available trends:"));
-    TRENDS.slice(0, 5).forEach((t) => {
-      console.log(source_default.dim(`    - ${t.name} (${t.id})`));
+    console.log(source_default.dim(`  ${t("mixAvailableTrends")}`));
+    TRENDS.slice(0, 5).forEach((trend) => {
+      console.log(source_default.dim(`    - ${trend.name} (${trend.id})`));
     });
-    console.log(source_default.dim("  Use 'designnn explore' to see all trends."));
+    console.log(source_default.dim(`  ${t("mixSeeAll")}`));
   }
 }
 
 // src/cli.ts
+init_i18n();
 var program2 = new Command;
+function initLang(options) {
+  if (options?.lang) {
+    setLang(options.lang);
+  } else {
+    setLang(detectLang());
+  }
+}
 program2.name("designnn").description(`Trend-driven design prompt engine for Figma AI.
-Generate high-quality UI/UX prompts powered by real-time design trend analysis.`).version("0.2.0").hook("preAction", (thisCommand) => {
+Generate high-quality UI/UX prompts powered by real-time design trend analysis.
+
+Figma AI のためのトレンド駆動デザインプロンプトエンジン。`).version("0.4.0").option("--lang <language>", "Display language: en or ja (auto-detected from system)").hook("preAction", (thisCommand) => {
+  const opts = thisCommand.opts();
+  initLang(opts);
   if (thisCommand.name() !== "agent") {
     printBanner();
   }
@@ -65790,6 +66272,7 @@ program2.command("agent").description("Start DESIGNNN as an MCP server for AI ag
 });
 program2.parse(process.argv);
 if (!process.argv.slice(2).length) {
+  setLang(detectLang());
   printBanner();
   program2.outputHelp();
 }