npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@copilotkit/bot-slack

v0.0.3

Published

Slack platform adapter for CopilotKit JSX bots (@copilotkit/bot).

Downloads

3,351

Readme

@copilotkit/bot-slack

The Slack PlatformAdapter for @copilotkit/bot. It connects a Slack workspace to any AG-UI agent: ingress via Bolt (Socket Mode), egress as Block Kit rendered from the @copilotkit/bot-ui JSX vocabulary, plus text streaming, opaque-id interactions, and HITL.

You write your UI as JSX once (@copilotkit/bot-ui) and drive the bot with @copilotkit/bot; this package is the only one that talks to Slack.

Install

pnpm add @copilotkit/bot-slack @copilotkit/bot @copilotkit/bot-ui

Quickstart

import { createBot } from "@copilotkit/bot";
import {
  slack,
  defaultSlackTools,
  defaultSlackContext,
} from "@copilotkit/bot-slack";

const bot = createBot({
  adapters: [
    slack({
      botToken: process.env.SLACK_BOT_TOKEN!, // xoxb-…
      appToken: process.env.SLACK_APP_TOKEN!, // xapp-… (Socket Mode)
    }),
  ],
  agent: (threadId) => makeAgent(threadId),
  tools: [...defaultSlackTools, ...appTools], // lookup_slack_user + your tools
  context: [...defaultSlackContext, ...appContext], // tagging/mrkdwn/thread guidance
});

bot.onMention(({ thread }) => thread.runAgent());

await bot.start();

slack(opts) returns a SlackAdapter. By default it runs in Socket Mode (socketMode: true) — outbound WebSocket only, no public URL needed. HTTP mode (socketMode: false) needs signingSecret and a port. The Slack listener pre-filters ingress to the turns the bot should answer (@-mentions, replies in threads it owns, DMs), so a single onMention handler usually covers everything.

Required env

| Var | Token | Purpose | | ----------------- | ------- | -------------------------------- | | SLACK_BOT_TOKEN | xoxb- | Bot token for the Web API. | | SLACK_APP_TOKEN | xapp- | App-level token for Socket Mode. |

What it provides

JSX → Block Kit rendering

renderSlackMessage(ir) / renderBlockKit(ir) translate the @copilotkit/bot-ui vocabulary to Block Kit: Message → blocks, Header → header, Section → section (mrkdwn), Markdown → markdownToMrkdwn, Field(s) → section.fields, Context → context, Actions → actions, Button → button (action_id = minted opaque id), Select → static_select, Input → plain_text_input, Image → image, Divider → divider.

Per-element budget

Slack caps every element. The renderer degrades by truncate-with-overflow / clamp — it never silently drops content. Limits live in SLACK_LIMITS:

| Limit | Value | Element | | ------------------ | ----- | -------------------------- | | blocksPerMessage | 50 | blocks per message | | sectionText | 3000 | section body chars | | headerText | 150 | header chars | | fieldsPerSection | 10 | fields per section | | fieldText | 2000 | field chars | | actionsElements | 25 | controls per actions row | | contextElements | 10 | elements per context block | | buttonText | 75 | button label chars | | actionId | 255 | action_id chars | | buttonValue | 2000 | button value chars | | selectOptions | 100 | options per select |

Colored cards

<Message accent="#RRGGBB"> renders as a Slack attachment with a colored left bar (Block Kit blocks have no native accent, so accented messages are posted as attachments: [{ color, blocks }]).

Streaming

By default, replies stream via Slack's native streaming API (chat.startStream / appendStream / stopStream) wherever the reply target is a thread — a true streaming UI rendering raw markdown (so real tables and fenced code render natively). A whole turn streams into one message: text from every step accumulates into a single bubble (Slack documents only a 12k char limit per append, with no cumulative cap, so there is no multi-message splitting), and tool calls surface as native in-message task_update chunks (a "timeline" of Using …Used … steps) instead of separate status messages. Workspaces where structured chunks aren't available degrade automatically to :wrench: status rows.

Flat DMs (no thread) and any workspace where the streaming API is unavailable fall back automatically to the shipped chat.update transport (throttled edits, multi-message chunking, mid-stream bracket auto-close, Markdown → mrkdwn translation). Pass streaming: "legacy" to force the chat.update transport everywhere. The fallback is transparent — opting in can never break a bot: the first startStream failure marks the workspace legacy and redoes the stream the old way.

Feedback buttons (opt-in)

Pass feedback to attach Slack's native AI feedback row (👍/👎, context_actions + feedback_buttons) to each finalized streamed reply. Clicks are routed straight to your handler — they never reach the engine's interaction dispatch. Without feedback, no buttons are shown.

slack({
  botToken,
  appToken,
  feedback: {
    onFeedback: ({ sentiment, user, channel, messageTs }) => {
      recordFeedback({ sentiment, user, channel, messageTs }); // your telemetry
    },
    // positiveLabel / negativeLabel are optional
  },
});

