fix(activities): keep lead activity actions in the detail card

The action row stretched off-screen and comments on automation activities were rejected once the saved note passed 2000 characters.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/api/src/activities/dto.ts

@@ -316,7 +316,7 @@ export class CreateActivityDto {
 
   @IsOptional()
   @IsString()
-  @MaxLength(2000)
+  @MaxLength(20000)
   description?: string;
 
   @IsOptional()
@@ -416,7 +416,7 @@ export class UpdateActivityDto {
 
   @IsOptional()
   @IsString()
-  @MaxLength(2000)
+  @MaxLength(20000)
   description?: string | null;
 
   @IsOptional()

apps/web/src/views/ActivityDetailView.vue

@@ -654,7 +654,13 @@ onMounted(() => {
   margin: 0;
   display: grid;
   gap: 0.9rem;
-  padding-bottom: 5.5rem;
+  padding-bottom: 1rem;
+  overflow-x: clip;
+}
+
+.page > * {
+  min-width: 0;
+  max-width: 100%;
 }
 
 .nav {
@@ -876,6 +882,8 @@ dt {
 dd {
   font-weight: 700;
   text-align: start;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
 .lead-link {
@@ -908,9 +916,19 @@ dd {
 .assignees-row dd {
   flex: 1 1 16rem;
   min-width: 0;
+  max-width: 100%;
   font-weight: 500;
 }
 
+.assignees-row dd :deep(.ant-select) {
+  width: 100%;
+  max-width: 100%;
+}
+
+.assignees-row dd :deep(.ant-select-selection-overflow) {
+  flex-wrap: wrap;
+}
+
 .flag.low,
 .priority.low {
   color: #64748b;
@@ -968,6 +986,7 @@ dd {
   line-height: 1.9;
   font-size: 0.9rem;
   white-space: pre-line;
+  overflow-wrap: anywhere;
 }
 
 .note p.empty {
@@ -1017,13 +1036,11 @@ dd {
 }
 
 .dock {
-  position: fixed;
-  inset-inline: 0.85rem;
-  bottom: calc(0.55rem + var(--mobile-tabbar-h));
+  position: static;
   display: grid;
   grid-template-columns: 1.15fr 1fr 1fr;
   gap: 0.5rem;
-  z-index: 8;
+  width: 100%;
 }
 
 .act {
@@ -1053,15 +1070,9 @@ dd {
   cursor: not-allowed;
 }
 
-@media (min-width: 900px) {
+@media (max-width: 899px) {
   .page {
-    padding-bottom: 0;
-  }
-
-  .dock {
-    position: sticky;
-    inset-inline: auto;
-    bottom: 0;
+    padding-bottom: calc(1rem + var(--mobile-tabbar-h));
   }
 }
 </style>