`coaia-visualizer` is the dedicated client-side application for visualizing and interacting with data generated by the `coaia-narrative` system. It transforms raw JSONL (JSON Lines) data, representing Structural Tension Charts and Multi-Universe Narrative
npm install coaia-visualizercoaia-visualizercoaia-visualizer is the dedicated client-side application for visualizing and interacting with data generated by the coaia-narrative system. It transforms raw JSONL (JSON Lines) data, representing Structural Tension Charts and Multi-Universe Narrative Beats, into an intuitive and interactive user interface.
This tool allows users to upload their coaia-narrative memory files and gain clear insights into their creative projects, understanding the dynamic interplay of their Desired Outcomes, Current Realities, and Action Steps, alongside the rich context of Narrative Beats.
NEW: Now includes REST API and MCP server for AI agent access! See Feature 4 Documentation.
coaia-narrative JSONL files from your local system for visualization and export the processed data back.COAIAN_API_TOKEN* Framework: Next.js
* Language: TypeScript
* UI Library: React
* Styling: Tailwind CSS with Radix UI components (for accessible and customizable UI)
* Charting: recharts (for potential future data visualizations)
* Form Management: react-hook-form
* Schema Validation: zod
1. Clone the repository:
\\\bash\
git clone
cd coaia-visualizer
\\
2. Install dependencies:
\\\bash\
pnpm install
\\
3. Run the development server:
\\\bash\
pnpm run dev
\\
4. Open your browser to http://localhost:3000 (or the port indicated by pnpm run dev).
5. Upload a coaia-narrative generated JSONL file to begin visualizing your creative projects.
\\\bashInstall globally or use npx
npm install -g coaia-visualizer
\See complete setup in feat-4-mcp-api/SETUP_GUIDE.md
Quick start:
\\\bash1. Set API token
export COAIAN_API_TOKEN=your_secure_token
\Your project is live at:
https://vercel.com/jgwills-projects/v0-jsonl-visualizer
Continue building your app on:
https://v0.app/chat/drYe7XUyCIv
1. Create and modify your project using v0.app.
2. Deploy your chats from the v0 interface.
3. Changes are automatically pushed to this repository.
4. Vercel deploys the latest version from this repository.