@guidemode/session-processing 0.1.43

package/dist/esm/ui/components/SessionTodosTab.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckCircleIcon, ClockIcon } from '@heroicons/react/24/outline';
+import { ListBulletIcon } from '@heroicons/react/24/solid';
+import { useEffect, useMemo, useState } from 'react';
+import { extractTodosAuto, formatDuration, groupTodoLists, } from '../utils/todos/index.js';
+export function SessionTodosTab({ fileContent }) {
+    const [showAll, setShowAll] = useState(() => {
+        const saved = localStorage.getItem('sessionTodosShowAll');
+        return saved !== null ? saved === 'true' : true; // Default to true (show all)
+    });
+    const todoUpdates = useMemo(() => extractTodosAuto(fileContent || ''), [fileContent]);
+    // Group todo lists by content
+    const todoGroups = useMemo(() => groupTodoLists(todoUpdates), [todoUpdates]);
+    // Get the latest group (most recent todo list) - groups are sorted most recent first
+    const latestGroup = todoGroups.length > 0 ? todoGroups[0] : null;
+    // Save showAll preference to localStorage
+    useEffect(() => {
+        localStorage.setItem('sessionTodosShowAll', String(showAll));
+    }, [showAll]);
+    // Calculate stats for the latest group (or all groups if showing all)
+    const stats = useMemo(() => {
+        const todos = showAll
+            ? todoGroups.flatMap(g => g.enrichedTodos)
+            : latestGroup?.enrichedTodos || [];
+        const total = todos.length;
+        const completed = todos.filter(t => t.status === 'completed').length;
+        const inProgress = todos.filter(t => t.status === 'in_progress').length;
+        const pending = todos.filter(t => t.status === 'pending').length;
+        const percent = total > 0 ? Math.round((completed / total) * 100) : 0;
+        return { total, completed, inProgress, pending, percent };
+    }, [todoGroups, latestGroup, showAll]);
+    // Empty state
+    if (todoUpdates.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] text-base-content/60", children: [_jsx(ListBulletIcon, { className: "w-16 h-16 mb-4 opacity-50" }), _jsx("p", { className: "text-lg font-medium", children: "No todos found" }), _jsx("p", { className: "text-sm mt-1", children: "This session didn't use TodoWrite tracking" })] }));
+    }
+    return (_jsxs("div", { className: "space-y-4 p-4", children: [_jsx("div", { className: "card bg-base-200 border border-base-300", children: _jsx("div", { className: "card-body p-4", children: _jsxs("div", { className: "flex items-center justify-between flex-wrap gap-4", children: [_jsxs("div", { className: "flex items-center gap-4 flex-wrap", children: [_jsxs("div", { className: "badge badge-lg gap-2", children: [_jsx(CheckCircleIcon, { className: "w-4 h-4" }), stats.completed, " / ", stats.total, " completed"] }), stats.inProgress > 0 && (_jsxs("div", { className: "badge badge-primary badge-lg gap-2", children: [_jsx(ClockIcon, { className: "w-4 h-4" }), stats.inProgress, " in progress"] })), stats.pending > 0 && (_jsxs("div", { className: "badge badge-ghost badge-lg", children: [stats.pending, " pending"] }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [todoGroups.length > 1 && (_jsx("button", { type: "button", onClick: () => setShowAll(!showAll), className: `btn btn-sm ${!showAll ? 'btn-primary' : 'btn-ghost'}`, title: showAll ? 'Show latest list only' : 'Show all todo lists', children: showAll ? 'Latest Only' : `All ${todoGroups.length} Lists` })), _jsx("progress", { className: "progress progress-primary w-32", value: stats.percent, max: "100" }), _jsxs("span", { className: "text-sm font-medium text-base-content/70 min-w-[3rem] text-right", children: [stats.percent, "%"] })] })] }) }) }), showAll ? (
+            // Show all groups
+            _jsx("div", { className: "space-y-6", children: todoGroups.map((group, groupIdx) => (_jsxs("div", { className: "space-y-2", children: [todoGroups.length > 1 && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("h3", { className: "text-sm font-semibold text-base-content/70", children: ["List ", todoGroups.length - groupIdx] }), _jsxs("div", { className: "text-xs text-base-content/50", children: [group.updates.length, " update", group.updates.length > 1 ? 's' : '', " \u2022", new Date(group.firstSeen).toLocaleString()] })] })), _jsx("div", { className: "space-y-2", children: group.enrichedTodos.map((todo, todoIdx) => (_jsx(TodoCard, { todo: todo }, `${group.id}-${todoIdx}`))) })] }, group.id))) })) : (
+            // Show only latest group
+            latestGroup && (_jsx("div", { className: "space-y-2", children: latestGroup.enrichedTodos.map((todo, todoIdx) => (_jsx(TodoCard, { todo: todo }, `${latestGroup.id}-${todoIdx}`))) })))] }));
+}
+// Extracted TodoCard component for reuse
+function TodoCard({ todo }) {
+    const statusColors = {
+        completed: 'bg-base-200 border-success',
+        in_progress: 'bg-primary border-primary border-2',
+        pending: 'bg-base-100 border-base-300',
+    };
+    const StatusIcon = {
+        completed: CheckCircleIcon,
+        in_progress: ClockIcon,
+        pending: ListBulletIcon,
+    }[todo.status];
+    const iconColors = {
+        completed: 'text-success',
+        in_progress: 'text-primary-content',
+        pending: 'text-base-content opacity-30',
+    };
+    const textColors = {
+        completed: 'text-base-content opacity-60',
+        in_progress: 'text-primary-content font-semibold',
+        pending: 'text-base-content opacity-40',
+    };
+    return (_jsx("div", { className: `card border ${statusColors[todo.status]}`, children: _jsx("div", { className: "card-body p-3", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(StatusIcon, { className: `w-5 h-5 flex-shrink-0 mt-0.5 ${iconColors[todo.status]}` }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: `text-sm ${textColors[todo.status]} ${todo.status === 'completed' ? 'line-through' : ''}`, children: todo.content }), todo.status === 'in_progress' && (_jsx("p", { className: "text-xs text-primary-content opacity-80 mt-1 italic font-medium", children: todo.activeForm })), todo.status === 'completed' && todo.durationMs && (_jsxs("div", { className: "flex items-center gap-2 mt-2 text-xs text-base-content opacity-50", children: [_jsx(ClockIcon, { className: "w-3 h-3" }), _jsx("span", { children: formatDuration(todo.durationMs) }), todo.startTime && todo.endTime && (_jsxs(_Fragment, { children: [_jsx("span", { children: "\u2022" }), _jsxs("span", { children: [new Date(todo.startTime).toLocaleTimeString(), " \u2192", ' ', new Date(todo.endTime).toLocaleTimeString()] })] }))] }))] }), _jsxs("div", { className: "flex-shrink-0", children: [todo.status === 'completed' && (_jsx("span", { className: "badge badge-success badge-sm", children: "Done" })), todo.status === 'in_progress' && (_jsx("span", { className: "badge badge-accent badge-sm font-semibold", children: "Active" }))] })] }) }) }));
+}
+//# sourceMappingURL=SessionTodosTab.js.map

