feat(core, editor): Better distinguish personal and workflow agents in chat (no-changelog)

packages/@n8n/api-types/src/chat-hub.ts

@@ -29,6 +29,21 @@ export const chatHubLLMProviderSchema = z.enum([
 ]);
 export type ChatHubLLMProvider = z.infer<typeof chatHubLLMProviderSchema>;
 
+/**
+ * Schema for icon or emoji representation
+ */
+export const agentIconOrEmojiSchema = z.discriminatedUnion('type', [
+	z.object({
+		type: z.literal('icon'),
+		value: z.string(),
+	}),
+	z.object({
+		type: z.literal('emoji'),
+		value: z.string(),
+	}),
+]);
+export type AgentIconOrEmoji = z.infer<typeof agentIconOrEmojiSchema>;
+
 export const chatHubProviderSchema = z.enum([
 	...chatHubLLMProviderSchema.options,
 	'n8n',
@@ -222,6 +237,7 @@ export interface ChatModelDto {
 	model: ChatHubConversationModel;
 	name: string;
 	description: string | null;
+	icon: AgentIconOrEmoji | null;
 	updatedAt: string | null;
 	createdAt: string | null;
 	metadata: ChatModelMetadataDto;
@@ -363,6 +379,7 @@ export interface ChatHubSessionDto {
 	workflowId: string | null;
 	agentId: string | null;
 	agentName: string;
+	agentIcon: AgentIconOrEmoji | null;
 	createdAt: string;
 	updatedAt: string;
 	tools: INode[];
@@ -414,6 +431,7 @@ export interface ChatHubAgentDto {
 	id: string;
 	name: string;
 	description: string | null;
+	icon: AgentIconOrEmoji | null;
 	systemPrompt: string;
 	ownerId: string;
 	credentialId: string | null;
@@ -427,6 +445,7 @@ export interface ChatHubAgentDto {
 export class ChatHubCreateAgentRequest extends Z.class({
 	name: z.string().min(1).max(128),
 	description: z.string().max(512).optional(),
+	icon: agentIconOrEmojiSchema,
 	systemPrompt: z.string().min(1),
 	credentialId: z.string(),
 	provider: chatHubLLMProviderSchema,
@@ -437,6 +456,7 @@ export class ChatHubCreateAgentRequest extends Z.class({
 export class ChatHubUpdateAgentRequest extends Z.class({
 	name: z.string().min(1).max(128).optional(),
 	description: z.string().max(512).optional(),
+	icon: agentIconOrEmojiSchema.optional(),
 	systemPrompt: z.string().min(1).optional(),
 	credentialId: z.string().optional(),
 	provider: chatHubProviderSchema.optional(),

packages/@n8n/api-types/src/index.ts

@@ -46,6 +46,8 @@ export {
 	type ChatHubAgentDto,
 	ChatHubCreateAgentRequest,
 	ChatHubUpdateAgentRequest,
+	type AgentIconOrEmoji,
+	agentIconOrEmojiSchema,
 	type EnrichedStructuredChunk,
 	type ChatHubAgentTool,
 	UpdateChatSettingsRequest,

packages/@n8n/backend-test-utils/src/test-db.ts

@@ -83,6 +83,7 @@ type EntityName =
 	| 'DataTableColumn'
 	| 'ChatHubSession'
 	| 'ChatHubMessage'
+	| 'ChatHubAgent'
 	| 'OAuthClient'
 	| 'AuthorizationCode'
 	| 'AccessToken'

packages/@n8n/db/src/migrations/common/1765788427674-AddIconToAgentTable.ts

@@ -0,0 +1,15 @@
+import type { MigrationContext, ReversibleMigration } from '../migration-types';
+
+const table = 'chat_hub_agents';
+
+export class AddIconToAgentTable1765788427674 implements ReversibleMigration {
+	async up({ schemaBuilder: { addColumns, column } }: MigrationContext) {
+		// Add icon column to agents table (nullable)
+		await addColumns(table, [column('icon').json]);
+	}
+
+	async down({ schemaBuilder: { dropColumns } }: MigrationContext) {
+		// Drop icon column
+		await dropColumns(table, ['icon']);
+	}
+}

packages/@n8n/db/src/migrations/mysqldb/index.ts

@@ -125,6 +125,7 @@ import { CreateDynamicCredentialResolverTable1764682447000 } from '../common/176
 import { AddDynamicCredentialEntryTable1764689388394 } from '../common/1764689388394-AddDynamicCredentialEntryTable';
 import { BackfillMissingWorkflowHistoryRecords1765448186933 } from '../common/1765448186933-BackfillMissingWorkflowHistoryRecords';
 import { AddResolvableFieldsToCredentials1765459448000 } from '../common/1765459448000-AddResolvableFieldsToCredentials';
+import { AddIconToAgentTable1765788427674 } from '../common/1765788427674-AddIconToAgentTable';
 import type { Migration } from '../migration-types';
 
 export const mysqlMigrations: Migration[] = [
@@ -255,4 +256,5 @@ export const mysqlMigrations: Migration[] = [
 	AddDynamicCredentialEntryTable1764689388394,
 	BackfillMissingWorkflowHistoryRecords1765448186933,
 	AddResolvableFieldsToCredentials1765459448000,
+	AddIconToAgentTable1765788427674,
 ];

packages/@n8n/db/src/migrations/postgresdb/index.ts

@@ -125,6 +125,7 @@ import { CreateDynamicCredentialResolverTable1764682447000 } from '../common/176
 import { AddDynamicCredentialEntryTable1764689388394 } from '../common/1764689388394-AddDynamicCredentialEntryTable';
 import { BackfillMissingWorkflowHistoryRecords1765448186933 } from '../common/1765448186933-BackfillMissingWorkflowHistoryRecords';
 import { AddResolvableFieldsToCredentials1765459448000 } from '../common/1765459448000-AddResolvableFieldsToCredentials';
+import { AddIconToAgentTable1765788427674 } from '../common/1765788427674-AddIconToAgentTable';
 import type { Migration } from '../migration-types';
 
 export const postgresMigrations: Migration[] = [
@@ -255,4 +256,5 @@ export const postgresMigrations: Migration[] = [
 	AddDynamicCredentialEntryTable1764689388394,
 	BackfillMissingWorkflowHistoryRecords1765448186933,
 	AddResolvableFieldsToCredentials1765459448000,
+	AddIconToAgentTable1765788427674,
 ];

packages/@n8n/db/src/migrations/sqlite/index.ts

@@ -121,6 +121,7 @@ import { CreateWorkflowPublishHistoryTable1764167920585 } from '../common/176416
 import { CreateDynamicCredentialResolverTable1764682447000 } from '../common/1764682447000-CreateCredentialResolverTable';
 import { AddDynamicCredentialEntryTable1764689388394 } from '../common/1764689388394-AddDynamicCredentialEntryTable';
 import { BackfillMissingWorkflowHistoryRecords1765448186933 } from '../common/1765448186933-BackfillMissingWorkflowHistoryRecords';
+import { AddIconToAgentTable1765788427674 } from '../common/1765788427674-AddIconToAgentTable';
 import type { Migration } from '../migration-types';
 
 const sqliteMigrations: Migration[] = [
@@ -247,6 +248,7 @@ const sqliteMigrations: Migration[] = [
 	AddDynamicCredentialEntryTable1764689388394,
 	BackfillMissingWorkflowHistoryRecords1765448186933,
 	AddResolvableFieldsToCredentials1764689448000,
+	AddIconToAgentTable1765788427674,
 ];
 
 export { sqliteMigrations };

packages/@n8n/utils/src/string/truncate.ts

@@ -7,7 +7,11 @@ export const truncate = (text: string, length = 30): string =>
  * - Remove chars just before the last word, as long as the last word is under 15 chars
  * - Otherwise preserve the last 5 chars of the name and remove chars before that
  */
-export function truncateBeforeLast(text: string, maxLength: number): string {
+export function truncateBeforeLast(
+	text: string,
+	maxLength: number,
+	lastCharsLength: number = 5,
+): string {
 	const chars: string[] = [];
 
 	const segmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
@@ -38,7 +42,13 @@ export function truncateBeforeLast(text: string, maxLength: number): string {
 		}
 	}
 
+	if (lastCharsLength < 1) {
+		return chars.slice(0, maxLength).join('') + ellipsis;
+	}
+
 	return (
-		chars.slice(0, maxLength - 5 - ellipsisLength).join('') + ellipsis + chars.slice(-5).join('')
+		chars.slice(0, maxLength - lastCharsLength - ellipsisLength).join('') +
+		ellipsis +
+		chars.slice(-lastCharsLength).join('')
 	);
 }