@fivepixels-js/react 0.1.6 → 0.2.0

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

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { FeedbackCaseTabBar } from "./FeedbackCaseTabBar.js";
+const CASE_INPUT_MIN_HEIGHT = 56;
+const CASE_INPUT_CLASS = "min-h-[56px] w-full flex-1 resize-none overflow-hidden px-[12px] py-[6px] text-[16px] leading-[1.5] text-[var(--adaptive-text-primary)] outline-none placeholder:text-[var(--adaptive-text-muted)] focus:border-[var(--adaptive-blue500)]";
+function syncCaseTextareaHeight(textarea) {
+    textarea.style.height = "auto";
+    textarea.style.height = `${Math.max(CASE_INPUT_MIN_HEIGHT, textarea.scrollHeight)}px`;
+}
+function CaseTextarea({ id, value, autoFocus, placeholder, onChange, onSubmitShortcut, needsAttention = false }) {
+    const textareaRef = useRef(null);
+    const syncHeight = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea) {
+            return;
+        }
+        syncCaseTextareaHeight(textarea);
+    }, []);
+    useLayoutEffect(() => {
+        syncHeight();
+    }, [syncHeight, value]);
+    return (_jsx("textarea", { ref: textareaRef, id: id, autoFocus: autoFocus, value: value, onChange: (event) => {
+            onChange(event.target.value);
+            syncCaseTextareaHeight(event.target);
+        }, placeholder: placeholder, rows: 1, "aria-invalid": needsAttention || undefined, className: `${CASE_INPUT_CLASS}${needsAttention ? " fivepixels-validation-attention rounded-[8px] bg-rose-500/10" : ""}`, onKeyDown: (event) => {
+            if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                onSubmitShortcut?.();
+                return;
+            }
+            if (event.key === "Enter") {
+                const textarea = event.currentTarget;
+                window.requestAnimationFrame(() => {
+                    syncCaseTextareaHeight(textarea);
+                });
+            }
+        } }));
+}
+function resolveActiveCaseId(cases, activeCaseId) {
+    if (cases.length === 0) {
+        return null;
+    }
+    if (activeCaseId && cases.some((item) => item.id === activeCaseId)) {
+        return activeCaseId;
+    }
+    return cases[cases.length - 1]?.id ?? cases[0].id;
+}
+export function FeedbackCaseEditor({ cases, onCaseChange, onAddCase, onRemoveCase, autoFocus = false, onSubmitShortcut, needsAttention = false, attentionKey = 0, emptyCaseIds = [], }) {
+    const { messages } = useReport();
+    const previousCaseCountRef = useRef(cases.length);
+    const containerRef = useRef(null);
+    const [activeCaseId, setActiveCaseId] = useState(() => cases[0]?.id ?? null);
+    const resolvedActiveCaseId = resolveActiveCaseId(cases, activeCaseId);
+    const activeCase = cases.find((item) => item.id === resolvedActiveCaseId) ?? null;
+    const activeCaseIndex = activeCase ? cases.findIndex((item) => item.id === activeCase.id) : -1;
+    const activeCaseNeedsAttention = Boolean(activeCase && needsAttention && emptyCaseIds.includes(activeCase.id));
+    const getCaseInputPlaceholder = useCallback((index) => messages.composer.caseInputPlaceholder(index), [messages.composer]);
+    useEffect(() => {
+        const nextActiveCaseId = resolveActiveCaseId(cases, activeCaseId);
+        if (nextActiveCaseId !== activeCaseId) {
+            setActiveCaseId(nextActiveCaseId);
+        }
+    }, [activeCaseId, cases]);
+    useEffect(() => {
+        if (cases.length <= previousCaseCountRef.current) {
+            previousCaseCountRef.current = cases.length;
+            return;
+        }
+        const lastCase = cases[cases.length - 1];
+        if (lastCase) {
+            setActiveCaseId(lastCase.id);
+            window.requestAnimationFrame(() => {
+                document.getElementById(`fivepixels-case-input-${lastCase.id}`)?.focus();
+            });
+        }
+        previousCaseCountRef.current = cases.length;
+    }, [cases]);
+    useEffect(() => {
+        if (!needsAttention || attentionKey <= 0 || emptyCaseIds.length === 0) {
+            return;
+        }
+        const targetCaseId = emptyCaseIds.includes(resolvedActiveCaseId ?? "") ? resolvedActiveCaseId : emptyCaseIds[0];
+        if (!targetCaseId) {
+            return;
+        }
+        if (targetCaseId !== resolvedActiveCaseId) {
+            setActiveCaseId(targetCaseId);
+        }
+        containerRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+        window.requestAnimationFrame(() => {
+            document.getElementById(`fivepixels-case-input-${targetCaseId}`)?.focus();
+        });
+    }, [needsAttention, attentionKey, emptyCaseIds, resolvedActiveCaseId]);
+    const handleRemoveCase = (caseId) => {
+        const removeIndex = cases.findIndex((item) => item.id === caseId);
+        if (removeIndex < 0) {
+            return;
+        }
+        const fallbackCase = cases[removeIndex + 1] ?? cases[removeIndex - 1];
+        if (activeCaseId === caseId && fallbackCase) {
+            setActiveCaseId(fallbackCase.id);
+        }
+        onRemoveCase(caseId);
+    };
+    if (!activeCase || activeCaseIndex < 0) {
+        return null;
+    }
+    return (_jsxs("div", { ref: containerRef, className: "flex h-full min-h-0 flex-1 flex-col", children: [_jsx(FeedbackCaseTabBar, { variant: "editor", cases: cases, activeCaseId: resolvedActiveCaseId, onSelectCase: setActiveCaseId, onAddCase: onAddCase, onRemoveCase: handleRemoveCase, invalidCaseIds: needsAttention ? emptyCaseIds : [] }), _jsx("div", { role: "tabpanel", id: `fivepixels-case-panel-${activeCase.id}`, "aria-labelledby": `fivepixels-case-tab-${activeCase.id}`, className: "flex min-h-0 flex-1 flex-col overflow-y-auto px-[4px] py-[4px]", children: _jsx(CaseTextarea, { id: `fivepixels-case-input-${activeCase.id}`, autoFocus: autoFocus && activeCaseIndex === 0, value: activeCase.text, placeholder: getCaseInputPlaceholder(activeCaseIndex + 1), onChange: (text) => onCaseChange(activeCase.id, text), onSubmitShortcut: onSubmitShortcut, needsAttention: activeCaseNeedsAttention }) })] }));
+}
+//# sourceMappingURL=FeedbackCaseEditor.js.map

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

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

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