package/dist/esm/ui/components/SessionTodosTab.js.map

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

package/dist/esm/ui/components/TokenUsageChart.d.ts

@@ -0,0 +1,20 @@
+/**
+ * TokenUsageChart - Interactive bar chart showing per-message token usage
+ *
+ * Features:
+ * - Stacked bars showing input and output tokens
+ * - In cumulative mode, also shows cache reads (already cumulative from API)
+ * - Toggle between per-message and cumulative views
+ * - Clickable bars that scroll to corresponding messages
+ * - Responsive width (bars auto-thin with more messages)
+ * - DaisyUI themed colors
+ */
+import type { TimelineItem } from '../utils/timelineTypes.js';
+export interface TokenUsageChartProps {
+    /** Timeline items (filtered by current transcript filters) */
+    items: TimelineItem[];
+    /** Callback to scroll to a specific message */
+    onMessageClick?: (messageId: string) => void;
+}
+export declare function TokenUsageChart({ items, onMessageClick }: TokenUsageChartProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TokenUsageChart.d.ts.map

package/dist/esm/ui/components/TokenUsageChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenUsageChart.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/TokenUsageChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAmBH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,MAAM,WAAW,oBAAoB;IACnC,8DAA8D;IAC9D,KAAK,EAAE,YAAY,EAAE,CAAA;IAErB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAgDD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,oBAAoB,kDA8R9E"}

package/dist/esm/ui/components/TokenUsageChart.js

@@ -0,0 +1,123 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * TokenUsageChart - Interactive bar chart showing per-message token usage
+ *
+ * Features:
+ * - Stacked bars showing input and output tokens
+ * - In cumulative mode, also shows cache reads (already cumulative from API)
+ * - Toggle between per-message and cumulative views
+ * - Clickable bars that scroll to corresponding messages
+ * - Responsive width (bars auto-thin with more messages)
+ * - DaisyUI themed colors
+ */
+import { useCallback, useMemo } from 'react';
+import { Bar, ComposedChart, Line, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+import { calculateCumulativeTokens, calculatePerMessageTokens, formatForRecharts, } from '../utils/extractTokens.js';
+/**
+ * Custom tooltip showing per-message tokens and current cache total
+ */
+function CustomTooltip({ active, payload, }) {
+    if (!active || !payload || payload.length === 0) {
+        return null;
+    }
+    const data = payload[0].payload;
+    return (_jsxs("div", { className: "bg-base-100 border border-base-300 rounded-lg shadow-lg p-3 text-sm", children: [_jsxs("div", { className: "font-semibold mb-2", children: ["Message ", data.index + 1] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-primary", children: "Input:" }), _jsx("span", { className: "font-mono", children: data.input.toLocaleString() })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-secondary", children: "Output:" }), _jsx("span", { className: "font-mono", children: data.output.toLocaleString() })] }), data.cacheRead > 0 && (_jsxs("div", { className: "flex justify-between gap-4 border-t border-base-300 pt-1 mt-1", children: [_jsx("span", { style: { color: CHART_COLORS.cacheRead }, children: "Cached Context:" }), _jsx("span", { className: "font-mono", children: data.cacheRead.toLocaleString() })] }))] })] }));
+}
+// Theme colors that work well in both light and dark modes
+const CHART_COLORS = {
+    primary: '#0891b2', // Cyan - for input tokens
+    secondary: '#a855f7', // Purple - for output tokens
+    cacheRead: '#f59e0b', // Amber/orange - for cache reads line
+};
+export function TokenUsageChart({ items, onMessageClick }) {
+    // Calculate per-message data with cumulative cache reads for the line
+    const chartData = useMemo(() => {
+        const perMessage = calculatePerMessageTokens(items);
+        const cumulative = calculateCumulativeTokens(items);
+        // Combine: per-message bars + cumulative cache line
+        return formatForRecharts(perMessage, 'per-message')
+            .map((d, i) => ({
+            ...d,
+            cacheRead: cumulative[i]?.cacheRead || 0, // Add cumulative cache for line
+        }))
+            .filter(d => d.total > 0 || d.cacheRead > 0); // Keep if has tokens OR cache
+    }, [items]);
+    // Calculate current cached context from the most recent message
+    const currentContextLength = useMemo(() => {
+        const cumulative = calculateCumulativeTokens(items);
+        if (cumulative.length === 0)
+            return 0;
+        // Get the last message's cached context (cacheRead only)
+        return cumulative[cumulative.length - 1].cacheRead;
+    }, [items]);
+    // Get color based on context length thresholds
+    const getContextColor = (contextLength) => {
+        if (contextLength < 100000)
+            return '#22C55E'; // Green: < 100k
+        if (contextLength < 150000)
+            return '#F59E0B'; // Orange: 100k-150k
+        return '#EF4444'; // Red: > 150k
+    };
+    // Handle bar click - scroll to message
+    const handleBarClick = useCallback((data) => {
+        if (onMessageClick) {
+            onMessageClick(data.messageId);
+        }
+    }, [onMessageClick]);
+    // If no messages with tokens, don't show the chart
+    const hasTokens = chartData.some(d => d.total > 0);
+    if (!hasTokens) {
+        return null;
+    }
+    // Shared function to calculate Y-axis ticks and domain
+    const calculateAxisScale = (maxValue) => {
+        // Find the appropriate tick interval based on data range
+        let tickInterval;
+        if (maxValue <= 1000) {
+            tickInterval = 250; // 0, 250, 500, 750, 1000
+        }
+        else if (maxValue <= 2500) {
+            tickInterval = 500; // 0, 500, 1000, 1500, 2000, 2500
+        }
+        else if (maxValue <= 5000) {
+            tickInterval = 1000; // 0, 1k, 2k, 3k, 4k, 5k
+        }
+        else if (maxValue <= 25000) {
+            tickInterval = 5000; // 0, 5k, 10k, 15k, 20k, 25k
+        }
+        else {
+            tickInterval = 10000; // 0, 10k, 20k, 30k, etc.
+        }
+        // Calculate how many ticks we need to cover the max value
+        const numTicks = Math.ceil(maxValue / tickInterval) + 1;
+        const ticks = Array.from({ length: numTicks }, (_, i) => i * tickInterval);
+        const domain = [0, tickInterval * (numTicks - 1)];
+        return { ticks, domain };
+    };
+    // Calculate max values for dual Y-axes
+    const maxBarTokens = Math.max(...chartData.map(d => d.total));
+    const maxCacheTokens = Math.max(...chartData.map(d => d.cacheRead));
+    const showCacheLine = maxCacheTokens > 0;
+    // Left Y-axis (bars) - per-message tokens
+    const { ticks: barYTicks, domain: barYDomain } = calculateAxisScale(maxBarTokens);
+    // Right Y-axis (line) - cumulative cache (uses same formula)
+    const { ticks: cacheYTicks, domain: cacheYDomain } = calculateAxisScale(maxCacheTokens);
+    const showReferenceLine = maxCacheTokens > 150000;
+    const contextWindowSize = 200000; // Claude Sonnet 4.5 context window
+    const contextPercent = Math.min((currentContextLength / contextWindowSize) * 100, 100);
+    const contextColor = getContextColor(currentContextLength);
+    return (_jsxs("div", { className: "bg-base-100 border border-base-300 rounded-lg p-4 mb-4", children: [_jsxs("div", { className: "mb-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Token Usage" }), _jsx("p", { className: "text-xs text-base-content/60", children: "Per-message tokens and cumulative cache context" })] }), _jsxs("div", { className: "hidden md:flex items-stretch", children: [_jsxs("div", { className: "flex-1 min-w-0", style: { height: '120px' }, children: [_jsx(ResponsiveContainer, { width: "99%", height: "100%", children: _jsxs(ComposedChart, { data: chartData, margin: { top: 5, right: 5, left: 0, bottom: 5 }, barCategoryGap: "1%", children: [_jsx(XAxis, { dataKey: "index", hide: true, domain: [0, chartData.length - 1] }), _jsx(YAxis, { yAxisId: "left", domain: barYDomain, ticks: barYTicks, tick: { fontSize: 10, fill: 'currentColor' }, tickFormatter: (value) => value >= 1000 ? `${(value / 1000).toFixed(0)}k` : value.toString() }), showCacheLine && (_jsx(YAxis, { yAxisId: "right", orientation: "right", domain: cacheYDomain, ticks: cacheYTicks, tick: { fontSize: 10, fill: CHART_COLORS.cacheRead }, tickFormatter: (value) => value >= 1000 ? `${(value / 1000).toFixed(0)}k` : value.toString() })), _jsx(Tooltip, { content: _jsx(CustomTooltip, {}), cursor: { fill: 'rgba(0,0,0,0.1)' } }), showReferenceLine && (_jsx(ReferenceLine, { yAxisId: "right", y: 200000, stroke: CHART_COLORS.cacheRead, strokeDasharray: "3 3", strokeOpacity: 0.3, label: {
+                                                value: '200k',
+                                                position: 'right',
+                                                fontSize: 10,
+                                                fill: CHART_COLORS.cacheRead,
+                                                opacity: 0.5,
+                                            } })), _jsx(Bar, { yAxisId: "left", dataKey: "input", stackId: "tokens", fill: CHART_COLORS.primary, onClick: (data) => handleBarClick(data), cursor: "pointer", isAnimationActive: false }), _jsx(Bar, { yAxisId: "left", dataKey: "output", stackId: "tokens", fill: CHART_COLORS.secondary, onClick: (data) => handleBarClick(data), cursor: "pointer", isAnimationActive: false }), showCacheLine && (_jsx(Line, { yAxisId: "right", type: "monotone", dataKey: "cacheRead", stroke: CHART_COLORS.cacheRead, strokeWidth: 2, dot: false, isAnimationActive: false }))] }) }), _jsxs("div", { className: "flex justify-center gap-4 mt-2 text-xs", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 rounded", style: { backgroundColor: CHART_COLORS.primary } }), _jsx("span", { children: "Input" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 rounded", style: { backgroundColor: CHART_COLORS.secondary } }), _jsx("span", { children: "Output" })] }), showCacheLine && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-0.5", style: { backgroundColor: CHART_COLORS.cacheRead } }), _jsx("span", { children: "Cached Context" })] }))] })] }), currentContextLength > 0 && (_jsxs("div", { className: "flex flex-col items-center justify-center", style: { width: '90px' }, children: [_jsxs("div", { className: "relative w-8 bg-base-200 border border-base-300 rounded overflow-hidden", style: { height: '120px' }, children: [_jsx("div", { className: "absolute bottom-0 w-full transition-all duration-300", style: {
+                                            height: `${contextPercent}%`,
+                                            backgroundColor: contextColor,
+                                        } }), _jsx("div", { className: "absolute left-0 bottom-1/2 w-full h-px bg-base-content/10" }), ' ', _jsx("div", { className: "absolute left-0 w-full h-px bg-base-content/10", style: { bottom: '75%' } }), ' '] }), _jsx("div", { className: "mt-2 text-center", children: _jsxs("div", { className: "text-xs font-semibold", style: { color: contextColor }, children: [(currentContextLength / 1000).toFixed(0), "k"] }) })] }))] }), currentContextLength > 0 && (_jsx("div", { className: "block md:hidden", children: _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between items-center text-xs", children: [_jsx("span", { className: "text-base-content/60", children: "Cached Context" }), _jsxs("span", { className: "font-semibold", style: { color: contextColor }, children: [(currentContextLength / 1000).toFixed(0), "k / 200k (", contextPercent.toFixed(0), "%)"] })] }), _jsxs("div", { className: "relative w-full h-6 bg-base-200 border border-base-300 rounded overflow-hidden", children: [_jsx("div", { className: "absolute left-0 h-full transition-all duration-300", style: {
+                                        width: `${contextPercent}%`,
+                                        backgroundColor: contextColor,
+                                    } }), _jsx("div", { className: "absolute left-1/2 top-0 w-px h-full bg-base-content/10" }), _jsx("div", { className: "absolute left-3/4 top-0 w-px h-full bg-base-content/10" })] }), _jsxs("div", { className: "flex justify-between text-xs text-base-content/40", children: [_jsx("span", { children: "0k" }), _jsx("span", { children: "100k" }), _jsx("span", { children: "150k" }), _jsx("span", { children: "200k" })] })] }) }))] }));
+}
+//# sourceMappingURL=TokenUsageChart.js.map

