@homecode/ui 5.1.17 → 5.3.0

package/dist/esm/src/tiptap/slash-mention/createSlashMentionExtension.js

@@ -0,0 +1,202 @@
+import { mergeAttributes } from '@tiptap/core';
+import Mention from '@tiptap/extension-mention';
+import { ReactRenderer } from '@tiptap/react';
+import { SlashSuggestionList } from './SlashSuggestionList.js';
+import S from './SlashSuggestionList.styl.js';
+import { filterSlashItems } from './defaultChatSlashItems.js';
+
+const SlashMention = Mention.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            className: {
+                default: null,
+                parseHTML: element => element.getAttribute('data-slash-class'),
+                renderHTML: attributes => {
+                    if (!attributes.className)
+                        return {};
+                    return { 'data-slash-class': attributes.className };
+                },
+            },
+            color: {
+                default: null,
+                parseHTML: element => element.getAttribute('data-slash-color'),
+                renderHTML: attributes => {
+                    if (!attributes.color)
+                        return {};
+                    return { 'data-slash-color': attributes.color };
+                },
+            },
+        };
+    },
+});
+const SUGGESTION_GAP_PX = 4;
+function placeSlashSuggestionPopup(popupElement, clientRect, placement) {
+    if (!clientRect)
+        return;
+    const el = popupElement;
+    const popupHeight = el.getBoundingClientRect().height;
+    const spaceBelow = window.innerHeight - clientRect.bottom - SUGGESTION_GAP_PX;
+    const spaceAbove = clientRect.top - SUGGESTION_GAP_PX;
+    let showAbove = placement === 'above';
+    if (placement === 'auto') {
+        showAbove = spaceBelow < popupHeight && spaceAbove >= spaceBelow;
+    }
+    const top = showAbove
+        ? Math.max(SUGGESTION_GAP_PX, clientRect.top - popupHeight - SUGGESTION_GAP_PX)
+        : clientRect.bottom + SUGGESTION_GAP_PX;
+    el.style.left = `${clientRect.left}px`;
+    el.style.top = `${top}px`;
+}
+function slashMentionSuggestionRender(uiRef, placement = 'below') {
+    let popup = null;
+    const place = (props) => {
+        if (!popup?.element)
+            return;
+        placeSlashSuggestionPopup(popup.element, props.clientRect?.() ?? null, placement);
+    };
+    return {
+        onStart: props => {
+            uiRef.current = null;
+            popup?.destroy?.();
+            popup = new ReactRenderer(SlashSuggestionList, {
+                editor: props.editor,
+                props: {
+                    items: props.items,
+                    command: props.command,
+                    listHandleRef: uiRef,
+                },
+            });
+            popup.element.style.position = 'fixed';
+            popup.element.style.margin = '0';
+            popup.element.style.zIndex = '10002';
+            document.body.append(popup.element);
+            place(props);
+            requestAnimationFrame(() => place(props));
+        },
+        onUpdate: props => {
+            if (!popup)
+                return;
+            popup.updateProps({
+                items: props.items,
+                command: props.command,
+                listHandleRef: uiRef,
+            });
+            place(props);
+            requestAnimationFrame(() => place(props));
+        },
+        onExit: () => {
+            popup?.destroy();
+            popup?.element?.remove?.();
+            popup = null;
+            uiRef.current = null;
+        },
+        onKeyDown: ({ event }) => uiRef.current?.onKeyboardEvent(event) ?? false,
+    };
+}
+function slashMentionChipStyle(color) {
+    if (!color)
+        return undefined;
+    return `color: ${color}; background-color: color-mix(in srgb, ${color} 30%, transparent);`;
+}
+function insertDefaultMention(editor, range, item, slashChar) {
+    const nodeAfter = editor.view.state.selection.$to.nodeAfter;
+    const extend = nodeAfter?.text?.startsWith(' ') ? 1 : 0;
+    const adjusted = extend ? { ...range, to: range.to + extend } : range;
+    editor
+        .chain()
+        .focus()
+        .insertContentAt(adjusted, [
+        {
+            type: 'mention',
+            attrs: {
+                id: item.id,
+                label: item.label,
+                mentionSuggestionChar: slashChar,
+                className: item.className ?? null,
+                color: item.color ?? null,
+            },
+        },
+        { type: 'text', text: ' ' },
+    ])
+        .run();
+    queueMicrotask(() => {
+        editor.view.dom.ownerDocument?.defaultView
+            ?.getSelection?.()
+            ?.collapseToEnd();
+    });
+}
+function allowSlashTrigger({ state, range, }) {
+    const type = state.schema.nodes['mention'];
+    const $from = state.doc.resolve(range.from);
+    if (!type || !$from.parent.type.contentMatch.matchType(type))
+        return false;
+    if ($from.parentOffset === 0)
+        return true;
+    const before = state.doc.textBetween(range.from - 1, range.from);
+    return /\s/.test(before);
+}
+function createSlashMentionExtension({ items: resolvedItems, slashChar = '/', pluginKey, onItemCommand, suggestionPlacement = 'below', onSuggestionUiActiveChange, }) {
+    const uiRef = {
+        current: null,
+    };
+    return SlashMention.configure({
+        renderText({ node }) {
+            return `/${node.attrs.id}`;
+        },
+        renderHTML({ options, node }) {
+            const id = typeof node.attrs.id === 'string'
+                ? node.attrs.id
+                : String(node.attrs.id ?? '');
+            const label = typeof node.attrs.label === 'string' && node.attrs.label.trim() !== ''
+                ? node.attrs.label
+                : id;
+            const color = typeof node.attrs.color === 'string' ? node.attrs.color : null;
+            const className = [S.mention, node.attrs.className]
+                .filter(Boolean)
+                .join(' ');
+            const chipStyle = slashMentionChipStyle(color);
+            return [
+                'span',
+                mergeAttributes({
+                    'data-type': 'mention',
+                    'data-slash-command': id,
+                    class: className,
+                    ...(chipStyle ? { style: chipStyle } : {}),
+                }, options.HTMLAttributes),
+                label,
+            ];
+        },
+        suggestion: {
+            char: slashChar,
+            pluginKey,
+            allowedPrefixes: [' ', '\n', '\t', '\r'],
+            allow: props => allowSlashTrigger(props),
+            items: ({ query }) => Promise.resolve(filterSlashItems(resolvedItems, query)),
+            command: ({ editor, range, props }) => {
+                const item = props;
+                if (onItemCommand?.({ editor, range, item }) === true) {
+                    return null;
+                }
+                insertDefaultMention(editor, range, item, slashChar);
+                return null;
+            },
+            render: () => {
+                const menu = slashMentionSuggestionRender(uiRef, suggestionPlacement);
+                return {
+                    ...menu,
+                    onStart: props => {
+                        onSuggestionUiActiveChange?.(true);
+                        menu.onStart?.(props);
+                    },
+                    onExit: props => {
+                        menu.onExit?.(props);
+                        onSuggestionUiActiveChange?.(false);
+                    },
+                };
+            },
+        },
+    });
+}
+
+export { createSlashMentionExtension, slashMentionSuggestionRender };

