Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,129 changes: 1,108 additions & 21 deletions Frontend/package-lock.json

Large diffs are not rendered by default.

8 changes: 6 additions & 2 deletions Frontend/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview",
"prepare": "husky install",
"format": "prettier --write ."
"format": "prettier --write .",
"test": "vitest run"
},
"dependencies": {
"@google/generative-ai": "^0.24.1",
Expand Down Expand Up @@ -46,6 +47,7 @@
"@types/react": "^19.2.7",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.1",
"@vitest/coverage-v8": "^4.1.8",
"autoprefixer": "^10.4.24",
"eslint": "^9.39.2",
"eslint-config-prettier": "^10.1.8",
Expand All @@ -54,11 +56,13 @@
"eslint-plugin-react-refresh": "^0.4.24",
"globals": "^16.5.0",
"husky": "^9.1.7",
"jsdom": "^29.1.1",
"lint-staged": "^16.2.7",
"postcss": "^8.5.6",
"prettier": "^3.8.1",
"tailwindcss": "^3.4.19",
"vite": "^7.3.1"
"vite": "^7.3.1",
"vitest": "^4.1.8"
},
"lint-staged": "{'*.{js,jsx}': ['eslint --fix', 'prettier --write']}"
}
10 changes: 10 additions & 0 deletions Frontend/src/admin/pages/AdminDashboard.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import { supabase } from "../../lib/supabaseClient";
import StatCard from "../components/StatCard";
import TicketTable from "../components/TicketTable";
import { formatTimelineDate } from "../../utils/dateUtils";
import KnowledgeGraphViewer from '../../components/KnowledgeGraphViewer';

// Inline SVG icon components
const TicketIcon = () => (
Expand Down Expand Up @@ -220,6 +221,15 @@ const AdminDashboard = () => {
</div>
</div>

{/* Knowledge Graph visualizer section */}
<div className="space-y-4">
<h2 style={{ fontFamily: 'Syne, sans-serif', fontSize: '15px', fontWeight: 700, color: '#0f1f12', display: 'flex', alignItems: 'center', gap: '8px' }}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16a34a" strokeWidth="2"><circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/></svg>
Infrastructure Knowledge Graph
</h2>
<KnowledgeGraphViewer />
</div>

{/* Pulse dot animation */}
<style>{`
@keyframes pulse-dot {
Expand Down
410 changes: 410 additions & 0 deletions Frontend/src/components/KnowledgeGraphViewer.jsx

Large diffs are not rendered by default.

Loading
Loading