From f9b00a85e7d7a883cea7b79054edf5c96baddbe0 Mon Sep 17 00:00:00 2001
From: Vincent Simonin <vincent@simonin.name>
Date: Thu, 13 Nov 2025 15:24:01 +0100
Subject: [PATCH 1/2] :bug: Fix container's capabilities values and event

The version 1.5.2 introduce some BC break

* Capabilities is now prefixed by "CAP_" on a docker inspect
* Event data structure change
---
 flows.json        |  4 ++--
 package-lock.json | 48 +++++++++++++++++++++++------------------------
 package.json      |  2 +-
 3 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/flows.json b/flows.json
index 1da4a01..b2b8c59 100644
--- a/flows.json
+++ b/flows.json
@@ -1260,7 +1260,7 @@
                 "t": "set",
                 "p": "url",
                 "pt": "msg",
-                "to": "\"http://localhost/containers/\" & msg.payload.id & \"/json -H 'content-type: application/json'\"",
+                "to": "\"http://localhost/containers/\" & (msg.payload.id ? msg.payload.id : msg.payload.Actor.ID) & \"/json -H 'content-type: application/json'\"",
                 "tot": "jsonata"
             }
         ],
@@ -2219,7 +2219,7 @@
                 "t": "set",
                 "p": "payload",
                 "pt": "msg",
-                "to": "{\t   \"host\": msg.config.id,\t   \"name\": $replace(msg.result.Name,\"/\",\"\"),\t   \"hostname\": msg.result.Config.Hostname,\t   \"status\": msg.result.State.Status = \"running\"\t        ? \"running \" & $ceil(\t       (\t           $toMillis($now()) - $toMillis(msg.result.State.StartedAt)\t       ) / 1000 / 60 / 60 / 24\t   ) & \"d\"\t        : \"na\",\t   \"state\": msg.result.State.Status,\t   \"operation\": \"none\",\t   \"restart_policy\": msg.result.HostConfig.RestartPolicy.Name = \"\" ? \"no\" : msg.result.HostConfig.RestartPolicy.Name,\t   \"image\": {\t       \"host\": msg.config.id,\t       \"ImageID\": msg.result.Image\t    },\t   \"HealthCheck\": msg.result.Config.Healthcheck,\t   \"ContainerID\": msg.result.Id,\t   \"cap_add\": msg.result.HostConfig.CapAdd,\t   \"cap_drop\": msg.result.HostConfig.CapDrop,\t   \"extra_hosts\": msg.result.HostConfig.ExtraHosts,\t   \"pid_mode\": msg.result.HostConfig.PidMode,\t   \"network_settings\": [\t       $each(\t           msg.result.NetworkSettings.Networks,\t           function($v, $k) {\t               {\t                   \"network\": { \"host\": msg.config.id, \"name\": $k } \t               }\t            }\t        )\t    ],\t   \"ports\":msg.result.HostConfig.PortBindings ? [\t       $each(\t           msg.result.HostConfig.PortBindings,\t           function($v, $k) {\t               {\t                   \"public_port\": $count($v) = 0 or $v[0] = null or $length($v[0].HostPort) = 0 ? 0 : $v[0].HostPort,\t                   \"private_port\": $split($k,\"/\")[0],\t                   \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ] : msg.result.NetworkSettings.Ports\t        ? [\t       $each(\t           msg.result.NetworkSettings.Ports,\t           function($v, $k) {\t               {\t                   \"public_port\": -1,\t                   \"private_port\": $split($k,\"/\")[0],\t                   \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ]\t        : [],\t   \"env\": [\t       $map(\t           msg.result.Config.Env,\t           function($v, $k) {\t               {\t                   \"var_name\": $substringBefore($v, \"=\"),\t                   \"value\": $substringAfter($v, \"=\")\t                }\t            }\t        )\t    ],\t   \"labels\": [\t       $each(\t           msg.result.Config.Labels,\t           function($v, $k) {\t               { \"key\": $k, \"value\": $v }\t            }\t        )\t    ],\t   \"devices\": msg.result.HostConfig.Devices\t        ? [\t       $map(\t           msg.result.HostConfig.Devices,\t           function($v, $k) {\t               {\t                   \"container_path\": $v.PathInContainer,\t                   \"host_path\": $v.PathOnHost\t                }\t            }\t        )\t    ],\t   \"mounts\": [\t       $map(\t           msg.result.Mounts,\t           function($v, $k) {\t               $v.Type = \"volume\"\t                    ? {\t                   \"source\": $v.Destination,\t                   \"volume\": {\t                       \"name\": $v.Name,\t                       \"host\": msg.config.id \t                   },\t                   \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t   \"binds\": [\t       $map(\t           msg.result.Mounts,\t           function($v, $k) {\t               $v.Type = \"bind\"\t                    ? {\t                   \"host_path\": $v.Source,\t                   \"container_path\": $v.Destination,\t                   \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t   \"log_driver\": msg.result.HostConfig.LogConfig.Type,\t   \"log_driver_options\": [\t       $each(\t           msg.result.HostConfig.LogConfig.Config,\t           function($v, $k) {\t               {\t                   \"option_name\": $k,\t                   \"value\": $v\t        }\t    }\t       )\t   ],\t   \"cmd\": msg.result.Config.Cmd\t}",
+                "to": "{\t   \"host\": msg.config.id,\t   \"name\": $replace(msg.result.Name,\"/\",\"\"),\t   \"hostname\": msg.result.Config.Hostname,\t   \"status\": msg.result.State.Status = \"running\"\t        ? \"running \" & $ceil(\t       (\t           $toMillis($now()) - $toMillis(msg.result.State.StartedAt)\t       ) / 1000 / 60 / 60 / 24\t   ) & \"d\"\t        : \"na\",\t   \"state\": msg.result.State.Status,\t   \"operation\": \"none\",\t   \"restart_policy\": msg.result.HostConfig.RestartPolicy.Name = \"\" ? \"no\" : msg.result.HostConfig.RestartPolicy.Name,\t   \"image\": {\t       \"host\": msg.config.id,\t       \"ImageID\": msg.result.Image\t    },\t   \"HealthCheck\": msg.result.Config.Healthcheck,\t   \"ContainerID\": msg.result.Id,\t   \"cap_add\": msg.result.HostConfig.CapAdd != null ? msg.result.HostConfig.CapAdd.$replace(\"CAP_\", \"\")[] : msg.result.HostConfig.CapAdd,\t   \"cap_drop\": msg.result.HostConfig.CapDrop != null ? msg.result.HostConfig.CapDrop.$replace(\"CAP_\", \"\")[] : msg.result.HostConfig.CapDrop,\t   \"extra_hosts\": msg.result.HostConfig.ExtraHosts,\t   \"pid_mode\": msg.result.HostConfig.PidMode,\t   \"network_settings\": [\t       $each(\t           msg.result.NetworkSettings.Networks,\t           function($v, $k) {\t               {\t                   \"network\": { \"host\": msg.config.id, \"name\": $k } \t               }\t            }\t        )\t    ],\t   \"ports\":msg.result.HostConfig.PortBindings ? [\t       $each(\t           msg.result.HostConfig.PortBindings,\t           function($v, $k) {\t               {\t                   \"public_port\": $count($v) = 0 or $v[0] = null or $length($v[0].HostPort) = 0 ? 0 : $v[0].HostPort,\t                   \"private_port\": $split($k,\"/\")[0],\t                   \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ] : msg.result.NetworkSettings.Ports\t        ? [\t       $each(\t           msg.result.NetworkSettings.Ports,\t           function($v, $k) {\t               {\t                   \"public_port\": -1,\t                   \"private_port\": $split($k,\"/\")[0],\t                   \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ]\t        : [],\t   \"env\": [\t       $map(\t           msg.result.Config.Env,\t           function($v, $k) {\t               {\t                   \"var_name\": $substringBefore($v, \"=\"),\t                   \"value\": $substringAfter($v, \"=\")\t                }\t            }\t        )\t    ],\t   \"labels\": [\t       $each(\t           msg.result.Config.Labels,\t           function($v, $k) {\t               { \"key\": $k, \"value\": $v }\t            }\t        )\t    ],\t   \"devices\": msg.result.HostConfig.Devices\t        ? [\t       $map(\t           msg.result.HostConfig.Devices,\t           function($v, $k) {\t               {\t                   \"container_path\": $v.PathInContainer,\t                   \"host_path\": $v.PathOnHost\t                }\t            }\t        )\t    ],\t   \"mounts\": [\t       $map(\t           msg.result.Mounts,\t           function($v, $k) {\t               $v.Type = \"volume\"\t                    ? {\t                   \"source\": $v.Destination,\t                   \"volume\": {\t                       \"name\": $v.Name,\t                       \"host\": msg.config.id \t                   },\t                   \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t   \"binds\": [\t       $map(\t           msg.result.Mounts,\t           function($v, $k) {\t               $v.Type = \"bind\"\t                    ? {\t                   \"host_path\": $v.Source,\t                   \"container_path\": $v.Destination,\t                   \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t   \"log_driver\": msg.result.HostConfig.LogConfig.Type,\t   \"log_driver_options\": [\t       $each(\t           msg.result.HostConfig.LogConfig.Config,\t           function($v, $k) {\t               {\t                   \"option_name\": $k,\t                   \"value\": $v\t        }\t    }\t       )\t   ],\t   \"cmd\": msg.result.Config.Cmd\t}",
                 "tot": "jsonata"
             }
         ],
