agent

web-server/public/css/styles.css

@@ -828,7 +828,8 @@ tbody tr:hover td.action-col {
 }
 
 .detail-grid,
-.builder-layout {
+.builder-layout,
+.agent-layout {
   display: grid;
   flex: 1;
   gap: 16px;
@@ -836,6 +837,10 @@ tbody tr:hover td.action-col {
   min-height: 0;
 }
 
+.agent-layout {
+  grid-template-columns: 380px minmax(0, 1fr);
+}
+
 .wide-panel {
   min-width: 0;
 }
@@ -890,10 +895,35 @@ tbody tr:hover td.action-col {
 }
 
 .builder-layout .panel .form-grid,
-.builder-layout .panel .form-stack {
+.builder-layout .panel .form-stack,
+.agent-upload-form .form-grid {
   padding: 16px;
 }
 
+.agent-upload-form {
+  overflow: auto;
+}
+
+.agent-upload-form .modal-actions {
+  padding: 0 16px 16px;
+}
+
+.agent-command-list {
+  border-top: 1px solid #eef2f7;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px;
+}
+
+.agent-command-list input {
+  font-size: 11px;
+}
+
+.agent-table {
+  min-width: 920px;
+}
+
 .checkbox {
   accent-color: var(--primary);
   height: 16px;
@@ -1360,6 +1390,7 @@ tbody tr:hover td.action-col {
   .dashboard-grid,
   .detail-grid,
   .builder-layout,
+  .agent-layout,
   .users-layout {
     grid-template-columns: 1fr;
   }
@@ -1370,6 +1401,7 @@ tbody tr:hover td.action-col {
 
   .detail-grid,
   .builder-layout,
+  .agent-layout,
   .users-layout {
     overflow: auto;
   }