20 | {children}
21 |
22 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/azurechat/app/change-log/loading.tsx:
--------------------------------------------------------------------------------
1 | import { LoadingSkeleton } from "@/features/loading-skeleton";
2 |
3 | export default function Loading() {
4 | return
14 |
15 |
17 |
21 |
18 |
20 |
8 |
16 |
9 |
15 | Uh-oh! 404
10 |11 | How about we start a new chat? 12 |
13 |
22 |
23 |
25 | {children}
26 |
27 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/azurechat/app/chat/loading.tsx:
--------------------------------------------------------------------------------
1 | import { LoadingSkeleton } from "@/features/loading-skeleton";
2 |
3 | export default function Loading() {
4 | return
38 | {children}
39 |
40 |
41 | {children}
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/azurechat/app/reporting/loading.tsx:
--------------------------------------------------------------------------------
1 | import { LoadingSkeleton } from "@/features/loading-skeleton";
2 |
3 | export default function Loading() {
4 | return {children}
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/azurechat/app/unauthorized/loading.tsx:
--------------------------------------------------------------------------------
1 | import { LoadingSkeleton } from "@/features/loading-skeleton";
2 |
3 | export default function Loading() {
4 | return
7 |
10 | You not authorized to view this page
8 |This page can only be viewed by admin users.
9 |
9 |
11 | );
12 | };
13 |
14 | export default ChatLoading;
15 |
--------------------------------------------------------------------------------
/src/azurechat/components/hooks/use-chat-scroll-anchor.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Message } from "ai";
4 | import { RefObject, useEffect } from "react";
5 |
6 | export const useChatScrollAnchor = (
7 | chats: Message[],
8 | ref: RefObject{children}
;
3 | };
4 |
5 | export const paragraph = {
6 | render: "Paragraph",
7 | };
8 |
--------------------------------------------------------------------------------
/src/azurechat/components/menu.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { cn } from "@/lib/utils";
4 | import Link from "next/link";
5 |
6 | const Menu = React.forwardRef<
7 | HTMLDivElement,
8 | React.HTMLAttributes
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 |
11 |
12 |
13 | );
14 | }
15 | };
16 |
--------------------------------------------------------------------------------
/src/azurechat/features/change-log/version-display.tsx:
--------------------------------------------------------------------------------
1 | import { APP_VERSION } from "@/app-global";
2 | import { appVersionDetails } from "./app-version";
3 |
4 | export const VersionDisplay = async () => {
5 | const appVersion = await appVersionDetails();
6 |
7 | return (
8 |
9 |
22 | );
23 | };
24 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-menu/chat-menu-container.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useMenuContext } from "@/features/main-menu/menu-context";
4 |
5 | export const ChatMenuContainer = ({
6 | children,
7 | }: {
8 | children: React.ReactNode;
9 | }) => {
10 | const { isMenuOpen } = useMenuContext();
11 | return <>{isMenuOpen ? children : null};
12 | };
13 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-menu/chat-menu.tsx:
--------------------------------------------------------------------------------
1 | import { Menu, MenuContent, MenuHeader } from "@/components/menu";
2 | import { FindAllChatThreadForCurrentUser } from "@/features/chat/chat-services/chat-thread-service";
3 | import { MenuItems } from "./menu-items";
4 | import { NewChat } from "./new-chat";
5 |
6 | export const ChatMenu = async () => {
7 | const items = await FindAllChatThreadForCurrentUser();
8 |
9 | return (
10 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-menu/menu-items.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { MenuItem } from "@/components/menu";
3 | import { Button } from "@/components/ui/button";
4 | import { SoftDeleteChatThreadByID } from "@/features/chat/chat-services/chat-thread-service";
5 | import { useGlobalMessageContext } from "@/features/global-message/global-message-context";
6 | import { FileText, MessageCircle, Trash } from "lucide-react";
7 | import { useParams, useRouter } from "next/navigation";
8 | import { FC } from "react";
9 | import { ChatThreadModel } from "../chat-services/models";
10 |
11 | interface Prop {
12 | menuItems: Array10 | Version: {APP_VERSION}{" "} 11 | {appVersion.isOutdated ? ( 12 | 13 | new version available {appVersion.version} 14 | 15 | ) : ( 16 | 17 | You are up to date 18 | 19 | )} 20 |
21 |
12 |
16 |
17 | {AI_NAME}
18 |
19 |
31 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/chat-file/chat-file-slider.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import {
3 | Sheet,
4 | SheetContent,
5 | SheetHeader,
6 | SheetTitle,
7 | SheetTrigger,
8 | } from "@/components/ui/sheet";
9 | import { FileText } from "lucide-react";
10 | import { ChatFileUI } from "./chat-file-ui";
11 |
12 | export const ChatFileSlider = () => {
13 | return (
14 |
13 | 
14 |
15 |
14 |
20 |
27 | 21 | Welcome to {AI_NAME}. You should interact in a friendly manner with 22 | the AI assistant and refrain from participating in any harmful 23 | activities. 24 |
25 |You can start a new chat with me by clicking the button below.
26 |
28 |
30 |
15 |
16 |
17 |
20 |
21 |
22 |
23 | Upload File
24 |
25 |
29 |
30 |
31 | );
32 | };
33 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/chat-file/chat-file-ui.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import { Input } from "@/components/ui/input";
3 | import { ArrowUpCircle, Loader2 } from "lucide-react";
4 | import { FC } from "react";
5 | import { useChatContext } from "../chat-context";
6 | import { useFileSelection } from "./use-file-selection";
7 |
8 | export const ChatFileUI: FC = () => {
9 | const { id, fileState } = useChatContext();
10 |
11 | const { isFileNull, setIsFileNull, uploadButtonLabel, isUploadingFile } =
12 | fileState;
13 |
14 | const { onSubmit } = useFileSelection({ id });
15 |
16 | return (
17 |
26 |
28 |
18 |
44 |
46 | );
47 | };
48 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/chat-file/use-file-selection.ts:
--------------------------------------------------------------------------------
1 | import { useGlobalMessageContext } from "@/features/global-message/global-message-context";
2 | import {
3 | IndexDocuments,
4 | UploadDocument,
5 | } from "../../chat-services/chat-document-service";
6 | import { useChatContext } from "../chat-context";
7 |
8 | interface Props {
9 | id: string;
10 | }
11 |
12 | export const useFileSelection = (props: Props) => {
13 | const { setChatBody, chatBody, fileState } = useChatContext();
14 | const { setIsUploadingFile, setUploadButtonLabel } = fileState;
15 |
16 | const { showError, showSuccess } = useGlobalMessageContext();
17 |
18 | const onSubmit = async (e: React.FormEvent{uploadButtonLabel}
45 |
12 |
22 | );
23 | };
24 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/chat-input/chat-input.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import { Textarea } from "@/components/ui/textarea";
3 | import { useChatContext } from "@/features/chat/chat-ui/chat-context";
4 | import { useGlobalConfigContext } from "@/features/global-config/global-client-config-context";
5 | import { Loader, Send } from "lucide-react";
6 | import { FC, FormEvent, useRef } from "react";
7 | import { ChatFileSlider } from "../chat-file/chat-file-slider";
8 | import { Microphone } from "../chat-speech/microphone";
9 | import { useChatInputDynamicHeight } from "./use-chat-input-dynamic-height";
10 |
11 | interface Props {}
12 |
13 | const ChatInput: FC
13 |
18 |
19 |
21 | {chatBody.chatOverFileName}
20 |
20 |
38 | );
39 | };
40 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/chat-speech/microphone.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from "react";
2 | import { useChatContext } from "../chat-context";
3 | import { RecordSpeech } from "./record-speech";
4 | import { StopSpeech } from "./stop-speech";
5 |
6 | interface MicrophoneProps {
7 | disabled: boolean;
8 | }
9 |
10 | export const Microphone: FC
21 |
23 |
24 | {messages.map((message, index) => (
25 |
37 |
20 | {messages.length !== 0 ? (
21 |
24 | )}
25 |
26 |
28 | );
29 | };
30 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/markdown/citation-action.tsx:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import { simpleSearch } from "@/features/chat/chat-services/azure-cog-search/azure-cog-vector-store";
4 |
5 | export const CitationAction = async (
6 | previousState: any,
7 | formData: FormData
8 | ) => {
9 | const result = await simpleSearch({
10 | filter: `id eq '${formData.get("id")}'`,
11 | });
12 |
13 | if (result.length === 0) return Not found
;
14 |
15 | const firstResult = result[0];
16 |
17 | return (
18 |
19 |
29 | );
30 | };
31 |
--------------------------------------------------------------------------------
/src/azurechat/features/chat/chat-ui/markdown/citation-slider.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import {
3 | Sheet,
4 | SheetContent,
5 | SheetHeader,
6 | SheetTitle,
7 | SheetTrigger,
8 | } from "@/components/ui/sheet";
9 | import { FC } from "react";
10 | import { useFormState } from "react-dom";
11 | import { CitationAction } from "./citation-action";
12 |
13 | interface SliderProps {
14 | name: string;
15 | index: number;
16 | id: string;
17 | }
18 |
19 | export const CitationSlider: FC
20 |
23 | Idd
21 | {firstResult.id}
22 |
24 |
27 | File name
25 | {firstResult.metadata}
26 | {firstResult.pageContent}
28 |
37 | {Object.entries(citations).map(([name, items], index: number) => {
38 | return (
39 |
58 | );
59 | };
60 |
--------------------------------------------------------------------------------
/src/azurechat/features/common/appconfig.ts:
--------------------------------------------------------------------------------
1 | import { AppConfigurationClient } from "@azure/app-configuration"
2 | import { DepartmentConfig, DeploymentConfig } from "../chat/chat-services/models";
3 | import { GetCredential } from "./managedIdentity";
4 |
5 | const appConfig = (): AppConfigurationClient => {
6 | const credential = GetCredential();
7 | const configurationEndpoint = `${process.env.APPCONFIG_ENDPOINT}`
8 |
9 | const client = new AppConfigurationClient(
10 | configurationEndpoint,
11 | credential
12 | );
13 |
14 | return client;
15 | }
16 |
17 | const appConfigStore = appConfig();
18 |
19 | export async function GetDeployments() {
20 | const deploymentsJson = await appConfigStore.getConfigurationSetting({
21 | key: "AzureChat:Deployments"
22 | });
23 |
24 | const deployments = JSON.parse(deploymentsJson.value as string) as DeploymentConfig[];
25 | return deployments;
26 | }
27 |
28 | export async function GetDepartments() {
29 | const departmentsJson = await appConfigStore.getConfigurationSetting({
30 | key: "AzureChat:Departments"
31 | });
32 |
33 | const departments = JSON.parse(departmentsJson.value as string) as DepartmentConfig[];
34 | return departments;
35 | }
36 |
37 | export async function GetSingleValue(key: string) {
38 | const singleValue = await appConfigStore.getConfigurationSetting({
39 | key: key
40 | });
41 |
42 | return singleValue.value as string;
43 | }
44 |
45 |
--------------------------------------------------------------------------------
/src/azurechat/features/common/cosmos.ts:
--------------------------------------------------------------------------------
1 | import { Container, CosmosClient } from "@azure/cosmos";
2 | import { GetSingleValue } from "./appconfig";
3 | import { GetCredential } from "./managedIdentity";
4 |
5 |
6 | const DB_NAME = "chat";
7 | const CONTAINER_NAME = "history";
8 |
9 | const credential = GetCredential();
10 |
11 |
12 | export const initDBContainer = async () => {
13 |
14 | const endpoint = await GetSingleValue("AzureChat:CosmosDbEndPoint");
15 |
16 | const client = new CosmosClient({
17 | endpoint,
18 | aadCredentials: credential
19 | });
20 |
21 | const database = (await client.database(DB_NAME).read()).database;
22 | const container = (await database.container(CONTAINER_NAME).read()).container;
23 |
24 | return container;
25 | };
26 |
27 | export class CosmosDBContainer {
28 | private static instance: CosmosDBContainer;
29 | private container: Promise
40 |
55 | );
56 | })}
57 | {name}
41 |
42 | {items.map((item, index: number) => {
43 | return (
44 |
54 |
45 |
51 | );
52 | })}
53 |
4 |
11 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/src/azurechat/features/main-menu/menu-context.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext, useState } from "react";
2 |
3 | interface MenuContextProps {
4 | isMenuOpen: boolean;
5 | toggleMenu: () => void;
6 | }
7 |
8 | export const MenuContext = createContext
11 |
24 |
79 | );
80 | };
81 |
--------------------------------------------------------------------------------
/src/azurechat/features/providers.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { SessionProvider } from "next-auth/react";
4 | import { GlobalMessageProvider } from "./global-message/global-message-context";
5 | import { MenuProvider } from "./main-menu/menu-context";
6 |
7 | export const Providers = ({ children }: { children: React.ReactNode }) => {
8 | return (
9 |
25 |
32 |
41 |
50 | {session?.user?.isAdmin ? (
51 |
60 | ) : (
61 | <>
62 | )}
63 |
73 |
74 |
75 |
78 |
20 |
21 |
33 |
22 | {chats.map((message: ChatMessageModel, index: number) => (
23 |
32 |
22 |
37 |
38 |
42 |
52 | 43 | {session?.user?.name} 44 |
45 |46 | {session?.user?.email} 47 |
48 |49 | {session?.user?.isAdmin ? "Admin" : ""} 50 |
51 |