fix(cli): handle pnpm build approvals

projects/cli/README.md

@@ -115,6 +115,17 @@ Install to Cursor with the MCP configuration below.
 }
 ```
 
+### Codex
+
+Install to Codex with the MCP configuration below.
+
+```toml
+[mcp_servers.elements]
+description = "NVIDIA Elements UI Design System (nve-*), custom element schemas, APIs and examples"
+command = "nve"
+args = ["mcp"]
+```
+
 ### Prompts
 
 | Prompt | Description | Example Prompt |

projects/code/package.json

@@ -190,8 +190,8 @@
     "lit-html": "catalog:publish"
   },
   "peerDependencies": {
-    "@nvidia-elements/core": "workspace:>=0.0.0 <1.0.0",
-    "@nvidia-elements/themes": "workspace:>=0.0.0 <1.0.0"
+    "@nvidia-elements/core": "workspace:^",
+    "@nvidia-elements/themes": "workspace:^"
   },
   "devDependencies": {
     "@eslint/js": "catalog:",

projects/core/package.json

@@ -939,7 +939,7 @@
     "lit-html": "catalog:publish"
   },
   "peerDependencies": {
-    "@nvidia-elements/themes": "workspace:>=0.0.0 <1.0.0"
+    "@nvidia-elements/themes": "workspace:^"
   },
   "optionalDependencies": {
     "@lit-labs/scoped-registry-mixin": "catalog:publish",

projects/core/src/combobox/combobox.test.ts

@@ -132,11 +132,10 @@ describe(Combobox.metadata.tag, () => {
     expect(dropdown.matches(':popover-open')).toBe(true);
   });
 
-  it('should assign trigger and anchor to inner input container', async () => {
+  it('should assign anchor to inner input container', async () => {
     const dropdown = element.shadowRoot.querySelector<Dropdown>(Dropdown.metadata.tag);
     const inputContainer = element.shadowRoot.querySelector<HTMLDivElement>('[input]');
     expect(dropdown.anchor).toBe(inputContainer);
-    expect(dropdown.trigger).toBe(inputContainer);
   });
 
   it('should hide options on escape keypress', async () => {

projects/core/src/combobox/combobox.ts

@@ -201,7 +201,7 @@ export class Combobox extends Control implements ContainerElement {
     const hasNoResults = visibleOptions.filter(o => !o.disabled).length === 0;
     const showCreateItem = this.#showCreateItem;
     return html`
