From 89644a831b1d3f20615f80ff8dba3b06d9260851 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Felipe=20Araujo?=
 <josefelipearaujo@Mac-mini.local>
Date: Mon, 28 Jul 2025 22:31:39 -0300
Subject: [PATCH 1/6] feat: add secrets manager view

---
 README.md                                     |   8 +-
 .../localstack/start-localstack.sh            |  26 +-
 docker-compose.yml                            |  14 +-
 package-lock.json                             | 620 ++++++++++++++++--
 package.json                                  |   1 +
 src/App.vue                                   |  62 +-
 src/router/routes.js                          |  28 +-
 src/stores/app.js                             |  30 +-
 src/views/Dashboard.vue                       | 128 ++--
 src/views/SecretsManagerView.vue              | 355 ++++++++++
 10 files changed, 1062 insertions(+), 210 deletions(-)
 create mode 100644 src/views/SecretsManagerView.vue

diff --git a/README.md b/README.md
index 7c81b25..5a7a989 100644
--- a/README.md
+++ b/README.md
@@ -99,6 +99,12 @@ Uma aplicação frontend moderna desenvolvida com **Vue.js 3** e **Vuetify 3** q
 - ✅ Configurar templates de email
 - ✅ Monitor de bounces e complaints
 
+### 🔒 Secrets Manager
+- ✅ Listar todos os secrets
+- ✅ Criar novos secrets
+- ✅ Deletar os secrets
+- ✅ Visualizar o conteúdo dos secrets
+
 ### 🎨 Interface do Usuário
 - ✅ Design moderno e responsivo com Material Design 3
 - ✅ Tema claro/escuro com persistência
@@ -125,7 +131,7 @@ Uma aplicação frontend moderna desenvolvida com **Vue.js 3** e **Vuetify 3** q
 
 ## 📋 Pré-requisitos
 
-- Node.js 18+ 
+- Node.js 18+
 - npm ou yarn
 - Docker e Docker Compose (para execução com containers)
 
diff --git a/development-environment/localstack/start-localstack.sh b/development-environment/localstack/start-localstack.sh
index 557c502..b5b0e95 100755
--- a/development-environment/localstack/start-localstack.sh
+++ b/development-environment/localstack/start-localstack.sh
@@ -121,13 +121,13 @@ awslocal kinesis put-record \
 # Create a simple Lambda function (if zip is available)
 if command -v zip >/dev/null; then
   echo "⚡ Creating sample Lambda function..."
-  
+
   # Create temporary directory for Lambda
   mkdir -p /tmp/lambda-sample
   cat > /tmp/lambda-sample/index.js << 'EOF'
 exports.handler = async (event) => {
   console.log('Event:', JSON.stringify(event, null, 2));
-  
+
   const response = {
     statusCode: 200,
     body: JSON.stringify({
@@ -136,15 +136,15 @@ exports.handler = async (event) => {
       timestamp: new Date().toISOString()
     })
   };
-  
+
   return response;
 };
 EOF
-  
+
   # Create zip file
   cd /tmp/lambda-sample
   zip function.zip index.js
-  
+
   # Create Lambda function
   awslocal lambda create-function \
     --function-name sample-function \
@@ -152,15 +152,26 @@ EOF
     --role arn:aws:iam::000000000000:role/lambda-role \
     --handler index.handler \
     --zip-file fileb://function.zip
-  
+
   # Clean up
   rm -rf /tmp/lambda-sample
-  
+
   echo "✅ Lambda function created successfully!"
 else
   echo "⚠️  Zip not available, skipping Lambda function creation"
 fi
 
+# Create Sample Secrets
+awslocal secretsmanager create-secret \
+    --name sample-secret \
+    --description "Sample Secret" \
+    --secret-string "Sample Data"
+
+awslocal secretsmanager create-secret \
+    --name sample-json-secret \
+    --description "Sample JSON Secret" \
+    --secret-string "{\"user\":\"my-user\",\"password\":\"my-password\"}"
+
 echo ""
 echo "🎉 Sample data setup complete!"
 echo ""
@@ -172,6 +183,7 @@ echo "   Lambda Functions: sample-function (if zip available)"
 echo "   S3 Buckets: sample-bucket-1, sample-bucket-2, images-bucket"
 echo "   SNS Topics: create-order-topic, order-created-topic"
 echo "   SQS Queues: sample-queue, orders-queue, notifications-queue"
+echo "   Secrets Manager: sample-secret, sample-json-secret"
 echo ""
 echo "🌐 Open the LocalStack Web interface at http://localhost:3000 to explore!"
 
diff --git a/docker-compose.yml b/docker-compose.yml
index c79b452..66eddf9 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,14 +1,14 @@
-version: "3"
+version: '3'
 
 services:
   localstack:
     image: localstack/localstack:3.1
     ports:
-      - "127.0.0.1:4510-4559:4510-4559"  # external service port range
-      - "127.0.0.1:4566:4566"            # LocalStack Edge Proxy
+      - '127.0.0.1:4510-4559:4510-4559' # external service port range
+      - '127.0.0.1:4566:4566' # LocalStack Edge Proxy
     environment:
       - DEBUG=${DEBUG:-0}
-      - SERVICES=sns,sqs,s3,ses,lambda,dynamodb,kinesis,kms
+      - SERVICES=sns,sqs,s3,ses,lambda,dynamodb,kinesis,kms,secretsmanager
       - DISABLE_CORS_CHECKS=1
       - DISABLE_CORS_HANDLERS=1
       - SKIP_CORS_PREFLIGHT=1
@@ -18,8 +18,8 @@ services:
       - EXTRA_CORS_ALLOWED_HEADERS=*
       - EXTRA_CORS_ALLOWED_METHODS=GET,POST,PUT,DELETE,HEAD,OPTIONS
     volumes:
-      - "${TMPDIR:-/tmp}/localstack:/var/lib/localstack"
-      - "/var/run/docker.sock:/var/run/docker.sock"
+      - '${TMPDIR:-/tmp}/localstack:/var/lib/localstack'
+      - '/var/run/docker.sock:/var/run/docker.sock'
       - ./development-environment/localstack:/etc/localstack/init/ready.d
     networks:
       - localstack-web-net
@@ -35,7 +35,7 @@ services:
         - VITE_AWS_SECRET_ACCESS_KEY=test
     container_name: localstack-web
     ports:
-      - "3000:80"
+      - '3000:80'
     depends_on:
       - localstack
     networks:
diff --git a/package-lock.json b/package-lock.json
index c0d5cc5..597fc7d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@aws-sdk/client-kms": "^3.400.0",
         "@aws-sdk/client-lambda": "^3.400.0",
         "@aws-sdk/client-s3": "^3.400.0",
+        "@aws-sdk/client-secrets-manager": "^3.855.0",
         "@aws-sdk/client-ses": "^3.839.0",
         "@aws-sdk/client-sns": "^3.400.0",
         "@aws-sdk/client-sqs": "^3.400.0",
@@ -293,19 +294,6 @@
         "node": ">=18.0.0"
       }
     },
-    "node_modules/@aws-sdk/client-dynamodb/node_modules/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
     "node_modules/@aws-sdk/client-kinesis": {
       "version": "3.835.0",
       "resolved": "https://registry.npmjs.org/@aws-sdk/client-kinesis/-/client-kinesis-3.835.0.tgz",
@@ -534,19 +522,511 @@
         "node": ">=18.0.0"
       }
     },
