fix(workshop): use PocketBase name

apps/docs/src/components/workshop/DetailComments.tsx

@@ -159,12 +159,10 @@ export const CommentsSection = ({ submissionId, backend, currentUser, onRequireA
             const canDelete = ownComment || currentUser?.isAdmin === true;
             const isEditing = editingId === comment.id;
             const edited = comment.updated !== comment.created;
-            const authorGithubUsername = ownComment
-              ? (currentUser?.githubUsername ?? comment.authorGithubUsername)
-              : comment.authorGithubUsername;
-            const authorName = authorGithubUsername || "Community member";
-            const avatarUrl = githubAvatarUrl(authorGithubUsername);
-            const profileUrl = githubProfileUrl(authorGithubUsername);
+            const authorHandle = ownComment ? (currentUser?.name ?? comment.authorName) : comment.authorName;
+            const authorName = authorHandle || "Community member";
+            const avatarUrl = githubAvatarUrl(authorHandle);
+            const profileUrl = githubProfileUrl(authorHandle);
 
             return (
               <article
@@ -292,10 +290,8 @@ export const CommentsSection = ({ submissionId, backend, currentUser, onRequireA
       <div className="rounded-xl border border-border bg-muted/30 p-3">
         <div className="flex items-start gap-2.5">
           <Avatar className="mt-0.5 size-9 bg-background ring-1 ring-border">
-            {currentUser?.githubUsername && <AvatarImage src={githubAvatarUrl(currentUser.githubUsername)} alt="" />}
-            <AvatarFallback className="bg-background">
-              {avatarFallback(currentUser?.githubUsername ?? "Guest")}
-            </AvatarFallback>
+            {currentUser?.name && <AvatarImage src={githubAvatarUrl(currentUser.name)} alt="" />}
+            <AvatarFallback className="bg-background">{avatarFallback(currentUser?.name ?? "Guest")}</AvatarFallback>
           </Avatar>
           <Textarea
             className="min-h-16 flex-1 resize-none bg-background"

apps/docs/src/components/workshop/DetailPage.tsx

@@ -526,10 +526,10 @@ const MarketplaceDetail = ({ workshopUrl }: { workshopUrl: string }) => {
   const canManage = user?.id === submission.author || user?.isAdmin === true;
   const canEdit = user?.id === submission.author;
   const signedInAuthor = user?.id === submission.author ? user : null;
-  const authorGithubUsername = signedInAuthor?.githubUsername || submission.authorGithubUsername;
-  const authorName = authorGithubUsername || "Community member";
-  const authorAvatarUrl = githubAvatarUrl(authorGithubUsername);
-  const authorGithubProfileUrl = githubProfileUrl(authorGithubUsername);
+  const authorHandle = signedInAuthor?.name || submission.authorName;
+  const authorName = authorHandle || "Community member";
+  const authorAvatarUrl = githubAvatarUrl(authorHandle);
+  const authorGithubProfileUrl = githubProfileUrl(authorHandle);
   const sources = widgetDefinition ? Object.entries(widgetDefinition.sources) : [];
   const requests = widgetDefinition ? Object.entries(widgetDefinition.requests) : [];
   const options = widgetDefinition ? Object.entries(widgetDefinition.options) : [];

apps/docs/src/components/workshop/WorkshopAccountMenu.tsx

@@ -18,9 +18,9 @@ interface WorkshopAccountMenuProps {
 export const WorkshopAccountMenu = ({ user, onSignOut }: WorkshopAccountMenuProps) => {
   const [open, setOpen] = useState(false);
   const rootRef = useRef<HTMLDivElement>(null);
-  const profileUrl = githubProfileUrl(user.githubUsername);
-  const avatarUrl = githubAvatarUrl(user.githubUsername);
-  const accountLabel = user.githubUsername ? `@${user.githubUsername}` : "Account";
+  const profileUrl = githubProfileUrl(user.name);
+  const avatarUrl = githubAvatarUrl(user.name);
+  const accountLabel = user.name ? `@${user.name}` : "Account";
 
   useEffect(() => {
     if (!open) return;
@@ -53,7 +53,7 @@ export const WorkshopAccountMenu = ({ user, onSignOut }: WorkshopAccountMenuProp
       >
         <Avatar className="size-6">
           {avatarUrl && <AvatarImage src={avatarUrl} alt="" />}
-          <AvatarFallback className="text-[10px]">{avatarFallback(user.githubUsername)}</AvatarFallback>
+          <AvatarFallback className="text-[10px]">{avatarFallback(user.name)}</AvatarFallback>
         </Avatar>
         <span className="max-w-36 truncate">{accountLabel}</span>
         <IconChevronDown
@@ -72,7 +72,7 @@ export const WorkshopAccountMenu = ({ user, onSignOut }: WorkshopAccountMenuProp
           <div className="flex items-center gap-3 px-2 py-2">
             <Avatar className="size-9">
               {avatarUrl && <AvatarImage src={avatarUrl} alt="" />}
-              <AvatarFallback>{avatarFallback(user.githubUsername)}</AvatarFallback>
+              <AvatarFallback>{avatarFallback(user.name)}</AvatarFallback>
             </Avatar>
             <div className="min-w-0">
               <p className="truncate text-sm font-medium">{accountLabel}</p>

apps/docs/src/components/workshop/WorkshopAdmin.tsx

@@ -195,20 +195,18 @@ export function WorkshopAdmin({ workshopUrl }: { workshopUrl?: string }) {
                   <CardHeader className="border-b border-border pb-4 sm:grid-cols-[1fr_auto]">
                     <div className="flex min-w-0 items-center gap-3">
                       <Avatar className="size-10">
-                        {submission.authorGithubUsername && (
-                          <AvatarImage src={githubAvatarUrl(submission.authorGithubUsername)} alt="" />
-                        )}
-                        <AvatarFallback>{avatarFallback(submission.authorGithubUsername)}</AvatarFallback>
+                        {submission.authorName && <AvatarImage src={githubAvatarUrl(submission.authorName)} alt="" />}
+                        <AvatarFallback>{avatarFallback(submission.authorName)}</AvatarFallback>
                       </Avatar>
                       <div className="min-w-0">
                         <CardTitle className="truncate text-base">{submission.title}</CardTitle>
                         <a
-                          href={githubProfileUrl(submission.authorGithubUsername) || undefined}
-                          target={submission.authorGithubUsername ? "_blank" : undefined}
+                          href={githubProfileUrl(submission.authorName) || undefined}
+                          target={submission.authorName ? "_blank" : undefined}
                           rel="noreferrer"
                           className="text-xs text-muted-foreground hover:text-foreground hover:underline"
                         >
-                          {submission.authorGithubUsername || "Community member"}
+                          {submission.authorName || "Community member"}
                         </a>
                       </div>
                     </div>
@@ -240,7 +238,7 @@ export function WorkshopAdmin({ workshopUrl }: { workshopUrl?: string }) {
                                 <div className="min-w-0">
                                   <AlertTitle className="col-auto capitalize">{report.category} report</AlertTitle>
                                   <p className="m-0 mt-1 text-xs text-destructive/75">
-                                    Reported by {report.reporterGithubUsername || "Community member"} ·{" "}
+                                    Reported by {report.reporterName || "Community member"} ·{" "}
                                     {new Date(report.created).toLocaleString()}
                                   </p>
                                 </div>

apps/docs/src/components/workshop/WorkshopApp.tsx

@@ -99,8 +99,7 @@ export const WorkshopApp = ({ workshopUrl }: { workshopUrl: string }) => {
       .filter((item) => includeOutdated || !item.outdated)
       .filter(
         (item) =>
-          !q ||
-          [item.title, item.description, item.authorGithubUsername].some((value) => value?.toLowerCase().includes(q)),
+          !q || [item.title, item.description, item.authorName].some((value) => value?.toLowerCase().includes(q)),
       )
       .toSorted(workshop.sorters[sort])
       .map((s) => s.id);
@@ -358,18 +357,16 @@ const SubmissionCard = ({ submission, backend, userVote, onVote }: SubmissionCar
         </div>
         <CardDescription className="flex min-w-0 items-center gap-1 text-xs">
           <a
-            href={githubProfileUrl(submission.authorGithubUsername) || undefined}
-            target={submission.authorGithubUsername ? "_blank" : undefined}
+            href={githubProfileUrl(submission.authorName) || undefined}
+            target={submission.authorName ? "_blank" : undefined}
             rel="noreferrer"
             className="inline-flex min-w-0 items-center gap-1.5 hover:text-foreground"
           >
             <Avatar className="size-4">
-              {submission.authorGithubUsername && (
-                <AvatarImage src={githubAvatarUrl(submission.authorGithubUsername)} alt="" />
-              )}
-              <AvatarFallback className="text-[9px]">{avatarFallback(submission.authorGithubUsername)}</AvatarFallback>
+              {submission.authorName && <AvatarImage src={githubAvatarUrl(submission.authorName)} alt="" />}
+              <AvatarFallback className="text-[9px]">{avatarFallback(submission.authorName)}</AvatarFallback>
             </Avatar>
-            <span className="truncate">{submission.authorGithubUsername || "Community member"}</span>
+            <span className="truncate">{submission.authorName || "Community member"}</span>
           </a>
           <span className="shrink-0 whitespace-nowrap">
             · v{submission.revision} · {formatRelativeTime(submission.created)}