@sudobility/testomniac_ui 0.0.1

package/dist/pages/TestRunDetailPage.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRun, useRunSummary, useRunStructure, useTestInteractionRun, useTestRunFindings, } from '@sudobility/testomniac_client';
+import { formatDate, formatMultilineLog } from '@sudobility/testomniac_lib';
+import { useTestomniacApi } from '../context/config';
+import { useRouteParams } from '../context/routing';
+import BackLink from '../components/navigation/BackLink';
+import { useEnvBasePath } from '../hooks/useEnvBasePath';
+import { useLocalizedNavigate } from '../hooks/useLocalizedNavigate';
+import { Card } from '@sudobility/components';
+import { StatusBadge } from '../components/scanner/StatusBadge';
+import { EmptyState } from '../components/states';
+function FindingTypeBadge({ type }) {
+    const colors = type === 'error'
+        ? 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300'
+        : type === 'warning'
+            ? 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300'
+            : 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300';
+    return (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${colors}`, children: type }));
+}
+export function TestRunDetailPage() {
+    const { runId } = useRouteParams();
+    const { networkClient, token, baseUrl } = useTestomniacApi();
+    const { navigate } = useLocalizedNavigate();
+    const basePath = useEnvBasePath();
+    const testRunId = Number(runId);
+    const { run, isLoading: isRunLoading, error: runError, } = useRun({
+        networkClient,
+        baseUrl,
+        runId: testRunId,
+        token: token ?? '',
+        enabled: !!runId && !!token,
+    });
+    const { summary } = useRunSummary({
+        networkClient,
+        baseUrl,
+        runId: testRunId,
+        token: token ?? '',
+        enabled: !!runId && !!token,
+    });
+    const { structure } = useRunStructure({
+        networkClient,
+        baseUrl,
+        runId: testRunId,
+        token: token ?? '',
+        enabled: !!runId && !!token,
+    });
+    const { findings, isLoading, error } = useTestRunFindings({
+        networkClient,
+        baseUrl,
+        testInteractionRunId: run?.testInteractionRunId ?? 0,
+        token: token ?? '',
+        enabled: !!run?.testInteractionRunId && !!token,
+    });
+    const { testInteractionRun, isLoading: isCaseRunLoading, error: elementRunError, } = useTestInteractionRun({
+        networkClient,
+        baseUrl,
+        testInteractionRunId: run?.testInteractionRunId ?? 0,
+        token: token ?? '',
+        enabled: !!run?.testInteractionRunId && !!token,
+    });
+    if (runError || error || elementRunError) {
+        return (_jsx("div", { className: "p-6", children: _jsxs("div", { className: "text-center text-red-600 dark:text-red-400 py-8", children: ["Error: ", runError || error || elementRunError] }) }));
+    }
+    if (isRunLoading || !run) {
+        return (_jsx("div", { className: "p-6", children: _jsx("div", { className: "text-center text-gray-500 dark:text-gray-400 py-8", children: "Loading run..." }) }));
+    }
+    const isRootLikeRun = run.testInteractionRunId === null;
+    const expertiseEntries = Object.entries(summary?.expertiseSummary ?? {}).sort(([left], [right]) => left.localeCompare(right));
+    const surfaceCoverage = structure?.surfaces.map(surface => ({
+        id: surface.id,
+        title: surface.title,
+        surfaceRunId: surface.surfaceRuns[0]?.id ?? null,
+        status: surface.surfaceRuns[0]?.status ?? 'pending',
+        interactionCount: surface.testInteractions.length,
+    })) ?? [];
+    const consoleLog = formatMultilineLog(testInteractionRun?.consoleLog);
+    const networkLog = formatMultilineLog(testInteractionRun?.networkLog);
+    return (_jsxs("div", { className: "p-6", children: [_jsx(BackLink, { label: "Back to Runs", onClick: () => navigate(`${basePath}/runs`) }), _jsxs("nav", { className: "flex items-center gap-1 text-sm text-gray-500 dark:text-gray-400 mb-4", children: [_jsx("button", { onClick: () => navigate(`${basePath}/runs`), className: "hover:text-blue-600 dark:hover:text-blue-400 transition-colors", children: "Runs" }), _jsx("span", { children: "/" }), _jsxs("span", { className: "text-gray-900 dark:text-gray-100 font-medium", children: ["Run #", runId] })] }), _jsxs("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100 mb-2", children: ["Test Run #", runId] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 mb-6", children: [_jsx(StatusBadge, { status: run.status }), _jsx(StatusBadge, { status: run.sizeClass }), _jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: ["ID: ", runId] }), run.createdAt && (_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: ["Created ", formatDate(run.createdAt)] })), run.startedAt && (_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: ["Started ", formatDate(run.startedAt)] })), run.completedAt && (_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: ["Completed ", formatDate(run.completedAt)] }))] }), isRootLikeRun && summary && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-8 grid grid-cols-2 gap-4 md:grid-cols-4", children: [_jsxs(Card, { variant: "bordered", padding: "md", children: [_jsx("div", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: summary.pagesFound ?? 0 }), _jsx("div", { className: "text-xs text-gray-500", children: "Pages Found" })] }), _jsxs(Card, { variant: "bordered", padding: "md", children: [_jsx("div", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: summary.pageStatesFound ?? 0 }), _jsx("div", { className: "text-xs text-gray-500", children: "Page States" })] }), _jsxs(Card, { variant: "bordered", padding: "md", children: [_jsx("div", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: summary.testRunsCompleted ?? 0 }), _jsx("div", { className: "text-xs text-gray-500", children: "Completed Runs" })] }), _jsxs(Card, { variant: "bordered", padding: "md", children: [_jsx("div", { className: "text-2xl font-bold text-red-600 dark:text-red-400", children: summary.totalFindings }), _jsx("div", { className: "text-xs text-gray-500", children: "Findings" })] })] }), summary.aiSummary && (_jsxs(Card, { variant: "bordered", padding: "md", className: "mb-8", children: [_jsx("h2", { className: "mb-2 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: "Summary" }), _jsx("p", { className: "text-sm leading-6 text-gray-700 dark:text-gray-300", children: summary.aiSummary })] })), _jsxs("div", { className: "mb-8 grid grid-cols-1 gap-3 sm:grid-cols-3", children: [_jsxs("button", { onClick: () => navigate(`${basePath}/runs/${runId}/surface-runs`), className: "rounded-lg border border-gray-200 bg-white p-4 text-left transition-colors hover:border-blue-300 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-600", children: [_jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Surface Runs" }), _jsx("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Navigate the run hierarchy by surface run, then interaction runs and run details." })] }), _jsxs("button", { onClick: () => navigate(`${basePath}/runs/${runId}/pages`), className: "rounded-lg border border-gray-200 bg-white p-4 text-left transition-colors hover:border-blue-300 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-600", children: [_jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Pages" }), _jsx("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Browse discovered pages and drill into captured page states." })] }), _jsxs("button", { onClick: () => navigate(`${basePath}/runs/${runId}/issues`), className: "rounded-lg border border-gray-200 bg-white p-4 text-left transition-colors hover:border-blue-300 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-600", children: [_jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Findings" }), _jsx("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Review grouped warnings and errors for this scan run." })] })] }), surfaceCoverage.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsx("h2", { className: "mb-4 text-lg font-semibold text-gray-900 dark:text-gray-100", children: "Coverage Tree" }), _jsx("div", { className: "space-y-3", children: surfaceCoverage.map(surface => (_jsx("button", { onClick: () => surface.surfaceRunId != null &&
+                                        navigate(`${basePath}/runs/${runId}/surface-runs/${surface.surfaceRunId}`), disabled: surface.surfaceRunId == null, className: "w-full rounded-lg border border-gray-200 bg-white p-4 text-left transition-colors hover:border-blue-300 disabled:cursor-default disabled:hover:border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-600 dark:disabled:hover:border-gray-700", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: surface.title }), _jsxs("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: [surface.interactionCount, " test interaction", surface.interactionCount === 1 ? '' : 's'] })] }), _jsx("div", { className: "shrink-0", children: _jsx(StatusBadge, { status: surface.status }) })] }) }, surface.id))) })] })), expertiseEntries.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsx("h2", { className: "mb-4 text-lg font-semibold text-gray-900 dark:text-gray-100", children: "Findings by Expertise" }), _jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: expertiseEntries.map(([name, counts]) => (_jsxs(Card, { variant: "bordered", padding: "md", children: [_jsx("div", { className: "text-sm font-medium capitalize text-gray-900 dark:text-gray-100", children: name }), _jsxs("div", { className: "mt-3 flex gap-4 text-xs", children: [_jsxs("span", { className: "text-red-600 dark:text-red-400", children: [counts.errors, " error", counts.errors === 1 ? '' : 's'] }), _jsxs("span", { className: "text-amber-600 dark:text-amber-400", children: [counts.warnings, " warning", counts.warnings === 1 ? '' : 's'] }), _jsxs("span", { className: "text-gray-500 dark:text-gray-400", children: [counts.findings, " total"] })] })] }, name))) })] }))] })), _jsx("h2", { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3", children: "Findings" }), run.testInteractionRunId === null && (_jsx(EmptyState, { description: "This test run tracks a surface or discovery workflow and does not map directly to a single test interaction run." })), run.testInteractionRunId !== null && isLoading && (_jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 py-8 text-center", children: "Loading findings..." })), run.testInteractionRunId !== null && !isLoading && findings.length === 0 && (_jsx(EmptyState, { description: "No findings for this test run." })), run.testInteractionRunId !== null && !isLoading && findings.length > 0 && (_jsx("div", { className: "space-y-3", children: findings.map(finding => (_jsx(Card, { variant: "bordered", padding: "md", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(FindingTypeBadge, { type: finding.type }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: finding.title }), _jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: finding.description }), finding.createdAt && (_jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mt-2", children: formatDate(finding.createdAt) }))] })] }) }, finding.id))) })), run.testInteractionRunId !== null && !isCaseRunLoading && (consoleLog || networkLog) && (_jsxs("div", { className: "mt-8 space-y-6", children: [_jsx("h2", { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Runtime Signals" }), consoleLog && (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium text-gray-900 dark:text-gray-100", children: "Console Log" }), _jsx("pre", { className: "max-h-80 overflow-auto rounded-lg border border-gray-200 bg-gray-50 p-4 text-xs leading-5 text-gray-700 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300", children: consoleLog })] })), networkLog && (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium text-gray-900 dark:text-gray-100", children: "Network Log" }), _jsx("pre", { className: "max-h-80 overflow-auto rounded-lg border border-gray-200 bg-gray-50 p-4 text-xs leading-5 text-gray-700 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300", children: networkLog })] }))] }))] }));
+}
+//# sourceMappingURL=TestRunDetailPage.js.map

package/dist/pages/TestRunDetailPage.js.map

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

package/dist/pages/TestRunsListPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TestRunsListPage(): import("react").JSX.Element;
+//# sourceMappingURL=TestRunsListPage.d.ts.map

package/dist/pages/TestRunsListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunsListPage.d.ts","sourceRoot":"","sources":["../../src/pages/TestRunsListPage.tsx"],"names":[],"mappings":"AASA,wBAAgB,gBAAgB,gCA4E/B"}

package/dist/pages/TestRunsListPage.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDuration, formatDate } from '@sudobility/testomniac_lib';
+import { SEOHead } from '../context/config';
+import { useLocalizedNavigate } from '../hooks/useLocalizedNavigate';
+import { useEnvBasePath } from '../hooks/useEnvBasePath';
+import { useDashboardEnvironmentContext } from '../hooks/useDashboardEnvironmentContext';
+import { StatusBadge } from '../components/scanner/StatusBadge';
+import { ErrorState, LoadingState, EmptyState } from '../components/states';
+export function TestRunsListPage() {
+    const { navigate } = useLocalizedNavigate();
+    const { environmentRuns: testRuns, isLoading, error } = useDashboardEnvironmentContext();
+    const basePath = useEnvBasePath();
+    if (error) {
+        return _jsx(ErrorState, { message: error });
+    }
+    return (_jsxs("div", { className: "p-6", children: [_jsx(SEOHead, { title: "Test Runs", description: "", noIndex: true }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100 mb-6", children: "Test Runs" }), isLoading && _jsx(LoadingState, { message: "Loading test runs..." }), !isLoading && testRuns.length === 0 && (_jsx(EmptyState, { title: "No test runs yet", description: "Test runs will appear here after tests are executed." })), !isLoading && testRuns.length > 0 && (_jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: [_jsx("th", { className: "text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400", children: "ID" }), _jsx("th", { className: "text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400", children: "Device" }), _jsx("th", { className: "text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400", children: "Status" }), _jsx("th", { className: "text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400", children: "Duration" }), _jsx("th", { className: "text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400", children: "Created" })] }) }), _jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: testRuns.map((run) => (_jsxs("tr", { onClick: () => navigate(`${basePath}/runs/${run.id}`), className: "bg-white dark:bg-gray-900 hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer transition-colors", children: [_jsxs("td", { className: "px-4 py-3 font-mono text-gray-900 dark:text-gray-100", children: ["#", run.id] }), _jsx("td", { className: "px-4 py-3", children: _jsx(StatusBadge, { status: run.sizeClass }) }), _jsx("td", { className: "px-4 py-3", children: _jsx(StatusBadge, { status: run.status }) }), _jsx("td", { className: "px-4 py-3 text-gray-600 dark:text-gray-400", children: formatDuration(run.totalDurationMs) }), _jsx("td", { className: "px-4 py-3 text-gray-600 dark:text-gray-400", children: formatDate(run.createdAt) })] }, run.id))) })] }) }))] }));
+}
+//# sourceMappingURL=TestRunsListPage.js.map

package/dist/pages/TestRunsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunsListPage.js","sourceRoot":"","sources":["../../src/pages/TestRunsListPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAE5E,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC5C,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,8BAA8B,EAAE,CAAC;IAEzF,MAAM,QAAQ,GAAG,cAAc,EAAE,CAAC;IAElC,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,GAAI,CAAC;IACxC,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,KAAC,OAAO,IAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAC,EAAE,EAAC,OAAO,SAAG,EACpD,aAAI,SAAS,EAAC,0DAA0D,0BAAe,EAEtF,SAAS,IAAI,KAAC,YAAY,IAAC,OAAO,EAAC,sBAAsB,GAAG,EAE5D,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACtC,KAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAC,sDAAsD,GAClE,CACH,EAEA,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACpC,cAAK,SAAS,EAAC,wEAAwE,YACrF,iBAAO,SAAS,EAAC,gBAAgB,aAC/B,0BACE,cAAI,SAAS,EAAC,2EAA2E,aACvF,aAAI,SAAS,EAAC,kEAAkE,mBAE3E,EACL,aAAI,SAAS,EAAC,kEAAkE,uBAE3E,EACL,aAAI,SAAS,EAAC,kEAAkE,uBAE3E,EACL,aAAI,SAAS,EAAC,kEAAkE,yBAE3E,EACL,aAAI,SAAS,EAAC,kEAAkE,wBAE3E,IACF,GACC,EACR,gBAAO,SAAS,EAAC,+CAA+C,YAC7D,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAoB,EAAE,EAAE,CAAC,CACtC,cAEE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,QAAQ,SAAS,GAAG,CAAC,EAAE,EAAE,CAAC,EACrD,SAAS,EAAC,oGAAoG,aAE9G,cAAI,SAAS,EAAC,sDAAsD,kBAChE,GAAG,CAAC,EAAE,IACL,EACL,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,WAAW,IAAC,MAAM,EAAE,GAAG,CAAC,SAAS,GAAI,GACnC,EACL,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,WAAW,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAI,GAChC,EACL,aAAI,SAAS,EAAC,4CAA4C,YACvD,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,GACjC,EACL,aAAI,SAAS,EAAC,4CAA4C,YACvD,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,GACvB,KAlBA,GAAG,CAAC,EAAE,CAmBR,CACN,CAAC,GACI,IACF,GACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/pages/TestScenarioDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TestScenarioDetailPage(): import("react").JSX.Element;
+//# sourceMappingURL=TestScenarioDetailPage.d.ts.map

package/dist/pages/TestScenarioDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestScenarioDetailPage.d.ts","sourceRoot":"","sources":["../../src/pages/TestScenarioDetailPage.tsx"],"names":[],"mappings":"AAiIA,wBAAgB,sBAAsB,gCAoMrC"}

package/dist/pages/TestScenarioDetailPage.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useRunnerTestScenarios, useEnvironmentTestInteractions, useTestScenarioSequences, useTestScenarioSequenceTestInteractions, useProductPersonas, } from '@sudobility/testomniac_client';
+import { useSequenceGenerator } from '@sudobility/testomniac_lib';
+import { Alert, ActionButton, Card } from '@sudobility/components';
+import { SEOHead, useTestomniacApi } from '../context/config';
+import { useRouteParams } from '../context/routing';
+import { InteractionCell, ListCell } from '../components/cells';
+import { ScriptPanel } from '../components/scripts/ScriptPanel';
+import BackLink from '../components/navigation/BackLink';
+import { useEnvBasePath } from '../hooks/useEnvBasePath';
+import { useLocalizedNavigate } from '../hooks/useLocalizedNavigate';
+import { useDashboardEnvironmentContext } from '../hooks/useDashboardEnvironmentContext';
+import { AddToBundleButton } from '../components/bundles/AddToBundleButton';
+import { EmptyState } from '../components/states';
+function SequenceCard({ sequence, isExpanded, onToggle, networkClient, token, basePath, navigate, interactions, }) {
+    const { baseUrl } = useTestomniacApi();
+    const { testInteractionLinks, isLoading } = useTestScenarioSequenceTestInteractions({
+        networkClient,
+        baseUrl,
+        testScenarioSequenceId: sequence.id,
+        token,
+        enabled: isExpanded,
+    });
+    const sorted = [...testInteractionLinks].sort((a, b) => (a.stepOrder ?? 0) - (b.stepOrder ?? 0));
+    const interactionById = new Map(interactions.map(i => [i.id, i]));
+    return (_jsxs(Card, { variant: "bordered", padding: "none", className: "overflow-hidden", children: [_jsxs("button", { onClick: onToggle, className: "flex items-center gap-3 w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors", children: [_jsx("span", { className: "text-xs text-gray-400", children: isExpanded ? '▼' : '▶' }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: ["Sequence #", sequence.id] }), _jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400 mt-0.5", children: ["Environment ID: ", sequence.testEnvironmentId, sequence.createdAt &&
+                                        ` — Created: ${new Date(sequence.createdAt).toLocaleDateString()}`] })] })] }), isExpanded && (_jsxs("div", { className: "border-t border-gray-100 dark:border-gray-700 px-4 py-3", children: [isLoading && _jsx("div", { className: "text-xs text-gray-400 py-2", children: "Loading interactions..." }), !isLoading && sorted.length === 0 && (_jsx("div", { className: "text-xs text-gray-400 py-2", children: "No interactions in this sequence." })), !isLoading && sorted.length > 0 && (_jsx("div", { className: "space-y-2", children: sorted.map(link => {
+                            const interaction = interactionById.get(link.testInteractionId);
+                            const onOpen = () => navigate(`${basePath}/test-interactions/${link.testInteractionId}`);
+                            const stepLabel = (_jsxs("span", { className: "w-6 text-right font-mono text-xs text-gray-400", children: [link.stepOrder, "."] }));
+                            return interaction ? (_jsx(InteractionCell, { interaction: interaction, onClick: onOpen, leading: stepLabel }, link.id)) : (_jsx(ListCell, { leading: stepLabel, title: `Interaction #${link.testInteractionId}`, onClick: onOpen }, link.id));
+                        }) })), !isLoading && sorted.length > 0 && (_jsx("div", { className: "mt-4 border-t border-gray-100 pt-3 dark:border-gray-700", children: _jsx(ScriptPanel, { kind: "sequence", id: sequence.id, filename: `sequence-${sequence.id}.spec.ts`, enabled: isExpanded }) }))] }))] }));
+}
+export function TestScenarioDetailPage() {
+    const { envId, scenarioId } = useRouteParams();
+    const { navigate } = useLocalizedNavigate();
+    const { baseUrl } = useTestomniacApi();
+    const { networkClient, token, productId, primaryRunner, envId: numericEnvId, error: contextError, } = useDashboardEnvironmentContext();
+    const basePath = useEnvBasePath();
+    // Fetch the scenario from the list (no single-get endpoint needed)
+    const { testScenarios } = useRunnerTestScenarios({
+        networkClient,
+        baseUrl,
+        runnerId: primaryRunner?.id ?? 0,
+        token,
+        enabled: !!envId && !!token && !!primaryRunner,
+    });
+    const scenario = testScenarios.find(s => s.id === Number(scenarioId));
+    const { personas } = useProductPersonas({
+        networkClient,
+        baseUrl,
+        productId,
+        token,
+        enabled: !!productId && !!token,
+    });
+    // Use the same source as the Test Interactions screen so every sequence step
+    // resolves to a full InteractionCell (title + path + type badge).
+    const { testInteractions, refetch: refetchInteractions } = useEnvironmentTestInteractions({
+        networkClient,
+        baseUrl,
+        envId: numericEnvId,
+        token,
+        enabled: !!envId && !!token,
+    });
+    const personaName = scenario?.personaId
+        ? personas.find(p => p.id === scenario.personaId)?.title
+        : null;
+    const { sequences, isLoading: sequencesLoading, error: sequencesError, refetch: refetchSequences, } = useTestScenarioSequences({
+        networkClient,
+        baseUrl,
+        testScenarioId: Number(scenarioId),
+        token: token ?? '',
+        enabled: !!scenarioId && !!token,
+    });
+    const { generate, isGenerating, error: generateError, } = useSequenceGenerator({
+        networkClient,
+        baseUrl,
+        token,
+    });
+    const [generateErrorMsg, setGenerateErrorMsg] = useState(null);
+    const [expandedSequenceId, setExpandedSequenceId] = useState(null);
+    const handleGenerateSequence = async () => {
+        setGenerateErrorMsg(null);
+        const result = await generate(Number(scenarioId), numericEnvId);
+        if (result) {
+            refetchSequences();
+            // The generated interactions are new rows; refresh the interaction list
+            // so each sequence step resolves to a full cell without a page reload.
+            refetchInteractions();
+        }
+        else if (generateError) {
+            setGenerateErrorMsg(generateError);
+        }
+    };
+    if (contextError || sequencesError) {
+        return (_jsx("div", { className: "p-6", children: _jsxs("div", { className: "text-center text-red-600 dark:text-red-400 py-8", children: ["Error: ", contextError || sequencesError] }) }));
+    }
+    return (_jsxs("div", { className: "p-6", children: [_jsx(SEOHead, { title: scenario?.title ?? `Scenario #${scenarioId}`, description: "", noIndex: true }), _jsx(BackLink, { label: "Test Scenarios", onClick: () => navigate(`${basePath}/test-scenarios`) }), _jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: scenario?.title ?? `Test Scenario #${scenarioId}` }), _jsx(AddToBundleButton, { itemType: "scenario", itemId: Number(scenarioId) })] }), scenario && (_jsxs("div", { className: "mb-6 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-4 text-sm text-gray-500 dark:text-gray-400", children: [_jsxs("span", { children: ["Starting path:", ' ', _jsx("code", { className: "text-gray-900 dark:text-gray-100", children: scenario.startingPath })] }), _jsxs("span", { children: ["Device: ", _jsx("code", { className: "text-gray-900 dark:text-gray-100", children: scenario.sizeClass })] }), scenario.personaId && (_jsxs("span", { children: ["Persona:", ' ', _jsx("code", { className: "text-gray-900 dark:text-gray-100", children: personaName ?? `#${scenario.personaId}` })] }))] }), _jsxs(Card, { variant: "bordered", padding: "sm", children: [_jsx("div", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Prompt" }), _jsx("p", { className: "text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap", children: scenario.prompt })] })] })), _jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h2", { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Sequences" }), _jsx(ActionButton, { variant: "primary", className: "bg-purple-600 hover:bg-purple-700", onClick: handleGenerateSequence, disabled: !scenarioId, isLoading: isGenerating, loadingText: "Generating...", children: "Generate Sequence" })] }), (generateErrorMsg || generateError) && (_jsx(Alert, { variant: "error", description: generateErrorMsg || generateError || undefined, className: "mb-3" })), sequencesLoading && (_jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 py-8 text-center", children: "Loading..." })), !sequencesLoading && sequences.length === 0 && (_jsx(EmptyState, { title: "No sequences yet", description: "Sequences are created when a scenario is run against an environment." })), sequences.length > 0 && (_jsx("div", { className: "space-y-2", children: sequences.map((seq) => (_jsx(SequenceCard, { sequence: seq, isExpanded: expandedSequenceId === seq.id, onToggle: () => setExpandedSequenceId(expandedSequenceId === seq.id ? null : seq.id), networkClient: networkClient, token: token ?? '', basePath: basePath, navigate: navigate, interactions: testInteractions }, seq.id))) }))] }));
+}
+//# sourceMappingURL=TestScenarioDetailPage.js.map