-    "node_modules/@aws-sdk/client-s3/node_modules/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+    "node_modules/@aws-sdk/client-secrets-manager": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-secrets-manager/-/client-secrets-manager-3.855.0.tgz",
+      "integrity": "sha512-qQ9G9nQB85DM7d7uyjmPXKN+VYai25hPJzd8hc21gLT8vFRwcoq3FWrMKO3OBqSlGsGasx7kVLFljdmKP2eVQg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/credential-provider-node": "3.855.0",
+        "@aws-sdk/middleware-host-header": "3.840.0",
+        "@aws-sdk/middleware-logger": "3.840.0",
+        "@aws-sdk/middleware-recursion-detection": "3.840.0",
+        "@aws-sdk/middleware-user-agent": "3.855.0",
+        "@aws-sdk/region-config-resolver": "3.840.0",
+        "@aws-sdk/types": "3.840.0",
+        "@aws-sdk/util-endpoints": "3.848.0",
+        "@aws-sdk/util-user-agent-browser": "3.840.0",
+        "@aws-sdk/util-user-agent-node": "3.855.0",
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/core": "^3.7.0",
+        "@smithy/fetch-http-handler": "^5.1.0",
+        "@smithy/hash-node": "^4.0.4",
+        "@smithy/invalid-dependency": "^4.0.4",
+        "@smithy/middleware-content-length": "^4.0.4",
+        "@smithy/middleware-endpoint": "^4.1.15",
+        "@smithy/middleware-retry": "^4.1.16",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/node-http-handler": "^4.1.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.7",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-body-length-node": "^4.0.0",
+        "@smithy/util-defaults-mode-browser": "^4.0.23",
+        "@smithy/util-defaults-mode-node": "^4.0.23",
+        "@smithy/util-endpoints": "^3.0.6",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.6",
+        "@smithy/util-utf8": "^4.0.0",
+        "@types/uuid": "^9.0.1",
+        "tslib": "^2.6.2",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/client-sso": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-sso/-/client-sso-3.855.0.tgz",
+      "integrity": "sha512-4gFvnn8oL9DeJp4fc5KoOB/v20eUuoYkElMCegnGA2AG1nPkf6igib16+Dt2xhoCmkA3cX5FET9gKI2hY7RiQw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/middleware-host-header": "3.840.0",
+        "@aws-sdk/middleware-logger": "3.840.0",
+        "@aws-sdk/middleware-recursion-detection": "3.840.0",
+        "@aws-sdk/middleware-user-agent": "3.855.0",
+        "@aws-sdk/region-config-resolver": "3.840.0",
+        "@aws-sdk/types": "3.840.0",
+        "@aws-sdk/util-endpoints": "3.848.0",
+        "@aws-sdk/util-user-agent-browser": "3.840.0",
+        "@aws-sdk/util-user-agent-node": "3.855.0",
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/core": "^3.7.0",
+        "@smithy/fetch-http-handler": "^5.1.0",
+        "@smithy/hash-node": "^4.0.4",
+        "@smithy/invalid-dependency": "^4.0.4",
+        "@smithy/middleware-content-length": "^4.0.4",
+        "@smithy/middleware-endpoint": "^4.1.15",
+        "@smithy/middleware-retry": "^4.1.16",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/node-http-handler": "^4.1.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.7",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-body-length-node": "^4.0.0",
+        "@smithy/util-defaults-mode-browser": "^4.0.23",
+        "@smithy/util-defaults-mode-node": "^4.0.23",
+        "@smithy/util-endpoints": "^3.0.6",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.6",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/core": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/core/-/core-3.855.0.tgz",
+      "integrity": "sha512-viFAe3IB64xEFjl/OMw0af+tD+v8Ei09+0Fn69y+HoF5ESSJyNIZnj/U69OhpzdSCO65aathBNdYhG+AMbMLhw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@aws-sdk/xml-builder": "3.821.0",
+        "@smithy/core": "^3.7.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/signature-v4": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.7",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-utf8": "^4.0.0",
+        "fast-xml-parser": "5.2.5",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-env": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-env/-/credential-provider-env-3.855.0.tgz",
+      "integrity": "sha512-2hKTkrb4RG+eXE+OpKW0ST75ti32ExtJlzK5TEDd+STVJBWTf6W6bxhP6GzfeyYQ5XGSUSI94X5eXhBOLdAJ6A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-http": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-http/-/credential-provider-http-3.855.0.tgz",
+      "integrity": "sha512-JxZ6VBpU9z6YQLhIDIC9wYojsgAGKmYaFQt0fBvwaeUF/P65kN8q+y/35tMFDPSiJ9XXu6tsJrgFvIldYt6+Zw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/fetch-http-handler": "^5.1.0",
+        "@smithy/node-http-handler": "^4.1.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.7",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-stream": "^4.2.3",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-ini": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-ini/-/credential-provider-ini-3.855.0.tgz",
+      "integrity": "sha512-wbdQI1N9xU3bnFDzU9Iq4fqpJbgNq4sVvxdhx0YgBMir+cmAuHgjmAuNZIBKHbH3+23snySzDfY6hTAZeBkPag==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/credential-provider-env": "3.855.0",
+        "@aws-sdk/credential-provider-http": "3.855.0",
+        "@aws-sdk/credential-provider-process": "3.855.0",
+        "@aws-sdk/credential-provider-sso": "3.855.0",
+        "@aws-sdk/credential-provider-web-identity": "3.855.0",
+        "@aws-sdk/nested-clients": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/credential-provider-imds": "^4.0.6",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-node": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-node/-/credential-provider-node-3.855.0.tgz",
+      "integrity": "sha512-n6IH1wLrAJYb2JSN/hKzNU1h7UiqnxpI4m3ScTNZJmkpCub9Q+TVugnnWGdyRmszz5gsKim5n9AiNVXddtA/UQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "3.855.0",
+        "@aws-sdk/credential-provider-http": "3.855.0",
+        "@aws-sdk/credential-provider-ini": "3.855.0",
+        "@aws-sdk/credential-provider-process": "3.855.0",
+        "@aws-sdk/credential-provider-sso": "3.855.0",
+        "@aws-sdk/credential-provider-web-identity": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/credential-provider-imds": "^4.0.6",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-process": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-process/-/credential-provider-process-3.855.0.tgz",
+      "integrity": "sha512-GmJ6eCB7TYicXKPIq+hxq9ZBJDn6fGPdH/ptgSj0MNKzmie8zqWKRYDri9cy3zLmz7+b7JHy1t158Z8kp7RsXQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-sso": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-sso/-/credential-provider-sso-3.855.0.tgz",
+      "integrity": "sha512-oXI/YQdTj/9unzyOQM/OxAtd85U3oACleyVoldawl/n5NdY215sEGW94uEw1Jg20jIoRFYt++Fw0UDXMQhhNow==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/client-sso": "3.855.0",
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/token-providers": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/credential-provider-web-identity": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-web-identity/-/credential-provider-web-identity-3.855.0.tgz",
+      "integrity": "sha512-x4BqqvqFc5aUxT9jNSm3yUiRkrQuXbdTMtshmG5/zzErASuLIixOmaPreqdb5MMqoyqdrNJSoL+u6YEfvOeB1Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/nested-clients": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/middleware-host-header": {
+      "version": "3.840.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-host-header/-/middleware-host-header-3.840.0.tgz",
+      "integrity": "sha512-ub+hXJAbAje94+Ya6c6eL7sYujoE8D4Bumu1NUI8TXjUhVVn0HzVWQjpRLshdLsUp1AW7XyeJaxyajRaJQ8+Xg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/middleware-logger": {
+      "version": "3.840.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-logger/-/middleware-logger-3.840.0.tgz",
+      "integrity": "sha512-lSV8FvjpdllpGaRspywss4CtXV8M7NNNH+2/j86vMH+YCOZ6fu2T/TyFd/tHwZ92vDfHctWkRbQxg0bagqwovA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/middleware-recursion-detection": {
+      "version": "3.840.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-recursion-detection/-/middleware-recursion-detection-3.840.0.tgz",
+      "integrity": "sha512-Gu7lGDyfddyhIkj1Z1JtrY5NHb5+x/CRiB87GjaSrKxkDaydtX2CU977JIABtt69l9wLbcGDIQ+W0uJ5xPof7g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/middleware-user-agent": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-user-agent/-/middleware-user-agent-3.855.0.tgz",
+      "integrity": "sha512-jYi5ZI+xy0/Xj7fCeSFMNWab2APnwqYhMbZEb71P5YTyYFgIGhPUOXkSxGRX5Y+aSifG3Kw+/OYVE0AKJioPbQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@aws-sdk/util-endpoints": "3.848.0",
+        "@smithy/core": "^3.7.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/nested-clients": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/nested-clients/-/nested-clients-3.855.0.tgz",
+      "integrity": "sha512-l/ZpcSCYQ+cJsY9NgsEZjn1RR71JQwOMCGJUqAz+dxg7qovmy2ckuHzknBr3W5N6rNcVESbhjzcZKCmu2UaeFQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/middleware-host-header": "3.840.0",
+        "@aws-sdk/middleware-logger": "3.840.0",
+        "@aws-sdk/middleware-recursion-detection": "3.840.0",
+        "@aws-sdk/middleware-user-agent": "3.855.0",
+        "@aws-sdk/region-config-resolver": "3.840.0",
+        "@aws-sdk/types": "3.840.0",
+        "@aws-sdk/util-endpoints": "3.848.0",
+        "@aws-sdk/util-user-agent-browser": "3.840.0",
+        "@aws-sdk/util-user-agent-node": "3.855.0",
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/core": "^3.7.0",
+        "@smithy/fetch-http-handler": "^5.1.0",
+        "@smithy/hash-node": "^4.0.4",
+        "@smithy/invalid-dependency": "^4.0.4",
+        "@smithy/middleware-content-length": "^4.0.4",
+        "@smithy/middleware-endpoint": "^4.1.15",
+        "@smithy/middleware-retry": "^4.1.16",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/node-http-handler": "^4.1.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.7",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-body-length-node": "^4.0.0",
+        "@smithy/util-defaults-mode-browser": "^4.0.23",
+        "@smithy/util-defaults-mode-node": "^4.0.23",
+        "@smithy/util-endpoints": "^3.0.6",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.6",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/region-config-resolver": {
+      "version": "3.840.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/region-config-resolver/-/region-config-resolver-3.840.0.tgz",
+      "integrity": "sha512-Qjnxd/yDv9KpIMWr90ZDPtRj0v75AqGC92Lm9+oHXZ8p1MjG5JE2CW0HL8JRgK9iKzgKBL7pPQRXI8FkvEVfrA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-config-provider": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/token-providers": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/token-providers/-/token-providers-3.855.0.tgz",
+      "integrity": "sha512-Ieh86MA+lOtvLAuCsT/gX5PSHkfmE7AnItT2ZFZddvu+s4LWWjDfAF0ktsR0H6166P7yAWTovfbEtORB3XzoTQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.855.0",
+        "@aws-sdk/nested-clients": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/types": {
+      "version": "3.840.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/types/-/types-3.840.0.tgz",
+      "integrity": "sha512-xliuHaUFZxEx1NSXeLLZ9Dyu6+EJVQKEoD+yM+zqUo3YDZ7medKJWY6fIOKiPX/N7XbLdBYwajb15Q7IL8KkeA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/util-endpoints": {
+      "version": "3.848.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.848.0.tgz",
+      "integrity": "sha512-fY/NuFFCq/78liHvRyFKr+aqq1aA/uuVSANjzr5Ym8c+9Z3HRPE9OrExAHoMrZ6zC8tHerQwlsXYYH5XZ7H+ww==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-endpoints": "^3.0.6",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/util-user-agent-browser": {
+      "version": "3.840.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-browser/-/util-user-agent-browser-3.840.0.tgz",
+      "integrity": "sha512-JdyZM3EhhL4PqwFpttZu1afDpPJCCc3eyZOLi+srpX11LsGj6sThf47TYQN75HT1CarZ7cCdQHGzP2uy3/xHfQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/types": "^4.3.1",
+        "bowser": "^2.11.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/@aws-sdk/util-user-agent-node": {
+      "version": "3.855.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-node/-/util-user-agent-node-3.855.0.tgz",
+      "integrity": "sha512-leDOlnChk+0qRYtc70X1KZCe/TAFNHUGtvqLE6bqdr08V446hYhmtHT9LXnZtflzbIb9zpgrzSXXigWz3GH6uA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/middleware-user-agent": "3.855.0",
+        "@aws-sdk/types": "3.840.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "aws-crt": ">=1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "aws-crt": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/fast-xml-parser": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.2.5.tgz",
+      "integrity": "sha512-pfX9uG9Ki0yekDHx2SiuRIyFdyAr1kMIMitPvb0YBo8SUfKvia7w7FIyd/l6av85pFYRhZscS75MwMnbvY+hcQ==",
       "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
       ],
       "license": "MIT",
+      "dependencies": {
+        "strnum": "^2.1.0"
+      },
       "bin": {
-        "uuid": "dist/bin/uuid"
+        "fxparser": "src/cli/cli.js"
       }
     },
+    "node_modules/@aws-sdk/client-secrets-manager/node_modules/strnum": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.1.1.tgz",
+      "integrity": "sha512-7ZvoFTiCnGxBtDqJ//Cu6fWtZtc7Y3x+QOirG15wztbdngGSkht27o2pyGWrVy0b4WAy3jbKmnoK6g5VlVNUUw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/@aws-sdk/client-ses": {
       "version": "3.839.0",
       "resolved": "https://registry.npmjs.org/@aws-sdk/client-ses/-/client-ses-3.839.0.tgz",
@@ -2547,9 +3027,9 @@
       }
     },
     "node_modules/@smithy/core": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@smithy/core/-/core-3.6.0.tgz",
-      "integrity": "sha512-Pgvfb+TQ4wUNLyHzvgCP4aYZMh16y7GcfF59oirRHcgGgkH1e/s9C0nv/v3WP+Quymyr5je71HeFQCwh+44XLg==",
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@smithy/core/-/core-3.7.2.tgz",
+      "integrity": "sha512-JoLw59sT5Bm8SAjFCYZyuCGxK8y3vovmoVbZWLDPTH5XpPEIwpFd9m90jjVMwoypDuB/SdVgje5Y4T7w50lJaw==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/middleware-serde": "^4.0.8",
@@ -2558,7 +3038,7 @@
         "@smithy/util-base64": "^4.0.0",
         "@smithy/util-body-length-browser": "^4.0.0",
         "@smithy/util-middleware": "^4.0.4",
-        "@smithy/util-stream": "^4.2.2",
+        "@smithy/util-stream": "^4.2.3",
         "@smithy/util-utf8": "^4.0.0",
         "tslib": "^2.6.2"
       },
@@ -2653,9 +3133,9 @@
       }
     },
     "node_modules/@smithy/fetch-http-handler": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-5.0.4.tgz",
-      "integrity": "sha512-AMtBR5pHppYMVD7z7G+OlHHAcgAN7v0kVKEpHuTO4Gb199Gowh0taYi9oDStFeUhetkeP55JLSVlTW1n9rFtUw==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-5.1.0.tgz",
+      "integrity": "sha512-mADw7MS0bYe2OGKkHYMaqarOXuDwRbO6ArD91XhHcl2ynjGCFF+hvqf0LyQcYxkA1zaWjefSkU7Ne9mqgApSgQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/protocol-http": "^5.1.2",
@@ -2766,12 +3246,12 @@
       }
     },
     "node_modules/@smithy/middleware-endpoint": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-endpoint/-/middleware-endpoint-4.1.13.tgz",
