@fivepixels-js/react 0.2.6 → 0.2.8

package/dist/components/panel/DiscreteScaleDial.js

@@ -1,14 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function DiscreteScaleDial({ values, value, onChange, labels, ariaLabel }) {
-    const index = Math.max(0, values.indexOf(value));
-    return (_jsxs("div", { className: "flex flex-col gap-[6px]", children: [_jsx("input", { type: "range", min: 0, max: values.length - 1, step: 1, value: index, "aria-label": ariaLabel, onChange: (event) => {
-                    const next = values[Number(event.target.value)];
-                    if (next) {
-                        onChange(next);
-                    }
-                }, className: "h-[4px] w-full cursor-pointer appearance-none rounded-full bg-[var(--adaptive-black200)] accent-[var(--adaptive-blue500)]" }), _jsx("div", { className: "grid gap-[4px]", style: { gridTemplateColumns: `repeat(${values.length}, minmax(0, 1fr))` }, children: values.map((scale) => {
-                    const active = scale === value;
-                    return (_jsx("span", { className: `text-center text-[10px] leading-[1.2] ${active ? "font-semibold text-[var(--adaptive-blue500)]" : "font-medium text-[var(--adaptive-black500)]"}`, children: labels[scale] }, scale));
-                }) })] }));
+    return (_jsx("div", { role: "radiogroup", "aria-label": ariaLabel, className: "grid gap-[4px]", style: { gridTemplateColumns: `repeat(${values.length}, minmax(0, 1fr))` }, children: values.map((scale) => {
+            const active = scale === value;
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": active, onClick: () => onChange(scale), className: `rounded-[6px] px-[2px] py-[6px] text-center text-[10px] leading-[1.2] transition-colors ${active
+                    ? "bg-[var(--adaptive-blue500)] font-semibold text-white"
+                    : "bg-[var(--adaptive-black100)] font-medium text-[var(--adaptive-black600)] ring-1 ring-[var(--adaptive-black200)] hover:bg-[var(--adaptive-black200)] hover:text-[var(--adaptive-black800)]"}`, children: labels[scale] }, scale));
+        }) }));
 }
 //# sourceMappingURL=DiscreteScaleDial.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiscreteScaleDial.js","sourceRoot":"","sources":["../../../src/components/panel/DiscreteScaleDial.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,iBAAiB,CAAmB,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAA6B;IACzH,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjD,OAAO,CACH,eAAK,SAAS,EAAC,yBAAyB,aACpC,gBACI,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,EACtB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,KAAK,gBACA,SAAS,EACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBAEhD,IAAI,IAAI,EAAE,CAAC;wBACP,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACnB,CAAC;gBACL,CAAC,EACD,SAAS,EAAC,2HAA2H,GACvI,EACF,cACI,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,MAAM,CAAC,MAAM,mBAAmB,EAAE,YAEzE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBAClB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC;oBAE/B,OAAO,CACH,eAEI,SAAS,EAAE,yCACP,MAAM,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,6CAC9D,EAAE,YAED,MAAM,CAAC,KAAK,CAAC,IALT,KAAK,CAMP,CACV,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DiscreteScaleDial.js","sourceRoot":"","sources":["../../../src/components/panel/DiscreteScaleDial.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,iBAAiB,CAAmB,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAA6B;IACzH,OAAO,CACH,cACI,IAAI,EAAC,YAAY,gBACL,SAAS,EACrB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,MAAM,CAAC,MAAM,mBAAmB,EAAE,YAEzE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC;YAE/B,OAAO,CACH,iBAEI,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,2FACP,MAAM;oBACF,CAAC,CAAC,uDAAuD;oBACzD,CAAC,CAAC,4LACV,EAAE,YAED,MAAM,CAAC,KAAK,CAAC,IAXT,KAAK,CAYL,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

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

@@ -1,10 +1,12 @@
-import type { MarkerShape } from "../../constants/markerAppearance.js";
+import type { MarkerFillStyle, MarkerShape } from "../../constants/markerAppearance.js";
 type MarkerShapePickerProps = {
     value: MarkerShape;
     onChange: (value: MarkerShape) => void;
     labels: Record<MarkerShape, string>;
     ariaLabel: string;
+    previewColor: string;
+    fillStyle?: MarkerFillStyle;
 };
-export declare function MarkerShapePicker({ value, onChange, labels, ariaLabel }: MarkerShapePickerProps): import("react").JSX.Element;
+export declare function MarkerShapePicker({ value, onChange, labels, ariaLabel, previewColor, fillStyle, }: MarkerShapePickerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MarkerShapePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkerShapePicker.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MarkerShapePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAInE,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAuBF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,sBAAsB,+BA6C/F"}
+{"version":3,"file":"MarkerShapePicker.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MarkerShapePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAMpF,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAqBF,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,SAAoB,GACvB,EAAE,sBAAsB,+BAiDxB"}

package/dist/components/panel/MarkerShapePicker.js

@@ -1,24 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MARKER_SHAPE_VALUES } from "../../constants/markerAppearance.js";
 import { CheckIcon } from "../../components/icons/Icons.js";
-function ShapePreview({ shape }) {
-    if (shape === "square") {
-        return _jsx("span", { className: "block h-[14px] w-[14px] rounded-[3px] bg-[var(--adaptive-blue500)]" });
-    }
-    if (shape === "pill") {
-        return _jsx("span", { className: "block h-[10px] w-[18px] rounded-full bg-[var(--adaptive-blue500)]" });
-    }
-    if (shape === "pin") {
-        return (_jsx("span", { className: "block h-[16px] w-[12px] bg-[var(--adaptive-blue500)]", style: { clipPath: "polygon(50% 100%, 6% 42%, 6% 8%, 94% 8%, 94% 42%)" } }));
-    }
-    return _jsx("span", { className: "block h-[14px] w-[14px] rounded-full bg-[var(--adaptive-blue500)]" });
+import { MarkerShapeGlyph } from "../../components/point/MarkerShapeGlyph.js";
+import { resolveMarkerGlyphPaint, resolveMarkerShapeStyle } from "../../utils/marker/markerShape.js";
+function ShapePreview({ shape, previewColor, fillStyle }) {
+    const preview = resolveMarkerShapeStyle(shape, 12);
+    const paint = resolveMarkerGlyphPaint(previewColor, fillStyle, preview.strokeWidthPx);
+    const width = Math.min(preview.width, 16);
+    const height = Math.min(preview.height, 16);
+    return (_jsx(MarkerShapeGlyph, { shape: shape, fill: paint.fill, width: width, height: height, stroke: paint.stroke, strokeWidthPx: paint.strokeWidthPx, style: { filter: "none" } }));
 }
-export function MarkerShapePicker({ value, onChange, labels, ariaLabel }) {
+export function MarkerShapePicker({ value, onChange, labels, ariaLabel, previewColor, fillStyle = "filled", }) {
     return (_jsx("div", { role: "radiogroup", "aria-label": ariaLabel, className: "grid grid-cols-4 gap-[6px]", children: MARKER_SHAPE_VALUES.map((shape) => {
             const active = shape === value;
             return (_jsxs("button", { type: "button", role: "radio", "aria-checked": active, onClick: () => onChange(shape), className: `group relative flex flex-col items-center gap-[5px] rounded-[8px] p-[4px] transition-colors ${active
                     ? "ring-2 ring-[var(--adaptive-blue500)] ring-offset-1 ring-offset-[var(--adaptive-black50)]"
-                    : "ring-1 ring-[var(--adaptive-black200)] hover:ring-[var(--adaptive-black300)]"}`, children: [_jsxs("div", { className: "relative flex h-[28px] w-full items-center justify-center rounded-[5px] bg-[var(--adaptive-black100)]", children: [_jsx(ShapePreview, { shape: shape }), active ? (_jsx("span", { className: "absolute right-[2px] bottom-[2px] flex h-[12px] w-[12px] items-center justify-center rounded-full bg-[var(--adaptive-blue500)] text-white", children: _jsx(CheckIcon, { className: "h-[7px] w-[7px]" }) })) : null] }), _jsx("span", { className: `w-full truncate text-center text-[9px] leading-[1.2] ${active
+                    : "ring-1 ring-[var(--adaptive-black200)] hover:ring-[var(--adaptive-black300)]"}`, children: [_jsxs("div", { className: "relative flex h-[28px] w-full items-center justify-center rounded-[5px] bg-[var(--adaptive-black100)]", children: [_jsx(ShapePreview, { shape: shape, previewColor: previewColor, fillStyle: fillStyle }), active ? (_jsx("span", { className: "absolute right-[2px] bottom-[2px] flex h-[12px] w-[12px] items-center justify-center rounded-full bg-[var(--adaptive-blue500)] text-white", children: _jsx(CheckIcon, { className: "h-[7px] w-[7px]" }) })) : null] }), _jsx("span", { className: `w-full truncate text-center text-[9px] leading-[1.2] ${active
                             ? "font-semibold text-[var(--adaptive-blue500)]"
                             : "font-medium text-[var(--adaptive-black600)] group-hover:text-[var(--adaptive-black800)]"}`, children: labels[shape] })] }, shape));
         }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"MarkerShapePicker.js","sourceRoot":"","sources":["../../../src/components/panel/MarkerShapePicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AASxD,SAAS,YAAY,CAAC,EAAE,KAAK,EAA0B;IACnD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrB,OAAO,eAAM,SAAS,EAAC,oEAAoE,GAAG,CAAC;IACnG,CAAC;IAED,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACnB,OAAO,eAAM,SAAS,EAAC,mEAAmE,GAAG,CAAC;IAClG,CAAC;IAED,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;QAClB,OAAO,CACH,eACI,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,QAAQ,EAAE,mDAAmD,EAAE,GAC1E,CACL,CAAC;IACN,CAAC;IAED,OAAO,eAAM,SAAS,EAAC,mEAAmE,GAAG,CAAC;AAClG,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAA0B;IAC5F,OAAO,CACH,cACI,IAAI,EAAC,YAAY,gBACL,SAAS,EACrB,SAAS,EAAC,4BAA4B,YAErC,mBAAmB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC;YAE/B,OAAO,CACH,kBAEI,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,+FACP,MAAM;oBACF,CAAC,CAAC,2FAA2F;oBAC7F,CAAC,CAAC,8EACV,EAAE,aAEF,eAAK,SAAS,EAAC,uGAAuG,aAClH,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,EAC7B,MAAM,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAC,2IAA2I,YACvJ,KAAC,SAAS,IAAC,SAAS,EAAC,iBAAiB,GAAG,GACtC,CACV,CAAC,CAAC,CAAC,IAAI,IACN,EACN,eACI,SAAS,EAAE,wDACP,MAAM;4BACF,CAAC,CAAC,8CAA8C;4BAChD,CAAC,CAAC,yFACV,EAAE,YAED,MAAM,CAAC,KAAK,CAAC,GACX,KA3BF,KAAK,CA4BL,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MarkerShapePicker.js","sourceRoot":"","sources":["../../../src/components/panel/MarkerShapePicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAWjG,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAA4E;IAC9H,MAAM,OAAO,GAAG,uBAAuB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,uBAAuB,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACtF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACH,KAAC,gBAAgB,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAC3B,CACL,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,QAAQ,GACC;IACrB,OAAO,CACH,cACI,IAAI,EAAC,YAAY,gBACL,SAAS,EACrB,SAAS,EAAC,4BAA4B,YAErC,mBAAmB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC;YAE/B,OAAO,CACH,kBAEI,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,+FACP,MAAM;oBACF,CAAC,CAAC,2FAA2F;oBAC7F,CAAC,CAAC,8EACV,EAAE,aAEF,eAAK,SAAS,EAAC,uGAAuG,aAClH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACtB,EACD,MAAM,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAC,2IAA2I,YACvJ,KAAC,SAAS,IAAC,SAAS,EAAC,iBAAiB,GAAG,GACtC,CACV,CAAC,CAAC,CAAC,IAAI,IACN,EACN,eACI,SAAS,EAAE,wDACP,MAAM;4BACF,CAAC,CAAC,8CAA8C;4BAChD,CAAC,CAAC,yFACV,EAAE,YAED,MAAM,CAAC,KAAK,CAAC,GACX,KA/BF,KAAK,CAgCL,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

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

@@ -1,13 +1,15 @@
-import { type AppearanceScale, type MarkerFontSize, type MarkerShape } from "../../constants/markerAppearance.js";
+import { type AppearanceScale, type MarkerFillStyle, type MarkerFontSize, type MarkerShape } from "../../constants/markerAppearance.js";
 type MarkerSizePreviewProps = {
     size: AppearanceScale;
     fontSize: MarkerFontSize;
     shape: MarkerShape;
     color: string;
     fontFamily: string;
+    fillStyle?: MarkerFillStyle;
     label?: string;
     ariaLabel?: string;
+    showReplyBadge?: boolean;
 };
-export declare function MarkerSizePreview({ size, fontSize, shape, color, fontFamily, label, ariaLabel }: MarkerSizePreviewProps): import("react").JSX.Element;
+export declare function MarkerSizePreview({ size, fontSize, shape, color, fontFamily, fillStyle, label, ariaLabel, showReplyBadge, }: MarkerSizePreviewProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MarkerSizePreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkerSizePreview.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MarkerSizePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,EACnB,MAAM,iCAAiC,CAAC;AAGzC,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAW,EAAE,SAAS,EAAE,EAAE,sBAAsB,+BAmD7H"}
+{"version":3,"file":"MarkerSizePreview.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MarkerSizePreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,EACnB,MAAM,iCAAiC,CAAC;AAKzC,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,UAAU,EACV,SAAoB,EACpB,KAAW,EACX,SAAS,EACT,cAAsB,GACzB,EAAE,sBAAsB,+BAkExB"}

package/dist/components/panel/MarkerSizePreview.js

@@ -1,24 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getMarkerDotSizePx, getMarkerLabelFontSizePx, } from "../../constants/markerAppearance.js";
-import { resolveMarkerShapeStyle } from "../../utils/marker/markerShape.js";
-export function MarkerSizePreview({ size, fontSize, shape, color, fontFamily, label = "1", ariaLabel }) {
-    const dotSize = getMarkerDotSizePx(size);
-    const showMarkerLabel = fontSize !== "none";
-    const shapeStyle = resolveMarkerShapeStyle(shape, dotSize, showMarkerLabel, false);
-    const markerFontSizePx = showMarkerLabel ? getMarkerLabelFontSizePx(fontSize) : undefined;
-    return (_jsx("div", { className: "relative overflow-hidden rounded-[10px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)]", "aria-label": ariaLabel, children: _jsxs("div", { className: "flex h-[88px]", children: [_jsx("div", { className: "w-[22%] shrink-0 bg-[var(--adaptive-black100)]" }), _jsxs("div", { className: "relative min-w-0 flex-1 p-[10px]", children: [_jsx("div", { className: "mb-[8px] h-[8px] w-[42%] rounded-[3px] bg-[var(--adaptive-black100)]" }), _jsxs("div", { className: "relative rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-black50)] p-[10px]", children: [_jsx("div", { className: "mb-[6px] h-[6px] w-[72%] rounded-[2px] bg-[var(--adaptive-black200)]" }), _jsx("div", { className: "mb-[6px] h-[6px] w-[58%] rounded-[2px] bg-[var(--adaptive-black200)]" }), _jsx("div", { className: "h-[6px] w-[34%] rounded-[2px] bg-[var(--adaptive-blue100)]" }), _jsx("div", { className: `pointer-events-none absolute left-[68%] top-[42%] ${shapeStyle.anchorClass}`, "aria-hidden": true, children: _jsx("div", { className: `flex items-center justify-center border-[2px] border-white shadow-[0_4px_10px_#00000090] ${shapeStyle.shapeClass} ${showMarkerLabel ? "text-white" : ""}`, style: {
-                                            backgroundColor: color,
-                                            width: shapeStyle.width,
-                                            height: shapeStyle.height,
-                                            minWidth: shapeStyle.width,
-                                            minHeight: shapeStyle.height,
-                                            paddingLeft: shapeStyle.paddingX,
-                                            paddingRight: shapeStyle.paddingX,
-                                            clipPath: shapeStyle.clipPath,
-                                            fontSize: markerFontSizePx === undefined ? undefined : `${markerFontSizePx}px`,
-                                            fontFamily: showMarkerLabel ? fontFamily : undefined,
-                                            lineHeight: 1,
-                                            fontWeight: 700,
-                                        }, children: showMarkerLabel ? label : null }) })] })] })] }) }));
+import { DOT_SIZE } from "../../constants/report.js";
+import { getMarkerScaleFactor, resolveMarkerBadgeDisplay, } from "../../constants/markerAppearance.js";
+import { getMarkerReplyBadgeSize, resolveMarkerGlyphPaint, resolveMarkerShapeStyle } from "../../utils/marker/markerShape.js";
+import { MarkerReplyBadge } from "../../components/point/MarkerReplyBadge.js";
+import { MarkerShapeGlyph } from "../../components/point/MarkerShapeGlyph.js";
+export function MarkerSizePreview({ size, fontSize, shape, color, fontFamily, fillStyle = "filled", label = "1", ariaLabel, showReplyBadge = false, }) {
+    const dotSize = DOT_SIZE * getMarkerScaleFactor(size);
+    const badgeDisplay = fontSize === "none" ? { content: null, fontSizePx: undefined, fontWeight: undefined } : resolveMarkerBadgeDisplay(size, label);
+    const showMarkerLabel = Boolean(badgeDisplay.content);
+    const shapeStyle = resolveMarkerShapeStyle(shape, dotSize);
+    const paint = resolveMarkerGlyphPaint(color, fillStyle, shapeStyle.strokeWidthPx);
+    const replyBadgeSize = getMarkerReplyBadgeSize(dotSize);
+    return (_jsx("div", { className: "relative overflow-hidden rounded-[10px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)]", "aria-label": ariaLabel, children: _jsxs("div", { className: "flex h-[88px]", children: [_jsx("div", { className: "w-[22%] shrink-0 bg-[var(--adaptive-black100)]" }), _jsxs("div", { className: "relative min-w-0 flex-1 p-[10px]", children: [_jsx("div", { className: "mb-[8px] h-[8px] w-[42%] rounded-[3px] bg-[var(--adaptive-black100)]" }), _jsxs("div", { className: "relative rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-black50)] p-[10px]", children: [_jsx("div", { className: "mb-[6px] h-[6px] w-[72%] rounded-[2px] bg-[var(--adaptive-black200)]" }), _jsx("div", { className: "mb-[6px] h-[6px] w-[58%] rounded-[2px] bg-[var(--adaptive-black200)]" }), _jsx("div", { className: "h-[6px] w-[34%] rounded-[2px] bg-[var(--adaptive-blue100)]" }), _jsx("div", { className: `pointer-events-none absolute left-[68%] top-[42%] ${shapeStyle.anchorClass}`, "aria-hidden": true, children: _jsxs("div", { className: "relative flex items-center justify-center", style: { width: shapeStyle.width, height: shapeStyle.height }, children: [_jsx(MarkerShapeGlyph, { shape: shape, fill: paint.fill, width: shapeStyle.width, height: shapeStyle.height, stroke: paint.stroke, strokeWidthPx: paint.strokeWidthPx, style: { filter: "drop-shadow(0 4px 10px #00000090)" } }), showMarkerLabel ? (_jsx("span", { className: "absolute inset-0 z-[1] flex items-center justify-center", style: {
+                                                    color: paint.labelColor,
+                                                    fontSize: badgeDisplay.fontSizePx === undefined ? undefined : `${badgeDisplay.fontSizePx}px`,
+                                                    fontWeight: badgeDisplay.fontWeight,
+                                                    fontFamily,
+                                                    lineHeight: 1,
+                                                }, children: badgeDisplay.content })) : null, showReplyBadge ? (_jsx(MarkerReplyBadge, { size: replyBadgeSize, accentColor: color })) : null] }) })] })] })] }) }));
 }
 //# sourceMappingURL=MarkerSizePreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkerSizePreview.js","sourceRoot":"","sources":["../../../src/components/panel/MarkerSizePreview.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,kBAAkB,EAClB,wBAAwB,GAI3B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAYxE,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,GAAG,EAAE,SAAS,EAA0B;IAC1H,MAAM,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,QAAQ,KAAK,MAAM,CAAC;IAC5C,MAAM,UAAU,GAAG,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;IACnF,MAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1F,OAAO,CACH,cACI,SAAS,EAAC,oHAAoH,gBAClH,SAAS,YAErB,eAAK,SAAS,EAAC,eAAe,aAC1B,cAAK,SAAS,EAAC,gDAAgD,GAAG,EAClE,eAAK,SAAS,EAAC,kCAAkC,aAC7C,cAAK,SAAS,EAAC,sEAAsE,GAAG,EACxF,eAAK,SAAS,EAAC,4GAA4G,aACvH,cAAK,SAAS,EAAC,sEAAsE,GAAG,EACxF,cAAK,SAAS,EAAC,sEAAsE,GAAG,EACxF,cAAK,SAAS,EAAC,4DAA4D,GAAG,EAE9E,cACI,SAAS,EAAE,qDAAqD,UAAU,CAAC,WAAW,EAAE,iCAGxF,cACI,SAAS,EAAE,4FAA4F,UAAU,CAAC,UAAU,IACxH,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,EAAE,EACF,KAAK,EAAE;4CACH,eAAe,EAAE,KAAK;4CACtB,KAAK,EAAE,UAAU,CAAC,KAAK;4CACvB,MAAM,EAAE,UAAU,CAAC,MAAM;4CACzB,QAAQ,EAAE,UAAU,CAAC,KAAK;4CAC1B,SAAS,EAAE,UAAU,CAAC,MAAM;4CAC5B,WAAW,EAAE,UAAU,CAAC,QAAQ;4CAChC,YAAY,EAAE,UAAU,CAAC,QAAQ;4CACjC,QAAQ,EAAE,UAAU,CAAC,QAAQ;4CAC7B,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,gBAAgB,IAAI;4CAC9E,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;4CACpD,UAAU,EAAE,CAAC;4CACb,UAAU,EAAE,GAAG;yCAClB,YAEA,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAC7B,GACJ,IACJ,IACJ,IACJ,GACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MarkerSizePreview.js","sourceRoot":"","sources":["../../../src/components/panel/MarkerSizePreview.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelAutoRefreshControl.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelAutoRefreshControl.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,uBAAuB,gCA4GtC"}

