1.16.0: update

README.md

@@ -21,6 +21,10 @@ Or fork & run on Vercel
 
 [//]: # (big-AGI is an open book; see the **[ready-to-ship and future ideas](https://github.com/users/enricoros/projects/4/views/2)** in our open roadmap)
 
+### What's New in 1.16.1 · May 13, 2024 (minor release, models support)
+
+- Support for the new OpenAI GPT-4o 2024-05-13 model
+
 ### What's New in 1.16.0 · May 9, 2024 · Crystal Clear
 
 - [Beam](https://big-agi.com/blog/beam-multi-model-ai-reasoning) core and UX improvements based on user feedback

docs/changelog.md

@@ -10,6 +10,10 @@ by release.
 - milestone: [1.17.0](https://github.com/enricoros/big-agi/milestone/17)
 - work in progress: [big-AGI open roadmap](https://github.com/users/enricoros/projects/4/views/2), [help here](https://github.com/users/enricoros/projects/4/views/4)
 
+### What's New in 1.16.1 · May 13, 2024 (minor release, models support)
+
+- Support for the new OpenAI GPT-4o 2024-05-13 model
+
 ### What's New in 1.16.0 · May 9, 2024 · Crystal Clear
 
 - [Beam](https://big-agi.com/blog/beam-multi-model-ai-reasoning) core and UX improvements based on user feedback

pages/info/debug.tsx

@@ -17,7 +17,7 @@ import { Brand } from '~/common/app.config';
 import { ROUTE_APP_CHAT, ROUTE_INDEX } from '~/common/app.routes';
 
 // apps access
-import { incrementalNewsVersion } from '../../src/apps/news/news.version';
+import { incrementalNewsVersion, useAppNewsStateStore } from '../../src/apps/news/news.version';
 
 // capabilities access
 import { useCapabilityBrowserSpeechRecognition, useCapabilityElevenLabs, useCapabilityTextToImage } from '~/common/components/useCapabilities';
@@ -81,7 +81,8 @@ function AppDebug() {
  const chatsCount = useChatStore.getState().conversations?.length;
  const uxLabsExperiments = Object.entries(useUXLabsStore.getState()).filter(([_k, v]) => v === true).map(([k, _]) => k).join(', ');
  const { folders, enableFolders } = useFolderStore.getState();
- const { lastSeenNewsVersion, usageCount } = useAppStateStore.getState();
+ const { lastSeenNewsVersion } = useAppNewsStateStore.getState();
+ const { usageCount } = useAppStateStore.getState();
 
 
  // derived state

src/apps/news/news.data.tsx

@@ -60,9 +60,10 @@ export const NewsItems: NewsItem[] = [
  ]
  }*/
  {
- versionCode: '1.16',
+ versionCode: '1.16.1',
  versionName: 'Crystal Clear',
- versionDate: new Date('2024-05-09T00:00:00Z'),
+ versionDate: new Date('2024-05-13T19:00:00Z'),
+ // versionDate: new Date('2024-05-09T00:00:00Z'),
  versionCoverImage: coverV116,
  items: [
  { text: <><B href={beamBlogUrl} wow>Beam</B> core and UX improvements based on user feedback</>, issue: 470, icon: ChatBeamIcon },
@@ -74,6 +75,7 @@ export const NewsItems: NewsItem[] = [
  { text: <>More: <B issue={517}>code soft-wrap</B>, selection toolbar, <B issue={507}>3x faster</B> on Apple silicon</>, issue: 507 },
  { text: <>Updated <B>Anthropic</B>*, <B>Groq</B>, <B>Ollama</B>, <B>OpenAI</B>*, <B>OpenRouter</B>*, and <B>Perplexity</B></> },
  { text: <>Developers: update LLMs data structures</>, dev: true },
+ { text: <>1.16.1: Support for <B>OpenAI GPT-4o</B></> },
  ],
  },
  {

src/apps/news/news.version.tsx

@@ -1,21 +1,40 @@
 // NOTE: this is a separate file to help with bundle tracing, as it's included by the ProviderBootstrapLogic (i.e. by All pages)
 
-// update this variable every time you want to broadcast a new version to clients
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
 import { useAppStateStore } from '~/common/state/store-appstate';
 
 
-export const incrementalNewsVersion: number = 15;
+// update this variable every time you want to broadcast a new version to clients
+export const incrementalNewsVersion: number = 16.1;
+
+
+interface NewsState {
+ lastSeenNewsVersion: number;
+}
+
+export const useAppNewsStateStore = create<NewsState>()(
+ persist(
+ (set) => ({
+ lastSeenNewsVersion: 0,
+ }),
+ {
+ name: 'app-news',
+ },
+ ),
+);
 
 
 export function shallRedirectToNews() {
- const { usageCount, lastSeenNewsVersion } = useAppStateStore.getState();
+ const { lastSeenNewsVersion } = useAppNewsStateStore.getState();
+ const { usageCount } = useAppStateStore.getState();
  const isNewsOutdated = (lastSeenNewsVersion || 0) < incrementalNewsVersion;
  return isNewsOutdated && usageCount > 2;
 }
 
 export function markNewsAsSeen() {
- const { setLastSeenNewsVersion } = useAppStateStore.getState();
- setLastSeenNewsVersion(incrementalNewsVersion);
+ useAppNewsStateStore.setState({ lastSeenNewsVersion: incrementalNewsVersion });
 }
 
 

src/common/state/store-appstate.ts

@@ -6,24 +6,13 @@ import { persist } from 'zustand/middleware';
 
 interface AppStateData {
  usageCount: number;
- lastSeenNewsVersion: number;
- // suppressedItems: Record<string, boolean>;
 }
 
-interface AppStateActions {
- setLastSeenNewsVersion: (version: number) => void;
-}
-
-
-export const useAppStateStore = create<AppStateData & AppStateActions>()(
+export const useAppStateStore = create<AppStateData>()(
  persist(
  (set) => ({
 
  usageCount: 0,
- lastSeenNewsVersion: 0,
- // suppressedItems: {},
-
- setLastSeenNewsVersion: (version: number) => set({ lastSeenNewsVersion: version }),
 
  }),
  {