JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 37
  • Score
    100M100P100Q70506F
  • License MIT

A web-based viewer for AI conversation transcripts with rollback support

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@kaifronsdal/transcript-viewer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Transcript Viewer

    A web-based viewer for AI conversation transcripts with support for rollbacks, branching conversations, and detailed analysis.

    Quick Start (One Command)

    Run the transcript viewer locally without cloning or building:

    npx @kaifronsdal/transcript-viewer

    This will:

    • Download and install the app
    • Build it automatically
    • Start a local server
    • Open the viewer in your browser

    Option 2: Docker

    If you have Docker installed:

    docker run -p 4173:4173 ghcr.io/kaifronsdal/transcript-viewer:latest

    Then open http://localhost:4173 in your browser.

    Option 3: Docker with local data

    To use your own transcript data:

    docker run -p 4173:4173 -v /path/to/your/output:/app/data ghcr.io/kaifronsdal/transcript-viewer:latest

    Features

    • 📊 Interactive transcript browsing - View AI conversations with rich formatting
    • 🌳 Rollback support - Visualize conversation branches and rollbacks
    • 🔍 Advanced filtering - Search and filter transcripts by various criteria
    • 📈 Scoring system - View concern scores and analysis metrics
    • 🎨 Modern UI - Clean, responsive interface with dark/light mode

    Development

    If you want to develop or customize the viewer:

    Prerequisites

    • Node.js 18+
    • npm or pnpm

    Setup

    git clone https://github.com/kaifronsdal/AutoAlignmentAuditor.git
cd AutoAlignmentAuditor/website/transcript-viewer
npm install

    Development Server

    npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

    Building

    npm run build

    Preview Production Build

    npm run preview

    Data Format

    The viewer expects transcript data in a specific JSON format with support for:

    • Message types (system, human, ai, tool)
    • Edit operations (add, rollback, replace_all)
    • Metadata and scoring information

    See the source code for detailed schema information.

    License

    MIT