@promptbook/cli 0.114.0-0 → 0.114.0-10

package/apps/agents-server/src/app/api/onboarding/draft/route.ts

@@ -1,23 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server';
-import { createManGoOnboardingApiErrorResponse } from '@/src/utils/manGoOnboarding/manGoOnboardingApiResponses';
-import { generateManGoBookDraft } from '@/src/utils/manGoOnboarding/manGoOnboardingAgentRuntime';
-import { readManGoOnboardingStringProperty } from '@/src/utils/manGoOnboarding/manGoOnboardingApiRequest';
-
-/**
- * Handles `POST /api/onboarding/draft`.
- *
- * @param request - Incoming request with `agentName` and `agentBrief`.
- * @returns Generated Book draft.
- */
-export async function POST(request: NextRequest) {
-    try {
-        const body = await request.json();
-        const agentName = readManGoOnboardingStringProperty(body, 'agentName');
-        const agentBrief = readManGoOnboardingStringProperty(body, 'agentBrief');
-        const draft = await generateManGoBookDraft({ agentName, agentBrief });
-
-        return NextResponse.json({ draft });
-    } catch (error) {
-        return createManGoOnboardingApiErrorResponse(error);
-    }
-}

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

@@ -1,182 +0,0 @@
-'use client';
-
-import { useId, useState } from 'react';
-import { DnsProviderGuides } from '../DnsProviderGuides/DnsProviderGuides';
-import { createAgentProjectDnsRecord } from '../../utils/agentProjects/createAgentProjectDnsRecords';
-
-/**
- * Displays DNS setup instructions for generated agent project domains.
- *
- * The two tab groups intentionally represent independent choices: one domain
- * coverage and one record type. Exactly one record from the selected
- * combination should be configured at the DNS provider.
- */
-export function AgentProjectDnsInstructions({
-    isDnsIssue = false,
-    projectDomain,
-    publicIpAddress,
-    serverDomain,
-}: {
-    /**
-     * Whether at least one generated project domain currently fails DNS verification.
-     */
-    readonly isDnsIssue?: boolean;
-
-    /**
-     * Example generated project domain used by the single-project variant.
-     */
-    readonly projectDomain: string;
-
-    /**
-     * Public VPS IP address, when known by the server.
-     */
-    readonly publicIpAddress: string | null | undefined;
-
-    /**
-     * Base server domain used by generated project domains.
-     */
-    readonly serverDomain: string;
-}) {
-    const [isWildcardDomain, setIsWildcardDomain] = useState(true);
-    const [isCnameRecord, setIsCnameRecord] = useState(true);
-    const instructionId = useId();
-    const selectedRecord = createAgentProjectDnsRecord({
-        isCnameRecord,
-        isWildcardDomain,
-        projectDomain,
-        publicIpAddress,
-        serverDomain,
-    });
-    const selectedDomainDescription = isWildcardDomain
-        ? `This covers all generated project domains under ${serverDomain}.`
-        : `This covers one project, for example ${projectDomain}. Repeat it for each project that needs a public URL.`;
-
-    return (
-        <section className="space-y-4 rounded-lg border border-indigo-200 bg-indigo-50 px-4 py-4 text-sm text-indigo-950">
-            <div className="space-y-1">
-                <h4 className="font-semibold">Project DNS setup</h4>
-                <p>
-                    Project URLs use a subdomain of <code>{serverDomain}</code>. Configure exactly one of the
-                    following setups; do not add both the single-project and wildcard records, or both A and CNAME
-                    records for the same hostname.
-                </p>
-            </div>
-
-            {isDnsIssue ? (
-                <p className="rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-amber-900">
-                    One or more generated project domains do not resolve to this VPS yet. The recommended wildcard
-                    CNAME setup is selected below.
-                </p>
-            ) : null}
-
-            <div className="grid gap-4 md:grid-cols-2">
-                <DnsInstructionTabGroup
-                    label="Domain coverage"
-                    tabs={[
-                        { label: 'Single project', value: false },
-                        { label: 'Wildcard (all projects, recommended)', value: true },
-                    ]}
-                    selectedValue={isWildcardDomain}
-                    onSelect={setIsWildcardDomain}
-                    idPrefix={`${instructionId}-domain`}
-                />
-                <DnsInstructionTabGroup
-                    label="Record type"
-                    tabs={[
-                        { label: 'A record (VPS IP)', value: false },
-                        { label: 'CNAME record (server domain, recommended)', value: true },
-                    ]}
-                    selectedValue={isCnameRecord}
-                    onSelect={setIsCnameRecord}
-                    idPrefix={`${instructionId}-record`}
-                />
-            </div>
-
-            <p className="text-indigo-900">{selectedDomainDescription}</p>
-
-            <div className="overflow-x-auto rounded-lg border border-indigo-200 bg-white">
-                <table className="min-w-full divide-y divide-indigo-100 text-xs">
-                    <thead className="bg-indigo-100/60 text-indigo-900">
-                        <tr>
-                            <th className="px-3 py-2 text-left font-semibold">Type</th>
-                            <th className="px-3 py-2 text-left font-semibold">Name</th>
-                            <th className="px-3 py-2 text-left font-semibold">Value</th>
-                            <th className="px-3 py-2 text-left font-semibold">When to use</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td className="px-3 py-2 font-mono font-semibold text-indigo-950">
-                                {selectedRecord.type}
-                            </td>
-                            <td className="px-3 py-2 font-mono text-slate-800">{selectedRecord.name}</td>
-                            <td className="px-3 py-2 font-mono text-slate-800">{selectedRecord.value}</td>
-                            <td className="px-3 py-2 text-indigo-900">{selectedRecord.note}</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-
-            <div className="space-y-2">
-                <p className="font-medium">How to set it up</p>
-                <ol className="list-decimal space-y-1 pl-5 text-indigo-900">
-                    <li>Open the DNS settings for the domain.</li>
-                    <li>Add the single record shown above.</li>
-                    <li>Remove conflicting A, AAAA, or CNAME records for the same hostname.</li>
-                    <li>Wait for DNS propagation, then open the project URL again.</li>
-                </ol>
-            </div>
-
-            <div className="space-y-2">
-                <p className="font-medium">Provider guides</p>
-                <DnsProviderGuides linkClassName="font-semibold text-indigo-700 underline decoration-indigo-400 underline-offset-2 hover:text-indigo-900" />
-            </div>
-        </section>
-    );
-}
-
-/**
- * Renders one accessible two-option tab group used by the DNS instruction panel.
- */
-function DnsInstructionTabGroup<TValue extends boolean>({
-    idPrefix,
-    label,
-    onSelect,
-    selectedValue,
-    tabs,
-}: {
-    readonly idPrefix: string;
-    readonly label: string;
-    readonly onSelect: (value: TValue) => void;
-    readonly selectedValue: TValue;
-    readonly tabs: ReadonlyArray<{ readonly label: string; readonly value: TValue }>;
-}) {
-    return (
-        <div>
-            <p className="mb-2 text-xs font-semibold uppercase tracking-wide text-indigo-700">{label}</p>
-            <div className="flex rounded-md border border-indigo-200 bg-white p-1" role="tablist" aria-label={label}>
-                {tabs.map((tab) => {
-                    const isSelected = tab.value === selectedValue;
-
-                    return (
-                        <button
-                            key={tab.label}
-                            id={`${idPrefix}-${tab.value ? 'alternative' : 'primary'}`}
-                            type="button"
-                            role="tab"
-                            aria-selected={isSelected}
-                            onClick={() => onSelect(tab.value)}
-                            className={`flex-1 rounded px-2 py-2 text-xs font-semibold transition ${
-                                isSelected
-                                    ? 'bg-indigo-600 text-white shadow-sm'
-                                    : 'text-indigo-700 hover:bg-indigo-50 hover:text-indigo-950'
-                            }`}
-                        >
-                            {tab.label}
-                        </button>
-                    );
-                })}
-            </div>
-        </div>
-    );
-}

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/components/BookLanguagePanel.tsx

