Update field type handling in data processing and configuration. Added support for multiple column types in table creation, enhanced datetime processing, and improved UI for field type selection. Updated configuration timestamp.

static/css/style.css

@@ -1440,8 +1440,8 @@ body {
 
 .field-mapping-header {
     display: flex;
-    justify-content: space-between;
-    align-items: center;
+    align-items: flex-end;
+    gap: 12px;
     padding-bottom: 10px;
     border-bottom: 1px solid var(--td-border-color-light);
     margin-bottom: 10px;
@@ -1450,25 +1450,54 @@ body {
 .field-name {
     flex: 1;
     display: flex;
-    align-items: center;
-    gap: 10px;
+    flex-direction: column;
+    gap: 4px;
     padding-left: 28px;
 }
 
-.field-name label {
-    font-size: 13px;
+.field-name label,
+.field-type label {
+    font-size: 12px;
     color: var(--td-text-color-secondary);
     white-space: nowrap;
     font-weight: 500;
 }
 
 .field-name .field-input {
-    flex: 0 0 75%;
-    max-width: 75%;
+    width: 100%;
     height: 28px;
     font-size: 13px;
 }
 
+.field-type {
+    flex: 0 0 160px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.field-type .type-select {
+    height: 28px;
+    font-size: 13px;
+    padding: 0 8px;
+    border: 1px solid var(--td-border-color);
+    border-radius: var(--td-radius-default);
+    background: var(--td-bg-color-container);
+    color: var(--td-text-color-primary);
+    cursor: pointer;
+    transition: all var(--td-transition);
+}
+
+.field-type .type-select:hover {
+    border-color: var(--td-brand-color);
+}
+
+.field-type .type-select:focus {
+    border-color: var(--td-brand-color);
+    outline: none;
+    box-shadow: 0 0 0 2px var(--td-brand-color-light);
+}
+
 .extract-list {
     display: flex;
     flex-direction: column;