feat(core): call real endpoint for audio transcription (#11139)

fix AF-2359

packages/frontend/core/src/modules/cloud/views/public-user.css.ts

@@ -0,0 +1,20 @@
+import { style } from '@vanilla-extract/css';
+
+export const publicUserLabel = style({
+  fontSize: 'inherit',
+});
+
+export const publicUserLabelLoading = style([
+  publicUserLabel,
+  {
+    opacity: 0.5,
+  },
+]);
+
+export const publicUserLabelRemoved = style([
+  publicUserLabel,
+  {
+    opacity: 0.5,
+    textDecoration: 'line-through',
+  },
+]);

packages/frontend/core/src/modules/cloud/views/public-user.tsx

@@ -0,0 +1,38 @@
+import { useCurrentServerService } from '@affine/core/components/providers/current-server-scope';
+import { useI18n } from '@affine/i18n';
+import { useLiveData } from '@toeverything/infra';
+import { useLayoutEffect, useMemo } from 'react';
+
+import { PublicUserService } from '../services/public-user';
+import * as styles from './public-user.css';
+
+export const PublicUserLabel = ({ id }: { id: string }) => {
+  const serverService = useCurrentServerService();
+  const publicUser = useMemo(() => {
+    return serverService?.scope.get(PublicUserService);
+  }, [serverService]);
+
+  useLayoutEffect(() => {
+    if (publicUser) {
+      publicUser.revalidate(id);
+    }
+  }, [id, publicUser]);
+
+  const user = useLiveData(publicUser?.publicUser$(id));
+  const isLoading = useLiveData(publicUser?.isLoading$(id));
+  const t = useI18n();
+
+  if (isLoading && !user) {
+    return <span className={styles.publicUserLabelLoading}>...</span>;
+  }
+
+  if (user?.removed) {
+    return (
+      <span className={styles.publicUserLabelRemoved}>
+        {t['Unknown User']()}
+      </span>
+    );
+  }
+
+  return <span className={styles.publicUserLabel}>{user?.name}</span>;
+};