@promptbook/cli 0.104.0-8 → 0.104.0

package/apps/agents-server/src/app/admin/api-tokens/ApiTokensClient.tsx

@@ -1,186 +0,0 @@
-'use client';
-
-import { Copy, Plus, Trash } from 'lucide-react';
-import { useEffect, useState } from 'react';
-
-type ApiTokenEntry = {
-    id: number;
-    token: string;
-    note: string | null;
-    createdAt: string;
-    updatedAt: string;
-    isRevoked: boolean;
-};
-
-export function ApiTokensClient() {
-    const [tokens, setTokens] = useState<ApiTokenEntry[]>([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-    const [note, setNote] = useState('');
-    const [isCreating, setIsCreating] = useState(false);
-
-    const fetchTokens = async () => {
-        try {
-            setLoading(true);
-            const response = await fetch('/api/api-tokens');
-            if (!response.ok) {
-                throw new Error('Failed to fetch tokens');
-            }
-            const data: ApiTokenEntry[] = await response.json();
-            setTokens(data);
-        } catch (err) {
-            setError(err instanceof Error ? err.message : 'An error occurred');
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    useEffect(() => {
-        fetchTokens();
-    }, []);
-
-    const handleCreate = async (e: React.FormEvent) => {
-        e.preventDefault();
-        setError(null);
-        setIsCreating(true);
-
-        try {
-            const response = await fetch('/api/api-tokens', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ note }),
-            });
-
-            if (!response.ok) {
-                const data = await response.json();
-                throw new Error(data.error || 'Failed to create token');
-            }
-
-            setNote('');
-            fetchTokens();
-        } catch (err) {
-            setError(err instanceof Error ? err.message : 'An error occurred');
-        } finally {
-            setIsCreating(false);
-        }
-    };
-
-    const handleDelete = async (id: number) => {
-        if (!confirm('Are you sure you want to delete this token?')) return;
-
-        try {
-            const response = await fetch(`/api/api-tokens?id=${id}`, {
-                method: 'DELETE',
-            });
-
-            if (!response.ok) {
-                const data = await response.json();
-                throw new Error(data.error || 'Failed to delete token');
-            }
-
-            fetchTokens();
-        } catch (err) {
-            setError(err instanceof Error ? err.message : 'An error occurred');
-        }
-    };
-
-    const copyToClipboard = (text: string) => {
-        navigator.clipboard.writeText(text);
-        // You could add a toast notification here
-    };
-
-    if (loading && tokens.length === 0) {
-        return <div className="p-8 text-center">Loading tokens...</div>;
-    }
-
-    return (
-        <div className="container mx-auto p-8 max-w-4xl">
-            <h1 className="text-3xl font-bold mb-8">API Tokens</h1>
-
-            {error && (
-                <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-6">{error}</div>
-            )}
-
-            <div className="bg-white shadow rounded-lg p-6 mb-8">
-                <h2 className="text-xl font-semibold mb-4">Create New Token</h2>
-                <form onSubmit={handleCreate} className="flex gap-4">
-                    <input
-                        type="text"
-                        value={note}
-                        onChange={(e) => setNote(e.target.value)}
-                        className="flex-grow px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="Description (optional)"
-                    />
-                    <button
-                        type="submit"
-                        disabled={isCreating}
-                        className="bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors flex items-center gap-2 whitespace-nowrap"
-                    >
-                        <Plus className="w-4 h-4" />
-                        {isCreating ? 'Creating...' : 'Create Token'}
-                    </button>
-                </form>
-            </div>
-
-            <div className="bg-white shadow rounded-lg overflow-hidden">
-                <table className="min-w-full divide-y divide-gray-200">
-                    <thead className="bg-gray-50">
-                        <tr>
-                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                Token
-                            </th>
-                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                Note
-                            </th>
-                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                Created At
-                            </th>
-                            <th className="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                Actions
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody className="bg-white divide-y divide-gray-200">
-                        {tokens.length === 0 ? (
-                            <tr>
-                                <td colSpan={4} className="px-6 py-4 text-center text-gray-500">
-                                    No tokens found.
-                                </td>
-                            </tr>
-                        ) : (
-                            tokens.map((entry) => (
-                                <tr key={entry.id}>
-                                    <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 font-mono">
-                                        <div className="flex items-center gap-2">
-                                            <span>{entry.token}</span>
-                                            <button
-                                                onClick={() => copyToClipboard(entry.token)}
-                                                className="text-gray-400 hover:text-gray-600"
-                                                title="Copy to clipboard"
-                                            >
-                                                <Copy className="w-4 h-4" />
-                                            </button>
-                                        </div>
-                                    </td>
-                                    <td className="px-6 py-4 text-sm text-gray-500">{entry.note || '-'}</td>
-                                    <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                        {new Date(entry.createdAt).toLocaleDateString()}
-                                    </td>
-                                    <td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                                        <button
-                                            onClick={() => handleDelete(entry.id)}
-                                            className="text-red-600 hover:text-red-900"
-                                            title="Delete token"
-                                        >
-                                            <Trash className="w-4 h-4" />
-                                        </button>
-                                    </td>
-                                </tr>
-                            ))
-                        )}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    );
-}

package/apps/agents-server/src/app/admin/api-tokens/page.tsx

@@ -1,13 +0,0 @@
-import { ForbiddenPage } from '../../../components/ForbiddenPage/ForbiddenPage';
-import { isUserAdmin } from '../../../utils/isUserAdmin';
-import { ApiTokensClient } from './ApiTokensClient';
-
-export default async function ApiTokensPage() {
-    const isAdmin = await isUserAdmin();
-
-    if (!isAdmin) {
-        return <ForbiddenPage />;
-    }
-
-    return <ApiTokensClient />;
-}

package/apps/agents-server/src/app/admin/browser-test/BrowserTestClient.tsx

@@ -1,85 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Card } from '../../../components/Homepage/Card';
-
-export function BrowserTestClient() {
-    const [imageUrl, setImageUrl] = useState<string | null>(null);
-
-    useEffect(() => {
-        return () => {
-            if (imageUrl) {
-                URL.revokeObjectURL(imageUrl);
-            }
-        };
-    }, [imageUrl]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState<string | null>(null);
-
-    const handleTakeScreenshot = async () => {
-        setIsLoading(true);
-        setError(null);
-        try {
-            const response = await fetch('/api/browser-test/screenshot');
-            if (!response.ok) {
-                const text = await response.text();
-                let errorMessage;
-                try {
-                    const json = JSON.parse(text);
-                    errorMessage = json.error || response.statusText;
-                } catch {
-                    errorMessage = text || response.statusText;
-                }
-                throw new Error(`Error: ${response.status} ${errorMessage}`);
-            }
-            const blob = await response.blob();
-            const url = URL.createObjectURL(blob);
-            setImageUrl(url);
-        } catch (err) {
-            setError(String(err));
-        } finally {
-            setIsLoading(false);
-        }
-    };
-
-    return (
-        <div className="container mx-auto px-4 py-8 space-y-6">
-            <div className="mt-20 mb-4 flex flex-col gap-2 md:flex-row md:items-end md:justify-between">
-                <div>
-                    <h1 className="text-3xl text-gray-900 font-light">Browser Test</h1>
-                    <p className="mt-1 text-sm text-gray-500">
-                        Launch a browser instance and take a screenshot to verify functionality.
-                    </p>
-                </div>
-            </div>
-
-            <Card>
-                <div className="mb-4">
-                    <p className="mb-2">Click the button below to launch a browser instance (if not running), navigate to ptbk.io, and take a screenshot.</p>
-                    <button
-                        onClick={handleTakeScreenshot}
-                        disabled={isLoading}
-                        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded disabled:opacity-50"
-                    >
-                        {isLoading ? 'Taking Screenshot...' : 'Take Screenshot'}
-                    </button>
-                </div>
-
-                {error && (
-                    <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" role="alert">
-                        <strong className="font-bold">Error: </strong>
-                        <span className="block sm:inline">{error}</span>
-                    </div>
-                )}
-
-                {imageUrl && (
-                    <div className="border rounded shadow-lg overflow-hidden">
-                        <h2 className="text-xl font-semibold p-2 bg-gray-100">Screenshot</h2>
-                        {/* eslint-disable-next-line @next/next/no-img-element */}
-                        <img src={imageUrl} alt="Screenshot of ptbk.io" className="w-full h-auto" />
-                    </div>
-                )}
-            </Card>
-        </div>
-    );
-}

package/apps/agents-server/src/app/admin/browser-test/page.tsx

@@ -1,13 +0,0 @@
-import { ForbiddenPage } from '../../../components/ForbiddenPage/ForbiddenPage';
-import { isUserAdmin } from '../../../utils/isUserAdmin';
-import { BrowserTestClient } from './BrowserTestClient';
-
-export default async function BrowserTestPage() {
-    const isAdmin = await isUserAdmin();
-
-    if (!isAdmin) {
-        return <ForbiddenPage />;
-    }
-
-    return <BrowserTestClient />;
-}