Function ViewSystemPromptModal

components/actions/viewPromptModal.tsx:47–114

(props: {
  open: boolean;
  setOpen: (open: boolean) => void;
  actions: Action[];
})

];

export default function ViewSystemPromptModal(props: {
  open: boolean;
  setOpen: (open: boolean) => void;
  actions: Action[];
}) {
  const { profile } = useProfile();
  const [viewSystemPrompt, setViewSystemPrompt] = useState<boolean>(false);

  const additionalActions: Action[] = [];
  if (profile?.organizations?.chat_to_docs_enabled) {
    additionalActions.unshift(getSearchDocsAction(profile.organizations, ""));
  }
  const actions = additionalActions.concat(props.actions);

  return (
    <Modal open={props.open} setOpen={props.setOpen} classNames="max-w-7xl">
      <div className="relative mt-3 text-center sm:mt-5">
        <Dialog.Title
          as="h3"
          className="text-2xl font-semibold leading-6 text-gray-100 flex flex-row gap-x-2 justify-center place-items-center"
        >
          {viewSystemPrompt ? "System Prompt" : "Actions Description"}
        </Dialog.Title>

        <div className="flex flex-row justify-center">
          <p className="mt-4 text-gray-300 whitespace-pre-wrap text-center max-w-2xl">
            {viewSystemPrompt ? items[0].description : items[1].description}
          </p>
        </div>
        <div className="absolute top-2 left-3 flex flex-row gap-x-3 text-sm place-items-center text-gray-400">
          Actions description
          <Toggle
            enabled={viewSystemPrompt}
            setEnabled={setViewSystemPrompt}
            size={"sm"}
            sr={"View System Prompt"}
          />
          System prompt
        </div>
        <p className="mt-4 text-gray-200 bg-gray-700 rounded-md px-4 py-3 whitespace-pre-wrap text-left">
          {viewSystemPrompt
            ? addTabsToVariables(
                getMessages(
                  [],
                  actions,
                  "<USER DESCRIPTION GOES HERE>",
                  {
                    name: profile?.organizations?.name ?? "<ORG NAME>",
                    description:
                      profile?.organizations?.description ??
                      "<ORG DESCRIPTION>",
                    chatbot_instructions:
                      profile?.organizations?.chatbot_instructions ?? "",
                    enable_data_analysis:
                      profile?.organizations?.enable_data_analysis ?? false,
                  },
                  "English",
                  false,