-      "integrity": "sha512-xg3EHV/Q5ZdAO5b0UiIMj3RIOCobuS40pBBODguUDVdko6YK6QIzCVRrHTogVuEKglBWqWenRnZ71iZnLL3ZAQ==",
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-endpoint/-/middleware-endpoint-4.1.17.tgz",
+      "integrity": "sha512-S3hSGLKmHG1m35p/MObQCBCdRsrpbPU8B129BVzRqRfDvQqPMQ14iO4LyRw+7LNizYc605COYAcjqgawqi+6jA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/core": "^3.6.0",
+        "@smithy/core": "^3.7.2",
         "@smithy/middleware-serde": "^4.0.8",
         "@smithy/node-config-provider": "^4.1.3",
         "@smithy/shared-ini-file-loader": "^4.0.4",
@@ -2785,15 +3265,15 @@
       }
     },
     "node_modules/@smithy/middleware-retry": {
-      "version": "4.1.14",
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-retry/-/middleware-retry-4.1.14.tgz",
-      "integrity": "sha512-eoXaLlDGpKvdmvt+YBfRXE7HmIEtFF+DJCbTPwuLunP0YUnrydl+C4tS+vEM0+nyxXrX3PSUFqC+lP1+EHB1Tw==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-retry/-/middleware-retry-4.1.18.tgz",
+      "integrity": "sha512-bYLZ4DkoxSsPxpdmeapvAKy7rM5+25gR7PGxq2iMiecmbrRGBHj9s75N74Ylg+aBiw9i5jIowC/cLU2NR0qH8w==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/node-config-provider": "^4.1.3",
         "@smithy/protocol-http": "^5.1.2",
         "@smithy/service-error-classification": "^4.0.6",
-        "@smithy/smithy-client": "^4.4.5",
+        "@smithy/smithy-client": "^4.4.9",
         "@smithy/types": "^4.3.1",
         "@smithy/util-middleware": "^4.0.4",
         "@smithy/util-retry": "^4.0.6",
@@ -2804,19 +3284,6 @@
         "node": ">=18.0.0"
       }
     },
-    "node_modules/@smithy/middleware-retry/node_modules/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
     "node_modules/@smithy/middleware-serde": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/@smithy/middleware-serde/-/middleware-serde-4.0.8.tgz",
@@ -2860,9 +3327,9 @@
       }
     },
     "node_modules/@smithy/node-http-handler": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-4.0.6.tgz",
-      "integrity": "sha512-NqbmSz7AW2rvw4kXhKGrYTiJVDHnMsFnX4i+/FzcZAfbOBauPYs2ekuECkSbtqaxETLLTu9Rl/ex6+I2BKErPA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-4.1.0.tgz",
+      "integrity": "sha512-vqfSiHz2v8b3TTTrdXi03vNz1KLYYS3bhHCDv36FYDqxT7jvTll1mMnCrkD+gOvgwybuunh/2VmvOMqwBegxEg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/abort-controller": "^4.0.4",
@@ -2973,17 +3440,17 @@
       }
     },
     "node_modules/@smithy/smithy-client": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/@smithy/smithy-client/-/smithy-client-4.4.5.tgz",
-      "integrity": "sha512-+lynZjGuUFJaMdDYSTMnP/uPBBXXukVfrJlP+1U/Dp5SFTEI++w6NMga8DjOENxecOF71V9Z2DllaVDYRnGlkg==",
+      "version": "4.4.9",
+      "resolved": "https://registry.npmjs.org/@smithy/smithy-client/-/smithy-client-4.4.9.tgz",
+      "integrity": "sha512-mbMg8mIUAWwMmb74LoYiArP04zWElPzDoA1jVOp3or0cjlDMgoS6WTC3QXK0Vxoc9I4zdrX0tq6qsOmaIoTWEQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/core": "^3.6.0",
-        "@smithy/middleware-endpoint": "^4.1.13",
+        "@smithy/core": "^3.7.2",
+        "@smithy/middleware-endpoint": "^4.1.17",
         "@smithy/middleware-stack": "^4.0.4",
         "@smithy/protocol-http": "^5.1.2",
         "@smithy/types": "^4.3.1",
-        "@smithy/util-stream": "^4.2.2",
+        "@smithy/util-stream": "^4.2.3",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -3080,13 +3547,13 @@
       }
     },
     "node_modules/@smithy/util-defaults-mode-browser": {
-      "version": "4.0.21",
-      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.0.21.tgz",
-      "integrity": "sha512-wM0jhTytgXu3wzJoIqpbBAG5U6BwiubZ6QKzSbP7/VbmF1v96xlAbX2Am/mz0Zep0NLvLh84JT0tuZnk3wmYQA==",
+      "version": "4.0.25",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.0.25.tgz",
+      "integrity": "sha512-pxEWsxIsOPLfKNXvpgFHBGFC3pKYKUFhrud1kyooO9CJai6aaKDHfT10Mi5iiipPXN/JhKAu3qX9o75+X85OdQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/property-provider": "^4.0.4",
-        "@smithy/smithy-client": "^4.4.5",
+        "@smithy/smithy-client": "^4.4.9",
         "@smithy/types": "^4.3.1",
         "bowser": "^2.11.0",
         "tslib": "^2.6.2"
@@ -3096,16 +3563,16 @@
       }
     },
     "node_modules/@smithy/util-defaults-mode-node": {
-      "version": "4.0.21",
-      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.0.21.tgz",
-      "integrity": "sha512-/F34zkoU0GzpUgLJydHY8Rxu9lBn8xQC/s/0M0U9lLBkYbA1htaAFjWYJzpzsbXPuri5D1H8gjp2jBum05qBrA==",
+      "version": "4.0.25",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.0.25.tgz",
+      "integrity": "sha512-+w4n4hKFayeCyELZLfsSQG5mCC3TwSkmRHv4+el5CzFU8ToQpYGhpV7mrRzqlwKkntlPilT1HJy1TVeEvEjWOQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/config-resolver": "^4.1.4",
         "@smithy/credential-provider-imds": "^4.0.6",
         "@smithy/node-config-provider": "^4.1.3",
         "@smithy/property-provider": "^4.0.4",
-        "@smithy/smithy-client": "^4.4.5",
+        "@smithy/smithy-client": "^4.4.9",
         "@smithy/types": "^4.3.1",
         "tslib": "^2.6.2"
       },
@@ -3167,13 +3634,13 @@
       }
     },
     "node_modules/@smithy/util-stream": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@smithy/util-stream/-/util-stream-4.2.2.tgz",
-      "integrity": "sha512-aI+GLi7MJoVxg24/3J1ipwLoYzgkB4kUfogZfnslcYlynj3xsQ0e7vk4TnTro9hhsS5PvX1mwmkRqqHQjwcU7w==",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@smithy/util-stream/-/util-stream-4.2.3.tgz",
+      "integrity": "sha512-cQn412DWHHFNKrQfbHY8vSFI3nTROY1aIKji9N0tpp8gUABRilr7wdf8fqBbSlXresobM+tQFNk6I+0LXK/YZg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/fetch-http-handler": "^5.0.4",
-        "@smithy/node-http-handler": "^4.0.6",
+        "@smithy/fetch-http-handler": "^5.1.0",
+        "@smithy/node-http-handler": "^4.1.0",
         "@smithy/types": "^4.3.1",
         "@smithy/util-base64": "^4.0.0",
         "@smithy/util-buffer-from": "^4.0.0",
@@ -5296,6 +5763,19 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "license": "MIT"
     },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/vite": {
       "version": "5.4.19",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
diff --git a/package.json b/package.json
index 70254be..3547c11 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@aws-sdk/client-kms": "^3.400.0",
     "@aws-sdk/client-lambda": "^3.400.0",
     "@aws-sdk/client-s3": "^3.400.0",
+    "@aws-sdk/client-secrets-manager": "^3.855.0",
     "@aws-sdk/client-ses": "^3.839.0",
     "@aws-sdk/client-sns": "^3.400.0",
     "@aws-sdk/client-sqs": "^3.400.0",
diff --git a/src/App.vue b/src/App.vue
index c4b969e..771e154 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,8 @@
 <template>
   <v-app>
-    <v-navigation-drawer
-      v-model="drawer"
-      app
-      clipped
-      :width="280"
-    >
+    <v-navigation-drawer v-model="drawer" app clipped :width="280">
       <v-list nav dense>
-        <v-list-item
-          :to="'/'"
-          router
-          exact
-        >
+        <v-list-item :to="'/'" router exact>
           <template v-slot:prepend>
             <v-icon>mdi-view-dashboard</v-icon>
           </template>
@@ -19,17 +10,10 @@
         </v-list-item>
       </v-list>
 
-
       <v-divider></v-divider>
-      
+
       <v-list nav dense>
-        <v-list-item
-          v-for="item in menuItems"
-          :key="item.title"
-          :to="item.to"
-          router
-          exact
-        >
+        <v-list-item v-for="item in menuItems" :key="item.title" :to="item.to" router exact>
           <template v-slot:prepend>
             <v-icon>{{ item.icon }}</v-icon>
           </template>
@@ -38,28 +22,18 @@
       </v-list>
     </v-navigation-drawer>
 
-    <v-app-bar
-      app
-      clipped-left
-      color="primary"
-      dark
-    >
-      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>      
-      
+    <v-app-bar app clipped-left color="primary" dark>
+      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
+
       <v-toolbar-title class="text-h4">
         <div class="d-flex align-center">
-          <img 
-            :src="logoImage" 
-            alt="LocalStack Logo" 
-            height="45"
-            class="mr-2"
-          />
+          <img :src="logoImage" alt="LocalStack Logo" height="45" class="mr-2" />
           LocalStack Web
         </div>
       </v-toolbar-title>
-      
+
       <v-spacer></v-spacer>
-      
+
       <v-chip
         :color="connectionStatus === 'connected' ? 'success' : 'error'"
         :style="{ marginRight: '16px' }"
@@ -72,7 +46,6 @@
         {{ connectionStatus === 'connected' ? 'Conectado' : 'Desconectado' }}
       </v-chip>
 
-
       <v-tooltip :text="isDark ? 'Modo Claro' : 'Modo Escuro'" location="bottom">
         <template v-slot:activator="{ props }">
           <v-btn icon @click="toggleTheme" v-bind="props">
@@ -96,7 +69,6 @@
           </v-btn>
         </template>
       </v-tooltip>
-
     </v-app-bar>
 
     <v-main>
@@ -129,19 +101,10 @@
     </v-dialog>
 
     <!-- Global Snackbar -->
-    <v-snackbar
-      v-model="snackbar.show"
-      :color="snackbar.color"
-      :timeout="snackbar.timeout"
-    >
+    <v-snackbar v-model="snackbar.show" :color="snackbar.color" :timeout="snackbar.timeout">
       {{ snackbar.text }}
       <template v-slot:actions>
-        <v-btn
-          variant="text"
-          @click="snackbar.show = false"
-        >
-          Fechar
-        </v-btn>
+        <v-btn variant="text" @click="snackbar.show = false"> Fechar </v-btn>
       </template>
     </v-snackbar>
   </v-app>
