@guidemode/session-processing 0.1.43

package/dist/cjs/ui/components/index.js

@@ -0,0 +1,90 @@
+"use strict";
+/**
+ * UI Components - Session Processing Components
+ *
+ * This package provides UI components for displaying and interacting with AI session data.
+ * Components are designed to be framework-agnostic and accept data via props.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VersionSelector = exports.ProgressBar = exports.ChoiceResponse = exports.TextResponse = exports.LikertScale = exports.QuestionCard = exports.AssessmentModal = exports.ScrollToTopButton = exports.TokenUsageChart = exports.SessionTodosTab = exports.SessionDetailHeader = exports.SessionCard = exports.QuickRatingPopover = exports.RatingBadge = exports.DateFilter = exports.MetricsOverview = exports.AssessmentSection = exports.MetricSection = exports.MetricCard = exports.formatPhaseType = exports.getPhaseBorderColor = exports.getPhaseColor = exports.getPhaseIcon = exports.PhaseSummary = exports.PhaseStats = exports.PhaseHeader = exports.PhaseBlock = exports.PhaseTimeline = exports.ToolResultBlock = exports.ToolBlock = exports.JsonBlock = exports.ImageBlock = exports.CodeBlock = exports.TextBlock = exports.VirtualizedMessageList = exports.ContentRenderer = exports.MessageHeader = exports.TimelineGroup = exports.TimelineMessage = void 0;
+// Timeline Components - For rendering session messages and content
+var index_js_1 = require("./timeline/index.js");
+Object.defineProperty(exports, "TimelineMessage", { enumerable: true, get: function () { return index_js_1.TimelineMessage; } });
+Object.defineProperty(exports, "TimelineGroup", { enumerable: true, get: function () { return index_js_1.TimelineGroup; } });
+Object.defineProperty(exports, "MessageHeader", { enumerable: true, get: function () { return index_js_1.MessageHeader; } });
+Object.defineProperty(exports, "ContentRenderer", { enumerable: true, get: function () { return index_js_1.ContentRenderer; } });
+Object.defineProperty(exports, "VirtualizedMessageList", { enumerable: true, get: function () { return index_js_1.VirtualizedMessageList; } });
+Object.defineProperty(exports, "TextBlock", { enumerable: true, get: function () { return index_js_1.TextBlock; } });
+Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return index_js_1.CodeBlock; } });
+Object.defineProperty(exports, "ImageBlock", { enumerable: true, get: function () { return index_js_1.ImageBlock; } });
+Object.defineProperty(exports, "JsonBlock", { enumerable: true, get: function () { return index_js_1.JsonBlock; } });
+Object.defineProperty(exports, "ToolBlock", { enumerable: true, get: function () { return index_js_1.ToolBlock; } });
+Object.defineProperty(exports, "ToolResultBlock", { enumerable: true, get: function () { return index_js_1.ToolResultBlock; } });
+// Phase Timeline Components - For rendering session phase analysis
+var index_js_2 = require("./phase/index.js");
+Object.defineProperty(exports, "PhaseTimeline", { enumerable: true, get: function () { return index_js_2.PhaseTimeline; } });
+Object.defineProperty(exports, "PhaseBlock", { enumerable: true, get: function () { return index_js_2.PhaseBlock; } });
+Object.defineProperty(exports, "PhaseHeader", { enumerable: true, get: function () { return index_js_2.PhaseHeader; } });
+Object.defineProperty(exports, "PhaseStats", { enumerable: true, get: function () { return index_js_2.PhaseStats; } });
+Object.defineProperty(exports, "PhaseSummary", { enumerable: true, get: function () { return index_js_2.PhaseSummary; } });
+Object.defineProperty(exports, "getPhaseIcon", { enumerable: true, get: function () { return index_js_2.getPhaseIcon; } });
+Object.defineProperty(exports, "getPhaseColor", { enumerable: true, get: function () { return index_js_2.getPhaseColor; } });
+Object.defineProperty(exports, "getPhaseBorderColor", { enumerable: true, get: function () { return index_js_2.getPhaseBorderColor; } });
+Object.defineProperty(exports, "formatPhaseType", { enumerable: true, get: function () { return index_js_2.formatPhaseType; } });
+// Metrics Components - For displaying session analytics
+var MetricCard_js_1 = require("./metrics/MetricCard.js");
+Object.defineProperty(exports, "MetricCard", { enumerable: true, get: function () { return MetricCard_js_1.MetricCard; } });
+var MetricSection_js_1 = require("./metrics/MetricSection.js");
+Object.defineProperty(exports, "MetricSection", { enumerable: true, get: function () { return MetricSection_js_1.MetricSection; } });
+var AssessmentSection_js_1 = require("./metrics/AssessmentSection.js");
+Object.defineProperty(exports, "AssessmentSection", { enumerable: true, get: function () { return AssessmentSection_js_1.AssessmentSection; } });
+var MetricsOverview_js_1 = require("./metrics/MetricsOverview.js");
+Object.defineProperty(exports, "MetricsOverview", { enumerable: true, get: function () { return MetricsOverview_js_1.MetricsOverview; } });
+// Utility Components - Filters and UI elements
+var DateFilter_js_1 = require("./DateFilter.js");
+Object.defineProperty(exports, "DateFilter", { enumerable: true, get: function () { return __importDefault(DateFilter_js_1).default; } });
+// Rating Components - For quick session ratings
+var RatingBadge_js_1 = require("./RatingBadge.js");
+Object.defineProperty(exports, "RatingBadge", { enumerable: true, get: function () { return RatingBadge_js_1.RatingBadge; } });
+var QuickRatingPopover_js_1 = require("./QuickRatingPopover.js");
+Object.defineProperty(exports, "QuickRatingPopover", { enumerable: true, get: function () { return QuickRatingPopover_js_1.QuickRatingPopover; } });
+// Session Components - For displaying session cards
+var SessionCard_js_1 = require("./SessionCard.js");
+Object.defineProperty(exports, "SessionCard", { enumerable: true, get: function () { return __importDefault(SessionCard_js_1).default; } });
+var SessionDetailHeader_js_1 = require("./SessionDetailHeader.js");
+Object.defineProperty(exports, "SessionDetailHeader", { enumerable: true, get: function () { return SessionDetailHeader_js_1.SessionDetailHeader; } });
+var SessionTodosTab_js_1 = require("./SessionTodosTab.js");
+Object.defineProperty(exports, "SessionTodosTab", { enumerable: true, get: function () { return SessionTodosTab_js_1.SessionTodosTab; } });
+// Token Usage Chart - For visualizing token usage in sessions
+var TokenUsageChart_js_1 = require("./TokenUsageChart.js");
+Object.defineProperty(exports, "TokenUsageChart", { enumerable: true, get: function () { return TokenUsageChart_js_1.TokenUsageChart; } });
+// Scroll to Top Button - Floating button for scrolling to top
+var ScrollToTopButton_js_1 = require("./ScrollToTopButton.js");
+Object.defineProperty(exports, "ScrollToTopButton", { enumerable: true, get: function () { return ScrollToTopButton_js_1.ScrollToTopButton; } });
+// Assessment Components - For session assessment and feedback
+var index_js_3 = require("./assessment/index.js");
+Object.defineProperty(exports, "AssessmentModal", { enumerable: true, get: function () { return index_js_3.AssessmentModal; } });
+Object.defineProperty(exports, "QuestionCard", { enumerable: true, get: function () { return index_js_3.QuestionCard; } });
+Object.defineProperty(exports, "LikertScale", { enumerable: true, get: function () { return index_js_3.LikertScale; } });
+Object.defineProperty(exports, "TextResponse", { enumerable: true, get: function () { return index_js_3.TextResponse; } });
+Object.defineProperty(exports, "ChoiceResponse", { enumerable: true, get: function () { return index_js_3.ChoiceResponse; } });
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return index_js_3.ProgressBar; } });
+Object.defineProperty(exports, "VersionSelector", { enumerable: true, get: function () { return index_js_3.VersionSelector; } });
+/**
+ * Note about SessionList:
+ *
+ * The SessionList component was not included because it has heavy dependencies on:
+ * - Server-specific API hooks (useAgentSessions, useAuth, etc.)
+ * - WebSocket stores for real-time updates
+ * - React Router for URL-based state management
+ * - Complex server-specific UI components
+ *
+ * Instead, use the SessionCard component and build your own list component
+ * that integrates with your data fetching and state management solution.
+ *
+ * See SESSION_LIST_NOTE.md for more details.
+ */
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;;;;AAEH,mEAAmE;AACnE,gDAY4B;AAX1B,2GAAA,eAAe,OAAA;AACf,yGAAA,aAAa,OAAA;AACb,yGAAA,aAAa,OAAA;AACb,2GAAA,eAAe,OAAA;AACf,kHAAA,sBAAsB,OAAA;AACtB,qGAAA,SAAS,OAAA;AACT,qGAAA,SAAS,OAAA;AACT,sGAAA,UAAU,OAAA;AACV,qGAAA,SAAS,OAAA;AACT,qGAAA,SAAS,OAAA;AACT,2GAAA,eAAe,OAAA;AAGjB,mEAAmE;AACnE,6CAayB;AAZvB,yGAAA,aAAa,OAAA;AACb,sGAAA,UAAU,OAAA;AACV,uGAAA,WAAW,OAAA;AACX,sGAAA,UAAU,OAAA;AACV,wGAAA,YAAY,OAAA;AACZ,wGAAA,YAAY,OAAA;AACZ,yGAAA,aAAa,OAAA;AACb,+GAAA,mBAAmB,OAAA;AACnB,2GAAA,eAAe,OAAA;AAMjB,wDAAwD;AACxD,yDAAoD;AAA3C,2GAAA,UAAU,OAAA;AACnB,+DAA0D;AAAjD,iHAAA,aAAa,OAAA;AACtB,uEAAkE;AAAzD,yHAAA,iBAAiB,OAAA;AAC1B,mEAAqF;AAA5E,qHAAA,eAAe,OAAA;AAExB,+CAA+C;AAC/C,iDAAuD;AAA9C,4HAAA,OAAO,OAAc;AAG9B,gDAAgD;AAChD,mDAAqE;AAA5D,6GAAA,WAAW,OAAA;AACpB,iEAA0F;AAAjF,2HAAA,kBAAkB,OAAA;AAG3B,oDAAoD;AACpD,mDAAyD;AAAhD,8HAAA,OAAO,OAAe;AAC/B,mEAA6F;AAApF,6HAAA,mBAAmB,OAAA;AAC5B,2DAAsD;AAA7C,qHAAA,eAAe,OAAA;AAExB,8DAA8D;AAC9D,2DAAiF;AAAxE,qHAAA,eAAe,OAAA;AAExB,8DAA8D;AAC9D,+DAAuF;AAA9E,yHAAA,iBAAiB,OAAA;AAE1B,8DAA8D;AAC9D,kDAQ8B;AAP5B,2GAAA,eAAe,OAAA;AACf,wGAAA,YAAY,OAAA;AACZ,uGAAA,WAAW,OAAA;AACX,wGAAA,YAAY,OAAA;AACZ,0GAAA,cAAc,OAAA;AACd,uGAAA,WAAW,OAAA;AACX,2GAAA,eAAe,OAAA;AAUjB;;;;;;;;;;;;;GAaG"}