package/dist/pages/TestScenarioDetailPage.js.map

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

package/dist/pages/TestScenariosPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TestScenariosPage(): import("react").JSX.Element;
+//# sourceMappingURL=TestScenariosPage.d.ts.map

package/dist/pages/TestScenariosPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestScenariosPage.d.ts","sourceRoot":"","sources":["../../src/pages/TestScenariosPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,iBAAiB,gCAsJhC"}

package/dist/pages/TestScenariosPage.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useRunnerTestScenarios, useDeleteTestScenario, useProductPersonas, useDetectTestScenarios, } from '@sudobility/testomniac_client';
+import { Alert, Button, ActionButton } from '@sudobility/components';
+import { SEOHead, useTestomniacApi } from '../context/config';
+import { useRouteParams } from '../context/routing';
+import { ScenarioCell } from '../components/cells';
+import { useEnvBasePath } from '../hooks/useEnvBasePath';
+import { useLocalizedNavigate } from '../hooks/useLocalizedNavigate';
+import { StatusBadge } from '../components/scanner/StatusBadge';
+import { AddScenarioForm } from '../components/scenarios/AddScenarioForm';
+import { useDashboardEnvironmentContext } from '../hooks/useDashboardEnvironmentContext';
+import { ErrorState, LoadingState, EmptyState } from '../components/states';
+export function TestScenariosPage() {
+    const { envId } = useRouteParams();
+    const { navigate } = useLocalizedNavigate();
+    const { baseUrl } = useTestomniacApi();
+    const { networkClient, token, productId, primaryRunner, isLoading: contextLoading, error: contextError, } = useDashboardEnvironmentContext();
+    const [showForm, setShowForm] = useState(false);
+    const { testScenarios, isLoading, error, refetch } = useRunnerTestScenarios({
+        networkClient,
+        baseUrl,
+        runnerId: primaryRunner?.id ?? 0,
+        token,
+        enabled: !!envId && !!token && !!primaryRunner,
+    });
+    const { personas } = useProductPersonas({
+        networkClient,
+        baseUrl,
+        productId,
+        token,
+        enabled: !!productId && !!token,
+    });
+    const { deleteTestScenario } = useDeleteTestScenario({
+        networkClient,
+        baseUrl,
+        runnerId: primaryRunner?.id ?? 0,
+        token,
+    });
+    const { detectTestScenarios, isDetecting } = useDetectTestScenarios({
+        networkClient,
+        baseUrl,
+        token,
+    });
+    // Detect state
+    const [detectError, setDetectError] = useState(null);
+    const basePath = useEnvBasePath();
+    const handleDelete = async (scenarioId) => {
+        await deleteTestScenario(scenarioId);
+        refetch();
+    };
+    const handleDetect = async () => {
+        setDetectError(null);
+        try {
+            await detectTestScenarios({ productId: productId });
+            refetch();
+        }
+        catch (err) {
+            // The API returns an actionable message (e.g. naming the missing
+            // SHAPESHYFT_* env var) when scenario detection isn't configured.
+            setDetectError(err instanceof Error ? err.message : 'Detection failed');
+        }
+    };
+    if (contextError || error) {
+        return _jsx(ErrorState, { message: contextError || error || '' });
+    }
+    return (_jsxs("div", { className: "p-6", children: [_jsx(SEOHead, { title: "Test Scenarios", description: "", noIndex: true }), _jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: "Test Scenarios" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ActionButton, { variant: "primary", className: "bg-purple-600 hover:bg-purple-700", onClick: handleDetect, disabled: !productId, isLoading: isDetecting, loadingText: "Detecting...", children: "Detect Scenarios" }), _jsx(Button, { variant: "primary", onClick: () => setShowForm(!showForm), children: showForm ? 'Cancel' : 'New Scenario' })] })] }), detectError && _jsx(Alert, { variant: "error", description: detectError, className: "mb-4" }), showForm && primaryRunner && (_jsx("div", { className: "mb-6", children: _jsx(AddScenarioForm, { networkClient: networkClient, token: token, runnerId: primaryRunner.id, personas: personas, onCreated: () => {
+                        setShowForm(false);
+                        refetch();
+                    }, onCancel: () => setShowForm(false) }) })), (contextLoading || isLoading) && _jsx(LoadingState, { message: "Loading test scenarios..." }), !isLoading && testScenarios.length === 0 && !showForm && (_jsx(EmptyState, { title: "No test scenarios yet", description: "Create a test scenario to define a user flow you want to test." })), !isLoading && testScenarios.length > 0 && (_jsx("div", { className: "space-y-2", children: testScenarios.map((scenario) => (_jsx(ScenarioCell, { scenario: scenario, onClick: () => navigate(`${basePath}/test-scenarios/${scenario.id}`), trailing: _jsxs(_Fragment, { children: [scenario.personaId && (_jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: personas.find(p => p.id === scenario.personaId)?.title ??
+                                    `Persona #${scenario.personaId}` })), _jsx(StatusBadge, { status: scenario.sizeClass })] }), actions: _jsx("button", { onClick: () => handleDelete(scenario.id), className: "text-xs text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300", children: "Delete" }) }, scenario.id))) }))] }));
+}
+//# sourceMappingURL=TestScenariosPage.js.map