@@ -0,0 +1,21 @@
+import type { ReportCase, ReportFeedback } from "../../../types/report.js";
+type FeedbackCaseListProps = {
+    report: Pick<ReportFeedback, "id" | "cases" | "replies" | "author_name">;
+    cases: ReportCase[];
+    isEditing?: boolean;
+    canEdit?: boolean;
+    isSaving?: boolean;
+    errorMessage?: string;
+    focusedCaseId?: string | null;
+    onSelectCase?: (caseId: string) => void;
+    onAllTabActiveChange?: (active: boolean) => void;
+    onBeginEdit?: () => void;
+    onCancelEdit?: () => void;
+    onSaveEdit?: () => void;
+    onCaseChange?: (caseId: string, text: string) => void;
+    onAddCase?: () => void;
+    onRemoveCase?: (caseId: string) => void;
+};
+export declare function FeedbackCaseList({ report, cases, isEditing, canEdit, isSaving, errorMessage, focusedCaseId, onSelectCase, onAllTabActiveChange, onBeginEdit, onCancelEdit, onSaveEdit, onCaseChange, onAddCase, onRemoveCase, }: FeedbackCaseListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FeedbackCaseList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackCaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCaseList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMpE,KAAK,qBAAqB,GAAG;IACzB,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC,CAAC;IACzE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAyDF,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,YAAiB,EACjB,aAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,YAAY,GACf,EAAE,qBAAqB,2CAoHvB"}

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

@@ -0,0 +1,48 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useReport } from "../../../providers/reportContext.js";
+import { getCaseHandlerName } from "../../../utils/reportCases.js";
+import { FeedbackCaseEditor } from "./FeedbackCaseEditor.js";
+import { CASE_SELECTOR_ALL_TAB, CaseResolvedBadge, FeedbackCaseTabBar } from "./FeedbackCaseTabBar.js";
+function resolveFocusedCaseId(cases, focusedCaseId) {
+    if (focusedCaseId && cases.some((item) => item.id === focusedCaseId)) {
+        return focusedCaseId;
+    }
+    return cases[0]?.id ?? null;
+}
+function AllCasesList({ report, cases, onSelectCase }) {
+    const { messages } = useReport();
+    return (_jsx("ul", { className: "flex flex-col gap-[6px] px-[8px] py-[4px]", children: cases.map((item, index) => {
+            const isOpen = item.status === "open";
+            const handlerName = getCaseHandlerName(report, item.id);
+            return (_jsx("li", { children: _jsxs("button", { type: "button", "data-fivepixels-interactive": "", onClick: () => onSelectCase(item.id), className: "flex w-full items-start gap-[6px] rounded-[8px] px-[4px] py-[6px] text-left hover:bg-[var(--adaptive-surface-muted)]/60", children: [_jsxs("span", { className: "w-[20px] shrink-0 tabular-nums text-[12px] text-[var(--adaptive-black500)]", children: [index + 1, "."] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: `text-[14px] leading-[1.5] text-[var(--adaptive-text-primary)] ${item.status === "resolved" ? "text-[var(--adaptive-black600)] line-through" : ""}`, children: item.text }), isOpen ? (_jsxs("p", { className: "mt-[2px] text-[11px] text-[var(--adaptive-black500)]", children: [messages.cases.assignee, ": ", handlerName ?? messages.cases.unassigned] })) : null] }), _jsx(CaseResolvedBadge, { resolved: item.status === "resolved", resolvedLabel: messages.cases.resolved, openLabel: messages.cases.open })] }) }, item.id));
+        }) }));
+}
+export function FeedbackCaseList({ report, cases, isEditing = false, canEdit = false, isSaving = false, errorMessage = "", focusedCaseId = null, onSelectCase, onAllTabActiveChange, onBeginEdit, onCancelEdit, onSaveEdit, onCaseChange, onAddCase, onRemoveCase, }) {
+    const { messages } = useReport();
+    const resolvedFocusedCaseId = resolveFocusedCaseId(cases, focusedCaseId);
+    const [selectorTab, setSelectorTab] = useState(() => resolvedFocusedCaseId ?? CASE_SELECTOR_ALL_TAB);
+    const focusedCase = cases.find((item) => item.id === resolvedFocusedCaseId) ?? null;
+    const isAllTabActive = selectorTab === CASE_SELECTOR_ALL_TAB;
+    useEffect(() => {
+        if (!resolvedFocusedCaseId) {
+            return;
+        }
+        setSelectorTab(resolvedFocusedCaseId);
+        onAllTabActiveChange?.(false);
+    }, [onAllTabActiveChange, report.id, resolvedFocusedCaseId]);
+    const handleSelectAll = () => {
+        setSelectorTab(CASE_SELECTOR_ALL_TAB);
+        onAllTabActiveChange?.(true);
+    };
+    const handleSelectCase = (caseId) => {
+        setSelectorTab(caseId);
+        onAllTabActiveChange?.(false);
+        onSelectCase?.(caseId);
+    };
+    if (isEditing && onCaseChange && onAddCase && onRemoveCase) {
+        return (_jsxs("div", { className: "flex flex-col gap-[8px]", children: [errorMessage ? (_jsx("p", { role: "alert", className: "rounded-[8px] border border-rose-200 bg-rose-50 px-[8px] py-[4px] text-[12px] leading-[1.4] text-rose-700", children: errorMessage })) : null, _jsx(FeedbackCaseEditor, { cases: cases, onCaseChange: onCaseChange, onAddCase: onAddCase, onRemoveCase: onRemoveCase, onSubmitShortcut: onSaveEdit }), _jsxs("div", { className: "flex justify-end gap-[6px] px-[8px] pb-[4px]", children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isSaving, onClick: onCancelEdit, className: "rounded-full border border-[var(--adaptive-border-subtle)] px-[10px] py-[4px] text-[12px] font-semibold text-[var(--adaptive-text-primary)] disabled:opacity-50", children: messages.common.cancel }), _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isSaving, onClick: onSaveEdit, className: "rounded-full bg-[var(--adaptive-blue500)] px-[10px] py-[4px] text-[12px] font-semibold text-white disabled:opacity-50", children: isSaving ? messages.cases.saving : messages.cases.save })] })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-[8px]", children: [_jsx(FeedbackCaseTabBar, { variant: "selector", cases: cases, activeTab: selectorTab, onSelectAll: handleSelectAll, onSelectCase: handleSelectCase, showResolvedStatus: true, idPrefix: "fivepixels-thread-case", trailing: canEdit && onBeginEdit ? (_jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: onBeginEdit, className: "rounded-full border border-[var(--adaptive-border-subtle)] px-[8px] py-[4px] text-[11px] font-semibold whitespace-nowrap text-[var(--adaptive-blue500)] hover:bg-[var(--adaptive-blue100)]", children: messages.cases.edit })) : null }), isAllTabActive ? (_jsx(AllCasesList, { report: report, cases: cases, onSelectCase: handleSelectCase })) : focusedCase ? (_jsxs("div", { className: "flex flex-col gap-[4px] px-[16px]", children: [_jsx("p", { className: `text-[16px] font-semibold leading-[1.5] text-[var(--adaptive-text-primary)] ${focusedCase.status === "resolved" ? "text-[var(--adaptive-black600)] line-through" : ""}`, children: focusedCase.text }), focusedCase.status === "open" ? (_jsxs("p", { className: "text-[14px] text-[var(--adaptive-black500)]", children: [messages.cases.assignee, ": ", getCaseHandlerName(report, focusedCase.id) ?? messages.cases.unassigned] })) : null] })) : null] }));
+}
+//# sourceMappingURL=FeedbackCaseList.js.map

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

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

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

@@ -0,0 +1,34 @@
+import type { ReactNode } from "react";
+import type { ReportCase } from "../../../types/report.js";
+export declare const CASE_TAB_ACTIVE_CLASS = "bg-[var(--adaptive-blue100)] text-[var(--adaptive-blue500)]";
+export declare const CASE_TAB_INACTIVE_CLASS = "border-transparent bg-[var(--adaptive-surface-muted)]/60 text-[var(--adaptive-text-muted)] hover:bg-[var(--adaptive-surface-muted)] hover:text-[var(--adaptive-text-primary)]";
+export declare const CASE_SELECTOR_ALL_TAB: "all";
+export type CaseSelectorTab = typeof CASE_SELECTOR_ALL_TAB | string;
+type FeedbackCaseTabBarBaseProps = {
+    cases: ReportCase[];
+    onSelectCase: (caseId: string) => void;
+    idPrefix?: string;
+    invalidCaseIds?: string[];
+};
+type FeedbackCaseTabBarEditorProps = FeedbackCaseTabBarBaseProps & {
+    variant: "editor";
+    activeCaseId: string | null;
+    onAddCase: () => void;
+    onRemoveCase: (caseId: string) => void;
+};
+type FeedbackCaseTabBarSelectorProps = FeedbackCaseTabBarBaseProps & {
+    variant: "selector";
+    activeTab: CaseSelectorTab;
+    onSelectAll: () => void;
+    showResolvedStatus?: boolean;
+    trailing?: ReactNode;
+};
+export type FeedbackCaseTabBarProps = FeedbackCaseTabBarEditorProps | FeedbackCaseTabBarSelectorProps;
+export declare function CaseResolvedBadge({ resolvedLabel, openLabel, resolved }: {
+    resolvedLabel: string;
+    openLabel: string;
+    resolved: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function FeedbackCaseTabBar(props: FeedbackCaseTabBarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FeedbackCaseTabBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackCaseTabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCaseTabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,qBAAqB,gEAAgE,CAAC;AACnG,eAAO,MAAM,uBAAuB,kLAC+I,CAAC;AAEpL,eAAO,MAAM,qBAAqB,EAAG,KAAc,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,qBAAqB,GAAG,MAAM,CAAC;AAEpE,KAAK,2BAA2B,GAAG;IAC/B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,6BAA6B,GAAG,2BAA2B,GAAG;IAC/D,OAAO,EAAE,QAAQ,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,+BAA+B,GAAG,2BAA2B,GAAG;IACjE,OAAO,EAAE,UAAU,CAAC;IACpB,SAAS,EAAE,eAAe,CAAC;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GAAG,+BAA+B,CAAC;AAEtG,wBAAgB,iBAAiB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,kDAaxI;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,kDAoIhE"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useReport } from "../../../providers/reportContext.js";
+export const CASE_TAB_ACTIVE_CLASS = "bg-[var(--adaptive-blue100)] text-[var(--adaptive-blue500)]";
+export const CASE_TAB_INACTIVE_CLASS = "border-transparent bg-[var(--adaptive-surface-muted)]/60 text-[var(--adaptive-text-muted)] hover:bg-[var(--adaptive-surface-muted)] hover:text-[var(--adaptive-text-primary)]";
+export const CASE_SELECTOR_ALL_TAB = "all";
+export function CaseResolvedBadge({ resolvedLabel, openLabel, resolved }) {
+    if (!resolved) {
+        return null;
+    }
+    return (_jsx("span", { className: "inline-flex h-[14px] w-[14px] shrink-0 items-center justify-center rounded-full bg-[var(--adaptive-green500)] text-[10px] font-bold leading-none text-white", "aria-label": resolved ? resolvedLabel : openLabel, children: "\u2713" }));
+}
+export function FeedbackCaseTabBar(props) {
+    const { cases, onSelectCase, idPrefix = "fivepixels-case", invalidCaseIds = [] } = props;
+    const { messages } = useReport();
+    const isEditor = props.variant === "editor";
+    const invalidCaseIdSet = new Set(invalidCaseIds);
+    if (cases.length === 0) {
+        return null;
+    }
+    const tabList = (_jsxs(_Fragment, { children: [!isEditor ? (_jsx("div", { className: `flex shrink-0 items-stretch rounded-[8px] border border-b-0 ${props.activeTab === CASE_SELECTOR_ALL_TAB ? CASE_TAB_ACTIVE_CLASS : CASE_TAB_INACTIVE_CLASS}`, children: _jsx("button", { type: "button", role: "tab", "data-fivepixels-interactive": "", "aria-selected": props.activeTab === CASE_SELECTOR_ALL_TAB, "aria-controls": `${idPrefix}-panel-all`, id: `${idPrefix}-tab-all`, onClick: props.onSelectAll, "aria-label": messages.cases.allTabAriaLabel, className: "inline-flex min-w-0 items-center px-[10px] py-[6px] text-[12px] font-semibold leading-none", children: messages.cases.allTabLabel }) })) : null, cases.map((item, index) => {
+                const isActive = isEditor ? item.id === props.activeCaseId : item.id === props.activeTab;
+                const isInvalid = invalidCaseIdSet.has(item.id);
+                const tabId = `${idPrefix}-tab-${item.id}`;
+                const panelId = `${idPrefix}-panel-${item.id}`;
+                return (_jsxs("div", { className: `flex max-w-[180px] shrink-0 items-stretch rounded-[8px] ` +
+                        (isInvalid
+                            ? "fivepixels-validation-attention border border-rose-400 bg-rose-500/10 text-rose-500"
+                            : isActive
+                                ? CASE_TAB_ACTIVE_CLASS
+                                : CASE_TAB_INACTIVE_CLASS), children: [_jsxs("button", { type: "button", role: "tab", "data-fivepixels-interactive": "", "aria-selected": isActive, "aria-controls": panelId, "aria-invalid": isInvalid || undefined, id: tabId, onClick: () => onSelectCase(item.id), "aria-label": messages.composer.selectCaseTabAriaLabel(index + 1), className: ` inline-flex min-w-0 flex-1 items-center gap-[4px] truncate px-[10px] py-[6px] text-left leading-none`, title: messages.composer.caseTabLabel(index + 1), children: [_jsx("span", { className: `${isInvalid ? "text-rose-500" : isActive ? "text-[var(--adaptive-blue500)]" : "text-[var(--adaptive-black700)]"} font-medium text-[12px] min-w-0 truncate`, children: messages.composer.caseTabLabel(index + 1) }), !isEditor && props.showResolvedStatus !== false ? (_jsx(CaseResolvedBadge, { resolved: item.status === "resolved", resolvedLabel: messages.cases.resolved, openLabel: messages.cases.open })) : null] }), isEditor && cases.length > 1 ? (_jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: () => props.onRemoveCase(item.id), "aria-label": messages.composer.removeCaseAriaLabel(index + 1), className: "inline-flex w-[22px] shrink-0 items-center justify-center rounded-tr-[8px] text-[14px] leading-none text-[var(--adaptive-text-muted)] hover:bg-[var(--adaptive-surface-muted)] hover:text-[var(--adaptive-text-primary)]", children: "\u00D7" })) : null] }, item.id));
+            }), isEditor ? (_jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: props.onAddCase, "aria-label": messages.composer.addCaseTabAriaLabel, className: "mb-[1px] inline-flex h-[24px] w-[24px] shrink-0 items-center justify-center rounded-[8px] border border-dashed border-[var(--adaptive-border-subtle)] text-[16px] font-medium leading-none text-[var(--adaptive-blue500)] hover:bg-[var(--adaptive-blue100)]", children: "+" })) : null] }));
+    if (isEditor) {
+        return (_jsx("div", { className: "flex min-h-0 shrink-0 items-end gap-[2px] overflow-x-auto border-b border-[var(--adaptive-border-subtle)] p-[4px]", role: "tablist", "aria-label": messages.cases.title, children: tabList }));
+    }
+    return (_jsx("div", { className: "mx-[4px] shrink-0 border-b border-[var(--adaptive-border-subtle)]", children: _jsxs("div", { className: "flex items-end gap-[4px]", children: [_jsx("div", { className: "flex min-w-0 flex-1 items-end gap-[2px] overflow-x-auto p-[4px]", role: "tablist", "aria-label": messages.cases.title, children: tabList }), props.trailing ? _jsx("div", { className: "shrink-0 self-center pr-[4px]", children: props.trailing }) : null] }) }));
+}
+//# sourceMappingURL=FeedbackCaseTabBar.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { type FeedbackCategory } from "../../../constants/feedbackCategory.js";
+import type { ReportMessages } from "../../../i18n/types.js";
+type FeedbackCategorySelectorProps = {
+    value: FeedbackCategory | null;
+    onChange: (value: FeedbackCategory) => void;
+    messages: ReportMessages;
+    needsAttention?: boolean;
+    attentionKey?: number;
+};
+export declare function FeedbackCategorySelector({ value, onChange, messages, needsAttention, attentionKey }: FeedbackCategorySelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FeedbackCategorySelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackCategorySelector.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCategorySelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,KAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,cAAc,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAsB,EAAE,YAAgB,EAAE,EAAE,6BAA6B,2CAkD9I"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { FEEDBACK_CATEGORIES } from "../../../constants/feedbackCategory.js";
+export function FeedbackCategorySelector({ value, onChange, messages, needsAttention = false, attentionKey = 0 }) {
+    const containerRef = useRef(null);
+    const firstButtonRef = useRef(null);
+    useEffect(() => {
+        if (!needsAttention || attentionKey <= 0) {
+            return;
+        }
+        containerRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+        firstButtonRef.current?.focus();
+    }, [needsAttention, attentionKey]);
+    return (_jsx("div", { ref: containerRef, className: "flex flex-wrap items-center gap-[4px] border-t border-[var(--adaptive-tintOpacity100)] p-[4px] transition-[box-shadow,background-color] duration-200 " +
+            (needsAttention ? "fivepixels-validation-attention rounded-b-[12px] bg-rose-500/10" : ""), role: "group", "aria-label": messages.composer.categoryAriaLabel, "aria-invalid": needsAttention || undefined, children: FEEDBACK_CATEGORIES.map((category, index) => {
+            const selected = value === category;
+            return (_jsx("button", { ref: index === 0 ? firstButtonRef : undefined, type: "button", "data-fivepixels-interactive": "", "aria-pressed": selected, onClick: () => onChange(category), className: "rounded-[8px] border px-[12px] py-[4px] text-[12px] font-semibold " +
+                    (selected
+                        ? "border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-inverse)] text-[var(--adaptive-text-inverse)]"
+                        : needsAttention
+                            ? "border-rose-400 text-[var(--adaptive-text-primary)]"
+                            : "border-[var(--adaptive-border-subtle)] text-[var(--adaptive-text-muted)]"), children: messages.composer.categoryOption[category] }, category));
+        }) }));
+}
+//# sourceMappingURL=FeedbackCategorySelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackCategorySelector.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCategorySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAyB,MAAM,iCAAiC,CAAC;AAW7F,MAAM,UAAU,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,GAAG,KAAK,EAAE,YAAY,GAAG,CAAC,EAAiC;IAC3I,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,cAAc,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,cAAc,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;YACvC,OAAO;QACX,CAAC;QAED,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/E,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnC,OAAO,CACH,cACI,GAAG,EAAE,YAAY,EACjB,SAAS,EACL,uJAAuJ;YACvJ,CAAC,cAAc,CAAC,CAAC,CAAC,iEAAiE,CAAC,CAAC,CAAC,EAAE,CAAC,EAE7F,IAAI,EAAC,OAAO,gBACA,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,kBACjC,cAAc,IAAI,SAAS,YAExC,mBAAmB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACzC,MAAM,QAAQ,GAAG,KAAK,KAAK,QAAQ,CAAC;YAEpC,OAAO,CACH,iBAEI,GAAG,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7C,IAAI,EAAC,QAAQ,iCACe,EAAE,kBAChB,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACjC,SAAS,EACL,oEAAoE;oBACpE,CAAC,QAAQ;wBACL,CAAC,CAAC,iHAAiH;wBACnH,CAAC,CAAC,cAAc;4BACd,CAAC,CAAC,qDAAqD;4BACvD,CAAC,CAAC,0EAA0E,CAAC,YAGtF,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,IAftC,QAAQ,CAgBR,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

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

@@ -1,14 +1,22 @@
-import type { ReportField, ReportFieldValues } from "../../../types/report.js";
+import type { ReportField, ReportFieldValues, ReportCase } from "../../../types/report.js";
 import type { ReportAuthor } from "../../../types/report.js";
+import type { FeedbackCategory } from "../../../constants/feedbackCategory.js";
 type FeedbackComposerProps = {
-    message: string;
-    onMessageChange: (value: string) => void;
+    message?: string;
+    onMessageChange?: (value: string) => void;
+    cases?: ReportCase[];
+    onCaseChange?: (caseId: string, text: string) => void;
+    onAddCase?: () => void;
+    onRemoveCase?: (caseId: string) => void;
     authorName: string;
     onAuthorNameChange: (value: string) => void;
     authors: ReportAuthor[];
     fields: ReportField[];
     fieldValues: ReportFieldValues;
     onFieldChange: (key: string, value: string | boolean) => void;
+    category?: FeedbackCategory | null;
+    onCategoryChange?: (value: FeedbackCategory) => void;
+    showCategory?: boolean;
     showTags?: boolean;
     onSubmit: () => void;
     isSubmitting?: boolean;
@@ -17,7 +25,15 @@ type FeedbackComposerProps = {
     isGitHubIssueSubmitting?: boolean;
     placeholder?: string;
     autoFocus?: boolean;
+    errorMessage?: string;
+    showAskQuestionToggle?: boolean;
+    askQuestionChecked?: boolean;
+    onAskQuestionChange?: (checked: boolean) => void;
+    askQuestionForced?: boolean;
+    hideAuthorSelector?: boolean;
+    lockedAuthorName?: string;
+    onFooterWarningChange?: (message: string | null) => void;
 };
-export declare function FeedbackComposer({ message, onMessageChange, authorName, onAuthorNameChange, authors, fields, fieldValues, onFieldChange, showTags, onSubmit, isSubmitting, showGitHubIssueOnCreate, onGitHubIssueSubmit, isGitHubIssueSubmitting, placeholder, autoFocus, }: FeedbackComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeedbackComposer({ message, onMessageChange, cases, onCaseChange, onAddCase, onRemoveCase, authorName, onAuthorNameChange, authors, fields: _fields, fieldValues: _fieldValues, onFieldChange: _onFieldChange, category, onCategoryChange, showCategory, showTags: _showTags, onSubmit, isSubmitting, showGitHubIssueOnCreate, onGitHubIssueSubmit, isGitHubIssueSubmitting, placeholder, autoFocus, errorMessage, showAskQuestionToggle, askQuestionChecked, onAskQuestionChange, askQuestionForced, hideAuthorSelector, lockedAuthorName, onFooterWarningChange, }: FeedbackComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FeedbackComposer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQtD,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,YAAoB,EACpB,uBAA+B,EAC/B,mBAAmB,EACnB,uBAA+B,EAC/B,WAAW,EACX,SAAiB,GACpB,EAAE,qBAAqB,2CA4GvB"}
+{"version":3,"file":"FeedbackComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AASxE,KAAK,qBAAqB,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D,CAAC;AAoBF,wBAAgB,gBAAgB,CAAC,EAC7B,OAAY,EACZ,eAAe,EACf,KAAK,EACL,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,OAAO,EACP,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,cAAc,EAC7B,QAAe,EACf,gBAAgB,EAChB,YAAoB,EACpB,QAAQ,EAAE,SAAiB,EAC3B,QAAQ,EACR,YAAoB,EACpB,uBAA+B,EAC/B,mBAAmB,EACnB,uBAA+B,EAC/B,WAAW,EACX,SAAiB,EACjB,YAAiB,EACjB,qBAA6B,EAC7B,kBAA0B,EAC1B,mBAAmB,EACnB,iBAAyB,EACzB,kBAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,GACxB,EAAE,qBAAqB,2CAyNvB"}

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

@@ -1,15 +1,49 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useReport } from "../../../providers/reportContext.js";
 import { SendIcon } from "../../../components/icons/Icons.js";
 import { AuthorSelector } from "./AuthorSelector.js";
 import { HoverTooltip } from "../../../components/ui/HoverTooltip.js";
-import { FieldTagSelector } from "./FieldTagSelector.js";
-export function FeedbackComposer({ message, onMessageChange, authorName, onAuthorNameChange, authors, fields, fieldValues, onFieldChange, showTags = false, onSubmit, isSubmitting = false, showGitHubIssueOnCreate = false, onGitHubIssueSubmit, isGitHubIssueSubmitting = false, placeholder, autoFocus = false, }) {
+import { FeedbackCategorySelector } from "./FeedbackCategorySelector.js";
+import { FeedbackCaseEditor } from "./FeedbackCaseEditor.js";
+function isCaseTextErrorMessage(errorMessage, caseCount, caseTextRequired, casesRequired) {
+    if (!errorMessage) {
+        return false;
+    }
+    if (errorMessage === casesRequired) {
+        return true;
+    }
+    for (let index = 1; index <= Math.max(caseCount, 1); index += 1) {
+        if (errorMessage === caseTextRequired(index)) {
+            return true;
+        }
+    }
+    return false;
+}
+export function FeedbackComposer({ message = "", onMessageChange, cases, onCaseChange, onAddCase, onRemoveCase, authorName, onAuthorNameChange, authors, fields: _fields, fieldValues: _fieldValues, onFieldChange: _onFieldChange, category = null, onCategoryChange, showCategory = false, showTags: _showTags = false, onSubmit, isSubmitting = false, showGitHubIssueOnCreate = false, onGitHubIssueSubmit, isGitHubIssueSubmitting = false, placeholder, autoFocus = false, errorMessage = "", showAskQuestionToggle = false, askQuestionChecked = false, onAskQuestionChange, askQuestionForced = false, hideAuthorSelector = false, lockedAuthorName, onFooterWarningChange, }) {
     const { messages } = useReport();
     const [isGitHubIssueConfirming, setIsGitHubIssueConfirming] = useState(false);
-    const resolvedPlaceholder = placeholder ?? messages.composer.placeholder;
+    const [categoryAttentionKey, setCategoryAttentionKey] = useState(0);
+    const [caseAttentionKey, setCaseAttentionKey] = useState(0);
+    const isQuestionMode = askQuestionForced || askQuestionChecked;
+    const usesCaseEditor = Boolean(cases && onCaseChange && onAddCase && onRemoveCase);
+    const resolvedPlaceholder = isQuestionMode ? messages.composer.questionPlaceholder : (placeholder ?? (usesCaseEditor ? messages.fieldEditor.messagePlaceholder : messages.composer.placeholder));
+    const emptyCaseIds = useMemo(() => (cases ?? []).filter((item) => !item.text.trim()).map((item) => item.id), [cases]);
+    const hasEmptyCase = emptyCaseIds.length > 0;
+    const isCategoryRequiredError = errorMessage === messages.errors.categoryRequired;
+    const isEmptyCaseError = isCaseTextErrorMessage(errorMessage, cases?.length ?? 0, messages.errors.caseTextRequired, messages.errors.casesRequired);
+    const categoryNeedsAttention = showCategory && !category && !hasEmptyCase && (categoryAttentionKey > 0 || isCategoryRequiredError);
+    const caseNeedsAttention = usesCaseEditor && hasEmptyCase && (caseAttentionKey > 0 || isEmptyCaseError);
+    const footerWarning = caseNeedsAttention
+        ? messages.errors.emptyCaseMessageRequired
+        : categoryNeedsAttention
+            ? messages.errors.categoryRequired
+            : null;
+    const isFooterHandledError = isCategoryRequiredError || isEmptyCaseError;
     const isActionDisabled = isSubmitting || isGitHubIssueSubmitting;
+    useEffect(() => {
+        onFooterWarningChange?.(footerWarning);
+    }, [footerWarning, onFooterWarningChange]);
     useEffect(() => {
         if (!isGitHubIssueConfirming) {
             return;
@@ -17,10 +51,42 @@ export function FeedbackComposer({ message, onMessageChange, authorName, onAutho
         const timer = window.setTimeout(() => setIsGitHubIssueConfirming(false), 1500);
         return () => window.clearTimeout(timer);
     }, [isGitHubIssueConfirming]);
+    useEffect(() => {
+        if (!isEmptyCaseError || !usesCaseEditor || !hasEmptyCase) {
+            return;
+        }
+        setCaseAttentionKey((current) => current + 1);
+    }, [isEmptyCaseError, usesCaseEditor, hasEmptyCase, errorMessage]);
+    useEffect(() => {
+        if (!isCategoryRequiredError || !showCategory || category || hasEmptyCase) {
+            return;
+        }
+        setCategoryAttentionKey((current) => current + 1);
+    }, [isCategoryRequiredError, showCategory, category, hasEmptyCase, errorMessage]);
+    useEffect(() => {
+        if (!hasEmptyCase && caseAttentionKey > 0) {
+            setCaseAttentionKey(0);
+        }
+    }, [hasEmptyCase, caseAttentionKey]);
+    useEffect(() => {
+        if (category && categoryAttentionKey > 0) {
+            setCategoryAttentionKey(0);
+        }
+    }, [category, categoryAttentionKey]);
+    const bumpValidationAttention = () => {
+        if (usesCaseEditor && hasEmptyCase) {
+            setCaseAttentionKey((current) => current + 1);
+            return;
+        }
+        if (showCategory && !category) {
+            setCategoryAttentionKey((current) => current + 1);
+        }
+    };
     const handleSubmit = () => {
         if (isActionDisabled) {
             return;
         }
+        bumpValidationAttention();
         onSubmit();
     };
     const handleGitHubIssueSubmit = () => {
@@ -31,18 +97,19 @@ export function FeedbackComposer({ message, onMessageChange, authorName, onAutho
             setIsGitHubIssueConfirming(true);
             return;
         }
+        bumpValidationAttention();
         setIsGitHubIssueConfirming(false);
         onGitHubIssueSubmit();
     };
-    return (_jsxs("div", { className: "flex w-full flex-col", children: [_jsx("textarea", { autoFocus: autoFocus, value: message, onChange: (event) => onMessageChange(event.target.value), placeholder: resolvedPlaceholder, rows: 3, className: "min-h-[72px] w-full resize-none bg-transparent px-[16px] pt-[16px] text-[14px] leading-[1.4] text-[var(--adaptive-text-primary)] outline-none placeholder:text-[var(--adaptive-text-muted)]", onKeyDown: (event) => {
-                    if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
-                        event.preventDefault();
-                        handleSubmit();
-                    }
-                } }), _jsxs("div", { className: "flex items-center justify-between gap-[8px] px-[12px] pb-[12px]", children: [_jsx(AuthorSelector, { authors: authors, value: authorName, onChange: onAuthorNameChange }), _jsxs("div", { className: "flex shrink-0 items-center gap-[6px]", children: [showGitHubIssueOnCreate ? (_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isActionDisabled, onClick: handleGitHubIssueSubmit, className: "inline-flex h-[24px] items-center justify-center gap-[4px] rounded-full border border-[var(--adaptive-border-subtle)] px-[12px] py-[4px] disabled:opacity-50", "aria-label": isGitHubIssueConfirming ? messages.feedbackList.gitIssueConfirmAriaLabel : messages.composer.gitIssueSendAriaLabel, title: isGitHubIssueConfirming ? messages.feedbackList.gitIssueConfirmTitle : messages.composer.gitIssueSendTitle, children: _jsxs("span", { className: "text-[12px] font-semibold text-[var(--adaptive-black500)]", children: ["+ ", isGitHubIssueSubmitting
+    return (_jsxs("div", { className: `flex w-full flex-col bg-[var(--adaptive-blackOpacity400)] backdrop-blur-sm ${usesCaseEditor ? "min-h-0 flex-1" : ""}`, children: [_jsxs("div", { className: `relative ${usesCaseEditor ? "min-h-0 flex-1" : ""}`, children: [errorMessage && !isFooterHandledError ? (_jsx("p", { role: "alert", className: "absolute bottom-full left-[8px] right-[8px] z-10 mb-[6px] rounded-[8px] border border-rose-200 bg-rose-50 px-[8px] py-[4px] text-[12px] leading-[1.4] text-rose-700 shadow-[0_2px_8px_rgba(0,0,0,0.08)]", children: errorMessage })) : null, usesCaseEditor ? (_jsx(FeedbackCaseEditor, { cases: cases, onCaseChange: onCaseChange, onAddCase: onAddCase, onRemoveCase: onRemoveCase, autoFocus: autoFocus, onSubmitShortcut: handleSubmit, needsAttention: caseNeedsAttention, attentionKey: caseAttentionKey, emptyCaseIds: emptyCaseIds })) : (_jsx("textarea", { autoFocus: autoFocus, value: message, onChange: (event) => onMessageChange?.(event.target.value), placeholder: resolvedPlaceholder, rows: 3, className: "min-h-[72px] w-full resize-none bg-transparent px-[12px] pt-[12px] text-[14px] leading-[1.5] text-[var(--adaptive-text-primary)] outline-none placeholder:text-[var(--adaptive-text-muted)]", onKeyDown: (event) => {
+                            if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+                                event.preventDefault();
+                                handleSubmit();
+                            }
+                        } }))] }), _jsxs("div", { className: `flex items-center gap-[8px] px-[8px] pb-[8px] ${hideAuthorSelector && !lockedAuthorName ? "justify-end" : "justify-between"}`, children: [hideAuthorSelector ? (lockedAuthorName ? (_jsx("span", { className: "flex h-[24px] min-w-0 max-w-[50%] items-center truncate rounded-full bg-[var(--adaptive-surface-muted)] px-[12px] text-[12px] text-[var(--adaptive-black500)]", children: lockedAuthorName })) : null) : (_jsx(AuthorSelector, { authors: authors, value: authorName, onChange: onAuthorNameChange })), _jsxs("div", { className: "flex shrink-0 items-center gap-[6px]", children: [showAskQuestionToggle ? (_jsxs("label", { className: "inline-flex items-center gap-[4px] px-[2px] text-[12px] text-[var(--adaptive-black600)]", children: [_jsx("input", { type: "checkbox", "data-fivepixels-interactive": "", checked: isQuestionMode, disabled: askQuestionForced || isActionDisabled, onChange: (event) => onAskQuestionChange?.(event.target.checked), className: "h-[14px] w-[14px] accent-[var(--adaptive-blue500)]" }), _jsx("span", { children: messages.composer.askQuestionLabel })] })) : null, showGitHubIssueOnCreate ? (_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isActionDisabled, onClick: handleGitHubIssueSubmit, className: "inline-flex h-[24px] items-center justify-center gap-[4px] rounded-full border border-[var(--adaptive-border-subtle)] px-[12px] py-[4px] disabled:opacity-50", "aria-label": isGitHubIssueConfirming ? messages.feedbackList.gitIssueConfirmAriaLabel : messages.composer.gitIssueSendAriaLabel, title: isGitHubIssueConfirming ? messages.feedbackList.gitIssueConfirmTitle : messages.composer.gitIssueSendTitle, children: _jsxs("span", { className: "text-[12px] font-semibold text-[var(--adaptive-black500)]", children: ["+", " ", isGitHubIssueSubmitting
                                             ? messages.composer.gitIssueSendingLabel
                                             : isGitHubIssueConfirming
                                                 ? messages.feedbackList.gitIssueConfirmLabel
-                                                : messages.composer.gitIssueSendLabel] }) })) : null, _jsx(HoverTooltip, { label: messages.composer.sendAriaLabel, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isActionDisabled, onClick: handleSubmit, className: "inline-flex px-[12px] shrink-0 items-center justify-center rounded-full bg-[var(--adaptive-blue500)] text-[var(--adaptive-overlay-text)] disabled:opacity-50", "aria-label": messages.composer.sendAriaLabel, children: _jsx(SendIcon, { className: "w-[16px]" }) }) })] })] }), showTags ? (_jsx(FieldTagSelector, { fields: fields, fieldValues: fieldValues, onFieldChange: (key, value) => onFieldChange(key, value) })) : null] }));
+                                                : messages.composer.gitIssueSendLabel] }) })) : null, _jsx(HoverTooltip, { label: messages.composer.sendAriaLabel, disabled: isActionDisabled, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isActionDisabled, onClick: handleSubmit, className: "inline-flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full bg-[var(--adaptive-blue500)] text-white disabled:opacity-50", "aria-label": messages.composer.sendAriaLabel, children: _jsx(SendIcon, { className: "h-[16px] w-[16px]" }) }) })] })] }), showCategory && onCategoryChange ? (_jsx(FeedbackCategorySelector, { value: category, onChange: onCategoryChange, messages: messages, needsAttention: categoryNeedsAttention, attentionKey: categoryAttentionKey })) : null] }));
 }
 //# sourceMappingURL=FeedbackComposer.js.map

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

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

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

@@ -1,13 +1,12 @@
 import type { ReportFeedback } from "../../../types/report.js";
+import type { MarkerDetachedKind } from "../../../types/report-ui.js";
 type FeedbackHoverCardProps = {
     report: ReportFeedback;
-    fieldTags: {
-        key: string;
-        label: string;
-    }[];
     detached?: boolean;
+    detachedKind?: MarkerDetachedKind;
     detachedHint?: string;
+    detachedModalHint?: string;
 };
-export declare function FeedbackHoverCard({ report, fieldTags, detached, detachedHint }: FeedbackHoverCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeedbackHoverCard({ report, detached, detachedKind, detachedHint, detachedModalHint }: FeedbackHoverCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FeedbackHoverCard.d.ts.map