@panoboard/core 1.3.0 → 1.9.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 (371) hide show
  1. package/dist/annotations/executor.d.ts +32 -0
  2. package/dist/annotations/executor.d.ts.map +1 -0
  3. package/dist/annotations/executor.js +74 -0
  4. package/dist/annotations/executor.js.map +1 -0
  5. package/dist/annotations/index.d.ts +2 -0
  6. package/dist/annotations/index.d.ts.map +1 -0
  7. package/dist/annotations/index.js +15 -0
  8. package/dist/annotations/index.js.map +1 -0
  9. package/dist/cache/keys.d.ts.map +1 -1
  10. package/dist/cache/keys.js +4 -4
  11. package/dist/cache/keys.js.map +1 -1
  12. package/dist/components/ConfigErrorBanner.d.ts.map +1 -1
  13. package/dist/components/ConfigErrorBanner.js +38 -10
  14. package/dist/components/ConfigErrorBanner.js.map +1 -1
  15. package/dist/components/CrosshairContext.d.ts +13 -0
  16. package/dist/components/CrosshairContext.d.ts.map +1 -0
  17. package/dist/components/CrosshairContext.js +37 -0
  18. package/dist/components/CrosshairContext.js.map +1 -0
  19. package/dist/components/DashboardCard.d.ts +3 -1
  20. package/dist/components/DashboardCard.d.ts.map +1 -1
  21. package/dist/components/DashboardCard.js +65 -12
  22. package/dist/components/DashboardCard.js.map +1 -1
  23. package/dist/components/DashboardDescription.d.ts +19 -0
  24. package/dist/components/DashboardDescription.d.ts.map +1 -0
  25. package/dist/components/DashboardDescription.js +61 -0
  26. package/dist/components/DashboardDescription.js.map +1 -0
  27. package/dist/components/DashboardLinks.d.ts +8 -0
  28. package/dist/components/DashboardLinks.d.ts.map +1 -0
  29. package/dist/components/DashboardLinks.js +53 -0
  30. package/dist/components/DashboardLinks.js.map +1 -0
  31. package/dist/components/DashboardShell.d.ts +5 -1
  32. package/dist/components/DashboardShell.d.ts.map +1 -1
  33. package/dist/components/DashboardShell.js +42 -25
  34. package/dist/components/DashboardShell.js.map +1 -1
  35. package/dist/components/EmptyState.d.ts.map +1 -1
  36. package/dist/components/EmptyState.js +7 -1
  37. package/dist/components/EmptyState.js.map +1 -1
  38. package/dist/components/ErrorPage.d.ts.map +1 -1
  39. package/dist/components/ErrorPage.js +22 -33
  40. package/dist/components/ErrorPage.js.map +1 -1
  41. package/dist/components/FilterBar.d.ts.map +1 -1
  42. package/dist/components/FilterBar.js +21 -5
  43. package/dist/components/FilterBar.js.map +1 -1
  44. package/dist/components/NotificationCenter.d.ts +6 -0
  45. package/dist/components/NotificationCenter.d.ts.map +1 -0
  46. package/dist/components/NotificationCenter.js +83 -0
  47. package/dist/components/NotificationCenter.js.map +1 -0
  48. package/dist/components/NotificationIndicator.d.ts +6 -0
  49. package/dist/components/NotificationIndicator.d.ts.map +1 -0
  50. package/dist/components/NotificationIndicator.js +24 -0
  51. package/dist/components/NotificationIndicator.js.map +1 -0
  52. package/dist/components/PanelGrid.js +2 -2
  53. package/dist/components/PanelGrid.js.map +1 -1
  54. package/dist/components/PanelWrapper.d.ts +2 -1
  55. package/dist/components/PanelWrapper.d.ts.map +1 -1
  56. package/dist/components/PanelWrapper.js +101 -16
  57. package/dist/components/PanelWrapper.js.map +1 -1
  58. package/dist/components/RefreshContext.d.ts +3 -0
  59. package/dist/components/RefreshContext.d.ts.map +1 -0
  60. package/dist/components/RefreshContext.js +7 -0
  61. package/dist/components/RefreshContext.js.map +1 -0
  62. package/dist/components/RefreshControl.d.ts +17 -0
  63. package/dist/components/RefreshControl.d.ts.map +1 -0
  64. package/dist/components/RefreshControl.js +72 -0
  65. package/dist/components/RefreshControl.js.map +1 -0
  66. package/dist/components/SectionGrid.d.ts +9 -0
  67. package/dist/components/SectionGrid.d.ts.map +1 -0
  68. package/dist/components/SectionGrid.js +76 -0
  69. package/dist/components/SectionGrid.js.map +1 -0
  70. package/dist/components/SectionHeader.d.ts +8 -0
  71. package/dist/components/SectionHeader.d.ts.map +1 -0
  72. package/dist/components/SectionHeader.js +21 -0
  73. package/dist/components/SectionHeader.js.map +1 -0
  74. package/dist/components/TagPills.d.ts +7 -0
  75. package/dist/components/TagPills.d.ts.map +1 -0
  76. package/dist/components/TagPills.js +41 -0
  77. package/dist/components/TagPills.js.map +1 -0
  78. package/dist/components/filters/BooleanFilter.d.ts.map +1 -1
  79. package/dist/components/filters/BooleanFilter.js +1 -3
  80. package/dist/components/filters/BooleanFilter.js.map +1 -1
  81. package/dist/components/filters/CalendarGrid.d.ts.map +1 -1
  82. package/dist/components/filters/CalendarGrid.js +1 -1
  83. package/dist/components/filters/CalendarGrid.js.map +1 -1
  84. package/dist/components/filters/DateRangeFilter.d.ts.map +1 -1
  85. package/dist/components/filters/DateRangeFilter.js +4 -6
  86. package/dist/components/filters/DateRangeFilter.js.map +1 -1
  87. package/dist/components/filters/FilterChips.d.ts.map +1 -1
  88. package/dist/components/filters/FilterChips.js +71 -10
  89. package/dist/components/filters/FilterChips.js.map +1 -1
  90. package/dist/components/filters/IntervalFilter.d.ts +9 -0
  91. package/dist/components/filters/IntervalFilter.d.ts.map +1 -0
  92. package/dist/components/filters/IntervalFilter.js +32 -0
  93. package/dist/components/filters/IntervalFilter.js.map +1 -0
  94. package/dist/components/filters/MultiSelectFilter.d.ts.map +1 -1
  95. package/dist/components/filters/MultiSelectFilter.js +1 -3
  96. package/dist/components/filters/MultiSelectFilter.js.map +1 -1
  97. package/dist/components/filters/NumberFilter.d.ts.map +1 -1
  98. package/dist/components/filters/NumberFilter.js +5 -1
  99. package/dist/components/filters/NumberFilter.js.map +1 -1
  100. package/dist/components/filters/SelectFilter.d.ts +2 -1
  101. package/dist/components/filters/SelectFilter.d.ts.map +1 -1
  102. package/dist/components/filters/SelectFilter.js +9 -10
  103. package/dist/components/filters/SelectFilter.js.map +1 -1
  104. package/dist/components/filters/TextFilter.d.ts.map +1 -1
  105. package/dist/components/filters/TextFilter.js +5 -1
  106. package/dist/components/filters/TextFilter.js.map +1 -1
  107. package/dist/components/index.d.ts +11 -1
  108. package/dist/components/index.d.ts.map +1 -1
  109. package/dist/components/index.js +14 -1
  110. package/dist/components/index.js.map +1 -1
  111. package/dist/components/panels/AnnotationLayer.d.ts +28 -0
  112. package/dist/components/panels/AnnotationLayer.d.ts.map +1 -0
  113. package/dist/components/panels/AnnotationLayer.js +102 -0
  114. package/dist/components/panels/AnnotationLayer.js.map +1 -0
  115. package/dist/components/panels/AreaChart.d.ts +3 -1
  116. package/dist/components/panels/AreaChart.d.ts.map +1 -1
  117. package/dist/components/panels/AreaChart.js +87 -5
  118. package/dist/components/panels/AreaChart.js.map +1 -1
  119. package/dist/components/panels/BarChart.d.ts.map +1 -1
  120. package/dist/components/panels/BarChart.js +61 -7
  121. package/dist/components/panels/BarChart.js.map +1 -1
  122. package/dist/components/panels/BulletChart.js +1 -1
  123. package/dist/components/panels/BulletChart.js.map +1 -1
  124. package/dist/components/panels/CalendarHeatmap.d.ts.map +1 -1
  125. package/dist/components/panels/CalendarHeatmap.js +7 -4
  126. package/dist/components/panels/CalendarHeatmap.js.map +1 -1
  127. package/dist/components/panels/ChartTooltip.d.ts.map +1 -1
  128. package/dist/components/panels/ChartTooltip.js +9 -48
  129. package/dist/components/panels/ChartTooltip.js.map +1 -1
  130. package/dist/components/panels/DataLinks.d.ts +35 -0
  131. package/dist/components/panels/DataLinks.d.ts.map +1 -0
  132. package/dist/components/panels/DataLinks.js +67 -0
  133. package/dist/components/panels/DataLinks.js.map +1 -0
  134. package/dist/components/panels/GaugePanel.d.ts +7 -0
  135. package/dist/components/panels/GaugePanel.d.ts.map +1 -0
  136. package/dist/components/panels/GaugePanel.js +116 -0
  137. package/dist/components/panels/GaugePanel.js.map +1 -0
  138. package/dist/components/panels/HistogramPanel.d.ts +18 -0
  139. package/dist/components/panels/HistogramPanel.d.ts.map +1 -0
  140. package/dist/components/panels/HistogramPanel.js +92 -0
  141. package/dist/components/panels/HistogramPanel.js.map +1 -0
  142. package/dist/components/panels/LineChart.d.ts +3 -1
  143. package/dist/components/panels/LineChart.d.ts.map +1 -1
  144. package/dist/components/panels/LineChart.js +90 -5
  145. package/dist/components/panels/LineChart.js.map +1 -1
  146. package/dist/components/panels/ListPanel.d.ts.map +1 -1
  147. package/dist/components/panels/ListPanel.js +1 -1
  148. package/dist/components/panels/ListPanel.js.map +1 -1
  149. package/dist/components/panels/MarkdownPanel.d.ts +15 -1
  150. package/dist/components/panels/MarkdownPanel.d.ts.map +1 -1
  151. package/dist/components/panels/MarkdownPanel.js +70 -7
  152. package/dist/components/panels/MarkdownPanel.js.map +1 -1
  153. package/dist/components/panels/MetricPanel.d.ts.map +1 -1
  154. package/dist/components/panels/MetricPanel.js +1 -1
  155. package/dist/components/panels/MetricPanel.js.map +1 -1
  156. package/dist/components/panels/PanelEmpty.d.ts.map +1 -1
  157. package/dist/components/panels/PanelEmpty.js +1 -1
  158. package/dist/components/panels/PanelEmpty.js.map +1 -1
  159. package/dist/components/panels/PanelError.d.ts.map +1 -1
  160. package/dist/components/panels/PanelError.js +4 -1
  161. package/dist/components/panels/PanelError.js.map +1 -1
  162. package/dist/components/panels/PanelSkeleton.js +2 -2
  163. package/dist/components/panels/PanelSkeleton.js.map +1 -1
  164. package/dist/components/panels/RadialBarChart.js +1 -1
  165. package/dist/components/panels/RadialBarChart.js.map +1 -1
  166. package/dist/components/panels/ScatterChart.d.ts +15 -1
  167. package/dist/components/panels/ScatterChart.d.ts.map +1 -1
  168. package/dist/components/panels/ScatterChart.js +96 -26
  169. package/dist/components/panels/ScatterChart.js.map +1 -1
  170. package/dist/components/panels/Sparkline.d.ts +21 -0
  171. package/dist/components/panels/Sparkline.d.ts.map +1 -0
  172. package/dist/components/panels/Sparkline.js +53 -0
  173. package/dist/components/panels/Sparkline.js.map +1 -0
  174. package/dist/components/panels/StatPanel.d.ts +3 -1
  175. package/dist/components/panels/StatPanel.d.ts.map +1 -1
  176. package/dist/components/panels/StatPanel.js +33 -4
  177. package/dist/components/panels/StatPanel.js.map +1 -1
  178. package/dist/components/panels/TablePanel.d.ts +2 -1
  179. package/dist/components/panels/TablePanel.d.ts.map +1 -1
  180. package/dist/components/panels/TablePanel.js +96 -6
  181. package/dist/components/panels/TablePanel.js.map +1 -1
  182. package/dist/components/panels/VideoPanel.d.ts.map +1 -1
  183. package/dist/components/panels/VideoPanel.js +1 -1
  184. package/dist/components/panels/VideoPanel.js.map +1 -1
  185. package/dist/components/panels/nivo-theme.d.ts +1 -44
  186. package/dist/components/panels/nivo-theme.d.ts.map +1 -1
  187. package/dist/components/panels/nivo-theme.js +9 -104
  188. package/dist/components/panels/nivo-theme.js.map +1 -1
  189. package/dist/components/panels/semantic-colors.d.ts.map +1 -1
  190. package/dist/components/panels/semantic-colors.js +2 -39
  191. package/dist/components/panels/semantic-colors.js.map +1 -1
  192. package/dist/components/ui/Button.d.ts +1 -1
  193. package/dist/components/ui/Button.d.ts.map +1 -1
  194. package/dist/components/ui/Button.js +6 -9
  195. package/dist/components/ui/Button.js.map +1 -1
  196. package/dist/components/ui/Tabs.d.ts.map +1 -1
  197. package/dist/components/ui/Tabs.js +1 -1
  198. package/dist/components/ui/Tabs.js.map +1 -1
  199. package/dist/connectors/bigquery.d.ts.map +1 -1
  200. package/dist/connectors/bigquery.js +6 -1
  201. package/dist/connectors/bigquery.js.map +1 -1
  202. package/dist/connectors/postgres.d.ts.map +1 -1
  203. package/dist/connectors/postgres.js +3 -0
  204. package/dist/connectors/postgres.js.map +1 -1
  205. package/dist/connectors/redshift.d.ts.map +1 -1
  206. package/dist/connectors/redshift.js +3 -0
  207. package/dist/connectors/redshift.js.map +1 -1
  208. package/dist/contexts/NotificationContext.d.ts +10 -0
  209. package/dist/contexts/NotificationContext.d.ts.map +1 -0
  210. package/dist/contexts/NotificationContext.js +24 -0
  211. package/dist/contexts/NotificationContext.js.map +1 -0
  212. package/dist/filters/daterange.d.ts +1 -1
  213. package/dist/filters/daterange.d.ts.map +1 -1
  214. package/dist/filters/daterange.js +54 -9
  215. package/dist/filters/daterange.js.map +1 -1
  216. package/dist/filters/index.d.ts +2 -0
  217. package/dist/filters/index.d.ts.map +1 -1
  218. package/dist/filters/index.js +2 -0
  219. package/dist/filters/index.js.map +1 -1
  220. package/dist/filters/interval.d.ts +13 -0
  221. package/dist/filters/interval.d.ts.map +1 -0
  222. package/dist/filters/interval.js +40 -0
  223. package/dist/filters/interval.js.map +1 -0
  224. package/dist/filters/resolver.d.ts +1 -1
  225. package/dist/filters/resolver.d.ts.map +1 -1
  226. package/dist/filters/resolver.js +28 -2
  227. package/dist/filters/resolver.js.map +1 -1
  228. package/dist/flattenTabs.d.ts +8 -0
  229. package/dist/flattenTabs.d.ts.map +1 -0
  230. package/dist/flattenTabs.js +24 -0
  231. package/dist/flattenTabs.js.map +1 -0
  232. package/dist/formats.d.ts +1 -1
  233. package/dist/formats.d.ts.map +1 -1
  234. package/dist/formats.js +19 -9
  235. package/dist/formats.js.map +1 -1
  236. package/dist/hooks/useNotifications.d.ts +5 -0
  237. package/dist/hooks/useNotifications.d.ts.map +1 -0
  238. package/dist/hooks/useNotifications.js +48 -0
  239. package/dist/hooks/useNotifications.js.map +1 -0
  240. package/dist/index.d.ts +3 -0
  241. package/dist/index.d.ts.map +1 -1
  242. package/dist/index.js +4 -0
  243. package/dist/index.js.map +1 -1
  244. package/dist/interpolation.d.ts +10 -0
  245. package/dist/interpolation.d.ts.map +1 -0
  246. package/dist/interpolation.js +64 -0
  247. package/dist/interpolation.js.map +1 -0
  248. package/dist/panels/conditional.d.ts +12 -0
  249. package/dist/panels/conditional.d.ts.map +1 -0
  250. package/dist/panels/conditional.js +90 -0
  251. package/dist/panels/conditional.js.map +1 -0
  252. package/dist/panels/index.d.ts +11 -0
  253. package/dist/panels/index.d.ts.map +1 -0
  254. package/dist/panels/index.js +19 -0
  255. package/dist/panels/index.js.map +1 -0
  256. package/dist/panels/mappings.d.ts +40 -0
  257. package/dist/panels/mappings.d.ts.map +1 -0
  258. package/dist/panels/mappings.js +83 -0
  259. package/dist/panels/mappings.js.map +1 -0
  260. package/dist/panels/overrides.d.ts +37 -0
  261. package/dist/panels/overrides.d.ts.map +1 -0
  262. package/dist/panels/overrides.js +57 -0
  263. package/dist/panels/overrides.js.map +1 -0
  264. package/dist/panels/threshold-layers.d.ts +18 -0
  265. package/dist/panels/threshold-layers.d.ts.map +1 -0
  266. package/dist/panels/threshold-layers.js +35 -0
  267. package/dist/panels/threshold-layers.js.map +1 -0
  268. package/dist/panels/thresholds.d.ts +36 -0
  269. package/dist/panels/thresholds.d.ts.map +1 -0
  270. package/dist/panels/thresholds.js +81 -0
  271. package/dist/panels/thresholds.js.map +1 -0
  272. package/dist/schemas/annotations.d.ts +34 -0
  273. package/dist/schemas/annotations.d.ts.map +1 -0
  274. package/dist/schemas/annotations.js +19 -0
  275. package/dist/schemas/annotations.js.map +1 -0
  276. package/dist/schemas/config.d.ts +1 -0
  277. package/dist/schemas/config.d.ts.map +1 -1
  278. package/dist/schemas/config.js +1 -0
  279. package/dist/schemas/config.js.map +1 -1
  280. package/dist/schemas/dashboard.d.ts +5861 -235
  281. package/dist/schemas/dashboard.d.ts.map +1 -1
  282. package/dist/schemas/dashboard.js +173 -10
  283. package/dist/schemas/dashboard.js.map +1 -1
  284. package/dist/schemas/index.d.ts +6 -1
  285. package/dist/schemas/index.d.ts.map +1 -1
  286. package/dist/schemas/index.js +6 -1
  287. package/dist/schemas/index.js.map +1 -1
  288. package/dist/schemas/mappings.d.ts +46 -0
  289. package/dist/schemas/mappings.d.ts.map +1 -0
  290. package/dist/schemas/mappings.js +46 -0
  291. package/dist/schemas/mappings.js.map +1 -0
  292. package/dist/schemas/overrides.d.ts +77 -0
  293. package/dist/schemas/overrides.d.ts.map +1 -0
  294. package/dist/schemas/overrides.js +38 -0
  295. package/dist/schemas/overrides.js.map +1 -0
  296. package/dist/schemas/theme.d.ts +89 -7
  297. package/dist/schemas/theme.d.ts.map +1 -1
  298. package/dist/schemas/theme.js +40 -24
  299. package/dist/schemas/theme.js.map +1 -1
  300. package/dist/schemas/thresholds.d.ts +19 -0
  301. package/dist/schemas/thresholds.d.ts.map +1 -0
  302. package/dist/schemas/thresholds.js +31 -0
  303. package/dist/schemas/thresholds.js.map +1 -0
  304. package/dist/schemas/transforms.d.ts +54 -0
  305. package/dist/schemas/transforms.d.ts.map +1 -0
  306. package/dist/schemas/transforms.js +51 -0
  307. package/dist/schemas/transforms.js.map +1 -0
  308. package/dist/startup/sql-lint.d.ts.map +1 -1
  309. package/dist/startup/sql-lint.js +3 -2
  310. package/dist/startup/sql-lint.js.map +1 -1
  311. package/dist/theme/builtin.d.ts.map +1 -1
  312. package/dist/theme/builtin.js +56 -62
  313. package/dist/theme/builtin.js.map +1 -1
  314. package/dist/theme/colors.d.ts +11 -0
  315. package/dist/theme/colors.d.ts.map +1 -0
  316. package/dist/theme/colors.js +71 -0
  317. package/dist/theme/colors.js.map +1 -0
  318. package/dist/theme/context.d.ts.map +1 -1
  319. package/dist/theme/context.js +16 -3
  320. package/dist/theme/context.js.map +1 -1
  321. package/dist/theme/loader-export.d.ts +1 -1
  322. package/dist/theme/loader-export.d.ts.map +1 -1
  323. package/dist/theme/loader-export.js +1 -1
  324. package/dist/theme/loader-export.js.map +1 -1
  325. package/dist/theme/loader.d.ts +8 -3
  326. package/dist/theme/loader.d.ts.map +1 -1
  327. package/dist/theme/loader.js +24 -13
  328. package/dist/theme/loader.js.map +1 -1
  329. package/dist/transforms/computed.d.ts +11 -0
  330. package/dist/transforms/computed.d.ts.map +1 -0
  331. package/dist/transforms/computed.js +24 -0
  332. package/dist/transforms/computed.js.map +1 -0
  333. package/dist/transforms/engine.d.ts +17 -0
  334. package/dist/transforms/engine.d.ts.map +1 -0
  335. package/dist/transforms/engine.js +65 -0
  336. package/dist/transforms/engine.js.map +1 -0
  337. package/dist/transforms/expression.d.ts +9 -0
  338. package/dist/transforms/expression.d.ts.map +1 -0
  339. package/dist/transforms/expression.js +306 -0
  340. package/dist/transforms/expression.js.map +1 -0
  341. package/dist/transforms/filter.d.ts +11 -0
  342. package/dist/transforms/filter.d.ts.map +1 -0
  343. package/dist/transforms/filter.js +10 -0
  344. package/dist/transforms/filter.js.map +1 -0
  345. package/dist/transforms/index.d.ts +10 -0
  346. package/dist/transforms/index.d.ts.map +1 -0
  347. package/dist/transforms/index.js +9 -0
  348. package/dist/transforms/index.js.map +1 -0
  349. package/dist/transforms/limit.d.ts +11 -0
  350. package/dist/transforms/limit.d.ts.map +1 -0
  351. package/dist/transforms/limit.js +4 -0
  352. package/dist/transforms/limit.js.map +1 -0
  353. package/dist/transforms/percentage.d.ts +11 -0
  354. package/dist/transforms/percentage.d.ts.map +1 -0
  355. package/dist/transforms/percentage.js +25 -0
  356. package/dist/transforms/percentage.js.map +1 -0
  357. package/dist/transforms/rename.d.ts +11 -0
  358. package/dist/transforms/rename.d.ts.map +1 -0
  359. package/dist/transforms/rename.js +17 -0
  360. package/dist/transforms/rename.js.map +1 -0
  361. package/dist/transforms/sort.d.ts +11 -0
  362. package/dist/transforms/sort.d.ts.map +1 -0
  363. package/dist/transforms/sort.js +21 -0
  364. package/dist/transforms/sort.js.map +1 -0
  365. package/dist/types/config-error.d.ts +1 -1
  366. package/dist/types/config-error.d.ts.map +1 -1
  367. package/dist/types/notification.d.ts +19 -0
  368. package/dist/types/notification.d.ts.map +1 -0
  369. package/dist/types/notification.js +15 -0
  370. package/dist/types/notification.js.map +1 -0
  371. package/package.json +12 -2
