Skip to content

Comments

feat(appkit-ui): add Genie chat React components#116

Open
calvarjorge wants to merge 1 commit intofeat/genie-pluginfrom
feat/genie-dev-playground
Open

feat(appkit-ui): add Genie chat React components#116
calvarjorge wants to merge 1 commit intofeat/genie-pluginfrom
feat/genie-dev-playground

Conversation

@calvarjorge
Copy link
Contributor

@calvarjorge calvarjorge commented Feb 18, 2026

Summary

  • Add plug-and-play React components in @databricks/appkit-ui for Genie: GenieChat, GenieChatMessage, GenieChatMessageList, GenieChatInput, and useGenieChat hook
  • Hook manages SSE streaming, URL-based conversation persistence (?conversationId=xxx), and history replay on page refresh
  • Messages render with markdown (via marked)
  • Add Genie demo page to dev-playground at /genie with nav link and home page card

Add plug-and-play React components for Genie AI/BI chat:

- useGenieChat hook: manages SSE streaming, conversation persistence
  via URL params, and history replay on page refresh
- GenieChat: all-in-one component wiring hook + UI
- GenieChatMessage: renders messages with markdown (via marked),
  avatars, and collapsible SQL query attachments
- GenieChatMessageList: scrollable message list with auto-scroll,
  loading skeletons, and streaming status indicator
- GenieChatInput: textarea with Enter-to-send and auto-resize

Also adds Genie demo page to dev-playground at /genie and fixes
conversation history ordering in the backend (reverse to chronological).

Signed-off-by: Jorge Calvar <jorge.calvar@databricks.com>
@calvarjorge calvarjorge changed the base branch from main to feat/genie-plugin February 18, 2026 16:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant