@promptbook/cli 0.103.0-10 → 0.103.0-100

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

@@ -0,0 +1,159 @@
+'use client';
+
+import { Loader2, Lock } from 'lucide-react';
+import { useState } from 'react';
+
+type ChangePasswordFormProps = {
+    onSuccess?: () => void;
+    className?: string;
+};
+
+export function ChangePasswordForm(props: ChangePasswordFormProps) {
+    const { onSuccess, className } = props;
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+    const [successMessage, setSuccessMessage] = useState<string | null>(null);
+
+    const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
+        event.preventDefault();
+        setIsLoading(true);
+        setError(null);
+        setSuccessMessage(null);
+
+        const formData = new FormData(event.currentTarget);
+        const currentPassword = formData.get('currentPassword') as string;
+        const newPassword = formData.get('newPassword') as string;
+        const confirmNewPassword = formData.get('confirmNewPassword') as string;
+
+        if (newPassword !== confirmNewPassword) {
+            setError('New passwords do not match');
+            setIsLoading(false);
+            return;
+        }
+
+        try {
+            const response = await fetch('/api/auth/change-password', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ currentPassword, newPassword }),
+            });
+
+            const result = await response.json();
+
+            if (response.ok) {
+                setSuccessMessage('Password changed successfully');
+                // Reset form
+                event.currentTarget.reset();
+                if (onSuccess) {
+                    setTimeout(onSuccess, 1500);
+                }
+            } else {
+                setError(result.error || 'An error occurred');
+            }
+        } catch (error) {
+            setError('An unexpected error occurred');
+            console.error(error);
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    return (
+        <form onSubmit={handleSubmit} className={`space-y-4 ${className || ''}`}>
+            <div className="space-y-2">
+                <label
+                    htmlFor="currentPassword"
+                    className="text-sm font-medium text-gray-700 block"
+                >
+                    Current Password
+                </label>
+                <div className="relative">
+                    <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400">
+                        <Lock className="w-4 h-4" />
+                    </div>
+                    <input
+                        id="currentPassword"
+                        name="currentPassword"
+                        type="password"
+                        required
+                        className="block w-full pl-10 h-10 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-promptbook-blue focus:border-transparent disabled:opacity-50"
+                        placeholder="Enter current password"
+                    />
+                </div>
+            </div>
+
+            <div className="space-y-2">
+                <label
+                    htmlFor="newPassword"
+                    className="text-sm font-medium text-gray-700 block"
+                >
+                    New Password
+                </label>
+                <div className="relative">
+                    <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400">
+                        <Lock className="w-4 h-4" />
+                    </div>
+                    <input
+                        id="newPassword"
+                        name="newPassword"
+                        type="password"
+                        required
+                        className="block w-full pl-10 h-10 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-promptbook-blue focus:border-transparent disabled:opacity-50"
+                        placeholder="Enter new password"
+                    />
+                </div>
+            </div>
+
+            <div className="space-y-2">
+                <label
+                    htmlFor="confirmNewPassword"
+                    className="text-sm font-medium text-gray-700 block"
+                >
+                    Confirm New Password
+                </label>
+                <div className="relative">
+                    <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400">
+                        <Lock className="w-4 h-4" />
+                    </div>
+                    <input
+                        id="confirmNewPassword"
+                        name="confirmNewPassword"
+                        type="password"
+                        required
+                        className="block w-full pl-10 h-10 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-promptbook-blue focus:border-transparent disabled:opacity-50"
+                        placeholder="Confirm new password"
+                    />
+                </div>
+            </div>
+
+            {error && (
+                <div className="p-3 text-sm text-red-500 bg-red-50 border border-red-200 rounded-md">
+                    {error}
+                </div>
+            )}
+
+            {successMessage && (
+                <div className="p-3 text-sm text-green-500 bg-green-50 border border-green-200 rounded-md">
+                    {successMessage}
+                </div>
+            )}
+
+            <button
+                type="submit"
+                disabled={isLoading}
+                className="w-full inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-promptbook-blue-dark text-white hover:bg-promptbook-blue-dark/90 focus:outline-none focus:ring-2 focus:ring-promptbook-blue focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none transition-colors"
+            >
+                {isLoading ? (
+                    <>
+                        <Loader2 className="mr-2 w-4 h-4 animate-spin" />
+                        Changing Password...
+                    </>
+                ) : (
+                    'Change Password'
+                )}
+            </button>
+        </form>
+    );
+}

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

