@fivepixels-js/react 0.1.7 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackHoverCard.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackHoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D,KAAK,sBAAsB,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAgB,EAAE,YAAmB,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,sBAAsB,2CA8CtJ"}
+{"version":3,"file":"FeedbackHoverCard.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackHoverCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS/D,KAAK,sBAAsB,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAgBF,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,YAAmB,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,sBAAsB,2CAgD3I"}

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

@@ -1,18 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FEEDBACK_STATUS_COLOR } from "../../../constants/feedbackStatus.js";
 import { getDetachedMarkerHint } from "../../../utils/markerContext.js";
-import { getFeedbackDisplayStatus, getLatestReply, getRemainingReplyCount } from "../../../utils/feedbackThread.js";
+import { getCaseLatestStatus } from "../../../utils/feedbackThread.js";
+import { getReportCases } from "../../../utils/reportCases.js";
+import { useReport } from "../../../providers/reportContext.js";
 import { FeedbackCreatorBadge } from "./FeedbackCreatorBadge.js";
-import { FeedbackFieldTags } from "./FeedbackFieldTags.js";
-import { FeedbackStatusBadge } from "./FeedbackStatusBadge.js";
-export function FeedbackHoverCard({ report, fieldTags, detached = false, detachedKind = null, detachedHint, detachedModalHint }) {
-    const displayStatus = getFeedbackDisplayStatus(report, true);
-    const latestReply = getLatestReply(report);
-    const remainingReplyCount = getRemainingReplyCount(report);
-    const resolvedDetachedHint = detached && detachedHint && detachedModalHint
-        ? getDetachedMarkerHint(detachedKind, { detachedHint, detachedModalHint })
-        : null;
-    return (
-    // <div className="flex w-[260px] flex-col gap-[10px] bg-transparent p-[16px]">
-    _jsxs("div", { className: "flex w-[260px] flex-col gap-[10px] bg-transparent p-[12px]", children: [_jsx(FeedbackStatusBadge, { status: displayStatus }), resolvedDetachedHint ? _jsx("p", { className: "text-[12px] leading-[1.4] text-[var(--adaptive-black500)]", children: resolvedDetachedHint }) : null, _jsx("p", { className: "line-clamp-2 leading-[1.5] text-[16px] text-[var(--adaptive-text-primary)]", children: report.message }), report.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: report.author_name }), _jsx(FeedbackCreatorBadge, {})] })) : null, _jsx(FeedbackFieldTags, { tags: fieldTags }), latestReply ? (_jsxs("div", { className: "flex min-w-0 items-center gap-[6px] border-t border-[var(--adaptive-border-subtle)] pt-[10px] text-[12px] text-[var(--adaptive-text-muted)]", children: [latestReply.author_name ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0", children: latestReply.author_name }), _jsx("span", { className: "shrink-0 text-[var(--adaptive-black700)]", children: "|" })] })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate text-[var(--adaptive-black400)]", children: latestReply.message }), remainingReplyCount > 0 ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0 text-[var(--adaptive-black700)]", children: "|" }), _jsxs("span", { className: "shrink-0 tabular-nums", children: ["+", remainingReplyCount] })] })) : null] })) : null] }));
+const MAX_TOOLTIP_CASES = 5;
+function CaseStatusLabel({ status }) {
+    const { messages } = useReport();
+    const color = FEEDBACK_STATUS_COLOR[status];
+    return (_jsx("span", { className: "shrink-0 whitespace-nowrap text-[11px] font-semibold leading-none", style: { color }, children: messages.status.feedback[status] }));
+}
+export function FeedbackHoverCard({ report, detached = false, detachedKind = null, detachedHint, detachedModalHint }) {
+    const { messages } = useReport();
+    const cases = getReportCases(report);
+    const visibleCases = cases.slice(0, MAX_TOOLTIP_CASES);
+    const hasMoreCases = cases.length > MAX_TOOLTIP_CASES;
+    const resolvedDetachedHint = detached && detachedHint && detachedModalHint ? getDetachedMarkerHint(detachedKind, { detachedHint, detachedModalHint }) : null;
+    return (_jsxs("div", { className: "flex w-[260px] flex-col gap-[6px] bg-transparent p-[8px_8px]", children: [resolvedDetachedHint ? _jsx("p", { className: "text-[12px] leading-[1.4] text-[var(--adaptive-black500)]", children: resolvedDetachedHint }) : null, _jsx("ul", { className: "flex flex-col gap-[4px]", children: visibleCases.map((item) => {
+                    const status = getCaseLatestStatus(report, item.id);
+                    return (_jsxs("li", { className: "flex min-w-0 items-center gap-[6px] text-[12px] leading-[1.4]", children: [_jsx("span", { className: `min-w-0 flex-1 truncate text-[var(--adaptive-text-primary)] ${item.status === "resolved" ? "text-[var(--adaptive-black500)] line-through" : ""}`, title: item.text, children: item.text }), _jsx("span", { className: "shrink-0 text-[var(--adaptive-black400)]", "aria-hidden": true, children: "|" }), _jsx(CaseStatusLabel, { status: status })] }, item.id));
+                }) }), hasMoreCases ? _jsx("p", { className: "text-[11px] leading-[1.4] text-[var(--adaptive-black500)]", children: messages.marker.viewMoreCases }) : null, report.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px] border-t border-[var(--adaptive-border-subtle)] pt-[6px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: report.author_name }), _jsx(FeedbackCreatorBadge, {})] })) : null] }));
 }
 //# sourceMappingURL=FeedbackHoverCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackHoverCard.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackHoverCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC7G,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAW/D,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,GAAG,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAA0B;IACnJ,MAAM,aAAa,GAAG,wBAAwB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC3D,MAAM,oBAAoB,GACtB,QAAQ,IAAI,YAAY,IAAI,iBAAiB;QACzC,CAAC,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC;QAC1E,CAAC,CAAC,IAAI,CAAC;IAEf,OAAO;IACH,+EAA+E;IAC/E,eAAK,SAAS,EAAC,4DAA4D,aACvE,KAAC,mBAAmB,IAAC,MAAM,EAAE,aAAa,GAAI,EAE7C,oBAAoB,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,2DAA2D,YAAE,oBAAoB,GAAK,CAAC,CAAC,CAAC,IAAI,EAElI,YAAG,SAAS,EAAC,4EAA4E,YAAE,MAAM,CAAC,OAAO,GAAK,EAE7G,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,6BAA6B,aACxC,YAAG,SAAS,EAAC,6CAA6C,YAAE,MAAM,CAAC,WAAW,GAAK,EACnF,KAAC,oBAAoB,KAAG,IACtB,CACT,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,GAAI,EAErC,WAAW,CAAC,CAAC,CAAC,CACX,eAAK,SAAS,EAAC,6IAA6I,aACvJ,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CACvB,8BACI,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,CAAC,WAAW,GAAQ,EAC3D,eAAM,SAAS,EAAC,0CAA0C,kBAAS,IACpE,CACN,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,yDAAyD,YAAE,WAAW,CAAC,OAAO,GAAQ,EACrG,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,8BACI,eAAM,SAAS,EAAC,0CAA0C,kBAAS,EACnE,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,mBAAmB,IAAQ,IACtE,CACN,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FeedbackHoverCard.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackHoverCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AAGlG,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAU5B,SAAS,eAAe,CAAC,EAAE,MAAM,EAAqC;IAClE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CACH,eACI,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,EAAE,KAAK,EAAE,YAEf,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC9B,CACV,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,GAAG,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAA0B;IACxI,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC;IACtD,MAAM,oBAAoB,GAAG,QAAQ,IAAI,YAAY,IAAI,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7J,OAAO,CACH,eAAK,SAAS,EAAC,8DAA8D,aACxE,oBAAoB,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,2DAA2D,YAAE,oBAAoB,GAAK,CAAC,CAAC,CAAC,IAAI,EAElI,aAAI,SAAS,EAAC,yBAAyB,YAClC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACvB,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;oBAEpD,OAAO,CACH,cAEI,SAAS,EAAC,+DAA+D,aAEzE,eACI,SAAS,EAAE,+DAA+D,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5J,KAAK,EAAE,IAAI,CAAC,IAAI,YAEf,IAAI,CAAC,IAAI,GACP,EACP,eACI,SAAS,EAAC,0CAA0C,uCAIjD,EACP,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,KAf9B,IAAI,CAAC,EAAE,CAgBX,CACR,CAAC;gBACN,CAAC,CAAC,GACD,EAEJ,YAAY,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,2DAA2D,YAAE,QAAQ,CAAC,MAAM,CAAC,aAAa,GAAK,CAAC,CAAC,CAAC,IAAI,EAElI,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,sFAAsF,aACjG,YAAG,SAAS,EAAC,6CAA6C,YAAE,MAAM,CAAC,WAAW,GAAK,EACnF,KAAC,oBAAoB,KAAG,IACtB,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ReportFeedback } from "../../../types/report.js";