package/dist/pages/TestScenariosPage.js.map

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

package/dist/pages/TestSurfaceDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TestSurfaceDetailPage(): import("react").JSX.Element;
+//# sourceMappingURL=TestSurfaceDetailPage.d.ts.map

package/dist/pages/TestSurfaceDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestSurfaceDetailPage.d.ts","sourceRoot":"","sources":["../../src/pages/TestSurfaceDetailPage.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,qBAAqB,gCA8EpC"}

package/dist/pages/TestSurfaceDetailPage.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTestSurfaceTestInteractions } from '@sudobility/testomniac_client';
+import { useTestomniacApi } from '../context/config';
+import { useRouteParams } from '../context/routing';
+import BackLink from '../components/navigation/BackLink';
+import { useEnvBasePath } from '../hooks/useEnvBasePath';
+import { useLocalizedNavigate } from '../hooks/useLocalizedNavigate';
+import { StatusBadge } from '../components/scanner/StatusBadge';
+import { AddToBundleButton } from '../components/bundles/AddToBundleButton';
+import { ErrorState, LoadingState, EmptyState } from '../components/states';
+function FileIcon() {
+    return (_jsx("svg", { className: "w-5 h-5 flex-shrink-0 text-blue-500 dark:text-blue-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" }) }));
+}
+export function TestSurfaceDetailPage() {
+    const { surfaceId } = useRouteParams();
+    const { networkClient, token, baseUrl } = useTestomniacApi();
+    const { navigate } = useLocalizedNavigate();
+    const basePath = useEnvBasePath();
+    const { testInteractions, isLoading: casesLoading, error: casesError, } = useTestSurfaceTestInteractions({
+        networkClient,
+        baseUrl,
+        testSurfaceId: Number(surfaceId),
+        token: token ?? '',
+        enabled: !!surfaceId && !!token,
+    });
+    const isLoading = casesLoading;
+    const error = casesError;
+    if (error) {
+        return _jsx(ErrorState, { message: error });
+    }
+    return (_jsxs("div", { className: "p-6", children: [_jsx(BackLink, { label: "Test Surfaces", onClick: () => navigate(`${basePath}/test-surfaces`) }), _jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: ["Test Surface #", surfaceId] }), _jsx(AddToBundleButton, { itemType: "surface", itemId: Number(surfaceId) })] }), isLoading && _jsx(LoadingState, { message: "Loading..." }), !isLoading && testInteractions.length === 0 && (_jsx(EmptyState, { title: "Empty surface", description: "This test surface has no test interactions." })), testInteractions.length > 0 && (_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3", children: "Test Interactions" }), _jsx("div", { className: "space-y-2", children: testInteractions.map((tc) => (_jsxs("button", { onClick: () => navigate(`${basePath}/test-interactions/${tc.id}`), className: "w-full text-left flex items-center gap-3 px-4 py-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors", children: [_jsx(FileIcon, {}), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: tc.title }) }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [_jsx(StatusBadge, { status: tc.testType }), _jsx(StatusBadge, { status: tc.sizeClass })] })] }, tc.id))) })] }))] }));
+}
+//# sourceMappingURL=TestSurfaceDetailPage.js.map

