From 708a11d9fc1790f290e456cdc50f8882573be597 Mon Sep 17 00:00:00 2001
From: Saumya <saumyadas2017@gmail.com>
Date: Tue, 5 Aug 2025 14:21:13 +0530
Subject: [PATCH] import and types fix

---
 .../composio/composio-connections-section.tsx |  5 ++--
 .../create-credential-profile.tsx             | 29 ++++++-------------
 2 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/agents/composio/composio-connections-section.tsx b/frontend/src/components/agents/composio/composio-connections-section.tsx
index dc9419e8..bc2e79d7 100644
--- a/frontend/src/components/agents/composio/composio-connections-section.tsx
+++ b/frontend/src/components/agents/composio/composio-connections-section.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import React, { useState, useMemo } from 'react';
+import Link from 'next/link';
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -452,10 +453,10 @@ export const ComposioConnectionsSection: React.FC<ComposioConnectionsSectionProp
                 You haven't connected any Composio applications yet.
               </p>
               <Button variant="outline" asChild>
-                <a href="/agents" className="inline-flex items-center gap-2">
+                <Link href="/agents" className="inline-flex items-center gap-2">
                   <ExternalLink className="h-4 w-4" />
                   Connect Apps
-                </a>
+                </Link>
               </Button>
             </div>
           </CardContent>
diff --git a/frontend/src/components/thread/tool-views/create-credential-profile/create-credential-profile.tsx b/frontend/src/components/thread/tool-views/create-credential-profile/create-credential-profile.tsx
index d31d2127..67c0d430 100644
--- a/frontend/src/components/thread/tool-views/create-credential-profile/create-credential-profile.tsx
+++ b/frontend/src/components/thread/tool-views/create-credential-profile/create-credential-profile.tsx
@@ -34,7 +34,7 @@ export function CreateCredentialProfileToolView({
 }: ToolViewProps) {
 
   const {
-    app_slug,
+    toolkit_slug,
     profile_name,
     display_name,
     message,
@@ -53,8 +53,8 @@ export function CreateCredentialProfileToolView({
   const toolTitle = getToolTitle(name);
 
   // Fetch app icon using the logo hook
-  const { data: iconData } = usePipedreamAppIcon(app_slug || '', {
-    enabled: !!app_slug
+  const { data: iconData } = usePipedreamAppIcon(toolkit_slug || '', {
+    enabled: !!toolkit_slug
   });
 
   const logoUrl = iconData?.icon_url;
@@ -141,7 +141,7 @@ export function CreateCredentialProfileToolView({
                       {logoUrl ? (
                         <img
                           src={logoUrl}
-                          alt={`${profile.app_name} logo`}
+                          alt={`${profile.toolkit_name} logo`}
                           className="w-8 h-8 object-cover rounded"
                           onError={(e) => {
                             const target = e.target as HTMLImageElement;
@@ -161,7 +161,7 @@ export function CreateCredentialProfileToolView({
                         {profile.display_name}
                       </h3>
                       <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                        {profile.app_name}
+                        {profile.toolkit_name}
                       </p>
                     </div>
                   </div>
@@ -192,24 +192,13 @@ export function CreateCredentialProfileToolView({
                     </p>
                   </div>
 
-                  {/* App Slug */}
                   <div className="space-y-2">
                     <div className="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400">
-                      <Server className="w-4 h-4" />
-                      <span>App Slug</span>
+                      <Server className="w-4 h-4" /> 
+                      <span>Toolkit Slug</span>
                     </div>
                     <p className="text-sm font-mono text-zinc-700 dark:text-zinc-300 pl-6">
-                      {profile.app_slug}
-                    </p>
-                  </div>
-
-                  <div className="space-y-2">
-                    <div className="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400">
-                      <Calendar className="w-4 h-4" />
-                      <span>Created</span>
-                    </div>
-                    <p className="text-sm text-zinc-700 dark:text-zinc-300 pl-6">
-                      {formatCreatedAt(profile.created_at)}
+                      {profile.toolkit_slug}
                     </p>
                   </div>
                 </div>
@@ -242,7 +231,7 @@ export function CreateCredentialProfileToolView({
                 Profile not created
               </h3>
               <p className="text-sm text-zinc-500 dark:text-zinc-400">
-                {app_slug ? `Failed to create profile for "${app_slug}"` : 'Credential profile creation failed'}
+                {toolkit_slug ? `Failed to create profile for "${toolkit_slug}"` : 'Credential profile creation failed'}
               </p>
             </div>
           </div>