Prompt config module

DSL/Liquibase/changelog/rag-search-script-v5-prompt-config.sql

@@ -0,0 +1,8 @@
+-- liquibase formatted sql
+
+-- changeset Erangi Ariyasena:rag-script-v5-changeset1
+CREATE TABLE public.prompt_configuration (
+    id BIGINT NOT NULL GENERATED BY DEFAULT AS IDENTITY,
+    prompt TEXT
+);
+

DSL/Liquibase/master.yml

@@ -6,4 +6,6 @@ databaseChangeLog:
   - include:
       file: changelog/rag-search-script-v3-configuration.sql
   - include:
-      file: changelog/rag-search-script-v4-authority-data.xml
+      file: changelog/rag-search-script-v4-authority-data.xml
+  - include:
+      file: changelog/rag-search-script-v5-prompt-config.sql

DSL/Resql/rag-search/GET/get-prompt-configuration.sql

@@ -0,0 +1,5 @@
+SELECT 
+    id,
+    prompt
+FROM prompt_configuration
+LIMIT 1

DSL/Resql/rag-search/POST/insert-prompt-configuration.sql

@@ -0,0 +1,3 @@
+INSERT INTO prompt_configuration (prompt)
+VALUES (:prompt)
+RETURNING id, prompt

DSL/Resql/rag-search/POST/update-prompt-configuration.sql

@@ -0,0 +1,4 @@
+UPDATE prompt_configuration
+SET prompt = :prompt
+WHERE id = :id
+RETURNING id, prompt

DSL/Ruuter.private/rag-search/GET/prompt-configuration/get.yml

@@ -0,0 +1,39 @@
+declaration:
+  call: declare
+  version: 0.1
+  description: "Get prompt configuration"
+  method: get
+  accepts: json
+  returns: json
+  namespace: rag-search
+
+get_prompt_configuration:
+  call: http.get
+  args:
+    url: "[#RAG_SEARCH_RESQL]/get-prompt-configuration"
+  result: prompt_result
+  next: check_prompt_exists
+
+check_prompt_exists:
+  switch:
+    - condition: "${prompt_result.response.body.length > 0}"
+      next: transform_response
+  next: transform_empty_response
+
+transform_response:
+  assign:
+    data: ${prompt_result.response.body}
+  next: return_success
+
+transform_empty_response:
+  assign:
+    emptyData: []
+  next: return_empty
+
+return_success:
+  return: ${data}
+  next: end
+
+return_empty:
+  return: ${emptyData}
+  next: end

DSL/Ruuter.private/rag-search/POST/prompt-configuration/save.yml

@@ -0,0 +1,58 @@
+declaration:
+  call: declare
+  version: 0.1
+  description: "Update or insert prompt configuration"
+  method: post
+  accepts: json
+  returns: json
+  namespace: rag-search
+  allowlist:
+    body:
+      - field: prompt
+        type: string
+        description: "Prompt text to save"
+
+extract_request_data:
+  assign:
+    prompt: ${incoming.body.prompt ?? ""}
+  next: get_existing_prompt
+
+get_existing_prompt:
+  call: http.get
+  args:
+    url: "[#RAG_SEARCH_RESQL]/get-prompt-configuration"
+  result: existing_prompt
+  next: check_if_exists
+
+check_if_exists:
+  switch:
+    - condition: "${existing_prompt.response.body.length > 0}"
+      next: update_prompt
+  next: insert_prompt
+
+update_prompt:
+  call: http.post
+  args:
+    url: "[#RAG_SEARCH_RESQL]/update-prompt-configuration"
+    body:
+      id: ${existing_prompt.response.body[0].id}
+      prompt: ${prompt}
+  result: update_result
+  next: return_update_success
+
+insert_prompt:
+  call: http.post
+  args:
+    url: "[#RAG_SEARCH_RESQL]/insert-prompt-configuration"
+    body:
+      prompt: ${prompt}
+  result: insert_result
+  next: return_insert_success
+
+return_update_success:
+  return: ${update_result.response.body[0]}
+  next: end
+
+return_insert_success:
+  return: ${insert_result.response.body[0]}
+  next: end

DSL/Ruuter.private/rag-search/POST/vault/secret/create.yml

