@promptbook/cli 0.114.0-5 → 0.114.0-8

package/apps/agents-server/src/app/agents/[agentName]/timeouts/AgentTimeoutsHeader.tsx

@@ -1,53 +0,0 @@
-import type { useAgentTimeoutsClientState } from './useAgentTimeoutsClientState';
-
-/**
- * Props for the timeout-manager page header.
- *
- * @private function of AgentTimeoutsClient
- */
-type AgentTimeoutsHeaderProps = {
-    state: ReturnType<typeof useAgentTimeoutsClientState>;
-};
-
-/**
- * Renders the timeout-manager heading and top-level actions.
- *
- * @private function of AgentTimeoutsClient
- */
-export function AgentTimeoutsHeader({ state }: AgentTimeoutsHeaderProps) {
-    return (
-        <div className="flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
-            <div>
-                <h1 className="text-3xl font-light text-gray-900">My timeouts</h1>
-                <p className="mt-1 max-w-3xl text-sm text-gray-500">
-                    Agent-scoped timeout manager across all your chats.
-                </p>
-            </div>
-            <div className="flex flex-wrap items-center gap-2">
-                {state.bulkActions.map((bulkAction) => (
-                    <button
-                        key={bulkAction.action}
-                        type="button"
-                        onClick={() => {
-                            void state.runBulkAction(bulkAction.action);
-                        }}
-                        disabled={state.busyBulkAction !== null}
-                        className={bulkAction.buttonClassName}
-                    >
-                        {state.busyBulkAction === bulkAction.action ? bulkAction.busyLabel : bulkAction.idleLabel}
-                    </button>
-                ))}
-                <button
-                    type="button"
-                    onClick={() => {
-                        void state.refreshNow();
-                    }}
-                    disabled={state.isRefreshing || state.busyBulkAction !== null}
-                    className="rounded-full border border-blue-200 bg-blue-50 px-3 py-1.5 text-xs font-semibold text-blue-700 disabled:cursor-not-allowed disabled:opacity-60"
-                >
-                    {state.isRefreshing ? 'Refreshing...' : 'Refresh'}
-                </button>
-            </div>
-        </div>
-    );
-}

package/apps/agents-server/src/app/agents/[agentName]/timeouts/AgentTimeoutsSummaryMetrics.tsx

@@ -1,70 +0,0 @@
-import type { useAgentTimeoutsClientState } from './useAgentTimeoutsClientState';
-
-/**
- * Props for the timeout summary metric grid.
- *
- * @private function of AgentTimeoutsClient
- */
-type AgentTimeoutsSummaryMetricsProps = {
-    state: ReturnType<typeof useAgentTimeoutsClientState>;
-};
-
-/**
- * One metric shown in the timeout-manager summary grid.
- *
- * @private function of AgentTimeoutsSummaryMetrics
- */
-type TimeoutSummaryMetric = {
-    label: string;
-    value: string;
-};
-
-/**
- * Builds the summary metrics shown above the timeout table.
- *
- * @private function of AgentTimeoutsSummaryMetrics
- */
-function createTimeoutSummaryMetrics(
-    counters: ReturnType<typeof useAgentTimeoutsClientState>['counters'],
-): Array<TimeoutSummaryMetric> {
-    return [
-        { label: 'All', value: String(counters?.allCount ?? 0) },
-        {
-            label: 'Active',
-            value: String((counters?.queuedCount ?? 0) + (counters?.runningCount ?? 0) - (counters?.pausedCount ?? 0)),
-        },
-        { label: 'Paused', value: String(counters?.pausedCount ?? 0) },
-        { label: 'Failed', value: String(counters?.failedCount ?? 0) },
-    ];
-}
-
-/**
- * Renders the timeout summary metrics.
- *
- * @private function of AgentTimeoutsClient
- */
-export function AgentTimeoutsSummaryMetrics({ state }: AgentTimeoutsSummaryMetricsProps) {
-    const metrics = createTimeoutSummaryMetrics(state.counters);
-
-    return (
-        <div className="grid gap-3 md:grid-cols-4">
-            {metrics.map((metric) => (
-                <TimeoutMetricCard key={metric.label} label={metric.label} value={metric.value} />
-            ))}
-        </div>
-    );
-}
-
-/**
- * Compact metric card used by the timeout manager header.
- *
- * @private function of AgentTimeoutsSummaryMetrics
- */
-function TimeoutMetricCard({ label, value }: TimeoutSummaryMetric) {
-    return (
-        <div className="rounded-2xl border border-gray-200 bg-white p-4 shadow-sm">
-            <div className="text-xs font-semibold uppercase tracking-wide text-gray-400">{label}</div>
-            <div className="mt-1 text-2xl font-light text-gray-900">{value}</div>
-        </div>
-    );
-}

