@fivepixels-js/react 0.1.7 → 0.2.1

package/dist/components/report/index.d.ts

@@ -1,13 +1,17 @@
+export type { FivePixelsProps, ReportProviderProps } from "../../types/publicApi.js";
 export { FivePixels } from "./FivePixels.js";
-export type { FivePixelsProps } from "./FivePixels.js";
+export { DotWaveOverlay, type DotWaveOrigin, type DotWaveOverlayProps } from "../../components/overlay/DotWaveOverlay.js";
 export { ReportProvider } from "../../providers/ReportProvider.js";
-export type { ReportProviderProps } from "../../providers/ReportProvider.js";
-export { useReport } from "../../providers/reportContext.js";
-export { createLocalStorageReportAdapter, localStorageReportAdapter } from "../../storage/local/localStorageAdapter.js";
-export type { CreateReportFeedbackPayload, ReportAppearance, ReportAuthAction, ReportAuthProof, ReportEvent, ReportFeedback, ReportField, ReportFieldBase, ReportFieldType, ReportFieldValues, ReportAuthor, ReportGitHubIssueCreateResult, ReportGitHubIntegrationMode, ReportGitHubIntegrationState, ReportIdentify, ReportGitHubConfig, ReportIntegrations, ReportListAllParams, ReportListAllResult, ReportPersistenceHandlers, ReportProject, ReportTeam, ReportUi, ReportVisibility, ReportReply, ReportReplyStatus, ReportStatus, ReportStorageAdapter, ReportTargetType, SerializedReportFeedback, SerializedReportReply, UpdateReportFeedbackPayload, } from "../../types/report.js";
-export { createReportAuthMessage, parsePublicKey, verifyReportAuthProof, } from "../../utils/personalKey.js";
+export { useReport, useReportPreferences, useReportSession, useReportData } from "../../providers/reportContext.js";
+export type { ReportPreferencesValue, ReportSessionValue, ReportDataValue } from "../../providers/reportContext.js";
+export { createLocalStorageReportAdapter } from "../../storage/local/localStorageAdapter.js";
+export type { CreateReportFeedbackPayload, ReportAppearance, ReportAuthAction, ReportAuthProof, ReportEvent, ReportCase, ReportCaseStatus, ReportFeedback, ReportField, ReportFieldBase, ReportFieldType, ReportFieldValues, ReportAuthor, ReportGitHubIssueCreateResult, ReportGitHubIntegrationMode, ReportGitHubIntegrationState, ReportIdentify, ReportGitHubConfig, ReportIntegrations, ReportListAllParams, ReportListAllResult, ReportActivitySummaryParams, ReportActivitySummaryResult, ReportActivitySummaryBucket, ReportPanelBootstrapParams, ReportPanelBootstrapResult, ReportPanelStats, ReportRouteDetailsSummary, ReportPersistenceHandlers, ReportPosition, ReportPositionAnchor, ReportPositionRatio, ReportPositionViewport, ReportProject, QuestionThreadDisplay, FivePixelsMode, ReportTeam, ReportUi, ReportVisibility, ReportReply, ReportReplyStatus, ReportStatus, ReportStorageAdapter, ReportTargetType, SerializedReportFeedback, SerializedReportReply, UpdateReportFeedbackPayload, } from "../../types/report.js";
+export { allCasesResolved, applyCaseStatusSync, createCaseId, createReportCase, getIssueProgressLabel, getIssueSummary, getOpenCases, getReportCases, shouldShowCaseProgress, getResolvedCaseCount, resolveCases, syncIssueStatusFromCases, canEditReportCases, } from "../../utils/report/reportCases.js";
+export { createReportAuthMessage, parsePublicKey, verifyReportAuthProof } from "../../utils/auth/personalKey.js";
 export { REPORT_STATUS_FLOW, REPORT_STATUS_TRANSITIONS } from "../../types/report.js";
-export { buildGitHubIssueUpdate, canCreateGitHubIssueFromList, canCreateGitHubIssueOnCreate, createGitIssuedReply, getGitHubIssueUrl, hasGitHubIssue, isGitIssued, isGitIssuedSystemReply, isGitHubIssueIntegrationEnabled, } from "../../utils/githubIntegration.js";
+export { buildGitHubIssueUpdate, canCreateGitHubIssueFromList, canCreateGitHubIssueOnCreate, createGitIssuedReply, getGitHubIssueUrl, hasGitHubIssue, isGitIssued, isGitIssuedSystemReply, isGitHubIssueIntegrationEnabled, } from "../../utils/github/githubIntegration.js";
 export type { DeepPartialReportMessages, ReportLocale, ReportMessages } from "../../i18n/index.js";
 export { en as reportMessagesEn, ensureReportLocaleMessages, getDefaultFields, getReportMessages, resolveReportLocale } from "../../i18n/index.js";
