官方套件 · 即時功能元件

AI 代理的人工核准

代理要執行需要有人同意的工具時,這個呼叫會在即時收件匣裡等待。審核者可以核准、修改或拒絕,也看得到還有誰在看,代理會從停下的地方繼續。

  • 提供 Vercel AI SDK、Mastra 與 LangGraph 的伺服器輔助函式,以及支援 LangGraph 與 FastAPI 的 Python 套件。
  • React 與 Vue 的收件匣元件,支援七種語言、亮色與暗色。
  • 和 Filament AI approvals 及 MCP 伺服器的 request_approval 工具共用同一套協定,一個收件匣就能顯示所有來源的請求。

登入後,範例程式碼會自動帶入您的叢集主機。 登入

  1. 安裝

    npm install @hibira-io/approvals pusher pusher-js
  2. 設定

    import Pusher from 'pusher';
    import { createApprovals } from '@hibira-io/approvals';
    
    const pusher = new Pusher({
      appId: process.env.HIBIRA_APP_ID,
      key: process.env.HIBIRA_KEY,
      secret: process.env.HIBIRA_SECRET,
      host: 'ws.hibira.io',
      useTLS: true,
    });
    
    export const approvals = createApprovals({
      pusher,
      scope: 'support',
      resume: async (request) => continueAgent(request), // give the agent its answers
    });
  3. 使用

    import { ApprovalInbox, createApprovalsClient } from '@hibira-io/approvals/react';
    import '@hibira-io/approvals/styles.css';
    
    const client = createApprovalsClient({ endpoint: '/api/approvals', pusher, scope: 'support' });
    
    export function ApprovalsPage({ me }) {
      return <ApprovalInbox client={client} me={me.id} />;
    }

開始之前

  • 應用程式的密鑰只會在建立應用程式或輪替密鑰時顯示一次。請只放在伺服器上,不要放進瀏覽器或遊戲的建置檔。
  • approvals.handler() 提供收件匣需要的 route 和頻道授權。決定會從收件匣送到你的後端,不會走 client event。
  • 請求預設存在記憶體中。正式環境請傳入一個建立在你自己資料庫上的 store。

請使用儀表板中的應用程式 Key;Secret 只放在你的伺服器上。頻道、事件與授權端點的用法和 Pusher 完全相同。 免費建立帳號 →