agent foundation

web/css/components/app-confirm-dialog.css

@@ -0,0 +1,58 @@
+@layer components {
+  dialog[data-app-confirm-dialog] > article.app-confirm-dialog {
+    max-width: 32rem;
+  }
+
+  dialog[data-app-confirm-dialog] > article.app-confirm-dialog > header {
+    position: relative;
+    padding-inline-end: 2rem;
+  }
+
+  dialog[data-app-confirm-dialog] > article.app-confirm-dialog > header h2 {
+    margin: 0;
+  }
+
+  dialog[data-app-confirm-dialog] [data-app-confirm-close].close {
+    position: absolute;
+    inset-inline-end: 1rem;
+    inset-block-start: 1rem;
+    float: none;
+    margin: 0;
+  }
+
+  dialog[data-app-confirm-dialog] [data-app-confirm-message] {
+    margin-bottom: 0.5rem;
+    white-space: pre-wrap;
+  }
+
+  dialog[data-app-confirm-dialog] [data-app-confirm-note] {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  dialog[data-app-confirm-dialog] footer {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+    padding: 10px;
+  }
+
+  dialog[data-app-confirm-dialog] footer button {
+    margin: 0;
+  }
+
+  dialog[data-app-confirm-dialog][data-confirm-variant="danger"] > article {
+    border-top: 3px solid var(--app-del-color, #b42318);
+  }
+
+  dialog[data-app-confirm-dialog][data-confirm-variant="warning"] > article {
+    border-top: 3px solid var(--app-warning-color, #b54708);
+  }
+
+  @media (max-width: 576px) {
+    dialog[data-app-confirm-dialog] footer {
+      flex-direction: column-reverse;
+      align-items: stretch;
+    }
+  }
+}

web/css/layout/app-aside-icon-bar.css

@@ -5,6 +5,7 @@ aside.aside-icon-bar {
   --app-icon-bar-border-width: 3px;
   --app-icon-bar-hover-bg: var(--app-accordion-border-color);
   --app-icon-bar-border: 1px solid var(--app-border);
+  --app-icon-bar-mobile-safe-space: calc(3.5rem + env(safe-area-inset-bottom));
   display: none;
 }
 
@@ -104,5 +105,13 @@ aside.aside-icon-bar li button.active {
     border-left: 0;
     border-top: var(--app-icon-bar-border-width) solid var(--app-primary);
   }
+
+  .app-main-content,
+  footer.site-footer {
+    padding-bottom: max(
+      var(--app-spacing),
+      var(--app-icon-bar-mobile-safe-space)
+    );
+  }
 }
 }

web/css/layout/app-sidebar.css

@@ -218,7 +218,6 @@
     padding: 0 var(--app-spacing);
     font-size: var(--app-sidebar-summary-size);
     color: var(--app-muted-color);
-    line-height: 1;
   }
 
   nav#aside-panel-people {