package/apps/agents-server/src/app/agents/[agentName]/timeouts/AgentTimeoutsTableCard.tsx

@@ -1,58 +0,0 @@
-import type { ServerLanguageCode } from '@/src/languages/ServerLanguageRegistry';
-import type { useAgentTimeoutsClientState } from './useAgentTimeoutsClientState';
-import { AgentTimeoutsTableRow } from './AgentTimeoutsTableRow';
-
-/**
- * Props for the timeout table card.
- *
- * @private function of AgentTimeoutsClient
- */
-type AgentTimeoutsTableCardProps = {
-    agentName: string;
-    language: ServerLanguageCode;
-    state: ReturnType<typeof useAgentTimeoutsClientState>;
-};
-
-/**
- * Renders the timeout table along with loading and empty states.
- *
- * @private function of AgentTimeoutsClient
- */
-export function AgentTimeoutsTableCard({ agentName, language, state }: AgentTimeoutsTableCardProps) {
-    return (
-        <div className="rounded-2xl border border-gray-200 bg-white shadow-sm">
-            {state.isLoading ? (
-                <div className="p-8 text-center text-sm text-gray-500">Loading timeouts...</div>
-            ) : state.filteredTimeouts.length === 0 ? (
-                <div className="p-8 text-center text-sm text-gray-500">No timeouts in this view.</div>
-            ) : (
-                <div className="overflow-x-auto">
-                    <table className="min-w-full divide-y divide-gray-200 text-xs">
-                        <thead className="bg-gray-50 text-gray-500">
-                            <tr>
-                                <th className="px-4 py-3 text-left font-semibold">Timeout</th>
-                                <th className="px-4 py-3 text-left font-semibold">Chat</th>
-                                <th className="px-4 py-3 text-left font-semibold">Status</th>
-                                <th className="px-4 py-3 text-left font-semibold">Next run</th>
-                                <th className="px-4 py-3 text-left font-semibold">Recurrence</th>
-                                <th className="px-4 py-3 text-left font-semibold">Payload</th>
-                                <th className="px-4 py-3 text-right font-semibold">Actions</th>
-                            </tr>
-                        </thead>
-                        <tbody className="divide-y divide-gray-200 bg-white">
-                            {state.filteredTimeouts.map((timeout) => (
-                                <AgentTimeoutsTableRow
-                                    key={timeout.timeoutId}
-                                    agentName={agentName}
-                                    language={language}
-                                    state={state}
-                                    timeout={timeout}
-                                />
-                            ))}
-                        </tbody>
-                    </table>
-                </div>
-            )}
-        </div>
-    );
-}

package/apps/agents-server/src/app/agents/[agentName]/timeouts/AgentTimeoutsTableRow.tsx

