@fivepixels-js/react 0.2.10 → 0.2.12

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

@@ -1,11 +1,14 @@
 import type { ReactNode } from "react";
 /** Fixed width of the left time-rail column shared across every thread entry. */
 export declare const TIMELINE_RAIL_WIDTH = 46;
+export declare const TIMELINE_REPLY_RAIL_WIDTH = 58;
 type ThreadTimelineRowProps = {
     time?: string;
+    /** Ask / nested replies — show return-right arrow to the left of the clock. */
+    replyIndicator?: boolean;
     children: ReactNode;
     className?: string;
 };
-export declare function ThreadTimelineRow({ time, children, className }: ThreadTimelineRowProps): import("react").JSX.Element;
+export declare function ThreadTimelineRow({ time, replyIndicator, children, className }: ThreadTimelineRowProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ThreadTimelineRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadTimelineRow.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/ThreadTimelineRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,iFAAiF;AACjF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,KAAK,sBAAsB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,sBAAsB,+BAQ3F"}
+{"version":3,"file":"ThreadTimelineRow.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/ThreadTimelineRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,iFAAiF;AACjF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,KAAK,sBAAsB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,cAAsB,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,sBAAsB,+BAwBnH"}

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

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowReturnRightIcon } from "../../../components/icons/Icons.js";
 /** Fixed width of the left time-rail column shared across every thread entry. */
 export const TIMELINE_RAIL_WIDTH = 46;