package/dist/esm/src/tiptap/slash-mention/defaultChatSlashItems.js

@@ -0,0 +1,12 @@
+/** Empty default; app passes slashCommandItems to enable menu. */
+const DEFAULT_CHAT_SLASH_ITEMS = [];
+function filterSlashItems(items, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return items;
+    return items.filter(item => item.id.toLowerCase().includes(q) ||
+        item.label.toLowerCase().includes(q) ||
+        (item.description?.toLowerCase().includes(q) ?? false));
+}
+
+export { DEFAULT_CHAT_SLASH_ITEMS, filterSlashItems };

package/dist/esm/types/node_modules/@tiptap/pm/state/index.d.ts

@@ -0,0 +1 @@
+export * from 'prosemirror-state';

package/dist/esm/types/src/components/PromptComposer/PromptComposer.d.ts

@@ -0,0 +1,13 @@
+import { type PromptComposerHandle } from './promptComposerInsert';
+export type { PromptComposerHandle, PromptComposerInsertOptions, } from './promptComposerInsert';
+export declare const PromptComposer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    disabled?: boolean;
+    placeholder?: string;
+    slashCommandItems?: import(".").SlashCommandItem[];
+    onSlashItemCommand?: import(".").SlashOnItemCommand;
+    prefillMessage?: string;
+    attachmentsCount?: number;
+    allowEnterSubmit?: boolean;
+    onSubmit?: (text: string, editor: import("@tiptap/core").Editor) => void;
+    onChange?: (text: string, editor: import("@tiptap/core").Editor) => void;
+} & import("react").RefAttributes<PromptComposerHandle>>;