package/dist/esm/ui/components/TokenUsageChart.js.map

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

package/dist/esm/ui/components/assessment/AssessmentModal.d.ts

@@ -0,0 +1,3 @@
+import type { AssessmentModalProps } from './types';
+export declare function AssessmentModal({ sessionId: _sessionId, isOpen, onClose, questions, initialResponses, onSubmit, onDraft, title, showVersionSelector, completionMessage, previewMode, }: AssessmentModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AssessmentModal.d.ts.map

package/dist/esm/ui/components/assessment/AssessmentModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentModal.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/assessment/AssessmentModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EAAE,UAAU,EACrB,MAAM,EACN,OAAO,EACP,SAAS,EACT,gBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,KAA4B,EAC5B,mBAAmB,EACnB,iBAAoE,EACpE,WAAmB,GACpB,EAAE,oBAAoB,kDAsStB"}

package/dist/esm/ui/components/assessment/AssessmentModal.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckIcon, ChevronLeftIcon, ChevronRightIcon, XMarkIcon, } from '@heroicons/react/24/outline';
+import { useCallback, useEffect, useState } from 'react';
+import { ProgressBar } from './ProgressBar';
+import { QuestionCard } from './QuestionCard';
+import { VersionSelector } from './VersionSelector';
+export function AssessmentModal({ sessionId: _sessionId, isOpen, onClose, questions, initialResponses = {}, onSubmit, onDraft, title = 'Session Assessment', showVersionSelector, completionMessage = 'Your feedback has been submitted successfully.', previewMode = false, }) {
+    // Auto-detect if version selector should be shown
+    // Show if explicitly enabled, or if any question has a 'version' property
+    const hasVersions = questions.some(q => q.version && q.version.length > 0);
+    const shouldShowVersionSelector = showVersionSelector ?? hasVersions;
+    const [selectedVersion, setSelectedVersion] = useState(null);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const [responses, setResponses] = useState(initialResponses);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [startTime, setStartTime] = useState(null);
+    const [showCompletion, setShowCompletion] = useState(false);
+    // Reset start time when modal opens
+    useEffect(() => {
+        if (isOpen && !startTime) {
+            setStartTime(Date.now());
+        }
+    }, [isOpen, startTime]);
+    // Filter questions based on selected version (if version selector is shown)
+    const filteredQuestions = shouldShowVersionSelector && selectedVersion
+        ? questions.filter(q => q.version?.includes(selectedVersion))
+        : questions;
+    const currentQuestion = filteredQuestions[currentIndex];
+    const isLastQuestion = currentIndex === filteredQuestions.length - 1;
+    const canGoNext = previewMode || responses[currentQuestion?.id] !== undefined;
+    // Auto-save draft every 30 seconds (disabled in preview mode)
+    useEffect(() => {
+        if (!isOpen || !onDraft || previewMode)
+            return;
+        const interval = setInterval(() => {
+            const responseArray = Object.entries(responses).map(([questionId, answer]) => ({
+                questionId,
+                answer,
+                timestamp: new Date().toISOString(),
+            }));
+            if (responseArray.length > 0) {
+                onDraft(responseArray).catch(console.error);
+            }
+        }, 30000);
+        return () => clearInterval(interval);
+    }, [isOpen, responses, onDraft, previewMode]);
+    // Keyboard navigation
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleKeyPress = (e) => {
+            // Ignore arrow keys if user is typing in a text field
+            if (e.target instanceof HTMLTextAreaElement &&
+                (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {
+                return;
+            }
+            if (e.key === 'Escape') {
+                onClose();
+            }
+            else if (e.key === 'Enter' && canGoNext && !isLastQuestion) {
+                handleNext();
+            }
+            else if (e.key === 'ArrowRight' && canGoNext && !isLastQuestion) {
+                e.preventDefault();
+                handleNext();
+            }
+            else if (e.key === 'ArrowLeft' && currentIndex > 0) {
+                e.preventDefault();
+                handlePrevious();
+            }
+        };
+        window.addEventListener('keydown', handleKeyPress);
+        return () => window.removeEventListener('keydown', handleKeyPress);
+    }, [isOpen, canGoNext, isLastQuestion, currentIndex, onClose]);
+    const handleAnswer = useCallback((answer) => {
+        setResponses(prev => ({
+            ...prev,
+            [currentQuestion.id]: answer,
+        }));
+    }, [currentQuestion]);
+    const handleNext = () => {
+        if (currentIndex < filteredQuestions.length - 1) {
+            setCurrentIndex(prev => prev + 1);
+        }
+    };
+    const handlePrevious = () => {
+        if (currentIndex > 0) {
+            setCurrentIndex(prev => prev - 1);
+        }
+    };
+    const handleSubmit = async () => {
+        setIsSubmitting(true);
+        try {
+            const responseArray = Object.entries(responses).map(([questionId, answer]) => ({
+                questionId,
+                answer,
+                timestamp: new Date().toISOString(),
+            }));
+            // Calculate duration in seconds
+            const durationSeconds = startTime ? Math.round((Date.now() - startTime) / 1000) : undefined;
+            await onSubmit(responseArray, durationSeconds);
+            setShowCompletion(true);
+            // Auto-close after showing completion
+            setTimeout(() => {
+                setShowCompletion(false);
+                onClose();
+            }, 2000);
+        }
+        catch (error) {
+            console.error('Failed to submit assessment:', error);
+            alert('Failed to submit assessment. Please try again.');
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    // Reset state when modal closes
+    useEffect(() => {
+        if (!isOpen) {
+            setCurrentIndex(0);
+            setShowCompletion(false);
+            setSelectedVersion(null);
+            setStartTime(null); // Reset start time for next use
+        }
+    }, [isOpen]);
+    const handleVersionSelect = (version) => {
+        setSelectedVersion(version);
+    };
+    if (!isOpen)
+        return null;
+    // Completion screen
+    if (showCompletion) {
+        return (_jsxs("div", { className: "modal modal-open", children: [_jsx("div", { className: "modal-box max-w-md text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4 py-8", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-success/20 flex items-center justify-center", children: _jsx(CheckIcon, { className: "w-10 h-10 text-success" }) }), _jsx("h3", { className: "text-2xl font-bold", children: "Thank You!" }), _jsx("p", { className: "text-base-content/70", children: completionMessage })] }) }), _jsx("div", { className: "modal-backdrop bg-black/50 backdrop-blur-sm" })] }));
+    }
+    // Version selection screen (only if version selector should be shown)
+    if (shouldShowVersionSelector && !selectedVersion) {
+        return (_jsxs("div", { className: "modal modal-open", children: [_jsxs("div", { className: "modal-box max-w-3xl", children: [_jsxs("div", { className: "flex items-center justify-between mb-4 md:mb-6", children: [_jsx("h2", { className: "text-lg md:text-xl font-bold", children: title }), _jsx("button", { type: "button", onClick: onClose, className: "btn btn-sm btn-circle btn-ghost", children: _jsx(XMarkIcon, { className: "w-5 h-5" }) })] }), _jsx(VersionSelector, { onSelect: handleVersionSelect })] }), _jsx("div", { className: "modal-backdrop bg-black/70 backdrop-blur-sm", onClick: onClose })] }));
+    }
+    return (_jsxs("div", { className: "modal modal-open", children: [_jsxs("div", { className: "modal-box max-w-4xl max-h-[90vh] overflow-y-auto", children: [_jsxs("div", { className: "flex items-center justify-between mb-4 md:mb-6", children: [_jsx("h2", { className: "text-lg md:text-xl font-bold", children: title }), _jsx("button", { type: "button", onClick: onClose, className: "btn btn-sm btn-circle btn-ghost", children: _jsx(XMarkIcon, { className: "w-5 h-5" }) })] }), _jsx(ProgressBar, { current: currentIndex + 1, total: filteredQuestions.length, className: "mb-6 md:mb-8" }), currentQuestion && (_jsx(QuestionCard, { question: currentQuestion, value: responses[currentQuestion.id], onChange: handleAnswer, onNext: !isLastQuestion ? handleNext : undefined, autoFocus: true })), _jsxs("div", { className: "flex flex-col-reverse md:flex-row items-stretch md:items-center justify-between gap-3 mt-6 md:mt-8 pt-4 md:pt-6 border-t border-base-300", children: [_jsxs("button", { type: "button", onClick: handlePrevious, disabled: currentIndex === 0, className: "btn btn-ghost gap-2", children: [_jsx(ChevronLeftIcon, { className: "w-5 h-5" }), "Previous"] }), _jsxs("div", { className: "hidden md:block text-center text-xs text-base-content/50 space-y-1", children: [_jsxs("div", { children: [_jsx("kbd", { className: "kbd kbd-xs", children: "\u2190" }), " Previous \u2022 ", _jsx("kbd", { className: "kbd kbd-xs", children: "\u2192" }), ' ', "Next", currentQuestion?.type !== 'text' && (_jsxs("span", { children: [' ', "\u2022 ", _jsx("kbd", { className: "kbd kbd-xs", children: "Esc" }), " to close"] }))] }), (currentQuestion?.type === 'likert-5' || currentQuestion?.type === 'likert-7') && (_jsx("div", { className: "text-base-content/40", children: "Use number keys to select \u2022 Auto-advances" })), currentQuestion?.type === 'choice' && (_jsx("div", { className: "text-base-content/40", children: "Use number or letter keys \u2022 Auto-advances" }))] }), isLastQuestion ? (_jsx("button", { type: "button", onClick: previewMode ? onClose : handleSubmit, disabled: !previewMode && (!canGoNext || isSubmitting), className: "btn btn-primary gap-2", children: previewMode ? (_jsxs(_Fragment, { children: ["Close", _jsx(XMarkIcon, { className: "w-5 h-5" })] })) : isSubmitting ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "loading loading-spinner loading-sm" }), "Submitting..."] })) : (_jsxs(_Fragment, { children: ["Submit", _jsx(CheckIcon, { className: "w-5 h-5" })] })) })) : (_jsxs("button", { type: "button", onClick: handleNext, disabled: !canGoNext, className: "btn btn-primary gap-2", children: ["Next", _jsx(ChevronRightIcon, { className: "w-5 h-5" })] }))] })] }), _jsx("div", { className: "modal-backdrop bg-black/70 backdrop-blur-sm", onClick: onClose })] }));
+}
+//# sourceMappingURL=AssessmentModal.js.map

package/dist/esm/ui/components/assessment/AssessmentModal.js.map

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

package/dist/esm/ui/components/assessment/ChoiceResponse.d.ts

@@ -0,0 +1,9 @@
+interface ChoiceResponseProps {
+    choices: string[];
+    value?: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+export declare function ChoiceResponse({ choices, value, onChange, disabled, }: ChoiceResponseProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChoiceResponse.d.ts.map

package/dist/esm/ui/components/assessment/ChoiceResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceResponse.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/assessment/ChoiceResponse.tsx"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,GACjB,EAAE,mBAAmB,2CAsDrB"}

package/dist/esm/ui/components/assessment/ChoiceResponse.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChoiceResponse({ choices, value, onChange, disabled = false, }) {
+    const getKeyboardHint = (index) => {
+        if (index < 9) {
+            // Support up to 9 options (1-9)
+            const letter = String.fromCharCode(65 + index); // A, B, C, D, E, F, G, H, I...
+            return `${index + 1} / ${letter}`;
+        }
+        return null;
+    };
+    return (_jsx("div", { className: "space-y-2", children: choices.map((choice, index) => {
+            const isSelected = value === choice;
+            const keyHint = getKeyboardHint(index);
+            return (_jsx("button", { type: "button", onClick: () => !disabled && onChange(choice), disabled: disabled, className: `
+              w-full text-left px-4 py-3 rounded-lg
+              transition-all duration-200
+              ${isSelected
+                    ? 'bg-primary text-primary-content shadow-md'
+                    : 'bg-base-200 hover:bg-base-300'}
+              ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+            `, children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `
+                w-5 h-5 rounded-full border-2 flex items-center justify-center
+                ${isSelected ? 'border-primary-content' : 'border-base-content/30'}
+              `, children: isSelected && _jsx("div", { className: "w-3 h-3 rounded-full bg-primary-content" }) }), _jsx("span", { className: "flex-1", children: choice }), keyHint && (_jsx("kbd", { className: `kbd kbd-sm ${isSelected ? 'opacity-70' : 'opacity-50'}`, children: keyHint }))] }) }, choice));
+        }) }));
+}
+//# sourceMappingURL=ChoiceResponse.js.map

