feat: add SQS + EventBridge

packages/frontend/src/index.css

@@ -1436,6 +1436,18 @@ pre,
     color: var(--status-error);
 }
 
+.key-value-editor {
+    display: grid;
+    gap: 6px;
+}
+
+.key-value-row {
+    align-items: center;
+    display: grid;
+    gap: 6px;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
+}
+
 .dynamic-field--span {
     grid-column: 1 / -1;
 }
@@ -2460,6 +2472,36 @@ pre,
     white-space: nowrap;
 }
 
+.object-upload-dropzone {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  margin: 12px 0;
+  padding: 14px 16px;
+  border: 1px dashed var(--border, #4b5563);
+  border-radius: 7px;
+  color: var(--text-2);
+}
+
+.object-upload-dropzone strong {
+  color: var(--text-1);
+}
+
+.object-upload-dropzone span {
+  font-size: 12px;
+}
+
+.lambda-edit-button {
+    background: color-mix(in srgb, var(--accent) 18%, transparent);
+    border-color: color-mix(in srgb, var(--accent) 65%, var(--border));
+    color: var(--accent);
+}
+
+.lambda-edit-button:hover {
+    background: color-mix(in srgb, var(--accent) 28%, transparent);
+    border-color: var(--accent);
+}
+
 .table-confirm-actions {
     display: inline-flex;
     align-items: center;
@@ -2582,13 +2624,30 @@ pre,
     border: 1px solid var(--border);
     border-radius: 6px;
     color: var(--text);
-    cursor: pointer;
     display: flex;
     gap: 8px;
     padding: 7px 9px;
     text-align: left;
 }
 
+.apigateway-route-select {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    color: inherit;
+    cursor: pointer;
+    display: flex;
+    gap: 8px;
+    padding: 0;
+    text-align: left;
+}
+
+.apigateway-route-confirm {
+    align-items: center;
+    display: flex;
+    gap: 5px;
+}
+
 .apigateway-route-item:hover,
 .apigateway-route-item.selected {
     border-color: var(--accent);