-export function ThreadTimelineRow({ time, children, className = "" }) {
-    return (_jsxs("div", { className: `grid grid-cols-[46px_minmax(0,1fr)] ${className}`, children: [_jsx("div", { children: time ? _jsx("p", { className: "rounded-full bg-[var(--adaptive-black200)] px-[4px] py-[2px] text-center text-[12px] text-[var(--adaptive-black500)]", children: time }) : null }), _jsx("div", { className: "min-w-0 pb-[16px] pl-[14px] flex flex-col gap-[4px]", children: children })] }));
+export const TIMELINE_REPLY_RAIL_WIDTH = 58;
+export function ThreadTimelineRow({ time, replyIndicator = false, children, className = "" }) {
+    const railWidth = replyIndicator ? TIMELINE_REPLY_RAIL_WIDTH : TIMELINE_RAIL_WIDTH;
+    return (_jsxs("div", { className: `grid ${className}`, style: { gridTemplateColumns: `${railWidth}px minmax(0, 1fr)` }, children: [_jsxs("div", { className: `flex items-start ${replyIndicator ? "justify-end gap-[2px]" : "justify-center"}`, children: [replyIndicator ? (_jsx(ArrowReturnRightIcon, { className: "mt-[3px] h-[12px] w-[12px] shrink-0 text-[var(--adaptive-black400)]", fill: "currentColor" })) : null, time ? (_jsx("p", { className: "rounded-full bg-[var(--adaptive-black200)] px-[4px] py-[2px] text-center text-[12px] tabular-nums text-[var(--adaptive-black500)]", children: time })) : null] }), _jsx("div", { className: "flex min-w-0 flex-col gap-[4px] pb-[16px] pl-[14px]", children: children })] }));
 }
 //# sourceMappingURL=ThreadTimelineRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadTimelineRow.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/ThreadTimelineRow.tsx"],"names":[],"mappings":";AAEA,iFAAiF;AACjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAQtC,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA0B;IACxF,OAAO,CACH,eAAK,SAAS,EAAE,uCAAuC,SAAS,EAAE,aAE9D,wBAAM,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,sHAAsH,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,GAAO,EACzK,cAAK,SAAS,EAAC,qDAAqD,YAAE,QAAQ,GAAO,IACnF,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ThreadTimelineRow.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/ThreadTimelineRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,iFAAiF;AACjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAU5C,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA0B;IAChH,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAEnF,OAAO,CACH,eACI,SAAS,EAAE,QAAQ,SAAS,EAAE,EAC9B,KAAK,EAAE,EAAE,mBAAmB,EAAE,GAAG,SAAS,mBAAmB,EAAE,aAE/D,eAAK,SAAS,EAAE,oBAAoB,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,gBAAgB,EAAE,aAC5F,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,oBAAoB,IACjB,SAAS,EAAC,qEAAqE,EAC/E,IAAI,EAAC,cAAc,GACrB,CACL,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACJ,YAAG,SAAS,EAAC,mIAAmI,YAC3I,IAAI,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACN,EACN,cAAK,SAAS,EAAC,qDAAqD,YAAE,QAAQ,GAAO,IACnF,CACT,CAAC;AACN,CAAC"}

package/dist/components/panel/onboarding/PanelOnboardingAuthSteps.d.ts

@@ -0,0 +1,45 @@
+import type { ReportMessages } from "../../../i18n/types.js";
+type OnboardingCopy = ReportMessages["onboarding"];
+export declare function ApiLoginStep({ copy, loginId, password, error, busy, onLoginIdChange, onPasswordChange, onLogin, onSignUp, onBack, }: {
+    copy: OnboardingCopy;
+    loginId: string;
+    password: string;
+    error: string;
+    busy: boolean;
+    onLoginIdChange: (value: string) => void;
+    onPasswordChange: (value: string) => void;
+    onLogin: () => void;
+    onSignUp: () => void;
+    onBack: () => void;
+}): import("react").JSX.Element;
+export declare function ApiRegisterStep({ copy, loginId, password, passwordConfirm, email, username, busy, onLoginIdChange, onPasswordChange, onPasswordConfirmChange, onEmailChange, onUsernameChange, onSubmit, onBack, }: {
+    copy: OnboardingCopy;
+    loginId: string;
+    password: string;
+    passwordConfirm: string;
+    email: string;
+    username: string;
+    busy: boolean;
+    onLoginIdChange: (value: string) => void;
+    onPasswordChange: (value: string) => void;
+    onPasswordConfirmChange: (value: string) => void;
+    onEmailChange: (value: string) => void;
+    onUsernameChange: (value: string) => void;
+    onSubmit: () => void;
+    onBack: () => void;
+}): import("react").JSX.Element;
+export declare function ApiRegisterResultStep({ copy, success, message, onAction, }: {
+    copy: OnboardingCopy;
+    success: boolean;
+    message: string;
+    onAction: () => void;
+}): import("react").JSX.Element;
+export declare function ArtemisLoginStep({ copy, error, busy, onGoogleLogin, onBack, }: {
+    copy: OnboardingCopy;
+    error: string;
+    busy: boolean;
+    onGoogleLogin: () => void;
+    onBack: () => void;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PanelOnboardingAuthSteps.d.ts.map

package/dist/components/panel/onboarding/PanelOnboardingAuthSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelOnboardingAuthSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/onboarding/PanelOnboardingAuthSteps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAatD,KAAK,cAAc,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAsDnD,wBAAgB,YAAY,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,MAAM,GACT,EAAE;IACC,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB,+BAmDA;AAED,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,MAAM,GACT,EAAE;IACC,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB,+BAwCA;AAED,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,GACX,EAAE;IACC,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,+BAcA;AAaD,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,aAAa,EACb,MAAM,GACT,EAAE;IACC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB,+BA4BA"}

package/dist/components/panel/onboarding/PanelOnboardingAuthSteps.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LockIcon } from "../../../components/icons/Icons.js";
+import { HoverTooltip } from "../../../components/ui/HoverTooltip.js";
+import { useIntegrationLock } from "../../../components/ui/IntegrationLock.js";
+import { PANEL_GATE_BACK_BUTTON_CLASS, PANEL_GATE_DESCRIPTION_CLASS, PANEL_GATE_INPUT_CLASS, PANEL_GATE_LABEL_CLASS, PANEL_GATE_PRIMARY_BUTTON_CLASS, PANEL_GATE_TITLE_CLASS, } from "../PanelGateShell.js";
+function OnboardingField({ label, value, onChange, type = "text", autoFocus }) {
+    return (_jsxs("label", { className: "block", children: [_jsx("span", { className: PANEL_GATE_LABEL_CLASS, children: label }), _jsx("input", { autoFocus: autoFocus, type: type, value: value, onChange: (event) => onChange(event.target.value), className: PANEL_GATE_INPUT_CLASS })] }));
+}
+function StepFooter({ backLabel, onBack, nextLabel, onNext, nextDisabled, nextClassName = PANEL_GATE_PRIMARY_BUTTON_CLASS, }) {
+    return (_jsxs("div", { className: `flex items-center ${onNext ? "justify-between" : "justify-start"}`, children: [_jsx("button", { type: "button", onClick: onBack, className: PANEL_GATE_BACK_BUTTON_CLASS, children: backLabel }), onNext && nextLabel ? (_jsx("button", { type: "button", disabled: nextDisabled, onClick: onNext, className: nextClassName, children: nextLabel })) : null] }));
+}
+export function ApiLoginStep({ copy, loginId, password, error, busy, onLoginIdChange, onPasswordChange, onLogin, onSignUp, onBack, }) {
+    const loginLock = useIntegrationLock("apiLogin");
+    const registerLock = useIntegrationLock("apiRegister");
+    const loginDisabled = !loginId.trim() || !password || busy || loginLock.locked;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: copy.apiLoginTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: copy.apiLoginDescription })] }), _jsxs("div", { className: "flex flex-col gap-[8px]", children: [_jsx(OnboardingField, { autoFocus: true, label: copy.loginIdLabel, value: loginId, onChange: onLoginIdChange }), _jsx(OnboardingField, { label: copy.passwordLabel, value: password, onChange: onPasswordChange, type: "password" })] }), error ? _jsx("p", { className: "text-[12px] text-rose-700", children: error }) : null, _jsxs("div", { className: "flex flex-col gap-[8px]", children: [_jsx(HoverTooltip, { label: loginLock.locked ? loginLock.tooltipLabel : undefined, multiline: loginLock.locked, disabled: !loginLock.locked, children: _jsxs("button", { type: "button", disabled: loginDisabled, onClick: onLogin, className: `${PANEL_GATE_PRIMARY_BUTTON_CLASS} inline-flex w-full items-center justify-center gap-[6px] py-[10px]`, children: [loginLock.locked ? _jsx(LockIcon, { className: "h-[12px] w-[12px]" }) : null, copy.loginAction] }) }), _jsx(HoverTooltip, { label: registerLock.locked ? registerLock.tooltipLabel : undefined, multiline: registerLock.locked, disabled: !registerLock.locked, children: _jsxs("button", { type: "button", disabled: busy || registerLock.locked, onClick: onSignUp, className: "inline-flex items-center justify-center gap-[6px] rounded-[8px] border border-[var(--adaptive-black200)] px-[12px] py-[10px] text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)] disabled:cursor-not-allowed disabled:opacity-50", children: [registerLock.locked ? _jsx(LockIcon, { className: "h-[12px] w-[12px]" }) : null, copy.signUpAction] }) })] }), _jsx(StepFooter, { backLabel: copy.back, onBack: onBack })] }));
+}
+export function ApiRegisterStep({ copy, loginId, password, passwordConfirm, email, username, busy, onLoginIdChange, onPasswordChange, onPasswordConfirmChange, onEmailChange, onUsernameChange, onSubmit, onBack, }) {
+    const registerLock = useIntegrationLock("apiRegister");
+    const canSubmit = Boolean(loginId.trim() && password && passwordConfirm && email.trim() && username.trim()) && !busy && !registerLock.locked;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: copy.registerTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: copy.registerDescription })] }), _jsxs("div", { className: "flex flex-col gap-[8px]", children: [_jsx(OnboardingField, { autoFocus: true, label: copy.loginIdLabel, value: loginId, onChange: onLoginIdChange }), _jsx(OnboardingField, { label: copy.passwordLabel, value: password, onChange: onPasswordChange, type: "password" }), _jsx(OnboardingField, { label: copy.passwordConfirmLabel, value: passwordConfirm, onChange: onPasswordConfirmChange, type: "password" }), _jsx(OnboardingField, { label: copy.emailLabel, value: email, onChange: onEmailChange, type: "email" }), _jsx(OnboardingField, { label: copy.usernameLabel, value: username, onChange: onUsernameChange })] }), _jsx(HoverTooltip, { label: registerLock.locked ? registerLock.tooltipLabel : undefined, multiline: registerLock.locked, disabled: !registerLock.locked, className: "w-full", children: _jsxs("div", { className: `flex items-center ${"justify-between"}`, children: [_jsx("button", { type: "button", onClick: onBack, className: PANEL_GATE_BACK_BUTTON_CLASS, children: copy.back }), _jsxs("button", { type: "button", disabled: !canSubmit, onClick: onSubmit, className: `${PANEL_GATE_PRIMARY_BUTTON_CLASS} inline-flex items-center gap-[6px]`, children: [registerLock.locked ? _jsx(LockIcon, { className: "h-[12px] w-[12px]" }) : null, copy.registerSubmit] })] }) })] }));
+}
+export function ApiRegisterResultStep({ copy, success, message, onAction, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: success ? copy.registerSuccessTitle : copy.registerErrorTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: success ? copy.registerSuccessDescription : message })] }), _jsx("div", { className: "flex items-center justify-end", children: _jsx("button", { type: "button", onClick: onAction, className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: success ? copy.goToLogin : copy.backToPrevious }) })] }));
+}
+function GoogleGlyph() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 48 48", "aria-hidden": "true", children: [_jsx("path", { fill: "#FFC107", d: "M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.3 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.1 8 3l5.7-5.7C34.2 6.1 29.4 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.5-.4-3.5z" }), _jsx("path", { fill: "#FF3D00", d: "M6.3 14.7l6.6 4.8C14.7 16 19 12 24 12c3.1 0 5.8 1.1 8 3l5.7-5.7C34.2 6.1 29.4 4 24 4 16.3 4 9.6 8.3 6.3 14.7z" }), _jsx("path", { fill: "#4CAF50", d: "M24 44c5.2 0 10-2 13.6-5.2l-6.3-5.3C29.2 35.1 26.7 36 24 36c-5.3 0-9.7-3.3-11.3-8.1l-6.5 5C9.5 39.6 16.2 44 24 44z" }), _jsx("path", { fill: "#1976D2", d: "M43.6 20.5H42V20H24v8h11.3c-1.1 3.2-3.5 5.8-6.6 7.4l6.3 5.3C37.8 38.2 44 32 44 24c0-1.3-.1-2.5-.4-3.5z" })] }));
+}
+export function ArtemisLoginStep({ copy, error, busy, onGoogleLogin, onBack, }) {
+    const artemisLock = useIntegrationLock("artemisLogin");
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: copy.artemisLoginTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: copy.artemisLoginDescription })] }), _jsx(HoverTooltip, { label: artemisLock.locked ? artemisLock.tooltipLabel : undefined, multiline: artemisLock.locked, disabled: !artemisLock.locked, children: _jsxs("button", { type: "button", disabled: busy || artemisLock.locked, onClick: onGoogleLogin, className: "flex w-full items-center justify-center gap-[8px] rounded-[8px] border border-[var(--adaptive-black200)] bg-[var(--adaptive-surface)] px-[12px] py-[10px] text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)] disabled:cursor-not-allowed disabled:opacity-50", children: [artemisLock.locked ? _jsx(LockIcon, { className: "h-[12px] w-[12px]" }) : _jsx(GoogleGlyph, {}), copy.googleLogin] }) }), error ? _jsx("p", { className: "text-[12px] text-rose-700", children: error }) : null, _jsx(StepFooter, { backLabel: copy.back, onBack: onBack })] }));
+}
+//# sourceMappingURL=PanelOnboardingAuthSteps.js.map

