From 03e1ab8443ef0416ae938a2cbf01070c9f79e8ab Mon Sep 17 00:00:00 2001 From: Emir Karabeg Date: Mon, 10 Mar 2025 01:18:23 -0700 Subject: [PATCH] improvement(ui): block alignment --- blocks/blocks/drive.ts | 2 +- blocks/blocks/gmail.ts | 2 +- blocks/blocks/notion.ts | 2 +- blocks/blocks/openai.ts | 4 +- blocks/blocks/pinecone.ts | 2 +- blocks/blocks/sheets.ts | 2 +- blocks/blocks/supabase.ts | 4 +- blocks/blocks/tavily.ts | 2 +- blocks/blocks/vision.ts | 2 +- blocks/index.ts | 4 +- components/icons.tsx | 82 ++++++++++++++------------------------- 11 files changed, 42 insertions(+), 66 deletions(-) diff --git a/blocks/blocks/drive.ts b/blocks/blocks/drive.ts index 7592648c3..6404a6d28 100644 --- a/blocks/blocks/drive.ts +++ b/blocks/blocks/drive.ts @@ -14,7 +14,7 @@ type GoogleDriveResponse = export const GoogleDriveBlock: BlockConfig = { type: 'google_drive', name: 'Google Drive', - description: 'Upload, download, and list files in Google Drive', + description: 'Upload, download, and list files', longDescription: 'Integrate Google Drive functionality to manage files and folders. Upload new files, download existing ones, and list contents of folders using OAuth authentication. Supports file operations with custom MIME types and folder organization.', category: 'tools', diff --git a/blocks/blocks/gmail.ts b/blocks/blocks/gmail.ts index 2f806d028..0b5df2cd4 100644 --- a/blocks/blocks/gmail.ts +++ b/blocks/blocks/gmail.ts @@ -5,7 +5,7 @@ import { BlockConfig } from '../types' export const GmailBlock: BlockConfig = { type: 'gmail', name: 'Gmail', - description: 'Send, read, and search Gmail messages', + description: 'Send, read, and search Gmail', longDescription: 'Integrate Gmail functionality to send, read, and search email messages within your workflow. Automate email communications and process email content using OAuth authentication.', category: 'tools', diff --git a/blocks/blocks/notion.ts b/blocks/blocks/notion.ts index 8e08c6218..29870a049 100644 --- a/blocks/blocks/notion.ts +++ b/blocks/blocks/notion.ts @@ -5,7 +5,7 @@ import { BlockConfig } from '../types' export const NotionBlock: BlockConfig = { type: 'notion', name: 'Notion', - description: 'Read and write to Notion pages and databases', + description: 'Read and write to Notion pages', longDescription: 'Integrate with Notion to read content from pages or write new content programmatically. Access and modify your Notion workspace directly from your workflow using the official API.', category: 'tools', diff --git a/blocks/blocks/openai.ts b/blocks/blocks/openai.ts index 29faa6e49..084f8ddf3 100644 --- a/blocks/blocks/openai.ts +++ b/blocks/blocks/openai.ts @@ -3,8 +3,8 @@ import { BlockConfig } from '../types' export const OpenAIBlock: BlockConfig = { type: 'openai', - name: 'OpenAI Embeddings', - description: 'Generate embeddings from text', + name: 'Embeddings', + description: 'Generate Open AI embeddings', longDescription: "Convert text into numerical vector representations using OpenAI's embedding models. Transform text data into embeddings for semantic search, clustering, and other vector-based operations.", category: 'tools', diff --git a/blocks/blocks/pinecone.ts b/blocks/blocks/pinecone.ts index f56b749dc..8154c6561 100644 --- a/blocks/blocks/pinecone.ts +++ b/blocks/blocks/pinecone.ts @@ -6,7 +6,7 @@ import { BlockConfig } from '../types' export const PineconeBlock: BlockConfig = { type: 'pinecone', name: 'Pinecone', - description: 'Interact with Pinecone vector database', + description: 'Use Pinecone vector database', longDescription: "Store, search, and retrieve vector embeddings using Pinecone's specialized vector database. Generate embeddings from text and perform semantic similarity searches with customizable filtering options.", category: 'tools', diff --git a/blocks/blocks/sheets.ts b/blocks/blocks/sheets.ts index 2db9609fa..59d0ee5c2 100644 --- a/blocks/blocks/sheets.ts +++ b/blocks/blocks/sheets.ts @@ -14,7 +14,7 @@ type GoogleSheetsResponse = export const GoogleSheetsBlock: BlockConfig = { type: 'google_sheets', name: 'Google Sheets', - description: 'Read, write, and update data in Google Sheets', + description: 'Read, write, and update data', longDescription: 'Integrate Google Sheets functionality to manage spreadsheet data. Read data from specific ranges, write new data, and update existing cells using OAuth authentication. Supports various input and output formats for flexible data handling.', category: 'tools', diff --git a/blocks/blocks/supabase.ts b/blocks/blocks/supabase.ts index 1bd728e14..4faf7ce37 100644 --- a/blocks/blocks/supabase.ts +++ b/blocks/blocks/supabase.ts @@ -10,11 +10,11 @@ interface SupabaseResponse extends ToolResponse { export const SupabaseBlock: BlockConfig = { type: 'supabase', name: 'Supabase', - description: 'Connect to and interact with Supabase', + description: 'Use Supabase database', longDescription: 'Integrate with Supabase to manage your database, authentication, storage, and more. Query data, manage users, and interact with Supabase services using OAuth authentication.', category: 'tools', - bgColor: '#E0E0E0', + bgColor: '#1C1C1C', icon: SupabaseIcon, subBlocks: [ // Operation selector diff --git a/blocks/blocks/tavily.ts b/blocks/blocks/tavily.ts index 3f0b4ab2c..bb444f30b 100644 --- a/blocks/blocks/tavily.ts +++ b/blocks/blocks/tavily.ts @@ -7,7 +7,7 @@ type TavilyResponse = TavilySearchResponse | TavilyExtractResponse export const TavilyBlock: BlockConfig = { type: 'tavily', name: 'Tavily', - description: 'Search and extract information using Tavily AI', + description: 'Search and extract information', longDescription: "Access Tavily's AI-powered search engine to find relevant information from across the web. Extract and process content from specific URLs with customizable depth options.", category: 'tools', diff --git a/blocks/blocks/vision.ts b/blocks/blocks/vision.ts index 0dcfa05e6..4994197ea 100644 --- a/blocks/blocks/vision.ts +++ b/blocks/blocks/vision.ts @@ -9,7 +9,7 @@ export const VisionBlock: BlockConfig = { longDescription: 'Process visual content with customizable prompts to extract insights and information from images.', category: 'tools', - bgColor: '#4B8F4B', + bgColor: '#36BBFF', icon: EyeIcon, subBlocks: [ { diff --git a/blocks/index.ts b/blocks/index.ts index d5c6dc506..7aa14e6b7 100644 --- a/blocks/index.ts +++ b/blocks/index.ts @@ -36,7 +36,7 @@ export { FunctionBlock, VisionBlock, FirecrawlBlock, - GuestyBlock, + // GuestyBlock, JinaBlock, TranslateBlock, SlackBlock, @@ -74,7 +74,7 @@ const blocks: Record = { gmail: GmailBlock, google_drive: GoogleDriveBlock, google_sheets: GoogleSheetsBlock, - guesty: GuestyBlock, + // guesty: GuestyBlock, jina: JinaBlock, notion: NotionBlock, openai: OpenAIBlock, diff --git a/components/icons.tsx b/components/icons.tsx index feb27eb99..dc804d19b 100644 --- a/components/icons.tsx +++ b/components/icons.tsx @@ -1599,49 +1599,42 @@ export function GoogleCalendarIcon(props: SVGProps) { export function SupabaseIcon(props: SVGProps) { return ( - + - - + + - + @@ -1704,38 +1697,21 @@ export function EyeIcon(props: SVGProps) { - - - - - - - - - - - + + ) }