@@ -0,0 +1,116 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ // Copyright 2026 Mataki Labs LLC
3
+ //
4
+ // Licensed under the Business Source License 1.1 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // https://github.com/panoboard/panoboard/blob/main/LICENSE
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ import { formatValue } from "../../formats";
16
+ import { useTheme } from "../../theme/context";
17
+ import { useLocale } from "../../locale/context";
18
+ /** Map semantic color names to hex values */
19
+ const SEMANTIC_COLORS = {
20
+ green: "#34d399",
21
+ yellow: "#fbbf24",
22
+ red: "#f87171",
23
+ orange: "#fb923c",
24
+ blue: "#60a5fa",
25
+ };
26
+ function resolveColor(color) {
27
+ return SEMANTIC_COLORS[color] ?? color;
28
+ }
29
+ /**
30
+ * Compute the threshold color for a given value against threshold steps.
31
+ * Steps are sorted ascending by value. The color of the last step whose
32
+ * value <= the current value wins.
33
+ */
34
+ function resolveThresholdColor(value, steps) {
35
+ const sorted = [...steps].sort((a, b) => a.value - b.value);
36
+ let color = resolveColor(sorted[0]?.color ?? "green");
37
+ for (const step of sorted) {
38
+ if (value >= step.value) {
39
+ color = resolveColor(step.color);
40
+ }
41
+ }
42
+ return color;
43
+ }
44
+ /**
45
+ * Generate an SVG arc path for a radial gauge.
46
+ * startAngle and endAngle are in degrees, measured clockwise from top-center.
47
+ */
48
+ function describeArc(cx, cy, radius, startAngle, endAngle) {
49
+ const toRad = (deg) => ((deg - 90) * Math.PI) / 180;
50
+ const start = {
51
+ x: cx + radius * Math.cos(toRad(endAngle)),
52
+ y: cy + radius * Math.sin(toRad(endAngle)),
53
+ };
54
+ const end = {
55
+ x: cx + radius * Math.cos(toRad(startAngle)),
56
+ y: cy + radius * Math.sin(toRad(startAngle)),
57
+ };
58
+ const largeArcFlag = endAngle - startAngle <= 180 ? 0 : 1;
59
+ return `M ${start.x} ${start.y} A ${radius} ${radius} 0 ${largeArcFlag} 0 ${end.x} ${end.y}`;
60
+ }
61
+ const ARC_START = 135; // degrees
62
+ const ARC_SWEEP = 270; // degrees
63
+ const ARC_END = ARC_START + ARC_SWEEP;
64
+ export function GaugePanel({ panel, data }) {
65
+ const theme = useTheme();
66
+ const locale = useLocale();
67
+ const gauge = panel.gauge;
68
+ const valueKey = gauge?.value ?? "value";
69
+ const min = gauge?.min ?? 0;
70
+ const max = gauge?.max ?? 100;
71
+ const format = gauge?.format;
72
+ const thresholds = gauge?.thresholds;
73
+ const rows = data.rows;
74
+ const rawValue = rows?.[0]?.[valueKey];
75
+ const numValue = rawValue != null ? Number(rawValue) : null;
76
+ const clampedValue = numValue != null ? Math.max(min, Math.min(max, numValue)) : null;
77
+ const formattedValue = numValue != null ? formatValue(numValue, format ?? "number", locale) : "--";
78
+ // SVG dimensions
79
+ const size = 200;
80
+ const cx = size / 2;
81
+ const cy = size / 2;
82
+ const radius = 80;
83
+ const strokeWidth = 16;
84
+ // Compute fill angle
85
+ const fraction = clampedValue != null && max !== min
86
+ ? (clampedValue - min) / (max - min)
87
+ : 0;
88
+ const fillEnd = ARC_START + fraction * ARC_SWEEP;
89
+ // Resolve arc color from thresholds
90
+ const arcColor = numValue != null && thresholds?.steps
91
+ ? resolveThresholdColor(numValue, thresholds.steps)
92
+ : theme.palette?.[0] ?? theme.primary;
93
+ // Track (background arc) color
94
+ const trackColor = "rgba(148, 163, 184, 0.15)";
95
+ return (_jsx("div", { className: "h-full flex items-center justify-center", children: _jsxs("svg", { viewBox: `0 0 ${size} ${size}`, style: { width: "100%", maxWidth: size, maxHeight: "100%" }, children: [thresholds?.steps && thresholds.steps.length > 1 ? ((() => {
96
+ const sorted = [...thresholds.steps].sort((a, b) => a.value - b.value);
97
+ return sorted.map((step, i) => {
98
+ const stepStart = ARC_START +
99
+ ((step.value - min) / (max - min)) * ARC_SWEEP;
100
+ const nextValue = i < sorted.length - 1 ? sorted[i + 1].value : max;
101
+ const stepEnd = ARC_START +
102
+ ((nextValue - min) / (max - min)) * ARC_SWEEP;
103
+ return (_jsx("path", { d: describeArc(cx, cy, radius, stepStart, stepEnd), fill: "none", stroke: resolveColor(step.color), strokeWidth: strokeWidth, strokeLinecap: "butt", opacity: 0.12 }, i));
104
+ });
105
+ })()) : (_jsx("path", { d: describeArc(cx, cy, radius, ARC_START, ARC_END), fill: "none", stroke: trackColor, strokeWidth: strokeWidth, strokeLinecap: "round" })), fraction > 0 && (_jsx("path", { d: describeArc(cx, cy, radius, ARC_START, fillEnd), fill: "none", stroke: arcColor, strokeWidth: strokeWidth, strokeLinecap: "round", style: {
106
+ filter: `drop-shadow(0 0 6px ${arcColor}60)`,
107
+ transition: "d 0.6s ease-out",
108
+ } })), _jsx("text", { x: cx, y: cy - 4, textAnchor: "middle", dominantBaseline: "central", style: {
109
+ fontSize: 28,
110
+ fontWeight: 700,
111
+ fill: arcColor,
112
+ fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
113
+ fontVariantNumeric: "tabular-nums",
114
+ }, children: formattedValue }), _jsx("text", { x: cx - radius + 8, y: cy + radius / 2 + 16, textAnchor: "start", style: { fontSize: 10, fill: theme.typography.muted }, children: formatValue(min, format ?? "number", locale) }), _jsx("text", { x: cx + radius - 8, y: cy + radius / 2 + 16, textAnchor: "end", style: { fontSize: 10, fill: theme.typography.muted }, children: formatValue(max, format ?? "number", locale) })] }) }));
115
+ }
116
+ //# sourceMappingURL=GaugePanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GaugePanel.js","sourceRoot":"","sources":["../../../src/components/panels/GaugePanel.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ export interface Bucket {
2
+ label: string;
3
+ count: number;
4
+ min: number;
5
+ max: number;
6
+ }
7
+ /**
8
+ * Compute histogram buckets from raw values.
9
+ * bucketConfig: "auto" uses Sturges' formula (ceil(log2(n) + 1)), or an explicit integer.
10
+ */
11
+ export declare function computeBuckets(values: number[], bucketConfig: "auto" | number): Bucket[];
12
+ interface HistogramPanelProps {
13
+ panel: Record<string, unknown>;
14
+ data: Record<string, unknown>;
15
+ }
16
+ export declare function HistogramPanel({ panel, data }: HistogramPanelProps): import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=HistogramPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HistogramPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/HistogramPanel.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EAAE,EAChB,YAAY,EAAE,MAAM,GAAG,MAAM,GAC5B,MAAM,EAAE,CAqCV;AAED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CA+DlE"}
@@ -0,0 +1,92 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ // Copyright 2026 Mataki Labs LLC
3
+ //
4
+ // Licensed under the Business Source License 1.1 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // https://github.com/panoboard/panoboard/blob/main/LICENSE
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ import { ResponsiveBar } from "@nivo/bar";
16
+ import { buildNivoTheme, getChartPalette } from "./nivo-theme";
17
+ import { useTheme } from "../../theme/context";
18
+ import { ChartTooltip } from "./ChartTooltip";
19
+ import { formatValue } from "../../formats";
20
+ import { useLocale } from "../../locale/context";
21
+ /**
22
+ * Compute histogram buckets from raw values.
23
+ * bucketConfig: "auto" uses Sturges' formula (ceil(log2(n) + 1)), or an explicit integer.
24
+ */
25
+ export function computeBuckets(values, bucketConfig) {
26
+ if (values.length === 0)
27
+ return [];
28
+ const sorted = [...values].sort((a, b) => a - b);
29
+ const minVal = sorted[0];
30
+ const maxVal = sorted[sorted.length - 1];
31
+ if (minVal === maxVal) {
32
+ return [{ label: String(minVal), count: values.length, min: minVal, max: maxVal }];
33
+ }
34
+ const bucketCount = bucketConfig === "auto"
35
+ ? Math.ceil(Math.log2(values.length) + 1)
36
+ : bucketConfig;
37
+ const width = (maxVal - minVal) / bucketCount;
38
+ const buckets = [];
39
+ for (let i = 0; i < bucketCount; i++) {
40
+ const bMin = minVal + i * width;
41
+ const bMax = i === bucketCount - 1 ? maxVal : minVal + (i + 1) * width;
42
+ buckets.push({ label: "", count: 0, min: bMin, max: bMax });
43
+ }
44
+ for (const v of values) {
45
+ let idx = Math.floor((v - minVal) / width);
46
+ if (idx >= bucketCount)
47
+ idx = bucketCount - 1;
48
+ buckets[idx].count++;
49
+ }
50
+ // Generate labels
51
+ for (const b of buckets) {
52
+ b.label = `${b.min.toFixed(1)} - ${b.max.toFixed(1)}`;
53
+ }
54
+ return buckets;
55
+ }
56
+ export function HistogramPanel({ panel, data }) {
57
+ const theme = useTheme();
58
+ const nivoTheme = buildNivoTheme(theme);
59
+ const palette = getChartPalette(theme);
60
+ const locale = useLocale();
61
+ const histogram = panel.histogram;
62
+ const field = histogram?.field ?? "value";
63
+ const bucketConfig = histogram?.buckets ?? "auto";
64
+ const format = histogram?.format;
65
+ const rows = data.rows;
66
+ const values = (rows ?? [])
67
+ .map((r) => Number(r[field]))
68
+ .filter((v) => !isNaN(v));
69
+ const buckets = computeBuckets(values, bucketConfig);
70
+ const chartData = buckets.map((b) => ({
71
+ bucket: b.label,
72
+ count: b.count,
73
+ }));
74
+ return (_jsx("div", { style: { height: "100%" }, children: _jsx(ResponsiveBar, { data: chartData, keys: ["count"], indexBy: "bucket", colors: [palette[0]], theme: nivoTheme, margin: { top: 16, right: 16, bottom: 56, left: 56 }, padding: 0.08, tooltip: ({ indexValue, value }) => {
75
+ const bucket = buckets.find((b) => b.label === indexValue);
76
+ const rangeLabel = bucket
77
+ ? `${format ? formatValue(bucket.min, format, locale) : bucket.min.toFixed(1)} - ${format ? formatValue(bucket.max, format, locale) : bucket.max.toFixed(1)}`
78
+ : String(indexValue);
79
+ return (_jsx(ChartTooltip, { label: rangeLabel, value: `${value} values` }));
80
+ }, axisBottom: {
81
+ tickSize: 4,
82
+ tickPadding: 4,
83
+ tickRotation: -30,
84
+ }, axisLeft: {
85
+ tickSize: 4,
86
+ tickPadding: 4,
87
+ legend: "Count",
88
+ legendPosition: "middle",
89
+ legendOffset: -44,
90
+ }, labelSkipWidth: 12, labelSkipHeight: 12, labelTextColor: { from: "color", modifiers: [["brighter", 3]] } }) }));
91
+ }
92
+ //# sourceMappingURL=HistogramPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HistogramPanel.js","sourceRoot":"","sources":["../../../src/components/panels/HistogramPanel.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,9 @@
1
+ import { type AnnotationPoint } from "./AnnotationLayer";
1
2
  interface ChartPanelProps {
2
3
  data: Record<string, unknown>[];
3
4
  config: Record<string, unknown>;
5
+ annotations?: AnnotationPoint[];
4
6
  }
