{"_id":"@agentsea/agent-ui","_rev":"6-5c7dd3ae9fd02776f31255e319d40d44","name":"@agentsea/agent-ui","dist-tags":{"latest":"0.1.3"},"versions":{"1.0.0":{"name":"@agentsea/agent-ui","version":"1.0.0","keywords":[],"author":"","license":"ISC","_id":"@agentsea/agent-ui@1.0.0","maintainers":[{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"}],"dist":{"shasum":"a701f9f6588e4d951fcb1ce239628db9a70617e2","tarball":"https://registry.npmjs.org/@agentsea/agent-ui/-/agent-ui-1.0.0.tgz","fileCount":201,"integrity":"sha512-hA5LM41eJwwLu+9uP8QPFomin6Lf1EhTIdQMP/3U07Y2/wAZwCeOM1O9zaNXGzUXk3HfM1GZDR+uxhdT6linkA==","signatures":[{"sig":"MEYCIQDMZWz8gv/LwjRqa0q6NxQ0UZkxh79kaZdxd9+yuRdnqQIhAPNtgUcLLh3OE2+LJ/CMlClhwNRWbzPzCq2jyuq6yR2o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1220342},"main":"index.js","babel":{"presets":["@babel/preset-react"]},"gitHead":"036955de78b529b9ae323529c7d67c195d4d65bd","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"babel src --out-dir dist","publish:npm":"rm -rf dist && mkdir dist &&  babel ./src -d dist --copy-files"},"_npmUser":{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"},"_npmVersion":"9.8.0","description":"An embeddable UI for AI agents.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"framer-motion":"^10.16.2","@heroicons/react":"^2.0.18","@material-tailwind/react":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.22.10","@babel/core":"^7.22.11","tailwindcss":"^3.3.3","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@openapitools/openapi-generator-cli":"^2.7.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/agent-ui_1.0.0_1693831070178_0.022279251141056555","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"@agentsea/agent-ui","version":"0.1.0","_id":"@agentsea/agent-ui@0.1.0","maintainers":[{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"}],"dist":{"shasum":"5fdf5703466115fccd7b44dbe38397b29078f30b","tarball":"https://registry.npmjs.org/@agentsea/agent-ui/-/agent-ui-0.1.0.tgz","fileCount":35,"integrity":"sha512-GGRdbMOVReSEBRkmC0WX1U63L/TkTrDxLvXW9MepJTC2laTicIAQdCu6ltYGAj8wtT2UlIdQKSQIWHfojA/tTg==","signatures":[{"sig":"MEYCIQDUT1gVhlJaIJBGoEUI50ispn/flVwY7WROcxE9bOMGjAIhAJm0hf8PH34rDt82kpBUKaS875+Vh/hSjZNLbZwvDB77","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":590874},"main":"src/components/index.js","gitHead":"e80a23911853c62581eabbe58bb6a150a3cc9549","private":false,"scripts":{"test":"react-scripts test","build":"react-scripts build","eject":"react-scripts eject","start":"react-scripts start"},"_npmUser":{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"},"_npmVersion":"9.8.0","description":"An embeddable UI for AI agents.","directories":{},"_nodeVersion":"20.5.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"web-vitals":"^2.1.4","react-scripts":"5.0.1","@testing-library/react":"^13.4.0","@testing-library/jest-dom":"^5.17.0","@testing-library/user-event":"^13.5.0"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^2.79.1","react-dom":"^18.2.0","@babel/core":"^7.22.15","@babel/preset-react":"^7.22.15","rollup-plugin-babel":"^4.4.0","rollup-plugin-peer-deps-external":"^2.2.4","@babel/plugin-proposal-private-property-in-object":"^7.21.11"},"_npmOperationalInternal":{"tmp":"tmp/agent-ui_0.1.0_1693835153936_0.7606432872324875","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@agentsea/agent-ui","version":"0.1.1","_id":"@agentsea/agent-ui@0.1.1","maintainers":[{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"}],"dist":{"shasum":"2b56a98e4c652b56ed636f28c3271e14e405f16a","tarball":"https://registry.npmjs.org/@agentsea/agent-ui/-/agent-ui-0.1.1.tgz","fileCount":2,"integrity":"sha512-dojq4f9VvRuhF4eAs8/eee22ZRoMQE6G5Zx1saK7QqRGo2OfbVhz8NmAeJSyD4G7yt4rn8FKdzrBg0Y4kTUlVA==","signatures":[{"sig":"MEYCIQDZKU5YRdPNZxsEGvfbVZHk3kZs2lDx/MCZ9L4Aosh1tAIhAPRDxkZFzlLekhRYsSicsjgq3ek8lTE/dtfG+uSU94xx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4418},"main":"dist/index.js","gitHead":"e80a23911853c62581eabbe58bb6a150a3cc9549","private":false,"scripts":{"test":"react-scripts test","build":"react-scripts build","eject":"react-scripts eject","start":"react-scripts start"},"_npmUser":{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"},"_npmVersion":"9.8.0","description":"An embeddable UI for AI agents.","directories":{},"_nodeVersion":"20.5.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"web-vitals":"^2.1.4","react-scripts":"5.0.1","@testing-library/react":"^13.4.0","@testing-library/jest-dom":"^5.17.0","@testing-library/user-event":"^13.5.0"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^2.79.1","react-dom":"^18.2.0","@babel/core":"^7.22.15","@babel/preset-react":"^7.22.15","rollup-plugin-babel":"^4.4.0","rollup-plugin-peer-deps-external":"^2.2.4","@babel/plugin-proposal-private-property-in-object":"^7.21.11"},"_npmOperationalInternal":{"tmp":"tmp/agent-ui_0.1.1_1693841965333_0.34595633823934624","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@agentsea/agent-ui","version":"0.1.2","_id":"@agentsea/agent-ui@0.1.2","maintainers":[{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"}],"dist":{"shasum":"b7f4a941dc6011356cabf9ffd8f92dcfe586fe0d","tarball":"https://registry.npmjs.org/@agentsea/agent-ui/-/agent-ui-0.1.2.tgz","fileCount":4,"integrity":"sha512-MWQf/EzkRQarpX41nAxvlEEOOV7uQ7Nxt2xcxI7reStt15VzTsADLX0QhOgAmrrg9YWR9HP8EfRadDF2qrDdqA==","signatures":[{"sig":"MEYCIQDBubwzK0TJIapKFIh2Wa7J680sMjyIxA58qTDJ+jHcuQIhAJ8tIVglnlobeIRoiPjfbWJVVGIumoPfSEd6FtDPs2G+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4613},"main":"dist/index.js","gitHead":"e80a23911853c62581eabbe58bb6a150a3cc9549","private":false,"scripts":{"test":"react-scripts test","build":"rollup -c","eject":"react-scripts eject","start":"react-scripts start"},"_npmUser":{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"},"_npmVersion":"9.8.0","description":"An embeddable UI for AI agents.","directories":{},"_nodeVersion":"20.5.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"web-vitals":"^2.1.4","react-scripts":"5.0.1","@testing-library/react":"^13.4.0","@testing-library/jest-dom":"^5.17.0","@testing-library/user-event":"^13.5.0"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^2.79.1","react-dom":"^18.2.0","@babel/core":"^7.22.15","@babel/preset-react":"^7.22.15","rollup-plugin-babel":"^4.4.0","rollup-plugin-peer-deps-external":"^2.2.4","@babel/plugin-proposal-private-property-in-object":"^7.21.11"},"_npmOperationalInternal":{"tmp":"tmp/agent-ui_0.1.2_1693842375662_0.09796614154395167","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@agentsea/agent-ui","version":"0.1.3","_id":"@agentsea/agent-ui@0.1.3","maintainers":[{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"}],"dist":{"shasum":"eae5ac0630d64b5ce0c492489c8de8f51a2c1566","tarball":"https://registry.npmjs.org/@agentsea/agent-ui/-/agent-ui-0.1.3.tgz","fileCount":4,"integrity":"sha512-Ee1tpDy57ompCmvR5864hpTfRzU96PoxEkEZDAIvycjNA5U2Qi2MHWJbVOPPoHrrvQoUQq5njGoCwJ16sxDNYw==","signatures":[{"sig":"MEQCIB3HEihR4MznytAwzHHvBUFvbl8n9PVz3gcVZ7HUbUYGAiACWrId1IkFocejZP8tVGUXORC9yyCf9yZTuoVERaDo7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5080},"main":"dist/index.js","gitHead":"b7ad11f6713287641d8a1d7cfa3217448debdd93","private":false,"scripts":{"test":"react-scripts test","build":"rollup -c","eject":"react-scripts eject","start":"react-scripts start"},"_npmUser":{"name":"patrickbarkerco","email":"patrickbarkerco@gmail.com"},"_npmVersion":"9.8.0","description":"An embeddable UI for AI agents.","directories":{},"_nodeVersion":"20.5.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"web-vitals":"^2.1.4","framer-motion":"^10.16.3","react-scripts":"5.0.1","@heroicons/react":"^2.0.18","react-loader-spinner":"^5.4.5","@testing-library/react":"^13.4.0","@material-tailwind/react":"^2.1.1","@testing-library/jest-dom":"^5.17.0","@testing-library/user-event":"^13.5.0"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^2.79.1","react-dom":"^18.2.0","jwt-decode":"^3.1.2","@babel/core":"^7.22.15","tailwindcss":"^3.3.3","react-router-dom":"^6.15.0","@headlessui/react":"^1.7.17","@babel/preset-react":"^7.22.15","@react-oauth/google":"^0.11.1","rollup-plugin-babel":"^4.4.0","react-type-animation":"^3.1.0","http-proxy-middleware":"^2.0.6","rollup-plugin-peer-deps-external":"^2.2.4","@babel/plugin-proposal-private-property-in-object":"^7.21.11"},"_npmOperationalInternal":{"tmp":"tmp/agent-ui_0.1.3_1695074187114_0.7998597481157146","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-09-04T12:37:50.050Z","modified":"2024-07-30T10:55:10.861Z","1.0.0":"2023-09-04T12:37:50.612Z","0.1.0":"2023-09-04T13:45:54.246Z","0.1.1":"2023-09-04T15:39:25.462Z","0.1.2":"2023-09-04T15:46:15.859Z","0.1.3":"2023-09-18T21:56:27.301Z"},"description":"An embeddable UI for AI agents.","maintainers":[{"email":"mariya.davydova@kentauros.ai","name":"mariyadavydova"},{"email":"mail@ryenbeatty.info","name":"ryenbeatty"},{"email":"patrickbarkerco@gmail.com","name":"patrickbarkerco"}],"readme":"# Agent UI\nAn embeddable UI for AI agents. \n\nAgentSea servers provide a JSON representation of interactions which should\nbe displayed to the user. Those interactions are rendered by the client interface\nto provide interactive user experiences.\n\nAgent UI is a component library that focuses on rendering those experiences in React.\n\n## Usage\nRender the `demo/hello-world` agent from AgentSea hub\n\n```jsx\nimport Agent from \"@agentsea/agent-ui\"\n\n(\n    <Agent name=\"demo/hello-world\" token=\"usertoken\" />\n)\n```\n\n### Custom endpoint\n\nUse an agent running on your own hardware that implements the AgentSea API\n```jsx\n(\n    <Agent url=\"https://foo-agent.ai/v1/\" token=\"usertoken\" />\n)\n```\n\n### Plans\nDirectly run the `bar` plan on agent `demo/foo`\n\n```jsx\nimport Run from \"@agentsea/agent-ui\"\n\n(\n    <Run agent=\"demo/foo\" planName=\"bar\" token=\"usertoken\" />\n)\n```\n\nRender a list of agent plans available to the user\n\n```jsx\nimport Plans from \"@agentsea/agent-ui\"\n\n(\n    <Plans agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\nRender the details of a single plan and edit them\n\n```jsx\nimport Plan from \"@agentsea/agent-ui\"\n\n(\n    <Plan agent=\"demo/foo\" name=\"bar\" token=\"usertoken\" />\n)\n```\n\n### Processes\nRender a list of running processes\n```jsx\nimport Processes from \"@agentsea/agent-ui\"\n\n(\n    <Processes agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\nRender a view of a single process\n\n```jsx\nimport Process from \"@agentsea/agent-ui\"\n\n(\n    <Process agent=\"demo/foo\" id=\"2903hfjo2\" token=\"usertoken\" />\n)\n```\n\n### Feed\nRender a feed for the agent\n\n```jsx\nimport Feed from \"@agentsea/agent-ui\"\n\n(\n    <Feed agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n### Threads\nStart a thread with the agent\n\n```jsx\nimport Thread from \"@agentsea/agent-ui\"\n\n(\n    <Thread agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\nShow the list of previous threads for the user\n\n```jsx\nimport Threads from \"@agentsea/agent-ui\"\n\n(\n    <Threads agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n### Actions\nShow a view of actions available for the agent\n\n```jsx\nimport Actions from \"@agentsea/agent-ui\"\n\n(\n    <Actions agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n### Hosts\nShow a selection of hosts for the agent\n\n```jsx\nimport Hosts from \"@agentsea/agent-ui\"\n\n(\n    <Hosts agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n### Config \nShow the config for the agent\n\n```jsx\nimport Config from \"@agentsea/agent-ui\"\n\n(\n    <Config agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n### Notifications\nRender notifications for the agent\n\n```jsx\nimport Notifications from \"@agentsea/agent-ui\"\n\n(\n    <Notifications agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n### Intro\nRender an introduction for the agent\n\n```jsx\nimport Intro from \"@agentsea/agent-ui\"\n\n(\n    <Intro agent=\"demo/foo\" token=\"usertoken\" />\n)\n```\n\n## Agent API\n\nSee https://github.com/AgentSea/agentsea-py/tree/main/agentsea/api/v1 \n\nAn example of using the API to run a plan\n\n```jsx\nimport Run from \"@agentsea/agent-ui\"\n\n(\n    <Run agent=\"demo/foo\" planName=\"bar\" token=\"usertoken\" />\n)\n```\n\nThis would:\n* Use `GET` on `/v1/plans` to find the plan ID for the name `bar`\n* Send a `POST` to `/v1/plans/{id}/run` to run the plan, this will return a process ID\n* Poll `/v1/processes/{id}` to get the current view\n* Respond with `/v1/respond` to any asks\n\n## Developing\n\nInstall packages\n\n```\nnpm install\n```\n\nRun locally\n```\nnpm start\n```","readmeFilename":"README.md"}