fix(docs): drop focus ring on lightbox media to match original UI

Author: waleedlatif1

apps/docs/components/ui/image.tsx

@@ -25,8 +25,7 @@ export function Image({
     <NextImage
       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-inset group-focus-visible:ring-ring',
+        enableLightbox && 'cursor-pointer transition-opacity group-hover:opacity-95',
         className
       )}
       alt={alt}

apps/docs/components/ui/video.tsx

@@ -47,8 +47,7 @@ export function Video({
       height={height}
       className={cn(
         className,
-        enableLightbox &&
-          'cursor-pointer transition-opacity group-hover:opacity-[0.97] group-focus-visible:ring-2 group-focus-visible:ring-inset group-focus-visible:ring-ring'
+        enableLightbox && 'cursor-pointer transition-opacity group-hover:opacity-[0.97]'
       )}
       src={getAssetUrl(src)}
     />

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.
 
-<div className="mx-auto w-full my-6">
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
   <Image
     src="/static/introduction.png"
     alt="Sim visual workflow canvas"
@@ -34,7 +34,7 @@ Transform raw data into actionable insights. Extract information from documents,
 **API Integration Workflows**  
 Orchestrate complex multi-service interactions. Create unified API endpoints, implement sophisticated business logic, and build event-driven automation systems.
 
-<div className="mx-auto w-full my-6">
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
   <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
 </div>
 
@@ -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.
 
-<div className="mx-auto w-full my-6">
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
   <Video src="introduction/build-workflow.mp4" width={700} height={450} />
 </div>
 
@@ -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.
 
-<div className="mx-auto w-full my-6">
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
   <Video src="introduction/integrations-sidebar.mp4" width={700} height={450} />
 </div>
 
@@ -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.
 
-<div className="mx-auto w-full my-6">
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
   <Video src="introduction/copilot-workflow.mp4" width={700} height={450} />
 </div>