opmsec 0.1.3 → 0.1.5

package/docs/mint.json

@@ -2,8 +2,8 @@
   "$schema": "https://mintlify.com/schema.json",
   "name": "OPM Documentation",
   "logo": {
-    "dark": "/logo/dark.svg",
-    "light": "/logo/light.svg"
+    "dark": "/favicon.svg",
+    "light": "/favicon.svg"
   },
   "favicon": "/favicon.svg",
   "colors": {
@@ -65,6 +65,7 @@
         "concepts/security-model",
         "concepts/multi-agent-consensus",
         "concepts/on-chain-registry",
+        "concepts/ens-records",
         "concepts/zk-agent-verification"
       ]
     },

package/docs/quickstart.mdx

@@ -1,6 +1,6 @@
 ---
 title: 'Quickstart'
-description: 'Get OPM up and running in minutes. Install the CLI, configure environment variables, and run your first security-verified install.'
+description: 'Get OPM up and running in minutes.'
 ---
 
 # Quickstart
@@ -19,115 +19,79 @@ bun add -g opmsec
 
 </CodeGroup>
 
-The `opm` binary is available globally after installation.
-
-## 2. Set Environment Variables
+## 2. Configure (optional)
 
 <Note>
-**Read-only commands** (`install`, `audit`, `info`, `view`, `whois`, `check`) require **no configuration**. Defaults for RPC, contract address, and API URLs are built-in.
+**Read-only commands** (`install`, `audit`, `info`, `view`, `check`) work with **zero configuration**.
 </Note>
 
-For **author-side commands** (`push`, `register-agent`), configure:
-
-<CodeGroup>
-
-```bash .env
-# Required for opm push
-OPM_SIGNING_KEY=0x...        # Your Ethereum private key for package signing
-AGENT_PRIVATE_KEY=0x...      # Agent wallet key for score submission
-NPM_TOKEN=...                # npm automation token (optional; use --token flag otherwise)
-
-# At least one required for AI scanning
-OPENROUTER_API_KEY=...       # Multi-model access (Claude, Gemini, DeepSeek)
-# OR
-OPENAI_API_KEY=...           # Fallback (GPT-4.1 family)
+For publishing (`opm push`) or agent registration, create a `.env`:
 
-# Optional: report uploads to IPFS
-FILEVERSE_API_KEY=...
+```bash
+OPM_SIGNING_KEY=0x...           # Ethereum key for package signing
+AGENT_PRIVATE_KEY=0x...         # Agent wallet for on-chain score submission
+OPENROUTER_API_KEY=sk-or-...    # Multi-model AI scanning (Claude, Gemini, DeepSeek)
+FILEVERSE_API_KEY=...           # Audit report uploads to IPFS
 ```
 
-</CodeGroup>
-
-## 3. Basic Usage
+See [Configuration](/configuration) for the full list.
 
-### Security-Verified Install
+## 3. Use It
 
-<CodeGroup>
+### Install with security verification
 
-```bash Install specific package
+```bash
 opm install lodash
 ```
 
-```bash Install with version
-opm install lodash@4.17.21
-```
+Checks CVEs, verifies on-chain risk scores, validates signatures — then installs.
 
-```bash Verify all dependencies
-opm install
-```
-
-</CodeGroup>
-
-`opm install` resolves versions against the on-chain registry, verifies ECDSA signatures, checks OSV for CVEs, and blocks installation if risk exceeds the threshold (80).
-
-### Sign, Scan, and Publish
+### Scan your dependencies
 
 ```bash
-opm push
+opm check
 ```
 
-Computes SHA-256 checksum, signs with your wallet, dispatches 3 AI agents in parallel, submits scores on-chain, uploads report to Fileverse, publishes to npm, and registers on OPMRegistry.
+Finds typosquats, CVEs, and AI-detected threats across all your deps.
 
-### Scan Dependencies
+### Auto-fix vulnerabilities
 
 ```bash
-opm check
+opm fix
 ```
 
-Scans all `dependencies` and `devDependencies` for typosquats, CVEs, and AI-detected risks. Outputs categorized findings.
+Patches typosquats and upgrades vulnerable versions in `package.json`.
 