package/dist/components/panel/PanelAutoRefreshControl.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { PANEL_AUTO_REFRESH_INTERVAL_MINUTES } from "../../constants/panelAutoRefresh.js";
+import { usePanelAutoRefresh } from "../../hooks/usePanelAutoRefresh.js";
+import { ChevronDownIcon, RefreshIcon, StopIcon } from "../../components/icons/Icons.js";
+import { HoverTooltip } from "../../components/ui/HoverTooltip.js";
+import { useReport } from "../../providers/reportContext.js";
+import { PanelDropdownMenu, PanelDropdownMenuItem } from "./PanelDropdownMenu.js";
+function formatIntervalLabel(minutes, messages) {
+    if (minutes === 0) {
+        return messages.panel.autoRefreshOff;
+    }
+    if (minutes === 1) {
+        return messages.panel.autoRefreshEveryMinute;
+    }
+    return messages.panel.autoRefreshEveryMinutes(minutes);
+}
+export function PanelAutoRefreshControl() {
+    const { messages, refetch, isFetching } = useReport();
+    const { intervalMinutes, setIntervalMinutes, isAutoRefreshEnabled, progress, remainingLabel, stopAutoRefresh, refreshNow } = usePanelAutoRefresh({
+        refetch,
+        isFetching,
+    });
+    const [menuOpen, setMenuOpen] = useState(false);
+    const handleSelect = (minutes) => {
+        setIntervalMinutes(minutes);
+        setMenuOpen(false);
+    };
+    const actionLabel = isAutoRefreshEnabled ? messages.panel.stopAutoRefresh : messages.panel.refresh;
+    return (_jsx("div", { className: "flex h-full shrink-0 items-center px-[4px]", children: _jsxs("div", { className: `relative flex h-[24px] items-stretch rounded-[8px] ${isAutoRefreshEnabled ? "bg-[var(--adaptive-black300)] text-[var(--adaptive-black50)]" : "bg-[var(--adaptive-black300)] text-[var(--adaptive-black900)]"}`, children: [_jsx(HoverTooltip, { label: actionLabel, className: "h-full", children: _jsx("button", { type: "button", "aria-label": actionLabel, disabled: !isAutoRefreshEnabled && isFetching, onPointerDown: (event) => {
+                            event.stopPropagation();
+                            if (isAutoRefreshEnabled) {
+                                stopAutoRefresh();
+                                return;
+                            }
+                            refreshNow();
+                        }, className: `flex h-full shrink-0 items-center justify-center rounded-l-[8px] disabled:cursor-not-allowed disabled:opacity-50 ${isAutoRefreshEnabled ? "px-[6px] hover:bg-[var(--adaptive-black600)]" : "px-[6px] hover:bg-[var(--adaptive-black400)]"}`, children: isAutoRefreshEnabled ? _jsx(StopIcon, { className: "h-[14px] w-[14px]" }) : _jsx(RefreshIcon, { className: `h-[14px] w-[14px] ${isFetching ? "animate-spin" : ""}` }) }) }), isAutoRefreshEnabled ? (_jsx("span", { className: "flex h-full items-center pr-[2px] font-mono text-[11px] font-semibold tabular-nums leading-none tracking-tight", "aria-live": "polite", children: remainingLabel })) : null, _jsx(PanelDropdownMenu, { open: menuOpen, onClose: () => setMenuOpen(false), trigger: _jsx(HoverTooltip, { label: messages.panel.autoRefreshIntervalAriaLabel, className: "h-full", children: _jsx("button", { type: "button", "aria-haspopup": "menu", "aria-expanded": menuOpen, "aria-label": messages.panel.autoRefreshIntervalAriaLabel, onPointerDown: (event) => {
+                                event.stopPropagation();
+                                setMenuOpen((current) => !current);
+                            }, className: `flex h-full shrink-0 items-center rounded-r-[8px] px-[4px] ${isAutoRefreshEnabled ? "hover:bg-[var(--adaptive-black600)]" : "hover:bg-[var(--adaptive-black400)]"}`, children: _jsx(ChevronDownIcon, { className: `h-[12px] w-[12px] shrink-0 transition-transform ${menuOpen ? "rotate-180" : ""}` }) }) }), children: PANEL_AUTO_REFRESH_INTERVAL_MINUTES.map((minutes) => (_jsx(PanelDropdownMenuItem, { active: minutes === intervalMinutes, onClick: () => handleSelect(minutes), children: formatIntervalLabel(minutes, messages) }, minutes))) }), isAutoRefreshEnabled ? (_jsx("div", { className: "pointer-events-none absolute left-[33%] transform w-[40%] bottom-[2px] h-[2px] overflow-hidden rounded-b-[8px] bg-[var(--adaptive-black600)]", "aria-hidden": "true", children: _jsx("div", { className: "h-full bg-[var(--adaptive-accent-coral)]", style: { width: `${Math.round(progress * 100)}%` } }) })) : null] }) }));
+}
+//# sourceMappingURL=PanelAutoRefreshControl.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PanelDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtH,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,CAAC;AAiFF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAe,EAAE,EAAE,sBAAsB,+BAqG7H;AACD,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,MAAc,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,0BAA0B,+BAaxH"}
+{"version":3,"file":"PanelDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtH,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,CAAC;AAiFF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAe,EAAE,EAAE,sBAAsB,+BAsG7H;AACD,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,MAAc,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,0BAA0B,+BAcxH"}

