foliko 1.0.85 → 1.0.87

package/src/core/agent-chat.js

@@ -123,6 +123,10 @@ class AgentChatHandler extends EventEmitter {
 
     // Session 历史存储配置
     this._sessionHistoryKey = config.sessionHistoryKey || 'chat_history';
+
+    // Per-Session 队列管理
+    this._sessionQueues = new Map(); // sessionId -> Queue of {message, options, resolve, reject}
+    this._processingSessions = new Set(); // sessionId -> processing flag
   }
 
   /**
@@ -139,6 +143,7 @@ class AgentChatHandler extends EventEmitter {
       if (!sessionPlugin) return [];
 
       const messages = sessionPlugin.getHistory(sessionId);
+      // 直接返回，保存时已清理，数据应该是干净的
       return messages || [];
     } catch (err) {
       // 忽略加载错误
@@ -153,28 +158,78 @@ class AgentChatHandler extends EventEmitter {
    * @private
    */
   _saveHistoryToSession(sessionId, messages) {
-    if (!sessionId || !this.agent?.framework || !messages || messages.length === 0) return;
+    if (!sessionId || !this.agent?.framework || !messages) return;
 
     try {
       const sessionPlugin = this.agent.framework.pluginManager.get('session');
       if (!sessionPlugin) return;
 
-      // 获取 session 中已有消息数量，避免重复添加
-      const existingHistory = sessionPlugin.getHistory(sessionId);
-      const existingCount = existingHistory.length;
-
-      // 只添加新消息（避免重复添加已加载的历史）
-      const simpleMessages = messages;
-
-      const newMessages = simpleMessages.slice(existingCount);
-      for (const msg of newMessages) {
-        sessionPlugin.addMessage(sessionId, msg);
-      }
+      // 清理消息格式后整体替换
+      const cleanedMessages = prepareMessagesForAPI(messages);
+      sessionPlugin.replaceMessages(sessionId, cleanedMessages);
     } catch (err) {
       // 忽略保存错误
     }
   }
 
+  /**
+   * 将消息加入队列（Per-Session）
+   * @param {string} sessionId - 会话 ID
+   * @param {string|Object} message - 消息
+   * @param {Object} options - 选项
+   * @returns {Promise}
+   */
+  enqueue(sessionId, message, options = {}) {
+    if (!this._sessionQueues.has(sessionId)) {
+      this._sessionQueues.set(sessionId, []);
+    }
+    const queue = this._sessionQueues.get(sessionId);
+
+    if (this._processingSessions.has(sessionId)) {
+      // 已在处理中，加入队列
+      return new Promise((resolve, reject) => {
+        queue.push({ message, options, resolve, reject });
+      });
+    }
+
+    // 直接处理
+    return this._processWithSession(sessionId, message, options);
+  }
+
+  /**
+   * 处理单个 session 的消息
+   * @param {string} sessionId - 会话 ID
+   * @param {string|Object} message - 消息
+   * @param {Object} options - 选项
+   * @returns {Promise}
+   * @private
+   */
+  async _processWithSession(sessionId, message, options) {
+    this._processingSessions.add(sessionId);
+    try {
+      return await this._doChat(message, options);
+    } finally {
+      this._processingSessions.delete(sessionId);
+      // 处理队列中的下一条
+      setImmediate(() => this._drainQueue(sessionId));
+    }
+  }
+
+  /**
+   * 消费队列中的下一条消息
+   * @param {string} sessionId - 会话 ID
+   * @private
+   */
+  _drainQueue(sessionId) {
+    const queue = this._sessionQueues.get(sessionId);
+    if (!queue || queue.length === 0) return;
+
+    const item = queue.shift();
+    this._processWithSession(sessionId, item.message, item.options)
+      .then(item.resolve)
+      .catch(item.reject);
+  }
+
   /**
    * 静态方法：保留接口兼容性（无实际作用）
    */