diff --git a/package-lock.json b/package-lock.json
index f772571..468b8c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "netbox-docker-agent",
-  "version": "1.19.1",
+  "version": "1.19.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "netbox-docker-agent",
-      "version": "1.19.1",
+      "version": "1.19.2",
       "license": "ISC",
       "dependencies": {
         "docker-exec-websocket-server": "^3.0.0",
@@ -32,9 +32,9 @@
       "license": "Apache-2.0"
     },
     "node_modules/@emnapi/core": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.6.0.tgz",
-      "integrity": "sha512-zq/ay+9fNIJJtJiZxdTnXS20PllcYMX3OE23ESc4HK/bdYu3cOWYVhsOhVnXALfU/uqJIxn5NBPd9z4v+SfoSg==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.0.tgz",
+      "integrity": "sha512-pJdKGq/1iquWYtv1RRSljZklxHCOCAJFJrImO5ZLKPJVJlVUcs8yFwNQlqS0Lo8xT1VAXXTCZocF9n26FWEKsw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -43,9 +43,9 @@
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.6.0.tgz",
-      "integrity": "sha512-obtUmAHTMjll499P+D9A3axeJFlhdjOWdKUNs/U6QIGT7V5RjcUW1xToAzjvmgTSQhDbYn/NwfTRoJcQ2rNBxA==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.0.tgz",
+      "integrity": "sha512-oAYoQnCYaQZKVS53Fq23ceWMRxq5EhQsE0x0RdQ55jT7wagMu5k+fS39v1fiSLrtrLQlXwVINenqhLMtTrV/1Q==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -561,18 +561,18 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "24.9.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.9.1.tgz",
-      "integrity": "sha512-QoiaXANRkSXK6p0Duvt56W208du4P9Uye9hWLWgGMDTEoKPhuenzNcC4vGUmrNkiOKTlIrBoyNQYNpSwfEZXSg==",
+      "version": "24.10.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
+      "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~7.16.0"
       }
     },
     "node_modules/@types/readable-stream": {
-      "version": "4.0.21",
-      "resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-4.0.21.tgz",
-      "integrity": "sha512-19eKVv9tugr03IgfXlA9UVUVRbW6IuqRO5B92Dl4a6pT7K8uaGrNS0GkxiZD0BOk6PLuXl5FhWl//eX/pzYdTQ==",
+      "version": "4.0.22",
+      "resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-4.0.22.tgz",
+      "integrity": "sha512-/FFhJpfCLAPwAcN3mFycNUa77ddnr8jTgF5VmSNetaemWB2cIlfCA9t0YTM3JAT0wOcv8D4tjPo7pkDhK3EJIg==",
       "license": "MIT",
       "dependencies": {
         "@types/node": "*"
@@ -2312,9 +2312,9 @@
       "license": "ISC"
     },
     "node_modules/ip-address": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.0.1.tgz",
-      "integrity": "sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
       "license": "MIT",
       "engines": {
         "node": ">= 12"
@@ -2711,9 +2711,9 @@
       }
     },
     "node_modules/nan": {
-      "version": "2.23.0",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.23.0.tgz",
-      "integrity": "sha512-1UxuyYGdoQHcGg87Lkqm3FzefucTa0NAiOcuRsDmysep3c1LVCRK2krrUDafMWtjSG04htvAmvg96+SDknOmgQ==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.23.1.tgz",
+      "integrity": "sha512-r7bBUGKzlqk8oPBDYxt6Z0aEdF1G1rwlMcLk8LCOMbOzf0mG+JUfUzG4fIMWwHWP0iyaLWEQZJmtB7nOHEm/qw==",
       "license": "MIT",
       "optional": true
     },
