"use client";

/**
 * TASK-0133 — Webhooks tab (workspace-scoped).
 *
 * Webhooks live per-workspace in the API (`/workspaces/:id/webhooks`), so the
 * console operates on the workspace chosen in the shared picker. This tab
 * REUSES the workspace Settings `WebhooksTab` (create dialog, secret
 * reveal-once, delivery inspector) — no duplicated UI.
 *
 * Authorization: the webhooks routes are workspace-scoped and require `ADMIN`
 * workspace role; an org admin owns every org workspace.
 */
import { WebhooksTab } from "@/components/settings/webhooks/WebhooksTab";
import { Section } from "@/components/settings/settings-shell";

export function AdminWebhooksTab({ workspaceId }: { workspaceId: string | null }) {
  if (!workspaceId) {
    return (
      <Section title="Webhooks" description="Pick a workspace above to manage its webhooks.">
        <p className="text-sm text-muted-foreground">No workspace selected.</p>
      </Section>
    );
  }
  return <WebhooksTab workspaceId={workspaceId} />;
}