diff --git a/package.json b/package.json
index 19a73c88d..1e09f71d3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,8 @@
     "graphology-layout-force": "0.2.4",
     "graphology-layout-forceatlas2": "0.10.1",
     "graphology-layout-noverlap": "0.4.2",
-    "posthog-js": "1.187.2",
+    "ngx-markdown": "20.1.0",
+    "posthog-js": "1.268.8",
     "prismjs": "1.29.0",
     "rxjs": "~7.8.0",
     "sigma": "3.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c9935da80..dcc4b576e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,9 +95,12 @@ importers:
       graphology-layout-noverlap:
         specifier: 0.4.2
         version: 0.4.2(graphology-types@0.24.8)
+      ngx-markdown:
+        specifier: 20.1.0
+        version: 20.1.0(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@20.0.3(@angular/animations@20.0.3(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1)))(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1)))(marked@16.3.0)(rxjs@7.8.2)(zone.js@0.15.1)
       posthog-js:
-        specifier: 1.187.2
-        version: 1.187.2
+        specifier: 1.268.8
+        version: 1.268.8
       prismjs:
         specifier: 1.29.0
         version: 1.29.0
@@ -487,6 +490,12 @@ packages:
       '@angular/platform-browser': 20.0.3
       rxjs: ^6.5.3 || ^7.4.0
 
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@antfu/utils@9.2.1':
+    resolution: {integrity: sha512-TMilPqXyii1AsiEii6l6ubRzbo76p6oshUSYPaKsmXDavyMLqjzVDkcp3pHp5ELMUNJHATcEOGxKTTsX9yYhGg==}
+
   '@babel/code-frame@7.27.1':
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
@@ -994,6 +1003,24 @@ packages:
     resolution: {integrity: sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==}
     engines: {node: '>=6.9.0'}
 
+  '@braintree/sanitize-url@7.1.1':
+    resolution: {integrity: sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw==}
+
+  '@chevrotain/cst-dts-gen@11.0.3':
+    resolution: {integrity: sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==}
+
+  '@chevrotain/gast@11.0.3':
+    resolution: {integrity: sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==}
+
+  '@chevrotain/regexp-to-ast@11.0.3':
+    resolution: {integrity: sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==}
+
+  '@chevrotain/types@11.0.3':
+    resolution: {integrity: sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==}
+
+  '@chevrotain/utils@11.0.3':
+    resolution: {integrity: sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==}
+
   '@codemirror/autocomplete@6.18.6':
     resolution: {integrity: sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==}
 
@@ -1407,6 +1434,12 @@ packages:
   '@hhangular/resizable@1.18.1':
     resolution: {integrity: sha512-eLN74IoTkqFT3M7S+L3eOfY5g5zmaSgSK9ENTxnsUcQO8G4yrtQWrXUjVBHFXtb0j+9f1QpUXtaVyiRv1FeVfw==}
 
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.0.2':
+    resolution: {integrity: sha512-EfJS0rLfVuRuJRn4psJHtK2A9TqVnkxPpHY6lYHiB9+8eSuudsxbwMiavocG45ujOo6FJ+CIRlRnlOGinzkaGQ==}
+
   '@inquirer/checkbox@4.1.8':
     resolution: {integrity: sha512-d/QAsnwuHX2OPolxvYcgSj7A9DO9H6gVOy2DvBTx+P2LH2iRTo/RSGV3iwCzW024nP9hw98KIuDmdyhZQj1UQg==}
     engines: {node: '>=18'}
@@ -1663,6 +1696,9 @@ packages:
   '@marijn/find-cluster-break@1.0.2':
     resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
 
+  '@mermaid-js/parser@0.6.2':
+    resolution: {integrity: sha512-+PO02uGF6L6Cs0Bw8RpGhikVvMWEysfAyl27qTlroUB8jSWr1lL0Sf6zi78ZxlSnmgSY2AMMKVgghnN9jTtwkQ==}
+
   '@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3':
     resolution: {integrity: sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==}
     cpu: [arm64]
@@ -1936,6 +1972,9 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@posthog/core@1.2.2':
+    resolution: {integrity: sha512-f16Ozx6LIigRG+HsJdt+7kgSxZTHeX5f1JlCGKI1lXcvlZgfsCR338FuMI2QRYXGl+jg/vYFzGOTQBxl90lnBg==}
+
   '@protobufjs/aspromise@1.1.2':
     resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
 
@@ -2769,6 +2808,99 @@ packages:
   '@types/cors@2.8.19':
     resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.0':
