feat: add TableList component with styles and functionality for displaying database tables

feat: implement NewConnectionDialog component for creating and editing database connections with form validation

chore: generate TypeScript definitions and JavaScript bindings for app functions

chore: add models for configuration, connection requests, and database entities

frontend/src/components/Sidebar/ConnectionPanel.css

@@ -233,3 +233,76 @@
   background-color: var(--border);
   margin: var(--space-2) 0;
 }
+
+/* Connection action buttons (edit/disconnect/delete) */
+.connection-actions {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  margin-left: auto;
+  opacity: 0;
+  transition: opacity 0.15s;
+}
+
+.connection-item:hover .connection-actions {
+  opacity: 1;
+}
+
+.connection-action-btn {
+  padding: 3px 4px;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 1;
+}
+
+.connection-action-btn:hover {
+  background: var(--bg-primary);
+  color: var(--text-primary);
+}
+
+.connection-action-btn.danger:hover {
+  color: #ef4444;
+}
+
+/* Connecting label */
+.connecting-label {
+  font-size: 11px;
+  color: var(--text-muted);
+  font-style: italic;
+  white-space: nowrap;
+}
+
+/* Connection error message */
+.connection-error-msg {
+  padding: 4px var(--space-4) 6px calc(var(--space-4) + 24px);
+  font-size: 11px;
+  color: #f87171;
+  line-height: 1.4;
+  word-break: break-word;
+}
+
+/* Connection stats (schema/table count summary) */
+.connection-stats {
+  padding: 2px var(--space-4) 6px calc(var(--space-4) + 24px);
+  font-size: 11px;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+/* Tree count badge */
+.tree-count-badge {
+  margin-left: auto;
+  padding: 1px 6px;
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--text-muted);
+  background-color: var(--bg-primary);
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  line-height: 1.6;
+  flex-shrink: 0;
+}