diff --git a/dashboard-filter-panel/dashboard-filter-panel.zip b/dashboard-filter-panel/dashboard-filter-panel.zip
new file mode 100644
index 0000000..fe2c209
Binary files /dev/null and b/dashboard-filter-panel/dashboard-filter-panel.zip differ
diff --git a/dashboard-filter-panel/package-lock.json b/dashboard-filter-panel/package-lock.json
index 53d3274..4a12765 100644
--- a/dashboard-filter-panel/package-lock.json
+++ b/dashboard-filter-panel/package-lock.json
@@ -26,7 +26,7 @@
         "@codemirror/state": "^6.4.0",
         "@codemirror/theme-one-dark": "^6.1.2",
         "@codemirror/view": "^6.23.0",
-        "@luzmo/ngx-embed": "^6.2.0-beta.2",
+        "@luzmo/ngx-embed": "^6.2.0-beta.13",
         "@luzmo/nodejs-sdk": "^1.2.2",
         "@ngneat/until-destroy": "^10.0.0",
         "@ngrx/signals": "^18.0.0-rc.1",
@@ -2186,9 +2186,9 @@
       }
     },
     "node_modules/@lit-labs/ssr-dom-shim": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.0.tgz",
-      "integrity": "sha512-yWJKmpGE6lUURKAaIltoPIE/wrbY3TEkqQt+X0m+7fQNnAv0keydnYvbiJFP1PnMhizmIWRWOG5KLhYyc/xl+g=="
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.1.tgz",
+      "integrity": "sha512-wx4aBmgeGvFmOKucFKY+8VFJSYZxs9poN3SDNQFF6lT6NrQUnHiPB2PWz2sc4ieEcAaYYzN+1uWahEeTq2aRIQ=="
     },
     "node_modules/@lit/reactive-element": {
       "version": "2.0.4",
@@ -2289,22 +2289,22 @@
       ]
     },
     "node_modules/@luzmo/embed": {
-      "version": "5.1.3-beta.10",
-      "resolved": "https://registry.npmjs.org/@luzmo/embed/-/embed-5.1.3-beta.10.tgz",
-      "integrity": "sha512-OV8CGDuO4+R+yymM7O+jNt46LjhVpwbj/TjeJd+CjaCFvMfemmFCqfj9qgCDAKQIASi2McgR3CakzFmw7iyTfw==",
+      "version": "6.0.0-beta.9",
+      "resolved": "https://registry.npmjs.org/@luzmo/embed/-/embed-6.0.0-beta.9.tgz",
+      "integrity": "sha512-J55TCLA0THrqcQgCBYeD3m5ITiErUI/mSRQ7ua5/XWKid4GZ92woPZSecK1SM0BCP2cp2KK88Nhc3nCGPOi6Xg==",
       "dependencies": {
-        "@luzmo/shared-embed": "5.0.8-beta.8",
+        "@luzmo/shared-embed": "5.0.9-beta.6",
         "lit": "3.1.2",
         "zod-validation-error": "3.2.0"
       }
     },
     "node_modules/@luzmo/ngx-embed": {
-      "version": "6.2.0-beta.2",
-      "resolved": "https://registry.npmjs.org/@luzmo/ngx-embed/-/ngx-embed-6.2.0-beta.2.tgz",
-      "integrity": "sha512-WToal85TqgF1d/Tfw5bBfr6/XrEVVx4/bFnK7shPMradDU9zhuZb/RGW7R25fS+dAtUbm1jOuoUNtlm5h7nmKw==",
+      "version": "6.2.0-beta.13",
+      "resolved": "https://registry.npmjs.org/@luzmo/ngx-embed/-/ngx-embed-6.2.0-beta.13.tgz",
+      "integrity": "sha512-wO8rEdZUfvcPiNtEiAvyxchApo97h7715ZkMotjg0SWo8KeMHix3C7kzJAdBReYiQyh44jaIp9XeChe1NqO5Ow==",
       "dependencies": {
-        "@luzmo/embed": "5.1.3-beta.10",
-        "@luzmo/shared-embed": "5.0.8-beta.8",
+        "@luzmo/embed": "6.0.0-beta.9",
+        "@luzmo/shared-embed": "5.0.9-beta.6",
         "tslib": "^2.6.2"
       },
       "peerDependencies": {
@@ -2322,9 +2322,9 @@
       }
     },
     "node_modules/@luzmo/shared-embed": {
-      "version": "5.0.8-beta.8",
-      "resolved": "https://registry.npmjs.org/@luzmo/shared-embed/-/shared-embed-5.0.8-beta.8.tgz",
-      "integrity": "sha512-3r05si4xoztOTWLgQTL/nl8RJZDN2sFgOf/0M56Aib0zoSJaWHJHhZ8AtadJUUlBv39FP1p1JugUvNJ4bW64CA==",
+      "version": "5.0.9-beta.6",
+      "resolved": "https://registry.npmjs.org/@luzmo/shared-embed/-/shared-embed-5.0.9-beta.6.tgz",
+      "integrity": "sha512-UkRAIWOaKGMb9GoqqZ4Pv7V+wWxxHFuu93dSBNWhdeenXTC+sMlvrplWLPq1AYbcKtHKIWNL/kP1TN3Y+WXQ9A==",
       "dependencies": {
         "zod": "3.23.6"
       }
@@ -8374,19 +8374,19 @@
       }
     },
     "node_modules/lit-element": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.0.5.tgz",
