iblai-agent-history

Add a conversation history tab with filtering and export for Next.js apps using the ibl.ai SDK.

15|3|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/iblai/vibe --skill iblai-agent-history
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: iblai-agent-history
Source: https://github.com/iblai/vibe/tree/main/skills/iblai-agent-history
Command: npx skills add https://github.com/iblai/vibe --skill iblai-agent-history

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Add the agent History tab to enable viewing and managing conversation history with rating, summaries, topic tags, and filters across mentors.

Core Features & Use Cases

  • History view: shows conversations with previews, ratings, and summaries.
  • Filtering & export: supports user/date range, sentiment, topics, and optional data export.
  • Integration pattern: designed as one tab in the AgentSettings UI, wrapped by AgentSettingsProvider to ensure consistent state and navigation.

Quick Start

Mount the AgentHistoryTab in your app and run the dev server to see the History tab.

Frequently Asked Questions about iblai-agent-history

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add conversation history to a Next.js app using the ibl.ai SDK?

To add conversation history to a Next.js app, mount the AgentHistoryTab component within an AgentSettingsProvider wrapper to enable viewing and managing past interactions with previews, ratings, and summaries.

Can I filter agent conversation history by sentiment, topics, or date range?

Yes, you can filter agent conversation history by user, date range, sentiment, and topics. The history view supports these filters to help you manage conversations across multiple mentors efficiently.

Does the iblai history tab support exporting conversation data?

Yes, the iblai history tab supports exporting conversation data. It includes an optional onExport function allowing you to extract filtered conversation histories directly from your Next.js application.

What is the integration pattern for the AgentHistoryTab component?

The AgentHistoryTab integration pattern involves wrapping the component inside AgentSettingsProvider to ensure consistent state and navigation. It is designed as one tab within the AgentSettings UI for Next.js apps.

Can I customize the conversation history view in Next.js?

Yes, you can customize the conversation history view in Next.js by passing optional properties like renderMessageContent for custom message displays and PaginationComponent for tailored navigation controls.