@glamcor/dna-ai-assistant

Shared DNA AI assistant panel package for DNA microsites.

Installation

npm install @glamcor/dna-ai-assistant

React and React DOM are peer dependencies:

{
  "react": "^18.0.0 || ^19.0.0",
  "react-dom": "^18.0.0 || ^19.0.0"
}

Import Styles

Import the package CSS once in the app shell, usually next to shared nav styles:

import '@glamcor/dna-ai-assistant/styles.css';

tokens.css is also exported if a host app wants only the AI design tokens:

import '@glamcor/dna-ai-assistant/tokens.css';

Usage

import { DNAAssistant } from '@glamcor/dna-ai-assistant';
import '@glamcor/dna-ai-assistant/styles.css';

export function PageAssistant() {
  return (
    <DNAAssistant
      app="nitrogen"
      pageId="orders.detail"
      entityType="salesOrder"
      entityId="SO-10482"
      user={{ id: "user-123", role: "warehouse" }}
    />
  );
}

Exports

• DNAAssistant
• DNAAssistantProps
• TriggerState
• ActionTier
• Sensitivity
• AppKey
• AIAnswerResponse
• Evidence
• TraceStep
• NextAction

Publish

npm run type-check
npm run build
npm pack --dry-run
npm publish --access public

After publishing, update consumer repos from /Users/erikkaiser/DNA:

npm run update:ai-assistant