From 9635c0b2d8458c1eff9473251d7d41db4db6c47c Mon Sep 17 00:00:00 2001
From: Max Topolsky <maxptop@gmail.com>
Date: Mon, 24 Nov 2025 23:26:22 -0500
Subject: [PATCH 1/5] add copy as markdown to user feedback

---
 .../feedback/feedbackItem/feedbackActions.tsx | 120 ++++++++++++++++--
 1 file changed, 112 insertions(+), 8 deletions(-)

diff --git a/static/app/components/feedback/feedbackItem/feedbackActions.tsx b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
index eb4e4a8c897f0e..a238f0a8c2ddd2 100644
--- a/static/app/components/feedback/feedbackItem/feedbackActions.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
@@ -1,5 +1,5 @@
 import type {CSSProperties} from 'react';
-import {Fragment} from 'react';
+import {Fragment, useCallback} from 'react';
 
 import {Button} from 'sentry/components/core/button';
 import {Flex} from 'sentry/components/core/layout';
@@ -8,11 +8,14 @@ import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import FeedbackAssignedTo from 'sentry/components/feedback/feedbackItem/feedbackAssignedTo';
 import useFeedbackActions from 'sentry/components/feedback/feedbackItem/useFeedbackActions';
-import {IconEllipsis} from 'sentry/icons';
+import {IconCopy, IconEllipsis} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Group} from 'sentry/types/group';
+import {trackAnalytics} from 'sentry/utils/analytics';
 import type {FeedbackIssue} from 'sentry/utils/feedback/types';