package/dist/esm/types/src/components/PromptComposer/PromptComposer.helpers.d.ts

@@ -0,0 +1,8 @@
+/** Keep in sync with `PromptComposer.styl` max/min heights. */
+export declare const PROMPT_COMPOSER_MAX_HEIGHT_PX = 200;
+export declare const PROMPT_COMPOSER_MIN_HEIGHT_PX = 40;
+export declare function promptComposerSafeEditorDom(editor: {
+    readonly isDestroyed?: boolean;
+} | null | undefined): HTMLElement | null;
+/** Autosize `.ProseMirror` root: empty -> floor, text -> measured height with clamp. */
+export declare function syncPromptComposerHeight(el: HTMLElement, text: string): void;

package/dist/esm/types/src/components/PromptComposer/PromptComposer.types.d.ts

@@ -0,0 +1,19 @@
+import type { Editor } from '@tiptap/core';
+import type { HTMLAttributes } from 'react';
+import type { SlashCommandItem, SlashOnItemCommand } from '../../tiptap/slash-mention';
+export type Props = HTMLAttributes<HTMLDivElement> & {
+    disabled?: boolean;
+    placeholder?: string;
+    slashCommandItems?: SlashCommandItem[];
+    onSlashItemCommand?: SlashOnItemCommand;
+    prefillMessage?: string | null;
+    /** Staged attachment count - Enter can submit even when text empty. */
+    attachmentsCount?: number;
+    /** Mobile usually sets false so Enter inserts newline. */
+    allowEnterSubmit?: boolean;
+    /** Called when user presses Enter to submit. */
+    onSubmit?: (text: string, editor: Editor) => void;
+    /** Called on every transaction with plain text value. */
+    onChange?: (text: string, editor: Editor) => void;
+};
+export type PromptComposerProps = Props;

package/dist/esm/types/src/components/PromptComposer/index.d.ts

@@ -0,0 +1,7 @@
+export { PromptComposer } from './PromptComposer';
+export type { PromptComposerProps } from './PromptComposer.types';
+export { usePromptComposerEditor } from './usePromptComposerEditor';
+export type { UsePromptComposerEditorOptions } from './usePromptComposerEditor';
+export { getPromptComposerTokenRangeBeforePos, createPromptComposerHandle, insertPromptComposerContentAtCaret, promptComposerChipHtml, promptComposerMentionNode, PROMPT_COMPOSER_COMMAND_CHIP_CLASS, } from './promptComposerInsert';
+export type { PromptComposerHandle, PromptComposerInsertOptions, PromptComposerMentionNodeInput, } from './promptComposerInsert';
+export type { SlashCommandItem, SlashItemCommandContext, SlashOnItemCommand, SlashSuggestionPlacement, } from '../../tiptap/slash-mention';

package/dist/esm/types/src/components/PromptComposer/promptComposerDoc.d.ts

@@ -0,0 +1,3 @@
+import type { JSONContent } from '@tiptap/core';
+export declare const PROMPT_COMPOSER_EMPTY_DOC: JSONContent;
+export declare function promptComposerParagraphDoc(text: string): JSONContent;

package/dist/esm/types/src/components/PromptComposer/promptComposerInsert.d.ts