@@ -5,7 +5,7 @@ declaration:
   method: post
   accepts: json
   returns: json
-  namespace: classifier
+  namespace: rag-search
   allowlist:
     body:
       - field: connectionId

DSL/Ruuter.private/rag-search/POST/vault/secret/delete.yml

@@ -5,7 +5,7 @@ declaration:
   method: post
   accepts: json
   returns: json
-  namespace: classifier
+  namespace: rag-search
   allowlist:
     body:
       - field: connectionId

GUI/src/App.tsx

@@ -13,6 +13,7 @@ import ViewLLMConnection from 'pages/LLMConnections/ViewLLMConnection';
 import UserManagement from 'pages/UserManagement';
 import TestLLM from 'pages/TestModel';
 import TestProductionLLM from 'pages/TestProductionLLM';
+import PromptConfigurations from 'pages/PromptConfigurations';
 
 const App: FC = () => {
   const navigate = useNavigate();
@@ -62,6 +63,7 @@ const App: FC = () => {
             <Route path="/llm-connections" element={<LLMConnections />} />
             <Route path="/create-llm-connection" element={<CreateLLMConnection />} />
             <Route path="/view-llm-connection" element={<ViewLLMConnection />} />
+            <Route path="/prompt-configurations" element={<PromptConfigurations />} />
             <Route path="/test-llm" element={<TestLLM />} />
             <Route path="/test-production-llm" element={<TestProductionLLM />} /> 
 

GUI/src/components/MainNavigation/index.tsx

@@ -25,9 +25,19 @@ const MainNavigation: FC = () => {
     },
      {
       id: 'llmConnections',
-      label: t('menu.llmConnections'),
-      path: '/llm-connections',
+      label: t('menu.llmConnections._self'),
+      path: '',
       icon: <MdOutlineDataset />,
+      children: [
+        {
+          label: t('menu.llmConnections.overview'),
+          path: '/llm-connections',
+        },
+        {
+          label: t('menu.llmConnections.promptConfigurations'),
+          path: '/prompt-configurations',
+        }
+      ],
     },
     {
       id: 'testLLM',
@@ -37,7 +47,7 @@ const MainNavigation: FC = () => {
     },
     {
       id: 'testProductionLLM',
-      label: 'Test Production LLM',
+      label: t('menu.testProductionLLM'),
       path: '/test-production-llm',
       icon: <MdSearch />
     }

GUI/src/pages/PromptConfigurations/PromptConfigurations.scss

@@ -0,0 +1,39 @@
+.prompt-configurations {
+  padding: 2rem;
+
+  .container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .title-container {
+    margin-bottom: 2rem;
+
+    .title {
+      font-size: 2rem;
+      font-weight: 600;
+      margin-bottom: 0.5rem;
+      color: #1a1a1a;
+    }
+
+    .subtitle {
+      font-size: 1rem;
+      color: #666;
+      margin: 0;
+    }
+  }
+
+  .prompt-form {
+    background: #fff;
+    border-radius: 8px;
+    padding: 2rem;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+
+    .form-actions {
+      margin-top: 1.5rem;
+      display: flex;
+      justify-content: flex-end;
+      gap: 1rem;
+    }
+  }
+}

GUI/src/pages/PromptConfigurations/index.tsx

@@ -0,0 +1,100 @@
+import { FC, useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { Button, FormTextarea } from 'components';
+import { ButtonAppearanceTypes, ToastTypes } from 'enums/commonEnums';
+import CircularSpinner from 'components/molecules/CircularSpinner/CircularSpinner';
+import { getPromptConfiguration, savePromptConfiguration } from 'services/promptConfiguration';
+import { promptConfigurationQueryKeys } from 'utils/queryKeys';
+import { useToast } from 'hooks/useToast';
+import './PromptConfigurations.scss';
+
+const PromptConfigurations: FC = () => {
+    const { t } = useTranslation();
+    const toast = useToast();
+    const queryClient = useQueryClient();
+    const [promptText, setPromptText] = useState('');
+    const [isUpdating, setIsUpdating] = useState(false);
+
+    // Fetch prompt configuration
+    const { data: promptConfig, isLoading } = useQuery({
+        queryKey: promptConfigurationQueryKeys.current(),
+        queryFn: getPromptConfiguration,
+    });
+
+
+    // Update promptText when data is loaded
+    useEffect(() => {
+        if (promptConfig && promptConfig.length > 0) {
+            setPromptText(promptConfig[0].prompt || '');
+            setIsUpdating(true);
+        }
+    }, [promptConfig]);
+
+    // Save prompt mutation
+    const saveMutation = useMutation({
+        mutationFn: savePromptConfiguration,
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: promptConfigurationQueryKeys.current() });
+            toast.open({
+                type: ToastTypes.SUCCESS,
+                title: t('toast.success.title'),
+                message: t('promptConfigurations.submitSuccess'),
+            });
+        },
+        onError: (error: any) => {
+            console.error('Error saving prompt:', error);
+            toast.open({
+                type: ToastTypes.ERROR,
+                title: t('toast.error.title'),
+                message: t('promptConfigurations.submitError'),
+            });
+        },
+    });
+
+    const handleSubmit = () => {
+        if (!promptText.trim()) {
+            return;
+        }
+        saveMutation.mutate(promptText);
+    };
+
+    if (isLoading) {
+        return <CircularSpinner />;
+    }
+
+    return (
+        <div className="prompt-configurations">
+            <div className="container">
+                <div className="title_container">
+                    <div className="title">{t('promptConfigurations.title')}</div>
+                </div>
+
+                <div className="prompt-form">
+                    <FormTextarea
+                        label={t('promptConfigurations.promptLabel')}
+                        name="promptText"
+                        value={promptText}
+                        onChange={(e) => setPromptText(e.target.value)}
+                        minRows={10}
+                    />
+
+                    <div className="form-actions">
+                        <Button
+                            appearance={ButtonAppearanceTypes.PRIMARY}
+                            onClick={handleSubmit}
+                            disabled={saveMutation.isLoading || !promptText.trim()}
+                        >
+                            {saveMutation.isLoading 
+                                ? (isUpdating ? t('promptConfigurations.updating') : t('promptConfigurations.saving'))
+                                : (isUpdating ? t('promptConfigurations.updateButton') : t('promptConfigurations.submitButton'))
+                            }
+                        </Button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default PromptConfigurations;

GUI/src/services/promptConfiguration.ts

@@ -0,0 +1,23 @@
+import apiDev from './api-dev';
+import { promptConfigurationEndpoints } from 'utils/endpoints';
+
+export interface PromptConfiguration {
+    id: number | null;
+    prompt: string;
+}
+
+export interface PromptConfigurationResponse {
+    response: PromptConfiguration[];
+}
+
+export const getPromptConfiguration = async (): Promise<PromptConfiguration[]> => {
+    const { data } = await apiDev.get(promptConfigurationEndpoints.GET_PROMPT_CONFIGURATION());
+    return data?.response || [];
+};
+
+export const savePromptConfiguration = async (prompt: string): Promise<PromptConfiguration[]> => {
+    const { data } = await apiDev.post(promptConfigurationEndpoints.SAVE_PROMPT_CONFIGURATION(), {
+        prompt,
+    });
+    return data?.response;
+};

GUI/src/utils/endpoints.ts

@@ -34,3 +34,8 @@ export const vaultEndpoints = {
   CREATE_VAULT_SECRET: (): string => `/rag-search/vault/secret/create`,
   DELETE_VAULT_SECRET: (): string => `/rag-search/vault/secret/delete`,
 }
+
+export const promptConfigurationEndpoints = {
+  GET_PROMPT_CONFIGURATION: (): string => `/rag-search/prompt-configuration/get`,
+  SAVE_PROMPT_CONFIGURATION: (): string => `/rag-search/prompt-configuration/save`,
+}

GUI/src/utils/queryKeys.ts

@@ -38,3 +38,8 @@ export const inferenceQueryKeys = {
   results: () => [...inferenceQueryKeys.all(), 'results'] as const,
   result: (request: InferenceRequest) => [...inferenceQueryKeys.results(), request] as const,
 };
+
+export const promptConfigurationQueryKeys = {
+  all: () => ['prompt-configuration'] as const,
+  current: () => [...promptConfigurationQueryKeys.all(), 'current'] as const,
+};