mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-28 02:23:53 +02:00
- 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
31 lines
933 B
TypeScript
31 lines
933 B
TypeScript
import { TradingSuggestionPanel, type TradingSuggestion } from "../analysis/TradingSuggestionPanel";
|
|
|
|
export interface TradingSuggestionWidgetProps {
|
|
/** Trading suggestion data */
|
|
suggestion: TradingSuggestion;
|
|
/** Callback when "Set Alerts" is clicked */
|
|
onSetAlerts?: () => void;
|
|
/** Callback when "View Chart" is clicked */
|
|
onViewChart?: () => void;
|
|
}
|
|
|
|
/**
|
|
* TradingSuggestionWidget - Inline trading suggestion display in chat
|
|
* Wraps TradingSuggestionPanel for conversational UX
|
|
*/
|
|
export function TradingSuggestionWidget({
|
|
suggestion,
|
|
onSetAlerts,
|
|
onViewChart,
|
|
}: TradingSuggestionWidgetProps) {
|
|
return (
|
|
<div className="my-3 max-h-[600px] overflow-hidden rounded-lg border">
|
|
<TradingSuggestionPanel
|
|
suggestion={suggestion}
|
|
onSetAlerts={onSetAlerts}
|
|
onViewChart={onViewChart}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|