5
- export declare function LineChart({ data, config }: ChartPanelProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function LineChart({ data, config, annotations }: ChartPanelProps): import("react/jsx-runtime").JSX.Element;
6
8
  export {};
7
9
  //# sourceMappingURL=LineChart.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/panels/LineChart.tsx"],"names":[],"mappings":"AAsBA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAiCD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,2CA6E1D"}
1
+ {"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/panels/LineChart.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAahF,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;AAsGD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAgB,EAAE,EAAE,eAAe,2CAwH5E"}
@@ -12,12 +12,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
12
12
  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
13
  // See the License for the specific language governing permissions and
14
14
  // limitations under the License.
15
+ import { useCallback } from "react";
15
16
  import { ResponsiveLine } from "@nivo/line";
16
17
  import { buildNivoTheme, getChartPalette } from "./nivo-theme";
17
18
  import { useTheme } from "../../theme/context";
18
19
  import { ChartTooltip } from "./ChartTooltip";
19
20
  import { formatValue, formatValueShort } from "../../formats";
20
21
  import { useLocale } from "../../locale/context";
22
+ import { buildThresholdBands } from "../../panels/threshold-layers";
23
+ import { resolveSemanticHex } from "../../panels/thresholds";
24
+ import { applyMappings } from "../../panels/mappings";
25
+ import { createAnnotationLayer } from "./AnnotationLayer";
26
+ import { useCrosshair } from "../CrosshairContext";
27
+ /** Format an x-axis value — converts epoch ms to short date, passes strings through. */
28
+ function formatXLabel(v) {
29
+ const n = Number(v);
30
+ if (!isNaN(n) && n > 1e9) {
31
+ const d = new Date(n);
32
+ return `${d.getMonth() + 1}/${d.getDate()}`;
33
+ }
34
+ return String(v);
35
+ }
21
36
  function buildLineData(data, xKey, yKey, seriesKey) {
22
37
  if (seriesKey) {
23
38
  const seriesMap = new Map();
@@ -44,32 +59,102 @@ function buildLineData(data, xKey, yKey, seriesKey) {
44
59
  },
45
60
  ];
46
61
  }
47
- export function LineChart({ data, config }) {
62
+ /**
63
+ * Creates a Nivo custom layer that renders semi-transparent threshold bands.
64
+ */
65
+ function createThresholdLayer(thresholds, theme) {
66
+ if (!thresholds)
67
+ return undefined;
68
+ return function ThresholdBandLayer({ yScale, innerWidth }) {
69
+ const scale = yScale;
70
+ const domain = yScale.domain();
71
+ const yMin = domain[0];
72
+ const yMax = domain[1];
73
+ const bands = buildThresholdBands(thresholds, { yMin, yMax });
74
+ return (_jsx("g", { children: bands.map((band, i) => {
75
+ const hex = resolveSemanticHex(band.color, theme);
76
+ const top = scale(band.y1);
77
+ const bottom = scale(band.y0);
78
+ const height = Math.abs(bottom - top);
79
+ return (_jsx("rect", { x: 0, y: Math.min(top, bottom), width: innerWidth, height: height, fill: hex, fillOpacity: 0.08 }, i));
80
+ }) }));
81
+ };
82
+ }
83
+ /**
84
+ * Nivo custom layer that renders a shared crosshair line.
85
+ * Reads the timestamp directly from CrosshairContext so it updates
86
+ * without needing Nivo to rebuild the layers array.
87
+ */
88
+ function SharedCrosshairLayer({ points, innerHeight }) {
89
+ const { timestamp } = useCrosshair();
90
+ const theme = useTheme();
91
+ if (timestamp == null)
92
+ return null;
93
+ const match = points.find((p) => Number(p.data.x) === timestamp);
94
+ if (!match)
95
+ return null;
96
+ return (_jsx("line", { x1: match.x, x2: match.x, y1: 0, y2: innerHeight, stroke: theme.primary, strokeWidth: 2, strokeDasharray: "6 3", opacity: 0.8, style: { pointerEvents: "none" } }));
97
+ }
98
+ export function LineChart({ data, config, annotations = [] }) {
48
99
  const theme = useTheme();
49
100
  const nivoTheme = buildNivoTheme(theme);
50
101
  const palette = getChartPalette(theme);
102
+ const { timestamp: _timestamp, setTimestamp } = useCrosshair();
51
103
  const xKey = config.x ?? "x";
52
104
  const yKey = config.y ?? "y";
53
105
  const yFormat = config.y_format;
54
106
  const locale = useLocale();
55
107
  const chartData = buildLineData(data, xKey, yKey, config.series);
108
+ const thresholds = config.thresholds;
109
+ const thresholdLayer = createThresholdLayer(thresholds, theme);
110
+ const chartMappings = config.mappings;
56
111
  const fmt = (v) => yFormat
57
112
  ? formatValue(v, yFormat, locale)
58
113
  : v.toLocaleString(locale, { maximumFractionDigits: 2 });
114
+ const handleMouseMove = useCallback((point) => {
115
+ const xVal = Number(point.data.x);
116
+ if (!Number.isNaN(xVal))
117
+ setTimestamp(xVal);
118
+ }, [setTimestamp]);
119
+ const handleMouseLeave = useCallback(() => {
120
+ setTimestamp(null);
121
+ }, [setTimestamp]);
122
+ const layers = [
123
+ "grid",
124
+ "markers",
125
+ "axes",
126
+ ];
127
+ if (thresholdLayer) {
128
+ layers.push(thresholdLayer);
129
+ }
130
+ const annotationLayer = createAnnotationLayer(annotations);
131
+ layers.push(SharedCrosshairLayer);
132
+ layers.push("areas", "crosshair", "lines", "points", "slices", "mesh", "legends");
133
+ // Annotation layer renders AFTER mesh so its hover zones sit on top
134
+ if (annotationLayer) {
135
+ layers.push(annotationLayer);
136
+ }
59
137
  return (_jsx("div", { style: { height: "100%" }, children: _jsx(ResponsiveLine, { data: chartData, colors: config.color ? [config.color] : palette, theme: nivoTheme, margin: {
60
138
  top: 16,
61
139
  right: 16,
62
140
  bottom: chartData.length > 1 ? 72 : 48,
63
141
  left: 56,
64
- }, xScale: { type: "point" }, yScale: { type: "linear", stacked: false }, axisBottom: { tickSize: 4, tickPadding: 4, tickRotation: -30 }, axisLeft: {
142
+ }, xScale: { type: "point" }, yScale: { type: "linear", stacked: false }, axisBottom: {
143
+ tickSize: 4,
144
+ tickPadding: 4,
145
+ tickRotation: -30,
146
+ format: formatXLabel,
147
+ }, axisLeft: {
65
148
  tickSize: 4,
66
149
  tickPadding: 4,
67
150
  format: (v) => yFormat
68
151
  ? formatValueShort(v, yFormat, locale)
69
152
  : Number(v).toLocaleString(locale),
70
- }, pointSize: 6, pointBorderWidth: 2, pointBorderColor: { from: "serieColor" }, useMesh: true, enableCrosshair: true, tooltip: ({ point }) => {
71
- const formatted = fmt(Number(point.data.y));
72
- return (_jsx(ChartTooltip, { label: String(point.data.xFormatted), value: `${point.seriesId}: ${formatted}`, color: point.color }));
153
+ }, pointSize: 6, pointBorderWidth: 2, pointBorderColor: { from: "serieColor" }, useMesh: true, enableCrosshair: true, layers: layers, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, tooltip: ({ point }) => {
154
+ const rawY = Number(point.data.y);
155
+ const mapped = applyMappings(rawY, chartMappings);
156
+ const formatted = mapped?.text ?? fmt(rawY);
157
+ return (_jsx(ChartTooltip, { label: formatXLabel(point.data.x), value: `${point.seriesId}: ${formatted}`, color: point.color }));
73
158
  }, legends: chartData.length > 1
74
159
  ? [
75
160
  {
@@ -1 +1 @@
1
- {"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../src/components/panels/LineChart.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../src/components/panels/LineChart.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ListPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,cAAc;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,cAAc,2CAwCxD"}
1
+ {"version":3,"file":"ListPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,cAAc;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,cAAc,2CA0CxD"}
@@ -17,7 +17,7 @@ import { useTheme } from "../../theme/context";
17
17
  export function ListPanel({ panel, data }) {
18
18
  const theme = useTheme();
19
19
  const config = panel.list ?? {};
20
- return (_jsx("div", { className: "space-y-2", children: data.rows.map((row, i) => (_jsxs("div", { className: `flex items-center justify-between py-1.5 border-b ${theme.surfaces.panelBorder} last:border-0`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [config.numbered && (_jsxs("span", { className: `${theme.typography.muted} text-sm w-6`, children: [i + 1, "."] })), _jsxs("div", { children: [_jsx("div", { className: `${theme.filters.text} text-sm`, children: row[config.label] }), config.subtitle && (_jsx("div", { className: `${theme.typography.muted} text-xs`, children: row[config.subtitle] }))] })] }), config.value && (_jsx("div", { className: `${theme.filters.text} text-sm font-medium tabular-nums`, children: config.value_format
20
+ return (_jsx("div", { className: "space-y-2", children: data.rows.map((row, i) => (_jsxs("div", { className: "flex items-center justify-between py-1.5 border-b last:border-0", style: { borderColor: theme.panel.border }, children: [_jsxs("div", { className: "flex items-center gap-3", children: [config.numbered && (_jsxs("span", { className: "text-sm w-6", style: { color: theme.typography.muted }, children: [i + 1, "."] })), _jsxs("div", { children: [_jsx("div", { className: "text-sm", style: { color: theme.filters.text }, children: row[config.label] }), config.subtitle && (_jsx("div", { className: "text-xs", style: { color: theme.typography.muted }, children: row[config.subtitle] }))] })] }), config.value && (_jsx("div", { className: "text-sm font-medium tabular-nums", style: { color: theme.filters.text }, children: config.value_format
21
21
  ? formatValue(row[config.value], config.value_format)
22
22
  : String(row[config.value]) }))] }, i))) }));
23
23
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ListPanel.js","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAkB;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE,CAAC,CACtC,eAEE,SAAS,EAAE,qDAAqD,KAAK,CAAC,QAAQ,CAAC,WAAW,gBAAgB,aAE1G,eAAK,SAAS,EAAC,yBAAyB,aACrC,MAAM,CAAC,QAAQ,IAAI,CAClB,gBAAM,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,cAAc,aACrD,CAAC,GAAG,CAAC,SACD,CACR,EACD,0BACE,cAAK,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,UAAU,YAC5C,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GACd,EACL,MAAM,CAAC,QAAQ,IAAI,CAClB,cAAK,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,UAAU,YAChD,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GACjB,CACP,IACG,IACF,EACL,MAAM,CAAC,KAAK,IAAI,CACf,cACE,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,mCAAmC,YAElE,MAAM,CAAC,YAAY;wBAClB,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;wBACrD,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GACzB,CACP,KA5BI,CAAC,CA6BF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ListPanel.js","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAkB;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE,CAAC,CACtC,eAEE,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,aAE1C,eAAK,SAAS,EAAC,yBAAyB,aACrC,MAAM,CAAC,QAAQ,IAAI,CAClB,gBAAM,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,aACnE,CAAC,GAAG,CAAC,SACD,CACR,EACD,0BACE,cAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAC1D,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GACd,EACL,MAAM,CAAC,QAAQ,IAAI,CAClB,cAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAC9D,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GACjB,CACP,IACG,IACF,EACL,MAAM,CAAC,KAAK,IAAI,CACf,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAEnC,MAAM,CAAC,YAAY;wBAClB,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;wBACrD,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GACzB,CACP,KA9BI,CAAC,CA+BF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
@@ -1,7 +1,21 @@
1
1
  interface MarkdownPanelProps {
2
2
  panel: any;
3
3
  data: any;
4
+ filterValues?: Record<string, string>;
4
5
  }
5
- export declare function MarkdownPanel({ panel, data }: MarkdownPanelProps): import("react/jsx-runtime").JSX.Element;
6
+ /**
7
+ * Interpolate ${filter_name} variables in content.
8
+ * - ${name} resolves to filterValues[name] or empty string
9
+ * - $${name} is an escape: renders as literal ${name}
10
+ * Exported for testing.
11
+ */
12
+ export declare function interpolateVariables(content: string, filterValues: Record<string, string>): string;
13
+ /**
14
+ * Process :::type ... ::: callout blocks into styled HTML divs.
15
+ * Supported types: info, warning, success, error.
16
+ * Exported for testing.
17
+ */
18
+ export declare function processCalloutBlocks(content: string): string;
19
+ export declare function MarkdownPanel({ panel, data, filterValues, }: MarkdownPanelProps): import("react/jsx-runtime").JSX.Element;
6
20
  export {};
7
21
  //# sourceMappingURL=MarkdownPanel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAgBA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAYD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,kBAAkB,2CAwBhE"}
1
+ {"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAgBA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAWD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACnC,MAAM,CAqBR;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAU5D;AAkCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,YAAY,GACb,EAAE,kBAAkB,2CAqCpB"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  // Copyright 2026 Mataki Labs LLC
3
3
  //
4
4
  // Licensed under the Business Source License 1.1 (the "License");
@@ -14,7 +14,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
14
14
  // limitations under the License.
15
15
  import { marked } from "marked";
16
16
  function sanitize(html) {
17
- // DOMPurify only works in browser — on server, content is dev-controlled YAML so skip sanitization
18
17
  if (typeof window !== "undefined") {
19
18
  // eslint-disable-next-line @typescript-eslint/no-require-imports
20
19
  const DOMPurify = require("dompurify");
@@ -22,18 +21,82 @@ function sanitize(html) {
22
21
  }
23
22
  return html;
24
23
  }
25
- export function MarkdownPanel({ panel, data }) {
24
+ /**
25
+ * Interpolate ${filter_name} variables in content.
26
+ * - ${name} resolves to filterValues[name] or empty string
27
+ * - $${name} is an escape: renders as literal ${name}
28
+ * Exported for testing.
29
+ */
30
+ export function interpolateVariables(content, filterValues) {
31
+ // First, replace escaped $${...} with a placeholder
32
+ const ESCAPE_PLACEHOLDER = "\x00ESCAPED\x00";
33
+ let result = content.replace(/\$\$\{([^}]+)\}/g, (_match, name) => `${ESCAPE_PLACEHOLDER}{${name}}`);
34
+ // Replace ${...} with filter values
35
+ result = result.replace(/\$\{([^}]+)\}/g, (_match, name) => filterValues[name.trim()] ?? "");
36
+ // Restore escaped placeholders as literal ${...}
37
+ result = result.replace(new RegExp(`${ESCAPE_PLACEHOLDER}\\{([^}]+)\\}`, "g"), (_match, name) => `\${${name}}`);
38
+ return result;
39
+ }
40
+ /**
41
+ * Process :::type ... ::: callout blocks into styled HTML divs.
42
+ * Supported types: info, warning, success, error.
43
+ * Exported for testing.
44
+ */
45
+ export function processCalloutBlocks(content) {
46
+ const CALLOUT_TYPES = ["info", "warning", "success", "error"];
47
+ const pattern = new RegExp(`^:::(${CALLOUT_TYPES.join("|")})\\s*\\n([\\s\\S]*?)\\n:::$`, "gm");
48
+ return content.replace(pattern, (_match, type, body) => {
49
+ return `<div class="callout callout-${type}">${body.trim()}</div>`;
50
+ });
51
+ }
52
+ /** Callout CSS injected into the prose container */
53
+ const CALLOUT_STYLES = `
54
+ .callout {
55
+ border-radius: 8px;
56
+ padding: 12px 16px;
57
+ margin: 12px 0;
58
+ border-left: 4px solid;
59
+ font-size: 0.875rem;
60
+ line-height: 1.5;
61
+ }
62
+ .callout-info {
63
+ background: rgba(var(--primary-rgb), 0.08);
64
+ border-color: var(--primary);
65
+ color: var(--primary);
66
+ }
67
+ .callout-warning {
68
+ background: rgba(var(--status-warning-rgb), 0.08);
69
+ border-color: var(--status-warning);
70
+ color: var(--status-warning);
71
+ }
72
+ .callout-success {
73
+ background: rgba(var(--status-positive-rgb), 0.08);
74
+ border-color: var(--status-positive);
75
+ color: var(--status-positive);
76
+ }
77
+ .callout-error {
78
+ background: rgba(var(--status-negative-rgb), 0.08);
79
+ border-color: var(--status-negative);
80
+ color: var(--status-negative);
81
+ }
82
+ `;
83
+ export function MarkdownPanel({ panel, data, filterValues, }) {
26
84
  let content = panel.content ?? "";
27
- // Interpolate {{ rows[0].col }} and {{ config.timezone }}
85
+ // Legacy {{ rows[0].col }} interpolation (backward compatible)
28
86
  if (data?.rows?.[0]) {
29
87
  const row = data.rows[0];
30
88
  content = content.replace(/\{\{\s*rows\[0\]\.(\w+)\s*\}\}/g, (_, key) => String(row[key] ?? ""));
31
89
  }
32
90
  content = content.replace(/\{\{\s*config\.timezone\s*\}\}/g, panel._timezone ?? "UTC");
91
+ // New ${filter_name} variable interpolation
92
+ if (filterValues) {
93
+ content = interpolateVariables(content, filterValues);
94
+ }
95
+ // Process callout blocks before markdown parsing
96
+ content = processCalloutBlocks(content);
33
97
  const rawHtml = marked.parse(content);
98
+ // Content is sanitized via DOMPurify in browser; server content is dev-controlled YAML
34
99
  const html = sanitize(rawHtml);
35
- return (_jsx("div", { className: "prose prose-invert prose-sm max-w-none",
36
- // Content is sanitized via DOMPurify in browser; server content is dev-controlled YAML
37
- dangerouslySetInnerHTML: { __html: html } }));
100
+ return (_jsxs(_Fragment, { children: [_jsx("style", { children: CALLOUT_STYLES }), _jsx("div", { className: "prose prose-invert prose-sm max-w-none", dangerouslySetInnerHTML: { __html: html } })] }));
38
101
  }
39
102
  //# sourceMappingURL=MarkdownPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownPanel.js","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAOhC,SAAS,QAAQ,CAAC,IAAY;IAC5B,mGAAmG;IACnG,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,iEAAiE;QACjE,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;QACvC,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAW,CAAC;IAC5C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAsB;IAC/D,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAClC,0DAA0D;IAC1D,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,iCAAiC,EACjC,CAAC,CAAS,EAAE,GAAW,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CACnD,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,iCAAiC,EACjC,KAAK,CAAC,SAAS,IAAI,KAAK,CACzB,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAW,CAAC;IAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CACL,cACE,SAAS,EAAC,wCAAwC;QAClD,uFAAuF;QACvF,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,CACH,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"MarkdownPanel.js","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"MetricPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MetricPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAuB5D"}
1
+ {"version":3,"file":"MetricPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MetricPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAyB5D"}
@@ -18,6 +18,6 @@ export function MetricPanel({ panel, data }) {
18
18
  const theme = useTheme();
19
19
  const values = panel.metric?.values ?? [];
20
20
  const row = data.rows[0] ?? {};
21
- return (_jsx("div", { className: "flex items-center justify-between h-full gap-4", children: values.map((v) => (_jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: `${theme.typography.label} uppercase tracking-wide mb-1`, children: v.label }), _jsx("div", { className: `text-2xl font-bold ${theme.typography.value} tabular-nums`, children: formatValue(row[v.key], v.format ?? "number") })] }, v.key))) }));
21
+ return (_jsx("div", { className: "flex items-center justify-between h-full gap-4", children: values.map((v) => (_jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: "uppercase tracking-wide mb-1", style: { color: theme.typography.label }, children: v.label }), _jsx("div", { className: "text-2xl font-bold tabular-nums", style: { color: theme.typography.value }, children: formatValue(row[v.key], v.format ?? "number") })] }, v.key))) }));
22
22
  }
23
23
  //# sourceMappingURL=MetricPanel.js.map