@@ -3213,10 +3213,10 @@
       "license": "MIT"
     },
     "node_modules/sax": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
-      "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
-      "license": "ISC"
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz",
+      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
+      "license": "BlueOak-1.0.0"
     },
     "node_modules/semver": {
       "version": "7.7.1",
diff --git a/package.json b/package.json
index 9428925..3ccd6dd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "netbox-docker-agent",
-  "version": "1.19.1",
+  "version": "1.19.2",
   "description": "Saashup agent for netbox manager",
   "main": "index.js",
   "scripts": {

From 211a92a5e6cd505520448246e571f9ad641d83fb Mon Sep 17 00:00:00 2001
From: Vincent Simonin <vincent@simonin.name>
Date: Fri, 14 Nov 2025 14:02:58 +0100
Subject: [PATCH 2/2] Add cap add properties on recreate feedback

---
 flows.json            |  44 ++-
 public/index_new.html | 758 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 798 insertions(+), 4 deletions(-)
 create mode 100644 public/index_new.html

diff --git a/flows.json b/flows.json
index b2b8c59..0c9e138 100644
--- a/flows.json
+++ b/flows.json
@@ -4526,7 +4526,7 @@
                 "t": "set",
                 "p": "payload",
                 "pt": "msg",
-                "to": "{\t   \"Image\": msg.input.data.image.name & \":\" & msg.input.data.image.version,\t   \"Hostname\": msg.input.data.hostname\t}",
+                "to": "{\t    \"Image\": msg.input.data.image.name & \":\" & msg.input.data.image.version,\t    \"Hostname\": msg.input.data.hostname,\t    \"HostConfig\": {\t        \"CapAdd\": msg.input.data.cap_add,\t        \"CapDrop\": msg.input.data.cap_drop\t    }\t}",
                 "tot": "jsonata"
             },
             {
@@ -6641,7 +6641,7 @@
                 "t": "set",
                 "p": "payload",
                 "pt": "msg",
-                "to": "[\t   {\t       \"id\": msg.input.data.id,\t       \"host\": msg.input.data.host.id,\t       \"name\": $replace(msg.result.Name,\"/\",\"\"),\t       \"hostname\": msg.result.Config.Hostname,\t       \"operation\": \"none\",\t       \"state\": msg.result.State.Status,\t       \"extra_hosts\": msg.result.HostConfig.ExtraHosts,\t       \"restart_policy\": msg.result.HostConfig.RestartPolicy.Name = \"\" ? \"no\" : msg.result.HostConfig.RestartPolicy.Name,\t       \"status\": msg.result.State.Status = \"running\"\t        ? \"running \" & $ceil(\t           (\t               $toMillis($now()) - $toMillis(msg.result.State.StartedAt)\t           ) / 1000 / 60 / 60 / 24\t       ) & \"d\"\t        : \"na\",\t       \"image\": {\t           \"host\": msg.input.data.host.id,\t           \"ImageID\": msg.result.Image\t    },\t       \"ContainerID\": msg.result.Id,\t       \"network_settings\": [\t           $each(\t               msg.result.NetworkSettings.Networks,\t               function($v, $k) {\t                   {\t                       \"network\": { \"name\": $k, \"host\": msg.config.id } \t                   }\t            }\t        )\t    ],\t       \"ports\":msg.result.HostConfig.PortBindings ? [\t           $each(\t               msg.result.HostConfig.PortBindings,\t               function($v, $k) {\t                   {\t                       \"public_port\": $count($v) = 0 or $v[0] = null or $length($v[0].HostPort) = 0 ? 0 : $v[0].HostPort,\t                       \"private_port\": $split($k,\"/\")[0],\t                       \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ] : msg.result.NetworkSettings.Ports\t        ? [\t           $each(\t               msg.result.NetworkSettings.Ports,\t               function($v, $k) {\t                   {\t                       \"public_port\": -1,\t                       \"private_port\": $split($k,\"/\")[0],\t                       \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ]\t        : [],\t       \"env\": [\t           $map(\t               msg.result.Config.Env,\t               function($v, $k) {\t                   {\t                       \"var_name\": $substringBefore($v, \"=\"),\t                       \"value\": $substringAfter($v, \"=\")\t                }\t            }\t        )\t    ],\t       \"labels\": [\t           $each(\t               msg.result.Config.Labels,\t               function($v, $k) {\t                   { \"key\": $k, \"value\": $v }\t            }\t        )\t    ],\t       \"mounts\": [\t           $map(\t               msg.result.Mounts,\t               function($v, $k) {\t                   $v.Type = \"volume\"\t                    ? {\t                       \"source\": $v.Destination,\t                       \"volume\": {\t                           \"name\": $v.Name,\t                           \"host\": msg.config.id \t                       },\t                       \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t       \"binds\": [\t           $map(\t               msg.result.Mounts,\t               function($v, $k) {\t                   $v.Type = \"bind\"\t                    ? {\t                       \"host_path\": $v.Source,\t                       \"container_path\": $v.Destination,\t                       \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t       \"log_driver\": msg.result.HostConfig.LogConfig.Type,\t       \"log_driver_options\": [\t           $each(\t               msg.result.HostConfig.LogConfig.Config,\t               function($v, $k) {\t                   {\t                       \"option_name\": $k,\t                       \"value\": $v\t        }\t    }\t           )\t       ],\t       \"cmd\": msg.result.Config.Cmd\t}\t]",
+                "to": "[\t   {\t       \"id\": msg.input.data.id,\t       \"host\": msg.input.data.host.id,\t       \"name\": $replace(msg.result.Name,\"/\",\"\"),\t       \"hostname\": msg.result.Config.Hostname,\t       \"operation\": \"none\",\t       \"state\": msg.result.State.Status,\t       \"extra_hosts\": msg.result.HostConfig.ExtraHosts,\t       \"restart_policy\": msg.result.HostConfig.RestartPolicy.Name = \"\" ? \"no\" : msg.result.HostConfig.RestartPolicy.Name,\t       \"status\": msg.result.State.Status = \"running\"\t        ? \"running \" & $ceil(\t           (\t               $toMillis($now()) - $toMillis(msg.result.State.StartedAt)\t           ) / 1000 / 60 / 60 / 24\t       ) & \"d\"\t        : \"na\",\t       \"image\": {\t           \"host\": msg.input.data.host.id,\t           \"ImageID\": msg.result.Image\t    },\t       \"ContainerID\": msg.result.Id,\t       \"cap_add\": msg.result.HostConfig.CapAdd != null ? msg.result.HostConfig.CapAdd.$replace(\"CAP_\", \"\")[] : msg.result.HostConfig.CapAdd,\t       \"cap_drop\": msg.result.HostConfig.CapDrop != null ? msg.result.HostConfig.CapDrop.$replace(\"CAP_\", \"\")[] : msg.result.HostConfig.CapDrop,\t       \"network_settings\": [\t           $each(\t               msg.result.NetworkSettings.Networks,\t               function($v, $k) {\t                   {\t                       \"network\": { \"name\": $k, \"host\": msg.config.id } \t                   }\t            }\t        )\t    ],\t       \"ports\":msg.result.HostConfig.PortBindings ? [\t           $each(\t               msg.result.HostConfig.PortBindings,\t               function($v, $k) {\t                   {\t                       \"public_port\": $count($v) = 0 or $v[0] = null or $length($v[0].HostPort) = 0 ? 0 : $v[0].HostPort,\t                       \"private_port\": $split($k,\"/\")[0],\t                       \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ] : msg.result.NetworkSettings.Ports\t        ? [\t           $each(\t               msg.result.NetworkSettings.Ports,\t               function($v, $k) {\t                   {\t                       \"public_port\": -1,\t                       \"private_port\": $split($k,\"/\")[0],\t                       \"type\": $split($k,\"/\")[1]\t                    }\t                }\t            )\t          ]\t        : [],\t       \"env\": [\t           $map(\t               msg.result.Config.Env,\t               function($v, $k) {\t                   {\t                       \"var_name\": $substringBefore($v, \"=\"),\t                       \"value\": $substringAfter($v, \"=\")\t                }\t            }\t        )\t    ],\t       \"labels\": [\t           $each(\t               msg.result.Config.Labels,\t               function($v, $k) {\t                   { \"key\": $k, \"value\": $v }\t            }\t        )\t    ],\t       \"mounts\": [\t           $map(\t               msg.result.Mounts,\t               function($v, $k) {\t                   $v.Type = \"volume\"\t                    ? {\t                       \"source\": $v.Destination,\t                       \"volume\": {\t                           \"name\": $v.Name,\t                           \"host\": msg.config.id \t                       },\t                       \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t       \"binds\": [\t           $map(\t               msg.result.Mounts,\t               function($v, $k) {\t                   $v.Type = \"bind\"\t                    ? {\t                       \"host_path\": $v.Source,\t                       \"container_path\": $v.Destination,\t                       \"read_only\": $not($v.RW)\t                    }\t            }\t        )\t    ],\t       \"log_driver\": msg.result.HostConfig.LogConfig.Type,\t       \"log_driver_options\": [\t           $each(\t               msg.result.HostConfig.LogConfig.Config,\t               function($v, $k) {\t                   {\t                       \"option_name\": $k,\t                       \"value\": $v\t        }\t    }\t           )\t       ],\t       \"cmd\": msg.result.Config.Cmd\t}\t]",
                 "tot": "jsonata"
             }
         ],
