feat(tsview): add database and S3 handlers, tswatch/watch scripts, web utilities, assets and release config

ts_web/elements/tsview-mongo-documents.ts

@@ -1,5 +1,6 @@
 import * as plugins from '../plugins.js';
 import { apiService } from '../services/index.js';
+import { themeStyles } from '../styles/index.js';
 
 const { html, css, cssManager, customElement, property, state, DeesElement } = plugins;
 
@@ -34,6 +35,7 @@ export class TsviewMongoDocuments extends DeesElement {
 
   public static styles = [
     cssManager.defaultStyles,
+    themeStyles,
     css`
       :host {
         display: block;
@@ -67,7 +69,7 @@ export class TsviewMongoDocuments extends DeesElement {
 
       .filter-input:focus {
         outline: none;
-        border-color: #6366f1;
+        border-color: #404040;
       }
 
       .filter-input::placeholder {
@@ -76,16 +78,16 @@ export class TsviewMongoDocuments extends DeesElement {
 
       .filter-btn {
         padding: 8px 16px;
-        background: rgba(99, 102, 241, 0.2);
-        border: 1px solid #6366f1;
-        color: #818cf8;
+        background: rgba(255, 255, 255, 0.1);
+        border: 1px solid #404040;
+        color: #e0e0e0;
         border-radius: 6px;
         cursor: pointer;
         font-size: 13px;
       }
 
       .filter-btn:hover {
-        background: rgba(99, 102, 241, 0.3);
+        background: rgba(255, 255, 255, 0.15);
       }
 
       .documents-list {
@@ -108,13 +110,13 @@ export class TsviewMongoDocuments extends DeesElement {
       }
 
       .document-row.selected {
-        background: rgba(99, 102, 241, 0.15);
-        border: 1px solid rgba(99, 102, 241, 0.3);
+        background: rgba(255, 255, 255, 0.08);
+        border: 1px solid rgba(255, 255, 255, 0.15);
       }
 
       .document-id {
         font-size: 12px;
-        color: #818cf8;
+        color: #e0e0e0;
         font-family: monospace;
         margin-bottom: 4px;
       }