@guidemode/session-processing 0.1.43

package/dist/esm/ui/components/metrics/sections/ContextMetricsSection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ContextMetricsSection - Token usage, cache efficiency, and context compaction tracking
+ */
+import { LightBulbIcon } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function ContextMetricsSection({ context }) {
+    if (!context || context.totalInputTokens === undefined || context.totalInputTokens === null) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Context Management", subtitle: "Token usage, cache efficiency, and context compaction tracking", icon: _jsx(LightBulbIcon, {}), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-3 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Total Input Tokens", value: context.totalInputTokens, tooltip: "Sum of all input tokens sent to API across the entire session" }), _jsx(MetricCard, { label: "Total Output Tokens", value: context.totalOutputTokens, tooltip: "Sum of all tokens generated by the AI (responses)" }), _jsx(MetricCard, { label: "Compaction Events", value: context.compactEventCount, tooltip: "Number of times the session hit context limits and required compaction", metricId: "compaction-events" })] }), _jsx("div", { className: "divider text-sm", children: "Context Status" }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Current Context", value: context.contextLength, suffix: " tokens", tooltip: "Current context window size from most recent API call" }), _jsx(MetricCard, { label: "Context Window", value: context.contextWindowSize, suffix: " tokens", tooltip: "Model's maximum context capacity (200K tokens)" }), _jsx(MetricCard, { label: "Context Usage", value: context.contextUtilizationPercent
+                                ? Number.parseFloat(context.contextUtilizationPercent.toString())
+                                : undefined, type: "percentage", tooltip: "Current context as percentage of max context window", metricId: "context-utilization" }), _jsx(MetricCard, { label: "Avg Tokens/Message", value: context.avgTokensPerMessage
+                                ? Number.parseFloat(context.avgTokensPerMessage.toString())
+                                : undefined, tooltip: "Average input tokens per message" })] })] }) }));
+}
+//# sourceMappingURL=ContextMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/ContextMetricsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMetricsSection.js","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/ContextMetricsSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAOnD,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAA8B;IAC3E,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,gBAAgB,KAAK,SAAS,IAAI,OAAO,CAAC,gBAAgB,KAAK,IAAI,EAAE,CAAC;QAC5F,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAC,gEAAgE,EACzE,IAAI,EAAE,KAAC,aAAa,KAAG,YAEvB,eAAK,SAAS,EAAC,WAAW,aAExB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IACT,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EAAE,OAAO,CAAC,gBAAgB,EAC/B,OAAO,EAAC,+DAA+D,GACvE,EACF,KAAC,UAAU,IACT,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAChC,OAAO,EAAC,mDAAmD,GAC3D,EACF,KAAC,UAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAChC,OAAO,EAAC,wEAAwE,EAChF,QAAQ,EAAC,mBAAmB,GAC5B,IACE,EAEN,cAAK,SAAS,EAAC,iBAAiB,+BAAqB,EAGrD,eAAK,SAAS,EAAC,+DAA+D,aAC5E,KAAC,UAAU,IACT,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,OAAO,CAAC,aAAa,EAC5B,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,uDAAuD,GAC/D,EACF,KAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAChC,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,gDAAgD,GACxD,EACF,KAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EACH,OAAO,CAAC,yBAAyB;gCAC/B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,yBAAyB,CAAC,QAAQ,EAAE,CAAC;gCACjE,CAAC,CAAC,SAAS,EAEf,IAAI,EAAC,YAAY,EACjB,OAAO,EAAC,qDAAqD,EAC7D,QAAQ,EAAC,qBAAqB,GAC9B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EACH,OAAO,CAAC,mBAAmB;gCACzB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC;gCAC3D,CAAC,CAAC,SAAS,EAEf,OAAO,EAAC,kCAAkC,GAC1C,IACE,IACF,GACQ,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/metrics/sections/EngagementMetricsSection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * EngagementMetricsSection - User patience and session duration patterns
+ */
+import type { SessionMetricsUI } from '../MetricsOverview.js';
+interface EngagementMetricsSectionProps {
+    engagement: SessionMetricsUI['engagement'];
+}
+export declare function EngagementMetricsSection({ engagement }: EngagementMetricsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=EngagementMetricsSection.d.ts.map

package/dist/esm/ui/components/metrics/sections/EngagementMetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EngagementMetricsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/EngagementMetricsSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,UAAU,6BAA6B;IACrC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,wBAAgB,wBAAwB,CAAC,EAAE,UAAU,EAAE,EAAE,6BAA6B,kDA6CrF"}

package/dist/esm/ui/components/metrics/sections/EngagementMetricsSection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EngagementMetricsSection - User patience and session duration patterns
+ */
+import { UserGroupIcon } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function EngagementMetricsSection({ engagement }) {
+    if (!engagement || (!engagement.interruptionRate && !engagement.sessionLengthMinutes)) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Engagement", subtitle: "User patience and session duration patterns", icon: _jsx(UserGroupIcon, {}), children: _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Interruption Rate", value: engagement.interruptionRate
+                            ? Number.parseFloat(engagement.interruptionRate)
+                            : undefined, type: "percentage", tooltip: "Percentage of responses interrupted by user", metricId: "interruption-rate" }), _jsx(MetricCard, { label: "Total Interruptions", value: engagement.totalInterruptions, tooltip: "Total number of times user interrupted AI", metricId: "total-interruptions" }), _jsx(MetricCard, { label: "Session Length", value: engagement.sessionLengthMinutes
+                            ? Number.parseFloat(engagement.sessionLengthMinutes)
+                            : undefined, suffix: " min", tooltip: "Active interaction time in minutes", metricId: "session-length" })] }) }) }));
+}
+//# sourceMappingURL=EngagementMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/EngagementMetricsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EngagementMetricsSection.js","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/EngagementMetricsSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAOnD,MAAM,UAAU,wBAAwB,CAAC,EAAE,UAAU,EAAiC;IACpF,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU,CAAC,gBAAgB,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAAE,CAAC;QACtF,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,6CAA6C,EACtD,IAAI,EAAE,KAAC,aAAa,KAAG,YAEvB,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,UAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,KAAK,EACH,UAAU,CAAC,gBAAgB;4BACzB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC;4BAChD,CAAC,CAAC,SAAS,EAEf,IAAI,EAAC,YAAY,EACjB,OAAO,EAAC,6CAA6C,EACrD,QAAQ,EAAC,mBAAmB,GAC5B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,UAAU,CAAC,kBAAkB,EACpC,OAAO,EAAC,2CAA2C,EACnD,QAAQ,EAAC,qBAAqB,GAC9B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,KAAK,EACH,UAAU,CAAC,oBAAoB;4BAC7B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,oBAAoB,CAAC;4BACpD,CAAC,CAAC,SAAS,EAEf,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,oCAAoC,EAC5C,QAAQ,EAAC,gBAAgB,GACzB,IACE,GACF,GACQ,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/metrics/sections/ErrorMetricsSection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ErrorMetricsSection - Error tracking and recovery patterns
+ */
+import type { SessionMetricsUI } from '../MetricsOverview.js';
+interface ErrorMetricsSectionProps {
+    error: SessionMetricsUI['error'];
+}
+export declare function ErrorMetricsSection({ error }: ErrorMetricsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ErrorMetricsSection.d.ts.map

package/dist/esm/ui/components/metrics/sections/ErrorMetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMetricsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/ErrorMetricsSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,UAAU,wBAAwB;IAChC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,kDAsDtE"}

package/dist/esm/ui/components/metrics/sections/ErrorMetricsSection.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ErrorMetricsSection - Error tracking and recovery patterns
+ */
+import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function ErrorMetricsSection({ error }) {
+    if (!error || error.errorCount === undefined || error.errorCount === null) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Errors & Recovery", subtitle: "Error tracking and recovery patterns", icon: _jsx(ExclamationTriangleIcon, {}), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Error Count", value: error.errorCount, tooltip: "Total number of errors encountered", metricId: "error-count" }), _jsx(MetricCard, { label: "Fatal Errors", value: error.fatalErrors || 0, tooltip: "Critical errors that stopped progress", metricId: "fatal-errors" }), _jsx(MetricCard, { label: "Recovery Attempts", value: error.recoveryAttempts || 0, tooltip: "Number of times AI retried after errors", metricId: "recovery-attempts" }), _jsx(MetricCard, { label: "Error Types", value: error.errorTypes?.length || 0, tooltip: "Unique categories of errors" })] }), error.errorTypes && error.errorTypes.length > 0 && (_jsxs("div", { className: "card bg-base-100 p-4", children: [_jsx("h4", { className: "font-semibold mb-3", children: "Error Categories" }), _jsx("div", { className: "flex flex-wrap gap-2", children: error.errorTypes.map((errorType) => (_jsx("span", { className: "badge badge-error badge-outline", children: errorType.replace(/_/g, ' ') }, errorType))) })] }))] }) }));
+}
+//# sourceMappingURL=ErrorMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/ErrorMetricsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMetricsSection.js","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/ErrorMetricsSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAOnD,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA4B;IACrE,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;QAC1E,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAC,sCAAsC,EAC/C,IAAI,EAAE,KAAC,uBAAuB,KAAG,YAEjC,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,+DAA+D,aAC5E,KAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,OAAO,EAAC,oCAAoC,EAC5C,QAAQ,EAAC,aAAa,GACtB,EACF,KAAC,UAAU,IACT,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,CAAC,EAC7B,OAAO,EAAC,uCAAuC,EAC/C,QAAQ,EAAC,cAAc,GACvB,EACF,KAAC,UAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,CAAC,EAClC,OAAO,EAAC,yCAAyC,EACjD,QAAQ,EAAC,mBAAmB,GAC5B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC,EACpC,OAAO,EAAC,6BAA6B,GACrC,IACE,EAGL,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,oBAAoB,iCAAsB,EACxD,cAAK,SAAS,EAAC,sBAAsB,YAClC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,CAC3C,eAAsB,SAAS,EAAC,iCAAiC,YAC9D,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,IADpB,SAAS,CAEb,CACR,CAAC,GACE,IACF,CACP,IACG,GACQ,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/metrics/sections/GitDiffMetricsSection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * GitDiffMetricsSection - Git diff analysis and navigation efficiency
+ */
+import type { SessionMetricsUI } from '../MetricsOverview.js';
+interface GitDiffMetricsSectionProps {
+    gitDiff: SessionMetricsUI['gitDiff'];
+}
+export declare function GitDiffMetricsSection({ gitDiff }: GitDiffMetricsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GitDiffMetricsSection.d.ts.map

package/dist/esm/ui/components/metrics/sections/GitDiffMetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitDiffMetricsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/GitDiffMetricsSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,UAAU,0BAA0B;IAClC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACrC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,kDA8E5E"}

package/dist/esm/ui/components/metrics/sections/GitDiffMetricsSection.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * GitDiffMetricsSection - Git diff analysis and navigation efficiency
+ */
+import { ChartBarIcon } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function GitDiffMetricsSection({ gitDiff }) {
+    if (!gitDiff ||
+        gitDiff.totalFiles === undefined ||
+        gitDiff.totalFiles === null ||
+        gitDiff.totalFiles === 0) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Code Changes", subtitle: "Git diff analysis and navigation efficiency", icon: _jsx(ChartBarIcon, {}), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Files Changed", value: gitDiff.totalFiles, tooltip: "Total number of files modified or added" }), _jsx(MetricCard, { label: "Lines Added", value: gitDiff.linesAdded || 0, tooltip: "Total lines added across all files" }), _jsx(MetricCard, { label: "Lines Removed", value: gitDiff.linesRemoved || 0, tooltip: "Total lines deleted across all files" }), _jsx(MetricCard, { label: "Net Change", value: gitDiff.netLines || 0, tooltip: "Lines added minus lines removed (growth or reduction)" })] }), _jsx("div", { className: "divider text-sm", children: "Navigation Efficiency" }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Lines Read / Changed", value: gitDiff.linesReadPerChanged
+                                ? Number.parseFloat(gitDiff.linesReadPerChanged)
+                                : undefined, suffix: ":1", tooltip: "Lines read per line changed - lower is better (efficient navigation)", metricId: "lines-read-per-changed" }), _jsx(MetricCard, { label: "Reads / File", value: gitDiff.readsPerFile ? Number.parseFloat(gitDiff.readsPerFile) : undefined, tooltip: "Read operations per file changed - lower is better", metricId: "reads-per-file" }), _jsx(MetricCard, { label: "Lines/Min", value: gitDiff.linesPerMinute ? Number.parseFloat(gitDiff.linesPerMinute) : undefined, tooltip: "Code velocity - lines changed per minute", metricId: "lines-per-minute" }), _jsx(MetricCard, { label: "Lines/Tool", value: gitDiff.linesPerTool ? Number.parseFloat(gitDiff.linesPerTool) : undefined, tooltip: "Lines changed per tool use - higher is better", metricId: "lines-per-tool" })] })] }) }));
+}
+//# sourceMappingURL=GitDiffMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/GitDiffMetricsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitDiffMetricsSection.js","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/GitDiffMetricsSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAOnD,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAA8B;IAC3E,IACE,CAAC,OAAO;QACR,OAAO,CAAC,UAAU,KAAK,SAAS;QAChC,OAAO,CAAC,UAAU,KAAK,IAAI;QAC3B,OAAO,CAAC,UAAU,KAAK,CAAC,EACxB,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAC,6CAA6C,EACtD,IAAI,EAAE,KAAC,YAAY,KAAG,YAEtB,eAAK,SAAS,EAAC,WAAW,aAExB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,OAAO,CAAC,UAAU,EACzB,OAAO,EAAC,yCAAyC,GACjD,EACF,KAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,OAAO,CAAC,UAAU,IAAI,CAAC,EAC9B,OAAO,EAAC,oCAAoC,GAC5C,EACF,KAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,OAAO,CAAC,YAAY,IAAI,CAAC,EAChC,OAAO,EAAC,sCAAsC,GAC9C,EACF,KAAC,UAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC,EAC5B,OAAO,EAAC,uDAAuD,GAC/D,IACE,EAEN,cAAK,SAAS,EAAC,iBAAiB,sCAA4B,EAG5D,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,UAAU,IACT,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EACH,OAAO,CAAC,mBAAmB;gCACzB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC;gCAChD,CAAC,CAAC,SAAS,EAEf,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,sEAAsE,EAC9E,QAAQ,EAAC,wBAAwB,GACjC,EACF,KAAC,UAAU,IACT,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,EACjF,OAAO,EAAC,oDAAoD,EAC5D,QAAQ,EAAC,gBAAgB,GACzB,EACF,KAAC,UAAU,IACT,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,EACrF,OAAO,EAAC,0CAA0C,EAClD,QAAQ,EAAC,kBAAkB,GAC3B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,EACjF,OAAO,EAAC,+CAA+C,EACvD,QAAQ,EAAC,gBAAgB,GACzB,IACE,IACF,GACQ,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/metrics/sections/PerformanceMetricsSection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * PerformanceMetricsSection - AI response speed and task completion efficiency
+ */
+import type { SessionMetricsUI } from '../MetricsOverview.js';
+interface PerformanceMetricsSectionProps {
+    performance: SessionMetricsUI['performance'];
+}
+export declare function PerformanceMetricsSection({ performance }: PerformanceMetricsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PerformanceMetricsSection.d.ts.map

package/dist/esm/ui/components/metrics/sections/PerformanceMetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceMetricsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/PerformanceMetricsSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,UAAU,8BAA8B;IACtC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;CAC7C;AAED,wBAAgB,yBAAyB,CAAC,EAAE,WAAW,EAAE,EAAE,8BAA8B,kDAuCxF"}

package/dist/esm/ui/components/metrics/sections/PerformanceMetricsSection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PerformanceMetricsSection - AI response speed and task completion efficiency
+ */
+import { BoltIcon } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function PerformanceMetricsSection({ performance }) {
+    if (!performance || (!performance.responseLatencyMs && !performance.taskCompletionTimeMs)) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Performance", subtitle: "AI response speed and task completion efficiency", icon: _jsx(BoltIcon, {}), children: _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Response Latency", value: performance.responseLatencyMs
+                            ? Number.parseFloat(performance.responseLatencyMs)
+                            : undefined, type: "duration", tooltip: "Average time to respond to user messages", metricId: "response-latency" }), _jsx(MetricCard, { label: "Task Completion Time", value: performance.taskCompletionTimeMs
+                            ? Number.parseFloat(performance.taskCompletionTimeMs)
+                            : undefined, type: "duration", tooltip: "Total time to complete user's goal", metricId: "task-completion-time" })] }) }) }));
+}
+//# sourceMappingURL=PerformanceMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/PerformanceMetricsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceMetricsSection.js","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/PerformanceMetricsSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAOnD,MAAM,UAAU,yBAAyB,CAAC,EAAE,WAAW,EAAkC;IACvF,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC,iBAAiB,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,CAAC;QAC1F,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,kDAAkD,EAC3D,IAAI,EAAE,KAAC,QAAQ,KAAG,YAElB,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,KAAK,EACH,WAAW,CAAC,iBAAiB;4BAC3B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC;4BAClD,CAAC,CAAC,SAAS,EAEf,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,0CAA0C,EAClD,QAAQ,EAAC,kBAAkB,GAC3B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EACH,WAAW,CAAC,oBAAoB;4BAC9B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,oBAAoB,CAAC;4BACrD,CAAC,CAAC,SAAS,EAEf,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,oCAAoC,EAC5C,QAAQ,EAAC,sBAAsB,GAC/B,IACE,GACF,GACQ,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/metrics/sections/QualityMetricsSection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * QualityMetricsSection - Task success rates and AI usage process quality
+ */
+import type { SessionMetricsUI } from '../MetricsOverview.js';
+interface QualityMetricsSectionProps {
+    quality: SessionMetricsUI['quality'];
+}
+export declare function QualityMetricsSection({ quality }: QualityMetricsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=QualityMetricsSection.d.ts.map

package/dist/esm/ui/components/metrics/sections/QualityMetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QualityMetricsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/QualityMetricsSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAUH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,UAAU,0BAA0B;IAClC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACrC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,kDAiJ5E"}

package/dist/esm/ui/components/metrics/sections/QualityMetricsSection.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * QualityMetricsSection - Task success rates and AI usage process quality
+ */
+import { CheckCircleIcon, ClipboardDocumentListIcon, ExclamationCircleIcon, MinusCircleIcon, } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function QualityMetricsSection({ quality }) {
+    if (!quality) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Quality", subtitle: "Task success rates and AI usage process quality", icon: _jsx(CheckCircleIcon, {}), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "card bg-base-100 border border-base-300 p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `w-6 h-6 ${quality.usedPlanMode ? 'text-green-500' : 'text-gray-400'}`, children: quality.usedPlanMode ? _jsx(CheckCircleIcon, {}) : _jsx(MinusCircleIcon, {}) }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold text-sm", children: "Used Plan Mode" }), _jsx("p", { className: "text-xs text-base-content/70", children: quality.usedPlanMode
+                                                        ? 'Excellent! Used proper planning discipline'
+                                                        : 'Consider using plan mode for complex tasks' })] })] }), _jsx("div", { className: `badge ${quality.usedPlanMode ? 'badge-success' : 'badge-ghost'} font-medium`, children: quality.usedPlanMode ? '✓ Yes' : '✗ No' })] }), quality.exitPlanModeCount && quality.exitPlanModeCount > 0 && (_jsxs("div", { className: "text-xs text-base-content/60 mt-2", children: ["Used ExitPlanMode ", quality.exitPlanModeCount, " time(s)"] }))] }), _jsxs("div", { className: "card bg-base-100 border border-base-300 p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `w-5 h-5 ${quality.usedTodoTracking ? 'text-green-500' : 'text-gray-400'}`, children: quality.usedTodoTracking ? _jsx(ClipboardDocumentListIcon, {}) : _jsx(MinusCircleIcon, {}) }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium text-sm", children: "Todo Tracking" }), _jsx("p", { className: "text-xs text-base-content/70", children: quality.usedTodoTracking
+                                                        ? 'Great task organization!'
+                                                        : 'TodoWrite helps track progress' })] })] }), _jsx("div", { className: `badge ${quality.usedTodoTracking ? 'badge-success' : 'badge-ghost'}`, children: quality.usedTodoTracking ? '✓ Yes' : '✗ No' })] }), quality.todoWriteCount && quality.todoWriteCount > 0 && (_jsxs("div", { className: "text-xs text-base-content/60 mt-1", children: ["Used TodoWrite ", quality.todoWriteCount, " time(s)"] }))] }), quality.overTopAffirmations !== undefined && quality.overTopAffirmations !== null && (_jsxs("div", { className: "card bg-base-100 border border-base-300 p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `w-5 h-5 ${quality.overTopAffirmations > 0 ? 'text-yellow-500' : 'text-green-500'}`, children: quality.overTopAffirmations > 0 ? (_jsx(ExclamationCircleIcon, {})) : (_jsx(CheckCircleIcon, {})) }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium text-sm", children: "Over-the-Top Affirmations" }), _jsx("p", { className: "text-xs text-base-content/70", children: quality.overTopAffirmations === 0
+                                                        ? 'Professional tone maintained'
+                                                        : `${quality.overTopAffirmations} excessive affirmations detected` })] })] }), _jsx("div", { className: `badge ${quality.overTopAffirmations === 0 ? 'badge-success' : 'badge-warning'}`, children: quality.overTopAffirmations })] }), quality.overTopAffirmationsPhrases &&
+                            quality.overTopAffirmationsPhrases.length > 0 && (_jsxs("div", { className: "text-xs text-base-content/60 mt-1", children: ["Phrases: ", quality.overTopAffirmationsPhrases.join(', ')] }))] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Task Success Rate", value: quality.taskSuccessRate ? Number.parseFloat(quality.taskSuccessRate) : undefined, type: "percentage", tooltip: "Percentage of operations that succeeded", metricId: "task-success-rate" }), _jsx(MetricCard, { label: "Iteration Count", value: quality.iterationCount, tooltip: "Number of refinement cycles needed", metricId: "iteration-count" }), _jsx(MetricCard, { label: "Process Quality Score", value: quality.processQualityScore
+                                ? Number.parseFloat(quality.processQualityScore)
+                                : undefined, type: "percentage", tooltip: "Score for good AI usage practices (plan mode gives 30pts, todo tracking gives 20pts)", metricId: "process-quality-score" }), _jsx(MetricCard, { label: "Affirmations", value: quality.overTopAffirmations || 0, tooltip: "Count of over-the-top affirmations like 'You're absolutely right!'", metricId: "affirmations" })] })] }) }));
+}
+//# sourceMappingURL=QualityMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/QualityMetricsSection.js.map

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

