From 9569e025922cb0d7ff9598d76322532ab63d2de3 Mon Sep 17 00:00:00 2001
From: Taylor Venable <tvenable@mieweb.com>
Date: Tue, 10 Mar 2026 16:01:04 -0400
Subject: [PATCH 1/6] Creating a component for WC DataVis using layout tag
 names.

---
 .storybook/preview-head.html                  |   5 +
 .storybook/public/sample-data.json            |  22 ++
 package.json                                  |   4 +-
 pnpm-lock.yaml                                | 343 ++++++++++++++++++
 .../WCDataVis/WCDataVis.stories.tsx           |  97 +++++
 src/components/WCDataVis/WCDataVis.tsx        | 167 +++++++++
 src/components/WCDataVis/index.ts             |   2 +
 src/components/WCDataVis/setup.ts             |  32 ++
 src/index.ts                                  |   1 +
 src/types/wcdatavis.d.ts                      |  56 +++
 10 files changed, 728 insertions(+), 1 deletion(-)
 create mode 100644 .storybook/public/sample-data.json
 create mode 100644 src/components/WCDataVis/WCDataVis.stories.tsx
 create mode 100644 src/components/WCDataVis/WCDataVis.tsx
 create mode 100644 src/components/WCDataVis/index.ts
 create mode 100644 src/components/WCDataVis/setup.ts
 create mode 100644 src/types/wcdatavis.d.ts

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index a98e03b2..c38ba863 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -1,3 +1,8 @@
+<!-- Font Awesome 4 — required by wcdatavis grid icons -->
+<link
+  rel="stylesheet"
+  href="/node_modules/font-awesome/css/font-awesome.min.css"
+/>
 <!-- Microsoft Clarity Analytics - Production only -->
 <script type="text/javascript">
   // Only load Clarity in production (when not on localhost)
diff --git a/.storybook/public/sample-data.json b/.storybook/public/sample-data.json
new file mode 100644
index 00000000..31a46347
--- /dev/null
+++ b/.storybook/public/sample-data.json
@@ -0,0 +1,22 @@
+{
+  "typeInfo": [
+    { "field": "id", "type": "number" },
+    { "field": "name", "type": "string" },
+    { "field": "email", "type": "string" },
+    { "field": "department", "type": "string" },
+    { "field": "status", "type": "string" },
+    { "field": "start_date", "type": "string" }
+  ],
+  "data": [
+    { "id": 1, "name": "Alice Johnson", "email": "alice@example.com", "department": "Engineering", "status": "Active", "start_date": "2023-01-15" },
+    { "id": 2, "name": "Bob Smith", "email": "bob@example.com", "department": "Marketing", "status": "Active", "start_date": "2022-06-01" },
+    { "id": 3, "name": "Carol Williams", "email": "carol@example.com", "department": "Engineering", "status": "On Leave", "start_date": "2021-03-20" },
+    { "id": 4, "name": "David Brown", "email": "david@example.com", "department": "Sales", "status": "Active", "start_date": "2023-08-10" },
+    { "id": 5, "name": "Eva Martinez", "email": "eva@example.com", "department": "Engineering", "status": "Active", "start_date": "2020-11-05" },
+    { "id": 6, "name": "Frank Lee", "email": "frank@example.com", "department": "Marketing", "status": "Inactive", "start_date": "2019-04-22" },
+    { "id": 7, "name": "Grace Kim", "email": "grace@example.com", "department": "Sales", "status": "Active", "start_date": "2024-01-08" },
+    { "id": 8, "name": "Henry Chen", "email": "henry@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-09-14" },
+    { "id": 9, "name": "Ivy Patel", "email": "ivy@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-05-30" },
+    { "id": 10, "name": "Jack Wilson", "email": "jack@example.com", "department": "Sales", "status": "On Leave", "start_date": "2021-07-19" }
+  ]
+}
diff --git a/package.json b/package.json
index 590ef9fc..40b3ac16 100644
--- a/package.json
+++ b/package.json
@@ -177,10 +177,12 @@
     "@swc/helpers": "^0.5.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "font-awesome": "^4.7.0",
     "google-libphonenumber": "^3.2.44",
     "lucide-react": "^0.562.0",
     "luxon": "^3.7.2",
-    "tailwind-merge": "^2.6.1"
+    "tailwind-merge": "^2.6.1",
+    "wcdatavis": "mieweb/wcdatavis.git#feature/react"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8737b6b8..42ddd81e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      font-awesome:
+        specifier: ^4.7.0
+        version: 4.7.0
       google-libphonenumber:
         specifier: ^3.2.44
         version: 3.2.44
@@ -29,6 +32,9 @@ importers:
       tailwind-merge:
         specifier: ^2.6.1
         version: 2.6.1
+      wcdatavis:
+        specifier: mieweb/wcdatavis.git#feature/react
+        version: '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#d4439f8335a447a81d9e4efb53d2a8c660db7cee'
     devDependencies:
       '@eslint/js':
         specifier: ^9.39.3
@@ -516,12 +522,19 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@kurkle/color@0.3.4':
+    resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
+
   '@mdx-js/react@3.1.1':
     resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==}
     peerDependencies:
       '@types/react': '>=16'
       react: '>=16'
 
+  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#d4439f8335a447a81d9e4efb53d2a8c660db7cee':
+    resolution: {commit: d4439f8335a447a81d9e4efb53d2a8c660db7cee, repo: git@github.com:mieweb/wcdatavis.git, type: git}
+    version: 3.3.0
+
   '@parcel/watcher-android-arm64@2.5.6':
     resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
@@ -619,6 +632,9 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
   '@rollup/pluginutils@5.3.0':
     resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
     engines: {node: '>=14.0.0'}
@@ -1261,6 +1277,12 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  bignumber.js@9.3.1:
+    resolution: {integrity: sha512-Ko0uX15oIUS7wJ3Rb30Fs6SkVbLmPBAKdlm7q9+ak9bbIeFf0MwuBsQV6z7+X768/cHsfg+WlysDWJcmthjsjQ==}
+
+  block-ui@2.70.1:
+    resolution: {integrity: sha512-Hx69Bw368lQ9+zOcisvWpoHBsZi9owHQ1YBwLZXFhOMXv59VjBSHHCDWfTaByYSUoNZgTt/sjR1juEbyqwWpwQ==}
+
   brace-expansion@1.1.12:
     resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
 
@@ -1314,6 +1336,10 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chart.js@4.5.1:
+    resolution: {integrity: sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==}
+    engines: {pnpm: '>=8'}
+
   check-error@2.1.3:
     resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
@@ -1350,9 +1376,16 @@ packages:
     resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
+  console-clear@1.1.1:
+    resolution: {integrity: sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==}
+    engines: {node: '>=4'}
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
+  core-js@3.47.0:
+    resolution: {integrity: sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==}
+
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -1367,6 +1400,10 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
+
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -1510,6 +1547,17 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
+    engines: {node: '>=0.10'}
+
+  es6-iterator@2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
+
+  es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
+
   esbuild@0.27.3:
     resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
     engines: {node: '>=18'}
@@ -1573,6 +1621,10 @@ packages:
       jiti:
         optional: true
 
+  esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+
   espree@10.4.0:
     resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1604,10 +1656,16 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  event-emitter@0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
+
   expect-type@1.3.0:
     resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
     engines: {node: '>=12.0.0'}
 
+  ext@1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -1641,9 +1699,16 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
+  flatpickr@4.6.13:
+    resolution: {integrity: sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==}
+
   flatted@3.3.3:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
+  font-awesome@4.7.0:
+    resolution: {integrity: sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==}
+    engines: {node: '>=0.10.3'}
+
   for-each@0.3.5:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
@@ -1687,6 +1752,10 @@ packages:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
+  get-port@3.2.0:
+    resolution: {integrity: sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg==}
+    engines: {node: '>=4'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -1727,6 +1796,11 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
+  handlebars@4.7.8:
+    resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
     engines: {node: '>= 0.4'}
@@ -1951,6 +2025,17 @@ packages:
     resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
     engines: {node: '>=10'}
 
+  jquery-contextmenu@2.10.1:
+    resolution: {integrity: sha512-gzXrXffYbDoLCBxWahhMoNM9rJD7FmPsnGePyT5jMjcAftEThDTXBJLqscIAPuTpAs7WLMkSKT/YfdAOjHuKlA==}
+    peerDependencies:
+      jquery: '>=1.8.2'
+
+  jquery-ui@1.14.1:
+    resolution: {integrity: sha512-DhzsYH8VeIvOaxwi+B/2BCsFFT5EGjShdzOcm5DssWjtcpGWIMsn66rJciDA6jBruzNiLf1q0KvwMoX1uGNvnQ==}
+
+  jquery@3.7.1:
+    resolution: {integrity: sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==}
+
   js-tokens@10.0.0:
     resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==}
 
@@ -1981,6 +2066,10 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-formatter-js@https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac:
+    resolution: {tarball: https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac}
+    version: 2.3.4
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -1999,6 +2088,10 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
   language-subtag-registry@0.3.23:
     resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
 