+import useCopyToClipboard from 'sentry/utils/useCopyToClipboard';
+import useOrganization from 'sentry/utils/useOrganization';
 
 interface Props {
   eventData: Event | undefined;
@@ -29,6 +32,53 @@ export default function FeedbackActions({
   size,
   style,
 }: Props) {
+  const organization = useOrganization();
+  const {copy} = useCopyToClipboard();
+  const handleCopyToClipboard = useCallback(() => {
+    const summary =
+      feedbackItem.metadata.summary ??
+      feedbackItem.metadata.title ??
+      t('No summary provided');
+    const message =
+      feedbackItem.metadata.message ?? feedbackItem.metadata.value ?? t('No message');
+    const culprit = eventData?.culprit?.trim();
+    const viewNames = eventData?.contexts?.app?.view_names?.filter(Boolean);
+
+    const sourceLines = [];
+    if (culprit) {
+      sourceLines.push(`- ${culprit}`);
+    }
+    if (viewNames?.length) {
+      sourceLines.push(t('- View names: %s', viewNames.join(', ')));
+    }
+
+    const markdown = [
+      '# User Feedback',
+      '',
+      `**Summary:** ${summary}`,
+      '',
+      '## Feedback Message',
+      message,
+      ...(sourceLines.length
+        ? [
+            '',
+            '## Source (_where user was when feedback was sent_)',
+            sourceLines.join('\n'),
+          ]
+        : []),
+    ].join('\n');
+
+    trackAnalytics('feedback.copy-feedback-as-markdown', {
+      organization,
+      feedback_id: feedbackItem.id,
+      project_slug: feedbackItem.project?.slug,
+    });
+
+    copy(markdown, {
+      successMessage: t('Copied feedback summary'),
+      errorMessage: t('Failed to copy feedback'),
+    });
+  }, [copy, eventData, feedbackItem, organization]);
   if (!eventData) {
     return null;
   }
@@ -42,14 +92,35 @@ export default function FeedbackActions({
         />
       </ErrorBoundary>
 
-      {size === 'large' ? <LargeWidth feedbackItem={feedbackItem} /> : null}
-      {size === 'medium' ? <MediumWidth feedbackItem={feedbackItem} /> : null}
-      {size === 'small' ? <SmallWidth feedbackItem={feedbackItem} /> : null}
+      {size === 'large' ? (
+        <LargeWidth
+          feedbackItem={feedbackItem}
+          onCopyToClipboard={handleCopyToClipboard}
+        />
+      ) : null}
+      {size === 'medium' ? (
+        <MediumWidth
+          feedbackItem={feedbackItem}
+          onCopyToClipboard={handleCopyToClipboard}
+        />
+      ) : null}
+      {size === 'small' ? (
+        <SmallWidth
+          feedbackItem={feedbackItem}
+          onCopyToClipboard={handleCopyToClipboard}
+        />
+      ) : null}
     </Flex>
   );
 }
 
-function LargeWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
+function LargeWidth({
+  feedbackItem,
+  onCopyToClipboard,
+}: {
+  feedbackItem: FeedbackIssue;
+  onCopyToClipboard: () => void;
+}) {
   const {
     enableDelete,
     onDelete,
@@ -82,6 +153,15 @@ function LargeWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
           {hasSeen ? t('Mark Unread') : t('Mark Read')}
         </Button>
       </Tooltip>
+      <Tooltip title={t('Copy feedback summary as markdown')}>
+        <Button
+          size="xs"
+          priority="default"
+          icon={<IconCopy />}
+          onClick={onCopyToClipboard}
+          aria-label={t('Copy feedback summary as markdown')}
+        />
+      </Tooltip>
       <Tooltip
         disabled={enableDelete}
         title={t('You must be an admin to delete feedback')}
@@ -94,7 +174,13 @@ function LargeWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
   );
 }
 
-function MediumWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
+function MediumWidth({
+  feedbackItem,
+  onCopyToClipboard,
+}: {
+  feedbackItem: FeedbackIssue;
+  onCopyToClipboard: () => void;
+}) {
   const {
     enableDelete,
     onDelete,
@@ -140,6 +226,12 @@ function MediumWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
               ? undefined
               : t('You must be a member of the project'),
           },
+          {
+            key: 'copy',
+            label: t('Copy as markdown'),
+            onAction: onCopyToClipboard,
+            tooltip: t('Copy feedback summary as markdown'),
+          },
           {
             key: 'delete',
             priority: 'danger' as const,
@@ -156,7 +248,13 @@ function MediumWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
   );
 }
 
-function SmallWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
+function SmallWidth({
+  feedbackItem,
+  onCopyToClipboard,
+}: {
+  feedbackItem: FeedbackIssue;
+  onCopyToClipboard: () => void;
+}) {
   const {
     enableDelete,
     onDelete,
@@ -189,6 +287,12 @@ function SmallWidth({feedbackItem}: {feedbackItem: FeedbackIssue}) {
           label: isSpam ? t('Move to Inbox') : t('Mark as Spam'),
           onAction: onSpamClick,
         },
+        {
+          key: 'copy',
+          label: t('Copy as markdown'),
+          onAction: onCopyToClipboard,
+          tooltip: t('Copy feedback summary as markdown'),
+        },
         {
           key: 'read',
           label: hasSeen ? t('Mark Unread') : t('Mark Read'),

From 05414e8a5c508742201be8e36118b2564bfaa6f6 Mon Sep 17 00:00:00 2001
From: Max Topolsky <maxptop@gmail.com>
Date: Tue, 25 Nov 2025 17:29:25 -0500
Subject: [PATCH 2/5] fix analytics

---
 .../app/components/feedback/feedbackItem/feedbackActions.tsx  | 4 +---
 static/app/utils/analytics/feedbackAnalyticsEvents.tsx        | 2 ++
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/app/components/feedback/feedbackItem/feedbackActions.tsx b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
index a238f0a8c2ddd2..2803e21c433459 100644
--- a/static/app/components/feedback/feedbackItem/feedbackActions.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
@@ -68,10 +68,8 @@ export default function FeedbackActions({
         : []),
     ].join('\n');
 
-    trackAnalytics('feedback.copy-feedback-as-markdown', {
+    trackAnalytics('feedback.feedback-item-copy-as-markdown', {
       organization,
-      feedback_id: feedbackItem.id,
-      project_slug: feedbackItem.project?.slug,
     });
 
     copy(markdown, {
diff --git a/static/app/utils/analytics/feedbackAnalyticsEvents.tsx b/static/app/utils/analytics/feedbackAnalyticsEvents.tsx
index bc07f8bf7c23c6..ba2ce798ee0888 100644
--- a/static/app/utils/analytics/feedbackAnalyticsEvents.tsx
+++ b/static/app/utils/analytics/feedbackAnalyticsEvents.tsx
@@ -2,6 +2,7 @@ export type FeedbackEventParameters = {
   'feedback.details-integration-issue-clicked': {
     integration_key: string;
   };
+  'feedback.feedback-item-copy-as-markdown': Record<string, unknown>;
   'feedback.feedback-item-not-found': {feedbackId: string};
   'feedback.feedback-item-rendered': Record<string, unknown>;
   'feedback.index-setup-viewed': Record<string, unknown>;
@@ -28,6 +29,7 @@ export type FeedbackEventParameters = {
 type FeedbackEventKey = keyof FeedbackEventParameters;
 
 export const feedbackEventMap: Record<FeedbackEventKey, string | null> = {
+  'feedback.feedback-item-copy-as-markdown': 'Copied Feedback Item as Markdown',
   'feedback.feedback-item-not-found': 'Feedback item not found',
   'feedback.feedback-item-rendered': 'Loaded and rendered a feedback item',
   'feedback.index-setup-viewed': 'Viewed Feedback Onboarding Setup',

From d5beddac6c168f76215a6081a21c81f086cc77dc Mon Sep 17 00:00:00 2001
From: Max Topolsky <maxptop@gmail.com>
Date: Mon, 1 Dec 2025 08:12:36 -0500
Subject: [PATCH 3/5] Ryan comments

---
 .../feedback/feedbackItem/feedbackActions.tsx          | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/static/app/components/feedback/feedbackItem/feedbackActions.tsx b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
index 2803e21c433459..5be81a36169b9a 100644
--- a/static/app/components/feedback/feedbackItem/feedbackActions.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
@@ -35,10 +35,7 @@ export default function FeedbackActions({
   const organization = useOrganization();
   const {copy} = useCopyToClipboard();
   const handleCopyToClipboard = useCallback(() => {
-    const summary =
-      feedbackItem.metadata.summary ??
-      feedbackItem.metadata.title ??
-      t('No summary provided');
+    const summary = feedbackItem.metadata.summary ?? feedbackItem.metadata.title;
     const message =
       feedbackItem.metadata.message ?? feedbackItem.metadata.value ?? t('No message');
     const culprit = eventData?.culprit?.trim();
@@ -55,8 +52,7 @@ export default function FeedbackActions({
     const markdown = [
       '# User Feedback',
       '',
-      `**Summary:** ${summary}`,
-      '',
+      ...(summary ? [`**Summary:** ${summary}`, ''] : []),
       '## Feedback Message',
       message,
       ...(sourceLines.length
@@ -73,7 +69,7 @@ export default function FeedbackActions({
     });
 
     copy(markdown, {
-      successMessage: t('Copied feedback summary'),
+      successMessage: t('Copied feedback'),
       errorMessage: t('Failed to copy feedback'),
     });
   }, [copy, eventData, feedbackItem, organization]);

From e5c902672360b23332ae71c5c9ee4145332b136e Mon Sep 17 00:00:00 2001
From: Max Topolsky <maxptop@gmail.com>
Date: Mon, 1 Dec 2025 08:16:45 -0500
Subject: [PATCH 4/5] copy

---
 .../components/feedback/feedbackItem/feedbackActions.tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/app/components/feedback/feedbackItem/feedbackActions.tsx b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
index 5be81a36169b9a..e3dad14ba9ab90 100644
--- a/static/app/components/feedback/feedbackItem/feedbackActions.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
@@ -147,13 +147,13 @@ function LargeWidth({
           {hasSeen ? t('Mark Unread') : t('Mark Read')}
         </Button>
       </Tooltip>
-      <Tooltip title={t('Copy feedback summary as markdown')}>
+      <Tooltip title={t('Copy feedback as markdown')}>
         <Button
           size="xs"
           priority="default"
           icon={<IconCopy />}
           onClick={onCopyToClipboard}
-          aria-label={t('Copy feedback summary as markdown')}
+          aria-label={t('Copy feedback as markdown')}
         />
       </Tooltip>
       <Tooltip
@@ -224,7 +224,7 @@ function MediumWidth({
             key: 'copy',
             label: t('Copy as markdown'),
             onAction: onCopyToClipboard,
-            tooltip: t('Copy feedback summary as markdown'),
+            tooltip: t('Copy feedback as markdown'),
           },
           {
             key: 'delete',
@@ -285,7 +285,7 @@ function SmallWidth({
           key: 'copy',
           label: t('Copy as markdown'),
           onAction: onCopyToClipboard,
-          tooltip: t('Copy feedback summary as markdown'),
+          tooltip: t('Copy feedback as markdown'),
         },
         {
           key: 'read',

From dd66fee525446e2e8332263eb50993bba860f535 Mon Sep 17 00:00:00 2001
From: Max Topolsky <maxptop@gmail.com>
Date: Mon, 1 Dec 2025 08:33:41 -0500
Subject: [PATCH 5/5] remove fallback for summary

---
 static/app/components/feedback/feedbackItem/feedbackActions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/components/feedback/feedbackItem/feedbackActions.tsx b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
index e3dad14ba9ab90..0be089600acb25 100644
--- a/static/app/components/feedback/feedbackItem/feedbackActions.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackActions.tsx
@@ -35,7 +35,7 @@ export default function FeedbackActions({
   const organization = useOrganization();
   const {copy} = useCopyToClipboard();
   const handleCopyToClipboard = useCallback(() => {
-    const summary = feedbackItem.metadata.summary ?? feedbackItem.metadata.title;
+    const summary = feedbackItem.metadata.summary;
     const message =
       feedbackItem.metadata.message ?? feedbackItem.metadata.value ?? t('No message');
     const culprit = eventData?.culprit?.trim();