@syncular/ui 0.0.0

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 (554) hide show
  1. package/README.md +11 -0
  2. package/dist/charts/activity-chart.d.ts +11 -0
  3. package/dist/charts/activity-chart.d.ts.map +1 -0
  4. package/dist/charts/activity-chart.js +28 -0
  5. package/dist/charts/activity-chart.js.map +1 -0
  6. package/dist/charts/chart.d.ts +50 -0
  7. package/dist/charts/chart.d.ts.map +1 -0
  8. package/dist/charts/chart.js +108 -0
  9. package/dist/charts/chart.js.map +1 -0
  10. package/dist/charts/index.d.ts +5 -0
  11. package/dist/charts/index.d.ts.map +1 -0
  12. package/dist/charts/index.js +5 -0
  13. package/dist/charts/index.js.map +1 -0
  14. package/dist/charts/latency-chart.d.ts +15 -0
  15. package/dist/charts/latency-chart.d.ts.map +1 -0
  16. package/dist/charts/latency-chart.js +25 -0
  17. package/dist/charts/latency-chart.js.map +1 -0
  18. package/dist/charts/outcomes-chart.d.ts +11 -0
  19. package/dist/charts/outcomes-chart.d.ts.map +1 -0
  20. package/dist/charts/outcomes-chart.js +37 -0
  21. package/dist/charts/outcomes-chart.js.map +1 -0
  22. package/dist/console/activity-bars.d.ts +24 -0
  23. package/dist/console/activity-bars.d.ts.map +1 -0
  24. package/dist/console/activity-bars.js +25 -0
  25. package/dist/console/activity-bars.js.map +1 -0
  26. package/dist/console/alerts-config.d.ts +20 -0
  27. package/dist/console/alerts-config.d.ts.map +1 -0
  28. package/dist/console/alerts-config.js +31 -0
  29. package/dist/console/alerts-config.js.map +1 -0
  30. package/dist/console/api-keys-table.d.ts +16 -0
  31. package/dist/console/api-keys-table.d.ts.map +1 -0
  32. package/dist/console/api-keys-table.js +21 -0
  33. package/dist/console/api-keys-table.js.map +1 -0
  34. package/dist/console/bottom-bar.d.ts +17 -0
  35. package/dist/console/bottom-bar.d.ts.map +1 -0
  36. package/dist/console/bottom-bar.js +14 -0
  37. package/dist/console/bottom-bar.js.map +1 -0
  38. package/dist/console/commit-table.d.ts +12 -0
  39. package/dist/console/commit-table.d.ts.map +1 -0
  40. package/dist/console/commit-table.js +14 -0
  41. package/dist/console/commit-table.js.map +1 -0
  42. package/dist/console/connection-form.d.ts +29 -0
  43. package/dist/console/connection-form.d.ts.map +1 -0
  44. package/dist/console/connection-form.js +24 -0
  45. package/dist/console/connection-form.js.map +1 -0
  46. package/dist/console/connection-status-badge.d.ts +7 -0
  47. package/dist/console/connection-status-badge.d.ts.map +1 -0
  48. package/dist/console/connection-status-badge.js +19 -0
  49. package/dist/console/connection-status-badge.js.map +1 -0
  50. package/dist/console/danger-action-card.d.ts +10 -0
  51. package/dist/console/danger-action-card.d.ts.map +1 -0
  52. package/dist/console/danger-action-card.js +10 -0
  53. package/dist/console/danger-action-card.js.map +1 -0
  54. package/dist/console/empty-state.d.ts +9 -0
  55. package/dist/console/empty-state.d.ts.map +1 -0
  56. package/dist/console/empty-state.js +7 -0
  57. package/dist/console/empty-state.js.map +1 -0
  58. package/dist/console/filter-bar.d.ts +18 -0
  59. package/dist/console/filter-bar.d.ts.map +1 -0
  60. package/dist/console/filter-bar.js +14 -0
  61. package/dist/console/filter-bar.js.map +1 -0
  62. package/dist/console/fleet-card.d.ts +14 -0
  63. package/dist/console/fleet-card.d.ts.map +1 -0
  64. package/dist/console/fleet-card.js +58 -0
  65. package/dist/console/fleet-card.js.map +1 -0
  66. package/dist/console/handlers-table.d.ts +12 -0
  67. package/dist/console/handlers-table.d.ts.map +1 -0
  68. package/dist/console/handlers-table.js +21 -0
  69. package/dist/console/handlers-table.js.map +1 -0
  70. package/dist/console/index.d.ts +28 -0
  71. package/dist/console/index.d.ts.map +1 -0
  72. package/dist/console/index.js +28 -0
  73. package/dist/console/index.js.map +1 -0
  74. package/dist/console/kpi-card.d.ts +10 -0
  75. package/dist/console/kpi-card.d.ts.map +1 -0
  76. package/dist/console/kpi-card.js +17 -0
  77. package/dist/console/kpi-card.js.map +1 -0
  78. package/dist/console/kpi-strip.d.ts +10 -0
  79. package/dist/console/kpi-strip.d.ts.map +1 -0
  80. package/dist/console/kpi-strip.js +22 -0
  81. package/dist/console/kpi-strip.js.map +1 -0
  82. package/dist/console/latency-percentiles.d.ts +24 -0
  83. package/dist/console/latency-percentiles.d.ts.map +1 -0
  84. package/dist/console/latency-percentiles.js +23 -0
  85. package/dist/console/latency-percentiles.js.map +1 -0
  86. package/dist/console/live-activity-feed.d.ts +24 -0
  87. package/dist/console/live-activity-feed.d.ts.map +1 -0
  88. package/dist/console/live-activity-feed.js +29 -0
  89. package/dist/console/live-activity-feed.js.map +1 -0
  90. package/dist/console/maintenance-card.d.ts +28 -0
  91. package/dist/console/maintenance-card.d.ts.map +1 -0
  92. package/dist/console/maintenance-card.js +25 -0
  93. package/dist/console/maintenance-card.js.map +1 -0
  94. package/dist/console/page-header.d.ts +9 -0
  95. package/dist/console/page-header.d.ts.map +1 -0
  96. package/dist/console/page-header.js +9 -0
  97. package/dist/console/page-header.js.map +1 -0
  98. package/dist/console/panel-shell.d.ts +11 -0
  99. package/dist/console/panel-shell.d.ts.map +1 -0
  100. package/dist/console/panel-shell.js +10 -0
  101. package/dist/console/panel-shell.js.map +1 -0
  102. package/dist/console/preferences-panel.d.ts +30 -0
  103. package/dist/console/preferences-panel.d.ts.map +1 -0
  104. package/dist/console/preferences-panel.js +24 -0
  105. package/dist/console/preferences-panel.js.map +1 -0
  106. package/dist/console/section-card.d.ts +11 -0
  107. package/dist/console/section-card.d.ts.map +1 -0
  108. package/dist/console/section-card.js +9 -0
  109. package/dist/console/section-card.js.map +1 -0
  110. package/dist/console/stream-log.d.ts +26 -0
  111. package/dist/console/stream-log.d.ts.map +1 -0
  112. package/dist/console/stream-log.js +34 -0
  113. package/dist/console/stream-log.js.map +1 -0
  114. package/dist/console/sync-horizon.d.ts +18 -0
  115. package/dist/console/sync-horizon.d.ts.map +1 -0
  116. package/dist/console/sync-horizon.js +61 -0
  117. package/dist/console/sync-horizon.js.map +1 -0
  118. package/dist/console/sync-lag-bar.d.ts +23 -0
  119. package/dist/console/sync-lag-bar.d.ts.map +1 -0
  120. package/dist/console/sync-lag-bar.js +111 -0
  121. package/dist/console/sync-lag-bar.js.map +1 -0
  122. package/dist/console/sync-state-badge.d.ts +6 -0
  123. package/dist/console/sync-state-badge.d.ts.map +1 -0
  124. package/dist/console/sync-state-badge.js +21 -0
  125. package/dist/console/sync-state-badge.js.map +1 -0
  126. package/dist/console/topology-card.d.ts +9 -0
  127. package/dist/console/topology-card.d.ts.map +1 -0
  128. package/dist/console/topology-card.js +9 -0
  129. package/dist/console/topology-card.js.map +1 -0
  130. package/dist/console/topology-hero.d.ts +65 -0
  131. package/dist/console/topology-hero.d.ts.map +1 -0
  132. package/dist/console/topology-hero.js +90 -0
  133. package/dist/console/topology-hero.js.map +1 -0
  134. package/dist/demo/actor-panel.d.ts +11 -0
  135. package/dist/demo/actor-panel.d.ts.map +1 -0
  136. package/dist/demo/actor-panel.js +19 -0
  137. package/dist/demo/actor-panel.js.map +1 -0
  138. package/dist/demo/catalog-table.d.ts +17 -0
  139. package/dist/demo/catalog-table.d.ts.map +1 -0
  140. package/dist/demo/catalog-table.js +13 -0
  141. package/dist/demo/catalog-table.js.map +1 -0
  142. package/dist/demo/channel-selector.d.ts +12 -0
  143. package/dist/demo/channel-selector.d.ts.map +1 -0
  144. package/dist/demo/channel-selector.js +13 -0
  145. package/dist/demo/channel-selector.js.map +1 -0
  146. package/dist/demo/client-panel.d.ts +12 -0
  147. package/dist/demo/client-panel.d.ts.map +1 -0
  148. package/dist/demo/client-panel.js +18 -0
  149. package/dist/demo/client-panel.js.map +1 -0
  150. package/dist/demo/conflict-panel.d.ts +8 -0
  151. package/dist/demo/conflict-panel.d.ts.map +1 -0
  152. package/dist/demo/conflict-panel.js +9 -0
  153. package/dist/demo/conflict-panel.js.map +1 -0
  154. package/dist/demo/demo-header.d.ts +9 -0
  155. package/dist/demo/demo-header.d.ts.map +1 -0
  156. package/dist/demo/demo-header.js +12 -0
  157. package/dist/demo/demo-header.js.map +1 -0
  158. package/dist/demo/demo-section.d.ts +8 -0
  159. package/dist/demo/demo-section.d.ts.map +1 -0
  160. package/dist/demo/demo-section.js +10 -0
  161. package/dist/demo/demo-section.js.map +1 -0
  162. package/dist/demo/encrypted-badge.d.ts +7 -0
  163. package/dist/demo/encrypted-badge.d.ts.map +1 -0
  164. package/dist/demo/encrypted-badge.js +12 -0
  165. package/dist/demo/encrypted-badge.js.map +1 -0
  166. package/dist/demo/encryption-flow-diagram.d.ts +5 -0
  167. package/dist/demo/encryption-flow-diagram.d.ts.map +1 -0
  168. package/dist/demo/encryption-flow-diagram.js +24 -0
  169. package/dist/demo/encryption-flow-diagram.js.map +1 -0
  170. package/dist/demo/index.d.ts +27 -0
  171. package/dist/demo/index.d.ts.map +1 -0
  172. package/dist/demo/index.js +27 -0
  173. package/dist/demo/index.js.map +1 -0
  174. package/dist/demo/info-panel.d.ts +9 -0
  175. package/dist/demo/info-panel.d.ts.map +1 -0
  176. package/dist/demo/info-panel.js +11 -0
  177. package/dist/demo/info-panel.js.map +1 -0
  178. package/dist/demo/media-gallery.d.ts +7 -0
  179. package/dist/demo/media-gallery.d.ts.map +1 -0
  180. package/dist/demo/media-gallery.js +7 -0
  181. package/dist/demo/media-gallery.js.map +1 -0
  182. package/dist/demo/media-thumbnail.d.ts +11 -0
  183. package/dist/demo/media-thumbnail.d.ts.map +1 -0
  184. package/dist/demo/media-thumbnail.js +10 -0
  185. package/dist/demo/media-thumbnail.js.map +1 -0
  186. package/dist/demo/metric-card.d.ts +14 -0
  187. package/dist/demo/metric-card.d.ts.map +1 -0
  188. package/dist/demo/metric-card.js +20 -0
  189. package/dist/demo/metric-card.js.map +1 -0
  190. package/dist/demo/mnemonic-display.d.ts +8 -0
  191. package/dist/demo/mnemonic-display.d.ts.map +1 -0
  192. package/dist/demo/mnemonic-display.js +70 -0
  193. package/dist/demo/mnemonic-display.js.map +1 -0
  194. package/dist/demo/note-card.d.ts +10 -0
  195. package/dist/demo/note-card.d.ts.map +1 -0
  196. package/dist/demo/note-card.js +9 -0
  197. package/dist/demo/note-card.js.map +1 -0
  198. package/dist/demo/sync-controls.d.ts +8 -0
  199. package/dist/demo/sync-controls.d.ts.map +1 -0
  200. package/dist/demo/sync-controls.js +17 -0
  201. package/dist/demo/sync-controls.js.map +1 -0
  202. package/dist/demo/sync-status-badge.d.ts +7 -0
  203. package/dist/demo/sync-status-badge.d.ts.map +1 -0
  204. package/dist/demo/sync-status-badge.js +22 -0
  205. package/dist/demo/sync-status-badge.js.map +1 -0
  206. package/dist/demo/task-item.d.ts +12 -0
  207. package/dist/demo/task-item.d.ts.map +1 -0
  208. package/dist/demo/task-item.js +12 -0
  209. package/dist/demo/task-item.js.map +1 -0
  210. package/dist/demo/task-list.d.ts +8 -0
  211. package/dist/demo/task-list.d.ts.map +1 -0
  212. package/dist/demo/task-list.js +11 -0
  213. package/dist/demo/task-list.js.map +1 -0
  214. package/dist/demo/topology-panel.d.ts +10 -0
  215. package/dist/demo/topology-panel.d.ts.map +1 -0
  216. package/dist/demo/topology-panel.js +10 -0
  217. package/dist/demo/topology-panel.js.map +1 -0
  218. package/dist/demo/topology-svg-keyshare.d.ts +5 -0
  219. package/dist/demo/topology-svg-keyshare.d.ts.map +1 -0
  220. package/dist/demo/topology-svg-keyshare.js +31 -0
  221. package/dist/demo/topology-svg-keyshare.js.map +1 -0
  222. package/dist/demo/topology-svg-media.d.ts +5 -0
  223. package/dist/demo/topology-svg-media.d.ts.map +1 -0
  224. package/dist/demo/topology-svg-media.js +27 -0
  225. package/dist/demo/topology-svg-media.js.map +1 -0
  226. package/dist/demo/topology-svg-split.d.ts +5 -0
  227. package/dist/demo/topology-svg-split.d.ts.map +1 -0
  228. package/dist/demo/topology-svg-split.js +29 -0
  229. package/dist/demo/topology-svg-split.js.map +1 -0
  230. package/dist/demo/topology-svg-symmetric.d.ts +5 -0
  231. package/dist/demo/topology-svg-symmetric.d.ts.map +1 -0
  232. package/dist/demo/topology-svg-symmetric.js +35 -0
  233. package/dist/demo/topology-svg-symmetric.js.map +1 -0
  234. package/dist/demo/transfer-log.d.ts +14 -0
  235. package/dist/demo/transfer-log.d.ts.map +1 -0
  236. package/dist/demo/transfer-log.js +18 -0
  237. package/dist/demo/transfer-log.js.map +1 -0
  238. package/dist/demo/upload-area.d.ts +9 -0
  239. package/dist/demo/upload-area.d.ts.map +1 -0
  240. package/dist/demo/upload-area.js +58 -0
  241. package/dist/demo/upload-area.js.map +1 -0
  242. package/dist/forms/checkbox.d.ts +11 -0
  243. package/dist/forms/checkbox.d.ts.map +1 -0
  244. package/dist/forms/checkbox.js +16 -0
  245. package/dist/forms/checkbox.js.map +1 -0
  246. package/dist/forms/field.d.ts +7 -0
  247. package/dist/forms/field.d.ts.map +1 -0
  248. package/dist/forms/field.js +16 -0
  249. package/dist/forms/field.js.map +1 -0
  250. package/dist/forms/index.d.ts +7 -0
  251. package/dist/forms/index.d.ts.map +1 -0
  252. package/dist/forms/index.js +7 -0
  253. package/dist/forms/index.js.map +1 -0
  254. package/dist/forms/select.d.ts +11 -0
  255. package/dist/forms/select.d.ts.map +1 -0
  256. package/dist/forms/select.js +15 -0
  257. package/dist/forms/select.js.map +1 -0
  258. package/dist/forms/textarea.d.ts +6 -0
  259. package/dist/forms/textarea.d.ts.map +1 -0
  260. package/dist/forms/textarea.js +8 -0
  261. package/dist/forms/textarea.js.map +1 -0
  262. package/dist/forms/toggle-group.d.ts +8 -0
  263. package/dist/forms/toggle-group.d.ts.map +1 -0
  264. package/dist/forms/toggle-group.js +11 -0
  265. package/dist/forms/toggle-group.js.map +1 -0
  266. package/dist/forms/toggle.d.ts +7 -0
  267. package/dist/forms/toggle.d.ts.map +1 -0
  268. package/dist/forms/toggle.js +9 -0
  269. package/dist/forms/toggle.js.map +1 -0
  270. package/dist/index.d.ts +8 -0
  271. package/dist/index.d.ts.map +1 -0
  272. package/dist/index.js +8 -0
  273. package/dist/index.js.map +1 -0
  274. package/dist/lib/cn.d.ts +3 -0
  275. package/dist/lib/cn.d.ts.map +1 -0
  276. package/dist/lib/cn.js +6 -0
  277. package/dist/lib/cn.js.map +1 -0
  278. package/dist/lib/types.d.ts +64 -0
  279. package/dist/lib/types.d.ts.map +1 -0
  280. package/dist/lib/types.js +2 -0
  281. package/dist/lib/types.js.map +1 -0
  282. package/dist/navigation/index.d.ts +6 -0
  283. package/dist/navigation/index.d.ts.map +1 -0
  284. package/dist/navigation/index.js +6 -0
  285. package/dist/navigation/index.js.map +1 -0
  286. package/dist/navigation/nav-pill-group.d.ts +14 -0
  287. package/dist/navigation/nav-pill-group.d.ts.map +1 -0
  288. package/dist/navigation/nav-pill-group.js +15 -0
  289. package/dist/navigation/nav-pill-group.js.map +1 -0
  290. package/dist/navigation/nav-pill.d.ts +9 -0
  291. package/dist/navigation/nav-pill.d.ts.map +1 -0
  292. package/dist/navigation/nav-pill.js +7 -0
  293. package/dist/navigation/nav-pill.js.map +1 -0
  294. package/dist/navigation/status-dot.d.ts +13 -0
  295. package/dist/navigation/status-dot.d.ts.map +1 -0
  296. package/dist/navigation/status-dot.js +44 -0
  297. package/dist/navigation/status-dot.js.map +1 -0
  298. package/dist/navigation/syncular-brand.d.ts +6 -0
  299. package/dist/navigation/syncular-brand.d.ts.map +1 -0
  300. package/dist/navigation/syncular-brand.js +11 -0
  301. package/dist/navigation/syncular-brand.js.map +1 -0
  302. package/dist/navigation/top-navigation.d.ts +9 -0
  303. package/dist/navigation/top-navigation.d.ts.map +1 -0
  304. package/dist/navigation/top-navigation.js +9 -0
  305. package/dist/navigation/top-navigation.js.map +1 -0
  306. package/dist/observable-universe/architecture-section.d.ts +5 -0
  307. package/dist/observable-universe/architecture-section.d.ts.map +1 -0
  308. package/dist/observable-universe/architecture-section.js +44 -0
  309. package/dist/observable-universe/architecture-section.js.map +1 -0
  310. package/dist/observable-universe/code-section.d.ts +5 -0
  311. package/dist/observable-universe/code-section.d.ts.map +1 -0
  312. package/dist/observable-universe/code-section.js +86 -0
  313. package/dist/observable-universe/code-section.js.map +1 -0
  314. package/dist/observable-universe/commit-stream-panel.d.ts +8 -0
  315. package/dist/observable-universe/commit-stream-panel.d.ts.map +1 -0
  316. package/dist/observable-universe/commit-stream-panel.js +45 -0
  317. package/dist/observable-universe/commit-stream-panel.js.map +1 -0
  318. package/dist/observable-universe/connected-clients-panel.d.ts +7 -0
  319. package/dist/observable-universe/connected-clients-panel.d.ts.map +1 -0
  320. package/dist/observable-universe/connected-clients-panel.js +47 -0
  321. package/dist/observable-universe/connected-clients-panel.js.map +1 -0
  322. package/dist/observable-universe/constants.d.ts +10 -0
  323. package/dist/observable-universe/constants.d.ts.map +1 -0
  324. package/dist/observable-universe/constants.js +81 -0
  325. package/dist/observable-universe/constants.js.map +1 -0
  326. package/dist/observable-universe/explanation-section.d.ts +5 -0
  327. package/dist/observable-universe/explanation-section.d.ts.map +1 -0
  328. package/dist/observable-universe/explanation-section.js +76 -0
  329. package/dist/observable-universe/explanation-section.js.map +1 -0
  330. package/dist/observable-universe/footer-bar.d.ts +5 -0
  331. package/dist/observable-universe/footer-bar.d.ts.map +1 -0
  332. package/dist/observable-universe/footer-bar.js +12 -0
  333. package/dist/observable-universe/footer-bar.js.map +1 -0
  334. package/dist/observable-universe/hero-dashboard-section.d.ts +10 -0
  335. package/dist/observable-universe/hero-dashboard-section.d.ts.map +1 -0
  336. package/dist/observable-universe/hero-dashboard-section.js +20 -0
  337. package/dist/observable-universe/hero-dashboard-section.js.map +1 -0
  338. package/dist/observable-universe/index.d.ts +17 -0
  339. package/dist/observable-universe/index.d.ts.map +1 -0
  340. package/dist/observable-universe/index.js +17 -0
  341. package/dist/observable-universe/index.js.map +1 -0
  342. package/dist/observable-universe/install-section.d.ts +8 -0
  343. package/dist/observable-universe/install-section.d.ts.map +1 -0
  344. package/dist/observable-universe/install-section.js +24 -0
  345. package/dist/observable-universe/install-section.js.map +1 -0
  346. package/dist/observable-universe/live-metrics-bar.d.ts +7 -0
  347. package/dist/observable-universe/live-metrics-bar.d.ts.map +1 -0
  348. package/dist/observable-universe/live-metrics-bar.js +18 -0
  349. package/dist/observable-universe/live-metrics-bar.js.map +1 -0
  350. package/dist/observable-universe/observable-universe-header.d.ts +14 -0
  351. package/dist/observable-universe/observable-universe-header.d.ts.map +1 -0
  352. package/dist/observable-universe/observable-universe-header.js +45 -0
  353. package/dist/observable-universe/observable-universe-header.js.map +1 -0
  354. package/dist/observable-universe/observable-universe-landing.d.ts +12 -0
  355. package/dist/observable-universe/observable-universe-landing.d.ts.map +1 -0
  356. package/dist/observable-universe/observable-universe-landing.js +19 -0
  357. package/dist/observable-universe/observable-universe-landing.js.map +1 -0
  358. package/dist/observable-universe/section-heading.d.ts +8 -0
  359. package/dist/observable-universe/section-heading.d.ts.map +1 -0
  360. package/dist/observable-universe/section-heading.js +8 -0
  361. package/dist/observable-universe/section-heading.js.map +1 -0
  362. package/dist/observable-universe/sync-topology-panel.d.ts +7 -0
  363. package/dist/observable-universe/sync-topology-panel.d.ts.map +1 -0
  364. package/dist/observable-universe/sync-topology-panel.js +81 -0
  365. package/dist/observable-universe/sync-topology-panel.js.map +1 -0
  366. package/dist/observable-universe/types.d.ts +25 -0
  367. package/dist/observable-universe/types.d.ts.map +1 -0
  368. package/dist/observable-universe/types.js +2 -0
  369. package/dist/observable-universe/types.js.map +1 -0
  370. package/dist/observable-universe/use-observable-universe-simulation.d.ts +8 -0
  371. package/dist/observable-universe/use-observable-universe-simulation.d.ts.map +1 -0
  372. package/dist/observable-universe/use-observable-universe-simulation.js +92 -0
  373. package/dist/observable-universe/use-observable-universe-simulation.js.map +1 -0
  374. package/dist/primitives/alert.d.ts +14 -0
  375. package/dist/primitives/alert.d.ts.map +1 -0
  376. package/dist/primitives/alert.js +24 -0
  377. package/dist/primitives/alert.js.map +1 -0
  378. package/dist/primitives/badge.d.ts +12 -0
  379. package/dist/primitives/badge.d.ts.map +1 -0
  380. package/dist/primitives/badge.js +28 -0
  381. package/dist/primitives/badge.js.map +1 -0
  382. package/dist/primitives/button.d.ts +14 -0
  383. package/dist/primitives/button.d.ts.map +1 -0
  384. package/dist/primitives/button.js +30 -0
  385. package/dist/primitives/button.js.map +1 -0
  386. package/dist/primitives/card.d.ts +7 -0
  387. package/dist/primitives/card.d.ts.map +1 -0
  388. package/dist/primitives/card.js +16 -0
  389. package/dist/primitives/card.js.map +1 -0
  390. package/dist/primitives/dialog.d.ts +14 -0
  391. package/dist/primitives/dialog.d.ts.map +1 -0
  392. package/dist/primitives/dialog.js +25 -0
  393. package/dist/primitives/dialog.js.map +1 -0
  394. package/dist/primitives/index.d.ts +16 -0
  395. package/dist/primitives/index.d.ts.map +1 -0
  396. package/dist/primitives/index.js +16 -0
  397. package/dist/primitives/index.js.map +1 -0
  398. package/dist/primitives/input.d.ts +12 -0
  399. package/dist/primitives/input.d.ts.map +1 -0
  400. package/dist/primitives/input.js +20 -0
  401. package/dist/primitives/input.js.map +1 -0
  402. package/dist/primitives/pagination.d.ts +16 -0
  403. package/dist/primitives/pagination.d.ts.map +1 -0
  404. package/dist/primitives/pagination.js +13 -0
  405. package/dist/primitives/pagination.js.map +1 -0
  406. package/dist/primitives/separator.d.ts +10 -0
  407. package/dist/primitives/separator.d.ts.map +1 -0
  408. package/dist/primitives/separator.js +10 -0
  409. package/dist/primitives/separator.js.map +1 -0
  410. package/dist/primitives/sheet.d.ts +19 -0
  411. package/dist/primitives/sheet.d.ts.map +1 -0
  412. package/dist/primitives/sheet.js +35 -0
  413. package/dist/primitives/sheet.js.map +1 -0
  414. package/dist/primitives/skeleton.d.ts +3 -0
  415. package/dist/primitives/skeleton.d.ts.map +1 -0
  416. package/dist/primitives/skeleton.js +8 -0
  417. package/dist/primitives/skeleton.js.map +1 -0
  418. package/dist/primitives/spinner.d.ts +12 -0
  419. package/dist/primitives/spinner.d.ts.map +1 -0
  420. package/dist/primitives/spinner.js +23 -0
  421. package/dist/primitives/spinner.js.map +1 -0
  422. package/dist/primitives/switch.d.ts +7 -0
  423. package/dist/primitives/switch.d.ts.map +1 -0
  424. package/dist/primitives/switch.js +9 -0
  425. package/dist/primitives/switch.js.map +1 -0
  426. package/dist/primitives/table.d.ts +8 -0
  427. package/dist/primitives/table.d.ts.map +1 -0
  428. package/dist/primitives/table.js +18 -0
  429. package/dist/primitives/table.js.map +1 -0
  430. package/dist/primitives/tabs.d.ts +16 -0
  431. package/dist/primitives/tabs.d.ts.map +1 -0
  432. package/dist/primitives/tabs.js +26 -0
  433. package/dist/primitives/tabs.js.map +1 -0
  434. package/dist/primitives/tooltip.d.ts +13 -0
  435. package/dist/primitives/tooltip.d.ts.map +1 -0
  436. package/dist/primitives/tooltip.js +15 -0
  437. package/dist/primitives/tooltip.js.map +1 -0
  438. package/dist/version.d.ts +2 -0
  439. package/dist/version.d.ts.map +1 -0
  440. package/dist/version.js +3 -0
  441. package/dist/version.js.map +1 -0
  442. package/package.json +114 -0
  443. package/src/charts/activity-chart.tsx +85 -0
  444. package/src/charts/chart.tsx +302 -0
  445. package/src/charts/index.ts +4 -0
  446. package/src/charts/latency-chart.tsx +77 -0
  447. package/src/charts/outcomes-chart.tsx +101 -0
  448. package/src/console/activity-bars.tsx +113 -0
  449. package/src/console/alerts-config.tsx +110 -0
  450. package/src/console/api-keys-table.tsx +102 -0
  451. package/src/console/bottom-bar.tsx +73 -0
  452. package/src/console/commit-table.tsx +66 -0
  453. package/src/console/connection-form.tsx +153 -0
  454. package/src/console/connection-status-badge.tsx +48 -0
  455. package/src/console/danger-action-card.tsx +40 -0
  456. package/src/console/empty-state.tsx +31 -0
  457. package/src/console/filter-bar.tsx +97 -0
  458. package/src/console/fleet-card.tsx +154 -0
  459. package/src/console/handlers-table.tsx +74 -0
  460. package/src/console/index.ts +27 -0
  461. package/src/console/kpi-card.tsx +46 -0
  462. package/src/console/kpi-strip.tsx +77 -0
  463. package/src/console/latency-percentiles.tsx +109 -0
  464. package/src/console/live-activity-feed.tsx +112 -0
  465. package/src/console/maintenance-card.tsx +112 -0
  466. package/src/console/page-header.tsx +32 -0
  467. package/src/console/panel-shell.tsx +42 -0
  468. package/src/console/preferences-panel.tsx +126 -0
  469. package/src/console/section-card.tsx +41 -0
  470. package/src/console/stream-log.tsx +138 -0
  471. package/src/console/sync-horizon.tsx +149 -0
  472. package/src/console/sync-lag-bar.tsx +226 -0
  473. package/src/console/sync-state-badge.tsx +32 -0
  474. package/src/console/topology-card.tsx +47 -0
  475. package/src/console/topology-hero.tsx +499 -0
  476. package/src/demo/actor-panel.tsx +50 -0
  477. package/src/demo/catalog-table.tsx +83 -0
  478. package/src/demo/channel-selector.tsx +51 -0
  479. package/src/demo/client-panel.tsx +61 -0
  480. package/src/demo/conflict-panel.tsx +25 -0
  481. package/src/demo/demo-header.tsx +44 -0
  482. package/src/demo/demo-section.tsx +24 -0
  483. package/src/demo/encrypted-badge.tsx +59 -0
  484. package/src/demo/encryption-flow-diagram.tsx +93 -0
  485. package/src/demo/index.ts +26 -0
  486. package/src/demo/info-panel.tsx +41 -0
  487. package/src/demo/media-gallery.tsx +15 -0
  488. package/src/demo/media-thumbnail.tsx +55 -0
  489. package/src/demo/metric-card.tsx +85 -0
  490. package/src/demo/mnemonic-display.tsx +114 -0
  491. package/src/demo/note-card.tsx +52 -0
  492. package/src/demo/sync-controls.tsx +75 -0
  493. package/src/demo/sync-status-badge.tsx +36 -0
  494. package/src/demo/task-item.tsx +83 -0
  495. package/src/demo/task-list.tsx +33 -0
  496. package/src/demo/topology-panel.tsx +44 -0
  497. package/src/demo/topology-svg-keyshare.tsx +474 -0
  498. package/src/demo/topology-svg-media.tsx +423 -0
  499. package/src/demo/topology-svg-split.tsx +402 -0
  500. package/src/demo/topology-svg-symmetric.tsx +527 -0
  501. package/src/demo/transfer-log.tsx +68 -0
  502. package/src/demo/upload-area.tsx +136 -0
  503. package/src/forms/checkbox.tsx +58 -0
  504. package/src/forms/field.tsx +60 -0
  505. package/src/forms/index.ts +6 -0
  506. package/src/forms/select.tsx +65 -0
  507. package/src/forms/textarea.tsx +23 -0
  508. package/src/forms/toggle-group.tsx +24 -0
  509. package/src/forms/toggle.tsx +24 -0
  510. package/src/index.ts +7 -0
  511. package/src/lib/cn.ts +6 -0
  512. package/src/lib/types.ts +69 -0
  513. package/src/navigation/index.ts +5 -0
  514. package/src/navigation/nav-pill-group.tsx +46 -0
  515. package/src/navigation/nav-pill.tsx +35 -0
  516. package/src/navigation/status-dot.tsx +66 -0
  517. package/src/navigation/syncular-brand.tsx +29 -0
  518. package/src/navigation/top-navigation.tsx +31 -0
  519. package/src/observable-universe/architecture-section.tsx +209 -0
  520. package/src/observable-universe/code-section.tsx +136 -0
  521. package/src/observable-universe/commit-stream-panel.tsx +115 -0
  522. package/src/observable-universe/connected-clients-panel.tsx +109 -0
  523. package/src/observable-universe/constants.ts +84 -0
  524. package/src/observable-universe/explanation-section.tsx +129 -0
  525. package/src/observable-universe/footer-bar.tsx +34 -0
  526. package/src/observable-universe/hero-dashboard-section.tsx +71 -0
  527. package/src/observable-universe/index.ts +16 -0
  528. package/src/observable-universe/install-section.tsx +119 -0
  529. package/src/observable-universe/live-metrics-bar.tsx +64 -0
  530. package/src/observable-universe/observable-universe-header.tsx +155 -0
  531. package/src/observable-universe/observable-universe-landing.tsx +74 -0
  532. package/src/observable-universe/section-heading.tsx +31 -0
  533. package/src/observable-universe/sync-topology-panel.tsx +409 -0
  534. package/src/observable-universe/types.ts +26 -0
  535. package/src/observable-universe/use-observable-universe-simulation.ts +111 -0
  536. package/src/primitives/alert.tsx +55 -0
  537. package/src/primitives/badge.tsx +45 -0
  538. package/src/primitives/button.tsx +51 -0
  539. package/src/primitives/card.tsx +67 -0
  540. package/src/primitives/dialog.tsx +114 -0
  541. package/src/primitives/index.ts +15 -0
  542. package/src/primitives/input.tsx +37 -0
  543. package/src/primitives/pagination.tsx +54 -0
  544. package/src/primitives/separator.tsx +29 -0
  545. package/src/primitives/sheet.tsx +114 -0
  546. package/src/primitives/skeleton.tsx +17 -0
  547. package/src/primitives/spinner.tsx +52 -0
  548. package/src/primitives/switch.tsx +26 -0
  549. package/src/primitives/table.tsx +71 -0
  550. package/src/primitives/tabs.tsx +66 -0
  551. package/src/primitives/tooltip.tsx +43 -0
  552. package/src/styles/styles.css +177 -0
  553. package/src/styles/tokens.css +47 -0
  554. package/src/version.ts +3 -0
