From 5d9a02b2b9987822ef43ad952540f3c963c7eebf Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Tue, 12 May 2026 14:02:16 -0700 Subject: [PATCH 1/4] fix(docs): restore media centering and full-width intro image --- apps/docs/components/ui/image.tsx | 5 +++-- apps/docs/components/ui/video.tsx | 8 ++++++-- apps/docs/content/docs/en/introduction/index.mdx | 4 ++-- 3 files changed, 11 insertions(+), 6 deletions(-) diff --git a/apps/docs/components/ui/image.tsx b/apps/docs/components/ui/image.tsx index 311f1d649e8..ad0e7444afd 100644 --- a/apps/docs/components/ui/image.tsx +++ b/apps/docs/components/ui/image.tsx @@ -25,7 +25,8 @@ export function Image({ {image} diff --git a/apps/docs/components/ui/video.tsx b/apps/docs/components/ui/video.tsx index a4eb58dd3b2..d75fc729b93 100644 --- a/apps/docs/components/ui/video.tsx +++ b/apps/docs/components/ui/video.tsx @@ -45,7 +45,11 @@ export function Video({ playsInline={playsInline} width={width} height={height} - className={cn(className, enableLightbox && 'transition-opacity group-hover:opacity-[0.97]')} + className={cn( + className, + enableLightbox && + 'cursor-pointer transition-opacity group-hover:opacity-[0.97] group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2' + )} src={getAssetUrl(src)} /> ) @@ -57,7 +61,7 @@ export function Video({ type='button' onClick={openLightbox} aria-label={`Open ${src} in media viewer`} - className='group block w-full cursor-pointer rounded-xl p-0 text-left' + className='group contents' > {video} diff --git a/apps/docs/content/docs/en/introduction/index.mdx b/apps/docs/content/docs/en/introduction/index.mdx index 891667249f7..b9e783df711 100644 --- a/apps/docs/content/docs/en/introduction/index.mdx +++ b/apps/docs/content/docs/en/introduction/index.mdx @@ -10,13 +10,13 @@ import { FAQ } from '@/components/ui/faq' Sim is the open-source AI workspace where teams build, deploy, and manage AI agents. Create agents visually with the workflow builder, conversationally through Mothership, or programmatically with the API. Connect AI models, databases, APIs, and 1,000+ business tools to build agents that automate real work — from chatbots and compliance agents to data pipelines and ITSM automation. -
+
Sim visual workflow canvas
From 6f1d60ef01ecf83a453d566d7105206da9dffbeb Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Tue, 12 May 2026 14:07:39 -0700 Subject: [PATCH 2/4] fix(docs): drop overflow-hidden from intro media wrappers so focus ring is not clipped --- apps/docs/content/docs/en/introduction/index.mdx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/docs/content/docs/en/introduction/index.mdx b/apps/docs/content/docs/en/introduction/index.mdx index b9e783df711..406409cebb9 100644 --- a/apps/docs/content/docs/en/introduction/index.mdx +++ b/apps/docs/content/docs/en/introduction/index.mdx @@ -10,7 +10,7 @@ import { FAQ } from '@/components/ui/faq' Sim is the open-source AI workspace where teams build, deploy, and manage AI agents. Create agents visually with the workflow builder, conversationally through Mothership, or programmatically with the API. Connect AI models, databases, APIs, and 1,000+ business tools to build agents that automate real work — from chatbots and compliance agents to data pipelines and ITSM automation. -
+
Sim visual workflow canvas +
@@ -52,7 +52,7 @@ Launch workflows through multiple channels including chat interfaces, REST APIs, **Real-time Collaboration** Enable your team to build together. Multiple users can edit workflows simultaneously with live updates and granular permission controls. -
+
@@ -69,7 +69,7 @@ Sim provides native integrations with 1,000+ services across multiple categories For custom integrations, leverage our [MCP (Model Context Protocol) support](/mcp) to connect any external service or tool. -
+
@@ -86,7 +86,7 @@ Choose from Fast, Auto, Advanced, or Behemoth modes depending on task complexity Learn more about [Copilot capabilities](/copilot) and how to maximize productivity with AI assistance. -
+
From b6b41c04e1fc06547a619b48d570f74a0a7f459c Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Tue, 12 May 2026 14:16:57 -0700 Subject: [PATCH 3/4] fix(docs): use inset focus ring on lightbox media so parent overflow-hidden cannot clip it --- apps/docs/components/ui/image.tsx | 2 +- apps/docs/components/ui/video.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/docs/components/ui/image.tsx b/apps/docs/components/ui/image.tsx index ad0e7444afd..9df2ed5359a 100644 --- a/apps/docs/components/ui/image.tsx +++ b/apps/docs/components/ui/image.tsx @@ -26,7 +26,7 @@ export function Image({ className={cn( 'overflow-hidden rounded-xl border border-border object-cover', enableLightbox && - 'cursor-pointer transition-opacity group-hover:opacity-95 group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2', + 'cursor-pointer transition-opacity group-hover:opacity-95 group-focus-visible:ring-2 group-focus-visible:ring-inset group-focus-visible:ring-ring', className )} alt={alt} diff --git a/apps/docs/components/ui/video.tsx b/apps/docs/components/ui/video.tsx index d75fc729b93..17d2f66b717 100644 --- a/apps/docs/components/ui/video.tsx +++ b/apps/docs/components/ui/video.tsx @@ -48,7 +48,7 @@ export function Video({ className={cn( className, enableLightbox && - 'cursor-pointer transition-opacity group-hover:opacity-[0.97] group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2' + 'cursor-pointer transition-opacity group-hover:opacity-[0.97] group-focus-visible:ring-2 group-focus-visible:ring-inset group-focus-visible:ring-ring' )} src={getAssetUrl(src)} /> From 0215d55948aabc93bed0bf4dc6aa5ff6c073dc24 Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Tue, 12 May 2026 14:18:49 -0700 Subject: [PATCH 4/4] fix(docs): drop focus ring on lightbox media to match original UI --- apps/docs/components/ui/image.tsx | 3 +-- apps/docs/components/ui/video.tsx | 3 +-- apps/docs/content/docs/en/introduction/index.mdx | 10 +++++----- 3 files changed, 7 insertions(+), 9 deletions(-) diff --git a/apps/docs/components/ui/image.tsx b/apps/docs/components/ui/image.tsx index 9df2ed5359a..f667508a99a 100644 --- a/apps/docs/components/ui/image.tsx +++ b/apps/docs/components/ui/image.tsx @@ -25,8 +25,7 @@ export function Image({ diff --git a/apps/docs/content/docs/en/introduction/index.mdx b/apps/docs/content/docs/en/introduction/index.mdx index 406409cebb9..b9e783df711 100644 --- a/apps/docs/content/docs/en/introduction/index.mdx +++ b/apps/docs/content/docs/en/introduction/index.mdx @@ -10,7 +10,7 @@ import { FAQ } from '@/components/ui/faq' Sim is the open-source AI workspace where teams build, deploy, and manage AI agents. Create agents visually with the workflow builder, conversationally through Mothership, or programmatically with the API. Connect AI models, databases, APIs, and 1,000+ business tools to build agents that automate real work — from chatbots and compliance agents to data pipelines and ITSM automation. -
+
Sim visual workflow canvas +
@@ -52,7 +52,7 @@ Launch workflows through multiple channels including chat interfaces, REST APIs, **Real-time Collaboration** Enable your team to build together. Multiple users can edit workflows simultaneously with live updates and granular permission controls. -
+
@@ -69,7 +69,7 @@ Sim provides native integrations with 1,000+ services across multiple categories For custom integrations, leverage our [MCP (Model Context Protocol) support](/mcp) to connect any external service or tool. -
+
@@ -86,7 +86,7 @@ Choose from Fast, Auto, Advanced, or Behemoth modes depending on task complexity Learn more about [Copilot capabilities](/copilot) and how to maximize productivity with AI assistance. -
+