From cdc671fca55cb4f36e855e0cab08e91c353fc803 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Tue, 24 Jun 2025 08:31:37 +0700
Subject: [PATCH] system prompt tab in settings page

---
 .../settings-modal/src/lib/panes/SystemPromptsPane.tsx |  5 +++++
 .../settings-modal/src/lib/settings-modal.tsx          | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 frontend/libs/components/settings-modal/src/lib/panes/SystemPromptsPane.tsx

diff --git a/frontend/libs/components/settings-modal/src/lib/panes/SystemPromptsPane.tsx b/frontend/libs/components/settings-modal/src/lib/panes/SystemPromptsPane.tsx
new file mode 100644
index 0000000000..db7230b641
--- /dev/null
+++ b/frontend/libs/components/settings-modal/src/lib/panes/SystemPromptsPane.tsx
@@ -0,0 +1,5 @@
+import { create } from "zustand";
+
+export const SystemPromptsPane = () => {
+  return <div className="space-y-4"></div>;
+};
diff --git a/frontend/libs/components/settings-modal/src/lib/settings-modal.tsx b/frontend/libs/components/settings-modal/src/lib/settings-modal.tsx
index 70a3737b0a..f13098c100 100644
--- a/frontend/libs/components/settings-modal/src/lib/settings-modal.tsx
+++ b/frontend/libs/components/settings-modal/src/lib/settings-modal.tsx
@@ -7,6 +7,7 @@ import {
   faVolumeHigh,
   faCircleInfo,
   faRoute,
+  faMessageCheck,
 } from "@fortawesome/pro-solid-svg-icons";
 import { twMerge } from "tailwind-merge";
 import { MiscSettingsPane } from "./panes/MiscSettingsPane";
@@ -14,6 +15,7 @@ import { AudioSettingsPane } from "./panes/AudioSettingsPane";
 import { AccountSettingsPane } from "./panes/AccountSettings/AccountSettingsPane";
 import { AboutSettingsPane } from "./panes/AboutSettingsPane";
 import { RouterPrioritySettingsPane } from "./panes/RouterPrioritySettingsPane";
+import { SystemPromptsPane } from "./panes/SystemPromptsPane";
 
 interface SettingsModalProps {
   isOpen: boolean;
@@ -26,6 +28,7 @@ type SettingsSection =
   | "general"
   | "accounts"
   | "alerts"
+  | "system_prompts"
   | "about"
   | "router_priority";
 
@@ -42,6 +45,11 @@ export const SettingsModal = ({
     { id: "general" as const, label: "General", icon: faCog },
     { id: "accounts" as const, label: "Accounts", icon: faUser },
     { id: "alerts" as const, label: "Alerts", icon: faVolumeHigh },
+    {
+      id: "system_prompts" as const,
+      label: "System Prompts",
+      icon: faMessageCheck,
+    },
     { id: "about" as const, label: "About", icon: faCircleInfo },
     {
       id: "router_priority" as const,
@@ -64,6 +72,8 @@ export const SettingsModal = ({
             globalAccountLogoutCallback={globalAccountLogoutCallback}
           />
         );
+      case "system_prompts":
+        return <SystemPromptsPane />;
       case "about":
         return <AboutSettingsPane />;
       case "router_priority":