-      "integrity": "sha512-iTWskWZEtn9SyEf4aBG6rKT8GABZMrTWop1+jopsEOgEcugcXJGKuX5bEbkq9qfzY+XB4MAgCaSPwnNpdsNQ3Q==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.1.0.tgz",
+      "integrity": "sha512-gSejRUQJuMQjV2Z59KAS/D4iElUhwKpIyJvZ9w+DIagIQjfJnhR20h2Q5ddpzXGS+fF0tMZ/xEYGMnKmaI/iww==",
       "dependencies": {
         "@lit-labs/ssr-dom-shim": "^1.2.0",
         "@lit/reactive-element": "^2.0.4",
-        "lit-html": "^3.1.2"
+        "lit-html": "^3.2.0"
       }
     },
     "node_modules/lit-html": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.1.3.tgz",
-      "integrity": "sha512-FwIbqDD8O/8lM4vUZ4KvQZjPPNx7V1VhT7vmRB8RBAO0AU6wuTVdoXiu2CivVjEGdugvcbPNBLtPE1y0ifplHA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.0.tgz",
+      "integrity": "sha512-pwT/HwoxqI9FggTrYVarkBKFN9MlTUpLrDHubTmW4SrkL3kkqW5gxwbxMMUnbbRHBC0WTZnYHcjDSCM559VyfA==",
       "dependencies": {
         "@types/trusted-types": "^2.0.2"
       }
diff --git a/dashboard-filter-panel/package.json b/dashboard-filter-panel/package.json
index 13a28e8..5e19ef7 100755
--- a/dashboard-filter-panel/package.json
+++ b/dashboard-filter-panel/package.json
@@ -29,7 +29,7 @@
     "@codemirror/state": "^6.4.0",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.23.0",
-    "@luzmo/ngx-embed": "^6.2.0-beta.2",
+    "@luzmo/ngx-embed": "^6.2.0-beta.13",
     "@luzmo/nodejs-sdk": "^1.2.2",
     "@ngneat/until-destroy": "^10.0.0",
     "@ngrx/signals": "^18.0.0-rc.1",
diff --git a/dashboard-filter-panel/src/app/dashboard-filter-panel/dashboard-filter-panel.component.html b/dashboard-filter-panel/src/app/dashboard-filter-panel/dashboard-filter-panel.component.html
index 2b3b736..0a9a2fa 100644
--- a/dashboard-filter-panel/src/app/dashboard-filter-panel/dashboard-filter-panel.component.html
+++ b/dashboard-filter-panel/src/app/dashboard-filter-panel/dashboard-filter-panel.component.html
@@ -16,9 +16,75 @@
       [class.left-panel]="panelPosition === 'left'" [mode]="panelMode">
       <div class="py-5">
         <div class="flex items-center justify-between px-5 pb-5 mb-5 border-b-[1px]">
-          <div>Filter</div>
-          <button mat-stroked-button id="exit" (click)="sidenav.toggle()">x</button>
+          <div>Filter panel</div>
+          <button mat-stroked-button id="exit" (click)="sidenav.toggle()">Close</button>
         </div>
+        <luzmo-viz-item style="height: 100px;" [slots]='
+        [{"name": "dimension",
+          "content": [
+            {
+              "label": {
+                "en": "Employee"
+              },
+              "set": "e2217802-c66a-4571-bd60-4846eb15871e",
+              "column": "0024ee0d-c965-4027-a905-3c6118118b63",
+              "type": "hierarchy"
+            }
+          ]
+        }]' [options]="{ display: { label: true } }" type="dropdown-filter" canFilter="all"></luzmo-viz-item>
+
+        <luzmo-viz-item type="date-filter" style="height: 100px" [slots]='[
+        {
+          name: "time",
+          content: [
+            {
+              label: {
+                en: "Date",
+              },
+              set: "e2217802-c66a-4571-bd60-4846eb15871e",
+              column: "1e998623-cca9-4423-9fe0-f41fad3aa5c4",
+              type: "datetime",
+              format: "%d-%m-%Y %H:%M:%S.%L",
+              lowestLevel: 9,
+              level: 7,
+            },
+          ],
+        },
+      ]' canFilter="all"></luzmo-viz-item>
+
+      <luzmo-viz-item type="slider-filter" style="height: 100px" [slots]='[
+        {
+          name: "slidermetric",
+          content: [
+            {
+              label: {
+                en: "Amount"
+              },
+              set: "e2217802-c66a-4571-bd60-4846eb15871e",
+              column: "f3b270b4-fe0f-4ac4-b5f3-69280c396735",
+              type: "numeric",
+              format: "($.0f"
+            }
+          ]
+        }]' [options]="{ display: { title: true }, title: {en: 'Total amount excluding VAT'} }" canFilter="all"> </luzmo-viz-item>
+
+
+<luzmo-viz-item type="slicer-filter" style="height: 400px" [slots]='[
+{
+  "name": "dimension",
+  "content": [
+    {
+      "label": {
+        "en": "Customer"
+      },
+      "set": "e2217802-c66a-4571-bd60-4846eb15871e",
+      "column": "36cc1d13-89bb-4f44-9771-13149af1c81f",
+      "type": "hierarchy"
+    }
+  ]
+}
+]' [options] = "" canFilter="all"></luzmo-viz-item>
+
         <luzmo-viz-item type="donut-chart" style="height: 300px" [slots]='[{"name":"category",
          "content":[
          {
@@ -66,4 +132,4 @@
       <luzmo-dashboard [dashboardId]="dashboardId" [experimental]="true" id="mainDashboard"></luzmo-dashboard>
     </mat-sidenav-content>
   </mat-sidenav-container>
-</div>
+</div>
\ No newline at end of file