@fivepixels-js/react 0.1.6 → 0.2.0

package/dist/components/panel/RouteDetailsTimeline.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { PointerFollowTooltip } from "../../components/ui/PointerFollowTooltip.js";
+import { panelNumericClassName } from "../../utils/panelTypography.js";
+import { formatHourLabel, resolveHourlyBarHeightPx, } from "../../utils/hourlyCompareSparkline.js";
+const BAR_MAX_HEIGHT_PX = 36;
+const BAR_MIN_HEIGHT_PX = 3;
+const BAR_IDLE_CLASS = "bg-[var(--adaptive-blue200)]";
+const BAR_HOVER_CLASS = "bg-[var(--adaptive-blue500)]";
+const BAR_FUTURE_CLASS = "bg-[var(--adaptive-black200)]";
+function formatMessage(template, values) {
+    return Object.entries(values).reduce((message, [key, value]) => message.replace(new RegExp(`\\{${key}\\}`, "g"), String(value)), template);
+}
+function SummarySide({ label, count, }) {
+    return (_jsxs("div", { className: "flex w-[52px] shrink-0 flex-col justify-center gap-[2px]", children: [_jsx("p", { className: "text-[11px] font-[600] leading-none text-[var(--adaptive-black500)]", children: label }), _jsx("p", { className: `text-[18px] font-bold leading-none text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: count.toLocaleString() })] }));
+}
+function HourColumn({ bucket, maxCount, isHovered, isFuture, ariaLabel, onHover, onLeave, }) {
+    const todayHeight = isFuture ? 0 : resolveHourlyBarHeightPx(bucket.todayCount, maxCount, BAR_MAX_HEIGHT_PX, BAR_MIN_HEIGHT_PX);
+    const yesterdayHeight = resolveHourlyBarHeightPx(bucket.yesterdayCount, maxCount, BAR_MAX_HEIGHT_PX, BAR_MIN_HEIGHT_PX);
+    const barClass = isHovered ? BAR_HOVER_CLASS : isFuture ? BAR_FUTURE_CLASS : BAR_IDLE_CLASS;
+    return (_jsxs("button", { type: "button", "aria-label": ariaLabel, className: "group relative flex min-w-0 flex-1 flex-col items-center", onMouseEnter: (event) => onHover(bucket, event.clientX, event.clientY), onMouseMove: (event) => onHover(bucket, event.clientX, event.clientY), onMouseLeave: onLeave, onFocus: (event) => {
+            const rect = event.currentTarget.getBoundingClientRect();
+            onHover(bucket, rect.left + rect.width / 2, rect.top + rect.height / 2);
+        }, onBlur: onLeave, children: [_jsx("span", { className: "flex w-full items-end justify-center", style: { height: `${BAR_MAX_HEIGHT_PX}px` }, children: _jsx("span", { "aria-hidden": true, className: `w-full max-w-[8px] rounded-t-[2px] ${barClass}`, style: { height: `${todayHeight}px` } }) }), _jsx("span", { "aria-hidden": true, className: "h-[1px] w-full bg-[var(--adaptive-border-subtle)]" }), _jsx("span", { className: "flex w-full items-start justify-center", style: { height: `${BAR_MAX_HEIGHT_PX}px` }, children: _jsx("span", { "aria-hidden": true, className: `w-full max-w-[8px] rounded-b-[2px] ${isHovered ? BAR_HOVER_CLASS : BAR_IDLE_CLASS}`, style: { height: `${yesterdayHeight}px` } }) })] }));
+}
+export function RouteDetailsTimeline({ sparkline, todayLabel, yesterdayLabel, timelineAriaLabel, hourAriaLabelTemplate, tooltipTodayTemplate, tooltipYesterdayTemplate, }) {
+    const [hoveredBucket, setHoveredBucket] = useState(null);
+    const [hoverPointer, setHoverPointer] = useState(null);
+    const activeBucket = useMemo(() => {
+        if (hoveredBucket) {
+            return hoveredBucket;
+        }
+        return sparkline.buckets[sparkline.currentHour] ?? sparkline.buckets[0] ?? null;
+    }, [hoveredBucket, sparkline.buckets, sparkline.currentHour]);
+    const handleHover = (bucket, clientX, clientY) => {
+        setHoveredBucket(bucket);
+        setHoverPointer({ clientX, clientY });
+    };
+    const handleLeave = () => {
+        setHoveredBucket(null);
+        setHoverPointer(null);
+    };
+    return (_jsxs("section", { className: "flex flex-col border-b border-b-[var(--adaptive-border-subtle)] px-[16px] py-[12px]", children: [_jsxs("div", { className: "flex items-stretch gap-[10px]", children: [_jsxs("div", { className: "flex shrink-0 flex-col justify-between py-[2px]", children: [_jsx(SummarySide, { label: todayLabel, count: activeBucket?.todayCount ?? 0 }), _jsx(SummarySide, { label: yesterdayLabel, count: activeBucket?.yesterdayCount ?? 0 })] }), _jsx("div", { className: "flex min-w-0 flex-1 items-stretch gap-[1px]", role: "img", "aria-label": timelineAriaLabel, children: sparkline.buckets.map((bucket) => {
+                            const isFuture = bucket.hour > sparkline.currentHour;
+                            const isHovered = hoveredBucket?.hour === bucket.hour;
+                            return (_jsx(HourColumn, { bucket: bucket, maxCount: sparkline.maxCount, isHovered: isHovered, isFuture: isFuture, ariaLabel: formatMessage(hourAriaLabelTemplate, {
+                                    hour: formatHourLabel(bucket.hour),
+                                    todayCount: bucket.todayCount,
+                                    yesterdayCount: bucket.yesterdayCount,
+                                }), onHover: handleHover, onLeave: handleLeave }, bucket.hour));
+                        }) })] }), _jsx(PointerFollowTooltip, { open: Boolean(hoveredBucket && hoverPointer), pointer: hoverPointer, className: "min-w-[160px]", children: hoveredBucket ? (_jsxs("div", { className: "flex flex-col gap-[4px] text-left text-[12px] leading-[1.4]", children: [_jsxs("p", { className: "flex items-center justify-between gap-[12px]", children: [_jsx("span", { className: "text-[var(--adaptive-black500)]", children: formatMessage(tooltipTodayTemplate, { hour: formatHourLabel(hoveredBucket.hour) }) }), _jsx("span", { className: `font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: hoveredBucket.todayCount.toLocaleString() })] }), _jsxs("p", { className: "flex items-center justify-between gap-[12px]", children: [_jsx("span", { className: "text-[var(--adaptive-black500)]", children: formatMessage(tooltipYesterdayTemplate, { hour: formatHourLabel(hoveredBucket.hour) }) }), _jsx("span", { className: `font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: hoveredBucket.yesterdayCount.toLocaleString() })] })] })) : null })] }));
+}
+//# sourceMappingURL=RouteDetailsTimeline.js.map

package/dist/components/panel/RouteDetailsTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteDetailsTimeline.js","sourceRoot":"","sources":["../../../src/components/panel/RouteDetailsTimeline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EACH,eAAe,EACf,wBAAwB,GAG3B,MAAM,mCAAmC,CAAC;AAE3C,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAC5B,MAAM,cAAc,GAAG,8BAA8B,CAAC;AACtD,MAAM,eAAe,GAAG,8BAA8B,CAAC;AACvD,MAAM,gBAAgB,GAAG,+BAA+B,CAAC;AAYzD,SAAS,aAAa,CAAC,QAAgB,EAAE,MAAuC;IAC5E,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;AAC/I,CAAC;AAED,SAAS,WAAW,CAAC,EACjB,KAAK,EACL,KAAK,GAIR;IACG,OAAO,CACH,eAAK,SAAS,EAAC,0DAA0D,aACrE,YAAG,SAAS,EAAC,qEAAqE,YAAE,KAAK,GAAK,EAC9F,YAAG,SAAS,EAAE,sEAAsE,qBAAqB,EAAE,YAAG,KAAK,CAAC,cAAc,EAAE,GAAK,IACvI,CACT,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,GASV;IACG,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;IAC/H,MAAM,eAAe,GAAG,wBAAwB,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;IACxH,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC;IAE5F,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,gBACD,SAAS,EACrB,SAAS,EAAC,0DAA0D,EACpE,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACtE,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACrE,YAAY,EAAE,OAAO,EACrB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACzD,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC5E,CAAC,EACD,MAAM,EAAE,OAAO,aAEf,eACI,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,iBAAiB,IAAI,EAAE,YAE3C,oCAEI,SAAS,EAAE,sCAAsC,QAAQ,EAAE,EAC3D,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,WAAW,IAAI,EAAE,GACvC,GACC,EAEP,oCAEI,SAAS,EAAC,mDAAmD,GAC/D,EAEF,eACI,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,iBAAiB,IAAI,EAAE,YAE3C,oCAEI,SAAS,EAAE,sCAAsC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EAAE,EAC/F,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,eAAe,IAAI,EAAE,GAC3C,GACC,IACF,CACZ,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,SAAS,EACT,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,wBAAwB,GACA;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAC;IACrF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA8C,IAAI,CAAC,CAAC;IAEpG,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,aAAa,EAAE,CAAC;YAChB,OAAO,aAAa,CAAC;QACzB,CAAC;QAED,OAAO,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACpF,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,MAA2B,EAAE,OAAe,EAAE,OAAe,EAAE,EAAE;QAClF,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,eAAe,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,mBAAS,SAAS,EAAC,qFAAqF,aACpG,eAAK,SAAS,EAAC,+BAA+B,aAC1C,eAAK,SAAS,EAAC,iDAAiD,aAC5D,KAAC,WAAW,IACR,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,YAAY,EAAE,UAAU,IAAI,CAAC,GACtC,EACF,KAAC,WAAW,IACR,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,YAAY,EAAE,cAAc,IAAI,CAAC,GAC1C,IACA,EAEN,cACI,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,KAAK,gBACE,iBAAiB,YAE5B,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BAC9B,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC,WAAW,CAAC;4BACrD,MAAM,SAAS,GAAG,aAAa,EAAE,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC;4BAEtD,OAAO,CACH,KAAC,UAAU,IAEP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,CAAC,qBAAqB,EAAE;oCAC5C,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC;oCAClC,UAAU,EAAE,MAAM,CAAC,UAAU;oCAC7B,cAAc,EAAE,MAAM,CAAC,cAAc;iCACxC,CAAC,EACF,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,IAXf,MAAM,CAAC,IAAI,CAYlB,CACL,CAAC;wBACN,CAAC,CAAC,GACA,IACJ,EAEN,KAAC,oBAAoB,IACjB,IAAI,EAAE,OAAO,CAAC,aAAa,IAAI,YAAY,CAAC,EAC5C,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,eAAe,YAExB,aAAa,CAAC,CAAC,CAAC,CACb,eAAK,SAAS,EAAC,6DAA6D,aACxE,aAAG,SAAS,EAAC,8CAA8C,aACvD,eAAM,SAAS,EAAC,iCAAiC,YAC5C,aAAa,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,GAChF,EACP,eAAM,SAAS,EAAE,6CAA6C,qBAAqB,EAAE,YAChF,aAAa,CAAC,UAAU,CAAC,cAAc,EAAE,GACvC,IACP,EACJ,aAAG,SAAS,EAAC,8CAA8C,aACvD,eAAM,SAAS,EAAC,iCAAiC,YAC5C,aAAa,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,GACpF,EACP,eAAM,SAAS,EAAE,6CAA6C,qBAAqB,EAAE,YAChF,aAAa,CAAC,cAAc,CAAC,cAAc,EAAE,GAC3C,IACP,IACF,CACT,CAAC,CAAC,CAAC,IAAI,GACW,IACjB,CACb,CAAC;AACN,CAAC"}

package/dist/components/panel/ThemePreviewSkeleton.d.ts

@@ -0,0 +1,7 @@
+import type { ReportAppearance } from "../../types/report.js";
+type ThemePreviewSkeletonProps = {
+    variant: ReportAppearance;
+};
+export declare function ThemePreviewSkeleton({ variant }: ThemePreviewSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemePreviewSkeleton.d.ts.map

package/dist/components/panel/ThemePreviewSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ThemePreviewSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,KAAK,yBAAyB,GAAG;IAC7B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAgCF,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,yBAAyB,2CAe1E"}

package/dist/components/panel/ThemePreviewSkeleton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LIGHT = {
+    surface: "#ffffff",
+    sidebar: "#e8eaed",
+    header: "#f1f3f4",
+    line: "#dadce0",
+    accent: "#4285f4",
+};
+const DARK = {
+    surface: "#1f1f1f",
+    sidebar: "#2d2d2d",
+    header: "#292929",
+    line: "#3c3c3c",
+    accent: "#8ab4f8",
+};
+function MiniLayoutPreview({ palette }) {
+    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden rounded-[4px]", style: { backgroundColor: palette.surface }, children: [_jsx("div", { className: "w-[28%] shrink-0", style: { backgroundColor: palette.sidebar } }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col p-[3px]", children: [_jsx("div", { className: "mb-[3px] h-[5px] rounded-[1px]", style: { backgroundColor: palette.header } }), _jsx("div", { className: "mb-[2px] h-[2px] w-[85%] rounded-[1px]", style: { backgroundColor: palette.line } }), _jsx("div", { className: "mb-[2px] h-[2px] w-[70%] rounded-[1px]", style: { backgroundColor: palette.line } }), _jsx("div", { className: "mt-[1px] h-[6px] w-[40%] rounded-[1px]", style: { backgroundColor: palette.accent, opacity: 0.75 } })] })] }));
+}
+export function ThemePreviewSkeleton({ variant }) {
+    if (variant === "system") {
+        return (_jsxs("div", { className: "flex h-full w-full overflow-hidden rounded-[4px]", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(MiniLayoutPreview, { palette: LIGHT }) }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx(MiniLayoutPreview, { palette: DARK }) })] }));
+    }
+    return _jsx(MiniLayoutPreview, { palette: variant === "dark" ? DARK : LIGHT });
+}
+//# sourceMappingURL=ThemePreviewSkeleton.js.map

package/dist/components/panel/ThemePreviewSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewSkeleton.js","sourceRoot":"","sources":["../../../src/components/panel/ThemePreviewSkeleton.tsx"],"names":[],"mappings":";AAMA,MAAM,KAAK,GAAG;IACV,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,IAAI,GAAG;IACT,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;CACpB,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAA6B;IAC7D,OAAO,CACH,eAAK,SAAS,EAAC,kDAAkD,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,OAAO,EAAE,aACzG,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,OAAO,EAAE,GAAI,EACjF,eAAK,SAAS,EAAC,sCAAsC,aACjD,cAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,MAAM,EAAE,GAAI,EAC9F,cAAK,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,GAAI,EACpG,cAAK,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,GAAI,EACpG,cAAK,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAI,IACnH,IACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAA6B;IACvE,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,CACH,eAAK,SAAS,EAAC,kDAAkD,aAC7D,cAAK,SAAS,EAAC,gBAAgB,YAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAE,KAAK,GAAI,GACnC,EACN,cAAK,SAAS,EAAC,gBAAgB,YAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAE,IAAI,GAAI,GAClC,IACJ,CACT,CAAC;IACN,CAAC;IAED,OAAO,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAI,CAAC;AAC7E,CAAC"}

package/dist/components/panel/experimental/ExperimentalFeedbackRow.d.ts

@@ -0,0 +1,8 @@
+import type { ReportFeedback } from "../../../types/report.js";
+type ExperimentalFeedbackRowProps = {
+    report: ReportFeedback;
+    onOpen: (reportId: string) => void;
+};
+export declare function ExperimentalFeedbackRow({ report, onOpen }: ExperimentalFeedbackRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExperimentalFeedbackRow.d.ts.map

package/dist/components/panel/experimental/ExperimentalFeedbackRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentalFeedbackRow.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ExperimentalFeedbackRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMxD,KAAK,4BAA4B,GAAG;IAChC,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,4BAA4B,2CAsBvF"}

package/dist/components/panel/experimental/ExperimentalFeedbackRow.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFeedbackDisplayStatus } from "../../../utils/feedbackThread.js";
+import { getCaseCount } from "../../../utils/experimentalPanelTabs.js";
+import { FeedbackStatusBadge } from "../../../components/panel/feedback/FeedbackStatusBadge.js";
+import { useReport } from "../../../providers/reportContext.js";
+export function ExperimentalFeedbackRow({ report, onOpen }) {
+    const { messages } = useReport();
+    const status = getFeedbackDisplayStatus(report, true);
+    const caseCount = getCaseCount(report);
+    const preview = report.cases[0]?.text?.trim() || report.latest_reply?.message?.trim() || report.report_id;
+    return (_jsxs("button", { type: "button", onClick: () => onOpen(report.id), className: "flex w-full flex-col gap-[6px] border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[10px] text-left hover:bg-[var(--adaptive-black100)]", children: [_jsxs("div", { className: "flex items-start justify-between gap-[8px]", children: [_jsx(FeedbackStatusBadge, { status: status }), _jsx("span", { className: "shrink-0 rounded-[4px] bg-[var(--adaptive-black100)] px-[6px] py-[1px] text-[10px] font-semibold text-[var(--adaptive-black600)]", children: messages.panel.experimentalCaseCount.replace("{count}", String(caseCount)) })] }), _jsx("p", { className: "line-clamp-2 text-[12px] font-semibold text-[var(--adaptive-black900)]", children: preview }), _jsx("p", { className: "truncate text-[11px] text-[var(--adaptive-black500)]", children: report.pathname })] }));
+}
+//# sourceMappingURL=ExperimentalFeedbackRow.js.map

package/dist/components/panel/experimental/ExperimentalFeedbackRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentalFeedbackRow.js","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ExperimentalFeedbackRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAOzD,MAAM,UAAU,uBAAuB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAgC;IACpF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,MAAM,GAAG,wBAAwB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC;IAE1G,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,EAChC,SAAS,EAAC,kJAAkJ,aAE5J,eAAK,SAAS,EAAC,4CAA4C,aACvD,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,eAAM,SAAS,EAAC,kIAAkI,YAC7I,QAAQ,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,GACxE,IACL,EACN,YAAG,SAAS,EAAC,wEAAwE,YAAE,OAAO,GAAK,EACnG,YAAG,SAAS,EAAC,sDAAsD,YAAE,MAAM,CAAC,QAAQ,GAAK,IACpF,CACZ,CAAC;AACN,CAAC"}

package/dist/components/panel/experimental/ReportMyTasksPanel.d.ts

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

package/dist/components/panel/experimental/ReportMyTasksPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportMyTasksPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportMyTasksPanel.tsx"],"names":[],"mappings":"AAKA,wBAAgB,kBAAkB,4CA+BjC"}

package/dist/components/panel/experimental/ReportMyTasksPanel.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { filterMyTasks } from "../../../utils/experimentalPanelTabs.js";
+import { ExperimentalFeedbackRow } from "./ExperimentalFeedbackRow.js";
+export function ReportMyTasksPanel() {
+    const { reports, allPageReports, listScope, sessionActor, messages, locateFeedback, openPanelTab } = useReport();
+    const source = listScope === "all" || allPageReports.length > 0 ? (allPageReports.length > 0 ? allPageReports : reports) : reports;
+    const items = useMemo(() => filterMyTasks(source, sessionActor?.name ?? null), [source, sessionActor?.name]);
+    const handleOpen = (reportId) => {
+        openPanelTab("feedback-list");
+        void locateFeedback(reportId);
+    };
+    return (_jsxs("section", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--adaptive-black50)]", children: [_jsxs("div", { className: "shrink-0 border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[8px]", children: [_jsx("p", { className: "text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.panel.tabMyTasks }), _jsx("p", { className: "mt-[2px] text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalScopeAll })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: items.length === 0 ? (_jsx("p", { className: "px-[12px] py-[16px] text-[12px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalEmpty })) : (items.map((report) => (_jsx(ExperimentalFeedbackRow, { report: report, onOpen: handleOpen }, report.id)))) })] }));
+}
+//# sourceMappingURL=ReportMyTasksPanel.js.map

package/dist/components/panel/experimental/ReportMyTasksPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportMyTasksPanel.js","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportMyTasksPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,UAAU,kBAAkB;IAC9B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IACjH,MAAM,MAAM,GAAG,SAAS,KAAK,KAAK,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7G,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,EAAE;QACpC,YAAY,CAAC,eAAe,CAAC,CAAC;QAC9B,KAAK,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,mBAAS,SAAS,EAAC,2EAA2E,aAC1F,eAAK,SAAS,EAAC,6EAA6E,aACxF,YAAG,SAAS,EAAC,uDAAuD,YAAE,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAK,EACpG,YAAG,SAAS,EAAC,sDAAsD,YAAE,QAAQ,CAAC,KAAK,CAAC,oBAAoB,GAAK,IAC3G,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC1C,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,YAAG,SAAS,EAAC,iEAAiE,YAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAK,CACxH,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAClB,KAAC,uBAAuB,IAEpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,IAFb,MAAM,CAAC,EAAE,CAGhB,CACL,CAAC,CACL,GACC,IACA,CACb,CAAC;AACN,CAAC"}

package/dist/components/panel/experimental/ReportNeedsAttentionPanel.d.ts

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

package/dist/components/panel/experimental/ReportNeedsAttentionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportNeedsAttentionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportNeedsAttentionPanel.tsx"],"names":[],"mappings":"AAKA,wBAAgB,yBAAyB,4CA+BxC"}

package/dist/components/panel/experimental/ReportNeedsAttentionPanel.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { filterNeedsAttention } from "../../../utils/experimentalPanelTabs.js";
+import { ExperimentalFeedbackRow } from "./ExperimentalFeedbackRow.js";
+export function ReportNeedsAttentionPanel() {
+    const { reports, allPageReports, listScope, messages, locateFeedback, openPanelTab } = useReport();
+    const source = listScope === "all" || allPageReports.length > 0 ? (allPageReports.length > 0 ? allPageReports : reports) : reports;
+    const items = useMemo(() => filterNeedsAttention(source), [source]);
+    const handleOpen = (reportId) => {
+        openPanelTab("feedback-list");
+        void locateFeedback(reportId);
+    };
+    return (_jsxs("section", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--adaptive-black50)]", children: [_jsxs("div", { className: "shrink-0 border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[8px]", children: [_jsx("p", { className: "text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.panel.tabNeedsAttention }), _jsx("p", { className: "mt-[2px] text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalScopeAll })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: items.length === 0 ? (_jsx("p", { className: "px-[12px] py-[16px] text-[12px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalEmpty })) : (items.map((report) => (_jsx(ExperimentalFeedbackRow, { report: report, onOpen: handleOpen }, report.id)))) })] }));
+}
+//# sourceMappingURL=ReportNeedsAttentionPanel.js.map

package/dist/components/panel/experimental/ReportNeedsAttentionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportNeedsAttentionPanel.js","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportNeedsAttentionPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,UAAU,yBAAyB;IACrC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IACnG,MAAM,MAAM,GAAG,SAAS,KAAK,KAAK,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,EAAE;QACpC,YAAY,CAAC,eAAe,CAAC,CAAC;QAC9B,KAAK,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,mBAAS,SAAS,EAAC,2EAA2E,aAC1F,eAAK,SAAS,EAAC,6EAA6E,aACxF,YAAG,SAAS,EAAC,uDAAuD,YAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAK,EAC3G,YAAG,SAAS,EAAC,sDAAsD,YAAE,QAAQ,CAAC,KAAK,CAAC,oBAAoB,GAAK,IAC3G,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC1C,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,YAAG,SAAS,EAAC,iEAAiE,YAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAK,CACxH,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAClB,KAAC,uBAAuB,IAEpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,IAFb,MAAM,CAAC,EAAE,CAGhB,CACL,CAAC,CACL,GACC,IACA,CACb,CAAC;AACN,CAAC"}

package/dist/components/panel/experimental/ReportPageBriefPanel.d.ts

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

package/dist/components/panel/experimental/ReportPageBriefPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportPageBriefPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportPageBriefPanel.tsx"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,4CAqDnC"}

package/dist/components/panel/experimental/ReportPageBriefPanel.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { buildPageBriefSummary } from "../../../utils/experimentalPanelTabs.js";
+import { FeedbackStatusBadge } from "../../../components/panel/feedback/FeedbackStatusBadge.js";
+import { formatStatCount } from "../../../utils/formatStatCount.js";
+import { panelNumericClassName } from "../../../utils/panelTypography.js";
+import { ChevronDownIcon } from "../../../components/icons/Icons.js";
+export function ReportPageBriefPanel() {
+    const { currentPageReports, currentPathname, messages } = useReport();
+    const summary = useMemo(() => buildPageBriefSummary(currentPageReports), [currentPageReports]);
+    const [expanded, setExpanded] = useState(false);
+    return (_jsxs("section", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto bg-[var(--adaptive-black50)]", children: [_jsxs("div", { className: "border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[8px]", children: [_jsx("p", { className: "text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.panel.tabPageBrief }), _jsxs("p", { className: "mt-[2px] truncate text-[11px] text-[var(--adaptive-black500)]", children: [messages.panel.experimentalScopeCurrent, " \u00B7 ", currentPathname] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-[8px] border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[12px]", children: [_jsxs("div", { className: "flex flex-col gap-[2px]", children: [_jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalOpen }), _jsx("p", { className: `text-[16px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: formatStatCount(summary.open) })] }), _jsxs("div", { className: "flex flex-col gap-[2px]", children: [_jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.roleStats.review }), _jsx("p", { className: `text-[16px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: formatStatCount(summary.inProgress) })] }), _jsxs("div", { className: "flex flex-col gap-[2px]", children: [_jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.statsResolved }), _jsx("p", { className: `text-[16px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: formatStatCount(summary.resolved) })] })] }), _jsxs("div", { className: "px-[12px] py-[8px]", children: [_jsxs("button", { type: "button", onClick: () => setExpanded((current) => !current), className: "flex w-full items-center justify-between py-[6px] text-left", children: [_jsx("p", { className: "text-[12px] font-semibold text-[var(--adaptive-black800)]", children: messages.panel.experimentalTopStatuses }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] text-[var(--adaptive-black500)] transition-transform ${expanded ? "rotate-180" : ""}` })] }), (expanded ? summary.topStatuses : summary.topStatuses.slice(0, 3)).map((row) => (_jsxs("div", { className: "flex items-center justify-between gap-[8px] border-t border-[var(--adaptive-border-subtle)] py-[8px]", children: [_jsx(FeedbackStatusBadge, { status: row.status }), _jsx("p", { className: `text-[13px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: row.count })] }, row.status))), summary.total === 0 ? _jsx("p", { className: "py-[8px] text-[12px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalEmpty }) : null] })] }));
+}
+//# sourceMappingURL=ReportPageBriefPanel.js.map

package/dist/components/panel/experimental/ReportPageBriefPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportPageBriefPanel.js","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportPageBriefPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,UAAU,oBAAoB;IAChC,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACtE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACH,mBAAS,SAAS,EAAC,2EAA2E,aAC1F,eAAK,SAAS,EAAC,oEAAoE,aAC/E,YAAG,SAAS,EAAC,uDAAuD,YAAE,QAAQ,CAAC,KAAK,CAAC,YAAY,GAAK,EACtG,aAAG,SAAS,EAAC,+DAA+D,aACvE,QAAQ,CAAC,KAAK,CAAC,wBAAwB,cAAK,eAAe,IAC5D,IACF,EAEN,eAAK,SAAS,EAAC,gGAAgG,aAC3G,eAAK,SAAS,EAAC,yBAAyB,aACpC,YAAG,SAAS,EAAC,6CAA6C,YAAE,QAAQ,CAAC,KAAK,CAAC,gBAAgB,GAAK,EAChG,YAAG,SAAS,EAAE,yDAAyD,qBAAqB,EAAE,YAAG,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,GAAK,IACjI,EACN,eAAK,SAAS,EAAC,yBAAyB,aACpC,YAAG,SAAS,EAAC,6CAA6C,YAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAK,EAChG,YAAG,SAAS,EAAE,yDAAyD,qBAAqB,EAAE,YAAG,eAAe,CAAC,OAAO,CAAC,UAAU,CAAC,GAAK,IACvI,EACN,eAAK,SAAS,EAAC,yBAAyB,aACpC,YAAG,SAAS,EAAC,6CAA6C,YAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,GAAK,EAC7F,YAAG,SAAS,EAAE,yDAAyD,qBAAqB,EAAE,YAAG,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAK,IACrI,IACJ,EAEN,eAAK,SAAS,EAAC,oBAAoB,aAC/B,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,EACjD,SAAS,EAAC,6DAA6D,aAEvE,YAAG,SAAS,EAAC,2DAA2D,YAAE,QAAQ,CAAC,KAAK,CAAC,uBAAuB,GAAK,EACrH,KAAC,eAAe,IAAC,SAAS,EAAE,0EAA0E,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,IACnI,EAER,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC7E,eAEI,SAAS,EAAC,sGAAsG,aAEhH,KAAC,mBAAmB,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAI,EAC3C,YAAG,SAAS,EAAE,yDAAyD,qBAAqB,EAAE,YAAG,GAAG,CAAC,KAAK,GAAK,KAJ1G,GAAG,CAAC,MAAM,CAKb,CACT,CAAC,EAED,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,sDAAsD,YAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAK,CAAC,CAAC,CAAC,IAAI,IACtI,IACA,CACb,CAAC;AACN,CAAC"}

package/dist/components/panel/experimental/ReportProjectHealthPanel.d.ts

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

package/dist/components/panel/experimental/ReportProjectHealthPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportProjectHealthPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportProjectHealthPanel.tsx"],"names":[],"mappings":"AAMA,wBAAgB,wBAAwB,4CAqCvC"}

package/dist/components/panel/experimental/ReportProjectHealthPanel.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { buildProjectHealthSummary } from "../../../utils/experimentalPanelTabs.js";
+import { formatStatCount } from "../../../utils/formatStatCount.js";
+import { panelNumericClassName } from "../../../utils/panelTypography.js";
+export function ReportProjectHealthPanel() {
+    const { reports, allPageReports, listScope, messages } = useReport();
+    const source = listScope === "all" || allPageReports.length > 0 ? (allPageReports.length > 0 ? allPageReports : reports) : reports;
+    const summary = useMemo(() => buildProjectHealthSummary(source), [source]);
+    const rows = [
+        { key: "completion", label: messages.panel.roleStats.completionRate, value: summary.completionRate === null ? "-" : `${summary.completionRate}%` },
+        { key: "open", label: messages.panel.experimentalOpen, value: formatStatCount(summary.open) },
+        { key: "resolved", label: messages.panel.statsResolved, value: formatStatCount(summary.resolved) },
+        { key: "today", label: messages.panel.roleStats.today, value: formatStatCount(summary.todayNew) },
+        { key: "issued", label: messages.panel.roleStats.issued, value: formatStatCount(summary.gitIssued) },
+        { key: "errors", label: messages.panel.roleStats.errors, value: formatStatCount(summary.errors) },
+        { key: "recheck", label: messages.panel.roleStats.recheck, value: formatStatCount(summary.recheck) },
+    ];
+    return (_jsxs("section", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto bg-[var(--adaptive-black50)]", children: [_jsxs("div", { className: "border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[8px]", children: [_jsx("p", { className: "text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.panel.tabProjectHealth }), _jsx("p", { className: "mt-[2px] text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalScopeAll })] }), _jsx("div", { className: "flex flex-col px-[12px]", children: rows.map((row, index) => (_jsxs("div", { className: `flex items-center justify-between gap-[8px] py-[10px] ${index < rows.length - 1 ? "border-b border-[var(--adaptive-border-subtle)]" : ""}`, children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black600)]", children: row.label }), _jsx("p", { className: `text-[14px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: row.value })] }, row.key))) }), summary.total === 0 ? _jsx("p", { className: "px-[12px] py-[8px] text-[12px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalEmpty }) : null] }));
+}
+//# sourceMappingURL=ReportProjectHealthPanel.js.map

package/dist/components/panel/experimental/ReportProjectHealthPanel.js.map

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

package/dist/components/panel/experimental/ReportTodayDigestPanel.d.ts

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

package/dist/components/panel/experimental/ReportTodayDigestPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportTodayDigestPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportTodayDigestPanel.tsx"],"names":[],"mappings":"AAKA,wBAAgB,sBAAsB,4CA+BrC"}

package/dist/components/panel/experimental/ReportTodayDigestPanel.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { filterTodayDigest } from "../../../utils/experimentalPanelTabs.js";
+import { ExperimentalFeedbackRow } from "./ExperimentalFeedbackRow.js";
+export function ReportTodayDigestPanel() {
+    const { reports, allPageReports, listScope, messages, locateFeedback, openPanelTab } = useReport();
+    const source = listScope === "all" || allPageReports.length > 0 ? (allPageReports.length > 0 ? allPageReports : reports) : reports;
+    const items = useMemo(() => filterTodayDigest(source), [source]);
+    const handleOpen = (reportId) => {
+        openPanelTab("feedback-list");
+        void locateFeedback(reportId);
+    };
+    return (_jsxs("section", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--adaptive-black50)]", children: [_jsxs("div", { className: "shrink-0 border-b border-[var(--adaptive-border-subtle)] px-[12px] py-[8px]", children: [_jsx("p", { className: "text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.panel.tabTodayDigest }), _jsx("p", { className: "mt-[2px] text-[11px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalScopeAll })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: items.length === 0 ? (_jsx("p", { className: "px-[12px] py-[16px] text-[12px] text-[var(--adaptive-black500)]", children: messages.panel.experimentalEmpty })) : (items.map((report) => (_jsx(ExperimentalFeedbackRow, { report: report, onOpen: handleOpen }, report.id)))) })] }));
+}
+//# sourceMappingURL=ReportTodayDigestPanel.js.map

package/dist/components/panel/experimental/ReportTodayDigestPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportTodayDigestPanel.js","sourceRoot":"","sources":["../../../../src/components/panel/experimental/ReportTodayDigestPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,UAAU,sBAAsB;IAClC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IACnG,MAAM,MAAM,GAAG,SAAS,KAAK,KAAK,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,EAAE;QACpC,YAAY,CAAC,eAAe,CAAC,CAAC;QAC9B,KAAK,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,mBAAS,SAAS,EAAC,2EAA2E,aAC1F,eAAK,SAAS,EAAC,6EAA6E,aACxF,YAAG,SAAS,EAAC,uDAAuD,YAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAK,EACxG,YAAG,SAAS,EAAC,sDAAsD,YAAE,QAAQ,CAAC,KAAK,CAAC,oBAAoB,GAAK,IAC3G,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC1C,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,YAAG,SAAS,EAAC,iEAAiE,YAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAK,CACxH,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAClB,KAAC,uBAAuB,IAEpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,IAFb,MAAM,CAAC,EAAE,CAGhB,CACL,CAAC,CACL,GACC,IACA,CACb,CAAC;AACN,CAAC"}

package/dist/components/panel/feedback/AssigneeThreadEntry.d.ts

@@ -0,0 +1,20 @@
+import type { ReportAuthor, ReportFeedback, ReportReply } from "../../../types/report.js";
+type AssigneeThreadEntryProps = {
+    reply: ReportReply;
+    report: ReportFeedback;
+    caseId: string;
+    authors: ReportAuthor[];
+    actorName: string;
+    pendingComposer: {
+        type: "deny" | "recheck" | "checkout" | "question";
+        targetReplyId: string;
+    } | null;
+    onStartDeny: () => void;
+    onStartCheckout: (replyId: string) => void;
+    onTransferAssignee: () => void;
+    isUpdating?: boolean;
+    isClaimingAssignee?: boolean;
+};
+export declare function AssigneeThreadEntry({ reply, report, caseId, authors, actorName, pendingComposer, onStartDeny, onStartCheckout, onTransferAssignee, isUpdating, isClaimingAssignee, }: AssigneeThreadEntryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AssigneeThreadEntry.d.ts.map

package/dist/components/panel/feedback/AssigneeThreadEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssigneeThreadEntry.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/AssigneeThreadEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAcnF,KAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE;QACb,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACnD,aAAa,EAAE,MAAM,CAAC;KACzB,GAAG,IAAI,CAAC;IACT,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,eAAe,EACf,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,kBAAkB,GACrB,EAAE,wBAAwB,2CA8D1B"}

package/dist/components/panel/feedback/AssigneeThreadEntry.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReport } from "../../../providers/reportContext.js";
+import { formatClockTime } from "../../../utils/format.js";
+import { formatAssigneeLabel, resolveAuthorDepartment } from "../../../utils/reportCases.js";
+import { resolveAssigneeEntryActionRole } from "../../../utils/feedbackThread.js";
+import { CheckIcon, CloseIcon } from "../../../components/icons/Icons.js";
+import { ThreadTimelineRow } from "./ThreadTimelineRow.js";
+const THREAD_ACTION_BUTTON_BASE = "flex items-center gap-[4px] rounded-[6px] px-[8px] py-[4px] text-[12px] font-semibold transition-colors";
+const THREAD_ACTION_GHOST = "text-[var(--adaptive-text-primary)] hover:bg-[var(--adaptive-black100)]";
+const THREAD_ACTION_DIVIDER = "mx-[2px] h-[12px] w-px bg-[var(--adaptive-border-subtle)]";
+const THREAD_ACTION_ENTRY_SURFACE_CLASS = "flex flex-col gap-[4px] rounded-[12px] border-[2px] border-[var(--adaptive-grey900)] bg-[var(--adaptive-surface-overlay)] p-[8px_12px]";
+const THREAD_CASE_ENTRY_SURFACE_CLASS = "flex flex-col gap-[4px] rounded-[12px]";
+export function AssigneeThreadEntry({ reply, report, caseId, authors, actorName, pendingComposer, onStartDeny, onStartCheckout, onTransferAssignee, isUpdating, isClaimingAssignee, }) {
+    const { messages } = useReport();
+    const assigneeName = reply.author_name?.trim() ?? "";
+    const department = resolveAuthorDepartment(authors, assigneeName);
+    const actionRole = resolveAssigneeEntryActionRole(report, reply, caseId, actorName);
+    const denyActive = (pendingComposer?.type === "deny" || pendingComposer?.type === "recheck") && pendingComposer.targetReplyId === reply.id;
+    const checkoutActive = pendingComposer?.type === "checkout" && pendingComposer.targetReplyId === reply.id;
+    const hasActions = actionRole !== null;
+    return (_jsx(ThreadTimelineRow, { time: formatClockTime(reply.created_at), children: _jsxs("div", { className: hasActions ? THREAD_ACTION_ENTRY_SURFACE_CLASS : THREAD_CASE_ENTRY_SURFACE_CLASS, children: [_jsx("p", { className: "leading-[1.5] text-[14px] text-[var(--adaptive-text-primary)]", children: reply.message }), assigneeName ? _jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: formatAssigneeLabel(assigneeName, department) }) : null, actionRole === "assignee" ? (_jsxs("div", { className: "mt-[10px] flex flex-wrap items-center justify-end", children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating || isClaimingAssignee, onClick: onStartDeny, "aria-label": messages.thread.denied, className: `${THREAD_ACTION_BUTTON_BASE} px-[6px] ${denyActive ? "bg-[#FF2B6A] text-white" : THREAD_ACTION_GHOST}`, children: _jsx(CloseIcon, { className: "h-[13px] w-[13px]" }) }), _jsx("span", { className: THREAD_ACTION_DIVIDER, "aria-hidden": true }), _jsxs("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating || isClaimingAssignee, onClick: () => onStartCheckout(reply.id), "aria-label": messages.thread.fixComplete, className: `${THREAD_ACTION_BUTTON_BASE} ${checkoutActive ? "bg-[#F6572E] text-white" : THREAD_ACTION_GHOST}`, children: [_jsx(CheckIcon, { className: "h-[13px] w-[13px]" }), messages.thread.fixComplete, _jsx("p", { children: "asd" })] })] })) : null, actionRole === "takeover" ? (_jsx("div", { className: "mt-[10px] flex flex-wrap items-center justify-end", children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating || isClaimingAssignee, onClick: onTransferAssignee, className: `${THREAD_ACTION_BUTTON_BASE} ${THREAD_ACTION_GHOST}`, children: messages.thread.takeOverAssignee }) })) : null] }) }));
+}
+//# sourceMappingURL=AssigneeThreadEntry.js.map

package/dist/components/panel/feedback/AssigneeThreadEntry.js.map

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

package/dist/components/panel/feedback/CaseAssigneeInfo.d.ts

@@ -0,0 +1,8 @@
+import type { ReportAuthor, ReportCase } from "../../../types/report.js";
+type CaseAssigneeInfoProps = {
+    caseItem: ReportCase;
+    authors: ReportAuthor[];
+};
+export declare function CaseAssigneeInfo({ caseItem, authors }: CaseAssigneeInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CaseAssigneeInfo.d.ts.map

package/dist/components/panel/feedback/CaseAssigneeInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseAssigneeInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/CaseAssigneeInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAMlE,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB,kDAgD5E"}

package/dist/components/panel/feedback/CaseAssigneeInfo.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useReport } from "../../../providers/reportContext.js";
+import { InfoIcon } from "../../../components/icons/Icons.js";
+import { HoverTooltip } from "../../../components/ui/HoverTooltip.js";
+import { formatAssigneeLabel, resolveAuthorDepartment } from "../../../utils/reportCases.js";
+export function CaseAssigneeInfo({ caseItem, authors }) {
+    const { messages } = useReport();
+    const currentAssignee = caseItem.assignee_name?.trim() ?? "";
+    const previousAssignee = caseItem.previous_assignee_name?.trim() ?? "";
+    if (!currentAssignee) {
+        return null;
+    }
+    const currentDepartment = resolveAuthorDepartment(authors, currentAssignee);
+    const previousDepartment = previousAssignee ? resolveAuthorDepartment(authors, previousAssignee) : null;
+    const currentLabel = formatAssigneeLabel(currentAssignee, currentDepartment);
+    const previousLabel = previousAssignee ? formatAssigneeLabel(previousAssignee, previousDepartment) : messages.common.none;
+    const tooltipContent = (_jsxs("span", { className: "flex flex-col gap-[2px]", children: [_jsxs("span", { className: "text-[var(--adaptive-red500)]", children: ["- ", messages.marker.previousAssignee, ": ", previousLabel] }), _jsxs("span", { className: "text-[var(--adaptive-green500)]", children: ["+ ", messages.marker.currentAssignee, ": ", currentLabel] })] }));
+    return (_jsxs("div", { className: "flex min-w-0 items-center gap-[6px] text-[12px] leading-[1.4] text-[var(--adaptive-black500)]", children: [_jsx("span", { className: "min-w-0 truncate", title: currentLabel, children: currentLabel }), _jsx(HoverTooltip, { multiline: true, content: tooltipContent, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", "aria-label": messages.marker.assigneeInfoAriaLabel, className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center text-[var(--adaptive-black500)] hover:text-[var(--adaptive-black900)]", children: _jsx(InfoIcon, { className: "h-[13px] w-[13px]" }) }) })] }));
+}
+//# sourceMappingURL=CaseAssigneeInfo.js.map

package/dist/components/panel/feedback/CaseAssigneeInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseAssigneeInfo.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/CaseAssigneeInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAOtF,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAyB;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC7D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,sBAAsB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAEvE,IAAI,CAAC,eAAe,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC5E,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACxG,MAAM,YAAY,GAAG,mBAAmB,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAC7E,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;IAE1H,MAAM,cAAc,GAAG,CACnB,gBAAM,SAAS,EAAC,yBAAyB,aACrC,gBAAM,SAAS,EAAC,+BAA+B,mBACxC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,QAAI,aAAa,IACjD,EACP,gBAAM,SAAS,EAAC,iCAAiC,mBAC1C,QAAQ,CAAC,MAAM,CAAC,eAAe,QAAI,YAAY,IAC/C,IACJ,CACV,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,+FAA+F,aAC1G,eACI,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,YAAY,YAElB,YAAY,GACV,EACP,KAAC,YAAY,IACT,SAAS,QACT,OAAO,EAAE,cAAc,YAEvB,iBACI,IAAI,EAAC,QAAQ,iCACe,EAAE,gBAClB,QAAQ,CAAC,MAAM,CAAC,qBAAqB,EACjD,SAAS,EAAC,mIAAmI,YAE7I,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,GACrC,GACE,IACb,CACT,CAAC;AACN,CAAC"}

package/dist/components/panel/feedback/ComposerFooterWarning.d.ts

@@ -0,0 +1,6 @@
+type ComposerFooterWarningProps = {
+    message: string;
+};
+export declare function ComposerFooterWarning({ message }: ComposerFooterWarningProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ComposerFooterWarning.d.ts.map

package/dist/components/panel/feedback/ComposerFooterWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerFooterWarning.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/ComposerFooterWarning.tsx"],"names":[],"mappings":"AAEA,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CAe5E"}

package/dist/components/panel/feedback/ComposerFooterWarning.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "../../../components/ui/Text";
+export function ComposerFooterWarning({ message }) {
+    return (_jsx("div", { role: "alert", className: "flex items-center gap-[6px] border-t border-[var(--adaptive-tintOpacity100)] px-[12px] py-[6px]", children: _jsx(Text.Shimmer, { className: "text-[12px] font-medium", color: { start: "#fb7185", end: "#ffffff" }, duration: 4, children: message }) }));
+}
+//# sourceMappingURL=ComposerFooterWarning.js.map

package/dist/components/panel/feedback/ComposerFooterWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerFooterWarning.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/ComposerFooterWarning.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAM5C,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAA8B;IACzE,OAAO,CACH,cACI,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iGAAiG,YAE3G,KAAC,IAAI,CAAC,OAAO,IACT,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,EAC3C,QAAQ,EAAE,CAAC,YAEV,OAAO,GACG,GACb,CACT,CAAC;AACN,CAAC"}

package/dist/components/panel/feedback/FeedbackCaseEditor.d.ts

@@ -0,0 +1,15 @@
+import type { ReportCase } from "../../../types/report.js";
+type FeedbackCaseEditorProps = {
+    cases: ReportCase[];
+    onCaseChange: (caseId: string, text: string) => void;
+    onAddCase: () => void;
+    onRemoveCase: (caseId: string) => void;
+    autoFocus?: boolean;
+    onSubmitShortcut?: () => void;
+    needsAttention?: boolean;
+    attentionKey?: number;
+    emptyCaseIds?: string[];
+};
+export declare function FeedbackCaseEditor({ cases, onCaseChange, onAddCase, onRemoveCase, autoFocus, onSubmitShortcut, needsAttention, attentionKey, emptyCaseIds, }: FeedbackCaseEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FeedbackCaseEditor.d.ts.map

package/dist/components/panel/feedback/FeedbackCaseEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackCaseEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCaseEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,KAAK,uBAAuB,GAAG;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAmFF,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAiB,EACjB,gBAAgB,EAChB,cAAsB,EACtB,YAAgB,EAChB,YAAiB,GACpB,EAAE,uBAAuB,kDAgHzB"}