@promptbook/cli 0.103.0-52 → 0.103.0-54

package/apps/agents-server/src/app/recycle-bin/page.tsx

@@ -0,0 +1,58 @@
+import { $provideAgentCollectionForServer } from '@/src/tools/$provideAgentCollectionForServer';
+import { TrashIcon } from 'lucide-react';
+import Link from 'next/link';
+import { RestoreAgentButton } from './RestoreAgentButton';
+
+export const metadata = {
+    title: 'Recycle Bin',
+};
+
+export default async function RecycleBinPage() {
+    const collection = await $provideAgentCollectionForServer();
+    const deletedAgents = await collection.listDeletedAgents();
+
+    return (
+        <div className="container mx-auto p-6 max-w-4xl">
+            <header className="flex items-center gap-4 mb-8">
+                <div className="bg-red-100 p-3 rounded-full">
+                    <TrashIcon className="w-8 h-8 text-red-600" />
+                </div>
+                <div>
+                    <h1 className="text-3xl font-bold text-gray-900">Recycle Bin</h1>
+                    <p className="text-gray-600">Restore deleted agents from here.</p>
+                </div>
+            </header>
+
+            {deletedAgents.length === 0 ? (
+                <div className="text-center py-12 bg-gray-50 rounded-lg border border-dashed border-gray-300">
+                    <p className="text-gray-500 text-lg">Recycle bin is empty</p>
+                    <Link href="/" className="text-blue-600 hover:underline mt-2 inline-block">
+                        Go back to agents
+                    </Link>
+                </div>
+            ) : (
+                <div className="grid gap-4">
+                    {deletedAgents.map((agentName) => (
+                        <div
+                            key={agentName}
+                            className="bg-white p-4 rounded-lg shadow-sm border border-gray-200 flex items-center justify-between hover:shadow-md transition-shadow"
+                        >
+                            <div className="flex items-center gap-3">
+                                <div className="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center text-gray-500 font-bold text-lg">
+                                    {agentName.charAt(0).toUpperCase()}
+                                </div>
+                                <div>
+                                    <h3 className="font-semibold text-lg text-gray-900">{agentName}</h3>
+                                    <p className="text-sm text-gray-500">Deleted agent</p>
+                                </div>
+                            </div>
+                            <div className="flex gap-2">
+                                <RestoreAgentButton agentName={agentName} />
+                            </div>
+                        </div>
+                    ))}
+                </div>
+            )}
+        </div>
+    );
+}

package/apps/agents-server/src/app/restricted/page.tsx

@@ -0,0 +1,33 @@
+import { ShieldAlert } from 'lucide-react';
+import Link from 'next/link';
+
+export default function RestrictedPage() {
+    return (
+        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-4rem)] p-4 text-center">
+            <div className="bg-red-50 p-6 rounded-full mb-6">
+                <ShieldAlert className="w-12 h-12 text-red-600" />
+            </div>
+            <h1 className="text-2xl font-bold text-gray-900 mb-2">Access Restricted</h1>
+            <p className="text-gray-600 max-w-md mb-8">
+                This server is restricted to authorized users or specific IP addresses. 
+                Please log in to continue or contact the administrator if you believe this is an error.
+            </p>
+            
+            {/* The Login button in the header is available, so we can just point to it or instruct the user */}
+            <div className="p-4 bg-blue-50 text-blue-800 rounded-lg max-w-md text-sm">
+                <p>
+                    <strong>Tip:</strong> Use the <strong>Log in</strong> button in the top right corner to access your account.
+                </p>
+            </div>
+
+            <div className="mt-8 flex gap-4">
+                <Link 
+                    href="/"
+                    className="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-md transition-colors"
+                >
+                    Go Home
+                </Link>
+            </div>
+        </div>
+    );
+}

package/apps/agents-server/src/app/test/og-image/README.md

@@ -0,0 +1 @@
+In this folder we are testing miscellaneous things related to Promptbook Agents Server

package/apps/agents-server/src/app/test/og-image/opengraph-image.tsx

@@ -0,0 +1,37 @@
+import { ImageResponse } from 'next/og';
+
+export const runtime = 'edge';
+
+export const alt = 'Agent Profile';
+export const size = {
+    width: 1200,
+    height: 630,
+};
+
+export const contentType = 'image/png';
+
+export default async function Image() {
+    return new ImageResponse(
+        (
+            <div
+                style={{
+                    display: 'flex',
+                    flexDirection: 'row',
+                    width: '100%',
+                    height: '100%',
+                    backgroundColor: 'white',
+                }}
+            >
+                <h1>Hello</h1>
+            </div>
+        ),
+        {
+            ...size,
+            emoji: 'openmoji',
+        },
+    );
+}
+
+/**
+ * TODO:  [webpack.cache.PackFileCacheStrategy] Serializing big strings (126kiB) impacts deserialization performance (consider using Buffer instead and decode when needed)
+ */

package/apps/agents-server/src/app/test/og-image/page.tsx

@@ -0,0 +1,22 @@
+import { NEXT_PUBLIC_SITE_URL } from '@/config';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    metadataBase: NEXT_PUBLIC_SITE_URL,
+    title: 'Test OG Image',
+    description: 'Testing og-image',
+};
+
+export default function TestPage() {
+    return (
+        <div className="min-h-screen flex items-center justify-center bg-gray-100">
+            <div className="bg-white p-8 rounded-lg shadow-md max-w-md w-full">
+                <h1 className="text-3xl font-bold text-red-600 mb-4 text-center">Test page</h1>
+                <p className="text-gray-700 mb-6 text-center">Testing og-image</p>
+                <p className="text-gray-600 text-sm text-center mt-4">
+                    View page source or share this URL to see the OG image in action
+                </p>
+            </div>
+        </div>
+    );
+}