package/dist/pages/TestSurfaceDetailPage.js.map

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

package/dist/pages/TestSurfacesListPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TestSurfacesListPage(): import("react").JSX.Element;
+//# sourceMappingURL=TestSurfacesListPage.d.ts.map

package/dist/pages/TestSurfacesListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestSurfacesListPage.d.ts","sourceRoot":"","sources":["../../src/pages/TestSurfacesListPage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,oBAAoB,gCAiKnC"}

package/dist/pages/TestSurfacesListPage.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { useEnvironmentTestSurfaces } from '@sudobility/testomniac_client';
+import { getSurfacePriorityBand } from '@sudobility/testomniac_lib';
+import { SEOHead, useTestomniacApi } from '../context/config';
+import { useRouteParams } from '../context/routing';
+import { SurfaceCell } from '../components/cells';
+import { useEnvBasePath } from '../hooks/useEnvBasePath';
+import { useLocalizedNavigate } from '../hooks/useLocalizedNavigate';
+import { SelectField } from '../components/forms/SelectField';
+import { ErrorState, LoadingState, EmptyState } from '../components/states';
+export function TestSurfacesListPage() {
+    const { envId } = useRouteParams();
+    const { networkClient, token, baseUrl } = useTestomniacApi();
+    const { navigate } = useLocalizedNavigate();
+    const [deviceFilter, setDeviceFilter] = useState('all');
+    const [priorityFilter, setPriorityFilter] = useState('all');
+    const [typeFilter, setTypeFilter] = useState('all');
+    const { testSurfaces, isLoading, error } = useEnvironmentTestSurfaces({
+        networkClient,
+        baseUrl,
+        envId: Number(envId),
+        token: token ?? '',
+        enabled: !!envId && !!token,
+    });
+    const typeOptions = useMemo(() => {
+        const types = new Set();
+        for (const surface of testSurfaces) {
+            if (surface.scaffoldType)
+                types.add(surface.scaffoldType);
+            if (surface.patternType)
+                types.add(surface.patternType);
+        }
+        return Array.from(types).sort();
+    }, [testSurfaces]);
+    const filteredSurfaces = useMemo(() => {
+        return testSurfaces.filter((surface) => {
+            // Device filter
+            if (deviceFilter !== 'all' && surface.sizeClass !== deviceFilter) {
+                return false;
+            }
+            // Priority filter (band thresholds defined in testomniac_lib)
+            if (priorityFilter !== 'all' && getSurfacePriorityBand(surface.priority) !== priorityFilter) {
+                return false;
+            }
+            // Type filter
+            if (typeFilter !== 'all' &&
+                surface.scaffoldType !== typeFilter &&
+                surface.patternType !== typeFilter) {
+                return false;
+            }
+            return true;
+        });
+    }, [testSurfaces, deviceFilter, priorityFilter, typeFilter]);
+    const basePath = useEnvBasePath();
+    const deviceButtonClass = (value) => `px-3 py-1.5 text-sm font-medium transition-colors ${deviceFilter === value
+        ? 'bg-blue-600 text-white'
+        : 'bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700'}`;
+    if (error) {
+        return _jsx(ErrorState, { message: error });
+    }
+    return (_jsxs("div", { className: "p-6", children: [_jsx(SEOHead, { title: "Test Surfaces", description: "", noIndex: true }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100 mb-6", children: "Test Surfaces" }), !isLoading && testSurfaces.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-4 mb-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Device:" }), _jsxs("div", { className: "flex items-center rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsx("button", { onClick: () => setDeviceFilter('all'), className: deviceButtonClass('all'), children: "All" }), _jsx("button", { onClick: () => setDeviceFilter('desktop'), className: deviceButtonClass('desktop'), children: "Desktop" }), _jsx("button", { onClick: () => setDeviceFilter('mobile'), className: deviceButtonClass('mobile'), children: "Mobile" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Priority:" }), _jsx(SelectField, { value: priorityFilter, onChange: v => setPriorityFilter(v), options: [
+                                    { value: 'all', label: 'All priorities' },
+                                    { value: 'critical', label: 'Critical (8+)' },
+                                    { value: 'high', label: 'High (5-7)' },
+                                    { value: 'medium', label: 'Medium (3-4)' },
+                                    { value: 'low', label: 'Low (<3)' },
+                                ] })] }), typeOptions.length > 0 && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Type:" }), _jsx(SelectField, { value: typeFilter, onChange: setTypeFilter, options: [
+                                    { value: 'all', label: 'All types' },
+                                    ...typeOptions.map(type => ({ value: type, label: type })),
+                                ] })] })), _jsxs("span", { className: "text-sm text-gray-400 dark:text-gray-500", children: [filteredSurfaces.length, " of ", testSurfaces.length] })] })), isLoading && _jsx(LoadingState, { message: "Loading test surfaces..." }), !isLoading && filteredSurfaces.length === 0 && testSurfaces.length > 0 && (_jsx(EmptyState, { title: "No matching test surfaces", description: "Try adjusting the filters to see more results." })), !isLoading && testSurfaces.length === 0 && (_jsx(EmptyState, { title: "No test surfaces yet", description: "Test surfaces will appear here after a scan generates them." })), !isLoading && filteredSurfaces.length > 0 && (_jsx("div", { className: "space-y-2", children: filteredSurfaces.map((surface) => (_jsx(SurfaceCell, { surface: surface, onClick: () => navigate(`${basePath}/test-surfaces/${surface.id}`) }, surface.id))) }))] }));
+}
+//# sourceMappingURL=TestSurfacesListPage.js.map

