feat: add auth and dual-stack tls management

public/styles.css

@@ -51,6 +51,10 @@ code {
   padding: 28px 0 72px;
 }
 
+.shell-auth {
+  width: min(720px, calc(100vw - 30px));
+}
+
 .crumbs {
   display: flex;
   flex-wrap: wrap;
@@ -164,6 +168,25 @@ h3 {
   align-items: start;
 }
 
+.auth-layout {
+  display: grid;
+  gap: 18px;
+}
+
+.auth-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 12px;
+  margin: -4px 0 18px;
+}
+
+.auth-status {
+  color: var(--muted);
+  font-size: 14px;
+}
+
 .workspace-content,
 .workspace-panel {
   display: grid;
@@ -329,7 +352,8 @@ h3 {
 }
 
 input,
-select {
+select,
+textarea {
   width: 100%;
   border-radius: 14px;
   border: 1px solid rgba(26, 36, 31, 0.14);
@@ -339,8 +363,14 @@ select {
   color: var(--ink);
 }
 
+textarea {
+  resize: vertical;
+  min-height: 110px;
+}
+
 input:focus,
-select:focus {
+select:focus,
+textarea:focus {
   outline: 2px solid rgba(15, 118, 110, 0.18);
   border-color: rgba(15, 118, 110, 0.4);
 }