@@ -0,0 +1,42 @@
+import type { Editor, JSONContent } from '@tiptap/core';
+export type PromptComposerInsertOptions = {
+    /** Explicit document range to replace before insert. */
+    replaceRange?: {
+        from: number;
+        to: number;
+    };
+    /**
+     * If no replaceRange, delete token before caret back to whitespace/start.
+     * Default true.
+     */
+    replaceTriggerToken?: boolean;
+    /** Add whitespace after inserted content. Default true. */
+    trailingSpace?: boolean;
+};
+export declare const PROMPT_COMPOSER_COMMAND_CHIP_CLASS = "prompt-composer-command-chip";
+export type PromptComposerHandle = {
+    insertAtCaret: (content: string | JSONContent, options?: PromptComposerInsertOptions) => void;
+    focus: () => void;
+    reset: () => void;
+    getText: () => string;
+    setContent: (text: string, options?: {
+        focus?: boolean;
+        atEnd?: boolean;
+    }) => void;
+    getEditor: () => Editor;
+};
+export declare function getPromptComposerTokenRangeBeforePos(editor: Editor, pos: number): {
+    from: number;
+    to: number;
+};
+export declare function promptComposerChipHtml(text: string, className?: string): string;
+export type PromptComposerMentionNodeInput = {
+    id: string;
+    label?: string;
+    className?: string | null;
+    color?: string | null;
+    slashChar?: string;
+};
+export declare function promptComposerMentionNode(input: PromptComposerMentionNodeInput): JSONContent;
+export declare function insertPromptComposerContentAtCaret(editor: Editor, content: string | JSONContent, options?: PromptComposerInsertOptions): void;
+export declare function createPromptComposerHandle(editor: Editor): PromptComposerHandle;

package/dist/esm/types/src/components/PromptComposer/usePromptComposerEditor.d.ts

@@ -0,0 +1,19 @@
+import { type Editor } from '@tiptap/core';
+import type { SlashCommandItem, SlashOnItemCommand } from '../../tiptap/slash-mention';
+export type UsePromptComposerEditorOptions = {
+    disabled: boolean;
+    placeholder?: string;
+    slashCommandItems?: SlashCommandItem[];
+    onSlashItemCommand?: SlashOnItemCommand;
+    prefillMessage?: string | null;
+    attachmentsCount?: number;
+    allowEnterSubmit: boolean;
+    onSubmit?: (text: string, editor: Editor) => void;
+    onChange?: (text: string, editor: Editor) => void;
+};
+export type UsePromptComposerEditorResult = {
+    editor: Editor | null;
+    text: string;
+    trimmedText: string;
+};
+export declare function usePromptComposerEditor({ disabled, placeholder, slashCommandItems, onSlashItemCommand, prefillMessage, attachmentsCount, allowEnterSubmit, onSubmit, onChange, }: UsePromptComposerEditorOptions): UsePromptComposerEditorResult;

package/dist/esm/types/src/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './Portal/Portal';
 export * from './PopupMenu/PopupMenu';
 export * from './Progress/Progress';
 export * from './ProgressCircular/ProgressCircular';
+export * from './PromptComposer';
 export * from './RadioButton/RadioButton';
 export * from './RadioGroup/RadioGroup';
 export * from './Router/Router';

package/dist/esm/types/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './tiptap/slash-mention';
 export * from './services';
 export * from './tools';
 export * from './hooks';

package/dist/esm/types/src/tiptap/slash-mention/SlashSuggestionList.d.ts

@@ -0,0 +1,11 @@
+import type { RefObject } from 'react';
+import type { SlashCommandItem } from './types';
+export type SlashSuggestionListHandle = {
+    onKeyboardEvent: (event: KeyboardEvent) => boolean;
+};
+export type SlashSuggestionListProps = {
+    items: SlashCommandItem[];
+    command: (item: SlashCommandItem) => void;
+    listHandleRef: RefObject<SlashSuggestionListHandle | null>;
+};
+export declare function SlashSuggestionList(props: SlashSuggestionListProps): JSX.Element;

package/dist/esm/types/src/tiptap/slash-mention/createSlashMentionExtension.d.ts

