Smithery Tokens

1"use client";
2 
3import { useAtom } from "jotai";
4import { Loader2, Plus, Trash2 } from "lucide-react";
5import { useState } from "react";
6import {
7	CodeBlock,
8	CodeBlockCopyButton,
9} from "@/components/ai-elements/code-block";
10import { Button } from "@/components/ui/button";
11import {
12	Dialog,
13	DialogContent,
14	DialogHeader,
15	DialogTitle,
16	DialogTrigger,
17} from "@/components/ui/dialog";
18import { Input } from "@/components/ui/input";
19import {
20	Select,
21	SelectContent,
22	SelectItem,
23	SelectTrigger,
24	SelectValue,
25} from "@/components/ui/select";
26import { selectedTokenAtom, tokensCreatedAtom } from "@/hooks/use-smithery";
27import { useSmitheryContext } from "@/registry/new-york/smithery/smithery-provider";
28 
29function formatTimeRemaining(expiresAt: string): string {
30	if (!expiresAt || expiresAt === "never") return "1 hour";
31	const expiresDate = new Date(expiresAt);
32	const now = new Date();
33	const diffMs = expiresDate.getTime() - now.getTime();
34	if (diffMs <= 0) return "expired";
35	const diffMins = Math.floor(diffMs / 60000);
36	if (diffMins < 60) {
37		return `${diffMins} minute${diffMins !== 1 ? "s" : ""}`;
38	}
39	const diffHours = Math.floor(diffMins / 60);
40	return `${diffHours} hour${diffHours !== 1 ? "s" : ""}`;
41}
42 
43export function Tokens() {
44	const [tokensCreated, setTokensCreated] = useAtom(tokensCreatedAtom);
45	const [selectedToken, setSelectedToken] = useAtom(selectedTokenAtom);
46	const [isOpen, setIsOpen] = useState(false);
47	const [isCreatingToken, setIsCreatingToken] = useState(false);
48	const [isCreatingNamespace, setIsCreatingNamespace] = useState(false);
49	const [newNamespaceName, setNewNamespaceName] = useState("");
50	const [showNamespaceInput, setShowNamespaceInput] = useState(false);
51 
52	const {
53		createToken,
54		createNamespace,
55		loading,
56		namespace,
57		namespaces,
58		setNamespace,
59		sandboxMode,
60		tokenExpiresAt,
61	} = useSmitheryContext();
62	const [namespaceError, setNamespaceError] = useState<string | null>(null);
63 
64	const handleRemoveToken = () => {
65		if (!selectedToken) return;
66 
67		setTokensCreated((prev) =>
68			prev.filter((token) => token.token !== selectedToken.token),
69		);
70		setSelectedToken(null);
71	};
72 
73	const handleCreateToken = async () => {
74		setIsCreatingToken(true);
75		try {
76			await createToken();
77		} finally {
78			setIsCreatingToken(false);
79		}
80	};
81 
82	const handleCreateNamespace = async () => {
83		if (!newNamespaceName.trim()) return;
84		setIsCreatingNamespace(true);
85		setNamespaceError(null);
86		try {
87			await createNamespace(newNamespaceName.trim());
88// … truncated