github/sim
1
0
Fork 0
mirror of https://github.com/simstudioai/sim.git synced 2026-01-22 21:38:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

improvement(ui): block alignment

Browse Source
This commit is contained in:
Emir Karabeg
2025-03-10 01:18:23 -07:00
parent 8124834e80
commit 03e1ab8443
11 changed files with 42 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
blocks/blocks/drive.ts
View File

@@ -14,7 +14,7 @@ type GoogleDriveResponse =
export const GoogleDriveBlock: BlockConfig<GoogleDriveResponse> = {
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',

2
blocks/blocks/gmail.ts
View File

@@ -5,7 +5,7 @@ import { BlockConfig } from '../types'
export const GmailBlock: BlockConfig<GmailToolResponse> = {
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',

2
blocks/blocks/notion.ts
View File

@@ -5,7 +5,7 @@ import { BlockConfig } from '../types'
export const NotionBlock: BlockConfig<NotionResponse> = {
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',

4
blocks/blocks/openai.ts
View File

@@ -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',

2
blocks/blocks/pinecone.ts
View File

@@ -6,7 +6,7 @@ import { BlockConfig } from '../types'
export const PineconeBlock: BlockConfig<PineconeResponse> = {
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',

2
blocks/blocks/sheets.ts
View File

@@ -14,7 +14,7 @@ type GoogleSheetsResponse =
export const GoogleSheetsBlock: BlockConfig<GoogleSheetsResponse> = {
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',

4
blocks/blocks/supabase.ts
View File

@@ -10,11 +10,11 @@ interface SupabaseResponse extends ToolResponse {
export const SupabaseBlock: BlockConfig<SupabaseResponse> = {
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

2
blocks/blocks/tavily.ts
View File

@@ -7,7 +7,7 @@ type TavilyResponse = TavilySearchResponse | TavilyExtractResponse
export const TavilyBlock: BlockConfig<TavilyResponse> = {
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',

2
blocks/blocks/vision.ts
View File

@@ -9,7 +9,7 @@ export const VisionBlock: BlockConfig<VisionResponse> = {
longDescription:
'Process visual content with customizable prompts to extract insights and information from images.',
category: 'tools',
bgColor: '#4B8F4B',
bgColor: '#36BBFF',
icon: EyeIcon,
subBlocks: [
{

4
blocks/index.ts
View File

@@ -36,7 +36,7 @@ export {
FunctionBlock,
VisionBlock,
FirecrawlBlock,
GuestyBlock,
// GuestyBlock,
JinaBlock,
TranslateBlock,
SlackBlock,
@@ -74,7 +74,7 @@ const blocks: Record<string, BlockConfig> = {
gmail: GmailBlock,
google_drive: GoogleDriveBlock,
google_sheets: GoogleSheetsBlock,
guesty: GuestyBlock,
// guesty: GuestyBlock,
jina: JinaBlock,
notion: NotionBlock,
openai: OpenAIBlock,

82
components/icons.tsx
View File

@@ -1599,49 +1599,42 @@ export function GoogleCalendarIcon(props: SVGProps<SVGSVGElement>) {
export function SupabaseIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg
{...props}
width="109"
height="113"
viewBox="0 0 109 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<svg {...props} width="24" height="24" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg">
<path
d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z"
d="M15.4057 26.2606C14.7241 27.1195 13.3394 26.649 13.3242 25.5519L13.083 9.50684H23.8724C25.8262 9.50684 26.9157 11.7636 25.7006 13.2933L15.4057 26.2606Z"
fill="url(#paint0_linear)"
/>
<path
d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z"
d="M15.4057 26.2606C14.7241 27.1195 13.3394 26.649 13.3242 25.5519L13.083 9.50684H23.8724C25.8262 9.50684 26.9157 11.7636 25.7006 13.2933L15.4057 26.2606Z"
fill="url(#paint1_linear)"
fill-opacity="0.2"
fillOpacity="0.2"
/>
<path
d="M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z"
d="M11.0167 0.443853C11.6983 -0.415083 13.0832 0.0553814 13.0982 1.15237L13.2042 17.1976H2.55005C0.596215 17.1976 -0.493259 14.9408 0.721603 13.4111L11.0167 0.443853Z"
fill="#3ECF8E"
/>
<defs>
<linearGradient
id="paint0_linear"
x1="53.9738"
y1="54.974"
x2="94.1635"
y2="71.8295"
x1="13.084"
y1="13.0655"
x2="22.6727"
y2="17.087"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#249361" />
<stop offset="1" stop-color="#3ECF8E" />
<stop stopColor="#249361" />
<stop offset="1" stopColor="#3ECF8E" />
</linearGradient>
<linearGradient
id="paint1_linear"
x1="36.1558"
y1="30.578"
x2="54.4844"
y2="65.0806"
x1="8.83277"
y1="7.24485"
x2="13.2057"
y2="15.477"
gradientUnits="userSpaceOnUse"
>
<stop />
<stop offset="1" stop-opacity="0" />
<stop offset="1" stopOpacity="0" />
</linearGradient>
</defs>
</svg>
@@ -1704,38 +1697,21 @@ export function EyeIcon(props: SVGProps<SVGSVGElement>) {
<svg
{...props}
fill="currentColor"
version="1.1"
id="Capa_1"
width="24"
height="24"
viewBox="0 0 28 23"
xmlns="http://www.w3.org/2000/svg"
width="800px"
height="800px"
viewBox="0 0 442.04 442.04"
xmlSpace="preserve"
>
<g>
<g>
<path
d="M221.02,341.304c-49.708,0-103.206-19.44-154.71-56.22C27.808,257.59,4.044,230.351,3.051,229.203
c-4.068-4.697-4.068-11.669,0-16.367c0.993-1.146,24.756-28.387,63.259-55.881c51.505-36.777,105.003-56.219,154.71-56.219
c49.708,0,103.207,19.441,154.71,56.219c38.502,27.494,62.266,54.734,63.259,55.881c4.068,4.697,4.068,11.669,0,16.367
c-0.993,1.146-24.756,28.387-63.259,55.881C324.227,321.863,270.729,341.304,221.02,341.304z M29.638,221.021
c9.61,9.799,27.747,27.03,51.694,44.071c32.83,23.361,83.714,51.212,139.688,51.212s106.859-27.851,139.688-51.212
c23.944-17.038,42.082-34.271,51.694-44.071c-9.609-9.799-27.747-27.03-51.694-44.071
c-32.829-23.362-83.714-51.212-139.688-51.212s-106.858,27.85-139.688,51.212C57.388,193.988,39.25,211.219,29.638,221.021z"
/>
</g>
<g>
<path
d="M221.02,298.521c-42.734,0-77.5-34.767-77.5-77.5c0-42.733,34.766-77.5,77.5-77.5c18.794,0,36.924,6.814,51.048,19.188
c5.193,4.549,5.715,12.446,1.166,17.639c-4.549,5.193-12.447,5.714-17.639,1.166c-9.564-8.379-21.844-12.993-34.576-12.993
c-28.949,0-52.5,23.552-52.5,52.5s23.551,52.5,52.5,52.5c28.95,0,52.5-23.552,52.5-52.5c0-6.903,5.597-12.5,12.5-12.5
s12.5,5.597,12.5,12.5C298.521,263.754,263.754,298.521,221.02,298.521z"
/>
</g>
<g>
<path d="M221.02,246.021c-13.785,0-25-11.215-25-25s11.215-25,25-25c13.786,0,25,11.215,25,25S234.806,246.021,221.02,246.021z" />
</g>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13.9999 6.51172C12.7047 6.51172 11.4625 7.02625 10.5466 7.94213C9.63074 8.858 9.11621 10.1002 9.11621 11.3954C9.11621 12.6907 9.63074 13.9329 10.5466 14.8488C11.4625 15.7646 12.7047 16.2792 13.9999 16.2792C15.2952 16.2792 16.5374 15.7646 17.4532 14.8488C18.3691 13.9329 18.8837 12.6907 18.8837 11.3954C18.8837 10.1002 18.3691 8.858 17.4532 7.94213C16.5374 7.02625 15.2952 6.51172 13.9999 6.51172ZM11.0697 11.3954C11.0697 10.6183 11.3784 9.87298 11.9279 9.32345C12.4775 8.77393 13.2228 8.46521 13.9999 8.46521C14.7771 8.46521 15.5224 8.77393 16.0719 9.32345C16.6214 9.87298 16.9302 10.6183 16.9302 11.3954C16.9302 12.1726 16.6214 12.9179 16.0719 13.4674C15.5224 14.017 14.7771 14.3257 13.9999 14.3257C13.2228 14.3257 12.4775 14.017 11.9279 13.4674C11.3784 12.9179 11.0697 12.1726 11.0697 11.3954Z"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14 0C8.1213 0 4.16093 3.52149 1.86233 6.50772L1.82195 6.56112C1.30102 7.23702 0.82307 7.85823 0.498791 8.59274C0.15107 9.38065 0 10.2389 0 11.3953C0 12.5518 0.15107 13.41 0.498791 14.198C0.824372 14.9325 1.30233 15.555 1.82195 16.2296L1.86363 16.283C4.16093 19.2692 8.1213 22.7907 14 22.7907C19.8787 22.7907 23.8391 19.2692 26.1377 16.283L26.178 16.2296C26.699 15.555 27.1769 14.9325 27.5012 14.198C27.8489 13.41 28 12.5518 28 11.3953C28 10.2389 27.8489 9.38065 27.5012 8.59274C27.1756 7.85823 26.6977 7.23702 26.178 6.56112L26.1364 6.50772C23.8391 3.52149 19.8787 0 14 0ZM3.41209 7.69935C5.53228 4.94233 8.98605 1.95349 14 1.95349C19.014 1.95349 22.4664 4.94233 24.5879 7.69935C25.1609 8.44167 25.4943 8.88447 25.7144 9.38195C25.9202 9.84819 26.0465 10.4173 26.0465 11.3953C26.0465 12.3734 25.9202 12.9425 25.7144 13.4087C25.4943 13.9062 25.1596 14.349 24.5892 15.0913C22.4651 17.8484 19.014 20.8372 14 20.8372C8.98605 20.8372 5.53358 17.8484 3.41209 15.0913C2.83907 14.349 2.50567 13.9062 2.28558 13.4087C2.07981 12.9425 1.95349 12.3734 1.95349 11.3953C1.95349 10.4173 2.07981 9.84819 2.28558 9.38195C2.50567 8.88447 2.84167 8.44167 3.41209 7.69935Z"
/>
</svg>
)
}