-### On-Chain Audit
+### Publish securely
 
 ```bash
-opm audit
+opm push
 ```
 
-Audits all dependencies against on-chain risk scores and CVE data.
+Signs your package, scans with 3 AI agents, registers on-chain, writes ENS records, publishes to npm.
 
-### View Package Info
+### View package security
 
 ```bash
 opm info lodash
 ```
 
-Displays on-chain security metadata: author, checksum, aggregate score, report URI.
+Shows on-chain risk score, agent assessments, checksums, audit report link.
 
-### View Author Profile
+### Look up an author
 
 ```bash
-opm view vitalik.eth
+opm view djpai.eth
 ```
 
-Resolves ENS identity, fetches avatar and text records, and displays on-chain author reputation and published packages.
-
-## What Happens Under the Hood
+ENS profile, published packages, reputation score.
 
-### `opm push` Verification Pipeline
+### Register your own agent
 
-1. **Checksum**: SHA-256 over packed tarball
-2. **Sign**: ECDSA signature with author's Ethereum private key
-3. **ENS**: Resolve author identity (Sepolia, Mainnet fallback)
-4. **AI agents**: 3 models run in parallel—static analysis, risk scoring (0–100), structured JSON
-5. **On-chain**: Agent wallets call `OPMRegistry.submitScore()`; aggregate computed; publish blocked if score ≥ 80
-6. **Fileverse**: Upload formatted markdown report (encrypted, IPFS-synced)
-7. **npm**: Publish tarball (automation token or OTP for 2FA)
-8. **Registry**: `registerPackage()` stores checksum, signature, ENS name, report URI
+```bash
+opm register-agent --name sentinel --model anthropic/claude-sonnet-4-20250514
+```
 
-### `opm install` Verification Pipeline
+Runs 10 benchmark cases, generates ZK proof, registers on-chain if 100% accurate.
 
-1. Resolve version against on-chain registry
-2. Query OSV API for CVE/GHSA advisories (CRITICAL blocks install)
-3. Fetch on-chain risk score and agent consensus
-4. Verify ECDSA signature against tarball checksum
-5. ChainPatrol API fallback for packages not in registry
-6. Delegate to `npm install` if all gates pass
+All standard npm commands (`init`, `run`, `test`, `build`, `start`) pass through transparently.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opmsec",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "bin": {
     "opm": "packages/cli/src/index.tsx"
@@ -14,7 +14,8 @@
     "build:contracts": "cd packages/contracts && npx hardhat compile",
     "deploy:contracts": "cd packages/contracts && npx hardhat run scripts/deploy.ts --network baseSepolia",
     "test:contracts": "cd packages/contracts && npx hardhat test",
-    "scan": "bun run packages/scanner/src/index.ts"
+    "scan": "bun run packages/scanner/src/index.ts",
+    "prepare": "husky || true"
   },
   "dependencies": {
     "@ensdomains/ensjs": "^4.2.2",
@@ -23,17 +24,17 @@
     "ethers": "^6.13.0",
     "ink": "^5.2.1",
     "react": "^18.3.1",
-    "react-devtools-core": "^5.3.2",
+    "react-devtools-core": "^7.0.1",
     "terminal-image": "^4.2.0",
-    "viem": "^2.47.2"
+    "viem": "^2.47.4"
   },
   "devDependencies": {
     "bun-types": "latest"
   },
   "opm": {
-    "signature": "0xacf623c584df3b03a13588107cb0024212b50a20078a74d3a19394ea7378f2b23c679f3e351fd27393c5212f09ead8c826af1f103f535b9a802944e27b5ffa081b",
+    "signature": "0xe975b8c26bb6dc450a51c01fa1e5cb2f04b35d7535cde3432def8b4ee209c31158a4743c7477d45b1da6445c3ad11608e515fff40850aba8848d22d01aaf64621b",
     "author": "0x2a3942EbDd8c5ea3E66D3fC4301F56d0F15d4bE2",
     "ensName": "djpaiethg.eth",
-    "checksum": "0x5e73c81a9f22b1381766bbea30dee60a945ece4d320f3c4f65597beb0bc19269"
+    "checksum": "0x2633d7353118b1451f120ebb71a31c2c18901388f37ac9943090bb57a3c5e454"
   }
 }