-    <nve-dropdown part="dropdown" .popoverType=${'manual'} .modal=${false} @open=${this.#onDropdownOpen} @close=${this.#closeListBox} hidden .anchor=${this.#input as HTMLElement} .trigger=${this.#input as HTMLElement} position="bottom">
+    <nve-dropdown part="dropdown" .popoverType=${'manual'} .modal=${false} @open=${this.#openDropdown} @close=${this.#closeDropdown} hidden .anchor=${this.#input as HTMLElement} position="bottom">
       <nve-menu part="menu" role="listbox" style="--width: 100%; --min-width: fit-content" aria-label=${ifDefined(this.i18n.select)}>
         ${visibleOptions.map(
           o => html`
@@ -371,8 +371,14 @@ export class Combobox extends Control implements ContainerElement {
     }
   }
 
-  #onDropdownOpen(e: Event) {
-    (e.target as HTMLElement).hidden = false;
+  #openDropdown() {
+    this.#dropdown!.hidden = false;
+  }
+
+  #closeDropdown() {
+    this.#dropdown!.hidden = true;
+    this._internals.states.delete('dirty');
+    this.#validateSingleSelectValue();
   }
 
   #setupAutoCompleteKeyEvents() {
@@ -515,12 +521,6 @@ export class Combobox extends Control implements ContainerElement {
     }
   }
 
-  #closeListBox() {
-    this.#dropdown!.hidePopover();
-    this._internals.states.delete('dirty');
-    this.#validateSingleSelectValue();
-  }
-
   #validateSingleSelectValue() {
     const invalidInputValue =
       this.#select &&

projects/core/src/select/select.global.css

@@ -0,0 +1,6 @@
+/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */
+/* SPDX-License-Identifier: Apache-2.0 */
+
+nve-select select[multiple] option {
+  pointer-events: none !important;
+}

projects/core/src/select/select.ts

@@ -13,14 +13,16 @@ import {
   I18nController,
   onChildListMutation,
   getElementUpdate,
-  scopedRegistry
+  scopedRegistry,
+  appendRootNodeStyle
 } from '@nvidia-elements/core/internal';
 import { Control } from '@nvidia-elements/core/forms';
 import { Icon } from '@nvidia-elements/core/icon';
 import { Menu, MenuItem } from '@nvidia-elements/core/menu';
 import { Dropdown } from '@nvidia-elements/core/dropdown';
 import { Tag } from '@nvidia-elements/core/tag';
 import styles from './select.css?inline';
+import globalStyles from './select.global.css?inline';
 
 /**
  * @element nve-select
@@ -156,7 +158,7 @@ export class Select extends Control {
     return this.#select?.size === 0
       ? html`
       <nve-icon name="caret" part="caret" direction="down" size="sm" aria-hidden="true"></nve-icon>
-      <nve-dropdown part="dropdown" @close=${this.#closeDropdown} @open=${this.#openDropdown} hidden  .anchor=${this.#input as HTMLElement} .trigger=${this.#input as HTMLElement}  position="bottom">
+      <nve-dropdown part="dropdown" @close=${this.#closeDropdown} @open=${this.#openDropdown} hidden .anchor=${this.#input as HTMLElement} position="bottom">
         ${this.#menu}
       </nve-dropdown>`
       : this.#menu;
@@ -189,6 +191,11 @@ export class Select extends Control {
     });
   }
 
+  connectedCallback() {
+    super.connectedCallback();
+    appendRootNodeStyle(this, globalStyles);
+  }
+
   disconnectedCallback() {
     super.disconnectedCallback();
     this.#observers.forEach(observer => observer.disconnect());

projects/internals/tools/src/api/utils.test.ts

@@ -8,9 +8,14 @@ import {
   getContextAPIs,
   getContextTokens,
   getPublishedPackageNames,
+  searchContextAPIs,
   type PartialAPIResult
 } from './utils.js';
 
+vi.mock('@internals/metadata', () => ({
+  ApiService: { search: vi.fn() }
+}));
+
 describe('getPublishedPackageNames', () => {
   const projects = [
     {
@@ -613,4 +618,88 @@ describe('attributeMetadataToMarkdown', () => {
 
     expect(markdown.includes('| `disabled` | `string` |`true` |')).toBe(true);
   });
+
+  it('should use the built-in example for nve-layout', () => {
+    const attribute: Attribute = {
+      name: 'nve-layout',
+      description: 'Layout utility attribute',
+      example: '',
+      markdown: '',
+      values: [{ name: 'row' }, { name: 'column' }]
+    };
+
+    const markdown = attributeMetadataToMarkdown(attribute);
+
+    expect(markdown).toContain('## nve-layout');
+    expect(markdown).toContain('nve-layout="row gap:sm"');
+    expect(markdown).toContain('nve-layout="grid gap:sm span-items:6"');
+  });
+
+  it('should use the built-in example for nve-text', () => {
+    const attribute: Attribute = {
+      name: 'nve-text',
+      description: 'Typography utility attribute',
+      example: '',
+      markdown: '',
+      values: [{ name: 'heading' }, { name: 'body' }]
+    };
+
+    const markdown = attributeMetadataToMarkdown(attribute);
+
+    expect(markdown).toContain('## nve-text');
+    expect(markdown).toContain('nve-text="heading"');
+    expect(markdown).toContain('nve-text="monospace"');
+  });
+});
+
+describe('searchContextAPIs', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should attach markdown to attribute results that have values', async () => {
+    const { ApiService } = await import('@internals/metadata');
+    vi.mocked(ApiService.search).mockResolvedValue([
+      { name: 'nve-layout', description: 'Layout utility', values: [{ name: 'row' }], markdown: '' }
+    ] as never);
+
+    const results = (await searchContextAPIs('layout')) as Attribute[];
+
+    expect(results).toHaveLength(1);
+    expect(results[0].markdown).toContain('## nve-layout');
+  });
+
+  it('should leave element results without a markdown field untouched', async () => {
+    const { ApiService } = await import('@internals/metadata');
+    vi.mocked(ApiService.search).mockResolvedValue([
+      { name: 'nve-button', manifest: { metadata: { markdown: 'x' } } }
+    ] as never);
+
+    const results = (await searchContextAPIs('button')) as Element[];
+
+    expect(results).toHaveLength(1);
+    expect((results[0] as Attribute).markdown).toBeUndefined();
+  });
+
+  it('should limit results to the configured limit', async () => {
+    const { ApiService } = await import('@internals/metadata');
+    vi.mocked(ApiService.search).mockResolvedValue(
+      Array.from({ length: 5 }, (_, index) => ({ name: `nve-item-${index}` })) as never
+    );
+
+    const results = await searchContextAPIs('item', { limit: 2 });
+
+    expect(results).toHaveLength(2);
+  });
+
+  it('should return every result when no limit is provided', async () => {
+    const { ApiService } = await import('@internals/metadata');
+    vi.mocked(ApiService.search).mockResolvedValue(
+      Array.from({ length: 5 }, (_, index) => ({ name: `nve-item-${index}` })) as never
+    );
+
+    const results = await searchContextAPIs('item', {});
+
+    expect(results).toHaveLength(5);
+  });
 });

projects/internals/tools/src/distill/examples.test.ts

@@ -128,6 +128,10 @@ describe('isContextExample', () => {
       })
     ).toBe(false);
   });
+
+  it('should treat an example with no id, tags, or element as a default', () => {
+    expect(isContextExample({})).toBe(true);
+  });
 });
 
 describe('rankExample', () => {
@@ -147,6 +151,10 @@ describe('rankExample', () => {
     expect(rankExample({ id: 'button-default' })).toBe(3);
   });
 
+  it('should default to the lowest rank when the id is missing', () => {
+    expect(rankExample({})).toBe(3);
+  });
+
   it('should strip elements- prefix before ranking', () => {
     expect(rankExample({ id: 'elements-template-foo' })).toBe(0);
     expect(rankExample({ id: 'elements-pattern-form' })).toBe(1);
@@ -267,4 +275,18 @@ describe('distillExamples', () => {
     expect(result).toHaveLength(1);
     expect(result[0].summary).toBe('Has summary');
   });
+
+  it('should default every shaped field when examples omit them', () => {
+    const result = distillExamples([{}, {}]);
+
+    expect(result).toHaveLength(2);
+    expect(result[0]).toEqual({ id: '', name: '', summary: '', element: '', template: '' });
+  });
+
+  it('should fall back to the description when the summary is missing', () => {
+    const result = distillExamples([{ id: 'widget', element: 'nve-widget', description: 'Reusable widget' }]);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].summary).toBe('Reusable widget');
+  });
 });