@@ -1,242 +0,0 @@
-import type { UserChatTimeout } from '@/src/utils/userChatClient';
-import type { ServerLanguageCode } from '@/src/languages/ServerLanguageRegistry';
-import { formatServerLanguageHumanReadableDate } from '@/src/utils/localization/formatServerLanguageHumanReadableDate';
-import Link from 'next/link';
-import type { useAgentTimeoutsClientState } from './useAgentTimeoutsClientState';
-
-/**
- * Props for one timeout-manager table row.
- *
- * @private function of AgentTimeoutsClient
- */
-type AgentTimeoutsTableRowProps = {
-    agentName: string;
-    language: ServerLanguageCode;
-    state: ReturnType<typeof useAgentTimeoutsClientState>;
-    timeout: UserChatTimeout;
-};
-
-/**
- * Resolved badge presentation for one timeout status.
- *
- * @private function of AgentTimeoutsTableRow
- */
-type TimeoutStatusPresentation = {
-    className: string;
-    label: string;
-};
-
-/**
- * Determines whether a queued timeout is currently paused.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function isTimeoutPaused(timeout: UserChatTimeout): boolean {
-    return timeout.status === 'QUEUED' && Boolean(timeout.pausedAt);
-}
-
-/**
- * Determines whether a timeout still supports direct edits.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function isTimeoutEditable(timeout: UserChatTimeout): boolean {
-    return timeout.status === 'QUEUED';
-}
-
-/**
- * Determines whether a timeout can still be cancelled.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function isTimeoutCancelable(timeout: UserChatTimeout): boolean {
-    return timeout.status === 'QUEUED' || timeout.status === 'RUNNING';
-}
-
-/**
- * Resolves the badge label and colors for one timeout status.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function resolveTimeoutStatusPresentation(timeout: UserChatTimeout): TimeoutStatusPresentation {
-    if (timeout.status === 'RUNNING') {
-        return { label: timeout.status, className: 'border-blue-200 bg-blue-50 text-blue-700' };
-    }
-
-    if (timeout.status === 'FAILED') {
-        return { label: timeout.status, className: 'border-rose-200 bg-rose-50 text-rose-700' };
-    }
-
-    if (timeout.status === 'COMPLETED') {
-        return { label: timeout.status, className: 'border-emerald-200 bg-emerald-50 text-emerald-700' };
-    }
-
-    if (timeout.status === 'CANCELLED') {
-        return { label: timeout.status, className: 'border-gray-200 bg-gray-100 text-gray-700' };
-    }
-
-    if (isTimeoutPaused(timeout)) {
-        return { label: 'PAUSED', className: 'border-orange-200 bg-orange-50 text-orange-700' };
-    }
-
-    return { label: timeout.status, className: 'border-slate-200 bg-slate-50 text-slate-700' };
-}
-
-/**
- * Formats the pause or resume button label for the current busy state.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function resolvePauseButtonLabel(
-    isBusy: boolean,
-    busyAction: ReturnType<typeof useAgentTimeoutsClientState>['busyAction'],
-    isPaused: boolean,
-): string {
-    const pauseAction = isPaused ? 'resume' : 'pause';
-
-    if (isBusy && busyAction === pauseAction) {
-        return isPaused ? 'Resuming...' : 'Pausing...';
-    }
-
-    return isPaused ? 'Resume' : 'Pause';
-}
-
-/**
- * Formats milliseconds into compact human-friendly duration text.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function formatDuration(milliseconds: number): string {
-    const totalSeconds = Math.max(0, Math.floor(milliseconds / 1000));
-    const days = Math.floor(totalSeconds / 86_400);
-    const hours = Math.floor((totalSeconds % 86_400) / 3_600);
-    const minutes = Math.floor((totalSeconds % 3_600) / 60);
-    const seconds = totalSeconds % 60;
-    const parts: Array<string> = [];
-
-    if (days > 0) {
-        parts.push(`${days}d`);
-    }
-    if (hours > 0) {
-        parts.push(`${hours}h`);
-    }
-    if (minutes > 0) {
-        parts.push(`${minutes}m`);
-    }
-    if (parts.length === 0) {
-        parts.push(`${seconds}s`);
-    }
-
-    return parts.slice(0, 2).join(' ');
-}
-
-/**
- * Truncates long text to keep table rows compact.
- *
- * @private function of AgentTimeoutsTableRow
- */
-function truncateText(value: string, maxLength: number): string {
-    return value.length > maxLength ? `${value.slice(0, maxLength - 1)}...` : value;
-}
-
-/**
- * Renders one timeout row with its derived actions and status badge.
- *
- * @private function of AgentTimeoutsClient
- */
-export function AgentTimeoutsTableRow({ agentName, language, state, timeout }: AgentTimeoutsTableRowProps) {
-    const isBusy = state.busyTimeoutId === timeout.timeoutId;
-    const isPaused = isTimeoutPaused(timeout);
-    const isEditable = isTimeoutEditable(timeout);
-    const isCancelable = isTimeoutCancelable(timeout);
-    const statusPresentation = resolveTimeoutStatusPresentation(timeout);
-
-    return (
-        <tr>
-            <td className="px-4 py-3 align-top">
-                <div className="font-mono text-[11px] font-semibold text-gray-900">{timeout.timeoutId}</div>
-                <div className="mt-1 text-[11px] text-gray-500">
-                    Updated {formatServerLanguageHumanReadableDate(timeout.updatedAt, language)}
-                </div>
-            </td>
-            <td className="px-4 py-3 align-top">
-                <Link
-                    href={`/agents/${encodeURIComponent(agentName)}/chat?chat=${encodeURIComponent(timeout.chatId)}`}
-                    className="break-all text-blue-700 hover:underline"
-                >
-                    {timeout.chatId}
-                </Link>
-            </td>
-            <td className="px-4 py-3 align-top">
-                <span className={`rounded-full border px-2 py-0.5 font-semibold ${statusPresentation.className}`}>
-                    {statusPresentation.label}
-                </span>
-            </td>
-            <td className="px-4 py-3 align-top">
-                {formatServerLanguageHumanReadableDate(timeout.dueAt, language, { isExactDateIncluded: true })}
-            </td>
-            <td className="px-4 py-3 align-top">
-                {timeout.recurrenceIntervalMs ? `Every ${formatDuration(timeout.recurrenceIntervalMs)}` : 'One-shot'}
-            </td>
-            <td className="max-w-xs px-4 py-3 align-top">
-                <div className="truncate text-[11px] text-gray-700">{timeout.message || 'No message'}</div>
-                <div className="mt-1 font-mono text-[10px] text-gray-500">
-                    {truncateText(JSON.stringify(timeout.parameters || {}), 120)}
-                </div>
-            </td>
-            <td className="px-4 py-3 align-top">
-                <div className="flex justify-end gap-2">
-                    {isEditable ? (
-                        <>
-                            <button
-                                type="button"
-                                onClick={() => {
-                                    void state.toggleTimeoutPause(timeout);
-                                }}
-                                disabled={isBusy}
-                                className="rounded-md border border-gray-300 px-2 py-1 font-semibold text-gray-700 disabled:opacity-60"
-                            >
-                                {resolvePauseButtonLabel(isBusy, state.busyAction, isPaused)}
-                            </button>
-                            <button
-                                type="button"
-                                onClick={() => {
-                                    void state.extendTimeout(timeout);
-                                }}
-                                disabled={isBusy}
-                                className="rounded-md border border-gray-300 px-2 py-1 font-semibold text-gray-700 disabled:opacity-60"
-                            >
-                                {isBusy && state.busyAction === 'extend' ? 'Extending...' : 'Extend'}
-                            </button>
-                            <button
-                                type="button"
-                                onClick={() => state.openEditDialog(timeout)}
-                                disabled={isBusy}
-                                className="rounded-md border border-blue-200 bg-blue-50 px-2 py-1 font-semibold text-blue-700 disabled:opacity-60"
-                            >
-                                Edit
-                            </button>
-                        </>
-                    ) : null}
-                    {isCancelable ? (
-                        <button
-                            type="button"
-                            onClick={() => {
-                                void state.cancelTimeout(timeout);
-                            }}
-                            disabled={isBusy}
-                            className="rounded-md border border-red-200 bg-red-50 px-2 py-1 font-semibold text-red-700 disabled:opacity-60"
-                        >
-                            {isBusy && state.busyAction === 'cancel' ? 'Cancelling...' : 'Cancel'}
-                        </button>
-                    ) : null}
-                    {!isEditable && !isCancelable ? (
-                        <span className="rounded-md border border-gray-200 bg-gray-50 px-2 py-1 font-medium text-gray-500">
-                            -
-                        </span>
-                    ) : null}
-                </div>
-            </td>
-        </tr>
-    );
-}

