fix agent flow edge arrow colors

.changeset/tangy-pants-pick.md

@@ -0,0 +1,5 @@
+---
+"@inkeep/agents-manage-ui": patch
+---
+
+fix color for flow edge markers

agents-manage-ui/next.config.ts

@@ -35,7 +35,16 @@ const nextConfig: NextConfig = {
   turbopack: {
     rules: {
       './**/icons/*.svg': {
-        loaders: ['@svgr/webpack'],
+        loaders: [
+          {
+            loader: '@svgr/webpack',
+            options: {
+              svgoConfig: {
+                plugins: ['removeXMLNS'],
+              },
+            },
+          },
+        ],
         as: '*.js',
       },
     },
@@ -50,27 +59,22 @@ const nextConfig: NextConfig = {
 };
 
 export default process.env.NEXT_PUBLIC_SENTRY_DSN
-  ? withSentryConfig(nextConfig, {
-      // For all available options, see:
-      // https://npmjs.com/package/@sentry/webpack-plugin#options
-
+  ? // For all available options, see:
+    // https://npmjs.com/package/@sentry/webpack-plugin#options
+    withSentryConfig(nextConfig, {
       org: process.env.SENTRY_ORG,
-
       project: process.env.SENTRY_PROJECT,
-
       // Only print logs for uploading source maps in CI
       silent: !process.env.CI,
-
       // For all available options, see:
       // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
 
       // Upload a larger set of source maps for prettier stack traces (increases build time)
       widenClientFileUpload: true,
-
       // Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
       // This can increase your server load as well as your hosting bill.
-      // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
-      // side errors will fail.
+      // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of
+      // client-side errors will fail.
       tunnelRoute: '/monitoring',
     })
   : nextConfig;

agents-manage-ui/src/app/[tenantId]/projects/[projectId]/agents/[agentId]/page.client.tsx

@@ -30,8 +30,6 @@ import {
 import { CopilotStreamingOverlay } from '@/components/agent/copilot-streaming-overlay';
 import { EmptyState } from '@/components/agent/empty-state';
 import { AgentErrorSummary } from '@/components/agent/error-display/agent-error-summary';
-import { DefaultMarker } from '@/components/agent/markers/default-marker';
-import { SelectedMarker } from '@/components/agent/markers/selected-marker';
 import NodeLibrary from '@/components/agent/node-library/node-library';
 import { EditorLoadingSkeleton } from '@/components/agent/sidepane/editor-loading-skeleton';
 import { SidePane } from '@/components/agent/sidepane/sidepane';
@@ -56,6 +54,7 @@ import { useProjectActions } from '@/features/project/state/use-project-store';
 import { useAgentErrors } from '@/hooks/use-agent-errors';
 import { useIsMounted } from '@/hooks/use-is-mounted';
 import { useSidePane } from '@/hooks/use-side-pane';
+import { EdgeArrow, SelectedEdgeArrow } from '@/icons';
 import { getFullProjectAction } from '@/lib/actions/project-full';
 import { fetchToolsAction } from '@/lib/actions/tools';
 import type { ArtifactComponent } from '@/lib/api/artifact-components';
@@ -976,8 +975,8 @@ export const Agent: FC<AgentProps> = ({
         className="relative"
       >
         {isCopilotStreaming && <CopilotStreamingOverlay />}
-        <DefaultMarker />
-        <SelectedMarker />
+        <EdgeArrow className="absolute" />
+        <SelectedEdgeArrow className="absolute" />
         <ReactFlow
           defaultEdgeOptions={{
             // Built-in 'default' edges ignore the `data` prop.

agents-manage-ui/src/icons/index.ts

@@ -1,7 +1,9 @@
 export { default as ArrayIcon } from './array.svg?svgr';
 export { default as BooleanIcon } from './boolean.svg?svgr';
+export { default as EdgeArrow } from './edge-arrow.svg?svgr';
 export { default as EnumIcon } from './enum.svg?svgr';
 export { default as InkeepLogo } from './inkeep.svg?svgr';
 export { default as NumberIcon } from './number.svg?svgr';
 export { default as ObjectIcon } from './object.svg?svgr';
+export { default as SelectedEdgeArrow } from './selected-edge-arrow.svg?svgr';
 export { default as StringIcon } from './string.svg?svgr';

packages/agents-core/src/data-access/manage/agentFull.ts

@@ -1,6 +1,11 @@
 import { and, eq, inArray, not } from 'drizzle-orm';
 import type { AgentsManageDatabaseClient } from '../../db/manage/manage-client';
-import { projects, subAgents, subAgentToolRelations, subAgentFunctionToolRelations } from '../../db/manage/manage-schema';
+import {
+  projects,
+  subAgentFunctionToolRelations,
+  subAgents,
+  subAgentToolRelations,
+} from '../../db/manage/manage-schema';
 import type { FullAgentDefinition, FullAgentSelectWithRelationIds } from '../../types/entities';
 import type { AgentScopeConfig, ProjectScopeConfig } from '../../types/utility';
 import { generateId } from '../../utils/conversations';
@@ -25,7 +30,12 @@ import {
   upsertAgentDataComponentRelation,
 } from './dataComponents';
 import { upsertFunction } from './functions';
-import { deleteFunctionTool, listFunctionTools, upsertFunctionTool, upsertSubAgentFunctionToolRelation } from './functionTools';
+import {
+  deleteFunctionTool,
+  listFunctionTools,
+  upsertFunctionTool,
+  upsertSubAgentFunctionToolRelation,
+} from './functionTools';
 import {
   deleteSubAgentExternalAgentRelation,
   getSubAgentExternalAgentRelationsByAgent,