@@ -2095,6 +2188,10 @@ packages:
     resolution: {integrity: sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  local-access@1.1.0:
+    resolution: {integrity: sha512-XfegD5pyTAfb+GY6chk283Ox5z8WexG56OvM06RWLpAc/UHozO8X6xAxEkIitZOtsSMM1Yr3DkHgW5W+onLhCw==}
+    engines: {node: '>=6'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -2171,10 +2268,17 @@ packages:
   mlly@1.8.0:
     resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
 
+  moment@2.30.1:
+    resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==}
+
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
 
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -2189,6 +2293,12 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
+  next-tick@1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
+
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
@@ -2199,6 +2309,9 @@ packages:
   node-releases@2.0.27:
     resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
+  numeral@2.0.6:
+    resolution: {integrity: sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA==}
+
   nwsapi@2.2.23:
     resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
 
@@ -2253,6 +2366,9 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
+  papaparse@5.5.3:
+    resolution: {integrity: sha512-5QvjGxYVjxO59MGU2lHVYpRWBBtKHnlIAcSe1uNFCkkptUh63NFRj0FJQm7nR67puEruUci/ZkjmEFrjCAyP4A==}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -2494,6 +2610,10 @@ packages:
     resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
     engines: {node: '>=18'}
 
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+
   safe-array-concat@1.1.3:
     resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
@@ -2516,6 +2636,10 @@ packages:
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
+  semiver@1.1.0:
+    resolution: {integrity: sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==}
+    engines: {node: '>=6'}
+
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -2568,6 +2692,15 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
+  sirv-cli@2.0.2:
+    resolution: {integrity: sha512-OtSJDwxsF1NWHc7ps3Sa0s+dPtP15iQNJzfKVz+MxkEo3z72mCD+yu30ct79rPr0CaV1HXSOBp+MIY5uIhHZ1A==}
+    engines: {node: '>= 10'}
+    hasBin: true
+
+  sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
+    engines: {node: '>= 10'}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -2580,6 +2713,13 @@ packages:
     resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
     engines: {node: '>= 12'}
 
+  sprintf-js@1.1.3:
+    resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
+
+  squirrelly@9.1.0:
+    resolution: {integrity: sha512-kvjFqb7qzC4gX4lkqSaU8QPvUHhDLMiDpxpz7a66vjTH0JtjLJqAXbPrc7ST61EefuuuW05sne2rjGskunrF2A==}
+    engines: {node: '>=6.0.0'}
+
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
@@ -2662,6 +2802,10 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
+  sumoselect@https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988:
+    resolution: {tarball: https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988}
+    version: 3.4.9
+
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2670,6 +2814,11 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svelte-gantt@4.4.3:
+    resolution: {integrity: sha512-YHdaPGnydbEyK6OljuKvvSo3mV6dVNSEgb8O7Kk9WpILT+b0pOaShqdV3Vsmdt2/mBbFm93LPrvqTsD3PlT0nQ==}
+    peerDependencies:
+      moment: ^2.22.2
+
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
@@ -2700,6 +2849,10 @@ packages:
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
+  tinydate@1.3.0:
+    resolution: {integrity: sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==}
+    engines: {node: '>=4'}
+
   tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
@@ -2726,6 +2879,10 @@ packages:
     resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
     hasBin: true
 
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
   tough-cookie@5.1.2:
     resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
     engines: {node: '>=16'}
@@ -2781,6 +2938,9 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type@2.7.3:
+    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -2805,10 +2965,18 @@ packages:
   ufo@1.6.3:
     resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
 
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
 
+  underscore@1.13.7:
+    resolution: {integrity: sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==}
+
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
@@ -2960,6 +3128,9 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
+  wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+
   wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -3314,12 +3485,37 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  '@kurkle/color@0.3.4': {}
+
   '@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
       '@types/mdx': 2.0.13
       '@types/react': 19.2.14
       react: 19.2.4
 
+  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#d4439f8335a447a81d9e4efb53d2a8c660db7cee':
+    dependencies:
+      bignumber.js: 9.3.1
+      block-ui: 2.70.1
+      chart.js: 4.5.1
+      core-js: 3.47.0
+      css.escape: 1.5.1
+      es6-symbol: 3.1.4
+      flatpickr: 4.6.13
+      handlebars: 4.7.8
+      jquery: 3.7.1
+      jquery-contextmenu: 2.10.1(jquery@3.7.1)
+      jquery-ui: 1.14.1
+      json-formatter-js: https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac
+      moment: 2.30.1
+      numeral: 2.0.6
+      papaparse: 5.5.3
+      sprintf-js: 1.1.3
+      squirrelly: 9.1.0
+      sumoselect: https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988
+      svelte-gantt: 4.4.3(moment@2.30.1)
+      underscore: 1.13.7
+
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
@@ -3387,6 +3583,8 @@ snapshots:
     dependencies:
       playwright: 1.58.2
 
+  '@polka/url@1.0.0-next.29': {}
+
   '@rollup/pluginutils@5.3.0(rollup@4.59.0)':
     dependencies:
       '@types/estree': 1.0.8
@@ -4039,6 +4237,12 @@ snapshots:
 
   baseline-browser-mapping@2.10.0: {}
 
+  bignumber.js@9.3.1: {}
+
+  block-ui@2.70.1:
+    dependencies:
+      jquery: 3.7.1
+
   brace-expansion@1.1.12:
     dependencies:
       balanced-match: 1.0.2
@@ -4101,6 +4305,10 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chart.js@4.5.1:
+    dependencies:
+      '@kurkle/color': 0.3.4
+
   check-error@2.1.3: {}
 
   chokidar@4.0.3:
@@ -4127,8 +4335,12 @@ snapshots:
 
   consola@3.4.2: {}
 
+  console-clear@1.1.1: {}
+
   convert-source-map@2.0.0: {}
 
+  core-js@3.47.0: {}
+
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
@@ -4144,6 +4356,11 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  d@1.0.2:
+    dependencies:
+      es5-ext: 0.10.64
+      type: 2.7.3
+
   damerau-levenshtein@1.0.8: {}
 
   data-urls@5.0.0:
@@ -4342,6 +4559,24 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  es5-ext@0.10.64:
+    dependencies:
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
+      next-tick: 1.1.0
+
+  es6-iterator@2.0.3:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
+
+  es6-symbol@3.1.4:
+    dependencies:
+      d: 1.0.2
+      ext: 1.7.0
+
   esbuild@0.27.3:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.27.3
@@ -4481,6 +4716,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  esniff@2.0.1:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.3
+
   espree@10.4.0:
     dependencies:
       acorn: 8.16.0
@@ -4507,8 +4749,17 @@ snapshots:
 
   esutils@2.0.3: {}
 
+  event-emitter@0.3.5:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+
   expect-type@1.3.0: {}
 
+  ext@1.7.0:
+    dependencies:
+      type: 2.7.3
+
   fast-deep-equal@3.1.3: {}
 
   fast-json-stable-stringify@2.1.0: {}
@@ -4539,8 +4790,12 @@ snapshots:
       flatted: 3.3.3
       keyv: 4.5.4
 
+  flatpickr@4.6.13: {}
+
   flatted@3.3.3: {}
 
+  font-awesome@4.7.0: {}
+
   for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
@@ -4588,6 +4843,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-port@3.2.0: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -4631,6 +4888,15 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
+  handlebars@4.7.8:
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.19.3
+
   has-bigints@1.1.0: {}
 
   has-flag@4.0.0: {}
@@ -4860,6 +5126,16 @@ snapshots:
 
   joycon@3.1.1: {}
 
+  jquery-contextmenu@2.10.1(jquery@3.7.1):
+    dependencies:
+      jquery: 3.7.1
+
+  jquery-ui@1.14.1:
+    dependencies:
+      jquery: 3.7.1
+
+  jquery@3.7.1: {}
+
   js-tokens@10.0.0: {}
 
   js-tokens@4.0.0: {}
@@ -4901,6 +5177,8 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-formatter-js@https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
@@ -4918,6 +5196,8 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
+  kleur@4.1.5: {}
+
   language-subtag-registry@0.3.23: {}
 
   language-tags@1.0.9:
@@ -4984,6 +5264,8 @@ snapshots:
 
   load-tsconfig@0.2.5: {}
 
+  local-access@1.1.0: {}
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -5053,8 +5335,12 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.3
 
+  moment@2.30.1: {}
+
   mri@1.2.0: {}
 
+  mrmime@2.0.1: {}
+
   ms@2.1.3: {}
 
   mz@2.7.0:
@@ -5067,6 +5353,10 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
+  neo-async@2.6.2: {}
+
+  next-tick@1.1.0: {}
+
   node-addon-api@7.1.1: {}
 
   node-exports-info@1.6.0:
@@ -5078,6 +5368,8 @@ snapshots:
 
   node-releases@2.0.27: {}
 
+  numeral@2.0.6: {}
+
   nwsapi@2.2.23: {}
 
   object-assign@4.1.1: {}
@@ -5148,6 +5440,8 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
+  papaparse@5.5.3: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -5354,6 +5648,10 @@ snapshots:
 
   run-applescript@7.1.0: {}
 
+  sade@1.8.1:
+    dependencies:
+      mri: 1.2.0
+
   safe-array-concat@1.1.3:
     dependencies:
       call-bind: 1.0.8
@@ -5381,6 +5679,8 @@ snapshots:
 
   scheduler@0.27.0: {}
 
+  semiver@1.1.0: {}
+
   semver@6.3.1: {}
 
   semver@7.7.4: {}
@@ -5445,12 +5745,33 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
+  sirv-cli@2.0.2:
+    dependencies:
+      console-clear: 1.1.1
+      get-port: 3.2.0
+      kleur: 4.1.5
+      local-access: 1.1.0
+      sade: 1.8.1
+      semiver: 1.1.0
+      sirv: 2.0.4
+      tinydate: 1.3.0
+
+  sirv@2.0.4:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
   source-map-js@1.2.1: {}
 
   source-map@0.6.1: {}
 
   source-map@0.7.6: {}
 
+  sprintf-js@1.1.3: {}
+
+  squirrelly@9.1.0: {}
+
   stackback@0.0.2: {}
 
   std-env@3.10.0: {}
@@ -5577,12 +5898,21 @@ snapshots:
       tinyglobby: 0.2.15
       ts-interface-checker: 0.1.13
 
+  sumoselect@https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988:
+    dependencies:
+      jquery: 3.7.1
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svelte-gantt@4.4.3(moment@2.30.1):
+    dependencies:
+      moment: 2.30.1
+      sirv-cli: 2.0.2
+
   symbol-tree@3.2.4: {}
 
   tailwind-merge@2.6.1: {}
@@ -5609,6 +5939,8 @@ snapshots:
 
   tinybench@2.9.0: {}
 
+  tinydate@1.3.0: {}
+
   tinyexec@0.3.2: {}
 
   tinyglobby@0.2.15:
@@ -5628,6 +5960,8 @@ snapshots:
     dependencies:
       tldts-core: 6.1.86
 
+  totalist@3.0.1: {}
+
   tough-cookie@5.1.2:
     dependencies:
       tldts: 6.1.86
@@ -5686,6 +6020,8 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
+  type@2.7.3: {}
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -5723,6 +6059,9 @@ snapshots:
 
   ufo@1.6.3: {}
 
+  uglify-js@3.19.3:
+    optional: true
+
   unbox-primitive@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -5730,6 +6069,8 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
+  underscore@1.13.7: {}
+
   undici-types@6.21.0: {}
 
   unplugin@2.3.11:
@@ -5903,6 +6244,8 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
+  wordwrap@1.0.0: {}
+
   wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
diff --git a/src/components/WCDataVis/WCDataVis.stories.tsx b/src/components/WCDataVis/WCDataVis.stories.tsx
new file mode 100644
index 00000000..2b196f4e
--- /dev/null
+++ b/src/components/WCDataVis/WCDataVis.stories.tsx
@@ -0,0 +1,97 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { WCDVSOURCE, WCDVGRID } from './WCDataVis';
+
+const meta: Meta<typeof WCDVGRID> = {
+  title: 'Data Display/WC DataVis',
+  component: WCDVGRID,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component:
+          'React wrapper around the wcdatavis library. `<WCDVSOURCE>` creates a data source and provides it to child `<WCDVGRID>` components via context.',
+      },
+    },
+  },
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <div style={{ padding: '1rem', minHeight: 400 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof WCDVGRID>;
+
+/**
+ * Basic grid that fetches data from an HTTP JSON source and renders all columns.
+ */
+export const Default: Story = {
+  render: () => (
+    <WCDVSOURCE type="http" url="/sample-data.json">
+      <WCDVGRID
+        title="Employees"
+        columns={['id', 'name', 'email', 'department', 'status', 'start_date']}
+        style={{ width: '100%', minHeight: 350 }}
+      />
+    </WCDVSOURCE>
+  ),
+};
+
+/**
+ * Grid showing only a subset of columns.
+ */
+export const SubsetColumns: Story = {
+  render: () => (
+    <WCDVSOURCE type="http" url="/sample-data.json">
+      <WCDVGRID
+        title="Employee Directory"
+        columns={['name', 'department', 'status']}
+        style={{ width: '100%', minHeight: 350 }}
+      />
+    </WCDVSOURCE>
+  ),
+};
+
+/**
+ * Grid with controls visible so the user can interact with filtering,
+ * grouping, and other built-in features.
+ */
+export const WithControls: Story = {
+  render: () => (
+    <WCDVSOURCE type="http" url="/sample-data.json">
+      <WCDVGRID
+        title="Employee Management"
+        columns={['id', 'name', 'email', 'department', 'status', 'start_date']}
+        showControls
+        style={{ width: '100%', minHeight: 400 }}
+      />
+    </WCDVSOURCE>
+  ),
+};
+
+/**
+ * Multiple grids sharing the same data source. Both grids read from the same
+ * `<WCDVSOURCE>` so the data is fetched only once.
+ */
+export const MultipleGrids: Story = {
+  render: () => (
+    <WCDVSOURCE type="http" url="/sample-data.json">
+      <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+        <WCDVGRID
+          title="Contact Info"
+          columns={['name', 'email']}
+          style={{ width: '100%', minHeight: 250 }}
+        />
+        <WCDVGRID
+          title="Department Overview"
+          columns={['name', 'department', 'status']}
+          style={{ width: '100%', minHeight: 250 }}
+        />
+      </div>
+    </WCDVSOURCE>
+  ),
+};
diff --git a/src/components/WCDataVis/WCDataVis.tsx b/src/components/WCDataVis/WCDataVis.tsx
new file mode 100644
index 00000000..e6f8ffa6
--- /dev/null
+++ b/src/components/WCDataVis/WCDataVis.tsx
@@ -0,0 +1,167 @@
+/**
+ * React wrapper components for wcdatavis.
+ *
+ * Provides <WCDVSOURCE> and <WCDVGRID> components that declaratively
+ * create and manage DataVis Source, ComputedView, and Grid instances.
+ */
+
+import React, { createContext, useContext, useEffect, useId, useRef } from 'react';
+// setup.ts must be first — it sets window.jQuery before plugins load
+import './setup';
+import { Source, ComputedView, Grid } from 'wcdatavis/index.js';
+
+import 'wcdatavis/wcdatavis.css';
+
+/** React context used to pass the ComputedView from WCDVSOURCE to WCDVGRID. */
+const SourceContext = createContext<InstanceType<typeof ComputedView> | null>(null);
+
+// — WCDVSOURCE —
+
+type WCDVSOURCEType = 'http' | 'local' | 'file';
+
+interface HttpWCDVSOURCEProps {
+  /** Source type: 'http'. */
+  type: 'http';
+  /** URL to fetch data from (required when type is 'http'). */
+  url: string;
+  children?: React.ReactNode;
+}
+
+interface LocalWCDVSOURCEProps {
+  /** Source type: 'local'. */
+  type: 'local';
+  children?: React.ReactNode;
+}
+
+interface FileWCDVSOURCEProps {
+  /** Source type: 'file'. */
+  type: 'file';
+  children?: React.ReactNode;
+}
+
+export type WCDVSOURCEProps =
+  | HttpWCDVSOURCEProps
+  | LocalWCDVSOURCEProps
+  | FileWCDVSOURCEProps;
+/** ComputedView augmented with bookkeeping fields used to detect prop changes. */
+type TrackedComputedView = InstanceType<typeof ComputedView> & {
+  _dvType: WCDVSOURCEType;
+  _dvUrl: string | undefined;
+};
+
+/**
+ * Creates a DataVis Source and ComputedView, providing them to children
+ * via context. The Source is recreated when `type` or `url` change.
+ */
+function WCDVSOURCE(props: WCDVSOURCEProps) {
+  const { type, children } = props;
+  const url = props.type === 'http' ? props.url : undefined;
+  const viewRef = useRef<TrackedComputedView | null>(null);
+
+  if (
+    viewRef.current === null ||
+    viewRef.current._dvType !== type ||
+    viewRef.current._dvUrl !== url
+  ) {
+    const source = props.type === 'http'
+      ? new Source({ type, url: props.url })
+      : new Source({ type });
+    viewRef.current = Object.assign(new ComputedView(source), { _dvType: type, _dvUrl: url });
+  }
+
+  return (
+    <SourceContext.Provider value={viewRef.current}>
+      {children}
+    </SourceContext.Provider>
+  );
+}
+
+WCDVSOURCE.displayName = 'WCDVSOURCE';
+
+// — WCDVGRID —
+
+export interface WCDVGRIDProps {
+  /** DOM id for the grid container. Auto-generated if omitted. */
+  id?: string;
+  /** Title shown in the grid's title bar. */
+  title?: string;
+  /** Whether to show grid controls. Defaults to false. */
+  showControls?: boolean;
+  /** Column definitions (strings or objects). */
+  columns?: Array<string | Record<string, unknown>>;
+  /** Table feature flags (limit, rowSelect, etc.). */
+  features?: Record<string, unknown>;
+  /** Additional CSS class(es) for the container div. */
+  className?: string;
+  /** Inline styles for the container div. */
+  style?: React.CSSProperties;
+}
+
+/**
+ * Renders a DataVis Grid into a container div. Must be a descendant of
+ * WCDVSOURCE so that a ComputedView is available via context.
+ */
+function WCDVGRID({
+  id,
+  title,
+  showControls,
+  columns,
+  features,
+  className,
+  style,
+}: WCDVGRIDProps) {
+  const computedView = useContext(SourceContext);
+  const containerRef = useRef<HTMLDivElement>(null);
+  const gridRef = useRef<InstanceType<typeof Grid> | null>(null);
+  const reactId = useId();
+
+  const domId = id || 'dv-grid-' + reactId.replace(/:/g, '');
+
+  useEffect(() => {
+    const container = containerRef.current;
+
+    if (container === null || computedView === null) return;
+
+    if (gridRef.current !== null) {
+      container.innerHTML = '';
+      gridRef.current = null;
+    }
+
+    const defn: {
+      id: string;
+      computedView: InstanceType<typeof ComputedView>;
+      table: { columns?: typeof columns; features?: typeof features };
+    } = {
+      id: domId,
+      computedView,
+      table: {},
+    };
+
+    if (columns !== undefined) defn.table.columns = columns;
+    if (features !== undefined) defn.table.features = features;
+
+    const opts: Record<string, unknown> = {};
+    if (title !== undefined) opts.title = title;
+    opts.showControls = showControls ?? false;
+
+    gridRef.current = new Grid(defn, opts);
+
+    return () => {
+      container.innerHTML = '';
+      gridRef.current = null;
+    };
+  }, [computedView, domId, title, showControls, columns, features]);
+
+  return (
+    <div
+      id={domId}
+      ref={containerRef}
+      className={className}
+      style={style}
+    />
+  );
+}
+
+WCDVGRID.displayName = 'WCDVGRID';
+
+export { WCDVSOURCE, WCDVGRID, SourceContext };
diff --git a/src/components/WCDataVis/index.ts b/src/components/WCDataVis/index.ts
new file mode 100644
index 00000000..2f090703
--- /dev/null
+++ b/src/components/WCDataVis/index.ts
@@ -0,0 +1,2 @@
+export { DataVisSource, DataVisGrid, SourceContext } from './WCDataVis';
+export type { DataVisSourceProps, DataVisGridProps } from './WCDataVis';
diff --git a/src/components/WCDataVis/setup.ts b/src/components/WCDataVis/setup.ts
new file mode 100644
index 00000000..89b57657
--- /dev/null
+++ b/src/components/WCDataVis/setup.ts
@@ -0,0 +1,32 @@
+declare module 'jquery' {
+  interface JQueryStatic {
+    (...args: unknown[]): unknown;
+    [key: string]: unknown;
+  }
+
+  const jQuery: JQueryStatic;
+  export default jQuery;
+}
+
+declare global {
+  interface Window {
+    jQuery?: typeof jQuery;
+    $?: typeof jQuery;
+  }
+}
+
+import jQuery from 'jquery';
+
+type JQueryGlobals = typeof globalThis & {
+  jQuery?: typeof jQuery;
+  $?: typeof jQuery;
+};
+
+const globalJQuery = globalThis as JQueryGlobals;
+
+if (typeof window !== 'undefined') {
+  window.jQuery = jQuery;
+  window.$ = jQuery;
+}
+globalJQuery.jQuery = jQuery;
+globalJQuery.$ = jQuery;
diff --git a/src/index.ts b/src/index.ts
index e0e521e6..d465f887 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -28,6 +28,7 @@ export * from './components/CountryCodeDropdown';
 export * from './components/CookieConsent';
 export * from './components/CSVColumnMapper';
 export * from './components/DashboardWidget';
+export * from './components/DataVis';
 export * from './components/DateInput';
 export * from './components/DateRangePicker';
 export * from './components/DocumentScanner';
diff --git a/src/types/wcdatavis.d.ts b/src/types/wcdatavis.d.ts
new file mode 100644
index 00000000..0dc4fe88
--- /dev/null
+++ b/src/types/wcdatavis.d.ts
@@ -0,0 +1,56 @@
+declare module 'wcdatavis/src/source.js' {
+  export interface SourceSpec {
+    type: string;
+    url?: string;
+    [key: string]: unknown;
+  }
+
+  export class Source {
+    constructor(spec: SourceSpec, ...extraArgs: unknown[]);
+  }
+}
+
+declare module 'wcdatavis/src/computed_view.js' {
+  import type { Source } from 'wcdatavis/src/source.js';
+
+  export interface ComputedViewOptions {
+    [key: string]: unknown;
+  }
+
+  export class ComputedView {
+    constructor(source: Source, opts?: ComputedViewOptions);
+  }
+}
+
+declare module 'wcdatavis/src/grid.js' {
+  import type { ComputedView } from 'wcdatavis/src/computed_view.js';
+
+  export interface GridTableDefinition {
+    columns?: Array<string | Record<string, unknown>>;
+    features?: Record<string, unknown>;
+    [key: string]: unknown;
+  }
+
+  export interface GridDefinition {
+    id: string;
+    computedView: ComputedView;
+    table?: GridTableDefinition;
+    [key: string]: unknown;
+  }
+
+  export interface GridOptions {
+    title?: string;
+    showControls?: boolean;
+    [key: string]: unknown;
+  }
+
+  export class Grid {
+    constructor(definition: GridDefinition, opts?: GridOptions);
+  }
+}
+
+declare module 'wcdatavis/index.js' {
+  export { Source } from 'wcdatavis/src/source.js';
+  export { ComputedView } from 'wcdatavis/src/computed_view.js';
+  export { Grid } from 'wcdatavis/src/grid.js';
+}
\ No newline at end of file

From 1e36888d83d816ed88d3efee31df9f85a0e565d5 Mon Sep 17 00:00:00 2001
From: Taylor Venable <tvenable@mieweb.com>
Date: Thu, 12 Mar 2026 13:50:28 -0400
Subject: [PATCH 2/6] Creating a component for DataVis NITRO.

---
 .storybook/main.ts                            |  16 +
 package.json                                  |   3 +-
 pnpm-lock.yaml                                | 110 +++++-
 .../DataVisNITRO/DataVisNITRO.stories.tsx     |  65 +++
 src/components/DataVisNITRO/DataVisNITRO.tsx  | 374 ++++++++++++++++++
 src/components/DataVisNITRO/index.ts          |  11 +
 src/index.ts                                  |   3 +-
 7 files changed, 575 insertions(+), 7 deletions(-)
 create mode 100644 src/components/DataVisNITRO/DataVisNITRO.stories.tsx
 create mode 100644 src/components/DataVisNITRO/DataVisNITRO.tsx
 create mode 100644 src/components/DataVisNITRO/index.ts

diff --git a/.storybook/main.ts b/.storybook/main.ts
index f592219f..a6f06b21 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -16,6 +16,22 @@ const config: StorybookConfig = {
     reactDocgen: 'react-docgen-typescript',
   },
   staticDirs: ['./public'],
+  async viteFinal(config) {
+    config.esbuild = {
+      ...config.esbuild,
+      jsx: 'automatic',
+      jsxImportSource: 'react',
+    };
+
+    config.optimizeDeps ??= {};
+    config.optimizeDeps.esbuildOptions = {
+      ...config.optimizeDeps.esbuildOptions,
+      jsx: 'automatic',
+      jsxImportSource: 'react',
+    };
+
+    return config;
+  },
 };
 
 export default config;
diff --git a/package.json b/package.json
index 40b3ac16..feaf54be 100644
--- a/package.json
+++ b/package.json
@@ -177,12 +177,13 @@
     "@swc/helpers": "^0.5.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "datavis": "mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4",
     "font-awesome": "^4.7.0",
     "google-libphonenumber": "^3.2.44",
     "lucide-react": "^0.562.0",
     "luxon": "^3.7.2",
     "tailwind-merge": "^2.6.1",
-    "wcdatavis": "mieweb/wcdatavis.git#feature/react"
+    "wcdatavis": "mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 42ddd81e..69ea90e1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      datavis:
+        specifier: mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4
+        version: '@mieweb/datavis@git+https://git@github.com:mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(wavesurfer.js@7.12.1)'
       font-awesome:
         specifier: ^4.7.0
         version: 4.7.0
@@ -33,8 +36,8 @@ importers:
         specifier: ^2.6.1
         version: 2.6.1
       wcdatavis:
-        specifier: mieweb/wcdatavis.git#feature/react
-        version: '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#d4439f8335a447a81d9e4efb53d2a8c660db7cee'
+        specifier: mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0
+        version: '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0'
     devDependencies:
       '@eslint/js':
         specifier: ^9.39.3
@@ -279,6 +282,28 @@ packages:
     resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
     engines: {node: '>=18'}
 
+  '@dnd-kit/accessibility@3.1.1':
+    resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  '@dnd-kit/core@6.3.1':
+    resolution: {integrity: sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@dnd-kit/sortable@10.0.0':
+    resolution: {integrity: sha512-+xqhmIIzvAYMGfBYYnbKuNicfSsk4RksY2XdmJhT+HAC01nix6fHCztU68jooFiMUB01Ky3F0FyOvhG/BZrWkg==}
+    peerDependencies:
+      '@dnd-kit/core': ^6.3.0
+      react: '>=16.8.0'
+
+  '@dnd-kit/utilities@3.2.2':
+    resolution: {integrity: sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==}
+    peerDependencies:
+      react: '>=16.8.0'
+
   '@esbuild/aix-ppc64@0.27.3':
     resolution: {integrity: sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==}
     engines: {node: '>=18'}
@@ -531,8 +556,29 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#d4439f8335a447a81d9e4efb53d2a8c660db7cee':
-    resolution: {commit: d4439f8335a447a81d9e4efb53d2a8c660db7cee, repo: git@github.com:mieweb/wcdatavis.git, type: git}
+  '@mieweb/datavis@git+https://git@github.com:mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4':
+    resolution: {commit: 7e3511539e933d20f54914b84036b114ae1763f4, repo: git@github.com:mieweb/datavis.git, type: git}
+    version: 0.1.0
+
+  '@mieweb/ui@0.2.4':
+    resolution: {integrity: sha512-1OBv6wCgxCGY+s2Di5LVGyqFoYWmX14/zLX1+kUc/qRjI+2NGywvLht73pOvcqomvHhzEtVp3hRuHm5bCsHx3g==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      ag-grid-community: '>=32.0.0'
+      ag-grid-react: '>=32.0.0'
+      react: '>=18.0.0'
+      react-dom: '>=18.0.0'
+      wavesurfer.js: '>=7.0.0'
+    peerDependenciesMeta:
+      ag-grid-community:
+        optional: true
+      ag-grid-react:
+        optional: true
+      wavesurfer.js:
+        optional: true
+
+  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0':
+    resolution: {commit: 8219021d456820ece579c6418f1406c0d4f9dbe0, repo: git@github.com:mieweb/wcdatavis.git, type: git}
     version: 3.3.0
 
   '@parcel/watcher-android-arm64@2.5.6':
@@ -3312,6 +3358,31 @@ snapshots:
 
   '@csstools/css-tokenizer@3.0.4': {}
 
+  '@dnd-kit/accessibility@3.1.1(react@19.2.4)':
+    dependencies:
+      react: 19.2.4
+      tslib: 2.8.1
+
+  '@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@dnd-kit/accessibility': 3.1.1(react@19.2.4)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      tslib: 2.8.1
+
+  '@dnd-kit/sortable@10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@dnd-kit/core': 6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.4)
+      react: 19.2.4
+      tslib: 2.8.1
+
+  '@dnd-kit/utilities@3.2.2(react@19.2.4)':
+    dependencies:
+      react: 19.2.4
+      tslib: 2.8.1
+
   '@esbuild/aix-ppc64@0.27.3':
     optional: true
 
@@ -3493,7 +3564,36 @@ snapshots:
       '@types/react': 19.2.14
       react: 19.2.4
 
-  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#d4439f8335a447a81d9e4efb53d2a8c660db7cee':
+  '@mieweb/datavis@git+https://git@github.com:mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(wavesurfer.js@7.12.1)':
+    dependencies:
+      '@dnd-kit/core': 6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.4)
+      '@mieweb/ui': 0.2.4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(wavesurfer.js@7.12.1)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      wcdatavis: '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0'
+    transitivePeerDependencies:
+      - ag-grid-community
+      - ag-grid-react
+      - wavesurfer.js
+
+  '@mieweb/ui@0.2.4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(wavesurfer.js@7.12.1)':
+    dependencies:
+      '@swc/helpers': 0.5.19
+      class-variance-authority: 0.7.1
+      clsx: 2.1.1
+      lucide-react: 0.562.0(react@19.2.4)
+      luxon: 3.7.2
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      tailwind-merge: 2.6.1
+    optionalDependencies:
+      ag-grid-community: 35.1.0
+      ag-grid-react: 35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      wavesurfer.js: 7.12.1
+
+  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0':
     dependencies:
       bignumber.js: 9.3.1
       block-ui: 2.70.1
diff --git a/src/components/DataVisNITRO/DataVisNITRO.stories.tsx b/src/components/DataVisNITRO/DataVisNITRO.stories.tsx
new file mode 100644
index 00000000..378e73f7
--- /dev/null
+++ b/src/components/DataVisNITRO/DataVisNITRO.stories.tsx
@@ -0,0 +1,65 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { DataVisNitroGrid, DataVisNitroSource } from './DataVisNITRO';
+
+const meta: Meta<typeof DataVisNitroGrid> = {
+  title: 'Data Display/DataVis NITRO',
+  component: DataVisNitroGrid,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component:
+          'React wrapper around the new datavis package. `<DataVisNitroSource>` creates a wcdatavis source/view pair and `<DataVisNitroGrid>` renders that view through DataVis NITRO\'s React `DataGrid` and `TableRenderer`.',
+      },
+    },
+  },
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <div style={{ padding: '1rem' }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof DataVisNitroGrid>;
+
+export const Default: Story = {
+  render: () => (
+    <DataVisNitroSource type="http" url="/sample-data.json">
+      <DataVisNitroGrid
+        title="Employees"
+        columns={['id', 'name', 'email', 'department', 'status', 'start_date']}
+        height="420px"
+      />
+    </DataVisNitroSource>
+  ),
+};
+
+export const WithControls: Story = {
+  render: () => (
+    <DataVisNitroSource type="http" url="/sample-data.json">
+      <DataVisNitroGrid
+        title="Employee Management"
+        columns={['id', 'name', 'email', 'department', 'status', 'start_date']}
+        showControls
+        height="480px"
+      />
+    </DataVisNitroSource>
+  ),
+};
+
+export const DerivedColumns: Story = {
+  render: () => (
+    <DataVisNitroSource type="http" url="/sample-data.json">
+      <DataVisNitroGrid
+        title="Auto Derived Columns"
+        showControls
+        height="480px"
+      />
+    </DataVisNitroSource>
+  ),
+};
diff --git a/src/components/DataVisNITRO/DataVisNITRO.tsx b/src/components/DataVisNITRO/DataVisNITRO.tsx
new file mode 100644
index 00000000..63786a1f
--- /dev/null
+++ b/src/components/DataVisNITRO/DataVisNITRO.tsx
@@ -0,0 +1,374 @@
+import React, { createContext, useContext, useMemo, useRef } from 'react';
+import { ComputedView } from 'wcdatavis/src/computed_view.js';
+import { Source } from 'wcdatavis/src/source.js';
+
+import {
+  DataGrid,
+  type DataGridProps,
+  type GridTableDef,
+} from 'datavis/src/components/DataGrid';
+import { determineColumns } from 'datavis/src/adapters/colconfig-adapter';
+import { getBuiltinGroupFunctions } from 'datavis/src/adapters/group-adapter';
+import { buildAggregateFunctions } from 'datavis/src/adapters/wcdatavis-interop';
+import { useView, type ViewInstance } from 'datavis/src/adapters/use-data';
+import { TableRenderer, type TableRendererProps } from 'datavis/src/components/table/TableRenderer';
+import type { TableColumn, TableFeatures } from 'datavis/src/components/table/types';
+import type { ColumnFilterConfig } from 'datavis/src/components/filters/types';
+import type { AggregateFunction } from 'datavis/src/components/controls/AggregateSection';
+import type { GroupFunction as GroupFunctionDef } from 'datavis/src/components/dialogs/GroupFunctionDialog';
+
+type TranslateFn = (key: string, ...args: unknown[]) => string;
+
+type DataVisNitroSourceType = 'http' | 'local' | 'file';
+
+interface HttpDataVisNitroSourceProps {
+  type: 'http';
+  url: string;
+  children?: React.ReactNode;
+}
+
+interface LocalDataVisNitroSourceProps {
+  type: 'local';
+  children?: React.ReactNode;
+}
+
+interface FileDataVisNitroSourceProps {
+  type: 'file';
+  children?: React.ReactNode;
+}
+
+export type DataVisNitroSourceProps =
+  | HttpDataVisNitroSourceProps
+  | LocalDataVisNitroSourceProps
+  | FileDataVisNitroSourceProps;
+
+type TrackedViewInstance = ViewInstance & {
+  _dvType: DataVisNitroSourceType;
+  _dvUrl: string | undefined;
+};
+
+type DataVisTypeInfoEntry = {
+  type?: string;
+  displayText?: string;
+  format?: string | Record<string, unknown>;
+  internalType?: string;
+};
+
+type DataVisTypeInfoMap = Record<string, DataVisTypeInfoEntry>;
+
+type DataVisTypeInfoOrdMap = {
+  keys?: () => string[];
+  get?: (key: string) => DataVisTypeInfoEntry | undefined;
+};
+
+export type DataVisNitroColumn = string | TableColumn;
+
+export interface DataVisNitroGridProps
+  extends Omit<DataGridProps, 'view' | 'children' | 'allColumns'>,
+    Pick<
+      TableRendererProps,
+      | 'formatCell'
+      | 'onColumnReorder'
+      | 'onColumnResize'
+      | 'onHeaderContextMenu'
+      | 'onRowClick'
+      | 'onRowDoubleClick'
+      | 'onSelectionChange'
+    > {
+  columns?: DataVisNitroColumn[];
+  allColumns?: TableColumn[];
+  features?: TableFeatures;
+  filterColumns?: ColumnFilterConfig[];
+  aggregateFunctions?: AggregateFunction[];
+  groupFunctionDefs?: GroupFunctionDef[];
+  style?: React.CSSProperties;
+}
+
+export const DataVisNitroContext = createContext<ViewInstance | null>(null);
+
+function isObject(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null;
+}
+
+function normalizeTypeInfo(typeInfo: unknown): DataVisTypeInfoMap {
+  if (!isObject(typeInfo)) {
+    return {};
+  }
+
+  const maybeOrdMap = typeInfo as DataVisTypeInfoOrdMap;
+  if (typeof maybeOrdMap.keys === 'function' && typeof maybeOrdMap.get === 'function') {
+    return Object.fromEntries(
+      maybeOrdMap.keys().map((field) => [field, maybeOrdMap.get?.(field) ?? {}]),
+    );
+  }
+
+  return Object.fromEntries(
+    Object.entries(typeInfo).filter(([, value]) => isObject(value)),
+  ) as DataVisTypeInfoMap;
+}
+
+function normalizeFieldType(type: string | undefined): string | undefined {
+  if (!type) return undefined;
+  if (type === 'integer') return 'number';
+  if (type === 'boolean') return 'string';
+  return type;
+}
+
+function buildColumnFromField(field: string, typeInfo: DataVisTypeInfoMap): TableColumn {
+  const info = typeInfo[field];
+  const normalizedType = normalizeFieldType(info?.type);
+
+  return {
+    field,
+    header: info?.displayText ?? field,
+    sortable: true,
+    filterable: true,
+    resizable: true,
+    reorderable: true,
+    ...(normalizedType
+      ? {
+          typeInfo: {
+            type: normalizedType,
+            ...(info?.format !== undefined ? { format: info.format } : {}),
+            ...(info?.internalType !== undefined ? { internalType: info.internalType } : {}),
+          },
+        }
+      : {}),
+  };
+}
+
+function mergeColumnWithTypeInfo(column: TableColumn, typeInfo: DataVisTypeInfoMap): TableColumn {
+  const fallbackColumn = buildColumnFromField(column.field, typeInfo);
+  return {
+    ...fallbackColumn,
+    ...column,
+    header: column.header ?? fallbackColumn.header,
+    typeInfo: column.typeInfo ?? fallbackColumn.typeInfo,
+  };
+}
+
+function buildResolvedColumns(
+  columns: DataVisNitroColumn[] | undefined,
+  fallbackFields: string[],
+  typeInfo: DataVisTypeInfoMap,
+): TableColumn[] {
+  if (columns && columns.length > 0) {
+    return columns.map((column) => {
+      if (typeof column === 'string') {
+        return buildColumnFromField(column, typeInfo);
+      }
+
+      return mergeColumnWithTypeInfo(column, typeInfo);
+    });
+  }
+
+  return fallbackFields.map((field) => buildColumnFromField(field, typeInfo));
+}
+
+function buildFallbackFieldOrder(
+  typeInfo: DataVisTypeInfoMap,
+  data: unknown[] | null,
+): string[] {
+  const rows = Array.isArray(data)
+    ? data.filter((row): row is Record<string, unknown> => isObject(row))
+    : null;
+
+  const normalizedEntries = Object.fromEntries(
+    Object.entries(typeInfo).map(([field, info]) => [
+      field,
+      {
+        type: normalizeFieldType(info.type) ?? 'string',
+        ...(info.displayText !== undefined ? { displayText: info.displayText } : {}),
+      },
+    ]),
+  );
+
+  return determineColumns(null, normalizedEntries, rows);
+}
+
+function buildControlFields(columns: TableColumn[]): NonNullable<DataGridProps['controlFields']> {
+  return columns.map((column) => ({
+    field: column.field,
+    displayName: column.header,
+    type: column.typeInfo?.type,
+  }));
+}
+
+function buildAggregateFields(columns: TableColumn[]): NonNullable<DataGridProps['aggregateFields']> {
+  return columns.map((column) => ({
+    field: column.field,
+    displayName: column.header,
+  }));
+}
+
+function mergeTableDef(
+  tableDef: GridTableDef | undefined,
+  features: TableFeatures | undefined,
+): GridTableDef | undefined {
+  if (!tableDef && !features) {
+    return undefined;
+  }
+
+  const { rowMode, ...featureFlags } = features ?? {};
+
+  return {
+    ...tableDef,
+    ...(rowMode !== undefined ? { rowMode } : {}),
+    ...(Object.keys(featureFlags).length > 0
+      ? {
+          features: {
+            ...(tableDef?.features ?? {}),
+            ...featureFlags,
+          },
+        }
+      : {}),
+  };
+}
+
+function DataVisNitroSource(props: DataVisNitroSourceProps) {
+  const { type, children } = props;
+  const url = props.type === 'http' ? props.url : undefined;
+  const viewRef = useRef<TrackedViewInstance | null>(null);
+
+  if (
+    viewRef.current === null ||
+    viewRef.current._dvType !== type ||
+    viewRef.current._dvUrl !== url
+  ) {
+    const source = props.type === 'http'
+      ? new Source({ type, url: props.url })
+      : new Source({ type });
+
+    viewRef.current = Object.assign(
+      new ComputedView(source) as unknown as ViewInstance,
+      { _dvType: type, _dvUrl: url },
+    );
+  }
+
+  return (
+    <DataVisNitroContext.Provider value={viewRef.current}>
+      {children}
+    </DataVisNitroContext.Provider>
+  );
+}
+
+function DataVisNitroGridInner({
+  computedView,
+  columns,
+  allColumns,
+  features,
+  filterColumns,
+  controlFields,
+  aggregateFields,
+  aggregateFunctions,
+  groupFunctionDefs,
+  tableDef,
+  formatCell,
+  onColumnReorder,
+  onColumnResize,
+  onHeaderContextMenu,
+  onRowClick,
+  onRowDoubleClick,
+  onSelectionChange,
+  style,
+  trans,
+  ...dataGridProps
+}: DataVisNitroGridProps & { computedView: ViewInstance }) {
+  const viewState = useView(computedView, false);
+
+  const normalizedTypeInfo = useMemo(
+    () => normalizeTypeInfo(viewState.typeInfo ?? computedView?.typeInfo ?? null),
+    [computedView, viewState.typeInfo],
+  );
+
+  const fallbackFields = useMemo(
+    () => buildFallbackFieldOrder(normalizedTypeInfo, viewState.data?.data ?? null),
+    [normalizedTypeInfo, viewState.data?.data],
+  );
+
+  const resolvedAllColumns = useMemo(() => {
+    if (allColumns && allColumns.length > 0) {
+      return allColumns.map((column) => mergeColumnWithTypeInfo(column, normalizedTypeInfo));
+    }
+
+    return buildResolvedColumns(columns, fallbackFields, normalizedTypeInfo);
+  }, [allColumns, columns, fallbackFields, normalizedTypeInfo]);
+
+  const resolvedColumns = useMemo(() => {
+    if (columns && columns.length > 0) {
+      return buildResolvedColumns(columns, fallbackFields, normalizedTypeInfo)
+        .filter((column) => column.visible !== false);
+    }
+
+    return resolvedAllColumns.filter((column) => column.visible !== false);
+  }, [columns, fallbackFields, normalizedTypeInfo, resolvedAllColumns]);
+
+  const effectiveAggregateFunctions = useMemo(
+    () => aggregateFunctions ?? buildAggregateFunctions(),
+    [aggregateFunctions],
+  );
+
+  const effectiveGroupFunctionDefs = useMemo(
+    () => groupFunctionDefs ?? getBuiltinGroupFunctions(trans as TranslateFn | undefined),
+    [groupFunctionDefs, trans],
+  );
+
+  const effectiveTableDef = useMemo(
+    () => mergeTableDef(tableDef, features),
+    [tableDef, features],
+  );
+
+  const aggFnLabels = useMemo(
+    () => Object.fromEntries(effectiveAggregateFunctions.map((fn) => [fn.name, fn.label])),
+    [effectiveAggregateFunctions],
+  );
+
+  return (
+    <div style={style}>
+      <DataGrid
+        {...dataGridProps}
+        trans={trans}
+        view={computedView}
+        tableDef={effectiveTableDef}
+        allColumns={resolvedAllColumns}
+        filterColumns={filterColumns ?? []}
+        controlFields={controlFields ?? buildControlFields(resolvedAllColumns)}
+        aggregateFields={aggregateFields ?? buildAggregateFields(resolvedAllColumns)}
+        aggregateFunctions={effectiveAggregateFunctions}
+        groupFunctionDefs={effectiveGroupFunctionDefs}
+      >
+        <TableRenderer
+          viewData={viewState.data}
+          columns={resolvedColumns}
+          features={(effectiveTableDef?.features as TableFeatures | undefined) ?? features}
+          totalRows={viewState.totalRowCount || viewState.rowCount}
+          loading={viewState.loading || !viewState.ready}
+          formatCell={formatCell}
+          trans={trans}
+          aggFnLabels={aggFnLabels}
+          onColumnReorder={onColumnReorder}
+          onColumnResize={onColumnResize}
+          onHeaderContextMenu={onHeaderContextMenu}
+          onRowClick={onRowClick}
+          onRowDoubleClick={onRowDoubleClick}
+          onSelectionChange={onSelectionChange}
+        />
+      </DataGrid>
+    </div>
+  );
+}
+
+function DataVisNitroGrid(props: DataVisNitroGridProps) {
+  const computedView = useContext(DataVisNitroContext);
+
+  if (computedView === null) {
+    return null;
+  }
+
+  return <DataVisNitroGridInner {...props} computedView={computedView} />;
+}
+
+DataVisNitroSource.displayName = 'DataVisNitroSource';
+DataVisNitroGrid.displayName = 'DataVisNitroGrid';
+
+export { DataVisNitroGrid, DataVisNitroSource };
\ No newline at end of file
diff --git a/src/components/DataVisNITRO/index.ts b/src/components/DataVisNITRO/index.ts
new file mode 100644
index 00000000..0544747e
--- /dev/null
+++ b/src/components/DataVisNITRO/index.ts
@@ -0,0 +1,11 @@
+export {
+  DataVisNitroContext,
+  DataVisNitroGrid,
+  DataVisNitroSource,
+} from './DataVisNITRO';
+
+export type {
+  DataVisNitroColumn,
+  DataVisNitroGridProps,
+  DataVisNitroSourceProps,
+} from './DataVisNITRO';
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
index d465f887..e312814e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -28,7 +28,7 @@ export * from './components/CountryCodeDropdown';
 export * from './components/CookieConsent';
 export * from './components/CSVColumnMapper';
 export * from './components/DashboardWidget';
-export * from './components/DataVis';
+export * from './components/DataVisNITRO';
 export * from './components/DateInput';
 export * from './components/DateRangePicker';
 export * from './components/DocumentScanner';
@@ -147,6 +147,7 @@ export * from './components/Timeline';
 export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/VisuallyHidden';
+export * from './components/WCDataVis';
 // WebChartReportViewer exports DateRange which conflicts with DateRangePicker
 export {
   WebChartReportViewer,

From b271ceeb1b92c5354ed737e172ee47d77936474b Mon Sep 17 00:00:00 2001
From: Taylor Venable <tvenable@mieweb.com>
Date: Wed, 18 Mar 2026 15:49:20 -0400
Subject: [PATCH 3/6] Try switching the repos to public so CI can get them.

Bump DataVis & DataVis NITRO versions, fix type issues.
---
 package.json                                 |   5 +-
 pnpm-lock.yaml                               | 105 ++++++++++++++++---
 src/components/DataVisNITRO/DataVisNITRO.tsx |   3 +-
 src/components/WCDataVis/WCDataVis.tsx       |  20 ++--
 src/components/WCDataVis/index.ts            |   4 +-
 src/components/WCDataVis/setup.ts            |  17 ---
 src/types/jquery.d.ts                        |  14 +++
 7 files changed, 120 insertions(+), 48 deletions(-)
 create mode 100644 src/types/jquery.d.ts

diff --git a/package.json b/package.json
index feaf54be..079f4d26 100644
--- a/package.json
+++ b/package.json
@@ -177,13 +177,14 @@
     "@swc/helpers": "^0.5.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "datavis": "mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4",
+    "datavis": "https://github.com/mieweb/datavis.git#60f3233e516b318d28ff03478e1c4f2eb4fcc718",
     "font-awesome": "^4.7.0",
     "google-libphonenumber": "^3.2.44",
+    "jquery": "^3.7.1",
     "lucide-react": "^0.562.0",
     "luxon": "^3.7.2",
     "tailwind-merge": "^2.6.1",
-    "wcdatavis": "mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0"
+    "wcdatavis": "https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 69ea90e1..b8277a18 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,14 +18,17 @@ importers:
         specifier: ^2.1.1
         version: 2.1.1
       datavis:
-        specifier: mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4
-        version: '@mieweb/datavis@git+https://git@github.com:mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(wavesurfer.js@7.12.1)'
+        specifier: https://github.com/mieweb/datavis.git#60f3233e516b318d28ff03478e1c4f2eb4fcc718
+        version: '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)'
       font-awesome:
         specifier: ^4.7.0
         version: 4.7.0
       google-libphonenumber:
         specifier: ^3.2.44
         version: 3.2.44
+      jquery:
+        specifier: ^3.7.1
+        version: 3.7.1
       lucide-react:
         specifier: ^0.562.0
         version: 0.562.0(react@19.2.4)
@@ -36,8 +39,8 @@ importers:
         specifier: ^2.6.1
         version: 2.6.1
       wcdatavis:
-        specifier: mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0
-        version: '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0'
+        specifier: https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52
+        version: '@mieweb/wcdatavis@https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52'
     devDependencies:
       '@eslint/js':
         specifier: ^9.39.3
@@ -556,8 +559,8 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  '@mieweb/datavis@git+https://git@github.com:mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4':
-    resolution: {commit: 7e3511539e933d20f54914b84036b114ae1763f4, repo: git@github.com:mieweb/datavis.git, type: git}
+  '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718':
+    resolution: {tarball: https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718}
     version: 0.1.0
 
   '@mieweb/ui@0.2.4':
@@ -577,8 +580,8 @@ packages:
       wavesurfer.js:
         optional: true
 
-  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0':
-    resolution: {commit: 8219021d456820ece579c6418f1406c0d4f9dbe0, repo: git@github.com:mieweb/wcdatavis.git, type: git}
+  '@mieweb/wcdatavis@https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52':
+    resolution: {tarball: https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52}
     version: 3.3.0
 
   '@parcel/watcher-android-arm64@2.5.6':
@@ -1881,6 +1884,9 @@ packages:
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
+  html-parse-stringify@3.0.1:
+    resolution: {integrity: sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==}
+
   http-proxy-agent@7.0.2:
     resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
     engines: {node: '>= 14'}
@@ -1889,6 +1895,14 @@ packages:
     resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
     engines: {node: '>= 14'}
 
+  i18next@25.8.18:
+    resolution: {integrity: sha512-lzY5X83BiL5AP77+9DydbrqkQHFN9hUzWGjqjLpPcp5ZOzuu1aSoKaU3xbBLSjWx9dAzW431y+d+aogxOZaKRA==}
+    peerDependencies:
+      typescript: ^5
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -2112,6 +2126,9 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-formatter-js@2.3.4:
+    resolution: {integrity: sha512-gmAzYRtPRmYzeAT4T7+t3NhTF89JOAIioCVDddl9YDb3ls3kWcskirafw/MZGJaRhEU6fRimGJHl7CC7gaAI2Q==}
+
   json-formatter-js@https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac:
     resolution: {tarball: https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac}
     version: 2.3.4
@@ -2596,6 +2613,22 @@ packages:
     peerDependencies:
       react: ^19.2.4
 
+  react-i18next@16.5.8:
+    resolution: {integrity: sha512-2ABeHHlakxVY+LSirD+OiERxFL6+zip0PaHo979bgwzeHg27Sqc82xxXWIrSFmfWX0ZkrvXMHwhsi/NGUf5VQg==}
+    peerDependencies:
+      i18next: '>= 25.6.2'
+      react: '>= 16.8.0'
+      react-dom: '*'
+      react-native: '*'
+      typescript: ^5
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+      typescript:
+        optional: true
+
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -3020,8 +3053,8 @@ packages:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
 
-  underscore@1.13.7:
-    resolution: {integrity: sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==}
+  underscore@1.13.8:
+    resolution: {integrity: sha512-DXtD3ZtEQzc7M8m4cXotyHR+FAS18C64asBYY5vqZexfYryNNnDc02W4hKg3rdQuqOYas1jkseX0+nZXjTXnvQ==}
 
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
@@ -3117,6 +3150,10 @@ packages:
       jsdom:
         optional: true
 
+  void-elements@3.1.0:
+    resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
+    engines: {node: '>=0.10.0'}
+
   w3c-xmlserializer@5.0.0:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
@@ -3564,18 +3601,31 @@ snapshots:
       '@types/react': 19.2.14
       react: 19.2.4
 
-  '@mieweb/datavis@git+https://git@github.com:mieweb/datavis.git#7e3511539e933d20f54914b84036b114ae1763f4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(wavesurfer.js@7.12.1)':
+  '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)':
     dependencies:
       '@dnd-kit/core': 6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)
       '@dnd-kit/utilities': 3.2.2(react@19.2.4)
       '@mieweb/ui': 0.2.4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(wavesurfer.js@7.12.1)
+      bignumber.js: 9.3.1
+      core-js: 3.47.0
+      handlebars: 4.7.8
+      i18next: 25.8.18(typescript@5.9.3)
+      jquery: 3.7.1
+      json-formatter-js: 2.3.4
+      moment: 2.30.1
+      numeral: 2.0.6
+      papaparse: 5.5.3
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      wcdatavis: '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0'
+      react-i18next: 16.5.8(i18next@25.8.18(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)
+      sprintf-js: 1.1.3
+      underscore: 1.13.8
     transitivePeerDependencies:
       - ag-grid-community
       - ag-grid-react
+      - react-native
+      - typescript
       - wavesurfer.js
 
   '@mieweb/ui@0.2.4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(wavesurfer.js@7.12.1)':
@@ -3593,7 +3643,7 @@ snapshots:
       ag-grid-react: 35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       wavesurfer.js: 7.12.1
 
-  '@mieweb/wcdatavis@git+https://git@github.com:mieweb/wcdatavis.git#8219021d456820ece579c6418f1406c0d4f9dbe0':
+  '@mieweb/wcdatavis@https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52':
     dependencies:
       bignumber.js: 9.3.1
       block-ui: 2.70.1
@@ -3614,7 +3664,7 @@ snapshots:
       squirrelly: 9.1.0
       sumoselect: https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988
       svelte-gantt: 4.4.3(moment@2.30.1)
-      underscore: 1.13.7
+      underscore: 1.13.8
 
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
@@ -5025,6 +5075,10 @@ snapshots:
 
   html-escaper@2.0.2: {}
 
+  html-parse-stringify@3.0.1:
+    dependencies:
+      void-elements: 3.1.0
+
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.4
@@ -5039,6 +5093,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  i18next@25.8.18(typescript@5.9.3):
+    dependencies:
+      '@babel/runtime': 7.28.6
+    optionalDependencies:
+      typescript: 5.9.3
+
   iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
@@ -5277,6 +5337,8 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-formatter-js@2.3.4: {}
+
   json-formatter-js@https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac: {}
 
   json-schema-traverse@0.4.1: {}
@@ -5653,6 +5715,17 @@ snapshots:
       react: 19.2.4
       scheduler: 0.27.0
 
+  react-i18next@16.5.8(i18next@25.8.18(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3):
+    dependencies:
+      '@babel/runtime': 7.28.6
+      html-parse-stringify: 3.0.1
+      i18next: 25.8.18(typescript@5.9.3)
+      react: 19.2.4
+      use-sync-external-store: 1.6.0(react@19.2.4)
+    optionalDependencies:
+      react-dom: 19.2.4(react@19.2.4)
+      typescript: 5.9.3
+
   react-is@16.13.1: {}
 
   react-is@17.0.2: {}
@@ -6169,7 +6242,7 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  underscore@1.13.7: {}
+  underscore@1.13.8: {}
 
   undici-types@6.21.0: {}
 
@@ -6271,6 +6344,8 @@ snapshots:
       - tsx
       - yaml
 
+  void-elements@3.1.0: {}
+
   w3c-xmlserializer@5.0.0:
     dependencies:
       xml-name-validator: 5.0.0
diff --git a/src/components/DataVisNITRO/DataVisNITRO.tsx b/src/components/DataVisNITRO/DataVisNITRO.tsx
index 63786a1f..2faa9233 100644
--- a/src/components/DataVisNITRO/DataVisNITRO.tsx
+++ b/src/components/DataVisNITRO/DataVisNITRO.tsx
@@ -82,6 +82,7 @@ export interface DataVisNitroGridProps
   aggregateFunctions?: AggregateFunction[];
   groupFunctionDefs?: GroupFunctionDef[];
   style?: React.CSSProperties;
+  trans?: TranslateFn;
 }
 
 export const DataVisNitroContext = createContext<ViewInstance | null>(null);
@@ -327,7 +328,6 @@ function DataVisNitroGridInner({
     <div style={style}>
       <DataGrid
         {...dataGridProps}
-        trans={trans}
         view={computedView}
         tableDef={effectiveTableDef}
         allColumns={resolvedAllColumns}
@@ -344,7 +344,6 @@ function DataVisNitroGridInner({
           totalRows={viewState.totalRowCount || viewState.rowCount}
           loading={viewState.loading || !viewState.ready}
           formatCell={formatCell}
-          trans={trans}
           aggFnLabels={aggFnLabels}
           onColumnReorder={onColumnReorder}
           onColumnResize={onColumnResize}
diff --git a/src/components/WCDataVis/WCDataVis.tsx b/src/components/WCDataVis/WCDataVis.tsx
index e6f8ffa6..01dd17c8 100644
--- a/src/components/WCDataVis/WCDataVis.tsx
+++ b/src/components/WCDataVis/WCDataVis.tsx
@@ -19,7 +19,7 @@ const SourceContext = createContext<InstanceType<typeof ComputedView> | null>(nu
 
 type WCDVSOURCEType = 'http' | 'local' | 'file';
 
-interface HttpWCDVSOURCEProps {
+interface HttpWCDVSOURCE_props {
   /** Source type: 'http'. */
   type: 'http';
   /** URL to fetch data from (required when type is 'http'). */
@@ -27,22 +27,22 @@ interface HttpWCDVSOURCEProps {
   children?: React.ReactNode;
 }
 
-interface LocalWCDVSOURCEProps {
+interface LocalWCDVSOURCE_props {
   /** Source type: 'local'. */
   type: 'local';
   children?: React.ReactNode;
 }
 
-interface FileWCDVSOURCEProps {
+interface FileWCDVSOURCE_props {
   /** Source type: 'file'. */
   type: 'file';
   children?: React.ReactNode;
 }
 
-export type WCDVSOURCEProps =
-  | HttpWCDVSOURCEProps
-  | LocalWCDVSOURCEProps
-  | FileWCDVSOURCEProps;
+export type WCDVSOURCE_props =
+  | HttpWCDVSOURCE_props
+  | LocalWCDVSOURCE_props
+  | FileWCDVSOURCE_props;
 /** ComputedView augmented with bookkeeping fields used to detect prop changes. */
 type TrackedComputedView = InstanceType<typeof ComputedView> & {
   _dvType: WCDVSOURCEType;
@@ -53,7 +53,7 @@ type TrackedComputedView = InstanceType<typeof ComputedView> & {
  * Creates a DataVis Source and ComputedView, providing them to children
  * via context. The Source is recreated when `type` or `url` change.
  */
-function WCDVSOURCE(props: WCDVSOURCEProps) {
+function WCDVSOURCE(props: WCDVSOURCE_props) {
   const { type, children } = props;
   const url = props.type === 'http' ? props.url : undefined;
   const viewRef = useRef<TrackedComputedView | null>(null);
@@ -80,7 +80,7 @@ WCDVSOURCE.displayName = 'WCDVSOURCE';
 
 // — WCDVGRID —
 
-export interface WCDVGRIDProps {
+export interface WCDVGRID_props {
   /** DOM id for the grid container. Auto-generated if omitted. */
   id?: string;
   /** Title shown in the grid's title bar. */
@@ -109,7 +109,7 @@ function WCDVGRID({
   features,
   className,
   style,
-}: WCDVGRIDProps) {
+}: WCDVGRID_props) {
   const computedView = useContext(SourceContext);
   const containerRef = useRef<HTMLDivElement>(null);
   const gridRef = useRef<InstanceType<typeof Grid> | null>(null);
diff --git a/src/components/WCDataVis/index.ts b/src/components/WCDataVis/index.ts
index 2f090703..bf5ae82c 100644
--- a/src/components/WCDataVis/index.ts
+++ b/src/components/WCDataVis/index.ts
@@ -1,2 +1,2 @@
-export { DataVisSource, DataVisGrid, SourceContext } from './WCDataVis';
-export type { DataVisSourceProps, DataVisGridProps } from './WCDataVis';
+export { WCDVSOURCE, WCDVGRID, SourceContext } from './WCDataVis';
+export type { WCDVSOURCE_props, WCDVGRID_props } from './WCDataVis';
diff --git a/src/components/WCDataVis/setup.ts b/src/components/WCDataVis/setup.ts
index 89b57657..73c2623e 100644
--- a/src/components/WCDataVis/setup.ts
+++ b/src/components/WCDataVis/setup.ts
@@ -1,20 +1,3 @@
-declare module 'jquery' {
-  interface JQueryStatic {
-    (...args: unknown[]): unknown;
-    [key: string]: unknown;
-  }
-
-  const jQuery: JQueryStatic;
-  export default jQuery;
-}
-
-declare global {
-  interface Window {
-    jQuery?: typeof jQuery;
-    $?: typeof jQuery;
-  }
-}
-
 import jQuery from 'jquery';
 
 type JQueryGlobals = typeof globalThis & {
diff --git a/src/types/jquery.d.ts b/src/types/jquery.d.ts
new file mode 100644
index 00000000..850bceac
--- /dev/null
+++ b/src/types/jquery.d.ts
@@ -0,0 +1,14 @@
+declare module 'jquery' {
+  interface JQueryStatic {
+    (...args: unknown[]): unknown;
+    [key: string]: unknown;
+  }
+
+  const jQuery: JQueryStatic;
+  export default jQuery;
+}
+
+interface Window {
+  jQuery?: unknown;
+  $?: unknown;
+}

From 4719d66817ab1a6f8c184213aa9f11893818f5ef Mon Sep 17 00:00:00 2001
From: Taylor Venable <tvenable@mieweb.com>
Date: Mon, 23 Mar 2026 13:21:20 -0400
Subject: [PATCH 4/6] Move DataVis NITRO along.

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 079f4d26..825e2316 100644
--- a/package.json
+++ b/package.json
@@ -177,7 +177,7 @@
     "@swc/helpers": "^0.5.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "datavis": "https://github.com/mieweb/datavis.git#60f3233e516b318d28ff03478e1c4f2eb4fcc718",
+    "datavis": "https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
     "font-awesome": "^4.7.0",
     "google-libphonenumber": "^3.2.44",
     "jquery": "^3.7.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b8277a18..6a1a6035 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,8 +18,8 @@ importers:
         specifier: ^2.1.1
         version: 2.1.1
       datavis:
-        specifier: https://github.com/mieweb/datavis.git#60f3233e516b318d28ff03478e1c4f2eb4fcc718
-        version: '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)'
+        specifier: https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377
+        version: '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/2b32e15c013eabb6008949f4ed7021737ae67377(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)'
       font-awesome:
         specifier: ^4.7.0
         version: 4.7.0
@@ -559,8 +559,8 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718':
-    resolution: {tarball: https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718}
+  '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/2b32e15c013eabb6008949f4ed7021737ae67377':
+    resolution: {tarball: https://codeload.github.com/mieweb/datavis/tar.gz/2b32e15c013eabb6008949f4ed7021737ae67377}
     version: 0.1.0
 
   '@mieweb/ui@0.2.4':
@@ -3601,7 +3601,7 @@ snapshots:
       '@types/react': 19.2.14
       react: 19.2.4
 
-  '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/60f3233e516b318d28ff03478e1c4f2eb4fcc718(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)':
+  '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/2b32e15c013eabb6008949f4ed7021737ae67377(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)':
     dependencies:
       '@dnd-kit/core': 6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)

From 814a5803c7676050aa8a7e2996a69883c912dc05 Mon Sep 17 00:00:00 2001
From: Taylor Venable <tvenable@mieweb.com>
Date: Wed, 25 Mar 2026 16:07:25 -0400
Subject: [PATCH 5/6] Break DataVis into optional addons.

---
 .storybook/main.ts                            |  69 ++
 package-lock.json                             | 761 +++++++++++++++++-
 package.json                                  |  29 +-
 pnpm-lock.yaml                                | 133 ++-
 src/components/Address/AddressForm.tsx        | 102 ++-
 .../DataVisNITRO/DataVisNITRO.stories.tsx     |   2 +-
 src/components/DataVisNITRO/DataVisNITRO.tsx  | 114 ++-
 src/components/DataVisNITRO/index.ts          |   2 +-
 src/components/WCDataVis/WCDataVis.tsx        |  31 +-
 src/datavis.ts                                |   2 +
 src/index.ts                                  |   3 +-
 src/types/wcdatavis.d.ts                      |   2 +-
 tsup.config.ts                                |   3 +-
 13 files changed, 1099 insertions(+), 154 deletions(-)
 create mode 100644 src/datavis.ts

diff --git a/.storybook/main.ts b/.storybook/main.ts
index a6f06b21..72224228 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,5 +1,57 @@
+import { existsSync, readFileSync } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
 import type { StorybookConfig } from '@storybook/react-vite';
 
+const storybookDir = path.dirname(fileURLToPath(import.meta.url));
+const workspaceRoot = path.resolve(storybookDir, '..');
+const rootNodeModulesDir = path.join(workspaceRoot, 'node_modules');
+const pnpmVirtualNodeModulesDir = path.join(rootNodeModulesDir, '.pnpm/node_modules');
+
+function escapeRegExp(value: string): string {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+function readDependencyNames(packageDirName: 'datavis' | 'wcdatavis'): string[] {
+  const packageJsonPath = path.join(rootNodeModulesDir, packageDirName, 'package.json');
+  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {
+    dependencies?: Record<string, string>;
+  };
+
+  return Object.keys(packageJson.dependencies ?? {});
+}
+
+const datavisDependencyNames = Array.from(
+  new Set([...readDependencyNames('datavis'), ...readDependencyNames('wcdatavis')]),
+);
+
+const missingRootDependencies = datavisDependencyNames.filter(
+  (dependencyName) => !existsSync(path.join(rootNodeModulesDir, dependencyName)),
+);
+
+const datavisDependencyAliases = missingRootDependencies
+  .filter((dependencyName) => existsSync(path.join(pnpmVirtualNodeModulesDir, dependencyName)))
+  .map((dependencyName) => ({
+    find: new RegExp(`^${escapeRegExp(dependencyName)}(\/.*)?$`),
+    replacement: `${path.join(pnpmVirtualNodeModulesDir, dependencyName)}$1`,
+  }));
+
+const localUiAliases = [
+  {
+    find: /^@mieweb\/ui\/components\/(.+)$/,
+    replacement: `${path.join(workspaceRoot, 'src/components')}/$1`,
+  },
+  {
+    find: /^@mieweb\/ui\/styles\.css$/,
+    replacement: path.join(workspaceRoot, 'src/styles/base.css'),
+  },
+  {
+    find: /^@mieweb\/ui$/,
+    replacement: path.join(workspaceRoot, 'src/index.ts'),
+  },
+] as const;
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
@@ -17,6 +69,17 @@ const config: StorybookConfig = {
   },
   staticDirs: ['./public'],
   async viteFinal(config) {
+    config.resolve ??= {};
+    config.resolve.alias = [
+      ...(Array.isArray(config.resolve.alias)
+        ? config.resolve.alias
+        : config.resolve.alias
+          ? [config.resolve.alias]
+          : []),
+      ...localUiAliases,
+      ...datavisDependencyAliases,
+    ];
+
     config.esbuild = {
       ...config.esbuild,
       jsx: 'automatic',
@@ -24,6 +87,12 @@ const config: StorybookConfig = {
     };
 
     config.optimizeDeps ??= {};
+    config.optimizeDeps.include = Array.from(
+      new Set([
+        ...(config.optimizeDeps.include ?? []),
+        ...missingRootDependencies,
+      ]),
+    );
     config.optimizeDeps.esbuildOptions = {
       ...config.optimizeDeps.esbuildOptions,
       jsx: 'automatic',
diff --git a/package-lock.json b/package-lock.json
index 6059c3e2..913fe5a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,11 +41,14 @@
         "ag-grid-community": "^35.1.0",
         "ag-grid-react": "^35.1.0",
         "autoprefixer": "^10.4.24",
+        "datavis": "https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
         "eslint": "^9.39.3",
         "eslint-plugin-jsx-a11y": "^6.10.2",
         "eslint-plugin-react": "^7.37.5",
         "eslint-plugin-react-hooks": "^5.2.0",
         "eslint-plugin-storybook": "^10.2.11",
+        "font-awesome": "^4.7.0",
+        "jquery": "^3.7.1",
         "jsdom": "^26.1.0",
         "postcss": "^8.5.6",
         "prettier": "^3.8.1",
@@ -58,14 +61,21 @@
         "typescript": "^5.9.3",
         "vite": "^7.3.1",
         "vitest": "^3.2.4",
-        "wavesurfer.js": "^7.12.1"
+        "wavesurfer.js": "^7.12.1",
+        "wcdatavis": "https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52"
       },
       "engines": {
         "node": ">=18.0.0"
       },
+      "optionalDependencies": {
+        "datavis": "https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
+        "jquery": "^3.7.1",
+        "wcdatavis": "https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52"
+      },
       "peerDependencies": {
         "ag-grid-community": ">=32.0.0",
         "ag-grid-react": ">=32.0.0",
+        "font-awesome": "^4.7.0",
         "react": ">=18.0.0",
         "react-dom": ">=18.0.0",
         "wavesurfer.js": ">=7.0.0"
@@ -77,6 +87,9 @@
         "ag-grid-react": {
           "optional": true
         },
+        "font-awesome": {
+          "optional": true
+        },
         "react": {
           "optional": false
         },
@@ -359,9 +372,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
-      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -541,6 +554,63 @@
         "node": ">=18"
       }
     },
+    "node_modules/@dnd-kit/accessibility": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.1.1.tgz",
+      "integrity": "sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/core": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
+      "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/accessibility": "^3.1.1",
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/sortable": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/sortable/-/sortable-10.0.0.tgz",
+      "integrity": "sha512-+xqhmIIzvAYMGfBYYnbKuNicfSsk4RksY2XdmJhT+HAC01nix6fHCztU68jooFiMUB01Ky3F0FyOvhG/BZrWkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.3.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/utilities": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.2.tgz",
+      "integrity": "sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.27.3",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
@@ -1322,6 +1392,13 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+      "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@mdx-js/react": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.1.tgz",
@@ -1340,6 +1417,48 @@
         "react": ">=16"
       }
     },
+    "node_modules/@mieweb/ui": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@mieweb/ui/-/ui-0.2.4.tgz",
+      "integrity": "sha512-1OBv6wCgxCGY+s2Di5LVGyqFoYWmX14/zLX1+kUc/qRjI+2NGywvLht73pOvcqomvHhzEtVp3hRuHm5bCsHx3g==",
+      "dev": true,
+      "license": "SEE LICENSE IN LICENSE",
+      "dependencies": {
+        "@swc/helpers": "^0.5.19",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.562.0",
+        "luxon": "^3.7.2",
+        "tailwind-merge": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "ag-grid-community": ">=32.0.0",
+        "ag-grid-react": ">=32.0.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
+        "wavesurfer.js": ">=7.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ag-grid-community": {
+          "optional": true
+        },
+        "ag-grid-react": {
+          "optional": true
+        },
+        "react": {
+          "optional": false
+        },
+        "react-dom": {
+          "optional": false
+        },
+        "wavesurfer.js": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@parcel/watcher": {
       "version": "2.5.6",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
@@ -1676,6 +1795,13 @@
         "node": ">=18"
       }
     },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
@@ -3656,6 +3782,35 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
+    "node_modules/bignumber.js": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.3.1.tgz",
+      "integrity": "sha512-Ko0uX15oIUS7wJ3Rb30Fs6SkVbLmPBAKdlm7q9+ak9bbIeFf0MwuBsQV6z7+X768/cHsfg+WlysDWJcmthjsjQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/block-ui": {
+      "version": "2.70.1",
+      "resolved": "https://registry.npmjs.org/block-ui/-/block-ui-2.70.1.tgz",
+      "integrity": "sha512-Hx69Bw368lQ9+zOcisvWpoHBsZi9owHQ1YBwLZXFhOMXv59VjBSHHCDWfTaByYSUoNZgTt/sjR1juEbyqwWpwQ==",
+      "dev": true,
+      "license": [
+        {
+          "type": "MIT",
+          "url": "http://malsup.github.com/mit-license.txt"
+        },
+        {
+          "type": "GPL",
+          "url": "http://malsup.github.com/gpl-license-v2.txt"
+        }
+      ],
+      "dependencies": {
+        "jquery": ">=1.7.x"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
@@ -3857,6 +4012,19 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chart.js": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+      "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
     "node_modules/check-error": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
@@ -3958,6 +4126,16 @@
         "node": "^14.18.0 || >=16.10.0"
       }
     },
+    "node_modules/console-clear": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/console-clear/-/console-clear-1.1.1.tgz",
+      "integrity": "sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -3965,6 +4143,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/core-js": {
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.49.0.tgz",
+      "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -4008,6 +4198,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/d": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.2.tgz",
+      "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "es5-ext": "^0.10.64",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -4083,6 +4287,33 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/datavis": {
+      "name": "@mieweb/datavis",
+      "version": "0.1.0",
+      "resolved": "git+ssh://git@github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
+      "integrity": "sha512-ydMsTfWdKa+9SZX4/YKL8F1vVUO/tDat+SdHeTkn4n+POt2E9XyjDnXu7EI4/oCs3Q3UENBy4BrgS7PKTDH9wg==",
+      "dev": true,
+      "dependencies": {
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@dnd-kit/utilities": "^3.2.2",
+        "@mieweb/ui": "^0.2.2",
+        "bignumber.js": "^9.3.1",
+        "core-js": "^3.47.0",
+        "handlebars": "^4.7.8",
+        "i18next": "^25.8.18",
+        "jquery": "^3.7.1",
+        "json-formatter-js": "^2.2.0",
+        "moment": "^2.30.1",
+        "numeral": "^2.0.6",
+        "papaparse": "^5.5.3",
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0",
+        "react-i18next": "^16.5.8",
+        "sprintf-js": "^1.1.3",
+        "underscore": "^1.13.8"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -4502,6 +4733,49 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es5-ext": {
+      "version": "0.10.64",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.64.tgz",
+      "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "ISC",
+      "dependencies": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "esniff": "^2.0.1",
+        "next-tick": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/es6-symbol": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.4.tgz",
+      "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d": "^1.0.2",
+        "ext": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.27.3",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
@@ -4886,6 +5160,22 @@
         "node": "*"
       }
     },
+    "node_modules/esniff": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/esniff/-/esniff-2.0.1.tgz",
+      "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.62",
+        "event-emitter": "^0.3.5",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/espree": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
@@ -4984,6 +5274,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
     "node_modules/expect-type": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
@@ -4994,6 +5295,16 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "type": "^2.7.2"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -5089,6 +5400,13 @@
         "node": ">=16"
       }
     },
+    "node_modules/flatpickr": {
+      "version": "4.6.13",
+      "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
+      "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/flatted": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
@@ -5096,6 +5414,16 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==",
+      "dev": true,
+      "license": "(OFL-1.1 AND MIT)",
+      "engines": {
+        "node": ">=0.10.3"
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -5244,6 +5572,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-port": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
+      "integrity": "sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/get-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
@@ -5405,6 +5743,28 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/handlebars": {
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.2",
+        "source-map": "^0.6.1",
+        "wordwrap": "^1.0.0"
+      },
+      "bin": {
+        "handlebars": "bin/handlebars"
+      },
+      "engines": {
+        "node": ">=0.4.7"
+      },
+      "optionalDependencies": {
+        "uglify-js": "^3.1.4"
+      }
+    },
     "node_modules/has-bigints": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
@@ -5519,6 +5879,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
     "node_modules/http-proxy-agent": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
@@ -5547,6 +5917,38 @@
         "node": ">= 14"
       }
     },
+    "node_modules/i18next": {
+      "version": "25.10.9",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-25.10.9.tgz",
+      "integrity": "sha512-hQY9/bFoQKGlSKMlaCuLR8w1h5JjieqrsnZvEmj1Ja6Ec7fbyc4cTrCsY9mb9Sd8YQ/swsrKz1S9M8AcvVI70w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://www.locize.com/i18next"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.locize.com"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2"
+      },
+      "peerDependencies": {
+        "typescript": "^5 || ^6"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -6194,6 +6596,36 @@
         "node": ">=10"
       }
     },
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jquery-contextmenu": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/jquery-contextmenu/-/jquery-contextmenu-2.10.1.tgz",
+      "integrity": "sha512-gzXrXffYbDoLCBxWahhMoNM9rJD7FmPsnGePyT5jMjcAftEThDTXBJLqscIAPuTpAs7WLMkSKT/YfdAOjHuKlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jquery": "^3.5.0"
+      },
+      "peerDependencies": {
+        "jquery": ">=1.8.2"
+      }
+    },
+    "node_modules/jquery-ui": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/jquery-ui/-/jquery-ui-1.14.1.tgz",
+      "integrity": "sha512-DhzsYH8VeIvOaxwi+B/2BCsFFT5EGjShdzOcm5DssWjtcpGWIMsn66rJciDA6jBruzNiLf1q0KvwMoX1uGNvnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jquery": ">=1.12.0 <5.0.0"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -6274,6 +6706,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-formatter-js": {
+      "version": "2.5.23",
+      "resolved": "https://registry.npmjs.org/json-formatter-js/-/json-formatter-js-2.5.23.tgz",
+      "integrity": "sha512-Cbm8wHXjo/C56aCePP1VuKvjxoMEmL7g7Ckss1oWFFlCsvOEEbye1kTeaNNaqba1Cl6YpIOYAnK65pUQ8mDIUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -6327,6 +6766,16 @@
         "json-buffer": "3.0.1"
       }
     },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/language-subtag-registry": {
       "version": "0.3.23",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
@@ -6652,6 +7101,16 @@
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
+    "node_modules/local-access": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/local-access/-/local-access-1.1.0.tgz",
+      "integrity": "sha512-XfegD5pyTAfb+GY6chk283Ox5z8WexG56OvM06RWLpAc/UHozO8X6xAxEkIitZOtsSMM1Yr3DkHgW5W+onLhCw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -6838,6 +7297,16 @@
         "ufo": "^1.6.1"
       }
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -6848,6 +7317,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -6893,6 +7372,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -6936,6 +7429,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/numeral": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz",
+      "integrity": "sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/nwsapi": {
       "version": "2.2.23",
       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.23.tgz",
@@ -7145,6 +7648,13 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/papaparse": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.5.3.tgz",
+      "integrity": "sha512-5QvjGxYVjxO59MGU2lHVYpRWBBtKHnlIAcSe1uNFCkkptUh63NFRj0FJQm7nR67puEruUci/ZkjmEFrjCAyP4A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -7644,6 +8154,34 @@
         "react": "^19.2.4"
       }
     },
+    "node_modules/react-i18next": {
+      "version": "16.6.6",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-16.6.6.tgz",
+      "integrity": "sha512-ZgL2HUoW34UKUkOV7uSQFE1CDnRPD+tCR3ywSuWH7u2iapnz86U8Bi3Vrs620qNDzCf1F47NxglCEkchCTDOHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "html-parse-stringify": "^3.0.1",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "peerDependencies": {
+        "i18next": ">= 25.10.9",
+        "react": ">= 16.8.0",
+        "typescript": "^5 || ^6"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -7850,6 +8388,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/safe-array-concat": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
@@ -7932,6 +8483,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/semiver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+      "integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/semver": {
       "version": "7.7.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
@@ -8113,6 +8674,44 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/sirv": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",
+      "integrity": "sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/sirv-cli": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/sirv-cli/-/sirv-cli-2.0.2.tgz",
+      "integrity": "sha512-OtSJDwxsF1NWHc7ps3Sa0s+dPtP15iQNJzfKVz+MxkEo3z72mCD+yu30ct79rPr0CaV1HXSOBp+MIY5uIhHZ1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "console-clear": "^1.1.0",
+        "get-port": "^3.2.0",
+        "kleur": "^4.1.4",
+        "local-access": "^1.0.1",
+        "sade": "^1.6.0",
+        "semiver": "^1.0.0",
+        "sirv": "^2.0.0",
+        "tinydate": "^1.0.0"
+      },
+      "bin": {
+        "sirv": "bin.js"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -8133,6 +8732,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/squirrelly": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/squirrelly/-/squirrelly-9.1.0.tgz",
+      "integrity": "sha512-kvjFqb7qzC4gX4lkqSaU8QPvUHhDLMiDpxpz7a66vjTH0JtjLJqAXbPrc7ST61EefuuuW05sne2rjGskunrF2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/squirrellyjs/squirrelly?sponsor=1"
+      }
+    },
     "node_modules/stackback": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
@@ -8486,6 +9105,15 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/sumoselect": {
+      "version": "3.4.9",
+      "resolved": "git+ssh://git@github.com/mieweb/jquery.sumoselect.git#6e74188af7f17a459463a99b152214218d8c3988",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jquery": ">=1.6"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -8512,6 +9140,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svelte-gantt": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/svelte-gantt/-/svelte-gantt-4.4.3.tgz",
+      "integrity": "sha512-YHdaPGnydbEyK6OljuKvvSo3mV6dVNSEgb8O7Kk9WpILT+b0pOaShqdV3Vsmdt2/mBbFm93LPrvqTsD3PlT0nQ==",
+      "dev": true,
+      "dependencies": {
+        "sirv-cli": "^2.0.2"
+      },
+      "peerDependencies": {
+        "moment": "^2.22.2"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -8641,6 +9281,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tinydate": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tinydate/-/tinydate-1.3.0.tgz",
+      "integrity": "sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/tinyexec": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
@@ -8715,6 +9365,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/tough-cookie": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
@@ -8875,6 +9535,13 @@
         "node": ">= 12"
       }
     },
+    "node_modules/type": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/type/-/type-2.7.3.tgz",
+      "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -8987,6 +9654,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/uglify-js": {
+      "version": "3.19.3",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
+      "integrity": "sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
@@ -9006,6 +9687,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/underscore": {
+      "version": "1.13.8",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.8.tgz",
+      "integrity": "sha512-DXtD3ZtEQzc7M8m4cXotyHR+FAS18C64asBYY5vqZexfYryNNnDc02W4hKg3rdQuqOYas1jkseX0+nZXjTXnvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/undici-types": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
@@ -9266,6 +9954,16 @@
         }
       }
     },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/w3c-xmlserializer": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
@@ -9286,6 +9984,54 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/wcdatavis": {
+      "name": "@mieweb/wcdatavis",
+      "version": "3.3.0",
+      "resolved": "git+ssh://git@github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52",
+      "integrity": "sha512-u7EGfWJub419vx6eOqnF0UyFO1yc1WI19hbFkXTptv7b3NeqP0fzfUfNiYv7Imy7RVH3qEM8RmnS75moIElJjw==",
+      "dev": true,
+      "license": "PROPRIETARY",
+      "dependencies": {
+        "bignumber.js": "=9.3.1",
+        "block-ui": "=2.70.1",
+        "chart.js": "=4.5.1",
+        "core-js": "=3.47.0",
+        "css.escape": "=1.5.1",
+        "es6-symbol": "=3.1.4",
+        "flatpickr": "=4.6.13",
+        "handlebars": "=4.7.8",
+        "jquery": "=3.7.1",
+        "jquery-contextmenu": "=2.10.1",
+        "jquery-ui": "=1.14.1",
+        "json-formatter-js": "https://github.com/mieweb/json-formatter-js.git",
+        "moment": "=2.30.1",
+        "numeral": "=2.0.6",
+        "papaparse": "=5.5.3",
+        "sprintf-js": "=1.1.3",
+        "squirrelly": "=9.1.0",
+        "sumoselect": "https://github.com/mieweb/jquery.sumoselect.git",
+        "svelte-gantt": "=4.4.3",
+        "underscore": "=1.13.8"
+      }
+    },
+    "node_modules/wcdatavis/node_modules/core-js": {
+      "version": "3.47.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.47.0.tgz",
+      "integrity": "sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/wcdatavis/node_modules/json-formatter-js": {
+      "version": "2.3.4",
+      "resolved": "git+ssh://git@github.com/mieweb/json-formatter-js.git#503be5a8368ecdea777f8a7e98bda827391aa6ac",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/webidl-conversions": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
@@ -9473,6 +10219,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/wrap-ansi": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
diff --git a/package.json b/package.json
index 825e2316..ad2515df 100644
--- a/package.json
+++ b/package.json
@@ -118,6 +118,16 @@
         "default": "./dist/ag-grid.cjs"
       }
     },
+    "./datavis": {
+      "import": {
+        "types": "./dist/datavis.d.ts",
+        "default": "./dist/datavis.js"
+      },
+      "require": {
+        "types": "./dist/datavis.d.cts",
+        "default": "./dist/datavis.cjs"
+      }
+    },
     "./styles.css": "./dist/styles.css",
     "./styles": "./dist/styles.css",
     "./init.css": "./dist/styles/init.css"
@@ -152,6 +162,7 @@
   "peerDependencies": {
     "ag-grid-community": ">=32.0.0",
     "ag-grid-react": ">=32.0.0",
+    "font-awesome": "^4.7.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "wavesurfer.js": ">=7.0.0"
@@ -163,6 +174,9 @@
     "ag-grid-react": {
       "optional": true
     },
+    "font-awesome": {
+      "optional": true
+    },
     "react": {
       "optional": false
     },
@@ -177,13 +191,14 @@
     "@swc/helpers": "^0.5.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "datavis": "https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
-    "font-awesome": "^4.7.0",
     "google-libphonenumber": "^3.2.44",
-    "jquery": "^3.7.1",
     "lucide-react": "^0.562.0",
     "luxon": "^3.7.2",
-    "tailwind-merge": "^2.6.1",
+    "tailwind-merge": "^2.6.1"
+  },
+  "optionalDependencies": {
+    "datavis": "https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
+    "jquery": "^3.7.1",
     "wcdatavis": "https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52"
   },
   "devDependencies": {
@@ -210,11 +225,14 @@
     "ag-grid-community": "^35.1.0",
     "ag-grid-react": "^35.1.0",
     "autoprefixer": "^10.4.24",
+    "datavis": "https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377",
     "eslint": "^9.39.3",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "^10.2.11",
+    "font-awesome": "^4.7.0",
+    "jquery": "^3.7.1",
     "jsdom": "^26.1.0",
     "postcss": "^8.5.6",
     "prettier": "^3.8.1",
@@ -227,7 +245,8 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^3.2.4",
-    "wavesurfer.js": "^7.12.1"
+    "wavesurfer.js": "^7.12.1",
+    "wcdatavis": "https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52"
   },
   "engines": {
     "node": ">=18.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6a1a6035..20f8cb78 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,18 +17,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
-      datavis:
-        specifier: https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377
-        version: '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/2b32e15c013eabb6008949f4ed7021737ae67377(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)'
-      font-awesome:
-        specifier: ^4.7.0
-        version: 4.7.0
       google-libphonenumber:
         specifier: ^3.2.44
         version: 3.2.44
-      jquery:
-        specifier: ^3.7.1
-        version: 3.7.1
       lucide-react:
         specifier: ^0.562.0
         version: 0.562.0(react@19.2.4)
@@ -38,9 +29,6 @@ importers:
       tailwind-merge:
         specifier: ^2.6.1
         version: 2.6.1
-      wcdatavis:
-        specifier: https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52
-        version: '@mieweb/wcdatavis@https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52'
     devDependencies:
       '@eslint/js':
         specifier: ^9.39.3
@@ -126,6 +114,9 @@ importers:
       eslint-plugin-storybook:
         specifier: ^10.2.11
         version: 10.2.11(eslint@9.39.3(jiti@2.6.1))(storybook@10.2.11(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+      font-awesome:
+        specifier: ^4.7.0
+        version: 4.7.0
       jsdom:
         specifier: ^26.1.0
         version: 26.1.0
@@ -165,6 +156,16 @@ importers:
       wavesurfer.js:
         specifier: ^7.12.1
         version: 7.12.1
+    optionalDependencies:
+      datavis:
+        specifier: https://github.com/mieweb/datavis.git#2b32e15c013eabb6008949f4ed7021737ae67377
+        version: '@mieweb/datavis@https://codeload.github.com/mieweb/datavis/tar.gz/2b32e15c013eabb6008949f4ed7021737ae67377(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(wavesurfer.js@7.12.1)'
+      jquery:
+        specifier: ^3.7.1
+        version: 3.7.1
+      wcdatavis:
+        specifier: https://github.com/mieweb/wcdatavis.git#fa0f081f7d4d2eb7525633bbfed8e833d7f26f52
+        version: '@mieweb/wcdatavis@https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52'
 
 packages:
 
@@ -3399,6 +3400,7 @@ snapshots:
     dependencies:
       react: 19.2.4
       tslib: 2.8.1
+    optional: true
 
   '@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
@@ -3407,6 +3409,7 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
       tslib: 2.8.1
+    optional: true
 
   '@dnd-kit/sortable@10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)':
     dependencies:
@@ -3414,11 +3417,13 @@ snapshots:
       '@dnd-kit/utilities': 3.2.2(react@19.2.4)
       react: 19.2.4
       tslib: 2.8.1
+    optional: true
 
   '@dnd-kit/utilities@3.2.2(react@19.2.4)':
     dependencies:
       react: 19.2.4
       tslib: 2.8.1
+    optional: true
 
   '@esbuild/aix-ppc64@0.27.3':
     optional: true
@@ -3593,7 +3598,8 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@kurkle/color@0.3.4': {}
+  '@kurkle/color@0.3.4':
+    optional: true
 
   '@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
@@ -3627,6 +3633,7 @@ snapshots:
       - react-native
       - typescript
       - wavesurfer.js
+    optional: true
 
   '@mieweb/ui@0.2.4(ag-grid-community@35.1.0)(ag-grid-react@35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(wavesurfer.js@7.12.1)':
     dependencies:
@@ -3642,6 +3649,7 @@ snapshots:
       ag-grid-community: 35.1.0
       ag-grid-react: 35.1.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       wavesurfer.js: 7.12.1
+    optional: true
 
   '@mieweb/wcdatavis@https://codeload.github.com/mieweb/wcdatavis/tar.gz/fa0f081f7d4d2eb7525633bbfed8e833d7f26f52':
     dependencies:
@@ -3665,6 +3673,7 @@ snapshots:
       sumoselect: https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988
       svelte-gantt: 4.4.3(moment@2.30.1)
       underscore: 1.13.8
+    optional: true
 
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
@@ -3733,7 +3742,8 @@ snapshots:
     dependencies:
       playwright: 1.58.2
 
-  '@polka/url@1.0.0-next.29': {}
+  '@polka/url@1.0.0-next.29':
+    optional: true
 
   '@rollup/pluginutils@5.3.0(rollup@4.59.0)':
     dependencies:
@@ -4387,11 +4397,13 @@ snapshots:
 
   baseline-browser-mapping@2.10.0: {}
 
-  bignumber.js@9.3.1: {}
+  bignumber.js@9.3.1:
+    optional: true
 
   block-ui@2.70.1:
     dependencies:
       jquery: 3.7.1
+    optional: true
 
   brace-expansion@1.1.12:
     dependencies:
@@ -4458,6 +4470,7 @@ snapshots:
   chart.js@4.5.1:
     dependencies:
       '@kurkle/color': 0.3.4
+    optional: true
 
   check-error@2.1.3: {}
 
@@ -4485,11 +4498,13 @@ snapshots:
 
   consola@3.4.2: {}
 
-  console-clear@1.1.1: {}
+  console-clear@1.1.1:
+    optional: true
 
   convert-source-map@2.0.0: {}
 
-  core-js@3.47.0: {}
+  core-js@3.47.0:
+    optional: true
 
   cross-spawn@7.0.6:
     dependencies:
@@ -4510,6 +4525,7 @@ snapshots:
     dependencies:
       es5-ext: 0.10.64
       type: 2.7.3
+    optional: true
 
   damerau-levenshtein@1.0.8: {}
 
@@ -4715,17 +4731,20 @@ snapshots:
       es6-symbol: 3.1.4
       esniff: 2.0.1
       next-tick: 1.1.0
+    optional: true
 
   es6-iterator@2.0.3:
     dependencies:
       d: 1.0.2
       es5-ext: 0.10.64
       es6-symbol: 3.1.4
+    optional: true
 
   es6-symbol@3.1.4:
     dependencies:
       d: 1.0.2
       ext: 1.7.0
+    optional: true
 
   esbuild@0.27.3:
     optionalDependencies:
@@ -4872,6 +4891,7 @@ snapshots:
       es5-ext: 0.10.64
       event-emitter: 0.3.5
       type: 2.7.3
+    optional: true
 
   espree@10.4.0:
     dependencies:
@@ -4903,12 +4923,14 @@ snapshots:
     dependencies:
       d: 1.0.2
       es5-ext: 0.10.64
+    optional: true
 
   expect-type@1.3.0: {}
 
   ext@1.7.0:
     dependencies:
       type: 2.7.3
+    optional: true
 
   fast-deep-equal@3.1.3: {}
 
@@ -4940,7 +4962,8 @@ snapshots:
       flatted: 3.3.3
       keyv: 4.5.4
 
-  flatpickr@4.6.13: {}
+  flatpickr@4.6.13:
+    optional: true
 
   flatted@3.3.3: {}
 
@@ -4993,7 +5016,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
-  get-port@3.2.0: {}
+  get-port@3.2.0:
+    optional: true
 
   get-proto@1.0.1:
     dependencies:
@@ -5046,6 +5070,7 @@ snapshots:
       wordwrap: 1.0.0
     optionalDependencies:
       uglify-js: 3.19.3
+    optional: true
 
   has-bigints@1.1.0: {}
 
@@ -5078,6 +5103,7 @@ snapshots:
   html-parse-stringify@3.0.1:
     dependencies:
       void-elements: 3.1.0
+    optional: true
 
   http-proxy-agent@7.0.2:
     dependencies:
@@ -5098,6 +5124,7 @@ snapshots:
       '@babel/runtime': 7.28.6
     optionalDependencies:
       typescript: 5.9.3
+    optional: true
 
   iconv-lite@0.6.3:
     dependencies:
@@ -5289,12 +5316,15 @@ snapshots:
   jquery-contextmenu@2.10.1(jquery@3.7.1):
     dependencies:
       jquery: 3.7.1
+    optional: true
 
   jquery-ui@1.14.1:
     dependencies:
       jquery: 3.7.1
+    optional: true
 
-  jquery@3.7.1: {}
+  jquery@3.7.1:
+    optional: true
 
   js-tokens@10.0.0: {}
 
@@ -5337,9 +5367,11 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
-  json-formatter-js@2.3.4: {}
+  json-formatter-js@2.3.4:
+    optional: true
 
-  json-formatter-js@https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac: {}
+  json-formatter-js@https://codeload.github.com/mieweb/json-formatter-js/tar.gz/503be5a8368ecdea777f8a7e98bda827391aa6ac:
+    optional: true
 
   json-schema-traverse@0.4.1: {}
 
@@ -5358,7 +5390,8 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
-  kleur@4.1.5: {}
+  kleur@4.1.5:
+    optional: true
 
   language-subtag-registry@0.3.23: {}
 
@@ -5426,7 +5459,8 @@ snapshots:
 
   load-tsconfig@0.2.5: {}
 
-  local-access@1.1.0: {}
+  local-access@1.1.0:
+    optional: true
 
   locate-path@6.0.0:
     dependencies:
@@ -5497,11 +5531,13 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.3
 
-  moment@2.30.1: {}
+  moment@2.30.1:
+    optional: true
 
   mri@1.2.0: {}
 
-  mrmime@2.0.1: {}
+  mrmime@2.0.1:
+    optional: true
 
   ms@2.1.3: {}
 
@@ -5515,9 +5551,11 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  neo-async@2.6.2: {}
+  neo-async@2.6.2:
+    optional: true
 
-  next-tick@1.1.0: {}
+  next-tick@1.1.0:
+    optional: true
 
   node-addon-api@7.1.1: {}
 
@@ -5530,7 +5568,8 @@ snapshots:
 
   node-releases@2.0.27: {}
 
-  numeral@2.0.6: {}
+  numeral@2.0.6:
+    optional: true
 
   nwsapi@2.2.23: {}
 
@@ -5602,7 +5641,8 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
-  papaparse@5.5.3: {}
+  papaparse@5.5.3:
+    optional: true
 
   parent-module@1.0.1:
     dependencies:
@@ -5725,6 +5765,7 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.4(react@19.2.4)
       typescript: 5.9.3
+    optional: true
 
   react-is@16.13.1: {}
 
@@ -5824,6 +5865,7 @@ snapshots:
   sade@1.8.1:
     dependencies:
       mri: 1.2.0
+    optional: true
 
   safe-array-concat@1.1.3:
     dependencies:
@@ -5852,7 +5894,8 @@ snapshots:
 
   scheduler@0.27.0: {}
 
-  semiver@1.1.0: {}
+  semiver@1.1.0:
+    optional: true
 
   semver@6.3.1: {}
 
@@ -5928,12 +5971,14 @@ snapshots:
       semiver: 1.1.0
       sirv: 2.0.4
       tinydate: 1.3.0
+    optional: true
 
   sirv@2.0.4:
     dependencies:
       '@polka/url': 1.0.0-next.29
       mrmime: 2.0.1
       totalist: 3.0.1
+    optional: true
 
   source-map-js@1.2.1: {}
 
@@ -5941,9 +5986,11 @@ snapshots:
 
   source-map@0.7.6: {}
 
-  sprintf-js@1.1.3: {}
+  sprintf-js@1.1.3:
+    optional: true
 
-  squirrelly@9.1.0: {}
+  squirrelly@9.1.0:
+    optional: true
 
   stackback@0.0.2: {}
 
@@ -6074,6 +6121,7 @@ snapshots:
   sumoselect@https://codeload.github.com/mieweb/jquery.sumoselect/tar.gz/6e74188af7f17a459463a99b152214218d8c3988:
     dependencies:
       jquery: 3.7.1
+    optional: true
 
   supports-color@7.2.0:
     dependencies:
@@ -6085,6 +6133,7 @@ snapshots:
     dependencies:
       moment: 2.30.1
       sirv-cli: 2.0.2
+    optional: true
 
   symbol-tree@3.2.4: {}
 
@@ -6112,7 +6161,8 @@ snapshots:
 
   tinybench@2.9.0: {}
 
-  tinydate@1.3.0: {}
+  tinydate@1.3.0:
+    optional: true
 
   tinyexec@0.3.2: {}
 
@@ -6133,7 +6183,8 @@ snapshots:
     dependencies:
       tldts-core: 6.1.86
 
-  totalist@3.0.1: {}
+  totalist@3.0.1:
+    optional: true
 
   tough-cookie@5.1.2:
     dependencies:
@@ -6193,7 +6244,8 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
-  type@2.7.3: {}
+  type@2.7.3:
+    optional: true
 
   typed-array-buffer@1.0.3:
     dependencies:
@@ -6242,7 +6294,8 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  underscore@1.13.8: {}
+  underscore@1.13.8:
+    optional: true
 
   undici-types@6.21.0: {}
 
@@ -6344,7 +6397,8 @@ snapshots:
       - tsx
       - yaml
 
-  void-elements@3.1.0: {}
+  void-elements@3.1.0:
+    optional: true
 
   w3c-xmlserializer@5.0.0:
     dependencies:
@@ -6419,7 +6473,8 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
-  wordwrap@1.0.0: {}
+  wordwrap@1.0.0:
+    optional: true
 
   wrap-ansi@7.0.0:
     dependencies:
diff --git a/src/components/Address/AddressForm.tsx b/src/components/Address/AddressForm.tsx
index 4b97f4ff..8f2b9bf8 100644
--- a/src/components/Address/AddressForm.tsx
+++ b/src/components/Address/AddressForm.tsx
@@ -3,50 +3,46 @@ import { cn } from '../../utils/cn';
 import { Input } from '../Input';
 import type { AddressData } from './Address';
 
-// =============================================================================
-// Google Maps Types (minimal for autocomplete)
-// Full types available via @types/google.maps if needed
-// =============================================================================
+interface GoogleMapsAddressComponent {
+  long_name: string;
+  short_name: string;
+  types: string[];
+}
 
-declare global {
-  interface Window {
-    google?: typeof google;
-  }
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace google.maps {
-    // eslint-disable-next-line @typescript-eslint/no-namespace
-    namespace places {
-      class Autocomplete {
-        constructor(input: HTMLInputElement, options?: AutocompleteOptions);
-        getPlace(): PlaceResult;
-        addListener(event: string, handler: () => void): void;
-      }
-      interface AutocompleteOptions {
-        types?: string[];
-        fields?: string[];
-        componentRestrictions?: { country: string | string[] };
-      }
-      interface PlaceResult {
-        address_components?: AddressComponent[];
-        geometry?: {
-          location: {
-            lat(): number;
-            lng(): number;
-          };
-        };
-        formatted_address?: string;
-      }
-      interface AddressComponent {
-        long_name: string;
-        short_name: string;
-        types: string[];
-      }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-namespace
-    namespace event {
-      function clearInstanceListeners(instance: object): void;
-    }
-  }
+interface GoogleMapsPlaceResult {
+  address_components?: GoogleMapsAddressComponent[];
+  geometry?: {
+    location: {
+      lat(): number;
+      lng(): number;
+    };
+  };
+  formatted_address?: string;
+}
+
+interface GoogleMapsAutocompleteOptions {
+  types?: string[];
+  fields?: string[];
+  componentRestrictions?: { country: string | string[] };
+}
+
+interface GoogleMapsAutocomplete {
+  getPlace(): GoogleMapsPlaceResult;
+  addListener(event: string, handler: () => void): void;
+}
+
+interface GoogleMapsNamespace {
+  maps?: {
+    places?: {
+      Autocomplete: new (
+        input: HTMLInputElement,
+        options?: GoogleMapsAutocompleteOptions
+      ) => GoogleMapsAutocomplete;
+    };
+    event?: {
+      clearInstanceListeners(instance: object): void;
+    };
+  };
 }
 
 // =============================================================================
@@ -115,7 +111,7 @@ export interface AddressFormProps {
     /** Whether to enable autocomplete on street1 field */
     enabled: boolean;
     /** Callback when place is selected */
-    onPlaceSelect?: (place: google.maps.places.PlaceResult) => void;
+    onPlaceSelect?: (place: GoogleMapsPlaceResult) => void;
     /** Country restrictions for autocomplete */
     componentRestrictions?: { country: string | string[] };
     /** Types of places to return */
@@ -206,9 +202,7 @@ export function AddressForm({
 }: AddressFormProps) {
   const generatedId = React.useId();
   const idPrefix = id || generatedId;
-  const autocompleteRef = React.useRef<google.maps.places.Autocomplete | null>(
-    null
-  );
+  const autocompleteRef = React.useRef<GoogleMapsAutocomplete | null>(null);
   const inputRef = React.useRef<HTMLInputElement>(null);
 
   // Merge labels and placeholders with defaults
@@ -227,15 +221,19 @@ export function AddressForm({
   React.useEffect(() => {
     if (!googlePlaces?.enabled || !inputRef.current) return;
 
+    const googleMaps = (
+      globalThis.window as { google?: GoogleMapsNamespace } | undefined
+    )?.google;
+
     // Check if Google Maps is loaded
-    if (typeof google === 'undefined' || !google.maps?.places) {
+    if (!googleMaps?.maps?.places?.Autocomplete) {
       console.warn(
         'Google Maps Places API is not loaded. Autocomplete will not work.'
       );
       return;
     }
 
-    const options: google.maps.places.AutocompleteOptions = {
+    const options: GoogleMapsAutocompleteOptions = {
       types: googlePlaces.types || ['address'],
       fields: ['address_components', 'geometry', 'formatted_address'],
     };
@@ -244,7 +242,7 @@ export function AddressForm({
       options.componentRestrictions = googlePlaces.componentRestrictions;
     }
 
-    autocompleteRef.current = new google.maps.places.Autocomplete(
+    autocompleteRef.current = new googleMaps.maps.places.Autocomplete(
       inputRef.current,
       options
     );
@@ -305,8 +303,8 @@ export function AddressForm({
     });
 
     return () => {
-      if (autocompleteRef.current) {
-        google.maps.event.clearInstanceListeners(autocompleteRef.current);
+      if (autocompleteRef.current && googleMaps.maps?.event) {
+        googleMaps.maps.event.clearInstanceListeners(autocompleteRef.current);
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps -- Only re-init when enabled flag changes; other deps are stable refs
diff --git a/src/components/DataVisNITRO/DataVisNITRO.stories.tsx b/src/components/DataVisNITRO/DataVisNITRO.stories.tsx
index 378e73f7..0884df62 100644
--- a/src/components/DataVisNITRO/DataVisNITRO.stories.tsx
+++ b/src/components/DataVisNITRO/DataVisNITRO.stories.tsx
@@ -9,7 +9,7 @@ const meta: Meta<typeof DataVisNitroGrid> = {
     docs: {
       description: {
         component:
-          'React wrapper around the new datavis package. `<DataVisNitroSource>` creates a wcdatavis source/view pair and `<DataVisNitroGrid>` renders that view through DataVis NITRO\'s React `DataGrid` and `TableRenderer`.',
+          "React wrapper around the new datavis package. `<DataVisNitroSource>` creates a wcdatavis source/view pair and `<DataVisNitroGrid>` renders that view through DataVis NITRO's React `DataGrid` and `TableRenderer`.",
       },
     },
   },
diff --git a/src/components/DataVisNITRO/DataVisNITRO.tsx b/src/components/DataVisNITRO/DataVisNITRO.tsx
index 2faa9233..266f0312 100644
--- a/src/components/DataVisNITRO/DataVisNITRO.tsx
+++ b/src/components/DataVisNITRO/DataVisNITRO.tsx
@@ -11,8 +11,14 @@ import { determineColumns } from 'datavis/src/adapters/colconfig-adapter';
 import { getBuiltinGroupFunctions } from 'datavis/src/adapters/group-adapter';
 import { buildAggregateFunctions } from 'datavis/src/adapters/wcdatavis-interop';
 import { useView, type ViewInstance } from 'datavis/src/adapters/use-data';
-import { TableRenderer, type TableRendererProps } from 'datavis/src/components/table/TableRenderer';
-import type { TableColumn, TableFeatures } from 'datavis/src/components/table/types';
+import {
+  TableRenderer,
+  type TableRendererProps,
+} from 'datavis/src/components/table/TableRenderer';
+import type {
+  TableColumn,
+  TableFeatures,
+} from 'datavis/src/components/table/types';
 import type { ColumnFilterConfig } from 'datavis/src/components/filters/types';
 import type { AggregateFunction } from 'datavis/src/components/controls/AggregateSection';
 import type { GroupFunction as GroupFunctionDef } from 'datavis/src/components/dialogs/GroupFunctionDialog';
@@ -64,7 +70,8 @@ type DataVisTypeInfoOrdMap = {
 export type DataVisNitroColumn = string | TableColumn;
 
 export interface DataVisNitroGridProps
-  extends Omit<DataGridProps, 'view' | 'children' | 'allColumns'>,
+  extends
+    Omit<DataGridProps, 'view' | 'children' | 'allColumns'>,
     Pick<
       TableRendererProps,
       | 'formatCell'
@@ -97,14 +104,17 @@ function normalizeTypeInfo(typeInfo: unknown): DataVisTypeInfoMap {
   }
 
   const maybeOrdMap = typeInfo as DataVisTypeInfoOrdMap;
-  if (typeof maybeOrdMap.keys === 'function' && typeof maybeOrdMap.get === 'function') {
+  if (
+    typeof maybeOrdMap.keys === 'function' &&
+    typeof maybeOrdMap.get === 'function'
+  ) {
     return Object.fromEntries(
-      maybeOrdMap.keys().map((field) => [field, maybeOrdMap.get?.(field) ?? {}]),
+      maybeOrdMap.keys().map((field) => [field, maybeOrdMap.get?.(field) ?? {}])
     );
   }
 
   return Object.fromEntries(
-    Object.entries(typeInfo).filter(([, value]) => isObject(value)),
+    Object.entries(typeInfo).filter(([, value]) => isObject(value))
   ) as DataVisTypeInfoMap;
 }
 
@@ -115,7 +125,10 @@ function normalizeFieldType(type: string | undefined): string | undefined {
   return type;
 }
 
-function buildColumnFromField(field: string, typeInfo: DataVisTypeInfoMap): TableColumn {
+function buildColumnFromField(
+  field: string,
+  typeInfo: DataVisTypeInfoMap
+): TableColumn {
   const info = typeInfo[field];
   const normalizedType = normalizeFieldType(info?.type);
 
@@ -131,14 +144,19 @@ function buildColumnFromField(field: string, typeInfo: DataVisTypeInfoMap): Tabl
           typeInfo: {
             type: normalizedType,
             ...(info?.format !== undefined ? { format: info.format } : {}),
-            ...(info?.internalType !== undefined ? { internalType: info.internalType } : {}),
+            ...(info?.internalType !== undefined
+              ? { internalType: info.internalType }
+              : {}),
           },
         }
       : {}),
   };
 }
 
-function mergeColumnWithTypeInfo(column: TableColumn, typeInfo: DataVisTypeInfoMap): TableColumn {
+function mergeColumnWithTypeInfo(
+  column: TableColumn,
+  typeInfo: DataVisTypeInfoMap
+): TableColumn {
   const fallbackColumn = buildColumnFromField(column.field, typeInfo);
   return {
     ...fallbackColumn,
@@ -151,7 +169,7 @@ function mergeColumnWithTypeInfo(column: TableColumn, typeInfo: DataVisTypeInfoM
 function buildResolvedColumns(
   columns: DataVisNitroColumn[] | undefined,
   fallbackFields: string[],
-  typeInfo: DataVisTypeInfoMap,
+  typeInfo: DataVisTypeInfoMap
 ): TableColumn[] {
   if (columns && columns.length > 0) {
     return columns.map((column) => {
@@ -168,7 +186,7 @@ function buildResolvedColumns(
 
 function buildFallbackFieldOrder(
   typeInfo: DataVisTypeInfoMap,
-  data: unknown[] | null,
+  data: unknown[] | null
 ): string[] {
   const rows = Array.isArray(data)
     ? data.filter((row): row is Record<string, unknown> => isObject(row))
@@ -179,15 +197,19 @@ function buildFallbackFieldOrder(
       field,
       {
         type: normalizeFieldType(info.type) ?? 'string',
-        ...(info.displayText !== undefined ? { displayText: info.displayText } : {}),
+        ...(info.displayText !== undefined
+          ? { displayText: info.displayText }
+          : {}),
       },
-    ]),
+    ])
   );
 
   return determineColumns(null, normalizedEntries, rows);
 }
 
-function buildControlFields(columns: TableColumn[]): NonNullable<DataGridProps['controlFields']> {
+function buildControlFields(
+  columns: TableColumn[]
+): NonNullable<DataGridProps['controlFields']> {
   return columns.map((column) => ({
     field: column.field,
     displayName: column.header,
@@ -195,7 +217,9 @@ function buildControlFields(columns: TableColumn[]): NonNullable<DataGridProps['
   }));
 }
 
-function buildAggregateFields(columns: TableColumn[]): NonNullable<DataGridProps['aggregateFields']> {
+function buildAggregateFields(
+  columns: TableColumn[]
+): NonNullable<DataGridProps['aggregateFields']> {
   return columns.map((column) => ({
     field: column.field,
     displayName: column.header,
@@ -204,7 +228,7 @@ function buildAggregateFields(columns: TableColumn[]): NonNullable<DataGridProps
 
 function mergeTableDef(
   tableDef: GridTableDef | undefined,
-  features: TableFeatures | undefined,
+  features: TableFeatures | undefined
 ): GridTableDef | undefined {
   if (!tableDef && !features) {
     return undefined;
@@ -236,13 +260,14 @@ function DataVisNitroSource(props: DataVisNitroSourceProps) {
     viewRef.current._dvType !== type ||
     viewRef.current._dvUrl !== url
   ) {
-    const source = props.type === 'http'
-      ? new Source({ type, url: props.url })
-      : new Source({ type });
+    const source =
+      props.type === 'http'
+        ? new Source({ type, url: props.url })
+        : new Source({ type });
 
     viewRef.current = Object.assign(
       new ComputedView(source) as unknown as ViewInstance,
-      { _dvType: type, _dvUrl: url },
+      { _dvType: type, _dvUrl: url }
     );
   }
 
@@ -278,18 +303,22 @@ function DataVisNitroGridInner({
   const viewState = useView(computedView, false);
 
   const normalizedTypeInfo = useMemo(
-    () => normalizeTypeInfo(viewState.typeInfo ?? computedView?.typeInfo ?? null),
-    [computedView, viewState.typeInfo],
+    () =>
+      normalizeTypeInfo(viewState.typeInfo ?? computedView?.typeInfo ?? null),
+    [computedView, viewState.typeInfo]
   );
 
   const fallbackFields = useMemo(
-    () => buildFallbackFieldOrder(normalizedTypeInfo, viewState.data?.data ?? null),
-    [normalizedTypeInfo, viewState.data?.data],
+    () =>
+      buildFallbackFieldOrder(normalizedTypeInfo, viewState.data?.data ?? null),
+    [normalizedTypeInfo, viewState.data?.data]
   );
 
   const resolvedAllColumns = useMemo(() => {
     if (allColumns && allColumns.length > 0) {
-      return allColumns.map((column) => mergeColumnWithTypeInfo(column, normalizedTypeInfo));
+      return allColumns.map((column) =>
+        mergeColumnWithTypeInfo(column, normalizedTypeInfo)
+      );
     }
 
     return buildResolvedColumns(columns, fallbackFields, normalizedTypeInfo);
@@ -297,8 +326,11 @@ function DataVisNitroGridInner({
 
   const resolvedColumns = useMemo(() => {
     if (columns && columns.length > 0) {
-      return buildResolvedColumns(columns, fallbackFields, normalizedTypeInfo)
-        .filter((column) => column.visible !== false);
+      return buildResolvedColumns(
+        columns,
+        fallbackFields,
+        normalizedTypeInfo
+      ).filter((column) => column.visible !== false);
     }
 
     return resolvedAllColumns.filter((column) => column.visible !== false);
@@ -306,22 +338,27 @@ function DataVisNitroGridInner({
 
   const effectiveAggregateFunctions = useMemo(
     () => aggregateFunctions ?? buildAggregateFunctions(),
-    [aggregateFunctions],
+    [aggregateFunctions]
   );
 
   const effectiveGroupFunctionDefs = useMemo(
-    () => groupFunctionDefs ?? getBuiltinGroupFunctions(trans as TranslateFn | undefined),
-    [groupFunctionDefs, trans],
+    () =>
+      groupFunctionDefs ??
+      getBuiltinGroupFunctions(trans as TranslateFn | undefined),
+    [groupFunctionDefs, trans]
   );
 
   const effectiveTableDef = useMemo(
     () => mergeTableDef(tableDef, features),
-    [tableDef, features],
+    [tableDef, features]
   );
 
   const aggFnLabels = useMemo(
-    () => Object.fromEntries(effectiveAggregateFunctions.map((fn) => [fn.name, fn.label])),
-    [effectiveAggregateFunctions],
+    () =>
+      Object.fromEntries(
+        effectiveAggregateFunctions.map((fn) => [fn.name, fn.label])
+      ),
+    [effectiveAggregateFunctions]
   );
 
   return (
@@ -333,14 +370,19 @@ function DataVisNitroGridInner({
         allColumns={resolvedAllColumns}
         filterColumns={filterColumns ?? []}
         controlFields={controlFields ?? buildControlFields(resolvedAllColumns)}
-        aggregateFields={aggregateFields ?? buildAggregateFields(resolvedAllColumns)}
+        aggregateFields={
+          aggregateFields ?? buildAggregateFields(resolvedAllColumns)
+        }
         aggregateFunctions={effectiveAggregateFunctions}
         groupFunctionDefs={effectiveGroupFunctionDefs}
       >
         <TableRenderer
           viewData={viewState.data}
           columns={resolvedColumns}
-          features={(effectiveTableDef?.features as TableFeatures | undefined) ?? features}
+          features={
+            (effectiveTableDef?.features as TableFeatures | undefined) ??
+            features
+          }
           totalRows={viewState.totalRowCount || viewState.rowCount}
           loading={viewState.loading || !viewState.ready}
           formatCell={formatCell}
@@ -370,4 +412,4 @@ function DataVisNitroGrid(props: DataVisNitroGridProps) {
 DataVisNitroSource.displayName = 'DataVisNitroSource';
 DataVisNitroGrid.displayName = 'DataVisNitroGrid';
 
-export { DataVisNitroGrid, DataVisNitroSource };
\ No newline at end of file
+export { DataVisNitroGrid, DataVisNitroSource };
diff --git a/src/components/DataVisNITRO/index.ts b/src/components/DataVisNITRO/index.ts
index 0544747e..8f78e78e 100644
--- a/src/components/DataVisNITRO/index.ts
+++ b/src/components/DataVisNITRO/index.ts
@@ -8,4 +8,4 @@ export type {
   DataVisNitroColumn,
   DataVisNitroGridProps,
   DataVisNitroSourceProps,
-} from './DataVisNITRO';
\ No newline at end of file
+} from './DataVisNITRO';
diff --git a/src/components/WCDataVis/WCDataVis.tsx b/src/components/WCDataVis/WCDataVis.tsx
index 01dd17c8..c2d7d4d4 100644
--- a/src/components/WCDataVis/WCDataVis.tsx
+++ b/src/components/WCDataVis/WCDataVis.tsx
@@ -5,7 +5,13 @@
  * create and manage DataVis Source, ComputedView, and Grid instances.
  */
 
-import React, { createContext, useContext, useEffect, useId, useRef } from 'react';
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useId,
+  useRef,
+} from 'react';
 // setup.ts must be first — it sets window.jQuery before plugins load
 import './setup';
 import { Source, ComputedView, Grid } from 'wcdatavis/index.js';
@@ -13,7 +19,9 @@ import { Source, ComputedView, Grid } from 'wcdatavis/index.js';
 import 'wcdatavis/wcdatavis.css';
 
 /** React context used to pass the ComputedView from WCDVSOURCE to WCDVGRID. */
-const SourceContext = createContext<InstanceType<typeof ComputedView> | null>(null);
+const SourceContext = createContext<InstanceType<typeof ComputedView> | null>(
+  null
+);
 
 // — WCDVSOURCE —
 
@@ -63,10 +71,14 @@ function WCDVSOURCE(props: WCDVSOURCE_props) {
     viewRef.current._dvType !== type ||
     viewRef.current._dvUrl !== url
   ) {
-    const source = props.type === 'http'
-      ? new Source({ type, url: props.url })
-      : new Source({ type });
-    viewRef.current = Object.assign(new ComputedView(source), { _dvType: type, _dvUrl: url });
+    const source =
+      props.type === 'http'
+        ? new Source({ type, url: props.url })
+        : new Source({ type });
+    viewRef.current = Object.assign(new ComputedView(source), {
+      _dvType: type,
+      _dvUrl: url,
+    });
   }
 
   return (
@@ -153,12 +165,7 @@ function WCDVGRID({
   }, [computedView, domId, title, showControls, columns, features]);
 
   return (
-    <div
-      id={domId}
-      ref={containerRef}
-      className={className}
-      style={style}
-    />
+    <div id={domId} ref={containerRef} className={className} style={style} />
   );
 }
 
diff --git a/src/datavis.ts b/src/datavis.ts
new file mode 100644
index 00000000..56b8966e
--- /dev/null
+++ b/src/datavis.ts
@@ -0,0 +1,2 @@
+export * from './components/DataVisNITRO';
+export * from './components/WCDataVis';
diff --git a/src/index.ts b/src/index.ts
index e312814e..0c796764 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -5,6 +5,7 @@ export * from './components/Address';
 // AG Grid is exported via a separate entry point: @mieweb/ui/ag-grid
 // This avoids forcing ag-grid-community/ag-grid-react on all consumers.
 // See: src/ag-grid.ts
+// Same with DataVis (src/datavis.ts)
 export * from './components/AI';
 export * from './components/Alert';
 export * from './components/AppHeader';
@@ -28,7 +29,6 @@ export * from './components/CountryCodeDropdown';
 export * from './components/CookieConsent';
 export * from './components/CSVColumnMapper';
 export * from './components/DashboardWidget';
-export * from './components/DataVisNITRO';
 export * from './components/DateInput';
 export * from './components/DateRangePicker';
 export * from './components/DocumentScanner';
@@ -147,7 +147,6 @@ export * from './components/Timeline';
 export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/VisuallyHidden';
-export * from './components/WCDataVis';
 // WebChartReportViewer exports DateRange which conflicts with DateRangePicker
 export {
   WebChartReportViewer,
diff --git a/src/types/wcdatavis.d.ts b/src/types/wcdatavis.d.ts
index 0dc4fe88..f48ec7ec 100644
--- a/src/types/wcdatavis.d.ts
+++ b/src/types/wcdatavis.d.ts
@@ -53,4 +53,4 @@ declare module 'wcdatavis/index.js' {
   export { Source } from 'wcdatavis/src/source.js';
   export { ComputedView } from 'wcdatavis/src/computed_view.js';
   export { Grid } from 'wcdatavis/src/grid.js';
-}
\ No newline at end of file
+}
diff --git a/tsup.config.ts b/tsup.config.ts
index 244d5ab9..10aed675 100644
--- a/tsup.config.ts
+++ b/tsup.config.ts
@@ -4,6 +4,7 @@ export default defineConfig({
   entry: {
     index: 'src/index.ts',
     'ag-grid': 'src/ag-grid.ts',
+    'datavis': 'src/datavis.ts',
     'hooks/index': 'src/hooks/index.ts',
     'utils/index': 'src/utils/index.ts',
     'tailwind-preset': 'src/tailwind-preset.ts',
@@ -52,7 +53,7 @@ export default defineConfig({
   dts: true,
   sourcemap: true,
   clean: true,
-  external: ['react', 'react-dom', 'ag-grid-community', 'ag-grid-react'],
+  external: ['react', 'react-dom', 'ag-grid-community', 'ag-grid-react', 'datavis', 'datavis/*', 'wcdatavis', 'wcdatavis/*', 'jquery', 'font-awesome'],
   treeshake: true,
   splitting: true,
   minify: false,

From 18f2a0532f45482b535a3cccdec9e14347fac4b0 Mon Sep 17 00:00:00 2001
From: Taylor Venable <tvenable@mieweb.com>
Date: Thu, 26 Mar 2026 10:07:21 -0400
Subject: [PATCH 6/6] Apply more attempts to fix sporadic failures to import
 low level libraries.

---
 .storybook/main.ts | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/.storybook/main.ts b/.storybook/main.ts
index 72224228..9314279e 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -52,6 +52,33 @@ const localUiAliases = [
   },
 ] as const;
 
+const datavisCjsInteropDependencies = [
+  'underscore',
+  'sprintf-js',
+  'jquery',
+  'bignumber.js',
+  'numeral',
+  'moment',
+  'json-formatter-js',
+  'papaparse',
+  'handlebars',
+] as const;
+
+const datavisLegacySubpathDependencies = [
+  'core-js/es/string/replace-all',
+  'chart.js/auto',
+  'squirrelly/dist/browser/squirrelly.min.js',
+] as const;
+
+const datavisSourceEntries = [
+  'datavis/src/components/DataGrid.tsx',
+  'datavis/src/adapters/colconfig-adapter.ts',
+  'datavis/src/adapters/group-adapter.ts',
+  'datavis/src/adapters/wcdatavis-interop.ts',
+  'datavis/src/adapters/use-data.ts',
+  'datavis/src/components/table/TableRenderer.tsx',
+] as const;
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
@@ -87,9 +114,14 @@ const config: StorybookConfig = {
     };
 
     config.optimizeDeps ??= {};
+    config.optimizeDeps.force = true;
     config.optimizeDeps.include = Array.from(
       new Set([
         ...(config.optimizeDeps.include ?? []),
+        ...datavisSourceEntries,
+        ...datavisDependencyNames,
+        ...datavisCjsInteropDependencies,
+        ...datavisLegacySubpathDependencies,
         ...missingRootDependencies,
       ]),
     );