Timestamp and registration checking

src/components/onboarding/provisioning-status.tsx

@@ -1,9 +1,10 @@
 "use client";
 
 import { useState, useEffect, useCallback } from "react";
-import { useTranslations } from "next-intl";
+import { useTranslations, useFormatter } from "next-intl";
 import { Card } from "@/components/ui/card";
 import { StatusBadge } from "@/components/ui/status-badge";
+import { formatDateTime, formatRelative } from "@/lib/format";
 
 interface OnboardingState {
   state: string;
@@ -13,6 +14,7 @@ interface OnboardingState {
     companyName: string;
     agentName: string;
     adminNotes?: string;
+    createdAt?: string;
   };
   tenant?: {
     name: string;
@@ -30,6 +32,7 @@ interface OnboardingState {
 
 export function ProvisioningStatus() {
   const t = useTranslations("onboarding");
+  const f = useFormatter();
   const [data, setData] = useState<OnboardingState | null>(null);
   const [error, setError] = useState("");
 
@@ -107,6 +110,20 @@ export function ProvisioningStatus() {
           <p className="text-sm text-text-secondary max-w-sm mx-auto">
             {t("pendingDescription")}
           </p>
+          {data.request?.createdAt && (
+            <p
+              className="text-xs text-text-muted mt-4"
+              title={formatDateTime(data.request.createdAt, f)}
+            >
+              {t("submittedAt")}{" "}
+              <span className="text-text-secondary">
+                {formatRelative(data.request.createdAt, f)}
+              </span>{" "}
+              <span className="text-text-muted/60">
+                ({formatDateTime(data.request.createdAt, f)})
+              </span>
+            </p>
+          )}
         </div>
       </Card>
     );