feat(chat): port chat widget components from Dart to React

2026-06-09 20:19:52 +08:00
parent 199a14650e
commit 109a3e3855
48 changed files with 2463 additions and 382 deletions
@@ -0,0 +1,29 @@
+/* TextBubble 文字气泡样式 */
+
+.bubble {
+  display: inline-block;
+  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
+  border-radius: var(--radius-xxl, 24px);
+  max-width: 75%;
+  font-size: var(--font-size-body-lg, 16px);
+  line-height: 1.45;
+  white-space: pre-wrap;
+  word-break: break-word;
+  box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1));
+}
+
+.bubbleAi {
+  background: #fff;
+  color: var(--color-text-foreground, #000);
+  border-top-left-radius: 0;
+}
+
+.bubbleUser {
+  background: linear-gradient(
+    to right,
+    var(--color-button-gradient-start, #ff67e0),
+    var(--color-button-gradient-end, #ff52a2)
+  );
+  color: #fff;
+  border-top-right-radius: 0;
+}