fix(ui): smart display for long convos, action buttons for isBlocking, no middle gap

public/css/style.css

@@ -489,6 +489,52 @@ body {
   line-height: 1.4;
 }
 
+/* --- 액션 버튼 영역 --- */
+.msg-actions {
+  background: rgba(239, 68, 68, 0.08);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  border-radius: 8px;
+  padding: 12px;
+  margin: 8px 0;
+}
+
+.msg-actions-label {
+  font-size: 13px;
+  font-weight: 600;
+  color: #f87171;
+  margin-bottom: 8px;
+}
+
+.msg-action-btn {
+  background: var(--accent-primary);
+  color: white;
+  border: none;
+  border-radius: 6px;
+  padding: 6px 14px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  margin-right: 6px;
+  transition: opacity 0.2s;
+}
+
+.msg-action-btn:hover {
+  opacity: 0.85;
+}
+
+.msg-action-primary {
+  background: var(--accent-primary);
+}
+
+/* --- 상태 메시지 --- */
+.msg-status {
+  text-align: center;
+  color: var(--text-muted);
+  font-size: 12px;
+  padding: 8px 0;
+  opacity: 0.7;
+}
+
 .msg-step-icon {
   width: 16px;
   text-align: center;