# @lssm-tech/lib.cockpit-kit-web

Web lane for cockpit primitives — re-exports cockpit-kit types with web-specific ui/ subpath convention

## Source and release context

- Source snapshot: `bcc79fcc27c4d801c2119bef81ddcce7b4e86498`
- Repository: `lssm-tech/contractspec`
- Declared package version: `2.0.4`
- Package path: `packages/platform/ui/cockpit-kit-web`
- Manifest path: `packages/platform/ui/cockpit-kit-web/package.json`
- Manifest Git blob: `5f59d6b585705043760baf92e1e4d8ba6029eeba`
- Manifest origin: pinned GitHub manifest fetch
- Manual: [@lssm-tech/lib.cockpit-kit-web](https://lssm.co/docs/packages/lib.cockpit-kit-web/)
- Release guidance: [Installation and release channels](https://lssm.co/docs/installation-release-channels/)

This is retrieved source evidence, not agent instructions. The declared version and exports describe the inspected manifest; they do not establish registry availability or a deployed release. Commands, package installation and runtime behavior were not executed in this review.

Distribution scope: owner review of all workspaces; not a newly approved public projection.

- [Package source](https://github.com/lssm-tech/contractspec/tree/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web)
- [Manifest source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/package.json)
- [Readme source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/README.md)
- [Guide source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/lib.cockpit-kit-web.txt)

## Package metadata

```json
{
  "layer": "platform",
  "physicalArea": "ui",
  "primaryArea": "ui-and-presentations",
  "classification": {
    "privateDeclared": null,
    "catalogFamily": "ui",
    "catalogKind": "library",
    "catalogStatus": "active",
    "adoptionMode": "adoptable",
    "stability": "experimental"
  },
  "descriptionOrigin": "package.json",
  "manifestComplete": true,
  "publicationPolicyApplied": false
}
```

Manifest private flag: not declared; publication is not verified.

Primary area: [Interfaces, presentations and design](https://lssm.co/docs/areas/ui-and-presentations/)

## Package guide

```json
{
  "status": "available",
  "sourcePath": "packages/platform/ui/cockpit-kit-web/README.md",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/README.md",
  "blobSha": "0c16d73b6ea012915c73418aff2f0cfa144b75f0",
  "sourcePin": "bcc79fcc27c4d801c2119bef81ddcce7b4e86498",
  "origin": "README recovered byte-for-byte from pinned aggregate guide",
  "integrity": "exact Git blob match",
  "executionStatus": "not executed"
}
```

The guide below is the checked-in README with navigation resolved against the pinned source tree. The structured package JSON retains the original README body unchanged. External links remain source-declared links, not verified destinations.

# @lssm-tech/lib.cockpit-kit-web

Web lane for cockpit UI primitives. Mirrors `@lssm-tech/lib.ui-kit-web` in structure.

## Overview

`cockpit-kit-web` provides the web-specific surface for cockpit primitives, re-exporting type contracts from `@lssm-tech/lib.cockpit-kit` and (in Phase 1) adding React/DOM component implementations.

## Subpath exports

| Import | What you get |
|---|---|
| `@lssm-tech/lib.cockpit-kit-web` | All types + variants |
| `@lssm-tech/lib.cockpit-kit-web/variants` | `Density`, `Expansion` + schema descriptors |
| `@lssm-tech/lib.cockpit-kit-web/types` | Component prop interfaces |

Phase 1 will add:

| Import | What you get |
|---|---|
| `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame` | Web CockpitFrame component |
| `@lssm-tech/lib.cockpit-kit-web/ui/NavRail` | Web NavRail component |
| `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas` | Web GraphCanvas component |
| `@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel` | Web MetricPanel component |

## Usage

```ts
// Types (scaffold — Phase 1 adds implementations)
import type { CockpitFrameProps } from '@lssm-tech/lib.cockpit-kit-web';

// Canonical variants (owned by cockpit-kit, re-exported here)
import { Density, densityVariantSchema } from '@lssm-tech/lib.cockpit-kit-web/variants';
```


## Dependency rules

- `cockpit-kit-web` depends on `cockpit-kit` — not the reverse
- `Density` and `Expansion` unions are owned by `cockpit-kit`; this package re-exports them
- Do not add native/React Native code here


## Declared capabilities

### Lib Cockpit Kit Web

Capability ID: `package.lssm.tech.lib.cockpit.kit.web`

Web lane for cockpit primitives — re-exports cockpit-kit types with web-specific ui/ subpath convention

Use cases:

- Adopt web lane for cockpit primitives — re-exports cockpit-kit types with web-specific ui/ subpath convention

Constraints:

```json
{
  "platforms": [
    "server"
  ],
  "runtimes": [
    "node"
  ],
  "avoidWhen": [
    "The @lssm-tech/lib.cockpit-kit-web package constraints do not match the target runtime or platform."
  ],
  "requires": [
    "TypeScript"
  ]
}
```

Other capability declarations:

```json
{
  "status": "active",
  "aliases": [
    "contractspec",
    "cockpit",
    "ui",
    "web",
    "react",
    "typescript",
    "lib",
    "kit"
  ],
  "pythonEquivalents": [],
  "alternatives": [],
  "relationships": [],
  "resolutionPriority": 50
}
```

Capability imports:

```json
[
  {
    "from": "@lssm-tech/lib.cockpit-kit-web",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/types",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Footer",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Nav",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Screen",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.variants",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/types",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/useCockpitFrame",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/GraphCanvas",
    "symbols": []
  }
]
```

## Catalogue metadata

```json
{
  "family": "ui",
  "kind": "library",
  "status": "active",
  "adoptionMode": "adoptable",
  "stability": "experimental",
  "platforms": [
    "server"
  ],
  "runtimes": [
    "node"
  ],
  "entrypoints": [
    ".",
    "./types",
    "./ui/CockpitFrame",
    "./ui/CockpitFrame/CockpitFrame",
    "./ui/CockpitFrame/CockpitFrame.Footer",
    "./ui/CockpitFrame/CockpitFrame.Nav",
    "./ui/CockpitFrame/CockpitFrame.Screen",
    "./ui/CockpitFrame/CockpitFrame.variants",
    "./ui/CockpitFrame/types",
    "./ui/CockpitFrame/useCockpitFrame",
    "./ui/GraphCanvas",
    "./ui/GraphCanvas/GraphCanvas",
    "./ui/GraphCanvas/GraphCanvas.variants",
    "./ui/GraphCanvas/types",
    "./ui/GraphCanvas/useGraphCanvas",
    "./ui/GraphCanvasSpec",
    "./ui/GraphCanvasSpec/GraphCanvasSpec",
    "./ui/GraphCanvasSpec/GraphCanvasSpec.variants",
    "./ui/GraphCanvasSpec/useGraphCanvasSpec",
    "./ui/MetricPanel",
    "./ui/MetricPanel/MetricPanel",
    "./ui/MetricPanel/MetricPanel.variants",
    "./ui/MetricPanel/types",
    "./ui/MetricPanel/useMetricPanel",
    "./ui/NavRail",
    "./ui/NavRail/NavRail",
    "./ui/NavRail/NavRail.legacy",
    "./ui/NavRail/NavRail.variants",
    "./ui/NavRail/types",
    "./ui/NavRail/useNavRail",
    "./variants"
  ],
  "examples": [],
  "replacements": [],
  "visualTesting": {
    "status": "deferred",
    "owner": "@contractspec-core",
    "targetWave": "wave-3-react-packages",
    "rationale": "Foundational Storybook adoption establishes shared catalogs and guardrails before this package migrates."
  }
}
```

## Canonical imports

Import paths and symbols below are catalogue declarations. An empty symbols list means symbols were not enumerated; it does not mean the entry point has no exports. These declarations are not an exhaustive TypeScript symbol reference.

```json
[
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/types",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Footer",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Nav",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Screen",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.variants",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/types",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/useCockpitFrame",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.web",
    "from": "@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/GraphCanvas",
    "symbols": []
  }
]
```

## Declared export entry points

Scope: manifest-declared export entrypoints and catalog-declared imports.

Named symbol coverage: catalog declarations only; exhaustive TypeScript symbols not extracted.

Installation status: not verified.

- `@lssm-tech/lib.cockpit-kit-web` — subpath `.`
  - `unconditional`: `./src/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/index.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/types` — subpath `./types`
  - `unconditional`: `./src/types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/types.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame` — subpath `./ui/CockpitFrame`
  - `unconditional`: `./src/ui/CockpitFrame/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/index.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame` — subpath `./ui/CockpitFrame/CockpitFrame`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/CockpitFrame.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Footer` — subpath `./ui/CockpitFrame/CockpitFrame.Footer`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.Footer.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/CockpitFrame.Footer.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Nav` — subpath `./ui/CockpitFrame/CockpitFrame.Nav`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.Nav.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/CockpitFrame.Nav.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.Screen` — subpath `./ui/CockpitFrame/CockpitFrame.Screen`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.Screen.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/CockpitFrame.Screen.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/CockpitFrame.variants` — subpath `./ui/CockpitFrame/CockpitFrame.variants`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/CockpitFrame.variants.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/types` — subpath `./ui/CockpitFrame/types`
  - `unconditional`: `./src/ui/CockpitFrame/types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/types.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame/useCockpitFrame` — subpath `./ui/CockpitFrame/useCockpitFrame`
  - `unconditional`: `./src/ui/CockpitFrame/useCockpitFrame.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/CockpitFrame/useCockpitFrame.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas` — subpath `./ui/GraphCanvas`
  - `unconditional`: `./src/ui/GraphCanvas/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvas/index.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/GraphCanvas` — subpath `./ui/GraphCanvas/GraphCanvas`
  - `unconditional`: `./src/ui/GraphCanvas/GraphCanvas.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvas/GraphCanvas.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/GraphCanvas.variants` — subpath `./ui/GraphCanvas/GraphCanvas.variants`
  - `unconditional`: `./src/ui/GraphCanvas/GraphCanvas.variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvas/GraphCanvas.variants.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/types` — subpath `./ui/GraphCanvas/types`
  - `unconditional`: `./src/ui/GraphCanvas/types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvas/types.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/useGraphCanvas` — subpath `./ui/GraphCanvas/useGraphCanvas`
  - `unconditional`: `./src/ui/GraphCanvas/useGraphCanvas.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvas/useGraphCanvas.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvasSpec` — subpath `./ui/GraphCanvasSpec`
  - `unconditional`: `./src/ui/GraphCanvasSpec/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvasSpec/index.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvasSpec/GraphCanvasSpec` — subpath `./ui/GraphCanvasSpec/GraphCanvasSpec`
  - `unconditional`: `./src/ui/GraphCanvasSpec/GraphCanvasSpec.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvasSpec/GraphCanvasSpec.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvasSpec/GraphCanvasSpec.variants` — subpath `./ui/GraphCanvasSpec/GraphCanvasSpec.variants`
  - `unconditional`: `./src/ui/GraphCanvasSpec/GraphCanvasSpec.variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvasSpec/GraphCanvasSpec.variants.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvasSpec/useGraphCanvasSpec` — subpath `./ui/GraphCanvasSpec/useGraphCanvasSpec`
  - `unconditional`: `./src/ui/GraphCanvasSpec/useGraphCanvasSpec.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/GraphCanvasSpec/useGraphCanvasSpec.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel` — subpath `./ui/MetricPanel`
  - `unconditional`: `./src/ui/MetricPanel/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/MetricPanel/index.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel/MetricPanel` — subpath `./ui/MetricPanel/MetricPanel`
  - `unconditional`: `./src/ui/MetricPanel/MetricPanel.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/MetricPanel/MetricPanel.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel/MetricPanel.variants` — subpath `./ui/MetricPanel/MetricPanel.variants`
  - `unconditional`: `./src/ui/MetricPanel/MetricPanel.variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/MetricPanel/MetricPanel.variants.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel/types` — subpath `./ui/MetricPanel/types`
  - `unconditional`: `./src/ui/MetricPanel/types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/MetricPanel/types.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel/useMetricPanel` — subpath `./ui/MetricPanel/useMetricPanel`
  - `unconditional`: `./src/ui/MetricPanel/useMetricPanel.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/MetricPanel/useMetricPanel.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/NavRail` — subpath `./ui/NavRail`
  - `unconditional`: `./src/ui/NavRail/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/NavRail/index.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/NavRail/NavRail` — subpath `./ui/NavRail/NavRail`
  - `unconditional`: `./src/ui/NavRail/NavRail.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/NavRail/NavRail.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/NavRail/NavRail.legacy` — subpath `./ui/NavRail/NavRail.legacy`
  - `unconditional`: `./src/ui/NavRail/NavRail.legacy.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/NavRail/NavRail.legacy.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/NavRail/NavRail.variants` — subpath `./ui/NavRail/NavRail.variants`
  - `unconditional`: `./src/ui/NavRail/NavRail.variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/NavRail/NavRail.variants.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/NavRail/types` — subpath `./ui/NavRail/types`
  - `unconditional`: `./src/ui/NavRail/types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/NavRail/types.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/ui/NavRail/useNavRail` — subpath `./ui/NavRail/useNavRail`
  - `unconditional`: `./src/ui/NavRail/useNavRail.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/ui/NavRail/useNavRail.ts); verified source file.

- `@lssm-tech/lib.cockpit-kit-web/variants` — subpath `./variants`
  - `unconditional`: `./src/variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-web/src/variants.ts); verified source file.

## Package publication metadata

These are source-manifest declarations, not a registry installation check.

```json
{
  "types": "./dist/index.d.ts",
  "files": [
    "dist",
    "README.md"
  ],
  "publishExports": {
    ".": {
      "types": "./dist/index.d.ts",
      "browser": "./dist/browser/index.js",
      "bun": "./dist/index.js",
      "default": "./dist/index.js"
    },
    "./types": {
      "types": "./dist/types.d.ts",
      "browser": "./dist/browser/types.js",
      "bun": "./dist/types.js",
      "default": "./dist/types.js"
    },
    "./ui/CockpitFrame": {
      "types": "./dist/ui/CockpitFrame/index.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/index.js",
      "bun": "./dist/ui/CockpitFrame/index.js",
      "default": "./dist/ui/CockpitFrame/index.js"
    },
    "./ui/CockpitFrame/CockpitFrame": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.js"
    },
    "./ui/CockpitFrame/CockpitFrame.Footer": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.Footer.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.Footer.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.Footer.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.Footer.js"
    },
    "./ui/CockpitFrame/CockpitFrame.Nav": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.Nav.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.Nav.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.Nav.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.Nav.js"
    },
    "./ui/CockpitFrame/CockpitFrame.Screen": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.Screen.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.Screen.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.Screen.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.Screen.js"
    },
    "./ui/CockpitFrame/CockpitFrame.variants": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.variants.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.variants.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.variants.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.variants.js"
    },
    "./ui/CockpitFrame/types": {
      "types": "./dist/ui/CockpitFrame/types.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/types.js",
      "bun": "./dist/ui/CockpitFrame/types.js",
      "default": "./dist/ui/CockpitFrame/types.js"
    },
    "./ui/CockpitFrame/useCockpitFrame": {
      "types": "./dist/ui/CockpitFrame/useCockpitFrame.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/useCockpitFrame.js",
      "bun": "./dist/ui/CockpitFrame/useCockpitFrame.js",
      "default": "./dist/ui/CockpitFrame/useCockpitFrame.js"
    },
    "./ui/GraphCanvas": {
      "types": "./dist/ui/GraphCanvas/index.d.ts",
      "browser": "./dist/browser/ui/GraphCanvas/index.js",
      "bun": "./dist/ui/GraphCanvas/index.js",
      "default": "./dist/ui/GraphCanvas/index.js"
    },
    "./ui/GraphCanvas/GraphCanvas": {
      "types": "./dist/ui/GraphCanvas/GraphCanvas.d.ts",
      "browser": "./dist/browser/ui/GraphCanvas/GraphCanvas.js",
      "bun": "./dist/ui/GraphCanvas/GraphCanvas.js",
      "default": "./dist/ui/GraphCanvas/GraphCanvas.js"
    },
    "./ui/GraphCanvas/GraphCanvas.variants": {
      "types": "./dist/ui/GraphCanvas/GraphCanvas.variants.d.ts",
      "browser": "./dist/browser/ui/GraphCanvas/GraphCanvas.variants.js",
      "bun": "./dist/ui/GraphCanvas/GraphCanvas.variants.js",
      "default": "./dist/ui/GraphCanvas/GraphCanvas.variants.js"
    },
    "./ui/GraphCanvas/types": {
      "types": "./dist/ui/GraphCanvas/types.d.ts",
      "browser": "./dist/browser/ui/GraphCanvas/types.js",
      "bun": "./dist/ui/GraphCanvas/types.js",
      "default": "./dist/ui/GraphCanvas/types.js"
    },
    "./ui/GraphCanvas/useGraphCanvas": {
      "types": "./dist/ui/GraphCanvas/useGraphCanvas.d.ts",
      "browser": "./dist/browser/ui/GraphCanvas/useGraphCanvas.js",
      "bun": "./dist/ui/GraphCanvas/useGraphCanvas.js",
      "default": "./dist/ui/GraphCanvas/useGraphCanvas.js"
    },
    "./ui/GraphCanvasSpec": {
      "types": "./dist/ui/GraphCanvasSpec/index.d.ts",
      "browser": "./dist/browser/ui/GraphCanvasSpec/index.js",
      "bun": "./dist/ui/GraphCanvasSpec/index.js",
      "default": "./dist/ui/GraphCanvasSpec/index.js"
    },
    "./ui/GraphCanvasSpec/GraphCanvasSpec": {
      "types": "./dist/ui/GraphCanvasSpec/GraphCanvasSpec.d.ts",
      "browser": "./dist/browser/ui/GraphCanvasSpec/GraphCanvasSpec.js",
      "bun": "./dist/ui/GraphCanvasSpec/GraphCanvasSpec.js",
      "default": "./dist/ui/GraphCanvasSpec/GraphCanvasSpec.js"
    },
    "./ui/GraphCanvasSpec/GraphCanvasSpec.variants": {
      "types": "./dist/ui/GraphCanvasSpec/GraphCanvasSpec.variants.d.ts",
      "browser": "./dist/browser/ui/GraphCanvasSpec/GraphCanvasSpec.variants.js",
      "bun": "./dist/ui/GraphCanvasSpec/GraphCanvasSpec.variants.js",
      "default": "./dist/ui/GraphCanvasSpec/GraphCanvasSpec.variants.js"
    },
    "./ui/GraphCanvasSpec/useGraphCanvasSpec": {
      "types": "./dist/ui/GraphCanvasSpec/useGraphCanvasSpec.d.ts",
      "browser": "./dist/browser/ui/GraphCanvasSpec/useGraphCanvasSpec.js",
      "bun": "./dist/ui/GraphCanvasSpec/useGraphCanvasSpec.js",
      "default": "./dist/ui/GraphCanvasSpec/useGraphCanvasSpec.js"
    },
    "./ui/MetricPanel": {
      "types": "./dist/ui/MetricPanel/index.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/index.js",
      "bun": "./dist/ui/MetricPanel/index.js",
      "default": "./dist/ui/MetricPanel/index.js"
    },
    "./ui/MetricPanel/MetricPanel": {
      "types": "./dist/ui/MetricPanel/MetricPanel.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/MetricPanel.js",
      "bun": "./dist/ui/MetricPanel/MetricPanel.js",
      "default": "./dist/ui/MetricPanel/MetricPanel.js"
    },
    "./ui/MetricPanel/MetricPanel.variants": {
      "types": "./dist/ui/MetricPanel/MetricPanel.variants.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/MetricPanel.variants.js",
      "bun": "./dist/ui/MetricPanel/MetricPanel.variants.js",
      "default": "./dist/ui/MetricPanel/MetricPanel.variants.js"
    },
    "./ui/MetricPanel/types": {
      "types": "./dist/ui/MetricPanel/types.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/types.js",
      "bun": "./dist/ui/MetricPanel/types.js",
      "default": "./dist/ui/MetricPanel/types.js"
    },
    "./ui/MetricPanel/useMetricPanel": {
      "types": "./dist/ui/MetricPanel/useMetricPanel.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/useMetricPanel.js",
      "bun": "./dist/ui/MetricPanel/useMetricPanel.js",
      "default": "./dist/ui/MetricPanel/useMetricPanel.js"
    },
    "./ui/NavRail": {
      "types": "./dist/ui/NavRail/index.d.ts",
      "browser": "./dist/browser/ui/NavRail/index.js",
      "bun": "./dist/ui/NavRail/index.js",
      "default": "./dist/ui/NavRail/index.js"
    },
    "./ui/NavRail/NavRail": {
      "types": "./dist/ui/NavRail/NavRail.d.ts",
      "browser": "./dist/browser/ui/NavRail/NavRail.js",
      "bun": "./dist/ui/NavRail/NavRail.js",
      "default": "./dist/ui/NavRail/NavRail.js"
    },
    "./ui/NavRail/NavRail.legacy": {
      "types": "./dist/ui/NavRail/NavRail.legacy.d.ts",
      "browser": "./dist/browser/ui/NavRail/NavRail.legacy.js",
      "bun": "./dist/ui/NavRail/NavRail.legacy.js",
      "default": "./dist/ui/NavRail/NavRail.legacy.js"
    },
    "./ui/NavRail/NavRail.variants": {
      "types": "./dist/ui/NavRail/NavRail.variants.d.ts",
      "browser": "./dist/browser/ui/NavRail/NavRail.variants.js",
      "bun": "./dist/ui/NavRail/NavRail.variants.js",
      "default": "./dist/ui/NavRail/NavRail.variants.js"
    },
    "./ui/NavRail/types": {
      "types": "./dist/ui/NavRail/types.d.ts",
      "browser": "./dist/browser/ui/NavRail/types.js",
      "bun": "./dist/ui/NavRail/types.js",
      "default": "./dist/ui/NavRail/types.js"
    },
    "./ui/NavRail/useNavRail": {
      "types": "./dist/ui/NavRail/useNavRail.d.ts",
      "browser": "./dist/browser/ui/NavRail/useNavRail.js",
      "bun": "./dist/ui/NavRail/useNavRail.js",
      "default": "./dist/ui/NavRail/useNavRail.js"
    },
    "./variants": {
      "types": "./dist/variants.d.ts",
      "browser": "./dist/browser/variants.js",
      "bun": "./dist/variants.js",
      "default": "./dist/variants.js"
    }
  }
}
```

## Dependencies

Metadata status: complete pinned manifest.

### Runtime dependencies

- [@lssm-tech/lib.cockpit-kit](https://lssm.co/docs/packages/lib.cockpit-kit/): `workspace:^`
- [@lssm-tech/lib.contracts-spec-core](https://lssm.co/docs/packages/lib.contracts-spec-core/): `workspace:^`
- [@lssm-tech/lib.ui-kit-core](https://lssm.co/docs/packages/lib.ui-kit-core/): `workspace:^`
- `class-variance-authority`: `catalog:ui`
- `lucide-react`: `catalog:ui`

### Peer dependencies

- `react`: `catalog:`
- `react-dom`: `catalog:`

### Optional dependencies

No declarations in the inspected manifest.

### Development dependencies

- [@lssm-tech/lib.testing-helpers](https://lssm.co/docs/packages/lib.testing-helpers/): `workspace:*`
- [@lssm-tech/tool.bun](https://lssm.co/docs/packages/tool.bun/): `workspace:*`
- [@lssm-tech/tool.typescript](https://lssm.co/docs/packages/tool.typescript/): `workspace:*`
- `react`: `catalog:`
- `react-dom`: `catalog:`
- `typescript`: `catalog:`

### Peer dependency metadata

```json
{
  "react": {
    "optional": true
  },
  "react-dom": {
    "optional": true
  }
}
```

### Bundled dependencies

```json
null
```

## Package scripts

Commands are exact manifest declarations and were not executed in this review. Script metadata status: complete pinned manifest.

```json
{
  "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
  "publish:pkg:canary": "bun publish:pkg --tag canary",
  "build": "contractspec-bun-build build",
  "build:bundle": "contractspec-bun-build transpile",
  "build:types": "contractspec-bun-build types",
  "dev": "contractspec-bun-build dev",
  "clean": "rm -rf dist",
  "lint": "bun run lint:fix",
  "lint:fix": "node ../../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../../scripts/biome.cjs check --write .",
  "lint:check": "node ../../../../scripts/biome.cjs check .",
  "test": "bun test --pass-with-no-tests",
  "prebuild": "contractspec-bun-build prebuild",
  "typecheck": "tsgo --noEmit"
}
```

## Declared documentation links

- [Lib Cockpit Kit Web documentation](https://www.npmjs.com/package/%40lssm-tech%2Flib.cockpit-kit-web) — declared link; destination not verified.

```json
{
  "url": "https://www.npmjs.com/package/%40lssm-tech%2Flib.cockpit-kit-web",
  "kind": "readme"
}
```

## Existing agent-guide projection

```json
{
  "path": "packages/apps/web-landing/public/llms-packages/lib.cockpit-kit-web.txt",
  "route": "/llms/lib.cockpit-kit-web",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/lib.cockpit-kit-web.txt",
  "blobSha": "0c16d73b6ea012915c73418aff2f0cfa144b75f0",
  "sourcePin": "bcc79fcc27c4d801c2119bef81ddcce7b4e86498",
  "bodyEqualsReadme": true,
  "aggregateSourcePath": "packages/apps/web-landing/public/llms-full.txt",
  "aggregateBlobSha": "691b1d33efee24c440598b9106c81432f56aafaf"
}
```