Fix/update UI texts

.gitignore

@@ -44,3 +44,6 @@ sw.js
 sw.js.map
 workbox-*.js
 workbox-*.js.map
+
+# local env
+.idea

.prettierrc.json

@@ -0,0 +1,16 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "bracketSameLine": false,
+  "jsxSingleQuote": false,
+  "printWidth": 80,
+  "proseWrap": "preserve",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "useTabs": false
+}

app/[locale]/[workspaceid]/chat/[chatid]/page.tsx

@@ -1,7 +1,7 @@
-"use client"
+'use client';
 
-import { ChatUI } from "@/components/chat/chat-ui"
+import { ChatUI } from '@/components/chat/chat-ui';
 
 export default function ChatIDPage() {
-  return <ChatUI />
+  return <ChatUI />;
 }

app/[locale]/[workspaceid]/chat/page.tsx

@@ -1,35 +1,87 @@
-"use client"
-
-import { ChatHelp } from "@/components/chat/chat-help"
-import { useChatHandler } from "@/components/chat/chat-hooks/use-chat-handler"
-import { ChatInput } from "@/components/chat/chat-input"
-import { ChatSettings } from "@/components/chat/chat-settings"
-import { ChatUI } from "@/components/chat/chat-ui"
-import { QuickSettings } from "@/components/chat/quick-settings"
-import { Brand } from "@/components/ui/brand"
-import { ChatbotUIContext } from "@/context/context"
-import useHotkey from "@/lib/hooks/use-hotkey"
-import { useTheme } from "next-themes"
-import { useContext } from "react"
+'use client';
+
+import { ChatHelp } from '@/components/chat/chat-help';
+import { useChatHandler } from '@/components/chat/chat-hooks/use-chat-handler';
+import { ChatInput } from '@/components/chat/chat-input';
+import { ChatSettings } from '@/components/chat/chat-settings';
+import { ChatUI } from '@/components/chat/chat-ui';
+import { QuickSettings } from '@/components/chat/quick-settings';
+import { Brand } from '@/components/ui/brand';
+import { ChatbotUIContext } from '@/context/context';
+import useHotkey from '@/lib/hooks/use-hotkey';
+import { useTheme } from 'next-themes';
+import { useContext } from 'react';
 
 export default function ChatPage() {
-  useHotkey("o", () => handleNewChat())
-  useHotkey("l", () => {
-    handleFocusChatInput()
-  })
+  useHotkey('o', () => handleNewChat());
+  useHotkey('l', () => {
+    handleFocusChatInput();
+  });
+
+  const { chatMessages, models, setModels } = useContext(ChatbotUIContext);
+
+  // update models
+  if (!models.find(model => model.model_id === 'FineTuning_LLM')) {
+    models.push({
+      api_key: '',
+      base_url: 'http://223.130.135.187:8001/v1',
+      context_length: 0,
+      created_at: '',
+      description: '',
+      folder_id: null,
+      id: '',
+      sharing: '',
+      updated_at: null,
+      user_id: '',
+      model_id: 'FineTuning_LLM',
+      name: 'FineTuning_LLM'
+    });
+    setModels(models);
+  }
+
+  const modelIds = [
+    'jailbreaking-level-1',
+    'jailbreaking-level-2',
+    'jailbreaking-level-3',
+    'jailbreaking-level-4',
+    'jailbreaking-level-5',
+    'jailbreaking-level-6',
+    'jailbreaking-level-7',
+    'jailbreaking-level-8',
+    'jailbreaking-level-9',
+    'jailbreaking-level-10'
+  ];
 
-  const { chatMessages } = useContext(ChatbotUIContext)
+  for (const modelId of modelIds) {
+    if (!models.find(model => model.model_id === modelId)) {
+      models.push({
+        api_key: '',
+        base_url: 'https://pcp-ai.openai.azure.com/openai',
+        context_length: 0,
+        created_at: '',
+        description: '',
+        folder_id: null,
+        id: '',
+        sharing: '',
+        updated_at: null,
+        user_id: '',
+        model_id: modelId,
+        name: modelId
+      });
+    }
+    setModels(models);
+  }
 
-  const { handleNewChat, handleFocusChatInput } = useChatHandler()
+  const { handleNewChat, handleFocusChatInput } = useChatHandler();
 
-  const { theme } = useTheme()
+  const { theme } = useTheme();
 
   return (
     <>
       {chatMessages.length === 0 ? (
         <div className="relative flex h-full flex-col items-center justify-center">
           <div className="top-50% left-50% -translate-x-50% -translate-y-50% absolute mb-20">
-            <Brand theme={theme === "dark" ? "dark" : "light"} />
+            {/*<Brand theme={theme === 'dark' ? 'dark' : 'light'} />*/}
           </div>
 
           <div className="absolute left-2 top-2">
@@ -54,5 +106,5 @@ export default function ChatPage() {
         <ChatUI />
       )}
     </>
-  )
+  );
 }

app/[locale]/[workspaceid]/game/[gametype]/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import { GameResult } from '@/components/game/game-result';
+
+export default function GameResultPage() {
+  return <GameResult />;
+}

app/[locale]/[workspaceid]/game/page.tsx

@@ -0,0 +1,33 @@
+'use client';
+
+import { ChatHelp } from '@/components/chat/chat-help';
+import { useChatHandler } from '@/components/chat/chat-hooks/use-chat-handler';
+import { ChatInput } from '@/components/chat/chat-input';
+import { ChatSettings } from '@/components/chat/chat-settings';
+import { ChatUI } from '@/components/chat/chat-ui';
+import { QuickSettings } from '@/components/chat/quick-settings';
+import { Brand } from '@/components/ui/brand';
+import { ChatbotUIContext } from '@/context/context';
+import useHotkey from '@/lib/hooks/use-hotkey';
+import { useTheme } from 'next-themes';
+import { useContext } from 'react';
+import GameResultPage from '@/app/[locale]/[workspaceid]/game/[gametype]/page';
+
+export default function ChatPage() {
+  useHotkey('o', () => handleNewChat());
+  useHotkey('l', () => {
+    handleFocusChatInput();
+  });
+
+  const { chatMessages } = useContext(ChatbotUIContext);
+
+  const { handleNewChat, handleFocusChatInput } = useChatHandler();
+
+  const { theme } = useTheme();
+
+  return (
+    <div className="relative flex h-full flex-col items-center justify-center">
+      <GameResultPage />
+    </div>
+  );
+}