package/dist/cjs/ui/components/metrics/AssessmentSection.d.ts

@@ -0,0 +1,27 @@
+/**
+ * AssessmentSection - Displays session assessment results
+ *
+ * CONVERTED TO PROPS-BASED: This component now accepts assessment data and questions as props
+ * instead of fetching them via hooks. The parent component should handle data fetching.
+ */
+import type { Assessment } from '@guidemode/types';
+import type { SessionRating } from '../../../utils/rating.js';
+interface AssessmentQuestion {
+    id: string;
+    text: string;
+    category?: string;
+    importance?: 'high' | 'medium' | 'low';
+}
+type AssessmentWithStatus = Assessment & {
+    status?: 'not_started' | 'rating_only' | 'in_progress' | 'completed';
+};
+interface AssessmentSectionProps {
+    sessionId: string;
+    assessment?: AssessmentWithStatus | null;
+    questions?: AssessmentQuestion[];
+    isLoading?: boolean;
+    onRate?: (rating: SessionRating) => void;
+}
+export declare function AssessmentSection({ sessionId: _sessionId, assessment, questions, isLoading, onRate, }: AssessmentSectionProps): import("react/jsx-runtime.js").JSX.Element;
+export {};
+//# sourceMappingURL=AssessmentSection.d.ts.map

