-
-
-
{t("Quick Start")}
-
- {t("Get started by uploading your domain ontology")}
-
-
-
-
-
-
{t("Phase 5 GraphRAG")}
-
- {t("Intelligent entity resolution and deduplication")}
-
-
-
-
-
-
{t("Phase 7 LLM")}
-
- {t("AI-powered extraction and validation")}
-
-
+
+
+
+
+ {t("dashboard.title", "Ontology Builder")}
+
+
+ {t(
+ "dashboard.subtitle",
+ "Build and manage domain ontologies with AI-powered extraction",
+ )}
+
+
+
+
+
+
+ {t("dashboard.projects", "Projects")}
+
+ {projects && (
+
+ {t("dashboard.projectCount", "{{count}} total", {
+ count: projects.length,
+ })}
+
+ )}
+
+
+ {isLoading && (
+
+ {Array.from({ length: 3 }).map((_, i) => (
+
+ ))}
+
+ )}
+
+ {isError && (
+
+
+
+
+ {t("dashboard.loadFailed", "Failed to load projects")}
+
+ {(error as Error).message}
+
+
+
+
+
+ )}
+
+ {projects && projects.length === 0 && (
+
+
+
+
+
+ {t("dashboard.empty.title", "No projects yet")}
+
+
+ {t(
+ "dashboard.empty.hint",
+ "Create your first project to start building an ontology",
+ )}
+
+
+ {projects.map((p) => (
+ navigate(`/sources/${p.name}`)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" || e.key === " ") {
+ navigate(`/sources/${p.name}`);
+ }
+ }}
+ className="cursor-pointer transition-colors hover:bg-accent/40"
+ >
+
+ {p.name}
+ {p.domain}
+
+
+
+ {formatRelative(p.updated_at)}
+
+
+ ))}
+
+ )}
+
);
}
diff --git a/crawler_platform/app/web/frontend/src/stores/slices/crawlSlice.ts b/crawler_platform/app/web/frontend/src/stores/slices/crawlSlice.ts
index 02e894c..19900a3 100644
--- a/crawler_platform/app/web/frontend/src/stores/slices/crawlSlice.ts
+++ b/crawler_platform/app/web/frontend/src/stores/slices/crawlSlice.ts
@@ -1,128 +1,40 @@
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-export interface CrawlStep {
- name: string;
- status: "pending" | "in_progress" | "completed" | "failed";
- progress: number; // 0-100
- message: string;
- error?: string;
+export type CrawlStepKey = "fetching" | "extracting" | "merging" | "validating";
+
+export interface CrawlUiState {
+ activeJobId: string | null;
+ expandedStep: CrawlStepKey | null;
+ showLogs: boolean;
+ autoScrollLogs: boolean;
}
-export interface CrawlState {
- projectId: string | null;
- isRunning: boolean;
- steps: {
- fetching: CrawlStep;
- extracting: CrawlStep;
- merging: CrawlStep;
- validating: CrawlStep;
- };
- stats: {
- pagesFound: number;
- pagesCrawled: number;
- entitiesExtracted: number;
- entitiesMerged: number;
- claimsValidated: number;
- };
- logs: Array<{
- timestamp: string;
- level: "info" | "warning" | "error";
- message: string;
- }>;
- error: string | null;
-}
-
-const initialCrawlStep: CrawlStep = {
- name: "",
- status: "pending",
- progress: 0,
- message: "",
-};
-
-const initialState: CrawlState = {
- projectId: null,
- isRunning: false,
- steps: {
- fetching: { ...initialCrawlStep, name: "Fetching pages" },
- extracting: { ...initialCrawlStep, name: "Extracting entities" },
- merging: { ...initialCrawlStep, name: "Merging duplicates" },
- validating: { ...initialCrawlStep, name: "Validating results" },
- },
- stats: {
- pagesFound: 0,
- pagesCrawled: 0,
- entitiesExtracted: 0,
- entitiesMerged: 0,
- claimsValidated: 0,
- },
- logs: [],
- error: null,
+const initialState: CrawlUiState = {
+ activeJobId: null,
+ expandedStep: null,
+ showLogs: true,
+ autoScrollLogs: true,
};
const crawlSlice = createSlice({
name: "crawl",
initialState,
reducers: {
- startCrawl: (state, action: PayloadAction
) => {
- state.projectId = action.payload;
- state.isRunning = true;
- state.error = null;
- state.logs = [];
- Object.values(state.steps).forEach((step) => {
- step.status = "pending";
- step.progress = 0;
- step.error = undefined;
- });
+ setActiveJob: (state, action: PayloadAction) => {
+ state.activeJobId = action.payload;
},
- updateStep: (
- state,
- action: PayloadAction<{
- step: keyof typeof state.steps;
- status: CrawlStep["status"];
- progress: number;
- message: string;
- error?: string;
- }>
- ) => {
- const { step, status, progress, message, error } = action.payload;
- state.steps[step] = { ...state.steps[step], status, progress, message, error };
+ expandStep: (state, action: PayloadAction) => {
+ state.expandedStep = action.payload;
},
- updateStats: (state, action: PayloadAction>) => {
- Object.assign(state.stats, action.payload);
+ toggleLogs: (state) => {
+ state.showLogs = !state.showLogs;
},
- addLog: (
- state,
- action: PayloadAction<{
- level: "info" | "warning" | "error";
- message: string;
- }>
- ) => {
- state.logs.push({
- timestamp: new Date().toISOString(),
- ...action.payload,
- });
- },
- setCrawlError: (state, action: PayloadAction) => {
- state.error = action.payload;
- state.isRunning = false;
- },
- completeCrawl: (state) => {
- state.isRunning = false;
- },
- resetCrawl: (state) => {
- Object.assign(state, initialState);
+ setAutoScroll: (state, action: PayloadAction) => {
+ state.autoScrollLogs = action.payload;
},
},
});
-export const {
- startCrawl,
- updateStep,
- updateStats,
- addLog,
- setCrawlError,
- completeCrawl,
- resetCrawl,
-} = crawlSlice.actions;
-
+export const { setActiveJob, expandStep, toggleLogs, setAutoScroll } =
+ crawlSlice.actions;
export default crawlSlice.reducer;
diff --git a/crawler_platform/app/web/frontend/src/stores/slices/ontologySlice.ts b/crawler_platform/app/web/frontend/src/stores/slices/ontologySlice.ts
index d19339c..8ef23d2 100644
--- a/crawler_platform/app/web/frontend/src/stores/slices/ontologySlice.ts
+++ b/crawler_platform/app/web/frontend/src/stores/slices/ontologySlice.ts
@@ -1,87 +1,50 @@
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-export interface OntologyEntity {
- id: string;
- label: string;
- type: string;
- description?: string;
-}
+export type OntologyFormat = "yaml" | "json" | "owl";
-export interface OntologyRelation {
- id: string;
- source: string;
- target: string;
- predicate: string;
-}
-
-export interface OntologyState {
- id: string | null;
+export interface OntologyDraft {
name: string;
domain: string;
- format: "yaml" | "json" | "owl" | null;
- entities: OntologyEntity[];
- relations: OntologyRelation[];
- isLoaded: boolean;
- isSaving: boolean;
- error: string | null;
+ format: OntologyFormat | null;
+ fileName: string | null;
+ rawText: string;
}
-const initialState: OntologyState = {
- id: null,
+export interface OntologyDraftState {
+ draft: OntologyDraft;
+ isDirty: boolean;
+}
+
+const emptyDraft: OntologyDraft = {
name: "",
domain: "",
format: null,
- entities: [],
- relations: [],
- isLoaded: false,
- isSaving: false,
- error: null,
+ fileName: null,
+ rawText: "",
+};
+
+const initialState: OntologyDraftState = {
+ draft: emptyDraft,
+ isDirty: false,
};
const ontologySlice = createSlice({
name: "ontology",
initialState,
reducers: {
- setOntology: (state, action: PayloadAction>) => {
- Object.assign(state, action.payload);
+ updateDraft: (state, action: PayloadAction>) => {
+ state.draft = { ...state.draft, ...action.payload };
+ state.isDirty = true;
},
- addEntity: (state, action: PayloadAction) => {
- state.entities.push(action.payload);
+ resetDraft: (state) => {
+ state.draft = emptyDraft;
+ state.isDirty = false;
},
- removeEntity: (state, action: PayloadAction) => {
- state.entities = state.entities.filter((e) => e.id !== action.payload);
- },
- addRelation: (state, action: PayloadAction) => {
- state.relations.push(action.payload);
- },
- removeRelation: (state, action: PayloadAction) => {
- state.relations = state.relations.filter((r) => r.id !== action.payload);
- },
- setLoading: (state, action: PayloadAction) => {
- state.isLoaded = action.payload;
- },
- setSaving: (state, action: PayloadAction) => {
- state.isSaving = action.payload;
- },
- setError: (state, action: PayloadAction) => {
- state.error = action.payload;
- },
- resetOntology: (state) => {
- Object.assign(state, initialState);
+ markClean: (state) => {
+ state.isDirty = false;
},
},
});
-export const {
- setOntology,
- addEntity,
- removeEntity,
- addRelation,
- removeRelation,
- setLoading,
- setSaving,
- setError,
- resetOntology,
-} = ontologySlice.actions;
-
+export const { updateDraft, resetDraft, markClean } = ontologySlice.actions;
export default ontologySlice.reducer;
diff --git a/crawler_platform/app/web/frontend/tailwind.config.js b/crawler_platform/app/web/frontend/tailwind.config.js
index 83b8a92..36ffc4d 100644
--- a/crawler_platform/app/web/frontend/tailwind.config.js
+++ b/crawler_platform/app/web/frontend/tailwind.config.js
@@ -2,7 +2,7 @@
export default {
content: [
"./index.html",
- "./src/**/*.{js,ts,jsx,tsx}",
+ "./src/**/*.{ts,tsx}",
],
theme: {
extend: {