package/apps/agents-server/src/components/Footer/Footer.tsx

@@ -0,0 +1,175 @@
+import Link from 'next/link';
+
+export type FooterLink = {
+    title: string;
+    url: string;
+};
+
+type FooterProps = {
+    extraLinks?: FooterLink[];
+};
+
+export function Footer(props: FooterProps) {
+    const { extraLinks = [] } = props;
+
+    return (
+        <footer className="border-t bg-white">
+            <div className="container mx-auto px-6 py-12">
+                <div className="grid grid-cols-1 md:grid-cols-5 gap-8">
+                    {/* Company Info */}
+                    <div className="space-y-4">
+                        <h3 className="font-bold">
+                            Prompt<b>Book</b>
+                        </h3>
+                        <p className="text-sm text-muted-foreground text-gray-500">
+                            {`It's time for a paradigm shift!`}
+                            <br />
+                            {`The future of software is in plain English ✨`}
+                        </p>
+                    </div>
+
+                    {/* Products */}
+                    <div className="space-y-4">
+                        <h3 className="font-bold">Product</h3>
+                        <ul className="space-y-2 text-sm">
+                            <li>
+                                <Link href="/get-started" className="text-gray-500 hover:text-gray-900">
+                                    Get started
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="/manifest" className="text-gray-500 hover:text-gray-900">
+                                    Manifest
+                                </Link>
+                            </li>
+                            <li>
+                                <a
+                                    href="https://github.com/webgptorg/promptbook"
+                                    className="text-gray-500 hover:text-gray-900"
+                                >
+                                    Documentation
+                                </a>
+                            </li>
+                            <li>
+                                <Link href="/terms" className="text-gray-500 hover:text-gray-900">
+                                    Terms of Service
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="/privacy" className="text-gray-500 hover:text-gray-900">
+                                    Privacy Policy
+                                </Link>
+                            </li>
+                        </ul>
+                    </div>
+
+                    {/* Company */}
+                    <div className="space-y-4">
+                        <h3 className="font-bold">Company</h3>
+                        <ul className="space-y-2 text-sm">
+                            <li>
+                                <a
+                                    href="https://or-justice-cz.translate.goog/ias/ui/rejstrik-firma.vysledky?subjektId=1223693&typ=UPLNY&_x_tr_sl=cs&_x_tr_tl=en&_x_tr_hl=en-US&_x_tr_pto=wapp"
+                                    className="text-gray-500 hover:text-gray-900"
+                                >
+                                    AI Web, LLC
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://ptbk.io/#about-us" className="text-gray-500 hover:text-gray-900">
+                                    About Us
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://ptbk.io/blog" className="text-gray-500 hover:text-gray-900">
+                                    Blog
+                                </a>
+                            </li>
+                            <li>
+                                <Link href="/design" className="text-gray-500 hover:text-gray-900">
+                                    Logos & Branding
+                                </Link>
+                            </li>
+                        </ul>
+                    </div>
+
+                    {/* Social */}
+                    <div className="space-y-4">
+                        <h3 className="font-bold">Connect</h3>
+                        <ul className="space-y-2 text-sm">
+                            <li>
+                                <a
+                                    href="https://github.com/webgptorg/promptbook"
+                                    className="text-gray-500 hover:text-gray-900"
+                                >
+                                    GitHub
+                                </a>
+                            </li>
+                            <li>
+                                <a
+                                    href="https://linkedin.com/company/promptbook"
+                                    className="text-gray-500 hover:text-gray-900"
+                                >
+                                    LinkedIn
+                                </a>
+                            </li>
+                            <li>
+                                <a
+                                    href="https://discord.gg/x3QWNaa89N"
+                                    className="text-gray-500 hover:text-gray-900"
+                                >
+                                    Discord
+                                </a>
+                            </li>
+                            <li>
+                                <Link href="/contact" className="text-gray-500 hover:text-gray-900">
+                                    More
+                                </Link>
+                            </li>
+                        </ul>
+                    </div>
+
+                    {/* Extra Links from Metadata */}
+                    {extraLinks.length > 0 && (
+                        <div className="space-y-4">
+                            <h3 className="font-bold">Links</h3>
+                            <ul className="space-y-2 text-sm">
+                                {extraLinks.map((link, index) => (
+                                    <li key={index}>
+                                        <a
+                                            href={link.url}
+                                            className="text-gray-500 hover:text-gray-900"
+                                            target="_blank"
+                                            rel="noopener noreferrer"
+                                        >
+                                            {link.title}
+                                        </a>
+                                    </li>
+                                ))}
+                            </ul>
+                        </div>
+                    )}
+                </div>
+
+                <div className="border-t mt-8 pt-8 text-center text-sm text-gray-500">
+                    <p>
+                        &copy; {new Date().getFullYear()} Promptbook
+                        <br />
+                        All rights reserved.
+                        <br />
+                        💜
+                    </p>
+                </div>
+                <div className="flex flex-col items-center mt-8">
+                    {/* <Image src={TechnologyIncubation} alt="Our Sponsor" className="h-32 w-auto" /> */}
+                    <p className="text-center text-sm text-gray-500 mt-4 max-w-lg">
+                        This project was implemented with funding from the national budget
+                        <br />
+                        via the Ministry of Industry and Trade of the Czech Republic within the CzechInvest Technology
+                        Incubation programme.
+                    </p>
+                </div>
+            </div>
+        </footer>
+    );
+}