package/dist/esm/ui/components/assessment/ChoiceResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceResponse.js","sourceRoot":"","sources":["../../../../../src/ui/components/assessment/ChoiceResponse.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,GACI;IACpB,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;QACxC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,gCAAgC;YAChC,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,CAAC,CAAA,CAAC,+BAA+B;YAC9E,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,MAAM,EAAE,CAAA;QACnC,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAA;YACnC,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;YAEtC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE;;;gBAIP,UAAU;oBACR,CAAC,CAAC,2CAA2C;oBAC7C,CAAC,CAAC,+BACN;gBACE,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB;aAChE,YAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,SAAS,EAAE;;kBAET,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wBAAwB;eACnE,YAEE,UAAU,IAAI,cAAK,SAAS,EAAC,yCAAyC,GAAG,GACtE,EACN,eAAM,SAAS,EAAC,QAAQ,YAAE,MAAM,GAAQ,EACvC,OAAO,IAAI,CACV,cAAK,SAAS,EAAE,cAAc,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,YACrE,OAAO,GACJ,CACP,IACG,IA9BD,MAAM,CA+BJ,CACV,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/assessment/LikertScale.d.ts

@@ -0,0 +1,3 @@
+import type { LikertScaleProps } from './types';
+export declare function LikertScale({ scale, value, onChange, labels, disabled, startValue, reverseScored, }: LikertScaleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LikertScale.d.ts.map

package/dist/esm/ui/components/assessment/LikertScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikertScale.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/assessment/LikertScale.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,UAAc,EACd,aAAqB,GACtB,EAAE,gBAAgB,2CAsLlB"}

package/dist/esm/ui/components/assessment/LikertScale.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export function LikertScale({ scale, value, onChange, labels, disabled = false, startValue = 1, reverseScored = false, }) {
+    const [hoverValue, setHoverValue] = useState(null);
+    const numbers = Array.from({ length: scale }, (_, i) => i + startValue);
+    // Reset hover state when the selected value changes (indicates new question or reset)
+    // biome-ignore lint/correctness/useExhaustiveDependencies: value prop change is intentional trigger
+    useEffect(() => {
+        setHoverValue(null);
+    }, [value]);
+    // Determine label colors based on scoring direction
+    // reverseScored = true means low scores are positive (e.g., "Never" checking = good)
+    const leftLabelColor = reverseScored ? 'text-success' : 'text-error';
+    const rightLabelColor = reverseScored ? 'text-error' : 'text-success';
+    // For NPS (scale === 11), split into two rows on mobile: 0-5 and 6-10
+    const isNPS = scale === 11 && startValue === 0;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "hidden md:flex justify-center gap-2", children: numbers.map(num => {
+                            const isSelected = value === num;
+                            const isHovered = hoverValue === num;
+                            return (_jsx("button", { type: "button", onClick: () => !disabled && onChange(num), onMouseEnter: () => setHoverValue(num), onMouseLeave: () => setHoverValue(null), disabled: disabled, className: `
+                  w-12 h-12 rounded-full font-semibold text-lg
+                  transition-all duration-200 relative
+                  ${isSelected
+                                    ? 'bg-primary text-primary-content scale-110 shadow-lg'
+                                    : isHovered
+                                        ? 'bg-primary/20 scale-105'
+                                        : 'bg-base-200 hover:bg-base-300'}
+                  ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+                `, children: num }, num));
+                        }) }), isNPS ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex md:hidden justify-center gap-2", children: numbers.slice(0, 6).map(num => {
+                                    const isSelected = value === num;
+                                    const isHovered = hoverValue === num;
+                                    return (_jsx("button", { type: "button", onClick: () => !disabled && onChange(num), onMouseEnter: () => setHoverValue(num), onMouseLeave: () => setHoverValue(null), disabled: disabled, className: `
+                      w-12 h-12 rounded-full font-semibold text-lg
+                      transition-all duration-200 relative
+                      ${isSelected
+                                            ? 'bg-primary text-primary-content scale-110 shadow-lg'
+                                            : isHovered
+                                                ? 'bg-primary/20 scale-105'
+                                                : 'bg-base-200 hover:bg-base-300'}
+                      ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+                    `, children: num }, num));
+                                }) }), _jsx("div", { className: "flex md:hidden justify-center gap-2", children: numbers.slice(6).map(num => {
+                                    const isSelected = value === num;
+                                    const isHovered = hoverValue === num;
+                                    return (_jsx("button", { type: "button", onClick: () => !disabled && onChange(num), onMouseEnter: () => setHoverValue(num), onMouseLeave: () => setHoverValue(null), disabled: disabled, className: `
+                      w-12 h-12 rounded-full font-semibold text-lg
+                      transition-all duration-200 relative
+                      ${isSelected
+                                            ? 'bg-primary text-primary-content scale-110 shadow-lg'
+                                            : isHovered
+                                                ? 'bg-primary/20 scale-105'
+                                                : 'bg-base-200 hover:bg-base-300'}
+                      ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+                    `, children: num }, num));
+                                }) })] })) : (
+                    /* Mobile: single row for non-NPS scales */
+                    _jsx("div", { className: "flex md:hidden justify-center gap-2", children: numbers.map(num => {
+                            const isSelected = value === num;
+                            const isHovered = hoverValue === num;
+                            return (_jsx("button", { type: "button", onClick: () => !disabled && onChange(num), onMouseEnter: () => setHoverValue(num), onMouseLeave: () => setHoverValue(null), disabled: disabled, className: `
+                    w-12 h-12 rounded-full font-semibold text-lg
+                    transition-all duration-200 relative
+                    ${isSelected
+                                    ? 'bg-primary text-primary-content scale-110 shadow-lg'
+                                    : isHovered
+                                        ? 'bg-primary/20 scale-105'
+                                        : 'bg-base-200 hover:bg-base-300'}
+                    ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+                  `, children: num }, num));
+                        }) })), labels && (_jsxs("div", { className: "flex justify-between px-6", children: [_jsx("span", { className: `text-sm font-bold ${leftLabelColor}`, children: labels[0] }), _jsx("span", { className: `text-sm font-bold ${rightLabelColor}`, children: labels[1] })] }))] }), scale <= 7 && (_jsxs("div", { className: "text-center text-xs text-base-content/50", children: ["Press ", _jsx("kbd", { className: "kbd kbd-xs", children: startValue }), " -", ' ', _jsx("kbd", { className: "kbd kbd-xs", children: startValue + scale - 1 }), " to select"] })), value && (_jsxs("div", { className: "text-center text-sm text-primary font-medium", children: ["Selected: ", value] }))] }));
+}
+//# sourceMappingURL=LikertScale.js.map