+    resolution: {integrity: sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.3':
+    resolution: {integrity: sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.11':
+    resolution: {integrity: sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==}
+
+  '@types/d3-shape@3.1.7':
+    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.8':
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
   '@types/eslint-scope@3.7.7':
     resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
 
@@ -2799,6 +2931,9 @@ packages:
   '@types/follow-redirects@1.14.4':
     resolution: {integrity: sha512-GWXfsD0Jc1RWiFmMuMFCpXMzi9L7oPDVwxUnZdg89kDNnqsRfUKXEtUYtA98A6lig1WXH/CYY/fvPW9HuN5fTA==}
 
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
   '@types/http-errors@2.0.5':
     resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
 
@@ -2853,6 +2988,9 @@ packages:
   '@types/sockjs@0.3.36':
     resolution: {integrity: sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==}
 
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@types/ws@8.18.1':
     resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
 
@@ -3119,6 +3257,14 @@ packages:
   chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
 
+  chevrotain-allstar@0.3.1:
+    resolution: {integrity: sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==}
+    peerDependencies:
+      chevrotain: ^11.0.0
+
+  chevrotain@11.0.3:
+    resolution: {integrity: sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -3158,6 +3304,9 @@ packages:
     resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
     engines: {node: '>= 12'}
 
+  clipboard@2.0.11:
+    resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
+
   cliui@7.0.4:
     resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
 
@@ -3189,6 +3338,14 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
   compressible@2.0.18:
     resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
     engines: {node: '>= 0.6'}
@@ -3200,6 +3357,12 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
   connect-history-api-fallback@2.0.0:
     resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
     engines: {node: '>=0.8'}
@@ -3255,6 +3418,12 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
   cosmiconfig@9.0.0:
     resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
     engines: {node: '>=14'}
@@ -3309,10 +3478,169 @@ packages:
   customerio-gist-web@3.16.0:
     resolution: {integrity: sha512-uBmz0HHxt4DHY0gnbzsVYJFPqlwI/GnOqtl0nxZ/hfgyOgS7hzkiLr/cgD+Z7wWWAla6x5ItYLa7eTaYClzKKg==}
 
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.33.1:
+    resolution: {integrity: sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  dagre-d3-es@7.0.11:
+    resolution: {integrity: sha512-tvlJLyQf834SylNKax8Wkzco/1ias1OPw8DcUMDE7oUIoSEW25riQVuiu/0OWEFqT0cxHT3Pa9/D82Jr47IONw==}
+
   date-format@4.0.14:
     resolution: {integrity: sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==}
     engines: {node: '>=4.0'}
 
+  dayjs@1.11.18:
+    resolution: {integrity: sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA==}
+
   debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
@@ -3355,6 +3683,12 @@ packages:
     resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
     engines: {node: '>=12'}
 
+  delaunator@5.0.1:
+    resolution: {integrity: sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==}
+
+  delegate@3.2.0:
+    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
+
   depd@1.1.2:
     resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
     engines: {node: '>= 0.6'}
@@ -3402,6 +3736,9 @@ packages:
     resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
     engines: {node: '>= 4'}
 
+  dompurify@3.2.7:
+    resolution: {integrity: sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==}
+
   domutils@3.2.2:
     resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
 
@@ -3431,6 +3768,9 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  emoji-toolkit@9.0.1:
+    resolution: {integrity: sha512-sMMNqKNLVHXJfIKoPbrRJwtYuysVNC9GlKetr72zE3SSVbHqoeDLWVrxP0uM0AE0qvdl3hbUk+tJhhwXZrDHaw==}
+
   emojis-list@3.0.0:
     resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
     engines: {node: '>= 4'}
@@ -3568,6 +3908,9 @@ packages:
     resolution: {integrity: sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==}
     engines: {node: '>= 0.10.0'}
 
+  exsolve@1.0.7:
+    resolution: {integrity: sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==}
+
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
@@ -3723,6 +4066,13 @@ packages:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
+  good-listener@1.2.2:
+    resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
+
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -3758,6 +4108,9 @@ packages:
     peerDependencies:
       graphology-types: '>=0.24.0'
 
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
   handle-thing@2.0.1:
     resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==}
 
@@ -3887,6 +4240,13 @@ packages:
     resolution: {integrity: sha512-+N0ngpO3e7cRUWOJAS7qw0IZIVc6XPrW4MlFBdD066F2L4k1L6ker3hLqSq7iXxU5tgS4WGkIUElWn5vogAEnw==}
     engines: {node: ^18.17.0 || >=20.5.0}
 
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ip-address@9.0.5:
     resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
     engines: {node: '>= 12'}
@@ -4123,13 +4483,33 @@ packages:
     engines: {node: '>= 10'}
     hasBin: true
 
+  katex@0.16.22:
+    resolution: {integrity: sha512-XCHRdUw4lf3SKBaJe4EvgqIuWwkPSo9XoeO8GjQW94Bp7TWv9hNhzZjZ+OH9yf1UmLygb7DIT5GSFQiyt16zYg==}
+    hasBin: true
+
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
+  langium@3.3.1:
+    resolution: {integrity: sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w==}
+    engines: {node: '>=16.0.0'}
+
   launch-editor@2.10.0:
     resolution: {integrity: sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==}
 
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
   less-loader@12.3.0:
     resolution: {integrity: sha512-0M6+uYulvYIWs52y0LqN4+QM9TqWAohYSNTo4htE8Z7Cn3G/qQMEmktfHmyJT23k+20kU9zHH2wrfFXkxNLtVw==}
     engines: {node: '>= 18.12.0'}
@@ -4179,10 +4559,17 @@ packages:
     resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==}
     engines: {node: '>= 12.13.0'}
 
+  local-pkg@1.1.2:
+    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
+    engines: {node: '>=14'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
   lodash.camelcase@4.3.0:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
 
@@ -4228,6 +4615,11 @@ packages:
     resolution: {integrity: sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==}
     engines: {node: ^18.17.0 || >=20.5.0}
 
+  marked@16.3.0:
+    resolution: {integrity: sha512-K3UxuKu6l6bmA5FUwYho8CfJBlsUWAooKtdGgMcERSpF7gcBUrCGsLH7wDaaNOzwq18JzSUDyoEb/YsrqMac3w==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -4250,6 +4642,9 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  mermaid@11.12.0:
+    resolution: {integrity: sha512-ZudVx73BwrMJfCFmSSJT84y6u5brEoV8DOItdHomNLz32uBjNrelm7mg95X7g+C6UoQH/W6mBLGDEDv73JdxBg==}
+
   methods@1.1.2:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
@@ -4361,6 +4756,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -4422,6 +4820,16 @@ packages:
   new-date@1.0.3:
     resolution: {integrity: sha512-0fsVvQPbo2I18DT2zVHpezmeeNYV2JaJSrseiHLc17GNOxJzUdx5mvSigPu8LtIfZSij5i1wXnXFspEs2CD6hA==}
 
+  ngx-markdown@20.1.0:
+    resolution: {integrity: sha512-BLn6CTMO27cU0zeaJYoC1g5c1hAkrpE5oqVSQFGW0J5gq+gEuvTt4vrtNLc8Z+HYXtuuWmuhUWiXL/bYoiDJ+A==}
+    peerDependencies:
+      '@angular/common': ^20.0.0
+      '@angular/core': ^20.0.0
+      '@angular/platform-browser': ^20.0.0
+      marked: ^15.0.0 || ^16.0.0
+      rxjs: ^6.5.3 || ^7.4.0
+      zone.js: ~0.15.0
+
   node-addon-api@6.1.0:
     resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
 
@@ -4564,6 +4972,9 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
+  package-manager-detector@1.3.0:
+    resolution: {integrity: sha512-ZsEbbZORsyHuO00lY1kV3/t72yp6Ysay6Pd17ZAlNGuGwmWDLCJxFpRs0IzfXfj1o4icJOkUEioexFHzyPurSQ==}
+
   pacote@21.0.0:
     resolution: {integrity: sha512-lcqexq73AMv6QNLo7SOpz0JJoaGdS3rBFgF122NZVl1bApo2mfu+XzUBU/X/XsiJu+iUmKpekRayqQYAs+PhkA==}
     engines: {node: ^20.17.0 || >=22.9.0}
@@ -4594,6 +5005,9 @@ packages:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
 
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -4616,6 +5030,9 @@ packages:
   path-to-regexp@0.1.12:
     resolution: {integrity: sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==}
 
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -4635,6 +5052,18 @@ packages:
     resolution: {integrity: sha512-R+arufwL7sZvGjAhSMK3TfH55YdGOqhpKXkcwQJr432AAnJX/xxX19PA4QisrmJ+BTTfZVggaz6HexbkQq1l1Q==}
     engines: {node: '>=18.x'}
 
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
   postcss-loader@8.1.1:
     resolution: {integrity: sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==}
     engines: {node: '>= 18.12.0'}
@@ -4690,8 +5119,16 @@ packages:
     resolution: {integrity: sha512-d/jtm+rdNT8tpXuHY5MMtcbJFBkhXE6593XVR9UoGCH8jSFGci7jGvMGH5RYd5PBJW+00NZQt6gf7CbagJCrhg==}
     engines: {node: ^10 || ^12 || >=14}
 
-  posthog-js@1.187.2:
-    resolution: {integrity: sha512-IGKsZ7M4AYACm5I6gGGFrv9kR/MOnVYw11XFYCLk363n0nq+ghwenoW1jJVL9gZLGKiMsConUR8rG2DD2OMKyg==}
+  posthog-js@1.268.8:
+    resolution: {integrity: sha512-BJiKK4MlUvs7ybnQcy1KkwAz+SZkE/wRLotetIoank5kbqZs8FLbeyozFvmmgx4aoMmaVymYBSmYphYjYQeidw==}
+    peerDependencies:
+      '@rrweb/types': 2.0.0-alpha.17
+      rrweb-snapshot: 2.0.0-alpha.17
+    peerDependenciesMeta:
+      '@rrweb/types':
+        optional: true
+      rrweb-snapshot:
+        optional: true
 
   preact@10.26.9:
     resolution: {integrity: sha512-SSjF9vcnF27mJK1XyFMNJzFd5u3pQiATFqoaDy03XuN00u4ziveVVEGt5RKJrDR8MHE/wJo9Nnad56RLzS2RMA==}
@@ -4705,6 +5142,10 @@ packages:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
 
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
+    engines: {node: '>=6'}
+
   proc-log@5.0.0:
     resolution: {integrity: sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ==}
     engines: {node: ^18.17.0 || >=20.5.0}
@@ -4738,6 +5179,9 @@ packages:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
 
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -4843,11 +5287,17 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
+  robust-predicates@3.0.2:
+    resolution: {integrity: sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==}
+
   rollup@4.40.2:
     resolution: {integrity: sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
   run-applescript@7.0.0:
     resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
     engines: {node: '>=18'}
@@ -4855,6 +5305,9 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
   rxfire@6.1.0:
     resolution: {integrity: sha512-NezdjeY32VZcCuGO0bbb8H8seBsJSCaWdUwGsHNzUcAOHR0VGpzgPtzjuuLXr8R/iemkqSzbx/ioS7VwV43ynA==}
     peerDependencies:
@@ -4913,6 +5366,9 @@ packages:
   select-hose@2.0.0:
     resolution: {integrity: sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==}
 
+  select@1.1.2:
+    resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
+
   selfsigned@2.4.1:
     resolution: {integrity: sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==}
     engines: {node: '>=10'}
@@ -5123,6 +5579,9 @@ packages:
   style-mod@4.1.2:
     resolution: {integrity: sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==}
 
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -5185,9 +5644,15 @@ packages:
   thunky@1.1.0:
     resolution: {integrity: sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==}
 
+  tiny-emitter@2.1.0:
+    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+
   tiny-hashes@1.0.1:
     resolution: {integrity: sha512-knIN5zj4fl7kW4EBU5sLP20DWUvi/rVouvJezV0UAym2DkQaqm365Nyc8F3QEiOvunNDMxR8UhcXd1d5g+Wg1g==}
 
+  tinyexec@1.0.1:
+    resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
+
   tinyglobby@0.2.13:
     resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
     engines: {node: '>=12.0.0'}
@@ -5225,6 +5690,10 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
+  ts-dedent@2.2.0:
+    resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
+    engines: {node: '>=6.10'}
+
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -5264,6 +5733,9 @@ packages:
     resolution: {integrity: sha512-us1E3K+3jJppDBa3Tl0L3MOJiGhe1C6P0+nIvQAFYbxlMAx0h81eOwLmU57xgqToduDDPx3y5QsdjPfDu+FgOQ==}
     hasBin: true
 
+  ufo@1.6.1:
+    resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
+
   undici-types@7.8.0:
     resolution: {integrity: sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==}
 
@@ -5402,6 +5874,26 @@ packages:
     resolution: {integrity: sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==}
     engines: {node: '>=0.10.0'}
 
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
   w3c-keyname@2.2.8:
     resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
 
@@ -5920,6 +6412,15 @@ snapshots:
       rxjs: 7.8.2
       tslib: 2.8.1
 
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.3.0
+      tinyexec: 1.0.1
+    optional: true
+
+  '@antfu/utils@9.2.1':
+    optional: true
+
   '@babel/code-frame@7.27.1':
     dependencies:
       '@babel/helper-validator-identifier': 7.27.1
@@ -6614,6 +7115,31 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
 
+  '@braintree/sanitize-url@7.1.1':
+    optional: true
+
+  '@chevrotain/cst-dts-gen@11.0.3':
+    dependencies:
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+    optional: true
+
+  '@chevrotain/gast@11.0.3':
+    dependencies:
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+    optional: true
+
+  '@chevrotain/regexp-to-ast@11.0.3':
+    optional: true
+
+  '@chevrotain/types@11.0.3':
+    optional: true
+
+  '@chevrotain/utils@11.0.3':
+    optional: true
+
   '@codemirror/autocomplete@6.18.6':
     dependencies:
       '@codemirror/language': 6.11.0
@@ -7111,6 +7637,23 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@iconify/types@2.0.0':
+    optional: true
+
+  '@iconify/utils@3.0.2':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@antfu/utils': 9.2.1
+      '@iconify/types': 2.0.0
+      debug: 4.4.1
+      globals: 15.15.0
+      kolorist: 1.8.0
+      local-pkg: 1.1.2
+      mlly: 1.8.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   '@inquirer/checkbox@4.1.8(@types/node@24.0.1)':
     dependencies:
       '@inquirer/core': 10.1.13(@types/node@24.0.1)
@@ -7344,6 +7887,11 @@ snapshots:
 
   '@marijn/find-cluster-break@1.0.2': {}
 
+  '@mermaid-js/parser@0.6.2':
+    dependencies:
+      langium: 3.3.1
+    optional: true
+
   '@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3':
     optional: true
 
@@ -7571,6 +8119,8 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@posthog/core@1.2.2': {}
+
   '@protobufjs/aspromise@1.1.2': {}
 
   '@protobufjs/base64@1.1.2': {}
@@ -8479,34 +9029,182 @@ snapshots:
     dependencies:
       '@types/node': 24.0.1
 
-  '@types/eslint-scope@3.7.7':
+  '@types/d3-array@3.2.2':
+    optional: true
+
+  '@types/d3-axis@3.0.6':
     dependencies:
-      '@types/eslint': 9.6.1
-      '@types/estree': 1.0.8
+      '@types/d3-selection': 3.0.11
+    optional: true
 
-  '@types/eslint@9.6.1':
+  '@types/d3-brush@3.0.6':
     dependencies:
-      '@types/estree': 1.0.8
-      '@types/json-schema': 7.0.15
+      '@types/d3-selection': 3.0.11
+    optional: true
 
-  '@types/estree@1.0.7': {}
+  '@types/d3-chord@3.0.6':
+    optional: true
 
-  '@types/estree@1.0.8': {}
+  '@types/d3-color@3.1.3':
+    optional: true
 
-  '@types/event-source-polyfill@1.0.5': {}
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+    optional: true
 
-  '@types/eventsource@1.1.15': {}
+  '@types/d3-delaunay@6.0.4':
+    optional: true
 
-  '@types/express-serve-static-core@4.19.6':
-    dependencies:
-      '@types/node': 24.0.1
-      '@types/qs': 6.14.0
-      '@types/range-parser': 1.2.7
-      '@types/send': 0.17.5
+  '@types/d3-dispatch@3.0.7':
+    optional: true
 
-  '@types/express-serve-static-core@5.0.6':
+  '@types/d3-drag@3.0.7':
     dependencies:
-      '@types/node': 24.0.1
+      '@types/d3-selection': 3.0.11
+    optional: true
+
+  '@types/d3-dsv@3.0.7':
+    optional: true
+
+  '@types/d3-ease@3.0.2':
+    optional: true
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+    optional: true
+
+  '@types/d3-force@3.0.10':
+    optional: true
+
+  '@types/d3-format@3.0.4':
+    optional: true
+
+  '@types/d3-geo@3.1.0':
+    dependencies:
+      '@types/geojson': 7946.0.16
+    optional: true
+
+  '@types/d3-hierarchy@3.1.7':
+    optional: true
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+    optional: true
+
+  '@types/d3-path@3.1.1':
+    optional: true
+
+  '@types/d3-polygon@3.0.2':
+    optional: true
+
+  '@types/d3-quadtree@3.0.6':
+    optional: true
+
+  '@types/d3-random@3.0.3':
+    optional: true
+
+  '@types/d3-scale-chromatic@3.1.0':
+    optional: true
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+    optional: true
+
+  '@types/d3-selection@3.0.11':
+    optional: true
+
+  '@types/d3-shape@3.1.7':
+    dependencies:
+      '@types/d3-path': 3.1.1
+    optional: true
+
+  '@types/d3-time-format@4.0.3':
+    optional: true
+
+  '@types/d3-time@3.0.4':
+    optional: true
+
+  '@types/d3-timer@3.0.2':
+    optional: true
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+    optional: true
+
+  '@types/d3-zoom@3.0.8':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.11
+    optional: true
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.0
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.3
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.11
+      '@types/d3-shape': 3.1.7
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.8
+    optional: true
+
+  '@types/eslint-scope@3.7.7':
+    dependencies:
+      '@types/eslint': 9.6.1
+      '@types/estree': 1.0.8
+
+  '@types/eslint@9.6.1':
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
+
+  '@types/estree@1.0.7': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/event-source-polyfill@1.0.5': {}
+
+  '@types/eventsource@1.1.15': {}
+
+  '@types/express-serve-static-core@4.19.6':
+    dependencies:
+      '@types/node': 24.0.1
+      '@types/qs': 6.14.0
+      '@types/range-parser': 1.2.7
+      '@types/send': 0.17.5
+
+  '@types/express-serve-static-core@5.0.6':
+    dependencies:
+      '@types/node': 24.0.1
       '@types/qs': 6.14.0
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.5
@@ -8522,6 +9220,9 @@ snapshots:
     dependencies:
       '@types/node': 24.0.1
 
+  '@types/geojson@7946.0.16':
+    optional: true
+
   '@types/http-errors@2.0.5': {}
 
   '@types/http-proxy@1.17.16':
@@ -8578,6 +9279,9 @@ snapshots:
     dependencies:
       '@types/node': 24.0.1
 
+  '@types/trusted-types@2.0.7':
+    optional: true
+
   '@types/ws@8.18.1':
     dependencies:
       '@types/node': 24.0.1
@@ -8887,6 +9591,22 @@ snapshots:
 
   chardet@0.7.0: {}
 
+  chevrotain-allstar@0.3.1(chevrotain@11.0.3):
+    dependencies:
+      chevrotain: 11.0.3
+      lodash-es: 4.17.21
+    optional: true
+
+  chevrotain@11.0.3:
+    dependencies:
+      '@chevrotain/cst-dts-gen': 11.0.3
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/regexp-to-ast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      '@chevrotain/utils': 11.0.3
+      lodash-es: 4.17.21
+    optional: true
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -8924,6 +9644,13 @@ snapshots:
 
   cli-width@4.1.0: {}
 
+  clipboard@2.0.11:
+    dependencies:
+      good-listener: 1.2.2
+      select: 1.1.2
+      tiny-emitter: 2.1.0
+    optional: true
+
   cliui@7.0.4:
     dependencies:
       string-width: 4.2.3
@@ -8968,6 +9695,12 @@ snapshots:
 
   commander@2.20.3: {}
 
+  commander@7.2.0:
+    optional: true
+
+  commander@8.3.0:
+    optional: true
+
   compressible@2.0.18:
     dependencies:
       mime-db: 1.54.0
@@ -8986,6 +9719,12 @@ snapshots:
 
   concat-map@0.0.1: {}
 
+  confbox@0.1.8:
+    optional: true
+
+  confbox@0.2.2:
+    optional: true
+
   connect-history-api-fallback@2.0.0: {}
 
   connect@3.7.0:
@@ -9039,6 +9778,16 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+    optional: true
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+    optional: true
+
   cosmiconfig@9.0.0(typescript@5.8.3):
     dependencies:
       env-paths: 2.2.1
@@ -9093,8 +9842,234 @@ snapshots:
     dependencies:
       uuid: 8.3.2
 
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.33.1
+    optional: true
+
+  cytoscape-fcose@2.2.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.33.1
+    optional: true
+
+  cytoscape@3.33.1:
+    optional: true
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+    optional: true
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+    optional: true
+
+  d3-axis@3.0.0:
+    optional: true
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+    optional: true
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+    optional: true
+
+  d3-color@3.1.0:
+    optional: true
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+    optional: true
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.0.1
+    optional: true
+
+  d3-dispatch@3.0.1:
+    optional: true
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+    optional: true
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+    optional: true
+
+  d3-ease@3.0.1:
+    optional: true
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+    optional: true
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+    optional: true
+
+  d3-format@3.1.0:
+    optional: true
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+    optional: true
+
+  d3-hierarchy@3.1.2:
+    optional: true
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+    optional: true
+
+  d3-path@1.0.9:
+    optional: true
+
+  d3-path@3.1.0:
+    optional: true
+
+  d3-polygon@3.0.1:
+    optional: true
+
+  d3-quadtree@3.0.1:
+    optional: true
+
+  d3-random@3.0.1:
+    optional: true
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+    optional: true
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+    optional: true
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+    optional: true
+
+  d3-selection@3.0.0:
+    optional: true
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+    optional: true
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+    optional: true
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+    optional: true
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+    optional: true
+
+  d3-timer@3.0.1:
+    optional: true
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+    optional: true
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+    optional: true
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.0
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+    optional: true
+
+  dagre-d3-es@7.0.11:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.17.21
+    optional: true
+
   date-format@4.0.14: {}
 
+  dayjs@1.11.18:
+    optional: true
+
   debug@2.6.9:
     dependencies:
       ms: 2.0.0
@@ -9120,6 +10095,14 @@ snapshots:
 
   define-lazy-prop@3.0.0: {}
 
+  delaunator@5.0.1:
+    dependencies:
+      robust-predicates: 3.0.2
+    optional: true
+
+  delegate@3.2.0:
+    optional: true
+
   depd@1.1.2: {}
 
   depd@2.0.0: {}
@@ -9161,6 +10144,11 @@ snapshots:
     dependencies:
       domelementtype: 2.3.0
 
+  dompurify@3.2.7:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+    optional: true
+
   domutils@3.2.2:
     dependencies:
       dom-serializer: 2.0.0
@@ -9187,6 +10175,9 @@ snapshots:
 
   emoji-regex@9.2.2: {}
 
+  emoji-toolkit@9.0.1:
+    optional: true
+
   emojis-list@3.0.0: {}
 
   encodeurl@1.0.2: {}
@@ -9356,6 +10347,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  exsolve@1.0.7:
+    optional: true
+
   extend@3.0.2: {}
 
   external-editor@3.1.0:
@@ -9561,6 +10555,14 @@ snapshots:
 
   globals@11.12.0: {}
 
+  globals@15.15.0:
+    optional: true
+
+  good-listener@1.2.2:
+    dependencies:
+      delegate: 3.2.0
+    optional: true
+
   gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
@@ -9591,6 +10593,9 @@ snapshots:
       events: 3.3.0
       graphology-types: 0.24.8
 
+  hachure-fill@0.5.2:
+    optional: true
+
   handle-thing@2.0.1: {}
 
   has-flag@4.0.0: {}
@@ -9734,6 +10739,12 @@ snapshots:
 
   ini@5.0.0: {}
 
+  internmap@1.0.1:
+    optional: true
+
+  internmap@2.0.3:
+    optional: true
+
   ip-address@9.0.5:
     dependencies:
       jsbn: 1.1.0
@@ -9967,13 +10978,39 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  katex@0.16.22:
+    dependencies:
+      commander: 8.3.0
+    optional: true
+
+  khroma@2.1.0:
+    optional: true
+
   kind-of@6.0.3: {}
 
+  kolorist@1.8.0:
+    optional: true
+
+  langium@3.3.1:
+    dependencies:
+      chevrotain: 11.0.3
+      chevrotain-allstar: 0.3.1(chevrotain@11.0.3)
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.0.8
+    optional: true
+
   launch-editor@2.10.0:
     dependencies:
       picocolors: 1.1.1
       shell-quote: 1.8.3
 
+  layout-base@1.0.2:
+    optional: true
+
+  layout-base@2.0.1:
+    optional: true
+
   less-loader@12.3.0(less@4.3.0)(webpack@5.99.8(esbuild@0.25.5)):
     dependencies:
       less: 4.3.0
@@ -10038,10 +11075,20 @@ snapshots:
 
   loader-utils@3.3.1: {}
 
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.0
+      pkg-types: 2.3.0
+      quansync: 0.2.11
+    optional: true
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
+  lodash-es@4.17.21:
+    optional: true
+
   lodash.camelcase@4.3.0: {}
 
   lodash.debounce@4.0.8: {}
@@ -10109,6 +11156,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  marked@16.3.0: {}
+
   math-intrinsics@1.1.0: {}
 
   media-typer@0.3.0: {}
@@ -10126,6 +11175,32 @@ snapshots:
 
   merge2@1.4.1: {}
 
+  mermaid@11.12.0:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.1
+      '@iconify/utils': 3.0.2
+      '@mermaid-js/parser': 0.6.2
+      '@types/d3': 7.4.3
+      cytoscape: 3.33.1
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.33.1)
+      cytoscape-fcose: 2.2.0(cytoscape@3.33.1)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.11
+      dayjs: 1.11.18
+      dompurify: 3.2.7
+      katex: 0.16.22
+      khroma: 2.1.0
+      lodash-es: 4.17.21
+      marked: 16.3.0
+      roughjs: 4.6.6
+      stylis: 4.3.6
+      ts-dedent: 2.2.0
+      uuid: 11.1.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   methods@1.1.2: {}
 
   micromatch@4.0.8:
@@ -10216,6 +11291,14 @@ snapshots:
 
   mkdirp@3.0.1: {}
 
+  mlly@1.8.0:
+    dependencies:
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.1
+    optional: true
+
   mrmime@2.0.1: {}
 
   ms@2.0.0: {}
@@ -10276,6 +11359,24 @@ snapshots:
     dependencies:
       '@segment/isodate': 1.0.3
 
+  ngx-markdown@20.1.0(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@20.0.3(@angular/animations@20.0.3(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1)))(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1)))(marked@16.3.0)(rxjs@7.8.2)(zone.js@0.15.1):
+    dependencies:
+      '@angular/common': 20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2)
+      '@angular/core': 20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1)
+      '@angular/platform-browser': 20.0.3(@angular/animations@20.0.3(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1)))(@angular/common@20.0.3(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.0.3(@angular/compiler@20.0.3)(rxjs@7.8.2)(zone.js@0.15.1))
+      marked: 16.3.0
+      rxjs: 7.8.2
+      tslib: 2.8.1
+      zone.js: 0.15.1
+    optionalDependencies:
+      clipboard: 2.0.11
+      emoji-toolkit: 9.0.1
+      katex: 0.16.22
+      mermaid: 11.12.0
+      prismjs: 1.30.0
+    transitivePeerDependencies:
+      - supports-color
+
   node-addon-api@6.1.0:
     optional: true
 
@@ -10433,6 +11534,9 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
+  package-manager-detector@1.3.0:
+    optional: true
+
   pacote@21.0.0:
     dependencies:
       '@npmcli/git': 6.0.3
@@ -10484,6 +11588,9 @@ snapshots:
 
   parseurl@1.3.3: {}
 
+  path-data-parser@0.1.0:
+    optional: true
+
   path-exists@4.0.0: {}
 
   path-is-absolute@1.0.1: {}
@@ -10499,6 +11606,9 @@ snapshots:
 
   path-to-regexp@0.1.12: {}
 
+  pathe@2.0.3:
+    optional: true
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -10512,6 +11622,29 @@ snapshots:
     optionalDependencies:
       '@napi-rs/nice': 1.0.1
 
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+    optional: true
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.7
+      pathe: 2.0.3
+    optional: true
+
+  points-on-curve@0.2.0:
+    optional: true
+
+  points-on-path@0.2.1:
+    dependencies:
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+    optional: true
+
   postcss-loader@8.1.1(postcss@8.5.3)(typescript@5.8.3)(webpack@5.99.8(esbuild@0.25.5)):
     dependencies:
       cosmiconfig: 9.0.0(typescript@5.8.3)
@@ -10565,8 +11698,9 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  posthog-js@1.187.2:
+  posthog-js@1.268.8:
     dependencies:
+      '@posthog/core': 1.2.2
       core-js: 3.43.0
       fflate: 0.4.8
       preact: 10.26.9
@@ -10578,6 +11712,9 @@ snapshots:
 
   prismjs@1.29.0: {}
 
+  prismjs@1.30.0:
+    optional: true
+
   proc-log@5.0.0: {}
 
   process-nextick-args@2.0.1: {}
@@ -10618,6 +11755,9 @@ snapshots:
     dependencies:
       side-channel: 1.1.0
 
+  quansync@0.2.11:
+    optional: true
+
   queue-microtask@1.2.3: {}
 
   randombytes@2.1.0:
@@ -10721,6 +11861,9 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
+  robust-predicates@3.0.2:
+    optional: true
+
   rollup@4.40.2:
     dependencies:
       '@types/estree': 1.0.7
@@ -10747,12 +11890,23 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.40.2
       fsevents: 2.3.3
 
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+    optional: true
+
   run-applescript@7.0.0: {}
 
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
 
+  rw@1.3.3:
+    optional: true
+
   rxfire@6.1.0(firebase@11.9.1)(rxjs@7.8.2):
     dependencies:
       firebase: 11.9.1
@@ -10801,6 +11955,9 @@ snapshots:
 
   select-hose@2.0.0: {}
 
+  select@1.1.2:
+    optional: true
+
   selfsigned@2.4.1:
     dependencies:
       '@types/node-forge': 1.3.11
@@ -11091,6 +12248,9 @@ snapshots:
 
   style-mod@4.1.2: {}
 
+  stylis@4.3.6:
+    optional: true
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -11156,8 +12316,14 @@ snapshots:
 
   thunky@1.1.0: {}
 
+  tiny-emitter@2.1.0:
+    optional: true
+
   tiny-hashes@1.0.1: {}
 
+  tinyexec@1.0.1:
+    optional: true
+
   tinyglobby@0.2.13:
     dependencies:
       fdir: 6.4.6(picomatch@4.0.2)
@@ -11188,6 +12354,9 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
+  ts-dedent@2.2.0:
+    optional: true
+
   tslib@2.8.1: {}
 
   tuf-js@3.0.1:
@@ -11219,6 +12388,9 @@ snapshots:
 
   ua-parser-js@0.7.40: {}
 
+  ufo@1.6.1:
+    optional: true
+
   undici-types@7.8.0: {}
 
   unfetch@3.1.2: {}
@@ -11304,6 +12476,29 @@ snapshots:
 
   void-elements@2.0.1: {}
 
+  vscode-jsonrpc@8.2.0:
+    optional: true
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+    optional: true
+
+  vscode-languageserver-textdocument@1.0.12:
+    optional: true
+
+  vscode-languageserver-types@3.17.5:
+    optional: true
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+    optional: true
+
+  vscode-uri@3.0.8:
+    optional: true
+
   w3c-keyname@2.2.8: {}
 
   watchpack@2.4.2:
diff --git a/src/environments/environment.dev.ts b/src/environments/environment.dev.ts
index a32563d5c..73bcdf0c5 100644
--- a/src/environments/environment.dev.ts
+++ b/src/environments/environment.dev.ts
@@ -4,12 +4,11 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
+import { Environment } from "./typings";
 
-export const environment = {
+export const environment: Environment = {
     env: "development",
+    cloudUrl: "https://cloud.typedb.dev",
 };
 
 /*
@@ -19,4 +18,4 @@ export const environment = {
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
+import 'zone.js/plugins/zone-error';
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 73aceae5c..278c91be4 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -4,6 +4,9 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-export const environment = {
+import { Environment } from "./typings";
+
+export const environment: Environment = {
     env: "production",
+    cloudUrl: "https://cloud.typedb.com",
 };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index 6d437f34f..e120f6cae 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -4,8 +4,15 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-export const environment = {
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+import { Environment } from "./typings";
+
+export const environment: Environment = {
     env: "local",
+    cloudUrl: "http://localhost:8080",
 };
 
 /*
@@ -15,4 +22,4 @@ export const environment = {
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
+import 'zone.js/plugins/zone-error';
diff --git a/src/typings.d.ts b/src/environments/typings.ts
similarity index 71%
rename from src/typings.d.ts
rename to src/environments/typings.ts
index 868cf40b6..ef094c6d8 100644
--- a/src/typings.d.ts
+++ b/src/environments/typings.ts
@@ -4,6 +4,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-interface Window {
-    gtag: (arg0: string, arg1: string, arg2: object) => unknown;
+export interface Environment {
+    env: string;
+    cloudUrl: string;
 }
diff --git a/src/framework/code-snippet/code-snippet.component.html b/src/framework/code-snippet/code-snippet.component.html
index 90efc8874..8ea555e98 100644
--- a/src/framework/code-snippet/code-snippet.component.html
+++ b/src/framework/code-snippet/code-snippet.component.html
@@ -1,8 +1,5 @@
-<div class="cs-root text-code" #rootElement (mouseenter)="showOverlay.set(true)" (mouseleave)="showOverlay.set(false)">
+<div class="cs-root text-code" #rootElement>
   <!-- Copy overlay - outside the scrollable area -->
-  <div class="copy-overlay" [class.visible]="showOverlay()" matTooltip="Copy" matTooltipPosition="below" (click)="copyCode()">
-    <i class="fas" [class.fa-copy]="!copied()" [class.fa-check]="copied()"></i>
-  </div>
 
   <!-- Scrollable container for both line numbers and code -->
   <div class="cs-scrollable-content">
@@ -18,5 +15,9 @@
     <div class="cs-code-area">
       <pre><code [class]="snippet.language ? 'language-' + snippet.language : undefined" [innerHTML]="snippet.code"></code></pre>
     </div>
+
+    <div class="copy-overlay visible" (click)="copyCode()">
+      <i [class]="copied() ? 'fal fa-check' : 'fal fa-copy'"></i>
+    </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/framework/code-snippet/code-snippet.component.scss b/src/framework/code-snippet/code-snippet.component.scss
index a4721c2f9..0595ba57e 100644
--- a/src/framework/code-snippet/code-snippet.component.scss
+++ b/src/framework/code-snippet/code-snippet.component.scss
@@ -11,14 +11,14 @@
 :host {
     display: block;
     height: 100%;
-    /* Remove overflow: auto */
+    border: shapes.$border;
 }
 
 .cs-root {
     min-height: 100%;
     width: 100%;
-    position: relative;
     height: 100%;
+    background: var(--body-background);
 }
 
 .cs-scrollable-content {
@@ -27,12 +27,15 @@
     padding: 4px;
     height: 100%;
     overflow: auto; /* Move overflow here */
+    position: relative;
+    scrollbar-width: thin;
 }
 
 .cs-line-numbers {
     flex-shrink: 0;
     padding: 0 7px;
     color: #66637f;
+    user-select: none;
 }
 
 .cs-code-area {
@@ -47,7 +50,7 @@
 .copy-overlay {
     position: absolute;
     top: 12px;
-    right: 24px;
+    right: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -82,7 +85,7 @@
 }
 
 .copy-overlay:hover {
-    background: rgba(255, 255, 255, 0.15);
+    background: rgba(255, 255, 255, 0.1);
     border-color: colors.$secondary-mid-deep-grey;
     color: rgba(255, 255, 255, 1);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
diff --git a/src/framework/code-snippet/code-snippet.component.ts b/src/framework/code-snippet/code-snippet.component.ts
index 9465422b3..f8af8f0ca 100644
--- a/src/framework/code-snippet/code-snippet.component.ts
+++ b/src/framework/code-snippet/code-snippet.component.ts
@@ -8,9 +8,7 @@ import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, Input, N
 
 import Prism from "prismjs";
 import { initCustomScrollbars } from "typedb-web-common/lib";
-import { MatTooltipModule } from "@angular/material/tooltip";
-
-const DEFAULT_MIN_LINES = { desktop: 33, mobile: 13 };
+import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
 
 @Component({
     selector: "tp-code-snippet",
@@ -26,17 +24,16 @@ export class CodeSnippetComponent implements AfterViewInit, OnChanges {
     @ViewChild("scrollbarY") scrollbarY!: ElementRef<HTMLElement>;
     @ViewChild("rootElement") rootElement!: ElementRef<HTMLElement>;
 
-    showOverlay = signal(false);
     copied = signal(false);
 
     get lineNumbers() {
-        return [...Array(Math.max(
-            (this.snippet.code.match(/\n/g) || []).length + 2,
-            DEFAULT_MIN_LINES.desktop,
-        )).keys()].map((n) => n + 1)
+        return [...Array(
+            (this.snippet.code.match(/\n/g) || []).length + 1,
+        ).keys()].map((n) => n + 1)
     }
 
-    constructor(private ngZone: NgZone, private elementRef: ElementRef) { }
+    constructor(private ngZone: NgZone, private elementRef: ElementRef) {
+    }
 
     ngAfterViewInit() {
         this.maybeInitScrollbarsAndHighlighting();
@@ -57,10 +54,10 @@ export class CodeSnippetComponent implements AfterViewInit, OnChanges {
             await navigator.clipboard.writeText(this.snippet.code);
             this.copied.set(true);
             
-            // Reset copied state after 2 seconds
+            // Reset copied state after 3 seconds
             setTimeout(() => {
                 this.copied.set(false);
-            }, 2000);
+            }, 3000);
         } catch (err) {
             console.error('Failed to copy code:', err);
         }
diff --git a/src/framework/util/observable.ts b/src/framework/util/observable.ts
index 2eb2bd24c..4162955dc 100644
--- a/src/framework/util/observable.ts
+++ b/src/framework/util/observable.ts
@@ -9,6 +9,6 @@ import { INTERNAL_ERROR } from "./strings";
 
 export function requireValue<T>(behaviorSubject: BehaviorSubject<T | null>): T {
     const value = behaviorSubject.value;
-    if (!value) throw INTERNAL_ERROR;
+    if (!value) throw new Error(INTERNAL_ERROR);
     return value;
 }
diff --git a/src/main.ts b/src/main.ts
index 2704d7e96..4f921f547 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -32,6 +32,7 @@ import "posthog-js/dist/web-vitals";
 import "posthog-js/dist/dead-clicks-autocapture";
 import posthog from "posthog-js/dist/module.no-external";
 import { StudioErrorHandler } from "./service/error-handler.service";
+import { provideMarkdown } from "ngx-markdown";
 
 const rippleGlobalConfig: RippleGlobalOptions = {
     disabled: true,
@@ -64,6 +65,7 @@ if (environment.env !== "local") {
             person_profiles: "always",
             capture_pageview: false,
             capture_pageleave: true,
+            disable_session_recording: true,
         }
     );
 }
@@ -81,6 +83,7 @@ bootstrapApplication(RootComponent, {
         provideHttpClient(),
         provideAnimations(),
         { provide: ErrorHandler, useClass: StudioErrorHandler },
+        provideMarkdown(),
         importProvidersFrom(
             // provideFirebaseApp(() => initializeApp(firebaseOptions)),
             // provideAuth(() => {
diff --git a/src/module/ai/vibe-query.component.html b/src/module/ai/vibe-query.component.html
new file mode 100644
index 000000000..6543dbf2f
--- /dev/null
+++ b/src/module/ai/vibe-query.component.html
@@ -0,0 +1,64 @@
+<div class="messages" #messagesContainer>
+  @for (msg of state.messages$ | async; track msg) {
+    <div class="message" [class.user]="msg.sender === 'user'" [class.ai]="msg.sender === 'ai'">
+      <div class="message-content">
+        @if (msg.isProcessing) {
+          <div class="typing-indicator">
+            <tp-spinner [size]="20"/>
+          </div>
+        } @else {
+          <div class="message-text">
+            @for (chunk of msg.content; track chunk) {
+              @if (chunk.type === 'text') {
+                <markdown>{{ chunk.content }}</markdown>
+              } @else if (chunk.type === 'code') {
+                <tp-code-snippet [snippet]="{ language: chunk.language, code: chunk.content }"/>
+              }
+            }
+            @if (msg.error) {
+              <div class="error-message"><i class="fa-solid fa-triangle-exclamation"></i>{{ msg.error }}</div>
+            }
+          </div>
+        }
+      </div>
+    </div>
+  }
+
+  @if ((state.messages$ | async)?.length === 0) {
+    <div class="welcome-content">
+      <i class="fa-thin fa-sparkles"></i>
+      <h3>Query with agent mode.</h3>
+      <aside class="text-muted">AI responses may be inaccurate.</aside>
+    </div>
+  }
+
+  <div class="spacer"></div>
+</div>
+
+<div class="input-container">
+  <form (submit)="onSubmit($event)" class="message-form">
+    <div class="input-wrapper">
+      <mat-form-field appearance="outline">
+        <textarea matInput
+                 [formControl]="state.promptControl"
+                 [disabled]="(state.isProcessing$ | async) || true"
+                 placeholder="e.g. Get all users and their attributes"
+                 rows="3"
+                 cdkTextareaAutosize
+                 cdkAutosizeMinRows="1"
+                 cdkAutosizeMaxRows="6"
+                 (keydown.enter)="onInputKeyDownEnter($any($event))">
+        </textarea>
+        <button matSuffix
+                type="submit"
+                matIconButton
+                matTooltip="Send"
+                matTooltipShowDelay="500"
+                [disabled]="!state.promptControl.value || !(driver.database$ | async) || (state.isProcessing$ | async)"
+                [class.processing]="state.isProcessing$ | async">
+            <i class="fa-light fa-paper-plane-top"></i>
+        </button>
+      </mat-form-field>
+    </div>
+  </form>
+</div>
diff --git a/src/module/ai/vibe-query.component.scss b/src/module/ai/vibe-query.component.scss
new file mode 100644
index 000000000..42a60a532
--- /dev/null
+++ b/src/module/ai/vibe-query.component.scss
@@ -0,0 +1,197 @@
+/*!/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+@use "@angular/material" as mat;
+@use "colors";
+@use "media";
+@use "typography";
+@use "shapes";
+
+$card-header-height: 44px;
+
+:host {
+    height: calc(100% - #{$card-header-height});
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin: 0 auto;
+    width: 100%;
+
+    pre.error {
+        font-family: var(--font-family-default);
+    }
+
+    tp-code-snippet {
+        margin-bottom: 1rem;
+    }
+
+    tp-code-snippet, tp-code-snippet ::ng-deep .cs-root {
+        border-radius: shapes.$border-radius-small;
+    }
+}
+
+.messages {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    scroll-behavior: smooth;
+    scrollbar-width: thin;
+    padding-right: 16px;
+
+    .spacer {
+        height: 16px;
+    }
+}
+
+.message {
+    width: 100%;
+  display: flex;
+  align-self: flex-start;
+
+  &.user {
+      justify-content: flex-end;
+
+    .message-content {
+      background-color: var(--color-secondary-purple);
+      color: white;
+      border-radius: shapes.$border-radius-small;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+        padding: 0.75rem 1rem;
+        max-width: calc(100% - 44px);
+    }
+  }
+
+  &.ai {
+    .message-content {
+
+        width: 100%;
+      color: var(--fg1);
+    }
+  }
+}
+
+.message-avatar {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background-color: var(--bg3);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 0.75rem;
+    flex-shrink: 0;
+    align-self: flex-end;
+    margin-bottom: 0.5rem;
+
+    i {
+      font-size: 1rem;
+      color: var(--fg2);
+    }
+}
+
+.message-content {
+    position: relative;
+    word-wrap: break-word;
+}
+
+.message-text {
+    markdown {
+        white-space: normal;
+        overflow-wrap: break-word;
+    }
+
+    &.processing {
+        opacity: 0.8;
+    }
+}
+
+.error-message {
+    color: var(--color-grey);
+    font-size: 0.9rem;
+    padding: 0.5rem 0.75rem;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: shapes.$border-radius-small;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    i {
+        font-size: 1rem;
+        color: var(--color-red);
+    }
+}
+
+.input-container {
+    border-top: 1px solid var(--bg4);
+    background-color: var(--bg1);
+}
+
+.input-wrapper {
+    position: relative;
+    display: flex;
+    gap: 0.5rem;
+
+    mat-form-field {
+        background: var(--body-background);
+        flex: 1;
+
+        ::ng-deep .mat-mdc-notch-piece {
+            border-radius: 0;
+        }
+
+        ::ng-deep .mat-mdc-icon-button.mat-mdc-button-base {
+            --mat-icon-button-container-shape: #{shapes.$border-radius-small};
+            --mat-icon-button-state-layer-size: 32px;
+            margin-right: 12px;
+        }
+
+        textarea {
+            scrollbar-width: none;
+        }
+    }
+
+    .submit-spinner-container {
+        width: 16px;
+        height: 16px;
+    }
+}
+
+.welcome-content {
+    width: 100%;
+    margin: auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    text-wrap: balance;
+
+    i {
+        height: 48px;
+        width: 48px;
+        font-size: 48px;
+    }
+
+    h3 {
+        font-size: 24px;
+        line-height: 1.5;
+        margin-top: 1rem;
+    }
+
+    aside {
+        margin-top: 0.5rem;
+    }
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes bounce {
+    0%, 80%, 100% { transform: scale(0); }
+    40% { transform: scale(1); }
+}
diff --git a/src/module/ai/vibe-query.component.ts b/src/module/ai/vibe-query.component.ts
new file mode 100644
index 000000000..4dca25c6d
--- /dev/null
+++ b/src/module/ai/vibe-query.component.ts
@@ -0,0 +1,74 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { AsyncPipe, DatePipe } from "@angular/common";
+import { AfterViewChecked, Component, ElementRef, inject, OnInit, ViewChild } from "@angular/core";
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatButtonModule } from "@angular/material/button";
+import { MatButtonToggleModule } from "@angular/material/button-toggle";
+import { MatDividerModule } from "@angular/material/divider";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { MatIconModule } from "@angular/material/icon";
+import { MatInputModule } from "@angular/material/input";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MatSortModule } from "@angular/material/sort";
+import { MatTableModule } from "@angular/material/table";
+import { MatTreeModule } from "@angular/material/tree";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import { MatMenuModule } from "@angular/material/menu";
+import { TextFieldModule } from '@angular/cdk/text-field';
+import { CodeSnippetComponent } from "../../framework/code-snippet/code-snippet.component";
+import { SpinnerComponent } from "../../framework/spinner/spinner.component";
+import { DriverState } from "../../service/driver-state.service";
+import { VibeQueryState } from "../../service/vibe-query-state.service";
+import { MarkdownComponent, MarkdownPipe } from "ngx-markdown";
+
+@Component({
+    selector: "ts-vibe-query",
+    templateUrl: "vibe-query.component.html",
+    styleUrls: ["vibe-query.component.scss"],
+    standalone: true,
+    imports: [
+        CommonModule, AsyncPipe, FormsModule, ReactiveFormsModule, MatFormFieldModule,
+        MatInputModule, MatButtonModule, MatIconModule, MatTooltipModule, MatProgressSpinnerModule,
+        TextFieldModule, SpinnerComponent, CodeSnippetComponent, MarkdownComponent, MarkdownPipe
+    ]
+})
+export class VibeQueryComponent implements OnInit {
+
+    @ViewChild('messagesContainer') private messagesContainer!: ElementRef<HTMLDivElement>;
+    state = inject(VibeQueryState);
+    driver = inject(DriverState);
+
+    ngOnInit() {
+        this.state.messages$.subscribe(() => {
+            setTimeout(() => {
+                this.scrollToBottom();
+            });
+        });
+    }
+
+    onInputKeyDownEnter(event: KeyboardEvent) {
+        if (event.shiftKey) return;
+        this.onSubmit(event);
+    }
+
+    onSubmit(event: Event) {
+        event.preventDefault();
+        if (this.state.promptControl.value && !this.state.isProcessing$.value && this.driver.database$.value) {
+            this.state.submitPrompt();
+        }
+    }
+
+    private scrollToBottom(): void {
+        try {
+            this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;
+        } catch (err) {
+            console.error('Error scrolling to bottom:', err);
+        }
+    }
+}
diff --git a/src/module/connection/create/connection-creator.component.html b/src/module/connection/create/connection-creator.component.html
index 800411cff..7d6bd8337 100644
--- a/src/module/connection/create/connection-creator.component.html
+++ b/src/module/connection/create/connection-creator.component.html
@@ -62,7 +62,7 @@ <h1>Connect TypeDB server</h1>
       </div>
     }
     <div class="form-input-block">
-      <div class="form-input-row-description"><p>Specify a name for this connection</p></div>
+      <div class="form-input-row-description"><p>(Optional) Specify a name for this connection</p></div>
       <div>
         <tp-form-input [form]="form" field="name" label="Connection name"/>
       </div>
diff --git a/src/module/connection/create/connection-creator.component.ts b/src/module/connection/create/connection-creator.component.ts
index 1efceecda..32425f87d 100644
--- a/src/module/connection/create/connection-creator.component.ts
+++ b/src/module/connection/create/connection-creator.component.ts
@@ -54,7 +54,7 @@ export class ConnectionCreatorComponent {
         { value: true, viewValue: `Use address and credentials` },
         { value: false, viewValue: `Use connection URL` },
     ];
-    connectionUrlRevealed = true;
+    connectionUrlRevealed = false;
     connectionUrlPlaceholder = CONNECTION_URL_PLACEHOLDER;
     passwordRevealed = false;
 
@@ -145,13 +145,13 @@ export class ConnectionCreatorComponent {
 
     submit() {
         const config = this.buildConnectionConfigOrNull();
-        if (!config) throw INTERNAL_ERROR;
+        if (!config) throw new Error(INTERNAL_ERROR);
         this.form.disable();
         this.driver.tryConnect(config).subscribe({
             next: () => {
                 this.snackbar.success(`Connected to ${config.name}`);
                 this.router.navigate([this.appData.viewState.lastUsedToolRoute()]).then((navigated) => {
-                    if (!navigated) throw INTERNAL_ERROR;
+                    if (!navigated) throw new Error(INTERNAL_ERROR);
                 });
             },
             error: (err) => {
diff --git a/src/module/connection/transaction/transaction-control.component.ts b/src/module/connection/transaction/transaction-control.component.ts
index b18c57192..10b8d18b2 100644
--- a/src/module/connection/transaction/transaction-control.component.ts
+++ b/src/module/connection/transaction/transaction-control.component.ts
@@ -60,7 +60,7 @@ export class TransactionControlComponent {
     }
 
     open() {
-        if (!this.driver.transactionControls.value.type) throw INTERNAL_ERROR;
+        if (!this.driver.transactionControls.value.type) throw new Error(INTERNAL_ERROR);
         this.driver.openTransaction(this.driver.transactionControls.value.type).subscribe();
     }
 
diff --git a/src/module/query/query-page.component.html b/src/module/query/query-page.component.html
index 96655f149..dbc0bb6e0 100644
--- a/src/module/query/query-page.component.html
+++ b/src/module/query/query-page.component.html
@@ -1,29 +1,38 @@
 <ts-page-scaffold pageAvailability="ready">
   <article #articleRef class="query-page" style="display: flex; flex-direction: row;">
     <ts-schema-tool-window resizable [percent]="20"/>
-    <div class="main-panes" resizable [percent]="60" style="display: flex; flex-direction: column;">
-      <div resizable [percent]="40" class="query-pane card">
+    <div class="main-panes" resizable [percent]="60">
+      <div resizable [percent]="50" class="query-pane card">
         <div class="card-header">
-          <i class="fa-light fa-code"></i>
-          <h4>Query</h4>
-          <button mat-stroked-button [disabled]="!(state.runEnabled$ | async)"
-                  [matTooltip]="(state.runTooltip$ | async) || ''" matTooltipPosition="below"
-                  [matTooltipShowDelay]="(state.runDisabledReason$ | async) ? 0 : 500" (click)="runQuery()">
-            <i class="fa-light fa-play"></i>
-            <span>Run</span>
-          </button>
+          <h5>Query</h5>
+          <div>
+            <mat-button-toggle-group [formControl]="state.queryTypeControl">
+              @for (queryType of state.queryTypes; track queryType) {
+                <mat-button-toggle [value]="queryType">{{ queryType }}</mat-button-toggle>
+              }
+            </mat-button-toggle-group>
+          </div>
+          <div class="flex-spacer"></div>
+          @if (state.queryTypeControl.value === 'code') {
+            <button mat-stroked-button [disabled]="!(state.runEnabled$ | async)"
+                    [matTooltip]="(state.runTooltip$ | async) || ''" matTooltipPosition="below"
+                    [matTooltipShowDelay]="(state.runDisabledReason$ | async) ? 0 : 500" (click)="runQuery()">
+              <i class="fa-light fa-play"></i>
+              <span>Run</span>
+            </button>
+          }
         </div>
-        <div class="code-editor-container">
+        <div class="code-editor-container" [hidden]="state.queryTypeControl.value !== 'code'">
           @if (!codeEditorHidden) {
             <code-editor [extensions]="[codeEditorTheme, TypeQL(), typeqlAutocompleteExtension(), editorKeymap]"
-                         [formControl]="state.queryControl"/>
+                         [formControl]="state.queryEditorControl"/>
           }
         </div>
+        <ts-vibe-query class="ai-assistant-pane" [hidden]="state.queryTypeControl.value !== 'chat'"/>
       </div>
-      <div resizable [percent]="60" class="run-pane card">
+      <div resizable [percent]="50" class="results-pane card">
         <div class="card-header">
-          <i class="fa-light fa-arrow-progress"></i>
-          <h4>Output</h4>
+          <h5>Results</h5>
           <div>
             <mat-button-toggle-group [formControl]="state.outputTypeControl" [matTooltip]="(state.outputDisabledReason$ | async) || ''" matTooltipPosition="below">
               @for (outputType of state.outputTypes; track outputType) {
@@ -117,48 +126,49 @@ <h4>Output</h4>
         }
       </div>
     </div>
-    <div resizable [percent]="20" class="history-pane card">
-      <div class="card-header">
-        <i class="fa-light fa-notebook"></i>
-        <h4>History</h4>
-      </div>
-      <div class="history-container">
-        <ol>
-          @for (entry of state.history.entries; track entry) {
-            <li class="history-entry">
-              <aside class="text-muted">
-                <time>{{ entry.startedAtTimestamp | date:'shortTime' }}</time>
-                <span class="bullet">•</span>
-                @if (isTransactionOperation(entry)) {
-                  <p class="transaction-operation-type">{{ transactionOperationString(entry) }}</p>
-                } @else {
-                  <p class="transaction-operation-type">ran query</p>
-                }
-                <span class="flex-spacer"></span>
-                <div class="action-status">
-                  @if (entry.status === "pending") {
-                    <tp-spinner [size]="14"/>
+    <div resizable [percent]="20" class="right-panes">
+      <div class="history-pane card">
+        <div class="card-header">
+          <h5>History</h5>
+        </div>
+        <div class="history-container">
+          <ol>
+            @for (entry of state.history.entries; track entry) {
+              <li class="history-entry">
+                <aside class="text-muted">
+                  <time>{{ entry.startedAtTimestamp | date:'shortTime' }}</time>
+                  <span class="bullet">•</span>
+                  @if (isTransactionOperation(entry)) {
+                    <p class="transaction-operation-type">{{ transactionOperationString(entry) }}</p>
                   } @else {
-                    <span>{{ actionDurationString(entry) }}</span>
-                    @if (entry.status === "success") {
-                      <i class="fa-light fa-check"></i>
+                    <p class="transaction-operation-type">ran query</p>
+                  }
+                  <span class="flex-spacer"></span>
+                  <div class="action-status">
+                    @if (entry.status === "pending") {
+                      <tp-spinner [size]="14"/>
                     } @else {
-                      <i class="fa-light fa-xmark" richTooltip [richTooltipContent]="historyEntryErrorTooltip(entry)" (click)="copyHistoryEntryErrorTooltip(entry)"></i>
+                      <span>{{ actionDurationString(entry) }}</span>
+                      @if (entry.status === "success") {
+                        <i class="fa-light fa-check"></i>
+                      } @else {
+                        <i class="fa-light fa-xmark" richTooltip [richTooltipContent]="historyEntryErrorTooltip(entry)" (click)="copyHistoryEntryErrorTooltip(entry)"></i>
+                      }
                     }
-                  }
-                </div>
-              </aside>
-              @if (isQueryRun(entry)) {
-                <mat-form-field>
-                  <textarea class="history-query-text" [value]="queryHistoryPreview(entry.query)" readonly matInput
-                            cdkTextareaAutosize #autosize="cdkTextareaAutosize" cdkAutosizeMinRows="1" cdkAutosizeMaxRows="3">
-                  </textarea>
-                </mat-form-field>
-              }
-            </li>
-          }
-        </ol>
+                  </div>
+                </aside>
+                @if (isQueryRun(entry)) {
+                  <mat-form-field>
+                    <textarea class="history-query-text" [value]="queryHistoryPreview(entry.query)" readonly matInput
+                              cdkTextareaAutosize #autosize="cdkTextareaAutosize" cdkAutosizeMinRows="1" cdkAutosizeMaxRows="3">
+                    </textarea>
+                  </mat-form-field>
+                }
+              </li>
+            }
+          </ol>
+        </div>
       </div>
     </div>
   </article>
-</ts-page-scaffold>
+</ts-page-scaffold>
\ No newline at end of file
diff --git a/src/module/query/query-page.component.scss b/src/module/query/query-page.component.scss
index 1305a998b..49d5010bf 100644
--- a/src/module/query/query-page.component.scss
+++ b/src/module/query/query-page.component.scss
@@ -27,20 +27,24 @@
 }
 
 .main-panes {
-    flex: 1;
-    gap: 4px !important;
-
     @media (max-width: media.$max-width-mobile) {
         margin-left: -8px;
     }
 }
 
-.history-pane, .query-pane, .run-pane {
+.main-panes, .right-panes {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px !important;
+}
+
+.history-pane, .query-pane, .results-pane {
     display: flex;
     flex-direction: column;
 }
 
-.run-pane mat-form-field {
+.results-pane mat-form-field {
     height: 100%;
 }
 
@@ -64,160 +68,11 @@
     }
 }
 
-.card-header {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    margin-bottom: 12px;
-    height: 32px;
-
-    .card-header-actions {
-        display: flex;
-        gap: 4px;
-    }
-}
-
 .schema-pane {
     display: flex;
     flex-direction: column;
 }
 
-.schema-container {
-    flex: 1;
-    display: flex;
-    overflow: auto;
-    scrollbar-gutter: stable;
-    overscroll-behavior: contain;
-
-    .gutter {
-        flex: 0 0 16px;
-    }
-
-    &.scrolled {
-        border-top: 1px solid colors.$black;
-    }
-
-    mat-tree {
-        padding: 0;
-        box-sizing: border-box;
-        height: 100%;
-        margin: 0;
-
-        .mat-mdc-icon-button {
-            margin: 0;
-            padding: 0;
-            width: 1em;
-            height: 1em;
-        }
-
-        mat-tree-node.link.sub {
-            button::before {
-                content: "";
-                font-family: "Font Awesome 6 Pro";
-                font-weight: 900;
-                position: absolute;
-                width: 8px;
-                height: 8px;
-                font-size: 8px;
-            }
-
-            &.entityType button::before {
-                color: colors.$entity-pink;
-            }
-
-            &.attributeType button::before {
-                color: colors.$attribute-blue;
-            }
-
-            &.relationType button::before {
-                color: colors.$relation-yellow;
-            }
-        }
-
-        mat-tree-node.root:not(.entities) {
-            --mat-tree-node-min-height: 46px;
-            padding-top: 16px;
-        }
-
-        mat-tree-node.root button mat-icon {
-            display: none;
-        }
-
-        mat-tree-node.root.entities button::before {
-            content: "";
-            font-family: "Font Awesome 6 Pro";
-            font-weight: 900;
-            position: absolute;
-            width: 8px;
-            height: 8px;
-            font-size: 8px;
-            color: colors.$entity-pink;
-        }
-
-        mat-tree-node.link.owns button::before, mat-tree-node.root.attributes button::before {
-            content: "";
-            font-family: "Font Awesome 6 Pro";
-            font-weight: 900;
-            position: absolute;
-            width: 8px;
-            height: 8px;
-            font-size: 8px;
-            color: colors.$attribute-blue;
-        }
-
-        mat-tree-node.link.plays button::before, mat-tree-node.root.relations button::before {
-            content: "";
-            font-family: "Font Awesome 6 Pro";
-            font-weight: 900;
-            position: absolute;
-            width: 8px;
-            height: 8px;
-            font-size: 8px;
-            color: colors.$relation-yellow;
-        }
-
-        mat-tree-node.link.relates button::before {
-            content: "";
-            font-family: "Font Awesome 6 Pro";
-            font-weight: 900;
-            position: absolute;
-            width: 12px;
-            height: 12px;
-            font-size: 12px;
-            color: colors.$role-orange;
-        }
-
-        &.flat {
-            mat-tree-node.link {
-                margin-left: 16px;
-                padding-left: 16px !important; /* overrides Angular Material's default padding */
-                padding-right: 8px;
-                align-items: stretch;
-                border-bottom: 1px solid colors.$light-purple;
-                border-left: 1px solid colors.$light-purple;
-                border-right: 1px solid colors.$light-purple;
-                font-weight: typography.$light;
-
-                button {
-                    margin-right: 2px;
-                }
-
-                &:nth-child(odd) {
-                    background: colors.$black;
-                }
-
-                &:nth-child(even) {
-                    background: colors.$purple;
-                }
-            }
-
-            mat-tree-node:not(.link) + mat-tree-node.link {
-                border-top: 1px solid colors.$light-purple;
-            }
-        }
-    }
-}
-
 mat-form-field {
     width: 100%;
 }
@@ -244,6 +99,7 @@ button {
 .code-editor-container {
     height: 100%;
     overflow: auto;
+    scrollbar-width: thin;
     border: 1px solid colors.$light-purple;
     background: colors.$black;
 
@@ -264,6 +120,7 @@ button {
     position: absolute;
     inset: 0;
     overflow: auto;
+    scrollbar-width: thin;
 }
 
 .answers-structure-container {
@@ -303,6 +160,7 @@ button {
     .answers-text-box {
         height: 100% !important;
         resize: none;
+        scrollbar-width: thin;
         @include typography.code;
     }
 }
@@ -347,6 +205,8 @@ button {
 }
 
 .history-pane {
+    flex: 1;
+
     @media (max-width: media.$max-width-mobile) {
         display: none;
     }
@@ -355,6 +215,7 @@ button {
         height: 100%;
         width: 100%;
         overflow: auto;
+        scrollbar-width: thin;
     }
 
     ol li {
diff --git a/src/module/query/query-page.component.ts b/src/module/query/query-page.component.ts
index 7c36d2fae..8abc390a6 100644
--- a/src/module/query/query-page.component.ts
+++ b/src/module/query/query-page.component.ts
@@ -6,7 +6,7 @@
 
 import { CodeEditor } from "@acrodata/code-editor";
 import { AsyncPipe, DatePipe } from "@angular/common";
-import { AfterViewInit, Component, ElementRef, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from "@angular/core";
+import { AfterViewInit, Component, ElementRef, inject, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { MatButtonModule } from "@angular/material/button";
 import { MatButtonToggleModule } from "@angular/material/button-toggle";
@@ -29,8 +29,9 @@ import { SpinnerComponent } from "../../framework/spinner/spinner.component";
 import { RichTooltipDirective } from "../../framework/tooltip/rich-tooltip.directive";
 import { AppData } from "../../service/app-data.service";
 import { DriverState } from "../../service/driver-state.service";
-import { QueryToolState } from "../../service/query-tool-state.service";
+import { QueryPageState } from "../../service/query-tool-state.service";
 import { SnackbarService } from "../../service/snackbar.service";
+import { VibeQueryComponent } from "../ai/vibe-query.component";
 import { DatabaseSelectDialogComponent } from "../database/select-dialog/database-select-dialog.component";
 import { PageScaffoldComponent } from "../scaffold/page/page-scaffold.component";
 import { keymap } from "@codemirror/view";
@@ -47,7 +48,7 @@ import { SchemaToolWindowComponent } from "../schema/tool-window/schema-tool-win
         RouterLink, AsyncPipe, PageScaffoldComponent, MatDividerModule, MatFormFieldModule, MatIconModule,
         MatInputModule, FormsModule, ReactiveFormsModule, MatButtonToggleModule, CodeEditor, ResizableDirective,
         DatePipe, SpinnerComponent, MatTableModule, MatSortModule, MatTooltipModule, MatButtonModule, RichTooltipDirective,
-        MatMenuModule, SchemaToolWindowComponent,
+        MatMenuModule, SchemaToolWindowComponent, VibeQueryComponent,
     ]
 })
 export class QueryPageComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -56,6 +57,13 @@ export class QueryPageComponent implements OnInit, AfterViewInit, OnDestroy {
     @ViewChild("articleRef") articleRef!: ElementRef<HTMLElement>;
     @ViewChildren("graphViewRef") graphViewRef!: QueryList<ElementRef<HTMLElement>>;
     @ViewChildren(ResizableDirective) resizables!: QueryList<ResizableDirective>;
+
+    state = inject(QueryPageState);
+    driver = inject(DriverState);
+    private appData = inject(AppData);
+    private snackbar = inject(SnackbarService);
+    private dialog = inject(MatDialog);
+
     readonly codeEditorTheme = basicDark;
     codeEditorHidden = true;
     editorKeymap = Prec.highest(keymap.of([
@@ -70,12 +78,6 @@ export class QueryPageComponent implements OnInit, AfterViewInit, OnDestroy {
         indentWithTab,
     ]));
 
-    constructor(
-        public state: QueryToolState, public driver: DriverState,
-        private appData: AppData, private snackbar: SnackbarService, private dialog: MatDialog,
-    ) {
-    }
-
     ngOnInit() {
         this.appData.viewState.setLastUsedTool("query");
         this.renderCodeEditorWithDelay();
@@ -89,10 +91,6 @@ export class QueryPageComponent implements OnInit, AfterViewInit, OnDestroy {
     }
 
     ngAfterViewInit() {
-        const articleWidth = this.articleRef.nativeElement.clientWidth;
-        this.resizables.first.percent = (articleWidth * 0.15 + 100) / articleWidth * 100;
-        this.resizables.last.percent = (articleWidth * 0.15 + 100) / articleWidth * 100;
-
         this.graphViewRef.changes.pipe(
             map(x => x as QueryList<ElementRef<HTMLElement>>),
             startWith(this.graphViewRef),
diff --git a/src/module/schema/schema-page.component.html b/src/module/schema/schema-page.component.html
index 9c68c1c2c..b4ad02f97 100644
--- a/src/module/schema/schema-page.component.html
+++ b/src/module/schema/schema-page.component.html
@@ -3,8 +3,7 @@
     <ts-schema-tool-window resizable [percent]="20"/>
     <div class="visualiser-pane card" resizable [percent]="80">
       <div class="card-header">
-        <i class="fa-light fa-circles-overlap-3"></i>
-        <h4>Schema Visualizer</h4>
+        <h5>Schema Visualizer</h5>
         <div class="flex-spacer"></div>
         <button mat-stroked-button [disabled]="!(state.interactable$ | async)"
                 [matTooltip]="(state.interactionDisabledReason$ | async) || ''" matTooltipPosition="below" (click)="state.refresh()">
diff --git a/src/module/schema/schema-page.component.scss b/src/module/schema/schema-page.component.scss
index 3ff42a553..b8b14d215 100644
--- a/src/module/schema/schema-page.component.scss
+++ b/src/module/schema/schema-page.component.scss
@@ -47,14 +47,6 @@
     padding: 16px;
 }
 
-.card-header {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    margin-bottom: 12px;
-    height: 32px;
-}
-
 mat-form-field {
     width: 100%;
 }
diff --git a/src/module/schema/text-dialog/schema-text-dialog.component.scss b/src/module/schema/text-dialog/schema-text-dialog.component.scss
index 769f77e58..346be129b 100644
--- a/src/module/schema/text-dialog/schema-text-dialog.component.scss
+++ b/src/module/schema/text-dialog/schema-text-dialog.component.scss
@@ -4,22 +4,14 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
- @use "shapes";
+@use "shapes";
 
- tp-code-snippet {
-    border: shapes.$border;
-    
-    ::ng-deep .cs-root {
-        background: var(--body-background);
-    }
- }
-
- tp-modal {
+tp-modal {
     display: flex;
     flex-direction: column;
- }
+}
 
- tp-modal ::ng-deep .mat-mdc-dialog-content {
+tp-modal ::ng-deep .mat-mdc-dialog-content {
     display: flex;
     flex-direction: column;
- }
+}
diff --git a/src/module/schema/tool-window/schema-tool-window.component.html b/src/module/schema/tool-window/schema-tool-window.component.html
index 43257c23a..9b327f7f1 100644
--- a/src/module/schema/tool-window/schema-tool-window.component.html
+++ b/src/module/schema/tool-window/schema-tool-window.component.html
@@ -1,7 +1,6 @@
 <div class="card-header-wrapper">
   <div class="card-header">
-    <i class="fa-light fa-vector-square"></i>
-    <h4>{{ title }}</h4>
+    <h5>{{ title }}</h5>
     <div class="flex-spacer"></div>
     <div class="card-header-actions">
       <button matIconButton [disabled]="!(state.schema.interactable$ | async)"
diff --git a/src/module/schema/tool-window/schema-tool-window.component.scss b/src/module/schema/tool-window/schema-tool-window.component.scss
index b27ce7522..3052f6c22 100644
--- a/src/module/schema/tool-window/schema-tool-window.component.scss
+++ b/src/module/schema/tool-window/schema-tool-window.component.scss
@@ -32,24 +32,12 @@
     }
 }
 
-.card-header {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    margin-bottom: 12px;
-    height: 32px;
-
-    .card-header-actions {
-        display: flex;
-        gap: 4px;
-    }
-}
-
 .schema-container {
     flex: 1;
     display: flex;
     overflow: auto;
     scrollbar-gutter: stable;
+    scrollbar-width: thin;
     overscroll-behavior: contain;
 
     .gutter {
diff --git a/src/module/schema/tree-node/schema-tree-node.component.scss b/src/module/schema/tree-node/schema-tree-node.component.scss
index 41dee5e3d..83458edd0 100644
--- a/src/module/schema/tree-node/schema-tree-node.component.scss
+++ b/src/module/schema/tree-node/schema-tree-node.component.scss
@@ -8,6 +8,5 @@
 @use "typography";
 
 .root-node {
-    font-weight: typography.$bold;
-    text-transform: capitalize;
+    font-weight: typography.$regular;
 }
diff --git a/src/module/user/users-page.component.scss b/src/module/user/users-page.component.scss
index 8a235c042..6f8245245 100644
--- a/src/module/user/users-page.component.scss
+++ b/src/module/user/users-page.component.scss
@@ -47,14 +47,6 @@ h1 {
     padding: 16px;
 }
 
-.card-header {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    margin-bottom: 24px;
-    height: 32px;
-}
-
 a.external-link {
     display: inline-flex;
     align-items: center;
diff --git a/src/root.component.ts b/src/root.component.ts
index 0572f2b5a..34bcb010e 100644
--- a/src/root.component.ts
+++ b/src/root.component.ts
@@ -4,9 +4,8 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { AfterViewInit, Component, OnInit } from "@angular/core";
+import { Component, OnInit } from "@angular/core";
 import { SpinnerComponent } from "./framework/spinner/spinner.component";
-import { INTERNAL_ERROR } from "./framework/util/strings";
 import { AnalyticsService } from "./service/analytics.service";
 import { GuardsCheckEnd, GuardsCheckStart, NavigationCancel, Router, RouterOutlet, Event as RouterEvent, NavigationEnd } from "@angular/router";
 import { EMPTY, filter, of, switchMap } from "rxjs";
@@ -21,7 +20,7 @@ import { SnackbarService } from "./service/snackbar.service";
     styleUrls: ["root.component.scss"],
     imports: [RouterOutlet, SpinnerComponent, AsyncPipe]
 })
-export class RootComponent implements OnInit, AfterViewInit {
+export class RootComponent implements OnInit {
     routeIsLoading$ = this.router.events.pipe(
         switchMap((event) => {
             if (event instanceof GuardsCheckStart) {
@@ -35,7 +34,7 @@ export class RootComponent implements OnInit, AfterViewInit {
     );
     initialised = false;
 
-    constructor(private analytics: AnalyticsService, private router: Router, private appData: AppData, private driver: DriverState, private snackbar: SnackbarService) {
+    constructor(analytics: AnalyticsService, private router: Router, private appData: AppData, private driver: DriverState, private snackbar: SnackbarService) {
         this.informAnalyticsOnPageView(router, analytics);
     }
 
@@ -64,8 +63,4 @@ export class RootComponent implements OnInit, AfterViewInit {
             this.initialised = true;
         }
     }
-
-    ngAfterViewInit() {
-        this.analytics.google.loadScriptTag();
-    }
 }
diff --git a/src/service/analytics.service.ts b/src/service/analytics.service.ts
index 52bca19bd..03e9f9cb7 100644
--- a/src/service/analytics.service.ts
+++ b/src/service/analytics.service.ts
@@ -9,16 +9,6 @@ import { environment } from "../environments/environment";
 import posthog, { Properties } from "posthog-js/dist/module.no-external";
 import { AnalyticsBrowser, ID as CioID, UserTraits } from "@customerio/cdp-analytics-browser";
 
-const GOOGLE_TAG_ID = "G-SNVZCNLJ9R"; // used by Google Analytics
-const adConversionIds = {
-    signup: "AW-340366363/3eLoCMq7mvUYEJuopqIB",
-    createProfile: "AW-340366363/KNEVCLDkqc8ZEJuopqIB",
-    submitProjectInfo: "AW-340366363/IEawCLPkqc8ZEJuopqIB",
-    joinOrg: "AW-340366363/lQbJCLbkqc8ZEJuopqIB",
-    deployFreeCluster: "AW-340366363/cl4HCO6Qr88ZEJuopqIB",
-    deployPaidCluster: "AW-340366363/LGo1CPGQr88ZEJuopqIB",
-} as const satisfies Record<string, string>;
-
 @Injectable({
     providedIn: "root",
 })
@@ -66,23 +56,4 @@ export class AnalyticsService {
             this._cio.reset();
         },
     };
-
-    google = {
-        loadScriptTag: () => {
-            if (environment.env !== "production") return;
-            const scriptEl = document.createElement("script");
-            scriptEl.src = `https://www.googletagmanager.com/gtag/js?id=${GOOGLE_TAG_ID}`;
-            const scriptEl2 = document.createElement("script");
-            scriptEl2.innerHTML = `window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-        gtag('config', '${GOOGLE_TAG_ID}');`;
-            document.head.appendChild(scriptEl);
-            document.head.appendChild(scriptEl2);
-        },
-        reportAdConversion: (event: keyof typeof adConversionIds) => {
-            if (environment.env !== "production") return;
-            window.gtag("event", "conversion", { send_to: adConversionIds[event] });
-        },
-    };
 }
diff --git a/src/service/cloud.service.ts b/src/service/cloud.service.ts
new file mode 100644
index 000000000..7d1f241b1
--- /dev/null
+++ b/src/service/cloud.service.ts
@@ -0,0 +1,32 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { Injectable } from "@angular/core";
+import { Observable } from "rxjs";
+import { environment } from "../environments/environment";
+import { HttpClient } from "@angular/common/http";
+
+export interface ChatMessage {
+    role: ChatRole;
+    content: string;
+}
+
+export type ChatRole = "user" | "assistant" | "system";
+
+export interface VibeQueryResponse {
+    response: string;
+}
+
+@Injectable({
+    providedIn: "root",
+})
+export class CloudService {
+    constructor(private http: HttpClient) {}
+
+    vibeQuery(schema: string, conversation: ChatMessage[]): Observable<VibeQueryResponse> {
+        return this.http.post<VibeQueryResponse>(`${environment.cloudUrl}/ai/vibe-query`, { schema, conversation });
+    }
+}
diff --git a/src/service/driver-state.service.ts b/src/service/driver-state.service.ts
index 11a602e83..43d39ed03 100644
--- a/src/service/driver-state.service.ts
+++ b/src/service/driver-state.service.ts
@@ -111,7 +111,7 @@ export class DriverState {
 
     private requireDriver() {
         if (this.driver) return this.driver;
-        else throw INTERNAL_ERROR;
+        else throw new Error(INTERNAL_ERROR);
     }
 
     tryConnect(config: ConnectionConfig): Observable<ConnectionConfig> {
@@ -163,8 +163,8 @@ export class DriverState {
     }
 
     tryDisconnect(lockId = uuid()) {
-        if (this._status$.value === "disconnected") throw INTERNAL_ERROR;
-        if (this._transaction$.value?.hasUncommittedChanges) throw INTERNAL_ERROR;
+        if (this._status$.value === "disconnected") throw new Error(INTERNAL_ERROR);
+        if (this._transaction$.value?.hasUncommittedChanges) throw new Error(INTERNAL_ERROR);
         this.appData.connections.clearStartupConnection();
         const maybeCloseTransaction$ = this._transaction$.value ? this.closeTransaction(lockId) : of({});
         return maybeCloseTransaction$.pipe(tap(() => this.tryUseWriteLock(() => {
@@ -209,7 +209,7 @@ export class DriverState {
         }
 
         const savedDatabase = this._databaseList$.value?.find(x => x.name === database.name);
-        if (!savedDatabase) throw INTERNAL_ERROR;
+        if (!savedDatabase) throw new Error(INTERNAL_ERROR);
         else this.tryUseWriteLock(() => {
             this.database$.next(savedDatabase);
             const currentConnection = this.requireConnection();
diff --git a/src/service/error-handler.service.ts b/src/service/error-handler.service.ts
index 3bc925073..90cc81a96 100644
--- a/src/service/error-handler.service.ts
+++ b/src/service/error-handler.service.ts
@@ -13,7 +13,8 @@ export class StudioErrorHandler implements ErrorHandler {
         console.error(err);
 
         let msg = ``;
-        if (isApiErrorResponse(err)) {
+        // TODO: delete object check once we upgrade typedb-driver-http
+        if (typeof err === "object" && isApiErrorResponse(err)) {
             msg = err.err.message;
         } else {
             msg = err?.message ?? err?.toString() ?? `Unknown error`;
diff --git a/src/service/query-tool-state.service.ts b/src/service/query-tool-state.service.ts
index 3633b6146..3393cd26d 100644
--- a/src/service/query-tool-state.service.ts
+++ b/src/service/query-tool-state.service.ts
@@ -21,6 +21,7 @@ import {
     ApiResponse, Attribute, Concept, ConceptDocument, ConceptRow, isApiErrorResponse, QueryResponse, Value
 } from "typedb-driver-http";
 
+export type QueryType = "code" | "chat";
 export type OutputType = "raw" | "log" | "table" | "graph";
 
 const NO_SERVER_CONNECTED = `No server connected`;
@@ -34,9 +35,11 @@ const RUN_KEY_BINDING = detectOS() === "mac" ? "⌘+Enter" : "Ctrl+Enter";
 @Injectable({
     providedIn: "root",
 })
-export class QueryToolState {
+export class QueryPageState {
 
-    queryControl = new FormControl("", {nonNullable: true});
+    queryTypeControl = new FormControl("code" as QueryType, {nonNullable: true});
+    queryTypes: QueryType[] = ["code", "chat"];
+    queryEditorControl = new FormControl("", {nonNullable: true});
     outputTypeControl = new FormControl("log" as OutputType, { nonNullable: true });
     outputTypes: OutputType[] = ["log", "table", "graph", "raw"];
     readonly logOutput = new LogOutputState();
@@ -47,12 +50,12 @@ export class QueryToolState {
     answersOutputEnabled = true;
     readonly runDisabledReason$ = combineLatest([
         this.driver.status$, this.driver.database$, this.driver.transactionOperationModeChanges$,
-        this.driver.transaction$, this.queryControl.valueChanges.pipe(startWith(this.queryControl.value))
+        this.driver.transaction$, this.queryEditorControl.valueChanges.pipe(startWith(this.queryEditorControl.value))
     ]).pipe(map(([status, db, txMode, tx, _query]) => {
         if (status !== "connected") return NO_SERVER_CONNECTED;
         else if (db == null) return NO_DATABASE_SELECTED;
         else if (txMode === "manual" && !tx) return NO_OPEN_TRANSACTION;
-        else if (!this.queryControl.value.length) return QUERY_BLANK; // _query becomes blank after a page navigation for some reason
+        else if (!this.queryEditorControl.value.length) return QUERY_BLANK; // _query becomes blank after a page navigation for some reason
         else return null;
     }), shareReplay(1));
     readonly runTooltip$ = this.runDisabledReason$.pipe(map(x => x ? x : `Run query (${RUN_KEY_BINDING})`));
@@ -71,14 +74,11 @@ export class QueryToolState {
     // TODO: LIMIT 1000 by default, configurable
 
     runQuery() {
-        const query = this.queryControl.value;
+        const query = this.queryEditorControl.value;
         this.initialiseOutput(query);
         this.driver.query(query).subscribe({
             next: (res) => {
                 this.outputQueryResponse(res);
-                if (isApiErrorResponse(res)) {
-                    this.snackbar.errorPersistent(res.err.message);
-                }
             },
             error: (err) => {
                 this.driver.checkHealth().subscribe({
@@ -277,7 +277,7 @@ export class LogOutputState {
                 break;
             }
             default:
-                throw INTERNAL_ERROR;
+                throw new Error(INTERNAL_ERROR);
         }
         this.appendLines(...lines);
         this.appendBlankLine();
@@ -378,7 +378,7 @@ export class TableOutputState {
                 break;
             }
             default:
-                throw INTERNAL_ERROR;
+                throw new Error(INTERNAL_ERROR);
         }
     }
 
@@ -498,7 +498,7 @@ export class GraphOutputState {
                 break;
             }
             default:
-                throw INTERNAL_ERROR;
+                throw new Error(INTERNAL_ERROR);
         }
     }
 
diff --git a/src/service/vibe-query-state.service.ts b/src/service/vibe-query-state.service.ts
new file mode 100644
index 000000000..a54cea603
--- /dev/null
+++ b/src/service/vibe-query-state.service.ts
@@ -0,0 +1,161 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { Injectable } from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { BehaviorSubject, switchMap } from "rxjs";
+import { isOkResponse } from "typedb-driver-http";
+import { INTERNAL_ERROR } from "../framework/util/strings";
+import { ChatMessage, CloudService } from "./cloud.service";
+import { DriverState } from "./driver-state.service";
+
+/**
+ * Represents a message in the AI assistant conversation
+ */
+interface Message {
+    content: MessageChunk[];
+    sender: 'user' | 'ai';
+    timestamp: Date;
+    isProcessing?: boolean;
+    error?: string;
+}
+
+interface MessageChunk {
+    type: 'text' | 'code';
+    content: string;
+    language?: string;
+}
+
+class StreamingMarkdownParser {
+    private buffer = '';
+    private insideCode = false;
+    private currentLang = '';
+
+    parseChunk(chunk: string): MessageChunk[] {
+        this.buffer += chunk;
+        const segments: MessageChunk[] = [];
+
+        while (true) {
+            if (!this.insideCode) {
+                const codeStart = this.buffer.indexOf('```');
+                if (codeStart === -1) break;
+
+                if (codeStart > 0) {
+                    segments.push({ type: 'text', content: this.buffer.slice(0, codeStart) });
+                }
+
+                const endOfLine = this.buffer.indexOf('\n', codeStart);
+                this.currentLang = endOfLine !== -1 ? this.buffer.slice(codeStart + 3, endOfLine).trim() : '';
+                this.buffer = endOfLine !== -1 ? this.buffer.slice(endOfLine + 1) : '';
+                this.insideCode = true;
+            } else {
+                const codeEnd = this.buffer.indexOf('```');
+                if (codeEnd === -1) break;
+
+                segments.push({ type: 'code', language: this.currentLang || 'plaintext', content: this.buffer.slice(0, codeEnd) });
+                this.buffer = this.buffer.slice(codeEnd + 3);
+                this.insideCode = false;
+                this.currentLang = '';
+            }
+        }
+
+        segments.push({ type: 'text', content: this.buffer });
+        return segments;
+    }
+
+    flush(): MessageChunk[] {
+        if (this.buffer.length === 0) return [];
+        const segs: MessageChunk[] = [];
+        if (this.insideCode) {
+            segs.push({ type: 'code', language: this.currentLang || 'plaintext', content: this.buffer });
+        } else {
+            segs.push({ type: 'text', content: this.buffer });
+        }
+        this.buffer = '';
+        return segs;
+    }
+}
+
+@Injectable({
+    providedIn: "root",
+})
+export class VibeQueryState {
+
+    messages$ = new BehaviorSubject<Message[]>([]);
+    isProcessing$ = new BehaviorSubject<boolean>(false);
+    promptControl = new FormControl("", {nonNullable: true});
+
+    constructor(private cloud: CloudService, private driver: DriverState) {
+    }
+
+    submitPrompt(): void {
+        const prompt = this.promptControl.value;
+        if (!prompt?.length) return;
+        if (this.isProcessing$.value) throw new Error(INTERNAL_ERROR);
+        this.isProcessing$.next(true);
+
+        const conversation = [
+            ...this.messages$.value.map((msg) => ({
+                role: msg.sender === "user" ? "user" : "assistant",
+                content: msg.content.map((chunk) => chunk.content).join("\n\n"),
+            })),
+            { role: "user", content: prompt },
+        ] as ChatMessage[];
+
+        const userMsg: Message = {
+            content: [{ type: "text", content: prompt }],
+            sender: "user",
+            timestamp: new Date()
+        };
+        const aiMsg: Message = {
+            content: [],
+            sender: "ai",
+            timestamp: new Date(),
+            isProcessing: true
+        };
+        this.messages$.value.push(userMsg, aiMsg);
+        this.messages$.next(...[this.messages$.value]);
+        this.promptControl.patchValue("");
+
+        const parser = new StreamingMarkdownParser();
+
+        try {
+            this.driver.getDatabaseSchemaText().pipe(
+                switchMap((res) => {
+                    if (isOkResponse(res)) return this.cloud.vibeQuery(res.ok, conversation);
+                    else throw res;
+                }),
+            ).subscribe({
+                next: (res) => {
+                    const aiMsg = this.messages$.value[this.messages$.value.length - 1];
+                    if (aiMsg.sender !== "ai") throw new Error(INTERNAL_ERROR);
+                    aiMsg.content = parser.parseChunk(res.response);
+                    aiMsg.isProcessing = false;
+                    aiMsg.timestamp = new Date();
+                    this.messages$.next(...[this.messages$.value]);
+                },
+                error: (err) => {
+                    console.error(err);
+                    aiMsg.error = err?.err?.message ?? err?.message ?? err?.toString() ?? INTERNAL_ERROR;
+                    aiMsg.isProcessing = false;
+                    aiMsg.timestamp = new Date();
+                    this.messages$.next(...[this.messages$.value]);
+                    this.isProcessing$.next(false);
+                },
+                complete: () => {
+                    this.isProcessing$.next(false);
+                },
+            });
+        } catch (err: any) {
+            console.error(err);
+            aiMsg.error = err?.err?.message ?? err?.message ?? err?.toString() ?? INTERNAL_ERROR;
+            aiMsg.isProcessing = false;
+            aiMsg.timestamp = new Date();
+            this.messages$.next(...[this.messages$.value]);
+            this.isProcessing$.next(false);
+        }
+    }
+}
diff --git a/styles/base.scss b/styles/base.scss
index 6956a751f..ca81f855e 100644
--- a/styles/base.scss
+++ b/styles/base.scss
@@ -153,9 +153,14 @@ h5 {
     @include typography.h5;
 }
 
+.text-h3 {
+    font-size: var(--font-size-h3);
+    line-height: var(--line-height-h3);
+}
+
 .text-p1 {
-    font-size: 18px;
-    line-height: 26px;
+    font-size: var(--font-size-p1);
+    line-height: var(--line-height-p1);
 }
 
 .text-p2 {
@@ -392,6 +397,10 @@ th {
     flex: 3;
 }
 
+[hidden] {
+    display: none !important;
+}
+
 .invisible {
     visibility: hidden;
     pointer-events: none;
@@ -447,6 +456,24 @@ button i + span, button span + i {
     }
 }
 
+.card-header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    margin-bottom: 12px;
+    height: 32px;
+    min-height: 32px;
+
+    h5 {
+        font-weight: var(--font-weight-bold);
+    }
+
+    .card-header-actions {
+        display: flex;
+        gap: 4px;
+    }
+}
+
 .action-bar {
     flex: 0 0 49px;
     display: flex;
diff --git a/typedb-web b/typedb-web
index 641c9baf7..6cd9857b8 160000
--- a/typedb-web
+++ b/typedb-web
@@ -1 +1 @@
-Subproject commit 641c9baf73b641835ba968abbd2cd96ea922e34b
+Subproject commit 6cd9857b8693123d5a039bdf69358326cde5bea1