feat(sms): add real instance message workflow

apps/web/src/styles.css

@@ -586,6 +586,30 @@ dd {
 .instance-module-detail {
   min-width: 0;
 }
+.messages-module,
+.messages-card,
+.sms-list,
+.sms-message-card {
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+.messages-card form,
+.messages-card label {
+  display: grid;
+  min-width: 0;
+  gap: 0.5rem;
+}
+.messages-card input,
+.messages-card textarea {
+  box-sizing: border-box;
+  min-width: 0;
+  max-width: 100%;
+  width: 100%;
+}
+.sms-list {
+  padding-inline-start: 1.25rem;
+}
 .overview-grid,
 .cellular-grid,
 .device-network-grid,
@@ -681,11 +705,16 @@ main ul[aria-label='已配置实例'] {
     margin-bottom: 1rem;
   }
   .instance-context ul {
-    display: flex;
-    overflow-x: auto;
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    overflow: visible;
   }
   .instance-context li {
-    min-width: max-content;
+    min-width: 0;
+  }
+  .instance-context nav a,
+  .instance-context nav span {
+    overflow-wrap: anywhere;
   }
   .fleet-toolbar label,
   .jobs-toolbar label {