@guidemode/session-processing 0.1.43

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollToTopButton = ScrollToTopButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ScrollToTopButton - Floating button that appears when user scrolls down
+ *
+ * Features:
+ * - Only appears after scrolling down 300px
+ * - Positioned at bottom-right with fixed positioning
+ * - Smooth scroll animation to top
+ * - Fade in/out transition
+ */
+const react_1 = require("react");
+function ScrollToTopButton({ threshold = 300, scrollContainer = 'main', }) {
+    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const container = document.querySelector(scrollContainer);
+        const handleScroll = () => {
+            let scrollTop = 0;
+            // Try container scroll first
+            if (container && container.scrollTop > 0) {
+                scrollTop = container.scrollTop;
+            }
+            else {
+                // Fallback to window scroll
+                scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+            }
+            setIsVisible(scrollTop > threshold);
+        };
+        // Check initial scroll position
+        handleScroll();
+        // Add scroll listeners to both container (if exists) and window
+        if (container) {
+            container.addEventListener('scroll', handleScroll);
+        }
+        window.addEventListener('scroll', handleScroll);
+        return () => {
+            if (container) {
+                container.removeEventListener('scroll', handleScroll);
+            }
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, [scrollContainer, threshold]);
+    const scrollToTop = () => {
+        const container = document.querySelector(scrollContainer);
+        if (container) {
+            container.scrollTo({
+                top: 0,
+                behavior: 'smooth',
+            });
+        }
+        // Fallback to window scroll
+        window.scrollTo({
+            top: 0,
+            behavior: 'smooth',
+        });
+    };
+    if (!isVisible)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: scrollToTop, className: "fixed bottom-6 right-6 z-50 btn btn-circle btn-primary shadow-lg hover:shadow-xl transition-all duration-300 animate-fade-in", title: "Scroll to top", "aria-label": "Scroll to top", 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: "M5 10l7-7m0 0l7 7m-7-7v18" }) }) }));
+}
+//# sourceMappingURL=ScrollToTopButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../../../src/ui/components/ScrollToTopButton.tsx"],"names":[],"mappings":";;AAoBA,8CA2EC;;AA/FD;;;;;;;;GAQG;AAEH,iCAA2C;AAU3C,SAAgB,iBAAiB,CAAC,EAChC,SAAS,GAAG,GAAG,EACf,eAAe,GAAG,MAAM,GACD;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;QAEzD,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,SAAS,GAAG,CAAC,CAAA;YAEjB,6BAA6B;YAC7B,IAAI,SAAS,IAAI,SAAS,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC;gBACzC,SAAS,GAAG,SAAS,CAAC,SAAS,CAAA;YACjC,CAAC;iBAAM,CAAC;gBACN,4BAA4B;gBAC5B,SAAS,GAAG,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;YACtE,CAAC;YAED,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;QACrC,CAAC,CAAA;QAED,gCAAgC;QAChC,YAAY,EAAE,CAAA;QAEd,gEAAgE;QAChE,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,EAAE,CAAC;gBACd,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YACvD,CAAC;YACD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;QACzD,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,QAAQ,CAAC;gBACjB,GAAG,EAAE,CAAC;gBACN,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC;QACD,4BAA4B;QAC5B,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8HAA8H,EACxI,KAAK,EAAC,eAAe,gBACV,eAAe,YAE1B,gCAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,YAC5E,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,2BAA2B,GAC7B,GACE,GACC,CACV,CAAA;AACH,CAAC"}

package/dist/cjs/ui/components/SessionCard.d.ts