@@ -0,0 +1,21 @@
+import type { MutableRefObject } from 'react';
+import type { SuggestionProps } from '@tiptap/suggestion';
+import { type SlashSuggestionListHandle } from './SlashSuggestionList';
+import type { CreateSlashMentionExtensionOptions, SlashCommandItem, SlashSuggestionPlacement } from './types';
+export declare function slashMentionSuggestionRender(uiRef: MutableRefObject<SlashSuggestionListHandle | null>, placement?: SlashSuggestionPlacement): {
+    onStart?: (props: SuggestionProps<SlashCommandItem, SlashCommandItem>) => void;
+    onUpdate?: (props: SuggestionProps<SlashCommandItem, SlashCommandItem>) => void;
+    onExit?: (props: SuggestionProps<SlashCommandItem, SlashCommandItem>) => void;
+    onKeyDown?: (p: {
+        view: unknown;
+        event: KeyboardEvent;
+        range: {
+            from: number;
+            to: number;
+        };
+    }) => boolean;
+};
+export type CreateSlashMentionExtensionConfiguredOptions = CreateSlashMentionExtensionOptions & {
+    onSuggestionUiActiveChange?: (active: boolean) => void;
+};
+export declare function createSlashMentionExtension({ items: resolvedItems, slashChar, pluginKey, onItemCommand, suggestionPlacement, onSuggestionUiActiveChange, }: CreateSlashMentionExtensionConfiguredOptions): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;

package/dist/esm/types/src/tiptap/slash-mention/defaultChatSlashItems.d.ts

@@ -0,0 +1,4 @@
+import type { SlashCommandItem } from './types';
+/** Empty default; app passes slashCommandItems to enable menu. */
+export declare const DEFAULT_CHAT_SLASH_ITEMS: SlashCommandItem[];
+export declare function filterSlashItems(items: SlashCommandItem[], query: string): SlashCommandItem[];

package/dist/esm/types/src/tiptap/slash-mention/index.d.ts

@@ -0,0 +1,5 @@
+export type { SlashCommandItem, SlashOnItemCommand, SlashItemCommandContext, SlashSuggestionPlacement, CreateSlashMentionExtensionOptions, } from './types';
+export { DEFAULT_CHAT_SLASH_ITEMS, filterSlashItems, } from './defaultChatSlashItems';
+export { createSlashMentionExtension, slashMentionSuggestionRender, } from './createSlashMentionExtension';
+export type { CreateSlashMentionExtensionConfiguredOptions } from './createSlashMentionExtension';
+export type { SlashSuggestionListHandle } from './SlashSuggestionList';

package/dist/esm/types/src/tiptap/slash-mention/types.d.ts

