Commit graph

13 commits

Author SHA1 Message Date
API Test Bot
8bc092e40e feat: add new widgets for holder analysis, live token data, price, market overview, and trending tokens
- Implemented HolderAnalysisWidget to display holder distribution and concentration risk.
- Created LiveTokenDataWidget for real-time market data including price changes and transaction activity.
- Added LiveTokenPriceWidget to show current token price and changes over various timeframes.
- Developed MarketOverviewWidget to provide a summary of market statistics and token prices.
- Introduced TrendingTokensWidget to showcase trending tokens with price changes and volume.
- Added TradingSuggestionToolUI for AI-powered trading suggestions with detailed entry, targets, and stop-loss information.
- Enhanced settings components for better user configuration options in the SurfSense Browser Extension.
2026-02-04 13:11:39 +07:00
API Test Bot
e89824db0f feat(detection): implement multi-page token detection system
- Add extractTwitterTokens() to detect $TOKEN mentions (e.g., $BONK, $SOL)
- Add extractContractAddresses() for Solana (base58) and Ethereum (0x) addresses
- Add extractTradingPairs() to detect TOKEN/SOL, TOKEN/USDT patterns
- Update extractPageContext() to use new detection functions
- Add detectedTokens field to PageContext interface
- Create DetectedTokensList component to display detected tokens
- Integrate DetectedTokensList into ChatInterface
- Add handleDetectedTokenClick to analyze selected tokens
- Support auto-detection on Twitter, generic pages, and DexScreener

Implements Task 2: Multi-Page Token Detection
Part of hybrid token detection system (manual search + auto-detect)
2026-02-04 10:55:49 +07:00
API Test Bot
cb879fca37 feat(search): add universal token search bar to sidepanel header
- Add search input field to ChatHeader component
- Search bar works on any page, not just DexScreener
- Supports token symbol, name, or contract address search
- Add onTokenSearch callback to handle search queries
- Implement token analysis widget display on search
- Part of hybrid token detection system (manual + auto-detect)

Implements Task 1: Add Universal Token Search Bar
2026-02-04 10:47:09 +07:00
API Test Bot
70226171d8 fix(extension): resolve build error - fix file encoding and JSX config
- Fix escaped quotes in ThreadGeneratorPanel.tsx (root cause of build error)
- Update tsconfig.json to use jsx: react-jsx instead of preserve
- Upgrade Plasmo to v0.90.5 (latest version)
- Build now succeeds in 4.7s

Root Cause: ThreadGeneratorPanel.tsx had escaped quotes (\") instead of
normal quotes ("), causing SWC parser to fail with 'Unexpected token div' error.
This was a file encoding issue, not a Plasmo version issue.

Fixes #build-error
2026-02-04 10:13:52 +07:00
API Test Bot
773f2f3cf9 fix(extension): apply Plasmo build workaround - remove engines constraint
- Remove 'engines' field from package.json (workaround for Plasmo issue #1040)
- Fix operator precedence in ChatInterface condition
- Resolves 'Failed to resolve popup.tsx' error

Note: Still encountering 'Unexpected token div' JSX error during build.
This appears to be a separate Plasmo bundler issue unrelated to our code changes.
2026-02-04 09:41:55 +07:00
API Test Bot
cb9af89318 fix(extension): resolve UI layout issues in sidepanel
- Add sidepanel folder to Tailwind content paths (root cause of broken CSS)
- Fix ChatInterface layout: group ChatInput and QuickCapture properly
- Remove sticky positioning from QuickCapture (now in flex container)
- Make TokenInfoCard buttons more compact for narrow screens
- Improve TokenAnalysisWidget button layout with flex-wrap
2026-02-04 09:17:07 +07:00
API Test Bot
4be8c1b996 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
2026-02-04 02:59:34 +07:00
API Test Bot
0d2cac99d5 feat(chat): integrate Epic 2, 3, 4 widgets into chat interface
- Create 5 widget wrappers for inline chat display:
  * WhaleActivityWidget - Wraps WhaleActivityFeed for whale transaction display
  * TradingSuggestionWidget - Wraps TradingSuggestionPanel for entry/exit suggestions
  * PortfolioWidget - Wraps PortfolioPanel for portfolio tracking
  * ChartCaptureWidget - Wraps ChartCapturePanel for chart screenshots
  * ThreadGeneratorWidget - Wraps ThreadGeneratorPanel for Twitter threads

- Update widgets/index.ts to export new widgets with Epic grouping

- Update ChatMessages.tsx:
  * Add 5 new widget types to MessageWidget union
  * Import new widget components and their types
  * Add renderWidget cases for all new widgets with proper callbacks
  * Update component documentation to list all supported widgets

- Widget integration pattern:
  * Widgets wrap panels in containers with consistent styling
  * All widgets support callback props for user interactions
  * Widgets can be embedded inline in assistant messages
  * Widget actions are handled via onWidgetAction callback

Enables AI to display Epic 2, 3, 4 panels inline in chat conversations
2026-02-04 02:55:50 +07:00
API Test Bot
9f75abf0a5 feat(epic-4): implement Content Creation & Productivity components
- Add ChartCapturePanel.tsx for chart screenshot with annotations
  * One-click chart capture from DexScreener
  * Auto-add metadata overlay (token info, price, volume, liquidity, timestamp)
  * Template styles (dark, light, neon)
  * Export options (Twitter 1200x675, Telegram square, Instagram 1080x1080, clipboard)
  * Watermark option

- Add AnnotationTools.tsx for drawing tools
  * Line tool for trend lines, support/resistance
  * Arrow tool for directional indicators
  * Text tool for labels
  * Shape tools (circle, rectangle)
  * Fibonacci retracement tool
  * Color picker with 6 preset colors
  * Undo/Redo functionality

- Add ThreadGeneratorPanel.tsx for AI-powered Twitter thread generation
  * Auto-fill token info from current page
  * Customizable thread length (5-10 tweets)
  * Tone selection (bullish/neutral/bearish)
  * AI-generated thread structure (Hook → Analysis → Implications → Conclusion)
  * Edit individual tweets inline
  * Add/delete tweets dynamically
  * Reorder tweets support
  * Export options (copy all, tweet directly via Twitter API)
  * Mock thread generation with realistic crypto content

- Add ProductivitySettings.tsx for productivity settings management
  * Notification settings with priority levels (high/medium/low)
  * Quiet hours configuration (start/end time)
  * Group notifications and smart batching (5+ alerts)
  * Keyboard shortcuts display and customization
  * Quick actions settings (context menu, auto-detect addresses)
  * Pe  * Pe  * Pe  * Pe  * Pttings support

Implements Stories 4.1, 4.2, 4.3 from Epic 4: Content Creation & Productivity
2026-02-04 02:39:48 +07:00
API Test Bot
ea2080619b feat(epic-3): implement Trading Intelligence components with mock data
- Add TokenAnalysisPanel.tsx for comprehensive token analysis
  * AI-generated summary with buy/hold/sell/avoid recommendation
  * Contract analysis (verified, renounced, proxy, source code)
  * Holder distribution with top 10% concentration
  * Liquidity analysis with LP lock status and duration
  * Volume trends and trading activity metrics
  * Price history (ATH/ATL, 7d/30d changes, volatility)
  * Social sentiment analysis (Twitter, Telegram, Reddit)

- Add TradingSuggestionPanel.tsx for entry/exit suggestions
  * Entry zone recommendations with reasoning
  * Multiple take-profit targets (3 levels) with confidence scores
  * Stop-loss suggestions with invalidation reasoning
  * Risk/reward ratio calculation and assessment
  * Technical analysis levels (support/resistance)
  * AI reasoning and invalidation conditions

- Add PortfolioPanel.tsx for portfolio tracking
  * Total portfolio value with 24h change
  * Holdings list with current value and P&L tracking
  * Performance analytics (best/worst performers, win rate)
  * Quick actions per token (analyze, alert, view)
  * Manual position entry support

- Add comprehensive mock data for all Epic 3 components
  * MOCK_TOKEN_ANALYSIS with realistic metrics
  * MOCK_TRADING_SUGGESTION with entry/exit levels
  * MOCK_PORTFOLIO with 5 holdings and analytics

Implements Stories 3.1, 3.2, 3.3 from Epic 3: Trading Intelligence
2026-02-04 02:36:35 +07:00
API Test Bot
db22cd4a64 feat(epic-2): implement WhaleActivityFeed component with mock data
- Add WhaleActivityFeed.tsx for displaying whale transactions (>0K)
- Features: real-time feed, filter by watchlist/smart money, track wallet
- Add mock whale transaction data with 7 sample transactions
- Support for buy/sell indicators, smart money badges, explorer links
- Implements Story 2.2: Whale Activity Tracker from Epic 2
2026-02-04 02:31:36 +07:00
API Test Bot
e4d020799b feat(crypto): add SurfSense 2.0 Crypto Co-Pilot UI components
Frontend - Web Dashboard:
- Add crypto dashboard page with Watchlist, Alerts, Market, Profile tabs
- Add 11 tool-ui components for inline chat display
- Add crypto components (ChainIcon, SafetyBadge, PriceDisplay, etc.)
- Add modals (AddTokenModal, CreateAlertModal)
- Add mock data for development

Frontend - Browser Extension:
- Add shared components (ChainIcon, RiskBadge, PriceDisplay, SuggestionCard)
- Add crypto components (SafetyScoreDisplay, WatchlistPanel, AlertConfigModal)
- Add chat enhancements (WelcomeScreen, ThinkingStepsDisplay)
- Add widget components for inline display
- Enhance TokenInfoCard, ChatHeader, ChatInput, ChatInterface

Documentation:
- Add conversational UX specification
- Add UX analysis report
- Update extension UX design

This implements the Conversational UX paradigm where crypto features
are AI-callable tools that render inline in the chat interface.
2026-02-04 02:19:57 +07:00
API Test Bot
a052b01a68 docs: update PRD with comprehensive extension features and UX integration strategy
- Added UX strategy: Extension for Quick Actions, Frontend for Management
- Organized features into 4 phases (Phase 1 completed)
- Added 14 new extension features (FR-EXT-07 to FR-EXT-17):
  * Smart Monitoring: Price alerts, whale tracking, rug pull detection
  * Trading Intelligence: Token analysis, entry/exit suggestions, portfolio tracker
  * Content Creation: Chart screenshots, AI thread generator
  * Productivity: Quick actions, notifications, keyboard shortcuts
- Added Feature Responsibility Matrix showing Extension vs Frontend roles
- Added Settings Sync strategy (FR-EXT-06) with deep links to frontend
- Documented state sync architecture: Extension ↔ Backend API ↔ Frontend
2026-02-01 21:32:06 +07:00