+export { FEEDBACK_STORAGE_CHANGED_EVENT, dispatchFeedbackStorageChanged } from "../../constants/feedbackStorageEvents.js";
+export { findFeedbackInsertConflicts, getFeedbackStorageKey, insertFeedbackItems, readAllFeedback, upsertFeedbackItems, writeAllFeedback, type FeedbackInsertResult, type FeedbackTransferScope, } from "../../utils/feedback/feedbackDataTransfer.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/report/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/report/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACpH,YAAY,EACR,2BAA2B,EAC3B,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,cAAc,EACd,WAAW,EACX,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,6BAA6B,EAC7B,2BAA2B,EAC3B,4BAA4B,EAC5B,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,2BAA2B,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,uBAAuB,EACvB,cAAc,EACd,qBAAqB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EACH,sBAAsB,EACtB,4BAA4B,EAC5B,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,+BAA+B,GAClC,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,yBAAyB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,EAAE,IAAI,gBAAgB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/report/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AACtH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAChH,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChH,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,YAAY,EACR,2BAA2B,EAC3B,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,6BAA6B,EAC7B,2BAA2B,EAC3B,4BAA4B,EAC5B,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,gBAAgB,EAChB,yBAAyB,EACzB,yBAAyB,EACzB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,2BAA2B,GAC9B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACH,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,oBAAoB,EACpB,YAAY,EACZ,wBAAwB,EACxB,kBAAkB,GACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EACH,sBAAsB,EACtB,4BAA4B,EAC5B,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,+BAA+B,GAClC,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EAAE,yBAAyB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,EAAE,IAAI,gBAAgB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC/I,OAAO,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtH,OAAO,EACH,2BAA2B,EAC3B,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,0CAA0C,CAAC"}

package/dist/components/report/index.js

@@ -1,9 +1,13 @@
 export { FivePixels } from "./FivePixels.js";
+export { DotWaveOverlay } from "../../components/overlay/DotWaveOverlay.js";
 export { ReportProvider } from "../../providers/ReportProvider.js";
-export { useReport } from "../../providers/reportContext.js";
-export { createLocalStorageReportAdapter, localStorageReportAdapter } from "../../storage/local/localStorageAdapter.js";
-export { createReportAuthMessage, parsePublicKey, verifyReportAuthProof, } from "../../utils/personalKey.js";
+export { useReport, useReportPreferences, useReportSession, useReportData } from "../../providers/reportContext.js";
+export { createLocalStorageReportAdapter } from "../../storage/local/localStorageAdapter.js";
+export { allCasesResolved, applyCaseStatusSync, createCaseId, createReportCase, getIssueProgressLabel, getIssueSummary, getOpenCases, getReportCases, shouldShowCaseProgress, getResolvedCaseCount, resolveCases, syncIssueStatusFromCases, canEditReportCases, } from "../../utils/report/reportCases.js";
+export { createReportAuthMessage, parsePublicKey, verifyReportAuthProof } from "../../utils/auth/personalKey.js";
 export { REPORT_STATUS_FLOW, REPORT_STATUS_TRANSITIONS } from "../../types/report.js";
-export { buildGitHubIssueUpdate, canCreateGitHubIssueFromList, canCreateGitHubIssueOnCreate, createGitIssuedReply, getGitHubIssueUrl, hasGitHubIssue, isGitIssued, isGitIssuedSystemReply, isGitHubIssueIntegrationEnabled, } from "../../utils/githubIntegration.js";
+export { buildGitHubIssueUpdate, canCreateGitHubIssueFromList, canCreateGitHubIssueOnCreate, createGitIssuedReply, getGitHubIssueUrl, hasGitHubIssue, isGitIssued, isGitIssuedSystemReply, isGitHubIssueIntegrationEnabled, } from "../../utils/github/githubIntegration.js";
 export { en as reportMessagesEn, ensureReportLocaleMessages, getDefaultFields, getReportMessages, resolveReportLocale } from "../../i18n/index.js";
+export { FEEDBACK_STORAGE_CHANGED_EVENT, dispatchFeedbackStorageChanged } from "../../constants/feedbackStorageEvents.js";
+export { findFeedbackInsertConflicts, getFeedbackStorageKey, insertFeedbackItems, readAllFeedback, upsertFeedbackItems, writeAllFeedback, } from "../../utils/feedback/feedbackDataTransfer.js";
 //# sourceMappingURL=index.js.map

package/dist/components/report/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/report/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAmCpH,OAAO,EACH,uBAAuB,EACvB,cAAc,EACd,qBAAqB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EACH,sBAAsB,EACtB,4BAA4B,EAC5B,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,+BAA+B,GAClC,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,EAAE,IAAI,gBAAgB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/report/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAgD,MAAM,wCAAwC,CAAC;AACtH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEhH,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAmDzF,OAAO,EACH,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,oBAAoB,EACpB,YAAY,EACZ,wBAAwB,EACxB,kBAAkB,GACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EACH,sBAAsB,EACtB,4BAA4B,EAC5B,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,+BAA+B,GAClC,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,EAAE,IAAI,gBAAgB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC/I,OAAO,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtH,OAAO,EACH,2BAA2B,EAC3B,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GAGnB,MAAM,0CAA0C,CAAC"}

