From 0fb95147f4bbb8ea064bd5c2878525dc6069f5cc Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Tue, 14 Oct 2025 18:49:58 -0300
Subject: [PATCH] Log machine context errors in portal

---
 src/components/portal/portal-shell.tsx       | 22 ++++++++-
 src/components/portal/portal-ticket-form.tsx | 18 +++++++-
 src/lib/auth-client.tsx                      | 47 +++++++++++++++++++-
 3 files changed, 82 insertions(+), 5 deletions(-)

diff --git a/src/components/portal/portal-shell.tsx b/src/components/portal/portal-shell.tsx
index 07462a3..ee10517 100644
--- a/src/components/portal/portal-shell.tsx
+++ b/src/components/portal/portal-shell.tsx
@@ -23,7 +23,7 @@ const navItems = [
 export function PortalShell({ children }: PortalShellProps) {
   const pathname = usePathname()
   const router = useRouter()
-  const { session, machineContext } = useAuth()
+  const { session, machineContext, machineContextError, machineContextLoading } = useAuth()
   const [isSigningOut, setIsSigningOut] = useState(false)
 
   const isMachineSession = session?.user.role === "machine"
@@ -136,7 +136,25 @@ export function PortalShell({ children }: PortalShellProps) {
         </div>
       </header>
       <main className="mx-auto flex w-full max-w-6xl flex-1 flex-col gap-6 px-6 py-8">
-        {null}
+        {machineContextError ? (
+          <div className="rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 shadow-sm">
+            <p className="font-semibold text-red-800">Falha ao carregar os dados do colaborador vinculado.</p>
+            <p className="mt-1 text-xs text-red-700/80">
+              {machineContextError.message}
+              {machineContextError.status ? ` (status ${machineContextError.status})` : null}
+            </p>
+            {machineContextError.details && Object.keys(machineContextError.details).length > 0 ? (
+              <pre className="mt-2 overflow-x-auto rounded-lg bg-red-100 px-3 py-2 text-[11px] leading-tight text-red-800">
+                {JSON.stringify(machineContextError.details, null, 2)}
+              </pre>
+            ) : null}
+          </div>
+        ) : null}
+        {!machineContextError && machineContextLoading ? (
+          <div className="rounded-xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-neutral-600 shadow-sm">
+            Recuperando dados do colaborador vinculado...
+          </div>
+        ) : null}
         {children}
       </main>
       <footer className="border-t border-slate-200 bg-white/70">
diff --git a/src/components/portal/portal-ticket-form.tsx b/src/components/portal/portal-ticket-form.tsx
index 2cbe0bb..f99601b 100644
--- a/src/components/portal/portal-ticket-form.tsx
+++ b/src/components/portal/portal-ticket-form.tsx
@@ -31,7 +31,7 @@ function toHtml(text: string) {
 
 export function PortalTicketForm() {
   const router = useRouter()
-  const { convexUserId, session, machineContext } = useAuth()
+  const { convexUserId, session, machineContext, machineContextError, machineContextLoading } = useAuth()
   const createTicket = useMutation(api.tickets.create)
   const addComment = useMutation(api.tickets.addComment)
 
@@ -49,13 +49,19 @@ export function PortalTicketForm() {
     return Boolean(subject.trim() && description.trim() && categoryId && subcategoryId)
   }, [subject, description, categoryId, subcategoryId])
   const isViewerReady = Boolean(viewerId)
+  const viewerErrorMessage = useMemo(() => {
+    if (!machineContextError) return null
+    const suffix = machineContextError.status ? ` (status ${machineContextError.status})` : ""
+    return `${machineContextError.message}${suffix}`
+  }, [machineContextError])
 
   async function handleSubmit(event: React.FormEvent) {
     event.preventDefault()
     if (isSubmitting || !isFormValid) return
     if (!viewerId) {
+      const detail = viewerErrorMessage ? ` Detalhes: ${viewerErrorMessage}` : ""
       toast.error(
-        "Não foi possível identificar o colaborador vinculado a esta máquina. Tente abrir novamente o portal ou contate o suporte.",
+        `N�o foi poss�vel identificar o colaborador vinculado a esta m�quina. Tente abrir novamente o portal ou contate o suporte.${detail}`,
         { id: "portal-new-ticket" }
       )
       return
@@ -124,6 +130,14 @@ export function PortalTicketForm() {
         {!isViewerReady ? (
           <div className="rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-700">
             Vincule esta máquina a um colaborador na aplicação desktop para enviar chamados em nome dele.
+            {machineContextLoading ? (
+              <p className="mt-2 text-xs text-amber-600">Carregando informa��es da m�quina...</p>
+            ) : null}
+            {viewerErrorMessage ? (
+              <p className="mt-2 text-xs text-amber-600">
+                Detalhes do erro: {viewerErrorMessage}
+              </p>
+            ) : null}
           </div>
         ) : null}
         <form onSubmit={handleSubmit} className="space-y-6">
diff --git a/src/lib/auth-client.tsx b/src/lib/auth-client.tsx
index f02ce7e..9456ac6 100644
--- a/src/lib/auth-client.tsx
+++ b/src/lib/auth-client.tsx
@@ -37,6 +37,12 @@ type MachineContext = {
   companyId: string | null
 }
 
+type MachineContextError = {
+  status: number
+  message: string
+  details?: Record<string, unknown> | null
+}
+
 const authClient = createAuthClient({
   plugins: [customSessionClient<AppAuth>()],
   fetchOptions: {
@@ -53,6 +59,8 @@ type AuthContextValue = {
   isStaff: boolean
   isCustomer: boolean
   machineContext: MachineContext | null
+  machineContextLoading: boolean
+  machineContextError: MachineContextError | null
 }
 
 const AuthContext = createContext<AuthContextValue>({
@@ -64,6 +72,8 @@ const AuthContext = createContext<AuthContextValue>({
   isStaff: false,
   isCustomer: false,
   machineContext: null,
+  machineContextLoading: false,
+  machineContextError: null,
 })
 
 export function useAuth() {
@@ -77,6 +87,8 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
   const ensureUser = useMutation(api.users.ensureUser)
   const [convexUserId, setConvexUserId] = useState<string | null>(null)
   const [machineContext, setMachineContext] = useState<MachineContext | null>(null)
+  const [machineContextLoading, setMachineContextLoading] = useState(false)
+  const [machineContextError, setMachineContextError] = useState<MachineContextError | null>(null)
 
   useEffect(() => {
     if (!session?.user || session.user.role === "machine") {
@@ -87,16 +99,37 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
   useEffect(() => {
     if (!session?.user || session.user.role !== "machine") {
       setMachineContext(null)
+      setMachineContextError(null)
+      setMachineContextLoading(false)
       return
     }
 
     let cancelled = false
+    setMachineContextLoading(true)
+    setMachineContextError(null)
     ;(async () => {
       try {
         const response = await fetch("/api/machines/session", { credentials: "include" })
         if (!response.ok) {
+          let payload: Record<string, unknown> | null = null
+          try {
+            const parsed = await response.clone().json()
+            if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+              payload = parsed as Record<string, unknown>
+            }
+          } catch {
+            payload = null
+          }
+          const fallbackMessage = "Falha ao carregar o contexto da m�quina."
+          const message =
+            (payload && typeof payload.error === "string" && payload.error.trim()) || fallbackMessage
           if (!cancelled) {
             setMachineContext(null)
+            setMachineContextError({
+              status: response.status,
+              message,
+              details: payload,
+            })
           }
           return
         }
@@ -122,11 +155,21 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
             assignedUserRole: machine.assignedUserRole ?? null,
             companyId: machine.companyId ?? null,
           })
+          setMachineContextError(null)
         }
       } catch (error) {
         console.error("Failed to load machine context", error)
         if (!cancelled) {
           setMachineContext(null)
+          setMachineContextError({
+            status: 0,
+            message: "Erro ao carregar o contexto da m�quina.",
+            details: error instanceof Error ? { message: error.message } : null,
+          })
+        }
+      } finally {
+        if (!cancelled) {
+          setMachineContextLoading(false)
         }
       }
     })()
@@ -184,8 +227,10 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
       isStaff: isStaff(normalizedRole),
       isCustomer: normalizedRole === "collaborator",
       machineContext,
+      machineContextLoading,
+      machineContextError,
     }),
-    [session, isPending, effectiveConvexUserId, normalizedRole, machineContext]
+    [session, isPending, effectiveConvexUserId, normalizedRole, machineContext, machineContextLoading, machineContextError]
   )
 
   return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>