implement description

.vscode/tasks.json

@@ -92,15 +92,6 @@
 				"cwd": "${workspaceFolder}/lib/types"
 			}
 		},
-		{
-			"type": "cargo",
-			"command": "publish",
-			"args": ["--allow-dirty"],
-			"label": "publish monitor helpers",
-			"options": {
-				"cwd": "${workspaceFolder}/lib/helpers"
-			}
-		},
 		{
 			"type": "cargo",
 			"command": "publish",
@@ -109,14 +100,6 @@
 				"cwd": "${workspaceFolder}/lib/monitor_client"
 			}
 		},
-		{
-			"type": "cargo",
-			"command": "publish",
-			"label": "publish monitor periphery",
-			"options": {
-				"cwd": "${workspaceFolder}/periphery"
-			}
-		},
 		{
 			"type": "cargo",
 			"command": "publish",

Dockerfile.core

@@ -3,8 +3,8 @@ WORKDIR /builder
 
 COPY ./core ./core
 
-# COPY ./lib/types ./lib/types
-# COPY ./lib/helpers ./lib/helpers
+COPY ./lib/types ./lib/types
+COPY ./lib/helpers ./lib/helpers
 
 COPY ./lib/db_client ./lib/db_client
 COPY ./lib/periphery_client ./lib/periphery_client

cli/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "monitor_cli"
-version = "0.1.22"
+version = "0.2.4"
 edition = "2021"
 authors = ["MoghTech"]
 description = "monitor cli | tools to setup monitor system"

cli/src/helpers.rs

@@ -75,6 +75,7 @@ pub fn gen_core_config(sub_matches: &ArgMatches) {
         github_oauth: Default::default(),
         google_oauth: Default::default(),
         aws: Default::default(),
+        docker_organizations: Default::default(),
         mongo: MongoConfig {
             uri: mongo_uri,
             db_name: mongo_db_name,
@@ -82,6 +83,7 @@ pub fn gen_core_config(sub_matches: &ArgMatches) {
         },
         jwt_secret: generate_secret(40),
         github_webhook_secret: generate_secret(30),
+        github_webhook_base_url: None,
         passkey: generate_secret(30),
     };
 
@@ -178,7 +180,10 @@ pub fn start_mongo(sub_matches: &ArgMatches) {
         }
     }
 
-    let command = format!("docker stop {name} && docker container rm {name} && docker run -d --name {name} -p {port}:27017 --network {network} -v {mount}:/data/db{env} --restart {restart} --log-opt max-size=15m --log-opt max-file=3 mongo --quiet");
+    let stop =
+        run_command_pipe_to_terminal(&format!("docker stop {name} && docker container rm {name}"));
+
+    let command = format!("docker run -d --name {name} -p {port}:27017 --network {network} -v {mount}:/data/db{env} --restart {restart} --log-opt max-size=15m --log-opt max-file=3 mongo --quiet");
 
     let output = run_command_pipe_to_terminal(&command);
 

cli/src/main.rs

@@ -36,19 +36,19 @@ fn cli() -> Command {
                                 .required(false)
                         )
                         .arg(
-                            arg!(--mongo-uri <URI> "sets the mongo uri to use. default is 'mongodb://monitor-mongo'")
+                            arg!(--"mongo-uri" <URI> "sets the mongo uri to use. default is 'mongodb://monitor-mongo'")
                                 .required(false)
                         )
                         .arg(
-                            arg!(--mongo-db-name <NAME> "sets the db name to use. default is 'monitor'")
+                            arg!(--"mongo-db-name" <NAME> "sets the db name to use. default is 'monitor'")
                                 .required(false)
                         )
                         .arg(
-                            arg!(--jwt-valid-for <TIMELENGTH> "sets the length of time jwt stays valid for. default is 1-wk (one week)")
+                            arg!(--"jwt-valid-for" <TIMELENGTH> "sets the length of time jwt stays valid for. default is 1-wk (one week)")
                                 .required(false)
                         )
                         .arg(
-                            arg!(--slack-url <URL> "sets the slack url to use for slack notifications")
+                            arg!(--"slack-url" <URL> "sets the slack url to use for slack notifications")
                                 .required(false)
                         ),
                 )
@@ -96,7 +96,7 @@ fn cli() -> Command {
                             arg!(--name <NAME> "specify the name of the monitor core container. default is monitor-core")
                         )
                         .arg(
-                            arg!(--config-path <PATH> "specify the file path to use for config. default is ~/.monitor/core.config.toml")
+                            arg!(--"config-path" <PATH> "specify the file path to use for config. default is ~/.monitor/core.config.toml")
                                 .required(false)
                         )
                         .arg(
@@ -111,7 +111,7 @@ fn cli() -> Command {
                             arg!(--restart <RESTART> "sets docker restart mode of monitor core container. default is unless-stopped")
                         )
                         .arg(
-                            arg!(--add-internal-host "adds the docker flag '--add-host=host.docker.internal:host-gateway'. default is true")
+                            arg!(--"add-internal-host" "adds the docker flag '--add-host=host.docker.internal:host-gateway'. default is true")
                         )
                 ),
         )
@@ -133,15 +133,15 @@ fn cli() -> Command {
                                 .required(false)
                         )
                         .arg(
-                            arg!(--stats-polling-rate <INTERVAL> "sets stats polling rate to control granularity of system stats returned. default is 5-sec. options: 1-sec, 5-sec, 10-sec, 30-sec, 1-min")
+                            arg!(--"stats-polling-rate" <INTERVAL> "sets stats polling rate to control granularity of system stats returned. default is 5-sec. options: 1-sec, 5-sec, 10-sec, 30-sec, 1-min")
                                 .required(false)
                         )
                         .arg(
-                            arg!(--allowed-ips <IPS> "used to only accept requests from known ips. give ips as comma seperated list, like '--allowed_ips 127.0.0.1,10.20.30.43'. default is empty, which will not block any ip.")
+                            arg!(--"allowed-ips" <IPS> "used to only accept requests from known ips. give ips as comma seperated list, like '--allowed_ips 127.0.0.1,10.20.30.43'. default is empty, which will not block any ip.")
                                 .required(false)
                         )
                         .arg(
-                            arg!(--repo-dir <PATH> "if running in container, this should be '/repos'. default is ~/.monitor/repos").required(false)
+                            arg!(--"repo-dir" <PATH> "if running in container, this should be '/repos'. default is ~/.monitor/repos").required(false)
                         )
                 )
                 .subcommand(
@@ -157,7 +157,7 @@ fn cli() -> Command {
                                     arg!(--install "specify this to install periphery from crates.io")
                                 )
                                 .arg(
-                                    arg!(--config-path <PATH> "specify the file path to use for config. default is ~/.monitor/periphery.config.toml")
+                                    arg!(--"config-path" <PATH> "specify the file path to use for config. default is ~/.monitor/periphery.config.toml")
                                         .required(false)
                                 )
                         )
@@ -171,7 +171,7 @@ fn cli() -> Command {
                                     arg!(--install "specify this to install periphery from crates.io")
                                 )
                                 .arg(
-                                    arg!(--config-path <PATH> "specify the file path to use for config. default is ~/.monitor/periphery.config.toml")
+                                    arg!(--"config-path" <PATH> "specify the file path to use for config. default is ~/.monitor/periphery.config.toml")
                                         .required(false)
                                 )
                                 .arg(
@@ -183,32 +183,32 @@ fn cli() -> Command {
                                         .required(false)
                                 )
                         )
-                        .subcommand(
-                            Command::new("container")
-                                .about("start up monitor periphery in docker container")
-                                .arg(
-                                    arg!(--yes "used in scripts to skip 'enter to continue' step")
-                                )
-                                .arg(
-                                    arg!(--name <NAME> "specify the name of the monitor periphery container. default is monitor-periphery")
-                                )
-                                .arg(
-                                    arg!(--config-path <PATH> "specify the file path to use for config. default is ~/.monitor/periphery.config.toml")
-                                        .required(false)
-                                )
-                                .arg(arg!(--repo-dir <PATH> "specify the folder on host to clone repos into. default is ~/.monitor/repos").required(false))
-                                .arg(
-                                    arg!(--port <PORT> "sets port monitor periphery will run on. default is 8000")
-                                        .required(false)
-                                )
-                                .arg(
-                                    arg!(--network <NETWORK> "sets docker network of monitor periphery container. default is bridge")
-                                        .required(false)
-                                )
-                                .arg(
-                                    arg!(--restart <RESTART> "sets docker restart mode of monitor periphery container. default is unless-stopped")
-                                )
-                        )
+                        // .subcommand(
+                        //     Command::new("container")
+                        //         .about("start up monitor periphery in docker container")
+                        //         .arg(
+                        //             arg!(--yes "used in scripts to skip 'enter to continue' step")
+                        //         )
+                        //         .arg(
+                        //             arg!(--name <NAME> "specify the name of the monitor periphery container. default is monitor-periphery")
+                        //         )
+                        //         .arg(
+                        //             arg!(--"config-path" <PATH> "specify the file path to use for config. default is ~/.monitor/periphery.config.toml")
+                        //                 .required(false)
+                        //         )
+                        //         .arg(arg!(--"repo-dir" <PATH> "specify the folder on host to clone repos into. default is ~/.monitor/repos").required(false))
+                        //         .arg(
+                        //             arg!(--port <PORT> "sets port monitor periphery will run on. default is 8000")
+                        //                 .required(false)
+                        //         )
+                        //         .arg(
+                        //             arg!(--network <NETWORK> "sets docker network of monitor periphery container. default is bridge")
+                        //                 .required(false)
+                        //         )
+                        //         .arg(
+                        //             arg!(--restart <RESTART> "sets docker restart mode of monitor periphery container. default is unless-stopped")
+                        //         )
+                        // )
                 ),
         )
 }
@@ -239,7 +239,7 @@ fn main() {
                     match periphery_start_command {
                         ("systemd", sub_matches) => start_periphery_systemd(sub_matches),
                         ("daemon", sub_matches) => start_periphery_daemon(sub_matches),
-                        ("container", sub_matches) => start_periphery_container(sub_matches),
+                        // ("container", sub_matches) => start_periphery_container(sub_matches),
                         _ => println!("\n❌ invalid call, should be 'monitor periphery start <daemon, container> <flags>' ❌\n")
                     }
                 }

cli/src/types.rs