package/dist/pages/TestSurfacesListPage.js.map

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

package/dist/utils/formatDateTime.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Format a date string or ISO timestamp into a locale-aware date/time string.
+ *
+ * Uses `Intl.DateTimeFormat` so the output respects the user's language
+ * and regional conventions (e.g. 24-hour vs. 12-hour clock).
+ *
+ * @param datetime - An ISO 8601 date string or any value accepted by `new Date()`.
+ * @param locale  - A BCP 47 language tag (e.g. `"en"`, `"ja"`, `"ar"`).
+ *                  Defaults to the browser's current locale.
+ * @returns A human-readable date/time string, or the raw input if parsing fails.
+ */
+export declare function formatDateTime(datetime: string | number | Date, locale?: string): string;
+//# sourceMappingURL=formatDateTime.d.ts.map

package/dist/utils/formatDateTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDateTime.d.ts","sourceRoot":"","sources":["../../src/utils/formatDateTime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAaxF"}

package/dist/utils/formatDateTime.js

@@ -0,0 +1,27 @@
+/**
+ * Format a date string or ISO timestamp into a locale-aware date/time string.
+ *
+ * Uses `Intl.DateTimeFormat` so the output respects the user's language
+ * and regional conventions (e.g. 24-hour vs. 12-hour clock).
+ *
+ * @param datetime - An ISO 8601 date string or any value accepted by `new Date()`.
+ * @param locale  - A BCP 47 language tag (e.g. `"en"`, `"ja"`, `"ar"`).
+ *                  Defaults to the browser's current locale.
+ * @returns A human-readable date/time string, or the raw input if parsing fails.
+ */
+export function formatDateTime(datetime, locale) {
+    try {
+        const date = datetime instanceof Date ? datetime : new Date(datetime);
+        if (Number.isNaN(date.getTime())) {
+            return String(datetime);
+        }
+        return new Intl.DateTimeFormat(locale, {
+            dateStyle: 'medium',
+            timeStyle: 'short',
+        }).format(date);
+    }
+    catch {
+        return String(datetime);
+    }
+}
+//# sourceMappingURL=formatDateTime.js.map

package/dist/utils/formatDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDateTime.js","sourceRoot":"","sources":["../../src/utils/formatDateTime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAC,QAAgC,EAAE,MAAe;IAC9E,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ,YAAY,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtE,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YACjC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;YACrC,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,OAAO;SACnB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;AACH,CAAC"}