-
- To get started, edit the page.tsx file.
-
-
- Looking for a starting point or more instructions? Head over to{" "}
-
- Templates
- {" "}
- or the{" "}
-
- Learning
- {" "}
- center.
-
+
+
+
+
+
Human Archive
+
Menschheits-Enzyklopaedie
+
+
-
-
- Deploy Now
-
-
- Documentation
-
+
+
+
+
+
+
+
Quellenpflichtige Wissensarbeit
+
+ Fragen stellen, Wissen recherchieren und KI-Entscheidungen auditieren.
+
+
+ V1 verbindet eine strukturierte Enzyklopaedie mit LiteLLM-gestuetzter Recherche,
+ Quellenverwaltung und automatischer Moderation.
+
+
+
+
+
+
+
-
-
+
+
+
+ );
+}
+
+function StatusPanel() {
+ const items = [
+ ["Datenhaltung", "Postgres + Prisma"],
+ ["LLM-Gateway", "LiteLLM-kompatibel"],
+ ["Sprachen", "Deutsch / Englisch"],
+ ["Container", "Runtime vorbereitet"],
+ ];
+
+ return (
+
+ Systemstatus
+
+ {items.map(([label, value]) => (
+
+
- {label}
+ - {value}
+
+ ))}
+
+
);
}
diff --git a/src/components/workspace-panel.tsx b/src/components/workspace-panel.tsx
new file mode 100644
index 0000000..f42874a
--- /dev/null
+++ b/src/components/workspace-panel.tsx
@@ -0,0 +1,136 @@
+"use client";
+
+import { useState } from "react";
+
+type ApiState = {
+ status: "idle" | "loading" | "success" | "error";
+ message: string;
+};
+
+export function WorkspacePanel() {
+ const [language, setLanguage] = useState<"DE" | "EN">("DE");
+ const [question, setQuestion] = useState("Was wissen wir ueber die fruehe Landwirtschaft?");
+ const [topic, setTopic] = useState("Fruehe Landwirtschaft");
+ const [questionState, setQuestionState] = useState
({ status: "idle", message: "" });
+ const [researchState, setResearchState] = useState({ status: "idle", message: "" });
+
+ async function askQuestion() {
+ setQuestionState({ status: "loading", message: "Antwort wird aus gespeicherten Quellen erstellt..." });
+ const response = await fetch("/api/questions", {
+ method: "POST",
+ headers: { "content-type": "application/json" },
+ body: JSON.stringify({ question, language }),
+ });
+ const data = await response.json();
+ setQuestionState({
+ status: response.ok ? "success" : "error",
+ message: response.ok ? data.answer.answer : data.error ?? "Die Frage konnte nicht beantwortet werden.",
+ });
+ }
+
+ async function startResearch() {
+ setResearchState({ status: "loading", message: "Recherche-Entwurf wird erzeugt und moderiert..." });
+ const response = await fetch("/api/research", {
+ method: "POST",
+ headers: {
+ "content-type": "application/json",
+ "x-demo-role": "MEMBER",
+ },
+ body: JSON.stringify({ topic, language }),
+ });
+ const data = await response.json();
+ const moderation = data.moderation;
+ setResearchState({
+ status: response.ok ? "success" : "error",
+ message: response.ok
+ ? `Status: ${data.contribution.status}. Moderation: ${moderation.outcome} (${Math.round(
+ moderation.confidence * 100,
+ )}% Vertrauen).`
+ : data.error ?? "Die Recherche konnte nicht gestartet werden.",
+ });
+ }
+
+ return (
+