@@ -168,6 +131,7 @@ const menuItems = [
   { title: 'DynamoDB Tables', icon: 'mdi-table', to: '/dynamodb' },
   { title: 'Kinesis Streams', icon: 'mdi-view-stream', to: '/kinesis' },
   { title: 'KMS Keys', icon: 'mdi-key', to: '/kms' },
+  { title: 'Secrets Manager', icon: 'mdi-lock', to: '/secrets-manager' },
   { title: 'Lambda Functions', icon: 'mdi-function', to: '/lambda' },
   { title: 'S3 Buckets', icon: 'mdi-folder-multiple', to: '/s3' },
   { title: 'SES Emails', icon: 'mdi-email-multiple', to: '/ses' },
diff --git a/src/router/routes.js b/src/router/routes.js
index dbcdecb..9087269 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -8,56 +8,62 @@ import SNSView from '@/views/SNSView.vue'
 import KMSView from '@/views/KMSView.vue'
 import AboutView from '@/views/AboutView.vue'
 import SESView from '@/views/SESView.vue'
+import SecretsManagerView from '@/views/SecretsManagerView.vue'
 
 export default [
   {
     path: '/',
     name: 'Dashboard',
-    component: Dashboard
+    component: Dashboard,
   },
   {
     path: '/s3',
     name: 'S3',
-    component: S3View
+    component: S3View,
   },
   {
     path: '/ses',
     name: 'SES',
-    component: SESView
+    component: SESView,
   },
   {
     path: '/sqs',
     name: 'SQS',
-    component: SQSView
+    component: SQSView,
   },
   {
     path: '/dynamodb',
     name: 'DynamoDB',
-    component: DynamoDBView
+    component: DynamoDBView,
   },
   {
     path: '/lambda',
     name: 'Lambda',
-    component: LambdaView
+    component: LambdaView,
   },
   {
     path: '/kinesis',
     name: 'Kinesis',
-    component: KinesisView
+    component: KinesisView,
   },
   {
     path: '/sns',
     name: 'SNS',
-    component: SNSView
+    component: SNSView,
   },
   {
     path: '/kms',
     name: 'KMS',
-    component: KMSView
+    component: KMSView,
+  },
+  {
+    path: '/secrets-manager',
+    name: 'Secrets Manager',
+    component: SecretsManagerView,
   },
   {
     path: '/about',
     name: 'About',
-    component: AboutView
-  }
+    component: AboutView,
+  },
 ]
diff --git a/src/stores/app.js b/src/stores/app.js
index a6b6249..9d67dd8 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -1,13 +1,14 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 import { S3Client } from '@aws-sdk/client-s3'
-import { SESClient} from '@aws-sdk/client-ses'
+import { SESClient } from '@aws-sdk/client-ses'
 import { SNSClient } from '@aws-sdk/client-sns'
 import { SQSClient } from '@aws-sdk/client-sqs'
 import { DynamoDBClient } from '@aws-sdk/client-dynamodb'
 import { LambdaClient } from '@aws-sdk/client-lambda'
 import { KinesisClient } from '@aws-sdk/client-kinesis'
 import { KMSClient } from '@aws-sdk/client-kms'
