-
{r.nodeType ?? r.type}
+
{asString(r.nodeType) ?? r.type}
{r.source &&
{r.source}}
{r.name}
{r.filePath && (
@@ -260,7 +278,7 @@ export function QueryPanel({ apiUrl }: QueryPanelProps) {
{mode === 'cypher' && 'Enter a Cypher query and press Execute'}
{mode === 'search' && 'Search for code symbols by name or description'}
- {mode === 'natural' && 'Ask a question in plain English — it will auto-route to the best search strategy'}
+ {mode === 'natural' && 'Ask a question in plain English: it will auto-route to the best search strategy'}
)}
- {/* Step 1: Parse — show indexing pipeline animation */}
+ {/* Step 1: Parse: show indexing pipeline animation */}
- {/* Step 2: Graph — show a graph illustration */}
+ {/* Step 2: Graph: show a graph illustration */}
- {/* Step 3: Query — interactive MCP tool call */}
+ {/* Step 3: Query: interactive MCP tool call */}
@@ -205,6 +205,9 @@ function IndexingDemo() {
)}
Parsing files...
+ {phase === "parsing" && (
+ {Math.round(progress)}%
+ )}
{phase !== "parsing" && (
diff --git a/apps/web/components/ui/carousel.tsx b/apps/web/components/ui/carousel.tsx
index d4a768e7..2de11963 100644
--- a/apps/web/components/ui/carousel.tsx
+++ b/apps/web/components/ui/carousel.tsx
@@ -95,12 +95,17 @@ function Carousel({
React.useEffect(() => {
if (!api) return
- onSelect(api)
+ let active = true
+ queueMicrotask(() => {
+ if (active) onSelect(api)
+ })
api.on('reInit', onSelect)
api.on('select', onSelect)
return () => {
- api?.off('select', onSelect)
+ active = false
+ api.off('reInit', onSelect)
+ api.off('select', onSelect)
}
}, [api, onSelect])
diff --git a/apps/web/components/ui/moving-border.tsx b/apps/web/components/ui/moving-border.tsx
index 1421295c..f9f77879 100644
--- a/apps/web/components/ui/moving-border.tsx
+++ b/apps/web/components/ui/moving-border.tsx
@@ -1,7 +1,6 @@
"use client"
import React from "react"
-import { motion } from "framer-motion"
import { cn } from "@/lib/utils"
interface MovingBorderProps {
diff --git a/apps/web/components/ui/sidebar.tsx b/apps/web/components/ui/sidebar.tsx
index ee743431..cf8d6973 100644
--- a/apps/web/components/ui/sidebar.tsx
+++ b/apps/web/components/ui/sidebar.tsx
@@ -606,10 +606,7 @@ function SidebarMenuSkeleton({
}: React.ComponentProps<'div'> & {
showIcon?: boolean
}) {
- // Random width between 50 to 90%.
- const width = React.useMemo(() => {
- return `${Math.floor(Math.random() * 40) + 50}%`
- }, [])
+ const width = showIcon ? '70%' : '80%'
return (
(undefined)
+function subscribe(onStoreChange: () => void): () => void {
+ const mediaQuery = window.matchMedia(MOBILE_QUERY)
+ mediaQuery.addEventListener('change', onStoreChange)
+ return () => mediaQuery.removeEventListener('change', onStoreChange)
+}
+
+function getSnapshot(): boolean {
+ return window.matchMedia(MOBILE_QUERY).matches
+}
- React.useEffect(() => {
- const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
- const onChange = () => {
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- }
- mql.addEventListener('change', onChange)
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- return () => mql.removeEventListener('change', onChange)
- }, [])
+function getServerSnapshot(): boolean {
+ return false
+}
- return !!isMobile
+export function useIsMobile(): boolean {
+ return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
}
diff --git a/apps/web/components/ui/use-toast.ts b/apps/web/components/ui/use-toast.ts
index 8932bc51..e5e3db26 100644
--- a/apps/web/components/ui/use-toast.ts
+++ b/apps/web/components/ui/use-toast.ts
@@ -15,12 +15,12 @@ type ToasterToast = ToastProps & {
action?: ToastActionElement
}
-const actionTypes = {
- ADD_TOAST: 'ADD_TOAST',
- UPDATE_TOAST: 'UPDATE_TOAST',
- DISMISS_TOAST: 'DISMISS_TOAST',
- REMOVE_TOAST: 'REMOVE_TOAST',
-} as const
+type ActionType = {
+ ADD_TOAST: 'ADD_TOAST'
+ UPDATE_TOAST: 'UPDATE_TOAST'
+ DISMISS_TOAST: 'DISMISS_TOAST'
+ REMOVE_TOAST: 'REMOVE_TOAST'
+}
let count = 0
@@ -29,8 +29,6 @@ function genId() {
return count.toString()
}
-type ActionType = typeof actionTypes
-
type Action =
| {
type: ActionType['ADD_TOAST']
diff --git a/apps/web/eslint.config.mjs b/apps/web/eslint.config.mjs
new file mode 100644
index 00000000..af409d9a
--- /dev/null
+++ b/apps/web/eslint.config.mjs
@@ -0,0 +1,9 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+import nextVitals from 'eslint-config-next/core-web-vitals'
+import nextTypescript from 'eslint-config-next/typescript'
+
+export default defineConfig([
+ ...nextVitals,
+ ...nextTypescript,
+ globalIgnores(['.next/**', 'out/**', 'build/**', 'next-env.d.ts']),
+])
diff --git a/apps/web/hooks/use-mobile.ts b/apps/web/hooks/use-mobile.ts
index 4331d5c5..687246d6 100644
--- a/apps/web/hooks/use-mobile.ts
+++ b/apps/web/hooks/use-mobile.ts
@@ -1,19 +1,22 @@
import * as React from 'react'
const MOBILE_BREAKPOINT = 768
+const MOBILE_QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`
-export function useIsMobile() {
- const [isMobile, setIsMobile] = React.useState
(undefined)
+function subscribe(onStoreChange: () => void): () => void {
+ const mediaQuery = window.matchMedia(MOBILE_QUERY)
+ mediaQuery.addEventListener('change', onStoreChange)
+ return () => mediaQuery.removeEventListener('change', onStoreChange)
+}
+
+function getSnapshot(): boolean {
+ return window.matchMedia(MOBILE_QUERY).matches
+}
- React.useEffect(() => {
- const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
- const onChange = () => {
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- }
- mql.addEventListener('change', onChange)
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- return () => mql.removeEventListener('change', onChange)
- }, [])
+function getServerSnapshot(): boolean {
+ return false
+}
- return !!isMobile
+export function useIsMobile(): boolean {
+ return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
}
diff --git a/apps/web/hooks/use-toast.ts b/apps/web/hooks/use-toast.ts
index 8932bc51..e5e3db26 100644
--- a/apps/web/hooks/use-toast.ts
+++ b/apps/web/hooks/use-toast.ts
@@ -15,12 +15,12 @@ type ToasterToast = ToastProps & {
action?: ToastActionElement
}
-const actionTypes = {
- ADD_TOAST: 'ADD_TOAST',
- UPDATE_TOAST: 'UPDATE_TOAST',
- DISMISS_TOAST: 'DISMISS_TOAST',
- REMOVE_TOAST: 'REMOVE_TOAST',
-} as const
+type ActionType = {
+ ADD_TOAST: 'ADD_TOAST'
+ UPDATE_TOAST: 'UPDATE_TOAST'
+ DISMISS_TOAST: 'DISMISS_TOAST'
+ REMOVE_TOAST: 'REMOVE_TOAST'
+}
let count = 0
@@ -29,8 +29,6 @@ function genId() {
return count.toString()
}
-type ActionType = typeof actionTypes
-
type Action =
| {
type: ActionType['ADD_TOAST']
diff --git a/apps/web/lib/cytoscape-config.ts b/apps/web/lib/cytoscape-config.ts
index 2d82933f..b1fe1fa8 100644
--- a/apps/web/lib/cytoscape-config.ts
+++ b/apps/web/lib/cytoscape-config.ts
@@ -4,6 +4,8 @@
* Ported from old packages/web with adaptations for current dashboard.
*/
+import type cytoscape from 'cytoscape'
+
// ============================================================================
// Node Colors
// ============================================================================
@@ -29,7 +31,7 @@ export const NODE_COLORS: Record = {
// Node Shapes
// ============================================================================
-export const NODE_SHAPES: Record = {
+export const NODE_SHAPES: Record = {
File: 'round-rectangle',
Class: 'diamond',
Interface: 'diamond',
@@ -91,35 +93,39 @@ export const EDGE_COLORS: Record = {
// Cytoscape Stylesheet
// ============================================================================
-function nodeStyle(label: string) {
+function nodeStyle(label: string): cytoscape.StylesheetJsonBlock {
const color = NODE_COLORS[label] ?? '#64748b'
const shape = NODE_SHAPES[label] ?? 'ellipse'
const size = NODE_SIZES[label] ?? { width: 25, height: 25 }
+ const style: cytoscape.Css.Node = {
+ 'background-color': color,
+ shape,
+ width: size.width,
+ height: size.height,
+ ...(label === 'Interface' ? { 'border-width': 2, 'border-style': 'dashed' as const, 'border-color': '#fbbf24' } : {}),
+ }
+
return {
selector: `node[type="${label}"]`,
- style: {
- 'background-color': color,
- shape,
- width: size.width,
- height: size.height,
- ...(label === 'Interface' ? { 'border-width': 2, 'border-style': 'dashed' as const, 'border-color': '#fbbf24' } : {}),
- },
+ style,
}
}
-function edgeStyle(label: string, extra?: Record) {
+function edgeStyle(label: string, extra: cytoscape.Css.Edge = {}): cytoscape.StylesheetJsonBlock {
const color = EDGE_COLORS[label] ?? '#64748b'
+ const style: cytoscape.Css.Edge = {
+ 'line-color': color,
+ 'target-arrow-color': color,
+ ...extra,
+ }
+
return {
selector: `edge[label="${label}"]`,
- style: {
- 'line-color': color,
- 'target-arrow-color': color,
- ...extra,
- },
+ style,
}
}
-export const cytoscapeStylesheet = [
+export const cytoscapeStylesheet: cytoscape.StylesheetJson = [
// Base node
{
selector: 'node',
@@ -205,7 +211,7 @@ export const cytoscapeStylesheet = [
export type LayoutName = 'cose' | 'concentric' | 'breadthfirst'
-export const LAYOUT_OPTIONS: Record> = {
+export const LAYOUT_OPTIONS: Record = {
cose: {
name: 'cose',
animate: true,
diff --git a/apps/web/next.config.mjs b/apps/web/next.config.mjs
index 4cd9948a..b53664af 100644
--- a/apps/web/next.config.mjs
+++ b/apps/web/next.config.mjs
@@ -1,8 +1,5 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
- typescript: {
- ignoreBuildErrors: true,
- },
images: {
unoptimized: true,
},
diff --git a/apps/web/package.json b/apps/web/package.json
index 35bc2d75..35a36bc3 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -6,7 +6,8 @@
"dev": "next dev",
"build": "next build",
"start": "next start",
- "lint": "eslint ."
+ "lint": "eslint .",
+ "typecheck": "tsc --noEmit"
},
"dependencies": {
"@hookform/resolvers": "^3.10.0",
@@ -49,11 +50,11 @@
"framer-motion": "^12.40.0",
"input-otp": "1.4.2",
"lucide-react": "^0.564.0",
- "next": "16.1.6",
+ "next": "16.3.1",
"next-themes": "^0.4.6",
- "react": "19.2.4",
+ "react": "19.2.8",
"react-day-picker": "9.13.2",
- "react-dom": "19.2.4",
+ "react-dom": "19.2.8",
"react-hook-form": "^7.76.1",
"react-resizable-panels": "^2.1.9",
"recharts": "2.15.0",
@@ -68,7 +69,9 @@
"@types/node": "^22.19.19",
"@types/react": "19.2.14",
"@types/react-dom": "19.2.3",
- "postcss": "^8.5.15",
+ "eslint": "^9",
+ "eslint-config-next": "16.3.1",
+ "postcss": "^8.5.18",
"tailwindcss": "^4.3.0",
"tw-animate-css": "1.3.3",
"typescript": "5.7.3"
diff --git a/apps/web/public/fonts/GeistMonoVF.woff2 b/apps/web/public/fonts/GeistMonoVF.woff2
deleted file mode 100644
index eac34b2d..00000000
--- a/apps/web/public/fonts/GeistMonoVF.woff2
+++ /dev/null
@@ -1,1468 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Page not found · GitHub · GitHub
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- You can’t perform that action at this time.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- You can’t perform that action at this time.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- You can’t perform that action at this time.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-