package/dist/components/panel/PanelDropdownMenu.js

@@ -136,9 +136,9 @@ export function PanelDropdownMenu({ open, onClose, trigger, children, menuClassN
             left: 0,
             visibility: "hidden",
         };
-    return (_jsxs("div", { ref: rootRef, className: "relative shrink-0 h-[inherit]", children: [trigger, open ? (_jsx("div", { ref: menuRef, role: "menu", style: menuStyle, className: `${open ? "border-[#f6562f]" : ""} absolute z-[20] min-w-[120px] overflow-hidden bg-[var(--adaptive-black50)] border shadow-[0_0_100px_rgba(0,0,0,0.2)] ${MOTION.menuIn} ${menuClassName ?? ""}`, children: children })) : null] }));
+    return (_jsxs("div", { ref: rootRef, className: "relative shrink-0 h-[inherit]", children: [trigger, open ? (_jsx("div", { ref: menuRef, role: "menu", style: menuStyle, onPointerDown: (event) => event.stopPropagation(), className: `${open ? "border-[var(--adaptive-accent-coral)]" : ""} absolute z-[20] min-w-[120px] overflow-hidden bg-[var(--adaptive-black50)] border shadow-[0_0_100px_rgba(0,0,0,0.2)] ${MOTION.menuIn} ${menuClassName ?? ""}`, children: children })) : null] }));
 }
 export function PanelDropdownMenuItem({ onClick, active = false, disabled = false, children }) {
-    return (_jsx("button", { type: "button", role: "menuitem", disabled: disabled, onClick: onClick, "aria-pressed": active, className: `flex w-full px-[12px] py-[8px] text-left text-[12px] font-semibold disabled:cursor-not-allowed disabled:opacity-50 ${active ? "bg-[var(--adaptive-black100)] text-[var(--adaptive-black900)]" : "text-[var(--adaptive-black800)] hover:bg-[var(--adaptive-black100)]"}`, children: children }));
+    return (_jsx("button", { type: "button", role: "menuitem", disabled: disabled, onPointerDown: (event) => event.stopPropagation(), onClick: onClick, "aria-pressed": active, className: `flex w-full px-[12px] py-[8px] text-left text-[12px] font-semibold disabled:cursor-not-allowed disabled:opacity-50 ${active ? "bg-[var(--adaptive-black100)] text-[var(--adaptive-black900)]" : "text-[var(--adaptive-black800)] hover:bg-[var(--adaptive-black100)]"}`, children: children }));
 }
 //# sourceMappingURL=PanelDropdownMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelDropdownMenu.js","sourceRoot":"","sources":["../../../src/components/panel/PanelDropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PanelDropdownMenu.js","sourceRoot":"","sources":["../../../src/components/panel/PanelDropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAsC,MAAM,OAAO,CAAC;AACtH,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,MAAM,QAAQ,GAAG,CAAC,CAAC;AACnB,sBAAsB;AACtB,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAgB3B,SAAS,wBAAwB,CAAC,WAAoB,EAAE,SAAiB,EAAE,UAAkB,EAAE,cAAgC;IAC3H,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC;IAE1C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,GAAG,gBAAgB,CAAC;IACtD,MAAM,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,gBAAgB,CAAC;IAC1E,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,IAAI,UAAU,CAAC;IACtD,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,IAAI,UAAU,CAAC;IAEtD,IAAI,QAA0B,CAAC;IAE/B,IAAI,SAAS,IAAI,CAAC,SAAS,EAAE,CAAC;QAC1B,QAAQ,GAAG,QAAQ,CAAC;IACxB,CAAC;SAAM,IAAI,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC;QACjC,QAAQ,GAAG,KAAK,CAAC;IACrB,CAAC;SAAM,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;QAChC,QAAQ,GAAG,QAAQ,CAAC;IACxB,CAAC;SAAM,CAAC;QACJ,QAAQ,GAAG,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,CAAC;IAED,MAAM,WAAW,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,GAAG,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;IAEjH,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,GAAG,SAAS,CAAC;IACrD,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC;IACvC,MAAM,kBAAkB,GAAG,cAAc,GAAG,gBAAgB,IAAI,cAAc,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAC;IAC9H,MAAM,iBAAiB,GAAG,aAAa,GAAG,gBAAgB,IAAI,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAC;IAE3H,IAAI,YAAoB,CAAC;IAEzB,IAAI,cAAc,KAAK,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtB,YAAY,GAAG,cAAc,CAAC;QAClC,CAAC;aAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,YAAY,GAAG,aAAa,CAAC;QACjC,CAAC;aAAM,CAAC;YACJ,YAAY,GAAG,cAAc,CAAC;QAClC,CAAC;IACL,CAAC;SAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC5B,YAAY,GAAG,aAAa,CAAC;IACjC,CAAC;SAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC7B,YAAY,GAAG,cAAc,CAAC;IAClC,CAAC;SAAM,CAAC;QACJ,YAAY,GAAG,aAAa,CAAC;IACjC,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,GAAG,SAAS,GAAG,gBAAgB,CAAC,CAAC;IACzF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,cAAc,GAAG,UAAU,GAAG,gBAAgB,CAAC,CAAC;IAE1F,OAAO;QACH,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC9D,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,OAAO,CAAC;KACpE,CAAC;AACN,CAAC;AAED,SAAS,mBAAmB,CAAC,iBAAgC,EAAE,QAAiB;IAC5E,OAAO;QACH,GAAG,EAAE,iBAAiB,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG;QACzC,IAAI,EAAE,iBAAiB,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI;KAC/C,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,OAA6B,EAAE,IAA0B;IAC9E,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,OAAO,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAA0B;IAC1H,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAE/E,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACjB,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC9C,MAAM,WAAW,GAAG,QAAQ,CAAC;QAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC9C,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACxG,MAAM,aAAa,GAAG,mBAAmB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;QAEvE,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IACvG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACnE,OAAO;QACX,CAAC;QAED,mBAAmB,EAAE,CAAC;QAEtB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QACvD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;QAE7D,MAAM,cAAc,GAAG,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE9G,IAAI,cAAc,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QAED,IAAI,cAAc,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;YAC1D,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;YAChE,cAAc,EAAE,UAAU,EAAE,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,MAAM,iBAAiB,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAElC,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtD,OAAO,EAAE,CAAC;YACd,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAE1D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QACjE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAA8B,aAAa;QACtD,CAAC,CAAC;YACI,GAAG,EAAE,aAAa,CAAC,GAAG;YACtB,IAAI,EAAE,aAAa,CAAC,IAAI;YACxB,UAAU,EAAE,SAAS;SACxB;QACH,CAAC,CAAC;YACI,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;SACvB,CAAC;IAER,OAAO,CACH,eACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,+BAA+B,aAExC,OAAO,EAEP,IAAI,CAAC,CAAC,CAAC,CACJ,cACI,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EACjD,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE,yHAAyH,MAAM,CAAC,MAAM,IAAI,aAAa,IAAI,EAAE,EAAE,YAE/N,QAAQ,GACP,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC;AAQD,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAA8B;IACrH,OAAO,CACH,iBACI,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EACjD,OAAO,EAAE,OAAO,kBACF,MAAM,EACpB,SAAS,EAAE,sHAAsH,MAAM,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,qEAAqE,EAAE,YAElR,QAAQ,GACJ,CACZ,CAAC;AACN,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PanelKeyGate.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelKeyGate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAIlE,KAAK,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAAC,CAAC;AAM3E,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,+BAoFhE"}