+import type { ReportLocale, ReportMessages } from "../../../i18n/types.js";
+type FeedbackListItemProps = {
+    report: ReportFeedback;
+    locale: ReportLocale;
+    messages: ReportMessages;
+    listScope: "current" | "all";
+    disabled?: boolean;
+    canCreateGitHubIssue?: boolean;
+    creatingGitHubIssueId?: string | null;
+    onLocate: (id: string) => void;
+    onDelete: (id: string) => Promise<void>;
+    onCreateGitHubIssue?: (report: ReportFeedback) => Promise<void>;
+};
+export declare function FeedbackListItem({ report, locale, messages, listScope, disabled, canCreateGitHubIssue, creatingGitHubIssueId, onLocate, onDelete, onCreateGitHubIssue, }: FeedbackListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FeedbackListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAYpE,KAAK,qBAAqB,GAAG;IACzB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAmJF,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,oBAA4B,EAC5B,qBAA4B,EAC5B,QAAQ,EACR,QAAQ,EACR,mBAAmB,GACtB,EAAE,qBAAqB,2CAoFvB"}

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

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { formatTimeOnly } from "../../../utils/format.js";
+import { getIssueSummary } from "../../../utils/reportCases.js";
+import { getReplyCount } from "../../../utils/feedbackThread.js";
+import { getFeedbackCaseId } from "../../../utils/feedbackCaseId.js";
+import { getFeedbackListStatusTag } from "../../../utils/feedbackListStatus.js";
+import { isFeedbackCategory } from "../../../constants/feedbackCategory.js";
+import { copyTextToClipboard, serializeFeedbackItem } from "../../../utils/feedbackDataTransfer.js";
+import { GitIssueButton } from "./GitIssueButton.js";
+import { CopyIcon, TrashIcon } from "../../../components/icons/Icons.js";
+import { HoverTooltip } from "../../../components/ui/HoverTooltip.js";
+function ClockIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, className: className, children: [_jsx("circle", { cx: "8", cy: "8", r: "6.25", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 4.5V8l2.25 1.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+function CategoryShieldIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true, className: className, children: _jsx("path", { d: "M8 1.5 3.5 3.4v3.7c0 3.1 2.1 5.9 4.5 6.9 2.4-1 4.5-3.8 4.5-6.9V3.4L8 1.5Zm0 1.7 3.2 1.3v2.6c0 2.2-1.4 4.2-3.2 5.1-1.8-.9-3.2-2.9-3.2-5.1V4.5L8 3.2Z" }) }));
+}
+function FeedbackListCopyAction({ report, messages }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = (event) => {
+        event.stopPropagation();
+        void copyTextToClipboard(serializeFeedbackItem(report))
+            .then(() => {
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1500);
+        })
+            .catch(() => {
+            setCopied(false);
+        });
+    };
+    return (_jsx(HoverTooltip, { label: copied ? messages.feedbackList.copiedTitle : messages.feedbackList.copyTitle, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: handleCopy, "aria-label": messages.feedbackList.copyAriaLabel, className: "flex h-[20px] w-[20px] items-center justify-center text-[var(--adaptive-black50)] hover:text-white", children: copied ? _jsx("span", { className: "text-[9px] font-semibold", children: messages.common.ok }) : _jsx(CopyIcon, { className: "h-[12px] w-[12px]" }) }) }));
+}
+function FeedbackListDeleteAction({ report, onDelete, disabled = false, messages }) {
+    const [confirming, setConfirming] = useState(false);
+    useEffect(() => {
+        if (!confirming) {
+            return;
+        }
+        const timer = window.setTimeout(() => setConfirming(false), 1500);
+        return () => {
+            window.clearTimeout(timer);
+        };
+    }, [confirming]);
+    const handleDelete = (event) => {
+        event.stopPropagation();
+        if (!confirming) {
+            setConfirming(true);
+            return;
+        }
+        void onDelete(report.id).finally(() => {
+            setConfirming(false);
+        });
+    };
+    return (_jsx(HoverTooltip, { label: confirming ? messages.feedbackList.deleteConfirmTitle : messages.feedbackList.deleteTitle, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: handleDelete, disabled: disabled, "aria-label": confirming ? messages.feedbackList.deleteConfirmAriaLabel : messages.feedbackList.deleteAriaLabel, className: `flex h-[20px] w-[20px] items-center justify-center disabled:opacity-50 ${confirming ? "text-rose-200 hover:text-white" : "text-[var(--adaptive-black50)] hover:text-white"}`, children: confirming ? _jsx("span", { className: "text-[9px] font-semibold", children: "!" }) : _jsx(TrashIcon, { className: "h-[12px] w-[12px]" }) }) }));
+}
+function FeedbackListGitIssueAction({ report, messages, disabled, isSubmitting, onCreateIssue, }) {
+    return (_jsx("div", { className: "flex items-center [&_button]:h-[20px] [&_button]:w-[20px] [&_button]:p-0 [&_button]:text-[var(--adaptive-black50)] [&_button:hover]:bg-transparent [&_button:hover]:text-white [&_a]:h-[20px] [&_a]:w-[20px] [&_a]:p-0 [&_a]:text-[var(--adaptive-black50)] [&_a:hover]:bg-transparent [&_a:hover]:text-white [&_svg]:h-[12px] [&_svg]:w-[12px]", onClick: (event) => event.stopPropagation(), children: _jsx(GitIssueButton, { report: report, messages: messages, disabled: disabled, isSubmitting: isSubmitting, onCreateIssue: onCreateIssue }) }));
+}
+export function FeedbackListItem({ report, locale, messages, listScope, disabled = false, canCreateGitHubIssue = false, creatingGitHubIssueId = null, onLocate, onDelete, onCreateGitHubIssue, }) {
+    const [hovered, setHovered] = useState(false);
+    const caseId = getFeedbackCaseId(report);
+    const replyCount = getReplyCount(report);
+    const statusTag = getFeedbackListStatusTag(report);
+    const category = isFeedbackCategory(report.category) ? report.category : null;
+    const summary = getIssueSummary(report, { summaryMore: messages.cases.summaryMore });
+    const activityAt = report.created_at;
+    return (_jsx("div", { className: "group border-b border-[var(--adaptive-border-subtle)] last:border-b-0", onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: _jsxs("button", { type: "button", onClick: () => onLocate(report.id), className: "flex w-full flex-col gap-[8px] px-[16px] py-[8px] text-left hover:bg-[var(--adaptive-neutralTintOpacity900)]", children: [_jsxs("section", { className: "flex flex-col gap-[4px]", children: [_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-[4px]", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-[4px]", children: [_jsx("span", { className: "truncate text-[14px] font-semibold text-[var(--adaptive-black900)]", children: caseId ?? "#FC-—" }), replyCount > 0 ? (_jsx("span", { className: "rounded-[4px] border-[1.5px] border-[var(--adaptive-black900)] px-[2px] text-[10px] font-bold text-[var(--adaptive-black900)]", children: messages.feedbackList.replyCountBadge(replyCount) })) : null] }), _jsxs("span", { className: "flex shrink-0 items-center gap-[4px] text-[12px] tabular-nums text-[var(--adaptive-black500)]", children: [_jsx(ClockIcon, { className: "h-[12px] w-[12px]" }), formatTimeOnly(activityAt, locale)] })] }), _jsx("p", { className: "line-clamp-2 text-[14px] text-[var(--adaptive-black900)]", children: summary })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-[6px]", children: [category ? (_jsxs("span", { className: "inline-flex items-center gap-[4px] rounded-[4px] bg-[var(--adaptive-black200)] px-[4px] py-[1px] text-[12px] font-medium text-[var(--adaptive-black700)]", children: [_jsx(CategoryShieldIcon, { className: "h-[11px] w-[11px] text-[var(--adaptive-black500)]" }), messages.feedbackList.categoryTag[category]] })) : null, _jsx("span", { className: "inline-flex items-center rounded-[4px] bg-[var(--adaptive-black200)] px-[4px] py-[1px] text-[12px] font-medium text-[var(--adaptive-black700)]", children: messages.feedbackList.statusTag[statusTag] })] }), listScope === "all" ? _jsx("p", { className: "truncate text-[11px] text-[var(--adaptive-black400)]", children: report.pathname }) : null] }) }));
+}
+//# sourceMappingURL=FeedbackListItem.js.map

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

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

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

@@ -2,7 +2,8 @@ import type { FeedbackDisplayStatus } from "../../../constants/feedbackStatus.js
 type FeedbackStatusBadgeProps = {
     status: FeedbackDisplayStatus;
     className?: string;
+    isNeedGray?: boolean;
 };
-export declare function FeedbackStatusBadge({ status, className }: FeedbackStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeedbackStatusBadge({ status, className, isNeedGray }: FeedbackStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FeedbackStatusBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackStatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAK3E,KAAK,wBAAwB,GAAG;IAC5B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAc,EAAE,EAAE,wBAAwB,2CAqBvF"}
+{"version":3,"file":"FeedbackStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackStatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAK3E,KAAK,wBAAwB,GAAG;IAC5B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAc,EAAE,UAAkB,EAAE,EAAE,wBAAwB,2CAwB3G"}

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

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FEEDBACK_STATUS_COLOR } from "../../../constants/feedbackStatus.js";
 import { FeedbackStatusIcon } from "../../../components/icons/Icons.js";
 import { useReport } from "../../../providers/reportContext.js";
-export function FeedbackStatusBadge({ status, className = "" }) {
+export function FeedbackStatusBadge({ status, className = "", isNeedGray = false }) {
     const { messages } = useReport();
     const color = FEEDBACK_STATUS_COLOR[status];
-    return (_jsxs("div", { className: `flex items-center gap-[6px] text-[12px] font-bold uppercase ${className}`, children: [_jsx("span", { className: "inline-flex h-[14px] w-[14px] items-center justify-center rounded-full [&_svg]:h-[10px] [&_svg]:w-[10px]", style: { backgroundColor: color, color: "var(--adaptive-black900)" }, "aria-hidden": true, children: _jsx(FeedbackStatusIcon, { status: status }) }), _jsx("span", { style: { color }, className: "text-[12px]", children: messages.status.feedback[status] })] }));
+    return (_jsxs("div", { className: `flex items-center gap-[6px] ${isNeedGray ? "normal-case" : "uppercase"} ${className}`, children: [_jsx("span", { className: "inline-flex w-[14px]", "aria-hidden": true, children: _jsx(FeedbackStatusIcon, { status: status, fill: isNeedGray ? "var(--adaptive-black900)" : color }) }), _jsx("span", { style: { color: isNeedGray ? "var(--adaptive-black900)" : color }, className: "text-[14px]", children: messages.status.feedback[status] })] }));
 }
 //# sourceMappingURL=FeedbackStatusBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackStatusBadge.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackStatusBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAOzD,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAA4B;IACpF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,+DAA+D,SAAS,EAAE,aACtF,eACI,SAAS,EAAC,0GAA0G,EACpH,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,0BAA0B,EAAE,iCAGpE,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,GAAI,GACnC,EACP,eACI,KAAK,EAAE,EAAE,KAAK,EAAE,EAChB,SAAS,EAAC,aAAa,YAEtB,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC9B,IACL,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FeedbackStatusBadge.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackStatusBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAQzD,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,GAAG,KAAK,EAA4B;IACxG,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,+BAA+B,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,EAAE,aAClG,eACI,SAAS,EAAC,sBAAsB,iCAIhC,KAAC,kBAAkB,IACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,KAAK,GACvD,GACC,EACP,eACI,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,KAAK,EAAE,EACjE,SAAS,EAAC,aAAa,YAEtB,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC9B,IACL,CACT,CAAC;AACN,CAAC"}

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

@@ -1,6 +1,6 @@
 import type { ReportAuthor, ReportFeedback } from "../../../types/report.js";
 type PendingComposer = {
-    type: "deny" | "recheck" | "checkout";
+    type: "deny" | "recheck" | "checkout" | "question";
     targetReplyId: string;
 } | null;
 type FeedbackThreadProps = {
@@ -11,11 +11,17 @@ type FeedbackThreadProps = {
     showConfirmAuthorSelect: boolean;
     onConfirmAuthorNameChange: (name: string) => void;
     onToggleConfirmAuthorSelect: () => void;
-    onStartDeny: () => void;
+    onStartDeny: (targetReplyId?: string) => void;
     onStartCheckout: (replyId: string) => void;
+    onStartAskQuestion: () => void;
+    onClaimAssignee: () => void;
+    onTransferAssignee: () => void;
     onConfirm: () => void;
     isUpdating?: boolean;
+    isClaimingAssignee?: boolean;
+    /** Hide the built-in case tab selector when the case list is rendered elsewhere (e.g. the marker window sidebar). */
+    hideCaseSelector?: boolean;
 };
-export declare function FeedbackThread({ report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onConfirm, isUpdating, }: FeedbackThreadProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FeedbackThread({ report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect: _onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onStartAskQuestion, onClaimAssignee, onTransferAssignee, onConfirm, isUpdating, isClaimingAssignee, hideCaseSelector, }: FeedbackThreadProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FeedbackThread.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackThread.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackThread.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAe,MAAM,mBAAmB,CAAC;AAUnF,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC;AAET,KAAK,mBAAmB,GAAG;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,OAAO,CAAC;IACjC,yBAAyB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA8JF,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,EACzB,2BAA2B,EAC3B,WAAW,EACX,eAAe,EACf,SAAS,EACT,UAAU,GACb,EAAE,mBAAmB,kDAyGrB"}
+{"version":3,"file":"FeedbackThread.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackThread.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAe,MAAM,mBAAmB,CAAC;AA2CnF,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IACnD,aAAa,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC;AAET,KAAK,mBAAmB,GAAG;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,OAAO,CAAC;IACjC,yBAAyB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qHAAqH;IACrH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAqdF,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,EACzB,2BAA2B,EAAE,4BAA4B,EACzD,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,gBAAwB,GAC3B,EAAE,mBAAmB,2CAoRrB"}

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

@@ -1,24 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useReport } from "../../../providers/reportContext.js";
-import { formatDate } from "../../../utils/format.js";
-import { canCheckoutReply, canReviewLatestSuggestion, resolveOriginalFeedbackAuthorName } from "../../../utils/feedbackThread.js";
+import { formatClockTime } from "../../../utils/format.js";
+import { canEditReportCases, getCaseById } from "../../../utils/reportCases.js";
+import { buildCaseThreadTimeline, buildConfirmAuthorOptions, buildThreadTimeline, canShowAdjudicationActionsOnBranchReply, canShowCaseThreadActions, canShowCaseClaimAction, canShowCheckoutBranchActionsForCase, canShowSuggestedBranchActionsForCase, getReportReplies, isAssigneeEventStatus, isBranchReplyAuthor, ISSUE_ROOT_PARENT_ID, resolveOriginalFeedbackAuthorName, shouldForceExpandQuestionGroup, } from "../../../utils/feedbackThread.js";
+import { usesReplyInfiniteScroll } from "../../../constants/replyHistory.js";
+import { REPLY_HISTORY_SCROLL_THRESHOLD_PX } from "../../../utils/replyHistory.js";
 import { getGitHubIssueUrl, isGitIssuedSystemReply } from "../../../utils/githubIntegration.js";
+import { CheckIcon, CloseIcon, ResolvedStatusIcon, RevertIcon } from "../../../components/icons/Icons.js";
+import { FEEDBACK_STATUS_COLOR } from "../../../constants/feedbackStatus.js";
+import { AssigneeThreadEntry } from "./AssigneeThreadEntry.js";
 import { AuthorSelector } from "./AuthorSelector.js";
+import { FeedbackCaseList } from "./FeedbackCaseList.js";
 import { FeedbackCreatorBadge } from "./FeedbackCreatorBadge.js";
 import { FeedbackStatusBadge } from "./FeedbackStatusBadge.js";
 import { GitIssuedThreadEntry } from "./GitIssuedThreadEntry.js";
-function buildConfirmAuthorOptions(report, authors) {
-    const byName = new Map();
-    for (const author of authors) {
-        byName.set(author.name, author);
-    }
-    const originalName = resolveOriginalFeedbackAuthorName(report);
-    if (originalName && !byName.has(originalName)) {
-        byName.set(originalName, { id: "__original_feedback_author__", name: originalName });
-    }
-    return Array.from(byName.values());
-}
+import { QuestionThreadGroup } from "./QuestionThreadGroup.js";
+import { ThreadAuthorMeta } from "./ThreadAuthorMeta.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]";
 function getScrollOverflowState(element) {
     const { scrollTop, scrollHeight, clientHeight } = element;
     const hasOverflow = scrollHeight > clientHeight + 1;
@@ -28,38 +32,154 @@ function getScrollOverflowState(element) {
     };
 }
 const SCROLL_HINT_CLASS = "pointer-events-none absolute left-0 right-0 z-10 px-[16px] py-[12px] text-center text-[12px] text-[var(--adaptive-black600)]";
-function ThreadEntryActions({ reply, report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onConfirm, isUpdating, }) {
+function ThreadEntryActions({ reply, report, caseId, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onStartDeny, onStartCheckout, onStartAskQuestion, onConfirm, isUpdating, canAct, actorName, }) {
     const { messages } = useReport();
+    const [isResolvedConfirming, setIsResolvedConfirming] = useState(false);
     const confirmAuthorOptions = useMemo(() => buildConfirmAuthorOptions(report, authors), [authors, report]);
-    const isLatest = report.replies[report.replies.length - 1]?.id === reply.id;
-    const showReview = isLatest && canReviewLatestSuggestion(report);
-    const showCheckout = canCheckoutReply(report, reply);
+    const showReview = canShowSuggestedBranchActionsForCase(report, reply, caseId);
+    const showCheckout = canShowCheckoutBranchActionsForCase(report, reply, caseId);
+    const showAdjudication = canShowAdjudicationActionsOnBranchReply(reply, actorName);
+    const isOwnBranchReply = isBranchReplyAuthor(reply, actorName);
+    const canUseReplyAction = Boolean(actorName.trim()) && (canAct || isOwnBranchReply || showAdjudication);
     const denyActive = (pendingComposer?.type === "deny" || pendingComposer?.type === "recheck") && pendingComposer.targetReplyId === reply.id;
     const checkoutActive = pendingComposer?.type === "checkout" && pendingComposer.targetReplyId === reply.id;
+    const askQuestionActive = pendingComposer?.type === "question" && pendingComposer.targetReplyId === reply.id;
+    useEffect(() => {
+        if (!isResolvedConfirming) {
+            return;
+        }
+        const timer = window.setTimeout(() => setIsResolvedConfirming(false), 1500);
+        return () => window.clearTimeout(timer);
+    }, [isResolvedConfirming]);
+    const handleResolvedClick = () => {
+        if (isUpdating || !canAct) {
+            return;
+        }
+        if (!isResolvedConfirming) {
+            setIsResolvedConfirming(true);
+            return;
+        }
+        setIsResolvedConfirming(false);
+        onConfirm();
+    };
     if (!showReview && !showCheckout) {
         return null;
     }
-    return (_jsxs("div", { className: "mt-[10px] flex flex-col gap-[8px]", children: [_jsxs("div", { className: "flex gap-[8px]", children: [showReview ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onStartDeny, className: `flex-1 rounded-full py-[4px] px-[8px] text-[12px] font-semibold border ${denyActive ? " bg-[#FF2B6A] text-white border-transparent" : " border-[var(--adaptive-border-subtle)] text-[var(--adaptive-text-primary)]"}`, children: messages.thread.denied }), _jsxs("section", { className: "flex items-center gap-[8px] rounded-full border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-muted)] px-[8px] py-[4px]", children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onConfirm, className: "flex-1 rounded-full text-[12px] font-semibold text-[var(--adaptive-black500)]", children: messages.thread.resolved }), _jsx("div", { className: "h-full w-[1px] bg-[var(--adaptive-black700)]" }), _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onToggleConfirmAuthorSelect, className: showConfirmAuthorSelect
-                                            ? "shrink-0 rounded-full bg-[var(--adaptive-surface-inverse)] text-[12px] font-semibold text-[var(--adaptive-text-inverse)]"
-                                            : "shrink-0 rounded-full text-[12px] font-semibold text-[var(--adaptive-text-secondary)]", children: messages.thread.select })] })] })) : null, showCheckout ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onStartDeny, className: `flex-1 rounded-[8px] border py-[4px] text-[12px] font-semibold ${denyActive ? "border-transparent bg-[#FF2B6A] text-white" : "border-[var(--adaptive-border-subtle)] text-[var(--adaptive-text-primary)]"}`, children: messages.thread.denied }), _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: () => onStartCheckout(reply.id), className: "flex-1 py-[4px] rounded-[8px] text-[12px] font-semibold " +
-                                    (checkoutActive
-                                        ? "bg-[var(--adaptive-surface-inverse)] text-[var(--adaptive-text-inverse)]"
-                                        : "border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-muted)] text-[var(--adaptive-text-muted)]"), children: messages.thread.leaveResult })] })) : null] }), showReview && showConfirmAuthorSelect ? (_jsx(AuthorSelector, { authors: confirmAuthorOptions, value: confirmAuthorName, onChange: onConfirmAuthorNameChange })) : null] }));
+    if (!canUseReplyAction && !((showReview || showCheckout) && showAdjudication && canAct)) {
+        return null;
+    }
+    return (_jsxs("div", { className: "mt-[10px] flex flex-col gap-[8px]", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-end", children: [showReview ? (_jsxs(_Fragment, { children: [canUseReplyAction ? (_jsxs("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onStartAskQuestion, className: `${THREAD_ACTION_BUTTON_BASE} ${askQuestionActive ? "bg-[var(--adaptive-blue50)] text-[var(--adaptive-blue500)]" : THREAD_ACTION_GHOST}`, children: [_jsx(RevertIcon, { className: "h-[13px] w-[13px]" }), messages.thread.reply] })) : null, showAdjudication && canAct ? (_jsxs(_Fragment, { children: [canUseReplyAction ? (_jsx("span", { className: THREAD_ACTION_DIVIDER, "aria-hidden": true })) : null, _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, 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]" }) }), _jsxs("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: handleResolvedClick, "aria-label": isResolvedConfirming ? messages.thread.resolvedConfirmAriaLabel : messages.thread.resolved, className: `${THREAD_ACTION_BUTTON_BASE} ${isResolvedConfirming ? "bg-[#D94A22] px-[8px] text-white" : `px-[6px] ${THREAD_ACTION_GHOST}`}`, children: [_jsx(CheckIcon, { className: "h-[13px] w-[13px]" }), isResolvedConfirming ? messages.thread.resolvedConfirmLabel : null] })] })) : null] })) : null, showCheckout ? (_jsxs(_Fragment, { children: [canUseReplyAction ? (_jsxs("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onStartAskQuestion, className: `${THREAD_ACTION_BUTTON_BASE} ${askQuestionActive ? "bg-[var(--adaptive-blue50)] text-[var(--adaptive-blue500)]" : THREAD_ACTION_GHOST}`, children: [_jsx(RevertIcon, { className: "h-[13px] w-[13px]" }), messages.thread.reply] })) : null, showAdjudication && canAct ? (_jsxs(_Fragment, { children: [canUseReplyAction ? (_jsx("span", { className: THREAD_ACTION_DIVIDER, "aria-hidden": true })) : null, _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, 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("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: () => onStartCheckout(reply.id), "aria-label": messages.thread.leaveResult, className: `${THREAD_ACTION_BUTTON_BASE} px-[6px] ${checkoutActive ? "bg-[#F6572E] text-white" : THREAD_ACTION_GHOST}`, children: _jsx(CheckIcon, { className: "h-[13px] w-[13px]" }) })] })) : null] })) : null] }), !canAct && !isOwnBranchReply && !showAdjudication ? _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: messages.errors.caseAssigneeOnly }) : null, showReview && showAdjudication && showConfirmAuthorSelect ? (_jsx(AuthorSelector, { authors: confirmAuthorOptions, value: confirmAuthorName, onChange: onConfirmAuthorNameChange })) : null] }));
+}
+function CaseThreadEntryActions({ report, caseId, actorName, onClaimAssignee, isUpdating, isClaimingAssignee, }) {
+    const { messages } = useReport();
+    if (!canShowCaseClaimAction(report, caseId, actorName)) {
+        return null;
+    }
+    return (_jsx("div", { className: "mt-[10px] flex flex-wrap items-center justify-end", children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating || isClaimingAssignee, onClick: onClaimAssignee, className: `${THREAD_ACTION_BUTTON_BASE} ${THREAD_ACTION_GHOST}`, children: messages.thread.claimAssignee }) }));
+}
+function ThreadResolvedDivider() {
+    const { messages } = useReport();
+    const resolvedColor = FEEDBACK_STATUS_COLOR.resolved;
+    return (_jsx(ThreadTimelineRow, { children: _jsxs("div", { className: "flex items-center gap-[8px]", role: "status", children: [_jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-[var(--adaptive-border-subtle)]" }), _jsxs("span", { className: "inline-flex shrink-0 items-center gap-[6px]", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-[18px] w-[18px] items-center justify-center rounded-full", style: { backgroundColor: resolvedColor }, children: _jsx(ResolvedStatusIcon, { className: "h-[11px] w-[11px]", fill: "#ffffff" }) }), _jsx("span", { className: "text-[13px] font-bold leading-none", style: { color: resolvedColor }, children: messages.thread.issueResolvedDivider })] }), _jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-[var(--adaptive-border-subtle)]" })] }) }));
+}
+function CaseThreadEntry({ report, caseId, caseText, caseCreatedAt, caseStatus, actorName, onClaimAssignee, isUpdating, isClaimingAssignee, isEditingCases = false, }) {
+    const hasActions = !isEditingCases && canShowCaseClaimAction(report, caseId, actorName);
+    const entryBody = (_jsxs(_Fragment, { children: [_jsx(FeedbackStatusBadge, { status: "issue_apply", isNeedGray: true }), _jsx("p", { className: `leading-[1.5] text-[14px] text-[var(--adaptive-text-primary)] ${caseStatus === "resolved" ? "text-[var(--adaptive-black500)] line-through" : ""}`, children: caseText }), report.author_name ? (_jsx(ThreadAuthorMeta, { authorName: report.author_name, createdAt: caseCreatedAt, showCreator: true })) : null, isEditingCases ? null : (_jsx(CaseThreadEntryActions, { report: report, caseId: caseId, actorName: actorName, onClaimAssignee: onClaimAssignee, isUpdating: isUpdating, isClaimingAssignee: isClaimingAssignee }))] }));
+    return (_jsx(ThreadTimelineRow, { time: formatClockTime(caseCreatedAt), children: _jsx("div", { className: hasActions ? THREAD_ACTION_ENTRY_SURFACE_CLASS : THREAD_CASE_ENTRY_SURFACE_CLASS, children: entryBody }) }));
+}
+function ThreadRootReply({ reply, report, caseId, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, originalAuthorName, issueUrl, onConfirmAuthorNameChange, onStartDeny, onStartCheckout, onStartAskQuestion, onTransferAssignee, onConfirm, isUpdating, isClaimingAssignee, actorName, }) {
+    if (isGitIssuedSystemReply(reply, report) && issueUrl) {
+        return (_jsx(ThreadTimelineRow, { time: formatClockTime(reply.created_at), children: _jsx(GitIssuedThreadEntry, { reply: reply, issueUrl: issueUrl }) }));
+    }
+    if (reply.status === "resolved") {
+        return _jsx(ThreadResolvedDivider, {});
+    }
+    if (isAssigneeEventStatus(reply.status)) {
+        return (_jsx(AssigneeThreadEntry, { reply: reply, report: report, caseId: caseId, authors: authors, actorName: actorName, pendingComposer: pendingComposer, onStartDeny: () => onStartDeny(reply.id), onStartCheckout: onStartCheckout, onTransferAssignee: onTransferAssignee, isUpdating: isUpdating, isClaimingAssignee: isClaimingAssignee }));
+    }
+    const showBranchActions = canShowSuggestedBranchActionsForCase(report, reply, caseId) || canShowCheckoutBranchActionsForCase(report, reply, caseId);
+    const canAct = canShowCaseThreadActions(report, caseId, actorName);
+    const isOwnBranchReply = isBranchReplyAuthor(reply, actorName);
+    const hasActions = showBranchActions && (canAct || isOwnBranchReply) && (canShowAdjudicationActionsOnBranchReply(reply, actorName) ? canAct : true);
+    const entryBody = (_jsxs(_Fragment, { children: [_jsx(FeedbackStatusBadge, { status: reply.status, isNeedGray: true }), _jsx("p", { className: "leading-[1.5] text-[14px] text-[var(--adaptive-text-primary)]", children: reply.message }), reply.author_name ? (_jsx(ThreadAuthorMeta, { authorName: reply.author_name, createdAt: reply.created_at, showCreator: reply.author_name.trim() === originalAuthorName })) : null, _jsx(ThreadEntryActions, { reply: reply, report: report, caseId: caseId, authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, onConfirmAuthorNameChange: onConfirmAuthorNameChange, onStartDeny: onStartDeny, onStartCheckout: onStartCheckout, onStartAskQuestion: onStartAskQuestion, onConfirm: onConfirm, isUpdating: isUpdating, canAct: canAct, actorName: actorName })] }));
+    return (_jsx(ThreadTimelineRow, { time: formatClockTime(reply.created_at), children: _jsx("div", { className: hasActions ? THREAD_ACTION_ENTRY_SURFACE_CLASS : THREAD_CASE_ENTRY_SURFACE_CLASS, children: entryBody }) }));
 }
-export function FeedbackThread({ report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onConfirm, isUpdating, }) {
-    const { locale, messages } = useReport();
+export function FeedbackThread({ report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect: _onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onStartAskQuestion, onClaimAssignee, onTransferAssignee, onConfirm, isUpdating, isClaimingAssignee, hideCaseSelector = false, }) {
+    const { messages, fields, caseEditReportId, caseEditCases, beginCaseEdit, cancelCaseEdit, handleCaseEditSave, updateCaseEditDraftCase, addCaseEditDraftCase, removeCaseEditDraftCase, focusedCaseId, selectCase, replyAuthorName, errorMessage, replyHistory, replyHistoryByReportId, loadOlderReplies, loadRepliesIfNeeded, } = useReport();
     const scrollRef = useRef(null);
+    const loadingOlderRef = useRef(false);
+    const [isAllCasesView, setIsAllCasesView] = useState(false);
     const [scrollOverflow, setScrollOverflow] = useState({
         canScrollUp: false,
         canScrollDown: false,
     });
+    const isEditingCases = caseEditReportId === report.id && caseEditCases !== null;
+    const casesForEditor = isEditingCases ? caseEditCases : report.cases;
+    const replies = getReportReplies(report);
+    const timeline = useMemo(() => (focusedCaseId ? buildCaseThreadTimeline(report, focusedCaseId) : { issueChildren: [], branches: [] }), [focusedCaseId, report, replies]);
+    const originalAuthorName = resolveOriginalFeedbackAuthorName(report);
+    const focusedCase = focusedCaseId ? getCaseById(report, focusedCaseId) : undefined;
+    const issueUrl = getGitHubIssueUrl(report);
+    const actorName = replyAuthorName.trim() || confirmAuthorName.trim();
+    const canAct = focusedCaseId ? canShowCaseThreadActions(report, focusedCaseId, actorName) : false;
+    const systemBranches = useMemo(() => buildThreadTimeline(report).branches.filter((branch) => isGitIssuedSystemReply(branch.root, report)), [report, replies]);
+    const showTimelineRail = Boolean((focusedCaseId && !isAllCasesView) || systemBranches.length > 0);
+    const replyHistoryState = replyHistoryByReportId[report.id];
+    useEffect(() => {
+        void loadRepliesIfNeeded(report);
+    }, [loadRepliesIfNeeded, report.id]);
+    const triggerLoadOlderReplies = useCallback(async () => {
+        const element = scrollRef.current;
+        if (!element || loadingOlderRef.current) {
+            return;
+        }
+        const history = replyHistoryByReportId[report.id];
+        if (!history?.hasMoreOlder || history.isLoadingOlder) {
+            return;
+        }
+        loadingOlderRef.current = true;
+        const previousHeight = element.scrollHeight;
+        const previousTop = element.scrollTop;
+        try {
+            await loadOlderReplies(report.id, replyHistory);
+            requestAnimationFrame(() => {
+                const nextElement = scrollRef.current;
+                if (!nextElement) {
+                    return;
+                }
+                const heightDelta = nextElement.scrollHeight - previousHeight;
+                nextElement.scrollTop = previousTop + heightDelta;
+            });
+        }
+        finally {
+            loadingOlderRef.current = false;
+        }
+    }, [loadOlderReplies, replyHistory, replyHistoryByReportId, report.id]);
+    useEffect(() => {
+        setIsAllCasesView(false);
+    }, [report.id]);
     const refreshScrollOverflow = useCallback(() => {
         const element = scrollRef.current;
         if (!element) {
             return;
         }
         setScrollOverflow(getScrollOverflowState(element));
-    }, []);
+        if (!usesReplyInfiniteScroll(replyHistory.mode)) {
+            return;
+        }
+        if (element.scrollTop > REPLY_HISTORY_SCROLL_THRESHOLD_PX) {
+            return;
+        }
+        void triggerLoadOlderReplies();
+    }, [replyHistory.mode, triggerLoadOlderReplies]);
+    const scrollToBottom = useCallback(() => {
+        const element = scrollRef.current;
+        if (!element) {
+            return;
+        }
+        element.scrollTop = element.scrollHeight;
+        refreshScrollOverflow();
+    }, [refreshScrollOverflow]);
     useEffect(() => {
         const element = scrollRef.current;
         if (!element) {
@@ -73,18 +193,14 @@ export function FeedbackThread({ report, authors, pendingComposer, confirmAuthor
             element.removeEventListener("scroll", refreshScrollOverflow);
             resizeObserver.disconnect();
         };
-    }, [refreshScrollOverflow, report.replies]);
-    if (report.replies.length === 0) {
-        return null;
-    }
-    const chronological = [...report.replies].reverse();
-    const originalAuthorName = resolveOriginalFeedbackAuthorName(report);
-    return (_jsxs("div", { className: "relative max-h-[512px]", children: [scrollOverflow.canScrollUp ? _jsx("p", { className: `${SCROLL_HINT_CLASS} top-0 bg-[linear-gradient(0deg,transparent,var(--adaptive-surface-overlay))]`, children: messages.thread.scrollHintUp }) : null, scrollOverflow.canScrollDown ? (_jsx("p", { className: `${SCROLL_HINT_CLASS} bottom-0 bg-[linear-gradient(180deg,transparent,var(--adaptive-surface-overlay))]`, children: messages.thread.scrollHintDown })) : null, _jsx("section", { ref: scrollRef, className: "flex max-h-[512px] flex-col overflow-auto bg-transparent", children: chronological.map((reply) => {
-                    const issueUrl = getGitHubIssueUrl(report);
-                    if (isGitIssuedSystemReply(reply, report) && issueUrl) {
-                        return (_jsx(GitIssuedThreadEntry, { reply: reply, issueUrl: issueUrl }, reply.id));
-                    }
-                    return (_jsxs("article", { className: "flex flex-col gap-[8px] border-t border-[var(--adaptive-border-subtle)] p-[16px]", children: [_jsxs("div", { className: "flex items-start justify-between gap-[8px]", children: [_jsx(FeedbackStatusBadge, { status: reply.status }), _jsx("span", { className: "text-[12px] text-[var(--adaptive-black500)]", children: formatDate(reply.created_at, locale) })] }), _jsx("p", { className: "leading-[1.5] text-[14px] text-[var(--adaptive-text-primary)]", children: reply.message }), reply.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: reply.author_name }), reply.author_name.trim() === originalAuthorName ? _jsx(FeedbackCreatorBadge, {}) : null] })) : null, _jsx(ThreadEntryActions, { reply: reply, report: report, authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, onConfirmAuthorNameChange: onConfirmAuthorNameChange, onToggleConfirmAuthorSelect: onToggleConfirmAuthorSelect, onStartDeny: onStartDeny, onStartCheckout: onStartCheckout, onConfirm: onConfirm, isUpdating: isUpdating })] }, reply.id));
-                }) })] }));
+    }, [focusedCaseId, refreshScrollOverflow, replies.length]);
+    useEffect(() => {
+        scrollToBottom();
+    }, [focusedCaseId, replies.length, scrollToBottom]);
+    return (_jsxs("div", { className: "relative min-h-0 flex-1", children: [scrollOverflow.canScrollUp ? _jsx("p", { className: `${SCROLL_HINT_CLASS} top-0 bg-[linear-gradient(0deg,transparent,var(--adaptive-black50))]`, children: messages.thread.scrollHintUp }) : null, scrollOverflow.canScrollDown ? _jsx("p", { className: `${SCROLL_HINT_CLASS} bottom-0 bg-[linear-gradient(180deg,transparent,var(--adaptive-black50))]`, children: messages.thread.scrollHintDown }) : null, _jsxs("section", { ref: scrollRef, className: `flex h-full flex-col overflow-auto px-[12px] ${hideCaseSelector ? "" : "gap-[16px] max-h-[360px]"}`, children: [hideCaseSelector ? null : (_jsxs("article", { className: "flex flex-col gap-[4px] border-t border-[var(--adaptive-border-subtle)]", children: [_jsx(FeedbackCaseList, { report: report, cases: casesForEditor, isEditing: isEditingCases, canEdit: canEditReportCases(report) && !isEditingCases, isSaving: isUpdating, errorMessage: isEditingCases ? errorMessage : "", focusedCaseId: focusedCaseId, onSelectCase: selectCase, onAllTabActiveChange: setIsAllCasesView, onBeginEdit: () => beginCaseEdit(report), onCancelEdit: cancelCaseEdit, onSaveEdit: () => void handleCaseEditSave(), onCaseChange: updateCaseEditDraftCase, onAddCase: addCaseEditDraftCase, onRemoveCase: removeCaseEditDraftCase }), report.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px] px-[16px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: report.author_name }), _jsx(FeedbackCreatorBadge, {})] })) : null] })), _jsxs("div", { className: "relative flex flex-col pt-[12px] pb-[57px]", children: [showTimelineRail ? (_jsx("div", { className: "pointer-events-none absolute bottom-[12px] left-[20px] top-[12px] w-px bg-[linear-gradient(180deg,_var(--adaptive-black900)_60%,transparent_90%)]" })) : null, focusedCaseId && !isAllCasesView ? (_jsxs(_Fragment, { children: [focusedCase ? (_jsx(CaseThreadEntry, { report: report, caseId: focusedCaseId, caseText: focusedCase.text, caseCreatedAt: focusedCase.created_at, caseStatus: focusedCase.status, actorName: actorName, onClaimAssignee: onClaimAssignee, isUpdating: isUpdating, isClaimingAssignee: isClaimingAssignee, isEditingCases: isEditingCases })) : null, _jsx(QuestionThreadGroup, { questions: timeline.issueChildren, originalAuthorName: originalAuthorName, forceExpanded: shouldForceExpandQuestionGroup(report, focusedCaseId, timeline.issueChildren, {
+                                            composerTargetsGroup: pendingComposer?.type === "question" && pendingComposer.targetReplyId === ISSUE_ROOT_PARENT_ID,
+                                        }) }), timeline.branches.map((branch) => (_jsxs("div", { className: "flex flex-col", children: [_jsx(ThreadRootReply, { reply: branch.root, report: report, caseId: focusedCaseId, authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, originalAuthorName: originalAuthorName, issueUrl: issueUrl, onConfirmAuthorNameChange: onConfirmAuthorNameChange, onStartDeny: onStartDeny, onStartCheckout: onStartCheckout, onStartAskQuestion: onStartAskQuestion, onTransferAssignee: onTransferAssignee, onConfirm: onConfirm, isUpdating: isUpdating, isClaimingAssignee: isClaimingAssignee, actorName: actorName }), _jsx(QuestionThreadGroup, { questions: branch.children, originalAuthorName: originalAuthorName, forceExpanded: shouldForceExpandQuestionGroup(report, focusedCaseId, branch.children, {
+                                                    composerTargetsGroup: pendingComposer?.type === "question" && pendingComposer.targetReplyId === branch.root.id,
+                                                }) })] }, branch.root.id)))] })) : (_jsx("p", { className: "px-[12px] py-[8px] text-[12px] text-[var(--adaptive-black500)]", children: messages.cases.selectToView })), systemBranches.map((branch) => (_jsx(ThreadRootReply, { reply: branch.root, report: report, caseId: focusedCaseId ?? "", authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, originalAuthorName: originalAuthorName, issueUrl: issueUrl, onConfirmAuthorNameChange: onConfirmAuthorNameChange, onStartDeny: onStartDeny, onStartCheckout: onStartCheckout, onStartAskQuestion: onStartAskQuestion, onTransferAssignee: onTransferAssignee, onConfirm: onConfirm, isUpdating: isUpdating, isClaimingAssignee: isClaimingAssignee, actorName: actorName }, branch.root.id)))] })] })] }));
 }
 //# sourceMappingURL=FeedbackThread.js.map