@proofhound/web-ui 0.1.6

package/dist/screens/annotations/annotation-detail-page.js

@@ -0,0 +1,379 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import Link from 'next/link';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { formatClassificationAnnotationValue, normalizeClassificationAnnotationValue } from '@proofhound/shared';
+import { ArrowLeft, ChevronDown, ExternalLink, ListChecks, PanelLeftClose, PanelLeftOpen, RotateCcw, Save, } from 'lucide-react';
+import { AnnotationClaimDialog } from '../../components';
+import { Main } from '@proofhound/ui/layout';
+import { Button, Label, DetailPageSkeleton, Progress, formatProgressLabel, Segmented, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, TableSkeletonRows, cn, } from '@proofhound/ui';
+import { useAnnotationSamples, useAnnotationTask, useDateTimeFormatter, useClaimAnnotationSamples, useReleaseAnnotationSample, useSubmitAnnotationSample, } from '../../hooks';
+import { useDelayedLoading } from '../../hooks';
+import { useI18n } from '../../i18n';
+import { getApiErrorMessage } from '../../lib';
+import { buildAnnotationTasks } from './annotation-task-model';
+import { AnnotationMetricCard, AnnotationScopeBadge, AnnotationTaskStatusBadge, formatCount, formatDateTimeOrDash, formatPercent, } from './annotation-ui';
+const SAMPLE_COLUMNS = [
+    { key: 'sample', width: 'flex', minPx: 220 },
+    { key: 'status', width: 'compact' },
+    { key: 'result', width: 'compact' },
+    { key: 'judgment', width: 'compact' },
+    { key: 'createdAt', width: 'compact' },
+];
+function normalizeStatusParam(value) {
+    if (value === 'pending' || value === 'claimed' || value === 'submitted')
+        return value;
+    return 'all';
+}
+function getAnnotationStatus(annotation) {
+    if (annotation.submittedAt)
+        return 'submitted';
+    if (!annotation.lockedBy)
+        return 'pending';
+    if (!annotation.lockHeartbeatAt)
+        return 'claimed';
+    const heartbeat = Date.parse(annotation.lockHeartbeatAt);
+    if (!Number.isFinite(heartbeat))
+        return 'claimed';
+    return Date.now() - heartbeat <= 5 * 60_000 ? 'claimed' : 'pending';
+}
+function statusKey(status) {
+    switch (status) {
+        case 'pending':
+            return 'annotations.sample.status.pending';
+        case 'claimed':
+            return 'annotations.sample.status.claimed';
+        case 'submitted':
+            return 'annotations.sample.status.submitted';
+    }
+}
+function compactValue(value, maxLength = 80) {
+    if (!value)
+        return '-';
+    return value.length > maxLength ? `${value.slice(0, maxLength)}...` : value;
+}
+function isTextEditingTarget(target) {
+    if (!(target instanceof HTMLElement))
+        return false;
+    return (target.isContentEditable ||
+        target instanceof HTMLInputElement ||
+        target instanceof HTMLTextAreaElement ||
+        target instanceof HTMLSelectElement);
+}
+function getCategoryShortcutIndex(event) {
+    if (/^[1-9]$/.test(event.key))
+        return Number(event.key) - 1;
+    if (event.key === '0')
+        return 9;
+    return null;
+}
+function isSubmitShortcut(event) {
+    return (event.key === 'Enter' ||
+        event.key === 'Return' ||
+        event.key === 'NumpadEnter' ||
+        event.code === 'Enter' ||
+        event.code === 'NumpadEnter');
+}
+export function AnnotationDetailPage({ projectId, annotationTaskId }) {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const { t } = useI18n();
+    const { formatDateTime } = useDateTimeFormatter();
+    const taskQuery = useAnnotationTask(projectId, annotationTaskId);
+    const task = useMemo(() => (taskQuery.data ? (buildAnnotationTasks([taskQuery.data])[0] ?? null) : null), [taskQuery.data]);
+    const [sampleFilter, setSampleFilter] = useState(() => normalizeStatusParam(searchParams.get('status')));
+    const [claimOpen, setClaimOpen] = useState(false);
+    const [queueCollapsed, setQueueCollapsed] = useState(false);
+    const [selectedAnnotationId, setSelectedAnnotationId] = useState(null);
+    const query = useMemo(() => ({
+        status: sampleFilter === 'all' ? undefined : sampleFilter,
+        limit: 80,
+        offset: 0,
+    }), [sampleFilter]);
+    const annotationsQuery = useAnnotationSamples(projectId, annotationTaskId, query);
+    const annotationsLoading = useDelayedLoading(annotationsQuery.isLoading);
+    const claimMutation = useClaimAnnotationSamples(projectId, annotationTaskId);
+    const submitMutation = useSubmitAnnotationSample(projectId, annotationTaskId);
+    const releaseMutation = useReleaseAnnotationSample(projectId, annotationTaskId);
+    const annotations = useMemo(() => annotationsQuery.data?.data ?? [], [annotationsQuery.data]);
+    const selectedAnnotation = annotations.find((annotation) => annotation.id === selectedAnnotationId) ?? annotations[0] ?? null;
+    function selectFilter(next) {
+        setSampleFilter(next);
+        const params = new URLSearchParams(searchParams.toString());
+        if (next === 'all')
+            params.delete('status');
+        else
+            params.set('status', next);
+        const queryString = params.toString();
+        router.replace(queryString
+            ? `/annotations/${encodeURIComponent(annotationTaskId)}?${queryString}`
+            : `/annotations/${encodeURIComponent(annotationTaskId)}`, { scroll: false });
+    }
+    function handleClaim(batchSize) {
+        claimMutation.mutate({ batchSize }, {
+            onSuccess: (response) => {
+                setClaimOpen(false);
+                selectFilter('claimed');
+                setSelectedAnnotationId(response.data[0]?.id ?? null);
+            },
+        });
+    }
+    const detailLoading = useDelayedLoading(taskQuery.isLoading && !taskQuery.data);
+    if (detailLoading) {
+        return (_jsx(Main, { fixed: true, className: "bg-muted/35", children: _jsx("div", { className: "mx-auto w-full max-w-[1760px]", "data-testid": "annotation-detail-page", children: _jsx(DetailPageSkeleton, {}) }) }));
+    }
+    if (!task) {
+        return (_jsx(Main, { fixed: true, className: "bg-muted/35", children: _jsx("div", { className: "mx-auto flex w-full max-w-[960px] flex-col gap-4", "data-testid": "annotation-detail-page", children: _jsxs("div", { className: "rounded-lg border bg-card p-10 text-center", children: [_jsx("div", { className: "text-[15px] font-semibold", children: t('annotations.detail.notFound') }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: annotationTaskId }), _jsx(Button, { className: "mt-5", asChild: true, children: _jsxs(Link, { href: "/annotations", children: [_jsx(ArrowLeft, { className: "size-4" }), t('annotations.action.back')] }) })] }) }) }));
+    }
+    return (_jsxs(Main, { fixed: true, className: "gap-5 overflow-auto bg-muted/35 pb-8", children: [_jsxs("div", { className: "mx-auto flex w-full max-w-[1760px] flex-col gap-5", "data-testid": "annotation-detail-page", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsx("h1", { className: "truncate text-[22px] font-semibold leading-tight", children: task.name }), _jsx(AnnotationTaskStatusBadge, { status: task.status }), _jsx(AnnotationScopeBadge, { scope: task.scope })] }), _jsxs("p", { className: "mt-1 max-w-3xl text-[12.5px] text-muted-foreground", children: [task.promptName, " \u00B7 ", task.releaseVariantLabel, " \u00B7 ", task.promptVersionLabel ?? '-', " \u00B7", ' ', task.modelName ?? '-'] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { variant: "outline", asChild: true, children: _jsxs(Link, { href: "/annotations", children: [_jsx(ArrowLeft, { className: "size-4" }), t('annotations.action.back')] }) }), _jsx(Button, { variant: "outline", asChild: true, children: _jsxs(Link, { href: `/releases/${encodeURIComponent(task.releaseLineId)}?tab=quality`, children: [_jsx(ExternalLink, { className: "size-4" }), t('annotations.action.openRelease')] }) }), _jsxs(Button, { onClick: () => setClaimOpen(true), disabled: task.open < 1, children: [_jsx(ListChecks, { className: "size-4" }), t('annotations.action.claim')] })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-5", children: [_jsx(AnnotationMetricCard, { label: t('annotations.detail.metric.open'), value: formatCount(task.open), detail: t('annotations.detail.metric.openHint'), tone: "active" }), _jsx(AnnotationMetricCard, { label: t('annotations.detail.metric.claimed'), value: formatCount(task.claimed), detail: t('annotations.detail.metric.claimedHint') }), _jsx(AnnotationMetricCard, { label: t('annotations.detail.metric.submitted'), value: formatCount(task.submitted), detail: `${formatCount(task.submitted)} / ${formatCount(task.total)}`, tone: "success", testId: "annotation-detail-metric-submitted" }), _jsx(AnnotationMetricCard, { label: t('annotations.detail.metric.quality'), value: formatPercent(task.qualityScore, 1), detail: t('annotations.detail.metric.qualityHint') }), _jsxs("div", { className: "rounded-lg border bg-card px-4 py-3", children: [_jsx("div", { className: "text-[11.5px] font-medium text-muted-foreground", children: t('annotations.detail.metric.progress') }), _jsx("div", { className: "mt-3", children: _jsx(Progress, { value: task.submitted, max: Math.max(1, task.total), label: formatProgressLabel({
+                                                value: task.submitted,
+                                                max: Math.max(1, task.total),
+                                            }) }) })] })] }), _jsxs("div", { className: cn('grid gap-4', queueCollapsed ? 'xl:grid-cols-[52px_minmax(0,1fr)]' : 'xl:grid-cols-[520px_minmax(0,1fr)]'), children: [_jsx("section", { className: cn('min-w-0 overflow-hidden rounded-lg border bg-card', queueCollapsed && 'min-h-12 xl:min-h-[520px]'), children: queueCollapsed ? (_jsx("div", { className: "flex h-full items-start justify-center p-1", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t('annotations.detail.queue.expand'), onClick: () => setQueueCollapsed(false), children: _jsx(PanelLeftOpen, { className: "size-4" }) }) })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b px-4 py-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-[14px] font-semibold", children: t('annotations.detail.queue') }), _jsx("p", { className: "mt-1 text-[11.5px] text-muted-foreground", children: t('annotations.detail.queueHint') })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Segmented, { value: sampleFilter, onChange: selectFilter, ariaLabel: t('annotations.detail.filter.label'), size: "sm", options: [
+                                                                { value: 'all', label: t('annotations.detail.filter.all') },
+                                                                { value: 'pending', label: t('annotations.sample.status.pending') },
+                                                                { value: 'claimed', label: t('annotations.sample.status.claimed') },
+                                                                { value: 'submitted', label: t('annotations.sample.status.submitted') },
+                                                            ] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t('annotations.detail.queue.collapse'), onClick: () => setQueueCollapsed(true), children: _jsx(PanelLeftClose, { className: "size-4" }) })] })] }), _jsxs(Table, { columns: SAMPLE_COLUMNS, children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { column: "sample", children: t('annotations.detail.samples.sample') }), _jsx(TableHead, { column: "status", children: t('annotations.detail.samples.status') }), _jsx(TableHead, { column: "result", children: t('annotations.detail.samples.result') }), _jsx(TableHead, { column: "judgment", children: t('annotations.detail.samples.judgment') }), _jsx(TableHead, { column: "createdAt", children: t('annotations.detail.samples.createdAt') })] }) }), _jsx(TableBody, { children: annotationsLoading ? (_jsx(TableSkeletonRows, {})) : annotations.length === 0 ? (_jsx(TableEmpty, { children: t('annotations.detail.empty') })) : (annotations.map((annotation) => (_jsxs(TableRow, { selected: annotation.id === selectedAnnotation?.id, selectedTone: "canary", onClick: () => setSelectedAnnotationId(annotation.id), children: [_jsx(TableCell, { column: "sample", children: _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-mono text-[12.5px]", children: annotation.externalId ?? annotation.runResultId.slice(0, 8) }), _jsx("div", { className: "mt-1 line-clamp-2 text-[11.5px] text-muted-foreground", children: annotation.outputPreview ?? annotation.inputPreview ?? '-' })] }) }), _jsx(TableCell, { column: "status", children: _jsx(SampleStatusBadge, { status: getAnnotationStatus(annotation) }) }), _jsx(TableCell, { column: "result", children: _jsx(ExpectedOutputPill, { value: annotation.annotatedExpectedOutput }) }), _jsx(TableCell, { column: "judgment", children: _jsx(JudgmentPill, { annotation: annotation }) }), _jsx(TableCell, { column: "createdAt", children: _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: formatDateTimeOrDash(annotation.createdAt, formatDateTime) }) })] }, annotation.id)))) })] })] })) }), _jsx(AnnotationWorkspace, { annotation: selectedAnnotation, categoryOptions: task.raw.categoryOptions, submitPending: submitMutation.isPending, releasePending: releaseMutation.isPending, submitError: getApiErrorMessage(submitMutation.error), releaseError: getApiErrorMessage(releaseMutation.error), onSubmit: (payload) => {
+                                    if (!selectedAnnotation)
+                                        return;
+                                    const selectedIndex = annotations.findIndex((annotation) => annotation.id === selectedAnnotation.id);
+                                    const nextAnnotation = selectedIndex >= 0
+                                        ? [...annotations.slice(selectedIndex + 1), ...annotations.slice(0, selectedIndex)].find((annotation) => getAnnotationStatus(annotation) !== 'submitted')
+                                        : null;
+                                    submitMutation.mutate({
+                                        annotationId: selectedAnnotation.id,
+                                        expectedOutput: payload.expectedOutput.trim(),
+                                        notes: payload.notes.trim() ? payload.notes.trim() : null,
+                                    }, {
+                                        onSuccess: () => setSelectedAnnotationId(nextAnnotation?.id ?? null),
+                                    });
+                                }, onRelease: () => {
+                                    if (!selectedAnnotation)
+                                        return;
+                                    releaseMutation.mutate({ annotationId: selectedAnnotation.id }, {
+                                        onSuccess: () => setSelectedAnnotationId(null),
+                                    });
+                                } })] })] }), _jsx(AnnotationClaimDialog, { open: claimOpen, onOpenChange: setClaimOpen, inputId: "annotation-detail-claim-size", maxClaimable: task.open, isPending: claimMutation.isPending, onSubmit: handleClaim, onCancel: () => setClaimOpen(false) })] }));
+}
+function SampleStatusBadge({ status }) {
+    const { t } = useI18n();
+    const token = status === 'submitted'
+        ? {
+            bg: 'var(--status-running-bg)',
+            fg: 'var(--status-running-fg)',
+            bd: 'var(--status-running-bd)',
+        }
+        : status === 'claimed'
+            ? {
+                bg: 'var(--status-canary-bg)',
+                fg: 'var(--status-canary-fg)',
+                bd: 'var(--status-canary-bd)',
+            }
+            : {
+                bg: 'var(--status-pending-bg)',
+                fg: 'var(--status-pending-fg)',
+                bd: 'var(--status-pending-bd)',
+            };
+    return (_jsx("span", { className: "inline-flex rounded-full border px-2 py-0.5 text-[11px] font-medium", style: { background: token.bg, color: token.fg, borderColor: token.bd }, children: t(statusKey(status)) }));
+}
+function ExpectedOutputPill({ value }) {
+    const { t } = useI18n();
+    if (!value) {
+        return _jsx("span", { className: "text-[12px] text-muted-foreground", children: t('annotations.expectedOutput.pending') });
+    }
+    return (_jsx("span", { className: "inline-flex max-w-[180px] rounded-full border px-2 py-0.5 font-mono text-[11px] font-medium", style: {
+            background: 'var(--status-running-bg)',
+            color: 'var(--status-running-fg)',
+            borderColor: 'var(--status-running-bd)',
+        }, title: value, children: _jsx("span", { className: "truncate", children: compactValue(value) }) }));
+}
+function getAnnotationJudgment(annotation) {
+    if (annotation.isCorrect === true)
+        return 'correct';
+    if (annotation.isCorrect === false)
+        return 'incorrect';
+    if (!annotation.submittedAt || !annotation.annotatedExpectedOutput)
+        return null;
+    return annotation.decisionOutput === annotation.annotatedExpectedOutput ? 'correct' : 'incorrect';
+}
+function JudgmentPill({ annotation }) {
+    const { t } = useI18n();
+    const judgment = getAnnotationJudgment(annotation);
+    if (!judgment) {
+        return _jsx("span", { className: "text-[12px] text-muted-foreground", children: t('annotations.judgment.pending') });
+    }
+    if (judgment === 'correct') {
+        return (_jsx("span", { className: "inline-flex rounded-full border px-2 py-0.5 text-[11px] font-medium", style: {
+                background: 'var(--status-running-bg)',
+                color: 'var(--status-running-fg)',
+                borderColor: 'var(--status-running-bd)',
+            }, children: t('annotations.judgment.correct') }));
+    }
+    return (_jsx("span", { className: "inline-flex rounded-full border border-destructive/30 bg-destructive/10 px-2 py-0.5 text-[11px] font-medium text-destructive", children: t('annotations.judgment.incorrect') }));
+}
+function AnnotationWorkspace({ annotation, categoryOptions, submitPending, releasePending, submitError, releaseError, onSubmit, onRelease, }) {
+    const { t } = useI18n();
+    if (!annotation) {
+        return (_jsx("section", { className: "rounded-lg border bg-card p-10 text-center text-sm text-muted-foreground", children: t('annotations.detail.workspace.empty') }));
+    }
+    return (_jsx(AnnotationWorkspaceForm, { annotation: annotation, categoryOptions: categoryOptions, submitPending: submitPending, releasePending: releasePending, submitError: submitError, releaseError: releaseError, onSubmit: onSubmit, onRelease: onRelease }, annotation.id));
+}
+function AnnotationWorkspaceForm({ annotation, categoryOptions, submitPending, releasePending, submitError, releaseError, onSubmit, onRelease, }) {
+    const { t } = useI18n();
+    const [selectedCategory, setSelectedCategory] = useState(() => normalizeClassificationAnnotationValue(annotation.annotatedExpectedOutput ?? annotation.expectedOutput ?? '', categoryOptions) ?? '');
+    const [notes, setNotes] = useState(() => annotation.notes ?? '');
+    const sampleStatus = getAnnotationStatus(annotation);
+    const canEdit = sampleStatus !== 'submitted' && !submitPending && !releasePending && categoryOptions.length > 0;
+    const canSubmit = canEdit && selectedCategory.length > 0;
+    const expectedOutput = formatClassificationAnnotationValue(selectedCategory);
+    const selectCategory = useCallback((category) => {
+        if (!canEdit)
+            return;
+        setSelectedCategory(category);
+    }, [canEdit]);
+    const submitCurrent = useCallback(() => {
+        if (!canSubmit)
+            return;
+        onSubmit({ expectedOutput, notes });
+    }, [canSubmit, expectedOutput, notes, onSubmit]);
+    useEffect(() => {
+        function handleKeyDown(event) {
+            if (event.isComposing || event.metaKey || event.ctrlKey || event.altKey || isTextEditingTarget(event.target)) {
+                return;
+            }
+            const categoryIndex = getCategoryShortcutIndex(event);
+            if (categoryIndex !== null && categoryIndex < categoryOptions.length) {
+                event.preventDefault();
+                const category = categoryOptions[categoryIndex];
+                if (category)
+                    selectCategory(category);
+                return;
+            }
+            if (isSubmitShortcut(event)) {
+                event.preventDefault();
+                submitCurrent();
+            }
+        }
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [categoryOptions, selectCategory, submitCurrent]);
+    return (_jsxs("section", { className: "grid min-w-0 gap-4 xl:grid-cols-[minmax(0,1fr)_340px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(ReadableDataPanel, { title: t('annotations.workspace.inputVariables'), value: annotation.inputVariables }), _jsx(ReadableDataPanel, { title: t('annotations.workspace.modelOutput'), value: annotation.decisionOutput ?? annotation.parsedOutput ?? annotation.rawResponse })] }), _jsx(CollapsibleReadablePanel, { title: t('annotations.workspace.fullPrompt'), value: annotation.renderedPrompt }), _jsx(ReadableEntryPanel, { title: t('annotations.workspace.runMeta'), entries: [
+                            { label: t('annotations.workspace.runResultId'), value: annotation.runResultId },
+                            { label: t('annotations.workspace.externalId'), value: annotation.externalId },
+                            {
+                                label: t('annotations.workspace.latency'),
+                                value: annotation.latencyMs ? `${annotation.latencyMs}ms` : null,
+                            },
+                            {
+                                label: t('annotations.workspace.tokens'),
+                                value: (annotation.inputTokens ?? 0) + (annotation.outputTokens ?? 0),
+                            },
+                        ] })] }), _jsxs("aside", { className: "rounded-lg border bg-card", children: [_jsxs("div", { className: "border-b px-4 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("h2", { className: "text-[14px] font-semibold", children: t('annotations.form.title') }), _jsx(SampleStatusBadge, { status: sampleStatus })] }), _jsx("p", { className: "mt-1 text-[11.5px] text-muted-foreground", children: t('annotations.form.subtitle') })] }), _jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: t('annotations.form.expectedOutput') }), categoryOptions.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed bg-muted/35 px-3 py-5 text-center text-[12px] text-muted-foreground", children: t('annotations.form.noCategoryOptions') })) : (_jsx("div", { className: "grid gap-2", role: "radiogroup", "aria-label": t('annotations.form.expectedOutput'), children: categoryOptions.map((category, index) => {
+                                            const selected = selectedCategory === category;
+                                            const shortcut = index < 9 ? String(index + 1) : index === 9 ? '0' : undefined;
+                                            return (_jsxs("button", { type: "button", role: "radio", "data-testid": `annotation-sample-category-${category}`, "aria-checked": selected, "aria-keyshortcuts": shortcut, disabled: !canEdit, onClick: () => selectCategory(category), className: cn('flex min-h-9 w-full items-center gap-2 rounded-md border bg-background px-3 py-2 text-left text-sm transition-colors', canEdit && 'hover:bg-accent', selected && 'border-primary bg-primary/5 text-primary', !canEdit && 'cursor-not-allowed opacity-70'), children: [_jsx("span", { className: cn('inline-flex size-4 shrink-0 items-center justify-center rounded-full border', selected ? 'border-primary' : 'border-muted-foreground/50'), children: selected ? _jsx("span", { className: "size-2 rounded-full bg-primary" }) : null }), _jsx("span", { className: "min-w-0 break-words font-mono", children: category })] }, category));
+                                        }) })), canEdit && selectedCategory.length === 0 ? (_jsx("p", { className: "text-[11.5px] text-muted-foreground", children: t('annotations.form.expectedOutputRequired') })) : null] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: t('annotations.form.notes') }), _jsx("textarea", { value: notes, onChange: (event) => setNotes(event.target.value), rows: 5, className: "min-h-[120px] w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm outline-none ring-offset-background placeholder:text-muted-foreground focus:ring-2 focus:ring-ring focus:ring-offset-2", placeholder: t('annotations.form.notesPlaceholder') })] }), submitError ? _jsx(FormError, { children: submitError }) : null, releaseError ? _jsx(FormError, { children: releaseError }) : null, _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 border-t pt-4", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: onRelease, disabled: sampleStatus !== 'claimed' || submitPending || releasePending, children: [_jsx(RotateCcw, { className: "size-4" }), releasePending ? t('annotations.form.releasing') : t('annotations.form.release')] }), _jsxs(Button, { type: "button", "data-testid": "annotation-save", onClick: submitCurrent, "aria-keyshortcuts": "Enter", disabled: !canSubmit, children: [_jsx(Save, { className: "size-4" }), submitPending ? t('annotations.form.submitting') : t('annotations.form.submit')] })] })] })] })] }));
+}
+function ReadableDataPanel({ title, value }) {
+    const normalized = normalizeReadableValue(value);
+    if (isRecord(normalized)) {
+        return (_jsx(ReadableEntryPanel, { title: title, entries: Object.entries(normalized).map(([label, entryValue]) => ({
+                label: formatReadableLabel(label),
+                value: entryValue,
+            })) }));
+    }
+    return (_jsxs("div", { className: "min-w-0 rounded-lg border bg-card", children: [_jsx("div", { className: "border-b px-4 py-3 text-[13px] font-semibold", children: title }), _jsx("div", { className: "max-h-[360px] overflow-auto p-4", children: _jsx(ReadableValue, { value: normalized }) })] }));
+}
+function ReadableEntryPanel({ title, entries }) {
+    return (_jsxs("div", { className: "min-w-0 rounded-lg border bg-card", children: [_jsx("div", { className: "border-b px-4 py-3 text-[13px] font-semibold", children: title }), _jsx("div", { className: "max-h-[360px] overflow-auto p-4", children: entries.length === 0 ? (_jsx(ReadableValue, { value: null })) : (_jsx("dl", { className: "space-y-3", children: entries.map((entry, index) => (_jsxs("div", { className: "min-w-0", children: [_jsx("dt", { className: "text-[11.5px] font-medium text-muted-foreground", children: entry.label }), _jsx("dd", { className: "mt-1 text-[12.5px] leading-5", children: _jsx(ReadableValue, { value: entry.value }) })] }, index))) })) })] }));
+}
+function CollapsibleReadablePanel({ title, value }) {
+    return (_jsxs("details", { className: "group min-w-0 rounded-lg border bg-card", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 border-b px-4 py-3 text-[13px] font-semibold [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: title }), _jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-open:rotate-180" })] }), _jsx("div", { className: "max-h-[420px] overflow-auto p-4", children: _jsx(ReadableValue, { value: formatPromptText(value) }) })] }));
+}
+function ReadableValue({ value }) {
+    const text = formatReadableValue(value);
+    if (text === '-') {
+        return _jsx("span", { className: "text-[12.5px] text-muted-foreground", children: "-" });
+    }
+    return _jsx("span", { className: "whitespace-pre-wrap break-words text-[12.5px] leading-5", children: text });
+}
+function normalizeReadableValue(value) {
+    if (typeof value !== 'string')
+        return value;
+    const trimmed = value.trim();
+    if (!trimmed)
+        return value;
+    if (!trimmed.startsWith('{') && !trimmed.startsWith('['))
+        return value;
+    try {
+        return JSON.parse(trimmed);
+    }
+    catch {
+        return value;
+    }
+}
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function formatReadableLabel(label) {
+    const withSpaces = label
+        .replace(/[_-]+/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .trim();
+    return withSpaces ? `${withSpaces.charAt(0).toUpperCase()}${withSpaces.slice(1)}` : label;
+}
+function formatReadableValue(value) {
+    const normalized = normalizeReadableValue(value);
+    if (normalized === null || normalized === undefined || normalized === '')
+        return '-';
+    if (typeof normalized === 'string')
+        return normalized;
+    if (typeof normalized === 'number' || typeof normalized === 'boolean' || typeof normalized === 'bigint') {
+        return String(normalized);
+    }
+    if (Array.isArray(normalized)) {
+        if (normalized.length === 0)
+            return '-';
+        return normalized.map((item) => formatReadableValue(item)).join('\n\n');
+    }
+    if (isRecord(normalized)) {
+        const entries = Object.entries(normalized);
+        if (entries.length === 0)
+            return '-';
+        return entries
+            .map(([label, entryValue]) => `${formatReadableLabel(label)}: ${formatReadableValue(entryValue)}`)
+            .join('\n');
+    }
+    return String(normalized);
+}
+function formatPromptText(value) {
+    const normalized = normalizeReadableValue(value);
+    if (normalized === null || normalized === undefined || normalized === '')
+        return '-';
+    if (typeof normalized === 'string')
+        return normalized;
+    if (Array.isArray(normalized))
+        return normalized.map(formatPromptMessage).join('\n\n');
+    if (isRecord(normalized)) {
+        const directPrompt = normalized['prompt'] ?? normalized['renderedPrompt'] ?? normalized['text'];
+        if (typeof directPrompt === 'string')
+            return directPrompt;
+        const messages = normalized['messages'];
+        if (Array.isArray(messages))
+            return messages.map(formatPromptMessage).join('\n\n');
+    }
+    return formatReadableValue(normalized);
+}
+function formatPromptMessage(message, index) {
+    const normalized = normalizeReadableValue(message);
+    if (!isRecord(normalized))
+        return formatReadableValue(normalized);
+    const role = typeof normalized['role'] === 'string' ? normalized['role'] : `Message ${index + 1}`;
+    const content = normalized['content'] ?? normalized['text'] ?? normalized['message'] ?? normalized;
+    return `${formatReadableLabel(role)}\n${formatReadableValue(content)}`;
+}
+function FormError({ children }) {
+    return (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: children }));
+}
+//# sourceMappingURL=annotation-detail-page.js.map

package/dist/screens/annotations/annotation-detail-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-detail-page.js","sourceRoot":"","sources":["../../../src/screens/annotations/annotation-detail-page.tsx"],"names":[],"mappings":"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"}

package/dist/screens/annotations/annotation-new-page.d.ts

@@ -0,0 +1,4 @@
+export declare function AnnotationNewPage({ projectId }: {
+    projectId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=annotation-new-page.d.ts.map

package/dist/screens/annotations/annotation-new-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-new-page.d.ts","sourceRoot":"","sources":["../../../src/screens/annotations/annotation-new-page.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,2CAiRrE"}

package/dist/screens/annotations/annotation-new-page.js

@@ -0,0 +1,125 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import Link from 'next/link';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { ClipboardCheck, Database, GitBranch, RadioTower } from 'lucide-react';
+import { Main } from '@proofhound/ui/layout';
+import { Button, Input, Label, DetailPageSkeleton, Segmented, cn, } from '@proofhound/ui';
+import { useAnnotationTaskOptions, useCreateAnnotationTask } from '../../hooks';
+import { useDelayedLoading } from '../../hooks';
+import { useI18n } from '../../i18n';
+import { getApiErrorMessage } from '../../lib';
+import { formatCount } from './annotation-ui';
+function buildDefaultTaskName() {
+    const now = new Date();
+    const yyyy = now.getFullYear();
+    const mm = String(now.getMonth() + 1).padStart(2, '0');
+    const dd = String(now.getDate()).padStart(2, '0');
+    return `annotation-${yyyy}${mm}${dd}`;
+}
+export function AnnotationNewPage({ projectId }) {
+    const router = useRouter();
+    const { t } = useI18n();
+    const searchParams = useSearchParams();
+    const optionsQuery = useAnnotationTaskOptions(projectId);
+    const createMutation = useCreateAnnotationTask(projectId);
+    const requestedReleaseLineId = searchParams.get('line') ?? '';
+    const requestedReleaseVariantId = searchParams.get('variant') ?? '';
+    const releaseLines = useMemo(() => optionsQuery.data?.data ?? [], [optionsQuery.data]);
+    const [explicitLineId, setExplicitLineId] = useState('');
+    const [explicitVariantId, setExplicitVariantId] = useState('');
+    const [scope, setScope] = useState('canary');
+    const [taskName, setTaskName] = useState(buildDefaultTaskName);
+    const [sampleSizeDraft, setSampleSizeDraft] = useState(null);
+    const selectedLineId = useMemo(() => {
+        if (explicitLineId && releaseLines.some((line) => line.id === explicitLineId))
+            return explicitLineId;
+        const requested = releaseLines.find((line) => line.id === requestedReleaseLineId);
+        const requestedByVariant = releaseLines.find((line) => line.variants.some((variant) => variant.id === requestedReleaseVariantId));
+        return (requested ?? requestedByVariant ?? releaseLines[0])?.id ?? '';
+    }, [explicitLineId, releaseLines, requestedReleaseLineId, requestedReleaseVariantId]);
+    const selectedLine = useMemo(() => releaseLines.find((line) => line.id === selectedLineId) ?? null, [releaseLines, selectedLineId]);
+    const selectedVariantId = useMemo(() => {
+        if (!selectedLine)
+            return '';
+        if (explicitVariantId && selectedLine.variants.some((variant) => variant.id === explicitVariantId)) {
+            return explicitVariantId;
+        }
+        if (requestedReleaseVariantId && selectedLine.variants.some((variant) => variant.id === requestedReleaseVariantId)) {
+            return requestedReleaseVariantId;
+        }
+        return selectedLine.variants[0]?.id ?? '';
+    }, [explicitVariantId, requestedReleaseVariantId, selectedLine]);
+    const selectedVariant = useMemo(() => selectedLine?.variants.find((variant) => variant.id === selectedVariantId) ?? null, [selectedLine, selectedVariantId]);
+    const maxSamples = selectedVariant ? getMaxSamples(selectedVariant, scope) : 0;
+    const sampleSize = sampleSizeDraft ?? (maxSamples > 0 ? String(maxSamples) : '');
+    const parsedSampleSize = Number(sampleSize);
+    const normalizedSampleSize = Number.isFinite(parsedSampleSize) && parsedSampleSize > 0 ? Math.trunc(parsedSampleSize) : 0;
+    const canCreate = Boolean(selectedLine && selectedVariant && taskName.trim()) &&
+        Boolean(selectedVariant && selectedVariant.categoryOptions.length > 0) &&
+        normalizedSampleSize >= 1 &&
+        normalizedSampleSize <= maxSamples &&
+        !createMutation.isPending;
+    const submitHint = selectedVariant && selectedVariant.categoryOptions.length === 0
+        ? t('annotations.new.categoryOptionsRequired')
+        : canCreate
+            ? t('annotations.new.submitReady')
+            : t('annotations.new.submitDisabled');
+    function submit() {
+        if (!selectedLine || !selectedVariant || !canCreate)
+            return;
+        createMutation.mutate({
+            name: taskName.trim(),
+            releaseLineId: selectedLine.id,
+            releaseVariantId: selectedVariant.id,
+            scope,
+            sampleSize: normalizedSampleSize,
+        }, {
+            onSuccess: (task) => {
+                router.push(`/annotations/${encodeURIComponent(task.id)}`);
+            },
+        });
+    }
+    const optionsLoading = useDelayedLoading(optionsQuery.isLoading && !optionsQuery.data);
+    if (optionsLoading) {
+        return (_jsx(Main, { fixed: true, className: "bg-muted/35", children: _jsx("div", { className: "mx-auto w-full max-w-[1280px]", "data-testid": "annotation-new-page", children: _jsx(DetailPageSkeleton, {}) }) }));
+    }
+    return (_jsx(Main, { fixed: true, className: "gap-5 overflow-auto bg-muted/35 pb-8", children: _jsxs("div", { className: "mx-auto flex w-full max-w-[1280px] flex-col gap-5", "data-testid": "annotation-new-page", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-[22px] font-semibold leading-tight", children: t('annotations.new.title') }), _jsx("p", { className: "mt-1 max-w-3xl text-[12.5px] text-muted-foreground", children: t('annotations.new.subtitle') })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { href: "/annotations", children: t('common.cancel') }) }), _jsxs(Button, { "data-testid": "annotation-new-submit", onClick: submit, disabled: !canCreate, children: [_jsx(ClipboardCheck, { className: "size-4" }), createMutation.isPending ? t('annotations.new.action.creating') : t('annotations.new.action.create')] })] })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_340px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("section", { className: "rounded-lg border bg-card", children: [_jsx(SectionHeader, { icon: _jsx(RadioTower, { className: "size-3" }), title: t('annotations.new.section.release'), detail: t('annotations.new.section.releaseDetail') }), _jsx("div", { className: "space-y-4 p-5", children: releaseLines.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed bg-muted/35 p-6 text-center text-sm text-muted-foreground", children: t('annotations.new.emptyRelease') })) : (_jsx("select", { "data-testid": "annotation-new-release-line-select", value: selectedLineId, onChange: (event) => {
+                                                    setExplicitLineId(event.target.value);
+                                                    setExplicitVariantId('');
+                                                    setSampleSizeDraft(null);
+                                                }, className: "h-10 w-full rounded-md border border-input bg-background px-3 text-sm outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", children: releaseLines.map((line) => (_jsx("option", { value: line.id, children: line.name }, line.id))) })) })] }), _jsxs("section", { className: "rounded-lg border bg-card", children: [_jsx(SectionHeader, { icon: _jsx(GitBranch, { className: "size-3" }), title: t('annotations.new.section.variant'), detail: t('annotations.new.section.variantDetail') }), _jsx("div", { className: "p-5", children: !selectedLine ? (_jsx("div", { className: "rounded-md border border-dashed bg-muted/35 p-6 text-center text-sm text-muted-foreground", children: t('annotations.new.selectReleaseFirst') })) : selectedLine.variants.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed bg-muted/35 p-6 text-center text-sm text-muted-foreground", children: t('annotations.new.emptyVariant') })) : (_jsx("div", { className: "grid grid-cols-1 gap-3 lg:grid-cols-2", "data-testid": "annotation-new-release-variant-select", children: selectedLine.variants.map((variant) => (_jsx(VariantOption, { variant: variant, selected: variant.id === selectedVariantId, testId: `annotation-new-release-variant-option-${variant.id}`, onSelect: () => {
+                                                        setExplicitVariantId(variant.id);
+                                                        setSampleSizeDraft(null);
+                                                    } }, variant.id))) })) })] }), _jsxs("section", { className: "rounded-lg border bg-card", children: [_jsx(SectionHeader, { icon: _jsx(Database, { className: "size-3" }), title: t('annotations.new.section.sample'), detail: t('annotations.new.section.sampleDetail') }), _jsxs("div", { className: "space-y-5 p-5", children: [_jsx("div", { "data-testid": "annotation-new-scope", children: _jsx(Segmented, { value: scope, onChange: (next) => {
+                                                            setScope(next);
+                                                            setSampleSizeDraft(null);
+                                                        }, ariaLabel: t('annotations.new.scope.label'), options: [
+                                                            { value: 'canary', label: t('annotations.scope.canary') },
+                                                            { value: 'online', label: t('annotations.scope.online') },
+                                                        ] }) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-[12.5px]", children: t('annotations.new.field.name') }), _jsx(Input, { "data-testid": "annotation-new-task-name", value: taskName, onChange: (event) => setTaskName(event.target.value), placeholder: t('annotations.new.field.namePlaceholder'), className: "font-mono text-[13px]" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-[12.5px]", children: t('annotations.new.field.sampleLimit') }), _jsx(Input, { "data-testid": "annotation-new-sample-size", type: "number", min: 1, max: Math.max(1, maxSamples), value: sampleSize, onChange: (event) => setSampleSizeDraft(event.target.value), className: "font-mono text-[13px]" }), _jsx("p", { className: "text-[11.5px] text-muted-foreground", children: t('annotations.new.maxSamples').replace('{count}', formatCount(maxSamples)) })] })] }), _jsx("div", { className: "rounded-md border bg-muted/35 px-3 py-2 text-[12px] text-muted-foreground", children: t('annotations.new.expectedOutputOnly') }), getApiErrorMessage(createMutation.error) ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: getApiErrorMessage(createMutation.error) })) : null] })] })] }), _jsx("aside", { className: "xl:sticky xl:top-4 xl:self-start", children: _jsxs("div", { className: "rounded-lg border bg-card p-4", children: [_jsx("h2", { className: "text-[14px] font-semibold", children: t('annotations.new.summary.title') }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(SummaryRow, { label: t('annotations.new.field.name'), value: taskName.trim() || '-' }), _jsx(SummaryRow, { label: t('annotations.new.summary.release'), value: selectedLine?.name ?? '-' }), _jsx(SummaryRow, { label: t('annotations.new.summary.variant'), value: selectedVariant ? formatVariant(selectedVariant) : '-' }), _jsx(SummaryRow, { label: t('annotations.new.summary.scope'), value: scope === 'canary' ? t('annotations.scope.canary') : t('annotations.scope.online') }), _jsx(SummaryRow, { label: t('annotations.new.summary.samples'), value: `${formatCount(normalizedSampleSize)} / ${formatCount(maxSamples)}` }), _jsx(SummaryRow, { label: t('annotations.new.summary.field'), value: "expected_output" }), _jsx(SummaryRow, { label: t('annotations.new.summary.categories'), value: selectedVariant ? formatCategoryOptions(selectedVariant.categoryOptions) : '-' })] }), _jsx("div", { className: "mt-4 rounded-md border bg-muted/35 px-3 py-2 text-[12px] text-muted-foreground", children: submitHint })] }) })] })] }) }));
+}
+function SectionHeader({ icon, title, detail }) {
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b px-5 py-3", children: [_jsx("span", { className: "inline-flex size-5 items-center justify-center rounded-full border border-[var(--status-canary-bd)] bg-[var(--status-canary-bg)] text-[var(--status-canary-fg)]", children: icon }), _jsx("h2", { className: "text-[14px] font-semibold", children: title }), _jsx("span", { className: "text-[12px] text-muted-foreground", children: detail })] }));
+}
+function VariantOption({ variant, selected, onSelect, testId, }) {
+    const { t } = useI18n();
+    return (_jsxs("button", { type: "button", "data-testid": testId, onClick: onSelect, className: cn('min-w-0 rounded-md border bg-background p-3 text-left transition-colors hover:bg-accent', selected && 'border-primary bg-primary/5'), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-mono text-[12.5px] font-semibold", children: formatVariant(variant) }), _jsx("div", { className: "mt-1 truncate text-[11.5px] text-muted-foreground", children: variant.id })] }), _jsx("span", { className: "rounded-full border px-2 py-0.5 font-mono text-[10.5px] text-muted-foreground", children: variant.label })] }), _jsxs("div", { className: "mt-3 grid grid-cols-2 gap-2 font-mono text-[11px] text-muted-foreground", children: [_jsxs("span", { children: [t('annotations.scope.canary'), " ", formatCount(variant.canaryCount)] }), _jsxs("span", { children: [t('annotations.scope.online'), " ", formatCount(variant.onlineCount)] })] }), _jsx("div", { className: "mt-3 flex flex-wrap gap-1", children: variant.categoryOptions.length > 0 ? (_jsxs(_Fragment, { children: [variant.categoryOptions.slice(0, 4).map((category) => (_jsx("span", { className: "rounded-full border bg-muted/35 px-2 py-0.5 text-[10.5px]", children: category }, category))), variant.categoryOptions.length > 4 ? (_jsxs("span", { className: "rounded-full border bg-muted/35 px-2 py-0.5 font-mono text-[10.5px] text-muted-foreground", children: ["+", variant.categoryOptions.length - 4] })) : null] })) : (_jsx("span", { className: "text-[11px] text-destructive", children: t('annotations.new.noCategoryOptions') })) })] }));
+}
+function SummaryRow({ label, value }) {
+    return (_jsxs("div", { className: "grid grid-cols-[96px_minmax(0,1fr)] gap-3 text-[12px]", children: [_jsx("div", { className: "text-muted-foreground", children: label }), _jsx("div", { className: "min-w-0 truncate font-mono text-foreground", title: value, children: value })] }));
+}
+function getMaxSamples(variant, scope) {
+    return scope === 'online' ? variant.onlineCount : variant.canaryCount;
+}
+function formatVariant(variant) {
+    return `${variant.label} · ${variant.promptVersionLabel ?? variant.promptVersionId.slice(0, 8)} · ${variant.modelName ?? variant.modelId.slice(0, 8)}`;
+}
+function formatCategoryOptions(options) {
+    if (options.length === 0)
+        return '-';
+    const preview = options.slice(0, 3).join(' / ');
+    return options.length > 3 ? `${preview} / +${options.length - 3}` : preview;
+}
+//# sourceMappingURL=annotation-new-page.js.map