npm - @burdenoff/microfe-adaptercloud - Versions diffs - 2026.624.1 → 2026.625.1 - Mend

@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/dist/adaptercloud/pages/investor/InvestorProfilePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InvestorProfilePage.js","names":[],"sources":["../../../../src/adaptercloud/pages/investor/InvestorProfilePage.tsx"],"sourcesContent":["/*\n Investor Profile Page\n * @module adaptercloud/pages/investor\n \n Edit mode toggle, 6-tab system (personal/investment/portfolio/documents/\n * security/notifications), image upload, form fields for personal/professional/\n * address, investment profile with selects, preferred sectors checkboxes,\n * portfolio summary with active investments list, documents/KYC tab,\n * security tab (change password/2FA/login activity), notification toggles.\n /\n\nimport { useState, useCallback, useMemo } from 'react';\nimport {\n User,\n Mail,\n Phone,\n Camera,\n Save,\n X,\n Shield,\n Bell,\n TrendingUp,\n FileText,\n PieChart,\n Briefcase,\n DollarSign,\n CheckCircle2,\n AlertCircle,\n Eye,\n EyeOff,\n Lock,\n Smartphone,\n Monitor,\n Edit3,\n MapPin,\n Globe,\n Linkedin,\n Building2,\n BadgeCheck,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useInvestments } from '../../hooks/useAdapterCloudApi';\nimport { mockActiveInvestments } from '../../mocks/data';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface InvestorProfile {\n // Personal Information\n firstName: string;\n lastName: string;\n email: string;\n phone: string;\n profileImage: string;\n\n // Investment Profile\n investorType: string;\n investmentRange: string;\n preferredSectors: string[];\n investmentHorizon: string;\n riskProfile: string;\n\n // Company/Organization Details\n companyName: string;\n designation: string;\n companyWebsite: string;\n linkedinProfile: string;\n\n // Address\n address: string;\n city: string;\n state: string;\n country: string;\n pincode: string;\n\n // Portfolio\n portfolioValue?: number;\n activeInvestments?: number;\n totalReturns?: number;\n totalInvested?: number;\n}\n\ninterface NotificationPreference {\n id: string;\n label: string;\n description: string;\n enabled: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Tab definition\n// ---------------------------------------------------------------------------\n\nconst tabs = [\n { id: 'personal', label: 'Personal Info', Icon: User },\n { id: 'investment', label: 'Investment Profile', Icon: TrendingUp },\n { id: 'portfolio', label: 'Portfolio', Icon: PieChart },\n { id: 'documents', label: 'Documents', Icon: FileText },\n { id: 'security', label: 'Security', Icon: Shield },\n { id: 'notifications', label: 'Notifications', Icon: Bell },\n] as const;\n\ntype TabId = (typeof tabs)[number]['id'];\n\n// ---------------------------------------------------------------------------\n// Mock data\n// ---------------------------------------------------------------------------\n\nconst mockDocuments = [\n { name: 'PAN Card', verifiedOn: '15 Dec 2023', status: 'verified' as const },\n { name: 'Aadhar Card', verifiedOn: '15 Dec 2023', status: 'verified' as const },\n { name: 'Bank Statement', verifiedOn: '20 Dec 2023', status: 'uploaded' as const },\n { name: 'Investment Agreement', verifiedOn: '', status: 'template' as const },\n];\n\nconst mockLoginActivity = [\n {\n device: 'Chrome on macOS',\n location: 'Bangalore, India',\n date: '2024-01-16T08:30:00Z',\n current: true,\n },\n {\n device: 'Safari on iPhone',\n location: 'Bangalore, India',\n date: '2024-01-15T19:45:00Z',\n current: false,\n },\n {\n device: 'Chrome on Windows',\n location: 'Mumbai, India',\n date: '2024-01-14T10:20:00Z',\n current: false,\n },\n];\n\nconst sectorOptions = [\n 'Food & Beverage',\n 'Quick Commerce',\n 'Cloud Kitchen',\n 'Retail',\n 'Technology',\n 'Healthcare',\n 'Education',\n 'Logistics',\n 'FinTech',\n];\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorProfilePage() {\n const { currentUser, navigateTo } = useAdapterCloud();\n const { data: investments = [] } = useInvestments(currentUser?.id \|\| '');\n\n const [activeTab, setActiveTab] = useState<TabId>('personal');\n const [isEditing, setIsEditing] = useState(false);\n const [isSaving, setIsSaving] = useState(false);\n const [saveMessage, setSaveMessage] = useState('');\n\n const initialProfile = useMemo(\n (): InvestorProfile => ({\n firstName: currentUser?.firstName ?? currentUser?.name?.split(' ')[0] ?? 'Rajesh',\n lastName: currentUser?.lastName ?? currentUser?.name?.split(' ')[1] ?? 'Mehta',\n email: currentUser?.email ?? 'investor@burdenoff.com',\n // phone/profilePicture are not yet part of the currentUser context; use placeholders until they are.\n phone: '+91 98765 43230',\n profileImage: currentUser?.avatar ?? '',\n\n investorType: 'Angel Investor',\n investmentRange: '5L - 25L',\n preferredSectors: ['Food & Beverage', 'Quick Commerce', 'Cloud Kitchen'],\n investmentHorizon: '3-5 years',\n riskProfile: 'Moderate',\n\n companyName: 'Mehta Ventures',\n designation: 'Managing Partner',\n companyWebsite: 'www.mehtaventures.com',\n linkedinProfile: 'linkedin.com/in/rajeshmehta',\n\n address: '456, MG Road',\n city: 'Bangalore',\n state: 'Karnataka',\n country: 'India',\n pincode: '560001',\n }),\n [currentUser]\n );\n\n const [profileData, setProfileData] = useState<InvestorProfile>(initialProfile);\n\n const portfolioStats = useMemo(() => {\n const totalInvested = investments.reduce((sum, inv) => sum + inv.investedAmount, 0);\n const portfolioValue = investments.reduce((sum, inv) => sum + inv.currentValue, 0);\n const totalReturns = investments.reduce((sum, inv) => sum + inv.returns, 0);\n\n return {\n totalInvested,\n portfolioValue,\n totalReturns,\n activeInvestments: investments.length,\n };\n }, [investments]);\n\n const [notifications, setNotifications] = useState<NotificationPreference[]>([\n {\n id: 'opportunities',\n label: 'New Investment Opportunities',\n description: 'Get notified about new investment opportunities matching your profile',\n enabled: true,\n },\n {\n id: 'updates',\n label: 'Portfolio Updates',\n description: 'Regular updates on your portfolio performance',\n enabled: true,\n },\n {\n id: 'reports',\n label: 'Monthly Reports',\n description: 'Detailed monthly investment reports',\n enabled: true,\n },\n {\n id: 'events',\n label: 'Investor Events',\n description: 'Invitations to investor meetups and events',\n enabled: false,\n },\n {\n id: 'news',\n label: 'Market News',\n description: 'Important market news and updates',\n enabled: true,\n },\n {\n id: 'dividends',\n label: 'Dividend Alerts',\n description: 'Notifications when dividends are credited to your account',\n enabled: true,\n },\n ]);\n\n // Security state\n const [showChangePassword, setShowChangePassword] = useState(false);\n const [currentPassword, setCurrentPassword] = useState('');\n const [newPassword, setNewPassword] = useState('');\n const [confirmPassword, setConfirmPassword] = useState('');\n const [showCurrentPassword, setShowCurrentPassword] = useState(false);\n const [showNewPassword, setShowNewPassword] = useState(false);\n const [twoFactorEnabled, setTwoFactorEnabled] = useState(false);\n\n const handleInputChange = useCallback(\n (field: keyof InvestorProfile, value: string \| string[]) => {\n setProfileData((prev) => ({ ...prev, [field]: value }));\n },\n []\n );\n\n const handleSave = useCallback(() => {\n setIsSaving(true);\n setTimeout(() => {\n setIsSaving(false);\n setIsEditing(false);\n setSaveMessage('Profile updated successfully!');\n setTimeout(() => setSaveMessage(''), 3000);\n }, 1200);\n }, []);\n\n const handleImageUpload = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onloadend = () => {\n setProfileData((prev) => ({\n ...prev,\n profileImage: reader.result as string,\n }));\n };\n reader.readAsDataURL(file);\n }\n }, []);\n\n const handleToggleNotification = useCallback((id: string) => {\n setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, enabled: !n.enabled } : n)));\n }, []);\n\n const handleChangePassword = useCallback(() => {\n if (!currentPassword \|\| !newPassword \|\| !confirmPassword) return;\n if (newPassword !== confirmPassword) {\n alert('Passwords do not match');\n return;\n }\n if (newPassword.length < 8) {\n alert('Password must be at least 8 characters');\n return;\n }\n alert('Password changed successfully!');\n setShowChangePassword(false);\n setCurrentPassword('');\n setNewPassword('');\n setConfirmPassword('');\n }, [currentPassword, newPassword, confirmPassword]);\n\n const handleToggle2FA = useCallback(() => {\n setTwoFactorEnabled((prev) => {\n const next = !prev;\n alert(next ? '2FA has been enabled' : '2FA has been disabled');\n return next;\n });\n }, []);\n\n return (\n <PageLayout\n title=\"Investor Profile\"\n description=\"Manage your investment profile and preferences\"\n actions={\n <div className=\"flex items-center gap-2\">\n {saveMessage && (\n <span className=\"text-sm font-medium text-green-600 dark:text-green-400\">\n {saveMessage}\n </span>\n )}\n {!isEditing ? (\n <button\n type=\"button\"\n onClick={() => setIsEditing(true)}\n className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n >\n <Edit3 className=\"h-4 w-4\" />\n Edit Profile\n </button>\n ) : (\n <>\n <button\n type=\"button\"\n onClick={() => {\n setIsEditing(false);\n setProfileData(initialProfile);\n }}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n <X className=\"h-4 w-4\" />\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={isSaving}\n className={cn(\n 'flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n isSaving\n ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n )}\n >\n {isSaving ? (\n <>\n <div className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n Saving...\n </>\n ) : (\n <>\n <Save className=\"h-4 w-4\" />\n Save Changes\n </>\n )}\n </button>\n </>\n )}\n </div>\n }\n >\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-4\">\n {/ Sidebar /}\n <div className=\"lg:col-span-1\">\n {/ Profile Card /}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6\">\n <div className=\"text-center\">\n <div className=\"relative mx-auto inline-block\">\n <div className=\"h-20 w-20 overflow-hidden rounded-full bg-bg-sunken sm:h-24 sm:w-24\">\n {profileData.profileImage ? (\n <img\n src={profileData.profileImage}\n alt=\"Profile\"\n className=\"h-full w-full object-cover\"\n />\n ) : (\n <div className=\"flex h-full w-full items-center justify-center\">\n <User className=\"h-10 w-10 text-text-secondary\" />\n </div>\n )}\n </div>\n {isEditing && (\n <label className=\"absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\">\n <Camera className=\"h-4 w-4\" />\n <input\n type=\"file\"\n accept=\"image/\"\n onChange={handleImageUpload}\n className=\"hidden\"\n />\n </label>\n )}\n </div>\n <h3 className=\"mt-3 text-base font-semibold text-text-primary sm:text-lg\">\n {profileData.firstName} {profileData.lastName}\n </h3>\n <p className=\"text-sm text-text-secondary\">{profileData.investorType}</p>\n <p className=\"mt-1 truncate text-xs text-text-secondary\">\n {profileData.companyName}\n </p>\n </div>\n\n {/* Quick Stats /}\n <div className=\"mt-5 space-y-3 border-t border-border-subtle pt-4\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Portfolio Value</span>\n <span className=\"text-xs font-semibold text-primary sm:text-sm\">\n {formatCurrency(profileData.portfolioValue ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Active Investments</span>\n <span className=\"text-xs font-semibold text-text-primary sm:text-sm\">\n {profileData.activeInvestments}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Total Returns</span>\n <span className=\"text-xs font-semibold text-green-600 dark:text-green-400 sm:text-sm\">\n +{formatCurrency(profileData.totalReturns ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Total Invested</span>\n <span className=\"text-xs font-semibold text-text-primary sm:text-sm\">\n {formatCurrency(profileData.totalInvested ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n </div>\n\n {/ Mobile: Horizontal scrolling tabs /}\n <div className=\"mt-4 flex gap-2 overflow-x-auto pb-2 lg:hidden\">\n {tabs.map((tab) => (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text shadow-sm'\n : 'bg-bg-surface text-text-primary hover:bg-accent'\n )}\n >\n <tab.Icon className=\"h-4 w-4 shrink-0\" />\n {tab.label}\n </button>\n ))}\n </div>\n\n {/ Desktop: Vertical tabs /}\n <div className=\"mt-4 hidden space-y-2 lg:block\">\n {tabs.map((tab) => (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-surface text-text-primary hover:bg-accent'\n )}\n >\n <tab.Icon className=\"h-4 w-4\" />\n {tab.label}\n </button>\n ))}\n </div>\n </div>\n\n {/ Content Area /}\n <div className=\"lg:col-span-3\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 lg:p-8\">\n {/ ==================== Personal Info Tab ==================== /}\n {activeTab === 'personal' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Personal Information\n </h2>\n\n <div className=\"space-y-6\">\n {/ Name & Contact /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n First Name\n </label>\n <input\n type=\"text\"\n value={profileData.firstName}\n onChange={(e) => handleInputChange('firstName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Last Name\n </label>\n <input\n type=\"text\"\n value={profileData.lastName}\n onChange={(e) => handleInputChange('lastName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Email Address\n </label>\n <div className=\"relative\">\n <Mail className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"email\"\n value={profileData.email}\n onChange={(e) => handleInputChange('email', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Phone Number\n </label>\n <div className=\"relative\">\n <Phone className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"tel\"\n value={profileData.phone}\n onChange={(e) => handleInputChange('phone', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n\n {/ Professional Details /}\n <div className=\"border-t border-border-subtle pt-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary sm:text-base\">\n Professional Details\n </h3>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Company/Organization\n </label>\n <div className=\"relative\">\n <Building2 className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.companyName}\n onChange={(e) => handleInputChange('companyName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Designation\n </label>\n <input\n type=\"text\"\n value={profileData.designation}\n onChange={(e) => handleInputChange('designation', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Company Website\n </label>\n <div className=\"relative\">\n <Globe className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.companyWebsite}\n onChange={(e) => handleInputChange('companyWebsite', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n LinkedIn Profile\n </label>\n <div className=\"relative\">\n <Linkedin className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.linkedinProfile}\n onChange={(e) => handleInputChange('linkedinProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n\n {/ Address /}\n <div className=\"border-t border-border-subtle pt-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary sm:text-base\">\n Address\n </h3>\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Street Address\n </label>\n <textarea\n rows={2}\n value={profileData.address}\n onChange={(e) => handleInputChange('address', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n City\n </label>\n <input\n type=\"text\"\n value={profileData.city}\n onChange={(e) => handleInputChange('city', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n State\n </label>\n <input\n type=\"text\"\n value={profileData.state}\n onChange={(e) => handleInputChange('state', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Country\n </label>\n <input\n type=\"text\"\n value={profileData.country}\n onChange={(e) => handleInputChange('country', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Pincode\n </label>\n <input\n type=\"text\"\n value={profileData.pincode}\n onChange={(e) => handleInputChange('pincode', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Investment Profile Tab ==================== /}\n {activeTab === 'investment' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Investment Profile\n </h2>\n\n <div className=\"space-y-6\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investor Type\n </label>\n <select\n value={profileData.investorType}\n onChange={(e) => handleInputChange('investorType', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>Angel Investor</option>\n <option>Venture Capitalist</option>\n <option>Private Equity</option>\n <option>Strategic Investor</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investment Range\n </label>\n <select\n value={profileData.investmentRange}\n onChange={(e) => handleInputChange('investmentRange', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>1L - 5L</option>\n <option>5L - 25L</option>\n <option>25L - 1Cr</option>\n <option>1Cr+</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investment Horizon\n </label>\n <select\n value={profileData.investmentHorizon}\n onChange={(e) => handleInputChange('investmentHorizon', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>1-2 years</option>\n <option>3-5 years</option>\n <option>5-7 years</option>\n <option>7+ years</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Risk Profile\n </label>\n <select\n value={profileData.riskProfile}\n onChange={(e) => handleInputChange('riskProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>Conservative</option>\n <option>Moderate</option>\n <option>Aggressive</option>\n </select>\n </div>\n </div>\n\n {/ Preferred Sectors /}\n <div>\n <label className=\"mb-3 block text-sm font-medium text-text-primary\">\n Preferred Sectors\n </label>\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n {sectorOptions.map((sector) => (\n <label key={sector} className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={profileData.preferredSectors.includes(sector)}\n onChange={(e) => {\n if (e.target.checked) {\n handleInputChange('preferredSectors', [\n ...profileData.preferredSectors,\n sector,\n ]);\n } else {\n handleInputChange(\n 'preferredSectors',\n profileData.preferredSectors.filter((s) => s !== sector)\n );\n }\n }}\n disabled={!isEditing}\n className=\"h-4 w-4 rounded border-border-subtle text-primary focus:ring-[var(--color-focus-ring)]\"\n />\n <span className=\"text-sm text-text-primary\">{sector}</span>\n </label>\n ))}\n </div>\n </div>\n\n {/ Risk Tolerance Visual /}\n <div className=\"rounded-lg border border-border-subtle p-4\">\n <div className=\"mb-2 flex items-center justify-between\">\n <p className=\"text-sm font-medium text-text-primary\">Risk Tolerance</p>\n <span\n className={cn(\n 'text-sm font-semibold',\n profileData.riskProfile === 'Conservative'\n ? 'text-green-600 dark:text-green-400'\n : profileData.riskProfile === 'Moderate'\n ? 'text-yellow-600 dark:text-yellow-400'\n : 'text-red-600 dark:text-red-400'\n )}\n >\n {profileData.riskProfile}\n </span>\n </div>\n <div className=\"flex gap-1\">\n {(['Conservative', 'Moderate', 'Aggressive'] as const).map((level) => (\n <div\n key={level}\n className={cn(\n 'h-2.5 flex-1 rounded-full',\n level === 'Conservative' && 'bg-green-500/30',\n level === 'Moderate' && 'bg-yellow-500/30',\n level === 'Aggressive' && 'bg-red-500/30',\n level === profileData.riskProfile &&\n level === 'Conservative' &&\n 'bg-green-500',\n level === profileData.riskProfile &&\n level === 'Moderate' &&\n 'bg-yellow-500',\n level === profileData.riskProfile &&\n level === 'Aggressive' &&\n 'bg-red-500'\n )}\n />\n ))}\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Portfolio Tab ==================== /}\n {activeTab === 'portfolio' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Investment Portfolio\n </h2>\n\n {/ Portfolio Summary /}\n <div className=\"mb-8 grid grid-cols-2 gap-4 sm:grid-cols-4 sm:gap-6\">\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <DollarSign className=\"mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.totalInvested ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Total Invested</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <Briefcase className=\"mb-2 h-7 w-7 text-blue-600 sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {profileData.activeInvestments}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">\n Active Investments\n </div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <TrendingUp className=\"mb-2 h-7 w-7 text-green-600 sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.totalReturns ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Total Returns</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <PieChart className=\"mb-2 h-7 w-7 text-purple-600 sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.portfolioValue ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Portfolio Value</div>\n </div>\n </div>\n\n {/ Active Investments List /}\n <div>\n <h3 className=\"mb-4 text-base font-semibold text-text-primary\">\n Active Investments\n </h3>\n <div className=\"space-y-3\">\n {mockActiveInvestments.map((investment, index) => (\n <div key={index} className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4\">\n <div className=\"mb-3 flex items-start justify-between\">\n <h4 className=\"text-sm font-medium text-text-primary sm:text-base\">\n {investment.cartName}\n </h4>\n <span\n className={cn(\n 'text-sm font-semibold',\n investment.returns > 0\n ? 'text-green-600 dark:text-green-400'\n : 'text-red-600 dark:text-red-400'\n )}\n >\n {investment.returns > 0 ? '+' : ''}\n {investment.returns}%\n </span>\n </div>\n <div className=\"grid grid-cols-1 gap-3 text-sm sm:grid-cols-3\">\n <div>\n <span className=\"text-text-secondary\">Invested: </span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(investment.investedAmount, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n <div>\n <span className=\"text-text-secondary\">Current Value: </span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(investment.currentValue, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n <div>\n <span className=\"text-text-secondary\">Returns: </span>\n <span className=\"font-medium text-green-600 dark:text-green-400\">\n {formatCurrency(investment.currentValue - investment.investedAmount, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Documents Tab ==================== /}\n {activeTab === 'documents' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Documents & KYC\n </h2>\n\n <div className=\"space-y-6\">\n {/ KYC Status /}\n <div className=\"flex items-center gap-2 rounded-lg bg-green-500/10 px-4 py-3\">\n <CheckCircle2 className=\"h-5 w-5 text-green-600 dark:text-green-400\" />\n <p className=\"text-sm font-medium text-green-600 dark:text-green-400\">\n Your KYC is complete and verified\n </p>\n </div>\n\n {/ Document Cards /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n {mockDocuments.map((doc) => (\n <div\n key={doc.name}\n className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6\"\n >\n <FileText className=\"mb-3 h-8 w-8 text-primary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">{doc.name}</h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {doc.status === 'verified'\n ? `Verified on ${doc.verifiedOn}`\n : doc.status === 'uploaded'\n ? `Uploaded on ${doc.verifiedOn}`\n : 'Template available'}\n </p>\n <div className=\"mt-3 flex items-center gap-2\">\n {doc.status === 'verified' && (\n <span className=\"flex items-center gap-1 rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400\">\n <CheckCircle2 className=\"h-3 w-3\" />\n Verified\n </span>\n )}\n {doc.status === 'uploaded' && (\n <span className=\"flex items-center gap-1 rounded-full bg-blue-500/20 px-2 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400\">\n <FileText className=\"h-3 w-3\" />\n Uploaded\n </span>\n )}\n <button\n type=\"button\"\n onClick={() =>\n alert(\n doc.status === 'template'\n ? `Downloading ${doc.name} template...`\n : `Viewing ${doc.name}...`\n )\n }\n className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n {doc.status === 'template' ? 'Download Template' : 'View Document'}\n </button>\n </div>\n </div>\n ))}\n </div>\n\n {/ Upload New Document /}\n {isEditing && (\n <div className=\"rounded-lg border-2 border-dashed border-border-subtle p-6 text-center\">\n <FileText className=\"mx-auto mb-2 h-8 w-8 text-text-secondary\" />\n <p className=\"text-sm font-medium text-text-primary\">Upload New Document</p>\n <p className=\"mt-1 text-xs text-text-secondary\">\n PDF, JPG, or PNG up to 10MB\n </p>\n <label className=\"mt-3 inline-block cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\">\n Choose File\n <input type=\"file\" accept=\".pdf,.jpg,.png\" className=\"hidden\" />\n </label>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/ ==================== Security Tab ==================== /}\n {activeTab === 'security' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Security Settings\n </h2>\n\n <div className=\"space-y-6\">\n {/ Change Password /}\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\n <Lock className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">Change Password</h3>\n </div>\n <p className=\"mb-4 text-sm text-text-secondary\">\n Update your password regularly to keep your account secure\n </p>\n\n {showChangePassword ? (\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Current Password\n </label>\n <div className=\"relative\">\n <input\n type={showCurrentPassword ? 'text' : 'password'}\n value={currentPassword}\n onChange={(e) => setCurrentPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={() => setShowCurrentPassword(!showCurrentPassword)}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n >\n {showCurrentPassword ? (\n <EyeOff className=\"h-4 w-4\" />\n ) : (\n <Eye className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n New Password\n </label>\n <div className=\"relative\">\n <input\n type={showNewPassword ? 'text' : 'password'}\n value={newPassword}\n onChange={(e) => setNewPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={() => setShowNewPassword(!showNewPassword)}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n >\n {showNewPassword ? (\n <EyeOff className=\"h-4 w-4\" />\n ) : (\n <Eye className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Confirm New Password\n </label>\n <input\n type=\"password\"\n value={confirmPassword}\n onChange={(e) => setConfirmPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div className=\"flex gap-3\">\n <button\n type=\"button\"\n onClick={handleChangePassword}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n >\n Update Password\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setShowChangePassword(false);\n setCurrentPassword('');\n setNewPassword('');\n setConfirmPassword('');\n }}\n className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Cancel\n </button>\n </div>\n </div>\n ) : (\n <button\n type=\"button\"\n onClick={() => setShowChangePassword(true)}\n className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Change Password\n </button>\n )}\n </div>\n\n {/ Two-Factor Authentication /}\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\n <Smartphone className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">\n Two-Factor Authentication\n </h3>\n </div>\n <p className=\"mb-4 text-sm text-text-secondary\">\n Add an extra layer of security to your investment account\n </p>\n <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\">\n <div className=\"flex items-center gap-2\">\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n twoFactorEnabled\n ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n : 'bg-bg-sunken text-text-secondary'\n )}\n >\n {twoFactorEnabled ? 'Enabled' : 'Disabled'}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={handleToggle2FA}\n className={cn(\n 'rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n twoFactorEnabled\n ? 'border border-border-subtle text-text-primary hover:bg-accent'\n : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n )}\n >\n {twoFactorEnabled ? 'Disable 2FA' : 'Enable 2FA'}\n </button>\n </div>\n </div>\n\n {/ Login Activity /}\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-4\">\n <Monitor className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">Login Activity</h3>\n </div>\n <div className=\"space-y-3\">\n {mockLoginActivity.map((activity, index) => (\n <div\n key={index}\n className=\"flex items-center justify-between rounded-lg bg-bg-sunken/30 p-3\"\n >\n <div>\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm font-medium text-text-primary\">\n {activity.device}\n </p>\n {activity.current && (\n <span className=\"rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400\">\n Current\n </span>\n )}\n </div>\n <div className=\"mt-1 flex items-center gap-2 text-xs text-text-secondary\">\n <MapPin className=\"h-3 w-3\" />\n <span>{activity.location}</span>\n <span>•</span>\n <span>\n {formatDate(activity.date, { hour: 'numeric', minute: '2-digit' })}\n </span>\n </div>\n </div>\n {!activity.current && (\n <button\n type=\"button\"\n onClick={() => alert('Session revoked')}\n className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Revoke\n </button>\n )}\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Notifications Tab ==================== /}\n {activeTab === 'notifications' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Notification Preferences\n </h2>\n\n <div className=\"space-y-4\">\n {notifications.map((item) => (\n <div\n key={item.id}\n className=\"flex items-center justify-between rounded-lg border border-border-subtle bg-bg-sunken/30 p-4\"\n >\n <div className=\"flex-1 pr-4\">\n <h4 className=\"text-sm font-medium text-text-primary\">{item.label}</h4>\n <p className=\"mt-0.5 text-xs text-text-secondary sm:text-sm\">\n {item.description}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={() => {\n if (isEditing) handleToggleNotification(item.id);\n }}\n disabled={!isEditing}\n className={cn(\n 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200',\n item.enabled ? 'bg-action-primary-bg' : 'bg-bg-sunken',\n !isEditing && 'cursor-not-allowed opacity-60'\n )}\n >\n <span\n className={cn(\n 'pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200',\n item.enabled ? 'translate-x-5' : 'translate-x-0.5'\n )}\n />\n </button>\n </div>\n ))}\n\n {/ Notification Summary */}\n <div className=\"mt-4 rounded-lg border border-border-subtle bg-bg-sunken/50 p-4\">\n <p className=\"text-sm text-text-secondary\">\n {notifications.filter((n) => n.enabled).length} of {notifications.length}{' '}\n notification types enabled.\n {!isEditing && (\n <span className=\"ml-1\">\n Click "Edit Profile" to modify preferences.\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"InvestorProfilePage.js","names":[],"sources":["../../../../src/adaptercloud/pages/investor/InvestorProfilePage.tsx"],"sourcesContent":["/*\n Investor Profile Page\n * @module adaptercloud/pages/investor\n \n Edit mode toggle, 6-tab system (personal/investment/portfolio/documents/\n * security/notifications), image upload, form fields for personal/professional/\n * address, investment profile with selects, preferred sectors checkboxes,\n * portfolio summary with active investments list, documents/KYC tab,\n * security tab (change password/2FA/login activity), notification toggles.\n /\n\nimport { useState, useCallback, useMemo } from'react';\nimport {\n User,\n Mail,\n Phone,\n Camera,\n Save,\n X,\n Shield,\n Bell,\n TrendingUp,\n FileText,\n PieChart,\n Briefcase,\n DollarSign,\n CheckCircle2,\n AlertCircle,\n Eye,\n EyeOff,\n Lock,\n Smartphone,\n Monitor,\n Edit3,\n MapPin,\n Globe,\n Linkedin,\n Building2,\n BadgeCheck,\n} from'lucide-react';\nimport { PageLayout } from'../../components/PageLayout';\nimport { useAdapterCloud } from'../../context/AdapterCloudContext';\nimport { useInvestments } from'../../hooks/useAdapterCloudApi';\nimport { mockActiveInvestments } from'../../mocks/data';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency, formatDate } from'../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface InvestorProfile {\n // Personal Information\n firstName: string;\n lastName: string;\n email: string;\n phone: string;\n profileImage: string;\n\n // Investment Profile\n investorType: string;\n investmentRange: string;\n preferredSectors: string[];\n investmentHorizon: string;\n riskProfile: string;\n\n // Company/Organization Details\n companyName: string;\n designation: string;\n companyWebsite: string;\n linkedinProfile: string;\n\n // Address\n address: string;\n city: string;\n state: string;\n country: string;\n pincode: string;\n\n // Portfolio\n portfolioValue?: number;\n activeInvestments?: number;\n totalReturns?: number;\n totalInvested?: number;\n}\n\ninterface NotificationPreference {\n id: string;\n label: string;\n description: string;\n enabled: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Tab definition\n// ---------------------------------------------------------------------------\n\nconst tabs = [\n { id: 'personal', label: 'Personal Info', Icon: User },\n { id: 'investment', label: 'Investment Profile', Icon: TrendingUp },\n { id: 'portfolio', label: 'Portfolio', Icon: PieChart },\n { id: 'documents', label: 'Documents', Icon: FileText },\n { id: 'security', label: 'Security', Icon: Shield },\n { id: 'notifications', label: 'Notifications', Icon: Bell },\n] as const;\n\ntype TabId = (typeof tabs)[number]['id'];\n\n// ---------------------------------------------------------------------------\n// Mock data\n// ---------------------------------------------------------------------------\n\nconst mockDocuments = [\n { name: 'PAN Card', verifiedOn: '15 Dec 2023', status: 'verified' as const },\n { name: 'Aadhar Card', verifiedOn: '15 Dec 2023', status: 'verified' as const },\n { name: 'Bank Statement', verifiedOn: '20 Dec 2023', status: 'uploaded' as const },\n { name: 'Investment Agreement', verifiedOn: '', status: 'template' as const },\n];\n\nconst mockLoginActivity = [\n {\n device: 'Chrome on macOS',\n location: 'Bangalore, India',\n date: '2024-01-16T08:30:00Z',\n current: true,\n },\n {\n device: 'Safari on iPhone',\n location: 'Bangalore, India',\n date: '2024-01-15T19:45:00Z',\n current: false,\n },\n {\n device: 'Chrome on Windows',\n location: 'Mumbai, India',\n date: '2024-01-14T10:20:00Z',\n current: false,\n },\n];\n\nconst sectorOptions = [\n 'Food & Beverage',\n 'Quick Commerce',\n 'Cloud Kitchen',\n 'Retail',\n 'Technology',\n 'Healthcare',\n 'Education',\n 'Logistics',\n 'FinTech',\n];\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorProfilePage() {\n const { currentUser, navigateTo } = useAdapterCloud();\n const { data: investments = [] } = useInvestments(currentUser?.id \|\| '');\n\n const [activeTab, setActiveTab] = useState<TabId>('personal');\n const [isEditing, setIsEditing] = useState(false);\n const [isSaving, setIsSaving] = useState(false);\n const [saveMessage, setSaveMessage] = useState('');\n\n const initialProfile = useMemo(\n (): InvestorProfile => ({\n firstName: currentUser?.firstName ?? currentUser?.name?.split(' ')[0] ?? 'Rajesh',\n lastName: currentUser?.lastName ?? currentUser?.name?.split(' ')[1] ?? 'Mehta',\n email: currentUser?.email ?? 'investor@burdenoff.com',\n // phone/profilePicture are not yet part of the currentUser context; use placeholders until they are.\n phone: '+91 98765 43230',\n profileImage: currentUser?.avatar ?? '',\n\n investorType: 'Angel Investor',\n investmentRange: '5L - 25L',\n preferredSectors: ['Food & Beverage', 'Quick Commerce', 'Cloud Kitchen'],\n investmentHorizon: '3-5 years',\n riskProfile: 'Moderate',\n\n companyName: 'Mehta Ventures',\n designation: 'Managing Partner',\n companyWebsite: 'www.mehtaventures.com',\n linkedinProfile: 'linkedin.com/in/rajeshmehta',\n\n address: '456, MG Road',\n city: 'Bangalore',\n state: 'Karnataka',\n country: 'India',\n pincode: '560001',\n }),\n [currentUser]\n );\n\n const [profileData, setProfileData] = useState<InvestorProfile>(initialProfile);\n\n const portfolioStats = useMemo(() => {\n const totalInvested = investments.reduce((sum, inv) => sum + inv.investedAmount, 0);\n const portfolioValue = investments.reduce((sum, inv) => sum + inv.currentValue, 0);\n const totalReturns = investments.reduce((sum, inv) => sum + inv.returns, 0);\n\n return {\n totalInvested,\n portfolioValue,\n totalReturns,\n activeInvestments: investments.length,\n };\n }, [investments]);\n\n const [notifications, setNotifications] = useState<NotificationPreference[]>([\n {\n id: 'opportunities',\n label: 'New Investment Opportunities',\n description: 'Get notified about new investment opportunities matching your profile',\n enabled: true,\n },\n {\n id: 'updates',\n label: 'Portfolio Updates',\n description: 'Regular updates on your portfolio performance',\n enabled: true,\n },\n {\n id: 'reports',\n label: 'Monthly Reports',\n description: 'Detailed monthly investment reports',\n enabled: true,\n },\n {\n id: 'events',\n label: 'Investor Events',\n description: 'Invitations to investor meetups and events',\n enabled: false,\n },\n {\n id: 'news',\n label: 'Market News',\n description: 'Important market news and updates',\n enabled: true,\n },\n {\n id: 'dividends',\n label: 'Dividend Alerts',\n description: 'Notifications when dividends are credited to your account',\n enabled: true,\n },\n ]);\n\n // Security state\n const [showChangePassword, setShowChangePassword] = useState(false);\n const [currentPassword, setCurrentPassword] = useState('');\n const [newPassword, setNewPassword] = useState('');\n const [confirmPassword, setConfirmPassword] = useState('');\n const [showCurrentPassword, setShowCurrentPassword] = useState(false);\n const [showNewPassword, setShowNewPassword] = useState(false);\n const [twoFactorEnabled, setTwoFactorEnabled] = useState(false);\n\n const handleInputChange = useCallback(\n (field: keyof InvestorProfile, value: string \| string[]) => {\n setProfileData((prev) => ({ ...prev, [field]: value }));\n },\n []\n );\n\n const handleSave = useCallback(() => {\n setIsSaving(true);\n setTimeout(() => {\n setIsSaving(false);\n setIsEditing(false);\n setSaveMessage('Profile updated successfully!');\n setTimeout(() => setSaveMessage(''), 3000);\n }, 1200);\n }, []);\n\n const handleImageUpload = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onloadend = () => {\n setProfileData((prev) => ({\n ...prev,\n profileImage: reader.result as string,\n }));\n };\n reader.readAsDataURL(file);\n }\n }, []);\n\n const handleToggleNotification = useCallback((id: string) => {\n setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, enabled: !n.enabled } : n)));\n }, []);\n\n const handleChangePassword = useCallback(() => {\n if (!currentPassword \|\| !newPassword \|\| !confirmPassword) return;\n if (newPassword !== confirmPassword) {\n alert('Passwords do not match');\n return;\n }\n if (newPassword.length < 8) {\n alert('Password must be at least 8 characters');\n return;\n }\n alert('Password changed successfully!');\n setShowChangePassword(false);\n setCurrentPassword('');\n setNewPassword('');\n setConfirmPassword('');\n }, [currentPassword, newPassword, confirmPassword]);\n\n const handleToggle2FA = useCallback(() => {\n setTwoFactorEnabled((prev) => {\n const next = !prev;\n alert(next ? '2FA has been enabled' : '2FA has been disabled');\n return next;\n });\n }, []);\n\n return (\n <PageLayout\n title=\"Investor Profile\"\n description=\"Manage your investment profile and preferences\"\n actions={\n <div className=\"flex items-center gap-2\">\n {saveMessage && (\n <span className=\"text-sm font-medium text-status-success-text\">\n {saveMessage}\n </span>\n )}\n {!isEditing ? (\n <button\n type=\"button\"\n onClick={() => setIsEditing(true)}\n className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n >\n <Edit3 className=\"h-4 w-4\" />\n Edit Profile\n </button>\n ) : (\n <>\n <button\n type=\"button\"\n onClick={() => {\n setIsEditing(false);\n setProfileData(initialProfile);\n }}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n <X className=\"h-4 w-4\" />\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={isSaving}\n className={cn(\n 'flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n isSaving\n ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n )}\n >\n {isSaving ? (\n <>\n <div className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n Saving...\n </>\n ) : (\n <>\n <Save className=\"h-4 w-4\" />\n Save Changes\n </>\n )}\n </button>\n </>\n )}\n </div>\n }\n >\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-4\">\n {/ Sidebar /}\n <div className=\"lg:col-span-1\">\n {/ Profile Card /}\n <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop\">\n <div className=\"text-center\">\n <div className=\"relative mx-auto inline-block\">\n <div className=\"h-20 w-20 overflow-hidden rounded-full bg-bg-sunken sm:h-24 sm:w-24\">\n {profileData.profileImage ? (\n <img\n src={profileData.profileImage}\n alt=\"Profile\"\n className=\"h-full w-full object-cover\"\n />\n ) : (\n <div className=\"flex h-full w-full items-center justify-center\">\n <User className=\"h-10 w-10 text-text-secondary\" />\n </div>\n )}\n </div>\n {isEditing && (\n <label className=\"absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\">\n <Camera className=\"h-4 w-4\" />\n <input\n type=\"file\"\n accept=\"image/\"\n onChange={handleImageUpload}\n className=\"hidden\"\n />\n </label>\n )}\n </div>\n <h3 className=\"mt-3 text-base font-semibold text-text-primary sm:text-lg\">\n {profileData.firstName} {profileData.lastName}\n </h3>\n <p className=\"text-sm text-text-secondary\">{profileData.investorType}</p>\n <p className=\"mt-1 truncate text-xs text-text-secondary\">\n {profileData.companyName}\n </p>\n </div>\n\n {/* Quick Stats /}\n <div className=\"mt-5 space-y-3 border-t border-border-subtle pt-4\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Portfolio Value</span>\n <span className=\"text-xs font-semibold text-primary sm:text-sm\">\n {formatCurrency(profileData.portfolioValue ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Active Investments</span>\n <span className=\"text-xs font-semibold text-text-primary sm:text-sm\">\n {profileData.activeInvestments}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Total Returns</span>\n <span className=\"text-xs font-semibold text-status-success-text sm:text-sm\">\n +{formatCurrency(profileData.totalReturns ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Total Invested</span>\n <span className=\"text-xs font-semibold text-text-primary sm:text-sm\">\n {formatCurrency(profileData.totalInvested ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n </div>\n\n {/ Mobile: Horizontal scrolling tabs /}\n <div className=\"mt-4 flex gap-2 overflow-x-auto pb-2 lg:hidden\">\n {tabs.map((tab) => (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text shadow-sm'\n : 'bg-bg-surface text-text-primary hover:bg-accent'\n )}\n >\n <tab.Icon className=\"h-4 w-4 shrink-0\" />\n {tab.label}\n </button>\n ))}\n </div>\n\n {/ Desktop: Vertical tabs /}\n <div className=\"mt-4 hidden space-y-2 lg:block\">\n {tabs.map((tab) => (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-surface text-text-primary hover:bg-accent'\n )}\n >\n <tab.Icon className=\"h-4 w-4\" />\n {tab.label}\n </button>\n ))}\n </div>\n </div>\n\n {/ Content Area /}\n <div className=\"lg:col-span-3\">\n <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 lg:p-8 bg-gloss-card shadow-pop\">\n {/ ==================== Personal Info Tab ==================== /}\n {activeTab === 'personal' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Personal Information\n </h2>\n\n <div className=\"space-y-6\">\n {/ Name & Contact /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n First Name\n </label>\n <input\n type=\"text\"\n value={profileData.firstName}\n onChange={(e) => handleInputChange('firstName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Last Name\n </label>\n <input\n type=\"text\"\n value={profileData.lastName}\n onChange={(e) => handleInputChange('lastName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Email Address\n </label>\n <div className=\"relative\">\n <Mail className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"email\"\n value={profileData.email}\n onChange={(e) => handleInputChange('email', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Phone Number\n </label>\n <div className=\"relative\">\n <Phone className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"tel\"\n value={profileData.phone}\n onChange={(e) => handleInputChange('phone', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n\n {/ Professional Details /}\n <div className=\"border-t border-border-subtle pt-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary sm:text-base\">\n Professional Details\n </h3>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Company/Organization\n </label>\n <div className=\"relative\">\n <Building2 className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.companyName}\n onChange={(e) => handleInputChange('companyName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Designation\n </label>\n <input\n type=\"text\"\n value={profileData.designation}\n onChange={(e) => handleInputChange('designation', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Company Website\n </label>\n <div className=\"relative\">\n <Globe className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.companyWebsite}\n onChange={(e) => handleInputChange('companyWebsite', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n LinkedIn Profile\n </label>\n <div className=\"relative\">\n <Linkedin className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.linkedinProfile}\n onChange={(e) => handleInputChange('linkedinProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n\n {/ Address /}\n <div className=\"border-t border-border-subtle pt-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary sm:text-base\">\n Address\n </h3>\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Street Address\n </label>\n <textarea\n rows={2}\n value={profileData.address}\n onChange={(e) => handleInputChange('address', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n City\n </label>\n <input\n type=\"text\"\n value={profileData.city}\n onChange={(e) => handleInputChange('city', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n State\n </label>\n <input\n type=\"text\"\n value={profileData.state}\n onChange={(e) => handleInputChange('state', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Country\n </label>\n <input\n type=\"text\"\n value={profileData.country}\n onChange={(e) => handleInputChange('country', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Pincode\n </label>\n <input\n type=\"text\"\n value={profileData.pincode}\n onChange={(e) => handleInputChange('pincode', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Investment Profile Tab ==================== /}\n {activeTab === 'investment' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Investment Profile\n </h2>\n\n <div className=\"space-y-6\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investor Type\n </label>\n <select\n value={profileData.investorType}\n onChange={(e) => handleInputChange('investorType', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>Angel Investor</option>\n <option>Venture Capitalist</option>\n <option>Private Equity</option>\n <option>Strategic Investor</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investment Range\n </label>\n <select\n value={profileData.investmentRange}\n onChange={(e) => handleInputChange('investmentRange', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>1L - 5L</option>\n <option>5L - 25L</option>\n <option>25L - 1Cr</option>\n <option>1Cr+</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investment Horizon\n </label>\n <select\n value={profileData.investmentHorizon}\n onChange={(e) => handleInputChange('investmentHorizon', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>1-2 years</option>\n <option>3-5 years</option>\n <option>5-7 years</option>\n <option>7+ years</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Risk Profile\n </label>\n <select\n value={profileData.riskProfile}\n onChange={(e) => handleInputChange('riskProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>Conservative</option>\n <option>Moderate</option>\n <option>Aggressive</option>\n </select>\n </div>\n </div>\n\n {/ Preferred Sectors /}\n <div>\n <label className=\"mb-3 block text-sm font-medium text-text-primary\">\n Preferred Sectors\n </label>\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n {sectorOptions.map((sector) => (\n <label key={sector} className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={profileData.preferredSectors.includes(sector)}\n onChange={(e) => {\n if (e.target.checked) {\n handleInputChange('preferredSectors', [\n ...profileData.preferredSectors,\n sector,\n ]);\n } else {\n handleInputChange(\n 'preferredSectors',\n profileData.preferredSectors.filter((s) => s !== sector)\n );\n }\n }}\n disabled={!isEditing}\n className=\"h-4 w-4 rounded border-border-subtle text-primary focus:ring-[var(--color-focus-ring)]\"\n />\n <span className=\"text-sm text-text-primary\">{sector}</span>\n </label>\n ))}\n </div>\n </div>\n\n {/ Risk Tolerance Visual /}\n <div className=\"rounded-lg border border-border-subtle p-4\">\n <div className=\"mb-2 flex items-center justify-between\">\n <p className=\"text-sm font-medium text-text-primary\">Risk Tolerance</p>\n <span\n className={cn(\n 'text-sm font-semibold',\n profileData.riskProfile === 'Conservative'\n ? 'text-status-success-text'\n : profileData.riskProfile === 'Moderate'\n ? 'text-status-warning-text'\n : 'text-status-error-text'\n )}\n >\n {profileData.riskProfile}\n </span>\n </div>\n <div className=\"flex gap-1\">\n {(['Conservative', 'Moderate', 'Aggressive'] as const).map((level) => (\n <div\n key={level}\n className={cn(\n 'h-2.5 flex-1 rounded-full',\n level === 'Conservative' && 'bg-status-success-bg-subtle/30',\n level === 'Moderate' && 'bg-status-warning-bg-subtle/30',\n level === 'Aggressive' && 'bg-status-error-bg-subtle/30',\n level === profileData.riskProfile &&\n level === 'Conservative' &&\n 'bg-status-success-bg-subtle',\n level === profileData.riskProfile &&\n level === 'Moderate' &&\n 'bg-status-warning-bg-subtle',\n level === profileData.riskProfile &&\n level === 'Aggressive' &&\n 'bg-status-error-bg-subtle'\n )}\n />\n ))}\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Portfolio Tab ==================== /}\n {activeTab === 'portfolio' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Investment Portfolio\n </h2>\n\n {/ Portfolio Summary /}\n <div className=\"mb-8 grid grid-cols-2 gap-4 sm:grid-cols-4 sm:gap-6\">\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <DollarSign className=\"mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.totalInvested ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Total Invested</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <Briefcase className=\"mb-2 h-7 w-7 text-accent-blue sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {profileData.activeInvestments}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">\n Active Investments\n </div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <TrendingUp className=\"mb-2 h-7 w-7 text-status-success-text sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.totalReturns ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Total Returns</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <PieChart className=\"mb-2 h-7 w-7 text-accent-purple sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.portfolioValue ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Portfolio Value</div>\n </div>\n </div>\n\n {/ Active Investments List /}\n <div>\n <h3 className=\"mb-4 text-base font-semibold text-text-primary\">\n Active Investments\n </h3>\n <div className=\"space-y-3\">\n {mockActiveInvestments.map((investment, index) => (\n <div key={index} className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4\">\n <div className=\"mb-3 flex items-start justify-between\">\n <h4 className=\"text-sm font-medium text-text-primary sm:text-base\">\n {investment.cartName}\n </h4>\n <span\n className={cn(\n 'text-sm font-semibold',\n investment.returns > 0\n ? 'text-status-success-text'\n : 'text-status-error-text'\n )}\n >\n {investment.returns > 0 ? '+' : ''}\n {investment.returns}%\n </span>\n </div>\n <div className=\"grid grid-cols-1 gap-3 text-sm sm:grid-cols-3\">\n <div>\n <span className=\"text-text-secondary\">Invested: </span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(investment.investedAmount, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n <div>\n <span className=\"text-text-secondary\">Current Value: </span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(investment.currentValue, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n <div>\n <span className=\"text-text-secondary\">Returns: </span>\n <span className=\"font-medium text-status-success-text\">\n {formatCurrency(investment.currentValue - investment.investedAmount, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Documents Tab ==================== /}\n {activeTab === 'documents' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Documents & KYC\n </h2>\n\n <div className=\"space-y-6\">\n {/ KYC Status /}\n <div className=\"flex items-center gap-2 rounded-lg bg-status-success-bg-subtle/10 px-4 py-3\">\n <CheckCircle2 className=\"h-5 w-5 text-status-success-text\" />\n <p className=\"text-sm font-medium text-status-success-text\">\n Your KYC is complete and verified\n </p>\n </div>\n\n {/ Document Cards /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n {mockDocuments.map((doc) => (\n <div\n key={doc.name}\n className=\"rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop\"\n >\n <FileText className=\"mb-3 h-8 w-8 text-primary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">{doc.name}</h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {doc.status === 'verified'\n ? `Verified on ${doc.verifiedOn}`\n : doc.status === 'uploaded'\n ? `Uploaded on ${doc.verifiedOn}`\n : 'Template available'}\n </p>\n <div className=\"mt-3 flex items-center gap-2\">\n {doc.status === 'verified' && (\n <span className=\"flex items-center gap-1 rounded-full bg-status-success-bg-subtle/20 px-2 py-0.5 text-xs font-medium text-status-success-text\">\n <CheckCircle2 className=\"h-3 w-3\" />\n Verified\n </span>\n )}\n {doc.status === 'uploaded' && (\n <span className=\"flex items-center gap-1 rounded-full bg-accent-blue-subtle/20 px-2 py-0.5 text-xs font-medium text-accent-blue\">\n <FileText className=\"h-3 w-3\" />\n Uploaded\n </span>\n )}\n <button\n type=\"button\"\n onClick={() =>\n alert(\n doc.status === 'template'\n ? `Downloading ${doc.name} template...`\n : `Viewing ${doc.name}...`\n )\n }\n className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n {doc.status === 'template' ? 'Download Template' : 'View Document'}\n </button>\n </div>\n </div>\n ))}\n </div>\n\n {/ Upload New Document /}\n {isEditing && (\n <div className=\"rounded-lg border-2 border-dashed border-border-subtle p-6 text-center\">\n <FileText className=\"mx-auto mb-2 h-8 w-8 text-text-secondary\" />\n <p className=\"text-sm font-medium text-text-primary\">Upload New Document</p>\n <p className=\"mt-1 text-xs text-text-secondary\">\n PDF, JPG, or PNG up to 10MB\n </p>\n <label className=\"mt-3 inline-block cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\">\n Choose File\n <input type=\"file\" accept=\".pdf,.jpg,.png\" className=\"hidden\" />\n </label>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/ ==================== Security Tab ==================== /}\n {activeTab === 'security' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Security Settings\n </h2>\n\n <div className=\"space-y-6\">\n {/ Change Password /}\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\n <Lock className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">Change Password</h3>\n </div>\n <p className=\"mb-4 text-sm text-text-secondary\">\n Update your password regularly to keep your account secure\n </p>\n\n {showChangePassword ? (\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Current Password\n </label>\n <div className=\"relative\">\n <input\n type={showCurrentPassword ? 'text' : 'password'}\n value={currentPassword}\n onChange={(e) => setCurrentPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={() => setShowCurrentPassword(!showCurrentPassword)}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n >\n {showCurrentPassword ? (\n <EyeOff className=\"h-4 w-4\" />\n ) : (\n <Eye className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n New Password\n </label>\n <div className=\"relative\">\n <input\n type={showNewPassword ? 'text' : 'password'}\n value={newPassword}\n onChange={(e) => setNewPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={() => setShowNewPassword(!showNewPassword)}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n >\n {showNewPassword ? (\n <EyeOff className=\"h-4 w-4\" />\n ) : (\n <Eye className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Confirm New Password\n </label>\n <input\n type=\"password\"\n value={confirmPassword}\n onChange={(e) => setConfirmPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div className=\"flex gap-3\">\n <button\n type=\"button\"\n onClick={handleChangePassword}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n >\n Update Password\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setShowChangePassword(false);\n setCurrentPassword('');\n setNewPassword('');\n setConfirmPassword('');\n }}\n className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Cancel\n </button>\n </div>\n </div>\n ) : (\n <button\n type=\"button\"\n onClick={() => setShowChangePassword(true)}\n className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Change Password\n </button>\n )}\n </div>\n\n {/ Two-Factor Authentication /}\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\n <Smartphone className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">\n Two-Factor Authentication\n </h3>\n </div>\n <p className=\"mb-4 text-sm text-text-secondary\">\n Add an extra layer of security to your investment account\n </p>\n <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\">\n <div className=\"flex items-center gap-2\">\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n twoFactorEnabled\n ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n : 'bg-bg-sunken text-text-secondary'\n )}\n >\n {twoFactorEnabled ? 'Enabled' : 'Disabled'}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={handleToggle2FA}\n className={cn(\n 'rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n twoFactorEnabled\n ? 'border border-border-subtle text-text-primary hover:bg-accent'\n : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n )}\n >\n {twoFactorEnabled ? 'Disable 2FA' : 'Enable 2FA'}\n </button>\n </div>\n </div>\n\n {/ Login Activity /}\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-4\">\n <Monitor className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">Login Activity</h3>\n </div>\n <div className=\"space-y-3\">\n {mockLoginActivity.map((activity, index) => (\n <div\n key={index}\n className=\"flex items-center justify-between rounded-lg bg-bg-sunken/30 p-3\"\n >\n <div>\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm font-medium text-text-primary\">\n {activity.device}\n </p>\n {activity.current && (\n <span className=\"rounded-full bg-status-success-bg-subtle/20 px-2 py-0.5 text-xs font-medium text-status-success-text\">\n Current\n </span>\n )}\n </div>\n <div className=\"mt-1 flex items-center gap-2 text-xs text-text-secondary\">\n <MapPin className=\"h-3 w-3\" />\n <span>{activity.location}</span>\n <span>•</span>\n <span>\n {formatDate(activity.date, { hour: 'numeric', minute: '2-digit' })}\n </span>\n </div>\n </div>\n {!activity.current && (\n <button\n type=\"button\"\n onClick={() => alert('Session revoked')}\n className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Revoke\n </button>\n )}\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ ==================== Notifications Tab ==================== /}\n {activeTab === 'notifications' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Notification Preferences\n </h2>\n\n <div className=\"space-y-4\">\n {notifications.map((item) => (\n <div\n key={item.id}\n className=\"flex items-center justify-between rounded-lg border border-border-subtle bg-bg-sunken/30 p-4\"\n >\n <div className=\"flex-1 pr-4\">\n <h4 className=\"text-sm font-medium text-text-primary\">{item.label}</h4>\n <p className=\"mt-0.5 text-xs text-text-secondary sm:text-sm\">\n {item.description}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={() => {\n if (isEditing) handleToggleNotification(item.id);\n }}\n disabled={!isEditing}\n className={cn(\n 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200',\n item.enabled ? 'bg-action-primary-bg' : 'bg-bg-sunken',\n !isEditing && 'cursor-not-allowed opacity-60'\n )}\n >\n <span\n className={cn(\n 'pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200',\n item.enabled ? 'translate-x-5' : 'translate-x-0.5'\n )}\n />\n </button>\n </div>\n ))}\n\n {/ Notification Summary */}\n <div className=\"mt-4 rounded-lg border border-border-subtle bg-bg-sunken/50 p-4\">\n <p className=\"text-sm text-text-secondary\">\n {notifications.filter((n) => n.enabled).length} of {notifications.length}{' '}\n notification types enabled.\n {!isEditing && (\n <span className=\"ml-1\">\n Click "Edit Profile" to modify preferences.\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/worker/TaskDetailsPage.js CHANGED Viewed

