add dismiss button to messages

7w1 · 7w1 · commit 77c3cccbc169 · 2026-04-01T16:56:28.000-05:00
diff --git a/.changeset/feat-dismiss-local-echo.md b/.changeset/feat-dismiss-local-echo.md
@@ -0,0 +1,5 @@
+---
+default: minor
+---
+
+Add a "Dismiss" button to command response messages.
diff --git a/src/app/features/room/message/Message.tsx b/src/app/features/room/message/Message.tsx
@@ -679,6 +679,7 @@ function MessageInternal(
   );
 
   const MSG_CONTENT_STYLE = { maxWidth: '100%' };
+  const isSableFeedback = mEvent.getId()?.startsWith('~sable-feedback-');
 
   const msgContentJSX = (
     <Box
@@ -757,6 +758,31 @@ function MessageInternal(
           )}
         </Box>
       )}
+      {isSableFeedback && (
+        <Box className={css.SendStatusRow} alignItems="Center" gap="100">
+          <Icon src={Icons.Info} size="100" />
+          <Text size="T200" priority="300" as="span">
+            Only you can see this.
+          </Text>
+          <Chip
+            type="button"
+            variant="SurfaceVariant"
+            radii="Pill"
+            outlined
+            onClick={(evt: any) => {
+              evt.preventDefault();
+              evt.stopPropagation();
+              const eventId = mEvent.getId();
+              if (eventId) {
+                room.removeEvent(eventId);
+                room.emit(RoomEvent.LocalEchoUpdated, mEvent, room);
+              }
+            }}
+          >
+            <Text size="B300">Dismiss</Text>
+          </Chip>
+        </Box>
+      )}
     </Box>
   );
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +default: minor
 +---
++
 +Add a "Dismiss" button to command response messages.