-
- Live Market Opportunities
-
-
-
-
- | Token | -Price | -Risk Score | -Whale Activity | -Action | -
|---|
+ {/* Logo and brand */}
-
-
+ {/* Search Space Selector */}
+
+
+
+
+
+
+
+
+ {/* Right side actions */}
+
);
}
+
+/**
+ * Settings menu items
+ */
+function SettingsMenu({
+ onItemClick,
+ onLogout,
+}: {
+ onItemClick?: (item: string) => void;
+ onLogout?: () => void;
+}) {
+ const menuItems = [
+ { id: "connectors", label: "Manage Connectors", icon: Plug },
+ { id: "chats", label: "View All Chats", icon: MessageSquare },
+ { id: "watchlist", label: "Manage Watchlist", icon: Star },
+ { id: "alerts", label: "Alert History", icon: Bell },
+ { id: "settings", label: "Full Settings", icon: Settings, external: true },
+ ];
+
+ return (
+
- SurfSense
+SurfSense
+ {spaces.map((space) => (
+
+ ))}
+
+
+ {/* Settings Dropdown */}
+
+
+
+
+
+ {
+ onSettingsClick?.(item);
+ setSettingsOpen(false);
+ }}
+ onLogout={onLogout}
+ />
+
+
+
+ {/* User Avatar */}
+
+ {menuItems.map((item) => (
+
+ ))}
+
+
+
+
+
+ );
+}
+
+/**
+ * User avatar component
+ */
+function UserAvatar({
+ name,
+ avatarUrl,
+ onLogout,
+}: {
+ name?: string;
+ avatarUrl?: string;
+ onLogout?: () => void;
+}) {
+ const initials = name
+ ? name.split(" ").map(n => n[0]).join("").toUpperCase().slice(0, 2)
+ : "U";
+
+ return (
+
+
+
+ {name || "User"}
+
+ {/* Quick suggestions */}
+ {suggestions.length > 0 && input.length === 0 && attachments.length === 0 && (
+
+ {suggestions.slice(0, 3).map((suggestion, index) => (
+
+ ))}
+
+ )}
+
+ {/* Attached files preview */}
+ {attachments.length > 0 && (
+
+ {attachments.map((attachment) => {
+ const FileIcon = getFileIcon(attachment.type);
+ return (
+
+ )}
+
+ {/* Input form */}
+
+
+ );
+ })}
+