feat: connect inbox confirmation workflow

apps/web_v1/src/App.css

@@ -1437,6 +1437,99 @@
   text-overflow: ellipsis;
 }
 
+.inbox-detail .arco-card-body {
+  display: grid;
+  align-content: start;
+  gap: var(--space-4);
+}
+
+.inbox-detail-head,
+.inbox-confirm-bar {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--space-3);
+}
+
+.inbox-detail-head h5,
+.inbox-draft-section h6 {
+  margin: 0;
+}
+
+.inbox-content,
+.inbox-draft-section {
+  display: grid;
+  gap: var(--space-2);
+  border-top: 1px solid var(--color-border);
+  padding-top: var(--space-3);
+}
+
+.inbox-content p {
+  margin: 0;
+  color: var(--color-text);
+  line-height: 1.7;
+}
+
+.inbox-section-label {
+  font-weight: 700;
+}
+
+.inbox-suggestion-list {
+  display: grid;
+  gap: var(--space-2);
+}
+
+.inbox-suggestion-list .arco-checkbox {
+  width: 100%;
+  align-items: flex-start;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  padding: 10px 12px;
+}
+
+.inbox-suggestion-copy {
+  min-width: 0;
+  display: grid;
+  gap: 5px;
+}
+
+.inbox-suggestion-copy > span:first-child {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.inbox-feedback {
+  margin: 0;
+}
+
+.inbox-confirm-bar {
+  align-items: center;
+  border-top: 1px solid var(--color-border);
+  padding-top: var(--space-3);
+}
+
+@media (max-width: 960px) {
+  .inbox-workspace {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+@media (max-width: 560px) {
+  .project-inbox-page .overview-head,
+  .inbox-detail-head,
+  .inbox-confirm-bar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .inbox-detail-head .arco-btn,
+  .inbox-confirm-bar .arco-btn {
+    width: 100%;
+    min-height: 40px;
+  }
+}
+
 .agent-chat-shell {
   min-height: calc(100vh - 170px);
   display: grid;