@@ -31,6 +31,9 @@ pub struct CoreConfig {
     // used to verify validity from github webhooks
     pub github_webhook_secret: String,
 
+    // used to form the frontend listener url, if None will use 'host'.
+    pub github_webhook_base_url: Option<String>,
+
     // sent in auth header with req to periphery
     pub passkey: String,
 
@@ -40,6 +43,10 @@ pub struct CoreConfig {
     // enable login with local auth
     pub local_auth: bool,
 
+    // allowed docker orgs used with monitor. first in this list will be default for build
+    #[serde(default)]
+    pub docker_organizations: Vec<String>,
+
     pub mongo: MongoConfig,
 
     #[serde(default)]
@@ -89,19 +96,31 @@ fn default_core_mongo_db_name() -> String {
 
 #[derive(Serialize, Deserialize, Debug, Clone, Default)]
 pub struct AwsBuilderConfig {
+    #[serde(skip_serializing)]
     pub access_key_id: String,
+
+    #[serde(skip_serializing)]
     pub secret_access_key: String,
+
     pub default_ami_id: String,
     pub default_subnet_id: String,
     pub default_key_pair_name: String,
+
+    #[serde(default)]
+    pub available_ami_accounts: AvailableAmiAccounts,
+
     #[serde(default = "default_aws_region")]
     pub default_region: String,
+
     #[serde(default = "default_volume_gb")]
     pub default_volume_gb: i32,
+
     #[serde(default = "default_instance_type")]
     pub default_instance_type: String,
+
     #[serde(default)]
     pub default_security_group_ids: Vec<String>,
+
     #[serde(default)]
     pub default_assign_public_ip: bool,
 }
@@ -118,6 +137,17 @@ fn default_instance_type() -> String {
     String::from("m5.2xlarge")
 }
 
+pub type AvailableAmiAccounts = HashMap<String, AmiAccounts>; // (ami_id, AmiAccounts)
+
+#[derive(Serialize, Deserialize, Debug, Clone, Default)]
+pub struct AmiAccounts {
+    pub name: String,
+    #[serde(default)]
+    pub github: Vec<String>,
+    #[serde(default)]
+    pub docker: Vec<String>,
+}
+
 pub type GithubUsername = String;
 pub type GithubToken = String;
 pub type GithubAccounts = HashMap<GithubUsername, GithubToken>;

config_example/core.config.example.toml

@@ -1,5 +1,5 @@
 # this should be the url used to access monitor in browser, potentially behind DNS, eg https://monitor.mogh.tech or http://12.34.56.78:9000
-host = "http://localhost:9000"
+host = "https://monitor.mogh.tech"
 
 # the port the core system will run on. if running core in docker container, leave as this port as 9000 and use port bind eg. -p 9001:9000
 port = 9000
@@ -19,9 +19,12 @@ jwt_valid_for = "1-wk"
 # webhook url given by slack app
 slack_url = "your_slack_app_webhook_url"
 
-# token that has to be given to github during webhook config as the Secret
+# token that has to be given to github during webhook config as the secret
 github_webhook_secret = "your_random_webhook_secret"
 
+# optional. an alternate base url that is used to recieve github webhook requests. if not provided, will use 'host' address as base
+github_webhook_base_url = "https://monitor-github-webhook.mogh.tech"
+
 # token used to authenticate core requests to periphery
 passkey = "your_random_passkey"
 
@@ -31,6 +34,9 @@ monitoring_interval = "1-min"
 # allow or deny user login with username / password
 local_auth = true
 
+# these will be given in the GUI to attach to builds. New build docker orgs will default to first org (or none if empty).
+docker_organizations = ["your_docker_org1", "your_docker_org_2"]
+
 [aws]
 access_key_id = "your_aws_key_id"
 secret_access_key = "your_aws_secret_key"
@@ -43,6 +49,9 @@ default_subnet_id = "your_default_subnet_id"
 default_security_group_ids = ["sg_id_1", "sg_id_2"]
 default_assign_public_ip = false
 
+[aws.available_ami_accounts]
+your_periphery_ami = { name = "default ami", github = ["github_username"], docker = ["docker_username"] }
+
 [github_oauth]
 enabled = true
 id = "your_github_client_id"

core/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "core"
-version = "0.1.16"
+version = "0.2.4"
 edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
@@ -15,9 +15,9 @@ tokio = { version = "1.25", features = ["full"] }
 tokio-tungstenite = { version = "0.18", features=["native-tls"] }
 tokio-util = "0.7"
 axum = { version = "0.6", features = ["ws", "json"] }
-axum-extra = { version = "0.5", features = ["spa"] }
+axum-extra = { version = "0.5.0", features = ["spa"] }
 tower = { version = "0.4", features = ["full"] }
-tower-http = { version = "0.3", features = ["cors"] }
+tower-http = { version = "0.4.0", features = ["cors"] }
 slack = { package = "slack_client_rs", version = "0.0.8" }
 mungos = "0.3.3"
 serde = "1.0"
@@ -34,4 +34,6 @@ async_timing_util = "0.1.14"
 futures-util = "0.3"
 diff-struct = "0.5"
 typeshare = "1.0.0"
-hex = "0.4"
+hex = "0.4"
+aws-config = "0.54"
+aws-sdk-ec2 = "0.24"

core/src/actions/build.rs

@@ -2,11 +2,7 @@ use std::time::Duration;
 
 use anyhow::{anyhow, Context};
 use diff::Diff;
-use helpers::{
-    all_logs_success,
-    aws::{self, create_ec2_client, create_instance_with_ami, terminate_ec2_instance, Ec2Instance},
-    to_monitor_name,
-};
+use helpers::{all_logs_success, to_monitor_name};
 use mungos::{doc, to_bson};
 use types::{
     monitor_timestamp,
@@ -14,7 +10,13 @@ use types::{
     Build, Log, Operation, PermissionLevel, Update, UpdateStatus, UpdateTarget, Version,
 };
 
-use crate::{auth::RequestUser, state::State};
+use crate::{
+    auth::RequestUser,
+    cloud::aws::{
+        self, create_ec2_client, create_instance_with_ami, terminate_ec2_instance, Ec2Instance,
+    },
+    state::State,
+};
 
 const BUILDER_POLL_RATE_SECS: u64 = 2;
 const BUILDER_POLL_MAX_TRIES: usize = 30;
@@ -51,6 +53,11 @@ impl State {
         let start_ts = monitor_timestamp();
         let build = Build {
             name: to_monitor_name(name),
+            docker_organization: self
+                .config
+                .docker_organizations
+                .get(0)
+                .map(|d| d.to_string()),
             permissions: [(user.id.clone(), PermissionLevel::Update)]
                 .into_iter()
                 .collect(),
@@ -158,15 +165,25 @@ impl State {
         mut new_build: Build,
         user: &RequestUser,
     ) -> anyhow::Result<Build> {
+        let start_ts = monitor_timestamp();
         let current_build = self
             .get_build_check_permissions(&new_build.id, user, PermissionLevel::Update)
             .await?;
-        let start_ts = monitor_timestamp();
+
+        if let Some(new_server_id) = &new_build.server_id {
+            if current_build.server_id.is_none()
+                || new_server_id != current_build.server_id.as_ref().unwrap()
+            {
+                self.get_server_check_permissions(new_server_id, user, PermissionLevel::Update)
+                    .await
+                    .context("user does not have permission to attach build to this server")?;
+            }
+        }
 
         // none of these should be changed through this method
         new_build.name = current_build.name.clone();
         new_build.permissions = current_build.permissions.clone();
-        new_build.last_built_at = String::new();
+        new_build.last_built_at = current_build.last_built_at.clone();
         new_build.created_at = current_build.created_at.clone();
         new_build.updated_at = start_ts.clone();
 
@@ -288,8 +305,8 @@ impl State {
                 self.update_update(update).await?;
                 return Err(e);
             }
-            let (server, aws_client, log) = res.unwrap();
-            update.logs.push(log);
+            let (server, aws_client, logs) = res.unwrap();
+            update.logs.extend(logs);
             self.update_update(update.clone()).await?;
             (server, aws_client)
         } else {
@@ -395,11 +412,11 @@ impl State {
     async fn create_ec2_instance_for_build(
         &self,
         build: &Build,
-    ) -> anyhow::Result<(Ec2Instance, Option<aws::Client>, Log)> {
+    ) -> anyhow::Result<(Ec2Instance, Option<aws::Client>, Vec<Log>)> {
         if build.aws_config.is_none() {
             return Err(anyhow!("build has no aws_config attached"));
         }
-        let start_ts = monitor_timestamp();
+        let start_instance_ts = monitor_timestamp();
         let aws_config = build.aws_config.as_ref().unwrap();
         let region = aws_config
             .region
@@ -454,26 +471,37 @@ impl State {
             assign_public_ip,
         )
         .await?;
+        let instance_id = &instance.instance_id;
+        let start_log = Log {
+            stage: "start build instance".to_string(),
+            success: true,
+            stdout: format!("instance id: {instance_id}\nami id: {ami_id}\ninstance type: {instance_type}\nvolume size: {volume_size_gb} GB\nsubnet id: {subnet_id}\nsecurity groups: {readable_sec_group_ids}"),
+            start_ts: start_instance_ts,
+            end_ts: monitor_timestamp(),
+            ..Default::default()
+        };
+        let start_connect_ts = monitor_timestamp();
         let mut res = Ok(String::new());
         for _ in 0..BUILDER_POLL_MAX_TRIES {
-            let status = self.periphery.health_check(&instance.server).await;
-            if let Ok(_) = status {
-                let instance_id = &instance.instance_id;
-                let log = Log {
-                    stage: "start build instance".to_string(),
+            let version = self.periphery.get_version(&instance.server).await;
+            if let Ok(version) = version {
+                let connect_log = Log {
+                    stage: "build instance connected".to_string(),
                     success: true,
-                    stdout: format!("instance id: {instance_id}\nami id: {ami_id}\ninstance type: {instance_type}\nvolume size: {volume_size_gb} GB\nsubnet id: {subnet_id}\nsecurity groups: {readable_sec_group_ids}"),
-                    start_ts,
+                    stdout: format!("established contact with periphery on builder\nperiphery version: v{version}"),
+                    start_ts: start_connect_ts,
                     end_ts: monitor_timestamp(),
                     ..Default::default()
                 };
-                return Ok((instance, Some(aws_client), log));
+                return Ok((instance, Some(aws_client), vec![start_log, connect_log]));
             }
-            res = status;
+            res = version;
             tokio::time::sleep(Duration::from_secs(BUILDER_POLL_RATE_SECS)).await;
         }
         let _ = terminate_ec2_instance(&aws_client, &instance.instance_id).await;
-        Err(anyhow!("unable to reach periphery agent on build server\n{res:#?}"))
+        Err(anyhow!(
+            "unable to reach periphery agent on build server\n{res:#?}"
+        ))
     }
 
     async fn terminate_ec2_instance(

core/src/actions/deployment.rs

@@ -9,7 +9,7 @@ use types::{
 
 use crate::{
     auth::RequestUser,
-    helpers::{any_option_diff_is_some, option_diff_is_some},
+    helpers::{any_option_diff_is_some, get_image_name, option_diff_is_some},
     state::State,
 };
 
@@ -343,14 +343,12 @@ impl State {
             .await?;
         let version = if let Some(build_id) = &deployment.build_id {
             let build = self.db.get_build(build_id).await?;
-            let image = if let Some(docker_account) = &build.docker_account {
-                if deployment.docker_run_args.docker_account.is_none() {
+            let image = get_image_name(&build);
+            if deployment.docker_run_args.docker_account.is_none() {
+                if let Some(docker_account) = &build.docker_account {
                     deployment.docker_run_args.docker_account = Some(docker_account.to_string())
-                }
-                format!("{docker_account}/{}", to_monitor_name(&build.name))
-            } else {
-                to_monitor_name(&build.name)
-            };
+                };
+            }
             let version = if let Some(version) = &deployment.build_version {
                 version.clone()
             } else {

core/src/api/build.rs

@@ -7,8 +7,8 @@ use axum::{
 use helpers::handle_anyhow_error;
 use mungos::{doc, Deserialize, Document, FindOptions, Serialize};
 use types::{
-    traits::Permissioned, Build, BuildActionState, BuildVersionsReponse, Operation,
-    PermissionLevel, UpdateStatus,
+    traits::Permissioned, AwsBuilderConfig, Build, BuildActionState, BuildVersionsReponse,
+    Operation, PermissionLevel, UpdateStatus,
 };
 use typeshare::typeshare;
 
@@ -208,6 +208,22 @@ pub fn router() -> Router {
                 },
             ),
         )
+        .route(
+            "/aws_builder_defaults",
+            get(|Extension(state): StateExtension| async move {
+                Json(AwsBuilderConfig {
+                    access_key_id: String::new(),
+                    secret_access_key: String::new(),
+                    ..state.config.aws.clone()
+                })
+            }),
+        )
+        .route(
+            "/docker_organizations",
+            get(|Extension(state): StateExtension| async move {
+                Json(state.config.docker_organizations.clone())
+            }),
+        )
 }
 
 impl State {

core/src/api/deployment.rs

@@ -8,10 +8,11 @@ use axum::{
 };
 use futures_util::future::join_all;
 use helpers::handle_anyhow_error;
-use mungos::{Deserialize, Document, Serialize};
+use mungos::{doc, options::FindOneOptions, Deserialize, Document, Serialize};
 use types::{
     traits::Permissioned, Deployment, DeploymentActionState, DeploymentWithContainerState,
-    DockerContainerState, DockerContainerStats, Log, PermissionLevel, Server,
+    DockerContainerState, DockerContainerStats, Log, Operation, PermissionLevel, Server,
+    UpdateStatus,
 };
 use typeshare::typeshare;
 
@@ -297,15 +298,29 @@ pub fn router() -> Router {
             get(
                 |Extension(state): StateExtension,
                  Extension(user): RequestUserExtension,
-                 Path(deployment_id): Path<DeploymentId>| async move {
+                 Path(DeploymentId { id })| async move {
                     let stats = state
-                        .get_deployment_container_stats(&deployment_id.id, &user)
+                        .get_deployment_container_stats(&id, &user)
                         .await
                         .map_err(handle_anyhow_error)?;
                     response!(Json(stats))
                 },
             ),
         )
+        .route(
+            "/:id/deployed_version",
+            get(
+                |Extension(state): StateExtension,
+                 Extension(user): RequestUserExtension,
+                 Path(DeploymentId { id })| async move {
+                    let version = state
+                        .get_deployment_deployed_version(&id, &user)
+                        .await
+                        .map_err(handle_anyhow_error)?;
+                    response!(version)
+                },
+            ),
+        )
 }
 
 impl State {
@@ -443,4 +458,53 @@ impl State {
             .await?;
         Ok(stats)
     }
+
+    async fn get_deployment_deployed_version(
+        &self,
+        id: &str,
+        user: &RequestUser,
+    ) -> anyhow::Result<String> {
+        let deployment = self
+            .get_deployment_check_permissions(&id, &user, PermissionLevel::Read)
+            .await?;
+        if deployment.build_id.is_some() {
+            let latest_deploy_update = self
+                .db
+                .updates
+                .find_one(
+                    doc! {
+                        "target": {
+                            "type": "Deployment",
+                            "id": id
+                        },
+                        "operation": Operation::DeployContainer.to_string(),
+                        "status": UpdateStatus::Complete.to_string(),
+                        "success": true,
+                    },
+                    FindOneOptions::builder().sort(doc! { "_id": -1 }).build(),
+                )
+                .await
+                .context("failed at query to get latest deploy update from mongo")?;
+            if let Some(update) = latest_deploy_update {
+                if let Some(version) = update.version {
+                    Ok(version.to_string())
+                } else {
+                    Ok("latest".to_string())
+                }
+            } else {
+                Ok("latest".to_string())
+            }
+        } else {
+            let split = deployment
+                .docker_run_args
+                .image
+                .split(':')
+                .collect::<Vec<&str>>();
+            if let Some(version) = split.get(1) {
+                Ok(version.to_string())
+            } else {
+                Ok("latest".to_string())
+            }
+        }
+    }
 }

core/src/api/mod.rs

@@ -1,20 +1,21 @@
-use anyhow::Context;
+use anyhow::{anyhow, Context};
 use axum::{
     body::Body,
     extract::Path,
     http::{Request, StatusCode},
     middleware,
-    routing::get,
+    routing::{get, post},
     Extension, Json, Router,
 };
 use futures_util::Future;
 use helpers::handle_anyhow_error;
-use mungos::Deserialize;
-use types::User;
+use mungos::{doc, Deserialize};
+use types::{PermissionLevel, UpdateTarget, User};
+use typeshare::typeshare;
 
 use crate::{
-    auth::{auth_request, JwtExtension, RequestUserExtension},
-    state::StateExtension,
+    auth::{auth_request, JwtExtension, RequestUser, RequestUserExtension},
+    state::{State, StateExtension},
 };
 
 pub mod build;
@@ -27,6 +28,13 @@ pub mod secret;
 pub mod server;
 pub mod update;
 
+#[typeshare]
+#[derive(Deserialize)]
+struct UpdateDescriptionBody {
+    target: UpdateTarget,
+    description: String,
+}
+
 pub fn router() -> Router {
     Router::new()
         .route(
@@ -45,6 +53,30 @@ pub fn router() -> Router {
                             .map_err(handle_anyhow_error)
                     }),
                 )
+                .route(
+                    "/github_webhook_base_url",
+                    get(|state: StateExtension| async move {
+                        state
+                            .config
+                            .github_webhook_base_url
+                            .as_ref()
+                            .unwrap_or(&state.config.host)
+                            .to_string()
+                    }),
+                )
+                .route(
+                    "/update_description",
+                    post(
+                        |state: StateExtension,
+                         user: RequestUserExtension,
+                         body: Json<UpdateDescriptionBody>| async move {
+                            state
+                                .update_description(&body.target, &body.description, &user)
+                                .await
+                                .map_err(handle_anyhow_error)
+                        },
+                    ),
+                )
                 .route("/users", get(get_users))
                 .nest("/build", build::router())
                 .nest("/deployment", deployment::router())
@@ -117,3 +149,57 @@ where
         .map_err(handle_anyhow_error)?;
     Ok(res)
 }
+
+impl State {
+    pub async fn update_description(
+        &self,
+        target: &UpdateTarget,
+        description: &str,
+        user: &RequestUser,
+    ) -> anyhow::Result<()> {
+        match target {
+            UpdateTarget::Build(id) => {
+                self.get_build_check_permissions(id, user, PermissionLevel::Update)
+                    .await?;
+                self.db
+                    .builds
+                    .update_one::<()>(id, mungos::Update::Set(doc! { "description": description }))
+                    .await?;
+            }
+            UpdateTarget::Deployment(id) => {
+                self.get_deployment_check_permissions(id, user, PermissionLevel::Update)
+                    .await?;
+                self.db
+                    .deployments
+                    .update_one::<()>(id, mungos::Update::Set(doc! { "description": description }))
+                    .await?;
+            }
+            UpdateTarget::Server(id) => {
+                self.get_server_check_permissions(id, user, PermissionLevel::Update)
+                    .await?;
+                self.db
+                    .servers
+                    .update_one::<()>(id, mungos::Update::Set(doc! { "description": description }))
+                    .await?;
+            }
+            UpdateTarget::Group(id) => {
+                self.get_group_check_permissions(id, user, PermissionLevel::Update)
+                    .await?;
+                self.db
+                    .groups
+                    .update_one::<()>(id, mungos::Update::Set(doc! { "description": description }))
+                    .await?;
+            }
+            UpdateTarget::Procedure(id) => {
+                self.get_procedure_check_permissions(id, user, PermissionLevel::Update)
+                    .await?;
+                self.db
+                    .procedures
+                    .update_one::<()>(id, mungos::Update::Set(doc! { "description": description }))
+                    .await?;
+            }
+            _ => return Err(anyhow!("invalid target: {target:?}")),
+        }
+        Ok(())
+    }
+}

core/src/api/permissions.rs

@@ -33,6 +33,13 @@ struct ModifyUserCreateServerBody {
     create_server_permissions: bool,
 }
 
+#[typeshare]
+#[derive(Serialize, Deserialize)]
+struct ModifyUserCreateBuildBody {
+    user_id: String,
+    create_build_permissions: bool,
+}
+
 pub fn router() -> Router {
     Router::new()
         .route(
@@ -62,6 +69,15 @@ pub fn router() -> Router {
                 response!(Json(update))
             }),
         )
+        .route(
+            "/modify_create_build",
+            post(|state, user, body| async {
+                let update = modify_user_create_build_permissions(state, user, body)
+                    .await
+                    .map_err(handle_anyhow_error)?;
+                response!(Json(update))
+            }),
+        )
 }
 
 async fn update_permissions(
@@ -309,3 +325,58 @@ async fn modify_user_create_server_permissions(
     update.id = state.add_update(update.clone()).await?;
     Ok(update)
 }
+
+async fn modify_user_create_build_permissions(
+    Extension(state): StateExtension,
+    Extension(user): RequestUserExtension,
+    Json(ModifyUserCreateBuildBody {
+        user_id,
+        create_build_permissions,
+    }): Json<ModifyUserCreateBuildBody>,
+) -> anyhow::Result<Update> {
+    if !user.is_admin {
+        return Err(anyhow!(
+            "user does not have permissions for this action (not admin)"
+        ));
+    }
+    let user = state
+        .db
+        .users
+        .find_one_by_id(&user_id)
+        .await
+        .context("failed at mongo query to find target user")?
+        .ok_or(anyhow!("did not find any user with user_id {user_id}"))?;
+    state
+        .db
+        .users
+        .update_one::<Document>(
+            &user_id,
+            mungos::Update::Set(doc! { "create_build_permissions": create_build_permissions }),
+        )
+        .await?;
+    let update_type = if create_build_permissions {
+        "enabled"
+    } else {
+        "disabled"
+    };
+    let ts = monitor_timestamp();
+    let mut update = Update {
+        target: UpdateTarget::System,
+        operation: Operation::ModifyUserCreateBuildPermissions,
+        logs: vec![Log::simple(
+            "modify user create build permissions",
+            format!(
+                "{update_type} create build permissions for {} (id: {})",
+                user.username, user.id
+            ),
+        )],
+        start_ts: ts.clone(),
+        end_ts: Some(ts),
+        status: UpdateStatus::Complete,
+        success: true,
+        operator: user.id.clone(),
+        ..Default::default()
+    };
+    update.id = state.add_update(update.clone()).await?;
+    Ok(update)
+}

core/src/cloud/mod.rs

@@ -0,0 +1 @@
+pub mod aws;

core/src/helpers.rs

@@ -2,6 +2,8 @@ use std::str::FromStr;
 
 use anyhow::anyhow;
 use diff::{Diff, OptionDiff};
+use helpers::to_monitor_name;
+use types::Build;
 
 #[macro_export]
 macro_rules! response {
@@ -41,3 +43,14 @@ pub fn parse_comma_seperated_list<T: FromStr>(comma_sep_list: &str) -> anyhow::R
         })
         .collect()
 }
+
+pub fn get_image_name(build: &Build) -> String {
+    let name = to_monitor_name(&build.name);
+    match &build.docker_organization {
+        Some(org) => format!("{org}/{name}"),
+        None => match &build.docker_account {
+            Some(acct) => format!("{acct}/{name}"),
+            None => name,
+        },
+    }
+}

core/src/main.rs

@@ -9,6 +9,7 @@ use tower_http::cors::{Any, CorsLayer};
 mod actions;
 mod api;
 mod auth;
+mod cloud;
 mod config;
 mod helpers;
 mod monitoring;

core/src/state.rs

@@ -78,7 +78,6 @@ impl State {
             }
             let futures = servers.unwrap().into_iter().map(|server| async move {
                 let _ = self.periphery.image_prune(&server).await;
-                let _ = self.periphery.container_prune(&server).await;
             });
             join_all(futures).await;
         }

docs/builds.md

@@ -1,22 +1,48 @@
 # building images
 
-Monitor builds docker images by cloning the source repository from Github and running ```docker build``` on the configured Dockerfile, which should be present in the source repository.
+Monitor builds docker images by cloning the source repository from Github, running ```docker build```, and pushing the resulting image to docker hub. Any repo containing a 'Dockerfile' is buildable using this method.
 
 ## repo configuration
-Setting related to the github repo are under the *repo* tab on respective build's page.
-
-To specify the github repo to build, just give it the name of the repo and the branch under *github config*. The name is given like ```mbecker20/monitor```, it includes the username / organization that owns the repo.
+To specify the github repo to build, just give it the name of the repo and the branch under *repo config*. The name is given like ```mbecker20/monitor```, it includes the username / organization that owns the repo.
 
 Many repos are private, in this case a Github access token is required in the periphery.config.toml of the building server. these are specified in the config like ```username = "access_token"```. An account which has access to the repo and is available on the periphery server can be selected to use via the *github account* dropdown menu.
 
-Sometimes a command needs to be run when the repo is cloned, you can configure this in the *on clone* section. 
+## docker build configuration
 
-There are two fields to pass for *on clone*. the first is *path*, which changes to working directory. To run the command in the root of the repo, just pass ".". The second field is *command*, this is the shell command to be executed after the repo is cloned.
+In order to docker build, monitor just needs to know the build directory and the path of the Dockerfile, you can configure these in the *build config* section.
 
-For example, say your repo had a folder in it called "scripts" with a shell script "on-clone.sh". You would give *path* as "scripts" and command as "sh on-clone.sh". Or you could make *path* just "." and then command would be "sh scripts/on-clone.sh". Either way works fine. 
+If the build directory is the root of the repository, you pass the build path as ```.```. If the build directory is some folder of the repo, just pass the name of the the folder. Do not pass the preceding "/". for example ```build/directory```
 
-## build configuration
+The dockerfile's path is given relative to the build directory. So if your build directory is ```build/directory``` and the dockerfile is in ```build/directory/Dockerfile.example```, you give the dockerfile path simply as ```Dockerfile.example```.
 
+Just as with private repos, you will need to select a docker account to use with ```docker push```. 
+
+## running a pre build command
+
+Sometimes a command needs to be run before running ```docker build```, you can configure this in the *pre build* section. 
+
+There are two fields to pass for *pre build*. the first is *path*, which changes the working directory. To run the command in the root of the repo, just pass ```.```. The second field is *command*, this is the shell command to be executed after the repo is cloned.
+
+For example, say your repo had a folder in it called ```scripts``` with a shell script ```on-clone.sh```. You would give *path* as ```scripts``` and command as ```sh on-clone.sh```. Or you could make *path* just ```.``` and then the command would be ```sh scripts/on-clone.sh```. Either way works fine.
+
+## adding build args
+
+The Dockerfile may make use of [build args](https://docs.docker.com/engine/reference/builder/#arg). Build args can be passed using the gui by pressing the ```edit``` button. They are passed in the menu just like in the would in a .env file:
+
+```
+BUILD_ARG1=some_value
+BUILD_ARG2=some_other_value
+```
+
+## builder configuration
+
+A builder is a machine running monitor periphery and docker. Any server connected to monitor can be chosen as the builder for a build.
+
+Building on a machine running production software is usually not a great idea, as this process can use a lot of the system resources. It is better to start up a temporary cloud machine dedicated for the build, then shut it down when the build is finished. Right now monitor supports AWS ec2 for this task.
+
+### AWS builder
+
+You can choose to build on AWS on the "builder" tab on the build's page. From here you can configure the AMI to use as a base to build the image. These must be configured in the monitor core configuration along with other information like defaults to use, AWS credentials, etc. This is explained on the [core setup page](https://github.com/mbecker20/monitor/blob/main/docs/setup.md). 
 
 ## versioning
 
@@ -25,4 +51,4 @@ Monitor uses a major.minor.patch versioning scheme. Every build will auto increm
 
 [next: deploying](https://github.com/mbecker20/monitor/blob/main/docs/deployments.md)
 
-[back to table of contents](https://github.com/mbecker20/monitor/blob/main/readme.md)
+[back to table of contents](https://github.com/mbecker20/monitor/blob/main/readme.md)

docs/deployments.md

@@ -1,3 +1,101 @@
-## deploying applications
+# deploying applications
+
+Monitor can deploy any docker images that it can access with the configured docker accounts. It works by parsing the deployment configuration into a ```docker run``` command. The configuration is stored on MongoDB, and records of all actions (update config, deploy, stop, etc.) are stored as well.
+
+## configuring the image
+
+There are two options to configure the deployed image. 
+
+### attaching a monitor build
+If the software you want to deploy is built by monitor, you can attach the build directly to the deployment.
+
+By default, monitor will deploy the latest available version of the build, or you can specify a specific version using the version dropdown.
+
+Also by default, monitor will use the same docker account that is attached to the build in order to pull the image on the periphery server. If that account is not available on the server, you can specify another available account to use instead, this account just needs to have read access to the docker repository.
+
+### using a custom image
+You can also manually specify an image name, like ```mongo``` or ```mbecker2020/random_image:0.1.1```.
+
+If the image repository is private, you can select an available docker account to use to pull the image.
+
+## configuring the network
+
+One feature of docker is that it allows for the creation of [virtual networks between containers](https://docs.docker.com/network/). Monitor allows you to specify a docker virtual network to connect the container to, or to use the host system networking to bypass the docker virtual network.
+
+The default selection is ```host```, which bypasses the docker virtual network layer.
+
+If you do select select a network other than host, you can specify port bindings with the GUI. For example, if you are running mongo (which defaults to port 27017), you could use the mapping:
+
+```
+27018 : 27017
+```
+
+In this case, you would access mongo from outside of the container on port ```27018```.
+
+Note that this is not the only affect of using a network other than ```host```. For example, containers running on different networks can not communicate, and ones on the same network can not reach other containers on ```localhost``` even when they are running on the same system. This behavior can be a bit confusing if you are not familiar with it, and it can be bypassed entirely by just using ```host``` network.
+
+## configuring restart behavior
+
+Docker, like systemd, has a couple options for handling when a container exits. See [docker restart policies](https://docs.docker.com/config/containers/start-containers-automatically/). Monitor allows you to select the appropriate restart behavior from these options.
+
+## configuring environment variables
+
+Monitor enables you to easily manage environment variables passed to the container. In the GUI, click the 'edit' button on the 'environment' card, this will bring up the environment menu.
+
+You pass environment variables just as you would with a ```.env``` file:
+
+```
+ENV_VAR_1=some_value
+ENV_VAR_2=some_other_value
+```
+
+## configuring volumes
+
+A docker container's filesystem is segregated from that of the host. However, it is still possible for a container to access system files and directories, this is accomplished by using [bind mounts](https://docs.docker.com/storage/bind-mounts/).
+
+Say your container needs to read a config file located on the system at ```/home/ubuntu/config.toml```. You can specify the bind mount to be:
+
+```
+/home/ubuntu/config.toml : /config/config.toml
+```
+
+The first path is the one on the system, the second is the path in the container. Your application would then read the file at ```/config/config.toml``` in order to load its contents.
+
+These can be configured easily with the GUI in the 'volumes' card. You can configure as many bind mounts as you need.
+
+## extra args
+
+Not all features of docker are mapped directly by monitor, only the most common. You can still specify any custom flags for monitor to include in the ```docker run``` command by utilizing 'extra args'. For example, you can enable log rotation using these two extra args:
+
+```
+--log-opt max-size=10M
+```
+```
+--log-opt max-file=3
+```
+
+## post image
+
+Sometimes you need to specify some flags to be passed directly to the application. What is put here is inserted into the docker run command after the image. For example, to pass the ```--quiet``` flag to MongoDB, the docker run command would be:
+
+```
+docker run -d --name mongo-db mongo:6.0.3 --quiet
+```
+
+In order to achieve this with monitor, just pass ```--quiet``` to 'post image'.
+
+## container lifetime management
+
+The lifetime of a docker container is more like a virtual machine. They can be created, started, stopped, and destroyed. The lifetime management actions monitor presents to the user is relative to the containers state. For example, when the container is ```running```, you can either stop it, destroy it, or redeploy it.
+
+### stopping a container
+
+Sometimes you want to stop a running application but preserve its logs and configuration, either to be restarted later or to view the logs at a later time. It is more like *pausing* the application with its current config, as no configuration (like environment variable, volume mounts, etc.) will be changed when the container is started again. In order to restart an application with updated configuration, it must be *redeployed*.
+
+### container redeploy
+
+redeploying is the action of destroying a container and recreating it. If you update deployment config, these changes will not take effect until the container is redeployed. Just note this will destroy the previous containers logs along with the container itself.
+
+[next: permissions](https://github.com/mbecker20/monitor/blob/main/docs/permissions.md)
 
 [back to table of contents](https://github.com/mbecker20/monitor/blob/main/readme.md)

docs/permissions.md

@@ -1 +1,32 @@
+# permissioning resources
+
+All monitor resources (servers, builds, deployment) have independant permission tables to allow for users to have granular access to these resources. By default, users do not see any resources until they are given at least read permissions.
+
+## permission levels
+
+There are 4 levels of permissions a user can have on a resource:
+
+ 1. **None**. This is the lowest permission level, and means the user will not have any access to this resource. They will not see it in the GUI, and it will not show up if the user queries the core API directly. All attempts to view or update the resource will be blocked.
+
+ 2. **Read**. This is the first permission level that grants any access. It will enable the user to see the resource in the GUI, read the configuration, and see any logs. Any attempts to update configuration or trigger any action will be blocked.
+
+ 3. **Execute**. This level will allow the user to execute actions on the resource, like send a build command or trigger a redeploy. The user will still be blocked from updating configuration on the resource.
+
+ 4. **Update**. The user has full access to the resource, they can execute any actions, update the configuration, and delete the resource.
+
+## Administration
+
+Users can be given admin priviledges by accessing the monitor MongoDB and setting ```admin: true``` on the intended user document. These users have unrestricted access to all monitor resources, like servers, builds, and deployments. Additionally, only these users can update other (non-admin) user's permissions on resources, an action not available to regular users even with **Update** level permissions.
+
+Monitor admins are responsible for managing user accounts as well. When a user logs into monitor for the first time, they will not immediately be granted access. An admin must first **enable** the user, which can be done from the 'manage users' page (found in the user dropdown menu in the topbar). Users can also be **disabled** by an admin at any time, which blocks all their access to the GUI and API. 
+
+Users also have some configurable global permissions, these are:
+
+ - create server permission
+ - create build permission
+
+Only users with these permissions (as well as admins) can add additional servers to monitor, and can create additional builds, respectively.
+
+[next: core setup](https://github.com/mbecker20/monitor/blob/main/docs/setup.md)
+
 [back to table of contents](https://github.com/mbecker20/monitor/blob/main/readme.md)

docs/servers.md

@@ -11,20 +11,46 @@ The easiest way to do this is to follow the [monitor guide](https://github.com/m
 
 ### manual install steps
 
- 1. Download the periphery binary from the latest [release](https://github.com/mbecker20/monitor/releases) or install it using [cargo](https://crates.io/crates/monitor_periphery). If the monitor cli.
- 2. Create and edit ~/.monitor/periphery.config.toml, following the [config example](https://github.com/mbecker20/monitor/blob/main/config_example/periphery.config.example.toml). The file can be anywhere, it can be passed to periphery via the --config-path flag or with the CONFIG_PATH environment variable. The monitor cli can also be used: ```monitor periphery gen-config```
+ 1. Download the periphery binary from the latest [release](https://github.com/mbecker20/monitor/releases).
+
+ 2. Create and edit your config files, following the [config example](https://github.com/mbecker20/monitor/blob/main/config_example/periphery.config.example.toml). The monitor cli can be used to add the boilerplate: ```monitor periphery gen-config --path /path/to/config.toml```. The files can be anywhere, and can be passed to periphery via the ```--config-path``` flag.
+
  3. Ensure that inbound connectivity is allowed on the port specified in periphery.config.toml (default 8000).
+
  4. Install docker. Make sure whatever user periphery is run as has access to the docker group without sudo.
+
  5. Start the periphery binary with your preferred process manager, like systemd. The config read from the file is printed on startup, ensure that it is as expected.
 
+## example periphery start command
+
+```
+periphery \
+	--config-path /path/to/periphery.config.base.toml \
+	--config-path /other_path/to/periphery.config.overide.toml \
+	--merge-nested-config \
+	--home_dir /home/username
+```
+
+## passing config files
+
+when you pass multiple config files, later --config-path given in the command will always overide previous ones.
+
+there are two ways to merge config files. The default behavior is to completely replace any base fields with whatever fields are present in the overide config. So if you pass ```allowed_ips = []``` in your overide config, the final allowed_ips will be an empty list as well. 
+
+```--merge-nested-config``` will merge config fields recursively and extend config array fields. 
+
+For example, with ```--merge-nested-config``` you can specify an allowed ip in the base config, and another in the overide config, they will both be present in the final config.
+
+Similarly, you can specify a base docker / github account pair, and extend them with additional accounts in the overide config.
+
 ## adding the server to monitor
 
 The easiest way to add the server is with the GUI. On the home page, click the + button to the right of the server search bar, configure the name and address of the server. The address is the full http/s url to the periphery server, eg http://12.34.56.78:8000.
 
 Once it is added, you can use access the GUI to modify some config, like the alerting thresholds for cpu, memory and disk usage. A server can also be temporarily disabled, this will prevent alerting if it goes offline.
 
-Since no state is stored on the periphery servers, you can easily redirect all builds / deployments to be hosted on a different server. Just update the address to point to the new server.
+Since no state is stored on the periphery servers, you can easily redirect all deployments to be hosted on a different server. Just update the address to point to the new server.
 
 [next: building](https://github.com/mbecker20/monitor/blob/main/docs/builds.md)
 
-[back to table of contents](https://github.com/mbecker20/monitor/blob/main/readme.md)
+[back to table of contents](https://github.com/mbecker20/monitor/blob/main/readme.md)

frontend/index.html

@@ -17,7 +17,7 @@
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root" class="app"></div>
+  <div id="root" class="app-bounder"></div>
 
   <script src="/src/index.tsx" type="module"></script>
 </body>

frontend/src/App.tsx

@@ -14,7 +14,7 @@ const Account = lazy(() => import("./components/Account"));
 const App: Component = () => {
   const { user } = useUser();
   return (
-    <>
+    <div class="app">
       <Topbar />
       <Routes>
         <Route path="/" component={Home} />
@@ -27,7 +27,7 @@ const App: Component = () => {
           <Route path="/users" component={Users} />
         </Show>
       </Routes>
-    </>
+    </div>
   );
 };
 

frontend/src/components/CopyMenu.tsx

@@ -1,5 +1,5 @@
 import { useNavigate } from "@solidjs/router";
-import { Component, createSignal } from "solid-js";
+import { Component, createSignal, Show } from "solid-js";
 import { client, pushNotification } from "..";
 import { useAppState } from "../state/StateProvider";
 import { Build, Deployment } from "../types";
@@ -11,6 +11,7 @@ import Input from "./shared/Input";
 import Flex from "./shared/layout/Flex";
 import Grid from "./shared/layout/Grid";
 import CenterMenu from "./shared/menu/CenterMenu";
+import HoverMenu from "./shared/menu/HoverMenu";
 import Selector from "./shared/menu/Selector";
 
 const CopyMenu: Component<{
@@ -42,12 +43,11 @@ const CopyMenu: Component<{
       if (p.type === "build") {
         promise = client.copy_build(p.id, {
           name: newName(),
-          server_id: selectedId(),
         });
       } else {
         promise = client.copy_deployment(p.id, {
           name: newName(),
-          server_id: selectedId(),
+          server_id: selectedId()!,
         });
       }
       toggleShow();
@@ -59,45 +59,53 @@ const CopyMenu: Component<{
     }
   };
   return (
-    <CenterMenu
-      show={show}
-      toggleShow={toggleShow}
-      title={`copy ${p.type} | ${name()}`}
-      target={<Icon type="duplicate" />}
-      targetClass="blue"
-      content={() => (
-        <Grid placeItems="center">
-          <Flex alignItems="center">
-            <Input
-              placeholder="copy name"
-              class="card dark"
-              style={{ padding: "0.5rem" }}
-              value={newName()}
-              onEdit={setNewName}
-            />
-            <Selector
-              label="target: "
-              selected={selectedId()}
-              items={servers.ids()!}
-              onSelect={setSelected}
-              itemMap={(id) => servers.get(id)!.server.name}
-              targetClass="blue"
-              targetStyle={{ display: "flex", gap: "0.5rem" }}
-              searchStyle={{ width: "100%" }}
-							position="bottom right"
-              useSearch
-            />
-          </Flex>
-          <ConfirmButton
-            class="green"
-            style={{ width: "100%" }}
-            onConfirm={copy}
-          >
-            copy {p.type}
-          </ConfirmButton>
-        </Grid>
-      )}
-      position="center"
+    <HoverMenu
+      target={
+        <CenterMenu
+          show={show}
+          toggleShow={toggleShow}
+          title={`copy ${p.type} | ${name()}`}
+          target={<Icon type="duplicate" />}
+          targetClass="blue"
+          content={() => (
+            <Grid placeItems="center">
+              <Flex alignItems="center">
+                <Input
+                  placeholder="copy name"
+                  class="card dark"
+                  style={{ padding: "0.5rem" }}
+                  value={newName()}
+                  onEdit={setNewName}
+                />
+                <Show when={p.type === "deployment"}>
+                  <Selector
+                    label="target: "
+                    selected={selectedId()!}
+                    items={servers.ids()!}
+                    onSelect={setSelected}
+                    itemMap={(id) => servers.get(id)!.server.name}
+                    targetClass="blue"
+                    targetStyle={{ display: "flex", gap: "0.5rem" }}
+                    searchStyle={{ width: "100%" }}
+                    position="bottom right"
+                    useSearch
+                  />
+                </Show>
+              </Flex>
+              <ConfirmButton
+                class="green"
+                style={{ width: "100%" }}
+                onConfirm={copy}
+              >
+                copy {p.type}
+              </ConfirmButton>
+            </Grid>
+          )}
+          position="center"
+        />
+      }
+      content={`copy ${p.type}`}
+      position="bottom center"
     />
   );
 };

frontend/src/components/Description.tsx

@@ -0,0 +1,125 @@
+import { Component, createSignal, onMount, Show } from "solid-js";
+import { client, pushNotification } from "..";
+import { useAppState } from "../state/StateProvider";
+import { UpdateTarget } from "../types";
+import { useToggle } from "../util/hooks";
+import ConfirmButton from "./shared/ConfirmButton";
+import Flex from "./shared/layout/Flex";
+import Grid from "./shared/layout/Grid";
+import Loading from "./shared/loading/Loading";
+import CenterMenu from "./shared/menu/CenterMenu";
+import TextArea from "./shared/TextArea";
+
+const Description: Component<{
+  name: string;
+  target: UpdateTarget;
+  description?: string;
+  userCanUpdate: boolean;
+}> = (p) => {
+  const [show, toggleShow] = useToggle();
+  const description = () => {
+    if (p.description) {
+      return p.description;
+    } else {
+      return "add a description";
+    }
+  };
+  const [width, setWidth] = createSignal<number>();
+  onMount(() => {
+    setWidth(ref!?.clientWidth);
+  });
+  let ref: HTMLDivElement;
+  return (
+    <CenterMenu
+      show={show}
+      toggleShow={toggleShow}
+      title={`description | ${p.name}`}
+      targetClass="card grey"
+      targetStyle={{ width: "100%", "justify-content": "flex-start" }}
+      target={
+        <div
+          ref={ref! as any}
+          class="ellipsis"
+          style={{
+            opacity: 0.7,
+            width: width() ? `${width()}px` : "100%",
+            "box-sizing": "border-box",
+            "text-align": "left"
+          }}
+        >
+          {width() ? description() : ""}
+        </div>
+      }
+      content={() => (
+        <DescriptionMenu
+          target={p.target}
+          description={p.description}
+          userCanUpdate={p.userCanUpdate}
+          toggleShow={toggleShow}
+        />
+      )}
+    />
+  );
+};
+
+const DescriptionMenu: Component<{
+  target: UpdateTarget;
+  description?: string;
+  userCanUpdate: boolean;
+  toggleShow: () => void;
+}> = (p) => {
+  const { builds, servers, deployments } = useAppState();
+  let ref: HTMLTextAreaElement;
+  onMount(() => {
+    ref?.focus();
+  });
+  const [desc, setDesc] = createSignal(p.description);
+  const [loading, setLoading] = createSignal(false);
+  const update_description = () => {
+    setLoading(true);
+    client
+      .update_description({ target: p.target, description: desc() || "" })
+      .then(() => {
+        if (p.target.type === "Build") {
+          builds.update({ ...builds.get(p.target.id)!, description: desc() });
+        } else if (p.target.type === "Deployment") {
+          const deployment = deployments.get(p.target.id)!;
+          deployments.update({
+            ...deployment,
+            deployment: { ...deployment.deployment, description: desc() },
+          });
+        } else if (p.target.type === "Server") {
+          const server = servers.get(p.target.id)!;
+          servers.update({
+            ...server,
+            server: { ...server.server, description: desc() },
+          });
+        }
+        p.toggleShow();
+      })
+      .catch(() => {
+        pushNotification("bad", "failed to update description");
+        p.toggleShow();
+      });
+  };
+  return (
+    <Grid placeItems="center">
+      <TextArea
+        ref={ref! as any}
+        placeholder="add a description"
+        value={desc()}
+        onEdit={setDesc}
+        onEnter={update_description}
+        style={{ width: "700px", "max-width": "90vw", padding: "1rem" }}
+        disabled={!p.userCanUpdate}
+      />
+      <Show when={!loading()} fallback={<Loading />}>
+        <button class="green" onClick={update_description}>
+          update
+        </button>
+      </Show>
+    </Grid>
+  );
+};
+
+export default Description;

frontend/src/components/New.tsx

@@ -47,10 +47,10 @@ export const NewDeployment: Component<{ serverID: string }> = (p) => {
   );
 };
 
-export const NewBuild: Component<{ serverID: string }> = (p) => {
+export const NewBuild: Component<{}> = (p) => {
   const [showNew, toggleShowNew] = useToggle();
   const create = (name: string) => {
-    client.create_build({ name, server_id: p.serverID });
+    client.create_build({ name });
   };
   return (
     <Show

frontend/src/components/NotFound.tsx

@@ -1,19 +1,24 @@
-import { Component } from "solid-js";
+import { Component, Show } from "solid-js";
 import Grid from "./shared/layout/Grid";
 import Loading from "./shared/loading/Loading";
 
-const NotFound: Component<{ type: "deployment" | "server" | "build" }> = (p) => {
-	return (
-    <Grid
-      placeItems="center"
-      style={{ height: "100%", width: "100%" }}
-    >
-      <Grid placeItems="center" style={{ width: "fit-content", height: "fit-content" }}>
-        <h2>{p.type} at id not found</h2>
+const NotFound: Component<{
+  type: "deployment" | "server" | "build";
+  loaded: boolean;
+}> = (p) => {
+  return (
+    <Grid placeItems="center" style={{ height: "100%", width: "100%" }}>
+      <Grid
+        placeItems="center"
+        style={{ width: "fit-content", height: "fit-content" }}
+      >
+        <Show when={p.loaded} fallback={<h2>loading {p.type}...</h2>}>
+          <h2>{p.type} at id not found</h2>
+        </Show>
         <Loading type="sonar" />
       </Grid>
     </Grid>
   );
-}
+};
 
-export default NotFound;
+export default NotFound;

frontend/src/components/build/ActionStateProvider.tsx

@@ -11,31 +11,29 @@ type State = {
 
 const context = createContext<State>();
 
-export const ActionStateProvider: ParentComponent<{}> = (p) => {
+export const ActionStateProvider: ParentComponent<{ build_id: string }> = (p) => {
 	const { ws } = useAppState();
-  const params = useParams();
   const [actions, setActions] = createStore<BuildActionState>({
     building: false,
-	  recloning: false,
 	  updating: false,
   });
 	createEffect(() => {
-    client.get_build_action_state(params.id).then(setActions);
+    client.get_build_action_state(p.build_id).then(setActions);
   });
   onCleanup(
     ws.subscribe([Operation.BuildBuild], (update) => {
-      if (update.target.id === params.id) {
+      if (update.target.id === p.build_id) {
         setActions("building", update.status !== UpdateStatus.Complete);
       }
     })
   );
-  onCleanup(
-    ws.subscribe([Operation.RecloneBuild], (update) => {
-      if (update.target.id === params.id) {
-        setActions("recloning", update.status !== UpdateStatus.Complete);
-      }
-    })
-  );
+  // onCleanup(
+  //   ws.subscribe([Operation.RecloneBuild], (update) => {
+  //     if (update.target.id === params.id) {
+  //       setActions("recloning", update.status !== UpdateStatus.Complete);
+  //     }
+  //   })
+  // );
 	// onCleanup(
   //   ws.subscribe([DELETE_BUILD], ({ complete, buildID }) => {
   //     if (buildID === selected.id()) {

frontend/src/components/build/Actions.tsx

@@ -10,21 +10,21 @@ import { useActionStates } from "./ActionStateProvider";
 import { client } from "../..";
 import { combineClasses, getId } from "../../util/helpers";
 import { useParams } from "@solidjs/router";
-import { PermissionLevel, ServerStatus } from "../../types";
+import { PermissionLevel, ServerStatus, ServerWithStatus } from "../../types";
 
 const Actions: Component<{}> = (p) => {
   const { user } = useUser();
   const params = useParams() as { id: string };
   const { builds, servers } = useAppState();
   const build = () => builds.get(params.id)!;
-  const server = () => build() && servers.get(build()!.server_id);
+  const server = () => (build() && build().server_id) ? servers.get(build()!.server_id!) : undefined;
   const actions = useActionStates();
   const userCanExecute = () =>
     user().admin ||
     build().permissions![getId(user())] === PermissionLevel.Execute ||
     build().permissions![getId(user())] === PermissionLevel.Update;
   return (
-    <Show when={userCanExecute() && server()?.status === ServerStatus.Ok}>
+    <Show when={userCanExecute() && (server() ? server()?.status === ServerStatus.Ok : true)}>
       <Grid class={combineClasses("card shadow")} gridTemplateRows="auto 1fr">
         <h1>actions</h1>
         <Grid style={{ height: "fit-content" }}>
@@ -48,7 +48,7 @@ const Actions: Component<{}> = (p) => {
               </ConfirmButton>
             </Show>
           </Flex>
-          <Flex class={combineClasses("action shadow")}>
+          {/* <Flex class={combineClasses("action shadow")}>
             reclone{" "}
             <Show
               when={!actions.recloning}
@@ -67,7 +67,7 @@ const Actions: Component<{}> = (p) => {
                 <Icon type="reset" />
               </ConfirmButton>
             </Show>
-          </Flex>
+          </Flex> */}
         </Grid>
       </Grid>
     </Show>

frontend/src/components/build/Build.tsx

@@ -4,7 +4,7 @@ import { useAppDimensions } from "../../state/DimensionProvider";
 import { useAppState } from "../../state/StateProvider";
 import { useUser } from "../../state/UserProvider";
 import { Operation, PermissionLevel } from "../../types";
-import { combineClasses, getId } from "../../util/helpers";
+import Description from "../Description";
 import NotFound from "../NotFound";
 import Grid from "../shared/layout/Grid";
 import Actions from "./Actions";
@@ -14,6 +14,7 @@ import BuildTabs from "./tabs/Tabs";
 import Updates from "./Updates";
 
 const Build: Component<{}> = (p) => {
+  const { user, user_id } = useUser();
   const { builds, ws } = useAppState();
   const navigate = useNavigate();
   const params = useParams();
@@ -33,9 +34,12 @@ const Build: Component<{}> = (p) => {
     });
   });
   onCleanup(() => unsub);
+  const userCanUpdate = () =>
+    user().admin ||
+    build()?.permissions![user_id()] === PermissionLevel.Update;
   return (
-    <Show when={build()} fallback={<NotFound type="build" />}>
-      <ActionStateProvider>
+    <Show when={build()} fallback={<NotFound type="build" loaded={builds.loaded()} />}>
+      <ActionStateProvider build_id={params.id}>
         <Grid
           style={{
             width: "100%",
@@ -46,8 +50,14 @@ const Build: Component<{}> = (p) => {
             style={{ width: "100%" }}
             gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
           >
-            <Grid style={{ "flex-grow": 1, "grid-auto-rows": "auto 1fr" }}>
+            <Grid style={{ "flex-grow": 1, "grid-auto-rows": "auto auto 1fr" }}>
               <Header />
+              <Description
+                target={{ type: "Build", id: params.id }}
+                name={build()?.name!}
+                description={build()?.description}
+                userCanUpdate={userCanUpdate()}
+              />
               <Actions />
             </Grid>
             <Show when={!isSemiMobile()}>

frontend/src/components/build/Header.tsx

@@ -27,7 +27,8 @@ const Header: Component<{}> = (p) => {
   const userCanUpdate = () =>
     user().admin ||
     build().permissions![getId(user())] === PermissionLevel.Update;
-  const server = () => servers.get(build().server_id);
+  const server = () =>
+    build().server_id ? servers.get(build().server_id!) : undefined;
   return (
     <>
       <Grid
@@ -54,7 +55,7 @@ const Header: Component<{}> = (p) => {
                       client.delete_build(params.id);
                     }}
                     class="red"
-                    title={`delete build | ${build().name}`}
+                    title="delete build"
                     match={build().name}
                   >
                     <Icon type="trash" />
@@ -69,13 +70,15 @@ const Header: Component<{}> = (p) => {
         </Flex>
         <Flex alignItems="center" justifyContent="space-between">
           <Flex alignItems="center">
-            <A
-              href={`/server/${build().server_id}`}
-              class="text-hover"
-              style={{ opacity: 0.7, padding: 0 }}
-            >
-              {server()?.server.name}
-            </A>
+            <Show when={server()} fallback={<div style={{ opacity: 0.7 }}>{build().aws_config ? "aws build" : ""}</div>}>
+              <A
+                href={`/server/${build().server_id}`}
+                class="text-hover"
+                style={{ opacity: 0.7, padding: 0 }}
+              >
+                {server()?.server.name}
+              </A>
+            </Show>
             <div style={{ opacity: 0.7 }}>build</div>
           </Flex>
           <div style={{ opacity: 0.7 }}>

frontend/src/components/build/tabs/Provider.tsx

@@ -45,7 +45,7 @@ export const ConfigProvider: ParentComponent<{}> = (p) => {
     set(...args);
     set("updated", true);
   };
-  const server = () => servers.get(builds.get(params.id)!.server_id);
+  const server = () => build.server_id ? servers.get(build.server_id) : undefined;
 
   const load = () => {
     // console.log("load build");
@@ -54,11 +54,11 @@ export const ConfigProvider: ParentComponent<{}> = (p) => {
         ...build,
         repo: build.repo,
         branch: build.branch,
-        on_clone: build.on_clone,
         pre_build: build.pre_build,
         docker_build_args: build.docker_build_args,
         docker_account: build.docker_account,
         github_account: build.github_account,
+        aws_config: build.aws_config,
         loaded: true,
         updated: false,
         saving: false,

frontend/src/components/build/tabs/Tabs.tsx

@@ -2,13 +2,11 @@ import { useParams } from "@solidjs/router";
 import { Component, Show } from "solid-js";
 import { useAppState } from "../../../state/StateProvider";
 import { useUser } from "../../../state/UserProvider";
-import { PermissionLevel } from "../../../types";
-import { getId } from "../../../util/helpers";
 import SimpleTabs from "../../shared/tabs/SimpleTabs";
 import { Tab } from "../../shared/tabs/Tabs";
-import BuildConfig from "./build-config/BuildConfig";
-import GitConfig from "./git-config/GitConfig";
-import Owners from "./Permissions";
+import BuilderConfig from "./builder/BuilderConfig";
+import BuildConfig from "./config/BuildConfig";
+import Permissions from "./Permissions";
 import { ConfigProvider } from "./Provider";
 
 const BuildTabs: Component<{}> = (p) => {
@@ -24,16 +22,16 @@ const BuildTabs: Component<{}> = (p) => {
           tabs={
             [
               {
-                title: "repo",
-                element: () => <GitConfig />,
-              },
-              {
-                title: "build",
+                title: "config",
                 element: () => <BuildConfig />,
               },
+              {
+                title: "builder",
+                element: () => <BuilderConfig />
+              },
               user().admin && {
-                title: "collaborators",
-                element: () => <Owners />,
+                title: "permissions",
+                element: () => <Permissions />,
               },
             ].filter((e) => e) as Tab[]
           }

frontend/src/components/build/tabs/builder/AwsBuilderConfig.tsx

@@ -0,0 +1,116 @@
+import { Component, Show } from "solid-js";
+import { useAppState } from "../../../../state/StateProvider";
+import Input from "../../../shared/Input";
+import Flex from "../../../shared/layout/Flex";
+import Selector from "../../../shared/menu/Selector";
+import { useConfig } from "../Provider";
+
+const AwsBuilderConfig: Component<{}> = (p) => {
+  const { build } = useConfig();
+  return (
+    <>
+      <Ami />
+      <InstanceType />
+      <VolumeSize />
+      <Show when={!build.updated}>
+        <div style={{ height: "4rem" }} />
+      </Show>
+    </>
+  );
+};
+
+const Ami: Component = () => {
+  const { aws_builder_config } = useAppState();
+  const { build, setBuild, userCanUpdate } = useConfig();
+  const get_ami_id = () => {
+    if (build.aws_config?.ami_id) {
+      return build.aws_config.ami_id;
+    } else {
+      return aws_builder_config()?.default_ami_id || "unknown";
+    }
+  };
+  const get_ami_name = (ami_id: string) => {
+    if (aws_builder_config() === undefined || ami_id === "unknown")
+      return "unknown";
+    return (
+      aws_builder_config()!.available_ami_accounts![ami_id]?.name || "unknown"
+    );
+  };
+  const ami_ids = () => {
+    if (aws_builder_config() === undefined) return [];
+    return Object.keys(aws_builder_config()!.available_ami_accounts!);
+  };
+  return (
+    <Flex
+      class="config-item shadow"
+      alignItems="center"
+      justifyContent="space-between"
+    >
+      <h1>ami</h1>
+      <Selector
+        targetClass="blue"
+        selected={get_ami_id()}
+        items={ami_ids()}
+        onSelect={(ami_id) => setBuild("aws_config", "ami_id", ami_id)}
+        itemMap={get_ami_name}
+        position="bottom right"
+        disabled={!userCanUpdate()}
+        useSearch
+      />
+    </Flex>
+  );
+};
+
+const InstanceType: Component = () => {
+  const { aws_builder_config } = useAppState();
+  const { build, setBuild, userCanUpdate } = useConfig();
+  return (
+    <Flex
+      class="config-item shadow"
+      alignItems="center"
+      justifyContent="space-between"
+    >
+      <h1>instance type</h1>
+      <Input
+        placeholder={aws_builder_config()?.default_instance_type}
+        value={build.aws_config?.instance_type}
+        onEdit={(instance_type) =>
+          setBuild("aws_config", "instance_type", instance_type)
+        }
+        disabled={!userCanUpdate()}
+      />
+    </Flex>
+  );
+};
+
+const VolumeSize: Component = () => {
+  const { aws_builder_config } = useAppState();
+  const { build, setBuild, userCanUpdate } = useConfig();
+  return (
+    <Flex
+      class="config-item shadow"
+      alignItems="center"
+      justifyContent="space-between"
+    >
+      <h1>volume size</h1>
+      <Flex gap="0.25rem" alignItems="center">
+        <Input
+          style={{ width: "4rem" }}
+          placeholder={aws_builder_config()?.default_volume_gb?.toString()}
+          value={
+            build.aws_config?.volume_gb
+              ? build.aws_config.volume_gb.toString()
+              : ""
+          }
+          onEdit={(volume_size) =>
+            setBuild("aws_config", "volume_gb", Number(volume_size))
+          }
+          disabled={!userCanUpdate()}
+        />
+        GB
+      </Flex>
+    </Flex>
+  );
+};
+
+export default AwsBuilderConfig;

frontend/src/components/build/tabs/builder/BuilderConfig.tsx

@@ -1,43 +1,30 @@
 import { Component, Show } from "solid-js";
-import { pushNotification, URL } from "../../../..";
-import { combineClasses, copyToClipboard, getId } from "../../../../util/helpers";
 import ConfirmButton from "../../../shared/ConfirmButton";
 import Icon from "../../../shared/Icon";
 import Flex from "../../../shared/layout/Flex";
 import Grid from "../../../shared/layout/Grid";
-import Loading from "../../../shared/loading/Loading";
 import { useConfig } from "../Provider";
-import Git from "./Git";
-import OnClone from "./OnClone";
+import Loading from "../../../shared/loading/Loading";
+import BuilderType from "./BuilderType";
+import BuilderServer from "./BuilderServer";
+import AwsBuilderConfig from "./AwsBuilderConfig";
 
-const GitConfig: Component<{}> = (p) => {
+const BuilderConfig: Component<{}> = (p) => {
   const { build, reset, save, userCanUpdate } = useConfig();
-  const listenerUrl = () => `${URL}/api/listener/build/${getId(build)}`;
   return (
     <Show when={build.loaded}>
       <Grid class="config">
         <Grid class="config-items scroller">
-          <Git />
-          <OnClone />
-          <Show when={userCanUpdate()}>
-            <Grid class={combineClasses("config-item shadow")}>
-              <h1>webhook url</h1>
-              <Flex justifyContent="space-between" alignItems="center">
-                <div class="ellipsis" style={{ width: "250px" }}>
-                  {listenerUrl()}
-                </div>
-                <ConfirmButton
-                  class="blue"
-                  onFirstClick={() => {
-                    copyToClipboard(listenerUrl());
-                    pushNotification("good", "copied url to clipboard");
-                  }}
-                  confirm={<Icon type="check" />}
-                >
-                  <Icon type="clipboard" />
-                </ConfirmButton>
-              </Flex>
-            </Grid>
+          <BuilderType />
+          <Show when={build.server_id}>
+            <BuilderServer />
+            <div style={{ height: "12rem" }} />
+          </Show>
+          <Show when={build.aws_config}>
+            <AwsBuilderConfig />
+          </Show>
+          <Show when={!build.server_id && !build.aws_config}>
+            <div style={{ height: "12rem" }} />
           </Show>
         </Grid>
         <Show when={userCanUpdate() && build.updated}>
@@ -66,4 +53,4 @@ const GitConfig: Component<{}> = (p) => {
   );
 };
 
-export default GitConfig;
+export default BuilderConfig;

frontend/src/components/build/tabs/builder/BuilderServer.tsx

@@ -0,0 +1,46 @@
+import { Component } from "solid-js";
+import { useAppState } from "../../../../state/StateProvider";
+import { PermissionLevel } from "../../../../types";
+import { getId } from "../../../../util/helpers";
+import Flex from "../../../shared/layout/Flex";
+import Grid from "../../../shared/layout/Grid";
+import Selector from "../../../shared/menu/Selector";
+import { useConfig } from "../Provider";
+
+const BuilderServer: Component<{}> = (p) => {
+  const { servers, getPermissionOnServer } = useAppState();
+	const { setBuild, server, userCanUpdate } = useConfig();
+  const availableServers = () => {
+    if (!servers.loaded()) return [];
+    return servers
+      .ids()!
+      .filter((id) => {
+        return getPermissionOnServer(id) === PermissionLevel.Update;
+      });
+  };
+  return (
+    <Flex
+      class="config-item shadow"
+      alignItems="center"
+      justifyContent="space-between"
+    >
+      <h1>builder server</h1>
+      <Selector
+        targetClass="blue"
+        selected={server()?.server ? getId(server()!.server) : "select server"}
+        items={availableServers()}
+        onSelect={(server_id) => setBuild("server_id", server_id)}
+        itemMap={(server_id) =>
+          server_id === "select server"
+            ? "select server"
+            : servers.get(server_id)!.server.name
+        }
+        disabled={!userCanUpdate()}
+        position="bottom right"
+        useSearch
+      />
+    </Flex>
+  );
+};
+
+export default BuilderServer;

frontend/src/components/build/tabs/builder/BuilderType.tsx

@@ -0,0 +1,52 @@
+import { Component, Show } from "solid-js";
+import { useAppState } from "../../../../state/StateProvider";
+import Flex from "../../../shared/layout/Flex";
+import Grid from "../../../shared/layout/Grid";
+import Selector from "../../../shared/menu/Selector";
+import { useConfig } from "../Provider";
+
+const BuilderType: Component<{}> = (p) => {
+	const { servers } = useAppState();
+  const { build, setBuild, userCanUpdate } = useConfig();
+  const builderType = () => {
+    if (build.server_id) {
+      return "server";
+    } else if (build.aws_config) {
+      return "aws";
+    } else {
+      return undefined;
+    }
+  };
+  return (
+    <Flex
+      class="config-item shadow"
+      alignItems="center"
+      justifyContent="space-between"
+    >
+      <h1>builder type</h1>
+      <Show when={userCanUpdate()} fallback={<h2>{builderType()}</h2>}>
+        <Selector 
+          targetClass="blue"
+          selected={builderType() || "select type"}
+          items={["aws", "server"]}
+          position="bottom right"
+          onSelect={(type) => {
+            if (type !== builderType()) {
+              if (type === "server") {
+                const server_id =
+                  servers.ids()?.length || 0 > 0
+                    ? servers.ids()![0]
+                    : undefined;
+                setBuild({ server_id, aws_config: undefined });
+              } else if (type === "aws") {
+                setBuild({ server_id: undefined, aws_config: {} });
+              }
+            }
+          }}
+        />
+      </Show>
+    </Flex>
+  );
+};
+
+export default BuilderType;

frontend/src/components/build/tabs/config/BuildArgs.tsx

@@ -1,12 +1,10 @@
 import { Component, createEffect, createSignal, Show } from "solid-js";
 import {
-  combineClasses,
   parseDotEnvToEnvVars,
   parseEnvVarseToDotEnv,
 } from "../../../../util/helpers";
 import { useToggle } from "../../../../util/hooks";
 import Flex from "../../../shared/layout/Flex";
-import Grid from "../../../shared/layout/Grid";
 import CenterMenu from "../../../shared/menu/CenterMenu";
 import TextArea from "../../../shared/TextArea";
 import { useConfig } from "../Provider";
@@ -14,24 +12,26 @@ import { useConfig } from "../Provider";
 const BuildArgs: Component<{}> = (p) => {
   const { build, userCanUpdate } = useConfig();
   return (
-    <Grid class={combineClasses("config-item shadow")}>
-      <Flex alignItems="center" justifyContent="space-between">
-        <h1>build args</h1>
-        <Flex alignItems="center" gap="0.2rem">
-          <Show
-            when={
-              !build.docker_build_args?.build_args ||
-              build.docker_build_args.build_args.length === 0
-            }
-          >
-            <div>none</div>
-          </Show>
-          <Show when={userCanUpdate()}>
-            <EditBuildArgs />
-          </Show>
-        </Flex>
+    <Flex
+      class="config-item shadow"
+      alignItems="center"
+      justifyContent="space-between"
+    >
+      <h1>build args</h1>
+      <Flex alignItems="center">
+        <Show
+          when={
+            !build.docker_build_args?.build_args ||
+            build.docker_build_args.build_args.length === 0
+          }
+        >
+          <div>none</div>
+        </Show>
+        <Show when={userCanUpdate()}>
+          <EditBuildArgs />
+        </Show>
       </Flex>
-    </Grid>
+    </Flex>
   );
 };
 
@@ -71,6 +71,7 @@ const EditBuildArgs: Component<{}> = (p) => {
       content={() => (
         <TextArea
           class="scroller"
+          placeholder="VARIABLE=value   #example"
           value={buildArgs()}
           onEdit={setBuildArgs}
           style={{

frontend/src/components/build/tabs/config/BuildConfig.tsx

@@ -9,6 +9,8 @@ import { useConfig } from "../Provider";
 import Loading from "../../../shared/loading/Loading";
 import BuildArgs from "./BuildArgs";
 import Version from "./Version";
+import Repo from "./Repo";
+import WebhookUrl from "./WebhookUrl";
 
 const BuildConfig: Component<{}> = (p) => {
   const { build, reset, save, userCanUpdate } = useConfig();
@@ -17,9 +19,13 @@ const BuildConfig: Component<{}> = (p) => {
       <Grid class="config">
         <Grid class="config-items scroller">
           <Version />
+          <Repo />
           <Docker />
-          <BuildArgs />
           <CliBuild />
+          <BuildArgs />
+          <Show when={userCanUpdate()}>
+            <WebhookUrl />
+          </Show>
         </Grid>
         <Show when={userCanUpdate() && build.updated}>
           <Show

frontend/src/components/build/tabs/config/Docker.tsx

@@ -1,4 +1,4 @@
-import { Component, createEffect, createSignal, Show } from "solid-js";
+import { Component, createEffect, createResource, createSignal, Show } from "solid-js";
 import { client } from "../../../..";
 import { useAppState } from "../../../../state/StateProvider";
 import { ServerStatus } from "../../../../types";
@@ -10,15 +10,29 @@ import Selector from "../../../shared/menu/Selector";
 import { useConfig } from "../Provider";
 
 const Docker: Component<{}> = (p) => {
+  const { aws_builder_config } = useAppState();
   const { build, setBuild, server, userCanUpdate } = useConfig();
-  const [dockerAccounts, setDockerAccounts] = createSignal<string[]>();
+  const [dockerOrgs] = createResource(() => client.get_docker_organizations());
+  const [peripheryDockerAccounts, setPeripheryDockerAccounts] =
+    createSignal<string[]>();
   createEffect(() => {
     if (server()?.status === ServerStatus.Ok) {
       client
-        .get_server_docker_accounts(build.server_id)
-        .then(setDockerAccounts);
+        .get_server_docker_accounts(build.server_id!)
+        .then(setPeripheryDockerAccounts);
     }
   });
+  const dockerAccounts = () => {
+    if (build.server_id) {
+      return peripheryDockerAccounts() || [];
+    } else if (build.aws_config) {
+      const ami_id =
+        build.aws_config?.ami_id || aws_builder_config()?.default_ami_id;
+      return ami_id
+        ? aws_builder_config()?.available_ami_accounts![ami_id].docker || []
+        : [];
+    } else return [];
+  };
   return (
     <Grid class={combineClasses("config-item shadow")}>
       <h1>docker build</h1> {/* checkbox here? */}
@@ -62,7 +76,7 @@ const Docker: Component<{}> = (p) => {
         <Selector
           targetClass="blue"
           selected={build.docker_account || "none"}
-          items={["none", ...dockerAccounts()!]}
+          items={["none", ...dockerAccounts()]}
           onSelect={(account) => {
             setBuild(
               "docker_account",
@@ -73,6 +87,28 @@ const Docker: Component<{}> = (p) => {
           disabled={!userCanUpdate()}
         />
       </Flex>
+      <Show when={(dockerOrgs() || []).length > 0}>
+        <Flex
+          justifyContent={userCanUpdate() ? "space-between" : undefined}
+          alignItems="center"
+          style={{ "flex-wrap": "wrap" }}
+        >
+          <h2>dockerhub organization: </h2>
+          <Selector
+            targetClass="blue"
+            selected={build.docker_organization || "none"}
+            items={dockerOrgs() || []}
+            onSelect={(account) => {
+              setBuild(
+                "docker_organization",
+                account === "none" ? undefined : account
+              );
+            }}
+            position="bottom right"
+            disabled={!userCanUpdate()}
+          />
+        </Flex>
+      </Show>
     </Grid>
   );
 };

frontend/src/components/build/tabs/config/Repo.tsx

@@ -0,0 +1,90 @@
+import { Component, createEffect, createSignal, Show } from "solid-js";
+import Grid from "../../../shared/layout/Grid";
+import { useConfig } from "../Provider";
+import Flex from "../../../shared/layout/Flex";
+import Input from "../../../shared/Input";
+import { combineClasses } from "../../../../util/helpers";
+import { useAppState } from "../../../../state/StateProvider";
+import { client } from "../../../..";
+import { ServerStatus } from "../../../../types";
+import Selector from "../../../shared/menu/Selector";
+
+const Repo: Component<{}> = (p) => {
+  const { aws_builder_config } = useAppState();
+  const { build, setBuild, server, userCanUpdate } = useConfig();
+  const [peripheryGithubAccounts, setPeripheryGithubAccounts] =
+    createSignal<string[]>();
+  createEffect(() => {
+    if (server()?.status === ServerStatus.Ok) {
+      client
+        .get_server_github_accounts(build.server_id!)
+        .then(setPeripheryGithubAccounts);
+    }
+  });
+  const githubAccounts = () => {
+    if (build.server_id) {
+      return peripheryGithubAccounts() || [];
+    } else if (build.aws_config) {
+      const ami_id =
+        build.aws_config?.ami_id || aws_builder_config()?.default_ami_id;
+      return ami_id
+        ? aws_builder_config()?.available_ami_accounts![ami_id].github || []
+        : [];
+    } else return [];
+  };
+  return (
+    <Grid class={combineClasses("config-item shadow")}>
+      <h1>repo config</h1>
+      <Flex
+        justifyContent={userCanUpdate() ? "space-between" : undefined}
+        alignItems="center"
+        style={{ "flex-wrap": "wrap" }}
+      >
+        <h2>repo: </h2>
+        <Input
+          placeholder="ie. solidjs/solid"
+          value={build.repo || ""}
+          onEdit={(value) => setBuild("repo", value)}
+          disabled={!userCanUpdate()}
+        />
+      </Flex>
+      <Flex
+        justifyContent={userCanUpdate() ? "space-between" : undefined}
+        alignItems="center"
+        style={{ "flex-wrap": "wrap" }}
+      >
+        <h2>branch: </h2>
+        <Input
+          placeholder="defaults to main"
+          value={build.branch || (userCanUpdate() ? "" : "main")}
+          onEdit={(value) => setBuild("branch", value)}
+          disabled={!userCanUpdate()}
+        />
+      </Flex>
+      <Show when={githubAccounts()}>
+        <Flex
+          justifyContent={userCanUpdate() ? "space-between" : undefined}
+          alignItems="center"
+          style={{ "flex-wrap": "wrap" }}
+        >
+          <h2>github account: </h2>
+          <Selector
+            targetClass="blue"
+            selected={build.github_account || "none"}
+            items={["none", ...githubAccounts()]}
+            onSelect={(account) => {
+              setBuild(
+                "github_account",
+                account === "none" ? undefined : account
+              );
+            }}
+            position="bottom right"
+            disabled={!userCanUpdate()}
+          />
+        </Flex>
+      </Show>
+    </Grid>
+  );
+};
+
+export default Repo;

frontend/src/components/build/tabs/config/WebhookUrl.tsx

@@ -0,0 +1,39 @@
+import { Component, createResource, Show } from "solid-js";
+import { client } from "../../../..";
+import { getId } from "../../../../util/helpers";
+import CopyClipboard from "../../../shared/CopyClipboard";
+import Flex from "../../../shared/layout/Flex";
+import Grid from "../../../shared/layout/Grid";
+import Loading from "../../../shared/loading/Loading";
+import { useConfig } from "../Provider";
+
+const ListenerUrl: Component<{}> = (p) => {
+  const { build } = useConfig();
+  const [github_base_url] = createResource(() =>
+    client.get_github_webhook_base_url()
+  );
+  const listenerUrl = () => {
+    if (github_base_url()) {
+      return `${github_base_url()}/api/listener/build/${getId(build)}`;
+    }
+  };
+  return (
+    <Grid class="config-item shadow">
+      <h1>webhook url</h1>
+      <Flex
+        justifyContent="space-between"
+        alignItems="center"
+        style={{ "flex-wrap": "wrap" }}
+      >
+        <Show when={listenerUrl()} fallback={<Loading type="three-dot" />}>
+          <div class="ellipsis" style={{ width: "250px" }}>
+            {listenerUrl()}
+          </div>
+        </Show>
+        <CopyClipboard copyText={listenerUrl() || ""} copying="url" />
+      </Flex>
+    </Grid>
+  );
+};
+
+export default ListenerUrl;

frontend/src/components/build/tabs/git-config/Git.tsx

@@ -1,72 +0,0 @@
-import { Component, createEffect, createSignal } from "solid-js";
-import Grid from "../../../shared/layout/Grid";
-import { useConfig } from "../Provider";
-import Flex from "../../../shared/layout/Flex";
-import Input from "../../../shared/Input";
-import Selector from "../../../shared/menu/Selector";
-import { combineClasses } from "../../../../util/helpers";
-import { client } from "../../../..";
-import { ServerStatus } from "../../../../types";
-
-const Git: Component<{}> = (p) => {
-  const { build, setBuild, server, userCanUpdate } = useConfig();
-  const [githubAccounts, setGithubAccounts] = createSignal<string[]>();
-  createEffect(() => {
-    if (server()?.status === ServerStatus.Ok) {
-      client.get_server_github_accounts(build.server_id).then(setGithubAccounts);
-    }
-  });
-  return (
-    <Grid class={combineClasses("config-item shadow")}>
-      <h1>github config</h1>
-      <Flex
-        justifyContent={userCanUpdate() ? "space-between" : undefined}
-        alignItems="center"
-        style={{ "flex-wrap": "wrap" }}
-      >
-        <h2>repo: </h2>
-        <Input
-          placeholder="ie. solidjs/solid"
-          value={build.repo || ""}
-          onEdit={(value) => setBuild("repo", value)}
-          disabled={!userCanUpdate()}
-        />
-      </Flex>
-      <Flex
-        justifyContent={userCanUpdate() ? "space-between" : undefined}
-        alignItems="center"
-        style={{ "flex-wrap": "wrap" }}
-      >
-        <h2>branch: </h2>
-        <Input
-          placeholder="defaults to main"
-          value={build.branch || (userCanUpdate() ? "" : "main")}
-          onEdit={(value) => setBuild("branch", value)}
-          disabled={!userCanUpdate()}
-        />
-      </Flex>
-      <Flex
-        justifyContent={userCanUpdate() ? "space-between" : undefined}
-        alignItems="center"
-        style={{ "flex-wrap": "wrap" }}
-      >
-        <h2>github account: </h2>
-        <Selector
-          targetClass="blue"
-          selected={build.github_account || "none"}
-          items={["none", ...githubAccounts()!]}
-          onSelect={(account) => {
-            setBuild(
-              "github_account",
-              account === "none" ? undefined : account
-            );
-          }}
-          position="bottom right"
-          disabled={!userCanUpdate()}
-        />
-      </Flex>
-    </Grid>
-  );
-};
-
-export default Git;

frontend/src/components/build/tabs/git-config/OnClone.tsx

@@ -1,63 +0,0 @@
-import { Component } from "solid-js";
-import { combineClasses } from "../../../../util/helpers";
-import Input from "../../../shared/Input";
-import Grid from "../../../shared/layout/Grid";
-import { useConfig } from "../Provider";
-import Flex from "../../../shared/layout/Flex";
-
-const OnClone: Component = () => {
-  const { build, setBuild, userCanUpdate } = useConfig();
-  return (
-    <Grid class={combineClasses("config-item shadow")}>
-      <h1>on clone</h1>
-      <Flex
-        alignItems="center"
-        justifyContent={userCanUpdate() ? "space-between" : undefined}
-        style={{ "flex-wrap": "wrap" }}
-      >
-        <h2>path:</h2>
-        <Input
-          placeholder="relative to repo"
-          value={build.on_clone?.path || ""}
-          onEdit={(path) => {
-            if (
-              path.length === 0 &&
-              (!build.on_clone ||
-                !build.on_clone.command ||
-                build.on_clone.command.length === 0)
-            ) {
-              setBuild("on_clone", undefined);
-            }
-            setBuild("on_clone", { path });
-          }}
-          disabled={!userCanUpdate()}
-        />
-      </Flex>
-      <Flex
-        alignItems="center"
-        justifyContent={userCanUpdate() ? "space-between" : undefined}
-        style={{ "flex-wrap": "wrap" }}
-      >
-        <h2>command:</h2>
-        <Input
-          placeholder="command"
-          value={build.on_clone?.command || ""}
-          onEdit={(command) => {
-            if (
-              command.length === 0 &&
-              (!build.on_clone ||
-                !build.on_clone.path ||
-                build.on_clone.path.length === 0)
-            ) {
-              setBuild("on_clone", undefined);
-            }
-            setBuild("on_clone", { command });
-          }}
-          disabled={!userCanUpdate()}
-        />
-      </Flex>
-    </Grid>
-  );
-};
-
-export default OnClone;

frontend/src/components/deployment/Actions.tsx

@@ -196,7 +196,7 @@ const Deploy: Component<{ redeploy?: boolean }> = (p) => {
               onConfirm={() => {
                 client.deploy_container(params.id);
               }}
-              title={`redeploy container | ${name()}`}
+              title="redeploy container"
               match={name()!}
             >
               <Icon type={"reset"} />
@@ -232,7 +232,7 @@ const RemoveContainer = () => {
             onConfirm={() => {
               client.remove_container(params.id);
             }}
-            title={`destroy container | ${name()}`}
+            title="destroy container"
             match={name()!}
           >
             <Icon type="trash" />
@@ -298,7 +298,7 @@ const Stop = () => {
             onConfirm={() => {
               client.stop_container(params.id);
             }}
-            title={`stop container | ${name()}`}
+            title="stop container"
             match={name()!}
           >
             <Icon type="pause" />

frontend/src/components/deployment/Deployment.tsx

@@ -1,9 +1,10 @@
 import { useParams } from "@solidjs/router";
-import { Component, onCleanup, Show } from "solid-js";
-import { client } from "../..";
+import { Component, Show } from "solid-js";
 import { useAppDimensions } from "../../state/DimensionProvider";
 import { useAppState } from "../../state/StateProvider";
-import { ServerStatus } from "../../types";
+import { useUser } from "../../state/UserProvider";
+import { PermissionLevel } from "../../types";
+import Description from "../Description";
 import NotFound from "../NotFound";
 import Grid from "../shared/layout/Grid";
 import Actions from "./Actions";
@@ -16,12 +17,16 @@ const POLLING_RATE = 10000;
 // let interval = -1;
 
 const Deployment: Component<{}> = (p) => {
+  const { user, user_id } = useUser();
   const { servers, deployments } = useAppState();
   const { isSemiMobile } = useAppDimensions();
   const params = useParams();
   const deployment = () => deployments.get(params.id);
   const server = () =>
     deployment() && servers.get(deployment()!.deployment.server_id);
+  const userCanUpdate = () =>
+    user().admin ||
+    deployment()?.deployment.permissions![user_id()] === PermissionLevel.Update;
   // clearInterval(interval);
   // interval = setInterval(async () => {
   //   if (server()?.status === ServerStatus.Ok) {
@@ -33,7 +38,7 @@ const Deployment: Component<{}> = (p) => {
   return (
     <Show
       when={deployment() && server()}
-      fallback={<NotFound type="deployment" />}
+      fallback={<NotFound type="deployment" loaded={deployments.loaded()} />}
     >
       <ActionStateProvider>
         <Grid
@@ -46,8 +51,14 @@ const Deployment: Component<{}> = (p) => {
             style={{ width: "100%" }}
             gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
           >
-            <Grid style={{ "flex-grow": 1, "grid-auto-rows": "auto 1fr" }}>
+            <Grid style={{ "flex-grow": 1, "grid-auto-rows": "auto auto 1fr" }}>
               <Header />
+              <Description
+                target={{ type: "Deployment", id: params.id }}
+                name={deployment()?.deployment.name!}
+                description={deployment()?.deployment.description}
+                userCanUpdate={userCanUpdate()}
+              />
               <Actions />
             </Grid>
             <Show when={!isSemiMobile()}>

frontend/src/components/deployment/Header.tsx

@@ -1,10 +1,11 @@
-import { Component, Show } from "solid-js";
+import { Component, createResource, Show } from "solid-js";
 import { useAppState } from "../../state/StateProvider";
 import { useUser } from "../../state/UserProvider";
 import {
   combineClasses,
   deploymentHeaderStateClass,
   getId,
+  readableVersion,
 } from "../../util/helpers";
 import Icon from "../shared/Icon";
 import Flex from "../shared/layout/Flex";
@@ -20,7 +21,7 @@ import CopyMenu from "../CopyMenu";
 import ConfirmMenuButton from "../shared/ConfirmMenuButton";
 
 const Header: Component<{}> = (p) => {
-  const { deployments, servers } = useAppState();
+  const { deployments, servers, builds } = useAppState();
   const params = useParams();
   const deployment = () => deployments.get(params.id)!;
   const { user } = useUser();
@@ -37,6 +38,27 @@ const Header: Component<{}> = (p) => {
     deployment().deployment.permissions![getId(user())] ===
       PermissionLevel.Update;
   const server = () => servers.get(deployment().deployment.server_id);
+  const [deployed_version] = createResource(() =>
+    client.get_deployment_deployed_version(params.id)
+  );
+  const image = () => {
+    if (deployment().deployment.build_id) {
+      const build = builds.get(deployment().deployment.build_id!)!;
+      if (deployment().state === DockerContainerState.NotDeployed) {
+        const version = deployment().deployment.build_version
+          ? readableVersion(deployment().deployment.build_version!).replaceAll(
+              "v",
+              ""
+            )
+          : "latest";
+        return `${build.name}:${version}`;
+      } else {
+        return deployed_version() && `${build.name}:${deployed_version()}`;
+      }
+    } else {
+      return deployment().deployment.docker_run_args.image || "unknown";
+    }
+  };
   return (
     <>
       <Grid
@@ -52,7 +74,10 @@ const Header: Component<{}> = (p) => {
         }}
       >
         <Flex alignItems="center" justifyContent="space-between">
-          <h1>{deployment()!.deployment.name}</h1>
+          <Flex alignItems="center">
+            <h1>{deployment()!.deployment.name}</h1>
+            <div style={{ opacity: 0.7 }}>{image()}</div>
+          </Flex>
           <Show when={userCanUpdate()}>
             <Flex alignItems="center">
               <CopyMenu type="deployment" id={params.id} />
@@ -63,9 +88,7 @@ const Header: Component<{}> = (p) => {
                       client.delete_deployment(params.id);
                     }}
                     class="red"
-                    title={`delete deployment | ${
-                      deployment().deployment.name
-                    }`}
+                    title="delete deployment"
                     match={deployment().deployment.name}
                     info={
                       <Show when={deployment().container}>

frontend/src/components/deployment/tabs/Tabs.tsx

@@ -123,7 +123,7 @@ const DeploymentTabs: Component<{}> = () => {
                 },
               ],
               user().admin && {
-                title: "collaborators",
+                title: "permissions",
                 element: () => <Permissions />,
               },
             ]

frontend/src/components/deployment/tabs/config/Config.tsx

@@ -17,19 +17,17 @@ import { Tab } from "../../../shared/tabs/Tabs";
 import RepoMount from "./mount-repo/RepoMount";
 import { OnClone, OnPull } from "./mount-repo/OnGit";
 import Loading from "../../../shared/loading/Loading";
-import Permissions from "../Permissions";
-import { pushNotification, URL } from "../../../..";
+import { pushNotification, MONITOR_BASE_URL } from "../../../..";
 import { combineClasses, copyToClipboard, getId } from "../../../../util/helpers";
 import { useAppDimensions } from "../../../../state/DimensionProvider";
-import { useUser } from "../../../../state/UserProvider";
 import SimpleTabs from "../../../shared/tabs/SimpleTabs";
 import ExtraArgs from "./container/ExtraArgs";
+import WebhookUrl from "./container/WebhookUrl";
 
 const Config: Component<{}> = () => {
   const { deployment, reset, save, userCanUpdate } = useConfig();
-  const { user } = useUser();
   const { isMobile } = useAppDimensions();
-  const listenerUrl = () => `${URL}/api/listener/deployment/${getId(deployment)}`;
+  const listenerUrl = () => `${MONITOR_BASE_URL}/api/listener/deployment/${getId(deployment)}`;
   return (
     <Show when={deployment.loaded}>
       <Grid class="config">
@@ -44,14 +42,12 @@ const Config: Component<{}> = () => {
                 element: () => (
                   <Grid class="config-items scroller" placeItems="start center">
                     <Image />
-                    <Show when={deployment.docker_run_args.image}>
-                      <DockerAccount />
-                    </Show>
+                    <DockerAccount />
                     <Network />
                     <Restart />
+                    <Env />
                     <Ports />
                     <Mounts />
-                    <Env />
                     <ExtraArgs />
                     <PostImage />
                     <Show when={isMobile()}>
@@ -66,31 +62,7 @@ const Config: Component<{}> = () => {
                   <Grid class="config-items scroller" placeItems="start center">
                     <Git />
                     <Show when={userCanUpdate()}>
-                      <Grid class={combineClasses("config-item shadow")}>
-                        <h1>webhook url</h1>
-                        <Flex
-                          justifyContent="space-between"
-                          alignItems="center"
-                          style={{ "flex-wrap": "wrap" }}
-                        >
-                          <div class="ellipsis" style={{ width: "250px" }}>
-                            {listenerUrl()}
-                          </div>
-                          <ConfirmButton
-                            class="blue"
-                            onFirstClick={() => {
-                              copyToClipboard(listenerUrl());
-                              pushNotification(
-                                "good",
-                                "copied url to clipboard"
-                              );
-                            }}
-                            confirm={<Icon type="check" />}
-                          >
-                            <Icon type="clipboard" />
-                          </ConfirmButton>
-                        </Flex>
-                      </Grid>
+                      <WebhookUrl />
                     </Show>
                     <RepoMount />
                     <OnClone />

frontend/src/components/deployment/tabs/config/container/DockerAccount.tsx

@@ -1,4 +1,4 @@
-import { Component, createEffect, createSignal, Show } from "solid-js";
+import { Component, createEffect, createSignal } from "solid-js";
 import { client } from "../../../../..";
 import { ServerStatus } from "../../../../../types";
 import { combineClasses } from "../../../../../util/helpers";
@@ -16,6 +16,16 @@ const DockerAccount: Component<{}> = (p) => {
         .then(setDockerAccounts);
     }
   });
+  const when_none_selected = () => {
+    if (deployment.build_id) {
+      return "same as build"
+    } else {
+      return "none"
+    }
+  }
+  const accounts = () => {
+    return [when_none_selected(), ...(dockerAccounts() || [])];
+  }
   return (
     <Flex
       class={combineClasses("config-item shadow")}
@@ -26,11 +36,11 @@ const DockerAccount: Component<{}> = (p) => {
       <h1>docker account</h1>
       <Selector
         targetClass="blue"
-        items={["none", ...dockerAccounts()!]}
-        selected={deployment.docker_run_args.docker_account || "none"}
+        items={accounts()}
+        selected={deployment.docker_run_args.docker_account || when_none_selected()}
         onSelect={(account) =>
           setDeployment("docker_run_args", {
-            docker_account: account === "none" ? undefined : account,
+            docker_account: account === when_none_selected() ? undefined : account,
           })
         }
         position="bottom right"

frontend/src/components/deployment/tabs/config/container/Env.tsx

@@ -17,7 +17,7 @@ const Env: Component<{}> = (p) => {
     <Grid class={combineClasses("config-item shadow")}>
       <Flex alignItems="center" justifyContent="space-between">
         <h1>environment</h1>
-        <Flex alignItems="center" gap="0.2rem">
+        <Flex alignItems="center">
           <Show
             when={
               !deployment.docker_run_args.environment ||
@@ -71,6 +71,7 @@ const EditDotEnv: Component<{}> = (p) => {
       content={() => (
         <TextArea
           class="scroller"
+          placeholder="VARIABLE=value   #example"
           value={dotenv()}
           onEdit={setDotEnv}
           style={{

frontend/src/components/deployment/tabs/config/container/ExtraArgs.tsx

@@ -22,21 +22,11 @@ const ExtraArgs: Component<{}> = (p) => {
     <Grid class="config-item shadow">
       <Flex justifyContent="space-between" alignItems="center">
         <h1>extra args</h1>
-        <Flex alignItems="center">
-          <Show
-            when={
-              !deployment.docker_run_args.extra_args ||
-              deployment.docker_run_args.extra_args.length === 0
-            }
-          >
-            <div>none</div>
-          </Show>
-          <Show when={userCanUpdate()}>
-            <button class="green" onClick={onAdd}>
-              <Icon type="plus" />
-            </button>
-          </Show>
-        </Flex>
+        <Show when={userCanUpdate()}>
+          <button class="green" onClick={onAdd}>
+            <Icon type="plus" />
+          </button>
+        </Show>
       </Flex>
       <For each={[...deployment.docker_run_args.extra_args!.keys()]}>
         {(_, index) => (

frontend/src/components/deployment/tabs/config/container/Network.tsx

@@ -20,6 +20,7 @@ const Network: Component<{}> = (p) => {
         onSelect={(network) => setDeployment("docker_run_args", { network })}
         position="bottom right"
         disabled={!userCanUpdate()}
+        searchStyle={{ width: "100%", "min-width": "12rem" }}
         useSearch
       />
     </Flex>

frontend/src/components/deployment/tabs/config/container/Volumes.tsx

@@ -23,21 +23,11 @@ const Volumes: Component<{}> = (p) => {
     <Grid class={combineClasses("config-item shadow")}>
       <Flex justifyContent="space-between" alignItems="center">
         <h1>volumes</h1>
-        <Flex alignItems="center">
-          <Show
-            when={
-              !deployment.docker_run_args.volumes ||
-              deployment.docker_run_args.volumes.length === 0
-            }
-          >
-            <div>none</div>
-          </Show>
-          <Show when={userCanUpdate()}>
-            <button class="green" onClick={onAdd}>
-              <Icon type="plus" />
-            </button>
-          </Show>
-        </Flex>
+        <Show when={userCanUpdate()}>
+          <button class="green" onClick={onAdd}>
+            <Icon type="plus" />
+          </button>
+        </Show>
       </Flex>
       <For each={deployment.docker_run_args.volumes}>
         {({ local, container }, index) => (

frontend/src/components/deployment/tabs/config/container/WebhookUrl.tsx

@@ -0,0 +1,41 @@
+import { Component, createResource, Show } from "solid-js";
+import { client } from "../../../../..";
+import { getId } from "../../../../../util/helpers";
+import CopyClipboard from "../../../../shared/CopyClipboard";
+import Flex from "../../../../shared/layout/Flex";
+import Grid from "../../../../shared/layout/Grid";
+import Loading from "../../../../shared/loading/Loading";
+import { useConfig } from "../Provider";
+
+const WebhookUrl: Component<{}> = (p) => {
+  const { deployment } = useConfig();
+  const [github_base_url] = createResource(() =>
+    client.get_github_webhook_base_url()
+  );
+  const listenerUrl = () => {
+    if (github_base_url()) {
+      return `${github_base_url()}/api/listener/deployment/${getId(
+        deployment
+      )}`;
+    }
+  };
+  return (
+    <Grid class="config-item shadow">
+      <h1>webhook url</h1>
+      <Flex
+        justifyContent="space-between"
+        alignItems="center"
+        style={{ "flex-wrap": "wrap" }}
+      >
+        <Show when={listenerUrl()} fallback={<Loading type="three-dot" />}>
+          <div class="ellipsis" style={{ "max-width": "250px" }}>
+            {listenerUrl()}
+          </div>
+        </Show>
+        <CopyClipboard copyText={listenerUrl() || ""} copying="url" />
+      </Flex>
+    </Grid>
+  );
+};
+
+export default WebhookUrl;

frontend/src/components/deployment/tabs/log/Log.tsx

@@ -2,12 +2,11 @@ import { useParams } from "@solidjs/router";
 import {
   Component,
   createEffect,
-  createMemo,
   createSignal,
   onCleanup,
   Show,
 } from "solid-js";
-import { client, pushNotification } from "../../../..";
+import { pushNotification } from "../../../..";
 import { useAppState } from "../../../../state/StateProvider";
 import { DockerContainerState, Log as LogType } from "../../../../types";
 import { combineClasses } from "../../../../util/helpers";
@@ -70,7 +69,7 @@ const Log: Component<{
   const buffer = useBuffer(scrolled, 250);
   const [poll, togglePoll] = useLocalStorageToggle(
     "deployment-log-polling",
-    true
+    false
   );
   clearInterval(interval);
   interval = setInterval(() => {
@@ -100,7 +99,7 @@ const Log: Component<{
             position="bottom right"
             itemStyle={{ width: "4rem" }}
           />
-          <Show when={userCanUpdate()}>
+          {/* <Show when={userCanUpdate()}>
             <button
               class="blue"
               onClick={() =>
@@ -114,7 +113,7 @@ const Log: Component<{
             >
               download full log
             </button>
-          </Show>
+          </Show> */}
           <button
             class="blue"
             onClick={async () => {

frontend/src/components/home/Home.tsx

@@ -6,6 +6,7 @@ import { useAppState } from "../../state/StateProvider";
 import Grid from "../shared/layout/Grid";
 import SimpleTabs from "../shared/tabs/SimpleTabs";
 import Summary from "./Summary";
+import Builds from "./Tree/Builds";
 import Groups from "./Tree/Groups";
 import { TreeProvider } from "./Tree/Provider";
 import Servers from "./Tree/Servers";
@@ -36,6 +37,10 @@ const Home: Component<{}> = (p) => {
               title: "servers",
               element: () => <Servers serverIDs={servers.ids()!} showAdd />,
             },
+            {
+              title: "builds",
+              element: () => <Builds />
+            }
           ]}
         />
       </TreeProvider>

frontend/src/components/home/Tree/Builds.tsx

@@ -0,0 +1,174 @@
+import { A } from "@solidjs/router";
+import { Component, createMemo, createSignal, For, Show } from "solid-js";
+import { client } from "../../..";
+import { useAppDimensions } from "../../../state/DimensionProvider";
+import { useAppState } from "../../../state/StateProvider";
+import { useUser } from "../../../state/UserProvider";
+import { PermissionLevel } from "../../../types";
+import { getId, readableMonitorTimestamp } from "../../../util/helpers";
+import {
+  ActionStateProvider,
+  useActionStates,
+} from "../../build/ActionStateProvider";
+import { NewBuild } from "../../New";
+import ConfirmButton from "../../shared/ConfirmButton";
+import Icon from "../../shared/Icon";
+import Input from "../../shared/Input";
+import Flex from "../../shared/layout/Flex";
+import Grid from "../../shared/layout/Grid";
+import Loading from "../../shared/loading/Loading";
+import Selector from "../../shared/menu/Selector";
+import { TreeSortType, TREE_SORTS, useTreeState } from "./Provider";
+
+const Builds: Component<{}> = (p) => {
+  const { isSemiMobile } = useAppDimensions();
+  const { user } = useUser();
+  const { builds } = useAppState();
+  const { sort, setSort, build_sorter } = useTreeState();
+  const [buildFilter, setBuildFilter] = createSignal("");
+  const buildIDs = createMemo(() => {
+    if (builds.loaded()) {
+      const filters = buildFilter()
+        .split(" ")
+        .filter((term) => term.length > 0)
+        .map((term) => term.toLowerCase());
+      return builds
+        .ids()!
+        .filter((id) => {
+          const name = builds.get(id)!.name;
+          for (const term of filters) {
+            if (!name.includes(term)) {
+              return false;
+            }
+          }
+          return true;
+        })
+        .sort(build_sorter());
+    } else {
+      return undefined;
+    }
+  });
+  return (
+    <Grid>
+      <Grid gridTemplateColumns="1fr auto auto">
+        <Input
+          placeholder="filter builds"
+          value={buildFilter()}
+          onEdit={setBuildFilter}
+          style={{ width: "100%", padding: "0.5rem" }}
+        />
+        <Selector
+          selected={sort()}
+          items={TREE_SORTS as any as string[]}
+          onSelect={(mode) => setSort(mode as TreeSortType)}
+          position="bottom right"
+          targetClass="blue"
+          targetStyle={{ height: "100%" }}
+          containerStyle={{ height: "100%" }}
+        />
+        <Show when={user().admin || user().create_build_permissions}>
+          <NewBuild />
+        </Show>
+      </Grid>
+      <Grid gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}>
+        <For each={buildIDs()}>
+          {(id) => (
+            <ActionStateProvider build_id={id}>
+              <Build id={id} />
+            </ActionStateProvider>
+          )}
+        </For>
+      </Grid>
+    </Grid>
+  );
+};
+
+const Build: Component<{ id: string }> = (p) => {
+  const { isMobile } = useAppDimensions();
+  const { user } = useUser();
+  const { builds } = useAppState();
+  const build = () => builds.get(p.id)!;
+  // const server = () =>
+  //   build().server_id ? servers.get(build().server_id!) : undefined;
+  const version = () => {
+    return `v${build().version.major}.${build().version.minor}.${
+      build().version.patch
+    }`;
+  };
+  const lastBuiltAt = () => {
+    if (
+      build().last_built_at === undefined ||
+      build().last_built_at?.length === 0 ||
+      build().last_built_at === "never"
+    ) {
+      return "not built";
+    } else {
+      return readableMonitorTimestamp(build().last_built_at!);
+    }
+  };
+  const actions = useActionStates();
+  const userCanExecute = () =>
+    user().admin ||
+    build().permissions![getId(user())] === PermissionLevel.Execute ||
+    build().permissions![getId(user())] === PermissionLevel.Update;
+  // const isAwsBuild = () => build().aws_config ? true : false;
+  return (
+    <A
+      href={`/build/${p.id}`}
+      class="card light shadow hoverable"
+      style={{
+        width: "100%",
+        height: "fit-content",
+        "box-sizing": "border-box",
+        "justify-content": "space-between",
+        padding: "0.5rem",
+      }}
+    >
+      <h1 style={{ "font-size": "1.25rem" }}>{build().name}</h1>
+      <Flex alignItems="center">
+        {/* <Show when={server()}>
+          <A
+            href={`/server/${build().server_id!}`}
+            style={{ padding: 0, opacity: 0.7 }}
+          >
+            <div class="text-hover">{server()?.server.name}</div>
+          </A>
+        </Show>
+        <Show when={isAwsBuild()}>
+          <div style={{ opacity: 0.7 }}>aws build</div>
+        </Show> */}
+        <h2>{version()}</h2>
+        <Show when={!isMobile()}>
+          <div style={{ opacity: 0.7 }}>{lastBuiltAt()}</div>
+        </Show>
+        <Show when={userCanExecute()}>
+          <Show
+            when={!actions.building}
+            fallback={
+              <button
+                class="green"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  e.preventDefault();
+                }}
+              >
+                <Loading type="spinner" />
+              </button>
+            }
+          >
+            <ConfirmButton
+              class="green"
+              onConfirm={() => {
+                client.build(p.id);
+              }}
+            >
+              <Icon type="build" width="0.9rem" />
+            </ConfirmButton>
+          </Show>
+        </Show>
+      </Flex>
+    </A>
+  );
+};
+
+export default Builds;

frontend/src/components/home/Tree/Provider.tsx

@@ -6,7 +6,7 @@ export const TREE_SORTS = ["name", "created"] as const;
 export type TreeSortType = typeof TREE_SORTS[number];
 
 const value = () => {
-	const { servers, groups } = useAppState();
+	const { servers, groups, builds } = useAppState();
 	const [sort, setSort] = useLocalStorage<TreeSortType>(
     TREE_SORTS[0],
     "home-sort-v1"
@@ -29,7 +29,7 @@ const value = () => {
     }
   };
 	const group_sorter = () => {
-    if (!groups.loaded) return () => 0;
+    if (!groups.loaded()) return () => 0;
     if (sort() === "name") {
       return (a: string, b: string) => {
         const ga = groups.get(a)!;
@@ -44,12 +44,30 @@ const value = () => {
     } else {
       return () => 0;
     }
+  };
+  const build_sorter = () => {
+    if (!builds.loaded()) return () => 0;
+    if (sort() === "name") {
+      return (a: string, b: string) => {
+        const ba = builds.get(a)!;
+        const bb = builds.get(b)!;
+        if (ba.name < bb.name) {
+          return -1;
+        } else if (ba.name > bb.name) {
+          return 1;
+        }
+        return 0;
+      };
+    } else {
+      return () => 0;
+    }
   };
 	return {
     sort,
 		setSort,
 		server_sorter,
 		group_sorter,
+    build_sorter
 	};
 }
 

frontend/src/components/server/Header.tsx

@@ -75,7 +75,7 @@ const Header: Component<{}> = (p) => {
                       client.delete_server(params.id);
                     }}
                     class="red"
-                    title={`delete server | ${server().server.name}`}
+                    title="delete server"
                     match={server().server.name}
                     info={
                       <div style={{ opacity: 0.7 }}>

frontend/src/components/server/Server.tsx

@@ -2,6 +2,9 @@ import { useParams } from "@solidjs/router";
 import { Component, Show } from "solid-js";
 import { useAppDimensions } from "../../state/DimensionProvider";
 import { useAppState } from "../../state/StateProvider";
+import { useUser } from "../../state/UserProvider";
+import { PermissionLevel } from "../../types";
+import Description from "../Description";
 import NotFound from "../NotFound";
 import ServerChildren from "../server_children/ServerChildren";
 import Grid from "../shared/layout/Grid";
@@ -12,15 +15,16 @@ import ServerTabs from "./tabs/Tabs";
 import Updates from "./Updates";
 
 const Server: Component<{}> = (p) => {
+  const { user, user_id } = useUser();
   const { servers } = useAppState();
   const params = useParams();
   const server = () => servers.get(params.id)!;
   const { isSemiMobile } = useAppDimensions();
-  // const userCanUpdate = () =>
-  //   user().admin ||
-  //   server()!.server.permissions![getId(user())] === PermissionLevel.Update;
+  const userCanUpdate = () =>
+    user().admin ||
+    server()?.server.permissions![user_id()] === PermissionLevel.Update;
   return (
-    <Show when={server()} fallback={<NotFound type="server" />}>
+    <Show when={server()} fallback={<NotFound type="server" loaded={servers.loaded()} />}>
       <ActionStateProvider>
         <Grid
           style={{
@@ -32,8 +36,14 @@ const Server: Component<{}> = (p) => {
             style={{ width: "100%" }}
             gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
           >
-            <Grid style={{ "flex-grow": 1, "grid-auto-rows": "auto 1fr" }}>
+            <Grid style={{ "flex-grow": 1, "grid-auto-rows": "auto auto 1fr" }}>
               <Header />
+              <Description
+                target={{ type: "Server", id: params.id }}
+                name={server().server.name}
+                description={server().server.description}
+                userCanUpdate={userCanUpdate()}
+              />
               <Actions />
             </Grid>
             <Show when={!isSemiMobile()}>

frontend/src/components/server/tabs/Info.tsx

@@ -1,13 +1,16 @@
 import { useParams } from "@solidjs/router";
 import { Component, createResource, For, Show } from "solid-js";
 import { client } from "../../..";
+import { useAppDimensions } from "../../../state/DimensionProvider";
 import { useAppState } from "../../../state/StateProvider";
 import { readableStorageAmount } from "../../../util/helpers";
 import Flex from "../../shared/layout/Flex";
 import Grid from "../../shared/layout/Grid";
 import Loading from "../../shared/loading/Loading";
+import HoverMenu from "../../shared/menu/HoverMenu";
 
 const Info: Component<{}> = (p) => {
+  const { isMobile } = useAppDimensions();
   const { serverInfo } = useAppState();
   const params = useParams();
   const [stats] = createResource(() => client.get_server_stats(params.id, { disks: true }));
@@ -74,8 +77,17 @@ const Info: Component<{}> = (p) => {
                     justifyContent="space-between"
                   >
                     <Flex alignItems="center">
-                      <div>mount point:</div>
-                      <h2>{disk.mount}</h2>
+                      <div style={{ "white-space": "nowrap" }}>
+                        mount point:
+                      </div>
+                      <h2
+                        class="ellipsis"
+                        style={{
+                          "max-width": isMobile() ? "50px" : "200px",
+                        }}
+                      >
+                        {disk.mount}
+                      </h2>
                     </Flex>
                     <Flex alignItems="center">
                       <div>{readableStorageAmount(disk.used_gb)} used</div>

frontend/src/components/server_children/Deployment.tsx

@@ -1,23 +1,49 @@
 import { A } from "@solidjs/router";
 import { Component, Show } from "solid-js";
 import { useAppState } from "../../state/StateProvider";
-import { combineClasses, deploymentStateClass, getId } from "../../util/helpers";
+import { DockerContainerState } from "../../types";
+import {
+  combineClasses,
+  deploymentStateClass,
+  readableVersion,
+} from "../../util/helpers";
 import Circle from "../shared/Circle";
 import Flex from "../shared/layout/Flex";
+import Grid from "../shared/layout/Grid";
 import s from "./serverchildren.module.scss";
 
 const Deployment: Component<{ id: string }> = (p) => {
-  const { deployments } = useAppState();
+  const { deployments, builds } = useAppState();
   const deployment = () => deployments.get(p.id)!;
+  const image = () => {
+    if (deployment().state === DockerContainerState.NotDeployed) {
+      if (deployment().deployment.build_id) {
+        const build = builds.get(deployment().deployment.build_id!);
+        if (build === undefined) return "unknown"
+        const version = deployment().deployment.build_version
+          ? readableVersion(deployment().deployment.build_version!).replaceAll(
+              "v",
+              ""
+            )
+          : "latest";
+        return `${build.name}:${version}`;
+      } else {
+        return deployment().deployment.docker_run_args.image || "unknown";
+      }
+    } else if (deployment().container?.image) {
+      let [account, image] = deployment().container!.image.split("/");
+      return image ? image : account;
+    } else {
+      return "unknown";
+    }
+  };
   return (
     <Show when={deployment()}>
-      <A
-        href={`/deployment/${p.id}`}
-        class={combineClasses(
-          s.DropdownItem,
-        )}
-      >
-        <h2>{deployment().deployment.name}</h2>
+      <A href={`/deployment/${p.id}`} class="card hoverable" style={{ width: "100%", "justify-content": "space-between", padding: "0.5rem" }}>
+        <Grid gap="0">
+          <h2>{deployment().deployment.name}</h2>
+          <div style={{ opacity: 0.7 }}>{image()}</div>
+        </Grid>
         <Flex alignItems="center">
           <div style={{ opacity: 0.7 }}>{deployments.status(p.id)}</div>
           <Circle

frontend/src/components/server_children/ServerChildren.tsx

@@ -6,15 +6,14 @@ import SimpleTabs from "../shared/tabs/SimpleTabs";
 import s from "./serverchildren.module.scss";
 import { useUser } from "../../state/UserProvider";
 import { PermissionLevel } from "../../types";
-import { NewBuild, NewDeployment } from "../New";
+import { NewDeployment } from "../New";
 import Deployment from "./Deployment";
-import Build from "./Build";
 import { useAppState } from "../../state/StateProvider";
 
 const ServerChildren: Component<{ id: string }> = (p) => {
   const { user } = useUser();
   const { isSemiMobile } = useAppDimensions();
-  const { servers, deployments, builds } = useAppState();
+  const { servers, deployments } = useAppState();
   const server = () => servers.get(p.id);
   const deploymentIDs = createMemo(() => {
     return (deployments.loaded() &&
@@ -24,61 +23,78 @@ const ServerChildren: Component<{ id: string }> = (p) => {
           (id) => deployments.get(id)?.deployment.server_id === p.id
         )) as string[];
   });
-  const buildIDs = createMemo(() => {
-    return (builds.loaded() &&
-      builds
-        .ids()!
-        .filter((id) => builds.get(id)?.server_id === p.id)) as string[];
-  });
+  // const buildIDs = createMemo(() => {
+  //   return (builds.loaded() &&
+  //     builds
+  //       .ids()!
+  //       .filter((id) => builds.get(id)?.server_id === p.id)) as string[];
+  // });
   return (
-    <SimpleTabs
-      containerClass="card shadow"
-      localStorageKey={`${p.id}-home-tab`}
-      tabs={[
-        {
-          title: "deployments",
-          element: () => (
-            <Grid
-              gap=".5rem"
-              class={combineClasses(s.Deployments)}
-              gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
-            >
-              <For each={deploymentIDs()}>{(id) => <Deployment id={id} />}</For>
-              <Show
-                when={
-                  user().admin ||
-                  server()?.server.permissions![getId(user())] ===
-                    PermissionLevel.Update
-                }
-              >
-                <NewDeployment serverID={p.id} />
-              </Show>
-            </Grid>
-          ),
-        },
-        {
-          title: "builds",
-          element: () => (
-            <Grid
-              gap=".5rem"
-              class={combineClasses(s.Deployments)}
-              gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
-            >
-              <For each={buildIDs()}>{(id) => <Build id={id} />}</For>
-              <Show
-                when={
-                  user().admin ||
-                  server()?.server.permissions![getId(user())] ===
-                    PermissionLevel.Update
-                }
-              >
-                <NewBuild serverID={p.id} />
-              </Show>
-            </Grid>
-          ),
-        },
-      ]}
-    />
+    <div class="card shadow">
+      <Grid
+        gap=".5rem"
+        gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
+      >
+        <For each={deploymentIDs()}>{(id) => <Deployment id={id} />}</For>
+        <Show
+          when={
+            user().admin ||
+            server()?.server.permissions![getId(user())] ===
+              PermissionLevel.Update
+          }
+        >
+          <NewDeployment serverID={p.id} />
+        </Show>
+      </Grid>
+    </div>
+    // <SimpleTabs
+    //   containerClass="card shadow"
+    //   localStorageKey={`${p.id}-home-tab`}
+    //   tabs={[
+    //     {
+    //       title: "deployments",
+    //       element: () => (
+    //         <Grid
+    //           gap=".5rem"
+    //           class={combineClasses(s.Deployments)}
+    //           gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
+    //         >
+    //           <For each={deploymentIDs()}>{(id) => <Deployment id={id} />}</For>
+    //           <Show
+    //             when={
+    //               user().admin ||
+    //               server()?.server.permissions![getId(user())] ===
+    //                 PermissionLevel.Update
+    //             }
+    //           >
+    //             <NewDeployment serverID={p.id} />
+    //           </Show>
+    //         </Grid>
+    //       ),
+    //     },
+    //     // {
+    //     //   title: "builds",
+    //     //   element: () => (
+    //     //     <Grid
+    //     //       gap=".5rem"
+    //     //       class={combineClasses(s.Deployments)}
+    //     //       gridTemplateColumns={isSemiMobile() ? "1fr" : "1fr 1fr"}
+    //     //     >
+    //     //       <For each={buildIDs()}>{(id) => <Build id={id} />}</For>
+    //     //       <Show
+    //     //         when={
+    //     //           user().admin ||
+    //     //           server()?.server.permissions![getId(user())] ===
+    //     //             PermissionLevel.Update
+    //     //         }
+    //     //       >
+    //     //         <NewBuild serverID={p.id} />
+    //     //       </Show>
+    //     //     </Grid>
+    //     //   ),
+    //     // },
+    //   ]}
+    // />
   );
 };
 

frontend/src/components/server_children/serverchildren.module.scss

@@ -1,16 +1,16 @@
 @use "../../style/colors.scss" as c;
 
-.Deployments {
-	background-color: c.$lightgrey;
-	transform-origin: top;
-	padding: 0.5rem;
-}
+// .Deployments {
+// 	// background-color: c.$lightgrey;
+// 	// transform-origin: top;
+// 	// padding: 0.5rem;
+// }
 
 .DropdownItem {
-	padding: 0.5rem 1rem;
+	// padding: 0.5rem 1rem;
 	width: 100%;
 	justify-content: space-between;
-	transition: background-color 500ms ease;
+	// transition: background-color 500ms ease;
 }
 
 .DropdownItem:hover {

frontend/src/components/shared/ConfirmButton.tsx

@@ -17,6 +17,7 @@ const ConfirmButton: Component<{
       onBlur={() => set(false)}
       onClick={(e) => {
         e.stopPropagation();
+        e.preventDefault();
         if (confirm()) {
           p.onConfirm && p.onConfirm();
         } else {

frontend/src/components/shared/ConfirmMenuButton.tsx

@@ -2,7 +2,9 @@ import { Component, createSignal, JSX } from "solid-js";
 import { pushNotification } from "../..";
 import { useToggle } from "../../util/hooks";
 import ConfirmButton from "./ConfirmButton";
+import CopyClipboard from "./CopyClipboard";
 import Input from "./Input";
+import Flex from "./layout/Flex";
 import Grid from "./layout/Grid";
 import CenterMenu from "./menu/CenterMenu";
 
@@ -22,6 +24,12 @@ const ConfirmMenuButton: Component<{
       show={show}
       toggleShow={toggleShow}
       title={p.title}
+      leftOfX={() => (
+        <Flex alignItems="center" justifyContent="space-between" style={{ width: "100%" }}>
+          <h1>{p.match}</h1>
+          <CopyClipboard copyText={p.match} copying="name" />
+        </Flex>
+      )}
       targetClass={p.class}
       target={p.children}
       content={() => (

frontend/src/components/shared/CopyClipboard.tsx

@@ -0,0 +1,22 @@
+import { Component } from "solid-js";
+import { pushNotification } from "../..";
+import { copyToClipboard } from "../../util/helpers";
+import ConfirmButton from "./ConfirmButton";
+import Icon from "./Icon";
+
+const CopyClipboard: Component<{ copyText: string; copying?: string; }> = (p) => {
+	return (
+    <ConfirmButton
+      class="blue"
+      onFirstClick={() => {
+        copyToClipboard(p.copyText);
+        pushNotification("good", `copied ${p.copying || "text"} to clipboard`);
+      }}
+      confirm={<Icon type="check" />}
+    >
+      <Icon type="clipboard" />
+    </ConfirmButton>
+  );
+}
+
+export default CopyClipboard;

frontend/src/components/shared/TextArea.tsx

@@ -17,6 +17,7 @@ const TextArea: Component<
         onBlur={(e) => p.onConfirm && p.onConfirm(e.currentTarget.value)}
         onKeyDown={(e) => {
           if (e.key === "Enter" && p.onEnter) {
+            e.preventDefault();
             p.onEnter(e.currentTarget.value);
           }
         }}

frontend/src/components/shared/menu/CenterMenu.tsx

@@ -1,8 +1,6 @@
 import {
   Accessor,
   Component,
-  createEffect,
-  createSignal,
   JSX,
   JSXElement,
   Show,
@@ -27,16 +25,16 @@ const CenterMenu: Component<{
   style?: JSX.CSSProperties;
   position?: "top" | "center";
 }> = (p) => {
-  const [buffer, set] = createSignal(p.show());
-  createEffect(() => {
-    if (p.show()) {
-      set(true);
-    } else {
-      setTimeout(() => {
-        set(false);
-      }, 350);
-    }
-  });
+  // const [buffer, set] = createSignal(p.show());
+  // createEffect(() => {
+  //   if (p.show()) {
+  //     set(true);
+  //   } else {
+  //     setTimeout(() => {
+  //       set(false);
+  //     }, 350);
+  //   }
+  // });
   return (
     <>
       <button
@@ -49,7 +47,7 @@ const CenterMenu: Component<{
       >
         {p.target}
       </button>
-      <Show when={buffer()}>
+      <Show when={p.show()}>
         <Child {...p} show={p.show} toggleShow={p.toggleShow} />
       </Show>
     </>
@@ -69,8 +67,8 @@ const Child: Component<{
   useKeyDown("Escape", p.toggleShow);
   return (
     <Grid
-      class={combineClasses(s.CenterMenuContainer, p.show() ? s.Enter : s.Exit)}
-      onClick={(e) => {
+      class={combineClasses(s.CenterMenuContainer)}
+      onPointerDown={(e) => {
         e.stopPropagation();
         p.toggleShow();
       }}
@@ -80,6 +78,7 @@ const Child: Component<{
         class={combineClasses(s.Menu, "shadow")}
         style={{ padding: (p.padding as any) || "1rem", ...p.style }}
         onClick={(e) => e.stopPropagation()}
+        onPointerDown={(e) => e.stopPropagation()}
       >
         <Flex
           class={s.CenterMenuHeader}
@@ -87,7 +86,7 @@ const Child: Component<{
           justifyContent="space-between"
           alignItems="center"
         >
-          <div class={s.CenterMenuTitle}>{p.title}</div>
+          <h1>{p.title}</h1>
           <Flex alignItems="center">
             {p.leftOfX && p.leftOfX()}
             <button class="red" onClick={p.toggleShow}>

frontend/src/components/shared/menu/HoverMenu.tsx

@@ -22,18 +22,18 @@ const HoverMenu: Component<{
   containerStyle?: JSX.CSSProperties;
 }> = (p) => {
   const [show, set] = createSignal(false);
-  const [buffer, setBuffer] = createSignal(false);
-  let timeout: number;
-  createEffect(() => {
-    clearTimeout(timeout);
-    if (show()) {
-      setBuffer(true);
-    } else {
-      timeout = setTimeout(() => {
-        setBuffer(false);
-      }, 350);
-    }
-  });
+  // const [buffer, setBuffer] = createSignal(false);
+  // let timeout: number;
+  // createEffect(() => {
+  //   clearTimeout(timeout);
+  //   if (show()) {
+  //     setBuffer(true);
+  //   } else {
+  //     timeout = setTimeout(() => {
+  //       setBuffer(false);
+  //     }, 350);
+  //   }
+  // });
   return (
     <Flex
       class={s.HoverMenuTarget}
@@ -44,13 +44,13 @@ const HoverMenu: Component<{
       alignItems="center"
     >
       {p.target}
-      <Show when={buffer()}>
+      <Show when={show()}>
         <div
           class={combineClasses(
             p.contentClass,
             getPositionClass(p.position),
             s.HoverMenu,
-            show() ? s.Enter : s.Exit,
+            // show() ? s.Enter : s.Exit,
           )}
           onMouseOut={() => {
             set(false);
@@ -59,7 +59,7 @@ const HoverMenu: Component<{
             set(false)
             e.stopPropagation();
           }}
-          style={{ ...p.contentStyle, padding: p.padding }}
+          style={{ ...p.contentStyle, padding: p.padding || "0.5rem" }}
         >
           {p.content}
         </div>

frontend/src/components/shared/menu/Menu.tsx

@@ -1,7 +1,5 @@
 import {
   Component,
-  createEffect,
-  createSignal,
   JSX,
   JSXElement,
   Show,
@@ -22,20 +20,20 @@ const Menu: Component<{
   containerStyle?: JSX.CSSProperties;
   backgroundColor?: string;
 }> = (p) => {
-  const [buffer, set] = createSignal(p.show);
-  createEffect(() => {
-    if (p.show) {
-      set(true);
-    } else {
-      setTimeout(() => {
-        set(false);
-      }, 350);
-    }
-  });
+  // const [buffer, set] = createSignal(p.show);
+  // createEffect(() => {
+  //   if (p.show) {
+  //     set(true);
+  //   } else {
+  //     setTimeout(() => {
+  //       set(false);
+  //     }, 350);
+  //   }
+  // });
   return (
     <div class={s.MenuContainer} style={p.containerStyle}>
       {p.target}
-      <Show when={buffer()}>
+      <Show when={p.show}>
         <div
           class={s.MenuBackground}
           style={{ "background-color": p.backgroundColor }}
@@ -47,7 +45,7 @@ const Menu: Component<{
             s.Menu,
             "shadow",
             getPositionClass(p.position),
-            p.show ? s.Enter : s.Exit
+            // p.show ? s.Enter : s.Exit
           )}
           style={{ padding: p.padding as any, ...p.menuStyle }}
           onClick={(e) => e.stopPropagation()}

frontend/src/components/shared/menu/menu.module.scss

@@ -142,11 +142,6 @@ $anim-time: 350ms;
   background-color: rgba(0, 0, 0, 0.4);
 }
 
-.CenterMenuTitle {
-	font-size: 1.5rem;
-	font-weight: 500;
-}
-
 .SelectorItem:hover {
   background-color: c.$lightgrey;
 }

frontend/src/components/shared/notification/Notifications.module.css

@@ -1,11 +1,12 @@
 .NotificationProvider {
-  position: absolute;
+  position: sticky;
   left: 50vw;
-  top: 5px;
+  top: 0.5rem;
   background-color: transparent;
   display: flex;
   flex-direction: column;
   z-index: 9000;
+  height: 0px;
 }
 
 .Notification {

frontend/src/components/topbar/Account.tsx

@@ -16,7 +16,6 @@ const Account: Component<{ close: () => void }> = (p) => {
       <Show when={isMobile()}>
         <Flex justifyContent="center">{user().username}</Flex>
       </Show>
-      <Flex justifyContent="center">admin: {user().admin.toString()}</Flex>
       <Show when={user().admin}>
         <A
           href="/users"
@@ -27,12 +26,12 @@ const Account: Component<{ close: () => void }> = (p) => {
           manage users
         </A>
       </Show>
-      <Show when={!user().admin}>
+      {/* <Show when={!user().admin}>
         <Flex justifyContent="center">
           create server permissions:{" "}
-          {user().create_server_permissions.toString()}
+          {user().create_server_permissions?.toString()}
         </Flex>
-      </Show>
+      </Show> */}
       <A
         href="/account"
         class="grey"

frontend/src/components/topbar/Search/Search.tsx

@@ -17,7 +17,7 @@ import { ControlledTabs } from "../../shared/tabs/Tabs";
 import { useAppDimensions } from "../../../state/DimensionProvider";
 import Grid from "../../shared/layout/Grid";
 import { A, useNavigate } from "@solidjs/router";
-import { ServerStatus } from "../../../types";
+import { Build, ServerStatus } from "../../../types";
 
 const mobileStyle: JSX.CSSProperties = {
   // position: "fixed",
@@ -191,8 +191,10 @@ const Builds: Component<{ close: () => void }> = (p) => {
                 gap="0.2rem"
                 style={{ opacity: 0.6, "font-size": "0.9rem" }}
               >
-                {servers.get(build.server_id)?.server.name}
-                <Icon type="caret-right" width="0.7rem" />
+                <Show when={build.server_id}>
+                  {build.server_id && servers.get(build.server_id)?.server.name}
+                  <Icon type="caret-right" width="0.7rem" />
+                </Show>
                 build
               </Flex>
             </Grid>

frontend/src/components/users/Users.tsx

@@ -8,6 +8,7 @@ import {
   Show,
 } from "solid-js";
 import { client } from "../..";
+import { useAppDimensions } from "../../state/DimensionProvider";
 import { useAppState } from "../../state/StateProvider";
 import { Operation } from "../../types";
 import { combineClasses, getId } from "../../util/helpers";
@@ -18,9 +19,19 @@ import Loading from "../shared/loading/Loading";
 import s from "./users.module.scss";
 
 const Users: Component<{}> = (p) => {
+  const { isMobile } = useAppDimensions();
   const { ws } = useAppState();
   const [users, { refetch }] = createResource(() => client.list_users());
-  onCleanup(ws.subscribe([Operation.ModifyUserEnabled], refetch));
+  onCleanup(
+    ws.subscribe(
+      [
+        Operation.ModifyUserEnabled,
+        Operation.ModifyUserCreateServerPermissions,
+        Operation.ModifyUserCreateBuildPermissions,
+      ],
+      refetch
+    )
+  );
   const [search, setSearch] = createSignal("");
   const filteredUsers = createMemo(() =>
     users()?.filter((user) => user.username.includes(search()))
@@ -34,55 +45,78 @@ const Users: Component<{}> = (p) => {
         </Grid>
       }
     >
-      <Grid class={s.UsersContent}>
-        <Grid class={combineClasses(s.Users, "card shadow")}>
-          <Flex justifyContent="space-between">
-            <h1>users</h1>
-            <Input
-              class="lightgrey"
-              placeholder="search"
-              value={search()}
-              onEdit={setSearch}
-            />
-          </Flex>
-          <For each={filteredUsers()}>
-            {(user) => (
-              <Flex class={combineClasses(s.User, "shadow")}>
-                <div class={s.Username}>{user.username}</div>
-                <Flex alignItems="center">
-                  <button
-                    class={user.enabled ? "green" : "red"}
-                    onClick={() => {
-                      client.modify_user_enabled({
-                        user_id: getId(user),
-                        enabled: !user.enabled,
-                      });
-                    }}
-                  >
-                    {user.enabled ? "enabled" : "disabled"}
-                  </button>
-                  <button
-                    class={user.create_server_permissions ? "green" : "red"}
-                    onClick={() => {
-                      client.modify_user_create_server_permissions({
-                        user_id: getId(user),
-                        create_server_permissions: !user.create_server_permissions,
-                      });
-                    }}
-                  >
-                    {user.create_server_permissions ? "can create servers" : "cannot create servers"}
-                  </button>
-                  {/* <ConfirmButton
+      <Grid
+        class="card shadow"
+        style={{ width: "100%", "box-sizing": "border-box" }}
+      >
+        <Flex justifyContent="space-between">
+          <h1>users</h1>
+          <Input
+            class="lightgrey"
+            placeholder="search"
+            value={search()}
+            onEdit={setSearch}
+          />
+        </Flex>
+        <For each={filteredUsers()}>
+          {(user) => (
+            <Flex class={combineClasses(s.User, "shadow")}>
+              <div class={s.Username}>{user.username}</div>
+              <Grid
+                placeItems="center end"
+                gridTemplateColumns={!isMobile() ? "1fr 1fr 1fr" : undefined}
+              >
+                <button
+                  class={user.enabled ? "green" : "red"}
+                  style={{ width: isMobile() ? "11rem" : "6rem" }}
+                  onClick={() => {
+                    client.modify_user_enabled({
+                      user_id: getId(user),
+                      enabled: !user.enabled,
+                    });
+                  }}
+                >
+                  {user.enabled ? "enabled" : "disabled"}
+                </button>
+                <button
+                  class={user.create_server_permissions ? "green" : "red"}
+                  style={{ width: "11rem" }}
+                  onClick={() => {
+                    client.modify_user_create_server_permissions({
+                      user_id: getId(user),
+                      create_server_permissions:
+                        !user.create_server_permissions,
+                    });
+                  }}
+                >
+                  {user.create_server_permissions
+                    ? "can create servers"
+                    : "cannot create servers"}
+                </button>
+                <button
+                  class={user.create_build_permissions ? "green" : "red"}
+                  style={{ width: "11rem" }}
+                  onClick={() => {
+                    client.modify_user_create_build_permissions({
+                      user_id: getId(user),
+                      create_build_permissions: !user.create_build_permissions,
+                    });
+                  }}
+                >
+                  {user.create_build_permissions
+                    ? "can create builds"
+                    : "cannot create builds"}
+                </button>
+                {/* <ConfirmButton
                     class="red"
                     onConfirm={() => deleteUser(user._id!)}
                   >
                     <Icon type="trash" />
                   </ConfirmButton> */}
-                </Flex>
-              </Flex>
-            )}
-          </For>
-        </Grid>
+              </Grid>
+            </Flex>
+          )}
+        </For>
       </Grid>
     </Show>
   );

frontend/src/index.tsx

@@ -15,25 +15,26 @@ import { AppStateProvider } from "./state/StateProvider";
 export const TOPBAR_HEIGHT = 50;
 export const MAX_PAGE_WIDTH = 1200;
 
-export const URL =
+export const MONITOR_BASE_URL =
   import.meta.env.MODE === "production"
     ? location.origin
     : (import.meta.env.VITE_MONITOR_HOST as string) || "http://localhost:9000";
 
-export const UPDATE_WS_URL = URL.replace("http", "ws") + "/ws/update";
+export const UPDATE_WS_URL = MONITOR_BASE_URL.replace("http", "ws") + "/ws/update";
 
 const token =
   (import.meta.env.VITE_ACCESS_TOKEN as string) ||
   localStorage.getItem("access_token") ||
   null;
 
-export const client = new Client(URL, token);
+export const client = new Client(MONITOR_BASE_URL, token);
 
 export const { Notifications, pushNotification } = makeNotifications();
 
 client.initialize().then(() => {
   render(
     () => [
+      <Notifications />,
       <DimensionProvider>
         <UserProvider>
           <LoginGuard>
@@ -45,7 +46,6 @@ client.initialize().then(() => {
           </LoginGuard>
         </UserProvider>
       </DimensionProvider>,
-      <Notifications />,
     ],
     document.getElementById("root") as HTMLElement
   );

frontend/src/state/StateProvider.tsx

@@ -1,5 +1,5 @@
 import { useNavigate } from "@solidjs/router";
-import { createContext, ParentComponent, useContext } from "solid-js";
+import { createContext, createResource, ParentComponent, Resource, useContext } from "solid-js";
 import { useWindowKeyDown } from "../util/hooks";
 import {
   useBuilds,
@@ -14,7 +14,8 @@ import {
 } from "./hooks";
 import connectToWs from "./ws";
 import { useUser } from "./UserProvider";
-import { PermissionLevel } from "../types";
+import { AwsBuilderConfig, PermissionLevel } from "../types";
+import { client } from "..";
 
 export type State = {
   usernames: ReturnType<typeof useUsernames>;
@@ -32,6 +33,7 @@ export type State = {
   procedures: ReturnType<typeof useProcedures>;
   getPermissionOnProcedure: (id: string) => PermissionLevel;
   updates: ReturnType<typeof useUpdates>;
+  aws_builder_config: Resource<AwsBuilderConfig>;
 };
 
 const context = createContext<
@@ -51,6 +53,7 @@ export const AppStateProvider: ParentComponent = (p) => {
   const procedures = useProcedures();
   const deployments = useDeployments();
   const usernames = useUsernames();
+  const [aws_builder_config] = createResource(() => client.get_aws_builder_defaults());
   const state: State = {
     usernames,
     servers,
@@ -129,6 +132,7 @@ export const AppStateProvider: ParentComponent = (p) => {
       }
     },
     updates: useUpdates(),
+    aws_builder_config,
   };
 
   // createEffect(() => {

frontend/src/style/app.scss

@@ -1,5 +1,14 @@
 @use "colors" as c;
 
+.app-bounder {
+	display: grid;
+	grid-template-columns: 1fr;
+	width: 100vw;
+	max-width: calc(1200px + 2rem);
+	box-sizing: border-box;
+	place-items: center;
+}
+
 .app {
 	display: grid;
 	grid-template-columns: 1fr;
@@ -28,6 +37,7 @@
 .card {
 	background-color: c.$grey;
 	padding: 1rem;
+	transition: all 250ms ease-in-out;
 }
 
 .card.light {
@@ -38,6 +48,10 @@
 	background-color: c.$darkgrey;
 }
 
+.card.hoverable:hover {
+	background-color: rgba(c.$lightblue, 0.5);
+}
+
 .content {
 	grid-template-columns: auto 1fr;
 	background-color: c.$darkgrey;

frontend/src/style/index.scss

@@ -38,7 +38,7 @@ h1 {
 h2 {
   font-size: 1.1rem;
   font-weight: 450;
-  user-select: none;
+  // user-select: none;
   margin: 0;
 }
 
@@ -294,7 +294,6 @@ svg {
 }
 
 .ellipsis {
-  width: 100%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -313,4 +312,12 @@ svg {
 
 .wrap {
   flex-wrap: wrap;
-}
+}
+
+// .hoverable {
+//   transition: all 250ms ease-in-out;
+// }
+
+// .hoverable:hover {
+//   background-color: rgba(c.$lightblue, 0.5); 
+// }

frontend/src/types.ts

@@ -2,11 +2,14 @@
  Generated by typeshare 1.0.0
 */
 
+export type AvailableAmiAccounts = Record<string, AmiAccounts>;
+
 export type PermissionsMap = Record<string, PermissionLevel>;
 
 export interface Action {
 	_id?: string;
 	name: string;
+	description?: string;
 	path: string;
 	command: string;
 	server_ids?: string[];
@@ -20,16 +23,18 @@ export interface Action {
 export interface Build {
 	_id?: string;
 	name: string;
+	description?: string;
 	permissions?: PermissionsMap;
-	server_id: string;
+	server_id?: string;
+	aws_config?: AwsBuilderBuildConfig;
 	version: Version;
 	repo?: string;
 	branch?: string;
 	github_account?: string;
-	on_clone?: Command;
 	pre_build?: Command;
 	docker_build_args?: DockerBuildArgs;
 	docker_account?: string;
+	docker_organization?: string;
 	last_built_at?: string;
 	created_at?: string;
 	updated_at?: string;
@@ -37,7 +42,6 @@ export interface Build {
 
 export interface BuildActionState {
 	building: boolean;
-	recloning: boolean;
 	updating: boolean;
 }
 
@@ -58,9 +62,41 @@ export interface BuildVersionsReponse {
 	ts: string;
 }
 
+export interface AwsBuilderBuildConfig {
+	region?: string;
+	instance_type?: string;
+	ami_id?: string;
+	volume_gb?: number;
+	subnet_id?: string;
+	security_group_ids?: string[];
+	key_pair_name?: string;
+	assign_public_ip?: boolean;
+}
+
+export interface AwsBuilderConfig {
+	access_key_id: string;
+	secret_access_key: string;
+	default_ami_id: string;
+	default_subnet_id: string;
+	default_key_pair_name: string;
+	available_ami_accounts?: AvailableAmiAccounts;
+	default_region?: string;
+	default_volume_gb?: number;
+	default_instance_type?: string;
+	default_security_group_ids?: string[];
+	default_assign_public_ip?: boolean;
+}
+
+export interface AmiAccounts {
+	name: string;
+	github?: string[];
+	docker?: string[];
+}
+
 export interface Deployment {
 	_id?: string;
 	name: string;
+	description?: string;
 	server_id: string;
 	permissions?: PermissionsMap;
 	docker_run_args: DockerRunArgs;
@@ -108,6 +144,7 @@ export interface DockerRunArgs {
 export interface BasicContainerInfo {
 	name: string;
 	id: string;
+	image: string;
 	state: DockerContainerState;
 	status?: string;
 }
@@ -130,6 +167,7 @@ export interface DockerContainerStats {
 export interface Group {
 	_id?: string;
 	name: string;
+	description?: string;
 	permissions?: PermissionsMap;
 	builds: string[];
 	deployments: string[];
@@ -158,6 +196,7 @@ export interface UserCredentials {
 export interface Procedure {
 	_id?: string;
 	name: string;
+	description?: string;
 	stages?: ProcedureStage[];
 	webhook_branches?: string[];
 	permissions?: PermissionsMap;
@@ -173,6 +212,7 @@ export interface ProcedureStage {
 export interface Server {
 	_id?: string;
 	name: string;
+	description?: string;
 	address: string;
 	permissions?: PermissionsMap;
 	enabled: boolean;
@@ -327,9 +367,10 @@ export interface Log {
 export interface User {
 	_id?: string;
 	username: string;
-	enabled: boolean;
-	admin: boolean;
-	create_server_permissions: boolean;
+	enabled?: boolean;
+	admin?: boolean;
+	create_server_permissions?: boolean;
+	create_build_permissions?: boolean;
 	avatar?: string;
 	secrets?: ApiSecret[];
 	password?: string;
@@ -382,7 +423,6 @@ export enum Operation {
 	UpdateBuild = "update_build",
 	DeleteBuild = "delete_build",
 	BuildBuild = "build_build",
-	RecloneBuild = "reclone_build",
 	CreateDeployment = "create_deployment",
 	UpdateDeployment = "update_deployment",
 	DeleteDeployment = "delete_deployment",
@@ -400,6 +440,7 @@ export enum Operation {
 	DeleteGroup = "delete_group",
 	ModifyUserEnabled = "modify_user_enabled",
 	ModifyUserCreateServerPermissions = "modify_user_create_server_permissions",
+	ModifyUserCreateBuildPermissions = "modify_user_create_build_permissions",
 	ModifyUserPermissions = "modify_user_permissions",
 	AutoBuild = "auto_build",
 	AutoPull = "auto_pull",
@@ -449,7 +490,6 @@ export enum ProcedureOperation {
 	PruneContainersServer = "prune_containers_server",
 	PruneNetworksServer = "prune_networks_server",
 	BuildBuild = "build_build",
-	RecloneBuild = "reclone_build",
 	DeployContainer = "deploy_container",
 	StopContainer = "stop_container",
 	StartContainer = "start_container",

frontend/src/util/client.ts

@@ -1,7 +1,8 @@
 import axios from "axios";
 import fileDownload from "js-file-download";
-import { URL } from "..";
+import { MONITOR_BASE_URL } from "..";
 import {
+  AwsBuilderConfig,
   BasicContainerInfo,
   Build,
   BuildActionState,
@@ -38,9 +39,11 @@ import {
   CreateSecretBody,
   CreateServerBody,
   LoginOptions,
+  ModifyUserCreateBuildBody,
   ModifyUserCreateServerBody,
   ModifyUserEnabledBody,
   PermissionsUpdateBody,
+  UpdateDescriptionBody,
 } from "./client_types";
 import { generateQuery, QueryObject } from "./helpers";
 
@@ -54,7 +57,7 @@ export class Client {
     const params = new URLSearchParams(location.search);
     const exchange_token = params.get("token");
     if (exchange_token) {
-      history.replaceState({}, "", URL);
+      history.replaceState({}, "", MONITOR_BASE_URL);
       try {
         const jwt = await this.exchange_for_jwt(exchange_token);
         this.token = jwt;
@@ -70,11 +73,11 @@ export class Client {
   }
 
   login_with_github() {
-    location.replace(`${URL}/auth/github/login`);
+    location.replace(`${MONITOR_BASE_URL}/auth/github/login`);
   }
 
   login_with_google() {
-    location.replace(`${URL}/auth/google/login`);
+    location.replace(`${MONITOR_BASE_URL}/auth/google/login`);
   }
 
   async login(credentials: UserCredentials) {
@@ -109,11 +112,11 @@ export class Client {
     }
   }
 
-  async get_username(user_id: string): Promise<string> {
+  get_username(user_id: string): Promise<string> {
     return this.get(`/api/username/${user_id}`);
   }
 
-  async list_users(): Promise<User[]> {
+  list_users(): Promise<User[]> {
     return this.get("/api/users");
   }
 
@@ -121,6 +124,14 @@ export class Client {
     return this.post("/auth/exchange", { token: exchange_token });
   }
 
+  get_github_webhook_base_url(): Promise<string> {
+    return this.get("/api/github_webhook_base_url");
+  }
+
+  update_description(body: UpdateDescriptionBody): Promise<undefined> {
+    return this.post("/api/update_description", body);
+  }
+
   // deployment
 
   list_deployments(
@@ -145,6 +156,10 @@ export class Client {
     return this.get(`/api/deployment/${id}/stats`);
   }
 
+  get_deployment_deployed_version(id: string): Promise<string> {
+    return this.get(`/api/deployment/${id}/deployed_version`);
+  }
+
   create_deployment(body: CreateDeploymentBody): Promise<Deployment> {
     return this.post("/api/deployment/create", body);
   }
@@ -351,6 +366,14 @@ export class Client {
     return this.post(`/api/build/${id}/reclone`);
   }
 
+  get_aws_builder_defaults(): Promise<AwsBuilderConfig> {
+    return this.get("/api/build/aws_builder_defaults");
+  }
+
+  get_docker_organizations(): Promise<string[]> {
+    return this.get("/api/build/docker_organizations");
+  }
+
   // procedure
 
   list_procedures(query?: QueryObject): Promise<Procedure[]> {
@@ -454,8 +477,14 @@ export class Client {
     return this.post("/api/permissions/modify_create_server", body);
   }
 
-  async get<R = any>(url: string): Promise<R> {
-    return await axios({
+  modify_user_create_build_permissions(
+    body: ModifyUserCreateBuildBody
+  ): Promise<Update> {
+    return this.post("/api/permissions/modify_create_build", body);
+  }
+
+  get<R = any>(url: string): Promise<R> {
+    return axios({
       method: "get",
       url: this.baseURL + url,
       headers: {
@@ -464,8 +493,8 @@ export class Client {
     }).then(({ data }) => data);
   }
 
-  async post<B = any, R = any>(url: string, body?: B): Promise<R> {
-    return await axios({
+  post<B = any, R = any>(url: string, body?: B): Promise<R> {
+    return axios({
       method: "post",
       url: this.baseURL + url,
       headers: {
@@ -475,8 +504,8 @@ export class Client {
     }).then(({ data }) => data);
   }
 
-  async patch<B = any, R = any>(url: string, body: B): Promise<R> {
-    return await axios({
+  patch<B = any, R = any>(url: string, body: B): Promise<R> {
+    return axios({
       method: "patch",
       url: this.baseURL + url,
       headers: {
@@ -486,8 +515,8 @@ export class Client {
     }).then(({ data }) => data);
   }
 
-  async delete<R = any>(url: string): Promise<R> {
-    return await axios({
+  delete<R = any>(url: string): Promise<R> {
+    return axios({
       method: "delete",
       url: this.baseURL + url,
       headers: {

frontend/src/util/client_types.ts

@@ -2,16 +2,14 @@
  Generated by typeshare 1.0.0
 */
 
-import { PermissionLevel, PermissionsTarget } from "../types";
+import { PermissionLevel, PermissionsTarget, UpdateTarget } from "../types";
 
 export interface CreateBuildBody {
 	name: string;
-	server_id: string;
 }
 
 export interface CopyBuildBody {
 	name: string;
-	server_id: string;
 }
 
 export interface BuildVersionsQuery {
@@ -39,6 +37,11 @@ export interface CreateGroupBody {
 	name: string;
 }
 
+export interface UpdateDescriptionBody {
+	target: UpdateTarget;
+	description: string;
+}
+
 export interface PermissionsUpdateBody {
 	user_id: string;
 	permission: PermissionLevel;
@@ -56,6 +59,11 @@ export interface ModifyUserCreateServerBody {
 	create_server_permissions: boolean;
 }
 
+export interface ModifyUserCreateBuildBody {
+	user_id: string;
+	create_build_permissions: boolean;
+}
+
 export interface CreateProcedureBody {
 	name: string;
 }

lib/db_client/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "db_client"
-version = "0.1.16"
+version = "0.2.4"
 edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

lib/helpers/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "monitor_helpers"
-version = "0.1.16"
+version = "0.2.4"
 edition = "2021"
 authors = ["MoghTech"]
 description = "helpers used as dependency for mogh tech monitor"
@@ -9,20 +9,10 @@ license = "GPL-3.0-or-later"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-tokio = "1.25"
 types = { package = "monitor_types", path = "../types" }
-periphery_client = { path = "../periphery_client" }
-async_timing_util = "0.1.14"
-bollard = "0.13"
 anyhow = "1.0"
-axum = { version = "0.6", features = ["ws", "json"] }
+axum = "0.6"
 serde = "1.0"
-serde_derive = "1.0"
 serde_json = "1.0"
 toml = "0.7"
-run_command = { version = "0.0.5", features = ["async_tokio"] }
 rand = "0.8"
-futures = "0.3"
-futures-util = "0.3.25"
-aws-config = "0.54"
-aws-sdk-ec2 = "0.24"

lib/helpers/src/docker/client.rs

@@ -1,127 +0,0 @@
-use std::sync::Arc;
-
-use anyhow::anyhow;
-use axum::Extension;
-use bollard::{
-    container::{ListContainersOptions, StatsOptions},
-    Docker,
-};
-use futures::{future::join_all, Stream};
-use futures_util::stream::StreamExt;
-use types::{BasicContainerInfo, DockerContainerState, ImageSummary, Network};
-
-pub use bollard::container::Stats;
-
-pub type DockerExtension = Extension<Arc<DockerClient>>;
-
-pub struct DockerClient {
-    docker: Docker,
-}
-
-impl DockerClient {
-    pub fn extension() -> DockerExtension {
-        let client = DockerClient {
-            docker: Docker::connect_with_local_defaults()
-                .expect("failed to connect to docker daemon"),
-        };
-        Extension(Arc::new(client))
-    }
-
-    pub async fn list_containers(&self) -> anyhow::Result<Vec<BasicContainerInfo>> {
-        let res = self
-            .docker
-            .list_containers(Some(ListContainersOptions::<String> {
-                all: true,
-                ..Default::default()
-            }))
-            .await?
-            .into_iter()
-            .map(|s| {
-                let info = BasicContainerInfo {
-                    id: s.id.unwrap_or_default(),
-                    name: s
-                        .names
-                        .ok_or(anyhow!("no names on container"))?
-                        .pop()
-                        .ok_or(anyhow!("no names on container (empty vec)"))?
-                        .replace("/", ""),
-                    state: s.state.unwrap().parse().unwrap(),
-                    status: s.status,
-                };
-                Ok::<_, anyhow::Error>(info)
-            })
-            .collect::<anyhow::Result<Vec<BasicContainerInfo>>>()?;
-        Ok(res)
-    }
-
-    pub fn container_stats_stream(
-        &self,
-        container_name: &str,
-    ) -> impl Stream<Item = Result<Stats, bollard::errors::Error>> {
-        self.docker.stats(
-            container_name,
-            Some(StatsOptions {
-                stream: true,
-                ..Default::default()
-            }),
-        )
-    }
-
-    pub async fn get_container_stats(&self, container_name: &str) -> anyhow::Result<Stats> {
-        let mut stats = self
-            .docker
-            .stats(
-                container_name,
-                Some(StatsOptions {
-                    stream: false,
-                    ..Default::default()
-                }),
-            )
-            .take(1)
-            .next()
-            .await
-            .ok_or(anyhow!("got no stats for {container_name}"))??;
-        stats.name = stats.name.replace("/", "");
-        Ok(stats)
-    }
-
-    pub async fn get_container_stats_list(&self) -> anyhow::Result<Vec<Stats>> {
-        let futures = self
-            .list_containers()
-            .await?
-            .into_iter()
-            .filter(|c| c.state == DockerContainerState::Running)
-            .map(|c| async move {
-                let mut stats = self
-                    .docker
-                    .stats(
-                        &c.name,
-                        Some(StatsOptions {
-                            stream: false,
-                            ..Default::default()
-                        }),
-                    )
-                    .take(1)
-                    .next()
-                    .await
-                    .ok_or(anyhow!("got no stats for {}", c.name))??;
-                stats.name = stats.name.replace("/", "");
-                Ok::<_, anyhow::Error>(stats)
-            });
-        let stats = join_all(futures)
-            .await
-            .into_iter()
-            .collect::<anyhow::Result<_>>()?;
-        Ok(stats)
-    }
-
-    pub async fn list_networks(&self) -> anyhow::Result<Vec<Network>> {
-        let networks = self.docker.list_networks::<String>(None).await?;
-        Ok(networks)
-    }
-
-    pub async fn list_images(&self) -> anyhow::Result<Vec<ImageSummary>> {
-        let images = self.docker.list_images::<String>(None).await?;
-        Ok(images)
-    }
-}

lib/helpers/src/lib.rs

@@ -1,15 +1,29 @@
-use std::{fs::File, io::Read, net::SocketAddr, str::FromStr};
+use std::{borrow::Borrow, fs::File, io::Read, net::SocketAddr, str::FromStr};
 
-use anyhow::Context;
+use anyhow::{anyhow, Context};
 use axum::http::StatusCode;
 use rand::{distributions::Alphanumeric, Rng};
-use run_command::{async_run_command, CommandOutput};
 use serde::de::DeserializeOwned;
-use types::{monitor_timestamp, Log};
+use serde_json::{Map, Value};
+use types::Log;
 
-pub mod aws;
-pub mod docker;
-pub mod git;
+pub fn parse_config_files<'a, T: DeserializeOwned>(
+    paths: impl IntoIterator<Item = impl Borrow<String>>,
+    merge_nested: bool,
+    extend_array: bool,
+) -> anyhow::Result<T> {
+    let mut target = Map::new();
+    for path in paths {
+        target = merge_objects(
+            target,
+            parse_config_file(path.borrow())?,
+            merge_nested,
+            extend_array,
+        )?;
+    }
+    serde_json::from_str(&serde_json::to_string(&target)?)
+        .context("failed to parse final config into expected type")
+}
 
 pub fn parse_config_file<T: DeserializeOwned>(path: &str) -> anyhow::Result<T> {
     let mut file = File::open(&path).expect(&format!("failed to find config at {path}"));
@@ -26,22 +40,88 @@ pub fn parse_config_file<T: DeserializeOwned>(path: &str) -> anyhow::Result<T> {
     Ok(config)
 }
 
-pub fn output_into_log(
-    stage: &str,
-    command: String,
-    start_ts: String,
-    output: CommandOutput,
-) -> Log {
-    let success = output.success();
-    Log {
-        stage: stage.to_string(),
-        stdout: output.stdout,
-        stderr: output.stderr,
-        command,
-        success,
-        start_ts,
-        end_ts: monitor_timestamp(),
+/// object is serde_json::Map<String, serde_json::Value>
+/// source will overide target
+/// will recurse when field is object if merge_object = true, otherwise object will be replaced
+/// will extend when field is array if extend_array = true, otherwise array will be replaced
+/// will return error when types on source and target fields do not match
+fn merge_objects(
+    mut target: Map<String, Value>,
+    source: Map<String, Value>,
+    merge_nested: bool,
+    extend_array: bool,
+) -> anyhow::Result<Map<String, Value>> {
+    for (key, value) in source {
+        let curr = target.remove(&key);
+        if curr.is_none() {
+            target.insert(key, value);
+            continue;
+        }
+        let curr = curr.unwrap();
+        match curr {
+            Value::Object(target_obj) => {
+                if !merge_nested {
+                    target.insert(key, value);
+                    continue;
+                }
+                match value {
+                    Value::Object(source_obj) => {
+                        target.insert(
+                            key,
+                            Value::Object(merge_objects(
+                                target_obj,
+                                source_obj,
+                                merge_nested,
+                                extend_array,
+                            )?),
+                        );
+                    }
+                    _ => {
+                        return Err(anyhow!(
+                            "types on field {key} do not match. got {value:?}, expected object"
+                        ))
+                    }
+                }
+            }
+            Value::Array(mut target_arr) => {
+                if !extend_array {
+                    target.insert(key, value);
+                    continue;
+                }
+                match value {
+                    Value::Array(source_arr) => {
+                        target_arr.extend(source_arr);
+                        target.insert(key, Value::Array(target_arr));
+                    }
+                    _ => {
+                        return Err(anyhow!(
+                            "types on field {key} do not match. got {value:?}, expected array"
+                        ))
+                    }
+                }
+            }
+            _ => {
+                target.insert(key, value);
+            }
+        }
     }
+    Ok(target)
+}
+
+pub fn parse_comma_seperated_list<T: FromStr>(
+    comma_sep_list: impl Borrow<str>,
+) -> anyhow::Result<Vec<T>> {
+    comma_sep_list
+        .borrow()
+        .split(",")
+        .filter(|item| item.len() > 0)
+        .map(|item| {
+            let item = item
+                .parse()
+                .map_err(|_| anyhow!("error parsing string {item} into type T"))?;
+            Ok::<T, anyhow::Error>(item)
+        })
+        .collect()
 }
 
 pub fn get_socket_addr(port: u16) -> SocketAddr {
@@ -52,12 +132,6 @@ pub fn to_monitor_name(name: &str) -> String {
     name.to_lowercase().replace(" ", "_")
 }
 
-pub async fn run_monitor_command(stage: &str, command: String) -> Log {
-    let start_ts = monitor_timestamp();
-    let output = async_run_command(&command).await;
-    output_into_log(stage, command, start_ts, output)
-}
-
 pub fn handle_anyhow_error(err: anyhow::Error) -> (StatusCode, String) {
     (
         StatusCode::INTERNAL_SERVER_ERROR,

lib/monitor_client/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "monitor_client"
-version = "0.1.16"
+version = "0.2.4"
 edition = "2021"
 authors = ["MoghTech"]
 description = "a client to interact with the monitor system"
@@ -9,7 +9,7 @@ license = "GPL-3.0-or-later"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-monitor_types = "0.1.16"
+monitor_types = "0.2.4"
 # monitor_types = { path = "../types" }
 reqwest = { version = "0.11", features = ["json"] }
 tokio-tungstenite = { version = "0.18", features=["native-tls"] }

lib/monitor_client/src/build.rs

@@ -1,5 +1,5 @@
 use anyhow::Context;
-use monitor_types::{Build, BuildActionState, BuildVersionsReponse, Update};
+use monitor_types::{AwsBuilderConfig, Build, BuildActionState, BuildVersionsReponse, Update};
 use serde_json::{json, Value};
 
 use crate::MonitorClient;
@@ -14,6 +14,7 @@ impl MonitorClient {
     pub async fn get_build(&self, build_id: &str) -> anyhow::Result<Build> {
         self.get(&format!("/api/build/{build_id}"), Option::<()>::None)
             .await
+            .context(format!("failed at getting build {build_id}"))
     }
 
     pub async fn get_build_action_state(&self, build_id: &str) -> anyhow::Result<BuildActionState> {
@@ -22,6 +23,9 @@ impl MonitorClient {
             Option::<()>::None,
         )
         .await
+        .context(format!(
+            "failed at getting action state for build {build_id}"
+        ))
     }
 
     pub async fn get_build_versions(
@@ -37,6 +41,7 @@ impl MonitorClient {
             json!({ "page": page, "major": major.into(), "minor": minor.into(), "patch": patch.into() }),
         )
         .await
+        .context("failed at getting build versions")
     }
 
     pub async fn create_build(&self, name: &str, server_id: &str) -> anyhow::Result<Build> {
@@ -53,18 +58,16 @@ impl MonitorClient {
     pub async fn create_full_build(&self, build: &Build) -> anyhow::Result<Build> {
         self.post::<&Build, _>("/api/build/create_full", build)
             .await
-            .context(format!("failed at creating full build"))
+            .context(format!(
+                "failed at creating full build with name {}",
+                build.name
+            ))
     }
 
-    pub async fn copy_build(
-        &self,
-        id: &str,
-        new_name: &str,
-        new_server_id: &str,
-    ) -> anyhow::Result<Build> {
+    pub async fn copy_build(&self, id: &str, new_name: &str) -> anyhow::Result<Build> {
         self.post(
             &format!("/api/build/{id}/copy"),
-            json!({ "name": new_name, "server_id": new_server_id }),
+            json!({ "name": new_name }),
         )
         .await
         .context(format!("failed at copying build {id}"))
@@ -88,6 +91,18 @@ impl MonitorClient {
             .context(format!("failed at building build {build_id}"))
     }
 
+    pub async fn get_aws_builder_defaults(&self) -> anyhow::Result<AwsBuilderConfig> {
+        self.get("/api/build/aws_builder_defaults", Option::<()>::None)
+            .await
+            .context("failed at getting aws builder defaults")
+    }
+
+    pub async fn get_docker_organizations(&self) -> anyhow::Result<Vec<String>> {
+        self.get("/api/build/docker_organizations", Option::<()>::None)
+            .await
+            .context("failed at getting docker organizations")
+    }
+
     // pub async fn reclone_build(&self, id: &str) -> anyhow::Result<Update> {
     //     self.post::<(), _>(&format!("/api/build/{id}/reclone"), None)
     //         .await

lib/monitor_client/src/deployment.rs

@@ -35,6 +35,7 @@ impl MonitorClient {
             Option::<()>::None,
         )
         .await
+        .context("failed at get_deployment_action_state")
     }
 
     pub async fn get_deployment_container_log(
@@ -56,7 +57,21 @@ impl MonitorClient {
             Option::<()>::None,
         )
         .await
-        .context("failed at get_deployment_container_log")
+        .context("failed at get_deployment_container_stats")
+    }
+
+    pub async fn get_deployment_deployed_version(
+        &self,
+        deployment_id: &str,
+    ) -> anyhow::Result<String> {
+        self.get(
+            &format!("/api/deployment/{deployment_id}/deployed_version"),
+            Option::<()>::None,
+        )
+        .await
+        .context(format!(
+            "failed at get_deployment_deployed_version for id {deployment_id}"
+        ))
     }
 
     pub async fn create_deployment(

lib/monitor_client/src/lib.rs

@@ -10,6 +10,7 @@ pub use futures_util;
 pub use tokio_tungstenite;
 
 pub use monitor_types as types;
+use types::UpdateTarget;
 
 mod build;
 mod deployment;
@@ -119,19 +120,44 @@ impl MonitorClient {
             json!({ "username": username.into(), "password": password.into() }),
         )
         .await
+        .context("failed at call to create_user")
     }
 
     pub async fn get_user(&self) -> anyhow::Result<User> {
-        self.get("/api/user", Option::<()>::None).await
+        self.get("/api/user", Option::<()>::None)
+            .await
+            .context("failed at call to get_user")
     }
 
     pub async fn get_username(&self, user_id: &str) -> anyhow::Result<String> {
         self.get_string(&format!("/api/username/{user_id}"), Option::<()>::None)
             .await
+            .context("failed at call to get_username")
     }
 
     pub async fn list_users(&self) -> anyhow::Result<Vec<User>> {
-        self.get("/api/users", Option::<()>::None).await
+        self.get("/api/users", Option::<()>::None)
+            .await
+            .context("failed at call to list_users")
+    }
+
+    pub async fn get_github_webhook_base_url(&self) -> anyhow::Result<String> {
+        self.get("/api/github_webhook_base_url", Option::<()>::None)
+            .await
+            .context("failed at call to get_github_webhook_base_url")
+    }
+
+    pub async fn update_description(
+        &self,
+        target: UpdateTarget,
+        description: &str,
+    ) -> anyhow::Result<()> {
+        self.post(
+            "/api/update_description",
+            json!({ "target": target, "description": description }),
+        )
+        .await
+        .context("failed at call to update_description")
     }
 
     async fn get<R: DeserializeOwned>(

lib/periphery_client/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "periphery_client"
-version = "0.1.16"
+version = "0.2.4"
 edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

lib/types/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "monitor_types"
-version = "0.1.16"
+version = "0.2.4"
 edition = "2021"
 authors = ["MoghTech"]
 description = "types for the mogh tech monitor"
@@ -15,7 +15,7 @@ bson = "2.4"
 strum = "0.24"
 strum_macros = "0.24"
 diff-struct = "0.5"
-bollard = "0.13"
+bollard = "0.14.0"
 derive_builder = "0.12"
 typeshare = "1.0.0"
 chrono = "0.4"

lib/types/src/action.rs

@@ -23,6 +23,11 @@ pub struct Action {
     #[diff(attr(#[serde(skip_serializing_if = "Option::is_none")]))]
     pub name: String,
 
+    #[serde(default)]
+    #[builder(default)]
+    #[diff(attr(#[serde(skip_serializing_if = "Option::is_none")]))]
+    pub description: String,
+
     #[diff(attr(#[serde(skip_serializing_if = "Option::is_none")]))]
     pub path: String,