@@ -1,125 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-
-import type { string_book } from '../../../../../../../src/book-2.0/agent-source/string_book';
-import { BookEditor } from '../../../../../../../src/book-components/BookEditor/BookEditor';
-import { convertToBook } from '../services/bookService';
-import { Badge } from './ui/Badge';
-import { Button } from './ui/Button';
-import { Spinner } from './ui/Spinner';
-
-type Phase = 'idle' | 'loading' | 'ready' | 'error';
-
-/**
- * Converts the editor's markdown draft into canonical Book language via the `generateBook`
- * endpoint and shows the validated result. Optional, on-demand — keeps the free-markdown
- * editing flow intact while exposing the "real" Book artifact.
- */
-export function BookLanguagePanel({ source }: { readonly source: string }) {
-    const [phase, setPhase] = useState<Phase>('idle');
-    const [book, setBook] = useState('');
-    const [isValid, setIsValid] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-    const [generatedFrom, setGeneratedFrom] = useState('');
-    const [copied, setCopied] = useState(false);
-
-    async function generate() {
-        setPhase('loading');
-        setError(null);
-        try {
-            const result = await convertToBook(source);
-            setBook(result.book);
-            setIsValid(result.isValid);
-            setGeneratedFrom(source);
-            setPhase('ready');
-        } catch (caught) {
-            setError(caught instanceof Error ? caught.message : 'Převod na Book selhal.');
-            setPhase('error');
-        }
-    }
-
-    function copy() {
-        void navigator.clipboard?.writeText(book).then(() => {
-            setCopied(true);
-            setTimeout(() => setCopied(false), 1500);
-        });
-    }
-
-    const isStale = phase === 'ready' && source !== generatedFrom;
-
-    return (
-        <div className="mt-5 rounded-2xl border border-zinc-200/60 bg-white p-5 shadow-[var(--ob-shadow-sm)]">
-            <div className="flex items-center justify-between gap-3">
-                <div className="min-w-0">
-                    <div className="text-sm font-semibold text-zinc-800">Book language</div>
-                    <div className="mt-0.5 text-xs text-zinc-400">
-                        Kanonická, validovaná podoba agenta vygenerovaná z vašeho draftu.
-                    </div>
-                </div>
-                {phase === 'ready' && (
-                    <Badge tone={isValid ? 'success' : 'warning'} dot>
-                        {isValid ? 'Validní book' : 'Nevalidní'}
-                    </Badge>
-                )}
-            </div>
-
-            {phase === 'idle' && (
-                <div className="mt-4">
-                    <Button
-                        variant="outline"
-                        size="sm"
-                        disabled={!source.trim()}
-                        leadingIcon={<span aria-hidden>✨</span>}
-                        onClick={() => void generate()}
-                    >
-                        Převést na Book language
-                    </Button>
-                </div>
-            )}
-
-            {phase === 'loading' && (
-                <div className="mt-4 flex items-center gap-2 text-sm text-zinc-500">
-                    <Spinner className="h-4 w-4" /> Generuji Book…
-                </div>
-            )}
-
-            {phase === 'error' && (
-                <div className="mt-4 rounded-xl border border-amber-200 bg-amber-50 px-3.5 py-2.5 text-sm text-amber-800">
-                    <p>{error}</p>
-                    <button
-                        type="button"
-                        onClick={() => void generate()}
-                        className="mt-1 font-medium underline underline-offset-2"
-                    >
-                        Zkusit znovu
-                    </button>
-                </div>
-            )}
-
-            {phase === 'ready' && (
-                <div className="mt-4">
-                    <BookEditor value={book as string_book} isReadonly />
-                    {isStale && (
-                        <p className="mt-2 text-xs text-amber-600">
-                            Draft se od převodu změnil — přegenerujte pro aktuální book.
-                        </p>
-                    )}
-                    <div className="mt-3 flex items-center gap-2">
-                        <Button
-                            variant="outline"
-                            size="sm"
-                            leadingIcon={<span aria-hidden>↻</span>}
-                            onClick={() => void generate()}
-                        >
-                            Přegenerovat
-                        </Button>
-                        <Button variant="ghost" size="sm" onClick={copy}>
-                            {copied ? '✓ Zkopírováno' : 'Kopírovat'}
-                        </Button>
-                    </div>
-                </div>
-            )}
-        </div>
-    );
-}

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/components/MarkdownBookEditor.tsx

