fix build

src/components/chat/RenderWelcomeHomeCustomComponents.tsx

@@ -175,6 +175,7 @@ const CustomKatex: React.FC<{ math: string; displayMode: boolean }> = ({
     <Box
       as="span"
       display={displayMode ? "block" : "inline"}
+      // bg={bg}
       p={displayMode ? 4 : 1}
       my={displayMode ? 4 : 0}
       borderRadius="md"

src/components/chat/SupportedModels.ts

@@ -1,16 +1,48 @@
 const SUPPORTED_MODELS_GROUPS = {
-  openai: [],
+  openai: [
+    // "o1-preview",
+    // "o1-mini",
+    // "gpt-4o",
+    // "gpt-3.5-turbo"
+  ],
   groq: [
+    // "mixtral-8x7b-32768",
+    // "deepseek-r1-distill-llama-70b",
     "meta-llama/llama-4-scout-17b-16e-instruct",
     "gemma2-9b-it",
     "mistral-saba-24b",
+    // "qwen-2.5-32b",
     "llama-3.3-70b-versatile",
+    // "llama-3.3-70b-versatile"
+    // "llama-3.1-70b-versatile",
+    // "llama-3.3-70b-versatile"
   ],
   cerebras: ["llama-3.3-70b"],
-  claude: [],
-  fireworks: [],
-  google: [],
-  xai: [],
+  claude: [
+    // "claude-3-5-sonnet-20241022",
+    // "claude-3-opus-20240229"
+  ],
+  fireworks: [
+    // "llama-v3p1-405b-instruct",
+    // "llama-v3p1-70b-instruct",
+    // "llama-v3p2-90b-vision-instruct",
+    // "mixtral-8x22b-instruct",
+    // "mythomax-l2-13b",
+    // "yi-large"
+  ],
+  google: [
+    // "gemini-2.0-flash-exp",
+    // "gemini-1.5-flash",
+    // "gemini-exp-1206",
+    // "gemini-1.5-pro"
+  ],
+  xai: [
+    // "grok-beta",
+    // "grok-2",
+    // "grok-2-1212",
+    // "grok-2-latest",
+    // "grok-beta"
+  ],
   cloudflareAI: [
     "llama-3.2-3b-instruct", // max_tokens
     "llama-3-8b-instruct", // max_tokens
@@ -22,28 +54,33 @@ const SUPPORTED_MODELS_GROUPS = {
     "mistral-7b-instruct-v0.2",
     "neural-chat-7b-v3-1-awq",
     "openchat-3.5-0106",
+    // "gemma-7b-it",
   ],
 };
 
 export type SupportedModel =
-  | keyof typeof SUPPORTED_MODELS_GROUPS
-  | (typeof SUPPORTED_MODELS_GROUPS)[keyof typeof SUPPORTED_MODELS_GROUPS][number];
+    | keyof typeof SUPPORTED_MODELS_GROUPS
+    | (typeof SUPPORTED_MODELS_GROUPS)[keyof typeof SUPPORTED_MODELS_GROUPS][number];
 
 export type ModelFamily = keyof typeof SUPPORTED_MODELS_GROUPS;
 
 function getModelFamily(model: string): ModelFamily | undefined {
   return Object.keys(SUPPORTED_MODELS_GROUPS)
-    .filter((family) => {
-      return SUPPORTED_MODELS_GROUPS[
-        family as keyof typeof SUPPORTED_MODELS_GROUPS
-      ].includes(model.trim());
-    })
-    .at(0) as ModelFamily | undefined;
+      .filter((family) => {
+        return SUPPORTED_MODELS_GROUPS[
+            family as keyof typeof SUPPORTED_MODELS_GROUPS
+            ].includes(model.trim());
+      })
+      .at(0) as ModelFamily | undefined;
 }
 
 const SUPPORTED_MODELS = [
+  // ...SUPPORTED_MODELS_GROUPS.xai,
+  // ...SUPPORTED_MODELS_GROUPS.claude,
+  // ...SUPPORTED_MODELS_GROUPS.google,
   ...SUPPORTED_MODELS_GROUPS.groq,
   ...SUPPORTED_MODELS_GROUPS.fireworks,
+  // ...SUPPORTED_MODELS_GROUPS.openai,
   ...SUPPORTED_MODELS_GROUPS.cerebras,
   ...SUPPORTED_MODELS_GROUPS.cloudflareAI,
 ];

src/components/connect/ConnectComponent.tsx

@@ -89,6 +89,7 @@ function ConnectComponent() {
             onChange={(e) => handleChange("lastname")(e.target.value)}
             color="text.primary"
             borderColor="text.primary"
+            // bg="text.primary"
           />
         </HStack>
         <Input
@@ -107,6 +108,7 @@ function ConnectComponent() {
       </Box>
       <Button
         variant="outline"
+        // colorScheme="blackAlpha"
         onClick={handleSubmitButton}
         alignSelf="flex-end"
         size="md"

src/components/react-markdown/WebComponents.tsx

@@ -42,7 +42,10 @@ export const webComponents = {
   ),
   ul: ({ children }) => (
     <UnorderedList
+      // pl={3}
+      // mb={2}
       fontSize="sm"
+      // stylePosition="inside" // Keep bullets inside the text flow
     >
       {children}
     </UnorderedList>
@@ -56,7 +59,12 @@ export const webComponents = {
   li: ({ children, ...rest }) => {
     const filteredChildren = React.Children.toArray(children)
       .filter((child) => !(typeof child === "string" && child.trim() === "\n"))
-      .map((child) => child);
+      .map((child, index, array) => {
+        // if (typeof child === 'string' && index === array.length - 1 && /\n/.test(child)) {
+        //     return '\n';
+        // }
+        return child;
+      });
 
     return <ListItem {...rest}>{filteredChildren}</ListItem>;
   },

src/layout/NavItem.tsx

@@ -8,6 +8,7 @@ function NavItem({ path, children, color, onClick, as, cursor }) {
       href={path}
       mb={2}
       cursor={cursor}
+      // ml={5}
       mr={2}
       color={color ?? "text.accent"}
       letterSpacing="normal"

src/layout/theme/base_theme.ts

@@ -118,6 +118,7 @@ const components = {
       bg: "background.primary",
       color: "text.primary",
       boxShadow: "md",
+      // p: 4,
 
       ".mdxeditor-toolbar": {
         border: "1px solid",
@@ -126,6 +127,8 @@ const components = {
         bg: "background.primary",
         m: 2,
         p: 2,
+        // mb: 3,
+        // p: 3,
 
         "& button": {
           border: "none",
@@ -150,6 +153,7 @@ const components = {
             boxShadow: "0 0 0 2px var(--text-primary)",
             transform: "translateY(-1px)",
             transition: "all 0.2s ease",
+            // border: '2px solid transparent', // No border needed for SVG
           },
           '&[data-state="off"]': {
             bg: "transparent",
@@ -169,6 +173,7 @@ const components = {
   CodeBlocks: {
     baseStyle: (props) => ({
       bg: "background.primary",
+      // color: 'text.primary',
     }),
   },
 };

src/renderer/routes.ts

@@ -1,5 +1,9 @@
 export default {
   "/": { sidebarLabel: "Home", heroLabel: "g.s" },
+  // "/about": { sidebarLabel: "About", heroLabel: "About Me" },
+  // "/resume": { sidebarLabel: "Resume", heroLabel: "resume" },
+  // "/demo": { sidebarLabel: "Demo", heroLabel: "Demos" },
+  // "/services": { sidebarLabel: "Services", heroLabel: "services" },
   "/connect": { sidebarLabel: "Connect", heroLabel: "connect" },
   "/privacy-policy": {
     sidebarLabel: "",