@@ -22,10 +22,10 @@ function L(e) {
 }
 function R(e) {
 	switch (e) {
-		case "urgent": return "bg-red-500/20 text-red-600 dark:text-red-400";
-		case "high": return "bg-orange-500/20 text-orange-600 dark:text-orange-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "urgent": return "bg-status-error-bg-subtle/20 text-status-error-text";
+		case "high": return "bg-accent-orange-subtle/20 text-accent-orange";
+		case "medium": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+		case "low": return "bg-status-success-bg-subtle/20 text-status-success-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
@@ -142,9 +142,10 @@ function V() {
 	if (!w) return /* @__PURE__ */ F(n, {
 		title: "Task Not Found",
 		children: /* @__PURE__ */ F(i, {
+			illustration: "empty-generic",
 			icon: /* @__PURE__ */ F(y, { className: "h-12 w-12" }),
 			title: "Task not found",
-			description: `No task found with ID "${p}".`,
+			description: `No task found with ID"${p}".`,
 			action: /* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: () => g("/worker/orders"),
@@ -168,7 +169,7 @@ function V() {
 		children: /* @__PURE__ */ I("div", {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ I("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 				children: [/* @__PURE__ */ I("div", {
 					className: "flex items-start justify-between mb-4",
 					children: [/* @__PURE__ */ I("div", {
@@ -222,11 +223,11 @@ function V() {
 						]
 					})]
 				}), w.dueTime && w.status !== "completed" && /* @__PURE__ */ F("div", {
-					className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 p-3",
+					className: "rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-3",
 					children: /* @__PURE__ */ I("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ F(j, { className: "h-4 w-4 text-yellow-600 dark:text-yellow-400 shrink-0" }), /* @__PURE__ */ I("span", {
-							className: "text-xs font-medium text-yellow-600 dark:text-yellow-400",
+						children: [/* @__PURE__ */ F(j, { className: "h-4 w-4 text-status-warning-text shrink-0" }), /* @__PURE__ */ I("span", {
+							className: "text-xs font-medium text-status-warning-text",
 							children: ["Due by ", B(w.dueTime)]
 						})]
 					})
@@ -237,7 +238,7 @@ function V() {
 					className: "lg:col-span-2 space-y-6",
 					children: [
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
 								className: "text-base font-semibold text-text-primary mb-4",
 								children: "Customer Information"
@@ -284,7 +285,7 @@ function V() {
 							})]
 						}),
 						w.orderItems.length > 0 && /* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Order Items"
@@ -307,20 +308,20 @@ function V() {
 							})]
 						}),
 						w.specialInstructions && /* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
 							}), /* @__PURE__ */ F("div", {
-								className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 p-4",
+								className: "rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-4",
 								children: /* @__PURE__ */ I("p", {
-									className: "text-sm text-yellow-700 dark:text-yellow-300 flex items-start gap-2",
-									children: [/* @__PURE__ */ F(d, { className: "h-4 w-4 shrink-0 mt-0.5 text-yellow-600 dark:text-yellow-400" }), w.specialInstructions]
+									className: "text-sm text-status-warning-text flex items-start gap-2",
+									children: [/* @__PURE__ */ F(d, { className: "h-4 w-4 shrink-0 mt-0.5 text-status-warning-text" }), w.specialInstructions]
 								})
 							})]
 						}),
 						w.photos && w.photos.length > 0 && /* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ I("h3", {
 								className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-3",
 								children: [/* @__PURE__ */ F(m, { className: "h-4 w-4 text-text-secondary" }), "Reference Photos"]
@@ -334,7 +335,7 @@ function V() {
 							})]
 						}),
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [
 								/* @__PURE__ */ I("h3", {
 									className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-3",
@@ -345,7 +346,7 @@ function V() {
 									onChange: (e) => U(e.target.value),
 									placeholder: "Add your notes about this task...",
 									rows: 4,
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
 								}),
 								/* @__PURE__ */ I("button", {
 									type: "button",
@@ -360,7 +361,7 @@ function V() {
 					className: "space-y-6",
 					children: [
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Task Details"
@@ -403,7 +404,7 @@ function V() {
 											className: "text-xs text-text-secondary",
 											children: "Earnings"
 										}), /* @__PURE__ */ F("p", {
-											className: "text-sm font-medium text-green-600 dark:text-green-400",
+											className: "text-sm font-medium text-status-success-text",
 											children: a(w.earnings, { minimumFractionDigits: 0 })
 										})] })]
 									}),
