1.14.0: News items

src/apps/news/news.data.tsx

@@ -2,16 +2,26 @@ import * as React from 'react';
 import { StaticImageData } from 'next/image';
 
 import { SxProps } from '@mui/joy/styles/types';
-import { Box, Chip, Typography } from '@mui/joy';
+import { Box, Chip, SvgIconProps, Typography } from '@mui/joy';
+import AutoStoriesOutlinedIcon from '@mui/icons-material/AutoStoriesOutlined';
+import GoogleIcon from '@mui/icons-material/Google';
 import LaunchIcon from '@mui/icons-material/Launch';
 
+import { GroqIcon } from '~/common/components/icons/vendors/GroqIcon';
+import { LocalAIIcon } from '~/common/components/icons/vendors/LocalAIIcon';
+import { MistralIcon } from '~/common/components/icons/vendors/MistralIcon';
+import { PerplexityIcon } from '~/common/components/icons/vendors/PerplexityIcon';
+
 import { Brand } from '~/common/app.config';
 import { Link } from '~/common/components/Link';
 import { clientUtmSource } from '~/common/util/pwaUtils';
 import { platformAwareKeystrokes } from '~/common/components/KeyStroke';
 
+
 // Images
-// ...
+// An image of a capybara sculpted entirely from iridescent blue cotton candy, gazing into a holographic galaxy of floating AI model icons (representing various AI models like Perplexity, Groq, etc.). The capybara is wearing a lightweight, futuristic headset, and its paws are gesturing as if orchestrating the movement of the models in the galaxy. The backdrop is minimalist, with occasional bursts of neon light beams, creating a sense of depth and wonder. Close-up photography, bokeh effect, with a dark but vibrant background to make the colors pop.
+import coverV114 from '../../../public/images/covers/release-cover-v1.14.0.png';
+// An image of a capybara sculpted entirely from black cotton candy, set against a minimalist backdrop with splashes of bright, contrasting sparkles. The capybara is using a computer with split screen made of origami, split keyboard and is wearing origami sunglasses with very different split reflections. Split halves are very contrasting. Close up photography, bokeh, white background.
 import coverV113 from '../../../public/images/covers/release-cover-v1.13.0.png';
 // An image of a capybara sculpted entirely from black cotton candy, set against a minimalist backdrop with splashes of bright, contrasting sparkles. The capybara is calling on a 3D origami old-school pink telephone and the camera is zooming on the telephone. Close up photography, bokeh, white background.
 import coverV112 from '../../../public/images/covers/release-cover-v1.12.0.png';
@@ -25,18 +35,40 @@ interface NewsItem {
   versionCoverImage?: StaticImageData;
   text?: string | React.JSX.Element;
   items?: {
-    text: string | React.JSX.Element;
+    text: React.ReactNode;
     dev?: boolean;
     issue?: number;
+    icon?: React.FC<SvgIconProps>;
   }[];
 }
 
 // news and feature surfaces
 export const NewsItems: NewsItem[] = [
-  // still unannounced: screen capture (when removed from labs)
+  /*{
+    versionCode: '1.15.0',
+    items: [
+      Best-Of
+      Draw
+      ...
+      Screen Capture (when removed from labs)
+    ]
+  }*/
   {
     versionCode: '1.14.0',
-    versionName: 'The Big One',
+    versionName: 'ModelMorphic',
+    versionCoverImage: coverV114,
+    items: [
+      { text: <><B issue={407}>Perplexity</B> support, including Online models</>, issue: 407, icon: PerplexityIcon },
+      { text: <><B issue={427}>Groq</B> support, with speeds up to 500 tok/s</>, issue: 427, icon: GroqIcon },
+      { text: <>Support for new Mistral-Large models</>, icon: MistralIcon },
+      { text: <>Support for Google Gemini 1.5 models and various improvements</>, icon: GoogleIcon as any },
+      { text: <>Deeper LocalAI integration including support for <B issue={411}>model galleries</B></>, icon: LocalAIIcon },
+      { text: <>Major <B href='https://twitter.com/enricoros/status/1756553038293303434'>performance optimizations</B>: runs faster, saves power, saves memory</> },
+      { text: <>Improvements: auto-size charts, search and folder experience</> },
+      { text: <>Perfect chat scaling, with rapid keyboard shortcuts</> },
+      { text: <>Also: diagrams auto-resize, open code with StackBlitz and JSFiddle, quick model visibility toggle, open links externally, docs on the web</> },
+      { text: <>Fixes: standalone LaTeX blocks, close views by dragging, knowledge cutoff dates, crashes on Google translate (thanks dad)</> },
+    ],
   },
   {
     versionCode: '1.13.0',
@@ -245,6 +277,7 @@ function B(props: {
     props.issue ? `${Brand.URIs.OpenRepo}/issues/${props.issue}`
       : props.code ? `${Brand.URIs.OpenRepo}/blob/main/${props.code}`
         : props.href;
+  const isExtIcon = !props.issue;
   const boldText = (
     <Typography component='span' color={!!href ? 'primary' : 'neutral'} sx={{ fontWeight: 'lg' }}>
       {props.children}
@@ -254,7 +287,7 @@ function B(props: {
     return boldText;
   return (
     <Link href={href + clientUtmSource()} target='_blank' sx={props.wow ? wowStyle : undefined}>
-      {boldText} <LaunchIcon sx={{ mx: 0.5, fontSize: 16 }} />
+      {boldText} {isExtIcon ? <LaunchIcon sx={{ mx: 0.5, fontSize: 16 }} /> : <AutoStoriesOutlinedIcon sx={{ mx: 0.5, fontSize: 16 }} />}
     </Link>
   );
 }