The row is attached at chat.stopStream (the only streaming call that accepts blocks), so it appears on the native path only — the legacy chat.update fallback omits it.

Assistant pane (agent-native, default-on)

When the Slack app has the Agents & AI Apps toggle (an assistant_view manifest block + the assistant:write scope and assistant_thread_* events), the adapter activates Slack's assistant pane with zero config:

  • Opening the pane posts a greeting + tappable prompt chips, and each pane conversation is its own thread (replies stay in-thread).
  • While the agent runs, native composer status is shown (assistant.threads.setStatus: "is thinking…", "is using `tool`…") instead of placeholder/:wrench: messages.
  • The pane thread is auto-titled from the first message.

Customize via the assistant option, or set assistant: false to disable pane handling entirely. Apps without the toggle behave exactly as before — the pane machinery lies dormant.

slack({
  botToken,
  appToken,
  assistant: {
    greeting: "Hi! I can triage issues, search docs, and more.",
    suggestedPrompts: [
      { title: "Triage my open issues", message: "Triage my open issues" },
    ],
  },
});

// Dynamic behavior when a user opens the pane (layers on top of the defaults):
bot.onThreadStarted(async ({ thread, user }) => {
  await thread.setSuggestedPrompts(promptsFor(user));
  // await thread.setTitle(...) is also available
});

Interactions (ack-first)

Every Slack block_actions click is acked immediately (within the ≤3s deadline, ackDeadlineMs = 3000), then decodeInteraction extracts the opaque minted id (ck:…), any tiny bind() value, and the message ref, and hands an InteractionEvent to the engine. The token carries only the opaque id — no props or secrets. Unrelated clicks decode to events the bot harmlessly ignores.

Human-in-the-loop

Use thread.awaitChoice(<Picker .../>) to post an interactive message and block until a click resolves it; the resolved value is the clicked control's value. Agent interrupts (on_interrupt) are captured by the run renderer and dispatched to your onInterrupt handler, which posts a picker; the click resumes the agent via thread.resume(value).

Sender-profile resolution & file download

The adapter resolves each turn's Slack user id to a richer PlatformUser ({ id, name?, email? }), cached per id. Inbound files can be downloaded and delivered to the agent as multimodal content parts (buildFileContentParts); a tool can post a file back out via thread.postFile(...).

Built-ins

  • defaultSlackTools — ships lookup_slack_user so the agent can resolve a name/handle/email to a <@USERID> mention. Spread into tools.
  • defaultSlackContext — tagging procedure, Markdown-vs-mrkdwn guidance, and the Slack thread/DM conversation model. Spread into context.

Tool context

There is no Slack-specific tool context. Tools receive the single shared BotToolContext from @copilotkit/bot ({ thread, message?, user?, signal?, platform }) and reach Slack power only through capability-gated thread methods, which this adapter backs:

  • thread.getMessages() — the current thread's messages (via conversations.replies), each a ThreadMessage ({ user?, text, ts?, isBot? }).
  • thread.lookupUser(query) — resolve a name/handle/email to a PlatformUser.
  • thread.postFile({ bytes, filename, title?, altText? }) — upload a file back into the thread (files.uploadV2).

This keeps tools portable: define them with defineBotTool({...}) and they work against any adapter that advertises the same capabilities.

Running the demo

This package is the library. A runnable end-to-end demo wiring all of the above against a real workspace lives in examples/slack.

Slash commands

The adapter forwards every slash command Slack delivers to the engine, which routes it to the matching bot.onCommand handler (and ignores unregistered ones). Register handlers on the engine — see @copilotkit/bot:

bot.onCommand({
  name: "triage",
  description: "Summarize the thread and propose issues.",
  async handler({ thread, text, user }) {
    await thread.runAgent({ prompt: `Triage: ${text}` });
  },
});

You must also declare each command in the Slack app config ("Slash Commands" / app manifest) with the same name — Slack won't deliver an unregistered command, even over Socket Mode. Args arrive as free text (ctx.text); the optional options schema is for surfaces with native structured args (e.g. Discord) and is unused on Slack. The adapter does not implement registerCommands, so the engine skips it (Slack matches commands dynamically rather than registering them up front).

What's NOT in v1

  • Modals / true batched form submit
  • OAuth / multi-workspace install (single bot token only)
  • Durable (Redis/DB) ActionStore — in-memory only; actions expire on restart
  • Proactive posting (bot replies only to turns it's part of)
  • Reactions

Exports

slack, SlackAdapter, SlackAdapterOptions, SlackAssistantOptions; createRunRenderer; decodeInteraction, conversationKeyOf; renderBlockKit, renderSlackMessage, SLACK_LIMITS; defaultSlackTools, lookupSlackUserTool, defaultSlackContext (+ the individual context entries); markdownToMrkdwn; and the preserved mechanics (SlackConversationStore, MessageStream, ChunkedMessageStream, NativeMessageStream, attachSlackListener, attachAssistant, SanitizingHttpAgent, buildFileContentParts, autoCloseOpenMarkdown, and supporting types).