@@ -287,9 +342,10 @@ class AgentChatHandler extends EventEmitter {
    * 1. 如果启用了智能摘要且有 AI 客户端，对早期消息进行 AI 总结
    * 2. 否则使用简单裁剪 + 标记
    * 3. 支持超时控制，防止压缩阻塞太久
+   * @param {string} sessionId - 会话 ID（用于压缩后同步）
    * @private
    */
-  async _compressContext() {
+  async _compressContext(sessionId) {
     // 如果已经有压缩在进行，返回现有的 Promise
     if (this._compressionInProgress && this._compressionPromise) {
       logger.debug('Compression already in progress, waiting for it...');
@@ -303,7 +359,7 @@ class AgentChatHandler extends EventEmitter {
     this._compressionInProgress = true;
 
     // 创建压缩 Promise，带超时控制
-    this._compressionPromise = this._executeCompressionWithTimeout().finally(() => {
+    this._compressionPromise = this._executeCompressionWithTimeout(sessionId).finally(() => {
       this._compressionInProgress = false;
       this._compressionPromise = null;
     });
@@ -313,15 +369,16 @@ class AgentChatHandler extends EventEmitter {
 
   /**
    * 执行压缩（带超时）
+   * @param {string} sessionId - 会话 ID
    * @private
    */
-  async _executeCompressionWithTimeout() {
+  async _executeCompressionWithTimeout(sessionId) {
     try {
-      return await Promise.race([this._doCompress(), this._createTimeoutPromise()]);
+      return await Promise.race([this._doCompress(sessionId), this._createTimeoutPromise()]);
     } catch (err) {
       logger.warn('Compression failed:', err.message);
       // 压缩失败时使用简单的截断策略
-      this._simpleCompress();
+      this._simpleCompress(sessionId);
     }
   }
 
@@ -358,9 +415,10 @@ class AgentChatHandler extends EventEmitter {
 
   /**
    * 执行实际压缩逻辑
+   * @param {string} sessionId - 会话 ID
    * @private
    */
-  async _doCompress() {
+  async _doCompress(sessionId) {
     const systemMessages = this._messages.filter((m) => m.role === 'system');
     const otherMessages = this._messages.filter((m) => m.role !== 'system');
 
@@ -398,13 +456,19 @@ class AgentChatHandler extends EventEmitter {
     logger.info(
       `Context compressed (${this._compressionCount} times). Messages: ${this._messages.length}, Est. tokens: ${totalTokens}`
     );
+
+    // 压缩后立即同步到 session
+    if (sessionId) {
+      this._saveHistoryToSession(sessionId, this._messages);
+    }
   }
 
   /**
    * 简单压缩（当 AI 压缩失败时使用）
+   * @param {string} sessionId - 会话 ID
    * @private
    */
-  _simpleCompress() {
+  _simpleCompress(sessionId) {
     const systemMessages = this._messages.filter((m) => m.role === 'system');
     const otherMessages = this._messages.filter((m) => m.role !== 'system');
     const recentMessages = otherMessages.slice(-this._keepRecentMessages);
@@ -425,6 +489,11 @@ class AgentChatHandler extends EventEmitter {
     logger.info(
       `Context simple compressed (${this._compressionCount} times). Messages: ${this._messages.length}`
     );
+
+    // 压缩后立即同步到 session
+    if (sessionId) {
+      this._saveHistoryToSession(sessionId, this._messages);
+    }
   }
 
   /**
@@ -653,15 +722,25 @@ ${truncatedContent}${truncatedNote}
   }
 
   /**
-   * 发送消息（非流式）
+   * 发送消息（非流式）- 使用队列机制
    * @param {string|Object} message - 消息
    * @param {Object} options - 选项
    */
   async chat(message, options = {}) {
+    const sessionId = options.sessionId || null;
+    return this.enqueue(sessionId, message, options);
+  }
+
+  /**
+   * 执行实际聊天逻辑
+   * @param {string|Object} message - 消息
+   * @param {Object} options - 选项
+   * @private
+   */
+  async _doChat(message, options = {}) {
     const sessionId = options.sessionId || null;
     const context = { sessionId, isStream: false };
     const framework = this.agent.framework;
-    const self = this; // 保存引用用于回调
 
     try {
       // 从 session 加载聊天历史
@@ -696,9 +775,7 @@ ${truncatedContent}${truncatedNote}
           `Context large (${totalTokens}/${this._maxContextTokens} tokens = msgs:${messagesTokens} + tools:${toolsTokens} + sys:${systemPromptTokens}), compressing...`
         );
         // 使用带超时控制的压缩
-        await this._compressContext();
-      } else {
-        logger.info(`Context OK: ${totalTokens}/${this._maxContextTokens} tokens`);
+        await this._compressContext(sessionId);
       }
 
       const maxSteps = options.maxSteps || this._maxSteps;
@@ -714,6 +791,7 @@ ${truncatedContent}${truncatedNote}
         model: this._aiClient,
         instructions: this._systemPrompt,
         tools: tools,
+        //stopWhen: stepCountIs(maxSteps),
         prepareStep: async ({ stepNumber, messages }) =>
           this._prepareStepForPruning(stepNumber, messages),
       });
@@ -785,13 +863,14 @@ ${truncatedContent}${truncatedNote}
       const systemPromptTokens = this._countTokens(this._systemPrompt);
       const totalTokens = messagesTokens + toolsTokens + systemPromptTokens;
       const limit = this._maxContextTokens * 0.7; // 降低到 70%
+      //console.log(messagesTokens,toolsTokens,systemPromptTokens,totalTokens,this._maxContextTokens)
       // 对于流式调用，如果上下文太大，先压缩再开始
       if (totalTokens > limit) {
         logger.info(
           `Context large (${totalTokens}/${this._maxContextTokens} tokens), compressing...`
         );
         // 流式调用时等待压缩完成（使用带超时控制的压缩）
-        await this._compressContext();
+        await this._compressContext(sessionId);
       }
 
       const maxSteps = options.maxSteps || this._maxSteps;
@@ -806,6 +885,7 @@ ${truncatedContent}${truncatedNote}
         model: this._aiClient,
         instructions: this._systemPrompt,
         tools: tools,
+        //stopWhen: stepCountIs(maxSteps),
         prepareStep: async ({ stepNumber, messages }) =>
           this._prepareStepForPruning(stepNumber, messages),
       });
@@ -861,7 +941,7 @@ ${truncatedContent}${truncatedNote}
    * @private
    */
   _prepareStepForPruning(stepNumber, messages) {
-    if (messages.length <= 20) {
+    if (messages.length <= 50) {
       return {};
     }
 
@@ -1000,38 +1080,6 @@ ${truncatedContent}${truncatedNote}
     return cleaned;
   }
 
-  /**
-   * 清理消息格式
-   * @private
-   */
-  _cleanMessages(messages) {
-    return messages.map((msg) => {
-      if (!msg || typeof msg !== 'object') {
-        return { role: 'user', content: '' };
-      }
-
-      const cleaned = {
-        role: msg.role || 'user',
-      };
-
-      if (Array.isArray(msg.content)) {
-        cleaned.content = msg.content;
-      } else if (typeof msg.content === 'string') {
-        cleaned.content = msg.content;
-      } else if (typeof msg.content === 'object' && msg.content !== null) {
-        // 对象类型的 content（如 tool result），转为字符串
-        cleaned.content =
-          typeof msg.content === 'object' && msg.content.content !== undefined
-            ? String(msg.content.content)
-            : JSON.stringify(msg.content);
-      } else {
-        cleaned.content = msg.text || msg.input || '';
-      }
-
-      return cleaned;
-    });
-  }
-
   /**
    * 销毁
    */

package/src/core/agent.js

@@ -53,10 +53,6 @@ class Agent extends EventEmitter {
     // 子Agent管理
     this._subAgents = new Map();
 
-    // 消息队列（用于 pushMessage）
-    this._messageQueue = [];
-    this._isProcessingQueue = false;
-
     // System prompt 构建器
     this._systemPromptBuilder = new SystemPromptBuilder();
     this._registerDefaultPromptParts();
@@ -734,10 +730,6 @@ class Agent extends EventEmitter {
    * 发送消息
    */
   async chat(message, options = {}) {
-    if (this._status === 'busy') {
-      throw new Error('Agent is busy');
-    }
-
     if (this._status === 'error') {
       this._status = 'idle';
     }
@@ -755,21 +747,16 @@ class Agent extends EventEmitter {
 
       this._syncTools();
 
+      // 通过 handler 的 enqueue 处理（自动排队）
       const result = await this._chatHandler.chat(enhancedMessage, options);
+
       this._status = 'idle';
       this.emit('status', { status: 'idle' });
 
-      // 处理队列中的下一条消息
-      setImmediate(() => this._processQueue());
-
       return result;
     } catch (err) {
       this._status = 'error';
       this.emit('status', { status: 'error', error: err.message });
-
-      // 发生错误时也要处理队列
-      setImmediate(() => this._processQueue());
-
       throw err;
     }
   }
@@ -789,49 +776,10 @@ class Agent extends EventEmitter {
       options.sessionId = ctx.sessionId;
     }
 
-    // 如果忙碌，进入队列等待
-    if (this._status === 'busy') {
-      const queuedItem = { message, options, resolve: null, reject: null };
-      const promise = new Promise((resolve, reject) => {
-        queuedItem.resolve = resolve;
-        queuedItem.reject = reject;
-      });
-      this._messageQueue.push(queuedItem);
-      // Agent busy, message queued
-      return promise;
-    }
-
-    // 空闲则直接处理
+    // 直接调用 chat，由 handler 的 enqueue 处理排队
     return this.chat(message, options);
   }
 
-  /**
-   * 处理消息队列
-   * @private
-   */
-  async _processQueue() {
-    if (this._isProcessingQueue || this._messageQueue.length === 0) {
-      return;
-    }
-
-    this._isProcessingQueue = true;
-
-    // 强制设置为 idle，确保 this.chat() 能执行
-    this._status = 'idle';
-
-    while (this._messageQueue.length > 0) {
-      const item = this._messageQueue.shift();
-      try {
-        const result = await this.chat(item.message, item.options);
-        item.resolve(result);
-      } catch (err) {
-        item.reject(err);
-      }
-    }
-
-    this._isProcessingQueue = false;
-  }
-
   /**
    * 发送消息（流式）
    */
@@ -861,16 +809,10 @@ class Agent extends EventEmitter {
       yield* this._chatHandler.chatStream(enhancedMessage, options);
       this._status = 'idle';
       this.emit('status', { status: 'idle' });
-
-      // 处理队列中的下一条消息
-      setImmediate(() => this._processQueue());
     } catch (err) {
       this._status = 'error';
       this.emit('status', { status: 'error', error: err.message });
 
-      // 发生错误时也要处理队列
-      setImmediate(() => this._processQueue());
-
       throw err;
     }
   }

package/src/utils/index.js

@@ -299,7 +299,7 @@ function prepareMessagesForAPI(rawMessages) {
   for (const msg of cleaned) {
     // 跳过连续的相同角色消息（除了 tool）
     if (msg.role === lastRole && msg.role !== 'tool') {
-      console.log(`跳过连续的 ${msg.role} 消息`);
+      // 静默跳过，不打印日志
       continue;
     }
 

package/.agent/.shared/ui-ux-pro-max/data/charts.csv

@@ -1,26 +0,0 @@
-No,Data Type,Keywords,Best Chart Type,Secondary Options,Color Guidance,Performance Impact,Accessibility Notes,Library Recommendation,Interactive Level
-1,Trend Over Time,"trend, time-series, line, growth, timeline, progress",Line Chart,"Area Chart, Smooth Area",Primary: #0080FF. Multiple series: use distinct colors. Fill: 20% opacity,⚡ Excellent (optimized),✓ Clear line patterns for colorblind users. Add pattern overlays.,"Chart.js, Recharts, ApexCharts",Hover + Zoom
-2,Compare Categories,"compare, categories, bar, comparison, ranking",Bar Chart (Horizontal or Vertical),"Column Chart, Grouped Bar",Each bar: distinct color. Category: grouped same color. Sorted: descending order,⚡ Excellent,✓ Easy to compare. Add value labels on bars for clarity.,"Chart.js, Recharts, D3.js",Hover + Sort
-3,Part-to-Whole,"part-to-whole, pie, donut, percentage, proportion, share",Pie Chart or Donut,"Stacked Bar, Treemap",Colors: 5-6 max. Contrasting palette. Large slices first. Use labels.,⚡ Good (limit 6 slices),⚠ Hard for accessibility. Better: Stacked bar with legend. Avoid pie if >5 items.,"Chart.js, Recharts, D3.js",Hover + Drill
-4,Correlation/Distribution,"correlation, distribution, scatter, relationship, pattern",Scatter Plot or Bubble Chart,"Heat Map, Matrix",Color axis: gradient (blue-red). Size: relative. Opacity: 0.6-0.8 to show density,⚠ Moderate (many points),⚠ Provide data table alternative. Use pattern + color distinction.,"D3.js, Plotly, Recharts",Hover + Brush
-5,Heatmap/Intensity,"heatmap, heat-map, intensity, density, matrix",Heat Map or Choropleth,"Grid Heat Map, Bubble Heat",Gradient: Cool (blue) to Hot (red). Scale: clear legend. Divergent for ±data,⚡ Excellent (color CSS),⚠ Colorblind: Use pattern overlay. Provide numerical legend.,"D3.js, Plotly, ApexCharts",Hover + Zoom
-6,Geographic Data,"geographic, map, location, region, geo, spatial","Choropleth Map, Bubble Map",Geographic Heat Map,Regional: single color gradient or categorized colors. Legend: clear scale,⚠ Moderate (rendering),⚠ Include text labels for regions. Provide data table alternative.,"D3.js, Mapbox, Leaflet",Pan + Zoom + Drill
-7,Funnel/Flow,funnel/flow,"Funnel Chart, Sankey",Waterfall (for flows),Stages: gradient (starting color → ending color). Show conversion %,⚡ Good,✓ Clear stage labels + percentages. Good for accessibility if labeled.,"D3.js, Recharts, Custom SVG",Hover + Drill
-8,Performance vs Target,performance-vs-target,Gauge Chart or Bullet Chart,"Dial, Thermometer",Performance: Red→Yellow→Green gradient. Target: marker line. Threshold colors,⚡ Good,✓ Add numerical value + percentage label beside gauge.,"D3.js, ApexCharts, Custom SVG",Hover
-9,Time-Series Forecast,time-series-forecast,Line with Confidence Band,Ribbon Chart,Actual: solid line #0080FF. Forecast: dashed #FF9500. Band: light shading,⚡ Good,✓ Clearly distinguish actual vs forecast. Add legend.,"Chart.js, ApexCharts, Plotly",Hover + Toggle
-10,Anomaly Detection,anomaly-detection,Line Chart with Highlights,Scatter with Alert,Normal: blue #0080FF. Anomaly: red #FF0000 circle/square marker + alert,⚡ Good,✓ Circle/marker for anomalies. Add text alert annotation.,"D3.js, Plotly, ApexCharts",Hover + Alert
-11,Hierarchical/Nested Data,hierarchical/nested-data,Treemap,"Sunburst, Nested Donut, Icicle",Parent: distinct hues. Children: lighter shades. White borders 2-3px.,⚠ Moderate,⚠ Poor - provide table alternative. Label large areas.,"D3.js, Recharts, ApexCharts",Hover + Drilldown
-12,Flow/Process Data,flow/process-data,Sankey Diagram,"Alluvial, Chord Diagram",Gradient from source to target. Opacity 0.4-0.6 for flows.,⚠ Moderate,⚠ Poor - provide flow table alternative.,"D3.js (d3-sankey), Plotly",Hover + Drilldown
-13,Cumulative Changes,cumulative-changes,Waterfall Chart,"Stacked Bar, Cascade",Increases: #4CAF50. Decreases: #F44336. Start: #2196F3. End: #0D47A1.,⚡ Good,✓ Good - clear directional colors with labels.,"ApexCharts, Highcharts, Plotly",Hover
-14,Multi-Variable Comparison,multi-variable-comparison,Radar/Spider Chart,"Parallel Coordinates, Grouped Bar",Single: #0080FF 20% fill. Multiple: distinct colors per dataset.,⚡ Good,⚠ Moderate - limit 5-8 axes. Add data table.,"Chart.js, Recharts, ApexCharts",Hover + Toggle
-15,Stock/Trading OHLC,stock/trading-ohlc,Candlestick Chart,"OHLC Bar, Heikin-Ashi",Bullish: #26A69A. Bearish: #EF5350. Volume: 40% opacity below.,⚡ Good,⚠ Moderate - provide OHLC data table.,"Lightweight Charts (TradingView), ApexCharts",Real-time + Hover + Zoom
-16,Relationship/Connection Data,relationship/connection-data,Network Graph,"Hierarchical Tree, Adjacency Matrix",Node types: categorical colors. Edges: #90A4AE 60% opacity.,❌ Poor (500+ nodes struggles),❌ Very Poor - provide adjacency list alternative.,"D3.js (d3-force), Vis.js, Cytoscape.js",Drilldown + Hover + Drag
-17,Distribution/Statistical,distribution/statistical,Box Plot,"Violin Plot, Beeswarm",Box: #BBDEFB. Border: #1976D2. Median: #D32F2F. Outliers: #F44336.,⚡ Excellent,"✓ Good - include stats table (min, Q1, median, Q3, max).","Plotly, D3.js, Chart.js (plugin)",Hover
-18,Performance vs Target (Compact),performance-vs-target-(compact),Bullet Chart,"Gauge, Progress Bar","Ranges: #FFCDD2, #FFF9C4, #C8E6C9. Performance: #1976D2. Target: black 3px.",⚡ Excellent,✓ Excellent - compact with clear values.,"D3.js, Plotly, Custom SVG",Hover
-19,Proportional/Percentage,proportional/percentage,Waffle Chart,"Pictogram, Stacked Bar 100%",10x10 grid. 3-5 categories max. 2-3px spacing between squares.,⚡ Good,✓ Good - better than pie for accessibility.,"D3.js, React-Waffle, Custom CSS Grid",Hover
-20,Hierarchical Proportional,hierarchical-proportional,Sunburst Chart,"Treemap, Icicle, Circle Packing",Center to outer: darker to lighter. 15-20% lighter per level.,⚠ Moderate,⚠ Poor - provide hierarchy table alternative.,"D3.js (d3-hierarchy), Recharts, ApexCharts",Drilldown + Hover
-21,Root Cause Analysis,"root cause, decomposition, tree, hierarchy, drill-down, ai-split",Decomposition Tree,"Decision Tree, Flow Chart",Nodes: #2563EB (Primary) vs #EF4444 (Negative impact). Connectors: Neutral grey.,⚠ Moderate (calculation heavy),✓ clear hierarchy. Allow keyboard navigation for nodes.,"Power BI (native), React-Flow, Custom D3.js",Drill + Expand
-22,3D Spatial Data,"3d, spatial, immersive, terrain, molecular, volumetric",3D Scatter/Surface Plot,"Volumetric Rendering, Point Cloud",Depth cues: lighting/shading. Z-axis: color gradient (cool to warm).,❌ Heavy (WebGL required),❌ Poor - requires alternative 2D view or data table.,"Three.js, Deck.gl, Plotly 3D",Rotate + Zoom + VR
-23,Real-Time Streaming,"streaming, real-time, ticker, live, velocity, pulse",Streaming Area Chart,"Ticker Tape, Moving Gauge",Current: Bright Pulse (#00FF00). History: Fading opacity. Grid: Dark.,⚡ Optimized (canvas/webgl),⚠ Flashing elements - provide pause button. High contrast.,Smoothed D3.js, CanvasJS, SciChart,Real-time + Pause
-24,Sentiment/Emotion,"sentiment, emotion, nlp, opinion, feeling",Word Cloud with Sentiment,"Sentiment Arc, Radar Chart",Positive: #22C55E. Negative: #EF4444. Neutral: #94A3B8. Size = Frequency.,⚡ Good,⚠ Word clouds poor for screen readers. Use list view.,"D3-cloud, Highcharts, Nivo",Hover + Filter
-25,Process Mining,"process, mining, variants, path, bottleneck, log",Process Map / Graph,"Directed Acyclic Graph (DAG), Petri Net",Happy path: #10B981 (Thick). Deviations: #F59E0B (Thin). Bottlenecks: #EF4444.,⚠ Moderate to Heavy,⚠ Complex graphs hard to navigate. Provide path summary.,"React-Flow, Cytoscape.js, Recharts",Drag + Node-Click

package/.agent/.shared/ui-ux-pro-max/data/colors.csv

@@ -1,97 +0,0 @@
-No,Product Type,Keywords,Primary (Hex),Secondary (Hex),CTA (Hex),Background (Hex),Text (Hex),Border (Hex),Notes
-1,SaaS (General),"saas, general",#2563EB,#3B82F6,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust blue + accent contrast
-2,Micro SaaS,"micro, saas",#2563EB,#3B82F6,#F97316,#F8FAFC,#1E293B,#E2E8F0,Vibrant primary + white space
-3,E-commerce,commerce,#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand primary + success green
-4,E-commerce Luxury,"commerce, luxury",#1C1917,#44403C,#CA8A04,#FAFAF9,#0C0A09,#D6D3D1,Premium colors + minimal accent
-5,Service Landing Page,"service, landing, page",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand primary + trust colors
-6,B2B Service,"b2b, service",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional blue + neutral grey
-7,Financial Dashboard,"financial, dashboard",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark bg + red/green alerts + trust blue
-8,Analytics Dashboard,"analytics, dashboard",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Cool→Hot gradients + neutral grey
-9,Healthcare App,"healthcare, app",#0891B2,#22D3EE,#059669,#ECFEFF,#164E63,#A5F3FC,Calm blue + health green + trust
-10,Educational App,"educational, app",#4F46E5,#818CF8,#F97316,#EEF2FF,#1E1B4B,#C7D2FE,Playful colors + clear hierarchy
-11,Creative Agency,"creative, agency",#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Bold primaries + artistic freedom
-12,Portfolio/Personal,"portfolio, personal",#18181B,#3F3F46,#2563EB,#FAFAFA,#09090B,#E4E4E7,Brand primary + artistic interpretation
-13,Gaming,gaming,#7C3AED,#A78BFA,#F43F5E,#0F0F23,#E2E8F0,#4C1D95,Vibrant + neon + immersive colors
-14,Government/Public Service,"government, public, service",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional blue + high contrast
-15,Fintech/Crypto,"fintech, crypto",#F59E0B,#FBBF24,#8B5CF6,#0F172A,#F8FAFC,#334155,Dark tech colors + trust + vibrant accents
-16,Social Media App,"social, media, app",#2563EB,#60A5FA,#F43F5E,#F8FAFC,#1E293B,#DBEAFE,Vibrant + engagement colors
-17,Productivity Tool,"productivity, tool",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Clear hierarchy + functional colors
-18,Design System/Component Library,"design, system, component, library",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Clear hierarchy + code-like structure
-19,AI/Chatbot Platform,"chatbot, platform",#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,Neutral + AI Purple (#6366F1)
-20,NFT/Web3 Platform,"nft, web3, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Neon + Gold (#FFD700)
-21,Creator Economy Platform,"creator, economy, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Vibrant + Brand colors
-22,Sustainability/ESG Platform,"sustainability, esg, platform",#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,Green (#228B22) + Earth tones
-23,Remote Work/Collaboration Tool,"remote, work, collaboration, tool",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Calm Blue + Neutral grey
-24,Mental Health App,"mental, health, app",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Calm Pastels + Trust colors
-25,Pet Tech App,"pet, tech, app",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Playful + Warm colors
-26,Smart Home/IoT Dashboard,"smart, home, iot, dashboard",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Status indicator colors
-27,EV/Charging Ecosystem,"charging, ecosystem",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Electric Blue (#009CD1) + Green
-28,Subscription Box Service,"subscription, box, service",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand + Excitement colors
-29,Podcast Platform,"podcast, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Audio waveform accents
-30,Dating App,"dating, app",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Warm + Romantic (Pink/Red gradients)
-31,Micro-Credentials/Badges Platform,"micro, credentials, badges, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust Blue + Gold (#FFD700)
-32,Knowledge Base/Documentation,"knowledge, base, documentation",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Clean hierarchy + minimal color
-33,Hyperlocal Services,"hyperlocal, services",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Location markers + Trust colors
-34,Beauty/Spa/Wellness Service,"beauty, spa, wellness, service",#10B981,#34D399,#8B5CF6,#ECFDF5,#064E3B,#A7F3D0,Soft pastels (Pink #FFB6C1 Sage #90EE90) + Cream + Gold accents
-35,Luxury/Premium Brand,"luxury, premium, brand",#1C1917,#44403C,#CA8A04,#FAFAF9,#0C0A09,#D6D3D1,Black + Gold (#FFD700) + White + Minimal accent
-36,Restaurant/Food Service,"restaurant, food, service",#DC2626,#F87171,#CA8A04,#FEF2F2,#450A0A,#FECACA,Warm colors (Orange Red Brown) + appetizing imagery
-37,Fitness/Gym App,"fitness, gym, app",#DC2626,#F87171,#16A34A,#FEF2F2,#1F2937,#FECACA,Energetic (Orange #FF6B35 Electric Blue) + Dark bg
-38,Real Estate/Property,"real, estate, property",#0F766E,#14B8A6,#0369A1,#F0FDFA,#134E4A,#99F6E4,Trust Blue (#0077B6) + Gold accents + White
-39,Travel/Tourism Agency,"travel, tourism, agency",#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Vibrant destination colors + Sky Blue + Warm accents
-40,Hotel/Hospitality,"hotel, hospitality",#1E3A8A,#3B82F6,#CA8A04,#F8FAFC,#1E40AF,#BFDBFE,Warm neutrals + Gold (#D4AF37) + Brand accent
-41,Wedding/Event Planning,"wedding, event, planning",#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Soft Pink (#FFD6E0) + Gold + Cream + Sage
-42,Legal Services,"legal, services",#1E3A8A,#1E40AF,#B45309,#F8FAFC,#0F172A,#CBD5E1,Navy Blue (#1E3A5F) + Gold + White
-43,Insurance Platform,"insurance, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust Blue (#0066CC) + Green (security) + Neutral
-44,Banking/Traditional Finance,"banking, traditional, finance",#0F766E,#14B8A6,#0369A1,#F0FDFA,#134E4A,#99F6E4,Navy (#0A1628) + Trust Blue + Gold accents
-45,Online Course/E-learning,"online, course, learning",#0D9488,#2DD4BF,#EA580C,#F0FDFA,#134E4A,#5EEAD4,Vibrant learning colors + Progress green
-46,Non-profit/Charity,"non, profit, charity",#0891B2,#22D3EE,#F97316,#ECFEFF,#164E63,#A5F3FC,Cause-related colors + Trust + Warm
-47,Music Streaming,"music, streaming",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark (#121212) + Vibrant accents + Album art colors
-48,Video Streaming/OTT,"video, streaming, ott",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark bg + Content poster colors + Brand accent
-49,Job Board/Recruitment,"job, board, recruitment",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional Blue + Success Green + Neutral
-50,Marketplace (P2P),"marketplace, p2p",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust colors + Category colors + Success green
-51,Logistics/Delivery,"logistics, delivery",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Blue (#2563EB) + Orange (tracking) + Green (delivered)
-52,Agriculture/Farm Tech,"agriculture, farm, tech",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Earth Green (#4A7C23) + Brown + Sky Blue
-53,Construction/Architecture,"construction, architecture",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Grey (#4A4A4A) + Orange (safety) + Blueprint Blue
-54,Automotive/Car Dealership,"automotive, car, dealership",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand colors + Metallic accents + Dark/Light
-55,Photography Studio,"photography, studio",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Black + White + Minimal accent
-56,Coworking Space,"coworking, space",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Energetic colors + Wood tones + Brand accent
-57,Cleaning Service,"cleaning, service",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Fresh Blue (#00B4D8) + Clean White + Green
-58,Home Services (Plumber/Electrician),"home, services, plumber, electrician",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Trust Blue + Safety Orange + Professional grey
-59,Childcare/Daycare,"childcare, daycare",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Playful pastels + Safe colors + Warm accents
-60,Senior Care/Elderly,"senior, care, elderly",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Calm Blue + Warm neutrals + Large text
-61,Medical Clinic,"medical, clinic",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Medical Blue (#0077B6) + Trust White + Calm Green
-62,Pharmacy/Drug Store,"pharmacy, drug, store",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Pharmacy Green + Trust Blue + Clean White
-63,Dental Practice,"dental, practice",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Fresh Blue + White + Smile Yellow accent
-64,Veterinary Clinic,"veterinary, clinic",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Caring Blue + Pet-friendly colors + Warm accents
-65,Florist/Plant Shop,"florist, plant, shop",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Natural Green + Floral pinks/purples + Earth tones
-66,Bakery/Cafe,"bakery, cafe",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Warm Brown + Cream + Appetizing accents
-67,Coffee Shop,"coffee, shop",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Coffee Brown (#6F4E37) + Cream + Warm accents
-68,Brewery/Winery,"brewery, winery",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Deep amber/burgundy + Gold + Craft aesthetic
-69,Airline,airline,#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,Sky Blue + Brand colors + Trust accents
-70,News/Media Platform,"news, media, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand colors + High contrast + Category colors
-71,Magazine/Blog,"magazine, blog",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Editorial colors + Brand primary + Clean white
-72,Freelancer Platform,"freelancer, platform",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional Blue + Success Green + Neutral
-73,Consulting Firm,"consulting, firm",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Navy + Gold + Professional grey
-74,Marketing Agency,"marketing, agency",#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Bold brand colors + Creative freedom
-75,Event Management,"event, management",#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Event theme colors + Excitement accents
-76,Conference/Webinar Platform,"conference, webinar, platform",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional Blue + Video accent + Brand
-77,Membership/Community,"membership, community",#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Community brand colors + Engagement accents
-78,Newsletter Platform,"newsletter, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand primary + Clean white + CTA accent
-79,Digital Products/Downloads,"digital, products, downloads",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Product category colors + Brand + Success green
-80,Church/Religious Organization,"church, religious, organization",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Warm Gold + Deep Purple/Blue + White
-81,Sports Team/Club,"sports, team, club",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Team colors + Energetic accents
-82,Museum/Gallery,"museum, gallery",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Art-appropriate neutrals + Exhibition accents
-83,Theater/Cinema,"theater, cinema",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Spotlight accents + Gold
-84,Language Learning App,"language, learning, app",#0D9488,#2DD4BF,#EA580C,#F0FDFA,#134E4A,#5EEAD4,Playful colors + Progress indicators + Country flags
-85,Coding Bootcamp,"coding, bootcamp",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Code editor colors + Brand + Success green
-86,Cybersecurity Platform,"cybersecurity, security, cyber, hacker",#00FF41,#0D0D0D,#00FF41,#000000,#E0E0E0,#1F1F1F,Matrix Green + Deep Black + Terminal feel
-87,Developer Tool / IDE,"developer, tool, ide, code, dev",#3B82F6,#1E293B,#2563EB,#0F172A,#F1F5F9,#334155,Dark syntax theme colors + Blue focus
-88,Biotech / Life Sciences,"biotech, science, biology, medical",#0EA5E9,#0284C7,#10B981,#F8FAFC,#0F172A,#E2E8F0,Sterile White + DNA Blue + Life Green
-89,Space Tech / Aerospace,"space, aerospace, tech, futuristic",#FFFFFF,#94A3B8,#3B82F6,#0B0B10,#F8FAFC,#1E293B,Deep Space Black + Star White + Metallic
-90,Architecture / Interior,"architecture, interior, design, luxury",#171717,#404040,#D4AF37,#FFFFFF,#171717,#E5E5E5,Monochrome + Gold Accent + High Imagery
-91,Quantum Computing,"quantum, qubit, tech",#00FFFF,#7B61FF,#FF00FF,#050510,#E0E0FF,#333344,Interference patterns + Neon + Deep Dark
-92,Biohacking / Longevity,"bio, health, science",#FF4D4D,#4D94FF,#00E676,#F5F5F7,#1C1C1E,#E5E5EA,Biological red/blue + Clinical white
-93,Autonomous Systems,"drone, robot, fleet",#00FF41,#008F11,#FF3333,#0D1117,#E6EDF3,#30363D,Terminal Green + Tactical Dark
-94,Generative AI Art,"art, gen-ai, creative",#111111,#333333,#FFFFFF,#FAFAFA,#000000,#E5E5E5,Canvas Neutral + High Contrast
-95,Spatial / Vision OS,"spatial, glass, vision",#FFFFFF,#E5E5E5,#007AFF,#888888,#000000,#FFFFFF,Glass opacity 20% + System Blue
-96,Climate Tech,"climate, green, energy",#2E8B57,#87CEEB,#FFD700,#F0FFF4,#1A3320,#C6E6C6,Nature Green + Solar Yellow + Air Blue