[pull] main from activepieces:main

docs/custom.css

@@ -52,7 +52,7 @@
 .pp-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 40px; border: 1px solid var(--pp-border); border-radius: 6px; padding: 6px 8px; }
 .pp-chips .pp-ph { color: var(--pp-faint); font-size: 14px; }
 
-.pp-code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 12.5px; line-height: 1.6; background: var(--pp-soft); border: 1px solid var(--pp-border); border-radius: 6px; padding: 10px 12px; color: #3f3f46; white-space: pre; overflow-x: auto; }
+.pp-code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; font-size: 12.5px; line-height: 1.6; background: var(--pp-soft); border: 1px solid var(--pp-border); border-radius: 6px; padding: 10px 12px; color: #3f3f46; white-space: pre; overflow-x: auto; }
 .pp-key { color: hsl(257 74% 45%); }
 .pp-str { color: hsl(160 84% 30%); }
 
@@ -86,7 +86,7 @@
 .pp-cards { display: flex; gap: 8px; flex-wrap: wrap; }
 .pp-rcard { flex: 1 1 0; min-width: 120px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--pp-border); border-radius: 8px; padding: 11px 12px; }
 .pp-rcard.pp-sel { border-color: var(--pp-primary); background: hsl(257 74% 57% / 0.05); }
-.pp-rcard .pp-ic { width: 28px; height: 28px; border-radius: 6px; background: var(--pp-soft); display: flex; align-items: center; justify-content: center; color: #52525b; flex: none; font-family: ui-monospace, monospace; font-size: 12px; }
+.pp-rcard .pp-ic { width: 28px; height: 28px; border-radius: 6px; background: var(--pp-soft); display: flex; align-items: center; justify-content: center; color: #52525b; flex: none; font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; font-size: 12px; }
 .pp-rcard.pp-sel .pp-ic { background: var(--pp-primary-wash); color: var(--pp-primary); }
 .pp-rcard .pp-t { font-size: 13.5px; font-weight: 600; }
 .pp-rcard .pp-d { font-size: 11.5px; color: var(--pp-muted); }

packages/web/src/app/routes/chat-with-ai/components/chat-empty-state.tsx

@@ -152,7 +152,7 @@ function Greeting({
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.4 }}
     >
-      <h1 className="text-4xl sm:text-5xl font-bold leading-[1.1] text-balance font-sentient">
+      <h1 className="text-4xl sm:text-5xl font-bold leading-[1.1] text-balance font-serif">
         {incognito
           ? t('Private Chat')
           : firstName

packages/web/src/app/routes/chat-with-ai/components/onboarding-question-card.tsx

@@ -96,7 +96,7 @@ export function OnboardingQuestionCard({
       onDismiss={onDismiss}
       active={active}
       title={
-        <div className="flex flex-wrap items-center gap-x-3 gap-y-3 py-1.5 font-sentient text-lg font-semibold sm:text-xl">
+        <div className="flex flex-wrap items-center gap-x-3 gap-y-3 py-1.5 font-serif text-lg font-semibold sm:text-xl">
           <span>{t("I'm a")}</span>
           <OnboardingPill
             value={role}

packages/web/src/app/routes/chat-with-ai/components/onboarding-welcome.tsx

@@ -15,7 +15,7 @@ export function OnboardingWelcome() {
             initial={{ opacity: 0, y: 12 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.45, ease: 'easeOut', delay: 0.1 }}
-            className="text-balance font-sentient text-3xl font-bold leading-tight sm:text-4xl"
+            className="text-balance font-serif text-3xl font-bold leading-tight sm:text-4xl"
           >
             <span
               className="bg-clip-text font-bold leading-tight text-transparent"

packages/web/src/app/routes/chat-with-ai/components/showcase-card/showcase-tile.tsx

@@ -65,7 +65,7 @@ export function ShowcaseTile({
             className={cn(
               'truncate text-foreground',
               isList
-                ? 'font-sentient text-lg font-bold leading-snug'
+                ? 'font-serif text-lg font-bold leading-snug'
                 : 'text-sm font-medium',
             )}
           >

packages/web/src/features/chat/use-cases/use-case-card.tsx

@@ -51,7 +51,7 @@ export function UseCaseCard({
           />
         )}
       </div>
-      <h3 className="mt-3 pr-7 font-sentient text-[17px] font-medium leading-snug text-foreground">
+      <h3 className="mt-3 pr-7 font-serif text-[17px] font-medium leading-snug text-foreground">
         {card.title}
       </h3>
       {interactive && (

packages/web/src/styles.css

@@ -3,53 +3,35 @@
 @import './styles/globals.css';
 @custom-variant dark (&:is(.dark *));
 
-/* Sentient Variable Font */
-@font-face {
-  font-family: 'Sentient';
-  src: url('/fonts/Sentient-Variable.woff2') format('woff2-variations');
-  font-weight: 200 700;
-  font-display: swap;
-}
-
-/* inter-regular - latin */
-@font-face {
-  font-display: swap;
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url('assets/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* inter-500 - latin */
+/* Paths are relative to this file, not /fonts/, so Vite fingerprints them. */
 @font-face {
   font-display: swap;
   font-family: 'Inter';
   font-style: normal;
-  font-weight: 500;
-  src: url('assets/fonts/inter-v20-latin-500.ttf') format('truetype');
+  font-weight: 100 900;
+  src: url('assets/fonts/InterVariable.woff2') format('woff2-variations');
 }
-/* inter-600 - latin */
 @font-face {
   font-display: swap;
   font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  src: url('assets/fonts/inter-v20-latin-600.ttf') format('truetype');
+  font-style: italic;
+  font-weight: 100 900;
+  src: url('assets/fonts/InterVariable-Italic.woff2') format('woff2-variations');
 }
-/* inter-700 - latin */
+
 @font-face {
   font-display: swap;
-  font-family: 'Inter';
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 700;
-  src: url('assets/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  font-weight: 100 800;
+  src: url('assets/fonts/JetBrainsMono.woff2') format('woff2-variations');
 }
-/* inter-800 - latin */
+
 @font-face {
   font-display: swap;
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 800;
-  src: url('assets/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  font-family: 'Sentient';
+  font-weight: 200 700;
+  src: url('assets/fonts/Sentient-Variable.woff2') format('woff2-variations');
 }
 
 @utility container {
@@ -178,7 +160,10 @@
     alternate;
   --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif,
     'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
-  --font-sentient: 'Sentient', serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas,
+    'Liberation Mono', monospace;
+  --font-mono--font-feature-settings: 'calt' 0;
+  --font-serif: 'Sentient', ui-serif, Georgia, serif;
   --shadow-step-container: 0px 0px 22px hsl(var(--border) / 0.3);
   --shadow-add-button: var(--add-button-shadow);
   --color-builder-background: var(--builder-background);
@@ -725,9 +710,6 @@
 }
 
 @layer base {
-  body {
-    @apply font-sans;
-  }
   html {
     @apply font-sans;
   }