fix(web): point npm links to toolkit package + inspector nav link

README.md

@@ -4,7 +4,7 @@
 
 [![CI](https://github.com/ocpp-debugkit/ocpp-debugkit/actions/workflows/ci.yml/badge.svg)](https://github.com/ocpp-debugkit/ocpp-debugkit/actions/workflows/ci.yml)
 [![License](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](https://github.com/ocpp-debugkit/ocpp-debugkit/blob/main/LICENSE)
-[![npm](https://img.shields.io/badge/npm-%40ocpp--debugkit-blue.svg)](https://www.npmjs.com/org/ocpp-debugkit)
+[![npm](https://img.shields.io/badge/npm-%40ocpp--debugkit-blue.svg)](https://www.npmjs.com/package/@ocpp-debugkit/toolkit)
 
 OCPP DebugKit is a developer toolkit for inspecting, analyzing, and debugging
 OCPP (Open Charge Point Protocol) charging session traces. It helps EV charging
@@ -119,7 +119,7 @@ load a trace directly in your browser — no installation required.
 
 - [Documentation](https://ocppdebugkit.com/docs)
 - [GitHub](https://github.com/ocpp-debugkit/ocpp-debugkit)
-- [npm](https://www.npmjs.com/org/ocpp-debugkit)
+- [npm](https://www.npmjs.com/package/@ocpp-debugkit/toolkit)
 - [Roadmap](./ROADMAP.md)
 - [Contributing](./CONTRIBUTING.md)
 

apps/web/README.md

@@ -19,8 +19,7 @@ and documentation.
 
 All trace processing happens client-side in the browser — no trace data is
 uploaded to a server. The app uses workspace dependencies on
-`@ocpp-debugkit/core`, `@ocpp-debugkit/scenarios`, and
-`@ocpp-debugkit/reporter` for parsing, analysis, and report generation.
+`@ocpp-debugkit/toolkit` for parsing, analysis, and report generation.
 
 ## Development
 

apps/web/src/app/inspector/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import Link from 'next/link';
 import { useState, useCallback, useMemo, useRef } from 'react';
 import {
   parseTrace,
@@ -257,9 +258,15 @@ export default function InspectorPage() {
       {/* Header */}
       <header className="sticky top-0 z-10 border-b border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900">
         <div className="mx-auto max-w-7xl px-4 py-3 sm:px-6 flex items-center justify-between">
-          <h1 className="text-lg font-bold text-neutral-900 dark:text-white sm:text-xl">
-            OCPP Inspector
-          </h1>
+          <div className="flex items-baseline gap-2">
+            <Link
+              href="/"
+              className="text-lg font-bold text-neutral-900 dark:text-white sm:text-xl"
+            >
+              OCPP DebugKit
+            </Link>
+            <span className="text-sm text-neutral-500">Inspector</span>
+          </div>
           {analysis && analysis.events.length > 0 && (
             <div className="flex items-center gap-2">
               <select

apps/web/src/app/page.tsx

@@ -129,7 +129,7 @@ ocpp-debugkit scenario run failed-auth`}</code>
               GitHub
             </a>
             <a
-              href="https://www.npmjs.com/org/ocpp-debugkit"
+              href="https://www.npmjs.com/package/@ocpp-debugkit/toolkit"
               target="_blank"
               rel="noopener noreferrer"
               className="text-sm text-neutral-500 hover:text-neutral-900 dark:hover:text-white"

apps/web/tests/inspector.spec.ts

@@ -3,7 +3,8 @@ import { test, expect } from '@playwright/test';
 test.describe('Inspector', () => {
   test('page loads with empty state', async ({ page }) => {
     await page.goto('/inspector');
-    await expect(page.getByText('OCPP Inspector')).toBeVisible();
+    await expect(page.getByRole('link', { name: 'OCPP DebugKit' })).toBeVisible();
+    await expect(page.getByText('Inspector')).toBeVisible();
     await expect(page.getByText('Paste OCPP Trace')).toBeVisible();
     await expect(page.getByText('Sample Scenarios')).toBeVisible();
     // Empty state message

apps/web/tests/landing.spec.ts

@@ -50,7 +50,8 @@ test.describe('Navigation', () => {
     await page.goto('/');
     await page.getByRole('link', { name: 'Try Inspector' }).click();
     await expect(page).toHaveURL('/inspector');
-    await expect(page.getByText('OCPP Inspector')).toBeVisible();
+    await expect(page.getByRole('link', { name: 'OCPP DebugKit' })).toBeVisible();
+    await expect(page.getByText('Inspector')).toBeVisible();
   });
 
   test('can navigate to docs', async ({ page }) => {