package/apps/agents-server/src/app/agents/[agentName]/timeouts/loading.tsx

@@ -1,15 +0,0 @@
-import { ConsolePageLoadingSkeleton } from '../../../../components/Skeleton/ConsolePageLoadingSkeleton';
-
-/**
- * Renders the timeout-manager skeleton while timeout route data streams.
- */
-export default function Loading() {
-    return (
-        <ConsolePageLoadingSkeleton
-            ariaLabel="Loading agent timeouts"
-            showSummaryCards={true}
-            showFiltersCard={true}
-            panelHeights={[360]}
-        />
-    );
-}

package/apps/agents-server/src/app/agents/[agentName]/timeouts/page.tsx

@@ -1,28 +0,0 @@
-'use server';
-
-import { ForbiddenPage } from '@/src/components/ForbiddenPage/ForbiddenPage';
-import { resolveAgentAccess } from '@/src/utils/agentAccess';
-import { enforceCanonicalLocalAgentId, getAgentName } from '../_utils';
-import { AgentTimeoutsClient } from './AgentTimeoutsClient';
-
-/**
- * Builds canonical timeout-manager path for one local agent id.
- */
-function buildCanonicalAgentTimeoutsPath(canonicalAgentId: string): string {
-    return `/agents/${encodeURIComponent(canonicalAgentId)}/timeouts`;
-}
-
-/**
- * Renders agent-scoped timeout manager across all chats.
- */
-export default async function AgentTimeoutsPage({ params }: { params: Promise<{ agentName: string }> }) {
-    const agentName = await getAgentName(params);
-    const canonicalAgentId = await enforceCanonicalLocalAgentId(agentName, buildCanonicalAgentTimeoutsPath);
-
-    const access = await resolveAgentAccess(canonicalAgentId);
-    if (!access.isAllowed) {
-        return <ForbiddenPage />;
-    }
-
-    return <AgentTimeoutsClient agentName={canonicalAgentId} />;
-}