@inkeep/agents-manage-ui 0.1.2 → 0.1.3

package/.env.example

@@ -1,6 +1,6 @@
 NEXT_PUBLIC_TENANT_ID="inkeep"
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL="http://localhost:3002" # URL where inkeep-management-api is running  
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL="http://localhost:3003" # URL where inkeep-execution-api is running
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL="http://localhost:3002" # URL where agents-manage-api is running  
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL="http://localhost:3003" # URL where agents-run-api is running
 NEXT_PUBLIC_INKEEP_AUTH_TOKEN=""
 NEXT_PUBLIC_DOCS_BASE_URL=""
 NANGO_SECRET_KEY=

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @inkeep/agents-manage-ui@0.1.1 build /Users/mileskaming-thanassi/agents/agents-manage-ui
+> @inkeep/agents-manage-ui@0.1.2 build /Users/mileskaming-thanassi/agents/agents-manage-ui
 > next build
 
  ⚠ Warning: Found multiple lockfiles. Selecting /Users/mileskaming-thanassi/package-lock.json.
@@ -12,32 +12,32 @@
    Creating an optimized production build ...
  ✓ Compiled successfully in 8.0s
    Skipping linting
-[?25l   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .[?25h   Checking validity of types    
 ✓ Checking validity of types 
-[?25l   Collecting page data  .   Collecting page data  ..NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
+[?25l   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...   Checking validity of types  .   Checking validity of types  ..   Checking validity of types  ...[?25h   Checking validity of types    
 ✓ Checking validity of types 
+[?25l   Collecting page data  .   Collecting page data  ..NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
 [?25h   Collecting page data    
 ✓ Collecting page data 
-[?25l   Generating static pages (0/7)  [    ]   Generating static pages (0/7)  [=   ]   Generating static pages (0/7)  [==  ][?25hNEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL is not set, falling back to: http://localhost:3002
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL is not set, falling back to: http://localhost:3003
+[?25l   Generating static pages (0/7)  [    ]   Generating static pages (0/7)  [=   ]   Generating static pages (0/7)  [==  ][?25hNEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL is not set, falling back to: http://localhost:3002
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL is not set, falling back to: http://localhost:3003
 NEXT_PUBLIC_TENANT_ID is not set, using default tenantId: default
 [?25h ✓ Generating static pages (7/7)
 [?25l   Finalizing page optimization  .[?25l   Collecting build traces  .   Finalizing page optimization  ..   Collecting build traces  ..   Finalizing page optimization  ...   Collecting build traces  ...   Finalizing page optimization  .   Collecting build traces  .   Finalizing page optimization  ..   Collecting build traces  ..   Finalizing page optimization  ...   Collecting build traces  ...   Finalizing page optimization  .   Collecting build traces  .   Finalizing page optimization  ..   Collecting build traces  ..   Finalizing page optimization  ...   Collecting build traces  ...   Finalizing page optimization  .   Collecting build traces  .   Finalizing page optimization  ..   Collecting build traces  ..   Finalizing page optimization  ...   Collecting build traces  ...[?25h   Collecting build traces    
 ✓ Collecting build traces 
@@ -51,8 +51,8 @@ NEXT_PUBLIC_TENANT_ID is not set, using default tenantId: default
 ├ ƒ /[tenantId]/projects/[projectId]                                              142 B         105 kB
 ├ ƒ /[tenantId]/projects/[projectId]/api-keys                                   8.73 kB         213 kB
 ├ ƒ /[tenantId]/projects/[projectId]/artifact-components                        1.31 kB         168 kB
-├ ƒ /[tenantId]/projects/[projectId]/artifact-components/[artifactComponentId]  1.54 kB         341 kB
-├ ƒ /[tenantId]/projects/[projectId]/artifact-components/new                    1.54 kB         341 kB
+├ ƒ /[tenantId]/projects/[projectId]/artifact-components/[artifactComponentId]  1.59 kB         341 kB
+├ ƒ /[tenantId]/projects/[projectId]/artifact-components/new                    1.59 kB         341 kB
 ├ ƒ /[tenantId]/projects/[projectId]/credentials                                1.77 kB         174 kB
 ├ ƒ /[tenantId]/projects/[projectId]/credentials/[credentialId]                 3.92 kB         184 kB
 ├ ƒ /[tenantId]/projects/[projectId]/credentials/new                              206 B         147 kB
@@ -60,8 +60,8 @@ NEXT_PUBLIC_TENANT_ID is not set, using default tenantId: default
 ├ ƒ /[tenantId]/projects/[projectId]/credentials/new/providers                  3.15 kB         155 kB
 ├ ƒ /[tenantId]/projects/[projectId]/credentials/new/providers/[providerId]     10.7 kB         212 kB
 ├ ƒ /[tenantId]/projects/[projectId]/data-components                            1.31 kB         168 kB
-├ ƒ /[tenantId]/projects/[projectId]/data-components/[dataComponentId]          1.46 kB         341 kB
-├ ƒ /[tenantId]/projects/[projectId]/data-components/new                        1.46 kB         341 kB
+├ ƒ /[tenantId]/projects/[projectId]/data-components/[dataComponentId]           1.5 kB         341 kB
+├ ƒ /[tenantId]/projects/[projectId]/data-components/new                         1.5 kB         341 kB
 ├ ƒ /[tenantId]/projects/[projectId]/graphs                                     1.29 kB         168 kB
 ├ ƒ /[tenantId]/projects/[projectId]/graphs/[graphId]                             199 B         984 kB
 ├ ƒ /[tenantId]/projects/[projectId]/graphs/new                                   199 B         984 kB

package/.turbo/turbo-test.log

@@ -1,66 +1,33 @@
 
 
-> @inkeep/agents-manage-ui@0.1.1 test /Users/mileskaming-thanassi/agents/agents-manage-ui
+> @inkeep/agents-manage-ui@0.1.2 test /Users/mileskaming-thanassi/agents/agents-manage-ui
 > vitest --run
 
 [?25l
  RUN  v3.2.4 /Users/mileskaming-thanassi/agents/agents-manage-ui
 
 [?2026h
- ❯ src/features/graph/domain/__tests__/roundtrip.test.ts [queued]
-
- Test Files 0 passed (3)
-      Tests 0 passed (0)
-   Start at 16:14:10
-   Duration 405ms
-[?2026l[?2026h
- ❯ src/features/graph/domain/__tests__/roundtrip.test.ts [queued]
  ❯ src/features/graph/domain/__tests__/serialize.test.ts [queued]
 
  Test Files 0 passed (3)
       Tests 0 passed (0)
-   Start at 16:14:10
-   Duration 610ms
-[?2026l[?2026h
- ❯ src/app/utils/__tests__/format-date.test.ts 0/22
- ❯ src/features/graph/domain/__tests__/roundtrip.test.ts [queued]
- ❯ src/features/graph/domain/__tests__/serialize.test.ts [queued]
-
- Test Files 0 passed (3)
-      Tests 0 passed (22)
-   Start at 16:14:10
-   Duration 713ms
-[?2026l[?2026h
- ❯ src/app/utils/__tests__/format-date.test.ts 1/22
- ❯ src/features/graph/domain/__tests__/roundtrip.test.ts [queued]
- ❯ src/features/graph/domain/__tests__/serialize.test.ts [queued]
-
- Test Files 0 passed (3)
-      Tests 1 passed (22)
-   Start at 16:14:10
-   Duration 933ms
-[?2026l[?2026h ✓ src/app/utils/__tests__/format-date.test.ts (22 tests) 13ms
+   Start at 16:07:15
+   Duration 106ms
+[?2026l[?2026h ✓ src/app/utils/__tests__/format-date.test.ts (22 tests) 13ms
 
  ❯ src/features/graph/domain/__tests__/roundtrip.test.ts 0/1
  ❯ src/features/graph/domain/__tests__/serialize.test.ts [queued]
 
  Test Files 1 passed (3)
       Tests 22 passed (23)
-   Start at 16:14:10
-   Duration 1.93s
-[?2026l[?2026h ✓ src/features/graph/domain/__tests__/roundtrip.test.ts (1 test) 10ms
-
- ❯ src/features/graph/domain/__tests__/serialize.test.ts 0/7
-
- Test Files 2 passed (3)
-      Tests 23 passed (30)
-   Start at 16:14:10
-   Duration 2.03s
-[?2026l ✓ src/features/graph/domain/__tests__/serialize.test.ts (7 tests) 4ms
+   Start at 16:07:15
+   Duration 307ms
+[?2026l ✓ src/features/graph/domain/__tests__/serialize.test.ts (7 tests) 3ms
+ ✓ src/features/graph/domain/__tests__/roundtrip.test.ts (1 test) 8ms
 
  Test Files  3 passed (3)
       Tests  30 passed (30)
-   Start at  16:14:10
-   Duration  2.17s (transform 528ms, setup 0ms, collect 3.01s, tests 28ms, environment 0ms, prepare 792ms)
+   Start at  16:07:15
+   Duration  431ms (transform 100ms, setup 0ms, collect 482ms, tests 23ms, environment 0ms, prepare 134ms)
 
 [?25h

package/.turbo/turbo-typecheck.log

@@ -1,5 +1,5 @@
 
 
-> @inkeep/agents-manage-ui@0.1.0 typecheck /Users/mileskaming-thanassi/agents/agents-manage-ui
+> @inkeep/agents-manage-ui@0.1.2 typecheck /Users/mileskaming-thanassi/agents/agents-manage-ui
 > tsc --noEmit
 

package/README.md

@@ -2,7 +2,7 @@ This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-
 
 ## Agent Builder
 
-This application provides a UI for building and managing agent graphs. It integrates with the inkeep-management-api and inkeep-execution-api backend services to provide full CRUD operations for agent graph management and real-time chat execution.
+This application provides a UI for building and managing agent graphs. It integrates with the agents-manage-api and agents-run-api backend services to provide full CRUD operations for agent graph management and real-time chat execution.
 
 ### Features
 
@@ -48,8 +48,8 @@ Create a `.env.local` file with the following configuration:
 ```bash
 # Inkeep Configuration
 NEXT_PUBLIC_TENANT_ID="inkeep"
-NEXT_PUBLIC_INKEEP_MANAGEMENT_API_URL="http://localhost:3002" # URL where inkeep-management-api is running
-NEXT_PUBLIC_INKEEP_EXECUTION_API_URL="http://localhost:3003" # URL where inkeep-execution-api is running
+NEXT_PUBLIC_INKEEP_AGENTS_MANAGE_API_URL="http://localhost:3002" # URL where agents-manage-api is running
+NEXT_PUBLIC_INKEEP_AGENTS_RUN_API_URL="http://localhost:3003" # URL where agents-run-api is running
 NEXT_PUBLIC_INKEEP_AUTH_TOKEN=""
 
 # SigNoz Configuration (for Traces feature)

package/biome.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["../biome.json"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-manage-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@ai-sdk/react": "2.0.11",
@@ -58,12 +58,11 @@
     "zod": "^3.25.76",
     "zustand": "^5.0.7",
     "@inkeep/agents-manage-api": "^0.1.2",
-    "@inkeep/agents-run-api": "^0.1.2",
-    "@inkeep/agents-core": "^0.1.2"
+    "@inkeep/agents-core": "^0.1.4",
+    "@inkeep/agents-run-api": "^0.1.3"
   },
   "devDependencies": {
     "@biomejs/biome": "2.1.4",
-    "@eslint/eslintrc": "^3",
     "@tailwindcss/postcss": "^4",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
@@ -72,8 +71,6 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9",
-    "eslint-config-next": "15.5.2",
     "jsdom": "^26.1.0",
     "tailwind-scrollbar": "^4.0.2",
     "tailwindcss": "^4",
@@ -81,11 +78,15 @@
     "typescript": "^5",
     "vitest": "^3.2.4"
   },
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "scripts": {
     "dev": "next dev -p 3000",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "biome check",
+    "format": "biome check --write",
     "typecheck": "tsc --noEmit",
     "test": "vitest --run",
     "test:coverage": "vitest --run --coverage"

package/src/app/api/signoz/conversations/[conversationId]/route.ts

@@ -1,14 +1,33 @@
-import { type NextRequest, NextResponse } from 'next/server';
-import { fetchAllSpanAttributes_SQL } from '@/lib/api/signoz-sql';
 import axios from 'axios';
 import axiosRetry from 'axios-retry';
-import { SPAN_NAMES, AI_OPERATIONS, SPAN_KEYS, QUERY_FIELD_CONFIGS, UNKNOWN_VALUE, OPERATORS, QUERY_EXPRESSIONS, DATA_SOURCES, PANEL_TYPES, QUERY_TYPES, AGGREGATE_OPERATORS, ORDER_DIRECTIONS, QUERY_DEFAULTS, ACTIVITY_TYPES, ACTIVITY_STATUS, AGENT_IDS, ACTIVITY_NAMES, TOOL_NAMES } from '@/constants/signoz';
+import { type NextRequest, NextResponse } from 'next/server';
+import {
+  ACTIVITY_NAMES,
+  ACTIVITY_STATUS,
+  ACTIVITY_TYPES,
+  AGENT_IDS,
+  AGGREGATE_OPERATORS,
+  AI_OPERATIONS,
+  DATA_SOURCES,
+  OPERATORS,
+  ORDER_DIRECTIONS,
+  PANEL_TYPES,
+  QUERY_DEFAULTS,
+  QUERY_EXPRESSIONS,
+  QUERY_FIELD_CONFIGS,
+  QUERY_TYPES,
+  SPAN_KEYS,
+  SPAN_NAMES,
+  TOOL_NAMES,
+  UNKNOWN_VALUE,
+} from '@/constants/signoz';
+import { fetchAllSpanAttributes_SQL } from '@/lib/api/signoz-sql';
 import { getLogger } from '@/lib/logger';
 
 // Configure axios retry
-axiosRetry(axios, { 
+axiosRetry(axios, {
   retries: 3,
-  retryDelay: axiosRetry.exponentialDelay 
+  retryDelay: axiosRetry.exponentialDelay,
 });
 
 export const dynamic = 'force-dynamic';
@@ -16,8 +35,6 @@ export const dynamic = 'force-dynamic';
 const SIGNOZ_URL = process.env.SIGNOZ_URL || 'http://localhost:3080';
 const SIGNOZ_API_KEY = process.env.SIGNOZ_API_KEY || '';
 
-
-   
 // ---------- Types
 
 type SigNozListItem = { data?: Record<string, any>; [k: string]: any };
@@ -27,8 +44,6 @@ type SigNozResp = {
 
 const START_2020_MS = new Date('2020-01-01T00:00:00Z').getTime();
 
-
-
 function getField(span: SigNozListItem, key: string) {
   const d = span?.data ?? span;
   return d?.[key] ?? span?.[key];
@@ -58,12 +73,15 @@ async function signozQuery(payload: any): Promise<SigNozResp> {
       timeout: 30000,
     });
     const json = response.data as SigNozResp;
-    const responseData = json?.data?.result?.map((r) => ({ queryName: r.queryName, count: r.list?.length }));
+    const responseData = json?.data?.result?.map((r) => ({
+      queryName: r.queryName,
+      count: r.list?.length,
+    }));
     logger.info({ responseData }, 'SigNoz response (truncated)');
     return json;
   } catch (e) {
     logger.error({ error: e }, 'SigNoz query error');
-    
+
     // Re-throw the error with more context for proper error handling
     if (axios.isAxiosError(e)) {
       if (e.code === 'ECONNREFUSED' || e.code === 'ENOTFOUND' || e.code === 'ETIMEDOUT') {
@@ -233,7 +251,7 @@ function buildConversationListPayload(
               key: { key: SPAN_KEYS.HAS_ERROR, ...QUERY_FIELD_CONFIGS.BOOL_TAG_COLUMN },
               op: OPERATORS.EQUALS,
               value: true,
-            }, 
+            },
           ],
           [
             { key: SPAN_KEYS.SPAN_ID, ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN },
@@ -254,7 +272,7 @@ function buildConversationListPayload(
               key: { key: SPAN_KEYS.HAS_ERROR, ...QUERY_FIELD_CONFIGS.BOOL_TAG_COLUMN },
               op: OPERATORS.EQUALS,
               value: true,
-            }, 
+            },
           ],
           [
             { key: SPAN_KEYS.SPAN_ID, ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN },
@@ -382,10 +400,9 @@ function buildConversationListPayload(
           ]
         ),
 
-
         durationSpans: listQuery(
           QUERY_EXPRESSIONS.DURATION_SPANS,
-          [], 
+          [],
           [
             { key: SPAN_KEYS.TRACE_ID, ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN },
             { key: SPAN_KEYS.PARENT_SPAN_ID, ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN },
@@ -586,7 +603,8 @@ export async function GET(
     for (const span of contextResolutionSpans) {
       const hasError = getField(span, SPAN_KEYS.HAS_ERROR) === true;
       const statusMessage =
-        getString(span, SPAN_KEYS.STATUS_MESSAGE) || getString(span, SPAN_KEYS.OTEL_STATUS_DESCRIPTION, '');
+        getString(span, SPAN_KEYS.STATUS_MESSAGE) ||
+        getString(span, SPAN_KEYS.OTEL_STATUS_DESCRIPTION, '');
 
       // context keys maybe JSON
       let keys: string[] | undefined;
@@ -615,7 +633,8 @@ export async function GET(
     for (const span of contextHandleSpans) {
       const hasError = getField(span, SPAN_KEYS.HAS_ERROR) === true;
       const statusMessage =
-        getString(span, SPAN_KEYS.STATUS_MESSAGE) || getString(span, SPAN_KEYS.OTEL_STATUS_DESCRIPTION, '');
+        getString(span, SPAN_KEYS.STATUS_MESSAGE) ||
+        getString(span, SPAN_KEYS.OTEL_STATUS_DESCRIPTION, '');
 
       // context keys maybe JSON
       let keys: string[] | undefined;
@@ -687,7 +706,7 @@ export async function GET(
         type: ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE,
         name: ACTIVITY_NAMES.AI_ASSISTANT_MESSAGE,
         description: 'AI Assistant responded',
-        timestamp:getString(span, SPAN_KEYS.AI_RESPONSE_TIMESTAMP),
+        timestamp: getString(span, SPAN_KEYS.AI_RESPONSE_TIMESTAMP),
         status: hasError ? ACTIVITY_STATUS.ERROR : ACTIVITY_STATUS.SUCCESS,
         agentId: AGENT_IDS.AI_ASSISTANT,
         agentName: getString(span, SPAN_KEYS.AI_AGENT_NAME_ALT, ACTIVITY_NAMES.UNKNOWN_AGENT),
@@ -708,7 +727,7 @@ export async function GET(
         type: ACTIVITY_TYPES.AI_GENERATION,
         name: ACTIVITY_NAMES.AI_TEXT_GENERATION,
         description: 'AI model generating text response',
-        timestamp:span.timestamp,
+        timestamp: span.timestamp,
         status: hasError ? ACTIVITY_STATUS.ERROR : ACTIVITY_STATUS.SUCCESS,
         agentId: getString(span, SPAN_KEYS.AGENT_ID, '') || undefined,
         agentName: getString(span, SPAN_KEYS.AI_TELEMETRY_FUNCTION_ID, '') || undefined,
@@ -747,7 +766,6 @@ export async function GET(
 
     // context fetchers
     for (const span of contextFetcherSpans) {
-
       const hasError = getField(span, SPAN_KEYS.HAS_ERROR) === true;
       activities.push({
         id: getString(span, SPAN_KEYS.SPAN_ID, ''),
@@ -758,7 +776,9 @@ export async function GET(
         status: hasError ? ACTIVITY_STATUS.ERROR : ACTIVITY_STATUS.SUCCESS,
         agentId: UNKNOWN_VALUE,
         agentName: 'Context Fetcher',
-        result: hasError ? 'Context fetch failed' : getString(span, SPAN_KEYS.HTTP_URL, 'Unknown URL'),
+        result: hasError
+          ? 'Context fetch failed'
+          : getString(span, SPAN_KEYS.HTTP_URL, 'Unknown URL'),
       });
     }
 
@@ -796,13 +816,15 @@ export async function GET(
     let totalOutputTokens = 0;
     for (const activity of activities) {
       if (
-        (activity.type === ACTIVITY_TYPES.AI_GENERATION || activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT) &&
+        (activity.type === ACTIVITY_TYPES.AI_GENERATION ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT) &&
         typeof activity.inputTokens === 'number'
       ) {
         totalInputTokens += activity.inputTokens;
       }
       if (
-        (activity.type === ACTIVITY_TYPES.AI_GENERATION || activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT) &&
+        (activity.type === ACTIVITY_TYPES.AI_GENERATION ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT) &&
         typeof activity.outputTokens === 'number'
       ) {
         totalOutputTokens += activity.outputTokens;
@@ -811,10 +833,6 @@ export async function GET(
 
     const openAICallsCount = aiGenerationSpans.length;
 
-
-
-
-
     let allSpanAttributes: Array<{
       spanId: string;
       traceId: string;
@@ -832,7 +850,6 @@ export async function GET(
       logger.error({ error: e }, 'allSpanAttributes SQL fetch skipped/failed');
     }
 
-
     const conversation = {
       conversationId,
       startTime: conversationStartTime ? conversationStartTime : null,
@@ -841,11 +858,15 @@ export async function GET(
       totalMessages: (() => {
         let count = 0;
         for (const a of activities) {
-          if (a.type === ACTIVITY_TYPES.USER_MESSAGE || a.type === ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE) count++;
+          if (
+            a.type === ACTIVITY_TYPES.USER_MESSAGE ||
+            a.type === ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE
+          )
+            count++;
         }
         return count;
       })(),
-      totalToolCalls: activities.filter(a => a.type === ACTIVITY_TYPES.TOOL_CALL).length,
+      totalToolCalls: activities.filter((a) => a.type === ACTIVITY_TYPES.TOOL_CALL).length,
       totalErrors: errorCount,
       totalOpenAICalls: openAICallsCount,
     };
@@ -868,7 +889,7 @@ export async function GET(
       conversationDuration: conversationDurationMs,
       totalInputTokens,
       totalOutputTokens,
-      mcpToolErrors: [], 
+      mcpToolErrors: [],
       contextErrors,
       agentGenerationErrors,
       graphId,
@@ -878,10 +899,11 @@ export async function GET(
   } catch (error) {
     const logger = getLogger('conversation-details');
     logger.error({ error }, 'Error fetching conversation details');
-    
+
     // Provide more specific error responses based on the error type
-    const errorMessage = error instanceof Error ? error.message : 'Failed to fetch conversation details';
-    
+    const errorMessage =
+      error instanceof Error ? error.message : 'Failed to fetch conversation details';
+
     if (errorMessage.includes('SigNoz service unavailable')) {
       return NextResponse.json({ error: errorMessage }, { status: 503 });
     }

package/src/components/artifact-components/form/artifact-component-form.tsx

@@ -9,6 +9,7 @@ import { GenericTextarea } from '@/components/form/generic-textarea';
 import { JsonSchemaInput } from '@/components/form/json-schema-input';
 import { Button } from '@/components/ui/button';
 import { Form } from '@/components/ui/form';
+import { useAutoPrefillId } from '@/hooks/use-auto-prefill-id';
 import {
   createArtifactComponentAction,
   updateArtifactComponentAction,
@@ -52,6 +53,14 @@ export function ArtifactComponentForm({
   const { isSubmitting } = form.formState;
   const router = useRouter();
 
+  // Auto-prefill ID based on name field (only for new components)
+  useAutoPrefillId({
+    form,
+    nameField: 'name',
+    idField: 'id',
+    isEditing: !!id,
+  });
+
   const onSubmit = async (data: ArtifactComponentFormData) => {
     try {
       const payload = { ...data } as ArtifactComponent;
@@ -81,6 +90,13 @@ export function ArtifactComponentForm({
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <GenericInput
+          control={form.control}
+          name="name"
+          label="Name"
+          placeholder="Document Artifact"
+          isRequired
+        />
         <GenericInput
           control={form.control}
           name="id"
@@ -94,13 +110,6 @@ export function ArtifactComponentForm({
               : 'Choose a unique identifier for this component. Using an existing id will replace that component.'
           }
         />
-        <GenericInput
-          control={form.control}
-          name="name"
-          label="Name"
-          placeholder="Document Artifact"
-          isRequired
-        />
         <GenericTextarea
           control={form.control}
           name="description"

package/src/components/data-components/form/data-component-form.tsx

@@ -9,6 +9,7 @@ import { GenericTextarea } from '@/components/form/generic-textarea';
 import { JsonSchemaInput } from '@/components/form/json-schema-input';
 import { Button } from '@/components/ui/button';
 import { Form } from '@/components/ui/form';
+import { useAutoPrefillId } from '@/hooks/use-auto-prefill-id';
 import {
   createDataComponentAction,
   updateDataComponentAction,
@@ -49,6 +50,14 @@ export function DataComponentForm({
   const { isSubmitting } = form.formState;
   const router = useRouter();
 
+    // Auto-prefill ID based on name field (only for new components)
+    useAutoPrefillId({
+      form,
+      nameField: 'name',
+      idField: 'id',
+      isEditing: !!id,
+    });
+
   const onSubmit = async (data: DataComponentFormData) => {
     try {
       const payload = { ...data } as DataComponent;
@@ -78,6 +87,13 @@ export function DataComponentForm({
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <GenericInput
+          control={form.control}
+          name="name"
+          label="Name"
+          placeholder="List orders"
+          isRequired
+        />
         <GenericInput
           control={form.control}
           name="id"
@@ -91,13 +107,6 @@ export function DataComponentForm({
           }
           isRequired
         />
-        <GenericInput
-          control={form.control}
-          name="name"
-          label="Name"
-          placeholder="List orders"
-          isRequired
-        />
         <GenericTextarea
           control={form.control}
           name="description"

package/src/components/graph/configuration/node-types.tsx

@@ -1,6 +1,4 @@
-import type { Node } from '@xyflow/react';
 import { Bot, BotMessageSquare, Hammer } from 'lucide-react';
-import { nanoid } from 'nanoid';
 import type { MCPTool } from '@/lib/api/tools';
 import { AgentNode } from '../nodes/agent-node';
 import { ExternalAgentNode } from '../nodes/external-agent-node';
@@ -58,10 +56,10 @@ export const externalAgentNodeTargetHandleId = 'target-external-agent';
 
 export const newNodeDefaults: Record<keyof typeof nodeTypes, NodeData> = {
   [NodeType.Agent]: {
-    name: 'Agent',
+    name: '',
   },
   [NodeType.ExternalAgent]: {
-    name: 'External agent',
+    name: '',
   },
   [NodeType.MCP]: {
     name: 'MCP',