package/dist/components/ui/CornerResizeGhost.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from "react";
+type CornerResizeGhostProps = {
+    ghostRef: Ref<HTMLDivElement>;
+    zIndexClassName?: string;
+};
+export declare function CornerResizeGhost({ ghostRef, zIndexClassName }: CornerResizeGhostProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CornerResizeGhost.d.ts.map

package/dist/components/ui/CornerResizeGhost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerResizeGhost.d.ts","sourceRoot":"","sources":["../../../src/components/ui/CornerResizeGhost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,eAA+B,EAAE,EAAE,sBAAsB,+BAQtG"}

package/dist/components/ui/CornerResizeGhost.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MOTION } from "../../constants/motionClasses.js";
+export function CornerResizeGhost({ ghostRef, zIndexClassName = "z-[1000002]" }) {
+    return (_jsx("div", { ref: ghostRef, "aria-hidden": true, className: `pointer-events-none fixed ${zIndexClassName} rounded-[12px] border-2 border-[var(--adaptive-blue500)] bg-[color-mix(in_srgb,var(--adaptive-blue500)_18%,transparent)] ${MOTION.ghostIn}` }));
+}
+//# sourceMappingURL=CornerResizeGhost.js.map

package/dist/components/ui/CornerResizeGhost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerResizeGhost.js","sourceRoot":"","sources":["../../../src/components/ui/CornerResizeGhost.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAOtD,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,aAAa,EAA0B;IACnG,OAAO,CACH,cACI,GAAG,EAAE,QAAQ,uBAEb,SAAS,EAAE,6BAA6B,eAAe,6HAA6H,MAAM,CAAC,OAAO,EAAE,GACtM,CACL,CAAC;AACN,CAAC"}

package/dist/components/ui/CornerResizeHandle.d.ts

@@ -0,0 +1,11 @@
+import type { ResizeCorner } from "../../hooks/useGhostCornerResize.js";
+import type { PointerEvent as ReactPointerEvent } from "react";
+type CornerResizeHandleProps = {
+    corner: ResizeCorner;
+    ariaLabel: string;
+    inactive?: boolean;
+    onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
+};
+export declare function CornerResizeHandle({ corner, ariaLabel, inactive, onPointerDown }: CornerResizeHandleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CornerResizeHandle.d.ts.map

package/dist/components/ui/CornerResizeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerResizeHandle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/CornerResizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,KAAK,uBAAuB,GAAG;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAClE,CAAC;AA4CF,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAgB,EAAE,aAAa,EAAE,EAAE,uBAAuB,+BAuBjH"}

package/dist/components/ui/CornerResizeHandle.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const POSITION_CLASS = {
+    "bottom-right": "bottom-0 right-0 items-end justify-end rounded-br-[12px]",
+    "bottom-left": "bottom-0 left-0 items-end justify-start rounded-bl-[12px]",
+    "top-right": "top-0 right-0 items-start justify-end rounded-tr-[12px]",
+    "top-left": "top-0 left-0 items-start justify-start rounded-tl-[12px]",
+};
+const CURSOR_CLASS = {
+    "bottom-right": "cursor-nwse-resize",
+    "bottom-left": "cursor-nesw-resize",
+    "top-right": "cursor-nesw-resize",
+    "top-left": "cursor-nwse-resize",
+};
+const ICON_TRANSFORM_CLASS = {
+    "bottom-right": "",
+    "bottom-left": "-scale-x-100",
+    "top-right": "-scale-y-100",
+    "top-left": "-scale-x-100 -scale-y-100",
+};
+function DragHandleIcon({ corner }) {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, className: `text-[var(--adaptive-text-muted)] ${ICON_TRANSFORM_CLASS[corner]}`, children: _jsx("path", { d: "M11 2.5C11 7.02 7.52 10.5 3 10.5", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }) }));
+}
+export function CornerResizeHandle({ corner, ariaLabel, inactive = false, onPointerDown }) {
+    const handlePointerDown = (event) => {
+        if (inactive) {
+            return;
+        }
+        onPointerDown(event);
+    };
+    return (_jsx("div", { role: "button", tabIndex: inactive ? -1 : 0, "aria-label": ariaLabel, "aria-disabled": inactive, onPointerDown: handlePointerDown, className: `absolute z-20 flex h-[22px] w-[22px] p-[4px] outline-none ${POSITION_CLASS[corner]} ${inactive ? "pointer-events-none opacity-40" : CURSOR_CLASS[corner]}`, children: _jsx(DragHandleIcon, { corner: corner }) }));
+}
+//# sourceMappingURL=CornerResizeHandle.js.map

package/dist/components/ui/CornerResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerResizeHandle.js","sourceRoot":"","sources":["../../../src/components/ui/CornerResizeHandle.tsx"],"names":[],"mappings":";AAUA,MAAM,cAAc,GAAiC;IACjD,cAAc,EAAE,0DAA0D;IAC1E,aAAa,EAAE,2DAA2D;IAC1E,WAAW,EAAE,yDAAyD;IACtE,UAAU,EAAE,0DAA0D;CACzE,CAAC;AAEF,MAAM,YAAY,GAAiC;IAC/C,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,oBAAoB;IACnC,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,oBAAoB;CACnC,CAAC;AAEF,MAAM,oBAAoB,GAAiC;IACvD,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,cAAc;IAC7B,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,2BAA2B;CAC1C,CAAC;AAEF,SAAS,cAAc,CAAC,EAAE,MAAM,EAA4B;IACxD,OAAO,CACH,cACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,qCAAqC,oBAAoB,CAAC,MAAM,CAAC,EAAE,YAE9E,eACI,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACvB,GACA,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,aAAa,EAA2B;IAC9G,MAAM,iBAAiB,GAAG,CAAC,KAAqC,EAAE,EAAE;QAChE,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,cACI,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBACf,SAAS,mBACN,QAAQ,EACvB,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,6DAA6D,cAAc,CAAC,MAAM,CAAC,IAC1F,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CACrE,EAAE,YAEF,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GAChC,CACT,CAAC;AACN,CAAC"}