+{"version":3,"file":"PanelKeyGate.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelKeyGate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAIlE,KAAK,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAAC,CAAC;AAM3E,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,+BAiHhE"}

package/dist/components/panel/PanelKeyGate.js

@@ -8,11 +8,12 @@ function buildReviewerSnippet({ name, authorId, publicKey }) {
     return `{ id: "${authorId}", name: "${name}", publicKey: "${publicKey}" }`;
 }
 export function PanelKeyGate({ mode }) {
-    const { messages, selfProfile, publicKey, persistenceStatus, onCreateReviewerRequest } = useReportPreferences();
+    const { messages, selfProfile, publicKey, persistenceStatus, onCreateReviewerRequest, clearPersonalKey } = useReportPreferences();
     const { setErrorMessage } = useReportSession();
     const onboarding = messages.onboarding;
     const [copied, setCopied] = useState(false);
     const [keyInfoOpen, setKeyInfoOpen] = useState(false);
+    const [confirmingReset, setConfirmingReset] = useState(false);
     const name = selfProfile?.name?.trim() || "reviewer";
     const authorId = selfProfile?.authorId?.trim() || "";
     const canShowSnippet = Boolean(authorId && publicKey);
@@ -41,6 +42,10 @@ export function PanelKeyGate({ mode }) {
             window.location.reload();
         }
     };
