simstudioai · waleedlatif1 · Aug 8, 2026 · Aug 8, 2026
diff --git a/apps/sim/app/(auth)/components/auth-button-classes.ts b/apps/sim/app/(auth)/components/auth-button-classes.ts
@@ -1,3 +1,3 @@
 /** Shared className for inline auth action links. */
 export const AUTH_TEXT_LINK =
-  'font-medium text-[var(--brand-accent)] underline-offset-4 transition hover:text-[var(--brand-accent-hover)] hover:underline disabled:cursor-not-allowed disabled:opacity-50' as const
+  'text-[var(--brand-accent)] underline-offset-4 transition hover:text-[var(--brand-accent-hover)] hover:underline disabled:cursor-not-allowed disabled:opacity-50' as const
diff --git a/apps/sim/app/(interfaces)/chat/components/auth/email/email-auth.tsx b/apps/sim/app/(interfaces)/chat/components/auth/email/email-auth.tsx
@@ -217,8 +217,7 @@ export default function EmailAuth({ identifier }: EmailAuthProps) {
                     Didn't receive a code?{' '}
                     {countdown > 0 ? (
                       <span>
-                        Resend in{' '}
-                        <span className='font-medium text-[var(--text-primary)]'>{countdown}s</span>
+                        Resend in <span className='text-[var(--text-primary)]'>{countdown}s</span>
                       </span>
                     ) : (
                       <button

diff --git a/apps/sim/app/(interfaces)/chat/components/header/header.tsx b/apps/sim/app/(interfaces)/chat/components/header/header.tsx
@@ -40,7 +40,7 @@ export function ChatHeader({ chatConfig, starCount }: ChatHeaderProps) {
               className='size-6 rounded-md object-cover'
             />
           )}
-          <h2 className='font-medium text-[var(--text-primary)] text-lg'>
+          <h2 className='text-[var(--text-primary)] text-lg'>
             {chatConfig?.customizations?.headerText || chatConfig?.title || 'Chat'}
           </h2>
         </div>

diff --git a/apps/sim/app/(interfaces)/chat/components/message-container/message-container.tsx b/apps/sim/app/(interfaces)/chat/components/message-container/message-container.tsx
@@ -39,9 +39,7 @@ export function ChatMessageContainer({
           {messages.length === 0 ? (
             <div className='flex flex-col items-center justify-center py-10'>
               <div className='space-y-2 text-center'>
-                <h3 className='font-medium text-[var(--text-primary)] text-lg'>
-                  How can I help you today?
-                </h3>
+                <h3 className='text-[var(--text-primary)] text-lg'>How can I help you today?</h3>
                 <p className='text-[var(--text-muted)] text-sm'>
                   {chatConfig?.description || 'Ask me anything.'}
                 </p>

diff --git a/apps/sim/app/(interfaces)/chat/components/message/components/markdown-renderer.tsx b/apps/sim/app/(interfaces)/chat/components/message/components/markdown-renderer.tsx
@@ -18,7 +18,7 @@ function LinkWithPreview({ href, children }: { href: string; children: React.Rea
         </a>
       </Tooltip.Trigger>
       <Tooltip.Content side='top' align='center' sideOffset={5} className='max-w-sm'>
-        <span className='truncate font-medium text-xs'>{href}</span>
+        <span className='truncate text-xs'>{href}</span>
       </Tooltip.Content>
     </Tooltip.Root>
   )

diff --git a/apps/sim/app/(interfaces)/chat/components/message/message.tsx b/apps/sim/app/(interfaces)/chat/components/message/message.tsx
@@ -187,7 +187,7 @@ export const ClientChatMessage = memo(function ClientChatMessage({
                             {getFileIcon(attachment.type)}
                           </div>
                           <div className='min-w-0 flex-1'>
-                            <div className='truncate font-medium text-[var(--text-primary)] text-xs md:text-sm'>
+                            <div className='truncate text-[var(--text-primary)] text-xs md:text-sm'>
                               {attachment.name}
                             </div>
                             {attachment.size && (

diff --git a/apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx b/apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx
@@ -705,9 +705,7 @@ export default function ResumeExecutionPage({
       <Tooltip.Provider>
         <div className='flex flex-1 items-center justify-center p-6'>
           <div className='max-w-[400px] text-center'>
-            <h1 className='mb-2 font-medium text-[20px] text-[var(--text-primary)]'>
-              Execution Not Found
-            </h1>
+            <h1 className='mb-2 text-[20px] text-[var(--text-primary)]'>Execution Not Found</h1>
             <p className='mb-6 text-[14px] text-[var(--text-secondary)]'>
               This execution could not be located or has already completed.
             </p>
@@ -726,7 +724,7 @@ export default function ResumeExecutionPage({
         {/* Header */}
         <div className='mb-8 flex items-center justify-between'>
           <div>
-            <h1 className='font-medium text-[20px] text-[var(--text-primary)]'>Paused Execution</h1>
+            <h1 className='text-[20px] text-[var(--text-primary)]'>Paused Execution</h1>
             <p className='mt-1 text-[14px] text-[var(--text-secondary)]'>
               Select a pause point to review and resume
             </p>

diff --git a/apps/sim/app/_shell/desktop-update-gate.tsx b/apps/sim/app/_shell/desktop-update-gate.tsx
@@ -87,7 +87,7 @@ export function DesktopUpdateGate() {
       data-native-surface-occlusion='takeover'
     >
       <div className='flex max-w-sm flex-col gap-2'>
-        <h1 className='font-medium text-[var(--text-primary)] text-lg'>Update Sim to continue</h1>
+        <h1 className='text-[var(--text-primary)] text-lg'>Update Sim to continue</h1>
         <p className='text-[var(--text-secondary)] text-sm'>
           This version of the Sim desktop app is no longer compatible with the latest Sim. Install
           the update to keep going.

diff --git a/apps/sim/app/f/[token]/public-file-email-auth.tsx b/apps/sim/app/f/[token]/public-file-email-auth.tsx
@@ -173,8 +173,7 @@ export function PublicFileEmailAuth({ token }: PublicFileEmailAuthProps) {
             Didn't receive a code?{' '}
             {countdown > 0 ? (
               <span>
-                Resend in{' '}
-                <span className='font-medium text-[var(--text-primary)]'>{countdown}s</span>
+                Resend in <span className='text-[var(--text-primary)]'>{countdown}s</span>
               </span>
             ) : (
               <button

diff --git a/apps/sim/app/f/[token]/public-file-view.tsx b/apps/sim/app/f/[token]/public-file-view.tsx
@@ -85,7 +85,7 @@ export function PublicFileView({
             </>
           )}
           <div className='flex min-w-0 flex-col'>
-            <span className='truncate font-medium text-[14px] text-[var(--text-body)]'>{name}</span>
+            <span className='truncate text-[14px] text-[var(--text-body)]'>{name}</span>
             {provenance ? (
               <span className='truncate text-[12px] text-[var(--text-muted)]'>{provenance}</span>
             ) : null}

diff --git a/apps/sim/app/invite/components/status-card.tsx b/apps/sim/app/invite/components/status-card.tsx
@@ -34,9 +34,7 @@ export function InviteStatusCard({
     return (
       <>
         <div className='space-y-1 text-center'>
-          <h1 className='font-medium text-[32px] text-[var(--text-primary)] tracking-tight'>
-            Loading
-          </h1>
+          <h1 className='text-[32px] text-[var(--text-primary)] tracking-tight'>Loading</h1>
           <p className='text-[var(--text-muted)]'>{description}</p>
         </div>
         <div className='mt-8 flex w-full items-center justify-center py-8'>
@@ -49,9 +47,7 @@ export function InviteStatusCard({
   return (
     <>
       <div className='space-y-1 text-center'>
-        <h1 className='font-medium text-[32px] text-[var(--text-primary)] tracking-tight'>
-          {title}
-        </h1>
+        <h1 className='text-[32px] text-[var(--text-primary)] tracking-tight'>{title}</h1>
         <p className='text-[var(--text-muted)]'>{description}</p>
       </div>
 

diff --git a/apps/sim/app/oauth-error/page.tsx b/apps/sim/app/oauth-error/page.tsx
@@ -40,7 +40,7 @@ export default async function OAuthErrorPage({ searchParams }: OAuthErrorPagePro
     <main className='desktop-title-bar-page flex items-center justify-center px-6'>
       <DesktopTitleBarLane />
       <div className='max-w-sm text-center'>
-        <h1 className='font-semibold text-foreground text-lg'>Couldn’t complete that</h1>
+        <h1 className='text-foreground text-lg'>Couldn’t complete that</h1>
         <p className='mt-2 text-muted-foreground text-sm'>{messageForError(code)}</p>
         <p className='mt-4 text-muted-foreground text-sm'>
           You can close this tab and try again from Sim.

diff --git a/apps/sim/app/playground/page.tsx b/apps/sim/app/playground/page.tsx
@@ -90,7 +90,7 @@ import { env, isTruthy } from '@/lib/core/config/env'
 function Section({ title, children }: { title: string; children: React.ReactNode }) {
   return (
     <section className='space-y-4'>
-      <h2 className='border-[var(--border)] border-b pb-2 font-medium text-[var(--text-primary)] text-lg'>
+      <h2 className='border-[var(--border)] border-b pb-2 text-[var(--text-primary)] text-lg'>
         {title}
       </h2>
       <div className='space-y-4'>{children}</div>
@@ -188,9 +188,7 @@ export default function PlaygroundPage() {
           </div>
           <div className='mx-auto max-w-4xl space-y-12'>
             <div>
-              <h1 className='font-semibold text-2xl text-[var(--text-primary)]'>
-                EMCN Component Playground
-              </h1>
+              <h1 className='text-2xl text-[var(--text-primary)]'>EMCN Component Playground</h1>
               <p className='mt-2 text-[var(--text-secondary)]'>
                 All emcn UI components and their variants
               </p>

diff --git a/apps/sim/app/unsubscribe/unsubscribe.tsx b/apps/sim/app/unsubscribe/unsubscribe.tsx
@@ -40,9 +40,7 @@ function UnsubscribeContent() {
     return (
       <InviteLayout>
         <div className='space-y-1 text-center'>
-          <h1 className={'font-medium text-[32px] text-[var(--text-primary)] tracking-tight'}>
-            Loading
-          </h1>
+          <h1 className={'text-[32px] text-[var(--text-primary)] tracking-tight'}>Loading</h1>
           <p className={'text-[var(--text-muted)] text-md'}>Validating your unsubscribe link…</p>
         </div>
         <div className={'mt-8 flex w-full items-center justify-center py-8'}>
@@ -56,7 +54,7 @@ function UnsubscribeContent() {
     return (
       <InviteLayout>
         <div className='space-y-1 text-center'>
-          <h1 className={'font-medium text-[32px] text-[var(--text-primary)] tracking-tight'}>
+          <h1 className={'text-[32px] text-[var(--text-primary)] tracking-tight'}>
             Invalid Unsubscribe Link
           </h1>
           <p className={'text-[var(--text-muted)] text-md'}>{error}</p>
@@ -75,7 +73,7 @@ function UnsubscribeContent() {
     return (
       <InviteLayout>
         <div className='space-y-1 text-center'>
-          <h1 className={'font-medium text-[32px] text-[var(--text-primary)] tracking-tight'}>
+          <h1 className={'text-[32px] text-[var(--text-primary)] tracking-tight'}>
             Important Account Emails
           </h1>
           <p className={'text-[var(--text-muted)] text-md'}>
@@ -97,7 +95,7 @@ function UnsubscribeContent() {
     return (
       <InviteLayout>
         <div className='space-y-1 text-center'>
-          <h1 className={'font-medium text-[32px] text-[var(--text-primary)] tracking-tight'}>
+          <h1 className={'text-[32px] text-[var(--text-primary)] tracking-tight'}>
             Successfully Unsubscribed
           </h1>
           <p className={'text-[var(--text-muted)] text-md'}>
@@ -120,7 +118,7 @@ function UnsubscribeContent() {
   return (
     <InviteLayout>
       <div className='space-y-1 text-center'>
-        <h1 className={'font-medium text-[32px] text-[var(--text-primary)] tracking-tight'}>
+        <h1 className={'text-[32px] text-[var(--text-primary)] tracking-tight'}>
           Email Preferences
         </h1>
         <p className={'text-[var(--text-muted)] text-md'}>
@@ -208,9 +206,7 @@ export default function Unsubscribe() {
       fallback={
         <InviteLayout>
           <div className='space-y-1 text-center'>
-            <h1 className={'font-medium text-[32px] text-[var(--text-primary)] tracking-tight'}>
-              Loading
-            </h1>
+            <h1 className={'text-[32px] text-[var(--text-primary)] tracking-tight'}>Loading</h1>
             <p className={'text-[var(--text-muted)] text-md'}>Validating your unsubscribe link…</p>
           </div>
           <div className={'mt-8 flex w-full items-center justify-center py-8'}>

diff --git a/apps/sim/app/workspace/[workspaceId]/components/message-actions/message-actions.tsx b/apps/sim/app/workspace/[workspaceId]/components/message-actions/message-actions.tsx
@@ -249,32 +249,6 @@ export const MessageActions = memo(function MessageActions({
       >
         <ChipModalHeader onClose={() => handleModalClose(false)}>Give feedback</ChipModalHeader>
         <ChipModalBody>
-          <div className='flex items-start justify-between gap-2 px-2'>
-            <p className='font-medium text-[var(--text-secondary)] text-sm'>
-              {pendingFeedback === 'up' ? 'What did you like?' : 'What could be improved?'}
-            </p>
-            {pendingFeedback === 'down' && requestId && (
-              <Tooltip.Root>
-                <Tooltip.Trigger asChild>
-                  <button
-                    type='button'
-                    aria-label='Copy request ID'
-                    onClick={copyRequestId}
-                    className='flex size-[22px] shrink-0 items-center justify-center rounded-full text-[var(--text-icon)] transition-colors hover-hover:bg-[var(--surface-hover)] focus-visible:outline-none'
-                  >
-                    {copiedRequestId ? (
-                      <Check className='size-[14px]' />
-                    ) : (
-                      <Duplicate className='size-[14px]' />
-                    )}
-                  </button>
-                </Tooltip.Trigger>
-                <Tooltip.Content side='top'>
-                  {copiedRequestId ? 'Copied request ID' : 'Copy request ID'}
-                </Tooltip.Content>
-              </Tooltip.Root>
-            )}
-          </div>
           <ChipModalField
             type='textarea'
             title='Feedback'
@@ -292,6 +266,11 @@ export const MessageActions = memo(function MessageActions({
         </ChipModalBody>
         <ChipModalFooter
           onCancel={() => handleModalClose(false)}
+          secondaryActions={
+            pendingFeedback === 'down' && requestId
+              ? [{ label: copiedRequestId ? 'Copied' : 'Copy ID', onClick: copyRequestId }]
+              : undefined
+          }
           primaryAction={{
             label: 'Submit',
             onClick: handleSubmitFeedback,

diff --git a/...orkspace/[workspaceId]/components/resource/components/resource-header/resource-header.tsx b/...orkspace/[workspaceId]/components/resource/components/resource-header/resource-header.tsx
@@ -307,9 +307,8 @@ const BreadcrumbSegment = memo(function BreadcrumbSegment({
   )
   /**
    * Interactive crumbs use a plain `<button>` with bare-chip geometry — NEVER
-   * the Button component, whose buttonVariants inject font-medium /
-   * rounded-[5px] / justify-center and break chip parity with the static/title
-   * crumbs.
+   * the Button component, whose buttonVariants inject rounded-[5px] /
+   * justify-center and break chip parity with the static/title crumbs.
    */
   const triggerClassName = cn(chipVariants(), 'group min-w-0 max-w-full justify-start')
 

diff --git a/apps/sim/app/workspace/[workspaceId]/components/resource/resource.tsx b/apps/sim/app/workspace/[workspaceId]/components/resource/resource.tsx
@@ -471,7 +471,7 @@ const Pagination = memo(function Pagination({
                 variant='ghost'
                 onClick={() => onPageChange(page)}
                 className={cn(
-                  'h-auto p-0 font-medium text-sm transition-colors hover-hover:bg-transparent hover-hover:text-[var(--text-body)]',
+                  'h-auto p-0 text-sm transition-colors hover-hover:bg-transparent hover-hover:text-[var(--text-body)]',
                   page === currentPage ? 'text-[var(--text-body)]' : 'text-[var(--text-secondary)]'
                 )}
               >

diff --git a/apps/sim/app/workspace/[workspaceId]/components/workspace-access-denied.tsx b/apps/sim/app/workspace/[workspaceId]/components/workspace-access-denied.tsx
@@ -11,9 +11,7 @@ export function WorkspaceAccessDenied() {
           <CircleAlert className='size-[18px] text-[var(--text-icon)]' aria-hidden />
         </div>
         <div className='space-y-1'>
-          <h1 className='font-medium text-[var(--text-primary)] text-lg'>
-            Workspace access denied
-          </h1>
+          <h1 className='text-[var(--text-primary)] text-lg'>Workspace access denied</h1>
           <p className='text-[var(--text-muted)] text-sm'>
             You do not have access to this workspace. Ask a workspace administrator for access or
             choose another workspace.

diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/file-viewer.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/file-viewer.tsx
@@ -407,7 +407,7 @@ const MediaPreview = memo(function MediaPreview({
       <div className='flex h-full flex-col items-center justify-center gap-4 bg-[var(--surface-1)] p-8'>
         <div className='flex flex-col items-center gap-2 text-center'>
           <Music className='size-[32px] text-[var(--text-muted)]' />
-          <p className='font-medium text-[14px] text-[var(--text-primary)]'>{file.name}</p>
+          <p className='text-[14px] text-[var(--text-primary)]'>{file.name}</p>
         </div>
         {blobUrl && (
           // biome-ignore lint/a11y/useMediaCaption: audio from workspace files

diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/pdf-viewer.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/pdf-viewer.tsx
@@ -43,7 +43,7 @@ interface PdfViewerCoreProps {
 function PdfError({ error }: { error: string }) {
   return (
     <div className='flex flex-1 flex-col items-center justify-center gap-[8px]'>
-      <p className='font-medium text-[14px] text-[var(--text-body)]'>Failed to preview PDF</p>
+      <p className='text-[14px] text-[var(--text-body)]'>Failed to preview PDF</p>
       <p className='text-[13px] text-[var(--text-muted)]'>{error}</p>
     </div>
   )

diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-shared.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-shared.tsx
@@ -18,7 +18,7 @@ export const UnsupportedPreview = memo(function UnsupportedPreview({ name }: { n
 
   return (
     <div className='flex flex-1 flex-col items-center justify-center gap-[8px]'>
-      <p className='font-medium text-[14px] text-[var(--text-primary)]'>
+      <p className='text-[14px] text-[var(--text-primary)]'>
         Preview not available{ext ? ` for .${ext} files` : ' for this file'}
       </p>
       <p className='text-[13px] text-[var(--text-muted)]'>
@@ -31,9 +31,7 @@ export const UnsupportedPreview = memo(function UnsupportedPreview({ name }: { n
 export function PreviewError({ label, error }: { label: string; error: string }) {
   return (
     <div className='flex flex-1 flex-col items-center justify-center gap-[8px]'>
-      <p className='font-medium text-[14px] text-[var(--text-primary)]'>
-        Failed to preview {label}
-      </p>
+      <p className='text-[14px] text-[var(--text-primary)]'>Failed to preview {label}</p>
       <p className='text-[13px] text-[var(--text-muted)]'>{error}</p>
     </div>
   )

diff --git a/...paceId]/files/components/file-viewer/rich-markdown-editor/menus/suggestion-menu-chrome.ts b/...paceId]/files/components/file-viewer/rich-markdown-editor/menus/suggestion-menu-chrome.ts
@@ -17,7 +17,7 @@ export const SUGGESTION_SCROLL_CLASS = 'max-h-[240px] scroll-py-1.5 overflow-y-a
 /** A selectable row: icon + label, 14px icon in `--text-icon`, truncating label. The `img` rules
  * size custom-block image icons (rendered as `<img>`, so the `svg` rules never reach them). */
 export const SUGGESTION_ITEM_CLASS =
-  'relative flex w-full min-w-0 cursor-pointer select-none items-center gap-2 rounded-[5px] px-2 py-1.5 text-left font-medium text-[var(--text-body)] text-caption outline-none transition-colors [&>span]:min-w-0 [&>span]:truncate [&_svg]:pointer-events-none [&_svg]:size-[14px] [&_svg]:shrink-0 [&_svg]:text-[var(--text-icon)] [&_img]:pointer-events-none [&_img]:size-[14px] [&_img]:shrink-0'
+  'relative flex w-full min-w-0 cursor-pointer select-none items-center gap-2 rounded-[5px] px-2 py-1.5 text-left text-[var(--text-body)] text-caption outline-none transition-colors [&>span]:min-w-0 [&>span]:truncate [&_svg]:pointer-events-none [&_svg]:size-[14px] [&_svg]:shrink-0 [&_svg]:text-[var(--text-icon)] [&_img]:pointer-events-none [&_img]:size-[14px] [&_img]:shrink-0'
 
 /** A group heading above a run of rows. */
 export const SUGGESTION_GROUP_LABEL_CLASS =