@@ -0,0 +1,28 @@
+import type { Editor, Range } from '@tiptap/core';
+export type SlashCommandItem = {
+    id: string;
+    label: string;
+    description?: string;
+    /** Extra class on inserted mention chip (merged with `slash-mention`). */
+    className?: string;
+    /** CSS color for chip text; background uses 30% color blend. */
+    color?: string;
+};
+export type SlashItemCommandContext = {
+    item: SlashCommandItem;
+    /** Present when picked from slash menu; omitted on submit match. */
+    editor?: Editor;
+    range?: Range;
+};
+/**
+ * Return true to skip default mention insert and handle command in app.
+ */
+export type SlashOnItemCommand = (ctx: SlashItemCommandContext) => boolean;
+export type SlashSuggestionPlacement = 'below' | 'above' | 'auto';
+export type CreateSlashMentionExtensionOptions = {
+    items: SlashCommandItem[];
+    slashChar?: string;
+    pluginKey?: import('@tiptap/pm/state').PluginKey;
+    onItemCommand?: SlashOnItemCommand;
+    suggestionPlacement?: SlashSuggestionPlacement;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.1.17",
+  "version": "5.3.0",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",
@@ -60,6 +60,13 @@
     "@homecode/ui": "^4.17.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@tiptap/core": "^3.22.1",
+    "@tiptap/extension-mention": "^3.22.1",
+    "@tiptap/extensions": "^3.22.1",
+    "@tiptap/pm": "^3.22.1",
+    "@tiptap/react": "^3.22.1",
+    "@tiptap/starter-kit": "^3.22.1",
+    "@tiptap/suggestion": "^3.22.1",
     "@svgr/webpack": "^8.1.0",
     "classnames": "^2.3.2",
     "compareq": "^1.2.2",

package/.cursor/debug-8c6f78.log

@@ -1,44 +0,0 @@
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleFocus","message":"popup opening (focus)","data":{"scrollTop":0},"hypothesisId":"C","timestamp":1771711527049}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":true,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":true},"hypothesisId":"B","timestamp":1771711527054}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:fetchOptionsCore","message":"setScrollTop(0) initial items","data":{"filter":"","offset":0,"totalCount":0},"hypothesisId":"B","timestamp":1771711527555}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":true,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711527556}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:fetchOptionsCore-RAF","message":"setScrollTop(undefined) clear","data":{"filter":"","offset":0},"hypothesisId":"E","timestamp":1771711527557}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleBlur","message":"popup closing (blur)","data":{},"hypothesisId":"A","timestamp":1771711528848}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711528850}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleSelect","message":"select","data":{"selectable":true,"label":"Option 15"},"hypothesisId":"A","timestamp":1771711528971}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleFocus","message":"popup opening (focus)","data":{"savedScrollTop":521.1111450195312},"hypothesisId":"C","timestamp":1771711532390}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":true,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711532394}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleBlur","message":"popup closing (blur)","data":{},"hypothesisId":"A","timestamp":1771711535314}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711535317}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleSelect","message":"select","data":{"selectable":true,"label":"Option 27"},"hypothesisId":"A","timestamp":1771711535455}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleFocus","message":"popup opening (focus)","data":{"savedScrollTop":962.2222290039062},"hypothesisId":"C","timestamp":1771711540906}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":true,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711540911}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleBlur","message":"popup closing (blur)","data":{},"hypothesisId":"A","timestamp":1771711542255}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711542257}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleFocus","message":"popup opening (focus)","data":{"savedScrollTop":962.2222290039062},"hypothesisId":"C","timestamp":1771711543181}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":true,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711543185}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleBlur","message":"popup closing (blur)","data":{},"hypothesisId":"A","timestamp":1771711543773}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711543776}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleFocus","message":"popup opening (focus)","data":{"savedScrollTop":962.2222290039062},"hypothesisId":"C","timestamp":1771711544455}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":true,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711544459}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:handleBlur","message":"popup closing (blur)","data":{},"hypothesisId":"A","timestamp":1771711545022}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711545023}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711551359}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":200,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711551359}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711551360}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711552110}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711552111}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711552853}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711552853}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711553442}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711553443}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711553951}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711553951}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711554564}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711554564}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711555318}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711555319}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-value","message":"setScrollTop(0) value cleared","data":{"value":""},"hypothesisId":"D","timestamp":1771711555975}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711555975}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711556573}
-{"sessionId":"8c6f78","location":"Autocomplete.tsx:useEffect-open","message":"open/fetch effect","data":{"open":false,"currentFilter":"","totalCount":0,"itemsLen":20,"willFetch":false},"hypothesisId":"B","timestamp":1771711557126}

package/.cursor/debug-a8590a.log

@@ -1,26 +0,0 @@
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542687208}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542690350}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542690360}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542690361}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542691187}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542691591}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542691685}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542691785}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692007}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692040}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692065}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692082}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692099}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692116}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692132}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692149}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692173}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692190}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692215}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692240}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692273}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692315}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542692356}
-{"sessionId":"a8590a","location":"Virtualized.tsx:checkIfEnd","message":"checkIfEnd","data":{"itemsCount":20,"totalCount":20,"lastScrollEndIndex":0,"willSkipItemsEqTotal":true,"willSkipItemsLtLast":false},"hypothesisId":"H2","timestamp":1771542692464}
-{"sessionId":"a8590a","location":"Virtualized.tsx:checkIfEnd","message":"checkIfEnd","data":{"itemsCount":20,"totalCount":20,"lastScrollEndIndex":0,"willSkipItemsEqTotal":true,"willSkipItemsLtLast":false},"hypothesisId":"H2","timestamp":1771542692731}
-{"sessionId":"a8590a","location":"Autocomplete.tsx:optionsList","message":"computedTotalCount","data":{"currentFilter":"","displayItemsLen":20,"totalCount":0,"computedTotalCount":20},"hypothesisId":"H2","timestamp":1771542694211}