@@ -0,0 +1,60 @@
+/**
+ * SessionCard - Display card for a single session
+ *
+ * CONVERTED TO PROPS-BASED: This component requires the following to be passed as props:
+ * - session data
+ * - isActive state (from WebSocket or other real-time source)
+ * - ProviderIcon component (for rendering provider icons)
+ * - Event handlers for interactions
+ *
+ * The parent component should handle:
+ * - WebSocket connection for live session status
+ * - Navigation
+ * - Provider icon rendering
+ */
+import type { SessionRating } from '../../utils/rating.js';
+interface AgentSession {
+    id: string;
+    sessionId: string;
+    provider: string;
+    username: string;
+    repositoryName: string;
+    sessionStartTime: string | null;
+    sessionEndTime: string | null;
+    fileName?: string | null;
+    filePath?: string | null;
+    fileSize: number | null;
+    durationMs: number | null;
+    processingStatus: string;
+    assessmentStatus: string;
+    assessmentRating?: string | null;
+    aiModelSummary?: string | null;
+    aiModelQualityScore?: number | null;
+    createdAt: string;
+    syncedToServer?: boolean;
+    syncFailedReason?: string | null;
+    gitBranch?: string | null;
+    firstCommitHash?: string | null;
+    latestCommitHash?: string | null;
+}
+interface SessionCardProps {
+    session: AgentSession;
+    isSelected?: boolean;
+    isActive?: boolean;
+    onSelect?: (checked: boolean) => void;
+    onViewSession?: (sessionId: string) => void;
+    onProcessSession?: (sessionId: string) => void;
+    onAssessSession?: (sessionId: string) => void;
+    onRateSession?: (sessionId: string, rating: SessionRating) => void | Promise<void>;
+    onSyncSession?: (sessionId: string) => void;
+    onShowSyncError?: (sessionId: string, error: string) => void;
+    isProcessing?: boolean;
+    ProviderIcon: React.ComponentType<{
+        providerId: string;
+        size: number;
+        className?: string;
+    }>;
+}
+declare function SessionCard({ session, isSelected, isActive, onSelect, onViewSession, onProcessSession, onAssessSession, onRateSession, onSyncSession, onShowSyncError, isProcessing, ProviderIcon, }: SessionCardProps): import("react/jsx-runtime.js").JSX.Element;
+export default SessionCard;
+//# sourceMappingURL=SessionCard.d.ts.map

