Tool permissions

"use client"

import * as React from "react"
import { ToolPermissions } from "@/components/tool-permissions"
import type { ToolSetting } from "@/lib/know"

export default function Example() {
  const [tools, setTools] = React.useState<ToolSetting[]>([
    { id: "t1", name: "db.describe", description: "Read tables, columns, indexes and constraints", effect: "read", permission: "always" },
    { id: "t2", name: "repo.search", description: "Search the connected repositories", effect: "read", permission: "always" },
    { id: "t3", name: "migration.apply", description: "Apply a migration to Staging", effect: "write", permission: "ask" },
    { id: "t4", name: "flags.set", description: "Turn a feature flag on or off in Staging", effect: "write", permission: "ask" },
    { id: "t5", name: "prod.deploy", description: "Deploy to Production", effect: "deploy", permission: "never", locked: { always: "Production deploys always go through an approval request." } },
    { id: "t6", name: "slack.post", description: "Post a message to a Slack channel", effect: "outside", permission: "ask", locked: { always: "Messages outside Keel need someone to approve each one." } },
  ])
  return <ToolPermissions className="max-w-2xl" tools={tools} onChange={(id, permission) => setTools((ts) => ts.map((t) => (t.id === id ? { ...t, permission } : t)))} />
}