From 9629452d2c5d7265eb5de4ddae848790c4795ad0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 4 May 2026 17:25:13 +0000
Subject: [PATCH 1/2] Initial plan


From 45fe201b7c6407b023645a31825fa96cc0683814 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 4 May 2026 17:30:18 +0000
Subject: [PATCH 2/2] feat: add GitHub issue link to flashcard origin tag for
 direct feedback

Agent-Logs-Url: https://github.com/espora-net/Folio/sessions/76290a18-2cf1-4806-a4db-14ef3572439e

Co-authored-by: carloshm <2389573+carloshm@users.noreply.github.com>
---
 src/views/dashboard/Flashcards.tsx | 62 ++++++++++++++++++++++--------
 1 file changed, 47 insertions(+), 15 deletions(-)

diff --git a/src/views/dashboard/Flashcards.tsx b/src/views/dashboard/Flashcards.tsx
index 322e81c..c88c1f6 100644
--- a/src/views/dashboard/Flashcards.tsx
+++ b/src/views/dashboard/Flashcards.tsx
@@ -23,6 +23,17 @@ import { getOriginTag, matchesOriginFilter } from '@/lib/question-origin';
 
 type ViewMode = 'cards' | 'list';
 
+const REPO_ISSUES_URL = 'https://github.com/espora-net/Folio/issues/new';
+
+const buildFlashcardIssueUrl = (flashcardId: string) => {
+  const params = new URLSearchParams({
+    title: `[Flashcard] Feedback: ${flashcardId}`,
+    body: `**Flashcard ID:** \`${flashcardId}\`\n\nDescribe tu feedback sobre esta flashcard:\n\n`,
+    labels: 'flashcard-feedback',
+  });
+  return `${REPO_ISSUES_URL}?${params.toString()}`;
+};
+
 const Flashcards = () => {
   const [flashcards, setFlashcards] = useState<Flashcard[]>([]);
   const [topics, setTopics] = useState<Topic[]>([]);
@@ -345,12 +356,19 @@ const Flashcards = () => {
                     const tag = getOriginTag(currentCard.origin);
                     const Icon = tag.icon;
                     return (
-                      <Badge
-                        variant="outline"
-                        className={`text-[10px] px-2 py-0.5 gap-1 ${tag.className}`}
+                      <a
+                        href={buildFlashcardIssueUrl(currentCard.id)}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        onClick={(e) => e.stopPropagation()}
                       >
-                        <Icon className="h-3 w-3" /> {tag.label}
-                      </Badge>
+                        <Badge
+                          variant="outline"
+                          className={`text-[10px] px-2 py-0.5 gap-1 cursor-pointer hover:opacity-80 ${tag.className}`}
+                        >
+                          <Icon className="h-3 w-3" /> {tag.label}
+                        </Badge>
+                      </a>
                     );
                   })()}
                 </TooltipTrigger>
@@ -574,12 +592,19 @@ const Flashcards = () => {
                             )}
                             <Tooltip>
                               <TooltipTrigger asChild>
-                                <Badge
-                                  variant="outline"
-                                  className={`text-[10px] px-2 py-0.5 gap-1 ${tag.className}`}
+                                <a
+                                  href={buildFlashcardIssueUrl(card.id)}
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  onClick={(e) => e.stopPropagation()}
                                 >
-                                  <><TagIcon className="h-3 w-3" /> {tag.label}</>
-                                </Badge>
+                                  <Badge
+                                    variant="outline"
+                                    className={`text-[10px] px-2 py-0.5 gap-1 cursor-pointer hover:opacity-80 ${tag.className}`}
+                                  >
+                                    <><TagIcon className="h-3 w-3" /> {tag.label}</>
+                                  </Badge>
+                                </a>
                               </TooltipTrigger>
                               <TooltipContent side="top">
                                 {tag.tooltip}
@@ -614,12 +639,19 @@ const Flashcards = () => {
                                 )}
                                 <Tooltip>
                                   <TooltipTrigger asChild>
-                                    <Badge
-                                      variant="outline"
-                                      className={`text-[10px] px-2 py-0.5 gap-1 ${tag.className}`}
+                                    <a
+                                      href={buildFlashcardIssueUrl(card.id)}
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      onClick={(e) => e.stopPropagation()}
                                     >
-                                      <><TagIcon className="h-3 w-3" /> {tag.label}</>
-                                    </Badge>
+                                      <Badge
+                                        variant="outline"
+                                        className={`text-[10px] px-2 py-0.5 gap-1 cursor-pointer hover:opacity-80 ${tag.className}`}
+                                      >
+                                        <><TagIcon className="h-3 w-3" /> {tag.label}</>
+                                      </Badge>
+                                    </a>
                                   </TooltipTrigger>
                                   <TooltipContent side="top">
                                     {tag.tooltip}