package/dist/esm/ui/components/metrics/sections/UsageMetricsSection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * UsageMetricsSection - AI navigation efficiency and input quality analysis
+ */
+import type { SessionMetricsUI } from '../MetricsOverview.js';
+interface UsageMetricsSectionProps {
+    usage: SessionMetricsUI['usage'];
+}
+export declare function UsageMetricsSection({ usage }: UsageMetricsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=UsageMetricsSection.d.ts.map

package/dist/esm/ui/components/metrics/sections/UsageMetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageMetricsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/UsageMetricsSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,UAAU,wBAAwB;IAChC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,kDA+BtE"}

package/dist/esm/ui/components/metrics/sections/UsageMetricsSection.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * UsageMetricsSection - AI navigation efficiency and input quality analysis
+ */
+import { WrenchScrewdriverIcon } from '@heroicons/react/24/outline';
+import { MetricCard } from '../MetricCard.js';
+import { MetricSection } from '../MetricSection.js';
+export function UsageMetricsSection({ usage }) {
+    if (!usage || (!usage.readWriteRatio && !usage.inputClarityScore)) {
+        return null;
+    }
+    return (_jsx(MetricSection, { title: "Usage Efficiency", subtitle: "AI navigation efficiency and input quality analysis", icon: _jsx(WrenchScrewdriverIcon, {}), children: _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-4", children: [_jsx(MetricCard, { label: "Read/Write Ratio", value: usage.readWriteRatio ? Number.parseFloat(usage.readWriteRatio) : undefined, suffix: ":1", tooltip: "Reads per write (lower is better - high means AI is 'lost')", metricId: "read-write-ratio" }), _jsx(MetricCard, { label: "Input Clarity Score", value: usage.inputClarityScore ? Number.parseFloat(usage.inputClarityScore) : undefined, type: "percentage", tooltip: "Technical terms and code snippets density", metricId: "input-clarity-score" })] }) }) }));
+}
+//# sourceMappingURL=UsageMetricsSection.js.map

package/dist/esm/ui/components/metrics/sections/UsageMetricsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageMetricsSection.js","sourceRoot":"","sources":["../../../../../../src/ui/components/metrics/sections/UsageMetricsSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAOnD,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA4B;IACrE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC;QAClE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAC,qDAAqD,EAC9D,IAAI,EAAE,KAAC,qBAAqB,KAAG,YAE/B,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,EACjF,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,6DAA6D,EACrE,QAAQ,EAAC,kBAAkB,GAC3B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,EACvF,IAAI,EAAC,YAAY,EACjB,OAAO,EAAC,2CAA2C,EACnD,QAAQ,EAAC,qBAAqB,GAC9B,IACE,GACF,GACQ,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/phase/PhaseBlock.d.ts

@@ -0,0 +1,19 @@
+/**
+ * PhaseBlock - Individual phase container with border, header, stats, and summary
+ */
+import type { SessionPhaseType } from './PhaseIcon.js';
+export interface SessionPhase {
+    phaseType: SessionPhaseType;
+    startStep: number;
+    endStep: number;
+    stepCount: number;
+    summary: string;
+    durationMs: number;
+    timestamp?: string;
+}
+interface PhaseBlockProps {
+    phase: SessionPhase;
+}
+export declare function PhaseBlock({ phase }: PhaseBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PhaseBlock.d.ts.map

package/dist/esm/ui/components/phase/PhaseBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseBlock.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseBlock.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAItD,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,gBAAgB,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,YAAY,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,2CAoBpD"}

package/dist/esm/ui/components/phase/PhaseBlock.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PhaseBlock - Individual phase container with border, header, stats, and summary
+ */
+import { PhaseHeader } from './PhaseHeader.js';
+import { getPhaseBorderColor } from './PhaseIcon.js';
+import { PhaseStats } from './PhaseStats.js';
+import { PhaseSummary } from './PhaseSummary.js';
+export function PhaseBlock({ phase }) {
+    const borderColor = getPhaseBorderColor(phase.phaseType);
+    return (_jsx("div", { className: `bg-base-100 border-l-4 ${borderColor} rounded-r mb-3 font-mono text-sm shadow-md`, children: _jsxs("div", { className: "p-3", children: [_jsx(PhaseHeader, { phaseType: phase.phaseType }), _jsx(PhaseStats, { startStep: phase.startStep, endStep: phase.endStep, stepCount: phase.stepCount, durationMs: phase.durationMs, timestamp: phase.timestamp }), _jsx(PhaseSummary, { summary: phase.summary })] }) }));
+}
+//# sourceMappingURL=PhaseBlock.js.map

package/dist/esm/ui/components/phase/PhaseBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseBlock.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseBlock.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAgBhD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAmB;IACnD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,cACE,SAAS,EAAE,0BAA0B,WAAW,6CAA6C,YAE7F,eAAK,SAAS,EAAC,KAAK,aAClB,KAAC,WAAW,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,EAC3C,KAAC,UAAU,IACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,EACF,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,IACpC,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/phase/PhaseHeader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * PhaseHeader - Icon and title row for a phase
+ */
+import type { SessionPhaseType } from './PhaseIcon.js';
+interface PhaseHeaderProps {
+    phaseType: SessionPhaseType;
+}
+export declare function PhaseHeader({ phaseType }: PhaseHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PhaseHeader.d.ts.map

package/dist/esm/ui/components/phase/PhaseHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseHeader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,UAAU,gBAAgB;IACxB,SAAS,EAAE,gBAAgB,CAAA;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAW1D"}

package/dist/esm/ui/components/phase/PhaseHeader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PhaseHeader - Icon and title row for a phase
+ */
+import { formatPhaseType, getPhaseColor, getPhaseIcon } from './PhaseIcon.js';
+export function PhaseHeader({ phaseType }) {
+    const IconComponent = getPhaseIcon(phaseType);
+    const colorClass = getPhaseColor(phaseType);
+    const formattedType = formatPhaseType(phaseType);
+    return (_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(IconComponent, { className: `w-5 h-5 ${colorClass}` }), _jsx("span", { className: "font-medium text-sm text-base-content", children: formattedType })] }));
+}
+//# sourceMappingURL=PhaseHeader.js.map

package/dist/esm/ui/components/phase/PhaseHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseHeader.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseHeader.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAO7E,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAoB;IACzD,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;IAEhD,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,aAAa,IAAC,SAAS,EAAE,WAAW,UAAU,EAAE,GAAI,EACrD,eAAM,SAAS,EAAC,uCAAuC,YAAE,aAAa,GAAQ,IAC1E,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/phase/PhaseIcon.d.ts

@@ -0,0 +1,22 @@
+/**
+ * PhaseIcon - Maps phase types to HeroIcons and colors
+ */
+import type React from 'react';
+export type SessionPhaseType = 'initial_specification' | 'analysis_planning' | 'plan_modification' | 'plan_agreement' | 'execution' | 'interruption' | 'task_assignment' | 'completion' | 'correction' | 'final_completion' | 'other';
+/**
+ * Get the HeroIcon component for a phase type
+ */
+export declare function getPhaseIcon(phaseType: SessionPhaseType): React.ComponentType<React.SVGProps<SVGSVGElement>>;
+/**
+ * Get the color class for a phase type
+ */
+export declare function getPhaseColor(phaseType: SessionPhaseType): string;
+/**
+ * Get the border color class for a phase type
+ */
+export declare function getPhaseBorderColor(phaseType: SessionPhaseType): string;
+/**
+ * Format phase type name for display
+ */
+export declare function formatPhaseType(phaseType: SessionPhaseType): string;
+//# sourceMappingURL=PhaseIcon.d.ts.map

package/dist/esm/ui/components/phase/PhaseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAeH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,gBAAgB,GACxB,uBAAuB,GACvB,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,kBAAkB,GAClB,OAAO,CAAA;AAEX;;GAEG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,gBAAgB,sDAgBvD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,gBAAgB,GAAG,MAAM,CAgBjE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,GAAG,MAAM,CAgBvE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,gBAAgB,GAAG,MAAM,CAKnE"}

package/dist/esm/ui/components/phase/PhaseIcon.js

@@ -0,0 +1,71 @@
+/**
+ * PhaseIcon - Maps phase types to HeroIcons and colors
+ */
+import { BoltIcon, CheckCircleIcon, ClipboardDocumentListIcon, DocumentTextIcon, HandThumbUpIcon, MagnifyingGlassIcon, PencilSquareIcon, QuestionMarkCircleIcon, SparklesIcon, StopCircleIcon, WrenchScrewdriverIcon, } from '@heroicons/react/24/outline';
+/**
+ * Get the HeroIcon component for a phase type
+ */
+export function getPhaseIcon(phaseType) {
+    const iconMap = {
+        initial_specification: DocumentTextIcon,
+        analysis_planning: MagnifyingGlassIcon,
+        plan_modification: PencilSquareIcon,
+        plan_agreement: HandThumbUpIcon,
+        execution: BoltIcon,
+        interruption: StopCircleIcon,
+        task_assignment: ClipboardDocumentListIcon,
+        completion: CheckCircleIcon,
+        correction: WrenchScrewdriverIcon,
+        final_completion: SparklesIcon,
+        other: QuestionMarkCircleIcon,
+    };
+    return iconMap[phaseType] || QuestionMarkCircleIcon;
+}
+/**
+ * Get the color class for a phase type
+ */
+export function getPhaseColor(phaseType) {
+    const colorMap = {
+        initial_specification: 'text-info',
+        analysis_planning: 'text-purple-500',
+        plan_modification: 'text-blue-500',
+        plan_agreement: 'text-success',
+        execution: 'text-yellow-500',
+        interruption: 'text-red-500',
+        task_assignment: 'text-cyan-500',
+        completion: 'text-green-500',
+        correction: 'text-red-500',
+        final_completion: 'text-green-600',
+        other: 'text-base-content/50',
+    };
+    return colorMap[phaseType] || 'text-base-content/50';
+}
+/**
+ * Get the border color class for a phase type
+ */
+export function getPhaseBorderColor(phaseType) {
+    const borderColorMap = {
+        initial_specification: 'border-info',
+        analysis_planning: 'border-purple-500',
+        plan_modification: 'border-blue-500',
+        plan_agreement: 'border-success',
+        execution: 'border-yellow-500',
+        interruption: 'border-red-500',
+        task_assignment: 'border-cyan-500',
+        completion: 'border-green-500',
+        correction: 'border-red-500',
+        final_completion: 'border-green-600',
+        other: 'border-base-content/50',
+    };
+    return borderColorMap[phaseType] || 'border-base-content/50';
+}
+/**
+ * Format phase type name for display
+ */
+export function formatPhaseType(phaseType) {
+    return phaseType
+        .split('_')
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+}
+//# sourceMappingURL=PhaseIcon.js.map

package/dist/esm/ui/components/phase/PhaseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseIcon.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,QAAQ,EACR,eAAe,EACf,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,qBAAqB,GACtB,MAAM,6BAA6B,CAAA;AAgBpC;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,SAA2B;IACtD,MAAM,OAAO,GAAiF;QAC5F,qBAAqB,EAAE,gBAAgB;QACvC,iBAAiB,EAAE,mBAAmB;QACtC,iBAAiB,EAAE,gBAAgB;QACnC,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,cAAc;QAC5B,eAAe,EAAE,yBAAyB;QAC1C,UAAU,EAAE,eAAe;QAC3B,UAAU,EAAE,qBAAqB;QACjC,gBAAgB,EAAE,YAAY;QAC9B,KAAK,EAAE,sBAAsB;KAC9B,CAAA;IAED,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,sBAAsB,CAAA;AACrD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,SAA2B;IACvD,MAAM,QAAQ,GAAqC;QACjD,qBAAqB,EAAE,WAAW;QAClC,iBAAiB,EAAE,iBAAiB;QACpC,iBAAiB,EAAE,eAAe;QAClC,cAAc,EAAE,cAAc;QAC9B,SAAS,EAAE,iBAAiB;QAC5B,YAAY,EAAE,cAAc;QAC5B,eAAe,EAAE,eAAe;QAChC,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,cAAc;QAC1B,gBAAgB,EAAE,gBAAgB;QAClC,KAAK,EAAE,sBAAsB;KAC9B,CAAA;IAED,OAAO,QAAQ,CAAC,SAAS,CAAC,IAAI,sBAAsB,CAAA;AACtD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,SAA2B;IAC7D,MAAM,cAAc,GAAqC;QACvD,qBAAqB,EAAE,aAAa;QACpC,iBAAiB,EAAE,mBAAmB;QACtC,iBAAiB,EAAE,iBAAiB;QACpC,cAAc,EAAE,gBAAgB;QAChC,SAAS,EAAE,mBAAmB;QAC9B,YAAY,EAAE,gBAAgB;QAC9B,eAAe,EAAE,iBAAiB;QAClC,UAAU,EAAE,kBAAkB;QAC9B,UAAU,EAAE,gBAAgB;QAC5B,gBAAgB,EAAE,kBAAkB;QACpC,KAAK,EAAE,wBAAwB;KAChC,CAAA;IAED,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,wBAAwB,CAAA;AAC9D,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,SAA2B;IACzD,OAAO,SAAS;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACzD,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC"}

package/dist/esm/ui/components/phase/PhaseStats.d.ts

@@ -0,0 +1,13 @@
+/**
+ * PhaseStats - Step range and duration display for a phase
+ */
+interface PhaseStatsProps {
+    startStep: number;
+    endStep: number;
+    stepCount: number;
+    durationMs: number;
+    timestamp?: string;
+}
+export declare function PhaseStats({ startStep, endStep, stepCount, durationMs, timestamp, }: PhaseStatsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PhaseStats.d.ts.map

package/dist/esm/ui/components/phase/PhaseStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseStats.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseStats.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,eAAe;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE,eAAe,2CA4CjB"}

package/dist/esm/ui/components/phase/PhaseStats.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PhaseStats({ startStep, endStep, stepCount, durationMs, timestamp, }) {
+    const formatDuration = (ms) => {
+        const seconds = Math.floor(ms / 1000);
+        const minutes = Math.floor(seconds / 60);
+        const hours = Math.floor(minutes / 60);
+        if (hours > 0) {
+            return `${hours}h ${minutes % 60}m`;
+        }
+        if (minutes > 0) {
+            return `${minutes}m ${seconds % 60}s`;
+        }
+        return `${seconds}s`;
+    };
+    const formatTimestamp = (ts) => {
+        return new Date(ts).toLocaleTimeString('en-US', {
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+        });
+    };
+    return (_jsxs("div", { className: "flex flex-wrap gap-3 text-xs text-base-content/70 mb-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "font-medium", children: "Steps:" }), _jsxs("span", { children: [startStep, "-", endStep] }), _jsxs("span", { className: "text-base-content/50", children: ["(", stepCount, " messages)"] })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "font-medium", children: "Duration:" }), _jsx("span", { children: formatDuration(durationMs) })] }), timestamp && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "font-medium", children: "Started:" }), _jsx("span", { children: formatTimestamp(timestamp) })] }))] }));
+}
+//# sourceMappingURL=PhaseStats.js.map

package/dist/esm/ui/components/phase/PhaseStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseStats.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseStats.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,GACO;IAChB,MAAM,cAAc,GAAG,CAAC,EAAU,EAAU,EAAE;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAA;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QAEtC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,OAAO,GAAG,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,CAAA;QACrC,CAAC;QACD,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YAChB,OAAO,GAAG,OAAO,KAAK,OAAO,GAAG,EAAE,GAAG,CAAA;QACvC,CAAC;QACD,OAAO,GAAG,OAAO,GAAG,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,EAAU,EAAU,EAAE;QAC7C,OAAO,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;YAC9C,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;SAClB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,wDAAwD,aACrE,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,aAAa,uBAAc,EAC3C,2BACG,SAAS,OAAG,OAAO,IACf,EACP,gBAAM,SAAS,EAAC,sBAAsB,kBAAG,SAAS,kBAAkB,IAChE,EACN,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,aAAa,0BAAiB,EAC9C,yBAAO,cAAc,CAAC,UAAU,CAAC,GAAQ,IACrC,EACL,SAAS,IAAI,CACZ,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,aAAa,yBAAgB,EAC7C,yBAAO,eAAe,CAAC,SAAS,CAAC,GAAQ,IACrC,CACP,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/phase/PhaseSummary.d.ts

@@ -0,0 +1,9 @@
+/**
+ * PhaseSummary - Summary text display for a phase
+ */
+interface PhaseSummaryProps {
+    summary: string;
+}
+export declare function PhaseSummary({ summary }: PhaseSummaryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PhaseSummary.d.ts.map

package/dist/esm/ui/components/phase/PhaseSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseSummary.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseSummary.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAE1D"}

package/dist/esm/ui/components/phase/PhaseSummary.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PhaseSummary({ summary }) {
+    return _jsx("div", { className: "text-sm text-base-content/80 leading-relaxed", children: summary });
+}
+//# sourceMappingURL=PhaseSummary.js.map

package/dist/esm/ui/components/phase/PhaseSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseSummary.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseSummary.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAqB;IACzD,OAAO,cAAK,SAAS,EAAC,8CAA8C,YAAE,OAAO,GAAO,CAAA;AACtF,CAAC"}

package/dist/esm/ui/components/phase/PhaseTimeline.d.ts

@@ -0,0 +1,17 @@
+/**
+ * PhaseTimeline - Main phase timeline container
+ */
+import type { SessionPhase } from './PhaseBlock.js';
+export interface SessionPhaseAnalysis {
+    phases: SessionPhase[];
+    totalPhases: number;
+    totalSteps: number;
+    sessionDurationMs: number;
+    pattern: string;
+}
+interface PhaseTimelineProps {
+    phaseAnalysis: SessionPhaseAnalysis;
+}
+export declare function PhaseTimeline({ phaseAnalysis }: PhaseTimelineProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PhaseTimeline.d.ts.map

package/dist/esm/ui/components/phase/PhaseTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseTimeline.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseTimeline.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,MAAM,CAAA;IACzB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,kBAAkB;IAC1B,aAAa,EAAE,oBAAoB,CAAA;CACpC;AAED,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,EAAE,kBAAkB,2CAyDlE"}