@@ -6678,7 +6678,8 @@
         "y": 760,
         "wires": [
             [
-                "d10c0e59950649aa"
+                "d10c0e59950649aa",
+                "8257b4684780cee7"
             ]
         ]
     },
@@ -7287,7 +7288,8 @@
             [
                 "f97a2faad0f4275a",
                 "c469b4b880927dc6",
-                "a97b672b9bc9201e"
+                "a97b672b9bc9201e",
+                "516ce4d613bc361e"
             ],
             []
         ]
@@ -7522,6 +7524,40 @@
             []
         ]
     },
+    {
+        "id": "8257b4684780cee7",
+        "type": "debug",
+        "z": "8e85e8c54d776ddc",
+        "name": "debug 1",
+        "active": true,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": false,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "auto",
+        "x": 1440,
+        "y": 860,
+        "wires": []
+    },
+    {
+        "id": "516ce4d613bc361e",
+        "type": "debug",
+        "z": "8e85e8c54d776ddc",
+        "name": "debug 2",
+        "active": true,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": false,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "auto",
+        "x": 1080,
+        "y": 920,
+        "wires": []
+    },
     {
         "id": "3eb97ccb653722a0",
         "type": "http in",
diff --git a/public/index_new.html b/public/index_new.html
new file mode 100644
index 0000000..b5e4325
--- /dev/null
+++ b/public/index_new.html
@@ -0,0 +1,758 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.1/dist/cdn.min.js"
+        integrity="sha384-1P3ccpD4L/9t6HWl43VEHcYRLuA3zlADdXoOEnvQOsZHH6caGISdjzrMQOBr4M4T"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"
+        integrity="sha384-J4qzUjBl1FxyLsl/kQPQIOeINsmp17OHYXDOMpMxlKX53ZfYsL+aWHpgArvOuof9"
+        crossorigin="anonymous"></script>
+    <script src="/js/docker-exec-client.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
+        integrity="sha384-CK2SzKma4jA5H/MXDUU7i1TqZlCFaD4T01vtyDFvPlD97JQyS+IsSh1nI2EFbpyk" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min.css"
+        integrity="sha384-tStR1zLfWgsiXCF3IgfB3lBa8KmBe/lG287CL9WCeKgQYcp1bjb4/+mwN6oti4Co" crossorigin="anonymous">
+    <link rel="icon" href="https://saashup.com/img/logo_saashup.png">
+    <title>Netbox Docker Agent</title>
+</head>
+
+<body x-data="{
+    async init() {
+        const response = await fetch('/api/containers');
+        this.containers = await response.json();
+    },
+    containers: []
+}">
+    <div class="container">
+        <template x-if="containers.length > 0">
+            <template x-for="container in containers">
+                <div class="card mb-3">
+                    <div class="card-header d-flex justify-content-between align-items-start">
+                        <span x-text="container.Name.replace('/', '')"></span>
+                        <span class="badge rounded-pill"
+                            :class="container.State.Running === true ? 'text-bg-success' : 'text-bg-warning'"
+                            x-text="container.State.Status"></span>
+                    </div>
+                    <div class="card-body">
+                        <!-- Action buttons -->
+                        <div class="row">
+                            <div class="col-auto mb-1">
+                                <button class="btn btn-sm btn-success text-nowrap"
+                                    :disabled="container.State.Running === true && container.State.Paused === false"><i
+                                        class="bi bi-play-fill"></i> Start</button>
+                            </div>
+                            <div class="col-auto mb-1">
+                                <button class="btn btn-sm btn-danger text-nowrap"
+                                    :disabled="container.State.Running === false"><i class="bi bi-stop-fill"></i>
+                                    Stop</button>
+                            </div>
+                            <div class="col-auto mb-1"><button class="btn btn-sm btn-info text-nowrap"
+                                    :disabled="container.State.Running === false || container.State.Paused === true"><i
+                                        class="bi bi-pause-fill"></i> Pause</button></div>
+                            <div class="col-auto mb-1"><button class="btn btn-sm btn-info text-nowrap"
+                                    :disabled="container.State.Paused === false"><i class="bi bi-play"></i>
+                                    Unpause</button></div>
+                            <div class="col-auto mb-1"><button class="btn btn-sm btn-dark text-nowrap"
+                                    :disabled="container.State.Running === false"><i class="bi bi-heartbreak-fill"></i>
+                                    Kill</button>
+                            </div>
+                            <div class="col-auto mb-1"><button class="btn btn-sm btn-primary text-nowrap"><i
+                                        class="bi bi-arrow-clockwise"></i> Restart</button></div>
+                            <div class="col-auto"><button class="btn btn-sm btn-warning"><i class="bi bi-recycle"></i>
+                                    Recreate</button>
+                            </div>
+                            <div class="col-auto mb-1"><button class="btn btn-sm btn-danger text-nowrap"
+                                    :disabled="container.State.Running === true"><i class="bi bi-trash-fill"></i>
+                                    Remove</button>
+                            </div>
+                        </div>
+
+                        <hr>
+
+                        <!-- Id and dates -->
+                        <dl class="row">
+                            <dt class="col-sm-1">Id</dt>
+                            <dd class="col-sm-11">
+                                <code title="Id" x-text="container.Id"></code>
+                            </dd>
+
+                            <dt class="col-sm-1">Created at</dt>
+                            <dd class="col-sm-11">
+                                <time title="Created at" x-text="(new Date(container.Created))"></time>
+                            </dd>
+
+                            <dt class="col-sm-1">Started at</dt>
+                            <dd class="col-sm-11"><time title="Started at"
+                                    x-text="(new Date(container.State.StartedAt))"></time></dd>
+                        </dl>
+
+                        <hr>
+
+                        <ul class="nav nav-underline card-body-tabs mb-3" :id="`container-${container.Id}`"
+                            role="tablist">
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link active" :id="`image-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#image-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`image-tab-pane-${container.Id}`"
+                                    aria-selected="true">Image</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`ports-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#ports-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`ports-tab-pane-${container.Id}`">Ports</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`storages-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#storages-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`storages-tab-pane-${container.Id}`">Storages</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`network-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#network-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`network-tab-pane-${container.Id}`">Network</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`env-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#env-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`env-tab-pane-${container.Id}`">Env</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`command-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#command-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`command-tab-pane-${container.Id}`">Command</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`labels-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#labels-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`labels-tab-pane-${container.Id}`">Labels</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`restart-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#restart-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`restart-tab-pane-${container.Id}`">Restart</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`capabilities-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#capabilities-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`capabilities-tab-pane-${container.Id}`">Capabilities</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`resources-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#resources-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`resources-tab-pane-${container.Id}`">Resources</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`healthcheck-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#healthcheck-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`healthcheck-tab-pane-${container.Id}`">Healthcheck</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`logging-driver-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#logging-driver-tab-pane-${container.Id}`" type="button"
+                                    role="tab" :aria-controls="`logging-driver-tab-pane-${container.Id}`">Logging
+                                    driver</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`extras-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#extras-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`extras-tab-pane-${container.Id}`">Extras</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`exec-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#exec-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`exec-tab-pane-${container.Id}`">Exec</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`terminal-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#terminal-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`terminal-tab-pane-${container.Id}`">Terminal</button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" :id="`logs-tab-${container.Id}`" data-bs-toggle="tab"
+                                    :data-bs-target="`#logs-tab-pane-${container.Id}`" type="button" role="tab"
+                                    :aria-controls="`logs-tab-pane-${container.Id}`"
+                                    @click="$dispatch('get-logs', { id: container.Id })">Logs</button>
+                            </li>
+                        </ul>
+                        <div class="tab-content" :id="`content-container-${container.Id}`">
+                            <!-- Image name -->
+                            <div class="tab-pane fade show active" :id="`image-tab-pane-${container.Id}`"
+                                role="tabpanel" :aria-labelledby="`image-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Image</dt>
+                                    <dd class="col" x-data="{ copied: false }">
+                                        <code x-text="container.Config.Image"></code>
+                                        <button title="Copy to clipboard" class="align-bottom btn btn-sm p-0"
+                                            @click="navigator.clipboard.writeText(container.Config.Image); copied = true; setTimeout(() => copied = false, 3000)"><i
+                                                class="bi"
+                                                :class="copied ? 'bi-check-lg' : 'bi-clipboard'"></i></button>
+                                    </dd>
+                                </dl>
+                            </div>
+                            <!-- Ports mapping -->
+                            <div class="tab-pane fade" :id="`ports-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`ports-tab-${container.Id}`" tabindex="0">
+                                <template x-if="container.HostConfig.PublishAllPorts === true">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <th>Host</th>
+                                                <th>Container</th>
+                                                <th>Protocol</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <template x-for="po of Object.keys(container.NetworkSettings.Ports)">
+                                                <tr>
+                                                    <td
+                                                        x-text="(container.HostConfig.PortBindings[po].length > 0 && 'HostPort' in container.HostConfig.PortBindings[po][0] ? container.HostConfig.PortBindings[po][0].HostPort : 0)">
+                                                    </td>
+                                                    <td x-text="po.split('/')[0]"></td>
+                                                    <td x-text="po.split('/')[1].toUpperCase()"></td>
+                                                </tr>
+                                            </template>
+                                        </tbody>
+                                    </table>
+                                </template>
+                                <template
+                                    x-if="!(container.HostConfig.PublishAllPorts === true) && ('PortBindings' in container.HostConfig && container.HostConfig.PortBindings !== null && Object.keys(container.HostConfig.PortBindings).length > 0)">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <th>Host</th>
+                                                <th>Container</th>
+                                                <th>Protocol</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <template x-for="po of Object.keys(container.HostConfig.PortBindings)">
+                                                <tr>
+                                                    <td
+                                                        x-text="(container.HostConfig.PortBindings[po].length > 0 && 'HostPort' in container.HostConfig.PortBindings[po][0] ? container.HostConfig.PortBindings[po][0].HostPort : 0)">
+                                                    </td>
+                                                    <td x-text="po.split('/')[0]"></td>
+                                                    <td x-text="po.split('/')[1].toUpperCase()"></td>
+                                                </tr>
+                                            </template>
+                                        </tbody>
+                                    </table>
+                                </template>
+                                <template
+                                    x-if="!(!(container.HostConfig.PublishAllPorts === true) && ('PortBindings' in container.HostConfig && container.HostConfig.PortBindings !== null && Object.keys(container.HostConfig.PortBindings).length > 0)) && 'ExposedPorts' in container.Config">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <th>Host</th>
+                                                <th>Container</th>
+                                                <th>Protocol</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <template x-for="po of Object.keys(container.Config.ExposedPorts)">
+                                                <tr>
+                                                    <td x-text="po.split('/')[0]"></td>
+                                                    <td x-text="po.split('/')[0]"></td>
+                                                    <td x-text="po.split('/')[1].toUpperCase()"></td>
+                                                </tr>
+                                            </template>
+                                        </tbody>
+                                    </table>
+                                </template>
+                                <template
+                                    x-if="!(!(container.HostConfig.PublishAllPorts === true) && ('PortBindings' in container.HostConfig && container.HostConfig.PortBindings !== null && Object.keys(container.HostConfig.PortBindings).length > 0)) && !('ExposedPorts' in container.Config)">
+                                    <p>No ports mapping</p>
+                                </template>
+                            </div>
+                            <!-- Mounts -->
+                            <div class="tab-pane fade" :id="`storages-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`storages-tab-${container.Id}`" tabindex="0">
+                                <template
+                                    x-if="container.Mounts.length > 0 || (container.HostConfig.Devices !== null && container.HostConfig.Devices.length > 0)">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <th>Type</th>
+                                                <th>Host</th>
+                                                <th>Container</th>
+                                                <th>Mode</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <template x-if="container.Mounts.length > 0">
+                                                <template x-for="vo of container.Mounts">
+                                                    <tr>
+                                                        <td x-text="vo.Type === 'volume' ? 'Volume' : 'Bind'"></td>
+                                                        <td><code
+                                                                x-text="vo.Type === 'volume' ? vo.Name : vo.Source"></code>
+                                                        </td>
+                                                        <td><code x-text="vo.Destination"></code></td>
+                                                        <td x-text="vo.RW === true ? 'Read/Write' : 'Read only'"></td>
+                                                    </tr>
+                                                </template>
+                                            </template>
+                                            <template x-if="container.HostConfig.Devices !== null">
+                                                <template x-for="const vo of container.HostConfig.Devices">
+                                                    <tr>
+                                                        <td x-text="'Device'"></td>
+                                                        <td><code x-text="vo.PathInContainer"></code></td>
+                                                        <td><code x-text="vo.PathOnHost"></code></td>
+                                                        <td
+                                                            x-text="vo.CgroupPermissions === 'rwm' ? 'Read/Write' : 'Read only'">
+                                                        </td>
+                                                    </tr>
+                                                </template>
+                                            </template>
+                                        </tbody>
+                                    </table>
+                                </template>
+                                <template
+                                    x-if="container.Mounts.length == 0 && (container.HostConfig.Devices === null || container.HostConfig.Devices.length === 0)">
+                                    <p>No storage</p>
+                                </template>
+                            </div>
+                            <!-- Network -->
+                            <div class="tab-pane fade" :id="`network-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`network-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Network</dt>
+                                    <dd class="col"><code
+                                            x-text="Object.keys(container.NetworkSettings.Networks)[0]"></code>
+                                    </dd>
+                                </dl>
+                            </div>
+                            <!-- Environment variables -->
+                            <div class="tab-pane fade" :id="`env-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`env-tab-${container.Id}`" tabindex="0">
+                                <template x-if="container.Config.Env.length > 0">
+                                    <template x-for="e of container.Config.Env">
+                                        <dl class="row border-bottom justify-content-start mb-1"
+                                            x-data="{ key: e.split('=')[0], value: e.split('=')[1] }">
+                                            <dt class="col-auto text-nowrap"><code class="text-reset"
+                                                    x-text="key"></code>
+                                            </dt>
+                                            <dd class="col">
+                                                <template x-if="value.length > 0">
+                                                    <code x-text="value"></code>
+                                                </template>
+                                                <template x-if="value.length === 0">
+                                                    <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                                </template>
+                                            </dd>
+                                        </dl>
+                                    </template>
+                                </template>
+                            </div>
+                            <!-- Command -->
+                            <div class=" tab-pane fade" :id="`command-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`command-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Command</dt>
+                                    <dd class="col">
+                                        <template x-if="container.Config.Cmd === null">
+                                            <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                        </template>
+                                        <template x-if="container.Config.Cmd !== null">
+                                            <code x-text="container.Config.Cmd.join(' ')"></code>
+                                        </template>
+                                    </dd>
+                                </dl>
+                            </div>
+                            <!-- Labels -->
+                            <div class="tab-pane fade" :id="`labels-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`labels-tab-${container.Id}`" tabindex="0">
+                                <template x-if="Object.entries(container.Config.Labels).length > 0">
+                                    <template x-for="[key, value] of Object.entries(container.Config.Labels)">
+                                        <dl class="row border-bottom justify-content-start mb-1">
+                                            <dt class="col-auto text-nowrap"><code class="text-reset"
+                                                    x-text="key"></code>
+                                            </dt>
+                                            <dd class="col">
+                                                <template x-if="value.length > 0">
+                                                    <code x-text="value"></code>
+                                                </template>
+                                                <template x-if="value.length === 0">
+                                                    <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                                </template>
+                                            </dd>
+                                        </dl>
+                                    </template>
+                                </template>
+                                <template x-if="Object.entries(container.Config.Labels).length === 0">
+                                    <p>No label</p>
+                                </template>
+                            </div>
+                            <!-- Restart policy -->
+                            <div class="tab-pane fade" :id="`restart-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`restart-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Restart policy</dt>
+                                    <dd class="col" x-text="container.HostConfig.RestartPolicy.Name || 'no'"></dd>
+                                </dl>
+                            </div>
+                            <!-- Capabilities -->
+                            <div class="tab-pane fade" :id="`capabilities-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`capabilities-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Capabilities added</dt>
+                                    <dd class="col">
+                                        <template
+                                            x-if="'CapAdd' in container.HostConfig && container.HostConfig.CapAdd != null">
+                                            <code x-text="container.HostConfig.CapAdd"></code>
+                                        </template>
+                                        <template
+                                            x-if="!('CapAdd' in container.HostConfig && container.HostConfig.CapAdd != null)">
+                                            <code><i class="bi bi-patch-minus" title="No value"></i></code>
+                                        </template>
+                                    </dd>
+
+                                    <dt class="col-auto">Capabilities dropped</dt>
+                                    <dd class="col">
+                                        <template
+                                            x-if="'CapDrop' in container.HostConfig && container.HostConfig.CapDrop != null">
+                                            <code x-text="container.HostConfig.CapDrop"></code>
+                                        </template>
+                                        <template
+                                            x-if="!('CapDrop' in container.HostConfig && container.HostConfig.CapDrop != null)">
+                                            <code><i class="bi bi-patch-minus" title="No value"></i></code>
+                                        </template>
+                                    </dd>
+                                </dl>
+                            </div>
+                            <!-- Resources -->
+                            <div class=" tab-pane fade" :id="`resources-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`resources-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Memory limit</dt>
+                                    <dd class="col"><code
+                                            x-text="'Memory' in container.HostConfig ? parseInt(container.HostConfig.Memory) / 1024 / 1024 : '0'"></code>&nbsp;MB
+                                    </dd>
+                                </dl>
+                            </div>
+                            <!-- Healthcheck -->
+                            <div class="tab-pane fade" :id="`healthcheck-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`healthcheck-tab-${container.Id}`" tabindex="0">
+                                <template x-if="'Healthcheck' in container.Config">
+                                    <dl class="row">
+                                        <dt class="col-sm-2">Test</dt>
+                                        <dd class="col-sm-10 text-nowrap">
+                                            <template
+                                                x-if="'Healthcheck' in container.Config && container.Config.Healthcheck.Test.length > 0">
+                                                <code
+                                                    x-text="container.Config.Healthcheck.Test.slice(1).join(' ')"></code>
+                                            </template>
+                                        </dd>
+
+                                        <dt class="col-sm-2">Interval</dt>
+                                        <dd class="col-sm-10">
+                                            <template x-if="'Interval' in container.Config.Healthcheck">
+                                                <span><code
+                                                        x-text="container.Config.Healthcheck.Interval / 1000 / 1000 / 1000"></code>&nbsp;s</span>
+                                            </template>
+                                            <template x-if="!('Interval' in container.Config.Healthcheck)">
+                                                <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                            </template>
+                                        </dd>
+
+                                        <dt class="col-sm-2">Timeout</dt>
+                                        <dd class="col-sm-10">
+                                            <template x-if="'Timeout' in container.Config.Healthcheck">
+                                                <span><code
+                                                        x-text="container.Config.Healthcheck.Timeout / 1000 / 1000 / 1000"></code>&nbsp;s</span>
+                                            </template>
+                                            <template x-if="!('Timeout' in container.Config.Healthcheck)">
+                                                <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                            </template>
+                                        </dd>
+
+                                        <dt class="col-sm-2">Retries</dt>
+                                        <dd class="col-sm-10">
+                                            <template x-if="'Retries' in container.Config.Healthcheck">
+                                                <span><code
+                                                        x-text="container.Config.Healthcheck.Retries"></code>&nbsp;count(s)</span>
+                                            </template>
+                                            <template x-if="!('Retries' in container.Config.Healthcheck)">
+                                                <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                            </template>
+                                        </dd>
+
+                                        <dt class="col-sm-2">Start period</dt>
+                                        <dd class="col-sm-10">
+                                            <template x-if="'StartPeriod' in container.Config.Healthcheck">
+                                                <span><code
+                                                        x-text="container.Config.Healthcheck.StartPeriod / 1000 / 1000 / 1000"></code>&nbsp;s</span>
+                                            </template>
+                                            <template x-if="!('StartPeriod' in container.Config.Healthcheck)">
+                                                <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                            </template>
+                                        </dd>
+
+                                        <dt class="col-sm-2">Start interval</dt>
+                                        <dd class="col-sm-10">
+                                            <template x-if="'StartInterval' in container.Config.Healthcheck">
+                                                <span><code
+                                                        x-text="container.Config.Healthcheck.StartInterval / 1000 / 1000 / 1000"></code>&nbsp;s</span>
+                                            </template>
+                                            <template x-if="!('StartInterval' in container.Config.Healthcheck)">
+                                                <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                            </template>
+                                        </dd>
+                                    </dl>
+                                </template>
+                                <template x-if="!('Healthcheck' in container.Config)">
+                                    <p>No healthcheck</p>
+                                </template>
+                            </div>
+                            <!-- Logging driver -->
+                            <div class="tab-pane fade" :id="`logging-driver-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`logging-driver-tab-${container.Id}`" tabindex="0">
+                                <template x-if="'LogConfig' in container.HostConfig">
+                                    <dl class="row mb-0">
+                                        <dt class="col-auto">Type</dt>
+                                        <dd class="col"><code x-text="container.HostConfig.LogConfig.Type"></code></dd>
+
+                                        <dt>Config</dt>
+                                        <dd>
+                                            <template
+                                                x-if="Object.entries(container.HostConfig.LogConfig.Config).length > 0">
+                                                <template
+                                                    x-for="[key, value] of Object.entries(container.HostConfig.LogConfig.Config)">
+                                                    <dl class="row justify-content-start mb-1">
+                                                        <dt class="col-auto text-nowrap"><code x-text="key"></code></dt>
+                                                        <dd class="col"><code x-text="value"></code></dd>
+                                                    </dl>
+                                                </template>
+                                            </template>
+                                            <template
+                                                x-if="Object.entries(container.HostConfig.LogConfig.Config).length === 0">
+                                                <span>No Config</span>
+                                            </template>
+                                        </dd>
+                                    </dl>
+                                </template>
+                                <template x-if="!('LogConfig' in container.HostConfig)">
+                                    <p>No logging driver</p>
+                                </template>
+                            </div>
+                            <!-- Extras -->
+                            <div class="tab-pane fade" :id="`extras-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`extras-tab-${container.Id}`" tabindex="0">
+                                <dl class="row">
+                                    <dt class="col-auto">Pid mode</dt>
+                                    <dd class="col">
+                                        <template x-if="container.HostConfig.PidMode !== ''">
+                                            <code x-text="container.HostConfig.PidMode"></code>
+                                        </template>
+                                        <template x-if="container.HostConfig.PidMode === ''">
+                                            <code><i class="bi bi-patch-minus" title="Empty value"></i></code>
+                                        </template>
+                                    </dd>
+                                </dl>
+                            </div>
+                            <!-- Command Exec -->
+                            <div class="tab-pane fade" :id="`exec-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`exec-tab-${container.Id}`" tabindex="0" x-data="exec">
+                                <div class="input-group">
+                                    <label class="input-group-text"
+                                        :for="`exec-command-${container.Id}`">Command</label>
+                                    <input class="form-control font-monospace" :id="`exec-command-${container.Id}`"
+                                        @keyup.enter="exec(container.Id)"
+                                        :disabled="container.State.Running !== true || container.State.Paused === true"
+                                        x-model="cmd" type="text">
+                                    <button class="btn btn-primary"
+                                        :disabled="container.State.Running !== true || container.State.Paused === true"
+                                        @click="exec(container.Id)">Exec</button>
+                                </div>
+
+                                <div class="position-relative" x-data="{ copied: false }">
+                                    <pre x-show="stdout.length > 0"
+                                        class="p-2 mt-3 mb-0 text-light bg-dark overflow-scroll border border-dark-subtle"
+                                        x-text="stdout">
+
+                                        </pre>
+                                    <button x-show="stdout.length > 0" title="Copy to clipboard"
+                                        class="btn position-absolute top-0 end-0" </div>
+                                        @click="navigator.clipboard.writeText(stdout); copied = true; setTimeout(()
+                                        => copied = false, 3000)"><i class="bi text-light"
+                                            :class="copied ? 'bi-check-lg' : 'bi-clipboard'"></i></button>
+                                </div>
+                            </div>
+                            <!-- Terminal -->
+                            <div class="tab-pane fade" :id="`terminal-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`terminal-tab-${container.Id}`" tabindex="0" x-data="terminal">
+                                <div class="input-group">
+                                    <label class="input-group-text" :for="`terminal-${container.Id}`">Shell</label>
+                                    <select class="form-control font-monospace" :id="`terminal-${container.Id}`"
+                                        :disabled="container.State.Running !== true || container.State.Paused === true"
+                                        x-model="shell">
+                                        <option value="/bin/bash"><code>/bin/bash</code></option>
+                                        <option value="/bin/sh"><code>/bin/sh</code></option>
+                                    </select>
+                                    <button class="btn btn-primary"
+                                        :disabled="container.State.Running !== true || container.State.Paused === true"
+                                        @click="openTerminal(container.Id)">Open</button>
+                                </div>
+                                <div class="alert alert-danger mt-3 mb-0" x-show="error" x-text="message"></div>
+                                <div class="p-2 mt-3 rounded-1" x-ref="terminal" x-show="opened"
+                                    style="background-color: #2D2E2C;"></div>
+                            </div>
+                            <!-- Logs -->
+                            <div class="tab-pane fade" :id="`logs-tab-pane-${container.Id}`" role="tabpanel"
+                                :aria-labelledby="`logs-tab-${container.Id}`" tabindex="0"
+                                @get-logs.window="$event.detail.id === container.Id ? getLogs(container.Id):null"
+                                x-data="logs">
+                                <div class="position-relative" x-data="{ copied: false }">
+                                    <pre x-show="logs.length > 0"
+                                        class="p-2 mt-3 mb-0 text-light bg-dark overflow-scroll border border-dark-subtle"
+                                        x-text="logs"></pre>
+                                    <button x-show="logs.length > 0" title="Copy to clipboard"
+                                        class="btn position-absolute top-0 end-0"
+                                        @click="navigator.clipboard.writeText(logs); copied = true; setTimeout(() => copied = false, 3000)"><i
+                                            class="bi text-light"
+                                            :class="copied ? 'bi-check-lg' : 'bi-clipboard'"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </template>
+        </template>
+        <template x-if="containers.length == 0">
+            <p>Searching containers...</p>
+        </template>
+    </div>
+</body>
+<script>
+    document.addEventListener('alpine:init', () => {
+        Alpine.data('exec', () => ({
+            async exec(containerId) {
+                if (this.cmd.length > 0) {
+                    const response = await fetch(`/api/engine/containers/${containerId}/exec`, {
+                        method: 'PUT',
+                        body: JSON.stringify({ cmd: this.cmd.split(' ') }),
+                        headers: {
+                            'Content-Type': 'application/json',
+                        }
+                    });
+                    this.stdout = (await response.json()).stdout;
+                }
+            },
+            stdout: '',
+            cmd: ''
+        }));
+
+        Alpine.data('logs', () => ({
+            async getLogs(containerId) {
+                const response = await fetch(`/api/engine/containers/${containerId}/logs`);
+                this.logs = (await response.text());
+            },
+            logs: ''
+        }));
+
+        Alpine.data('terminal', () => ({
+            async openTerminal(containerId) {
+                const response = await fetch(`/api/engine/containers/${containerId}/ws`, {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json',
+                    }
+                });
+
+                this.error = false;
+                this.message = '';
+
+                if (response.status !== 200) {
+                    this.error = true;
+                    this.message = (await response.json()).message;
+                    return;
+                }
+
+                const result = await response.json();
+
+                let url = new URL(window.location.origin);
+                url.protocol = url.protocol.startsWith("https") ? "wss" : "ws";
+
+                const client = new DockerExecWebsocketClient({
+                    url: url.toString().slice(0, -1) + result.path,
+                    tty: true,
+                    command: [this.shell],
+                });
+                client.execute();
+
+                const elemTerminal = this.$refs.terminal;
+
+                const term = new Terminal({
+                    theme: {
+                        foreground: '#F8F8F8',
+                        background: '#2D2E2C',
+                        selection: '#5DA5D533',
+                        black: '#1E1E1D',
+                        brightBlack: '#262625',
+                        red: '#CE5C5C',
+                        brightRed: '#FF7272',
+                        green: '#5BCC5B',
+                        brightGreen: '#72FF72',
+                        yellow: '#CCCC5B',
+                        brightYellow: '#FFFF72',
+                        blue: '#5D5DD3',
+                        brightBlue: '#7279FF',
+                        magenta: '#BC5ED1',
+                        brightMagenta: '#E572FF',
+                        cyan: '#5DA5D5',
+                        brightCyan: '#72F0FF',
+                        white: '#F8F8F8',
+                        brightWhite: '#FFFFFF'
+                    },
+                    cursorBlink: true
+                });
+
+                term.open(elemTerminal);
+                this.opened = true;
+                await new Promise(r => setTimeout(r, 20));
+                term.focus();
+
+                term.onData(e => {
+                    client.stdin.write(e);
+                });
+
+                client.stdout.on('data', function (data) {
+                    term.write(String.fromCharCode.apply(null, data));
+                });
+
+                client.stderr.on('data', function (data) {
+                    term.write(String.fromCharCode.apply(null, data));
+                });
+
+                client.on("exit", e => {
+                    this.destroyTerminal(term)
+                });
+
+                client.on("shutdown", e => {
+                    this.destroyTerminal(term)
+                });
+            },
+
+            destroyTerminal(term) {
+                term.dispose();
+                this.opened = false;
+            },
+
+            shell: '/bin/bash',
+            opened: false,
+            error: false,
+            message: '',
+        }));
+    });
+</script>
+
+</html>