fix: authentication

Author: rob-at-cortex

src/components/Chat/PartTypes/PartApprovalTool.tsx

@@ -85,6 +85,32 @@ export const PartApprovalTool: React.FC<ChatTaskToolRendererProps> = ({
           Error: {toolPart.errorText}
         </div>
       )
+
+    case 'output-available':
+      return (
+        <>
+              { toolPart.output === 'approve' && (
+                <div className="flex items-center justify-center mt-3">
+                  <div className="inline-flex items-center px-4 py-2 rounded-full bg-green-100 text-green-800 text-sm font-medium border border-green-200">
+                    <svg className="h-4 w-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+                    </svg>
+                    Approved
+                  </div>
+                </div>
+              )}
+              { toolPart.output === 'deny' && (
+                <div className="flex items-center justify-center mt-3">
+                  <div className="inline-flex items-center px-4 py-2 rounded-full bg-red-100 text-red-800 text-sm font-medium border border-red-200">
+                    <svg className="h-4 w-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                    Denied
+                  </div>
+                </div>
+              )}
+            </>
+      )
 
     default:
       return null

src/components/Chat/PartTypes/PartAuthenticateTool.tsx

@@ -1,11 +1,12 @@
 // tool-requestEndpointLogin
 
-import React from "react"
-import { OAuthModal } from "../Components/Oauth"
-import { set } from "date-fns"
+import React from 'react'
+import { OAuthModal } from '../Components/Oauth'
+import { set } from 'date-fns'
 
 interface TaskToolPart {
   type: string
+  toolCallId: string
   state: 'input-available' | 'output-available' | 'output-error'
   input?: any
   output?: any
@@ -18,21 +19,18 @@ interface ChatTaskToolRendererProps {
   addToolResult: (toolCallId: string, tool: string, output: any) => void
 }
 
-export const PartAuthenticateTool: React.FC<ChatTaskToolRendererProps> = ({ 
-  toolPart, 
+export const PartAuthenticateTool: React.FC<ChatTaskToolRendererProps> = ({
+  toolPart,
   index,
   addToolResult,
 }) => {
   const [open, setOpen] = React.useState(true)
   const handleOAuthSuccess = () => {
-    addToolResult(toolPart.input?.toolCallId, toolPart.input?.tool, "Authentication completed")
+    addToolResult(toolPart.toolCallId, toolPart.type, 'Authentication completed')
     setOpen(false)
   }
 
-
-
   switch (toolPart.state) {
-    
     case 'input-available':
       return (
         <div key={index} className="mb-2">
@@ -43,27 +41,67 @@ export const PartAuthenticateTool: React.FC<ChatTaskToolRendererProps> = ({
             onSuccess={handleOAuthSuccess}
             description={toolPart.output?.reason || toolPart.input?.reason}
           />
-          { !open && (
+          {!open && (
             <div className="flex items-center justify-center mt-3">
               <div className="inline-flex items-center px-4 py-2 rounded-full bg-green-100 text-green-800 text-sm font-medium border border-green-200">
                 <svg className="h-4 w-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M5 13l4 4L19 7"
+                  />
                 </svg>
                 Authentication completed
               </div>
             </div>
           )}
         </div>
       )
-        
+
     case 'output-error':
       return (
         <div key={index} className="text-sm text-red-500">
           Error: {toolPart.errorText}
         </div>
       )
-    
+
+    case 'output-available':
+      return (
+        <>
+          {toolPart.output === 'Authentication completed' ? (
+            <div className="flex items-center justify-center mt-3">
+              <div className="inline-flex items-center px-4 py-2 rounded-full bg-green-100 text-green-800 text-sm font-medium border border-green-200">
+                <svg className="h-4 w-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M5 13l4 4L19 7"
+                  />
+                </svg>
+                Authentication completed
+              </div>
+            </div>
+          ) : (
+            <div className="flex items-center justify-center mt-3">
+              <div className="inline-flex items-center px-4 py-2 rounded-full bg-red-100 text-red-800 text-sm font-medium border border-red-200">
+                <svg className="h-4 w-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                </svg>
+                Authentication failed
+              </div>
+            </div>
+          )}
+        </>
+      )
+
     default:
       return null
   }
-}
+}