package/dist/components/panel/onboarding/PanelOnboardingAuthSteps.js.map

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

package/dist/components/point/MarkerCaseSidebar.d.ts

@@ -2,8 +2,11 @@ import type { ReportFeedback } from "../../types/report.js";
 type MarkerCaseSidebarProps = {
     report: ReportFeedback;
     focusedCaseId: string | null;
+    isComposingNewCase?: boolean;
+    composingCaseTitle?: string;
     onSelectCase: (caseId: string) => void;
+    onSelectComposingCase?: () => void;
 };
-export declare function MarkerCaseSidebar({ report, focusedCaseId, onSelectCase }: MarkerCaseSidebarProps): import("react").JSX.Element;
+export declare function MarkerCaseSidebar({ report, focusedCaseId, isComposingNewCase, composingCaseTitle, onSelectCase, onSelectComposingCase, }: MarkerCaseSidebarProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MarkerCaseSidebar.d.ts.map

package/dist/components/point/MarkerCaseSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerCaseSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/point/MarkerCaseSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAWxD,KAAK,sBAAsB,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAkCF,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,sBAAsB,+BAqEhG"}
+{"version":3,"file":"MarkerCaseSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/point/MarkerCaseSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAWxD,KAAK,sBAAsB,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAkCF,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,aAAa,EACb,kBAA0B,EAC1B,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,GACxB,EAAE,sBAAsB,+BAiGxB"}

package/dist/components/point/MarkerCaseSidebar.js

@@ -21,16 +21,17 @@ function CaseStatusLabel({ status, isNeedGray }) {
     const color = FEEDBACK_STATUS_COLOR[status];
     return (_jsx("span", { className: "shrink-0 whitespace-nowrap text-[11px] font-semibold leading-none", style: { color: isNeedGray ? "var(--adaptive-black500)" : color }, children: messages.status.feedback[status] }));
 }
-export function MarkerCaseSidebar({ report, focusedCaseId, onSelectCase }) {
+export function MarkerCaseSidebar({ report, focusedCaseId, isComposingNewCase = false, composingCaseTitle, onSelectCase, onSelectComposingCase, }) {
     const { messages } = useReportPreferences();
     const { sessionActor, removePersistedCase, isUpdating } = useReport();
     const cases = getReportCases(report);
-    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("p", { className: "shrink-0 px-[14px] pb-[8px] pt-[4px] text-[12px] font-semibold text-[var(--adaptive-black500)]", children: messages.cases.title }), _jsx("ul", { className: "flex min-h-0 flex-1 flex-col gap-[2px] overflow-auto px-[6px] pb-[10px]", children: cases.map((item) => {
-                    const isActive = item.id === focusedCaseId;
-                    const status = getCaseLatestStatus(report, item.id);
-                    const showRemove = canRemoveCase(report, item.id, sessionActor);
-                    const caseRelativeTime = formatRelativeTime(item.created_at, messages.common.relativeTime);
-                    return (_jsxs("li", { className: "group relative", children: [_jsxs("button", { type: "button", "data-fivepixels-interactive": "", "aria-current": isActive, onClick: () => onSelectCase(item.id), className: `flex w-full flex-col items-start justify-center gap-[8px] rounded-[8px] px-[8px] py-[8px] text-left transition-colors ${isActive ? "bg-[var(--adaptive-neutralTintOpacity900)] text-[var(--adaptive-black900)]" : "text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-tintOpacity100)]"} ${showRemove ? "pr-[28px]" : ""}`, children: [_jsxs("section", { className: "flex w-full items-center gap-[4px]", children: [_jsx(CaseStatusIndicator, { caseStatus: item.status }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[14px] leading-[1]", title: mentionMessageToPlainText(item.text, item.mentions), children: mentionMessageToPlainText(item.text, item.mentions) })] }), _jsxs("div", { className: "flex w-full min-w-0 items-center justify-between gap-[8px]", children: [_jsx(CaseStatusLabel, { status: status, isNeedGray: true }), _jsx("span", { className: "min-w-0 truncate text-[11px] tabular-nums leading-none text-[var(--adaptive-black500)]", children: caseRelativeTime })] })] }), showRemove ? (_jsx("div", { className: "absolute right-[6px] top-[10px] z-[1] opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100", children: _jsx(FeedbackDeleteAction, { reportId: item.id, onDelete: async () => removePersistedCase(report, item.id), disabled: isUpdating, messages: messages, deleteTitle: messages.cases.removeCaseTitle, deleteConfirmTitle: messages.cases.removeCaseConfirmTitle, deleteAriaLabel: messages.cases.removeCaseAriaLabel, deleteConfirmAriaLabel: messages.cases.removeCaseConfirmAriaLabel, className: "flex h-[20px] w-[20px] items-center justify-center disabled:opacity-50 text-[var(--adaptive-black400)] hover:text-[var(--adaptive-black900)]" }) })) : null] }, item.id));
-                }) })] }));
+    const resolvedComposingTitle = composingCaseTitle ?? messages.cases.composingCaseTitle;
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("p", { className: "shrink-0 px-[14px] pb-[8px] pt-[4px] text-[12px] font-semibold text-[var(--adaptive-black500)]", children: messages.cases.title }), _jsxs("ul", { className: "flex min-h-0 flex-1 flex-col gap-[2px] overflow-auto px-[6px] pb-[10px]", children: [cases.map((item) => {
+                        const isActive = !isComposingNewCase && item.id === focusedCaseId;
+                        const status = getCaseLatestStatus(report, item.id);
+                        const showRemove = canRemoveCase(report, item.id, sessionActor);
+                        const caseRelativeTime = formatRelativeTime(item.created_at, messages.common.relativeTime);
+                        return (_jsxs("li", { className: "group relative", children: [_jsxs("button", { type: "button", "data-fivepixels-interactive": "", "aria-current": isActive, onClick: () => onSelectCase(item.id), className: `flex w-full flex-col items-start justify-center gap-[8px] rounded-[8px] px-[8px] py-[8px] text-left transition-colors ${isActive ? "bg-[var(--adaptive-neutralTintOpacity900)] text-[var(--adaptive-black900)]" : "text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-tintOpacity100)]"} ${showRemove ? "pr-[28px]" : ""}`, children: [_jsxs("section", { className: "flex w-full items-center gap-[4px]", children: [_jsx(CaseStatusIndicator, { caseStatus: item.status }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[14px] leading-[1]", title: mentionMessageToPlainText(item.text, item.mentions), children: mentionMessageToPlainText(item.text, item.mentions) })] }), _jsxs("div", { className: "flex w-full min-w-0 items-center justify-between gap-[8px]", children: [_jsx(CaseStatusLabel, { status: status, isNeedGray: true }), _jsx("span", { className: "min-w-0 truncate text-[11px] tabular-nums leading-none text-[var(--adaptive-black500)]", children: caseRelativeTime })] })] }), showRemove ? (_jsx("div", { className: "absolute right-[6px] top-[10px] z-[1] opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100", children: _jsx(FeedbackDeleteAction, { reportId: item.id, onDelete: async () => removePersistedCase(report, item.id), disabled: isUpdating, messages: messages, deleteTitle: messages.cases.removeCaseTitle, deleteConfirmTitle: messages.cases.removeCaseConfirmTitle, deleteAriaLabel: messages.cases.removeCaseAriaLabel, deleteConfirmAriaLabel: messages.cases.removeCaseConfirmAriaLabel, className: "flex h-[20px] w-[20px] items-center justify-center disabled:opacity-50 text-[var(--adaptive-black400)] hover:text-[var(--adaptive-black900)]" }) })) : null] }, item.id));
+                    }), isComposingNewCase ? (_jsx("li", { children: _jsxs("button", { type: "button", "data-fivepixels-interactive": "", "aria-current": true, onClick: () => onSelectComposingCase?.(), className: "flex w-full flex-col items-start justify-center gap-[8px] rounded-[8px] bg-[var(--adaptive-neutralTintOpacity900)] px-[8px] py-[8px] text-left text-[var(--adaptive-black900)]", children: [_jsxs("section", { className: "flex w-full items-center gap-[4px]", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-[12px] w-[12px] shrink-0 rounded-full border border-dashed border-[var(--adaptive-blue400)]" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[14px] font-semibold leading-[1] text-[var(--adaptive-blue400)]", children: resolvedComposingTitle })] }), _jsx("div", { className: "flex w-full min-w-0 items-center justify-between gap-[8px]", children: _jsx("span", { className: "shrink-0 whitespace-nowrap text-[11px] font-semibold leading-none text-[var(--adaptive-black500)]", children: messages.cases.open }) })] }) })) : null] })] }));
 }
 //# sourceMappingURL=MarkerCaseSidebar.js.map

package/dist/components/point/MarkerCaseSidebar.js.map

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

package/dist/components/point/MarkerFeedbackWindow.d.ts

@@ -3,7 +3,8 @@ import type { ReportFeedback } from "../../types/report.js";
 type MarkerFeedbackWindowProps = {
     report: ReportFeedback;
     anchor: Pick<Marker, "left" | "top">;
+    isFocused: boolean;
 };
-export declare function MarkerFeedbackWindow({ report, anchor }: MarkerFeedbackWindowProps): import("react").JSX.Element;
+export declare function MarkerFeedbackWindow({ report, anchor, isFocused }: MarkerFeedbackWindowProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MarkerFeedbackWindow.d.ts.map

package/dist/components/point/MarkerFeedbackWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerFeedbackWindow.d.ts","sourceRoot":"","sources":["../../../src/components/point/MarkerFeedbackWindow.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmHxD,KAAK,yBAAyB,GAAG;IAC7B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;CACxC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,yBAAyB,+BAmkBjF"}
+{"version":3,"file":"MarkerFeedbackWindow.d.ts","sourceRoot":"","sources":["../../../src/components/point/MarkerFeedbackWindow.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA+axD,KAAK,yBAAyB,GAAG;IAC7B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BAihC5F"}