@@ -431,7 +432,7 @@ function V() {
 							})]
 						}),
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
 								className: "text-base font-semibold text-text-primary mb-4",
 								children: "Status Timeline"
@@ -444,9 +445,9 @@ function V() {
 										children: [/* @__PURE__ */ I("div", {
 											className: "flex flex-col items-center",
 											children: [/* @__PURE__ */ F("div", {
-												className: t("flex h-7 w-7 shrink-0 items-center justify-center rounded-full", e.completed ? "bg-green-500/10 text-green-600 dark:text-green-400" : "bg-bg-sunken text-text-secondary"),
+												className: t("flex h-7 w-7 shrink-0 items-center justify-center rounded-full", e.completed ? "bg-status-success-bg-subtle/10 text-status-success-text" : "bg-bg-sunken text-text-secondary"),
 												children: /* @__PURE__ */ F(i, { className: "h-3.5 w-3.5" })
-											}), !r && /* @__PURE__ */ F("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-green-500/30" : "bg-border") })]
+											}), !r && /* @__PURE__ */ F("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-status-success-bg-subtle/30" : "bg-border") })]
 										}), /* @__PURE__ */ I("div", {
 											className: t("pb-5", r && "pb-0"),
 											children: [/* @__PURE__ */ F("p", {
@@ -467,13 +468,13 @@ function V() {
 								w.status === "pending" && /* @__PURE__ */ I("button", {
 									type: "button",
 									onClick: G,
-									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-blue-500/10 px-4 py-3 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
+									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent-blue-subtle/10 px-4 py-3 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 									children: [/* @__PURE__ */ F(E, { className: "h-4 w-4" }), "Start Task"]
 								}),
 								w.status === "in_progress" && /* @__PURE__ */ I("button", {
 									type: "button",
 									onClick: K,
-									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-green-500/10 px-4 py-3 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle/10 px-4 py-3 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 									children: [/* @__PURE__ */ F(h, { className: "h-4 w-4" }), "Complete Task"]
 								}),
 								/* @__PURE__ */ I("button", {