@@ -1,154 +0,0 @@
-'use client';
-
-import { useRef, useState } from 'react';
-
-import { BOOK_SECTION_PRESETS } from '../config/bookSections';
-import { cn } from '../lib/cn';
-import { MarkdownPreview } from './MarkdownPreview';
-import { Badge } from './ui/Badge';
-import { Spinner } from './ui/Spinner';
-
-type MarkdownBookEditorProps = {
-    readonly value: string;
-    readonly onChange: (value: string) => void;
-    readonly onRegenerate?: () => void;
-    readonly isRegenerating?: boolean;
-};
-
-type ViewMode = 'edit' | 'split' | 'preview';
-
-const VIEW_MODES: ReadonlyArray<{ id: ViewMode; label: string; icon: string }> = [
-    { id: 'edit', label: 'Editor', icon: '✎' },
-    { id: 'split', label: 'Obojí', icon: '⊟' },
-    { id: 'preview', label: 'Náhled', icon: '◳' },
-];
-
-const PANE_HEIGHT = 'h-[28rem]';
-
-export function MarkdownBookEditor({ value, onChange, onRegenerate, isRegenerating }: MarkdownBookEditorProps) {
-    const textareaRef = useRef<HTMLTextAreaElement>(null);
-    const [mode, setMode] = useState<ViewMode>('edit');
-
-    function appendSection(markdown: string) {
-        const trimmed = value.replace(/\s+$/, '');
-        const next = trimmed ? `${trimmed}\n\n${markdown}\n` : `${markdown}\n`;
-        onChange(next);
-
-        // Make sure the new section is visible to edit.
-        if (mode === 'preview') {
-            setMode('split');
-        }
-
-        const textarea = textareaRef.current;
-        if (textarea) {
-            textarea.focus();
-            requestAnimationFrame(() => {
-                textarea.scrollTop = textarea.scrollHeight;
-                textarea.setSelectionRange(next.length, next.length);
-            });
-        }
-    }
-
-    const isEditorShown = mode !== 'preview';
-    const isPreviewShown = mode !== 'edit';
-
-    return (
-        <div>
-            <div className="overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-[var(--ob-shadow-md)] transition-shadow focus-within:shadow-[var(--ob-shadow-lg)] focus-within:ring-1 focus-within:ring-[color:var(--ob-accent-200)]">
-                <div className="flex flex-wrap items-center justify-between gap-3 border-b border-zinc-200 bg-zinc-50/80 px-4 py-2.5">
-                    <span className="flex items-center gap-2 text-[13px] text-zinc-600">
-                        <span aria-hidden>📄</span>
-                        <strong className="font-semibold text-zinc-800">book.md</strong>
-                        <span className="hidden sm:inline">
-                            <Badge tone="accent">Plně editovatelný</Badge>
-                        </span>
-                    </span>
-                    <span className="flex items-center gap-2">
-                        <ViewToggle mode={mode} onChange={setMode} />
-                        {onRegenerate && (
-                            <button
-                                type="button"
-                                onClick={onRegenerate}
-                                disabled={isRegenerating}
-                                title="Přegenerovat ze zadání"
-                                className="inline-flex items-center gap-1.5 rounded-lg px-1.5 py-1 text-xs font-medium text-zinc-500 transition-colors hover:bg-zinc-100 hover:text-[color:var(--ob-accent-700)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ob-ring)] disabled:cursor-not-allowed disabled:opacity-50"
-                            >
-                                {isRegenerating ? <Spinner className="h-3.5 w-3.5" /> : <span aria-hidden>↻</span>}
-                                <span className="hidden md:inline">Přegenerovat</span>
-                            </button>
-                        )}
-                    </span>
-                </div>
-
-                <div className={cn('grid', mode === 'split' && 'md:grid-cols-2 md:divide-x md:divide-zinc-200')}>
-                    {isEditorShown && (
-                        <textarea
-                            ref={textareaRef}
-                            value={value}
-                            spellCheck={false}
-                            onChange={(event) => onChange(event.target.value)}
-                            aria-label="Obsah booku v markdownu"
-                            className={cn(
-                                'block w-full resize-none border-0 bg-white p-4 font-mono text-[13px] leading-relaxed text-zinc-800 focus:outline-none focus:ring-0',
-                                mode === 'edit' ? 'min-h-[28rem] resize-y' : PANE_HEIGHT,
-                            )}
-                        />
-                    )}
-                    {isPreviewShown && (
-                        <div className={cn('overflow-y-auto bg-white p-4', mode === 'preview' ? 'min-h-[28rem]' : PANE_HEIGHT)}>
-                            {value.trim() ? (
-                                <MarkdownPreview source={value} />
-                            ) : (
-                                <p className="text-sm text-zinc-400">Náhled se zobrazí, jakmile book nebude prázdný.</p>
-                            )}
-                        </div>
-                    )}
-                </div>
-            </div>
-
-            <div className="mt-4">
-                <div className="mb-2 text-xs font-semibold text-zinc-500">Přidat předepsanou sekci:</div>
-                <div className="flex flex-wrap gap-2">
-                    {BOOK_SECTION_PRESETS.map((preset) => (
-                        <button
-                            key={preset.key}
-                            type="button"
-                            onClick={() => appendSection(preset.markdown)}
-                            className="inline-flex items-center gap-1 rounded-full border border-dashed border-zinc-300 bg-white px-3 py-1.5 text-xs font-medium text-zinc-500 transition-colors hover:border-[color:var(--ob-accent-400)] hover:bg-[color:var(--ob-accent-50)] hover:text-[color:var(--ob-accent-700)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ob-ring)]"
-                        >
-                            + {preset.label}
-                        </button>
-                    ))}
-                </div>
-            </div>
-        </div>
-    );
-}
-
-function ViewToggle({ mode, onChange }: { readonly mode: ViewMode; readonly onChange: (mode: ViewMode) => void }) {
-    return (
-        <div className="inline-flex rounded-lg border border-zinc-200 bg-white p-0.5" role="tablist" aria-label="Zobrazení editoru">
-            {VIEW_MODES.map((view) => {
-                const isActive = view.id === mode;
-                return (
-                    <button
-                        key={view.id}
-                        type="button"
-                        role="tab"
-                        aria-selected={isActive}
-                        onClick={() => onChange(view.id)}
-                        className={cn(
-                            'inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ob-ring)]',
-                            isActive
-                                ? 'bg-[color:var(--ob-accent-600)] text-white'
-                                : 'text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800',
-                        )}
-                    >
-                        <span aria-hidden>{view.icon}</span>
-                        <span className="hidden sm:inline">{view.label}</span>
-                    </button>
-                );
-            })}
-        </div>
-    );
-}

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/components/MarkdownPreview.tsx

