fix(ui): polish chat workspace interactions

apps/ui/src/styles/components.css

@@ -581,10 +581,12 @@
 
 .message-plain-text,
 .markdown-body {
+  min-width: 0;
   margin: 0;
   color: #0f172a;
   font-size: 15px;
   line-height: 1.82;
+  overflow-wrap: anywhere;
 }
 
 .message-attachment-strip {
@@ -834,6 +836,7 @@
 }
 
 .markdown-code-pre {
+  max-width: 100%;
   margin: 0;
   padding: 16px 18px 18px;
   overflow: auto;

apps/ui/src/styles/theme-openclaw.css

@@ -1149,6 +1149,7 @@
 }
 
 .conversation-shell .message-card.assistant .markdown-body {
+  min-width: 0;
   padding: var(--space-5) var(--space-6);
   border-radius: 12px;
   border: 1px solid rgba(203, 213, 225, 0.72);
@@ -1156,15 +1157,18 @@
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.86),
     var(--revamp-shadow-soft);
+  overflow-wrap: anywhere;
 }
 
 .conversation-shell .message-card.user .message-plain-text,
 .conversation-shell .message-card.user p {
+  min-width: 0;
   margin: 0;
   white-space: pre-wrap;
   color: var(--color-text-primary);
   font-size: 15px;
   line-height: 1.82;
+  overflow-wrap: anywhere;
 }
 
 .conversation-shell .message-card.assistant .generation-status-card,
@@ -1281,6 +1285,15 @@
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.9),
     var(--revamp-shadow-soft);
+  transition: border-color 160ms ease, box-shadow 160ms ease;
+}
+
+.conversation-shell .composer-surface:focus-within {
+  border-color: rgba(37, 99, 235, 0.62);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.9),
+    0 0 0 3px rgba(37, 99, 235, 0.12),
+    var(--revamp-shadow-soft);
 }
 
 .conversation-shell .composer-surface:focus-within {
@@ -1319,6 +1332,7 @@
 
 .conversation-shell .composer-attachment-strip {
   padding-top: 2px;
+  min-width: 0;
 }
 
 .conversation-shell .composer-field textarea:focus,
@@ -1334,6 +1348,8 @@
 .conversation-shell .skill-trigger,
 .conversation-shell .skill-chip,
 .conversation-shell .composer-attachment-chip {
+  min-width: 0;
+  max-width: min(100%, 320px);
   border-color: rgba(147, 197, 253, 0.34);
   background: rgba(239, 246, 255, 0.78);
   color: var(--revamp-blue);
@@ -1362,7 +1378,15 @@
   min-height: 27px;
 }
 
+.conversation-shell .composer-attachment-chip-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .conversation-shell .composer-attachment-remove {
+  flex: 0 0 auto;
   background: rgba(255, 255, 255, 0.92);
   color: #63728d;
 }