From c8acff752d4a9bdc09a531704bddb5848ad6ce36 Mon Sep 17 00:00:00 2001 From: zaidmukaddam Date: Sun, 5 Jan 2025 14:54:11 +0530 Subject: [PATCH] fix fonts, system prompt and manifest. --- app/actions.ts | 15 +++--- app/globals.css | 2 - app/layout.tsx | 20 +++----- app/manifest.json | 25 ---------- app/manifest.ts | 26 ++++++++++ app/page.tsx | 54 ++++++++++---------- components/InstallPrompt.tsx | 8 +-- components/ui/form-component.tsx | 8 ++- next.config.mjs | 1 + package.json | 3 +- pnpm-lock.yaml | 85 ++++++++++++++++++-------------- tailwind.config.ts | 6 +-- 12 files changed, 132 insertions(+), 121 deletions(-) delete mode 100644 app/manifest.json create mode 100644 app/manifest.ts diff --git a/app/actions.ts b/app/actions.ts index 12e222d..fd4cd26 100644 --- a/app/actions.ts +++ b/app/actions.ts @@ -167,11 +167,13 @@ const groupPrompts = { - Specify the year or "latest" in queries to fetch recent information. #### Retrieve Tool: - - Use this for extracting information from specific URLs, categorized as "normal" or "news." + - Use this for extracting information from specific URLs provided. - Do not use this tool for general web searches. #### Weather Data: - - Provide only the current day's weather in 3-hour intervals. Avoid forecasts for subsequent days. + - Run the tool with the location and date parameters directly no need to plan in the thinking canvas. + - When you get the weather data, talk about the weather conditions and what to wear or do in that weather. + - Answer in paragraphs and no need of citations for this tool. #### Programming Tool: - Use this Python-only sandbox for calculations, data analysis, or visualizations. @@ -185,8 +187,9 @@ const groupPrompts = { - Only use the text_translate tool for user-requested translations. #### Stock Charts: - - Assume stock names from user queries. Use 'yfinance' and include installation commands. - + - Assume stock names from user queries. Use the programming tool with Python code including 'yfinance'. + - Once the response is ready, talk about the stock's performance and trends, and then finish with the stock chart like this ![Stock Chart](URL). + #### Image Search: - Analyze image details to determine tool parameters. @@ -196,9 +199,9 @@ const groupPrompts = { ### Prohibited Actions: - Never write your thoughts or preamble before running a tool. - - Avoid running the same tool twice with identical parameters. + - Avoid running the same tool twice with same parameters. - Do not include images in responses unless explicitly allowed (e.g., plots from the programming tool). - - Avoid GUI-based Python code. + - Avoid running GUI-based Python code in the programming tool. - Do not run 'web_search' for stock queries. ### Citations Rules: diff --git a/app/globals.css b/app/globals.css index 84437c8..003dd70 100644 --- a/app/globals.css +++ b/app/globals.css @@ -5,8 +5,6 @@ :root { --font-serif: "Instrument Serif", serif; - --font-sans: "Inter", sans-serif; - --font-mono: "IBM Plex Mono", monospace; } body { diff --git a/app/layout.tsx b/app/layout.tsx index 923d9f4..f531a6e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,9 +3,10 @@ import 'katex/dist/katex.min.css'; import 'mapbox-gl/dist/mapbox-gl.css'; import { Metadata, Viewport } from "next"; import { Toaster } from "sonner"; -import { Inter, Instrument_Serif, IBM_Plex_Mono } from 'next/font/google'; +import { Instrument_Serif } from 'next/font/google'; import { Analytics } from "@vercel/analytics/react"; import { Providers } from './providers' +import { GeistSans } from 'geist/font/sans'; export const metadata: Metadata = { metadataBase: new URL("https://mplx.run"), @@ -33,19 +34,12 @@ export const viewport: Viewport = { minimumScale: 1, maximumScale: 1, userScalable: false, + themeColor: [ + { media: "(prefers-color-scheme: dark)", color: "#000" }, + { media: "(prefers-color-scheme: light)", color: "#fff" }, + ] } -const inter = Inter({ - weight: "variable", - subsets: ["latin"], -}) - -const plexMono = IBM_Plex_Mono({ - weight: "400", - subsets: ["latin"], - variable: "--font-mono" -}) - const instrumentSerif = Instrument_Serif({ weight: "400", subsets: ["latin"], @@ -59,7 +53,7 @@ export default function RootLayout({ }>) { return ( - + {children} diff --git a/app/manifest.json b/app/manifest.json deleted file mode 100644 index 64be89d..0000000 --- a/app/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "name": "MiniPerplx - AI-powered Search Engine", - "short_name": "MiniPerplx", - "description": "A minimalistic AI-powered search engine that helps you find information on the internet using advanced AI models like GPT-4, Claude, and Grok", - "start_url": "/search", - "display": "standalone", - "background_color": "#ffffff", - "theme_color": "#000000", - "categories": ["search", "ai", "productivity"], - "icons" : [ - { - "src": "/favicon.ico", - "sizes": "any", - "type": "image/x-icon" - } - ], - "screenshots": [ - { - "src": "/app/opengraph-image.png", - "type": "image/png", - "sizes": "1200x630", - "form_factor": "wide" - } - ] -} diff --git a/app/manifest.ts b/app/manifest.ts new file mode 100644 index 0000000..a515ded --- /dev/null +++ b/app/manifest.ts @@ -0,0 +1,26 @@ +import type { MetadataRoute } from 'next' + +export default function manifest(): MetadataRoute.Manifest { + return { + name: "MiniPerplx - AI-powered Search Engine", + short_name: "MiniPerplx", + description: "A minimalistic AI-powered search engine that helps you find information on the internet using advanced AI models like GPT-4, Claude, and Grok", + start_url: "/", + display: "standalone", + categories: ["search", "ai", "productivity"], + icons: [ + { + src: "/favicon.ico", + sizes: "any", + type: "image/x-icon" + }, + ], + screenshots: [ + { + src: "/opengraph-image.png", + type: "image/png", + sizes: "1200x630", + } + ] + } +} \ No newline at end of file diff --git a/app/page.tsx b/app/page.tsx index be78d08..a4cf001 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -132,7 +132,7 @@ import { vs } from 'react-syntax-highlighter/dist/cjs/styles/prism'; import { useMediaQuery } from '@/hooks/use-media-query'; import TMDBResult from '@/components/movie-info'; import TrendingResults from '@/components/trending-tv-movies-results'; - +import { GeistMono } from 'geist/font/mono'; export const maxDuration = 60; @@ -1083,8 +1083,8 @@ Grok 2 models are now available for you to try out. if (toolInvocation.toolName === 'thinking_canvas') { return ( -
- +
+
@@ -2141,7 +2141,7 @@ Grok 2 models are now available for you to try out.
-
+
+
{content}
); @@ -2393,7 +2393,7 @@ Grok 2 models are now available for you to try out. const Navbar: React.FC = () => { return ( -
+