@@ -1,188 +0,0 @@
-import type { ReactNode } from 'react';
-
-import { cn } from '../lib/cn';
-
-/**
- * Tiny, dependency-free Markdown renderer for the book preview. Renders to React nodes
- * (no `dangerouslySetInnerHTML`), covering the subset used in agent books: headings,
- * bold/italic/inline-code/links, unordered & ordered lists, blockquotes, horizontal rules
- * and paragraphs. Anything it doesn't recognize falls through as plain paragraph text.
- */
-export function MarkdownPreview({ source, className }: { readonly source: string; readonly className?: string }) {
-    return <div className={cn('text-sm leading-relaxed text-zinc-700', className)}>{renderBlocks(source)}</div>;
-}
-
-function renderBlocks(source: string): ReactNode[] {
-    const lines = source.replace(/\r\n/g, '\n').split('\n');
-    const blocks: ReactNode[] = [];
-    let index = 0;
-    let key = 0;
-
-    while (index < lines.length) {
-        const line = lines[index];
-
-        if (line.trim() === '') {
-            index += 1;
-            continue;
-        }
-
-        const heading = /^(#{1,4})\s+(.*)$/.exec(line);
-        if (heading) {
-            blocks.push(renderHeading(heading[1].length, heading[2], key++));
-            index += 1;
-            continue;
-        }
-
-        if (/^(-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
-            blocks.push(<hr key={key++} className="my-4 border-zinc-200" />);
-            index += 1;
-            continue;
-        }
-
-        if (line.startsWith('>')) {
-            const quote: string[] = [];
-            while (index < lines.length && lines[index].startsWith('>')) {
-                quote.push(lines[index].replace(/^>\s?/, ''));
-                index += 1;
-            }
-            blocks.push(
-                <blockquote key={key++} className="my-3 border-l-2 border-[color:var(--ob-accent-300)] pl-3 italic text-zinc-500">
-                    {renderInline(quote.join(' '))}
-                </blockquote>,
-            );
-            continue;
-        }
-
-        if (/^[-*+]\s+/.test(line)) {
-            const items: string[] = [];
-            while (index < lines.length && /^[-*+]\s+/.test(lines[index])) {
-                items.push(lines[index].replace(/^[-*+]\s+/, ''));
-                index += 1;
-            }
-            blocks.push(
-                <ul key={key++} className="my-2 list-disc space-y-1 pl-5">
-                    {items.map((item, itemIndex) => (
-                        <li key={itemIndex}>{renderInline(item)}</li>
-                    ))}
-                </ul>,
-            );
-            continue;
-        }
-
-        if (/^\d+\.\s+/.test(line)) {
-            const items: string[] = [];
-            while (index < lines.length && /^\d+\.\s+/.test(lines[index])) {
-                items.push(lines[index].replace(/^\d+\.\s+/, ''));
-                index += 1;
-            }
-            blocks.push(
-                <ol key={key++} className="my-2 list-decimal space-y-1 pl-5">
-                    {items.map((item, itemIndex) => (
-                        <li key={itemIndex}>{renderInline(item)}</li>
-                    ))}
-                </ol>,
-            );
-            continue;
-        }
-
-        // Paragraph: gather consecutive plain lines.
-        const paragraph: string[] = [];
-        while (index < lines.length && lines[index].trim() !== '' && !isBlockStart(lines[index])) {
-            paragraph.push(lines[index]);
-            index += 1;
-        }
-        blocks.push(
-            <p key={key++} className="my-2">
-                {paragraph.map((text, lineIndex) => (
-                    <span key={lineIndex}>
-                        {lineIndex > 0 && <br />}
-                        {renderInline(text)}
-                    </span>
-                ))}
-            </p>,
-        );
-    }
-
-    return blocks;
-}
-
-function isBlockStart(line: string): boolean {
-    return (
-        /^(#{1,4})\s+/.test(line) ||
-        /^(-{3,}|\*{3,}|_{3,})\s*$/.test(line) ||
-        line.startsWith('>') ||
-        /^[-*+]\s+/.test(line) ||
-        /^\d+\.\s+/.test(line)
-    );
-}
-
-function renderHeading(level: number, text: string, key: number): ReactNode {
-    const content = renderInline(text);
-    const className = {
-        1: 'mt-5 mb-2 text-xl font-bold text-zinc-900 first:mt-0',
-        2: 'mt-5 mb-1.5 text-base font-bold text-zinc-900 first:mt-0',
-        3: 'mt-4 mb-1 text-sm font-semibold text-zinc-900 first:mt-0',
-        4: 'mt-3 mb-1 text-[13px] font-semibold tracking-wide text-zinc-500 first:mt-0',
-    }[level as 1 | 2 | 3 | 4];
-
-    if (level === 1) return <h1 key={key} className={className}>{content}</h1>;
-    if (level === 2) return <h2 key={key} className={className}>{content}</h2>;
-    if (level === 3) return <h3 key={key} className={className}>{content}</h3>;
-    return <h4 key={key} className={className}>{content}</h4>;
-}
-
-const INLINE_PATTERN = /(`[^`]+`)|(\*\*[^*]+?\*\*)|(\*[^*]+?\*)|(_[^_]+?_)|(\[[^\]]+?\]\([^)]+?\))/g;
-
-function renderInline(text: string): ReactNode[] {
-    const nodes: ReactNode[] = [];
-    const pattern = new RegExp(INLINE_PATTERN.source, 'g');
-    let lastIndex = 0;
-    let key = 0;
-    let match: RegExpExecArray | null;
-
-    while ((match = pattern.exec(text)) !== null) {
-        if (match.index > lastIndex) {
-            nodes.push(text.slice(lastIndex, match.index));
-        }
-
-        const token = match[0];
-        if (token.startsWith('`')) {
-            nodes.push(
-                <code key={key++} className="rounded bg-zinc-100 px-1 py-0.5 font-mono text-[12px] text-zinc-700">
-                    {token.slice(1, -1)}
-                </code>,
-            );
-        } else if (token.startsWith('**')) {
-            nodes.push(<strong key={key++} className="font-semibold text-zinc-900">{token.slice(2, -2)}</strong>);
-        } else if (token.startsWith('*')) {
-            nodes.push(<em key={key++}>{token.slice(1, -1)}</em>);
-        } else if (token.startsWith('_')) {
-            nodes.push(<em key={key++}>{token.slice(1, -1)}</em>);
-        } else {
-            const link = /^\[([^\]]+)\]\(([^)]+)\)$/.exec(token);
-            if (link) {
-                nodes.push(
-                    <a
-                        key={key++}
-                        href={link[2]}
-                        target="_blank"
-                        rel="noreferrer"
-                        className="text-[color:var(--ob-accent-700)] underline underline-offset-2"
-                    >
-                        {link[1]}
-                    </a>,
-                );
-            } else {
-                nodes.push(token);
-            }
-        }
-
-        lastIndex = match.index + token.length;
-    }
-
-    if (lastIndex < text.length) {
-        nodes.push(text.slice(lastIndex));
-    }
-
-    return nodes;
-}