{newsArticle.title}
++ {newsArticle.description} +
+ Read more +
+
+ );
+}
diff --git a/src/app/(authenticated)/chat/loading.tsx b/src/app/(authenticated)/chat/loading.tsx
new file mode 100644
index 000000000..e002c27e9
--- /dev/null
+++ b/src/app/(authenticated)/chat/loading.tsx
@@ -0,0 +1,5 @@
+import { PageLoader } from "@/features/ui/page-loader";
+
+export default function Loading() {
+ return
+
+
+
+
+ {children}
+
+
+
+ {children}
+
+
+ );
+}
diff --git a/src/app/api/auth/[...nextauth]/route.ts b/src/app/api/auth/[...nextauth]/route.ts
deleted file mode 100644
index a07efa66c..000000000
--- a/src/app/api/auth/[...nextauth]/route.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { handlers } from "@/features/auth/auth-api";
-
-export { handlers as GET, handlers as POST };
diff --git a/src/app/api/chat/route.ts b/src/app/api/chat/route.ts
deleted file mode 100644
index bec2f4987..000000000
--- a/src/app/api/chat/route.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { chatAPIEntry } from "@/features/chat/chat-services/chat-api-entry";
-
-export async function POST(req: Request) {
- const body = await req.json();
- return await chatAPIEntry(body);
-}
diff --git a/src/app/change-log/layout.tsx b/src/app/change-log/layout.tsx
deleted file mode 100644
index 6f9ff185d..000000000
--- a/src/app/change-log/layout.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { MainMenu } from "@/features/main-menu/menu";
-import { AI_NAME } from "@/features/theme/customise";
-
-export const dynamic = "force-dynamic";
-
-export const metadata = {
- title: AI_NAME,
- description: AI_NAME,
-};
-
-export default async function RootLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
- return (
- <>
-
+
+ + You are not authorized to view this page +
+This page can only be viewed by admin users.
+
- {children}
-
-
- );
-}
diff --git a/src/app/change-log/loading.tsx b/src/app/change-log/loading.tsx
deleted file mode 100644
index e792fc37b..000000000
--- a/src/app/change-log/loading.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { LoadingSkeleton } from "@/features/loading-skeleton";
-
-export default function Loading() {
- return
-
-
-
-
-
-
-
-
-
- Uh-oh! 404
-- How about we start a new chat? -
-
-
-
- {children}
-
-
- );
-}
diff --git a/src/app/chat/loading.tsx b/src/app/chat/loading.tsx
deleted file mode 100644
index e792fc37b..000000000
--- a/src/app/chat/loading.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { LoadingSkeleton } from "@/features/loading-skeleton";
-
-export default function Loading() {
- return
- {children}
-
- {children}
-
- );
-}
diff --git a/src/app/reporting/loading.tsx b/src/app/reporting/loading.tsx
deleted file mode 100644
index e792fc37b..000000000
--- a/src/app/reporting/loading.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { LoadingSkeleton } from "@/features/loading-skeleton";
-
-export default function Loading() {
- return {children}
-
- );
-}
diff --git a/src/app/unauthorized/loading.tsx b/src/app/unauthorized/loading.tsx
deleted file mode 100644
index e792fc37b..000000000
--- a/src/app/unauthorized/loading.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { LoadingSkeleton } from "@/features/loading-skeleton";
-
-export default function Loading() {
- return
-
- You not authorized to view this page
-This page can only be viewed by admin users.
-
-
- );
-};
-
-export default ChatLoading;
diff --git a/src/components/chat/chat-row.tsx b/src/components/chat/chat-row.tsx
deleted file mode 100644
index 0e1306d10..000000000
--- a/src/components/chat/chat-row.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-"use client";
-import { ChatRole } from "@/features/chat/chat-services/models";
-import { isNotNullOrEmpty } from "@/features/chat/chat-services/utils";
-import { cn } from "@/lib/utils";
-import { CheckIcon, ClipboardIcon, UserCircle } from "lucide-react";
-import { FC, useState } from "react";
-import { Markdown } from "../markdown/markdown";
-import Typography from "../typography";
-import { Avatar, AvatarImage } from "../ui/avatar";
-import { Button } from "../ui/button";
-
-interface ChatRowProps {
- name: string;
- profilePicture: string;
- message: string;
- type: ChatRole;
-}
-
-const ChatRow: FC
-
- );
-};
-
-export default ChatRow;
diff --git a/src/components/hooks/use-chat-scroll-anchor.tsx b/src/components/hooks/use-chat-scroll-anchor.tsx
deleted file mode 100644
index 7b66c48e2..000000000
--- a/src/components/hooks/use-chat-scroll-anchor.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { Message } from "ai";
-import { RefObject, useEffect } from "react";
-
-export const useChatScrollAnchor = (
- chats: Message[],
- ref: RefObject
-
-
-
-
-
-
- {props.name}
-
-
-
-
- {isNotNullOrEmpty(props.profilePicture) ? (
-
-
- ) : (
-
-
-
- {children}
;
-};
-
-export const paragraph = {
- render: "Paragraph",
-};
diff --git a/src/components/menu.tsx b/src/components/menu.tsx
deleted file mode 100644
index cd48cc775..000000000
--- a/src/components/menu.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-import Link from "next/link";
-
-const Menu = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
-
-
- );
- }
-};
diff --git a/src/features/change-log/version-display.tsx b/src/features/change-log/version-display.tsx
deleted file mode 100644
index 27e8e6fc1..000000000
--- a/src/features/change-log/version-display.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { APP_VERSION } from "@/app-global";
-import { appVersionDetails } from "./app-version";
-
-export const VersionDisplay = async () => {
- const appVersion = await appVersionDetails();
-
- return (
-
-
- );
-};
diff --git a/src/features/chat-home-page/chat-home.tsx b/src/features/chat-home-page/chat-home.tsx
new file mode 100644
index 000000000..6d111013b
--- /dev/null
+++ b/src/features/chat-home-page/chat-home.tsx
@@ -0,0 +1,82 @@
+import { AddExtension } from "@/features/extensions-page/add-extension/add-new-extension";
+import { ExtensionCard } from "@/features/extensions-page/extension-card/extension-card";
+import { ExtensionModel } from "@/features/extensions-page/extension-services/models";
+import { PersonaCard } from "@/features/persona-page/persona-card/persona-card";
+import { PersonaModel } from "@/features/persona-page/persona-services/models";
+import { AI_DESCRIPTION, AI_NAME } from "@/features/theme/theme-config";
+import { Hero } from "@/features/ui/hero";
+import { ScrollArea } from "@/features/ui/scroll-area";
+import Image from "next/image";
+import { FC } from "react";
+import { NewsArticleModel } from "@/features/common/services/news-service/news-model";
+import { NewsArticle } from "./news-article";
+
+interface ChatPersonaProps {
+ personas: PersonaModel[];
+ extensions: ExtensionModel[];
+ news: NewsArticleModel[];
+}
+
+export const ChatHome: FC- Version: {APP_VERSION}{" "} - {appVersion.isOutdated ? ( - - new version available {appVersion.version} - - ) : ( - - You are up to date - - )} -
-
+
+
+
+
+
+ Articles
+
+ {props.news && props.news.length > 0 ? (
+
+ props.news.map((newsArticle) => {
+ return (NewsArticle({newsArticle}))
+ }
+ )
+ ) : (
+
+ + No current news +
+ )} +
+
+ Personas
+ + {props.personas && props.personas.length > 0 ? ( +
+ {props.personas.map((persona) => {
+ return (
+
+ ) :
+ No personas created
+ } +
+
+ );
+};
diff --git a/src/features/chat-page/chat-header/document-detail.tsx b/src/features/chat-page/chat-header/document-detail.tsx
new file mode 100644
index 000000000..c645fe90a
--- /dev/null
+++ b/src/features/chat-page/chat-header/document-detail.tsx
@@ -0,0 +1,44 @@
+import { Button } from "@/features/ui/button";
+import { ScrollArea } from "@/features/ui/scroll-area";
+import {
+ Sheet,
+ SheetContent,
+ SheetHeader,
+ SheetTitle,
+ SheetTrigger,
+} from "@/features/ui/sheet";
+import { File } from "lucide-react";
+import { FC } from "react";
+import { ChatDocumentModel } from "../chat-services/models";
+
+interface Props {
+ chatDocuments: Array
+
+
+ {props.chatThread.name}
+
+
+
+
+
+ {props.chatDocuments.map((doc) => {
+ return (
+
+
+
+ );
+ })}
+ {doc.name}
+
+ {props.extensions.map((extension) => {
+ const isInstalled =
+ props.installedExtensionIds?.includes(extension.id) ?? false;
+ return (
+
+
+
+ );
+ })}
+
+
+ {extension.name}
+
+ {extension.description}
+
+
+ toggleInstall(e, extension.id)}
+ />
+
+
+
+
+
+
+
+ {persona}
+
+
+
+ {`${CHAT_DEFAULT_SYSTEM_PROMPT}`}
+ {`${personaMessage}`}
+
+
+ {!isLoading && prompts.length === 0 ? "There are no prompts" : ""}
+
+ inputPromptStore.selectPrompt(prompt)}
+ >
+
+ {prompt.name}
+
+
+ {prompt.description}
+
+
+ ))}
+
+
+
+ );
+};
diff --git a/src/features/chat-page/chat-menu/chat-menu-header.tsx b/src/features/chat-page/chat-menu/chat-menu-header.tsx
new file mode 100644
index 000000000..67ce793f7
--- /dev/null
+++ b/src/features/chat-page/chat-menu/chat-menu-header.tsx
@@ -0,0 +1,14 @@
+import { CreateChatAndRedirect } from "../chat-services/chat-thread-service";
+import { ChatContextMenu } from "./chat-context-menu";
+import { NewChat } from "./new-chat";
+
+export const ChatMenuHeader = () => {
+ return (
+ {props.title}
+ {props.children}
+
+
+
+ );
+};
diff --git a/src/features/chat-page/chat-menu/chat-menu-item.tsx b/src/features/chat-page/chat-menu/chat-menu-item.tsx
new file mode 100644
index 000000000..2846cdb20
--- /dev/null
+++ b/src/features/chat-page/chat-menu/chat-menu-item.tsx
@@ -0,0 +1,127 @@
+"use client";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@/features/ui/dropdown-menu";
+import { LoadingIndicator } from "@/features/ui/loading";
+import { cn } from "@/ui/lib";
+import { BookmarkCheck, MoreVertical, Pencil, Trash } from "lucide-react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { FC, useState } from "react";
+import { ChatThreadModel } from "../chat-services/models";
+import {
+ BookmarkChatThread,
+ DeleteChatThreadByID,
+ UpdateChatThreadTitle,
+} from "./chat-menu-service";
+
+interface ChatMenuItemProps {
+ href: string;
+ chatThread: ChatThreadModel;
+ children?: React.ReactNode;
+}
+
+export const ChatMenuItem: FC
+
+ {props.children}
+
+
+
+ {isLoading ? (
+
+
+ await handleAction("bookmark")}
+ >
+
+ await handleAction("rename")}
+ >
+
+ await handleAction("delete")}
+ >
+
+
+
+
+ );
+};
+
+type DropdownAction = "bookmark" | "rename" | "delete";
+
+const useDropdownAction = (props: { chatThread: ChatThreadModel }) => {
+ const { chatThread } = props;
+ const [isLoading, setIsLoading] = useState(false);
+
+ const handleAction = async (action: DropdownAction) => {
+ setIsLoading(true);
+ switch (action) {
+ case "bookmark":
+ await BookmarkChatThread({ chatThread });
+ break;
+ case "rename":
+ const name = window.prompt("Enter the new name for the chat thread:");
+ if (name !== null) {
+ await UpdateChatThreadTitle({ chatThread, name });
+ }
+ break;
+ case "delete":
+ if (
+ window.confirm("Are you sure you want to delete this chat thread?")
+ ) {
+ await DeleteChatThreadByID(chatThread.id);
+ }
+ break;
+ }
+ setIsLoading(false);
+ };
+
+ return {
+ isLoading,
+ handleAction,
+ };
+};
+
+export const DropdownMenuItemWithIcon: FC<{
+ children?: React.ReactNode;
+ onClick?: () => void;
+}> = (props) => {
+ return (
+
+ {Object.entries(menuItemsGrouped).map(
+ ([groupName, groupItems], index) => (
+
+ {groupItems?.map((item) => (
+
+ {item.name.replace("\n", "")}
+
+ ))}
+
+ )
+ )}
+
+ );
+};
+
+export const GroupChatThreadByType = (menuItems: Array
+
+ );
+ }
+
+ return Not found
;
+};
+
+interface Prop {
+ documentField: any;
+}
diff --git a/src/features/chat-page/message-content.tsx b/src/features/chat-page/message-content.tsx
new file mode 100644
index 000000000..757613a4c
--- /dev/null
+++ b/src/features/chat-page/message-content.tsx
@@ -0,0 +1,74 @@
+import { Markdown } from "@/features/ui/markdown/markdown";
+import { FunctionSquare } from "lucide-react";
+import React from "react";
+import {
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
+} from "../ui/accordion";
+import { RecursiveUI } from "../ui/recursive-ui";
+import { CitationAction } from "./citation/citation-action";
+
+interface MessageContentProps {
+ message: {
+ role: string;
+ content: string;
+ name: string;
+ multiModalImage?: string;
+ };
+}
+
+const MessageContent: React.FC
+
+
+
+
+
+
+
+
+
+ );
+ }
+
+ return null;
+};
+
+const toJson = (value: string) => {
+ try {
+ return JSON.parse(value);
+ } catch (e) {
+ return value;
+ }
+};
+
+export default MessageContent;
diff --git a/src/features/chat/chat-menu/chat-menu-container.tsx b/src/features/chat/chat-menu/chat-menu-container.tsx
deleted file mode 100644
index 93fbeacb3..000000000
--- a/src/features/chat/chat-menu/chat-menu-container.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-"use client";
-
-import { useMenuContext } from "@/features/main-menu/menu-context";
-
-export const ChatMenuContainer = ({
- children,
-}: {
- children: React.ReactNode;
-}) => {
- const { isMenuOpen } = useMenuContext();
- return <>{isMenuOpen ? children : null};
-};
diff --git a/src/features/chat/chat-menu/chat-menu.tsx b/src/features/chat/chat-menu/chat-menu.tsx
deleted file mode 100644
index 58221fb10..000000000
--- a/src/features/chat/chat-menu/chat-menu.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Menu, MenuContent, MenuHeader } from "@/components/menu";
-import { FindAllChatThreadForCurrentUser } from "@/features/chat/chat-services/chat-thread-service";
-import { MenuItems } from "./menu-items";
-import { NewChat } from "./new-chat";
-
-export const ChatMenu = async () => {
- const items = await FindAllChatThreadForCurrentUser();
-
- return (
-
- );
-};
diff --git a/src/features/chat/chat-menu/menu-items.tsx b/src/features/chat/chat-menu/menu-items.tsx
deleted file mode 100644
index a924a7064..000000000
--- a/src/features/chat/chat-menu/menu-items.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-import { MenuItem } from "@/components/menu";
-import { Button } from "@/components/ui/button";
-import { SoftDeleteChatThreadByID } from "@/features/chat/chat-services/chat-thread-service";
-import { useGlobalMessageContext } from "@/features/global-message/global-message-context";
-import { FileText, MessageCircle, Trash } from "lucide-react";
-import { useParams, useRouter } from "next/navigation";
-import { FC } from "react";
-import { ChatThreadModel } from "../chat-services/models";
-
-interface Prop {
- menuItems: Array
+
+
-
-
- Personalise
-
-
-
-
- );
-};
diff --git a/src/features/chat/chat-ui/chat-empty-state/chat-style-selector.tsx b/src/features/chat/chat-ui/chat-empty-state/chat-style-selector.tsx
deleted file mode 100644
index 8067d32d8..000000000
--- a/src/features/chat/chat-ui/chat-empty-state/chat-style-selector.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Brush, CircleDot, Scale } from "lucide-react";
-import { FC } from "react";
-import { ConversationStyle } from "../../chat-services/models";
-import { useChatContext } from "../chat-context";
-
-interface Prop {
- disable: boolean;
-}
-
-export const ChatStyleSelector: FC
- 
-
-
- - Start by just typing your message in the box below. You can also - personalise the chat by making changes to the settings on the right. -
-
-
- - Choose a conversation style -
-
-
- {showFileUpload === "data" && - How would you like to chat? -
-
-
-
- {AI_NAME}
-
-
-
- );
-};
diff --git a/src/features/chat/chat-ui/chat-file/chat-file-slider.tsx b/src/features/chat/chat-ui/chat-file/chat-file-slider.tsx
deleted file mode 100644
index 3bd0f67ba..000000000
--- a/src/features/chat/chat-ui/chat-file/chat-file-slider.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Button } from "@/components/ui/button";
-import {
- Sheet,
- SheetContent,
- SheetHeader,
- SheetTitle,
- SheetTrigger,
-} from "@/components/ui/sheet";
-import { FileText } from "lucide-react";
-import { ChatFileUI } from "./chat-file-ui";
-
-export const ChatFileSlider = () => {
- return (
-
-
-
-
-
-
- - Welcome to {AI_NAME}. You should interact in a friendly manner with - the AI assistant and refrain from participating in any harmful - activities. -
-You can start a new chat with me by clicking the button below.
-
-
-
-
-
-
-
-
-
- Upload File
-
-
-
-
- );
-};
diff --git a/src/features/chat/chat-ui/chat-file/chat-file-ui.tsx b/src/features/chat/chat-ui/chat-file/chat-file-ui.tsx
deleted file mode 100644
index bd6de5dcf..000000000
--- a/src/features/chat/chat-ui/chat-file/chat-file-ui.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { ArrowUpCircle, Loader2 } from "lucide-react";
-import { FC } from "react";
-import { useChatContext } from "../chat-context";
-import { useFileSelection } from "./use-file-selection";
-
-export const ChatFileUI: FC = () => {
- const { id, fileState } = useChatContext();
-
- const { isFileNull, setIsFileNull, uploadButtonLabel, isUploadingFile } =
- fileState;
-
- const { onSubmit } = useFileSelection({ id });
-
- return (
-
-
-
-
-
- );
-};
diff --git a/src/features/chat/chat-ui/chat-file/use-file-selection.ts b/src/features/chat/chat-ui/chat-file/use-file-selection.ts
deleted file mode 100644
index 5ecdefeae..000000000
--- a/src/features/chat/chat-ui/chat-file/use-file-selection.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { useGlobalMessageContext } from "@/features/global-message/global-message-context";
-import {
- IndexDocuments,
- UploadDocument,
-} from "../../chat-services/chat-document-service";
-import { useChatContext } from "../chat-context";
-
-interface Props {
- id: string;
-}
-
-export const useFileSelection = (props: Props) => {
- const { setChatBody, chatBody, fileState } = useChatContext();
- const { setIsUploadingFile, setUploadButtonLabel } = fileState;
-
- const { showError, showSuccess } = useGlobalMessageContext();
-
- const onSubmit = async (e: React.FormEvent{uploadButtonLabel}
-
-
- );
-};
diff --git a/src/features/chat/chat-ui/chat-input/chat-input.tsx b/src/features/chat/chat-ui/chat-input/chat-input.tsx
deleted file mode 100644
index 6206a7b64..000000000
--- a/src/features/chat/chat-ui/chat-input/chat-input.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import { useChatContext } from "@/features/chat/chat-ui/chat-context";
-import { useGlobalConfigContext } from "@/features/global-config/global-client-config-context";
-import { Loader, Send } from "lucide-react";
-import { FC, FormEvent, useRef } from "react";
-import { ChatFileSlider } from "../chat-file/chat-file-slider";
-import { Microphone } from "../chat-speech/microphone";
-import { useChatInputDynamicHeight } from "./use-chat-input-dynamic-height";
-
-interface Props {}
-
-const ChatInput: FC
-
-
-
- {chatBody.chatOverFileName}
-
-
- );
-};
diff --git a/src/features/chat/chat-ui/chat-speech/microphone.tsx b/src/features/chat/chat-ui/chat-speech/microphone.tsx
deleted file mode 100644
index d7e12b019..000000000
--- a/src/features/chat/chat-ui/chat-speech/microphone.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { FC } from "react";
-import { useChatContext } from "../chat-context";
-import { RecordSpeech } from "./record-speech";
-import { StopSpeech } from "./stop-speech";
-
-interface MicrophoneProps {
- disabled: boolean;
-}
-
-export const Microphone: FC
-
-
- {messages.map((message, index) => (
-
-
- {messages.length !== 0 ? (
-
- );
-};
diff --git a/src/features/chat/chat-ui/markdown/citation-action.tsx b/src/features/chat/chat-ui/markdown/citation-action.tsx
deleted file mode 100644
index 278441672..000000000
--- a/src/features/chat/chat-ui/markdown/citation-action.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use server";
-
-import { simpleSearch } from "@/features/chat/chat-services/azure-cog-search/azure-cog-vector-store";
-
-export const CitationAction = async (
- previousState: any,
- formData: FormData
-) => {
- const result = await simpleSearch({
- filter: `id eq '${formData.get("id")}'`,
- });
-
- if (result.length === 0) return Not found
;
-
- const firstResult = result[0];
-
- return (
-
-
- );
-};
diff --git a/src/features/common/cosmos.ts b/src/features/common/cosmos.ts
deleted file mode 100644
index 8389e28ec..000000000
--- a/src/features/common/cosmos.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Container, CosmosClient } from "@azure/cosmos";
-
-// Read Cosmos DB_NAME and CONTAINER_NAME from .env
-const DB_NAME = process.env.AZURE_COSMOSDB_DB_NAME || "chat";
-const CONTAINER_NAME = process.env.AZURE_COSMOSDB_CONTAINER_NAME || "history";
-
-export const initDBContainer = async () => {
- const endpoint = process.env.AZURE_COSMOSDB_URI;
- const key = process.env.AZURE_COSMOSDB_KEY;
-
- const client = new CosmosClient({ endpoint, key });
-
- const databaseResponse = await client.databases.createIfNotExists({
- id: DB_NAME,
- });
-
- const containerResponse =
- await databaseResponse.database.containers.createIfNotExists({
- id: CONTAINER_NAME,
- partitionKey: {
- paths: ["/userId"],
- },
- });
-
- return containerResponse.container;
-};
-
-export class CosmosDBContainer {
- private static instance: CosmosDBContainer;
- private container: Promise
-
- Idd
- {firstResult.id}
-
-
- File name
- {firstResult.metadata}
- {firstResult.pageContent}
-
+
+ );
+};
+
+const getName = (value: string) => {
+ try {
+ const val = JSON.parse(value);
+ return val.name;
+ } catch (e) {
+ return "Unknown";
+ }
+};
diff --git a/src/features/extensions-page/add-extension/add-new-extension.tsx b/src/features/extensions-page/add-extension/add-new-extension.tsx
new file mode 100644
index 000000000..5d133059d
--- /dev/null
+++ b/src/features/extensions-page/add-extension/add-new-extension.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { ServerActionResponse } from "@/features/common/server-action-response";
+import { LoadingIndicator } from "@/features/ui/loading";
+import { Textarea } from "@/features/ui/textarea";
+import { useSession } from "next-auth/react";
+import { FC } from "react";
+import { useFormState } from "react-dom";
+import { Button } from "../../ui/button";
+import { Input } from "../../ui/input";
+import { Label } from "../../ui/label";
+import { ScrollArea } from "../../ui/scroll-area";
+import {
+ Sheet,
+ SheetContent,
+ SheetFooter,
+ SheetHeader,
+ SheetTitle,
+} from "../../ui/sheet";
+import { Switch } from "../../ui/switch";
+import {
+ AddOrUpdateExtension,
+ extensionStore,
+ useExtensionState,
+} from "../extension-store";
+import { AddFunction } from "./add-function";
+import { EndpointHeader } from "./endpoint-header";
+import { ErrorMessages } from "./error-messages";
+
+interface Props {}
+
+export const AddExtension: FC
+ Functions
+
+
+ {extension.functions.map((func, index) => (
+
+
+ ))}
+ extensionStore.toggleFunction(func.id)}
+ >
+ {`${index + 1}. ${getName(func.code)}`}
+ {func.isOpen ?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ extensionStore.updateFunctionCode(func.id, value);
+ }}
+ extensions={[javascript()]}
+ theme={theme === "dark" ? "dark" : ("light" as const)}
+ />
+
+
+
+ );
+ }
+ };
+
+ return (
+
+
+
+
+
+
+ );
+};
+
+export const EndpointHeaderTitle = () => {
+ return (
+
+
+
+
+
+ );
+};
+
+export const EndpointHeader = () => {
+ const { extension } = useExtensionState();
+ const { headers } = extension;
+ return (
+
+
+ Secure header values
+
+ Header values are stored and retrieved from Azure Key Vault
+
+
+
+ );
+};
diff --git a/src/features/extensions-page/add-extension/error-messages.tsx b/src/features/extensions-page/add-extension/error-messages.tsx
new file mode 100644
index 000000000..b30b4b413
--- /dev/null
+++ b/src/features/extensions-page/add-extension/error-messages.tsx
@@ -0,0 +1,19 @@
+import { useExtensionState } from "../extension-store";
+
+export const ErrorMessages = () => {
+ const { formState } = useExtensionState();
+
+ if (formState.errors.length === 0) {
+ return null;
+ }
+
+ return (
+
+ Headers
+
+
+
+
+ ))}
+
+ {formState.errors.map((error, index) => (
+
+ );
+};
diff --git a/src/features/extensions-page/extension-card/extension-card.tsx b/src/features/extensions-page/extension-card/extension-card.tsx
new file mode 100644
index 000000000..e9030fcd5
--- /dev/null
+++ b/src/features/extensions-page/extension-card/extension-card.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import { Button } from "@/features/ui/button";
+import { Pencil } from "lucide-react";
+import { FC } from "react";
+import {
+ Card,
+ CardContent,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "../../ui/card";
+import { ExtensionModel } from "../extension-services/models";
+import { extensionStore } from "../extension-store";
+import { ExtensionCardContextMenu } from "./extension-context-menu";
+import { StartNewExtensionChat } from "./start-new-extension-chat";
+
+interface Props {
+ extension: ExtensionModel;
+ showContextMenu: boolean;
+}
+
+export const ExtensionCard: FC
+ {error.message}
+
+ ))}
+
+
+ )}
+
+
+
+ {props.extensions.map((extension) => {
+ return (
+
+
-
-
- );
-};
diff --git a/src/features/main-menu/main-menu.tsx b/src/features/main-menu/main-menu.tsx
new file mode 100644
index 000000000..19279aaa8
--- /dev/null
+++ b/src/features/main-menu/main-menu.tsx
@@ -0,0 +1,74 @@
+import { MenuTrayToggle } from "@/features/main-menu/menu-tray-toggle";
+import {
+ Menu,
+ MenuBar,
+ MenuItem,
+ MenuItemContainer,
+ menuIconProps,
+} from "@/ui/menu";
+import {
+ Book,
+ Home,
+ MessageCircle,
+ PocketKnife,
+ Sheet,
+ VenetianMask,
+} from "lucide-react";
+import { getCurrentUser } from "../auth-page/helpers";
+import { MenuLink } from "./menu-link";
+import { UserProfile } from "./user-profile";
+
+export const MainMenu = async () => {
+ const user = await getCurrentUser();
+
+ return (
+
+ );
+};
diff --git a/src/features/main-menu/menu-context.tsx b/src/features/main-menu/menu-context.tsx
deleted file mode 100644
index 82bd8f699..000000000
--- a/src/features/main-menu/menu-context.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { createContext, useContext, useState } from "react";
-
-interface MenuContextProps {
- isMenuOpen: boolean;
- toggleMenu: () => void;
-}
-
-export const MenuContext = createContext
-
+ {props.children}
+
+ );
+});
+MenuTray.displayName = "MenuTray";
diff --git a/src/features/main-menu/menu.tsx b/src/features/main-menu/menu.tsx
deleted file mode 100644
index 0e7a7e403..000000000
--- a/src/features/main-menu/menu.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import {
- LayoutDashboard,
- MessageCircle,
- PanelLeftClose,
- PanelRightClose,
- Triangle,
-} from "lucide-react";
-import Link from "next/link";
-import { ThemeToggle } from "../theme/theme-toggle";
-import { UserProfile } from "../user-profile";
-
-import { useSession } from "next-auth/react";
-import { UpdateIndicator } from "../change-log/update-indicator";
-import { useMenuContext } from "./menu-context";
-
-export const MainMenu = () => {
- const { data: session } = useSession();
- const { isMenuOpen, toggleMenu } = useMenuContext();
- return (
-
-
- );
-};
diff --git a/src/features/theme/theme-toggle.tsx b/src/features/main-menu/theme-toggle.tsx
similarity index 58%
rename from src/features/theme/theme-toggle.tsx
rename to src/features/main-menu/theme-toggle.tsx
index 7f4191506..db6041714 100644
--- a/src/features/theme/theme-toggle.tsx
+++ b/src/features/main-menu/theme-toggle.tsx
@@ -1,40 +1,39 @@
"use client";
-
+import { Tabs, TabsList, TabsTrigger } from "@/ui/tabs";
import { Laptop2, Moon, Sun } from "lucide-react";
import { useTheme } from "next-themes";
-import { Tabs, TabsList, TabsTrigger } from "../../components/ui/tabs";
-
-export function ThemeToggle() {
+export const ThemeToggle = () => {
const { setTheme, theme } = useTheme();
+
return (
-
-
-
-
- {session?.user?.isAdmin ? (
-
- ) : (
- <>
- )}
-
-
-
-
-
+
+ + {session?.user?.name} +
++ {session?.user?.email} +
++ {session?.user?.isAdmin ? "Admin" : ""} +
+
+
+ Switch themes
+
+
+ );
+ }
+ };
+
+ return (
+
+
+ )}
+
+ {persona.description}
+
+
+
+
+ + {persona.isPublished + ? `This is published and everyone in your organisation can use ${persona.name} persona` + : "This is only visible to you"} +
+
+
+
+ {props.personas.map((persona) => {
+ return (
+
+
+
+ );
+ }
+ };
+
+ return (
+
+
+ )}
+
+
+
+ {promptsResponse.response.map((prompt) => {
+ return (
+
+