v0.6.20: oauth default credential name, models pages, new models

.cursor/skills/add-hosted-key/SKILL.md

@@ -192,7 +192,7 @@ In the block config (`blocks/blocks/{service}.ts`), add `hideWhenHosted: true` t
 },
 ```
 
-The visibility is controlled by `isSubBlockHiddenByHostedKey()` in `lib/workflows/subblocks/visibility.ts`, which checks the `isHosted` feature flag.
+The visibility is controlled by `isSubBlockHidden()` in `lib/workflows/subblocks/visibility.ts`, which checks both the `isHosted` feature flag (`hideWhenHosted`) and optional env var conditions (`hideWhenEnvSet`).
 
 ### Excluding Specific Operations from Hosted Key Support
 

apps/sim/.env.example

@@ -29,6 +29,14 @@ API_ENCRYPTION_KEY=your_api_encryption_key # Use `openssl rand -hex 32` to gener
 # VLLM_BASE_URL=http://localhost:8000    # Base URL for your self-hosted vLLM (OpenAI-compatible)
 # VLLM_API_KEY=                          # Optional bearer token if your vLLM instance requires auth
 # FIREWORKS_API_KEY=                     # Optional Fireworks AI API key for model listing
+# NEXT_PUBLIC_BEDROCK_DEFAULT_CREDENTIALS=true  # Set when using AWS default credential chain (IAM roles, ECS task roles, IRSA). Hides credential fields in Agent block UI.
+# AZURE_OPENAI_ENDPOINT=                        # Azure OpenAI endpoint (hides field in UI when set alongside NEXT_PUBLIC_AZURE_CONFIGURED)
+# AZURE_OPENAI_API_KEY=                         # Azure OpenAI API key
+# AZURE_OPENAI_API_VERSION=                     # Azure OpenAI API version
+# AZURE_ANTHROPIC_ENDPOINT=                     # Azure Anthropic endpoint (AI Foundry)
+# AZURE_ANTHROPIC_API_KEY=                      # Azure Anthropic API key
+# AZURE_ANTHROPIC_API_VERSION=                  # Azure Anthropic API version (e.g., 2023-06-01)
+# NEXT_PUBLIC_AZURE_CONFIGURED=true             # Set when Azure credentials are pre-configured above. Hides endpoint/key/version fields in Agent block UI.
 
 # Admin API (Optional - for self-hosted GitOps)
 # ADMIN_API_KEY=  # Use `openssl rand -hex 32` to generate. Enables admin API for workflow export/import.

apps/sim/app/(home)/components/footer/footer.tsx

@@ -26,6 +26,7 @@ const RESOURCES_LINKS: FooterItem[] = [
   { label: 'Blog', href: '/blog' },
   // { label: 'Templates', href: '/templates' },
   { label: 'Docs', href: 'https://docs.sim.ai', external: true },
+  { label: 'Models', href: '/models' },
   // { label: 'Academy', href: '/academy' },
   { label: 'Partners', href: '/partners' },
   { label: 'Careers', href: 'https://jobs.ashbyhq.com/sim', external: true },

apps/sim/app/(landing)/components/landing-faq.tsx

@@ -0,0 +1,63 @@
+'use client'
+
+import { useState } from 'react'
+import { ChevronDown } from '@/components/emcn'
+import { cn } from '@/lib/core/utils/cn'
+
+export interface LandingFAQItem {
+  question: string
+  answer: string
+}
+
+interface LandingFAQProps {
+  faqs: LandingFAQItem[]
+}
+
+export function LandingFAQ({ faqs }: LandingFAQProps) {
+  const [openIndex, setOpenIndex] = useState<number | null>(0)
+
+  return (
+    <div className='divide-y divide-[var(--landing-border)]'>
+      {faqs.map(({ question, answer }, index) => {
+        const isOpen = openIndex === index
+
+        return (
+          <div key={question}>
+            <button
+              type='button'
+              onClick={() => setOpenIndex(isOpen ? null : index)}
+              className='flex w-full items-start justify-between gap-4 py-5 text-left'
+              aria-expanded={isOpen}
+            >
+              <span
+                className={cn(
+                  'font-[500] text-[15px] leading-snug transition-colors',
+                  isOpen
+                    ? 'text-[var(--landing-text)]'
+                    : 'text-[var(--landing-text-muted)] hover:text-[var(--landing-text)]'
+                )}
+              >
+                {question}
+              </span>
+              <ChevronDown
+                className={cn(
+                  'mt-0.5 h-4 w-4 shrink-0 text-[#555] transition-transform duration-200',
+                  isOpen ? 'rotate-180' : 'rotate-0'
+                )}
+                aria-hidden='true'
+              />
+            </button>
+
+            {isOpen && (
+              <div className='pb-5'>
+                <p className='text-[14px] text-[var(--landing-text-muted)] leading-[1.75]'>
+                  {answer}
+                </p>
+              </div>
+            )}
+          </div>
+        )
+      })}
+    </div>
+  )
+}

apps/sim/app/(landing)/integrations/[slug]/components/integration-faq.tsx

@@ -1,58 +1,10 @@
-'use client'
-
-import { useState } from 'react'
-import { ChevronDown } from '@/components/emcn'
-import { cn } from '@/lib/core/utils/cn'
+import { LandingFAQ } from '@/app/(landing)/components/landing-faq'
 import type { FAQItem } from '@/app/(landing)/integrations/data/types'
 
 interface IntegrationFAQProps {
   faqs: FAQItem[]
 }
 
 export function IntegrationFAQ({ faqs }: IntegrationFAQProps) {
-  const [openIndex, setOpenIndex] = useState<number | null>(0)
-
-  return (
-    <div className='divide-y divide-[var(--landing-border)]'>
-      {faqs.map(({ question, answer }, index) => {
-        const isOpen = openIndex === index
-        return (
-          <div key={question}>
-            <button
-              type='button'
-              onClick={() => setOpenIndex(isOpen ? null : index)}
-              className='flex w-full items-start justify-between gap-4 py-5 text-left'
-              aria-expanded={isOpen}
-            >
-              <span
-                className={cn(
-                  'font-[500] text-[15px] leading-snug transition-colors',
-                  isOpen
-                    ? 'text-[var(--landing-text)]'
-                    : 'text-[var(--landing-text-muted)] hover:text-[var(--landing-text)]'
-                )}
-              >
-                {question}
-              </span>
-              <ChevronDown
-                className={cn(
-                  'mt-0.5 h-4 w-4 shrink-0 text-[#555] transition-transform duration-200',
-                  isOpen ? 'rotate-180' : 'rotate-0'
-                )}
-                aria-hidden='true'
-              />
-            </button>
-
-            {isOpen && (
-              <div className='pb-5'>
-                <p className='text-[14px] text-[var(--landing-text-muted)] leading-[1.75]'>
-                  {answer}
-                </p>
-              </div>
-            )}
-          </div>
-        )
-      })}
-    </div>
-  )
+  return <LandingFAQ faqs={faqs} />
 }

apps/sim/app/(landing)/models/[provider]/[model]/opengraph-image.tsx

@@ -0,0 +1,42 @@
+import { notFound } from 'next/navigation'
+import { createModelsOgImage } from '@/app/(landing)/models/og-utils'
+import {
+  formatPrice,
+  formatTokenCount,
+  getModelBySlug,
+  getProviderBySlug,
+} from '@/app/(landing)/models/utils'
+
+export const runtime = 'edge'
+export const contentType = 'image/png'
+export const size = {
+  width: 1200,
+  height: 630,
+}
+
+export default async function Image({
+  params,
+}: {
+  params: Promise<{ provider: string; model: string }>
+}) {
+  const { provider: providerSlug, model: modelSlug } = await params
+  const provider = getProviderBySlug(providerSlug)
+  const model = getModelBySlug(providerSlug, modelSlug)
+
+  if (!provider || !model) {
+    notFound()
+  }
+
+  return createModelsOgImage({
+    eyebrow: `${provider.name} model`,
+    title: model.displayName,
+    subtitle: `${provider.name} pricing, context window, and feature support generated from Sim's model registry.`,
+    pills: [
+      `Input ${formatPrice(model.pricing.input)}/1M`,
+      `Output ${formatPrice(model.pricing.output)}/1M`,
+      model.contextWindow ? `${formatTokenCount(model.contextWindow)} context` : 'Unknown context',
+      model.capabilityTags[0] ?? 'Capabilities tracked',
+    ],
+    domainLabel: `sim.ai${model.href}`,
+  })
+}