package/dist/cjs/ui/components/SessionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionCard.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/SessionCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AASH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAG1D,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACjC;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClF,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC5F;AAED,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,UAAkB,EAClB,QAAgB,EAChB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,aAAa,EACb,eAAe,EACf,YAAoB,EACpB,YAAY,GACb,EAAE,gBAAgB,8CAialB;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,252 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * SessionCard - Display card for a single session
+ *
+ * CONVERTED TO PROPS-BASED: This component requires the following to be passed as props:
+ * - session data
+ * - isActive state (from WebSocket or other real-time source)
+ * - ProviderIcon component (for rendering provider icons)
+ * - Event handlers for interactions
+ *
+ * The parent component should handle:
+ * - WebSocket connection for live session status
+ * - Navigation
+ * - Provider icon rendering
+ */
+const outline_1 = require("@heroicons/react/24/outline");
+const RatingBadge_js_1 = require("./RatingBadge.js");
+function SessionCard({ session, isSelected = false, isActive = false, onSelect, onViewSession, onProcessSession, onAssessSession, onRateSession, onSyncSession, onShowSyncError, isProcessing = false, ProviderIcon, }) {
+    // Determine if processing from session status if not explicitly provided
+    const actuallyProcessing = isProcessing || session.processingStatus === 'processing';
+    const _formatDate = (dateString) => {
+        if (!dateString)
+            return 'N/A';
+        return new Date(dateString).toLocaleString();
+    };
+    const formatTime = (dateString) => {
+        if (!dateString)
+            return 'N/A';
+        return new Date(dateString).toLocaleTimeString();
+    };
+    const formatShortDate = (dateString) => {
+        if (!dateString)
+            return 'N/A';
+        return new Date(dateString).toLocaleDateString('en-US', {
+            month: 'short',
+            day: 'numeric',
+        });
+    };
+    const formatFileSize = (bytes) => {
+        if (bytes === null || bytes === undefined)
+            return null;
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
+    };
+    const formatDuration = (durationMs) => {
+        if (!durationMs)
+            return 'N/A';
+        const seconds = Math.floor(durationMs / 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 formatCommitRange = () => {
+        const firstCommit = session.firstCommitHash?.substring(0, 7);
+        const latestCommit = session.latestCommitHash?.substring(0, 7);
+        if (!firstCommit)
+            return null;
+        // If no latest commit or same as first, show "UNSTAGED" pattern
+        if (!latestCommit || firstCommit === latestCommit) {
+            return ((0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-xs", title: `Unstaged changes from ${session.firstCommitHash}`, children: [firstCommit, " \u2192 ", (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/60", children: "UNSTAGED" })] }));
+        }
+        // Show commit range
+        return ((0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-xs", title: `Changes from ${session.firstCommitHash} to ${session.latestCommitHash}`, children: [firstCommit, " \u2192 ", latestCommit] }));
+    };
+    const handleCheckboxChange = (e) => {
+        e.stopPropagation(); // Prevent card click when checking checkbox
+        if (onSelect) {
+            onSelect(e.target.checked);
+        }
+    };
+    const handleCheckboxClick = (e) => {
+        e.stopPropagation(); // Prevent card click when clicking checkbox area
+    };
+    const handleProcessClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onProcessSession) {
+            onProcessSession(session.sessionId);
+        }
+    };
+    const _handleAssessClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onAssessSession) {
+            onAssessSession(session.sessionId);
+        }
+    };
+    const handleRate = (rating) => {
+        if (onRateSession) {
+            onRateSession(session.sessionId, rating);
+        }
+    };
+    const handleSyncClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        // If there's a sync error, show it
+        if (session.syncFailedReason && onShowSyncError) {
+            onShowSyncError(session.sessionId, session.syncFailedReason);
+        }
+        // If not synced and no error, trigger sync
+        else if (!session.syncedToServer && onSyncSession) {
+            onSyncSession(session.sessionId);
+        }
+    };
+    const handleCardClick = () => {
+        if (onViewSession) {
+            onViewSession(session.sessionId);
+        }
+    };
+    const getProcessingStatusInfo = (status) => {
+        // For metrics-only sessions (no transcript file), show as "Metrics Only" with green styling
+        // We check filePath instead of fileSize since fileSize is now sent for analytics even in metrics-only mode
+        const isMetricsOnly = !session.filePath;
+        if (isMetricsOnly) {
+            return {
+                icon: (0, jsx_runtime_1.jsx)(outline_1.ChartBarIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                color: 'text-success',
+                bgColor: 'bg-success/20',
+                label: 'Metrics Only - No transcript file to process',
+                clickable: false,
+            };
+        }
+        switch (status) {
+            case 'pending':
+                return {
+                    icon: (0, jsx_runtime_1.jsx)(outline_1.SparklesIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                    color: 'text-base-content/30',
+                    bgColor: 'bg-base-200',
+                    label: 'Pending AI Processing',
+                    clickable: true,
+                };
+            case 'processing':
+                return {
+                    icon: null, // Will use loading spinner instead
+                    color: 'text-info',
+                    bgColor: 'bg-info/20',
+                    label: 'AI Processing...',
+                    clickable: false,
+                };
+            case 'completed':
+                return {
+                    icon: (0, jsx_runtime_1.jsx)(outline_1.SparklesIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                    color: 'text-success',
+                    bgColor: 'bg-success/20',
+                    label: 'AI Processed',
+                    clickable: true,
+                };
+            case 'failed':
+                return {
+                    icon: (0, jsx_runtime_1.jsx)(outline_1.XCircleIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                    color: 'text-error',
+                    bgColor: 'bg-error/20',
+                    label: 'AI Processing Failed',
+                    clickable: true,
+                };
+            default:
+                return {
+                    icon: (0, jsx_runtime_1.jsx)(outline_1.SparklesIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                    color: 'text-base-content/30',
+                    bgColor: 'bg-base-200',
+                    label: 'Pending AI Processing',
+                    clickable: true,
+                };
+        }
+    };
+    const getAssessmentStatusInfo = (status) => {
+        switch (status) {
+            case 'completed':
+                return {
+                    icon: '✓',
+                    color: 'text-success',
+                    bgColor: 'bg-success/10',
+                    label: 'Assessment Complete',
+                    clickable: false,
+                };
+            case 'in_progress':
+                return {
+                    icon: '📝',
+                    color: 'text-info',
+                    bgColor: 'bg-info/10',
+                    label: 'Assessment In Progress',
+                    clickable: true,
+                };
+            default:
+                return {
+                    icon: '📋',
+                    color: 'text-base-content/40',
+                    bgColor: 'bg-base-200',
+                    label: 'Assess Session',
+                    clickable: true,
+                };
+        }
+    };
+    const getSyncStatusInfo = () => {
+        // Priority: error > synced > not synced
+        if (session.syncFailedReason) {
+            return {
+                icon: (0, jsx_runtime_1.jsx)(outline_1.ExclamationTriangleIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                color: 'text-error',
+                bgColor: 'bg-error/20',
+                label: 'Sync Failed - Click to view error',
+                clickable: true,
+            };
+        }
+        if (session.syncedToServer) {
+            return {
+                icon: (0, jsx_runtime_1.jsx)(outline_1.CloudArrowUpIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+                color: 'text-success',
+                bgColor: 'bg-success/20',
+                label: 'Synced to server',
+                clickable: false,
+            };
+        }
+        return {
+            icon: (0, jsx_runtime_1.jsx)(outline_1.CloudArrowUpIcon, { className: "w-4 h-4", strokeWidth: 2 }),
+            color: 'text-base-content/30',
+            bgColor: 'bg-base-200',
+            label: 'Click to sync to server',
+            clickable: true,
+        };
+    };
+    const processingInfo = getProcessingStatusInfo(session.processingStatus);
+    const _assessmentInfo = getAssessmentStatusInfo(session.assessmentStatus);
+    const syncInfo = getSyncStatusInfo();
+    // Render the card content
+    const CardContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isActive && ((0, jsx_runtime_1.jsx)("div", { className: "absolute -top-2 -right-2 z-10", children: (0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsxs)("span", { className: "flex h-5 w-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-success opacity-75" }), (0, jsx_runtime_1.jsx)("span", { className: "relative inline-flex rounded-full h-5 w-5 bg-success items-center justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-bold text-white", children: "\u25CF" }) })] }) }) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [onSelect && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0", onClick: handleCheckboxClick, children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "checkbox checkbox-sm cursor-pointer", checked: isSelected, onChange: handleCheckboxChange }) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-3 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [(0, jsx_runtime_1.jsx)(ProviderIcon, { providerId: session.provider, size: 16 }), isActive && ((0, jsx_runtime_1.jsxs)("span", { className: "badge badge-success badge-xs gap-1 animate-pulse", children: [(0, jsx_runtime_1.jsx)("span", { className: "w-2 h-2 rounded-full bg-white" }), "LIVE"] })), session.username && session.username.trim() !== '' && ((0, jsx_runtime_1.jsxs)("div", { className: "badge badge-ghost badge-sm", children: ["@", session.username] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-w-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-sm font-medium truncate", children: session.repositoryName }), session.gitBranch && ((0, jsx_runtime_1.jsx)("span", { className: "badge badge-ghost badge-xs font-mono", title: "Git branch", children: session.gitBranch })), formatCommitRange()] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap md:flex-nowrap items-center gap-2 md:gap-4 text-xs text-base-content/70", children: [session.aiModelQualityScore !== null && session.aiModelQualityScore !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "hidden md:inline", children: "Quality:" }), (0, jsx_runtime_1.jsxs)("span", { className: `font-medium ${session.aiModelQualityScore >= 80
+                                                    ? 'text-success'
+                                                    : session.aiModelQualityScore >= 60
+                                                        ? 'text-warning'
+                                                        : 'text-error'}`, children: [session.aiModelQualityScore, "%"] })] })), session.filePath && formatFileSize(session.fileSize) ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "hidden md:inline", children: "Size:" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: formatFileSize(session.fileSize) })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "badge badge-ghost badge-xs", children: "Metrics Only" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "hidden md:inline", children: "Duration:" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: formatDuration(session.durationMs) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "hidden sm:flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { children: formatTime(session.sessionStartTime) }), (0, jsx_runtime_1.jsx)("span", { children: "\u2192" }), (0, jsx_runtime_1.jsx)("span", { children: formatTime(session.sessionEndTime) })] }), (0, jsx_runtime_1.jsx)("div", { className: "font-medium", children: formatShortDate(session.sessionStartTime) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: `flex items-center justify-center w-7 h-7 md:w-6 md:h-6 rounded-md ${processingInfo.bgColor} ${processingInfo.clickable && !actuallyProcessing
+                                    ? 'cursor-pointer hover:scale-110'
+                                    : 'cursor-default'} transition-all tooltip tooltip-left`, "data-tip": actuallyProcessing ? 'Processing...' : processingInfo.label, onClick: processingInfo.clickable && !actuallyProcessing ? handleProcessClick : undefined, children: actuallyProcessing ? ((0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-xs text-info" })) : ((0, jsx_runtime_1.jsx)("span", { className: processingInfo.color, children: processingInfo.icon })) }), onRateSession && ((0, jsx_runtime_1.jsx)("div", { onClick: e => e.stopPropagation(), className: "flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(RatingBadge_js_1.RatingBadge, { rating: session.assessmentRating || null, onRate: handleRate, disabled: actuallyProcessing, size: "md", compact: true }) })), (onSyncSession || onShowSyncError) && ((0, jsx_runtime_1.jsx)("div", { className: `flex items-center justify-center w-7 h-7 md:w-6 md:h-6 rounded-md ${syncInfo.bgColor} ${syncInfo.clickable ? 'cursor-pointer hover:scale-110' : 'cursor-default'} transition-all tooltip tooltip-left`, "data-tip": syncInfo.label, onClick: syncInfo.clickable ? handleSyncClick : undefined, children: (0, jsx_runtime_1.jsx)("span", { className: syncInfo.color, children: syncInfo.icon }) }))] })] }), session.aiModelSummary && ((0, jsx_runtime_1.jsx)("div", { className: "text-xs text-base-content/60 pl-8 md:pl-12", children: session.aiModelSummary }))] }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: `relative flex flex-col gap-3 p-3 bg-base-100 border rounded transition-all ${isSelected
+            ? 'border-primary bg-primary/5'
+            : isActive
+                ? 'border-2 border-success shadow-lg shadow-success/30'
+                : 'border-base-300 hover:shadow-md hover:border-primary/50'} ${onViewSession ? 'cursor-pointer' : ''}`, onClick: onViewSession ? handleCardClick : undefined, children: CardContent }));
+}
+exports.default = SessionCard;
+//# sourceMappingURL=SessionCard.js.map

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

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

package/dist/cjs/ui/components/SessionDetailHeader.d.ts

@@ -0,0 +1,57 @@
+/**
+ * SessionDetailHeader - Shared session detail header component
+ *
+ * Displays session metadata, stats, and action buttons for session detail pages.
+ * Used by both desktop and server apps for consistent UI.
+ */
+import type { SessionRating } from '../../utils/rating.js';
+export interface SessionDetailHeaderProps {
+    session: {
+        provider: string;
+        repositoryName: string;
+        sessionStartTime: string | null;
+        durationMs: number | null;
+        fileSize?: number;
+        username?: string;
+        userAvatarUrl?: string;
+        repository?: {
+            name: string;
+            gitRemoteUrl?: string;
+            cwd?: string;
+        };
+        cwd?: string;
+        aiModelSummary?: string;
+        gitBranch?: string;
+        firstCommitHash?: string;
+        latestCommitHash?: string;
+    };
+    messageCount?: number;
+    rating?: SessionRating | null;
+    onRate?: (rating: SessionRating) => void | Promise<void>;
+    onProcessSession?: () => void;
+    onAssessSession?: () => void;
+    onDeleteSession?: () => void;
+    onCwdClick?: (path: string) => void | Promise<void>;
+    onViewDiff?: () => void | Promise<void>;
+    onRepositoryClick?: () => void | Promise<void>;
+    processingStatus?: 'pending' | 'processing' | 'completed' | 'failed';
+    isProcessing?: boolean;
+    assessmentStatus?: 'not_started' | 'rating_only' | 'in_progress' | 'completed';
+    processingProgress?: {
+        stepName: string;
+        percentage: number;
+    } | null;
+    syncStatus?: {
+        synced: boolean;
+        failed: boolean;
+        reason?: string;
+        onSync?: () => void;
+        onShowError?: (error: string) => void;
+    };
+    ProviderIcon: React.ComponentType<{
+        providerId: string;
+        size: number;
+    }>;
+}
+export declare function SessionDetailHeader({ session, messageCount, rating, onRate, onProcessSession, onAssessSession, onDeleteSession, onCwdClick, onViewDiff, onRepositoryClick, processingStatus, isProcessing, assessmentStatus, processingProgress, syncStatus, ProviderIcon, }: SessionDetailHeaderProps): import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=SessionDetailHeader.d.ts.map

package/dist/cjs/ui/components/SessionDetailHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDetailHeader.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/SessionDetailHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAG1D,MAAM,WAAW,wBAAwB;IAEvC,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAA;QAChB,cAAc,EAAE,MAAM,CAAA;QACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;QAC/B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,UAAU,CAAC,EAAE;YACX,IAAI,EAAE,MAAM,CAAA;YACZ,YAAY,CAAC,EAAE,MAAM,CAAA;YACrB,GAAG,CAAC,EAAE,MAAM,CAAA;SACb,CAAA;QACD,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAC1B,CAAA;IAGD,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC7B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAGxD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,iBAAiB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAG9C,gBAAgB,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAA;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,WAAW,CAAA;IAG9E,kBAAkB,CAAC,EAAE;QACnB,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;KACnB,GAAG,IAAI,CAAA;IAGR,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,OAAO,CAAA;QACf,MAAM,EAAE,OAAO,CAAA;QACf,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;QACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KACtC,CAAA;IAGD,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACxE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,gBAA4B,EAC5B,YAAoB,EACpB,gBAAgC,EAChC,kBAAkB,EAClB,UAAU,EACV,YAAY,GACb,EAAE,wBAAwB,8CA6hB1B"}

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

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionDetailHeader = SessionDetailHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * SessionDetailHeader - Shared session detail header component
+ *
+ * Displays session metadata, stats, and action buttons for session detail pages.
+ * Used by both desktop and server apps for consistent UI.
+ */
+const git_url_js_1 = require("../../utils/git-url.js");
+const RatingBadge_js_1 = require("./RatingBadge.js");
+function SessionDetailHeader({ session, messageCount, rating, onRate, onProcessSession, onAssessSession, onDeleteSession, onCwdClick, onViewDiff, onRepositoryClick, processingStatus = 'pending', isProcessing = false, assessmentStatus = 'not_started', processingProgress, syncStatus, ProviderIcon, }) {
+    const formatDate = (dateString) => {
+        if (!dateString)
+            return 'N/A';
+        return new Date(dateString).toLocaleString();
+    };
+    const formatDuration = (durationMs) => {
+        if (!durationMs)
+            return 'N/A';
+        const seconds = Math.floor(durationMs / 1000);
+        const minutes = Math.floor(seconds / 60);
+        const hours = Math.floor(minutes / 60);
+        if (hours > 0) {
+            return `${hours}h ${minutes % 60}m ${seconds % 60}s`;
+        }
+        if (minutes > 0) {
+            return `${minutes}m ${seconds % 60}s`;
+        }
+        return `${seconds}s`;
+    };
+    const formatFileSize = (bytes) => {
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
+    };
+    const actuallyProcessing = isProcessing || processingStatus === 'processing';
+    const workingDirectory = session.repository?.cwd || session.cwd;
+    // Build GitHub diff URL if we have the required information
+    const gitHubDiffUrl = (0, git_url_js_1.buildGitHubDiffUrl)(session.repository?.gitRemoteUrl, session.firstCommitHash, session.latestCommitHash);
+    return ((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 p-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row md:items-start md:justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)(ProviderIcon, { providerId: session.provider, size: 20 }), session.username && session.userAvatarUrl && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("a", { href: `https://github.com/${session.username}`, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 hover:opacity-80 transition-opacity", title: `View @${session.username} on GitHub`, children: [(0, jsx_runtime_1.jsx)("img", { src: session.userAvatarUrl, alt: session.username, className: "w-8 h-8 rounded-full flex-shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-semibold text-lg md:text-xl hover:underline", children: ["@", session.username] })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" })] })), onRepositoryClick ? ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onRepositoryClick, className: "font-medium text-base md:text-lg hover:text-primary hover:underline transition-colors cursor-pointer", children: session.repositoryName })) : ((0, jsx_runtime_1.jsx)("span", { className: "font-medium text-base md:text-lg", children: session.repositoryName })), (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-base-content/70", children: formatDate(session.sessionStartTime) }), (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium", children: session.provider }), (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: formatDuration(session.durationMs) }), messageCount !== undefined && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-sm", children: [messageCount, " msg"] })] })), (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: session.fileSize !== undefined && session.fileSize !== null ? (formatFileSize(session.fileSize)) : ((0, jsx_runtime_1.jsx)("span", { className: "badge badge-ghost badge-sm", children: "Metrics Only" })) }), syncStatus && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base-content/50 text-sm", children: "\u2022" }), syncStatus.failed ? ((0, jsx_runtime_1.jsx)("div", { className: "tooltip tooltip-bottom cursor-pointer hover:scale-110 transition-transform", "data-tip": "Sync failed - Click to view error", onClick: () => syncStatus.onShowError?.(syncStatus.reason || 'Unknown error'), children: (0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-error", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) })) : syncStatus.synced ? ((0, jsx_runtime_1.jsx)("div", { className: "tooltip tooltip-bottom", "data-tip": "Synced to server", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-success", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "tooltip tooltip-bottom cursor-pointer hover:scale-110 transition-transform", "data-tip": "Click to sync to server", onClick: syncStatus.onSync, children: (0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 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: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }) }))] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "hidden md:flex items-center gap-1.5 flex-shrink-0", children: [onProcessSession && ((0, jsx_runtime_1.jsxs)("button", { onClick: onProcessSession, disabled: actuallyProcessing, className: `btn btn-xs gap-1.5 ${processingStatus === 'completed' ? 'btn-secondary' : 'btn-warning'}`, title: actuallyProcessing
+                                                ? 'Processing...'
+                                                : processingStatus === 'completed'
+                                                    ? 'Metrics already processed'
+                                                    : 'Process session with AI', children: [actuallyProcessing ? ((0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-xs" })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) })), (0, jsx_runtime_1.jsx)("span", { className: "hidden lg:inline text-xs", children: actuallyProcessing && processingProgress
+                                                        ? `${processingProgress.stepName} (${processingProgress.percentage}%)`
+                                                        : actuallyProcessing
+                                                            ? 'Processing...'
+                                                            : processingStatus === 'completed'
+                                                                ? 'AI Processed ✓'
+                                                                : 'Process Session' })] })), onAssessSession && ((0, jsx_runtime_1.jsxs)("button", { onClick: onAssessSession, className: `btn btn-xs gap-1.5 ${assessmentStatus === 'completed' ? 'btn-secondary' : 'btn-accent'}`, title: assessmentStatus === 'completed'
+                                                ? 'Assessment complete'
+                                                : assessmentStatus === 'in_progress'
+                                                    ? 'Continue assessment'
+                                                    : 'Start session assessment', children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }), (0, jsx_runtime_1.jsx)("span", { className: "hidden lg:inline text-xs", children: assessmentStatus === 'completed'
+                                                        ? 'Assessed ✓'
+                                                        : assessmentStatus === 'in_progress'
+                                                            ? 'Assessment In Progress'
+                                                            : 'Assess Session' })] })), onDeleteSession && ((0, jsx_runtime_1.jsxs)("button", { onClick: onDeleteSession, className: "btn btn-xs btn-error gap-1.5", title: "Delete this session", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }), (0, jsx_runtime_1.jsx)("span", { className: "hidden lg:inline text-xs", children: "Delete" })] }))] })] }), (onProcessSession || onAssessSession || onDeleteSession) && ((0, jsx_runtime_1.jsxs)("div", { className: "md:hidden mb-2 flex gap-1.5", children: [onProcessSession && ((0, jsx_runtime_1.jsxs)("button", { onClick: onProcessSession, disabled: actuallyProcessing, className: `btn btn-xs gap-1.5 ${processingStatus === 'completed' ? 'btn-secondary' : 'btn-warning'}`, children: [actuallyProcessing ? ((0, jsx_runtime_1.jsx)("span", { className: "loading loading-spinner loading-xs" })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) })), (0, jsx_runtime_1.jsx)("span", { className: "text-xs", children: actuallyProcessing && processingProgress
+                                                ? `${processingProgress.stepName} (${processingProgress.percentage}%)`
+                                                : actuallyProcessing
+                                                    ? 'Processing...'
+                                                    : processingStatus === 'completed'
+                                                        ? 'Processed ✓'
+                                                        : 'Process' })] })), onAssessSession && ((0, jsx_runtime_1.jsxs)("button", { onClick: onAssessSession, className: `btn btn-xs gap-1.5 ${assessmentStatus === 'completed' ? 'btn-secondary' : 'btn-accent'}`, children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs", children: assessmentStatus === 'completed'
+                                                ? 'Assessed ✓'
+                                                : assessmentStatus === 'in_progress'
+                                                    ? 'In Progress'
+                                                    : 'Assess' })] })), onDeleteSession && ((0, jsx_runtime_1.jsxs)("button", { onClick: onDeleteSession, className: "btn btn-xs btn-error gap-1.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs", children: "Delete" })] }))] }))] }), (session.repository ||
+                    workingDirectory ||
+                    session.gitBranch ||
+                    session.firstCommitHash ||
+                    session.latestCommitHash ||
+                    onRate) && ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-2", children: [session.repository?.gitRemoteUrl && ((0, jsx_runtime_1.jsx)("div", { className: "stat bg-base-200 rounded-lg p-2.5", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-base-content/60", children: "Repository:" }), (0, jsx_runtime_1.jsxs)("a", { href: session.repository.gitRemoteUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-1.5 text-xs text-base-content hover:text-primary transition-colors", title: session.repository.gitRemoteUrl, children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z", clipRule: "evenodd" }) }), (0, jsx_runtime_1.jsx)("span", { className: "truncate", children: session.repository.gitRemoteUrl.replace(/^https?:\/\/(www\.)?/, '') })] })] }) })), (session.gitBranch ||
+                            session.firstCommitHash ||
+                            session.latestCommitHash ||
+                            workingDirectory) && ((0, jsx_runtime_1.jsx)("div", { className: "stat bg-base-200 rounded-lg p-2.5", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-xs", children: [session.gitBranch && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base-content/60", children: "Branch:" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1.5 font-mono text-base-content", children: session.gitBranch })] })), session.firstCommitHash ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base-content/60", children: "Commits:" }), session.latestCommitHash &&
+                                                session.latestCommitHash !== session.firstCommitHash ? (
+                                            // Different commits - show commit range
+                                            (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onViewDiff ? (
+                                                // Desktop: clickable button that opens Session Changes tab
+                                                (0, jsx_runtime_1.jsxs)("button", { onClick: onViewDiff, className: "ml-1.5 font-mono text-primary hover:text-primary-focus transition-colors hover:underline", title: `View changes: ${session.firstCommitHash} → ${session.latestCommitHash}`, children: [session.firstCommitHash.substring(0, 7), " \u2192", ' ', session.latestCommitHash.substring(0, 7)] })) : gitHubDiffUrl ? (
+                                                // Server: link to GitHub diff
+                                                (0, jsx_runtime_1.jsxs)("a", { href: gitHubDiffUrl, target: "_blank", rel: "noopener noreferrer", className: "ml-1.5 font-mono text-primary hover:text-primary-focus transition-colors hover:underline", title: `View diff: ${session.firstCommitHash} → ${session.latestCommitHash}`, children: [session.firstCommitHash.substring(0, 7), " \u2192", ' ', session.latestCommitHash.substring(0, 7)] })) : (
+                                                // No action available: plain text
+                                                (0, jsx_runtime_1.jsxs)("span", { className: "ml-1.5 font-mono text-base-content", title: `${session.firstCommitHash} → ${session.latestCommitHash}`, children: [session.firstCommitHash.substring(0, 7), " \u2192", ' ', session.latestCommitHash.substring(0, 7)] })) })) : (
+                                            // Same commit or no latest commit - show unstaged changes
+                                            (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onViewDiff ? (
+                                                // Desktop: clickable button for unstaged changes
+                                                (0, jsx_runtime_1.jsxs)("button", { onClick: onViewDiff, className: "ml-1.5 font-mono text-primary hover:text-primary-focus transition-colors hover:underline", title: `View unstaged changes from ${session.firstCommitHash}`, children: [session.firstCommitHash.substring(0, 7), " \u2192", ' ', (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/60", children: "UNSTAGED" })] })) : (
+                                                // Plain text (server or no action)
+                                                (0, jsx_runtime_1.jsxs)("span", { className: "ml-1.5 font-mono text-base-content", title: `Unstaged changes from ${session.firstCommitHash}`, children: [session.firstCommitHash.substring(0, 7), " \u2192", ' ', (0, jsx_runtime_1.jsx)("span", { className: "text-base-content/60", children: "UNSTAGED" })] })) }))] })) : (workingDirectory && (
+                                    // Historical session - no git commit data available
+                                    (0, jsx_runtime_1.jsx)("div", { className: "flex items-center h-full text-base-content/60 italic", children: "Git info unavailable (historical session)" })))] }) })), workingDirectory && ((0, jsx_runtime_1.jsx)("div", { className: "stat bg-base-200 rounded-lg p-2.5", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-base-content/60", children: "Working directory:" }), (0, jsx_runtime_1.jsx)("div", { className: "stat-value text-sm", children: onCwdClick ? ((0, jsx_runtime_1.jsx)("button", { onClick: () => onCwdClick(workingDirectory), className: "text-left hover:text-primary transition-colors font-mono break-all text-xs", title: "Click to open in OS", children: workingDirectory })) : ((0, jsx_runtime_1.jsx)("span", { className: "font-mono break-all text-xs", children: workingDirectory })) })] }) })), onRate && ((0, jsx_runtime_1.jsx)("div", { className: "stat bg-base-200 rounded-lg p-2.5", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-full", children: (0, jsx_runtime_1.jsx)(RatingBadge_js_1.RatingBadge, { rating: rating || null, onRate: onRate, size: "md" }) }) }))] })), session.aiModelSummary && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 bg-base-200/50 border border-base-300 rounded-lg p-3", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-base-content", children: session.aiModelSummary }) }))] }) }));
+}
+//# sourceMappingURL=SessionDetailHeader.js.map