@@ -0,0 +1,23 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ const LatencyPercentilesBar = forwardRef(({ className, buckets, successRate = 99.6, successLabel = 'success', ...props }, ref) => {
6
+ const dashLength = (successRate / 100) * 88;
7
+ const gapLength = 88 - dashLength;
8
+ return (_jsxs("div", { ref: ref, className: cn('px-5 py-3 border-b border-border flex items-center gap-8', className), ...props, children: [
9
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Latency" }), _jsx("div", { className: "flex items-center gap-6", children: buckets.map((b) => (_jsxs("div", { className: "flex items-center gap-2", children: [
10
+ _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: b.label }), _jsxs("div", { className: "flex gap-1 items-end h-5", children: [
11
+ _jsx("div", { className: "w-3 rounded-t bg-healthy/60", style: { height: `${b.pushBarPercent}%` } }), _jsx("div", { className: "w-3 rounded-t bg-flow/60", style: { height: `${b.pullBarPercent}%` } })
12
+ ] }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-400", children: [b.pushMs, " / ", b.pullMs, "ms"] })
13
+ ] }, b.label))) }), _jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
14
+ _jsxs("svg", { viewBox: "0 0 36 36", className: "w-7 h-7", children: [
15
+ _jsx("circle", { cx: 18, cy: 18, r: 14, fill: "none", stroke: "#1e1e1e", strokeWidth: 4 }), _jsx("circle", { cx: 18, cy: 18, r: 14, fill: "none", stroke: "#22c55e", strokeWidth: 4, strokeDasharray: `${dashLength} ${gapLength}`, transform: "rotate(-90 18 18)", strokeLinecap: "round" })
16
+ ] }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-400", children: [successRate, "%", ' ', _jsx("span", { className: "text-neutral-600", children: successLabel })
17
+ ] })
18
+ ] })
19
+ ] }));
20
+ });
21
+ LatencyPercentilesBar.displayName = 'LatencyPercentilesBar';
22
+ export { LatencyPercentilesBar };
23
+ //# sourceMappingURL=latency-percentiles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"latency-percentiles.js","sourceRoot":"","sources":["../../src/console/latency-percentiles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAmB/B,MAAM,qBAAqB,GAAG,UAAU,CAItC,CACE,EACE,SAAS,EACT,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,SAAS,EACxB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC;IACH,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;IAC5C,MAAM,SAAS,GAAG,EAAE,GAAG,UAAU,CAAC;IAElC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK;YAET,eAAM,SAAS,EAAC,kEAAkE,wBAE3E,EACP,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,eAAmB,SAAS,EAAC,yBAAyB;wBACpD,eAAM,SAAS,EAAC,uCAAuC,YACpD,CAAC,CAAC,KAAK,GACH,EACP,eAAK,SAAS,EAAC,0BAA0B;gCACvC,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,cAAc,GAAG,EAAE,GACzC,EACF,cACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,cAAc,GAAG,EAAE,GACzC;gCACE,EACN,gBAAM,SAAS,EAAC,wCAAwC,aACrD,CAAC,CAAC,MAAM,SAAK,CAAC,CAAC,MAAM,UACjB;yBAhBC,CAAC,CAAC,KAAK,CAiBX,CACP,CAAC,GACE,EAGN,eAAK,SAAS,EAAC,iCAAiC;oBAC9C,eAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS;4BAC1C,iBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,GACd,EACF,iBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,EACd,eAAe,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE,EAC7C,SAAS,EAAC,mBAAmB,EAC7B,aAAa,EAAC,OAAO,GACrB;4BACE,EACN,gBAAM,SAAS,EAAC,wCAAwC,aACrD,WAAW,OAAG,GAAG,EAClB,eAAM,SAAS,EAAC,kBAAkB,YAAE,YAAY,GAAQ;4BACnD;oBACH;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { type ComponentPropsWithoutRef } from 'react';
2
+ type FeedEventType = 'PUSH' | 'PULL' | 'ACK' | (string & {});
3
+ export type FeedEntry = {
4
+ type: FeedEventType;
5
+ actor: string;
6
+ table: string;
7
+ time: string;
8
+ };
9
+ export type LiveActivityFeedProps = ComponentPropsWithoutRef<'div'> & {
10
+ entries: FeedEntry[];
11
+ isConnected?: boolean;
12
+ maxVisible?: number;
13
+ /** Height for the scroll area */
14
+ maxHeight?: string;
15
+ };
16
+ declare const LiveActivityFeed: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
17
+ entries: FeedEntry[];
18
+ isConnected?: boolean | undefined;
19
+ maxVisible?: number | undefined;
20
+ /** Height for the scroll area */
21
+ maxHeight?: string | undefined;
22
+ } & import("react").RefAttributes<HTMLDivElement>>;
23
+ export { LiveActivityFeed };
24
+ //# sourceMappingURL=live-activity-feed.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"live-activity-feed.d.ts","sourceRoot":"","sources":["../../src/console/live-activity-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAIlE,KAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,gBAAgB;;;;IAVpB,iCAAiC;;kDAyFlC,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,29 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ import { Badge } from '../primitives/badge.js';
6
+ const badgeVariantMap = {
7
+ PUSH: 'syncing',
8
+ PULL: 'healthy',
9
+ ACK: 'flow',
10
+ };
11
+ const LiveActivityFeed = forwardRef(({ className, entries, isConnected = true, maxVisible = 20, maxHeight, ...props }, ref) => {
12
+ const visibleEntries = entries.slice(0, maxVisible);
13
+ return (_jsxs("div", { ref: ref, className: cn('flex-shrink-0', className), style: { width: 360 }, ...props, children: [
14
+ _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
15
+ _jsxs("div", { className: "flex items-center gap-2", children: [
16
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Live Feed" }), _jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', isConnected
17
+ ? 'bg-healthy animate-[dotPulse_1.5s_ease-in-out_infinite]'
18
+ : 'bg-neutral-600') })
19
+ ] }), _jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: isConnected ? 'WebSocket' : 'Disconnected' })
20
+ ] }), _jsx("div", { className: "px-3 py-2 space-y-0.5 overflow-y-auto", style: maxHeight ? { maxHeight } : undefined, children: visibleEntries.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsx("p", { className: "text-neutral-500 text-sm font-mono", children: isConnected
21
+ ? 'Waiting for activity...'
22
+ : 'Connect to see live activity' }) })) : (visibleEntries.map((entry, i) => (_jsxs("div", { className: "flex items-center gap-2 py-1 animate-[streamSlide_0.35s_ease-out]", children: [
23
+ _jsx(Badge, { variant: badgeVariantMap[entry.type] ?? 'ghost', className: "text-[8px] px-1.5 py-0", children: entry.type }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-400 truncate flex-1", children: [entry.actor, " \u00B7 ", entry.table] }), _jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: entry.time })
24
+ ] }, `${entry.time}-${i}`)))) })
25
+ ] }));
26
+ });
27
+ LiveActivityFeed.displayName = 'LiveActivityFeed';
28
+ export { LiveActivityFeed };
29
+ //# sourceMappingURL=live-activity-feed.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"live-activity-feed.js","sourceRoot":"","sources":["../../src/console/live-activity-feed.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAmB5C,MAAM,eAAe,GAAmD;IACtE,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EACE,SAAS,EACT,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,EAAE,EACf,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAEpD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KACjB,KAAK;YAGT,eAAK,SAAS,EAAC,sEAAsE;oBACnF,eAAK,SAAS,EAAC,yBAAyB;4BACtC,eAAM,SAAS,EAAC,kEAAkE,0BAE3E,EACP,eACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,WAAW;oCACT,CAAC,CAAC,yDAAyD;oCAC3D,CAAC,CAAC,gBAAgB,CACrB,GACD;4BACE,EACN,eAAM,SAAS,EAAC,uCAAuC,YACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,GACtC;oBACH,EAGN,cACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,YAE3C,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7B,cAAK,SAAS,EAAC,4CAA4C,YACzD,YAAG,SAAS,EAAC,oCAAoC,YAC9C,WAAW;4BACV,CAAC,CAAC,yBAAyB;4BAC3B,CAAC,CAAC,8BAA8B,GAChC,GACA,CACP,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,eAEE,SAAS,EAAC,mEAAmE;wBAE7E,KAAC,KAAK,IACJ,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,OAAO,EAC/C,SAAS,EAAC,wBAAwB,YAEjC,KAAK,CAAC,IAAI,GACL,EACR,gBAAM,SAAS,EAAC,wDAAwD,aACrE,KAAK,CAAC,KAAK,cAAY,KAAK,CAAC,KAAK,IAC9B,EACP,eAAM,SAAS,EAAC,uCAAuC,YACpD,KAAK,CAAC,IAAI,GACN;yBAdF,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAerB,CACP,CAAC,CACH,GACG;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
+ export type MaintenanceStat = {
3
+ label: string;
4
+ value: ReactNode;
5
+ tone?: 'default' | 'syncing';
6
+ };
7
+ export type MaintenanceCardProps = ComponentPropsWithoutRef<'div'> & {
8
+ title: string;
9
+ description: string;
10
+ dotColor?: 'syncing' | 'flow' | 'healthy' | 'offline';
11
+ stats: MaintenanceStat[];
12
+ actionLabel: string;
13
+ actionVariant?: 'default' | 'primary' | 'destructive';
14
+ actionIcon?: ReactNode;
15
+ onAction?: () => void;
16
+ };
17
+ declare const MaintenanceCard: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
18
+ title: string;
19
+ description: string;
20
+ dotColor?: "flow" | "healthy" | "offline" | "syncing" | undefined;
21
+ stats: MaintenanceStat[];
22
+ actionLabel: string;
23
+ actionVariant?: "default" | "destructive" | "primary" | undefined;
24
+ actionIcon?: ReactNode;
25
+ onAction?: (() => void) | undefined;
26
+ } & import("react").RefAttributes<HTMLDivElement>>;
27
+ export { MaintenanceCard };
28
+ //# sourceMappingURL=maintenance-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"maintenance-card.d.ts","sourceRoot":"","sources":["../../src/console/maintenance-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AASF,QAAA,MAAM,eAAe;;;;;;;;;kDA0EpB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,25 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef, } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ import { Button } from '../primitives/button.js';
6
+ const dotColorMap = {
7
+ syncing: 'bg-syncing',
8
+ flow: 'bg-flow',
9
+ healthy: 'bg-healthy',
10
+ offline: 'bg-offline',
11
+ };
12
+ const MaintenanceCard = forwardRef(({ className, title, description, dotColor = 'syncing', stats, actionLabel, actionVariant = 'default', actionIcon, onAction, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
13
+ _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center gap-2", children: [
14
+ _jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotColorMap[dotColor]) }), _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: title })
15
+ ] }), _jsxs("div", { className: "p-4", children: [
16
+ _jsx("p", { className: "font-mono text-[10px] text-neutral-500 leading-relaxed mb-4", children: description }), _jsx("div", { className: cn('grid gap-3 mb-4', stats.length <= 2 ? 'grid-cols-2' : 'grid-cols-3'), children: stats.map((s) => (_jsxs("div", { children: [
17
+ _jsx("div", { className: "font-mono text-[9px] text-neutral-600 uppercase tracking-wider mb-1", children: s.label }), _jsx("div", { className: cn('font-mono font-semibold', s.tone === 'syncing'
18
+ ? 'text-sm text-syncing'
19
+ : 'text-lg text-white'), children: s.value })
20
+ ] }, s.label))) }), _jsxs(Button, { variant: actionVariant, size: "md", onClick: onAction, children: [actionIcon, actionLabel] })
21
+ ] })
22
+ ] })));
23
+ MaintenanceCard.displayName = 'MaintenanceCard';
24
+ export { MaintenanceCard };
25
+ //# sourceMappingURL=maintenance-card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"maintenance-card.js","sourceRoot":"","sources":["../../src/console/maintenance-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,UAAU,GAEX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAmB9C,MAAM,WAAW,GAA2B;IAC1C,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,WAAW,EACX,aAAa,GAAG,SAAS,EACzB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;QAGT,eAAK,SAAS,EAAC,4DAA4D;gBACzE,eACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAChE,EACF,eAAM,SAAS,EAAC,kEAAkE,YAC/E,KAAK,GACD;gBACH,EAGN,eAAK,SAAS,EAAC,KAAK;gBAClB,YAAG,SAAS,EAAC,6DAA6D,YACvE,WAAW,GACV,EAGJ,cACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAClD,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB;4BACE,cAAK,SAAS,EAAC,qEAAqE,YACjF,CAAC,CAAC,KAAK,GACJ,EACN,cACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,CAAC,CAAC,IAAI,KAAK,SAAS;oCAClB,CAAC,CAAC,sBAAsB;oCACxB,CAAC,CAAC,oBAAoB,CACzB,YAEA,CAAC,CAAC,KAAK,GACJ;6BAbE,CAAC,CAAC,KAAK,CAcX,CACP,CAAC,GACE,EAGN,MAAC,MAAM,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,aACxD,UAAU,EACV,WAAW,IACL;gBACL;QACF,CACP,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface PageHeaderProps {
3
+ actions?: ReactNode;
4
+ className?: string;
5
+ description?: ReactNode;
6
+ title: ReactNode;
7
+ }
8
+ export declare function PageHeader({ actions, className, description, title }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=page-header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/console/page-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAK,EACN,EAAE,eAAe,2CAcjB"}
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function PageHeader({ actions, className, description, title, }) {
5
+ return (_jsxs("div", { className: cn('flex items-start justify-between', className), children: [
6
+ _jsxs("div", { children: [
7
+ _jsx("h1", { className: "text-3xl font-bold tracking-tight", children: title }), description ? (_jsx("p", { className: "mt-1 text-sm text-neutral-500", children: description })) : null] }), actions ? (_jsx("div", { className: "flex items-center gap-2", children: actions })) : null] }));
8
+ }
9
+ //# sourceMappingURL=page-header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/console/page-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAK,GACW,EAAE;IAClB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC;YAC/D;oBACE,aAAI,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAM,EAC7D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CACzD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,11 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface PanelShellProps {
3
+ actions?: ReactNode;
4
+ children?: ReactNode;
5
+ className?: string;
6
+ contentClassName?: string;
7
+ description?: ReactNode;
8
+ title?: ReactNode;
9
+ }
10
+ export declare function PanelShell({ actions, children, className, contentClassName, description, title }: PanelShellProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=panel-shell.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"panel-shell.d.ts","sourceRoot":"","sources":["../../src/console/panel-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,EACN,EAAE,eAAe,2CAmBjB"}
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ import { Card, CardContent } from '../primitives/card.js';
5
+ export function PanelShell({ actions, children, className, contentClassName, description, title, }) {
6
+ return (_jsxs(Card, { className: cn('border-border', className), children: [title || actions ? (_jsxs("div", { className: "flex items-start justify-between px-4 pt-4", children: [
7
+ _jsxs("div", { children: [title ? _jsx("h3", { className: "text-lg font-semibold", children: title }) : null, description ? (_jsx("p", { className: "mt-1 text-sm text-neutral-500", children: description })) : null] }), actions ? (_jsx("div", { className: "flex items-center gap-2", children: actions })) : null] })) : null, _jsx(CardContent, { className: contentClassName, children: children })
8
+ ] }));
9
+ }
10
+ //# sourceMappingURL=panel-shell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"panel-shell.js","sourceRoot":"","sources":["../../src/console/panel-shell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWvD,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,GACW,EAAE;IAClB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAC5C,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,4CAA4C;oBACzD,0BACG,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACjE,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CACzD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAe;YAC7D,CACR,CAAC;AAAA,CACH"}
@@ -0,0 +1,30 @@
1
+ import { type ComponentPropsWithoutRef } from 'react';
2
+ export type PreferenceOption = {
3
+ id: string;
4
+ label: string;
5
+ };
6
+ export type PreferenceFilterRow = {
7
+ type: 'filter';
8
+ label: string;
9
+ options: PreferenceOption[];
10
+ activeId: string;
11
+ onActiveChange: (id: string) => void;
12
+ };
13
+ export type PreferenceToggleRow = {
14
+ type: 'toggle';
15
+ label: string;
16
+ description?: string;
17
+ checked: boolean;
18
+ onCheckedChange: (checked: boolean) => void;
19
+ };
20
+ export type PreferenceRow = PreferenceFilterRow | PreferenceToggleRow;
21
+ export type PreferencesPanelProps = ComponentPropsWithoutRef<'div'> & {
22
+ rows: PreferenceRow[];
23
+ onResetDefaults?: () => void;
24
+ };
25
+ declare const PreferencesPanel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
26
+ rows: PreferenceRow[];
27
+ onResetDefaults?: (() => void) | undefined;
28
+ } & import("react").RefAttributes<HTMLDivElement>>;
29
+ export { PreferencesPanel };
30
+ //# sourceMappingURL=preferences-panel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preferences-panel.d.ts","sourceRoot":"","sources":["../../src/console/preferences-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAKlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;kDA8BrB,CAAC;AA4DF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,24 @@
1
+ 'use client';
2
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ import { Button } from '../primitives/button.js';
6
+ import { Switch } from '../primitives/switch.js';
7
+ const PreferencesPanel = forwardRef(({ className, rows, onResetDefaults, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
8
+ _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
9
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Preferences" }), onResetDefaults && (_jsx(Button, { variant: "default", size: "sm", onClick: onResetDefaults, children: "Reset defaults" }))] }), _jsx("div", { className: "p-4 space-y-4", children: rows.map((row, i) => (_jsx(PreferenceRowItem, { row: row, showDivider: i > 0 }, row.label))) })
10
+ ] })));
11
+ PreferencesPanel.displayName = 'PreferencesPanel';
12
+ function PreferenceRowItem({ row, showDivider, }) {
13
+ return (_jsxs(_Fragment, { children: [showDivider && _jsx("div", { className: "border-t border-border" }), _jsx("div", { className: "flex items-center justify-between", children: row.type === 'filter' ? (_jsxs(_Fragment, { children: [
14
+ _jsx("span", { className: "font-mono text-[11px] text-neutral-400", children: row.label }), _jsx("div", { className: "flex gap-0.5", children: row.options.map((opt) => (_jsx("button", { type: "button", onClick: () => row.onActiveChange(opt.id), className: cn('font-mono text-[10px] border rounded-sm px-2.5 py-0.5 cursor-pointer transition-all', opt.id === row.activeId
15
+ ? 'text-white border-border-bright bg-white/[0.03]'
16
+ : 'text-neutral-500 border-transparent hover:text-neutral-300'), children: opt.label }, opt.id))) })
17
+ ] })) : (_jsxs(_Fragment, { children: [
18
+ _jsxs("div", { children: [
19
+ _jsx("span", { className: "font-mono text-[11px] text-neutral-400", children: row.label }), row.description && (_jsx("p", { className: "font-mono text-[9px] text-neutral-600 mt-0.5", children: row.description }))] }), _jsx(Switch, { checked: row.checked, onCheckedChange: (val) => row.onCheckedChange(val) })
20
+ ] })) })
21
+ ] }));
22
+ }
23
+ export { PreferencesPanel };
24
+ //# sourceMappingURL=preferences-panel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preferences-panel.js","sourceRoot":"","sources":["../../src/console/preferences-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA8B9C,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;QAGT,eAAK,SAAS,EAAC,sEAAsE;gBACnF,eAAM,SAAS,EAAC,kEAAkE,4BAE3E,EACN,eAAe,IAAI,CAClB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,eAAe,+BAEnD,CACV,IACG,EAGN,cAAK,SAAS,EAAC,eAAe,YAC3B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,iBAAiB,IAAiB,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,IAAvC,GAAG,CAAC,KAAK,CAAkC,CACpE,CAAC,GACE;QACF,CACP,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,SAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,WAAW,GAIZ,EAAE;IACD,OAAO,CACL,8BACG,WAAW,IAAI,cAAK,SAAS,EAAC,wBAAwB,GAAG,EAC1D,cAAK,SAAS,EAAC,mCAAmC,YAC/C,GAAG,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvB;wBACE,eAAM,SAAS,EAAC,wCAAwC,YACrD,GAAG,CAAC,KAAK,GACL,EACP,cAAK,SAAS,EAAC,cAAc,YAC1B,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACxB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,EACzC,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,QAAQ;oCACrB,CAAC,CAAC,iDAAiD;oCACnD,CAAC,CAAC,4DAA4D,CACjE,YAEA,GAAG,CAAC,KAAK,IAVL,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC,GACE;wBACL,CACJ,CAAC,CAAC,CAAC,CACF;wBACE;gCACE,eAAM,SAAS,EAAC,wCAAwC,YACrD,GAAG,CAAC,KAAK,GACL,EACN,GAAG,CAAC,WAAW,IAAI,CAClB,YAAG,SAAS,EAAC,8CAA8C,YACxD,GAAG,CAAC,WAAW,GACd,CACL,IACG,EACN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,GAClD;wBACD,CACJ,GACG;YACL,CACJ,CAAC;AAAA,CACH;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface SectionCardProps {
3
+ actions?: ReactNode;
4
+ children?: ReactNode;
5
+ className?: string;
6
+ contentClassName?: string;
7
+ description?: ReactNode;
8
+ title?: ReactNode;
9
+ }
10
+ export declare function SectionCard({ actions, children, className, contentClassName, description, title }: SectionCardProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=section-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"section-card.d.ts","sourceRoot":"","sources":["../../src/console/section-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,EACN,EAAE,gBAAgB,2CAmBlB"}
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Card, CardContent } from '../primitives/card.js';
4
+ export function SectionCard({ actions, children, className, contentClassName, description, title, }) {
5
+ return (_jsxs(Card, { className: className, children: [title || actions ? (_jsxs("div", { className: "flex items-start justify-between px-4 pt-4", children: [
6
+ _jsxs("div", { children: [title ? _jsx("h3", { className: "text-lg font-semibold", children: title }) : null, description ? (_jsx("p", { className: "mt-1 text-sm text-neutral-500", children: description })) : null] }), actions ? (_jsx("div", { className: "flex items-center gap-2", children: actions })) : null] })) : null, _jsx(CardContent, { className: contentClassName, children: children })
7
+ ] }));
8
+ }
9
+ //# sourceMappingURL=section-card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"section-card.js","sourceRoot":"","sources":["../../src/console/section-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWvD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,GACY,EAAE;IACnB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,aACvB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,4CAA4C;oBACzD,0BACG,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACjE,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CACzD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAe;YAC7D,CACR,CAAC;AAAA,CACH"}
@@ -0,0 +1,26 @@
1
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
+ import type { StreamOperation } from '../lib/types';
3
+ export type StreamLogProps = ComponentPropsWithoutRef<'div'> & {
4
+ entries: StreamOperation[];
5
+ /** Filter bar rendered above the table */
6
+ filterBar?: ReactNode;
7
+ /** Pagination rendered below the table */
8
+ pagination?: ReactNode;
9
+ /** Optional click handler for selecting a row */
10
+ onEntryClick?: (entry: StreamOperation) => void;
11
+ /** Selected entry id for row highlighting */
12
+ selectedEntryId?: string | null;
13
+ };
14
+ declare const StreamLog: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
15
+ entries: StreamOperation[];
16
+ /** Filter bar rendered above the table */
17
+ filterBar?: ReactNode;
18
+ /** Pagination rendered below the table */
19
+ pagination?: ReactNode;
20
+ /** Optional click handler for selecting a row */
21
+ onEntryClick?: ((entry: StreamOperation) => void) | undefined;
22
+ /** Selected entry id for row highlighting */
23
+ selectedEntryId?: string | null | undefined;
24
+ } & import("react").RefAttributes<HTMLDivElement>>;
25
+ export { StreamLog };
26
+ //# sourceMappingURL=stream-log.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stream-log.d.ts","sourceRoot":"","sources":["../../src/console/stream-log.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC,CAAC;AAcF,QAAA,MAAM,SAAS;;IAtBb,0CAA0C;;IAE1C,0CAA0C;;IAE1C,iDAAiD;;IAEjD,6CAA6C;;kDA2D9C,CAAC;AA4DF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,34 @@
1
+ 'use client';
2
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef, } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ const typeColorMap = {
6
+ commit: 'text-flow',
7
+ push: 'text-syncing',
8
+ pull: 'text-healthy',
9
+ };
10
+ const outcomeColorMap = {
11
+ applied: 'text-healthy',
12
+ error: 'text-offline',
13
+ cached: 'text-syncing',
14
+ };
15
+ const StreamLog = forwardRef(({ className, entries, filterBar, pagination, onEntryClick, selectedEntryId, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('h-full flex flex-col', className), ...props, children: [filterBar, _jsxs("div", { className: "font-mono text-[9px] tracking-wider uppercase text-neutral-600 flex items-center gap-4 px-4 leading-6 border-b border-border bg-white/[0.01]", children: [
16
+ _jsx("span", { className: "w-[50px] truncate", children: "Time" }), _jsx("span", { className: "w-[65px] truncate", children: "Type" }), _jsx("span", { className: "w-[55px] truncate", children: "ID" }), _jsx("span", { className: "w-[65px] truncate", children: "Outcome" }), _jsx("span", { className: "w-[50px] truncate", children: "Dur" }), _jsx("span", { className: "w-[100px] truncate", children: "Actor" }), _jsx("span", { className: "w-[120px] truncate", children: "Client" }), _jsx("span", { className: "flex-1 truncate", children: "Detail" })
17
+ ] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: entries.map((entry, i) => (_jsx(StreamLogRow, { entry: entry, isSelected: selectedEntryId === entry.id, onClick: onEntryClick }, `${entry.id}-${i}`))) }), pagination] })));
18
+ StreamLog.displayName = 'StreamLog';
19
+ function StreamLogRow({ entry, isSelected, onClick, }) {
20
+ const typeColor = typeColorMap[entry.type] ?? 'text-neutral-500';
21
+ const outcomeColor = outcomeColorMap[entry.outcome] ?? 'text-neutral-600';
22
+ const rowClassName = cn('font-mono text-[11px] leading-7 px-4 flex items-center gap-4 border-b border-[#141414] hover:bg-white/[0.015] transition-colors', onClick ? 'cursor-pointer' : 'cursor-default', isSelected && 'bg-white/[0.05]');
23
+ const rowContent = (_jsxs(_Fragment, { children: [
24
+ _jsx("span", { className: "w-[50px] text-neutral-600 truncate", children: entry.time }), _jsx("span", { className: cn('w-[65px] font-medium truncate', typeColor), children: entry.type.toUpperCase() }), _jsx("span", { className: "w-[55px] text-flow truncate", children: entry.id }), _jsx("span", { className: cn('w-[65px] truncate', outcomeColor), children: entry.outcome }), _jsx("span", { className: "w-[50px] text-neutral-500 truncate", children: entry.duration }), _jsx("span", { className: "w-[100px] text-neutral-400 truncate", children: entry.actor }), _jsx("span", { className: "w-[120px] text-neutral-600 truncate", title: entry.client, children: entry.client.length > 14
25
+ ? `${entry.client.substring(0, 14)}\u2026`
26
+ : entry.client }), _jsx("span", { className: "flex-1 text-neutral-500 truncate", children: entry.detail })
27
+ ] }));
28
+ if (!onClick) {
29
+ return _jsx("div", { className: rowClassName, children: rowContent });
30
+ }
31
+ return (_jsx("button", { type: "button", className: cn(rowClassName, 'w-full bg-transparent text-left'), onClick: () => onClick(entry), children: rowContent }));
32
+ }
33
+ export { StreamLog };
34
+ //# sourceMappingURL=stream-log.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stream-log.js","sourceRoot":"","sources":["../../src/console/stream-log.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ import { type ComponentPropsWithoutRef } from 'react';
2
+ import type { SyncClientNode } from '../lib/types';
3
+ export type SyncHorizonProps = ComponentPropsWithoutRef<'div'> & {
4
+ clients: SyncClientNode[];
5
+ headSeq: number;
6
+ maxLag?: number;
7
+ /** Min seq shown on the scale. Defaults to headSeq minus range */
8
+ minSeq?: number;
9
+ };
10
+ declare const SyncHorizon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
+ clients: SyncClientNode[];
12
+ headSeq: number;
13
+ maxLag?: number | undefined;
14
+ /** Min seq shown on the scale. Defaults to headSeq minus range */
15
+ minSeq?: number | undefined;
16
+ } & import("react").RefAttributes<HTMLDivElement>>;
17
+ export { SyncHorizon };
18
+ //# sourceMappingURL=sync-horizon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-horizon.d.ts","sourceRoot":"","sources":["../../src/console/sync-horizon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAQF,QAAA,MAAM,WAAW;;;;IAVf,kEAAkE;;kDAuInE,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,61 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ function getCursorColor(status) {
6
+ if (status === 'online')
7
+ return '#22c55e';
8
+ if (status === 'syncing')
9
+ return '#f59e0b';
10
+ return '#ef4444';
11
+ }
12
+ const SyncHorizon = forwardRef(({ className, clients, headSeq, maxLag, minSeq, ...props }, ref) => {
13
+ const cursors = clients.map((c) => c.cursor);
14
+ const computedMinSeq = minSeq ?? Math.min(...cursors, headSeq) - 10;
15
+ const computedMaxLag = maxLag ?? Math.max(...clients.map((c) => headSeq - c.cursor), 0);
16
+ const range = headSeq - computedMinSeq;
17
+ const scaleMarkers = [
18
+ computedMinSeq,
19
+ Math.round(computedMinSeq + range * 0.33),
20
+ Math.round(computedMinSeq + range * 0.66),
21
+ headSeq,
22
+ ];
23
+ return (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
24
+ _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
25
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Sync Horizon" }), _jsxs("div", { className: "flex items-center gap-4", children: [
26
+ _jsxs("div", { className: "flex items-center gap-2", children: [
27
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500", children: "Head" }), _jsxs("span", { className: "font-mono text-xs text-white font-semibold", children: ["#", headSeq.toLocaleString()] })
28
+ ] }), _jsx("div", { className: "w-px h-3 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
29
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500", children: "Max lag" }), _jsx("span", { className: "font-mono text-xs text-syncing font-semibold", children: computedMaxLag })
30
+ ] })
31
+ ] })
32
+ ] }), _jsxs("div", { className: "p-4", children: [
33
+ _jsxs("div", { className: "relative h-8 mb-3 rounded bg-surface", children: [
34
+ _jsx("div", { className: "absolute inset-0 flex items-center justify-between px-2", children: scaleMarkers.map((m) => (_jsxs("span", { className: "font-mono text-[8px] text-neutral-700", children: ["#", m.toLocaleString()] }, m))) }), _jsx("div", { className: "absolute top-0 bottom-0 w-px bg-flow/40", style: { right: '2%' } }), clients.map((c) => {
35
+ const pct = range > 0 ? ((c.cursor - computedMinSeq) / range) * 96 + 2 : 50;
36
+ const color = getCursorColor(c.status);
37
+ const op = c.status === 'offline' ? 0.4 : 1;
38
+ return (_jsx("div", { className: "absolute", style: {
39
+ left: `${pct}%`,
40
+ top: '50%',
41
+ transform: 'translate(-50%,-50%)',
42
+ opacity: op,
43
+ }, title: `${c.id} \u2192 #${c.cursor}`, children: _jsx("div", { className: "w-2.5 h-2.5 rounded-full", style: {
44
+ background: color,
45
+ boxShadow: `0 0 4px ${color}`,
46
+ } }) }, c.id));
47
+ })] }), _jsxs("div", { className: "flex items-center gap-4", children: [
48
+ _jsxs("div", { className: "flex items-center gap-1.5", children: [
49
+ _jsx("span", { className: "w-2 h-2 rounded-full bg-healthy" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Caught up" })
50
+ ] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [
51
+ _jsx("span", { className: "w-2 h-2 rounded-full bg-syncing" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Behind" })
52
+ ] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [
53
+ _jsx("span", { className: "w-2 h-2 rounded-full bg-offline opacity-50" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Offline" })
54
+ ] })
55
+ ] })
56
+ ] })
57
+ ] }));
58
+ });
59
+ SyncHorizon.displayName = 'SyncHorizon';
60
+ export { SyncHorizon };
61
+ //# sourceMappingURL=sync-horizon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-horizon.js","sourceRoot":"","sources":["../../src/console/sync-horizon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ export interface SyncLagStats {
2
+ maxCommitSeq: number;
3
+ }
4
+ export interface SyncLagClient {
5
+ clientId: string;
6
+ cursor: number;
7
+ lagCommitCount?: number | null;
8
+ }
9
+ export interface SyncLagBarProps {
10
+ className?: string;
11
+ clients: SyncLagClient[];
12
+ stats: SyncLagStats;
13
+ }
14
+ interface ClientLagInfo {
15
+ lag: number;
16
+ status: 'ok' | 'behind' | 'far-behind' | 'bootstrapping';
17
+ colorClass: string;
18
+ bgClass: string;
19
+ }
20
+ export declare function getClientLagInfo(cursor: number, headSeq: number, lagOverride?: number | null): ClientLagInfo;
21
+ export declare function SyncLagBar({ className, clients, stats }: SyncLagBarProps): import("react/jsx-runtime").JSX.Element;
22
+ export {};
23
+ //# sourceMappingURL=sync-lag-bar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-lag-bar.d.ts","sourceRoot":"","sources":["../../src/console/sync-lag-bar.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,IAAI,GAAG,QAAQ,GAAG,YAAY,GAAG,eAAe,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAC1B,aAAa,CAoCf;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,eAAe,2CA0JxE"}