package/dist/esm/ui/components/assessment/LikertScale.js.map

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

package/dist/esm/ui/components/assessment/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import type { ProgressBarProps } from './types';
+export declare function ProgressBar({ current, total, className }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/esm/ui/components/assessment/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/assessment/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAc,EAAE,EAAE,gBAAgB,2CAmB/E"}

package/dist/esm/ui/components/assessment/ProgressBar.js

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function ProgressBar({ current, total, className = '' }) {
+    const percentage = Math.round((current / total) * 100);
+    return (_jsxs("div", { className: `space-y-2 ${className}`, children: [_jsxs("div", { className: "flex justify-between text-sm text-base-content/70", children: [_jsxs("span", { children: ["Question ", current, " of ", total] }), _jsxs("span", { children: [percentage, "%"] })] }), _jsx("div", { className: "w-full bg-base-300 rounded-full h-2", children: _jsx("div", { className: "bg-primary h-2 rounded-full transition-all duration-300", style: { width: `${percentage}%` } }) })] }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/ui/components/assessment/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/ui/components/assessment/ProgressBar.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAoB;IAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAA;IAEtD,OAAO,CACL,eAAK,SAAS,EAAE,aAAa,SAAS,EAAE,aACtC,eAAK,SAAS,EAAC,mDAAmD,aAChE,wCACY,OAAO,UAAM,KAAK,IACvB,EACP,2BAAO,UAAU,SAAS,IACtB,EACN,cAAK,SAAS,EAAC,qCAAqC,YAClD,cACE,SAAS,EAAC,yDAAyD,EACnE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAClC,GACE,IACF,CACP,CAAA;AACH,CAAC"}