package/packages/cli/src/commands/author-view.tsx

@@ -1,12 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
 import { classifyRisk, truncateAddress } from '@opm/core';
-import type { AuthorProfile } from '@opm/core';
+import type { AuthorProfile, OPMENSRecords } from '@opm/core';
 import { Header } from '../components/Header';
 import { StatusLine } from '../components/StatusLine';
 import { RiskBadge } from '../components/RiskBadge';
 import { Hyperlink } from '../components/Hyperlink';
 import { resolveAddress, getENSTextRecords, type ENSProfile } from '../services/ens';
+import { readOPMRecords, readENSContenthash, decodeContenthash } from '../services/ens-records';
 import {
   getAuthorProfile,
   getPackagesByAuthor, getPackagesByAuthorDirect, type AuthorPackageSummary,
@@ -20,6 +21,7 @@ interface Steps {
   onchain: StepStatus;
   profile: StepStatus;
   packages: StepStatus;
+  opmRecords: StepStatus;
 }
 
 interface AuthorViewProps {
@@ -28,11 +30,13 @@ interface AuthorViewProps {
 
 export function AuthorViewCommand({ ensName }: AuthorViewProps) {
   const [steps, setSteps] = useState<Steps>({
-    resolve: 'pending', onchain: 'pending', profile: 'pending', packages: 'pending',
+    resolve: 'pending', onchain: 'pending', profile: 'pending', packages: 'pending', opmRecords: 'pending',
   });
   const [address, setAddress] = useState<string | null>(null);
   const [author, setAuthor] = useState<AuthorProfile | null>(null);
   const [ensProfile, setEnsProfile] = useState<ENSProfile | null>(null);
+  const [opmRecords, setOpmRecords] = useState<OPMENSRecords>({});
+  const [contenthash, setContenthash] = useState<string | null>(null);
   const [packages, setPackages] = useState<AuthorPackageSummary[]>([]);
   const [avatarArt, setAvatarArt] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
@@ -105,6 +109,21 @@ export function AuthorViewCommand({ ensName }: AuthorViewProps) {
       update('packages', 'skip');
     }
 
+    update('opmRecords', 'running');
+    try {
+      const [recs, ch] = await Promise.allSettled([
+        readOPMRecords(ensName),
+        readENSContenthash(ensName),
+      ]);
+      if (recs.status === 'fulfilled') setOpmRecords(recs.value);
+      if (ch.status === 'fulfilled' && ch.value) setContenthash(ch.value);
+      const hasData = (recs.status === 'fulfilled' && Object.keys(recs.value).length > 0)
+        || (ch.status === 'fulfilled' && ch.value);
+      update('opmRecords', hasData ? 'done' : 'skip');
+    } catch {
+      update('opmRecords', 'skip');
+    }
+
     const art = await avatarPromise;
     if (art) setAvatarArt(art);
 
@@ -126,6 +145,8 @@ export function AuthorViewCommand({ ensName }: AuthorViewProps) {
         detail={steps.onchain === 'done' ? 'registered author' : steps.onchain === 'error' ? 'not found' : undefined} />
       <StatusLine label="Fetch packages" status={steps.packages}
         detail={steps.packages === 'done' ? `${packages.length} package(s)` : undefined} />
+      <StatusLine label="OPM ENS records" status={steps.opmRecords}
+        detail={steps.opmRecords === 'done' ? `${Object.keys(opmRecords).length} records` : steps.opmRecords === 'skip' ? 'none' : undefined} />
 
       {done && (
         <Box flexDirection="column" marginTop={1}>
@@ -198,6 +219,70 @@ export function AuthorViewCommand({ ensName }: AuthorViewProps) {
             </>
           )}
 
+          {(Object.keys(opmRecords).length > 0 || contenthash) && (
+            <>
+              <Text> </Text>
+              <Text color="white" bold> OPM ENS Records</Text>
+              <Box flexDirection="column" marginLeft={2}>
+                {contenthash && (() => {
+                  const decoded = decodeContenthash(contenthash);
+                  return decoded ? (
+                    <Box>
+                      <Text color="gray">contenthash:    </Text>
+                      <Text color="magenta">{decoded.length > 60 ? decoded.slice(0, 60) + '...' : decoded}</Text>
+                    </Box>
+                  ) : null;
+                })()}
+                {opmRecords.version && (
+                  <Box>
+                    <Text color="gray">opm.version:    </Text>
+                    <Text color="cyan">{opmRecords.version}</Text>
+                  </Box>
+                )}
+                {opmRecords.checksum && (
+                  <Box>
+                    <Text color="gray">opm.checksum:   </Text>
+                    <Text color="cyan">{truncateAddress(opmRecords.checksum)}</Text>
+                  </Box>
+                )}
+                {opmRecords.fileverse && (
+                  <Box>
+                    <Text color="gray">opm.fileverse:  </Text>
+                    {opmRecords.fileverse.startsWith('http') ? (
+                      <Hyperlink url={opmRecords.fileverse} label={opmRecords.fileverse.length > 50 ? opmRecords.fileverse.slice(0, 50) + '...' : opmRecords.fileverse} color="green" />
+                    ) : (
+                      <Text color="green">{opmRecords.fileverse}</Text>
+                    )}
+                  </Box>
+                )}
+                {opmRecords.riskScore && (
+                  <Box>
+                    <Text color="gray">opm.risk_score: </Text>
+                    <Text color="cyan">{opmRecords.riskScore}/100</Text>
+                  </Box>
+                )}
+                {opmRecords.signature && (
+                  <Box>
+                    <Text color="gray">opm.signature:  </Text>
+                    <Text color="cyan">{truncateAddress(opmRecords.signature)}</Text>
+                  </Box>
+                )}
+                {opmRecords.contract && (
+                  <Box>
+                    <Text color="gray">opm.contract:   </Text>
+                    <Hyperlink url={`https://sepolia.basescan.org/address/${opmRecords.contract}`} label={truncateAddress(opmRecords.contract)} color="cyan" />
+                  </Box>
+                )}
+                {opmRecords.packages && (
+                  <Box>
+                    <Text color="gray">opm.packages:   </Text>
+                    <Text color="white">{opmRecords.packages}</Text>
+                  </Box>
+                )}
+              </Box>
+            </>
+          )}
+
           {packages.length > 0 && (
             <>
               <Text> </Text>

package/packages/cli/src/commands/check.tsx

@@ -19,6 +19,7 @@ export function CheckCommand() {
   const [phase, setPhase] = useState<Phase>('scanning');
   const [report, setReport] = useState<CheckReport | null>(null);
   const [reportLink, setReportLink] = useState<string | null>(null);
+  const [uploadError, setUploadError] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
@@ -120,10 +121,21 @@ export function CheckCommand() {
     setReport(checkReport);
 
     setPhase('upload');
-    try {
-      const link = await uploadCheckReportToFileverse(checkReport);
-      setReportLink(link);
-    } catch { /* no Fileverse key — skip */ }
+    if (!process.env.FILEVERSE_API_KEY) {
+      setUploadError('FILEVERSE_API_KEY not set');
+    } else {
+      try {
+        const uploadResult = await uploadCheckReportToFileverse(checkReport);
+        setReportLink(uploadResult.link);
+      } catch (e: any) {
+        const msg = String(e?.message || e);
+        if (msg.includes('fetch failed') || msg.includes('ECONNREFUSED')) {
+          setUploadError('Fileverse API not running — start with: npx @fileverse/api --apiKey <key>');
+        } else {
+          setUploadError(msg.length > 120 ? msg.slice(0, 120) + '...' : msg);
+        }
+      }
+    }
 
     setPhase('done');
   }
@@ -154,7 +166,8 @@ export function CheckCommand() {
 
       {(phase === 'upload' || phase === 'done') && (
         <StatusLine label="Upload report to Fileverse"
-          status={phase === 'upload' ? 'running' : reportLink ? 'done' : 'skip'} />
+          status={phase === 'upload' ? 'running' : reportLink ? 'done' : 'skip'}
+          detail={uploadError || undefined} />
       )}
 
       {phase === 'done' && report && (

package/packages/cli/src/commands/fix.tsx

@@ -28,6 +28,7 @@ export function FixCommand() {
   const [total, setTotal] = useState(0);
   const [applied, setApplied] = useState(false);
   const [reportLink, setReportLink] = useState<string | null>(null);
+  const [uploadError, setUploadError] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
@@ -182,17 +183,28 @@ export function FixCommand() {
     }
 
     setPhase('upload');
-    try {
-      const checkReport: CheckReport = {
-        project: projectName,
-        timestamp: new Date().toISOString(),
-        totalDeps: allEntries.length,
-        deps: depResults,
-        agents: agentResults,
-      };
-      const link = await uploadCheckReportToFileverse(checkReport);
-      setReportLink(link);
-    } catch { /* no Fileverse key — skip */ }
+    const checkReport: CheckReport = {
+      project: projectName,
+      timestamp: new Date().toISOString(),
+      totalDeps: allEntries.length,
+      deps: depResults,
+      agents: agentResults,
+    };
+    if (!process.env.FILEVERSE_API_KEY) {
+      setUploadError('FILEVERSE_API_KEY not set');
+    } else {
+      try {
+        const uploadResult = await uploadCheckReportToFileverse(checkReport);
+        setReportLink(uploadResult.link);
+      } catch (e: any) {
+        const msg = String(e?.message || e);
+        if (msg.includes('fetch failed') || msg.includes('ECONNREFUSED')) {
+          setUploadError('Fileverse API not running — start with: npx @fileverse/api --apiKey <key>');
+        } else {
+          setUploadError(msg.length > 120 ? msg.slice(0, 120) + '...' : msg);
+        }
+      }
+    }
 
     setPhase('done');
   }
@@ -213,7 +225,8 @@ export function FixCommand() {
 
       {(phase === 'upload' || phase === 'done') && (
         <StatusLine label="Upload report to Fileverse"
-          status={phase === 'upload' ? 'running' : reportLink ? 'done' : 'skip'} />
+          status={phase === 'upload' ? 'running' : reportLink ? 'done' : 'skip'}
+          detail={uploadError || undefined} />
       )}
 
       {phase === 'done' && fixes.length === 0 && (

package/packages/cli/src/commands/info.tsx

@@ -1,14 +1,17 @@
 import React, { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
+import { truncateAddress } from '@opm/core';
+import type { OnChainPackageInfo, ScanReport as ScanReportType, OPMENSRecords } from '@opm/core';
 import { Header } from '../components/Header';
 import { PackageCard } from '../components/PackageCard';
-import { StatusLine } from '../components/StatusLine';
+import { StatusLine, type Status } from '../components/StatusLine';
+import { Hyperlink } from '../components/Hyperlink';
 import { getPackageInfo, getSafestVersion, getVersions } from '../services/contract';
-import { getENSProfile, type ENSProfile } from '../services/ens';
+import { getENSProfile, resolveENSName, type ENSProfile } from '../services/ens';
+import { readOPMRecords, readPackageENSRecords, readENSContenthash, decodeContenthash } from '../services/ens-records';
 import { fetchReportFromFileverse } from '../services/fileverse';
 import { queryOSV, type OSVVulnerability } from '../services/osv';
 import { resolveVersion } from '../services/version';
-import type { OnChainPackageInfo, ScanReport as ScanReportType } from '@opm/core';
 
 interface InfoCommandProps {
   packageName: string;
@@ -24,6 +27,9 @@ export function InfoCommand({ packageName, version }: InfoCommandProps) {
   const [versions, setVersions] = useState<string[]>([]);
   const [safest, setSafest] = useState<string | undefined>();
   const [cves, setCves] = useState<OSVVulnerability[]>([]);
+  const [ensRecords, setEnsRecords] = useState<OPMENSRecords>({});
+  const [pkgEnsRecords, setPkgEnsRecords] = useState<OPMENSRecords>({});
+  const [contenthash, setContenthash] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
@@ -31,7 +37,8 @@ export function InfoCommand({ packageName, version }: InfoCommandProps) {
   }, []);
 
   async function run() {
-    const ver = await resolveVersion(packageName, version || 'latest');
+    const resolved = await resolveVersion(packageName, version || 'latest');
+    const ver = resolved.version;
     setResolvedVer(ver);
 
     const pkgInfo = await getPackageInfo(packageName, ver);
@@ -55,9 +62,28 @@ export function InfoCommand({ packageName, version }: InfoCommandProps) {
     setVersions(vers.status === 'fulfilled' ? vers.value : []);
     setSafest(safe.status === 'fulfilled' ? safe.value : undefined);
     setCves(osvResult.status === 'fulfilled' ? osvResult.value : []);
+
+    const authorEns = ep.status === 'fulfilled' && ep.value?.name
+      ? ep.value.name
+      : await resolveENSName(pkgInfo.author).catch(() => null);
+
+    if (authorEns) {
+      const [opmRecs, pkgRecs, ch] = await Promise.allSettled([
+        readOPMRecords(authorEns),
+        readPackageENSRecords(authorEns, packageName),
+        readENSContenthash(authorEns),
+      ]);
+      if (opmRecs.status === 'fulfilled') setEnsRecords(opmRecs.value);
+      if (pkgRecs.status === 'fulfilled') setPkgEnsRecords(pkgRecs.value);
+      if (ch.status === 'fulfilled' && ch.value) setContenthash(ch.value);
+    }
+
     setStatus('done');
   }
 
+  const hasEnsData = Object.keys(ensRecords).length > 0 || Object.keys(pkgEnsRecords).length > 0 || contenthash;
+  const fvHash = pkgEnsRecords.fileverse || ensRecords.fileverse;
+
   return (
     <Box flexDirection="column">
       <Header subtitle="info" />
@@ -96,6 +122,68 @@ export function InfoCommand({ packageName, version }: InfoCommandProps) {
                 <Text color="green" bold>{safest}</Text>
               </Box>
             )}
+
+            {hasEnsData && (
+              <Box flexDirection="column" marginTop={1}>
+                <Text color="gray">────────────────────────────────────────</Text>
+                <Text color="white" bold> ENS Records</Text>
+                {contenthash && (() => {
+                  const decoded = decodeContenthash(contenthash);
+                  return decoded ? (
+                    <Box marginLeft={2}>
+                      <Text color="gray">contenthash:    </Text>
+                      <Text color="magenta">{decoded.length > 60 ? decoded.slice(0, 60) + '...' : decoded}</Text>
+                    </Box>
+                  ) : null;
+                })()}
+                {(pkgEnsRecords.version || ensRecords.version) && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.version:    </Text>
+                    <Text color="cyan">{pkgEnsRecords.version || ensRecords.version}</Text>
+                  </Box>
+                )}
+                {(pkgEnsRecords.checksum || ensRecords.checksum) && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.checksum:   </Text>
+                    <Text color="cyan">{truncateAddress(pkgEnsRecords.checksum || ensRecords.checksum || '')}</Text>
+                  </Box>
+                )}
+                {fvHash && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.fileverse:  </Text>
+                    {fvHash.startsWith('http') ? (
+                      <Hyperlink url={fvHash} label={fvHash.length > 50 ? fvHash.slice(0, 50) + '...' : fvHash} color="green" />
+                    ) : (
+                      <Text color="green">{fvHash}</Text>
+                    )}
+                  </Box>
+                )}
+                {(pkgEnsRecords.riskScore || ensRecords.riskScore) && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.risk_score: </Text>
+                    <Text color="cyan">{pkgEnsRecords.riskScore || ensRecords.riskScore}/100</Text>
+                  </Box>
+                )}
+                {(pkgEnsRecords.signature || ensRecords.signature) && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.signature:  </Text>
+                    <Text color="cyan">{truncateAddress(pkgEnsRecords.signature || ensRecords.signature || '')}</Text>
+                  </Box>
+                )}
+                {ensRecords.contract && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.contract:   </Text>
+                    <Text color="cyan">{truncateAddress(ensRecords.contract)}</Text>
+                  </Box>
+                )}
+                {ensRecords.packages && (
+                  <Box marginLeft={2}>
+                    <Text color="gray">opm.packages:   </Text>
+                    <Text color="white">{ensRecords.packages}</Text>
+                  </Box>
+                )}
+              </Box>
+            )}
           </Box>
         ) : (
           <Box marginLeft={2} marginTop={1}>