use widget for chat to edit (#1995)

* use-widget-in-chat-to-edit

* use-widget-in-chat-to-edit

* use-widget-in-chat-to-edit

* Apply suggestion from @anubra266

* Apply suggestion from @anubra266

* fix toolname

* Refactor Copilot components for improved readability and functionality

- Updated IkpTool component to use a functional component syntax for better clarity.
- Enhanced parseToolOutputForRelations function to utilize flatMap for cleaner data extraction.
- Introduced ApprovalButtons component to streamline approval button rendering in ToolApproval.
- Replaced setConversationId with resetPlaygroundConversationId in ChatWidget and Playground components for consistency in state management.
- Added playgroundConversationId to agent state for better tracking of conversation IDs.

Author: anubra266

agents-manage-ui/package.json

@@ -114,7 +114,6 @@
     "react-resizable-panels": "^3.0.6",
     "react-runner": "^1.0.5",
     "recharts": "2.15.4",
-    "remark-supersub": "^1.0.0",
     "shiki": "^3.20.0",
     "sonner": "^2.0.6",
     "streamdown": "^1.4.0",

agents-manage-ui/src/components/agent/copilot/copilot-chat.tsx

@@ -13,7 +13,7 @@ import { useOAuthLogin } from '@/hooks/use-oauth-login';
 import { sentry } from '@/lib/sentry';
 import { css } from '@/lib/utils';
 import { generateId } from '@/lib/utils/id-utils';
-import { IkpMessage } from './message-parts/message';
+import { IkpTool } from './message-parts/message';
 
 interface CopilotChatProps {
   agentId?: string;
@@ -206,25 +206,17 @@ export function CopilotChat({ agentId, tenantId, projectId, refreshAgentGraph }:
           aiChatSettings={{
             aiAssistantName: 'Agent Editor',
             components: {
-              ...(IkpMessage
-                ? {
-                    IkpMessage: (props: any) =>
-                      IkpMessage({
-                        ...props,
-                        copilotAgentId: PUBLIC_INKEEP_COPILOT_AGENT_ID,
-                        copilotProjectId: PUBLIC_INKEEP_COPILOT_PROJECT_ID,
-                        copilotTenantId: PUBLIC_INKEEP_COPILOT_TENANT_ID,
-                        apiUrl: PUBLIC_INKEEP_AGENTS_API_URL,
-                        targetTenantId: tenantId,
-                        targetProjectId: projectId,
-                        targetAgentId: agentId,
-                        onOAuthLogin: handleOAuthLogin,
-                        refreshAgentGraph: refreshAgentGraph,
-                        cookieHeader: cookieHeader,
-                        copilotToken: copilotToken,
-                      }),
-                  }
-                : {}),
+              IkpTool(props) {
+                return (
+                  <IkpTool
+                    {...props}
+                    targetTenantId={tenantId}
+                    targetProjectId={projectId}
+                    onOAuthLogin={handleOAuthLogin}
+                    refreshAgentGraph={refreshAgentGraph}
+                  />
+                );
+              },
             },
             conversationId,
             chatFunctionsRef,