-    return (_jsxs(PanelGateShell, { title: title, description: description, footer: _jsxs("div", { className: "flex items-center justify-end gap-[10px]", children: [canShowSnippet ? (_jsx(PanelGateButton, { variant: "secondary", onClick: () => void handleCopySnippet(), children: copied ? onboarding.copied : onboarding.copySnippet })) : null, _jsx(PanelGateButton, { onClick: handleRefresh, children: onboarding.refresh })] }), children: [usesRequestFlow ? (_jsx("p", { className: "text-[12px] leading-[1.4] text-[var(--adaptive-black600)]", children: onboarding.pendingDescriptionWithRequest })) : null, canShowSnippet && publicKey ? (_jsxs("div", { className: "flex flex-col gap-[6px] overflow-hidden rounded-[8px] border border-[var(--adaptive-black200)]", children: [_jsxs("button", { type: "button", onClick: () => setKeyInfoOpen((current) => !current), "aria-expanded": keyInfoOpen, className: "flex items-center justify-between gap-[8px] px-[10px] py-[8px] text-left text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)]", children: [_jsx("span", { children: onboarding.keyInfoToggle }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] shrink-0 transition-transform ${keyInfoOpen ? "rotate-180" : ""}` })] }), keyInfoOpen ? (_jsxs("div", { className: "flex flex-col gap-[6px] px-[10px] pb-[10px]", children: [_jsx("p", { className: "text-[11px] font-semibold text-[var(--adaptive-black500)]", children: onboarding.reviewerSnippetHint }), _jsx("pre", { className: "max-h-[120px] overflow-auto whitespace-pre-wrap break-all rounded-[8px] bg-[var(--adaptive-black100)] p-[10px] text-[11px] leading-[1.5] text-[var(--adaptive-black800)]", children: buildReviewerSnippet({ name, authorId, publicKey }) })] })) : null] })) : null] }));
+    const handleConfirmReset = () => {
+        clearPersonalKey();
+        setConfirmingReset(false);
+    };
+    return (_jsxs(PanelGateShell, { title: title, description: description, footer: confirmingReset && mode === "key-issue" ? (_jsxs("div", { className: "flex flex-col gap-[10px]", children: [_jsx("p", { className: "text-[12px] leading-[1.4] text-[var(--adaptive-black700)]", children: onboarding.resetKeyConfirm }), _jsxs("div", { className: "flex items-center justify-end gap-[10px]", children: [_jsx(PanelGateButton, { variant: "secondary", onClick: () => setConfirmingReset(false), children: messages.common.cancel }), _jsx(PanelGateButton, { onClick: handleConfirmReset, children: messages.common.confirm })] })] })) : (_jsxs("div", { className: "flex items-center justify-end gap-[10px]", children: [mode === "key-issue" ? (_jsx(PanelGateButton, { variant: "secondary", onClick: () => setConfirmingReset(true), children: onboarding.resetKey })) : null, canShowSnippet ? (_jsx(PanelGateButton, { variant: "secondary", onClick: () => void handleCopySnippet(), children: copied ? onboarding.copied : onboarding.copySnippet })) : null, _jsx(PanelGateButton, { onClick: handleRefresh, children: onboarding.refresh })] })), children: [usesRequestFlow ? (_jsx("p", { className: "text-[12px] leading-[1.4] text-[var(--adaptive-black600)]", children: onboarding.pendingDescriptionWithRequest })) : null, canShowSnippet && publicKey ? (_jsxs("div", { className: "flex flex-col gap-[6px] overflow-hidden rounded-[8px] border border-[var(--adaptive-black200)]", children: [_jsxs("button", { type: "button", onClick: () => setKeyInfoOpen((current) => !current), "aria-expanded": keyInfoOpen, className: "flex items-center justify-between gap-[8px] px-[10px] py-[8px] text-left text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)]", children: [_jsx("span", { children: onboarding.keyInfoToggle }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] shrink-0 transition-transform ${keyInfoOpen ? "rotate-180" : ""}` })] }), keyInfoOpen ? (_jsxs("div", { className: "flex flex-col gap-[6px] px-[10px] pb-[10px]", children: [_jsx("p", { className: "text-[11px] font-semibold text-[var(--adaptive-black500)]", children: onboarding.reviewerSnippetHint }), _jsx("pre", { className: "max-h-[120px] overflow-auto whitespace-pre-wrap break-all rounded-[8px] bg-[var(--adaptive-black100)] p-[10px] text-[11px] leading-[1.5] text-[var(--adaptive-black800)]", children: buildReviewerSnippet({ name, authorId, publicKey }) })] })) : null] })) : null] }));
 }
 //# sourceMappingURL=PanelKeyGate.js.map

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

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

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