package/dist/components/ui/HoverTooltip.d.ts

@@ -1,10 +1,12 @@
 import { type ReactNode } from "react";
 type HoverTooltipProps = {
-    label: string;
+    label?: string;
+    content?: ReactNode;
+    multiline?: boolean;
     disabled?: boolean;
     children: ReactNode;
     className?: string;
 };
-export declare function HoverTooltip({ label, disabled, children, className }: HoverTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverTooltip({ label, content, multiline, disabled, children, className }: HoverTooltipProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=HoverTooltip.d.ts.map

package/dist/components/ui/HoverTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/HoverTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3G,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAaF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,iBAAiB,2CAgFpG"}
+{"version":3,"file":"HoverTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/HoverTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvF,KAAK,iBAAiB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAmBF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAiB,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,iBAAiB,+BA6FhI"}

package/dist/components/ui/HoverTooltip.js

@@ -2,25 +2,31 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { useNativeHover } from "../../hooks/useNativeHover.js";
-import { getReportTooltipRoot, ensureReportTooltipLayer } from "../../utils/dom.js";
-import { getHoverTooltipLayout } from "../../utils/hoverTooltipLayout.js";
-const TOOLTIP_STYLE = {
-    position: "fixed",
-    pointerEvents: "none",
-    whiteSpace: "nowrap",
-    borderRadius: "100px",
-    backgroundColor: "#00000090",
-    padding: "4px 10px",
-    fontSize: "14px",
-    color: "#ffffff",
-};
-export function HoverTooltip({ label, disabled = false, children, className = "" }) {
+import { MOTION } from "../../constants/motionClasses.js";
+import { getReportTooltipRoot, ensureReportTooltipLayer } from "../../utils/shared/dom.js";
+import { getHoverTooltipLayout } from "../../utils/marker/hoverTooltipLayout.js";
+const SINGLE_LINE_TOOLTIP_CLASS_NAME = "pointer-events-none fixed whitespace-nowrap rounded-[100px] bg-[var(--adaptive-overlay-surface)] px-[10px] py-[4px] text-[14px] text-[var(--adaptive-overlay-text)]";
+const MULTILINE_TOOLTIP_CLASS_NAME = "pointer-events-none fixed max-w-[min(280px,calc(100vw-16px))] whitespace-pre-wrap rounded-[8px] bg-[var(--adaptive-overlay-surface)] px-[10px] py-[6px] text-[12px] leading-[1.4] text-[var(--adaptive-overlay-text)]";
+function isSameLayout(current, next) {
+    if (current === next) {
+        return true;
+    }
+    if (!current || !next) {
+        return false;
+    }
+    return current.top === next.top && current.left === next.left;
+}
+export function HoverTooltip({ label, content, multiline = false, disabled = false, children, className = "" }) {
     const [hovered, setHovered] = useState(false);
     const [layout, setLayout] = useState(null);
     const anchorRef = useRef(null);
     const tooltipRef = useRef(null);
     const hoverRef = useNativeHover({
-        onEnter: () => setHovered(true),
+        onEnter: () => {
+            if (!disabled) {
+                setHovered(true);
+            }
+        },
         onLeave: () => setHovered(false),
     });
     const setAnchorRef = useCallback((node) => {
@@ -33,11 +39,17 @@ export function HoverTooltip({ label, disabled = false, children, className = ""
         if (!anchor || !tooltip) {
             return;
         }
-        setLayout(getHoverTooltipLayout(anchor.getBoundingClientRect(), tooltip.getBoundingClientRect()));
+        const nextLayout = getHoverTooltipLayout(anchor.getBoundingClientRect(), tooltip.getBoundingClientRect());
+        setLayout((current) => (isSameLayout(current, nextLayout) ? current : nextLayout));
     }, []);
+    useLayoutEffect(() => {
+        if (disabled) {
+            setHovered(false);
+        }
+    }, [disabled]);
     useLayoutEffect(() => {
         if (!hovered || disabled) {
-            setLayout(null);
+            setLayout((current) => (current === null ? current : null));
             return;
         }
         updateLayout();
@@ -52,13 +64,13 @@ export function HoverTooltip({ label, disabled = false, children, className = ""
         };
     }, [disabled, hovered, label, updateLayout]);
     const showTooltip = hovered && !disabled;
+    const tooltipClassName = `${multiline ? MULTILINE_TOOLTIP_CLASS_NAME : SINGLE_LINE_TOOLTIP_CLASS_NAME} ${MOTION.tooltipIn}`;
     return (_jsxs(_Fragment, { children: [_jsx("span", { ref: setAnchorRef, className: `inline-flex ${className}`.trim(), children: children }), showTooltip
-                ? createPortal(_jsx("span", { ref: tooltipRef, role: "tooltip", style: {
-                        ...TOOLTIP_STYLE,
+                ? createPortal(_jsx("span", { ref: tooltipRef, role: "tooltip", className: tooltipClassName, style: {
                         top: layout?.top ?? 0,
                         left: layout?.left ?? 0,
-                        opacity: layout ? 1 : 0,
-                    }, children: label }), getReportTooltipRoot())
+                        visibility: layout ? "visible" : "hidden",
+                    }, children: content ?? label }), getReportTooltipRoot())
                 : null] }));
 }
 //# sourceMappingURL=HoverTooltip.js.map

package/dist/components/ui/HoverTooltip.js.map

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

package/dist/components/ui/IconTooltipButton.d.ts

@@ -7,6 +7,6 @@ type IconTooltipButtonProps = {
     children: ReactNode;
     className?: string;
 };
-export declare function IconTooltipButton({ label, active, disabled, onClick, children, className }: IconTooltipButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconTooltipButton({ label, active, disabled, onClick, children, className }: IconTooltipButtonProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=IconTooltipButton.d.ts.map

package/dist/components/ui/IconTooltipButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconTooltipButton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/IconTooltipButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAKF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAc,EAAE,QAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,sBAAsB,2CAkBvI"}
+{"version":3,"file":"IconTooltipButton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/IconTooltipButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAc,EAAE,QAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,sBAAsB,+BAsBvI"}

package/dist/components/ui/IconTooltipButton.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { HoverTooltip } from "./HoverTooltip.js";
-const ICON_BUTTON_BASE_CLASS = "flex h-[24px] w-[24px] items-center justify-center rounded-[8px] text-[var(--adaptive-black900)] disabled:cursor-not-allowed disabled:opacity-50";
+const ICON_BUTTON_BASE_CLASS = "flex items-center justify-center text-[var(--adaptive-black900)] disabled:cursor-not-allowed disabled:opacity-50 px-[6px]";
 export function IconTooltipButton({ label, active = false, disabled = false, onClick, children, className = "" }) {
-    return (_jsx(HoverTooltip, { label: label, disabled: disabled, children: _jsx("button", { type: "button", "aria-label": label, "aria-pressed": active, disabled: disabled, onClick: onClick, className: `${ICON_BUTTON_BASE_CLASS} shrink-0 ${active ? "bg-[var(--adaptive-black100)]" : "bg-[var(--adaptive-black300)]"} ${className}`, children: children }) }));
+    return (_jsx(HoverTooltip, { label: label, disabled: disabled, className: "h-[inherit]", children: _jsx("button", { type: "button", "aria-label": label, "aria-pressed": active, disabled: disabled, onPointerDown: (e) => {
+                e.stopPropagation();
+                onClick();
+            }, className: `${ICON_BUTTON_BASE_CLASS} shrink-0 ${active ? "hover:bg-[#bc3110] bg-[#f6562f]" : "hover:bg-[var(--adaptive-black50)]"} ${className}`, children: children }) }));
 }
 //# sourceMappingURL=IconTooltipButton.js.map

package/dist/components/ui/IconTooltipButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconTooltipButton.js","sourceRoot":"","sources":["../../../src/components/ui/IconTooltipButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjD,MAAM,sBAAsB,GACxB,kJAAkJ,CAAC;AAEvJ,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA0B;IACpI,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAElB,iBACI,IAAI,EAAC,QAAQ,gBACD,KAAK,kBACH,MAAM,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,sBAAsB,aAAa,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,+BAA+B,IAAI,SAAS,EAAE,YAEzI,QAAQ,GACJ,GACE,CAClB,CAAC;AACN,CAAC"}
+{"version":3,"file":"IconTooltipButton.js","sourceRoot":"","sources":["../../../src/components/ui/IconTooltipButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjD,MAAM,sBAAsB,GAAG,2HAA2H,CAAC;AAE3J,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA0B;IACpI,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,aAAa,YAEvB,iBACI,IAAI,EAAC,QAAQ,gBACD,KAAK,kBACH,MAAM,EACpB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,EAAE,CAAC;YACd,CAAC,EACD,SAAS,EAAE,GAAG,sBAAsB,aAAa,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,oCAAoC,IAAI,SAAS,EAAE,YAEhJ,QAAQ,GACJ,GACE,CAClB,CAAC;AACN,CAAC"}

package/dist/components/ui/PointerFollowTooltip.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export declare const POINTER_TOOLTIP_SURFACE_CLASS = "pointer-events-none fixed z-[1000002] min-w-[220px] max-w-[min(320px,calc(100vw-16px))] overflow-hidden rounded-[12px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-fillOpacity800)] px-[12px] py-[10px] text-[14px] text-[var(--adaptive-black900)] shadow-[0_8px_24px_rgba(0,0,0,0.28)] backdrop-blur-[2px]";
+type PointerFollowTooltipProps = {
+    open: boolean;
+    pointer: {
+        clientX: number;
+        clientY: number;
+    } | null;
+    children: ReactNode;
+    className?: string;
+};
+export declare function PointerFollowTooltip({ open, pointer, children, className }: PointerFollowTooltipProps): import("react").ReactPortal | null;
+export {};
+//# sourceMappingURL=PointerFollowTooltip.d.ts.map

package/dist/components/ui/PointerFollowTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerFollowTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PointerFollowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3G,eAAO,MAAM,6BAA6B,sUAC6R,CAAC;AAExU,KAAK,yBAAyB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsBF,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,yBAAyB,sCAsD1G"}

package/dist/components/ui/PointerFollowTooltip.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { MOTION } from "../../constants/motionClasses.js";
+import { getReportTooltipRoot } from "../../utils/shared/dom.js";
+import { HOVER_TOOLTIP_MARGIN } from "../../utils/marker/hoverTooltipLayout.js";
+const POINTER_OFFSET = 12;
+export const POINTER_TOOLTIP_SURFACE_CLASS = "pointer-events-none fixed z-[1000002] min-w-[220px] max-w-[min(320px,calc(100vw-16px))] overflow-hidden rounded-[12px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-fillOpacity800)] px-[12px] py-[10px] text-[14px] text-[var(--adaptive-black900)] shadow-[0_8px_24px_rgba(0,0,0,0.28)] backdrop-blur-[2px]";
+function getPointerTooltipLayout(clientX, clientY, tooltipRect) {
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    let left = clientX + POINTER_OFFSET;
+    let top = clientY + POINTER_OFFSET;
+    if (left + tooltipRect.width > viewportWidth - HOVER_TOOLTIP_MARGIN) {
+        left = clientX - POINTER_OFFSET - tooltipRect.width;
+    }
+    if (top + tooltipRect.height > viewportHeight - HOVER_TOOLTIP_MARGIN) {
+        top = clientY - POINTER_OFFSET - tooltipRect.height;
+    }
+    left = Math.min(Math.max(left, HOVER_TOOLTIP_MARGIN), Math.max(HOVER_TOOLTIP_MARGIN, viewportWidth - HOVER_TOOLTIP_MARGIN - tooltipRect.width));
+    top = Math.min(Math.max(top, HOVER_TOOLTIP_MARGIN), Math.max(HOVER_TOOLTIP_MARGIN, viewportHeight - HOVER_TOOLTIP_MARGIN - tooltipRect.height));
+    return { top, left };
+}
+export function PointerFollowTooltip({ open, pointer, children, className = "" }) {
+    const tooltipRef = useRef(null);
+    const [layout, setLayout] = useState(null);
+    const updateLayout = useCallback(() => {
+        const tooltip = tooltipRef.current;
+        if (!tooltip || !pointer) {
+            return;
+        }
+        setLayout(getPointerTooltipLayout(pointer.clientX, pointer.clientY, tooltip.getBoundingClientRect()));
+    }, [pointer]);
+    useLayoutEffect(() => {
+        if (!open || !pointer) {
+            setLayout(null);
+            return;
+        }
+        updateLayout();
+        const frameId = window.requestAnimationFrame(updateLayout);
+        window.addEventListener("resize", updateLayout);
+        window.addEventListener("scroll", updateLayout, true);
+        return () => {
+            window.cancelAnimationFrame(frameId);
+            window.removeEventListener("resize", updateLayout);
+            window.removeEventListener("scroll", updateLayout, true);
+        };
+    }, [open, pointer, updateLayout]);
+    if (!open || !pointer) {
+        return null;
+    }
+    const style = {
+        top: layout?.top ?? pointer.clientY + POINTER_OFFSET,
+        left: layout?.left ?? pointer.clientX + POINTER_OFFSET,
+        visibility: layout ? "visible" : "hidden",
+    };
+    return createPortal(_jsx("div", { ref: tooltipRef, role: "tooltip", className: `${POINTER_TOOLTIP_SURFACE_CLASS} ${MOTION.tooltipIn} ${className}`.trim(), style: style, children: children }), getReportTooltipRoot());
+}
+//# sourceMappingURL=PointerFollowTooltip.js.map

package/dist/components/ui/PointerFollowTooltip.js.map

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

package/dist/components/ui/ProcessingDots.d.ts

@@ -0,0 +1,6 @@
+type ProcessingDotsProps = {
+    className?: string;
+};
+export declare function ProcessingDots({ className }: ProcessingDotsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ProcessingDots.d.ts.map

package/dist/components/ui/ProcessingDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessingDots.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProcessingDots.tsx"],"names":[],"mappings":"AAYA,KAAK,mBAAmB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,SAAc,EAAE,EAAE,mBAAmB,+BAkBrE"}

package/dist/components/ui/ProcessingDots.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Perimeter order for a 2×3 grid: top → right → bottom → left. */
+const DOT_DELAYS_MS = {
+    0: 0,
+    1: 200,
+    2: 1000,
+    3: 400,
+    4: 800,
+    5: 600,
+};
+const DOT_COUNT = 6;
+const CYCLE_DURATION_MS = 1200;
+export function ProcessingDots({ className = "" }) {
+    return (_jsx("span", { "aria-hidden": true, className: `fivepixels-processing-dots inline-grid shrink-0 grid-cols-2 grid-rows-3 gap-[2px] ${className}`.trim(), children: Array.from({ length: DOT_COUNT }, (_, index) => (_jsx("span", { className: "fivepixels-processing-dots__dot h-[2px] w-[2px] rounded-full bg-[var(--adaptive-blue400)]", style: {
+                animationDuration: `${CYCLE_DURATION_MS}ms`,
+                animationDelay: `${DOT_DELAYS_MS[index] ?? 0}ms`,
+            } }, index))) }));
+}
+//# sourceMappingURL=ProcessingDots.js.map

package/dist/components/ui/ProcessingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessingDots.js","sourceRoot":"","sources":["../../../src/components/ui/ProcessingDots.tsx"],"names":[],"mappings":";AAAA,mEAAmE;AACnE,MAAM,aAAa,GAA2B;IAC1C,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AACF,MAAM,SAAS,GAAG,CAAC,CAAC;AACpB,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAM/B,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,GAAG,EAAE,EAAuB;IAClE,OAAO,CACH,oCAEI,SAAS,EAAE,qFAAqF,SAAS,EAAE,CAAC,IAAI,EAAE,YAEjH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7C,eAEI,SAAS,EAAC,2FAA2F,EACrG,KAAK,EAAE;gBACH,iBAAiB,EAAE,GAAG,iBAAiB,IAAI;gBAC3C,cAAc,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;aACnD,IALI,KAAK,CAMZ,CACL,CAAC,GACC,CACV,CAAC;AACN,CAAC"}

package/dist/components/ui/Text/index.d.ts

@@ -0,0 +1,6 @@
+import { Shimmer, type TextShimmerProps } from "./ui/Shimmer.js";
+export type { TextShimmerProps };
+export declare const Text: {
+    Shimmer: typeof Shimmer;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,eAAO,MAAM,IAAI;;CAIhB,CAAC"}

package/dist/components/ui/Text/index.js

@@ -0,0 +1,5 @@
+import { Shimmer } from "./ui/Shimmer.js";
+export const Text = {
+    Shimmer,
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAyB,MAAM,iBAAiB,CAAC;AAIjE,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,OAAO;CAGV,CAAC"}

package/dist/components/ui/Text/ui/Shimmer.d.ts

@@ -0,0 +1,14 @@
+import { type CSSProperties, type ElementType } from "react";
+export type TextShimmerProps = {
+    children: string;
+    as?: ElementType;
+    className?: string;
+    duration?: number;
+    style?: CSSProperties;
+    color?: {
+        start: string;
+        end: string;
+    };
+};
+export declare function Shimmer({ children, as: Component, className, style, color, duration, }: TextShimmerProps): import("react").JSX.Element;
+//# sourceMappingURL=Shimmer.d.ts.map

package/dist/components/ui/Text/ui/Shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Text/ui/Shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAG/E,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;CACL,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,EAAE,EAAE,SAAkB,EACtB,SAAc,EACd,KAAU,EACV,KAGC,EACD,QAAY,GACf,EAAE,gBAAgB,+BA6ClB"}

package/dist/components/ui/Text/ui/Shimmer.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useId } from "react";
+import { getReportStyleInjectionRoot } from "../../../../utils/shared/dom.js";
+export function Shimmer({ children, as: Component = "span", className = "", style = {}, color = {
+    start: "var(--color-brand-500)",
+    end: "rgba(0,0,0,1)",
+}, duration = 2, }) {
+    const shimmerName = `text-shimmer-${useId().replace(/:/g, "")}`;
+    useEffect(() => {
+        const root = getReportStyleInjectionRoot();
+        root.getElementById(shimmerName)?.remove();
+        const keyframes = `
+      @keyframes ${shimmerName} {
+        0% {
+          background-position: -200% 0;
+        }
+        100% {
+          background-position: 200% 0;
+        }
+      }
+    `;
+        const styleTag = document.createElement("style");
+        styleTag.id = shimmerName;
+        styleTag.textContent = keyframes;
+        root.appendChild(styleTag);
+        return () => {
+            styleTag.remove();
+        };
+    }, [color.end, color.start, duration, shimmerName]);
+    return (_jsx(Component, { className: `relative inline-block bg-clip-text text-transparent [background-size:400%_100%] ${className}`, style: {
+            ...style,
+            backgroundImage: `linear-gradient(90deg, ${color.start} 0%, ${color.end} 50%, ${color.start} 100%)`,
+            backgroundSize: "400% 100%",
+            backgroundRepeat: "repeat",
+            backgroundPosition: "0% 0%",
+            animation: `${shimmerName} ${duration}s linear infinite`,
+            WebkitBackgroundClip: "text",
+            WebkitTextFillColor: "transparent",
+        }, children: children }));
+}
+//# sourceMappingURL=Shimmer.js.map

package/dist/components/ui/Text/ui/Shimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../../../../../src/components/ui/Text/ui/Shimmer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAwC,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAcpE,MAAM,UAAU,OAAO,CAAC,EACpB,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG;IACJ,KAAK,EAAE,wBAAwB;IAC/B,GAAG,EAAE,eAAe;CACvB,EACD,QAAQ,GAAG,CAAC,GACG;IACf,MAAM,WAAW,GAAG,gBAAgB,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,2BAA2B,EAAE,CAAC;QAC3C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;QAE3C,MAAM,SAAS,GAAG;mBACP,WAAW;;;;;;;;KAQzB,CAAC;QAEE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACjD,QAAQ,CAAC,EAAE,GAAG,WAAW,CAAC;QAC1B,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;QACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE3B,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,MAAM,EAAE,CAAC;QACtB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpD,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,mFAAmF,SAAS,EAAE,EACzG,KAAK,EAAE;YACH,GAAG,KAAK;YACR,eAAe,EAAE,0BAA0B,KAAK,CAAC,KAAK,QAAQ,KAAK,CAAC,GAAG,SAAS,KAAK,CAAC,KAAK,QAAQ;YACnG,cAAc,EAAE,WAAW;YAC3B,gBAAgB,EAAE,QAAQ;YAC1B,kBAAkB,EAAE,OAAO;YAC3B,SAAS,EAAE,GAAG,WAAW,IAAI,QAAQ,mBAAmB;YACxD,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;SACrC,YAEA,QAAQ,GACD,CACf,CAAC;AACN,CAAC"}

package/dist/constants/appearance.d.ts

@@ -0,0 +1,10 @@
+import type { ReportAppearance } from "../types/report.js";
+export declare const PANEL_APPEARANCE_STORAGE_KEY = "fivepixels:panel-appearance";
+export declare const TOOLTIP_APPEARANCE_STORAGE_KEY = "fivepixels:tooltip-appearance";
+export declare const LEGACY_APPEARANCE_STORAGE_KEY = "fivepixels:appearance-preference";
+export declare const APPEARANCE_OPTION_VALUES: readonly ["system", "light", "dark"];
+export declare const APPEARANCE_OPTIONS: ReadonlyArray<{
+    value: ReportAppearance;
+    label: string;
+}>;
+//# sourceMappingURL=appearance.d.ts.map

package/dist/constants/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/constants/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,4BAA4B,gCAAgC,CAAC;AAC1E,eAAO,MAAM,8BAA8B,kCAAkC,CAAC;AAC9E,eAAO,MAAM,6BAA6B,qCAAqC,CAAC;AAEhF,eAAO,MAAM,wBAAwB,sCAA6E,CAAC;AAEnH,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC;IAAE,KAAK,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAIxF,CAAC"}

package/dist/constants/appearance.js

@@ -0,0 +1,10 @@
+export const PANEL_APPEARANCE_STORAGE_KEY = "fivepixels:panel-appearance";
+export const TOOLTIP_APPEARANCE_STORAGE_KEY = "fivepixels:tooltip-appearance";
+export const LEGACY_APPEARANCE_STORAGE_KEY = "fivepixels:appearance-preference";
+export const APPEARANCE_OPTION_VALUES = ["system", "light", "dark"];
+export const APPEARANCE_OPTIONS = [
+    { value: "system", label: "system" },
+    { value: "light", label: "light" },
+    { value: "dark", label: "dark" },
+];
+//# sourceMappingURL=appearance.js.map

package/dist/constants/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../src/constants/appearance.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,4BAA4B,GAAG,6BAA6B,CAAC;AAC1E,MAAM,CAAC,MAAM,8BAA8B,GAAG,+BAA+B,CAAC;AAC9E,MAAM,CAAC,MAAM,6BAA6B,GAAG,kCAAkC,CAAC;AAEhF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAgD,CAAC;AAEnH,MAAM,CAAC,MAAM,kBAAkB,GAA8D;IACzF,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CACnC,CAAC"}

package/dist/constants/feedbackCategory.d.ts

@@ -0,0 +1,5 @@
+export declare const FEEDBACK_CATEGORIES: readonly ["incident", "problem", "suggestion", "question"];
+export type FeedbackCategory = (typeof FEEDBACK_CATEGORIES)[number];
+export declare function isFeedbackCategory(value: unknown): value is FeedbackCategory;
+export type FeedbackListStatusTag = "no_assignee" | "processed" | "resolved";
+//# sourceMappingURL=feedbackCategory.d.ts.map

package/dist/constants/feedbackCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedbackCategory.d.ts","sourceRoot":"","sources":["../../src/constants/feedbackCategory.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,4DAA6D,CAAC;AAE9F,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,gBAAgB,CAE5E;AAED,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC"}

package/dist/constants/feedbackCategory.js

@@ -0,0 +1,5 @@
+export const FEEDBACK_CATEGORIES = ["incident", "problem", "suggestion", "question"];
+export function isFeedbackCategory(value) {
+    return typeof value === "string" && FEEDBACK_CATEGORIES.includes(value);
+}
+//# sourceMappingURL=feedbackCategory.js.map

package/dist/constants/feedbackCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedbackCategory.js","sourceRoot":"","sources":["../../src/constants/feedbackCategory.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,CAAU,CAAC;AAI9F,MAAM,UAAU,kBAAkB,CAAC,KAAc;IAC7C,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAK,mBAAyC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACnG,CAAC"}

package/dist/constants/feedbackStatus.d.ts

@@ -1,5 +1,5 @@
 import type { ReportReplyStatus } from "../types/report.js";
-export type FeedbackDisplayStatus = "currently_wait" | "wait_for_reply" | "git_issued" | ReportReplyStatus;
+export type FeedbackDisplayStatus = "currently_wait" | "wait_for_reply" | "issue_apply" | "git_issued" | ReportReplyStatus;
 export declare const FEEDBACK_STATUS_LABEL: Record<FeedbackDisplayStatus, string>;
 export declare const FEEDBACK_STATUS_COLOR: Record<FeedbackDisplayStatus, string>;
 export declare const FEEDBACK_DISPLAY_STATUS_ORDER: FeedbackDisplayStatus[];