# @lssm-tech/lib.example-shared-ui

Shared UI examples demonstrating reusable ContractSpec component composition.

## Source and release context

- Source snapshot: `bcc79fcc27c4d801c2119bef81ddcce7b4e86498`
- Repository: `lssm-tech/contractspec`
- Declared package version: `16.0.5`
- Package path: `examples/shared-ui`
- Manifest path: `examples/shared-ui/package.json`
- Manifest Git blob: `2e7812a830a7471e53c5ba7cda13052e5e69edff`
- Manifest origin: pinned GitHub manifest fetch
- Manual: [@lssm-tech/lib.example-shared-ui](https://lssm.co/docs/packages/lib.example-shared-ui/)
- 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/examples/shared-ui)
- [Manifest source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/package.json)
- [Readme source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/README.md)
- [Guide source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/lib.example-shared-ui.txt)

## Package metadata

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

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

Primary area: [Examples and implementation patterns](https://lssm.co/docs/areas/examples-and-patterns/)

## Package guide

```json
{
  "status": "available",
  "sourcePath": "examples/shared-ui/README.md",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/README.md",
  "blobSha": "80d20d080526839ff4ab1987b21c4603c832ccee",
  "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.example-shared-ui

**Shared React components and hooks for ContractSpec example apps. Provides the common layout, editors, and overlays used across all examples.**

## What It Provides

- **Layer**: lib.
- **Consumers**: example apps.
- Related ContractSpec packages include `@lssm-tech/lib.contracts-spec`, `@lssm-tech/lib.design-system`, `@lssm-tech/lib.surface-runtime`, `@lssm-tech/lib.ui-kit-web`, `@lssm-tech/tool.bun`, `@lssm-tech/tool.typescript`.
- Related ContractSpec packages include `@lssm-tech/lib.contracts-spec`, `@lssm-tech/lib.design-system`, `@lssm-tech/lib.surface-runtime`, `@lssm-tech/lib.ui-kit-web`, `@lssm-tech/tool.bun`, `@lssm-tech/tool.typescript`.

## Installation

`npm install @lssm-tech/lib.example-shared-ui`

or

`bun add @lssm-tech/lib.example-shared-ui`

## Usage

Import the root entrypoint from `@lssm-tech/lib.example-shared-ui`, or choose a documented subpath when you only need one part of the package surface. Use `NestedCommandShell` for embedded example previews that need command search and sectional navigation without mounting the app-level design-system `AppShell`/sidebar provider.

## Architecture

- `src/bundles/` contains bundle definitions and composition entrypoints.
- `src/EvolutionDashboard.tsx` is part of the package's public or composition surface.
- `src/EvolutionSidebar.tsx` is part of the package's public or composition surface.
- `src/hooks/` contains custom hooks for host applications.
- `src/index.ts` is the root public barrel and package entrypoint.
- `src/lib/` contains package-local helper utilities and adapters.
- `src/LocalDataIndicator.tsx` is part of the package's public or composition surface.
- `src/NestedCommandShell.tsx` provides an embedded, nested-safe command/navigation shell for examples that must not mount the app-level `AppShell` sidebar.

## Public Entry Points

- Export `.` resolves through `./src/index.ts`.
- Export `./bundles` resolves through `./src/bundles/index.ts`.
- Export `./bundles/ExampleTemplateBundle` resolves through `./src/bundles/ExampleTemplateBundle.ts`.
- Export `./EvolutionDashboard` resolves through `./src/EvolutionDashboard.tsx`.
- Export `./EvolutionSidebar` resolves through `./src/EvolutionSidebar.tsx`.
- Export `./hooks` resolves through `./src/hooks/index.ts`.
- Export `./hooks/useBehaviorTracking` resolves through `./src/hooks/useBehaviorTracking.ts`.
- Export `./hooks/useEvolution` resolves through `./src/hooks/useEvolution.ts`.
- Export `./hooks/useRegistryTemplates` resolves through `./src/hooks/useRegistryTemplates.ts`.
- Export `./hooks/useSpecContent` resolves through `./src/hooks/useSpecContent.ts`.
- The package publishes 30 total export subpaths; keep docs aligned with `package.json`.

## Public Shell Contract

`TemplateShell` is the reusable, nested-safe preview shell for example packages. It renders only content-scoped header, main, and optional aside regions, so embedded previews can sit inside host apps such as `ExampleWebPreview` or `web-landing` without creating another app-level `AppShell`, `SidebarProvider`, fixed application sidebar, or global navigation frame.

Import it from either the root package or the documented subpath:

```tsx
import { TemplateShell } from '@lssm-tech/lib.example-shared-ui';
// or
import { TemplateShell } from '@lssm-tech/lib.example-shared-ui/TemplateShell';
```


Public props:

- `title` and optional `description` fill the content-scoped preview header.
- `actions` renders header actions without taking ownership of host navigation.
- `sidebar` renders a bounded in-card aside beside the preview content.
- `showRuntimeIndicator` toggles the local-data indicator for sandboxes that already provide equivalent status chrome.
- `showSaveAction` and `saveProps` control the optional Studio save affordance.
- `children` render inside the preview main region.

Use `SpecDrivenTemplateShell` when a preview needs a `surface-runtime` bundle plan, but keep the same containment rule: shared example shells own preview content only, not app-level navigation.

## Local Commands

- `bun run dev` — contractspec-bun-build dev
- `bun run build` — contractspec-bun-build build
- `bun run test` — bun test --pass-with-no-tests
- `bun run lint` — bun lint:fix
- `bun run lint:check` — biome check .
- `bun run lint:fix` — biome check --write --unsafe --only=nursery/useSortedClasses . && biome check --write .
- `bun run typecheck` — tsgo --noEmit
- `bun run publish:pkg` — bun publish --tolerate-republish --ignore-scripts --verbose
- `bun run publish:pkg:canary` — bun publish:pkg --tag canary
- `bun run clean` — rimraf dist .turbo
- `bun run build:bundle` — contractspec-bun-build transpile
- `bun run build:types` — contractspec-bun-build types
- `bun run prebuild` — contractspec-bun-build prebuild

## Recent Updates

- Replace eslint+prettier by biomejs to optimize speed.
- Add changesets and apply pending fixes.
- Contracts context, bundle exports, surface-runtime docs.

## Notes

- Low blast radius — only example apps depend on this package.
- `TemplateShell` is the shared layout for all examples; structural changes affect every example app.


## Declared capabilities

### Lib Example Shared Ui

Capability ID: `package.lssm.tech.lib.example.shared.ui`

Shared UI examples demonstrating reusable ContractSpec component composition.

Use cases:

- Adopt shared ui examples demonstrating reusable contractspec component composition

Constraints:

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

Other capability declarations:

```json
{
  "status": "active",
  "aliases": [
    "lib",
    "example",
    "shared"
  ],
  "pythonEquivalents": [],
  "alternatives": [],
  "relationships": [],
  "resolutionPriority": 50
}
```

Capability imports:

```json
[
  {
    "from": "@lssm-tech/lib.example-shared-ui",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/bundles",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/bundles/ExampleTemplateBundle",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/EvolutionDashboard",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/EvolutionSidebar",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/example-shared-ui.feature",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/hooks",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useBehaviorTracking",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useEvolution",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useRegistryTemplates",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useSpecContent",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useWorkflowComposer",
    "symbols": []
  }
]
```

## Catalogue metadata

```json
{
  "family": "ui",
  "kind": "library",
  "status": "active",
  "adoptionMode": "adoptable",
  "stability": "stable",
  "platforms": [
    "server"
  ],
  "runtimes": [
    "bun"
  ],
  "entrypoints": [
    ".",
    "./bundles",
    "./bundles/ExampleTemplateBundle",
    "./EvolutionDashboard",
    "./EvolutionSidebar",
    "./example-shared-ui.feature",
    "./hooks",
    "./hooks/useBehaviorTracking",
    "./hooks/useEvolution",
    "./hooks/useRegistryTemplates",
    "./hooks/useSpecContent",
    "./hooks/useWorkflowComposer",
    "./i18n",
    "./i18n/catalogs",
    "./i18n/catalogs/en",
    "./i18n/catalogs/es",
    "./i18n/catalogs/fr",
    "./i18n/keys",
    "./i18n/locale",
    "./i18n/messages",
    "./i18n/test-locale",
    "./lib/component-registry",
    "./lib/runtime-context",
    "./lib/types",
    "./LocalDataIndicator",
    "./markdown/formatPresentationName",
    "./markdown/useMarkdownPresentation",
    "./MarkdownView",
    "./NestedCommandShell",
    "./overlay-types",
    "./OverlayContextProvider",
    "./PersonalizationInsights",
    "./SaveToStudioButton",
    "./SpecDrivenTemplateShell",
    "./SpecEditorPanel",
    "./TemplateShell",
    "./utils",
    "./utils/fetchPresentationData",
    "./utils/generateSpecFromTemplate"
  ],
  "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.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/bundles",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/bundles/ExampleTemplateBundle",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/EvolutionDashboard",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/EvolutionSidebar",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/example-shared-ui.feature",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/hooks",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useBehaviorTracking",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useEvolution",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useRegistryTemplates",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useSpecContent",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.example.shared.ui",
    "from": "@lssm-tech/lib.example-shared-ui/hooks/useWorkflowComposer",
    "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.example-shared-ui` — subpath `.`
  - `unconditional`: `./src/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/index.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/bundles` — subpath `./bundles`
  - `unconditional`: `./src/bundles/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/bundles/index.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/bundles/ExampleTemplateBundle` — subpath `./bundles/ExampleTemplateBundle`
  - `unconditional`: `./src/bundles/ExampleTemplateBundle.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/bundles/ExampleTemplateBundle.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/EvolutionDashboard` — subpath `./EvolutionDashboard`
  - `unconditional`: `./src/EvolutionDashboard.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/EvolutionDashboard.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/EvolutionSidebar` — subpath `./EvolutionSidebar`
  - `unconditional`: `./src/EvolutionSidebar.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/EvolutionSidebar.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/example-shared-ui.feature` — subpath `./example-shared-ui.feature`
  - `unconditional`: `./src/example-shared-ui.feature.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/example-shared-ui.feature.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/hooks` — subpath `./hooks`
  - `unconditional`: `./src/hooks/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/hooks/index.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/hooks/useBehaviorTracking` — subpath `./hooks/useBehaviorTracking`
  - `unconditional`: `./src/hooks/useBehaviorTracking.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/hooks/useBehaviorTracking.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/hooks/useEvolution` — subpath `./hooks/useEvolution`
  - `unconditional`: `./src/hooks/useEvolution.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/hooks/useEvolution.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/hooks/useRegistryTemplates` — subpath `./hooks/useRegistryTemplates`
  - `unconditional`: `./src/hooks/useRegistryTemplates.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/hooks/useRegistryTemplates.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/hooks/useSpecContent` — subpath `./hooks/useSpecContent`
  - `unconditional`: `./src/hooks/useSpecContent.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/hooks/useSpecContent.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/hooks/useWorkflowComposer` — subpath `./hooks/useWorkflowComposer`
  - `unconditional`: `./src/hooks/useWorkflowComposer.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/hooks/useWorkflowComposer.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n` — subpath `./i18n`
  - `unconditional`: `./src/i18n/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/index.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/catalogs` — subpath `./i18n/catalogs`
  - `unconditional`: `./src/i18n/catalogs/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/catalogs/index.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/catalogs/en` — subpath `./i18n/catalogs/en`
  - `unconditional`: `./src/i18n/catalogs/en.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/catalogs/en.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/catalogs/es` — subpath `./i18n/catalogs/es`
  - `unconditional`: `./src/i18n/catalogs/es.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/catalogs/es.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/catalogs/fr` — subpath `./i18n/catalogs/fr`
  - `unconditional`: `./src/i18n/catalogs/fr.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/catalogs/fr.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/keys` — subpath `./i18n/keys`
  - `unconditional`: `./src/i18n/keys.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/keys.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/locale` — subpath `./i18n/locale`
  - `unconditional`: `./src/i18n/locale.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/locale.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/messages` — subpath `./i18n/messages`
  - `unconditional`: `./src/i18n/messages.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/messages.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/i18n/test-locale` — subpath `./i18n/test-locale`
  - `unconditional`: `./src/i18n/test-locale.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/i18n/test-locale.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/lib/component-registry` — subpath `./lib/component-registry`
  - `unconditional`: `./src/lib/component-registry.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/lib/component-registry.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/lib/runtime-context` — subpath `./lib/runtime-context`
  - `unconditional`: `./src/lib/runtime-context.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/lib/runtime-context.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/lib/types` — subpath `./lib/types`
  - `unconditional`: `./src/lib/types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/lib/types.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/LocalDataIndicator` — subpath `./LocalDataIndicator`
  - `unconditional`: `./src/LocalDataIndicator.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/LocalDataIndicator.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/markdown/formatPresentationName` — subpath `./markdown/formatPresentationName`
  - `unconditional`: `./src/markdown/formatPresentationName.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/markdown/formatPresentationName.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/markdown/useMarkdownPresentation` — subpath `./markdown/useMarkdownPresentation`
  - `unconditional`: `./src/markdown/useMarkdownPresentation.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/markdown/useMarkdownPresentation.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/MarkdownView` — subpath `./MarkdownView`
  - `unconditional`: `./src/MarkdownView.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/MarkdownView.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/NestedCommandShell` — subpath `./NestedCommandShell`
  - `unconditional`: `./src/NestedCommandShell.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/NestedCommandShell.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/overlay-types` — subpath `./overlay-types`
  - `unconditional`: `./src/overlay-types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/overlay-types.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/OverlayContextProvider` — subpath `./OverlayContextProvider`
  - `unconditional`: `./src/OverlayContextProvider.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/OverlayContextProvider.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/PersonalizationInsights` — subpath `./PersonalizationInsights`
  - `unconditional`: `./src/PersonalizationInsights.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/PersonalizationInsights.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/SaveToStudioButton` — subpath `./SaveToStudioButton`
  - `unconditional`: `./src/SaveToStudioButton.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/SaveToStudioButton.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/SpecDrivenTemplateShell` — subpath `./SpecDrivenTemplateShell`
  - `unconditional`: `./src/SpecDrivenTemplateShell.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/SpecDrivenTemplateShell.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/SpecEditorPanel` — subpath `./SpecEditorPanel`
  - `unconditional`: `./src/SpecEditorPanel.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/SpecEditorPanel.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/TemplateShell` — subpath `./TemplateShell`
  - `unconditional`: `./src/TemplateShell.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/TemplateShell.tsx); verified source file.

- `@lssm-tech/lib.example-shared-ui/utils` — subpath `./utils`
  - `unconditional`: `./src/utils/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/utils/index.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/utils/fetchPresentationData` — subpath `./utils/fetchPresentationData`
  - `unconditional`: `./src/utils/fetchPresentationData.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/utils/fetchPresentationData.ts); verified source file.

- `@lssm-tech/lib.example-shared-ui/utils/generateSpecFromTemplate` — subpath `./utils/generateSpecFromTemplate`
  - `unconditional`: `./src/utils/generateSpecFromTemplate.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/shared-ui/src/utils/generateSpecFromTemplate.ts); verified source file.

## Package publication metadata

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

```json
{
  "types": "./dist/index.d.ts",
  "files": [
    "LICENSE",
    "README.md",
    "dist",
    "!**/*.test.*",
    "!**/*.spec.*",
    "!**/*.tsbuildinfo"
  ],
  "publishExports": {
    ".": {
      "types": "./dist/index.d.ts",
      "browser": "./dist/browser/index.js",
      "bun": "./dist/index.js",
      "node": "./dist/node/index.js",
      "default": "./dist/index.js"
    },
    "./bundles": {
      "types": "./dist/bundles/index.d.ts",
      "browser": "./dist/browser/bundles/index.js",
      "bun": "./dist/bundles/index.js",
      "node": "./dist/node/bundles/index.js",
      "default": "./dist/bundles/index.js"
    },
    "./bundles/ExampleTemplateBundle": {
      "types": "./dist/bundles/ExampleTemplateBundle.d.ts",
      "browser": "./dist/browser/bundles/ExampleTemplateBundle.js",
      "bun": "./dist/bundles/ExampleTemplateBundle.js",
      "node": "./dist/node/bundles/ExampleTemplateBundle.js",
      "default": "./dist/bundles/ExampleTemplateBundle.js"
    },
    "./EvolutionDashboard": {
      "types": "./dist/EvolutionDashboard.d.ts",
      "browser": "./dist/browser/EvolutionDashboard.js",
      "bun": "./dist/EvolutionDashboard.js",
      "node": "./dist/node/EvolutionDashboard.js",
      "default": "./dist/EvolutionDashboard.js"
    },
    "./EvolutionSidebar": {
      "types": "./dist/EvolutionSidebar.d.ts",
      "browser": "./dist/browser/EvolutionSidebar.js",
      "bun": "./dist/EvolutionSidebar.js",
      "node": "./dist/node/EvolutionSidebar.js",
      "default": "./dist/EvolutionSidebar.js"
    },
    "./example-shared-ui.feature": {
      "types": "./dist/example-shared-ui.feature.d.ts",
      "browser": "./dist/browser/example-shared-ui.feature.js",
      "bun": "./dist/example-shared-ui.feature.js",
      "node": "./dist/node/example-shared-ui.feature.js",
      "default": "./dist/example-shared-ui.feature.js"
    },
    "./hooks": {
      "types": "./dist/hooks/index.d.ts",
      "browser": "./dist/browser/hooks/index.js",
      "bun": "./dist/hooks/index.js",
      "node": "./dist/node/hooks/index.js",
      "default": "./dist/hooks/index.js"
    },
    "./hooks/useBehaviorTracking": {
      "types": "./dist/hooks/useBehaviorTracking.d.ts",
      "browser": "./dist/browser/hooks/useBehaviorTracking.js",
      "bun": "./dist/hooks/useBehaviorTracking.js",
      "node": "./dist/node/hooks/useBehaviorTracking.js",
      "default": "./dist/hooks/useBehaviorTracking.js"
    },
    "./hooks/useEvolution": {
      "types": "./dist/hooks/useEvolution.d.ts",
      "browser": "./dist/browser/hooks/useEvolution.js",
      "bun": "./dist/hooks/useEvolution.js",
      "node": "./dist/node/hooks/useEvolution.js",
      "default": "./dist/hooks/useEvolution.js"
    },
    "./hooks/useRegistryTemplates": {
      "types": "./dist/hooks/useRegistryTemplates.d.ts",
      "browser": "./dist/browser/hooks/useRegistryTemplates.js",
      "bun": "./dist/hooks/useRegistryTemplates.js",
      "node": "./dist/node/hooks/useRegistryTemplates.js",
      "default": "./dist/hooks/useRegistryTemplates.js"
    },
    "./hooks/useSpecContent": {
      "types": "./dist/hooks/useSpecContent.d.ts",
      "browser": "./dist/browser/hooks/useSpecContent.js",
      "bun": "./dist/hooks/useSpecContent.js",
      "node": "./dist/node/hooks/useSpecContent.js",
      "default": "./dist/hooks/useSpecContent.js"
    },
    "./hooks/useWorkflowComposer": {
      "types": "./dist/hooks/useWorkflowComposer.d.ts",
      "browser": "./dist/browser/hooks/useWorkflowComposer.js",
      "bun": "./dist/hooks/useWorkflowComposer.js",
      "node": "./dist/node/hooks/useWorkflowComposer.js",
      "default": "./dist/hooks/useWorkflowComposer.js"
    },
    "./i18n": {
      "types": "./dist/i18n/index.d.ts",
      "browser": "./dist/browser/i18n/index.js",
      "bun": "./dist/i18n/index.js",
      "node": "./dist/node/i18n/index.js",
      "default": "./dist/i18n/index.js"
    },
    "./i18n/catalogs": {
      "types": "./dist/i18n/catalogs/index.d.ts",
      "browser": "./dist/browser/i18n/catalogs/index.js",
      "bun": "./dist/i18n/catalogs/index.js",
      "node": "./dist/node/i18n/catalogs/index.js",
      "default": "./dist/i18n/catalogs/index.js"
    },
    "./i18n/catalogs/en": {
      "types": "./dist/i18n/catalogs/en.d.ts",
      "browser": "./dist/browser/i18n/catalogs/en.js",
      "bun": "./dist/i18n/catalogs/en.js",
      "node": "./dist/node/i18n/catalogs/en.js",
      "default": "./dist/i18n/catalogs/en.js"
    },
    "./i18n/catalogs/es": {
      "types": "./dist/i18n/catalogs/es.d.ts",
      "browser": "./dist/browser/i18n/catalogs/es.js",
      "bun": "./dist/i18n/catalogs/es.js",
      "node": "./dist/node/i18n/catalogs/es.js",
      "default": "./dist/i18n/catalogs/es.js"
    },
    "./i18n/catalogs/fr": {
      "types": "./dist/i18n/catalogs/fr.d.ts",
      "browser": "./dist/browser/i18n/catalogs/fr.js",
      "bun": "./dist/i18n/catalogs/fr.js",
      "node": "./dist/node/i18n/catalogs/fr.js",
      "default": "./dist/i18n/catalogs/fr.js"
    },
    "./i18n/keys": {
      "types": "./dist/i18n/keys.d.ts",
      "browser": "./dist/browser/i18n/keys.js",
      "bun": "./dist/i18n/keys.js",
      "node": "./dist/node/i18n/keys.js",
      "default": "./dist/i18n/keys.js"
    },
    "./i18n/locale": {
      "types": "./dist/i18n/locale.d.ts",
      "browser": "./dist/browser/i18n/locale.js",
      "bun": "./dist/i18n/locale.js",
      "node": "./dist/node/i18n/locale.js",
      "default": "./dist/i18n/locale.js"
    },
    "./i18n/messages": {
      "types": "./dist/i18n/messages.d.ts",
      "browser": "./dist/browser/i18n/messages.js",
      "bun": "./dist/i18n/messages.js",
      "node": "./dist/node/i18n/messages.js",
      "default": "./dist/i18n/messages.js"
    },
    "./i18n/test-locale": {
      "types": "./dist/i18n/test-locale.d.ts",
      "browser": "./dist/browser/i18n/test-locale.js",
      "bun": "./dist/i18n/test-locale.js",
      "node": "./dist/node/i18n/test-locale.js",
      "default": "./dist/i18n/test-locale.js"
    },
    "./lib/component-registry": {
      "types": "./dist/lib/component-registry.d.ts",
      "browser": "./dist/browser/lib/component-registry.js",
      "bun": "./dist/lib/component-registry.js",
      "node": "./dist/node/lib/component-registry.js",
      "default": "./dist/lib/component-registry.js"
    },
    "./lib/runtime-context": {
      "types": "./dist/lib/runtime-context.d.ts",
      "browser": "./dist/browser/lib/runtime-context.js",
      "bun": "./dist/lib/runtime-context.js",
      "node": "./dist/node/lib/runtime-context.js",
      "default": "./dist/lib/runtime-context.js"
    },
    "./lib/types": {
      "types": "./dist/lib/types.d.ts",
      "browser": "./dist/browser/lib/types.js",
      "bun": "./dist/lib/types.js",
      "node": "./dist/node/lib/types.js",
      "default": "./dist/lib/types.js"
    },
    "./LocalDataIndicator": {
      "types": "./dist/LocalDataIndicator.d.ts",
      "browser": "./dist/browser/LocalDataIndicator.js",
      "bun": "./dist/LocalDataIndicator.js",
      "node": "./dist/node/LocalDataIndicator.js",
      "default": "./dist/LocalDataIndicator.js"
    },
    "./markdown/formatPresentationName": {
      "types": "./dist/markdown/formatPresentationName.d.ts",
      "browser": "./dist/browser/markdown/formatPresentationName.js",
      "bun": "./dist/markdown/formatPresentationName.js",
      "node": "./dist/node/markdown/formatPresentationName.js",
      "default": "./dist/markdown/formatPresentationName.js"
    },
    "./markdown/useMarkdownPresentation": {
      "types": "./dist/markdown/useMarkdownPresentation.d.ts",
      "browser": "./dist/browser/markdown/useMarkdownPresentation.js",
      "bun": "./dist/markdown/useMarkdownPresentation.js",
      "node": "./dist/node/markdown/useMarkdownPresentation.js",
      "default": "./dist/markdown/useMarkdownPresentation.js"
    },
    "./MarkdownView": {
      "types": "./dist/MarkdownView.d.ts",
      "browser": "./dist/browser/MarkdownView.js",
      "bun": "./dist/MarkdownView.js",
      "node": "./dist/node/MarkdownView.js",
      "default": "./dist/MarkdownView.js"
    },
    "./NestedCommandShell": {
      "types": "./dist/NestedCommandShell.d.ts",
      "browser": "./dist/browser/NestedCommandShell.js",
      "bun": "./dist/NestedCommandShell.js",
      "node": "./dist/node/NestedCommandShell.js",
      "default": "./dist/NestedCommandShell.js"
    },
    "./overlay-types": {
      "types": "./dist/overlay-types.d.ts",
      "browser": "./dist/browser/overlay-types.js",
      "bun": "./dist/overlay-types.js",
      "node": "./dist/node/overlay-types.js",
      "default": "./dist/overlay-types.js"
    },
    "./OverlayContextProvider": {
      "types": "./dist/OverlayContextProvider.d.ts",
      "browser": "./dist/browser/OverlayContextProvider.js",
      "bun": "./dist/OverlayContextProvider.js",
      "node": "./dist/node/OverlayContextProvider.js",
      "default": "./dist/OverlayContextProvider.js"
    },
    "./PersonalizationInsights": {
      "types": "./dist/PersonalizationInsights.d.ts",
      "browser": "./dist/browser/PersonalizationInsights.js",
      "bun": "./dist/PersonalizationInsights.js",
      "node": "./dist/node/PersonalizationInsights.js",
      "default": "./dist/PersonalizationInsights.js"
    },
    "./SaveToStudioButton": {
      "types": "./dist/SaveToStudioButton.d.ts",
      "browser": "./dist/browser/SaveToStudioButton.js",
      "bun": "./dist/SaveToStudioButton.js",
      "node": "./dist/node/SaveToStudioButton.js",
      "default": "./dist/SaveToStudioButton.js"
    },
    "./SpecDrivenTemplateShell": {
      "types": "./dist/SpecDrivenTemplateShell.d.ts",
      "browser": "./dist/browser/SpecDrivenTemplateShell.js",
      "bun": "./dist/SpecDrivenTemplateShell.js",
      "node": "./dist/node/SpecDrivenTemplateShell.js",
      "default": "./dist/SpecDrivenTemplateShell.js"
    },
    "./SpecEditorPanel": {
      "types": "./dist/SpecEditorPanel.d.ts",
      "browser": "./dist/browser/SpecEditorPanel.js",
      "bun": "./dist/SpecEditorPanel.js",
      "node": "./dist/node/SpecEditorPanel.js",
      "default": "./dist/SpecEditorPanel.js"
    },
    "./TemplateShell": {
      "types": "./dist/TemplateShell.d.ts",
      "browser": "./dist/browser/TemplateShell.js",
      "bun": "./dist/TemplateShell.js",
      "node": "./dist/node/TemplateShell.js",
      "default": "./dist/TemplateShell.js"
    },
    "./utils": {
      "types": "./dist/utils/index.d.ts",
      "browser": "./dist/browser/utils/index.js",
      "bun": "./dist/utils/index.js",
      "node": "./dist/node/utils/index.js",
      "default": "./dist/utils/index.js"
    },
    "./utils/fetchPresentationData": {
      "types": "./dist/utils/fetchPresentationData.d.ts",
      "browser": "./dist/browser/utils/fetchPresentationData.js",
      "bun": "./dist/utils/fetchPresentationData.js",
      "node": "./dist/node/utils/fetchPresentationData.js",
      "default": "./dist/utils/fetchPresentationData.js"
    },
    "./utils/generateSpecFromTemplate": {
      "types": "./dist/utils/generateSpecFromTemplate.d.ts",
      "browser": "./dist/browser/utils/generateSpecFromTemplate.js",
      "bun": "./dist/utils/generateSpecFromTemplate.js",
      "node": "./dist/node/utils/generateSpecFromTemplate.js",
      "default": "./dist/utils/generateSpecFromTemplate.js"
    }
  }
}
```

## Dependencies

Metadata status: complete pinned manifest.

### Runtime dependencies

- [@lssm-tech/lib.contracts-spec](https://lssm.co/docs/packages/lib.contracts-spec/): `workspace:^`
- [@lssm-tech/lib.design-system](https://lssm.co/docs/packages/lib.design-system/): `workspace:^`
- [@lssm-tech/lib.presentation-runtime-core](https://lssm.co/docs/packages/lib.presentation-runtime-core/): `workspace:^`
- [@lssm-tech/lib.ui-kit-web](https://lssm.co/docs/packages/lib.ui-kit-web/): `workspace:^`
- `@tanstack/react-query`: `^5.103.1`
- `react`: `catalog:`

### Peer dependencies

- `@apollo/client`: `catalog:graphql`
- [@lssm-tech/lib.surface-runtime](https://lssm.co/docs/packages/lib.surface-runtime/): `workspace:^`
- `framer-motion`: `catalog:ui`
- `lucide-react`: `catalog:ui`
- `react-dom`: `catalog:`

### Optional dependencies

- [@lssm-tech/lib.surface-runtime](https://lssm.co/docs/packages/lib.surface-runtime/): `workspace:^`

### Development dependencies

- `@apollo/client`: `catalog:graphql`
- [@lssm-tech/tool.bun](https://lssm.co/docs/packages/tool.bun/): `workspace:*`
- [@lssm-tech/tool.typescript](https://lssm.co/docs/packages/tool.typescript/): `workspace:*`
- `@types/react`: `catalog:types`
- `@types/react-dom`: `catalog:types`
- `framer-motion`: `catalog:ui`
- `lucide-react`: `catalog:ui`
- `react-dom`: `catalog:`
- `typescript`: `catalog:`

### Peer dependency metadata

```json
{
  "@lssm-tech/lib.surface-runtime": {
    "optional": true
  },
  "@apollo/client": {
    "optional": true
  },
  "framer-motion": {
    "optional": true
  },
  "lucide-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": "rimraf dist .turbo",
  "lint": "bun 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 Example Shared Ui documentation](https://www.npmjs.com/package/%40lssm-tech%2Flib.example-shared-ui) — declared link; destination not verified.

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

## Existing agent-guide projection

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