+import { SecretsManagerClient } from '@aws-sdk/client-secrets-manager'
 
 export const useAppStore = defineStore('app', () => {
   const endpoint = ref(import.meta.env.VITE_LOCALSTACK_ENDPOINT || 'http://localhost:4566')
@@ -19,7 +20,7 @@ export const useAppStore = defineStore('app', () => {
     show: false,
     text: '',
     color: 'info',
-    timeout: 4000
+    timeout: 4000,
   })
 
   // AWS SDK v3 Configuration
@@ -27,11 +28,11 @@ export const useAppStore = defineStore('app', () => {
     region: region.value,
     credentials: {
       accessKeyId: accessKeyId.value,
-      secretAccessKey: secretAccessKey.value
+      secretAccessKey: secretAccessKey.value,
     },
     endpoint: endpoint.value,
     forcePathStyle: true,
-    tls: false
+    tls: false,
   }
 
   // Initialize AWS services
@@ -43,17 +44,18 @@ export const useAppStore = defineStore('app', () => {
   const lambda = ref(null)
   const kinesis = ref(null)
   const kms = ref(null)
+  const secretsManager = ref(null)
 
   const initializeServices = () => {
-    const config = { 
-      ...awsConfig, 
+    const config = {
+      ...awsConfig,
       endpoint: endpoint.value,
       credentials: {
         accessKeyId: accessKeyId.value,
-        secretAccessKey: secretAccessKey.value
-      }
+        secretAccessKey: secretAccessKey.value,
+      },
     }
-    
+
     s3.value = new S3Client(config)
     ses.value = new SESClient(config)
     sns.value = new SNSClient(config)
@@ -62,9 +64,10 @@ export const useAppStore = defineStore('app', () => {
     lambda.value = new LambdaClient(config)
     kinesis.value = new KinesisClient(config)
     kms.value = new KMSClient(config)
+    secretsManager.value = new SecretsManagerClient(config)
   }
 
-  const setEndpoint = (newEndpoint) => {
+  const setEndpoint = newEndpoint => {
     endpoint.value = newEndpoint
     localStorage.setItem('localstack-endpoint', newEndpoint)
     initializeServices()
@@ -97,11 +100,11 @@ export const useAppStore = defineStore('app', () => {
       show: true,
       text,
       color,
-      timeout
+      timeout,
     }
   }
 
-// Initialize services on store creation
+  // Initialize services on store creation
   initializeServices()
 
   return {
@@ -116,9 +119,10 @@ export const useAppStore = defineStore('app', () => {
     lambda,
     kinesis,
     kms,
+    secretsManager,
     setEndpoint,
     checkConnection,
     showSnackbar,
-    initializeServices
+    initializeServices,
   }
 })
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index efb2556..ac24840 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -16,13 +16,13 @@
           :variant="service.status === 'active' ? 'elevated' : 'outlined'"
           class="pa-4"
           height="150"
-          @click="service.status === 'active' ? navigateToService(service.route): null"
+          @click="service.status === 'active' ? navigateToService(service.route) : null"
           style="cursor: pointer"
         >
           <div class="d-flex align-center mb-3">
-            <v-icon 
-              :color="service.status === 'active' ? 'white' : 'grey'" 
-              size="x-large" 
+            <v-icon
+              :color="service.status === 'active' ? 'white' : 'grey'"
+              size="x-large"
               class="mr-3"
             >
               {{ service.icon }}
@@ -31,7 +31,7 @@
               <h3 :class="service.status === 'active' ? 'text-white' : 'text-grey'">
                 {{ service.name }}
               </h3>
-              <v-chip 
+              <v-chip
                 :color="service.status === 'active' ? 'success' : 'warning'"
                 size="small"
                 variant="elevated"
@@ -40,18 +40,16 @@
               </v-chip>
             </div>
           </div>
-          
+
           <div v-if="service.status === 'active'" class="text-white">
             <div v-if="service.stats">
               <div v-for="(value, key) in service.stats" :key="key" class="mb-1">
                 <strong>{{ key }}:</strong> {{ value }}
               </div>
             </div>
-            <div v-else class="text-caption">
-              Carregando estatísticas...
-            </div>
+            <div v-else class="text-caption">Carregando estatísticas...</div>
           </div>
-          
+
           <div v-else class="text-grey">
             <p class="text-caption mb-0">Serviço não disponível ou sem recursos</p>
           </div>
@@ -100,8 +98,8 @@
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn text @click="confirmDialog.show = false">Cancelar</v-btn>
-          <v-btn 
-            :color="confirmDialog.color" 
+          <v-btn
+            :color="confirmDialog.color"
             @click="confirmDialog.confirm"
             :loading="confirmDialog.loading"
           >
@@ -123,8 +121,14 @@ import { storeToRefs } from 'pinia'
 import { ListTablesCommand, DeleteTableCommand } from '@aws-sdk/client-dynamodb'
 import { ListStreamsCommand } from '@aws-sdk/client-kinesis'
 import { ListKeysCommand } from '@aws-sdk/client-kms'
+import { ListSecretsCommand } from '@aws-sdk/client-secrets-manager'
 import { ListFunctionsCommand } from '@aws-sdk/client-lambda'
-import { ListBucketsCommand, ListObjectsV2Command, DeleteObjectsCommand, DeleteBucketCommand } from '@aws-sdk/client-s3'
+import {
+  ListBucketsCommand,
+  ListObjectsV2Command,
+  DeleteObjectsCommand,
+  DeleteBucketCommand,
+} from '@aws-sdk/client-s3'
 import { ListTopicsCommand } from '@aws-sdk/client-sns'
 import { ListQueuesCommand, DeleteQueueCommand } from '@aws-sdk/client-sqs'
 import { ListIdentitiesCommand } from '@aws-sdk/client-ses'
@@ -132,7 +136,7 @@ import { deleteSesMessage, getSesData } from '@/utils/api.js'
 
 const router = useRouter()
 const appStore = useAppStore()
-const { s3, ses, sns, sqs, dynamodb, lambda, kinesis, kms } = storeToRefs(appStore)
+const { s3, ses, sns, sqs, dynamodb, lambda, kinesis, kms, secretsManager } = storeToRefs(appStore)
 
 const services = ref([
   {
@@ -140,56 +144,63 @@ const services = ref([
     icon: 'mdi-table',
     route: '/dynamodb',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'Kinesis',
     icon: 'mdi-view-stream',
     route: '/kinesis',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'KMS',
     icon: 'mdi-key',
     route: '/kms',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'Lambda',
     icon: 'mdi-function',
     route: '/lambda',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'S3',
     icon: 'mdi-folder-multiple',
     route: '/s3',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'SES',
     icon: 'mdi-email',
     route: '/ses',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'SNS',
     icon: 'mdi-forum',
     route: '/sns',
     status: 'inactive',
-    stats: null
+    stats: null,
   },
   {
     name: 'SQS',
     icon: 'mdi-format-list-bulleted',
     route: '/sqs',
     status: 'inactive',
-    stats: null
+    stats: null,
+  },
+  {
+    name: 'Secrets Manager',
+    icon: 'mdi-lock',
+    route: '/secrets-manager',
+    status: 'inactive',
+    stats: null,
   },
 ])
 
@@ -199,36 +210,36 @@ const quickActions = ref([
     icon: 'mdi-delete-sweep',
     color: 'error',
     action: 'clearS3',
-    loading: false
+    loading: false,
   },
   {
     title: 'Limpar SQS',
     icon: 'mdi-broom',
     color: 'warning',
     action: 'clearSQS',
-    loading: false
+    loading: false,
   },
   {
     title: 'Limpar DynamoDB',
     icon: 'mdi-table-remove',
     color: 'orange',
     action: 'clearDynamoDB',
-    loading: false
+    loading: false,
   },
   {
     title: 'Limpar SES',
     icon: 'mdi-email-remove',
     color: 'error',
     action: 'clearSES',
-    loading: false
+    loading: false,
   },
   {
     title: 'Atualizar Status',
     icon: 'mdi-refresh',
     color: 'primary',
     action: 'refreshStatus',
-    loading: false
-  }
+    loading: false,
+  },
 ])
 
 const confirmDialog = ref({
@@ -237,10 +248,10 @@ const confirmDialog = ref({
   text: '',
   color: 'primary',
   confirm: null,
-  loading: false
+  loading: false,
 })
 
-const navigateToService = (route) => {
+const navigateToService = route => {
   router.push(route)
 }
 
@@ -251,7 +262,7 @@ const loadServiceStats = async () => {
       const dynamoTables = await dynamodb.value.send(new ListTablesCommand({}))
       services.value[0].status = 'active'
       services.value[0].stats = {
-        'Tabelas': dynamoTables.TableNames ? dynamoTables.TableNames.length : 0
+        Tabelas: dynamoTables.TableNames ? dynamoTables.TableNames.length : 0,
       }
     } catch (error) {
       console.error('DynamoDB error:', error)
@@ -263,7 +274,7 @@ const loadServiceStats = async () => {
       const kinesisStreams = await kinesis.value.send(new ListStreamsCommand({}))
       services.value[1].status = 'active'
       services.value[1].stats = {
-        'Streams': kinesisStreams.StreamNames ? kinesisStreams.StreamNames.length : 0
+        Streams: kinesisStreams.StreamNames ? kinesisStreams.StreamNames.length : 0,
       }
     } catch (error) {
       console.error('Kinesis error:', error)
@@ -275,7 +286,7 @@ const loadServiceStats = async () => {
       const kmsKeys = await kms.value.send(new ListKeysCommand({}))
       services.value[2].status = 'active'
       services.value[2].stats = {
-        'Chaves': kmsKeys.Keys ? kmsKeys.Keys.length : 0
+        Chaves: kmsKeys.Keys ? kmsKeys.Keys.length : 0,
       }
     } catch (error) {
       console.error('KMS error:', error)
@@ -287,7 +298,7 @@ const loadServiceStats = async () => {
       const lambdaFunctions = await lambda.value.send(new ListFunctionsCommand({}))
       services.value[3].status = 'active'
       services.value[3].stats = {
-        'Funções': lambdaFunctions.Functions ? lambdaFunctions.Functions.length : 0
+        Funções: lambdaFunctions.Functions ? lambdaFunctions.Functions.length : 0,
       }
     } catch (error) {
       console.error('Lambda error:', error)
@@ -299,7 +310,7 @@ const loadServiceStats = async () => {
       const s3Buckets = await s3.value.send(new ListBucketsCommand({}))
       services.value[4].status = 'active'
       services.value[4].stats = {
-        'Buckets': s3Buckets.Buckets ? s3Buckets.Buckets.length : 0
+        Buckets: s3Buckets.Buckets ? s3Buckets.Buckets.length : 0,
       }
     } catch (error) {
       console.error('S3 error:', error)
@@ -308,12 +319,14 @@ const loadServiceStats = async () => {
 
     // SES Stats
     try {
-      const sesIdentities = await ses.value.send(new ListIdentitiesCommand({ IdentityType: 'EmailAddress' }))
-      const sesData = await getSesData();
+      const sesIdentities = await ses.value.send(
+        new ListIdentitiesCommand({ IdentityType: 'EmailAddress' })
+      )
+      const sesData = await getSesData()
       services.value[5].status = 'active'
       services.value[5].stats = {
         'E-mails': sesData.messages ? sesData.messages.length : 0,
-        'Identidades': sesIdentities.Identities ? sesIdentities.Identities.length : 0
+        Identidades: sesIdentities.Identities ? sesIdentities.Identities.length : 0,
       }
     } catch (error) {
       console.error('SES error:', error)
@@ -325,7 +338,7 @@ const loadServiceStats = async () => {
       const snsTopics = await sns.value.send(new ListTopicsCommand({}))
       services.value[6].status = 'active'
       services.value[6].stats = {
-        'Tópicos': snsTopics.Topics ? snsTopics.Topics.length : 0
+        Tópicos: snsTopics.Topics ? snsTopics.Topics.length : 0,
       }
     } catch (error) {
       console.error('SNS error:', error)
@@ -337,20 +350,31 @@ const loadServiceStats = async () => {
       const sqsQueues = await sqs.value.send(new ListQueuesCommand({}))
       services.value[7].status = 'active'
       services.value[7].stats = {
-        'Filas': sqsQueues.QueueUrls ? sqsQueues.QueueUrls.length : 0
+        Filas: sqsQueues.QueueUrls ? sqsQueues.QueueUrls.length : 0,
       }
     } catch (error) {
       console.error('SQS error:', error)
       services.value[7].status = 'inactive'
     }
 
+    // Secrets Manager Stats
+    try {
+      const secrets = await secretsManager.value.send(new ListSecretsCommand({}))
+      services.value[8].status = 'active'
+      services.value[8].stats = {
+        Segredos: secrets.SecretList ? secrets.SecretList.length : 0,
+      }
+    } catch (error) {
+      console.error('Secrets Manager error:', error)
+      services.value[8].status = 'inactive'
+    }
   } catch (error) {
     console.error('Error loading service stats:', error)
     appStore.showSnackbar('Erro ao carregar estatísticas dos serviços', 'error')
   }
 }
 
-const executeQuickAction = (action) => {
+const executeQuickAction = action => {
   if (action.action === 'refreshStatus') {
     action.loading = true
     loadServiceStats().finally(() => {
@@ -362,7 +386,7 @@ const executeQuickAction = (action) => {
 
   // For destructive actions, show confirmation
   let title, text, color
-  
+
   switch (action.action) {
     case 'clearS3':
       title = 'Limpar todos os buckets S3'
@@ -392,11 +416,11 @@ const executeQuickAction = (action) => {
     text,
     color,
     confirm: () => performClearAction(action),
-    loading: false
+    loading: false,
   }
 }
 
-const performClearAction = async (action) => {
+const performClearAction = async action => {
   confirmDialog.value.loading = true
   action.loading = true
 
@@ -415,7 +439,7 @@ const performClearAction = async (action) => {
         await clearAllDynamoDBTables()
         break
     }
-    
+
     appStore.showSnackbar(`${action.title} executado com sucesso!`, 'success')
     await loadServiceStats()
   } catch (error) {
@@ -430,21 +454,21 @@ const performClearAction = async (action) => {
 
 const clearAllS3Buckets = async () => {
   const buckets = await s3.value.send(new ListBucketsCommand({}))
-  
+
   for (const bucket of buckets.Buckets) {
     // First, delete all objects in the bucket
     const objects = await s3.value.send(new ListObjectsV2Command({ Bucket: bucket.Name }))
-    
+
     if (objects.Contents && objects.Contents.length > 0) {
       const deleteParams = {
         Bucket: bucket.Name,
         Delete: {
-          Objects: objects.Contents.map(obj => ({ Key: obj.Key }))
-        }
+          Objects: objects.Contents.map(obj => ({ Key: obj.Key })),
+        },
       }
       await s3.value.send(new DeleteObjectsCommand(deleteParams))
     }
-    
+
     // Then delete the bucket
     await s3.value.send(new DeleteBucketCommand({ Bucket: bucket.Name }))
   }
@@ -452,7 +476,7 @@ const clearAllS3Buckets = async () => {
 
 const clearAllSQSQueues = async () => {
   const queues = await sqs.value.send(new ListQueuesCommand({}))
-  
+
   if (queues.QueueUrls) {
     for (const queueUrl of queues.QueueUrls) {
       await sqs.value.send(new DeleteQueueCommand({ QueueUrl: queueUrl }))
@@ -466,7 +490,7 @@ const clearAllSESData = async () => {
 
 const clearAllDynamoDBTables = async () => {
   const tables = await dynamodb.value.send(new ListTablesCommand({}))
-  
+
   for (const tableName of tables.TableNames) {
     await dynamodb.value.send(new DeleteTableCommand({ TableName: tableName }))
   }
diff --git a/src/views/SecretsManagerView.vue b/src/views/SecretsManagerView.vue
new file mode 100644
index 0000000..0fd68e8
--- /dev/null
+++ b/src/views/SecretsManagerView.vue
@@ -0,0 +1,355 @@
+<template>
+  <div>
+    <v-row>
+      <v-col cols="12" class="bg-secondary opacity-50">
+        <div class="d-flex justify-space-between align-center">
+          <div class="d-flex align-center">
+            <v-icon class="mr-2">mdi-lock</v-icon>
+            <h1 class="text-h5">Secrets Manager</h1>
+          </div>
+          <v-btn color="primary" @click="createSecretDialog = true">
+            <v-icon class="mr-2">mdi-plus</v-icon>
+            Criar Secret
+          </v-btn>
+        </div>
+      </v-col>
+    </v-row>
+
+    <!-- Search and Filter -->
+    <v-row>
+      <v-col cols="12">
+        <v-text-field
+          v-model="searchQuery"
+          label="Buscar secrets"
+          prepend-inner-icon="mdi-magnify"
+          variant="outlined"
+          clearable
+        >
+          <template v-slot:append>
+            <v-btn @click="loadSecrets" :loading="loading" variant="outlined">
+              <v-icon class="mr-2">mdi-refresh</v-icon>
+              Atualizar
+            </v-btn>
+          </template>
+        </v-text-field>
+      </v-col>
+    </v-row>
+
+    <!-- Secrets List -->
+    <v-row>
+      <v-col cols="12" md="6" lg="4" v-for="secret in filteredSecrets" :key="secret.ARN">
+        <v-card class="mb-4" elevation="2">
+          <v-card-title class="d-flex justify-space-between align-center">
+            <TitleNameWithTooltip :name="secret.Name" />
+            <v-menu>
+              <template v-slot:activator="{ props }">
+                <v-btn icon="mdi-dots-vertical" v-bind="props" size="small"></v-btn>
+              </template>
+              <v-list>
+                <v-list-item @click="openSecret(secret)">
+                  <v-list-item-title>
+                    <v-icon class="mr-2">mdi-forum</v-icon>
+                    Detalhes
+                  </v-list-item-title>
+                </v-list-item>
+                <v-list-item @click="confirmDeleteSecret(secret)">
+                  <v-list-item-title class="text-error">
+                    <v-icon class="mr-2">mdi-delete</v-icon>
+                    Excluir
+                  </v-list-item-title>
+                </v-list-item>
+              </v-list>
+            </v-menu>
+          </v-card-title>
+          <v-card-text>
+            <v-chip size="small" class="mb-2">
+              <v-icon start>mdi-text-box</v-icon>
+              Descrição
+            </v-chip>
+            <p class="text-caption text-grey-darken-1">{{ secret.Description || "Sem descrição" }}</p>
+          </v-card-text>
+          <v-card-text>
+            <v-chip size="small" class="mb-2">
+              <v-icon start>mdi-identifier</v-icon>
+              ARN
+            </v-chip>
+            <p class="text-caption text-break">{{ secret.ARN }}</p>
+          </v-card-text>
+        </v-card>
+      </v-col>
+    </v-row>
+
+    <!-- Empty State -->
+    <v-row v-if="!loading && secrets.length === 0">
+      <v-col cols="12" class="text-center">
+        <v-icon size="120" color="grey-lighten-2">mdi-lock</v-icon>
+        <h2 class="text-h5 text-grey-lighten-1 mt-4">Nenhum secret encontrado</h2>
+        <p class="text-grey-lighten-1">Crie seu primeiro secret para começar</p>
+        <v-btn color="primary" @click="createSecretDialog = true" class="mt-4">
+          <v-icon class="mr-2">mdi-plus</v-icon>
+          Criar Secret
+        </v-btn>
+      </v-col>
+    </v-row>
+
+    <!-- Loading State -->
+    <v-row v-if="loading">
+      <v-col cols="12" class="text-center">
+        <v-progress-circular indeterminate size="64" color="primary"></v-progress-circular>
+        <p class="mt-4 text-grey-lighten-1">Carregando secrets...</p>
+      </v-col>
+    </v-row>
+
+    <!-- Create Secret Dialog -->
+    <v-dialog v-model="createSecretDialog" max-width="500">
+      <v-card>
+        <v-card-title>
+          <span class="text-h5">Criar Novo Secret</span>
+        </v-card-title>
+        <v-card-text>
+          <v-text-field
+            v-model="newSecretName"
+            label="Nome do Secret"
+            placeholder="my-secret"
+            variant="outlined"
+            :rules="[rules.required]"
+            @keyup.enter="createSecret"
+          ></v-text-field>
+          <v-text-field
+            v-model="newSecretDescription"
+            label="Descrição do Secret"
+            placeholder="my-secret-description"
+            variant="outlined"
+            @keyup.enter="createSecret"
+          ></v-text-field>
+          <v-textarea
+            v-model="newSecretString"
+            label="Conteudo do secret"
+            placeholder='{&#10  "user": "user123",&#10  "password": "myPass123"&#10}'
+            variant="outlined"
+            rows="8"
+            :rules="[rules.required]"
+          ></v-textarea>
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn text @click="createSecretDialog = false">Cancelar</v-btn>
+          <v-btn
+            color="primary"
+            @click="createSecret"
+            :loading="creating"
+            :disabled="!newSecretName"
+          >
+            Criar
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+
+    <!-- Secret Details Dialog -->
+    <v-dialog v-model="secretDetailsDialog" max-width="800">
+      <v-card v-if="selectedSecret">
+        <v-card-title>
+          <span class="text-h5">Detalhes do Secret</span>
+        </v-card-title>
+        <v-card-text>
+          <v-row>
+            <v-col cols="12">
+              <v-card variant="outlined">
+                <v-card-text>
+                  <p><strong>Nome:</strong> {{ selectedSecret.Name }}</p>
+                  <p><strong>Descrição:</strong> {{ selectedSecret.Description }}</p>
+                  <p><strong>ARN:</strong> {{ selectedSecret.ARN }}</p>
+                  <p><strong>Versões:</strong> {{ selectedSecret.Versions }}</p>
+
+                  <p class="mt-4"><strong>Conteúdo do secret:</strong></p>
+                  <textarea
+                    cols="115"
+                    rows="2"
+                    readonly
+                  >{{ selectedSecret.SecretString }}</textarea>
+                </v-card-text>
+              </v-card>
+            </v-col>
+          </v-row>
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn text @click="secretDetailsDialog = false">Fechar</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+
+    <!-- Delete Confirmation Dialog -->
+    <v-dialog v-model="deleteDialog" max-width="400">
+      <v-card>
+        <v-card-title class="text-h5">Confirmar Exclusão</v-card-title>
+        <v-card-text>
+          Tem certeza que deseja excluir o secret <strong>{{ secretToDelete.Name }}</strong
+          >?
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn text @click="deleteDialog = false">Cancelar</v-btn>
+          <v-btn color="error" @click="deleteSecret" :loading="deleting">Excluir</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { useAppStore } from '@/stores/app'
+import { storeToRefs } from 'pinia'
+import TitleNameWithTooltip from '@/components/TitleNameWithTooltip.vue'
+import {
+  ListSecretsCommand,
+  CreateSecretCommand,
+  GetSecretValueCommand,
+  DescribeSecretCommand,
+  DeleteSecretCommand,
+} from '@aws-sdk/client-secrets-manager'
+
+const appStore = useAppStore()
+const { secretsManager } = storeToRefs(appStore)
+
+// Reactive data
+const secrets = ref([])
+const searchQuery = ref('')
+const loading = ref(false)
+const creating = ref(false)
+const deleting = ref(false)
+
+// Dialog states
+const createSecretDialog = ref(false)
+const secretDetailsDialog = ref(false)
+const deleteDialog = ref(false)
+
+// Form data
+const newSecretName = ref('')
+const newSecretDescription = ref('')
+const newSecretString = ref('')
+const secretToDelete = ref(null)
+const selectedSecret = ref(null)
+
+// Validation rules
+const rules = {
+  required: value => !!value || 'Campo obrigatório',
+}
+
+// Computed properties
+const filteredSecrets = computed(() => {
+  if (!searchQuery.value) return secrets.value
+  return secrets.value.filter(secret =>
+    secret.Name.toLowerCase().includes(searchQuery.value.toLowerCase())
+  )
+})
+
+// Secrets Manager API functions
+const loadSecrets = async () => {
+  try {
+    loading.value = true
+    const response = await secretsManager.value.send(new ListSecretsCommand({}))
+
+    secrets.value = response.SecretList || []
+  } catch (error) {
+    console.error('Erro ao carregar secrets:', error)
+    appStore.showSnackbar('Erro ao carregar os secrets', 'error')
+  } finally {
+    loading.value = false
+  }
+}
+
+const createSecret = async () => {
+  if (!newSecretName.value) return
+
+  try {
+    creating.value = true
+    const response = await secretsManager.value.send(
+      new CreateSecretCommand({
+        Name: newSecretName.value,
+        Description: newSecretDescription.value,
+        SecretString: newSecretString.value,
+      })
+    )
+
+    appStore.showSnackbar('Secret criado com sucesso!', 'success')
+    createSecretDialog.value = false
+    newSecretName.value = ''
+    newSecretDescription.value = ''
+    newSecretString.value = ''
+    await loadSecrets()
+  } catch (error) {
+    console.error('Erro ao criar secret:', error)
+    appStore.showSnackbar('Erro ao criar secret', 'error')
+  } finally {
+    creating.value = false
+  }
+}
+
+const openSecret = async secret => {
+  try {
+    const described = await secretsManager.value.send(
+     new DescribeSecretCommand({
+       SecretId: secret.ARN,
+     }))
+
+    const secretContent = await secretsManager.value.send(
+      new GetSecretValueCommand({
+        SecretId: secret.ARN,
+      })
+    )
+
+    selectedSecret.value = {
+      Name: secret.Name,
+      Description: secret.Description,
+      ARN: secret.ARN,
+      SecretString: secretContent.SecretString,
+      Versions: described.VersionIdsToStages,
+    }
+
+    secretDetailsDialog.value = true
+  } catch (error) {
+    console.error('Erro ao carregar os detalhes do secret: ', error)
+    appStore.showSnackbar('Erro ao carregar os detalhes do secret: ' + error, 'error')
+  }
+}
+
+const confirmDeleteSecret = secret => {
+  secretToDelete.value = { ARN: secret.ARN, Name: secret.Name }
+  deleteDialog.value = true
+}
+
+const deleteSecret = async () => {
+  try {
+    deleting.value = true
+    await secretsManager.value.send(
+      new DeleteSecretCommand({
+        SecretId: secretToDelete.value.Name,
+        ForceDeleteWithoutRecovery: true,
+      })
+    )
+
+    appStore.showSnackbar('Secret excluído com sucesso!', 'success')
+    deleteDialog.value = false
+    await loadSecrets()
+  } catch (error) {
+    console.error('Erro ao excluir secret:', error)
+    appStore.showSnackbar('Erro ao excluir secret:' + error, 'error')
+  } finally {
+    deleting.value = false
+  }
+}
+
+// Lifecycle
+onMounted(() => {
+  loadSecrets()
+})
+</script>
+
+<style scoped>
+.text-break {
+  word-break: break-all;
+}
+</style>

From 53bd17a18441ab0bdef911786dd6a3e6cbb770f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Felipe=20Araujo?=
 <josefelipearaujo@Mac-mini.local>
Date: Wed, 30 Jul 2025 06:47:18 -0300
Subject: [PATCH 2/6] feat: add create secrets with plaintext or keyValue

---
 src/views/SecretsManagerView.vue | 112 ++++++++++++++++++++++++++-----
 1 file changed, 94 insertions(+), 18 deletions(-)

diff --git a/src/views/SecretsManagerView.vue b/src/views/SecretsManagerView.vue
index 0fd68e8..2a7bd7f 100644
--- a/src/views/SecretsManagerView.vue
+++ b/src/views/SecretsManagerView.vue
@@ -66,7 +66,9 @@
               <v-icon start>mdi-text-box</v-icon>
               Descrição
             </v-chip>
-            <p class="text-caption text-grey-darken-1">{{ secret.Description || "Sem descrição" }}</p>
+            <p class="text-caption text-grey-darken-1">
+              {{ secret.Description || 'Sem descrição' }}
+            </p>
           </v-card-text>
           <v-card-text>
             <v-chip size="small" class="mb-2">
@@ -101,7 +103,7 @@
     </v-row>
 
     <!-- Create Secret Dialog -->
-    <v-dialog v-model="createSecretDialog" max-width="500">
+    <v-dialog v-model="createSecretDialog" max-width="600">
       <v-card>
         <v-card-title>
           <span class="text-h5">Criar Novo Secret</span>
@@ -114,22 +116,58 @@
             variant="outlined"
             :rules="[rules.required]"
             @keyup.enter="createSecret"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="newSecretDescription"
             label="Descrição do Secret"
             placeholder="my-secret-description"
             variant="outlined"
             @keyup.enter="createSecret"
-          ></v-text-field>
+          />
+
+          <v-radio-group v-model="inputMode" row label="Tipo de Conteúdo">
+            <v-radio label="Texto Puro" value="plaintext" />
+            <v-radio label="Chave-Valor (JSON)" value="keyValue" />
+          </v-radio-group>
+
+          <!-- PLAINTEXT INPUT -->
           <v-textarea
+            v-if="inputMode === 'plaintext'"
             v-model="newSecretString"
-            label="Conteudo do secret"
-            placeholder='{&#10  "user": "user123",&#10  "password": "myPass123"&#10}'
+            label="Conteúdo do secret (texto puro)"
+            placeholder='{ "user": "admin", "password": "123" }'
             variant="outlined"
             rows="8"
             :rules="[rules.required]"
-          ></v-textarea>
+          />
+
+          <!-- KEY-VALUE INPUT -->
+          <div v-if="inputMode === 'keyValue'">
+            <div
+              v-for="(pair, index) in keyValuePairs"
+              :key="index"
+              class="d-flex align-center mb-2"
+            >
+              <v-text-field
+                v-model="pair.key"
+                label="Chave"
+                class="mr-2"
+                :rules="[rules.required]"
+              />
+              <v-text-field
+                v-model="pair.value"
+                label="Valor"
+                class="mr-2"
+                :rules="[rules.required]"
+              />
+              <v-btn icon @click="removeKeyValuePair(index)" v-if="keyValuePairs.length > 1">
+                <v-icon color="error">mdi-delete</v-icon>
+              </v-btn>
+            </div>
+            <v-btn variant="outlined" @click="addKeyValuePair" size="small" class="mt-2">
+              <v-icon left>mdi-plus</v-icon> Adicionar chave-valor
+            </v-btn>
+          </div>
         </v-card-text>
         <v-card-actions>
           <v-spacer></v-spacer>
@@ -163,11 +201,9 @@
                   <p><strong>Versões:</strong> {{ selectedSecret.Versions }}</p>
 
                   <p class="mt-4"><strong>Conteúdo do secret:</strong></p>
-                  <textarea
-                    cols="115"
-                    rows="2"
-                    readonly
-                  >{{ selectedSecret.SecretString }}</textarea>
+                  <textarea cols="115" rows="2" readonly>{{
+                    selectedSecret.SecretString
+                  }}</textarea>
                 </v-card-text>
               </v-card>
             </v-col>
@@ -220,6 +256,8 @@ const searchQuery = ref('')
 const loading = ref(false)
 const creating = ref(false)
 const deleting = ref(false)
+const inputMode = ref('plaintext') // 'plaintext' ou 'keyValue'
+const keyValuePairs = ref([{ key: '', value: '' }])
 
 // Dialog states
 const createSecretDialog = ref(false)
@@ -238,6 +276,15 @@ const rules = {
   required: value => !!value || 'Campo obrigatório',
 }
 
+// Add secret buttons
+const addKeyValuePair = () => {
+  keyValuePairs.value.push({ key: '', value: '' })
+}
+
+const removeKeyValuePair = index => {
+  keyValuePairs.value.splice(index, 1)
+}
+
 // Computed properties
 const filteredSecrets = computed(() => {
   if (!searchQuery.value) return secrets.value
@@ -262,15 +309,41 @@ const loadSecrets = async () => {
 }
 
 const createSecret = async () => {
-  if (!newSecretName.value) return
+  let secretString = ''
+
+  switch (inputMode.value) {
+    case 'plaintext':
+      if (!newSecretString.value) {
+        appStore.showSnackbar('O conteúdo do secret é obrigatório', 'error')
+        return
+      }
+      secretString = newSecretString.value
+      break
+    case 'keyValue':
+      const valid = keyValuePairs.value.every(p => p.key && p.value)
+      if (!valid) {
+        appStore.showSnackbar('Todos os campos de chave e valor são obrigatórios', 'error')
+        return
+      }
+
+      const jsonObj = {}
+      keyValuePairs.value.forEach(p => {
+        jsonObj[p.key] = p.value
+      })
+      secretString = JSON.stringify(jsonObj, null, 2)
+      break
+    default:
+      appStore.showSnackbar('Modo de entrada invalido: ' + inputMode.value, 'error')
+      return
+  }
 
   try {
     creating.value = true
-    const response = await secretsManager.value.send(
+    await secretsManager.value.send(
       new CreateSecretCommand({
         Name: newSecretName.value,
         Description: newSecretDescription.value,
-        SecretString: newSecretString.value,
+        SecretString: secretString,
       })
     )
 
@@ -279,6 +352,8 @@ const createSecret = async () => {
     newSecretName.value = ''
     newSecretDescription.value = ''
     newSecretString.value = ''
+    keyValuePairs.value = [{ key: '', value: '' }]
+    inputMode.value = 'plaintext'
     await loadSecrets()
   } catch (error) {
     console.error('Erro ao criar secret:', error)
@@ -291,9 +366,10 @@ const createSecret = async () => {
 const openSecret = async secret => {
   try {
     const described = await secretsManager.value.send(
-     new DescribeSecretCommand({
-       SecretId: secret.ARN,
-     }))
+      new DescribeSecretCommand({
+        SecretId: secret.ARN,
+      })
+    )
 
     const secretContent = await secretsManager.value.send(
       new GetSecretValueCommand({

From 1da88595555fbe5708656c3b00be39a253022ed6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Felipe=20Araujo?= <contato@jsfelipearaujo.com>
Date: Wed, 30 Jul 2025 06:49:36 -0300
Subject: [PATCH 3/6] feat: add create secrets with plaintext or keyValue

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 5a7a989..b4a6fcc 100644
--- a/README.md
+++ b/README.md
@@ -101,7 +101,7 @@ Uma aplicação frontend moderna desenvolvida com **Vue.js 3** e **Vuetify 3** q
 
 ### 🔒 Secrets Manager
 - ✅ Listar todos os secrets
-- ✅ Criar novos secrets
+- ✅ Criar novos secrets via texto puro (plaintext) ou chave-valor (JSON)
 - ✅ Deletar os secrets
 - ✅ Visualizar o conteúdo dos secrets
 

From 759d4d7a95c71acdc563e19a322168113c400932 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Felipe=20Araujo?= <contato@jsfelipearaujo.com>
Date: Wed, 30 Jul 2025 06:53:10 -0300
Subject: [PATCH 4/6] feat: add view secrets with plaintext or keyValue

---
 README.md                        |  2 +-
 src/views/SecretsManagerView.vue | 48 ++++++++++++++++++++++++++++++--
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index b4a6fcc..2bb7c01 100644
--- a/README.md
+++ b/README.md
@@ -103,7 +103,7 @@ Uma aplicação frontend moderna desenvolvida com **Vue.js 3** e **Vuetify 3** q
 - ✅ Listar todos os secrets
 - ✅ Criar novos secrets via texto puro (plaintext) ou chave-valor (JSON)
 - ✅ Deletar os secrets
-- ✅ Visualizar o conteúdo dos secrets
+- ✅ Visualizar o conteúdo dos secrets via texto puro (plaintext) ou chave-valor (JSON)
 
 ### 🎨 Interface do Usuário
 - ✅ Design moderno e responsivo com Material Design 3
diff --git a/src/views/SecretsManagerView.vue b/src/views/SecretsManagerView.vue
index 2a7bd7f..33f98b9 100644
--- a/src/views/SecretsManagerView.vue
+++ b/src/views/SecretsManagerView.vue
@@ -201,9 +201,32 @@
                   <p><strong>Versões:</strong> {{ selectedSecret.Versions }}</p>
 
                   <p class="mt-4"><strong>Conteúdo do secret:</strong></p>
-                  <textarea cols="115" rows="2" readonly>{{
-                    selectedSecret.SecretString
-                  }}</textarea>
+
+                  <v-radio-group
+                    v-if="isSecretJson"
+                    v-model="secretViewMode"
+                    row
+                    class="mb-2"
+                    density="compact"
+                  >
+                    <v-radio label="Chave-Valor" value="keyValue" />
+                    <v-radio label="Texto Puro" value="plaintext" />
+                  </v-radio-group>
+
+                  <!-- Key-Value View -->
+                  <div v-if="secretViewMode === 'keyValue' && isSecretJson">
+                    <div v-for="(value, key) in parsedSecretObject" :key="key" class="d-flex mb-2">
+                      <v-text-field :model-value="key" label="Chave" readonly class="mr-2" />
+                      <v-text-field :model-value="value" label="Valor" readonly />
+                    </div>
+                  </div>
+
+                  <!-- Plaintext View -->
+                  <div v-if="secretViewMode === 'plaintext' || !isSecretJson">
+                    <textarea cols="115" rows="6" readonly>{{
+                      selectedSecret.SecretString
+                    }}</textarea>
+                  </div>
                 </v-card-text>
               </v-card>
             </v-col>
@@ -258,6 +281,9 @@ const creating = ref(false)
 const deleting = ref(false)
 const inputMode = ref('plaintext') // 'plaintext' ou 'keyValue'
 const keyValuePairs = ref([{ key: '', value: '' }])
+const secretViewMode = ref('plaintext') // 'plaintext' ou 'keyValue'
+const isSecretJson = ref(false)
+const parsedSecretObject = ref({})
 
 // Dialog states
 const createSecretDialog = ref(false)
@@ -385,6 +411,22 @@ const openSecret = async secret => {
       Versions: described.VersionIdsToStages,
     }
 
+    // Check if SecretString is a valid key-value JSON
+    try {
+      const parsed = JSON.parse(secretContent.SecretString)
+      if (typeof parsed === 'object' && !Array.isArray(parsed) && parsed !== null) {
+        isSecretJson.value = true
+        parsedSecretObject.value = parsed
+        secretViewMode.value = 'keyValue'
+      } else {
+        throw new Error()
+      }
+    } catch {
+      isSecretJson.value = false
+      parsedSecretObject.value = {}
+      secretViewMode.value = 'plaintext'
+    }
+
     secretDetailsDialog.value = true
   } catch (error) {
     console.error('Erro ao carregar os detalhes do secret: ', error)

From 63a047ed456bb771aad32edb6cc8d18dd3e28b4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Felipe=20Araujo?= <contato@jsfelipearaujo.com>
Date: Wed, 30 Jul 2025 07:01:25 -0300
Subject: [PATCH 5/6] feat: add update secret support

---
 README.md                        |   6 +-
 src/views/SecretsManagerView.vue | 176 +++++++++++++++++++++++++++++++
 2 files changed, 180 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 2bb7c01..69f1d9f 100644
--- a/README.md
+++ b/README.md
@@ -101,9 +101,11 @@ Uma aplicação frontend moderna desenvolvida com **Vue.js 3** e **Vuetify 3** q
 
 ### 🔒 Secrets Manager
 - ✅ Listar todos os secrets
-- ✅ Criar novos secrets via texto puro (plaintext) ou chave-valor (JSON)
+- ✅ Criar novos secrets
+- ✅ Visualizar o conteúdo dos secrets
+- ✅ Atualizar o conteúdo dos secrets
 - ✅ Deletar os secrets
-- ✅ Visualizar o conteúdo dos secrets via texto puro (plaintext) ou chave-valor (JSON)
+- ✅ Suporte a texto puro (plaintext) e chave-valor (JSON)
 
 ### 🎨 Interface do Usuário
 - ✅ Design moderno e responsivo com Material Design 3
diff --git a/src/views/SecretsManagerView.vue b/src/views/SecretsManagerView.vue
index 33f98b9..2f09eee 100644
--- a/src/views/SecretsManagerView.vue
+++ b/src/views/SecretsManagerView.vue
@@ -52,6 +52,12 @@
                     Detalhes
                   </v-list-item-title>
                 </v-list-item>
+                <v-list-item @click="startEditSecret(secret)">
+                  <v-list-item-title>
+                    <v-icon class="mr-2">mdi-pencil</v-icon>
+                    Editar
+                  </v-list-item-title>
+                </v-list-item>
                 <v-list-item @click="confirmDeleteSecret(secret)">
                   <v-list-item-title class="text-error">
                     <v-icon class="mr-2">mdi-delete</v-icon>
@@ -184,6 +190,72 @@
       </v-card>
     </v-dialog>
 
+    <!-- Edit Secret Dialog -->
+    <v-dialog v-model="editSecretDialog" max-width="600">
+      <v-card v-if="editingSecret">
+        <v-card-title>
+          <span class="text-h5">Editar Secret</span>
+        </v-card-title>
+        <v-card-text>
+          <v-text-field
+            v-model="editingSecret.Description"
+            label="Descrição do Secret"
+            variant="outlined"
+          />
+
+          <v-radio-group v-model="editMode" row label="Tipo de Conteúdo">
+            <v-radio label="Texto Puro" value="plaintext" />
+            <v-radio label="Chave-Valor (JSON)" value="keyValue" />
+          </v-radio-group>
+
+          <v-textarea
+            v-if="editMode === 'plaintext'"
+            v-model="editingSecret.SecretString"
+            label="Conteúdo do secret (texto puro)"
+            variant="outlined"
+            rows="8"
+            :rules="[rules.required]"
+          />
+
+          <div v-if="editMode === 'keyValue'">
+            <div
+              v-for="(pair, index) in editKeyValuePairs"
+              :key="index"
+              class="d-flex align-center mb-2"
+            >
+              <v-text-field
+                v-model="pair.key"
+                label="Chave"
+                class="mr-2"
+                :rules="[rules.required]"
+              />
+              <v-text-field
+                v-model="pair.value"
+                label="Valor"
+                class="mr-2"
+                :rules="[rules.required]"
+              />
+              <v-btn
+                icon
+                @click="removeEditKeyValuePair(index)"
+                v-if="editKeyValuePairs.length > 1"
+              >
+                <v-icon color="error">mdi-delete</v-icon>
+              </v-btn>
+            </div>
+            <v-btn variant="outlined" @click="addEditKeyValuePair" size="small" class="mt-2">
+              <v-icon left>mdi-plus</v-icon> Adicionar chave-valor
+            </v-btn>
+          </div>
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer />
+          <v-btn text @click="editSecretDialog = false">Cancelar</v-btn>
+          <v-btn color="primary" @click="updateSecret" :loading="updating">Salvar</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+
     <!-- Secret Details Dialog -->
     <v-dialog v-model="secretDetailsDialog" max-width="800">
       <v-card v-if="selectedSecret">
@@ -268,6 +340,7 @@ import {
   GetSecretValueCommand,
   DescribeSecretCommand,
   DeleteSecretCommand,
+  UpdateSecretCommand,
 } from '@aws-sdk/client-secrets-manager'
 
 const appStore = useAppStore()
@@ -284,11 +357,16 @@ const keyValuePairs = ref([{ key: '', value: '' }])
 const secretViewMode = ref('plaintext') // 'plaintext' ou 'keyValue'
 const isSecretJson = ref(false)
 const parsedSecretObject = ref({})
+const editMode = ref('plaintext') // 'plaintext' ou 'keyValue'
+const editKeyValuePairs = ref([{ key: '', value: '' }])
 
 // Dialog states
 const createSecretDialog = ref(false)
 const secretDetailsDialog = ref(false)
 const deleteDialog = ref(false)
+const editSecretDialog = ref(false)
+const editingSecret = ref(null)
+const updating = ref(false)
 
 // Form data
 const newSecretName = ref('')
@@ -389,6 +467,104 @@ const createSecret = async () => {
   }
 }
 
+const startEditSecret = async secret => {
+  try {
+    const secretContent = await secretsManager.value.send(
+      new GetSecretValueCommand({
+        SecretId: secret.ARN,
+      })
+    )
+
+    const secretString = secretContent.SecretString
+    editingSecret.value = {
+      ARN: secret.ARN,
+      Name: secret.Name,
+      Description: secret.Description || '',
+      SecretString: secretString,
+    }
+
+    try {
+      const parsed = JSON.parse(secretString)
+      if (typeof parsed === 'object' && !Array.isArray(parsed) && parsed !== null) {
+        editMode.value = 'keyValue'
+        editKeyValuePairs.value = Object.entries(parsed).map(([key, value]) => ({
+          key,
+          value,
+        }))
+      } else {
+        appStore.showSnackbar('Erro ao parsear secret para edição', 'error')
+        return
+      }
+    } catch {
+      editMode.value = 'plaintext'
+      editKeyValuePairs.value = [{ key: '', value: '' }]
+    }
+
+    editSecretDialog.value = true
+  } catch (error) {
+    appStore.showSnackbar('Erro ao carregar secret para edição', 'error')
+    console.error(error)
+  }
+}
+
+const addEditKeyValuePair = () => {
+  editKeyValuePairs.value.push({ key: '', value: '' })
+}
+
+const removeEditKeyValuePair = index => {
+  editKeyValuePairs.value.splice(index, 1)
+}
+
+const updateSecret = async () => {
+  let secretString = ''
+
+  switch (editMode.value) {
+    case 'plaintext':
+      if (!editingSecret.value.SecretString) {
+        appStore.showSnackbar('Conteúdo do secret é obrigatório', 'error')
+        return
+      }
+      secretString = editingSecret.value.SecretString
+      break
+    case 'keyValue':
+      const valid = editKeyValuePairs.value.every(p => p.key && p.value)
+      if (!valid) {
+        appStore.showSnackbar('Todos os campos de chave-valor são obrigatórios', 'error')
+        return
+      }
+      const json = {}
+      editKeyValuePairs.value.forEach(p => {
+        json[p.key] = p.value
+      })
+      secretString = JSON.stringify(json, null, 2)
+      break
+    default:
+      appStore.showSnackbar('Modo de entrada invalido: ' + inputMode.value, 'error')
+      return
+  }
+
+  try {
+    updating.value = true
+    await secretsManager.value.send(
+      new UpdateSecretCommand({
+        SecretId: editingSecret.value.ARN,
+        Description: editingSecret.value.Description,
+        SecretString: secretString,
+      })
+    )
+
+    appStore.showSnackbar('Secret atualizado com sucesso!', 'success')
+    editSecretDialog.value = false
+    editingSecret.value = null
+    await loadSecrets()
+  } catch (error) {
+    appStore.showSnackbar('Erro ao atualizar secret', 'error')
+    console.error('Erro ao atualizar secret:', error)
+  } finally {
+    updating.value = false
+  }
+}
+
 const openSecret = async secret => {
   try {
     const described = await secretsManager.value.send(

From 7040dbf870e069d5d96ec5b26a93c41dd7c61c7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Felipe=20Araujo?= <contato@jsfelipearaujo.com>
Date: Wed, 30 Jul 2025 09:14:26 -0300
Subject: [PATCH 6/6] feat: add support for visualization of older versions

---
 README.md                        |   3 +-
 src/views/SecretsManagerView.vue | 134 +++++++++++++++++++++++++++----
 2 files changed, 121 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index 69f1d9f..4be774e 100644
--- a/README.md
+++ b/README.md
@@ -105,7 +105,8 @@ Uma aplicação frontend moderna desenvolvida com **Vue.js 3** e **Vuetify 3** q
 - ✅ Visualizar o conteúdo dos secrets
 - ✅ Atualizar o conteúdo dos secrets
 - ✅ Deletar os secrets
-- ✅ Suporte a texto puro (plaintext) e chave-valor (JSON)
+- ✅ Suporte à texto puro (plaintext) e chave-valor (JSON)
+- ✅ Suporte à visualização de múltiplas versões
 
 ### 🎨 Interface do Usuário
 - ✅ Design moderno e responsivo com Material Design 3
diff --git a/src/views/SecretsManagerView.vue b/src/views/SecretsManagerView.vue
index 2f09eee..c1b3a7a 100644
--- a/src/views/SecretsManagerView.vue
+++ b/src/views/SecretsManagerView.vue
@@ -171,7 +171,7 @@
               </v-btn>
             </div>
             <v-btn variant="outlined" @click="addKeyValuePair" size="small" class="mt-2">
-              <v-icon left>mdi-plus</v-icon> Adicionar chave-valor
+              <v-icon left>mdi-plus</v-icon> Adicionar
             </v-btn>
           </div>
         </v-card-text>
@@ -244,7 +244,7 @@
               </v-btn>
             </div>
             <v-btn variant="outlined" @click="addEditKeyValuePair" size="small" class="mt-2">
-              <v-icon left>mdi-plus</v-icon> Adicionar chave-valor
+              <v-icon left>mdi-plus</v-icon> Adicionar
             </v-btn>
           </div>
         </v-card-text>
@@ -270,12 +270,28 @@
                   <p><strong>Nome:</strong> {{ selectedSecret.Name }}</p>
                   <p><strong>Descrição:</strong> {{ selectedSecret.Description }}</p>
                   <p><strong>ARN:</strong> {{ selectedSecret.ARN }}</p>
-                  <p><strong>Versões:</strong> {{ selectedSecret.Versions }}</p>
 
-                  <p class="mt-4"><strong>Conteúdo do secret:</strong></p>
+                  <p class="mt-3"><strong>Versões disponíveis:</strong></p>
+                  <v-select
+                    v-if="selectedSecret.Versions"
+                    :model-value="selectedVersionId"
+                    @update:model-value="onSelectVersion"
+                    :items="
+                      selectedSecret.Versions.map(v => ({
+                        title: `${v.versionId} - Criado em ${formatDate(v.createdDate)}`,
+                        value: v.versionId,
+                      }))
+                    "
+                    dense
+                    outlined
+                  />
+
+                  <p class="mt-3"><strong>Conteúdo:</strong></p>
 
                   <v-radio-group
-                    v-if="isSecretJson"
+                    v-if="
+                      selectedVersionContent && selectedVersionContent.contentType === 'keyValue'
+                    "
                     v-model="secretViewMode"
                     row
                     class="mb-2"
@@ -286,17 +302,39 @@
                   </v-radio-group>
 
                   <!-- Key-Value View -->
-                  <div v-if="secretViewMode === 'keyValue' && isSecretJson">
-                    <div v-for="(value, key) in parsedSecretObject" :key="key" class="d-flex mb-2">
-                      <v-text-field :model-value="key" label="Chave" readonly class="mr-2" />
-                      <v-text-field :model-value="value" label="Valor" readonly />
+                  <div
+                    v-if="
+                      secretViewMode === 'keyValue' &&
+                      selectedVersionContent?.contentType === 'keyValue'
+                    "
+                  >
+                    <div
+                      v-for="(item, index) in selectedVersionContent.content"
+                      :key="index"
+                      class="d-flex mb-2"
+                    >
+                      <v-text-field :model-value="item.key" label="Chave" readonly class="mr-2" />
+                      <v-text-field :model-value="item.value" label="Valor" readonly />
                     </div>
                   </div>
 
                   <!-- Plaintext View -->
-                  <div v-if="secretViewMode === 'plaintext' || !isSecretJson">
+                  <div
+                    v-if="
+                      secretViewMode === 'plaintext' ||
+                      selectedVersionContent?.contentType === 'plaintext'
+                    "
+                  >
                     <textarea cols="115" rows="6" readonly>{{
-                      selectedSecret.SecretString
+                      typeof selectedVersionContent?.content === 'string'
+                        ? selectedVersionContent.content
+                        : JSON.stringify(
+                            Object.fromEntries(
+                              selectedVersionContent?.content.map(({ key, value }) => [key, value])
+                            ),
+                            null,
+                            2
+                          )
                     }}</textarea>
                   </div>
                 </v-card-text>
@@ -336,12 +374,13 @@ import { storeToRefs } from 'pinia'
 import TitleNameWithTooltip from '@/components/TitleNameWithTooltip.vue'
 import {
   ListSecretsCommand,
+  ListSecretVersionIdsCommand,
   CreateSecretCommand,
   GetSecretValueCommand,
-  DescribeSecretCommand,
   DeleteSecretCommand,
   UpdateSecretCommand,
 } from '@aws-sdk/client-secrets-manager'
+import { formatDate } from '../utils/formatDate.js'
 
 const appStore = useAppStore()
 const { secretsManager } = storeToRefs(appStore)
@@ -359,6 +398,8 @@ const isSecretJson = ref(false)
 const parsedSecretObject = ref({})
 const editMode = ref('plaintext') // 'plaintext' ou 'keyValue'
 const editKeyValuePairs = ref([{ key: '', value: '' }])
+const selectedVersionId = ref(null)
+const selectedVersionContent = ref(null)
 
 // Dialog states
 const createSecretDialog = ref(false)
@@ -567,8 +608,8 @@ const updateSecret = async () => {
 
 const openSecret = async secret => {
   try {
-    const described = await secretsManager.value.send(
-      new DescribeSecretCommand({
+    const versionsResponse = await secretsManager.value.send(
+      new ListSecretVersionIdsCommand({
         SecretId: secret.ARN,
       })
     )
@@ -579,12 +620,28 @@ const openSecret = async secret => {
       })
     )
 
+    const versions = versionsResponse.Versions.map(version => ({
+      versionId: version.VersionId,
+      createdDate: version.CreatedDate,
+      lastAccessedDate: version.LastAccessedDate,
+    }))
+
+    let latestVersion = {}
+    if (versions.length > 0) {
+      const latest = versions[0]
+      latestVersion = await loadSecretVersionContent(secret.ARN, latest.versionId)
+    }
+
+    selectedVersionId.value = versions[0]?.versionId || null
+    selectedVersionContent.value = latestVersion
+
     selectedSecret.value = {
       Name: secret.Name,
       Description: secret.Description,
       ARN: secret.ARN,
       SecretString: secretContent.SecretString,
-      Versions: described.VersionIdsToStages,
+      Versions: versions,
+      LatestVersion: latestVersion,
     }
 
     // Check if SecretString is a valid key-value JSON
@@ -636,6 +693,53 @@ const deleteSecret = async () => {
   }
 }
 
+const loadSecretVersionContent = async (secretId, versionId) => {
+  try {
+    const result = await secretsManager.value.send(
+      new GetSecretValueCommand({
+        SecretId: secretId,
+        VersionId: versionId,
+      })
+    )
+
+    try {
+      const json = JSON.parse(result.SecretString)
+      if (typeof json === 'object' && !Array.isArray(json) && json !== null) {
+        const contentType = 'keyValue'
+        const content = Object.entries(json).map(([key, value]) => ({
+          key,
+          value,
+        }))
+        return {
+          content: content,
+          contentType: contentType,
+        }
+      }
+    } catch {
+      return {
+        content: result.SecretString,
+        contentType: 'plaintext',
+      }
+    }
+  } catch (error) {
+    appStore.showSnackbar('Erro ao carregar conteúdo da versão', 'error')
+    return ''
+  }
+}
+
+const onSelectVersion = async newVersionId => {
+  selectedVersionId.value = newVersionId
+  if (newVersionId && selectedSecret.value?.ARN) {
+    selectedVersionContent.value = await loadSecretVersionContent(
+      selectedSecret.value.ARN,
+      newVersionId
+    )
+    // Atualiza o modo de visualização com base no novo tipo de conteúdo
+    secretViewMode.value =
+      selectedVersionContent.value.contentType === 'keyValue' ? 'keyValue' : 'plaintext'
+  }
+}
+
 // Lifecycle
 onMounted(() => {
   loadSecrets()