feat(docs): update favicon, fix icon contrast, add integration intros

- replace docs favicon/icon assets with new sim logo
- fix light-tile icon contrast in BlockInfoCard so icons like Daytona
  no longer render invisible (white-on-white); matches sim toolbar's
  brightness-based contrast logic
- add missing MANUAL-CONTENT-START:intro sections to 30 integration
  docs pages that lacked context/links

Author: waleedlatif1

apps/docs/app/favicon.ico

@@ -9,22 +9,52 @@ interface BlockInfoCardProps {
   icon?: React.ComponentType<{ className?: string }>
 }
 
+/**
+ * Brightness above which a tile background is "clearly light" and a white
+ * foreground icon would wash out. Mirrors apps/sim's LIGHT_TILE_THRESHOLD
+ * (blocks/icon-color.ts) so monochrome `currentColor` icons (e.g. Daytona,
+ * Notion) stay legible on white/pale tiles instead of white-on-white.
+ */
+const LIGHT_TILE_THRESHOLD = 0.75
+
+function isLightTileColor(color: string): boolean {
+  const hex = color.trim().replace('#', '').toLowerCase()
+  let r: number
+  let g: number
+  let b: number
+  if (/^[0-9a-f]{3}$/.test(hex)) {
+    r = Number.parseInt(hex[0] + hex[0], 16)
+    g = Number.parseInt(hex[1] + hex[1], 16)
+    b = Number.parseInt(hex[2] + hex[2], 16)
+  } else if (/^[0-9a-f]{6}$/.test(hex)) {
+    r = Number.parseInt(hex.slice(0, 2), 16)
+    g = Number.parseInt(hex.slice(2, 4), 16)
+    b = Number.parseInt(hex.slice(4, 6), 16)
+  } else {
+    return false
+  }
+  return (0.299 * r + 0.587 * g + 0.114 * b) / 255 > LIGHT_TILE_THRESHOLD
+}
+
 export function BlockInfoCard({
   type,
   color,
   icon: IconComponent,
 }: BlockInfoCardProps): React.ReactNode {
   const ResolvedIcon = IconComponent || blockTypeToIconMap[type] || null
+  const iconColorClass = isLightTileColor(color) ? 'text-black' : 'text-white'
 
   return (
     <div
       className='mb-6 flex items-center justify-center overflow-hidden rounded-lg p-8'
       style={{ background: color }}
     >
       {ResolvedIcon ? (
-        <ResolvedIcon className='size-10 text-white' />
+        <ResolvedIcon className={`size-10 ${iconColorClass}`} />
       ) : (
-        <div className='font-mono text-white text-xl opacity-70'>{type.substring(0, 2)}</div>
+        <div className={`font-mono text-xl opacity-70 ${iconColorClass}`}>
+          {type.substring(0, 2)}
+        </div>
       )}
     </div>
   )

apps/docs/components/ui/block-info-card.tsx

@@ -10,6 +10,19 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#000000"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[Brandfetch](https://brandfetch.com/) is a brand data API that provides logos, colors, fonts, and firmographic information for companies, looked up by domain, stock ticker, ISIN, or crypto symbol.
+
+With Brandfetch, you can:
+
+- **Retrieve brand assets**: Pull logos, icons, and symbols in multiple formats and themes for a given brand
+- **Get brand style data**: Access brand colors and fonts, including type, theme, and origin
+- **Look up company info**: Retrieve firmographic data such as employees, location, and industries, along with a data quality score
+- **Search for brands**: Find brands by name and get back their domains and icons
+
+In Sim, the Brandfetch integration allows your agents to look up a brand's logos, colors, fonts, links, and company data by domain, ticker, ISIN, or crypto symbol, or search for a brand by name to find its domain and icon. This lets agents automate tasks like enriching company records with brand assets, verifying brand identity details, or sourcing logos and color palettes for design and reporting workflows.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Integrate Brandfetch into your workflow. Retrieve brand logos, colors, fonts, and company data by domain, ticker, or name search.

apps/docs/content/docs/en/integrations/brandfetch.mdx

@@ -10,6 +10,20 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#FFFFFF"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[Bright Data](https://brightdata.com/) is a web data platform that provides tools for scraping, searching, and extracting structured data from websites at scale, bypassing anti-bot protections, CAPTCHAs, and IP blocks along the way.
+
+With Bright Data, you can:
+
+- **Scrape any URL**: Fetch page content through Web Unlocker, with automatic anti-bot bypassing and optional Markdown conversion
+- **Search the web**: Query Google, Bing, DuckDuckGo, or Yandex through the SERP API and get structured results
+- **Discover content by intent**: Run AI-powered searches that rank results by relevance to a stated goal, with optional cleaned page content for RAG
+- **Run pre-built scrapers**: Trigger one of 660+ dataset scrapers for platforms like Amazon, LinkedIn, and Instagram, either synchronously for quick jobs or asynchronously via snapshots for larger ones
+
+In Sim, the Bright Data integration allows your agents to scrape web pages, run search-engine queries, discover and rank content by intent, and trigger structured data extraction jobs against sites like Amazon and LinkedIn. Agents can check the status of async scraping jobs, download completed snapshot results, and cancel jobs still in progress—making it possible to build workflows that gather, monitor, and retrieve web data end to end.
+{/* MANUAL-CONTENT-END */}
+
+
 ## Usage Instructions
 
 Integrate Bright Data into the workflow. Scrape any URL with Web Unlocker, search Google and other engines with SERP API, discover web content ranked by intent, or trigger pre-built scrapers for structured data extraction.

apps/docs/content/docs/en/integrations/brightdata.mdx

@@ -10,6 +10,19 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="linear-gradient(45deg, #2E27AD 0%, #527FFF 100%)"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[AWS CodePipeline](https://aws.amazon.com/codepipeline/) is a continuous delivery service that automates the build, test, and deploy phases of software release pipelines. It orchestrates pipeline stages and actions, tracking execution status, source revisions, and approval steps across a release process.
+
+With this integration, you can:
+
+- **Inspect pipelines**: List pipelines, retrieve a pipeline's stage and action structure, and check its current execution state
+- **Track executions**: Get details on a specific execution or list recent executions and action-level history, including status, triggers, and source revisions
+- **Control pipeline flow**: Start or stop executions, retry failed stages, and approve or reject pending manual approval actions
+- **Manage stage transitions**: Disable or re-enable artifact transitions into or out of a stage to freeze or resume a pipeline
+
+In Sim, the AWS CodePipeline integration allows your agents to monitor and control release pipelines programmatically — listing pipelines and their structure, checking execution and action status, starting or stopping executions, retrying failed stages, approving or rejecting manual approvals, and enabling or disabling stage transitions. This lets your agents build deployment automation and approval workflows that respond to pipeline state in real time.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Integrate AWS CodePipeline into workflows. Start, stop, and monitor pipeline executions, retry failed stages, and approve or reject manual approval actions. Requires AWS access key and secret access key.

apps/docs/content/docs/en/integrations/codepipeline.mdx

@@ -10,6 +10,19 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#ffffff"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[Context.dev](https://context.dev/) is a web data API that scrapes, crawls, searches, and extracts data from the web, and resolves brand and company data from a domain, name, email, ticker, or transaction descriptor.
+
+With Context.dev, you can:
+
+- **Scrape and crawl pages**: Convert URLs to clean markdown or HTML, capture screenshots, discover images, crawl entire sites, and map sitemaps
+- **Search the web**: Run natural language searches with domain filters and optional markdown scraping of results
+- **Extract structured data**: Pull data matching a JSON schema, or detect and extract product details and catalogs from a page or domain
+- **Analyze brand and design data**: Extract a domain's fonts and design system, classify a brand into NAICS/SIC industry codes, and resolve brand data (logos, colors, socials, address) from a domain, company name, email, ticker, or transaction descriptor
+
+In Sim, the Context.dev integration allows your agents to scrape and crawl web pages into markdown or HTML, capture screenshots, search the web, extract structured data and product information, pull a site's fonts and style guide, classify a brand's industry, and look up brand assets and company details by domain, name, email, ticker, or transaction — all through a single set of API calls in your workflow.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Integrate Context.dev into the workflow. Scrape pages to markdown or HTML, capture screenshots, list images, crawl entire sites, map sitemaps, search the web, extract structured data and products, pull design systems, classify industries, and retrieve brand assets by domain, name, email, ticker, or transaction — all from one API.

apps/docs/content/docs/en/integrations/context_dev.mdx

@@ -10,6 +10,18 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#E01F3D"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[CrowdStrike](https://www.crowdstrike.com/) is a cybersecurity platform providing endpoint protection, threat intelligence, and identity security through its Falcon suite. This integration connects to the Falcon Identity Protection API to query sensor data.
+
+With this integration, you can:
+
+- **Search sensors**: Query CrowdStrike identity protection sensors by hostname, IP, or related fields using Falcon Query Language filters
+- **Fetch sensor details**: Retrieve documented sensor details, including protection status, policy assignments, and protocol configuration, for one or more device IDs
+- **Run sensor aggregates**: Execute documented JSON aggregate queries to summarize sensor data into buckets and metrics
+
+In Sim, the CrowdStrike integration allows your agents to search identity protection sensors, look up detailed sensor records by device ID, and run aggregate queries against sensor data—all authenticated with a Falcon API client ID and secret against a specified cloud region. This lets agents surface device protection status, policy coverage, and protocol configuration (Kerberos, LDAP, NTLM, RDP, SMB) as part of security monitoring and reporting workflows.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Integrate CrowdStrike Identity Protection into workflows to search sensors, fetch documented sensor details by device ID, and run documented sensor aggregate queries.

apps/docs/content/docs/en/integrations/crowdstrike.mdx

@@ -10,6 +10,16 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#0C0C0C"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+Deployments is Sim's built-in system for taking a workflow's draft state live for API execution and managing its version history. Every deploy creates a new version, and past versions stay available for review or rollback.
+
+- **Deploy and undeploy**: Push the current draft live as a new version, or take a live workflow offline and remove its triggers, webhooks, and schedules
+- **Promote or roll back**: Make any past version the live one without creating a new version, including re-deploying an undeployed workflow at a known-good version
+- **Inspect version history**: List every deployment version with its metadata, or fetch the full workflow state snapshot for a specific version
+
+In Sim, the Deployments block allows your agents to deploy and undeploy workflows, promote a specific version to live for rollbacks, list all deployment versions of a workflow, and retrieve the deployed state snapshot of any past version—all programmatically as part of another workflow.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Deploy, undeploy, and roll back workflows in the current workspace. Promote a previous deployment version to live, list every version, or fetch the deployed workflow state for a specific version.

apps/docs/content/docs/en/integrations/deployments.mdx

@@ -10,6 +10,19 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#FFFFFF"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[Downdetector](https://downdetector.com/) is an outage-tracking service that aggregates user-submitted reports to detect and visualize real-time service disruptions for thousands of companies. The Downdetector Enterprise API exposes this data programmatically for monitoring and alerting.
+
+With Downdetector, you can:
+
+- **Search and identify companies**: Look up monitored companies by name, slug, country, or category to get their ids and status page URLs
+- **Check current status and trends**: Read a company's cached status, 24h report statistics, and baseline to judge whether current activity is abnormal
+- **Inspect problem indicators**: See which specific issues (e.g. "Login", "App crashing") are being reported and in what proportion
+- **Track incidents and events**: Pull incident timelines, published events, and attribution data (internal vs. external cause, user impact) for outages
+
+In Sim, the Downdetector integration allows your agents to search for monitored companies, check their current status and baseline reports, retrieve near-real-time report counts and problem indicators, and pull incident, event, and attribution data — all programmatically through API calls. This enables your agents to power outage alerts, monitoring dashboards, and automated incident summaries that stay current with service disruptions across the companies and regions Downdetector tracks.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Track real-time service outages with the Downdetector Enterprise API. Search monitored companies, read their current status and report trends, inspect problem indicators, and pull incident timelines to power outage alerts and dashboards. Requires a Downdetector Enterprise API plan.

apps/docs/content/docs/en/integrations/downdetector.mdx

@@ -10,6 +10,19 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
   color="#FB7A22"
 />
 
+{/* MANUAL-CONTENT-START:intro */}
+[Email Bison](https://emailbison.com/) is a cold email outreach and deliverability platform for managing leads, sending sequences, and tracking campaign performance.
+
+With Email Bison, you can:
+
+- **Manage leads**: Create, update, retrieve, and tag leads, and track their engagement across campaigns
+- **Run campaigns**: Create campaigns, attach leads, and pause, resume, or archive them as needed
+- **Track replies**: List and filter incoming replies by status, folder, campaign, sender, lead, or tag
+- **React to events**: Trigger workflows on first email sent, interested replies, unsubscribes, bounces, opens, and sender account changes
+
+In Sim, the Email Bison integration allows your agents to create and update leads, list and filter leads/campaigns/replies, attach leads to campaigns, manage campaign status, and organize leads with tags — all programmatically through API calls. Combined with Email Bison triggers, agents can also react in real time to events like a contact being emailed, replying, marking interest, unsubscribing, or an email bouncing, making it possible to automate outbound outreach workflows end to end.
+{/* MANUAL-CONTENT-END */}
+
 ## Usage Instructions
 
 Integrate Email Bison into workflows. Create and update leads, manage campaigns, attach leads to campaigns, list replies, and organize leads with tags.