fix(charts): author missing prop types, regen lockfile, drop transit files

The PR previously imported chart prop types from "../components" but
never declared them — typecheck failed with ~50 errors. This commit
makes the branch buildable end-to-end against current main.

src/components.ts — add chart prop interfaces (CHARTS section):
  RenderEngine, ChartType, ChartPoint, ChartSeries, ChartProps,
  SparklineProps, DonutSegment, DonutProps, RadialGaugeProps,
  UptimeStatus, UptimeCell, UptimeBarProps, TreemapNode, TreemapProps,
  ServiceNode, ServiceEdge, ServiceMapProps.

src/charts/Chart.tsx, ServiceMap.tsx, renderer.ts — remove unused
@ts-expect-error directives now that types resolve; cast cytoscape
through unknown for the extension registration; widen CytoElement
fields to overlap with cytoscape's EdgeSingular type.

src/components.d.ts — delete (stale duplicate of components.ts; main
renamed it in b43d802 and the PR branch had reintroduced it).

README.md.bundle — delete (transit artifact, not for git).

pnpm-lock.yaml — regenerate to add the 7 new chart peer-deps
(uplot, d3-hierarchy, d3-force, cytoscape, cytoscape-cose-bilkent,
@deck.gl/core, @deck.gl/layers).

tests/unit/setup.ts — stub ResizeObserver (jsdom doesn't implement
it; charts use it to track container width).

tests/unit/ServiceMap.test.tsx — new smoke test for the headline
chart component.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: aksOps

README.md.bundle

@@ -28,7 +28,6 @@ let uplotCache: { ctor: UplotCtor } | null = null;
 async function loadUplot(): Promise<UplotCtor | null> {
   if (uplotCache) return uplotCache.ctor;
   try {
-    // @ts-expect-error — peer dep
     const mod = await import("uplot");
     // @ts-expect-error — uplot CSS
     await import("uplot/dist/uPlot.min.css").catch(() => { /* best effort */ });

pnpm-lock.yaml

@@ -28,8 +28,8 @@ type CytoElement = {
   data: (key?: string) => unknown;
   addClass: (cls: string) => void;
   removeClass: (cls: string) => void;
-  connectedEdges: () => CytoCollection;
-  connectedNodes: () => CytoCollection;
+  connectedEdges?: () => CytoCollection;
+  connectedNodes?: () => CytoCollection;
   isNode?: () => boolean;
   isEdge?: () => boolean;
 };
@@ -52,9 +52,8 @@ let cytoCache: { ctor: CytoCtor } | null = null;
 async function loadCyto(): Promise<CytoCtor | null> {
   if (cytoCache) return cytoCache.ctor;
   try {
-    // @ts-expect-error — peer dep
     const mod = await import("cytoscape");
-    const cytoscape = (mod.default ?? mod) as CytoCtor & { use: (ext: unknown) => void };
+    const cytoscape = (mod.default ?? mod) as unknown as CytoCtor & { use: (ext: unknown) => void };
     try {
       // @ts-expect-error — optional layout
       const cose = await import("cytoscape-cose-bilkent");
@@ -194,19 +193,19 @@ export function ServiceMap(props: ServiceMapProps): React.ReactElement {
         const isNode = el.isNode?.() ?? true;
         cy.elements().addClass("rcs-dim");
         if (isNode) {
-          const incident = el.connectedEdges();
-          const neighbors = el.connectedNodes();
-          neighbors.removeClass("rcs-dim");
-          incident.removeClass("rcs-dim");
+          const incident = el.connectedEdges?.();
+          const neighbors = el.connectedNodes?.();
+          neighbors?.removeClass("rcs-dim");
+          incident?.removeClass("rcs-dim");
           (cy.$(`#${cssEscape(el.id())}`)).removeClass("rcs-dim");
           (cy.$(`#${cssEscape(el.id())}`)).addClass("rcs-focus");
-          incident.addClass("rcs-focus-edge");
-          neighbors.addClass("rcs-neighbor");
+          incident?.addClass("rcs-focus-edge");
+          neighbors?.addClass("rcs-neighbor");
         } else {
           // edge
-          const ends = el.connectedNodes();
-          ends.removeClass("rcs-dim");
-          ends.addClass("rcs-neighbor");
+          const ends = el.connectedNodes?.();
+          ends?.removeClass("rcs-dim");
+          ends?.addClass("rcs-neighbor");
         }
       };
       const focusOff = () => {

src/charts/Chart.tsx

@@ -94,9 +94,7 @@ let deckCache: { Deck: DeckCore; SolidPolygonLayer: DeckLayer; ScatterplotLayer:
 export async function loadDeck(): Promise<typeof deckCache> {
   if (deckCache) return deckCache;
   try {
-    // @ts-expect-error — optional peer deps
     const core = await import("@deck.gl/core");
-    // @ts-expect-error — optional peer deps
     const layers = await import("@deck.gl/layers");
     deckCache = {
       Deck: core.Deck,