@@ -1,17 +1,12 @@
-import { type AppearanceScale, type MarkerFontSize } from "../../constants/markerAppearance.js";
+import { type AppearanceScale } from "../../constants/markerAppearance.js";
 type PanelMarkerDisplayControlsProps = {
     markerSize: AppearanceScale;
-    fontSize: MarkerFontSize;
     onMarkerSizeChange: (size: AppearanceScale) => void;
-    onFontSizeChange: (size: MarkerFontSize) => void;
     scaleLabels: Record<AppearanceScale, string>;
-    markerFontSizeLabels: Record<MarkerFontSize, string>;
     markerSizeLabel: string;
-    markerFontSizeLabel: string;
     markerSizeAriaLabel: string;
-    markerFontSizeAriaLabel: string;
 };
-/** Shared marker size + font size dials (onboarding display step + settings). */
-export declare function PanelMarkerDisplayControls({ markerSize, fontSize, onMarkerSizeChange, onFontSizeChange, scaleLabels, markerFontSizeLabels, markerSizeLabel, markerFontSizeLabel, markerSizeAriaLabel, markerFontSizeAriaLabel, }: PanelMarkerDisplayControlsProps): import("react").JSX.Element;
+/** Shared marker size dial (onboarding display step + settings). */
+export declare function PanelMarkerDisplayControls({ markerSize, onMarkerSizeChange, scaleLabels, markerSizeLabel, markerSizeAriaLabel, }: PanelMarkerDisplayControlsProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PanelMarkerDisplayControls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelMarkerDisplayControls.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelMarkerDisplayControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAG9I,KAAK,+BAA+B,GAAG;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,cAAc,CAAC;IACzB,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC7C,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,0BAA0B,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GAC1B,EAAE,+BAA+B,+BAyBjC"}
+{"version":3,"file":"PanelMarkerDisplayControls.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelMarkerDisplayControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGhG,KAAK,+BAA+B,GAAG;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oEAAoE;AACpE,wBAAgB,0BAA0B,CAAC,EACvC,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,mBAAmB,GACtB,EAAE,+BAA+B,+BAajC"}

package/dist/components/panel/PanelMarkerDisplayControls.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { APPEARANCE_SCALE_VALUES, MARKER_FONT_SIZE_VALUES } from "../../constants/markerAppearance.js";
+import { APPEARANCE_SCALE_VALUES } from "../../constants/markerAppearance.js";
 import { DiscreteScaleDial } from "./DiscreteScaleDial.js";
-/** Shared marker size + font size dials (onboarding display step + settings). */
-export function PanelMarkerDisplayControls({ markerSize, fontSize, onMarkerSizeChange, onFontSizeChange, scaleLabels, markerFontSizeLabels, markerSizeLabel, markerFontSizeLabel, markerSizeAriaLabel, markerFontSizeAriaLabel, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-[12px]", children: [_jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: markerSizeLabel }), _jsx(DiscreteScaleDial, { values: APPEARANCE_SCALE_VALUES, value: markerSize, onChange: onMarkerSizeChange, labels: scaleLabels, ariaLabel: markerSizeAriaLabel })] }), _jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: markerFontSizeLabel }), _jsx(DiscreteScaleDial, { values: MARKER_FONT_SIZE_VALUES, value: fontSize, onChange: onFontSizeChange, labels: markerFontSizeLabels, ariaLabel: markerFontSizeAriaLabel })] })] }));
+/** Shared marker size dial (onboarding display step + settings). */
+export function PanelMarkerDisplayControls({ markerSize, onMarkerSizeChange, scaleLabels, markerSizeLabel, markerSizeAriaLabel, }) {
+    return (_jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: markerSizeLabel }), _jsx(DiscreteScaleDial, { values: APPEARANCE_SCALE_VALUES, value: markerSize, onChange: onMarkerSizeChange, labels: scaleLabels, ariaLabel: markerSizeAriaLabel })] }));
 }
 //# sourceMappingURL=PanelMarkerDisplayControls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelMarkerDisplayControls.js","sourceRoot":"","sources":["../../../src/components/panel/PanelMarkerDisplayControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAA6C,MAAM,iCAAiC,CAAC;AAC9I,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAe3D,iFAAiF;AACjF,MAAM,UAAU,0BAA0B,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACO;IAC9B,OAAO,CACH,eAAK,SAAS,EAAC,0BAA0B,aACrC,0BACI,YAAG,SAAS,EAAC,kEAAkE,YAAE,eAAe,GAAK,EACrG,KAAC,iBAAiB,IACd,MAAM,EAAE,uBAAuB,EAC/B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,mBAAmB,GAChC,IACA,EACN,0BACI,YAAG,SAAS,EAAC,kEAAkE,YAAE,mBAAmB,GAAK,EACzG,KAAC,iBAAiB,IACd,MAAM,EAAE,uBAAuB,EAC/B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,oBAAoB,EAC5B,SAAS,EAAE,uBAAuB,GACpC,IACA,IACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PanelMarkerDisplayControls.js","sourceRoot":"","sources":["../../../src/components/panel/PanelMarkerDisplayControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAwB,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAU3D,oEAAoE;AACpE,MAAM,UAAU,0BAA0B,CAAC,EACvC,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,mBAAmB,GACW;IAC9B,OAAO,CACH,0BACI,YAAG,SAAS,EAAC,kEAAkE,YAAE,eAAe,GAAK,EACrG,KAAC,iBAAiB,IACd,MAAM,EAAE,uBAAuB,EAC/B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,mBAAmB,GAChC,IACA,CACT,CAAC;AACN,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PanelOnboarding.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelOnboarding.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,eAAe,gCAsb9B"}
