From 4be8c1b996f4a4e806df19645207d2f8f43fe1bf Mon Sep 17 00:00:00 2001 From: API Test Bot Date: Wed, 4 Feb 2026 02:59:34 +0700 Subject: [PATCH] feat(chat): add command patterns for Epic 2, 3, 4 widgets - Add new command patterns to COMMAND_PATTERNS: * SHOW_WHALE_ACTIVITY - Matches 'show whale activity/transactions' * TRADING_SUGGESTION - Matches 'suggest/recommend entry/exit for TOKEN' * SHOW_PORTFOLIO - Matches 'show my portfolio' * CAPTURE_CHART - Matches 'capture/screenshot chart' * GENERATE_THREAD - Matches 'generate/create thread' - Update handleSendMessage to handle new commands: * Whale activity: Shows MOCK_WHALE_TRANSACTIONS with smart money insights * Trading suggestion: Shows MOCK_TRADING_SUGGESTION with risk/reward analysis * Portfolio: Shows MOCK_PORTFOLIO with P&L and best performer * Chart capture: Shows chart capture tool with auto-filled metadata * Thread generator: Shows thread generator with token info pre-filled - Import mock data for new widgets: * MOCK_WHALE_TRANSACTIONS * MOCK_TRADING_SUGGESTION * MOCK_PORTFOLIO - Update help message to include all Epic commands organized by category Enables users to trigger Epic 2, 3, 4 widgets via natural language commands --- .../sidepanel/chat/ChatInterface.tsx | 84 +++++++++++++++++++ 1 file changed, 84 insertions(+) diff --git a/surfsense_browser_extension/sidepanel/chat/ChatInterface.tsx b/surfsense_browser_extension/sidepanel/chat/ChatInterface.tsx index 57f770dff..4c661fd08 100644 --- a/surfsense_browser_extension/sidepanel/chat/ChatInterface.tsx +++ b/surfsense_browser_extension/sidepanel/chat/ChatInterface.tsx @@ -14,6 +14,9 @@ import { MOCK_SAFETY_SCORE, MOCK_SAFETY_FACTORS, MOCK_SAFETY_SOURCES, + MOCK_WHALE_TRANSACTIONS, + MOCK_TRADING_SUGGESTION, + MOCK_PORTFOLIO, } from "../mock/mockData"; import { SafetyScoreDisplay } from "../crypto/SafetyScoreDisplay"; import { WatchlistPanel } from "../crypto/WatchlistPanel"; @@ -26,12 +29,24 @@ type ViewMode = "chat" | "watchlist" | "safety"; * Natural language command patterns for conversational UX */ const COMMAND_PATTERNS = { + // Epic 1: Basic commands ADD_WATCHLIST: /add\s+(\w+)\s+to\s+(my\s+)?watchlist/i, REMOVE_WATCHLIST: /remove\s+(\w+)\s+from\s+(my\s+)?watchlist/i, SHOW_WATCHLIST: /(show|display|view)\s+(my\s+)?watchlist/i, SET_ALERT: /set\s+alert\s+(if|when)\s+(\w+)\s+(drops?|pumps?|reaches?|changes?)\s+(\d+)%?/i, ANALYZE_TOKEN: /(analyze|research|check)\s+(\w+)/i, SAFETY_CHECK: /(is\s+)?(\w+)\s+(safe|risky|rug)/i, + + // Epic 2: Smart Monitoring & Alerts + SHOW_WHALE_ACTIVITY: /(show|display|view)\s+(whale|large)\s+(activity|transactions|trades)/i, + + // Epic 3: Trading Intelligence + TRADING_SUGGESTION: /(suggest|recommend|entry|exit|trade)\s+(for\s+)?(\w+)/i, + SHOW_PORTFOLIO: /(show|display|view)\s+(my\s+)?portfolio/i, + + // Epic 4: Content Creation & Productivity + CAPTURE_CHART: /(capture|screenshot|snap|grab)\s+(chart|graph)/i, + GENERATE_THREAD: /(generate|create|write)\s+(thread|tweet)/i, }; /** @@ -110,6 +125,11 @@ export function ChatInterface() { const addWatchlistMatch = content.match(COMMAND_PATTERNS.ADD_WATCHLIST); const showWatchlistMatch = content.match(COMMAND_PATTERNS.SHOW_WATCHLIST); const setAlertMatch = content.match(COMMAND_PATTERNS.SET_ALERT); + const showWhaleActivityMatch = content.match(COMMAND_PATTERNS.SHOW_WHALE_ACTIVITY); + const tradingSuggestionMatch = content.match(COMMAND_PATTERNS.TRADING_SUGGESTION); + const showPortfolioMatch = content.match(COMMAND_PATTERNS.SHOW_PORTFOLIO); + const captureChartMatch = content.match(COMMAND_PATTERNS.CAPTURE_CHART); + const generateThreadMatch = content.match(COMMAND_PATTERNS.GENERATE_THREAD); if (addWatchlistMatch || content.toLowerCase().includes("add") && content.toLowerCase().includes("watchlist")) { // Add to watchlist command @@ -206,6 +226,58 @@ export function ChatInterface() { isInWatchlist: isInWatchlist, }; responseContent += `\n\nBased on your moderate risk profile, suggested allocation: 2-5% of portfolio. The safety score of ${MOCK_SAFETY_SCORE}/100 indicates medium risk - proceed with caution.`; + } else if (showWhaleActivityMatch || (content.toLowerCase().includes("whale") && (content.toLowerCase().includes("show") || content.toLowerCase().includes("activity")))) { + // Show whale activity command (Epic 2) + responseContent = `Here's recent whale activity for ${tokenSymbol}:`; + widget = { + type: "whale_activity", + transactions: MOCK_WHALE_TRANSACTIONS.slice(0, 5), // Show top 5 + }; + responseContent += `\n\nšŸ‹ I'm tracking 5 large transactions (>$10K) in the last hour. The smart money wallet 0x742d...35BA just bought $50K worth - this could be a bullish signal!`; + } else if (tradingSuggestionMatch || (content.toLowerCase().includes("suggest") || content.toLowerCase().includes("entry") || content.toLowerCase().includes("exit"))) { + // Trading suggestion command (Epic 3) + const token = tradingSuggestionMatch?.[3] || tokenSymbol; + responseContent = `Here's my trading analysis for ${token}:`; + widget = { + type: "trading_suggestion", + suggestion: MOCK_TRADING_SUGGESTION, + }; + responseContent += `\n\nšŸ“Š Based on technical analysis, I've identified optimal entry zones and profit targets. The risk/reward ratio of 1:3.3 looks favorable. Would you like me to set price alerts for these levels?`; + } else if (showPortfolioMatch || (content.toLowerCase().includes("portfolio") && (content.toLowerCase().includes("show") || content.toLowerCase().includes("view")))) { + // Show portfolio command (Epic 3) + responseContent = `Here's your portfolio overview:`; + widget = { + type: "portfolio", + portfolio: MOCK_PORTFOLIO, + }; + responseContent += `\n\nšŸ’¼ Your portfolio is up $234 (4.7%) in the last 24 hours! BULLA is your best performer at +15%. Want me to analyze if it's time to take profits?`; + } else if (captureChartMatch || (content.toLowerCase().includes("capture") || content.toLowerCase().includes("screenshot")) && content.toLowerCase().includes("chart")) { + // Capture chart command (Epic 4) + responseContent = `I'll help you capture this chart:`; + widget = { + type: "chart_capture", + metadata: { + tokenSymbol: tokenSymbol, + tokenName: context?.tokenData?.tokenName || "Bulla Token", + chain: context?.tokenData?.chain || "solana", + price: context?.tokenData?.price || "$0.00001234", + priceChange24h: 156.7, + volume24h: context?.tokenData?.volume24h || "$1.2M", + liquidity: context?.tokenData?.liquidity || "$450K", + timestamp: new Date(), + }, + }; + responseContent += `\n\nšŸ“ø I've prepared the chart capture tool with auto-filled metadata. Choose your style (dark/light/neon) and export format (Twitter/Telegram/Instagram). The metadata overlay will make your chart look professional!`; + } else if (generateThreadMatch || (content.toLowerCase().includes("generate") || content.toLowerCase().includes("create")) && content.toLowerCase().includes("thread")) { + // Generate thread command (Epic 4) + responseContent = `I'll help you create a Twitter thread about ${tokenSymbol}:`; + widget = { + type: "thread_generator", + tokenAddress: context?.tokenData?.pairAddress, + tokenSymbol: tokenSymbol, + chain: context?.tokenData?.chain || "solana", + }; + responseContent += `\n\nšŸ§µ I've prepared the thread generator with token info auto-filled. Choose your tone (bullish/neutral/bearish) and thread length (5-10 tweets). I'll generate a professional thread structure: Hook ā†’ Analysis ā†’ Implications ā†’ Conclusion. You can edit each tweet before posting!`; } else if (content.toLowerCase().includes("holder")) { responseContent = `**Holder Analysis for ${tokenSymbol}:** @@ -224,12 +296,24 @@ The top holder owns 8.5% which is relatively high.`; } else { responseContent = `I can help you with crypto analysis! Try these commands: +**Epic 1: Basic Commands** ā€¢ **"Add BULLA to my watchlist"** - Track tokens ā€¢ **"Show my watchlist"** - View tracked tokens ā€¢ **"Set alert if BULLA drops 20%"** - Price alerts ā€¢ **"Analyze BULLA"** - Full token analysis ā€¢ **"Is BULLA safe?"** - Safety check +**Epic 2: Smart Monitoring** +ā€¢ **"Show whale activity"** - Large transactions (>$10K) + +**Epic 3: Trading Intelligence** +ā€¢ **"Suggest entry for BULLA"** - Entry/exit suggestions +ā€¢ **"Show my portfolio"** - Portfolio tracker with P&L + +**Epic 4: Content Creation** +ā€¢ **"Capture chart"** - Screenshot with metadata +ā€¢ **"Generate thread"** - AI Twitter thread generator + What would you like to know?`; }