2 Open - Release

Author: enricoros

src/apps/news/AppNews.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import NextImage from 'next/image';
 import TimeAgo from 'react-timeago';
 
-import { AspectRatio, Box, Button, Card, CardContent, CardOverflow, ColorPaletteProp, Container, Grid, Sheet, Typography, VariantProp } from '@mui/joy';
+import { AspectRatio, Box, Button, Card, CardContent, CardOverflow, ColorPaletteProp, Container, Divider, Grid, ListDivider, Sheet, Typography, VariantProp } from '@mui/joy';
 import ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded';
 import ArrowOutwardRoundedIcon from '@mui/icons-material/ArrowOutwardRounded';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
@@ -107,7 +107,10 @@ function NewsCard(props: {
   const { addPadding, idx, newsItem: ni } = props;
 
   return (
-    <Card color={props.color} variant={props.variant ?? 'plain'} sx={{ mb: 3, minHeight: 32, gap: 1 }}>
+    <Card color={props.color} variant={props.variant ?? 'plain'} sx={{
+      mb: 3, minHeight: 32, gap: 1,
+      boxShadow: !idx ? 'md' : undefined,
+    }}>
       <CardContent sx={{ position: 'relative', pr: addPadding ? 4 : 0 }}>
         <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
           <Typography level='title-sm' component='div'>
@@ -190,6 +193,7 @@ export function AppNews() {
       overflowY: 'auto',
       display: 'flex', justifyContent: 'center',
       p: { xs: 3, md: 6 },
+      // backgroundColor: 'background.level2'
     }}>
 
       <Box sx={{
@@ -231,7 +235,7 @@ export function AppNews() {
               }}
             >
               Big-AGI Pro
-              {/*✨*/}
+              ✨
             </Button>
           )}
         </Box>
@@ -242,8 +246,13 @@ export function AppNews() {
 
         <Container disableGutters maxWidth='sm'>
 
+          {/* Inject the callout item here*/}
+          {/*<Box sx={{ mb: 3 }}>*/}
+          {/*  <BigAgiProNewsCallout />*/}
+          {/*</Box>*/}
+
           {/* Development Notices */}
-          {Release.TenantSlug === 'open' && <NewsCard variant='soft' color='warning' newsItem={DevNewsItem} idx={0} addPadding={false} />}
+          {Release.TenantSlug === 'open' && Release.IsNodeDevBuild && <NewsCard variant='soft' color='warning' newsItem={DevNewsItem} idx={0} addPadding={false} />}
 
           {news?.map((ni, idx) => {
             // const firstCard = idx === 0;
@@ -274,6 +283,8 @@ export function AppNews() {
                 </Box>
               )}
 
+              {idx === 0 && <Divider sx={{ my: 6, mx: 6 }}/>}
+
             </React.Fragment>;
           })}
 

src/apps/news/news.data.tsx

@@ -59,14 +59,12 @@ const _frontendPkgVersion = _frontendBuild.pkgVersion ?? 'open/main';
 export const newsFrontendTimestamp = _frontendBuild.timestamp;
 
 export const DevNewsItem: NewsItem = {
-  versionCode: _frontendPkgVersion,
+  versionCode: 'DEV',
   versionName: 'Development Build',
   versionDate: undefined,
   items: [
     { text: <>You&apos;re running an unsupported <B>developer build</B> of Big-AGI Open {_frontendPkgVersion}</> },
-    { text: <>This branch carries breaking features that are subject to change</> },
     { text: <>Please report screenshots of breakages and console error messages</> },
-    { text: <>Do not use, no cloud backups</> },
     { text: <ExternalLink href='https://big-agi.com'>Back to the official version</ExternalLink> },
   ],
 } as const;
@@ -76,7 +74,7 @@ export const NewsItems: NewsItem[] = [
   {
     versionCode: '2.0.0',
     versionName: 'Open',
-    versionDate: new Date('2025-10-06T15:00:00Z'),
+    versionDate: new Date('2025-10-31T15:00:00Z'),
     versionCoverImage: coverV200,
     items: [
       { text: <><B wow>Big-AGI Open</B> is ready and more productive and faster than ever, with:</> },

src/common/app.release.ts

@@ -60,5 +60,5 @@ export const Release = {
 
 export const BaseProduct = {
   ReleaseNotes: '',
-  SupportForm: (_userId?: string) => 'https://github.com/enricoros/big-agi/issues',
+  SupportForm: (_userId?: string) => 'https://github.com/enricoros/big-AGI/issues/new',
 } as const;

src/common/layout/optima/nav/DesktopNav.tsx

@@ -3,6 +3,7 @@ import Router from 'next/router';
 
 import type { SxProps } from '@mui/joy/styles/types';
 import { Divider, Dropdown, ListDivider, ListItem, ListItemButton, ListItemDecorator, Menu, MenuButton, MenuItem, Tooltip, Typography } from '@mui/joy';
+import ArrowOutwardRoundedIcon from '@mui/icons-material/ArrowOutwardRounded';
 import CodeIcon from '@mui/icons-material/Code';
 import HistoryIcon from '@mui/icons-material/History';
 import LightbulbOutlinedIcon from '@mui/icons-material/LightbulbOutlined';
@@ -20,6 +21,7 @@ import { FeatureBadge } from '~/common/components/FeatureBadge';
 import { GoodModal } from '~/common/components/modals/GoodModal';
 import { PhSquaresFour } from '~/common/components/icons/phosphor/PhSquaresFour';
 import { checkDivider, checkVisibileIcon, NavItemApp, navItems } from '~/common/app.nav';
+import { clientUtmSource } from '~/common/util/pwaUtils';
 import { themeZIndexDesktopNav } from '~/common/app.theme';
 import { useHasLLMs } from '~/common/stores/llms/llms.hooks';
 import { useOverlayComponents } from '~/common/layout/overlays/useOverlayComponents';
@@ -31,6 +33,9 @@ import { optimaActions, optimaOpenModels, optimaOpenPreferences, optimaToggleDra
 import { scratchClipSupported, useScratchClipVisibility } from '../scratchclip/store-scratchclip';
 
 
+export const bigAgiProUrl = 'https://big-agi.com' + clientUtmSource('upgrade-apps');
+
+
 const desktopNavBarSx: SxProps = {
   zIndex: themeZIndexDesktopNav,
 };
@@ -165,6 +170,16 @@ export function DesktopNav(props: { component: React.ElementType, currentApp?: N
           sx={{ minWidth: 260 }}
         >
 
+          <MenuItem component='a' variant='solid' color='primary' href={bigAgiProUrl} target='_blank' sx={{ minHeight: 40 }}>
+            {/*<ListItemDecorator>New</ListItemDecorator>*/}
+            {/*<ListItemDecorator><RocketLaunchRounded /></ListItemDecorator>*/}
+            Big-AGI Pro
+            {/*✨*/}
+            <ArrowOutwardRoundedIcon sx={{ ml: 'auto' }}/>
+          </MenuItem>
+
+          <ListDivider />
+
           {/* APPS Section */}
           {overflowApps.length > 0 && (
             <>
@@ -207,10 +222,10 @@ export function DesktopNav(props: { component: React.ElementType, currentApp?: N
               Support
             </Typography>
           </ListItem>
-          <ListItemButton component="a" href={BaseProduct.SupportForm()} target="_blank">
+          <MenuItem component="a" href={BaseProduct.SupportForm()} target="_blank">
             <ListItemDecorator><LightbulbOutlinedIcon /></ListItemDecorator>
             I Have Feedback
-          </ListItemButton>
+          </MenuItem>
           {!!releaseNotesUrl && (
             <MenuItem onClick={handleShowReleaseNotes}>
               <ListItemDecorator>