51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1665,"use client" import type * as React from "react" import { motion } from "motion/react" import { ChevronDown, Plug } from "lucide-react" import { cn } from "@/lib/utils" import { springs, fades, depth, reduced, useReducedMotion } from "@/lib/motion" import { Badge } from "./badge" import { Button, buttonVariants } from "./button" import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible" import { Switch } from "./switch" // The Claude.ai connector directory as components: an integration card with // connect/disconnect, OAuth states, the per-conversation enable switch, and // a discovered-tools disclosure. No OAuth or MCP runtime coupling — state in, // callbacks out. type ConnectorState = "connected" | "disconnected" | "needs-auth" | "error" const STATUS_TEXT: Record = { connected: "Connected", disconnected: "Not connected", "needs-auth": "Needs re-authentication", error: "Connection error", } function ConnectorCard({ name, description, icon, connection = "disconnected", enabled, onEnabledChange, onConnect, onDisconnect, tools, className, ...props }: React.ComponentProps<"div"> & { name: React.ReactNode description?: React.ReactNode /** Logo / lucide icon; sits in a small carved well on the key. */ icon?: React.ReactNode connection?: ConnectorState /** Per-conversation enablement — only rendered while connected. */ enabled?: boolean onEnabledChange?: (enabled: boolean) => void onConnect?: () => void onDisconnect?: () => void /** Discovered tool names — renders the "N tools" disclosure. */ tools?: string[] }) { const reduceMotion = useReducedMotion() const attention = connection === "needs-auth" || connection === "error" return (

{icon ?? }

{name}

{STATUS_TEXT[connection]}

{connection === "connected" ? ( <> onEnabledChange?.(checked)} /> ) : ( )}

{description ? (

{description}

) : null} {tools && tools.length > 0 ? ( } > {tools.length} {tools.length === 1 ? "tool" : "tools"}

{tools.map((tool) => ( {tool} ))}

) : null}

) } // The grid the cards sit in — layout only. function ConnectorList({ className, ...props }: React.ComponentProps<"div">) { return (

) } export { ConnectorCard, ConnectorList, type ConnectorState } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L51",null,{"namespace":"@seamui","registryDependencies":["https://seamui.dev/r/utils.json","https://seamui.dev/r/motion.json","https://seamui.dev/r/button.json","https://seamui.dev/r/badge.json","https://seamui.dev/r/switch.json","https://seamui.dev/r/collapsible.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/seam/ui/connector-card.tsx","content":"$53","type":"registry:ui","target":"components/ui/connector-card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]