@b3-crow/ui-kit 0.0.30 → 0.0.31-pr25.10
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.
- package/dist/components/backgrounds/AnimatedBackground.d.ts.map +1 -0
- package/dist/components/backgrounds/AnimatedBackground.js.map +1 -0
- package/dist/components/backgrounds/Globe.d.ts.map +1 -0
- package/dist/components/backgrounds/Globe.js.map +1 -0
- package/dist/components/backgrounds/GradientBackground.d.ts.map +1 -0
- package/dist/components/backgrounds/GradientBackground.js.map +1 -0
- package/dist/components/{Button.d.ts → buttons/Button.d.ts} +5 -2
- package/dist/components/buttons/Button.d.ts.map +1 -0
- package/dist/components/buttons/Button.js +41 -0
- package/dist/components/buttons/Button.js.map +1 -0
- package/dist/components/buttons/CompanyPageButton.d.ts +10 -0
- package/dist/components/buttons/CompanyPageButton.d.ts.map +1 -0
- package/dist/components/buttons/CompanyPageButton.js +8 -0
- package/dist/components/buttons/CompanyPageButton.js.map +1 -0
- package/dist/components/cards/Card.d.ts.map +1 -0
- package/dist/components/{Card.js → cards/Card.js} +1 -1
- package/dist/components/cards/Card.js.map +1 -0
- package/dist/components/cards/CheckoutSummary.d.ts +38 -0
- package/dist/components/cards/CheckoutSummary.d.ts.map +1 -0
- package/dist/components/cards/CheckoutSummary.js +54 -0
- package/dist/components/cards/CheckoutSummary.js.map +1 -0
- package/dist/components/cards/ConnectionOption.d.ts +13 -0
- package/dist/components/cards/ConnectionOption.d.ts.map +1 -0
- package/dist/components/cards/ConnectionOption.js +22 -0
- package/dist/components/cards/ConnectionOption.js.map +1 -0
- package/dist/components/cards/InvitationDetailsCard.d.ts +8 -0
- package/dist/components/cards/InvitationDetailsCard.d.ts.map +1 -0
- package/dist/components/cards/InvitationDetailsCard.js +5 -0
- package/dist/components/cards/InvitationDetailsCard.js.map +1 -0
- package/dist/components/cards/OrderSummaryCard.d.ts +29 -0
- package/dist/components/cards/OrderSummaryCard.d.ts.map +1 -0
- package/dist/components/cards/OrderSummaryCard.js +8 -0
- package/dist/components/cards/OrderSummaryCard.js.map +1 -0
- package/dist/components/cards/PendingInviteCard.d.ts +26 -0
- package/dist/components/cards/PendingInviteCard.d.ts.map +1 -0
- package/dist/components/cards/PendingInviteCard.js +63 -0
- package/dist/components/cards/PendingInviteCard.js.map +1 -0
- package/dist/components/cards/PlanCard.d.ts +50 -0
- package/dist/components/cards/PlanCard.d.ts.map +1 -0
- package/dist/components/cards/PlanCard.js +40 -0
- package/dist/components/cards/PlanCard.js.map +1 -0
- package/dist/components/cards/RunAgentCard.d.ts +9 -0
- package/dist/components/cards/RunAgentCard.d.ts.map +1 -0
- package/dist/components/cards/RunAgentCard.js +15 -0
- package/dist/components/cards/RunAgentCard.js.map +1 -0
- package/dist/components/cards/SyncStatusCard.d.ts +8 -0
- package/dist/components/cards/SyncStatusCard.d.ts.map +1 -0
- package/dist/components/cards/SyncStatusCard.js +29 -0
- package/dist/components/cards/SyncStatusCard.js.map +1 -0
- package/dist/components/dashboard/ChatHistorySection.d.ts +4 -0
- package/dist/components/dashboard/ChatHistorySection.d.ts.map +1 -0
- package/dist/components/dashboard/ChatHistorySection.js +138 -0
- package/dist/components/dashboard/ChatHistorySection.js.map +1 -0
- package/dist/components/dashboard/DashboardBackground.d.ts +4 -0
- package/dist/components/dashboard/DashboardBackground.d.ts.map +1 -0
- package/dist/components/dashboard/DashboardBackground.js +85 -0
- package/dist/components/dashboard/DashboardBackground.js.map +1 -0
- package/dist/components/dashboard/FilterDropdown.d.ts +14 -0
- package/dist/components/dashboard/FilterDropdown.d.ts.map +1 -0
- package/dist/components/dashboard/FilterDropdown.js +68 -0
- package/dist/components/dashboard/FilterDropdown.js.map +1 -0
- package/dist/components/dashboard/GlassPanel.d.ts +4 -0
- package/dist/components/dashboard/GlassPanel.d.ts.map +1 -0
- package/dist/components/dashboard/GlassPanel.js +11 -0
- package/dist/components/dashboard/GlassPanel.js.map +1 -0
- package/dist/components/dashboard/Header.d.ts +4 -0
- package/dist/components/dashboard/Header.d.ts.map +1 -0
- package/dist/components/dashboard/Header.js +87 -0
- package/dist/components/dashboard/Header.js.map +1 -0
- package/dist/components/dashboard/IconBadge.d.ts +12 -0
- package/dist/components/dashboard/IconBadge.d.ts.map +1 -0
- package/dist/components/dashboard/IconBadge.js +22 -0
- package/dist/components/dashboard/IconBadge.js.map +1 -0
- package/dist/components/dashboard/ListItem.d.ts +10 -0
- package/dist/components/dashboard/ListItem.d.ts.map +1 -0
- package/dist/components/dashboard/ListItem.js +13 -0
- package/dist/components/dashboard/ListItem.js.map +1 -0
- package/dist/components/dashboard/MetricsCard.d.ts +10 -0
- package/dist/components/dashboard/MetricsCard.d.ts.map +1 -0
- package/dist/components/dashboard/MetricsCard.js +39 -0
- package/dist/components/dashboard/MetricsCard.js.map +1 -0
- package/dist/components/dashboard/MobileSidebar.d.ts +4 -0
- package/dist/components/dashboard/MobileSidebar.d.ts.map +1 -0
- package/dist/components/dashboard/MobileSidebar.js +68 -0
- package/dist/components/dashboard/MobileSidebar.js.map +1 -0
- package/dist/components/dashboard/NavMenu.d.ts +8 -0
- package/dist/components/dashboard/NavMenu.d.ts.map +1 -0
- package/dist/components/dashboard/NavMenu.js +145 -0
- package/dist/components/dashboard/NavMenu.js.map +1 -0
- package/dist/components/dashboard/PatternCard.d.ts +16 -0
- package/dist/components/dashboard/PatternCard.d.ts.map +1 -0
- package/dist/components/dashboard/PatternCard.js +75 -0
- package/dist/components/dashboard/PatternCard.js.map +1 -0
- package/dist/components/dashboard/SearchInput.d.ts +15 -0
- package/dist/components/dashboard/SearchInput.d.ts.map +1 -0
- package/dist/components/dashboard/SearchInput.js +41 -0
- package/dist/components/dashboard/SearchInput.js.map +1 -0
- package/dist/components/dashboard/SectionHeader.d.ts +13 -0
- package/dist/components/dashboard/SectionHeader.d.ts.map +1 -0
- package/dist/components/dashboard/SectionHeader.js +22 -0
- package/dist/components/dashboard/SectionHeader.js.map +1 -0
- package/dist/components/dashboard/SettingsDropup.d.ts +11 -0
- package/dist/components/dashboard/SettingsDropup.d.ts.map +1 -0
- package/dist/components/dashboard/SettingsDropup.js +169 -0
- package/dist/components/dashboard/SettingsDropup.js.map +1 -0
- package/dist/components/dashboard/SettingsModal.d.ts +4 -0
- package/dist/components/dashboard/SettingsModal.d.ts.map +1 -0
- package/dist/components/dashboard/SettingsModal.js +240 -0
- package/dist/components/dashboard/SettingsModal.js.map +1 -0
- package/dist/components/dashboard/SidePanel.d.ts +12 -0
- package/dist/components/dashboard/SidePanel.d.ts.map +1 -0
- package/dist/components/dashboard/SidePanel.js +45 -0
- package/dist/components/dashboard/SidePanel.js.map +1 -0
- package/dist/components/dashboard/Sidebar.d.ts +4 -0
- package/dist/components/dashboard/Sidebar.d.ts.map +1 -0
- package/dist/components/dashboard/Sidebar.js +52 -0
- package/dist/components/dashboard/Sidebar.js.map +1 -0
- package/dist/components/dashboard/SidebarLogo.d.ts +7 -0
- package/dist/components/dashboard/SidebarLogo.d.ts.map +1 -0
- package/dist/components/dashboard/SidebarLogo.js +46 -0
- package/dist/components/dashboard/SidebarLogo.js.map +1 -0
- package/dist/components/dashboard/SourceIcon.d.ts +7 -0
- package/dist/components/dashboard/SourceIcon.d.ts.map +1 -0
- package/dist/components/dashboard/SourceIcon.js +16 -0
- package/dist/components/dashboard/SourceIcon.js.map +1 -0
- package/dist/components/dashboard/StatusBadge.d.ts +14 -0
- package/dist/components/dashboard/StatusBadge.d.ts.map +1 -0
- package/dist/components/dashboard/StatusBadge.js +30 -0
- package/dist/components/dashboard/StatusBadge.js.map +1 -0
- package/dist/components/dashboard/StatusIndicator.d.ts +7 -0
- package/dist/components/dashboard/StatusIndicator.d.ts.map +1 -0
- package/dist/components/dashboard/StatusIndicator.js +29 -0
- package/dist/components/dashboard/StatusIndicator.js.map +1 -0
- package/dist/components/dashboard/Tag.d.ts +7 -0
- package/dist/components/dashboard/Tag.d.ts.map +1 -0
- package/dist/components/dashboard/Tag.js +9 -0
- package/dist/components/dashboard/Tag.js.map +1 -0
- package/dist/components/dashboard/TipCard.d.ts +5 -0
- package/dist/components/dashboard/TipCard.d.ts.map +1 -0
- package/dist/components/dashboard/TipCard.js +10 -0
- package/dist/components/dashboard/TipCard.js.map +1 -0
- package/dist/components/dashboard/ToggleSwitch.d.ts +8 -0
- package/dist/components/dashboard/ToggleSwitch.d.ts.map +1 -0
- package/dist/components/dashboard/ToggleSwitch.js +31 -0
- package/dist/components/dashboard/ToggleSwitch.js.map +1 -0
- package/dist/components/dashboard/index.d.ts +26 -0
- package/dist/components/dashboard/index.d.ts.map +1 -0
- package/dist/components/dashboard/index.js +26 -0
- package/dist/components/dashboard/index.js.map +1 -0
- package/dist/components/dashboard/types.d.ts +108 -0
- package/dist/components/dashboard/types.d.ts.map +1 -0
- package/dist/components/dashboard/types.js +2 -0
- package/dist/components/dashboard/types.js.map +1 -0
- package/dist/components/display/CodeBlock.d.ts +10 -0
- package/dist/components/display/CodeBlock.d.ts.map +1 -0
- package/dist/components/display/CodeBlock.js +20 -0
- package/dist/components/display/CodeBlock.js.map +1 -0
- package/dist/components/display/ConnectionStatus.d.ts +8 -0
- package/dist/components/display/ConnectionStatus.d.ts.map +1 -0
- package/dist/components/display/ConnectionStatus.js +5 -0
- package/dist/components/display/ConnectionStatus.js.map +1 -0
- package/dist/components/display/Logo.d.ts +16 -0
- package/dist/components/display/Logo.d.ts.map +1 -0
- package/dist/components/display/Logo.js +43 -0
- package/dist/components/display/Logo.js.map +1 -0
- package/dist/components/display/PackageManagerSelector.d.ts +8 -0
- package/dist/components/display/PackageManagerSelector.d.ts.map +1 -0
- package/dist/components/display/PackageManagerSelector.js +20 -0
- package/dist/components/display/PackageManagerSelector.js.map +1 -0
- package/dist/components/index.d.ts +40 -11
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +40 -11
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/ApiKeyInput.d.ts +8 -0
- package/dist/components/inputs/ApiKeyInput.d.ts.map +1 -0
- package/dist/components/inputs/ApiKeyInput.js +22 -0
- package/dist/components/inputs/ApiKeyInput.js.map +1 -0
- package/dist/components/inputs/Checkbox.d.ts +11 -0
- package/dist/components/inputs/Checkbox.d.ts.map +1 -0
- package/dist/components/inputs/Checkbox.js +19 -0
- package/dist/components/inputs/Checkbox.js.map +1 -0
- package/dist/components/inputs/EmailTagInput.d.ts +9 -0
- package/dist/components/inputs/EmailTagInput.d.ts.map +1 -0
- package/dist/components/inputs/EmailTagInput.js +61 -0
- package/dist/components/inputs/EmailTagInput.js.map +1 -0
- package/dist/components/inputs/Input.d.ts +16 -0
- package/dist/components/inputs/Input.d.ts.map +1 -0
- package/dist/components/inputs/Input.js +42 -0
- package/dist/components/inputs/Input.js.map +1 -0
- package/dist/components/inputs/InputField.d.ts.map +1 -0
- package/dist/components/{InputField.js → inputs/InputField.js} +1 -1
- package/dist/components/inputs/InputField.js.map +1 -0
- package/dist/components/inputs/NumberStepper.d.ts +15 -0
- package/dist/components/inputs/NumberStepper.d.ts.map +1 -0
- package/dist/components/inputs/NumberStepper.js +49 -0
- package/dist/components/inputs/NumberStepper.js.map +1 -0
- package/dist/components/inputs/PermissionToggle.d.ts +15 -0
- package/dist/components/inputs/PermissionToggle.d.ts.map +1 -0
- package/dist/components/inputs/PermissionToggle.js +18 -0
- package/dist/components/inputs/PermissionToggle.js.map +1 -0
- package/dist/components/inputs/Select.d.ts +24 -0
- package/dist/components/inputs/Select.d.ts.map +1 -0
- package/dist/components/inputs/Select.js +156 -0
- package/dist/components/inputs/Select.js.map +1 -0
- package/dist/components/inputs/TagInput.d.ts +10 -0
- package/dist/components/inputs/TagInput.d.ts.map +1 -0
- package/dist/components/inputs/TagInput.js +20 -0
- package/dist/components/inputs/TagInput.js.map +1 -0
- package/dist/components/inputs/ToggleOption.d.ts +20 -0
- package/dist/components/inputs/ToggleOption.d.ts.map +1 -0
- package/dist/components/inputs/ToggleOption.js +70 -0
- package/dist/components/inputs/ToggleOption.js.map +1 -0
- package/dist/components/layout/Divider.d.ts +11 -0
- package/dist/components/layout/Divider.d.ts.map +1 -0
- package/dist/components/layout/Divider.js +15 -0
- package/dist/components/layout/Divider.js.map +1 -0
- package/dist/components/layout/Footer.d.ts +37 -0
- package/dist/components/layout/Footer.d.ts.map +1 -0
- package/dist/components/layout/Footer.js +49 -0
- package/dist/components/layout/Footer.js.map +1 -0
- package/dist/components/layout/FormSection.d.ts +9 -0
- package/dist/components/layout/FormSection.d.ts.map +1 -0
- package/dist/components/layout/FormSection.js +7 -0
- package/dist/components/layout/FormSection.js.map +1 -0
- package/dist/components/layout/LinkGroup.d.ts +15 -0
- package/dist/components/layout/LinkGroup.d.ts.map +1 -0
- package/dist/components/layout/LinkGroup.js +28 -0
- package/dist/components/layout/LinkGroup.js.map +1 -0
- package/dist/components/layout/Navbar.d.ts +32 -0
- package/dist/components/layout/Navbar.d.ts.map +1 -0
- package/dist/components/layout/Navbar.js +35 -0
- package/dist/components/layout/Navbar.js.map +1 -0
- package/dist/components/layout/PageHeader.d.ts +17 -0
- package/dist/components/layout/PageHeader.d.ts.map +1 -0
- package/dist/components/layout/PageHeader.js +86 -0
- package/dist/components/layout/PageHeader.js.map +1 -0
- package/dist/components/layout/SegmentedControl.d.ts +16 -0
- package/dist/components/layout/SegmentedControl.d.ts.map +1 -0
- package/dist/components/layout/SegmentedControl.js +24 -0
- package/dist/components/layout/SegmentedControl.js.map +1 -0
- package/dist/components/typography/HeroText.d.ts.map +1 -0
- package/dist/components/typography/HeroText.js.map +1 -0
- package/dist/components/typography/SectionLabel.d.ts.map +1 -0
- package/dist/components/typography/SectionLabel.js.map +1 -0
- package/dist/components/typography/Subtitle.d.ts.map +1 -0
- package/dist/components/typography/Subtitle.js.map +1 -0
- package/dist/components/typography/TypewriterText.d.ts.map +1 -0
- package/dist/components/typography/TypewriterText.js.map +1 -0
- package/dist/styles.css +1 -1
- package/package.json +9 -2
- package/dist/components/AnimatedBackground.d.ts.map +0 -1
- package/dist/components/AnimatedBackground.js.map +0 -1
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/Button.js +0 -26
- package/dist/components/Button.js.map +0 -1
- package/dist/components/Card.d.ts.map +0 -1
- package/dist/components/Card.js.map +0 -1
- package/dist/components/Globe.d.ts.map +0 -1
- package/dist/components/Globe.js.map +0 -1
- package/dist/components/GradientBackground.d.ts.map +0 -1
- package/dist/components/GradientBackground.js.map +0 -1
- package/dist/components/HeroText.d.ts.map +0 -1
- package/dist/components/HeroText.js.map +0 -1
- package/dist/components/InputField.d.ts.map +0 -1
- package/dist/components/InputField.js.map +0 -1
- package/dist/components/Logo.d.ts +0 -6
- package/dist/components/Logo.d.ts.map +0 -1
- package/dist/components/Logo.js +0 -7
- package/dist/components/Logo.js.map +0 -1
- package/dist/components/SectionLabel.d.ts.map +0 -1
- package/dist/components/SectionLabel.js.map +0 -1
- package/dist/components/Subtitle.d.ts.map +0 -1
- package/dist/components/Subtitle.js.map +0 -1
- package/dist/components/TypewriterText.d.ts.map +0 -1
- package/dist/components/TypewriterText.js.map +0 -1
- /package/dist/components/{AnimatedBackground.d.ts → backgrounds/AnimatedBackground.d.ts} +0 -0
- /package/dist/components/{AnimatedBackground.js → backgrounds/AnimatedBackground.js} +0 -0
- /package/dist/components/{Globe.d.ts → backgrounds/Globe.d.ts} +0 -0
- /package/dist/components/{Globe.js → backgrounds/Globe.js} +0 -0
- /package/dist/components/{GradientBackground.d.ts → backgrounds/GradientBackground.d.ts} +0 -0
- /package/dist/components/{GradientBackground.js → backgrounds/GradientBackground.js} +0 -0
- /package/dist/components/{Card.d.ts → cards/Card.d.ts} +0 -0
- /package/dist/components/{InputField.d.ts → inputs/InputField.d.ts} +0 -0
- /package/dist/components/{HeroText.d.ts → typography/HeroText.d.ts} +0 -0
- /package/dist/components/{HeroText.js → typography/HeroText.js} +0 -0
- /package/dist/components/{SectionLabel.d.ts → typography/SectionLabel.d.ts} +0 -0
- /package/dist/components/{SectionLabel.js → typography/SectionLabel.js} +0 -0
- /package/dist/components/{Subtitle.d.ts → typography/Subtitle.d.ts} +0 -0
- /package/dist/components/{Subtitle.js → typography/Subtitle.js} +0 -0
- /package/dist/components/{TypewriterText.d.ts → typography/TypewriterText.d.ts} +0 -0
- /package/dist/components/{TypewriterText.js → typography/TypewriterText.js} +0 -0
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, useRef, useCallback } from 'react';
|
|
4
|
+
import { X, Moon, Sun, Bell, BellOff, Globe, User, LogOut } from 'lucide-react';
|
|
5
|
+
export function SettingsModal({ isOpen, onClose, userEmail = 'user@example.com', userName = 'User', onLogout, onThemeChange, onNotificationsChange, initialTheme = 'dark', initialNotifications = true, }) {
|
|
6
|
+
const [theme, setTheme] = useState(initialTheme);
|
|
7
|
+
const [notifications, setNotifications] = useState(initialNotifications);
|
|
8
|
+
const [isClosing, setIsClosing] = useState(false);
|
|
9
|
+
const closeTimeoutRef = useRef(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (isOpen) {
|
|
12
|
+
setIsClosing(false);
|
|
13
|
+
}
|
|
14
|
+
}, [isOpen]);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
setTheme(initialTheme);
|
|
17
|
+
}, [initialTheme]);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
setNotifications(initialNotifications);
|
|
20
|
+
}, [initialNotifications]);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
return () => {
|
|
23
|
+
if (closeTimeoutRef.current) {
|
|
24
|
+
clearTimeout(closeTimeoutRef.current);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
28
|
+
const handleClose = useCallback(() => {
|
|
29
|
+
setIsClosing(true);
|
|
30
|
+
closeTimeoutRef.current = setTimeout(() => {
|
|
31
|
+
onClose();
|
|
32
|
+
}, 200);
|
|
33
|
+
}, [onClose]);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (!isOpen)
|
|
36
|
+
return;
|
|
37
|
+
const handleKeyDown = (e) => {
|
|
38
|
+
if (e.key === 'Escape') {
|
|
39
|
+
handleClose();
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
43
|
+
return () => document.removeEventListener('keydown', handleKeyDown);
|
|
44
|
+
}, [isOpen, handleClose]);
|
|
45
|
+
const handleThemeToggle = () => {
|
|
46
|
+
const newTheme = theme === 'dark' ? 'light' : 'dark';
|
|
47
|
+
setTheme(newTheme);
|
|
48
|
+
onThemeChange?.(newTheme);
|
|
49
|
+
};
|
|
50
|
+
const handleNotificationsToggle = () => {
|
|
51
|
+
const newValue = !notifications;
|
|
52
|
+
setNotifications(newValue);
|
|
53
|
+
onNotificationsChange?.(newValue);
|
|
54
|
+
};
|
|
55
|
+
if (!isOpen)
|
|
56
|
+
return null;
|
|
57
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { role: "presentation", "aria-hidden": "true", onClick: handleClose, style: {
|
|
58
|
+
position: 'fixed',
|
|
59
|
+
inset: 0,
|
|
60
|
+
background: 'rgba(0, 0, 0, 0.6)',
|
|
61
|
+
backdropFilter: 'blur(4px)',
|
|
62
|
+
zIndex: 100,
|
|
63
|
+
opacity: isClosing ? 0 : 1,
|
|
64
|
+
transition: 'opacity 0.2s ease',
|
|
65
|
+
} }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": "settings-modal-title", style: {
|
|
66
|
+
position: 'fixed',
|
|
67
|
+
top: '50%',
|
|
68
|
+
left: '50%',
|
|
69
|
+
transform: isClosing
|
|
70
|
+
? 'translate(-50%, -50%) scale(0.95)'
|
|
71
|
+
: 'translate(-50%, -50%) scale(1)',
|
|
72
|
+
width: 400,
|
|
73
|
+
maxWidth: '90vw',
|
|
74
|
+
background: 'rgba(10, 5, 20, 0.98)',
|
|
75
|
+
backdropFilter: 'blur(20px)',
|
|
76
|
+
borderRadius: 16,
|
|
77
|
+
border: '1px solid rgba(255, 255, 255, 0.08)',
|
|
78
|
+
boxShadow: '0px 24px 48px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(139, 92, 246, 0.3)',
|
|
79
|
+
zIndex: 101,
|
|
80
|
+
opacity: isClosing ? 0 : 1,
|
|
81
|
+
transition: 'all 0.2s cubic-bezier(0.16, 1, 0.3, 1)',
|
|
82
|
+
}, children: [_jsxs("div", { style: {
|
|
83
|
+
display: 'flex',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
justifyContent: 'space-between',
|
|
86
|
+
padding: '20px 24px',
|
|
87
|
+
borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
|
|
88
|
+
}, children: [_jsx("h2", { id: "settings-modal-title", style: {
|
|
89
|
+
color: 'white',
|
|
90
|
+
fontSize: 18,
|
|
91
|
+
fontWeight: 600,
|
|
92
|
+
fontFamily: 'Sora, sans-serif',
|
|
93
|
+
margin: 0,
|
|
94
|
+
}, children: "Settings" }), _jsx("button", { type: "button", onClick: handleClose, "aria-label": "Close settings", style: {
|
|
95
|
+
width: 32,
|
|
96
|
+
height: 32,
|
|
97
|
+
display: 'flex',
|
|
98
|
+
alignItems: 'center',
|
|
99
|
+
justifyContent: 'center',
|
|
100
|
+
background: 'transparent',
|
|
101
|
+
border: 'none',
|
|
102
|
+
borderRadius: 8,
|
|
103
|
+
cursor: 'pointer',
|
|
104
|
+
transition: 'background 0.15s ease',
|
|
105
|
+
}, onMouseEnter: (e) => {
|
|
106
|
+
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.06)';
|
|
107
|
+
}, onMouseLeave: (e) => {
|
|
108
|
+
e.currentTarget.style.background = 'transparent';
|
|
109
|
+
}, children: _jsx(X, { size: 18, color: "#6B7280", strokeWidth: 2 }) })] }), _jsx("div", { style: {
|
|
110
|
+
padding: '20px 24px',
|
|
111
|
+
borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
|
|
112
|
+
}, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [_jsx("div", { style: {
|
|
113
|
+
width: 48,
|
|
114
|
+
height: 48,
|
|
115
|
+
borderRadius: 9999,
|
|
116
|
+
background: 'rgba(139, 92, 246, 0.2)',
|
|
117
|
+
display: 'flex',
|
|
118
|
+
alignItems: 'center',
|
|
119
|
+
justifyContent: 'center',
|
|
120
|
+
border: '1px solid rgba(139, 92, 246, 0.3)',
|
|
121
|
+
}, children: _jsx(User, { size: 24, color: "#A78BFA", strokeWidth: 1.5 }) }), _jsxs("div", { children: [_jsx("div", { style: {
|
|
122
|
+
color: 'white',
|
|
123
|
+
fontSize: 14,
|
|
124
|
+
fontWeight: 500,
|
|
125
|
+
fontFamily: 'Sora, sans-serif',
|
|
126
|
+
}, children: userName }), _jsx("div", { style: {
|
|
127
|
+
color: '#6B7280',
|
|
128
|
+
fontSize: 12,
|
|
129
|
+
fontFamily: 'Sora, sans-serif',
|
|
130
|
+
marginTop: 2,
|
|
131
|
+
}, children: userEmail })] })] }) }), _jsxs("div", { style: { padding: '12px 16px' }, children: [_jsxs("button", { type: "button", onClick: handleThemeToggle, style: {
|
|
132
|
+
width: '100%',
|
|
133
|
+
padding: '14px 12px',
|
|
134
|
+
display: 'flex',
|
|
135
|
+
alignItems: 'center',
|
|
136
|
+
justifyContent: 'space-between',
|
|
137
|
+
background: 'transparent',
|
|
138
|
+
border: 'none',
|
|
139
|
+
borderRadius: 10,
|
|
140
|
+
cursor: 'pointer',
|
|
141
|
+
transition: 'background 0.15s ease',
|
|
142
|
+
}, onMouseEnter: (e) => {
|
|
143
|
+
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
|
|
144
|
+
}, onMouseLeave: (e) => {
|
|
145
|
+
e.currentTarget.style.background = 'transparent';
|
|
146
|
+
}, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [theme === 'dark' ? (_jsx(Moon, { size: 18, color: "#A78BFA", strokeWidth: 2 })) : (_jsx(Sun, { size: 18, color: "#FBBF24", strokeWidth: 2 })), _jsx("span", { style: {
|
|
147
|
+
color: '#D1D5DB',
|
|
148
|
+
fontSize: 14,
|
|
149
|
+
fontFamily: 'Sora, sans-serif',
|
|
150
|
+
}, children: "Theme" })] }), _jsx("div", { style: {
|
|
151
|
+
padding: '4px 10px',
|
|
152
|
+
background: 'rgba(139, 92, 246, 0.15)',
|
|
153
|
+
borderRadius: 6,
|
|
154
|
+
color: '#C4B5FD',
|
|
155
|
+
fontSize: 12,
|
|
156
|
+
fontWeight: 500,
|
|
157
|
+
fontFamily: 'Sora, sans-serif',
|
|
158
|
+
}, children: theme === 'dark' ? 'Dark' : 'Light' })] }), _jsxs("button", { type: "button", onClick: handleNotificationsToggle, style: {
|
|
159
|
+
width: '100%',
|
|
160
|
+
padding: '14px 12px',
|
|
161
|
+
display: 'flex',
|
|
162
|
+
alignItems: 'center',
|
|
163
|
+
justifyContent: 'space-between',
|
|
164
|
+
background: 'transparent',
|
|
165
|
+
border: 'none',
|
|
166
|
+
borderRadius: 10,
|
|
167
|
+
cursor: 'pointer',
|
|
168
|
+
transition: 'background 0.15s ease',
|
|
169
|
+
}, onMouseEnter: (e) => {
|
|
170
|
+
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
|
|
171
|
+
}, onMouseLeave: (e) => {
|
|
172
|
+
e.currentTarget.style.background = 'transparent';
|
|
173
|
+
}, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [notifications ? (_jsx(Bell, { size: 18, color: "#10B981", strokeWidth: 2 })) : (_jsx(BellOff, { size: 18, color: "#6B7280", strokeWidth: 2 })), _jsx("span", { style: {
|
|
174
|
+
color: '#D1D5DB',
|
|
175
|
+
fontSize: 14,
|
|
176
|
+
fontFamily: 'Sora, sans-serif',
|
|
177
|
+
}, children: "Notifications" })] }), _jsx("div", { style: {
|
|
178
|
+
width: 44,
|
|
179
|
+
height: 24,
|
|
180
|
+
borderRadius: 12,
|
|
181
|
+
background: notifications ? 'rgba(16, 185, 129, 0.3)' : 'rgba(107, 114, 128, 0.3)',
|
|
182
|
+
padding: 2,
|
|
183
|
+
transition: 'background 0.2s ease',
|
|
184
|
+
position: 'relative',
|
|
185
|
+
}, children: _jsx("div", { style: {
|
|
186
|
+
width: 20,
|
|
187
|
+
height: 20,
|
|
188
|
+
borderRadius: 10,
|
|
189
|
+
background: notifications ? '#10B981' : '#4B5563',
|
|
190
|
+
transition: 'all 0.2s ease',
|
|
191
|
+
transform: notifications ? 'translateX(20px)' : 'translateX(0)',
|
|
192
|
+
} }) })] }), _jsxs("button", { type: "button", disabled: true, "aria-disabled": "true", style: {
|
|
193
|
+
width: '100%',
|
|
194
|
+
padding: '14px 12px',
|
|
195
|
+
display: 'flex',
|
|
196
|
+
alignItems: 'center',
|
|
197
|
+
justifyContent: 'space-between',
|
|
198
|
+
background: 'transparent',
|
|
199
|
+
border: 'none',
|
|
200
|
+
borderRadius: 10,
|
|
201
|
+
cursor: 'not-allowed',
|
|
202
|
+
opacity: 0.6,
|
|
203
|
+
transition: 'background 0.15s ease',
|
|
204
|
+
}, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [_jsx(Globe, { size: 18, color: "#6B7280", strokeWidth: 2 }), _jsx("span", { style: {
|
|
205
|
+
color: '#D1D5DB',
|
|
206
|
+
fontSize: 14,
|
|
207
|
+
fontFamily: 'Sora, sans-serif',
|
|
208
|
+
}, children: "Language" })] }), _jsx("div", { style: {
|
|
209
|
+
color: '#6B7280',
|
|
210
|
+
fontSize: 13,
|
|
211
|
+
fontFamily: 'Sora, sans-serif',
|
|
212
|
+
}, children: "English" })] })] }), onLogout && (_jsx("div", { style: {
|
|
213
|
+
padding: '12px 16px 20px',
|
|
214
|
+
borderTop: '1px solid rgba(255, 255, 255, 0.06)',
|
|
215
|
+
}, children: _jsxs("button", { type: "button", onClick: onLogout, style: {
|
|
216
|
+
width: '100%',
|
|
217
|
+
padding: '12px',
|
|
218
|
+
display: 'flex',
|
|
219
|
+
alignItems: 'center',
|
|
220
|
+
justifyContent: 'center',
|
|
221
|
+
gap: 8,
|
|
222
|
+
background: 'rgba(239, 68, 68, 0.1)',
|
|
223
|
+
border: '1px solid rgba(239, 68, 68, 0.2)',
|
|
224
|
+
borderRadius: 10,
|
|
225
|
+
cursor: 'pointer',
|
|
226
|
+
transition: 'all 0.15s ease',
|
|
227
|
+
}, onMouseEnter: (e) => {
|
|
228
|
+
e.currentTarget.style.background = 'rgba(239, 68, 68, 0.15)';
|
|
229
|
+
e.currentTarget.style.borderColor = 'rgba(239, 68, 68, 0.3)';
|
|
230
|
+
}, onMouseLeave: (e) => {
|
|
231
|
+
e.currentTarget.style.background = 'rgba(239, 68, 68, 0.1)';
|
|
232
|
+
e.currentTarget.style.borderColor = 'rgba(239, 68, 68, 0.2)';
|
|
233
|
+
}, children: [_jsx(LogOut, { size: 16, color: "#EF4444", strokeWidth: 2 }), _jsx("span", { style: {
|
|
234
|
+
color: '#EF4444',
|
|
235
|
+
fontSize: 14,
|
|
236
|
+
fontWeight: 500,
|
|
237
|
+
fontFamily: 'Sora, sans-serif',
|
|
238
|
+
}, children: "Sign out" })] }) }))] })] }));
|
|
239
|
+
}
|
|
240
|
+
//# sourceMappingURL=SettingsModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsModal.js","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface SidePanelProps {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
title?: string;
|
|
5
|
+
subtitle?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
width?: 'sm' | 'md' | 'lg';
|
|
8
|
+
showBackdrop?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function SidePanel({ isOpen, onClose, title, subtitle, children, width, showBackdrop, className, }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=SidePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SidePanel.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAY,EACZ,YAAmB,EACnB,SAAS,GACV,EAAE,cAAc,2CAkGhB"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { X } from 'lucide-react';
|
|
4
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
6
|
+
const widthClasses = {
|
|
7
|
+
sm: 'w-[380px]',
|
|
8
|
+
md: 'w-[480px]',
|
|
9
|
+
lg: 'w-[560px]',
|
|
10
|
+
};
|
|
11
|
+
export function SidePanel({ isOpen, onClose, title, subtitle, children, width = 'md', showBackdrop = true, className, }) {
|
|
12
|
+
const scrollContainerRef = useRef(null);
|
|
13
|
+
const handleEscape = useCallback((e) => {
|
|
14
|
+
if (e.key === 'Escape')
|
|
15
|
+
onClose();
|
|
16
|
+
}, [onClose]);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (isOpen) {
|
|
19
|
+
document.addEventListener('keydown', handleEscape);
|
|
20
|
+
}
|
|
21
|
+
return () => {
|
|
22
|
+
document.removeEventListener('keydown', handleEscape);
|
|
23
|
+
};
|
|
24
|
+
}, [isOpen, handleEscape]);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (isOpen && scrollContainerRef.current) {
|
|
27
|
+
scrollContainerRef.current.scrollTop = 0;
|
|
28
|
+
}
|
|
29
|
+
}, [isOpen]);
|
|
30
|
+
return (_jsxs(_Fragment, { children: [showBackdrop && (_jsx("div", { className: cn('fixed inset-0 z-[200] transition-opacity duration-300', isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'), style: { background: 'rgba(0, 0, 0, 0.60)', backdropFilter: 'blur(4px)' }, onClick: onClose })), _jsxs("div", { className: cn('fixed top-0 right-0 h-full z-[201] flex flex-col transition-transform duration-300 ease-out', widthClasses[width], isOpen ? 'translate-x-0' : 'translate-x-full', className), style: {
|
|
31
|
+
background: 'linear-gradient(180deg, rgba(10, 5, 20, 0.98) 0%, rgba(5, 2, 12, 0.99) 100%)',
|
|
32
|
+
borderLeft: '1px solid rgba(255, 255, 255, 0.08)',
|
|
33
|
+
boxShadow: '-20px 0 60px rgba(0, 0, 0, 0.5)',
|
|
34
|
+
}, children: [_jsxs("div", { className: "flex-shrink-0 flex items-start justify-between p-6 border-b", style: { borderColor: 'rgba(255, 255, 255, 0.08)' }, children: [_jsxs("div", { className: "flex-1 min-w-0 pr-4", children: [title && (_jsx("h2", { className: "text-lg font-semibold truncate", style: { color: '#F3F4F6' }, children: title })), subtitle && (_jsx("p", { className: "text-sm mt-1 truncate", style: { color: '#6B7280' }, children: subtitle }))] }), _jsx("button", { type: "button", onClick: onClose, className: "p-2 -m-2 rounded-lg transition-colors hover:bg-white/5", "aria-label": "Close panel", children: _jsx(X, { size: 20, color: "#6B7280" }) })] }), _jsx("div", { ref: scrollContainerRef, className: "side-panel-content flex-1 overflow-y-auto overscroll-contain", "data-lenis-prevent": true, children: children }), _jsx("style", { children: `
|
|
35
|
+
.side-panel-content {
|
|
36
|
+
scroll-behavior: smooth;
|
|
37
|
+
-ms-overflow-style: none;
|
|
38
|
+
scrollbar-width: none;
|
|
39
|
+
}
|
|
40
|
+
.side-panel-content::-webkit-scrollbar {
|
|
41
|
+
display: none;
|
|
42
|
+
}
|
|
43
|
+
` })] })] }));
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=SidePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.js","sourceRoot":"","sources":["../../../src/components/dashboard/SidePanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { NavItem, SidebarProps } from './types';
|
|
2
|
+
export type { NavItem, SidebarProps };
|
|
3
|
+
export declare function Sidebar({ navItems, activeHref, onNavigate, showSettings, logoSrc, userName, userEmail, onLogout, onThemeChange, onNotificationsChange, initialTheme, initialNotifications, chatHistory, activeChatId, chatHistoryExpanded, onChatClick, onChatHistoryToggle, onChatRename, onChatDelete, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMrD,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AAiBtC,wBAAgB,OAAO,CAAC,EACtB,QAA0B,EAC1B,UAAgB,EAChB,UAAU,EACV,YAAmB,EACnB,OAAwB,EACxB,QAAiB,EACjB,SAA8B,EAC9B,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,YAAqB,EACrB,oBAA2B,EAC3B,WAAW,EACX,YAAY,EACZ,mBAA0B,EAC1B,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACb,EAAE,YAAY,2CA2Ed"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ChatHistorySection } from './ChatHistorySection';
|
|
4
|
+
import { NavMenu } from './NavMenu';
|
|
5
|
+
import { SettingsDropup } from './SettingsDropup';
|
|
6
|
+
import { SidebarLogo } from './SidebarLogo';
|
|
7
|
+
const defaultNavItems = [
|
|
8
|
+
{ icon: 'grid_view', label: 'Overview', href: '/' },
|
|
9
|
+
{ icon: 'chat_bubble', label: 'Ask CROW', href: '/ask-crow' },
|
|
10
|
+
{
|
|
11
|
+
icon: 'timeline',
|
|
12
|
+
label: 'Analysis',
|
|
13
|
+
href: '#',
|
|
14
|
+
submenu: [
|
|
15
|
+
{ icon: '', label: 'Interactions', href: '/analysis/interactions' },
|
|
16
|
+
{ icon: '', label: 'Patterns', href: '/analysis/patterns' },
|
|
17
|
+
],
|
|
18
|
+
},
|
|
19
|
+
{ icon: 'group', label: 'Team', href: '/team' },
|
|
20
|
+
];
|
|
21
|
+
export function Sidebar({ navItems = defaultNavItems, activeHref = '/', onNavigate, showSettings = true, logoSrc = '/favicon.png', userName = 'User', userEmail = 'user@example.com', onLogout, onThemeChange, onNotificationsChange, initialTheme = 'dark', initialNotifications = true, chatHistory, activeChatId, chatHistoryExpanded = true, onChatClick, onChatHistoryToggle, onChatRename, onChatDelete, }) {
|
|
22
|
+
// Show chat history only on Ask CROW page (handle trailing slash)
|
|
23
|
+
const normalizedHref = activeHref?.replace(/\/$/, '') || '';
|
|
24
|
+
const showChatHistory = normalizedHref === '/ask-crow';
|
|
25
|
+
return (_jsxs("aside", { style: {
|
|
26
|
+
width: 280,
|
|
27
|
+
height: '100%',
|
|
28
|
+
position: 'relative',
|
|
29
|
+
background: 'black',
|
|
30
|
+
overflow: 'hidden',
|
|
31
|
+
borderRight: '1px rgba(255, 255, 255, 0.08) solid',
|
|
32
|
+
flexShrink: 0,
|
|
33
|
+
}, className: "hidden md:flex md:flex-col", children: [_jsx("div", { style: {
|
|
34
|
+
width: 279,
|
|
35
|
+
height: '100%',
|
|
36
|
+
left: 0,
|
|
37
|
+
top: 0,
|
|
38
|
+
position: 'absolute',
|
|
39
|
+
background: 'linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%)',
|
|
40
|
+
pointerEvents: 'none',
|
|
41
|
+
} }), _jsx("div", { style: {
|
|
42
|
+
width: 279,
|
|
43
|
+
height: 128,
|
|
44
|
+
left: 0,
|
|
45
|
+
top: 0,
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
opacity: 0.50,
|
|
48
|
+
background: 'linear-gradient(180deg, #100B1A 0%, rgba(16, 11, 26, 0) 100%)',
|
|
49
|
+
pointerEvents: 'none',
|
|
50
|
+
} }), _jsx(SidebarLogo, { logoSrc: logoSrc }), _jsx(NavMenu, { items: navItems, activeHref: activeHref, onNavigate: onNavigate }), _jsx(ChatHistorySection, { items: chatHistory, activeItemId: activeChatId, isExpanded: chatHistoryExpanded, isVisible: showChatHistory, onItemClick: onChatClick, onToggleExpanded: onChatHistoryToggle, onRename: onChatRename, onDelete: onChatDelete }), showSettings && (_jsx(SettingsDropup, { userName: userName, userEmail: userEmail, initialTheme: initialTheme, initialNotifications: initialNotifications, onThemeChange: onThemeChange, onNotificationsChange: onNotificationsChange, onLogout: onLogout }))] }));
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/dashboard/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface SidebarLogoProps {
|
|
2
|
+
logoSrc: string;
|
|
3
|
+
title?: string;
|
|
4
|
+
subtitle?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function SidebarLogo({ logoSrc, title, subtitle, }: SidebarLogoProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=SidebarLogo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarLogo.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SidebarLogo.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAc,EACd,QAAmB,GACpB,EAAE,gBAAgB,2CA8DlB"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
export function SidebarLogo({ logoSrc, title = 'CROW', subtitle = 'CLIENT', }) {
|
|
4
|
+
return (_jsxs("div", { style: {
|
|
5
|
+
width: 117.43,
|
|
6
|
+
height: 60,
|
|
7
|
+
left: 24,
|
|
8
|
+
top: 11.75,
|
|
9
|
+
position: 'absolute',
|
|
10
|
+
}, children: [_jsx("img", { src: logoSrc, alt: `${title} Logo`, style: {
|
|
11
|
+
width: 58,
|
|
12
|
+
height: 60,
|
|
13
|
+
left: 0,
|
|
14
|
+
top: 0,
|
|
15
|
+
position: 'absolute',
|
|
16
|
+
objectFit: 'contain',
|
|
17
|
+
} }), _jsx("div", { style: {
|
|
18
|
+
left: 58,
|
|
19
|
+
top: 14,
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
justifyContent: 'center',
|
|
22
|
+
display: 'flex',
|
|
23
|
+
flexDirection: 'column',
|
|
24
|
+
color: 'white',
|
|
25
|
+
fontSize: 18,
|
|
26
|
+
fontFamily: 'Sora, sans-serif',
|
|
27
|
+
fontWeight: 700,
|
|
28
|
+
lineHeight: '18px',
|
|
29
|
+
letterSpacing: 0.45,
|
|
30
|
+
}, children: title }), _jsx("div", { style: {
|
|
31
|
+
left: 58,
|
|
32
|
+
top: 36,
|
|
33
|
+
position: 'absolute',
|
|
34
|
+
justifyContent: 'center',
|
|
35
|
+
display: 'flex',
|
|
36
|
+
flexDirection: 'column',
|
|
37
|
+
color: '#9CA3AF',
|
|
38
|
+
fontSize: 9,
|
|
39
|
+
fontFamily: 'Sora, sans-serif',
|
|
40
|
+
fontWeight: 500,
|
|
41
|
+
textTransform: 'uppercase',
|
|
42
|
+
lineHeight: '13.5px',
|
|
43
|
+
letterSpacing: 0.90,
|
|
44
|
+
}, children: subtitle })] }));
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=SidebarLogo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarLogo.js","sourceRoot":"","sources":["../../../src/components/dashboard/SidebarLogo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAQb,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,QAAQ,GACF;IACjB,OAAO,CACL,eACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,GAAG,EAAE,KAAK;YACV,QAAQ,EAAE,UAAU;SACrB,aAED,cACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,GAAG,KAAK,OAAO,EACpB,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,IAAI,EAAE,CAAC;oBACP,GAAG,EAAE,CAAC;oBACN,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,SAAS;iBACrB,GACD,EACF,cACE,KAAK,EAAE;oBACL,IAAI,EAAE,EAAE;oBACR,GAAG,EAAE,EAAE;oBACP,QAAQ,EAAE,UAAU;oBACpB,cAAc,EAAE,QAAQ;oBACxB,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,kBAAkB;oBAC9B,UAAU,EAAE,GAAG;oBACf,UAAU,EAAE,MAAM;oBAClB,aAAa,EAAE,IAAI;iBACpB,YAEA,KAAK,GACF,EACN,cACE,KAAK,EAAE;oBACL,IAAI,EAAE,EAAE;oBACR,GAAG,EAAE,EAAE;oBACP,QAAQ,EAAE,UAAU;oBACpB,cAAc,EAAE,QAAQ;oBACxB,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,kBAAkB;oBAC9B,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,WAAW;oBAC1B,UAAU,EAAE,QAAQ;oBACpB,aAAa,EAAE,IAAI;iBACpB,YAEA,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type SourceType = 'web' | 'cctv' | 'social';
|
|
2
|
+
export interface SourceIconProps {
|
|
3
|
+
source: SourceType;
|
|
4
|
+
size?: 'sm' | 'md';
|
|
5
|
+
}
|
|
6
|
+
export declare function SourceIcon({ source, size }: SourceIconProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=SourceIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SourceIcon.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SourceIcon.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAW,EAAE,EAAE,eAAe,2CAclE"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Globe, MessageCircle, Video } from 'lucide-react';
|
|
4
|
+
const sourceConfig = {
|
|
5
|
+
web: { icon: Globe, color: '#60A5FA', bg: 'rgba(96, 165, 250, 0.15)' },
|
|
6
|
+
cctv: { icon: Video, color: '#F87171', bg: 'rgba(248, 113, 113, 0.15)' },
|
|
7
|
+
social: { icon: MessageCircle, color: '#A78BFA', bg: 'rgba(167, 139, 250, 0.15)' },
|
|
8
|
+
};
|
|
9
|
+
export function SourceIcon({ source, size = 'sm' }) {
|
|
10
|
+
const config = sourceConfig[source];
|
|
11
|
+
const IconComponent = config.icon;
|
|
12
|
+
const sizeClasses = size === 'sm' ? 'w-8 h-8' : 'w-10 h-10';
|
|
13
|
+
const iconSize = size === 'sm' ? 16 : 20;
|
|
14
|
+
return (_jsx("div", { className: `${sizeClasses} rounded-lg flex items-center justify-center`, style: { background: config.bg }, children: _jsx(IconComponent, { size: iconSize, color: config.color }) }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=SourceIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SourceIcon.js","sourceRoot":"","sources":["../../../src/components/dashboard/SourceIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAS3D,MAAM,YAAY,GAA0E;IAC1F,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,0BAA0B,EAAE;IACtE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,2BAA2B,EAAE;IACxE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,2BAA2B,EAAE;CACnF,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAmB;IACjE,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC;IAClC,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzC,OAAO,CACL,cACE,SAAS,EAAE,GAAG,WAAW,8CAA8C,EACvE,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,EAAE,YAEhC,KAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,GAClD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
declare const badgeVariants: (props?: ({
|
|
3
|
+
variant?: "warning" | "high" | "low" | "medium" | "positive" | "negative" | "neutral" | "info" | null | undefined;
|
|
4
|
+
size?: "default" | "sm" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
+
export interface StatusBadgeProps extends VariantProps<typeof badgeVariants> {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
uppercase?: boolean;
|
|
10
|
+
tracking?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare function StatusBadge({ children, variant, size, className, uppercase, tracking, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=StatusBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/StatusBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;mFAqBjB,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAmB,EACnB,IAAgB,EAChB,SAAc,EACd,SAAiB,EACjB,QAAgB,GACjB,EAAE,gBAAgB,2CAalB"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
|
+
const badgeVariants = cva('inline-flex items-center rounded font-medium', {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
positive: 'bg-emerald-500/10 text-emerald-400 border border-emerald-500/20',
|
|
9
|
+
negative: 'bg-rose-500/10 text-rose-400 border border-rose-500/20',
|
|
10
|
+
warning: 'bg-yellow-500/10 text-yellow-400 border border-yellow-500/20',
|
|
11
|
+
neutral: 'bg-gray-500/10 text-gray-400 border border-gray-500/20',
|
|
12
|
+
info: 'bg-violet-500/10 text-violet-300 border border-violet-500/20',
|
|
13
|
+
high: 'bg-violet-500/20 text-violet-300 border border-violet-500/20',
|
|
14
|
+
medium: 'bg-violet-500/10 text-violet-400 border border-violet-500/10',
|
|
15
|
+
low: 'bg-gray-500/10 text-gray-400 border border-gray-500/10',
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
default: 'px-2 py-0.5 text-[10px]',
|
|
19
|
+
sm: 'px-1.5 py-0.5 text-[9px]',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: 'neutral',
|
|
24
|
+
size: 'default',
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
export function StatusBadge({ children, variant = 'neutral', size = 'default', className = '', uppercase = false, tracking = false, }) {
|
|
28
|
+
return (_jsx("span", { className: cn(badgeVariants({ variant, size }), uppercase && 'uppercase', tracking && 'tracking-wider', className), children: children }));
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=StatusBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/dashboard/StatusBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,aAAa,GAAG,GAAG,CAAC,8CAA8C,EAAE;IACxE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,QAAQ,EAAE,iEAAiE;YAC3E,QAAQ,EAAE,wDAAwD;YAClE,OAAO,EAAE,8DAA8D;YACvE,OAAO,EAAE,wDAAwD;YACjE,IAAI,EAAE,8DAA8D;YACpE,IAAI,EAAE,8DAA8D;YACpE,MAAM,EAAE,8DAA8D;YACtE,GAAG,EAAE,wDAAwD;SAC9D;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,yBAAyB;YAClC,EAAE,EAAE,0BAA0B;SAC/B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AASH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,GACC;IACjB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAChC,SAAS,IAAI,WAAW,EACxB,QAAQ,IAAI,gBAAgB,EAC5B,SAAS,CACV,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface StatusIndicatorProps {
|
|
2
|
+
status?: 'active' | 'inactive' | 'processing';
|
|
3
|
+
label?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function StatusIndicator({ status, label, className, }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=StatusIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/StatusIndicator.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,eAAe,CAAC,EAC9B,MAAiB,EACjB,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CA4BtB"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../../lib/utils';
|
|
4
|
+
const statusConfig = {
|
|
5
|
+
active: {
|
|
6
|
+
dotColor: 'bg-violet-400',
|
|
7
|
+
textColor: 'text-violet-300',
|
|
8
|
+
label: 'System Active',
|
|
9
|
+
},
|
|
10
|
+
inactive: {
|
|
11
|
+
dotColor: 'bg-gray-500',
|
|
12
|
+
textColor: 'text-gray-400',
|
|
13
|
+
label: 'System Offline',
|
|
14
|
+
},
|
|
15
|
+
processing: {
|
|
16
|
+
dotColor: 'bg-amber-400',
|
|
17
|
+
textColor: 'text-amber-300',
|
|
18
|
+
label: 'Processing',
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export function StatusIndicator({ status = 'active', label, className, }) {
|
|
22
|
+
const config = statusConfig[status];
|
|
23
|
+
const displayLabel = label ?? config.label;
|
|
24
|
+
return (_jsxs("div", { className: cn('inline-flex items-center gap-2 px-4 py-1.5 rounded-full', 'backdrop-blur-sm', className), style: {
|
|
25
|
+
background: 'rgba(139, 92, 246, 0.10)',
|
|
26
|
+
border: '1px solid rgba(139, 92, 246, 0.20)',
|
|
27
|
+
}, children: [_jsx("div", { className: cn('w-1.5 h-1.5 rounded-full', config.dotColor) }), _jsx("span", { className: cn('text-[10px] font-bold uppercase', config.textColor), style: { letterSpacing: '1px', lineHeight: '15px' }, children: displayLabel })] }));
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=StatusIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/components/dashboard/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAQrC,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,eAAe;QACzB,SAAS,EAAE,iBAAiB;QAC5B,KAAK,EAAE,eAAe;KACvB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,eAAe;QAC1B,KAAK,EAAE,gBAAgB;KACxB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,cAAc;QACxB,SAAS,EAAE,gBAAgB;QAC3B,KAAK,EAAE,YAAY;KACpB;CACO,CAAC;AAEX,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,GAAG,QAAQ,EACjB,KAAK,EACL,SAAS,GACY;IACrB,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,kBAAkB,EAClB,SAAS,CACV,EACD,KAAK,EAAE;YACL,UAAU,EAAE,0BAA0B;YACtC,MAAM,EAAE,oCAAoC;SAC7C,aAED,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAI,EACnE,eACE,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,MAAM,CAAC,SAAS,CACjB,EACD,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,YAElD,YAAY,GACR,IACH,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface TagProps {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
variant?: 'default' | 'active';
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Tag({ children, variant, className }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Tag.d.ts.map
|