{"_id":"@cxy13h/agent-card","_rev":"5-dd4eececb37f528f055e4399a936ab23","name":"@cxy13h/agent-card","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.0":{"name":"@cxy13h/agent-card","version":"0.1.0","_id":"@cxy13h/agent-card@0.1.0","maintainers":[{"name":"cxy13h","email":"cxy13h@gmail.com"}],"dist":{"shasum":"902cddce7700e4eb3c5b8e87139b3aeb54d41020","tarball":"https://registry.npmjs.org/@cxy13h/agent-card/-/agent-card-0.1.0.tgz","fileCount":19,"integrity":"sha512-Wd8mBs80hR6t/BO74WbBfV4aHY0kNB1zULNHik7hliFo+OPVLuDeB+vmhIRefICpeh0a0S7VmrYw0VhlodpAag==","signatures":[{"sig":"MEQCIAvCnZPPK/UbWV0avltwtKsYjnpmH2aILcXlEiDOS3tLAiAB/vucN9/ljS7ZwOmPrbcOghC0FeORUtfY5L+UFSYbKA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":121359},"main":"./dist/index.cjs","type":"module","style":"./dist/style.css","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"scripts":{"build":"npm run clean && vite build && tsc -p tsconfig.json","clean":"rm -rf dist","prepublishOnly":"npm run build"},"_npmUser":{"name":"cxy13h","email":"cxy13h@gmail.com"},"_npmVersion":"11.6.2","description":"A collection of polished React cards for AI agent chat interfaces.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^8.0.12","react":"^19.2.6","typescript":"~6.0.2","@types/node":"^24.12.3","tailwindcss":"^4.3.0","@types/react":"^19.2.14","lucide-react":"^1.14.0","tailwind-merge":"^3.6.0","@tailwindcss/vite":"^4.3.0","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":">=18.2.0 || >=19.0.0","lucide-react":">=0.468.0 || >=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/agent-card_0.1.0_1778753123878_0.7259138039642548","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@cxy13h/agent-card","version":"0.1.1","_id":"@cxy13h/agent-card@0.1.1","maintainers":[{"name":"cxy13h","email":"cxy13h@gmail.com"}],"dist":{"shasum":"45ee2a0ec0e7a77696f7d0335c52ee26f0e31bd1","tarball":"https://registry.npmjs.org/@cxy13h/agent-card/-/agent-card-0.1.1.tgz","fileCount":19,"integrity":"sha512-45HjQ62pd+9G/V+Ug0NzezjTReHHBrHkq7mglvA60UYgoW3pheW3Q2X6KjvTGWbrbE/prWTQ2zkTR7NGr4NCfQ==","signatures":[{"sig":"MEYCIQCBtx+FzfbaI1GLZE5MjxBuj6QxoLWrnQVo/4xUmFhWdgIhANZ21pqyaWIQpVKoDgzz7iTUJ7gD+rkKL39SAHiNnURr","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":121359},"main":"./dist/index.cjs","type":"module","style":"./dist/style.css","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"scripts":{"build":"npm run clean && vite build && tsc -p tsconfig.json","clean":"rm -rf dist","prepublishOnly":"npm run build"},"_npmUser":{"name":"cxy13h","email":"cxy13h@gmail.com"},"_npmVersion":"11.6.2","description":"A collection of polished React cards for AI agent chat interfaces.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^8.0.12","react":"^19.2.6","typescript":"~6.0.2","@types/node":"^24.12.3","tailwindcss":"^4.3.0","@types/react":"^19.2.14","lucide-react":"^1.14.0","tailwind-merge":"^3.6.0","@tailwindcss/vite":"^4.3.0","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":">=18.2.0 || >=19.0.0","lucide-react":">=0.468.0 || >=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/agent-card_0.1.1_1778754553378_0.8755030462289444","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@cxy13h/agent-card","version":"0.1.2","_id":"@cxy13h/agent-card@0.1.2","maintainers":[{"name":"cxy13h","email":"cxy13h@gmail.com"}],"dist":{"shasum":"a0a9338ae9c3453acc7ad12e54f2eb6433b2849e","tarball":"https://registry.npmjs.org/@cxy13h/agent-card/-/agent-card-0.1.2.tgz","fileCount":19,"integrity":"sha512-/g4aEiK04oA8Qe3LxQxbrPjCrNnTV1/sRzrUTe+NazVAKuY1riYMOixV7ut5sPafIpVo0WeAbjikwhSOx/y1Iw==","signatures":[{"sig":"MEYCIQCEMVBjEb9S1zbC9CXuECBRRd7V8GZ0ISus3g0hd4xAzgIhAPBl0yqnSuTtiGf6V1K+qHILtAGTfPpX9qobkhTmOaH5","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":129537},"main":"./dist/index.cjs","type":"module","style":"./dist/style.css","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"scripts":{"build":"npm run clean && vite build && tsc -p tsconfig.json","clean":"rm -rf dist","prepublishOnly":"npm run build"},"_npmUser":{"name":"cxy13h","email":"cxy13h@gmail.com"},"_npmVersion":"11.6.2","description":"A collection of polished React cards for AI agent chat interfaces.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^8.0.12","react":"^19.2.6","typescript":"~6.0.2","@types/node":"^24.12.3","tailwindcss":"^4.3.0","@types/react":"^19.2.14","lucide-react":"^1.14.0","tailwind-merge":"^3.6.0","@tailwindcss/vite":"^4.3.0","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":">=18.2.0 || >=19.0.0","lucide-react":">=0.468.0 || >=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/agent-card_0.1.2_1778756455152_0.7179494844645897","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@cxy13h/agent-card","version":"0.1.3","_id":"@cxy13h/agent-card@0.1.3","maintainers":[{"name":"cxy13h","email":"cxy13h@gmail.com"}],"dist":{"shasum":"ec266915b536c549399e73fb36347071a536554f","tarball":"https://registry.npmjs.org/@cxy13h/agent-card/-/agent-card-0.1.3.tgz","fileCount":19,"integrity":"sha512-TEXOHcv7pU33OqZD6XyErCUJCOx8lGtMo2hxhQGeq5MgeO5JXDkSzBHBgFi7mXj4ph24HSmCzbm22XTQ1NZhjg==","signatures":[{"sig":"MEUCIB9FwDt/8ihGAyLHw90f8TIW8CDADSHc/2tNZzXR/7kAAiEAmQV3XlbmN+ATFOTQEuW0oS5OATV9OuyL3UWtQ+cAm0g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122207},"main":"./dist/index.cjs","type":"module","style":"./dist/style.css","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"scripts":{"build":"npm run clean && vite build && tsc -p tsconfig.json","clean":"rm -rf dist","prepublishOnly":"npm run build"},"_npmUser":{"name":"cxy13h","email":"cxy13h@gmail.com"},"_npmVersion":"11.6.2","description":"A collection of polished React cards for AI agent chat interfaces.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^8.0.12","react":"^19.2.6","typescript":"~6.0.2","@types/node":"^24.12.3","tailwindcss":"^4.3.0","@types/react":"^19.2.14","lucide-react":"^1.14.0","tailwind-merge":"^3.6.0","@tailwindcss/vite":"^4.3.0","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":">=18.2.0 || >=19.0.0","lucide-react":">=0.468.0 || >=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/agent-card_0.1.3_1778942154595_0.7012541446833123","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@cxy13h/agent-card","version":"0.1.4","type":"module","description":"A collection of polished React cards for AI agent chat interfaces.","main":"./dist/index.cjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"sideEffects":["**/*.css"],"scripts":{"clean":"rm -rf dist","build":"npm run clean && vite build && tsc -p tsconfig.json","prepublishOnly":"npm run build"},"peerDependencies":{"lucide-react":">=0.468.0 || >=1.0.0","react":">=18.2.0 || >=19.0.0"},"devDependencies":{"@tailwindcss/vite":"^4.3.0","@types/node":"^24.12.3","@types/react":"^19.2.14","@vitejs/plugin-react":"^6.0.1","clsx":"^2.1.1","lucide-react":"^1.14.0","react":"^19.2.6","tailwind-merge":"^3.6.0","tailwindcss":"^4.3.0","typescript":"~6.0.2","vite":"^8.0.12"},"_id":"@cxy13h/agent-card@0.1.4","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-j3nt91KuWpF4yvpOTyBuCJM3wIEJQGqofbfxzWYslDKJZqpLaJ2BvYEqSpFFqEmwA3XNkv8buuinmILOnpgWrg==","shasum":"9c127b9a2df657661d68cfbb72f00d1b64df8492","tarball":"https://registry.npmjs.org/@cxy13h/agent-card/-/agent-card-0.1.4.tgz","fileCount":19,"unpackedSize":120565,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHoBs1QOdCC6cbf+dqoB2tlws68p6zsz9fuK/GnCxNH/AiB3ZyY0TiuRGHjTMukitKAEYDnEQ8RTxoEZ9tmvvOQfuA=="}]},"_npmUser":{"name":"cxy13h","email":"cxy13h@gmail.com"},"directories":{},"maintainers":[{"name":"cxy13h","email":"cxy13h@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/agent-card_0.1.4_1778943132861_0.19053206596291639"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-14T10:05:23.812Z","modified":"2026-05-16T14:52:13.142Z","0.1.0":"2026-05-14T10:05:24.017Z","0.1.1":"2026-05-14T10:29:13.551Z","0.1.2":"2026-05-14T11:00:55.323Z","0.1.3":"2026-05-16T14:35:54.759Z","0.1.4":"2026-05-16T14:52:13.030Z"},"description":"A collection of polished React cards for AI agent chat interfaces.","maintainers":[{"name":"cxy13h","email":"cxy13h@gmail.com"}],"readme":"# agent-card\n\nA collection of polished React cards for AI agent chat interfaces.\n\n## Install\n\n```bash\nnpm install agent-card react lucide-react\n```\n\n## Available Cards\n\n### ShellCommandCard\n\nA polished shell command execution card for displaying command status and output.\n\n```tsx\nimport { ShellCommandCard } from \"agent-card\";\nimport \"agent-card/style.css\";\n\nexport function Example() {\n  return (\n    <ShellCommandCard\n      id=\"job-001\"\n      title=\"安装项目依赖\"\n      command=\"npm install\"\n      cwd=\"/home/ubuntu/my-app\"\n      status=\"running\"\n      output=\"added 23 packages...\"\n      onCancel={() => console.log(\"cancel\")}\n    />\n  );\n}\n```\n\n#### Props\n\n```ts\ntype ShellCommandStatus =\n  | \"pending\"\n  | \"running\"\n  | \"finished\"\n  | \"cancelled\";\n\ninterface ShellCommandCardProps {\n  id: string;\n  title: string;\n  command: string;\n  cwd: string;\n  status: ShellCommandStatus;\n  durationMs?: number;\n  output?: string;\n  startedAt?: string;\n  endedAt?: string;\n  onCancel?: () => void;\n  className?: string;\n  style?: React.CSSProperties;\n  classNames?: ShellCommandCardClassNames;\n}\n\ninterface ShellCommandCardClassNames {\n  root?: string;\n  actions?: string;\n  actionButton?: string;\n  header?: string;\n  statusIcon?: string;\n  title?: string;\n  command?: string;\n  cwd?: string;\n  details?: string;\n  tabList?: string;\n  tab?: string;\n  tabPanel?: string;\n  logContainer?: string;\n  log?: string;\n  metadata?: string;\n  metadataRow?: string;\n  metadataLabel?: string;\n  metadataValue?: string;\n}\n```\n\n#### Styling Overrides\n\nThe card is transparent by default and inherits text color from the host\napplication. It also exposes style escape hatches for deeper theme alignment.\n\n```tsx\n<ShellCommandCard\n  id=\"job-001\"\n  title=\"安装项目依赖\"\n  command=\"npm install\"\n  cwd=\"/home/ubuntu/my-app\"\n  status=\"running\"\n  className=\"shadow-none border-white/10\"\n  classNames={{\n    actions: \"border-white/10\",\n    header: \"text-inherit\",\n    title: \"text-inherit\",\n    command: \"text-current/70\",\n    cwd: \"text-current/50\",\n    details: \"border-white/10\",\n    tabList: \"border-white/10\",\n    logContainer: \"bg-current/5\",\n    log: \"text-current/80\",\n  }}\n/>\n```\n\n- `className` and `style` apply to the root card.\n- `classNames` lets you override specific parts of the card while keeping the default behavior.\n\n#### Notes\n\n- This is a display component, not an interactive terminal emulator.\n- The card initially shows command metadata only; command output is shown after expanding details.\n- Long output is shown inside an internal scroll area.\n- `onCancel` is shown only for `running` commands.\n\n## More Cards Coming Soon\n\nThis library is designed to be extended with more card components for AI agent interfaces. Stay tuned!\n","readmeFilename":"README.md"}