@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.
Files changed (291) hide show
  1. package/dist/components/backgrounds/AnimatedBackground.d.ts.map +1 -0
  2. package/dist/components/backgrounds/AnimatedBackground.js.map +1 -0
  3. package/dist/components/backgrounds/Globe.d.ts.map +1 -0
  4. package/dist/components/backgrounds/Globe.js.map +1 -0
  5. package/dist/components/backgrounds/GradientBackground.d.ts.map +1 -0
  6. package/dist/components/backgrounds/GradientBackground.js.map +1 -0
  7. package/dist/components/{Button.d.ts → buttons/Button.d.ts} +5 -2
  8. package/dist/components/buttons/Button.d.ts.map +1 -0
  9. package/dist/components/buttons/Button.js +41 -0
  10. package/dist/components/buttons/Button.js.map +1 -0
  11. package/dist/components/buttons/CompanyPageButton.d.ts +10 -0
  12. package/dist/components/buttons/CompanyPageButton.d.ts.map +1 -0
  13. package/dist/components/buttons/CompanyPageButton.js +8 -0
  14. package/dist/components/buttons/CompanyPageButton.js.map +1 -0
  15. package/dist/components/cards/Card.d.ts.map +1 -0
  16. package/dist/components/{Card.js → cards/Card.js} +1 -1
  17. package/dist/components/cards/Card.js.map +1 -0
  18. package/dist/components/cards/CheckoutSummary.d.ts +38 -0
  19. package/dist/components/cards/CheckoutSummary.d.ts.map +1 -0
  20. package/dist/components/cards/CheckoutSummary.js +54 -0
  21. package/dist/components/cards/CheckoutSummary.js.map +1 -0
  22. package/dist/components/cards/ConnectionOption.d.ts +13 -0
  23. package/dist/components/cards/ConnectionOption.d.ts.map +1 -0
  24. package/dist/components/cards/ConnectionOption.js +22 -0
  25. package/dist/components/cards/ConnectionOption.js.map +1 -0
  26. package/dist/components/cards/InvitationDetailsCard.d.ts +8 -0
  27. package/dist/components/cards/InvitationDetailsCard.d.ts.map +1 -0
  28. package/dist/components/cards/InvitationDetailsCard.js +5 -0
  29. package/dist/components/cards/InvitationDetailsCard.js.map +1 -0
  30. package/dist/components/cards/OrderSummaryCard.d.ts +29 -0
  31. package/dist/components/cards/OrderSummaryCard.d.ts.map +1 -0
  32. package/dist/components/cards/OrderSummaryCard.js +8 -0
  33. package/dist/components/cards/OrderSummaryCard.js.map +1 -0
  34. package/dist/components/cards/PendingInviteCard.d.ts +26 -0
  35. package/dist/components/cards/PendingInviteCard.d.ts.map +1 -0
  36. package/dist/components/cards/PendingInviteCard.js +63 -0
  37. package/dist/components/cards/PendingInviteCard.js.map +1 -0
  38. package/dist/components/cards/PlanCard.d.ts +50 -0
  39. package/dist/components/cards/PlanCard.d.ts.map +1 -0
  40. package/dist/components/cards/PlanCard.js +40 -0
  41. package/dist/components/cards/PlanCard.js.map +1 -0
  42. package/dist/components/cards/RunAgentCard.d.ts +9 -0
  43. package/dist/components/cards/RunAgentCard.d.ts.map +1 -0
  44. package/dist/components/cards/RunAgentCard.js +15 -0
  45. package/dist/components/cards/RunAgentCard.js.map +1 -0
  46. package/dist/components/cards/SyncStatusCard.d.ts +8 -0
  47. package/dist/components/cards/SyncStatusCard.d.ts.map +1 -0
  48. package/dist/components/cards/SyncStatusCard.js +29 -0
  49. package/dist/components/cards/SyncStatusCard.js.map +1 -0
  50. package/dist/components/dashboard/ChatHistorySection.d.ts +4 -0
  51. package/dist/components/dashboard/ChatHistorySection.d.ts.map +1 -0
  52. package/dist/components/dashboard/ChatHistorySection.js +138 -0
  53. package/dist/components/dashboard/ChatHistorySection.js.map +1 -0
  54. package/dist/components/dashboard/DashboardBackground.d.ts +4 -0
  55. package/dist/components/dashboard/DashboardBackground.d.ts.map +1 -0
  56. package/dist/components/dashboard/DashboardBackground.js +85 -0
  57. package/dist/components/dashboard/DashboardBackground.js.map +1 -0
  58. package/dist/components/dashboard/FilterDropdown.d.ts +14 -0
  59. package/dist/components/dashboard/FilterDropdown.d.ts.map +1 -0
  60. package/dist/components/dashboard/FilterDropdown.js +68 -0
  61. package/dist/components/dashboard/FilterDropdown.js.map +1 -0
  62. package/dist/components/dashboard/GlassPanel.d.ts +4 -0
  63. package/dist/components/dashboard/GlassPanel.d.ts.map +1 -0
  64. package/dist/components/dashboard/GlassPanel.js +11 -0
  65. package/dist/components/dashboard/GlassPanel.js.map +1 -0
  66. package/dist/components/dashboard/Header.d.ts +4 -0
  67. package/dist/components/dashboard/Header.d.ts.map +1 -0
  68. package/dist/components/dashboard/Header.js +87 -0
  69. package/dist/components/dashboard/Header.js.map +1 -0
  70. package/dist/components/dashboard/IconBadge.d.ts +12 -0
  71. package/dist/components/dashboard/IconBadge.d.ts.map +1 -0
  72. package/dist/components/dashboard/IconBadge.js +22 -0
  73. package/dist/components/dashboard/IconBadge.js.map +1 -0
  74. package/dist/components/dashboard/ListItem.d.ts +10 -0
  75. package/dist/components/dashboard/ListItem.d.ts.map +1 -0
  76. package/dist/components/dashboard/ListItem.js +13 -0
  77. package/dist/components/dashboard/ListItem.js.map +1 -0
  78. package/dist/components/dashboard/MetricsCard.d.ts +10 -0
  79. package/dist/components/dashboard/MetricsCard.d.ts.map +1 -0
  80. package/dist/components/dashboard/MetricsCard.js +39 -0
  81. package/dist/components/dashboard/MetricsCard.js.map +1 -0
  82. package/dist/components/dashboard/MobileSidebar.d.ts +4 -0
  83. package/dist/components/dashboard/MobileSidebar.d.ts.map +1 -0
  84. package/dist/components/dashboard/MobileSidebar.js +68 -0
  85. package/dist/components/dashboard/MobileSidebar.js.map +1 -0
  86. package/dist/components/dashboard/NavMenu.d.ts +8 -0
  87. package/dist/components/dashboard/NavMenu.d.ts.map +1 -0
  88. package/dist/components/dashboard/NavMenu.js +145 -0
  89. package/dist/components/dashboard/NavMenu.js.map +1 -0
  90. package/dist/components/dashboard/PatternCard.d.ts +16 -0
  91. package/dist/components/dashboard/PatternCard.d.ts.map +1 -0
  92. package/dist/components/dashboard/PatternCard.js +75 -0
  93. package/dist/components/dashboard/PatternCard.js.map +1 -0
  94. package/dist/components/dashboard/SearchInput.d.ts +15 -0
  95. package/dist/components/dashboard/SearchInput.d.ts.map +1 -0
  96. package/dist/components/dashboard/SearchInput.js +41 -0
  97. package/dist/components/dashboard/SearchInput.js.map +1 -0
  98. package/dist/components/dashboard/SectionHeader.d.ts +13 -0
  99. package/dist/components/dashboard/SectionHeader.d.ts.map +1 -0
  100. package/dist/components/dashboard/SectionHeader.js +22 -0
  101. package/dist/components/dashboard/SectionHeader.js.map +1 -0
  102. package/dist/components/dashboard/SettingsDropup.d.ts +11 -0
  103. package/dist/components/dashboard/SettingsDropup.d.ts.map +1 -0
  104. package/dist/components/dashboard/SettingsDropup.js +169 -0
  105. package/dist/components/dashboard/SettingsDropup.js.map +1 -0
  106. package/dist/components/dashboard/SettingsModal.d.ts +4 -0
  107. package/dist/components/dashboard/SettingsModal.d.ts.map +1 -0
  108. package/dist/components/dashboard/SettingsModal.js +240 -0
  109. package/dist/components/dashboard/SettingsModal.js.map +1 -0
  110. package/dist/components/dashboard/SidePanel.d.ts +12 -0
  111. package/dist/components/dashboard/SidePanel.d.ts.map +1 -0
  112. package/dist/components/dashboard/SidePanel.js +45 -0
  113. package/dist/components/dashboard/SidePanel.js.map +1 -0
  114. package/dist/components/dashboard/Sidebar.d.ts +4 -0
  115. package/dist/components/dashboard/Sidebar.d.ts.map +1 -0
  116. package/dist/components/dashboard/Sidebar.js +52 -0
  117. package/dist/components/dashboard/Sidebar.js.map +1 -0
  118. package/dist/components/dashboard/SidebarLogo.d.ts +7 -0
  119. package/dist/components/dashboard/SidebarLogo.d.ts.map +1 -0
  120. package/dist/components/dashboard/SidebarLogo.js +46 -0
  121. package/dist/components/dashboard/SidebarLogo.js.map +1 -0
  122. package/dist/components/dashboard/SourceIcon.d.ts +7 -0
  123. package/dist/components/dashboard/SourceIcon.d.ts.map +1 -0
  124. package/dist/components/dashboard/SourceIcon.js +16 -0
  125. package/dist/components/dashboard/SourceIcon.js.map +1 -0
  126. package/dist/components/dashboard/StatusBadge.d.ts +14 -0
  127. package/dist/components/dashboard/StatusBadge.d.ts.map +1 -0
  128. package/dist/components/dashboard/StatusBadge.js +30 -0
  129. package/dist/components/dashboard/StatusBadge.js.map +1 -0
  130. package/dist/components/dashboard/StatusIndicator.d.ts +7 -0
  131. package/dist/components/dashboard/StatusIndicator.d.ts.map +1 -0
  132. package/dist/components/dashboard/StatusIndicator.js +29 -0
  133. package/dist/components/dashboard/StatusIndicator.js.map +1 -0
  134. package/dist/components/dashboard/Tag.d.ts +7 -0
  135. package/dist/components/dashboard/Tag.d.ts.map +1 -0
  136. package/dist/components/dashboard/Tag.js +9 -0
  137. package/dist/components/dashboard/Tag.js.map +1 -0
  138. package/dist/components/dashboard/TipCard.d.ts +5 -0
  139. package/dist/components/dashboard/TipCard.d.ts.map +1 -0
  140. package/dist/components/dashboard/TipCard.js +10 -0
  141. package/dist/components/dashboard/TipCard.js.map +1 -0
  142. package/dist/components/dashboard/ToggleSwitch.d.ts +8 -0
  143. package/dist/components/dashboard/ToggleSwitch.d.ts.map +1 -0
  144. package/dist/components/dashboard/ToggleSwitch.js +31 -0
  145. package/dist/components/dashboard/ToggleSwitch.js.map +1 -0
  146. package/dist/components/dashboard/index.d.ts +26 -0
  147. package/dist/components/dashboard/index.d.ts.map +1 -0
  148. package/dist/components/dashboard/index.js +26 -0
  149. package/dist/components/dashboard/index.js.map +1 -0
  150. package/dist/components/dashboard/types.d.ts +108 -0
  151. package/dist/components/dashboard/types.d.ts.map +1 -0
  152. package/dist/components/dashboard/types.js +2 -0
  153. package/dist/components/dashboard/types.js.map +1 -0
  154. package/dist/components/display/CodeBlock.d.ts +10 -0
  155. package/dist/components/display/CodeBlock.d.ts.map +1 -0
  156. package/dist/components/display/CodeBlock.js +20 -0
  157. package/dist/components/display/CodeBlock.js.map +1 -0
  158. package/dist/components/display/ConnectionStatus.d.ts +8 -0
  159. package/dist/components/display/ConnectionStatus.d.ts.map +1 -0
  160. package/dist/components/display/ConnectionStatus.js +5 -0
  161. package/dist/components/display/ConnectionStatus.js.map +1 -0
  162. package/dist/components/display/Logo.d.ts +16 -0
  163. package/dist/components/display/Logo.d.ts.map +1 -0
  164. package/dist/components/display/Logo.js +43 -0
  165. package/dist/components/display/Logo.js.map +1 -0
  166. package/dist/components/display/PackageManagerSelector.d.ts +8 -0
  167. package/dist/components/display/PackageManagerSelector.d.ts.map +1 -0
  168. package/dist/components/display/PackageManagerSelector.js +20 -0
  169. package/dist/components/display/PackageManagerSelector.js.map +1 -0
  170. package/dist/components/index.d.ts +40 -11
  171. package/dist/components/index.d.ts.map +1 -1
  172. package/dist/components/index.js +40 -11
  173. package/dist/components/index.js.map +1 -1
  174. package/dist/components/inputs/ApiKeyInput.d.ts +8 -0
  175. package/dist/components/inputs/ApiKeyInput.d.ts.map +1 -0
  176. package/dist/components/inputs/ApiKeyInput.js +22 -0
  177. package/dist/components/inputs/ApiKeyInput.js.map +1 -0
  178. package/dist/components/inputs/Checkbox.d.ts +11 -0
  179. package/dist/components/inputs/Checkbox.d.ts.map +1 -0
  180. package/dist/components/inputs/Checkbox.js +19 -0
  181. package/dist/components/inputs/Checkbox.js.map +1 -0
  182. package/dist/components/inputs/EmailTagInput.d.ts +9 -0
  183. package/dist/components/inputs/EmailTagInput.d.ts.map +1 -0
  184. package/dist/components/inputs/EmailTagInput.js +61 -0
  185. package/dist/components/inputs/EmailTagInput.js.map +1 -0
  186. package/dist/components/inputs/Input.d.ts +16 -0
  187. package/dist/components/inputs/Input.d.ts.map +1 -0
  188. package/dist/components/inputs/Input.js +42 -0
  189. package/dist/components/inputs/Input.js.map +1 -0
  190. package/dist/components/inputs/InputField.d.ts.map +1 -0
  191. package/dist/components/{InputField.js → inputs/InputField.js} +1 -1
  192. package/dist/components/inputs/InputField.js.map +1 -0
  193. package/dist/components/inputs/NumberStepper.d.ts +15 -0
  194. package/dist/components/inputs/NumberStepper.d.ts.map +1 -0
  195. package/dist/components/inputs/NumberStepper.js +49 -0
  196. package/dist/components/inputs/NumberStepper.js.map +1 -0
  197. package/dist/components/inputs/PermissionToggle.d.ts +15 -0
  198. package/dist/components/inputs/PermissionToggle.d.ts.map +1 -0
  199. package/dist/components/inputs/PermissionToggle.js +18 -0
  200. package/dist/components/inputs/PermissionToggle.js.map +1 -0
  201. package/dist/components/inputs/Select.d.ts +24 -0
  202. package/dist/components/inputs/Select.d.ts.map +1 -0
  203. package/dist/components/inputs/Select.js +156 -0
  204. package/dist/components/inputs/Select.js.map +1 -0
  205. package/dist/components/inputs/TagInput.d.ts +10 -0
  206. package/dist/components/inputs/TagInput.d.ts.map +1 -0
  207. package/dist/components/inputs/TagInput.js +20 -0
  208. package/dist/components/inputs/TagInput.js.map +1 -0
  209. package/dist/components/inputs/ToggleOption.d.ts +20 -0
  210. package/dist/components/inputs/ToggleOption.d.ts.map +1 -0
  211. package/dist/components/inputs/ToggleOption.js +70 -0
  212. package/dist/components/inputs/ToggleOption.js.map +1 -0
  213. package/dist/components/layout/Divider.d.ts +11 -0
  214. package/dist/components/layout/Divider.d.ts.map +1 -0
  215. package/dist/components/layout/Divider.js +15 -0
  216. package/dist/components/layout/Divider.js.map +1 -0
  217. package/dist/components/layout/Footer.d.ts +37 -0
  218. package/dist/components/layout/Footer.d.ts.map +1 -0
  219. package/dist/components/layout/Footer.js +49 -0
  220. package/dist/components/layout/Footer.js.map +1 -0
  221. package/dist/components/layout/FormSection.d.ts +9 -0
  222. package/dist/components/layout/FormSection.d.ts.map +1 -0
  223. package/dist/components/layout/FormSection.js +7 -0
  224. package/dist/components/layout/FormSection.js.map +1 -0
  225. package/dist/components/layout/LinkGroup.d.ts +15 -0
  226. package/dist/components/layout/LinkGroup.d.ts.map +1 -0
  227. package/dist/components/layout/LinkGroup.js +28 -0
  228. package/dist/components/layout/LinkGroup.js.map +1 -0
  229. package/dist/components/layout/Navbar.d.ts +32 -0
  230. package/dist/components/layout/Navbar.d.ts.map +1 -0
  231. package/dist/components/layout/Navbar.js +35 -0
  232. package/dist/components/layout/Navbar.js.map +1 -0
  233. package/dist/components/layout/PageHeader.d.ts +17 -0
  234. package/dist/components/layout/PageHeader.d.ts.map +1 -0
  235. package/dist/components/layout/PageHeader.js +86 -0
  236. package/dist/components/layout/PageHeader.js.map +1 -0
  237. package/dist/components/layout/SegmentedControl.d.ts +16 -0
  238. package/dist/components/layout/SegmentedControl.d.ts.map +1 -0
  239. package/dist/components/layout/SegmentedControl.js +24 -0
  240. package/dist/components/layout/SegmentedControl.js.map +1 -0
  241. package/dist/components/typography/HeroText.d.ts.map +1 -0
  242. package/dist/components/typography/HeroText.js.map +1 -0
  243. package/dist/components/typography/SectionLabel.d.ts.map +1 -0
  244. package/dist/components/typography/SectionLabel.js.map +1 -0
  245. package/dist/components/typography/Subtitle.d.ts.map +1 -0
  246. package/dist/components/typography/Subtitle.js.map +1 -0
  247. package/dist/components/typography/TypewriterText.d.ts.map +1 -0
  248. package/dist/components/typography/TypewriterText.js.map +1 -0
  249. package/dist/styles.css +1 -1
  250. package/package.json +9 -2
  251. package/dist/components/AnimatedBackground.d.ts.map +0 -1
  252. package/dist/components/AnimatedBackground.js.map +0 -1
  253. package/dist/components/Button.d.ts.map +0 -1
  254. package/dist/components/Button.js +0 -26
  255. package/dist/components/Button.js.map +0 -1
  256. package/dist/components/Card.d.ts.map +0 -1
  257. package/dist/components/Card.js.map +0 -1
  258. package/dist/components/Globe.d.ts.map +0 -1
  259. package/dist/components/Globe.js.map +0 -1
  260. package/dist/components/GradientBackground.d.ts.map +0 -1
  261. package/dist/components/GradientBackground.js.map +0 -1
  262. package/dist/components/HeroText.d.ts.map +0 -1
  263. package/dist/components/HeroText.js.map +0 -1
  264. package/dist/components/InputField.d.ts.map +0 -1
  265. package/dist/components/InputField.js.map +0 -1
  266. package/dist/components/Logo.d.ts +0 -6
  267. package/dist/components/Logo.d.ts.map +0 -1
  268. package/dist/components/Logo.js +0 -7
  269. package/dist/components/Logo.js.map +0 -1
  270. package/dist/components/SectionLabel.d.ts.map +0 -1
  271. package/dist/components/SectionLabel.js.map +0 -1
  272. package/dist/components/Subtitle.d.ts.map +0 -1
  273. package/dist/components/Subtitle.js.map +0 -1
  274. package/dist/components/TypewriterText.d.ts.map +0 -1
  275. package/dist/components/TypewriterText.js.map +0 -1
  276. /package/dist/components/{AnimatedBackground.d.ts → backgrounds/AnimatedBackground.d.ts} +0 -0
  277. /package/dist/components/{AnimatedBackground.js → backgrounds/AnimatedBackground.js} +0 -0
  278. /package/dist/components/{Globe.d.ts → backgrounds/Globe.d.ts} +0 -0
  279. /package/dist/components/{Globe.js → backgrounds/Globe.js} +0 -0
  280. /package/dist/components/{GradientBackground.d.ts → backgrounds/GradientBackground.d.ts} +0 -0
  281. /package/dist/components/{GradientBackground.js → backgrounds/GradientBackground.js} +0 -0
  282. /package/dist/components/{Card.d.ts → cards/Card.d.ts} +0 -0
  283. /package/dist/components/{InputField.d.ts → inputs/InputField.d.ts} +0 -0
  284. /package/dist/components/{HeroText.d.ts → typography/HeroText.d.ts} +0 -0
  285. /package/dist/components/{HeroText.js → typography/HeroText.js} +0 -0
  286. /package/dist/components/{SectionLabel.d.ts → typography/SectionLabel.d.ts} +0 -0
  287. /package/dist/components/{SectionLabel.js → typography/SectionLabel.js} +0 -0
  288. /package/dist/components/{Subtitle.d.ts → typography/Subtitle.d.ts} +0 -0
  289. /package/dist/components/{Subtitle.js → typography/Subtitle.js} +0 -0
  290. /package/dist/components/{TypewriterText.d.ts → typography/TypewriterText.d.ts} +0 -0
  291. /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