+
Welcome to cognee
+ {session ? (
+
+ Hello, {session.user.name}!
+
+
+ Log out
+
+
-
-
-
-
Sign in
-
-
+ ) : (
+
+
+
+ Sign up
+
+
+
+
+
+ Log in
+
+
-
-
-
-
+ )}
+
)
}
diff --git a/cognee-frontend/src/app/auth/layout.tsx b/cognee-frontend/src/app/auth/layout.tsx
new file mode 100644
index 000000000..66b32e86c
--- /dev/null
+++ b/cognee-frontend/src/app/auth/layout.tsx
@@ -0,0 +1,31 @@
+import type { Metadata } from "next";
+import { TextLogo } from "@/ui/App";
+import { Divider } from "@/ui/Layout";
+import { Footer } from "@/ui/Partials";
+
+export const metadata: Metadata = {
+ title: "Cognee",
+ description: "Cognee authentication",
+};
+
+export default function AuthLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+
+
+
+
+ {children}
+
+
+
+
+
+
+ );
+}
diff --git a/cognee-frontend/src/app/auth/login/LoginPage.tsx b/cognee-frontend/src/app/auth/login/LoginPage.tsx
new file mode 100644
index 000000000..76c00107f
--- /dev/null
+++ b/cognee-frontend/src/app/auth/login/LoginPage.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import Link from "next/link";
+import Image from "next/image";
+
+import AuthForm from "../AuthForm";
+
+export default function LoginPage() {
+ return (
+
+
+
+
+
Welcome
+
Log in to continue with Cognee
+
+
+
+
+
+ {"Or go to Sign up ->"}
+
+
+
+
+ );
+}
+
+function formatPayload(data: { email: string, password: string }) {
+ const payload = new URLSearchParams();
+
+ payload.append("username", data.email);
+ payload.append("password", data.password);
+
+ return payload;
+}
diff --git a/cognee-frontend/src/app/auth/login/page.tsx b/cognee-frontend/src/app/auth/login/page.tsx
new file mode 100644
index 000000000..f81523088
--- /dev/null
+++ b/cognee-frontend/src/app/auth/login/page.tsx
@@ -0,0 +1 @@
+export { default } from "./LoginPage";
diff --git a/cognee-frontend/src/app/auth/page.tsx b/cognee-frontend/src/app/auth/page.tsx
index c1a940de9..c62393502 100644
--- a/cognee-frontend/src/app/auth/page.tsx
+++ b/cognee-frontend/src/app/auth/page.tsx
@@ -1 +1 @@
-export { default } from './AuthPage';
+export { default } from "./AuthPage";
diff --git a/cognee-frontend/src/app/auth/signup/SignUpPage.tsx b/cognee-frontend/src/app/auth/signup/SignUpPage.tsx
new file mode 100644
index 000000000..7b52dc7b0
--- /dev/null
+++ b/cognee-frontend/src/app/auth/signup/SignUpPage.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import Link from "next/link";
+import Image from "next/image";
+
+import AuthForm from "../AuthForm";
+
+export default function SignUpPage() {
+ return (
+
+
+
+
+
Welcome
+
Sign up to start using Cognee
+
+
window.location.href = "/auth/login"}
+ />
+
+
+
+ {"Or go to Login ->"}
+
+
+
+
+ );
+}
diff --git a/cognee-frontend/src/app/auth/signup/page.tsx b/cognee-frontend/src/app/auth/signup/page.tsx
new file mode 100644
index 000000000..a29e66c33
--- /dev/null
+++ b/cognee-frontend/src/app/auth/signup/page.tsx
@@ -0,0 +1 @@
+export { default } from "./SignUpPage";
diff --git a/cognee-frontend/src/app/auth/token/route.ts b/cognee-frontend/src/app/auth/token/route.ts
new file mode 100644
index 000000000..780ba45c8
--- /dev/null
+++ b/cognee-frontend/src/app/auth/token/route.ts
@@ -0,0 +1,17 @@
+import { redirect } from "next/navigation";
+import { auth0 } from "@/modules/auth/auth0";
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export async function GET(request: Request) {
+ const accessToken = await auth0.getAccessToken();
+
+ if (accessToken) {
+ const response = new Response();
+
+ response.headers.set("Set-Cookie", `${process.env.AUTH_TOKEN_COOKIE_NAME}=${accessToken.token}; Expires=${new Date(accessToken.expiresAt * 1000).toUTCString()}; Path=/; SameSite=Lax; Domain=localhost; HttpOnly`);
+
+ return response;
+ } else {
+ redirect("/auth");
+ }
+}
diff --git a/cognee-frontend/src/app/layout.tsx b/cognee-frontend/src/app/layout.tsx
index 3314e4780..efb82e537 100644
--- a/cognee-frontend/src/app/layout.tsx
+++ b/cognee-frontend/src/app/layout.tsx
@@ -5,8 +5,8 @@ import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
+ title: "Cognee",
+ description: "Cognee Dev Mexican Standoff",
};
export default function RootLayout({
diff --git a/cognee-frontend/src/app/page copy.tsx b/cognee-frontend/src/app/page copy.tsx
deleted file mode 100644
index 21847fd75..000000000
--- a/cognee-frontend/src/app/page copy.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-'use client';
-
-import { useCallback, useEffect, useState } from 'react';
-import styles from "./page.module.css";
-import { GhostButton, Notification, NotificationContainer, Spacer, Stack, Text, useBoolean, useNotifications } from 'ohmy-ui';
-import useDatasets from '@/modules/ingestion/useDatasets';
-import DataView, { Data } from '@/modules/ingestion/DataView';
-import DatasetsView from '@/modules/ingestion/DatasetsView';
-import classNames from 'classnames';
-import addData from '@/modules/ingestion/addData';
-import cognifyDataset from '@/modules/datasets/cognifyDataset';
-import getDatasetData from '@/modules/datasets/getDatasetData';
-import { Footer, SettingsModal } from '@/ui/Partials';
-import { TextLogo } from '@/ui/App';
-import { SettingsIcon } from '@/ui/Icons';
-
-export default function Home() {
- const {
- datasets,
- refreshDatasets,
- } = useDatasets();
-
- const [datasetData, setDatasetData] = useState
([]);
- const [selectedDataset, setSelectedDataset] = useState(null);
-
- useEffect(() => {
- refreshDatasets();
- }, [refreshDatasets]);
-
- const openDatasetData = (dataset: { id: string }) => {
- getDatasetData(dataset)
- .then(setDatasetData)
- .then(() => setSelectedDataset(dataset.id));
- };
-
- const closeDatasetData = () => {
- setDatasetData([]);
- setSelectedDataset(null);
- };
-
- const { notifications, showNotification } = useNotifications();
-
- const onDataAdd = useCallback((dataset: { id: string }, files: File[]) => {
- return addData(dataset, files)
- .then(() => {
- showNotification("Data added successfully. Please run \"Cognify\" when ready.", 5000);
- openDatasetData(dataset);
- });
- }, [showNotification])
-
- const onDatasetCognify = useCallback((dataset: { id: string, name: string }) => {
- showNotification(`Cognification started for dataset "${dataset.name}".`, 5000);
-
- return cognifyDataset(dataset)
- .then(() => {
- showNotification(`Dataset "${dataset.name}" cognified.`, 5000);
- })
- .catch(() => {
- showNotification(`Dataset "${dataset.name}" cognification failed. Please try again.`, 5000);
- });
- }, [showNotification]);
-
- const onCognify = useCallback(() => {
- const dataset = datasets.find((dataset) => dataset.id === selectedDataset);
- return onDatasetCognify({
- id: dataset!.id,
- name: dataset!.name,
- });
- }, [datasets, onDatasetCognify, selectedDataset]);
-
- const {
- value: isSettingsModalOpen,
- setTrue: openSettingsModal,
- setFalse: closeSettingsModal,
- } = useBoolean(false);
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
0,
- })}>
-
-
- {datasetData.length > 0 && selectedDataset && (
-
-
-
- )}
-
- {file.name}
-
- {getBiggestUnitSize(file.size)}
-
-
- removeFile(file)}>
-
-
-
- ))}
-
-
-
-
-
- Next
- {isUploading && (
-
- )}
-
-
-
-
- )
-}
-
-function getBiggestUnitSize(sizeInBytes: number): string {
- const units = ['B', 'KB', 'MB', 'GB'];
-
- let i = 0;
- while (sizeInBytes >= 1024 && i < units.length - 1) {
- sizeInBytes /= 1024;
- i++;
- }
- return `${sizeInBytes.toFixed(2)} ${units[i]}`;
-}
diff --git a/cognee-frontend/src/app/wizard/AddStep/index.ts b/cognee-frontend/src/app/wizard/AddStep/index.ts
deleted file mode 100644
index 79a6cbdf5..000000000
--- a/cognee-frontend/src/app/wizard/AddStep/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './AddStep';
diff --git a/cognee-frontend/src/app/wizard/CognifyStep/CognifyStep.tsx b/cognee-frontend/src/app/wizard/CognifyStep/CognifyStep.tsx
deleted file mode 100644
index 7d6cdc0ae..000000000
--- a/cognee-frontend/src/app/wizard/CognifyStep/CognifyStep.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { CTAButton, Stack, Text, useBoolean } from 'ohmy-ui';
-import { Divider } from '@/ui/Layout';
-import { CognifyLoadingIndicator } from '@/ui/App';
-import { WizardHeading } from '@/ui/Partials/Wizard';
-import cognifyDataset from '@/modules/datasets/cognifyDataset';
-
-interface ConfigStepProps {
- onNext: () => void;
- dataset: { name: string }
-}
-
-export default function CognifyStep({ onNext, dataset }: ConfigStepProps) {
- const {
- value: isCognifyRunning,
- setFalse: stopCognifyIndicator,
- } = useBoolean(true);
- const cognifyPromise = useRef>()
-
- useEffect(() => {
- if (cognifyPromise.current) {
- return;
- }
-
- cognifyPromise.current = cognifyDataset(dataset)
- .then(() => {
- stopCognifyIndicator();
- });
- }, [stopCognifyIndicator, dataset]);
-
- return (
-
- Step 3/3 Cognify
-
-
-
-
-
-
-
- Cognee decomposes your data into facts and connects them in relevant clusters,
- so that you can navigate your knowledge better.
-
-
-
- Explore data
-
-
-
- )
-}
diff --git a/cognee-frontend/src/app/wizard/CognifyStep/index.ts b/cognee-frontend/src/app/wizard/CognifyStep/index.ts
deleted file mode 100644
index 7bf949986..000000000
--- a/cognee-frontend/src/app/wizard/CognifyStep/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './CognifyStep';
diff --git a/cognee-frontend/src/app/wizard/ConfigStep/ConfigStep.module.css b/cognee-frontend/src/app/wizard/ConfigStep/ConfigStep.module.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/cognee-frontend/src/app/wizard/ConfigStep/ConfigStep.tsx b/cognee-frontend/src/app/wizard/ConfigStep/ConfigStep.tsx
deleted file mode 100644
index 8b52b889a..000000000
--- a/cognee-frontend/src/app/wizard/ConfigStep/ConfigStep.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Stack, Text } from 'ohmy-ui';
-import { Divider } from '@/ui/Layout';
-import Settings from '@/ui/Partials/SettingsModal/Settings';
-import { WizardContent, WizardHeading } from '@/ui/Partials/Wizard';
-
-interface ConfigStepProps {
- onNext: () => void;
-}
-
-export default function ConfigStep({ onNext }: ConfigStepProps) {
- return (
-
- Step 1/3 Basic configuration
-
-
- Cognee helps you process your data and create a mind-like structure you can explore.
- To get started you need an OpenAI API key.
-
-
-
- )
-}
diff --git a/cognee-frontend/src/app/wizard/ConfigStep/index.ts b/cognee-frontend/src/app/wizard/ConfigStep/index.ts
deleted file mode 100644
index beb48cc3d..000000000
--- a/cognee-frontend/src/app/wizard/ConfigStep/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ConfigStep';
diff --git a/cognee-frontend/src/app/wizard/ExploreStep/ExploreStep.tsx b/cognee-frontend/src/app/wizard/ExploreStep/ExploreStep.tsx
deleted file mode 100644
index 8cc0e422a..000000000
--- a/cognee-frontend/src/app/wizard/ExploreStep/ExploreStep.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Explorer } from '@/ui/Partials';
-import { Spacer } from 'ohmy-ui';
-
-interface ExploreStepProps {
- dataset: { name: string };
-}
-
-export default function ExploreStep({ dataset }: ExploreStepProps) {
- return (
-
-
-
- )
-}
diff --git a/cognee-frontend/src/app/wizard/ExploreStep/index.ts b/cognee-frontend/src/app/wizard/ExploreStep/index.ts
deleted file mode 100644
index f99c485ac..000000000
--- a/cognee-frontend/src/app/wizard/ExploreStep/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ExploreStep';
diff --git a/cognee-frontend/src/app/wizard/WizardPage.module.css b/cognee-frontend/src/app/wizard/WizardPage.module.css
deleted file mode 100644
index c84021655..000000000
--- a/cognee-frontend/src/app/wizard/WizardPage.module.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.main {
- display: flex;
- flex-direction: row;
- flex-direction: column;
- padding: 0;
- min-height: 100vh;
-}
-
-.wizardContainer {
- flex: 1;
- display: flex;
- padding: 24px 0;
-}
diff --git a/cognee-frontend/src/app/wizard/WizardPage.tsx b/cognee-frontend/src/app/wizard/WizardPage.tsx
deleted file mode 100644
index b8d064f4e..000000000
--- a/cognee-frontend/src/app/wizard/WizardPage.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { useState } from 'react';
-import { CloseIcon, GhostButton, Spacer, Stack, useBoolean } from 'ohmy-ui';
-import { TextLogo } from '@/ui/App';
-import { SettingsIcon } from '@/ui/Icons';
-import { Footer, SettingsModal } from '@/ui/Partials';
-import ConfigStep from './ConfigStep';
-import AddStep from './AddStep';
-import CognifyStep from './CognifyStep';
-import ExploreStep from './ExploreStep';
-import { WizardContent } from '@/ui/Partials/Wizard';
-
-import styles from './WizardPage.module.css';
-import { Divider } from '@/ui/Layout';
-import { useSearchParams } from 'next/navigation';
-
-interface WizardPageProps {
- onFinish: () => void;
-}
-
-export default function WizardPage({
- onFinish,
-}: WizardPageProps) {
- const searchParams = useSearchParams()
- const presetWizardStep = searchParams.get('step') as 'config';
- const [wizardStep, setWizardStep] = useState<'config' | 'add' | 'cognify' | 'explore'>(presetWizardStep || 'config');
- const {
- value: isSettingsModalOpen,
- setTrue: openSettingsModal,
- setFalse: closeSettingsModal,
- } = useBoolean(false);
-
- const dataset = { name: 'main' };
-
- return (
-
-
-
-
- {wizardStep === 'explore' && (
-
-
-
- )}
- {wizardStep === 'add' && (
-
-
-
- )}
-
-
-
-
-
- {wizardStep === 'config' && (
-
- setWizardStep('add')} />
-
- )}
-
- {wizardStep === 'add' && (
-
- setWizardStep('cognify')} />
-
- )}
-
- {wizardStep === 'cognify' && (
-
- setWizardStep('explore')} />
-
- )}
-
- {wizardStep === 'explore' && (
-
-
-
- )}
-
-
- Add data
-
-
-
-
- Cognify
-
-
-
-
-
-
- {rawData && selectedData && (
-
- )}
-
-
-
-
- | Actions |
- ID |
- Name |
- File path |
- MIME type |
-
-
-
- {data.map((dataItem) => (
-
- |
-
-
-
- showRawData(dataItem)}>
- View raw data
-
- {/*
- Delete
- */}
-
-
-
- |
-
- {dataItem.id}
- |
-
- {dataItem.name}.{dataItem.extension}
- |
-
- {dataItem.rawDataLocation}
- |
-
- {dataItem.mimeType}
- |
-
- ))}
-
-
-
- {error ? (
- {error.message}
- ) : (
- <>
- {!graphHtml ? (
-
-
-
- ) : (
-
- )}
-
- )}
-
-
-
-
-
- )
-}
diff --git a/cognee-frontend/src/ui/Partials/FeedbackForm.tsx b/cognee-frontend/src/ui/Partials/FeedbackForm.tsx
index 76ecebf43..db5b6f325 100644
--- a/cognee-frontend/src/ui/Partials/FeedbackForm.tsx
+++ b/cognee-frontend/src/ui/Partials/FeedbackForm.tsx
@@ -26,19 +26,22 @@ export default function FeedbackForm({ onSuccess }: FeedbackFormProps) {
event.preventDefault();
const formElements = event.currentTarget;
- const authCredentials = new FormData();
- authCredentials.append("feedback", formElements.feedback.value);
-
setFeedbackError(null);
disableFeedbackSubmit();
- fetch("/v1/feedback/reasoning", {
+ fetch("/v1/crewai/feedback", {
method: "POST",
- body: authCredentials,
+ body: JSON.stringify({
+ feedback: formElements.feedback.value,
+ }),
+ headers: {
+ "Content-Type": "application/json",
+ },
})
.then(response => response.json())
.then(() => {
onSuccess();
+ formElements.feedback.value = "";
})
.catch(error => setFeedbackError(error.detail))
.finally(() => enableFeedbackSubmit());
@@ -48,7 +51,7 @@ export default function FeedbackForm({ onSuccess }: FeedbackFormProps) {