@@ -0,0 +1,87 @@
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { string_book } from '../../../../../src/book-2.0/agent-source/string_book';
+import { BookEditor } from '../../../../../src/book-components/BookEditor/BookEditor';
+import { OpenMojiIcon } from '../OpenMojiIcon/OpenMojiIcon';
+
+type DocumentationContentProps = {
+    primary: {
+        type: string;
+        icon: string;
+        description?: string;
+        documentation: string;
+    };
+    aliases?: string[];
+    isPrintOnly?: boolean;
+};
+
+export function DocumentationContent({ primary, aliases = [], isPrintOnly = false }: DocumentationContentProps) {
+    return (
+        <div className={`bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden ${isPrintOnly ? 'shadow-none border-none' : ''}`}>
+            <div className={`p-8 border-b border-gray-100 bg-gray-50/50 ${isPrintOnly ? 'border-none bg-white p-0 mb-4' : ''}`}>
+                <div className="flex items-center gap-4 mb-4">
+                    <h1 className="text-4xl font-bold text-gray-900 tracking-tight">
+                        <OpenMojiIcon icon={primary.icon} className="mr-3" />
+                        {primary.type}
+                        {aliases.length > 0 && (
+                            <span className="text-gray-400 font-normal ml-4 text-2xl">
+                                / {aliases.join(' / ')}
+                            </span>
+                        )}
+                    </h1>
+                    {!isPrintOnly && (
+                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-700">
+                            Commitment
+                        </span>
+                    )}
+                </div>
+                {primary.description && (
+                    <p className="text-xl text-gray-600 leading-relaxed max-w-3xl">
+                        {primary.description}
+                    </p>
+                )}
+            </div>
+            
+            <div className={`p-8 ${isPrintOnly ? 'p-0' : ''}`}>
+                <article className="prose prose-lg prose-slate max-w-none prose-headings:font-bold prose-headings:tracking-tight prose-headings:text-gray-900 prose-h1:text-4xl prose-h1:mb-8 prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h2:pb-2 prose-h2:border-b prose-h2:border-gray-200 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 prose-h3:text-gray-800 prose-p:text-gray-600 prose-p:leading-relaxed prose-p:mb-6 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:text-blue-700 hover:prose-a:underline prose-a:transition-colors prose-strong:font-bold prose-strong:text-gray-900 prose-code:text-blue-600 prose-code:bg-blue-50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:before:content-none prose-code:after:content-none prose-code:font-medium prose-pre:bg-gray-900 prose-pre:text-gray-100 prose-pre:shadow-lg prose-pre:rounded-xl prose-pre:p-6 prose-ul:list-disc prose-ul:pl-6 prose-li:marker:text-gray-400 prose-li:mb-2 prose-ol:list-decimal prose-ol:pl-6 prose-li:mb-2 prose-blockquote:border-l-4 prose-blockquote:border-blue-500 prose-blockquote:bg-blue-50/50 prose-blockquote:py-2 prose-blockquote:px-4 prose-blockquote:rounded-r-lg prose-blockquote:not-italic prose-blockquote:text-gray-700 prose-blockquote:my-8 prose-img:rounded-xl prose-img:shadow-md prose-img:my-8 prose-hr:border-gray-200 prose-hr:my-10 prose-table:w-full prose-th:text-left prose-th:py-2 prose-th:px-3 prose-th:bg-gray-100 prose-th:font-semibold prose-th:text-gray-900 prose-td:py-2 prose-td:px-3 prose-td:border-b prose-td:border-gray-200 prose-tr:hover:bg-gray-50">
+                    <ReactMarkdown
+                        remarkPlugins={[remarkGfm]}
+                        components={{
+                            code(props) {
+                                const { children, className, node, ...rest } = props;
+                                const match = /language-(\w+)/.exec(className || '');
+                                if (match && match[1] === 'book') {
+                                    const value = String(children).replace(/\n$/, '');
+                                    // Estimate height: lines * 30px + padding
+                                    const lineCount = value.split('\n').length;
+                                    const height = lineCount * 30 + 40; // 30px per line + 40px buffer
+
+                                    return (
+                                        <div className="not-prose my-6 rounded-lg overflow-hidden border border-gray-200 shadow-sm print:border-gray-300">
+                                            <BookEditor
+                                                value={value as string_book}
+                                                isReadonly={true}
+                                                isVerbose={false}
+                                                height={`${height}px`}
+                                                isDownloadButtonShown={false}
+                                                isAboutButtonShown={false}
+                                                isFullscreenButtonShown={true}
+                                            />
+                                        </div>
+                                    );
+                                }
+                                return (
+                                    <code className={className} {...rest}>
+                                        {children}
+                                    </code>
+                                );
+                            },
+                        }}
+                    >
+                        {primary.documentation}
+                    </ReactMarkdown>
+                </article>
+            </div>
+        </div>
+    );
+}

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+
+type ErrorPageProps = {
+    /**
+     * The title of the error page (e.g. "404 Not Found")
+     */
+    title: string;
+
+    /**
+     * The message to display to the user
+     */
+    message: string;
+
+    /**
+     * Optional children to display below the message (e.g. a button or form)
+     */
+    children?: ReactNode;
+};
+
+/**
+ * A standard layout for error pages (404, 403, 500, etc.)
+ */
+export function ErrorPage({ title, message, children }: ErrorPageProps) {
+    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">{title}</h1>
+                <p className="text-gray-700 mb-6 text-center">{message}</p>
+                {children}
+            </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>
+    );
+}

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

@@ -0,0 +1,15 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { ErrorPage } from '../ErrorPage/ErrorPage';
+import { LoginForm } from '../LoginForm/LoginForm';
+
+export function ForbiddenPage() {
+    const router = useRouter();
+
+    return (
+        <ErrorPage title="403 Forbidden" message="You do not have permission to access this page.">
+            <LoginForm onSuccess={() => router.refresh()} />
+        </ErrorPage>
+    );
+}