letenkov
diff --git a/‎site/src/api/api.ts
+18-4 b/‎site/src/api/api.ts
+18-4
diff --git a/‎site/src/components/AlertBanner/AlertBanner.tsx
+13-4 b/‎site/src/components/AlertBanner/AlertBanner.tsx
+13-4
diff --git a/‎site/src/components/AlertBanner/severityConstants.tsx
+3-7 b/‎site/src/components/AlertBanner/severityConstants.tsx
+3-7
diff --git a/‎site/src/components/Logs/Logs.tsx
+2-2 b/‎site/src/components/Logs/Logs.tsx
+2-2
@@ -489,15 +489,29 @@ export const postWorkspaceBuild = async (
 export const startWorkspace = (
   workspaceId: string,
   templateVersionID: string,
+  logLevel?: TypesGen.CreateWorkspaceBuildRequest["log_level"],
 ) =>
   postWorkspaceBuild(workspaceId, {
     transition: "start",
     template_version_id: templateVersionID,
+    log_level: logLevel,
+  })
+export const stopWorkspace = (
+  workspaceId: string,
+  logLevel?: TypesGen.CreateWorkspaceBuildRequest["log_level"],
+) =>
+  postWorkspaceBuild(workspaceId, {
+    transition: "stop",
+    log_level: logLevel,
+  })
+export const deleteWorkspace = (
+  workspaceId: string,
+  logLevel?: TypesGen.CreateWorkspaceBuildRequest["log_level"],
+) =>
+  postWorkspaceBuild(workspaceId, {
+    transition: "delete",
+    log_level: logLevel,
   })
-export const stopWorkspace = (workspaceId: string) =>
-  postWorkspaceBuild(workspaceId, { transition: "stop" })
-export const deleteWorkspace = (workspaceId: string) =>
-  postWorkspaceBuild(workspaceId, { transition: "delete" })
 
 export const cancelWorkspaceBuild = async (
   workspaceBuildId: TypesGen.WorkspaceBuild["id"],
 
@@ -60,9 +60,14 @@ export const AlertBanner: FC<React.PropsWithChildren<AlertBannerProps>> = ({
         spacing={0}
         justifyContent="space-between"
       >
-        <Stack direction="row" alignItems="center" spacing={1}>
+        <Stack
+          direction="row"
+          alignItems="center"
+          spacing={2}
+          className={classes.fullWidth}
+        >
           {severityConstants[severity].icon}
-          <Stack spacing={0}>
+          <Stack spacing={0} className={classes.fullWidth}>
             {children}
             {alertMessage}
             {detail && (
@@ -94,11 +99,11 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({
     borderColor: severityConstants[props.severity].color,
     border: `1px solid ${colors.orange[7]}`,
     borderRadius: theme.shape.borderRadius,
-    padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,
+    padding: theme.spacing(2),
     backgroundColor: `${colors.gray[16]}`,
     textAlign: "left",
 
-    "& span": {
+    "& > span": {
       paddingTop: `${theme.spacing(0.25)}px`,
     },
 
@@ -108,4 +113,8 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({
       marginRight: `${theme.spacing(1)}px`,
     },
   }),
+
+  fullWidth: {
+    width: "100%",
+  },
 }))
@@ -13,24 +13,20 @@ export const severityConstants: Record<
     color: colors.orange[7],
     icon: (
       <ReportProblemOutlinedIcon
-        fontSize="small"
-        style={{ color: colors.orange[7] }}
+        style={{ color: colors.orange[7], fontSize: 16 }}
       />
     ),
   },
   error: {
     color: colors.red[7],
     icon: (
       <ErrorOutlineOutlinedIcon
-        fontSize="small"
-        style={{ color: colors.red[7] }}
+        style={{ color: colors.red[7], fontSize: 16 }}
       />
     ),
   },
   info: {
     color: colors.blue[7],
-    icon: (
-      <InfoOutlinedIcon fontSize="small" style={{ color: colors.blue[7] }} />
-    ),
+    icon: <InfoOutlinedIcon style={{ color: colors.blue[7], fontSize: 16 }} />,
   },
 }
@@ -93,7 +93,7 @@ const useStyles = makeStyles<
     background: theme.palette.background.default,
   },
   scrollWrapper: {
-    width: "fit-content",
+    minWidth: "fit-content",
   },
   line: {
     wordBreak: "break-all",
@@ -109,7 +109,7 @@ const useStyles = makeStyles<
     },
 
     "&.debug": {
-      backgroundColor: theme.palette.grey[900],
+      backgroundColor: theme.palette.background.paperLight,
     },
 
     "&.warn": {