package/dist/cjs/ui/components/metrics/AssessmentSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentSection.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/metrics/AssessmentSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAwC,MAAM,kBAAkB,CAAA;AACxF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAK7D,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;CACvC;AAGD,KAAK,oBAAoB,GAAG,UAAU,GAAG;IACvC,MAAM,CAAC,EAAE,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,WAAW,CAAA;CACrE,CAAA;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EAAE,UAAU,EACrB,UAAU,EACV,SAAc,EACd,SAAiB,EACjB,MAAM,GACP,EAAE,sBAAsB,8CAwPxB"}

package/dist/cjs/ui/components/metrics/AssessmentSection.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssessmentSection = AssessmentSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RatingBadge_js_1 = require("../RatingBadge.js");
+const MetricSection_js_1 = require("./MetricSection.js");
+function AssessmentSection({ sessionId: _sessionId, assessment, questions = [], isLoading = false, onRate, }) {
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)(MetricSection_js_1.MetricSection, { title: "Session Assessment", subtitle: "User feedback on AI session quality", icon: "\uD83D\uDCDD", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-md" }) }) }));
+    }
+    if (!assessment || assessment.status === 'not_started') {
+        return ((0, jsx_runtime_1.jsx)(MetricSection_js_1.MetricSection, { title: "Session Assessment", subtitle: "User feedback on AI session quality", icon: "\uD83D\uDCDD", children: (0, jsx_runtime_1.jsx)("div", { className: "text-center py-8", children: (0, jsx_runtime_1.jsx)("p", { className: "text-base-content/60", children: "No assessment completed for this session yet." }) }) }));
+    }
+    // Handle rating_only status (quick rating without full assessment)
+    const isRatingOnly = assessment.status === 'rating_only';
+    const hasResponses = assessment.responses && assessment.responses.length > 0;
+    // Create a map of question IDs to question configs
+    const _questionMap = new Map(questions.map(q => [q.id, q]));
+    // Create a map of response IDs to responses for quick lookup
+    const responseMap = new Map((assessment.responses || []).map(r => [r.questionId, r]));
+    // Sort responses in the same order as questions
+    const orderedResponses = questions
+        .map(question => {
+        const response = responseMap.get(question.id);
+        return response ? { question, response } : null;
+    })
+        .filter(Boolean);
+    const categoryLabels = {
+        usefulness: '💡 Usefulness',
+        trust: '🔒 Trust',
+        cognitive: '🧠 Cognitive',
+        learning: '📚 Learning',
+        satisfaction: '😊 Satisfaction',
+        comparison: '👥 Comparison',
+        reflection: '💭 Reflection',
+    };
+    const formatAnswer = (answer, question) => {
+        if (answer.type === 'skipped') {
+            return (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/40 italic", children: "Skipped" });
+        }
+        if (answer.type === 'likert') {
+            // Determine scale based on question type
+            let scaleSize = 7;
+            let startValue = 1;
+            if (question.id === 'nps_score') {
+                // NPS is 0-10
+                scaleSize = 11;
+                startValue = 0;
+            }
+            else if (question.id === 'deployment_confidence' ||
+                question.id === 'mental_alignment' ||
+                question.id === 'pair_programming_comparison') {
+                // These are likert-5
+                scaleSize = 5;
+            }
+            // Default is likert-7 (most questions)
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "rating rating-sm", children: Array.from({ length: scaleSize }, (_, i) => ((0, jsx_runtime_1.jsx)("input", { type: "radio", className: "mask mask-circle bg-primary", checked: answer.value === startValue + i, disabled: true }, `likert-${startValue + i}`))) }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg font-semibold text-primary", children: answer.value })] }));
+        }
+        if (answer.type === 'choice') {
+            return (0, jsx_runtime_1.jsx)("div", { className: "badge badge-primary badge-lg", children: answer.value });
+        }
+        if (answer.type === 'text') {
+            return ((0, jsx_runtime_1.jsx)("div", { className: "card bg-base-200/50 p-3 mt-2", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm whitespace-pre-wrap", children: answer.value || (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/40 italic", children: "No response" }) }) }));
+        }
+        return null;
+    };
+    return ((0, jsx_runtime_1.jsx)(MetricSection_js_1.MetricSection, { title: "Session Assessment", subtitle: isRatingOnly
+            ? 'Quick rating provided'
+            : `User feedback completed ${new Date(assessment.completedAt || '').toLocaleDateString()}`, icon: "\uD83D\uDCDD", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [isRatingOnly && !hasResponses && ((0, jsx_runtime_1.jsx)("div", { className: "card bg-base-100 border border-base-300", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body text-center py-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-4", children: (0, jsx_runtime_1.jsx)(RatingBadge_js_1.RatingBadge, { rating: assessment.rating || null, onRate: onRate, size: "lg" }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-base-content/70", children: "This session was given a quick rating without completing the full assessment." }), (0, jsx_runtime_1.jsxs)("p", { className: "text-sm text-base-content/60 mt-2", children: ["Completed ", new Date(assessment.completedAt || '').toLocaleDateString()] })] }) })), hasResponses && ((0, jsx_runtime_1.jsx)("div", { className: "card bg-base-100 border border-base-300", children: (0, jsx_runtime_1.jsx)("div", { className: "card-body", children: (0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: orderedResponses.map(({ question, response }, index) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "shrink-0 w-8 h-8 rounded-full bg-base-200 flex items-center justify-center text-sm font-semibold", children: index + 1 }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between gap-4 mb-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium", children: question.text }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [question.category && ((0, jsx_runtime_1.jsx)("div", { className: "badge badge-sm badge-ghost", children: categoryLabels[question.category] || question.category })), question.importance && ((0, jsx_runtime_1.jsx)("div", { className: `badge badge-sm ${question.importance === 'high'
+                                                                        ? 'badge-error'
+                                                                        : question.importance === 'medium'
+                                                                            ? 'badge-warning'
+                                                                            : 'badge-ghost'}`, children: question.importance }))] })] }), formatAnswer(response.answer, question)] })] }) }, response.questionId))) }) }) })), hasResponses && ((0, jsx_runtime_1.jsx)("div", { className: "card bg-base-100 border border-base-300", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-semibold mb-4", children: "Summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "stat bg-base-200 rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "stat-title text-xs", children: "Questions Answered" }), (0, jsx_runtime_1.jsx)("div", { className: "stat-value text-2xl", children: assessment.responses.filter(r => r.answer.type !== 'skipped').length }), (0, jsx_runtime_1.jsxs)("div", { className: "stat-desc text-xs", children: ["of ", assessment.responses.length, " total"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "stat bg-base-200 rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "stat-title text-xs", children: "Status" }), (0, jsx_runtime_1.jsx)("div", { className: "stat-value text-2xl", children: assessment.status === 'completed' ? '✓' : '•••' }), (0, jsx_runtime_1.jsx)("div", { className: "stat-desc text-xs capitalize", children: assessment.status })] }), (0, jsx_runtime_1.jsxs)("div", { className: "stat bg-base-200 rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "stat-title text-xs", children: "Completed" }), (0, jsx_runtime_1.jsx)("div", { className: "stat-value text-base", children: assessment.completedAt
+                                                    ? new Date(assessment.completedAt).toLocaleDateString()
+                                                    : 'N/A' }), (0, jsx_runtime_1.jsx)("div", { className: "stat-desc text-xs", children: assessment.completedAt
+                                                    ? new Date(assessment.completedAt).toLocaleTimeString()
+                                                    : '' })] }), (0, jsx_runtime_1.jsxs)("div", { className: "stat bg-base-200 rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "stat-title text-xs", children: "Rating" }), (0, jsx_runtime_1.jsx)("div", { className: "stat-value flex items-center justify-center py-2", children: (0, jsx_runtime_1.jsx)(RatingBadge_js_1.RatingBadge, { rating: assessment.rating || null, onRate: onRate, size: "lg" }) }), (0, jsx_runtime_1.jsx)("div", { className: "stat-desc text-xs text-center", children: assessment.rating ? 'Quick rating' : 'Click to rate' })] })] })] }) }))] }) }));
+}
+//# sourceMappingURL=AssessmentSection.js.map

package/dist/cjs/ui/components/metrics/AssessmentSection.js.map

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

package/dist/cjs/ui/components/metrics/MetricCard.d.ts

@@ -0,0 +1,20 @@
+/**
+ * MetricCard - Displays a single metric with formatting
+ *
+ * Uses per-metric threshold configuration for color coding.
+ * See metricThresholds.ts for configuration.
+ */
+interface MetricCardProps {
+    label: string;
+    value: string | number | boolean | null | undefined | unknown[] | Record<string, unknown>;
+    unit?: string;
+    suffix?: string;
+    type?: 'number' | 'percentage' | 'duration' | 'array' | 'object' | 'string';
+    tooltip?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /** Metric identifier for threshold lookup (e.g., 'read-write-ratio', 'response-latency') */
+    metricId?: string;
+}
+export declare function MetricCard({ label, value, unit, suffix, type, tooltip, size, metricId, }: MetricCardProps): import("react/jsx-runtime.js").JSX.Element;
+export {};
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/cjs/ui/components/metrics/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/metrics/MetricCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgBH,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAe,EACf,OAAO,EACP,IAAW,EACX,QAAQ,GACT,EAAE,eAAe,8CA0EjB"}

package/dist/cjs/ui/components/metrics/MetricCard.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetricCard = MetricCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MetricCard - Displays a single metric with formatting
+ *
+ * Uses per-metric threshold configuration for color coding.
+ * See metricThresholds.ts for configuration.
+ */
+const metricThresholds_js_1 = require("./metricThresholds.js");
+// Utility functions
+function formatDuration(value) {
+    if (value < 1000)
+        return `${value}ms`;
+    if (value < 60000)
+        return `${(value / 1000).toFixed(1)}s`;
+    if (value < 3600000)
+        return `${(value / 60000).toFixed(1)}m`;
+    return `${(value / 3600000).toFixed(1)}h`;
+}
+function formatPercentage(value) {
+    return `${value.toFixed(1)}%`;
+}
+function MetricCard({ label, value, unit, suffix, type = 'number', tooltip, size = 'md', metricId, }) {
+    const formatValue = () => {
+        if (value === null || value === undefined)
+            return 'N/A';
+        switch (type) {
+            case 'duration':
+                return typeof value === 'number' ? formatDuration(value) : 'N/A';
+            case 'percentage':
+                return typeof value === 'number' ? formatPercentage(value) : 'N/A';
+            case 'array':
+                if (Array.isArray(value)) {
+                    return value.length === 0 ? 'None' : value.join(', ');
+                }
+                return 'N/A';
+            case 'object':
+                if (typeof value === 'object' && value !== null) {
+                    return Object.keys(value).length === 0 ? 'None' : JSON.stringify(value, null, 1);
+                }
+                return 'N/A';
+            case 'string':
+                return value.toString();
+            default:
+                return typeof value === 'number' ? value.toLocaleString() : value.toString();
+        }
+    };
+    const getValueColor = () => {
+        if (typeof value !== 'number') {
+            return 'text-base-content';
+        }
+        // Only apply threshold types when a metricId is provided
+        // This ensures metrics without explicit configuration remain neutral
+        let thresholdType;
+        if (metricId) {
+            if (type === 'percentage' || type === 'duration') {
+                thresholdType = type === 'duration' ? 'time' : 'percentage';
+            }
+            else if (type === 'number' && value >= 0 && value <= 100) {
+                thresholdType = 'score';
+            }
+        }
+        // Use the new threshold system with metric ID
+        return (0, metricThresholds_js_1.getMetricColor)(value, metricId, thresholdType);
+    };
+    const cardSizeClasses = {
+        sm: 'p-3',
+        md: 'p-4',
+        lg: 'p-6',
+    };
+    const textSizeClasses = {
+        sm: { value: 'text-lg', label: 'text-xs' },
+        md: { value: 'text-xl', label: 'text-sm' },
+        lg: { value: 'text-2xl', label: 'text-base' },
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: `card bg-base-100 shadow-sm border border-base-200 ${cardSizeClasses[size]}`, title: tooltip, children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: `font-semibold ${getValueColor()} ${textSizeClasses[size].value}`, children: [formatValue(), (suffix || unit) && (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/60 ml-1", children: suffix || unit })] }), (0, jsx_runtime_1.jsx)("div", { className: `text-base-content/70 font-medium ${textSizeClasses[size].label}`, children: label })] }) }));
+}
+//# sourceMappingURL=MetricCard.js.map

package/dist/cjs/ui/components/metrics/MetricCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../../../../src/ui/components/metrics/MetricCard.tsx"],"names":[],"mappings":";;AAiCA,gCAmFC;;AApHD;;;;;GAKG;AAEH,+DAAgF;AAEhF,oBAAoB;AACpB,SAAS,cAAc,CAAC,KAAa;IACnC,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,GAAG,KAAK,IAAI,CAAA;IACrC,IAAI,KAAK,GAAG,KAAK;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;IACzD,IAAI,KAAK,GAAG,OAAO;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;IAC5D,OAAO,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;AAC3C,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACrC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;AAC/B,CAAC;AAcD,SAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,IAAI,GAAG,IAAI,EACX,QAAQ,GACQ;IAChB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAA;QAEvD,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,UAAU;gBACb,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;YAClE,KAAK,YAAY;gBACf,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;YACpE,KAAK,OAAO;gBACV,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACzB,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACvD,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,KAAK,QAAQ;gBACX,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oBAChD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;gBAClF,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;YACzB;gBACE,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;QAChF,CAAC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,mBAAmB,CAAA;QAC5B,CAAC;QAED,yDAAyD;QACzD,qEAAqE;QACrE,IAAI,aAAqE,CAAA;QACzE,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,IAAI,KAAK,YAAY,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;gBACjD,aAAa,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAA;YAC7D,CAAC;iBAAM,IAAI,IAAI,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;gBAC3D,aAAa,GAAG,OAAO,CAAA;YACzB,CAAC;QACH,CAAC;QAED,8CAA8C;QAC9C,OAAO,IAAA,oCAAsB,EAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAA;IAED,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC1C,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC1C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;KAC9C,CAAA;IAED,OAAO,CACL,gCACE,SAAS,EAAE,qDAAqD,eAAe,CAAC,IAAI,CAAC,EAAE,EACvF,KAAK,EAAE,OAAO,YAEd,iCAAK,SAAS,EAAC,WAAW,aACxB,iCAAK,SAAS,EAAE,iBAAiB,aAAa,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,aAC9E,WAAW,EAAE,EACb,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,MAAM,IAAI,IAAI,GAAQ,IACpF,EACN,gCAAK,SAAS,EAAE,oCAAoC,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,YAC9E,KAAK,GACF,IACF,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/ui/components/metrics/MetricSection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * MetricSection - Section container for metrics
+ */
+interface MetricSectionProps {
+    title: string;
+    subtitle?: string;
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+}
+export declare function MetricSection({ title, subtitle, children, icon }: MetricSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MetricSection.d.ts.map

package/dist/cjs/ui/components/metrics/MetricSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSection.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/metrics/MetricSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,kBAAkB,2CAgBpF"}

package/dist/cjs/ui/components/metrics/MetricSection.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetricSection = MetricSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function MetricSection({ title, subtitle, children, icon }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "card bg-base-200 shadow-sm border border-base-300", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [icon && (0, jsx_runtime_1.jsx)("div", { className: "w-5 h-5 text-base-content/70", children: icon }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "card-title text-lg", children: title }), subtitle && (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-base-content/70 mt-1", children: subtitle })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: children })] }) }));
+}
+//# sourceMappingURL=MetricSection.js.map

package/dist/cjs/ui/components/metrics/MetricSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSection.js","sourceRoot":"","sources":["../../../../../src/ui/components/metrics/MetricSection.tsx"],"names":[],"mappings":";;AAWA,sCAgBC;;AAhBD,SAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAsB;IACnF,OAAO,CACL,gCAAK,SAAS,EAAC,mDAAmD,YAChE,iCAAK,SAAS,EAAC,WAAW,aACxB,iCAAK,SAAS,EAAC,yBAAyB,aACrC,IAAI,IAAI,gCAAK,SAAS,EAAC,8BAA8B,YAAE,IAAI,GAAO,EACnE,4CACE,+BAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC9C,QAAQ,IAAI,8BAAG,SAAS,EAAC,mCAAmC,YAAE,QAAQ,GAAK,IACxE,IACF,EAEN,gCAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,GAAO,IAClC,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/ui/components/metrics/MetricsOverview.d.ts

@@ -0,0 +1,89 @@
+/**
+ * MetricsOverview - Main metrics display component
+ *
+ * CONVERTED TO PROPS-BASED: This component now accepts metrics data as props
+ * instead of fetching via hooks. The parent component should handle data fetching.
+ */
+import type { AIModelMetadata } from '@guidemode/types';
+export interface SessionMetricsUI {
+    createdAt?: string | null;
+    usage?: {
+        readWriteRatio?: string | null;
+        inputClarityScore?: string | null;
+        improvementTips?: string[] | null;
+    };
+    error?: {
+        errorCount?: number | null;
+        fatalErrors?: number | null;
+        recoveryAttempts?: number | null;
+        errorTypes?: string[] | null;
+        lastErrorMessage?: string | null;
+        improvementTips?: string[] | null;
+    };
+    engagement?: {
+        interruptionRate?: string | null;
+        totalInterruptions?: number | null;
+        sessionLengthMinutes?: string | null;
+        improvementTips?: string[] | null;
+    };
+    quality?: {
+        taskSuccessRate?: string | null;
+        iterationCount?: number | null;
+        processQualityScore?: string | null;
+        usedPlanMode?: boolean | null;
+        exitPlanModeCount?: number | null;
+        usedTodoTracking?: boolean | null;
+        todoWriteCount?: number | null;
+        overTopAffirmations?: number | null;
+        overTopAffirmationsPhrases?: string[] | null;
+        improvementTips?: string[] | null;
+    };
+    performance?: {
+        responseLatencyMs?: string | null;
+        taskCompletionTimeMs?: string | null;
+        improvementTips?: string[] | null;
+    };
+    gitDiff?: {
+        totalFiles?: number | null;
+        linesAdded?: number | null;
+        linesRemoved?: number | null;
+        linesModified?: number | null;
+        netLines?: number | null;
+        linesReadPerChanged?: string | null;
+        readsPerFile?: string | null;
+        linesPerMinute?: string | null;
+        linesPerTool?: string | null;
+        improvementTips?: string[] | null;
+    };
+    context?: {
+        totalInputTokens?: number | null;
+        totalOutputTokens?: number | null;
+        totalCacheCreated?: number | null;
+        totalCacheRead?: number | null;
+        contextLength?: number | null;
+        contextWindowSize?: number | null;
+        contextUtilizationPercent?: number | null;
+        compactEventCount?: number | null;
+        compactEventSteps?: number[] | null;
+        avgTokensPerMessage?: number | null;
+        messagesUntilFirstCompact?: number | null;
+        improvementTips?: string[] | null;
+    };
+}
+interface MetricsOverviewProps {
+    sessionId: string;
+    metrics?: SessionMetricsUI | null;
+    isLoading?: boolean;
+    error?: Error | null;
+    onProcessSession?: () => void;
+    onCancelProcessing?: () => void;
+    processingStatus?: 'pending' | 'processing' | 'completed' | 'failed' | null;
+    isProcessing?: boolean;
+    isCancelling?: boolean;
+    aiModelSummary?: string | null;
+    aiModelQualityScore?: number | null;
+    aiModelMetadata?: AIModelMetadata | null;
+}
+export declare function MetricsOverview({ sessionId: _sessionId, metrics, isLoading, error, onProcessSession, onCancelProcessing, processingStatus, isProcessing, isCancelling, aiModelSummary, aiModelQualityScore, aiModelMetadata, }: MetricsOverviewProps): import("react/jsx-runtime.js").JSX.Element;
+export {};
+//# sourceMappingURL=MetricsOverview.d.ts.map

package/dist/cjs/ui/components/metrics/MetricsOverview.d.ts.map

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

package/dist/cjs/ui/components/metrics/MetricsOverview.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetricsOverview = MetricsOverview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AIAssessmentSection_js_1 = require("./sections/AIAssessmentSection.js");
+const ContextMetricsSection_js_1 = require("./sections/ContextMetricsSection.js");
+const EngagementMetricsSection_js_1 = require("./sections/EngagementMetricsSection.js");
+const ErrorMetricsSection_js_1 = require("./sections/ErrorMetricsSection.js");
+const GitDiffMetricsSection_js_1 = require("./sections/GitDiffMetricsSection.js");
+const PerformanceMetricsSection_js_1 = require("./sections/PerformanceMetricsSection.js");
+const QualityMetricsSection_js_1 = require("./sections/QualityMetricsSection.js");
+const UsageMetricsSection_js_1 = require("./sections/UsageMetricsSection.js");
+function MetricsOverview({ sessionId: _sessionId, metrics, isLoading = false, error = null, onProcessSession, onCancelProcessing, processingStatus, isProcessing = false, isCancelling = false, aiModelSummary, aiModelQualityScore, aiModelMetadata, }) {
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-lg" }), (0, jsx_runtime_1.jsx)("p", { className: "mt-4 text-base-content/70", children: "Loading metrics..." })] }) }));
+    }
+    if (error) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-error", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsxs)("span", { children: ["Failed to load metrics: ", error.message] })] }));
+    }
+    if (!metrics) {
+        // If no processing handlers provided, this is a metrics-only session
+        const isMetricsOnly = !onProcessSession && !onCancelProcessing;
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-12", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-16 h-16 mx-auto text-base-content/30", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" }) }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No Metrics Available" }), (0, jsx_runtime_1.jsx)("p", { className: "text-base-content/70 mb-6", children: isMetricsOnly
+                        ? 'This session does not have a transcript file. Metrics cannot be generated for metrics-only sessions.'
+                        : "This session hasn't been processed yet. Process it to generate comprehensive metrics." }), (onProcessSession || onCancelProcessing) && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col sm:flex-row gap-3 justify-center", children: isProcessing || processingStatus === 'processing' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [onCancelProcessing && ((0, jsx_runtime_1.jsx)("button", { onClick: onCancelProcessing, className: "btn btn-error", disabled: isCancelling, children: isCancelling ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-sm" }), "Cancelling..."] })) : ('Cancel Processing') })), (0, jsx_runtime_1.jsxs)("button", { className: "btn btn-primary", disabled: true, children: [(0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-sm" }), "Processing..."] })] })) : (onProcessSession && ((0, jsx_runtime_1.jsx)("button", { onClick: onProcessSession, className: "btn btn-primary", children: "Process Session" }))) }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(AIAssessmentSection_js_1.AIAssessmentSection, { aiModelSummary: aiModelSummary, aiModelQualityScore: aiModelQualityScore, aiModelMetadata: aiModelMetadata }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-3", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-lg md:text-xl font-semibold", children: "Session Metrics" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs md:text-sm text-base-content/70", children: ["Last updated: ", new Date(metrics.createdAt || '').toLocaleString()] })] }) }), (0, jsx_runtime_1.jsx)(UsageMetricsSection_js_1.UsageMetricsSection, { usage: metrics.usage }), (0, jsx_runtime_1.jsx)(ContextMetricsSection_js_1.ContextMetricsSection, { context: metrics.context }), (0, jsx_runtime_1.jsx)(ErrorMetricsSection_js_1.ErrorMetricsSection, { error: metrics.error }), (0, jsx_runtime_1.jsx)(EngagementMetricsSection_js_1.EngagementMetricsSection, { engagement: metrics.engagement }), (0, jsx_runtime_1.jsx)(QualityMetricsSection_js_1.QualityMetricsSection, { quality: metrics.quality }), (0, jsx_runtime_1.jsx)(PerformanceMetricsSection_js_1.PerformanceMetricsSection, { performance: metrics.performance }), (0, jsx_runtime_1.jsx)(GitDiffMetricsSection_js_1.GitDiffMetricsSection, { gitDiff: metrics.gitDiff })] }));
+}
+//# sourceMappingURL=MetricsOverview.js.map

package/dist/cjs/ui/components/metrics/MetricsOverview.js.map

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

package/dist/cjs/ui/components/metrics/metricThresholds.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Metric Threshold Configuration
+ *
+ * Defines color thresholds for each metric type.
+ * Makes it easy to adjust what "good" vs "bad" means for each metric.
+ */
+export type MetricDirection = 'higher-is-better' | 'lower-is-better';
+export interface MetricThreshold {
+    /** Direction of improvement */
+    direction: MetricDirection;
+    /** Value for excellent/green threshold */
+    excellent: number;
+    /** Value for warning/yellow threshold */
+    warning: number;
+    /** Optional label for the metric (used in tooltips) */
+    label?: string;
+}
+/**
+ * Metric threshold configuration map
+ *
+ * For 'higher-is-better' metrics:
+ *   - >= excellent: green
+ *   - >= warning: yellow
+ *   - < warning: red
+ *
+ * For 'lower-is-better' metrics:
+ *   - <= excellent: green
+ *   - <= warning: yellow
+ *   - > warning: red
+ */
+export declare const METRIC_THRESHOLDS: Record<string, MetricThreshold>;
+/**
+ * Get color class for a metric value
+ */
+export declare function getMetricColor(value: number, metricId?: string, type?: 'percentage' | 'time' | 'score' | 'number'): string;
+/**
+ * Get threshold configuration for a metric
+ */
+export declare function getMetricThreshold(metricId: string): MetricThreshold | undefined;
+//# sourceMappingURL=metricThresholds.d.ts.map

package/dist/cjs/ui/components/metrics/metricThresholds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricThresholds.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/metrics/metricThresholds.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG,iBAAiB,CAAA;AAEpE,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAA;IAC1B,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAsJ7D,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAChD,MAAM,CA4BR;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAEhF"}