---
title: "Studio assistant"
description: "Kilnwork's assistant in the studio app: chats, streaming replies that cite the studio's records, an email draft beside the chat, approval before sending, and connectors."
plan: Pro
docs: https://ui.edbn.me/docs/templates/studio-assistant
---

# Studio assistant

Kilnwork's assistant in the studio app: chats, streaming replies that cite the studio's records, an email draft beside the chat, approval before sending, and connectors.

Kilnwork's two-level app frame, as on the schedule, with Assistant open under Today. The page header has the title, how many connectors are working and a Connectors toggle; below it the chats (New chat, Today, Previous 7 days), the conversation, and, from a window of about 1280, a side panel in a Resizable group, dragged or moved with the arrow keys. Replies stream word by word from fixed scripts chosen by what's asked, under a shimmering Thinking that folds into Thought for 4s; Stop or Esc cuts one short, and with reduced motion each part arrives whole. Answers cite the roster, the schedule and the firing log: hovering a marker previews the record and clicking it opens the record in the panel. The prompt takes @ for a class, a member or a kiln, files from the paperclip or a drop, and a model picker. Asking to move Glaze lab runs the whole flow: two clarifying questions, a cited answer, an email draft to the 8 students in the panel with Copy and Edit, and a card that asks before sending it, with five seconds to undo. Narrower, the email and records open under their message, and on a phone-width column the chats sit behind a Chats button in a sheet. Connectors swaps the conversation for the mcp-connectors block, adapted, with Back to chat; approving with Always ticked allows its email tool. The sample opens on the drafted email with the approval waiting; without it, a new chat with four suggested prompts. Neither opens an overlay.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/studio-assistant
```

## Dependencies
- npm: lucide-react@^1.33.0, zod@^4.3.5
- edbn: edbn-base, attachment, avatar, badge, breadcrumb, bubble, button, card, checkbox, collapsible, command, dropdown-menu, dropzone, field, hover-card, input, input-group, item, kbd, mention, message, message-scroller, popover, questionnaire, resizable, select, separator, sheet, sidebar, spinner, switch, text-link, textarea, toggle, tooltip, form-core, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More ai apps templates

All 3, with install commands: https://ui.edbn.me/docs/templates/ai-apps (Markdown: https://ui.edbn.me/docs/templates/ai-apps.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt