diff --git a/apps/code/src/renderer/components/ui/RelativeTimestamp.tsx b/apps/code/src/renderer/components/ui/RelativeTimestamp.tsx
new file mode 100644
index 000000000..b184b2ff6
--- /dev/null
+++ b/apps/code/src/renderer/components/ui/RelativeTimestamp.tsx
@@ -0,0 +1,34 @@
+import { Tooltip } from "@components/ui/Tooltip";
+import { Text } from "@radix-ui/themes";
+import { formatRelativeTimeLong } from "@utils/time";
+
+interface RelativeTimestampProps {
+ timestamp: string | number | Date | null | undefined;
+ className?: string;
+}
+
+export function RelativeTimestamp({
+ timestamp,
+ className,
+}: RelativeTimestampProps) {
+ const date =
+ timestamp instanceof Date
+ ? timestamp
+ : timestamp !== null && timestamp !== undefined
+ ? new Date(timestamp)
+ : null;
+
+ if (date === null || Number.isNaN(date.getTime())) {
+ return null;
+ }
+
+ return (
+
+
+ {formatRelativeTimeLong(date.getTime())}
+
+
+ );
+}
diff --git a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx
index 14dfaeb9f..5396ed897 100644
--- a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx
+++ b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx
@@ -1,3 +1,4 @@
+import { RelativeTimestamp } from "@components/ui/RelativeTimestamp";
import { useAuthStateValue } from "@features/auth/hooks/authQueries";
import { MarkdownRenderer } from "@features/editor/components/MarkdownRenderer";
import { SOURCE_PRODUCT_META } from "@features/inbox/components/utils/source-product-icons";
@@ -261,6 +262,7 @@ function SignalCardHeader({
{signalCardSourceLine(signal)}
+
{verified === true && }
);
@@ -769,9 +771,6 @@ function GenericSignalCard({
-
- {new Date(signal.timestamp).toLocaleString()}
-