+{"version":3,"file":"PanelOnboarding.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelOnboarding.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,eAAe,gCA2d9B"}

package/dist/components/panel/PanelOnboarding.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { APPEARANCE_OPTION_VALUES } from "../../constants/appearance.js";
+import { MARKER_FILL_STYLE_VALUES } from "../../constants/markerAppearance.js";
 import { PANEL_ROLE_VALUES } from "../../constants/panelRole.js";
 import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
 import { getDefaultVisibleTabsForRole } from "../../utils/panel/panelTabPreference.js";
 import { isPersonalKeyFile, readPersonalKeyFile } from "../../utils/feedback/feedbackDataTransfer.js";
 import { hasTeamRequestHandler, isTeamWriteEnabled } from "../../utils/report/teamManagement.js";
 import { AppearanceThemePicker } from "./AppearanceThemePicker.js";
+import { MarkerShapePicker } from "./MarkerShapePicker.js";
 import { MarkerSizePreview } from "./MarkerSizePreview.js";
 import { PanelDropdownMenuItem } from "./PanelDropdownMenu.js";
 import { PANEL_GATE_BACK_BUTTON_CLASS, PANEL_GATE_DESCRIPTION_CLASS, PANEL_GATE_PRIMARY_BUTTON_CLASS, PANEL_GATE_SECTION_CLASS, PANEL_GATE_TITLE_CLASS, } from "./PanelGateShell.js";
@@ -15,7 +17,7 @@ import { PanelOptionSwitch } from "./PanelOptionSwitch.js";
 import { PanelTabSelector } from "./PanelTabSelector.js";
 const LOCALE_OPTIONS = ["en", "ko"];
 export function PanelOnboarding() {
-    const { messages, locale, setLocale, panelAppearance, setPanelAppearance, markerAppearance, setMarkerSize, typography, setFontSize, panelRole, setPanelRole, completeOnboarding, restoreFromBackup, selfProfile, personalKeyCandidates, resolvedTabAvailabilityContext, savePanelTabPreference, persistenceStatus, onCreateReviewerRequest, } = useReportPreferences();
+    const { messages, locale, setLocale, panelAppearance, setPanelAppearance, markerAppearance, setMarkerSize, setMarkerShape, setMarkerFillStyle, typography, panelRole, setPanelRole, completeOnboarding, restoreFromBackup, selfProfile, personalKeyCandidates, resolvedTabAvailabilityContext, savePanelTabPreference, persistenceStatus, onCreateReviewerRequest, } = useReportPreferences();
     const { setErrorMessage } = useReportSession();
     const onboarding = messages.onboarding;
     const canSubmitRegistrationRequest = isTeamWriteEnabled(persistenceStatus) && hasTeamRequestHandler({ onCreateReviewerRequest });
@@ -39,14 +41,30 @@ export function PanelOnboarding() {
         label: messages.appearance[value],
     }));
     const scaleLabels = {
+        xs: messages.settings.scaleXs,
         sm: messages.settings.scaleSm,
         md: messages.settings.scaleMd,
         lg: messages.settings.scaleLg,
         xl: messages.settings.scaleXl,
     };
