I can add tables

Refactoring DbEngine

Fixing unit tests

Fixing unit tests

Fixing unit tests

Refactored DbManager for datagrid

Improving front end performance

I can add new table

Fixed sidebar closing when clicking on it

Fix drag event rebinding, improve listener options, and add debug

Prevent duplicate drag event bindings with a dataset flag and ensure consistent scrollbar functionality. Change wheel event listener to passive mode for better performance. Refactor function naming for consistency, and add debug logs for event handling.

Refactor Datagrid bindings and default state handling.

Updated Javascript to conditionally rebind Datagrid on specific events. Improved Python components by handling empty DataFrame cases and removing redundant code. Revised default state initialization in settings for better handling of mutable fields.

Added Rowindex visualisation support

Working on Debugger with own implementation of JsonViewer

Working on JsonViewer.py

Fixed unit tests

Adding unit tests

I can fold and unfold

fixed unit tests

Adding css for debugger

Added tooltip management

Adding debugger functionalities

Refactor serializers and improve error handling in DB engine

Fixed error where tables were overwritten

I can display footer menu

Working on footer. Refactoring how heights are managed

Refactored scrollbars management

Working on footer menu

I can display footer menu + fixed unit tests

Fixed unit tests

Updated click management

I can display aggregations in footers

Added docker management

Refactor input handling and improve config defaults

Fixed scrollbars colors

Refactored tooltip management

Improved tooltip management

Improving FilterAll

src/components/debugger/assets/Debugger.css

@@ -0,0 +1,72 @@
+:root:has(input.theme-controller[value=light]:checked),
+[data-theme="light"] {
+    --json-bool: oklch(75% 0.183 55.934); /* tailwindcss orange-400 */
+    --json-string: oklch(79.2% 0.209 151.711); /* tailwindcss green-400 */
+    --json-number: oklch(70.7% 0.165 254.624); /* tailwindcss blue-400 */
+    --json-object: oklch(57.7% 0.245 27.325); /* tailwindcss red-600 */
+    --json-null: var(--color-base-content);
+    --json-digest: var(--color-base-content);
+}
+
+:root:has(input.theme-controller[value=dark]:checked),
+[data-theme="dark"] {
+    --json-bool: oklch(88.5% 0.062 18.334); /* tailwindcss orange-200 */
+    --json-string: oklch(92.5% 0.084 155.995); /* tailwindcss green-200 */
+    --json-number: oklch(88.2% 0.059 254.128); /* tailwindcss blue-200 */
+    --json-object: oklch(44.4% 0.177 26.899); /* tailwindcss red-800 */
+    --json-null: var(--color-base-content);
+    --json-digest: var(--color-base-content);
+}
+
+
+:root:has(input.theme-controller[value=cupcake]:checked),
+[data-theme="cupcake"] {
+    --json-bool: oklch(75% 0.183 55.934); /* tailwindcss orange-400 */
+    --json-string: oklch(79.2% 0.209 151.711); /* tailwindcss green-400 */
+    --json-number: oklch(70.7% 0.165 254.624); /* tailwindcss blue-400 */
+    --json-object: oklch(57.7% 0.245 27.325); /* tailwindcss red-600 */
+    --json-null: var(--color-base-content); /* tailwindcss violet-400 */
+    --json-digest: var(--color-base-content);
+}
+
+
+.mmt-jsonviewer {
+    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
+    font-size: 14px;
+}
+
+/* Use inherited CSS variables for your custom theme */
+.mmt-jsonviewer-bool {
+    color: var(--json-bool);
+}
+
+.mmt-jsonviewer-string {
+    color: var(--json-string);
+}
+
+.mmt-jsonviewer-number {
+    color: var(--json-number);
+}
+
+.mmt-jsonviewer-null {
+    color: var(--json-null);
+}
+
+.mmt-jsonviewer-digest {
+    color: var(--json-digest);
+    cursor: pointer;
+
+}
+
+.mmt-jsonviewer-object {
+    color: var(--json-object);
+}
+
+/*:root:has(input.theme-controller[value=dark]:checked),*/
+/*[data-theme="dark"] {*/
+/*    --json-bool: oklch(40.8% 0.123 38.172); !* tailwindcss orange-900 *!*/
+/*    --json-string: oklch(39.3% 0.095 152.535); !* tailwindcss green-900 *!*/
+/*    --json-number: oklch(37.9% 0.146 265.522); !* tailwindcss blue-900 *!*/
+/*    --json-null: var(--color-base-content);*/
+/*    --json-digest: var(--color-base-content);*/
+/*}*/

src/components/debugger/assets/Debugger.js

@@ -1,5 +1,5 @@
 // Import the svelte-jsoneditor module
-import {createJSONEditor} from 'https://cdn.jsdelivr.net/npm/vanilla-jsoneditor/standalone.js';
+// import {createJSONEditor} from 'https://cdn.jsdelivr.net/npm/vanilla-jsoneditor/standalone.js';
 
 /**
  * Initializes and displays a JSON editor using the Svelte JSON Editor.

src/components/debugger/assets/icons.py

@@ -7,3 +7,33 @@ icon_dbengine = NotStr("""<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="h
     </path>
   </g>
 </svg>""")
+
+# Fluent CaretRight20Filled
+icon_collapsed = NotStr("""<svg name="collapsed" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
+  <g fill="none">
+    <path d="M7 14.204a1 1 0 0 0 1.628.778l4.723-3.815a1.5 1.5 0 0 0 0-2.334L8.628 5.02A1 1 0 0 0 7 5.797v8.407z" fill="currentColor">
+    </path>
+  </g>
+</svg>""")
+
+# Fluent CaretDown20Filled
+icon_expanded = NotStr("""<svg name="expanded" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
+  <g fill="none">
+    <path d="M5.797 7a1 1 0 0 0-.778 1.628l3.814 4.723a1.5 1.5 0 0 0 2.334 0l3.815-4.723A1 1 0 0 0 14.204 7H5.797z" fill="currentColor">
+    </path>
+  </g>
+</svg>""")
+
+icon_class = NotStr("""
+<svg name="expanded" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+ <g fill="none" stroke="currentColor" stroke-width="1.5" >
+  <polygon points="5,2 2,8 8,8" />
+  <rect x="12" y="2" width="6" height="6"/>
+  <circle cx="5" cy="15" r="3" />
+  <polygon points="11.5,15 15,11.5 18.5,15 15,18.5" />
+  </g>
+</svg>
+
+
+"""
+                       )