-    const markerFontSizeLabels = {
-        none: messages.settings.scaleNone,
-        ...scaleLabels,
+    const shapeLabels = {
+        circle: messages.settings.markerShapeCircle,
+        square: messages.settings.markerShapeSquare,
+        cookie4: messages.settings.markerShapeCookie4,
+        sunny: messages.settings.markerShapeSunny,
+        cookie6: messages.settings.markerShapeCookie6,
+        clover4: messages.settings.markerShapeClover4,
+        flower: messages.settings.markerShapeFlower,
+        ghostish: messages.settings.markerShapeGhostish,
+        bun: messages.settings.markerShapeBun,
+        gem: messages.settings.markerShapeGem,
+        pill: messages.settings.markerShapePill,
+        pentagon: messages.settings.markerShapePentagon,
+        puffy: messages.settings.markerShapePuffy,
+    };
+    const fillStyleLabels = {
+        filled: messages.settings.markerFillStyleFilled,
+        outlined: messages.settings.markerFillStyleOutlined,
     };
     const handleSelectRole = (role) => {
         setPanelRole(role);
@@ -150,6 +168,9 @@ export function PanelOnboarding() {
     return (_jsx("section", { className: PANEL_GATE_SECTION_CLASS, children: step === "language" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.languageStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.languageStepDescription })] }), _jsx(PanelOptionSwitch, { options: localeOptions, value: locale, onChange: setLocale, ariaLabel: messages.moreMenu.languageAriaLabel }), _jsx("div", { className: "flex items-center justify-end", children: _jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next }) })] })) : step === "intro" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.introTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.introDescription })] }), _jsxs("div", { className: "flex flex-col gap-[8px]", children: [_jsx("button", { type: "button", onClick: () => setStep("role"), className: `${PANEL_GATE_PRIMARY_BUTTON_CLASS} py-[10px]`, children: onboarding.newUser }), _jsx("button", { type: "button", onClick: () => setStep("restore"), className: "rounded-[8px] border border-[var(--adaptive-black200)] px-[12px] py-[10px] text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)]", children: onboarding.existingUser })] }), _jsx("div", { className: "flex items-center justify-start", children: _jsx("button", { type: "button", onClick: () => setStep("language"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }) })] })) : step === "restore" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.restoreTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.restoreDescription })] }), _jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: (event) => void handleDrop(event), className: `relative rounded-[8px] transition-colors ${isDragOver ? "ring-2 ring-[var(--adaptive-blue500)]" : ""}`, children: [_jsx("textarea", { autoFocus: true, value: backupKey, onChange: (event) => {
                                 setBackupKey(event.target.value);
                                 setRestoreError("");
-                            }, placeholder: onboarding.restorePlaceholder, rows: 3, className: "w-full resize-none rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)] px-[10px] py-[8px] text-[12px] text-[var(--adaptive-text-primary)] outline-none" }), isDragOver ? (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center rounded-[8px] bg-[var(--adaptive-blue100)]/80 text-[12px] font-semibold text-[var(--adaptive-blue500)]", children: onboarding.restoreDropActive })) : null] }), _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: onboarding.restoreDropHint }), restoreError ? _jsx("p", { className: "text-[12px] text-rose-700", children: restoreError }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !backupKey.trim() || isRestoring, onClick: () => void handleRestore(), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.restoreAction })] })] })) : step === "role" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.roleStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.roleStepDescription })] }), _jsx("div", { className: "overflow-hidden rounded-[10px] border border-[var(--adaptive-black200)]", children: PANEL_ROLE_VALUES.map((role) => (_jsx(PanelDropdownMenuItem, { active: role === panelRole, onClick: () => handleSelectRole(role), children: messages.panel.roles[role] }, role))) }), _jsx(PanelTabSelector, { role: panelRole, selectedTabs: selectedTabs, context: resolvedTabAvailabilityContext, messages: messages, onChange: setSelectedTabs }), _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: onboarding.roleStepTabsHint }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !canProceedFromRoleStep, onClick: () => setStep("appearance"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : step === "appearance" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.appearanceStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.appearanceStepDescription })] }), _jsx(AppearanceThemePicker, { options: appearanceOptions, value: panelAppearance, onChange: setPanelAppearance, ariaLabel: messages.moreMenu.panelThemeAriaLabel }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("role"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", onClick: () => setStep("display"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : step === "display" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.displayStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.displayStepDescription })] }), _jsx(MarkerSizePreview, { size: markerAppearance.size, fontSize: typography.fontSize, shape: markerAppearance.shape, color: markerAppearance.colors.open, fontFamily: typography.fontFamily, ariaLabel: onboarding.displayPreviewAriaLabel }), _jsx(PanelMarkerDisplayControls, { markerSize: markerAppearance.size, fontSize: typography.fontSize, onMarkerSizeChange: setMarkerSize, onFontSizeChange: setFontSize, scaleLabels: scaleLabels, markerFontSizeLabels: markerFontSizeLabels, markerSizeLabel: messages.settings.markerSize, markerFontSizeLabel: messages.settings.markerFontSize, markerSizeAriaLabel: messages.settings.markerSizeAriaLabel, markerFontSizeAriaLabel: messages.settings.markerFontSizeAriaLabel }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("appearance"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", onClick: () => setStep("key"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.keyStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.keyStepDescription })] }), _jsx("input", { autoFocus: true, value: name, onChange: (event) => setName(event.target.value), placeholder: onboarding.namePlaceholder, className: "w-full rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)] px-[10px] py-[8px] text-[12px] text-[var(--adaptive-text-primary)] outline-none" }), hasDuplicateName ? _jsx("p", { className: "text-[12px] text-rose-700", children: onboarding.duplicateNameError }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("display"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !trimmedName || isCreating || hasDuplicateName, onClick: () => void handleCreateKey(), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.createKey })] })] })) }));
+                            }, placeholder: onboarding.restorePlaceholder, rows: 3, className: "w-full resize-none rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)] px-[10px] py-[8px] text-[12px] text-[var(--adaptive-text-primary)] outline-none" }), isDragOver ? (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center rounded-[8px] bg-[var(--adaptive-blue100)]/80 text-[12px] font-semibold text-[var(--adaptive-blue500)]", children: onboarding.restoreDropActive })) : null] }), _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: onboarding.restoreDropHint }), restoreError ? _jsx("p", { className: "text-[12px] text-rose-700", children: restoreError }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !backupKey.trim() || isRestoring, onClick: () => void handleRestore(), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.restoreAction })] })] })) : step === "role" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.roleStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.roleStepDescription })] }), _jsx("div", { className: "overflow-hidden rounded-[10px] border border-[var(--adaptive-black200)]", children: PANEL_ROLE_VALUES.map((role) => (_jsx(PanelDropdownMenuItem, { active: role === panelRole, onClick: () => handleSelectRole(role), children: messages.panel.roles[role] }, role))) }), _jsx(PanelTabSelector, { role: panelRole, selectedTabs: selectedTabs, context: resolvedTabAvailabilityContext, messages: messages, onChange: setSelectedTabs }), _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: onboarding.roleStepTabsHint }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !canProceedFromRoleStep, onClick: () => setStep("appearance"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : step === "appearance" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.appearanceStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.appearanceStepDescription })] }), _jsx(AppearanceThemePicker, { options: appearanceOptions, value: panelAppearance, onChange: setPanelAppearance, ariaLabel: messages.moreMenu.panelThemeAriaLabel }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("role"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", onClick: () => setStep("display"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : step === "display" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.displayStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.displayStepDescription })] }), _jsx(MarkerSizePreview, { size: markerAppearance.size, fontSize: typography.fontSize, shape: markerAppearance.shape, color: markerAppearance.colors.open, fillStyle: markerAppearance.fillStyle, fontFamily: typography.fontFamily, ariaLabel: onboarding.displayPreviewAriaLabel, showReplyBadge: true }), _jsx(PanelMarkerDisplayControls, { markerSize: markerAppearance.size, onMarkerSizeChange: setMarkerSize, scaleLabels: scaleLabels, markerSizeLabel: messages.settings.markerSize, markerSizeAriaLabel: messages.settings.markerSizeAriaLabel }), _jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: messages.settings.markerFillStyle }), _jsx(PanelOptionSwitch, { options: MARKER_FILL_STYLE_VALUES.map((value) => ({
+                                value,
+                                label: fillStyleLabels[value],
+                            })), value: markerAppearance.fillStyle, onChange: setMarkerFillStyle, ariaLabel: messages.settings.markerFillStyleAriaLabel })] }), _jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: messages.settings.markerShape }), _jsx(MarkerShapePicker, { value: markerAppearance.shape, onChange: setMarkerShape, labels: shapeLabels, ariaLabel: messages.settings.markerShapeAriaLabel, previewColor: markerAppearance.colors.open, fillStyle: markerAppearance.fillStyle })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("appearance"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", onClick: () => setStep("key"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.keyStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.keyStepDescription })] }), _jsx("input", { autoFocus: true, value: name, onChange: (event) => setName(event.target.value), placeholder: onboarding.namePlaceholder, className: "w-full rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)] px-[10px] py-[8px] text-[12px] text-[var(--adaptive-text-primary)] outline-none" }), hasDuplicateName ? _jsx("p", { className: "text-[12px] text-rose-700", children: onboarding.duplicateNameError }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("display"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !trimmedName || isCreating || hasDuplicateName, onClick: () => void handleCreateKey(), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.createKey })] })] })) }));
 }
 //# sourceMappingURL=PanelOnboarding.js.map