npm - @opengeni/react - Versions diffs - 4.2.1-canary.39642758903001 → 4.3.1 - Mend

@opengeni/react 4.2.1-canary.39642758903001 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (693) hide show

package/dist/{timeline-annotations-dialog-W5B2HMYY.js.map → timeline-annotations-dialog-7CDHWC7Y.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/timeline-annotations-dialog.tsx"],"sourcesContent":["import type { TimelineAnnotationSource } from \"@opengeni/sdk\";\nimport { XIcon } from \"lucide-react\";\nimport { useEffect, useLayoutEffect, useRef, useState, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalContainer } from \"../ui/portal-container\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport {\n AnnotationAccentRow,\n AnnotationNoteField,\n AnnotationNotePreview,\n AnnotationQuoteSourceButton,\n type TimelineAnnotationLike,\n} from \"./timeline-annotation-chrome\";\nimport {\n ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n clampAnnotationDialogPlacement,\n scrollAnnotationRowIntoList,\n} from \"./timeline-annotation-layout\";\nimport { annotationDisplayOrdinal, cssEscapeAttribute } from \"./timeline-annotation-shared\";\nimport { useOpenGeniText } from \"../messages/runtime\";\n\nfunction focusableElements(root: HTMLElement): HTMLElement[] {\n return [\n ...root.querySelectorAll<HTMLElement>(\n 'button:not([disabled]),textarea:not([disabled]),input:not([disabled]),[href],[tabindex]:not([tabindex=\"-1\"])',\n ),\n ].filter((element) => element.tabIndex >= 0 && !element.closest(\"[inert]\"));\n}\n\nexport function TimelineAnnotationsDialog({\n annotations,\n editable,\n focusAnnotationId,\n onFocusConsumed,\n onUpdate,\n onRemove,\n onRevealSource,\n triggerRef,\n countLabel,\n onDismiss,\n onCommit,\n}: {\n annotations: readonly TimelineAnnotationLike[];\n editable: boolean;\n focusAnnotationId?: string \| null \| undefined;\n onFocusConsumed?: (() => void) \| undefined;\n onUpdate?: ((id: string, note: string) => void) \| undefined;\n onRemove?: ((id: string) => void) \| undefined;\n onRevealSource?: ((source: TimelineAnnotationSource) => boolean) \| undefined;\n triggerRef: RefObject<HTMLButtonElement \| null>;\n countLabel: string;\n onDismiss: (restoreFocus: boolean) => void;\n onCommit: () => void;\n}) {\n const t = useOpenGeniText();\n const [unavailableId, setUnavailableId] = useState<string \| null>(null);\n const [position, setPosition] = useState({ left: 12, top: 12, maxHeight: 0 });\n const panelRef = useRef<HTMLDivElement \| null>(null);\n const headerRef = useRef<HTMLDivElement \| null>(null);\n const listRef = useRef<HTMLDivElement \| null>(null);\n const noteRefs = useRef(new Map<string, HTMLTextAreaElement>());\n const focusedAnnotationIdRef = useRef<string \| null>(null);\n const portalContainer = usePortalContainer();\n const portalStyle = usePortalTokenStyle(triggerRef.current);\n const revealNote = (id: string) => {\n const row = listRef.current?.querySelector<HTMLElement>(\n `[data-og-annotation-id=\"${cssEscapeAttribute(id)}\"]`,\n );\n scrollAnnotationRowIntoList(listRef.current, row);\n noteRefs.current.get(id)?.focus();\n };\n\n const commitNotes = (fromId: string) => {\n const incomplete = annotations.filter((annotation) => {\n const live = noteRefs.current.get(annotation.id);\n return (live?.value ?? annotation.note).trim().length === 0;\n });\n if (incomplete.length === 0) {\n onCommit();\n return;\n }\n const fromIndex = annotations.findIndex((annotation) => annotation.id === fromId);\n const next =\n incomplete.find(\n (item) => annotations.findIndex((annotation) => annotation.id === item.id) > fromIndex,\n ) ?? incomplete[0]!;\n revealNote(next.id);\n };\n\n useLayoutEffect(() => {\n const updatePosition = () => {\n const rect = triggerRef.current?.getBoundingClientRect();\n if (!rect) return;\n const contentHeight =\n (headerRef.current?.offsetHeight ?? 44) + (listRef.current?.scrollHeight ?? 200);\n setPosition(\n clampAnnotationDialogPlacement({\n triggerLeft: rect.left,\n triggerTop: rect.top,\n triggerBottom: rect.bottom,\n contentHeight,\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n panelWidth: ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n }),\n );\n };\n updatePosition();\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n return () => {\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [annotations, triggerRef]);\n\n useLayoutEffect(() => {\n if (!focusAnnotationId) {\n focusedAnnotationIdRef.current = null;\n return;\n }\n // A consumed request must not reclaim focus or scroll on layout/callback updates.\n if (focusedAnnotationIdRef.current === focusAnnotationId) return;\n focusedAnnotationIdRef.current = null;\n if (position.maxHeight <= 0) return;\n revealNote(focusAnnotationId);\n const note = noteRefs.current.get(focusAnnotationId);\n if (note && document.activeElement === note) {\n focusedAnnotationIdRef.current = focusAnnotationId;\n onFocusConsumed?.();\n }\n }, [focusAnnotationId, onFocusConsumed, annotations.length, position.maxHeight]);\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n event.stopPropagation();\n onDismiss(true);\n return;\n }\n if (event.key !== \"Tab\" \|\| !panelRef.current) return;\n const focusable = focusableElements(panelRef.current);\n if (focusable.length === 0) return;\n const first = focusable[0]!;\n const last = focusable[focusable.length - 1]!;\n if (event.shiftKey && document.activeElement === first) {\n event.preventDefault();\n last.focus();\n } else if (!event.shiftKey && document.activeElement === last) {\n event.preventDefault();\n first.focus();\n }\n };\n const onPointerDown = (event: PointerEvent) => {\n if (!(event.target instanceof Node)) return;\n if (panelRef.current?.contains(event.target) \|\| triggerRef.current?.contains(event.target)) {\n return;\n }\n onDismiss(false);\n };\n document.addEventListener(\"keydown\", onKeyDown);\n document.addEventListener(\"pointerdown\", onPointerDown);\n if (!focusAnnotationId) {\n window.setTimeout(() => {\n if (document.activeElement === triggerRef.current) panelRef.current?.focus();\n }, 0);\n }\n return () => {\n document.removeEventListener(\"keydown\", onKeyDown);\n document.removeEventListener(\"pointerdown\", onPointerDown);\n };\n }, [focusAnnotationId, onDismiss, triggerRef]);\n\n if (typeof document === \"undefined\") return null;\n return createPortal(\n <div\n ref={panelRef}\n role=\"dialog\"\n tabIndex={-1}\n data-og-annotation-review=\"\"\n style={{\n left: position.left,\n top: position.top,\n maxHeight: position.maxHeight,\n ...portalStyle,\n }}\n className=\"og-root fixed z-[75] box-border flex w-[min(25rem,calc(100vw-1.5rem))] flex-col overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg shadow-xl outline-hidden\"\n aria-label={\n editable\n ? t(\"timelineAnnotationsDialog.editQuotedNotes\")\n : t(\"timelineAnnotationsDialog.quotedNotes\")\n }\n >\n <div\n ref={headerRef}\n data-og-annotation-review-header=\"\"\n className=\"flex shrink-0 items-start justify-between gap-3 px-3 pt-3 pb-2\"\n >\n <p className=\"min-w-0 pt-0.5 text-og-sm font-medium text-og-fg-muted\">{countLabel}</p>\n <button\n type=\"button\"\n className=\"inline-flex size-8 shrink-0 items-center justify-center rounded-md border-0 bg-transparent text-og-fg-muted outline-hidden hover:bg-og-surface-2 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n aria-label={t(\"timelineAnnotationsDialog.close\")}\n onClick={() => onDismiss(true)}\n >\n <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n </button>\n </div>\n <div\n ref={listRef}\n data-og-annotation-review-list=\"\"\n className=\"grid min-h-0 flex-1 gap-2.5 overflow-x-hidden overflow-y-auto overscroll-contain px-3 pb-3\"\n >\n {annotations.map((annotation, index) => {\n const ordinal = annotationDisplayOrdinal(annotation, index);\n return (\n <section\n key={annotation.id}\n data-og-annotation-id={annotation.id}\n aria-label={t(\"timelineAnnotationsDialog.annotationOrdinal\", { ordinal })}\n >\n <AnnotationAccentRow>\n <div className=\"flex items-start gap-1\">\n <div className=\"min-w-0 flex-1\">\n <p className=\"mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle\">\n {t(\"timelineAnnotationsDialog.annotationOrdinal\", { ordinal })}\n </p>\n <AnnotationQuoteSourceButton\n annotation={annotation}\n lines={2}\n onRevealSource={onRevealSource}\n onUnavailable={setUnavailableId}\n />\n </div>\n {editable && onRemove ? (\n <button\n type=\"button\"\n className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-md border-0 bg-transparent text-og-fg-subtle outline-hidden hover:bg-og-surface-1 hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n aria-label={t(\"timelineAnnotationsDialog.removeAnnotationOrdinal\", {\n ordinal,\n })}\n onClick={() => onRemove(annotation.id)}\n >\n <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n </button>\n ) : null}\n </div>\n {unavailableId === annotation.id ? (\n <p role=\"status\" className=\"text-og-xs text-og-status-waiting\">\n {t(\"timelineAnnotationsDialog.sourceIsOutsideTheLoaded\")}\n </p>\n ) : null}\n {editable && onUpdate ? (\n <AnnotationNoteField\n annotation={annotation}\n inputRef={(node) => {\n if (node) noteRefs.current.set(annotation.id, node);\n else noteRefs.current.delete(annotation.id);\n }}\n onUpdate={onUpdate}\n onCommit={() => commitNotes(annotation.id)}\n />\n ) : (\n <AnnotationNotePreview\n note={annotation.note}\n annotationId={annotation.id}\n ordinal={ordinal}\n />\n )}\n </AnnotationAccentRow>\n </section>\n );\n })}\n </div>\n </div>,\n portalContainer ?? document.body,\n );\n}\n\nexport default TimelineAnnotationsDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,aAAa;AACtB,SAAS,WAAW,iBAAiB,QAAQ,gBAAgC;AAC7E,SAAS,oBAAoB;AA8LvB,SAKE,KALF;AA5KN,SAAS,kBAAkB,MAAkC;AAC3D,SAAO;AAAA,IACL,GAAG,KAAK;AAAA,MACN;AAAA,IACF;AAAA,EACF,EAAE,OAAO,CAAC,YAAY,QAAQ,YAAY,KAAK,CAAC,QAAQ,QAAQ,SAAS,CAAC;AAC5E;AAEO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAYG;AACD,QAAM,IAAI,gBAAgB;AAC1B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,MAAM,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;AAC5E,QAAM,WAAW,OAA8B,IAAI;AACnD,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,UAAU,OAA8B,IAAI;AAClD,QAAM,WAAW,OAAO,oBAAI,IAAiC,CAAC;AAC9D,QAAM,yBAAyB,OAAsB,IAAI;AACzD,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,cAAc,oBAAoB,WAAW,OAAO;AAC1D,QAAM,aAAa,CAAC,OAAe;AACjC,UAAM,MAAM,QAAQ,SAAS;AAAA,MAC3B,2BAA2B,mBAAmB,EAAE,CAAC;AAAA,IACnD;AACA,gCAA4B,QAAQ,SAAS,GAAG;AAChD,aAAS,QAAQ,IAAI,EAAE,GAAG,MAAM;AAAA,EAClC;AAEA,QAAM,cAAc,CAAC,WAAmB;AACtC,UAAM,aAAa,YAAY,OAAO,CAAC,eAAe;AACpD,YAAM,OAAO,SAAS,QAAQ,IAAI,WAAW,EAAE;AAC/C,cAAQ,MAAM,SAAS,WAAW,MAAM,KAAK,EAAE,WAAW;AAAA,IAC5D,CAAC;AACD,QAAI,WAAW,WAAW,GAAG;AAC3B,eAAS;AACT;AAAA,IACF;AACA,UAAM,YAAY,YAAY,UAAU,CAAC,eAAe,WAAW,OAAO,MAAM;AAChF,UAAM,OACJ,WAAW;AAAA,MACT,CAAC,SAAS,YAAY,UAAU,CAAC,eAAe,WAAW,OAAO,KAAK,EAAE,IAAI;AAAA,IAC/E,KAAK,WAAW,CAAC;AACnB,eAAW,KAAK,EAAE;AAAA,EACpB;AAEA,kBAAgB,MAAM;AACpB,UAAM,iBAAiB,MAAM;AAC3B,YAAM,OAAO,WAAW,SAAS,sBAAsB;AACvD,UAAI,CAAC,KAAM;AACX,YAAM,iBACH,UAAU,SAAS,gBAAgB,OAAO,QAAQ,SAAS,gBAAgB;AAC9E;AAAA,QACE,+BAA+B;AAAA,UAC7B,aAAa,KAAK;AAAA,UAClB,YAAY,KAAK;AAAA,UACjB,eAAe,KAAK;AAAA,UACpB;AAAA,UACA,eAAe,OAAO;AAAA,UACtB,gBAAgB,OAAO;AAAA,UACvB,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF;AACA,mBAAe;AACf,WAAO,iBAAiB,UAAU,cAAc;AAChD,WAAO,iBAAiB,UAAU,gBAAgB,IAAI;AACtD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,cAAc;AACnD,aAAO,oBAAoB,UAAU,gBAAgB,IAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,kBAAgB,MAAM;AACpB,QAAI,CAAC,mBAAmB;AACtB,6BAAuB,UAAU;AACjC;AAAA,IACF;AAEA,QAAI,uBAAuB,YAAY,kBAAmB;AAC1D,2BAAuB,UAAU;AACjC,QAAI,SAAS,aAAa,EAAG;AAC7B,eAAW,iBAAiB;AAC5B,UAAM,OAAO,SAAS,QAAQ,IAAI,iBAAiB;AACnD,QAAI,QAAQ,SAAS,kBAAkB,MAAM;AAC3C,6BAAuB,UAAU;AACjC,wBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,mBAAmB,iBAAiB,YAAY,QAAQ,SAAS,SAAS,CAAC;AAE/E,YAAU,MAAM;AACd,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,UAAU;AAC1B,cAAM,gBAAgB;AACtB,kBAAU,IAAI;AACd;AAAA,MACF;AACA,UAAI,MAAM,QAAQ,SAAS,CAAC,SAAS,QAAS;AAC9C,YAAM,YAAY,kBAAkB,SAAS,OAAO;AACpD,UAAI,UAAU,WAAW,EAAG;AAC5B,YAAM,QAAQ,UAAU,CAAC;AACzB,YAAM,OAAO,UAAU,UAAU,SAAS,CAAC;AAC3C,UAAI,MAAM,YAAY,SAAS,kBAAkB,OAAO;AACtD,cAAM,eAAe;AACrB,aAAK,MAAM;AAAA,MACb,WAAW,CAAC,MAAM,YAAY,SAAS,kBAAkB,MAAM;AAC7D,cAAM,eAAe;AACrB,cAAM,MAAM;AAAA,MACd;AAAA,IACF;AACA,UAAM,gBAAgB,CAAC,UAAwB;AAC7C,UAAI,EAAE,MAAM,kBAAkB,MAAO;AACrC,UAAI,SAAS,SAAS,SAAS,MAAM,MAAM,KAAK,WAAW,SAAS,SAAS,MAAM,MAAM,GAAG;AAC1F;AAAA,MACF;AACA,gBAAU,KAAK;AAAA,IACjB;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,aAAS,iBAAiB,eAAe,aAAa;AACtD,QAAI,CAAC,mBAAmB;AACtB,aAAO,WAAW,MAAM;AACtB,YAAI,SAAS,kBAAkB,WAAW,QAAS,UAAS,SAAS,MAAM;AAAA,MAC7E,GAAG,CAAC;AAAA,IACN;AACA,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,SAAS;AACjD,eAAS,oBAAoB,eAAe,aAAa;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,mBAAmB,WAAW,UAAU,CAAC;AAE7C,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,UAAU;AAAA,QACV,6BAA0B;AAAA,QAC1B,OAAO;AAAA,UACL,MAAM,SAAS;AAAA,UACf,KAAK,SAAS;AAAA,UACd,WAAW,SAAS;AAAA,UACpB,GAAG;AAAA,QACL;AAAA,QACA,WAAU;AAAA,QACV,cACE,WACI,EAAE,2CAA2C,IAC7C,EAAE,uCAAuC;AAAA,QAG/C;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,oCAAiC;AAAA,cACjC,WAAU;AAAA,cAEV;AAAA,oCAAC,OAAE,WAAU,0DAA0D,sBAAW;AAAA,gBAClF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,cAAY,EAAE,iCAAiC;AAAA,oBAC/C,SAAS,MAAM,UAAU,IAAI;AAAA,oBAE7B,8BAAC,SAAM,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA,gBACjD;AAAA;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,kCAA+B;AAAA,cAC/B,WAAU;AAAA,cAET,sBAAY,IAAI,CAAC,YAAY,UAAU;AACtC,sBAAM,UAAU,yBAAyB,YAAY,KAAK;AAC1D,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,yBAAuB,WAAW;AAAA,oBAClC,cAAY,EAAE,+CAA+C,EAAE,QAAQ,CAAC;AAAA,oBAExE,+BAAC,uBACC;AAAA,2CAAC,SAAI,WAAU,0BACb;AAAA,6CAAC,SAAI,WAAU,kBACb;AAAA,8CAAC,OAAE,WAAU,gEACV,YAAE,+CAA+C,EAAE,QAAQ,CAAC,GAC/D;AAAA,0BACA;AAAA,4BAAC;AAAA;AAAA,8BACC;AAAA,8BACA,OAAO;AAAA,8BACP;AAAA,8BACA,eAAe;AAAA;AAAA,0BACjB;AAAA,2BACF;AAAA,wBACC,YAAY,WACX;AAAA,0BAAC;AAAA;AAAA,4BACC,MAAK;AAAA,4BACL,WAAU;AAAA,4BACV,cAAY,EAAE,qDAAqD;AAAA,8BACjE;AAAA,4BACF,CAAC;AAAA,4BACD,SAAS,MAAM,SAAS,WAAW,EAAE;AAAA,4BAErC,8BAAC,SAAM,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA,wBACjD,IACE;AAAA,yBACN;AAAA,sBACC,kBAAkB,WAAW,KAC5B,oBAAC,OAAE,MAAK,UAAS,WAAU,qCACxB,YAAE,oDAAoD,GACzD,IACE;AAAA,sBACH,YAAY,WACX;AAAA,wBAAC;AAAA;AAAA,0BACC;AAAA,0BACA,UAAU,CAAC,SAAS;AAClB,gCAAI,KAAM,UAAS,QAAQ,IAAI,WAAW,IAAI,IAAI;AAAA,gCAC7C,UAAS,QAAQ,OAAO,WAAW,EAAE;AAAA,0BAC5C;AAAA,0BACA;AAAA,0BACA,UAAU,MAAM,YAAY,WAAW,EAAE;AAAA;AAAA,sBAC3C,IAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAM,WAAW;AAAA,0BACjB,cAAc,WAAW;AAAA,0BACzB;AAAA;AAAA,sBACF;AAAA,uBAEJ;AAAA;AAAA,kBApDK,WAAW;AAAA,gBAqDlB;AAAA,cAEJ,CAAC;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,IACA,mBAAmB,SAAS;AAAA,EAC9B;AACF;AAEA,IAAO,sCAAQ;","names":[]}
1	+ {"version":3,"sources":["../src/components/timeline-annotations-dialog.tsx"],"sourcesContent":["import type { TimelineAnnotationSource } from \"@opengeni/sdk\";\nimport { XIcon } from \"lucide-react\";\nimport { useEffect, useLayoutEffect, useRef, useState, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalContainer } from \"../ui/portal-container\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport {\n AnnotationAccentRow,\n AnnotationNoteField,\n AnnotationNotePreview,\n AnnotationQuoteSourceButton,\n type TimelineAnnotationLike,\n} from \"./timeline-annotation-chrome\";\nimport {\n ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n clampAnnotationDialogPlacement,\n scrollAnnotationRowIntoList,\n} from \"./timeline-annotation-layout\";\nimport { annotationDisplayOrdinal, cssEscapeAttribute } from \"./timeline-annotation-shared\";\nimport { useOpenGeniText } from \"../messages/runtime\";\n\nfunction focusableElements(root: HTMLElement): HTMLElement[] {\n return [\n ...root.querySelectorAll<HTMLElement>(\n 'button:not([disabled]),textarea:not([disabled]),input:not([disabled]),[href],[tabindex]:not([tabindex=\"-1\"])',\n ),\n ].filter((element) => element.tabIndex >= 0 && !element.closest(\"[inert]\"));\n}\n\nexport function TimelineAnnotationsDialog({\n annotations,\n editable,\n focusAnnotationId,\n onFocusConsumed,\n onUpdate,\n onRemove,\n onRevealSource,\n triggerRef,\n countLabel,\n onDismiss,\n onCommit,\n}: {\n annotations: readonly TimelineAnnotationLike[];\n editable: boolean;\n focusAnnotationId?: string \| null \| undefined;\n onFocusConsumed?: (() => void) \| undefined;\n onUpdate?: ((id: string, note: string) => void) \| undefined;\n onRemove?: ((id: string) => void) \| undefined;\n onRevealSource?: ((source: TimelineAnnotationSource) => boolean) \| undefined;\n triggerRef: RefObject<HTMLButtonElement \| null>;\n countLabel: string;\n onDismiss: (restoreFocus: boolean) => void;\n onCommit: () => void;\n}) {\n const t = useOpenGeniText();\n const [unavailableId, setUnavailableId] = useState<string \| null>(null);\n const [position, setPosition] = useState({ left: 12, top: 12, maxHeight: 0 });\n const panelRef = useRef<HTMLDivElement \| null>(null);\n const headerRef = useRef<HTMLDivElement \| null>(null);\n const listRef = useRef<HTMLDivElement \| null>(null);\n const noteRefs = useRef(new Map<string, HTMLTextAreaElement>());\n const focusedAnnotationIdRef = useRef<string \| null>(null);\n const portalContainer = usePortalContainer();\n const portalStyle = usePortalTokenStyle(triggerRef.current);\n const revealNote = (id: string) => {\n const row = listRef.current?.querySelector<HTMLElement>(\n `[data-og-annotation-id=\"${cssEscapeAttribute(id)}\"]`,\n );\n scrollAnnotationRowIntoList(listRef.current, row);\n noteRefs.current.get(id)?.focus();\n };\n\n const commitNotes = (fromId: string) => {\n const incomplete = annotations.filter((annotation) => {\n const live = noteRefs.current.get(annotation.id);\n return (live?.value ?? annotation.note).trim().length === 0;\n });\n if (incomplete.length === 0) {\n onCommit();\n return;\n }\n const fromIndex = annotations.findIndex((annotation) => annotation.id === fromId);\n const next =\n incomplete.find(\n (item) => annotations.findIndex((annotation) => annotation.id === item.id) > fromIndex,\n ) ?? incomplete[0]!;\n revealNote(next.id);\n };\n\n useLayoutEffect(() => {\n const updatePosition = () => {\n const rect = triggerRef.current?.getBoundingClientRect();\n if (!rect) return;\n const contentHeight =\n (headerRef.current?.offsetHeight ?? 44) + (listRef.current?.scrollHeight ?? 200);\n setPosition(\n clampAnnotationDialogPlacement({\n triggerLeft: rect.left,\n triggerTop: rect.top,\n triggerBottom: rect.bottom,\n contentHeight,\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n panelWidth: ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n }),\n );\n };\n updatePosition();\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n return () => {\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [annotations, triggerRef]);\n\n useLayoutEffect(() => {\n if (!focusAnnotationId) {\n focusedAnnotationIdRef.current = null;\n return;\n }\n // A consumed request must not reclaim focus or scroll on layout/callback updates.\n if (focusedAnnotationIdRef.current === focusAnnotationId) return;\n focusedAnnotationIdRef.current = null;\n if (position.maxHeight <= 0) return;\n revealNote(focusAnnotationId);\n const note = noteRefs.current.get(focusAnnotationId);\n if (note && document.activeElement === note) {\n focusedAnnotationIdRef.current = focusAnnotationId;\n onFocusConsumed?.();\n }\n }, [focusAnnotationId, onFocusConsumed, annotations.length, position.maxHeight]);\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n event.stopPropagation();\n onDismiss(true);\n return;\n }\n if (event.key !== \"Tab\" \|\| !panelRef.current) return;\n const focusable = focusableElements(panelRef.current);\n if (focusable.length === 0) return;\n const first = focusable[0]!;\n const last = focusable[focusable.length - 1]!;\n if (event.shiftKey && document.activeElement === first) {\n event.preventDefault();\n last.focus();\n } else if (!event.shiftKey && document.activeElement === last) {\n event.preventDefault();\n first.focus();\n }\n };\n const onPointerDown = (event: PointerEvent) => {\n if (!(event.target instanceof Node)) return;\n if (panelRef.current?.contains(event.target) \|\| triggerRef.current?.contains(event.target)) {\n return;\n }\n onDismiss(false);\n };\n document.addEventListener(\"keydown\", onKeyDown);\n document.addEventListener(\"pointerdown\", onPointerDown);\n if (!focusAnnotationId) {\n window.setTimeout(() => {\n if (document.activeElement === triggerRef.current) panelRef.current?.focus();\n }, 0);\n }\n return () => {\n document.removeEventListener(\"keydown\", onKeyDown);\n document.removeEventListener(\"pointerdown\", onPointerDown);\n };\n }, [focusAnnotationId, onDismiss, triggerRef]);\n\n if (typeof document === \"undefined\") return null;\n return createPortal(\n <div\n ref={panelRef}\n role=\"dialog\"\n tabIndex={-1}\n data-og-annotation-review=\"\"\n style={{\n left: position.left,\n top: position.top,\n maxHeight: position.maxHeight,\n ...portalStyle,\n }}\n className=\"og-root fixed z-[75] box-border flex w-[min(25rem,calc(100vw-1.5rem))] flex-col overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg shadow-xl outline-hidden\"\n aria-label={\n editable\n ? t(\"timelineAnnotationsDialog.editQuotedNotes\")\n : t(\"timelineAnnotationsDialog.quotedNotes\")\n }\n >\n <div\n ref={headerRef}\n data-og-annotation-review-header=\"\"\n className=\"flex shrink-0 items-start justify-between gap-3 px-3 pt-3 pb-2\"\n >\n <p className=\"min-w-0 pt-0.5 text-og-sm font-medium text-og-fg-muted\">{countLabel}</p>\n <button\n type=\"button\"\n className=\"inline-flex size-8 shrink-0 items-center justify-center rounded-md border-0 bg-transparent text-og-fg-muted outline-hidden hover:bg-og-surface-2 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n aria-label={t(\"timelineAnnotationsDialog.close\")}\n onClick={() => onDismiss(true)}\n >\n <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n </button>\n </div>\n <div\n ref={listRef}\n data-og-annotation-review-list=\"\"\n className=\"grid min-h-0 flex-1 gap-2.5 overflow-x-hidden overflow-y-auto overscroll-contain px-3 pb-3\"\n >\n {annotations.map((annotation, index) => {\n const ordinal = annotationDisplayOrdinal(annotation, index);\n return (\n <section\n key={annotation.id}\n data-og-annotation-id={annotation.id}\n aria-label={t(\"timelineAnnotationsDialog.annotationOrdinal\", { ordinal })}\n >\n <AnnotationAccentRow>\n <div className=\"flex items-start gap-1\">\n <div className=\"min-w-0 flex-1\">\n <p className=\"mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle\">\n {t(\"timelineAnnotationsDialog.annotationOrdinal\", { ordinal })}\n </p>\n <AnnotationQuoteSourceButton\n annotation={annotation}\n lines={2}\n onRevealSource={onRevealSource}\n onUnavailable={setUnavailableId}\n />\n </div>\n {editable && onRemove ? (\n <button\n type=\"button\"\n className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-md border-0 bg-transparent text-og-fg-subtle outline-hidden hover:bg-og-surface-1 hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n aria-label={t(\"timelineAnnotationsDialog.removeAnnotationOrdinal\", {\n ordinal,\n })}\n onClick={() => onRemove(annotation.id)}\n >\n <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n </button>\n ) : null}\n </div>\n {unavailableId === annotation.id ? (\n <p role=\"status\" className=\"text-og-xs text-og-status-waiting\">\n {t(\"timelineAnnotationsDialog.sourceIsOutsideTheLoaded\")}\n </p>\n ) : null}\n {editable && onUpdate ? (\n <AnnotationNoteField\n annotation={annotation}\n inputRef={(node) => {\n if (node) noteRefs.current.set(annotation.id, node);\n else noteRefs.current.delete(annotation.id);\n }}\n onUpdate={onUpdate}\n onCommit={() => commitNotes(annotation.id)}\n />\n ) : (\n <AnnotationNotePreview\n note={annotation.note}\n annotationId={annotation.id}\n ordinal={ordinal}\n />\n )}\n </AnnotationAccentRow>\n </section>\n );\n })}\n </div>\n </div>,\n portalContainer ?? document.body,\n );\n}\n\nexport default TimelineAnnotationsDialog;\n"],"mappings":"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","names":[]}

package/dist/timeline-model.d.ts CHANGED Viewed

@@ -29,3 +29,6 @@ export type { QuestionNavPrompt } from "./timeline/question-nav-model.js";
 export { timelineGroupIndexAtSequence, timelineGroupSequences } from "./timeline/focus-sequence.js";
 export { notificationPlainText, parseNotificationInline, parseNotificationText, } from "./notification-text.js";
 export type { NotificationBlock, NotificationSpan } from "./notification-text.js";
+export { ANNOTATION_MAX_NOTE_LENGTH, ANNOTATION_MAX_QUOTE_BYTES, ANNOTATION_SOURCE_CONTEXT_BYTES, annotationDisplayOrdinal, annotationFromSelection, annotationHasNote, bestQuoteOccurrence, matchingQuoteInSource, occurrenceOffsets, truncateAnnotationQuote, } from "./timeline/annotation-model.js";
+export type { AnnotationSelection } from "./timeline/annotation-model.js";
+export { annotationNoteNeedsDisclosure } from "./components/timeline-annotation-layout.js";

package/dist/timeline-model.js CHANGED Viewed

@@ -3,7 +3,7 @@ import {
   notificationPlainText,
   parseNotificationInline,
   parseNotificationText
-} from "./chunk-4FOOHMTU.js";
+} from "./chunk-LY6727IF.js";
 import {
   QUESTION_NAV_HIDDEN_PX,
   QUESTION_NAV_MARGIN_PX,
@@ -40,7 +40,10 @@ import {
   secretVaultForTarget,
   timelineGroupIndexAtSequence,
   timelineGroupSequences
-} from "./chunk-ZSERYHHT.js";
+} from "./chunk-IDMXEPHL.js";
+import {
+  annotationNoteNeedsDisclosure
+} from "./chunk-LJUMYUBO.js";
 import {
   BUILT_IN_TURN_SUMMARY_FACETS,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
@@ -77,7 +80,7 @@ import {
   webSearchPresentation,
   withComputePreview,
   writeStdinPresentation
-} from "./chunk-2RIUMV7S.js";
+} from "./chunk-UBIJBLUK.js";
 import {
   STARTUP_WAIT_TITLES,
   namedAgentTitle,
@@ -90,6 +93,28 @@ import {
 import {
   timelineGroupContainsPresentedImage
 } from "./chunk-ANHUMDJX.js";
+import {
+  secretReferenceLabel,
+  secretReferenceLabelText
+} from "./chunk-DNJ23AWQ.js";
+import {
+  ANNOTATION_MAX_NOTE_LENGTH,
+  ANNOTATION_MAX_QUOTE_BYTES,
+  ANNOTATION_SOURCE_CONTEXT_BYTES,
+  annotationDisplayOrdinal,
+  annotationFromSelection,
+  annotationHasNote,
+  bestQuoteOccurrence,
+  matchingQuoteInSource,
+  occurrenceOffsets,
+  truncateAnnotationQuote
+} from "./chunk-OB3YGXHQ.js";
+import {
+  SESSION_STATUS_BADGE,
+  SESSION_STATUS_PRESENTATION,
+  sessionAdmissionBlocked,
+  sessionDisplayStatus
+} from "./chunk-DHXKEJBH.js";
 import {
   isActionableHumanInputRequest
 } from "./chunk-IZV5FTJC.js";
@@ -103,25 +128,18 @@ import {
   toolStepLabel,
   toolStepPhase
 } from "./chunk-STUCI6QA.js";
-import {
-  secretReferenceLabel,
-  secretReferenceLabelText
-} from "./chunk-DNJ23AWQ.js";
-import {
-  SESSION_STATUS_BADGE,
-  SESSION_STATUS_PRESENTATION,
-  sessionAdmissionBlocked,
-  sessionDisplayStatus
-} from "./chunk-DHXKEJBH.js";
 import {
   formatBytes,
   formatClockTime,
   formatRelativeTime,
   stringifyPayload,
   tryParseJson
-} from "./chunk-UYSZKDQY.js";
+} from "./chunk-MK54JLE4.js";
 import "./chunk-4NHJ6EXL.js";
 export {
+  ANNOTATION_MAX_NOTE_LENGTH,
+  ANNOTATION_MAX_QUOTE_BYTES,
+  ANNOTATION_SOURCE_CONTEXT_BYTES,
   BUILT_IN_TOOL_STEP_NAMES,
   BUILT_IN_TURN_SUMMARY_FACETS,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
@@ -134,10 +152,15 @@ export {
   SESSION_STATUS_PRESENTATION,
   STARTUP_WAIT_TITLES,
   TOOL_STEP_IDS,
+  annotationDisplayOrdinal,
+  annotationFromSelection,
+  annotationHasNote,
+  annotationNoteNeedsDisclosure,
   answersFromDrafts,
   applyPatchOpsFromToolItem,
   applyPatchPresentation,
   askPresentation,
+  bestQuoteOccurrence,
   builtInToolStep,
   builtInToolStepLabel,
   callStepPhase,
@@ -162,12 +185,14 @@ export {
   isActionableHumanInputRequest,
   isApplyPatch,
   isPreparingWork,
+  matchingQuoteInSource,
   mcpToolLeaf,
   namedAgentTitle,
   noticeDisplayText,
   noticeIsResolvedApproval,
   noticeTone,
   notificationPlainText,
+  occurrenceOffsets,
   parseNotificationInline,
   parseNotificationText,
   parseToolArgs,
@@ -214,6 +239,7 @@ export {
   toolRowPresentation,
   toolStepLabel,
   toolStepPhase,
+  truncateAnnotationQuote,
   truncatePreview,
   tryParseJson,
   turnSummaryFallbackLabel,

package/dist/ui/access-list.js CHANGED Viewed

@@ -1,48 +1,48 @@
 "use client";
+import {
+  RoleSelect,
+  roleLabel
+} from "../chunk-KGTMHEAP.js";
 import {
   failedLoadParts
-} from "../chunk-3XOISKZC.js";
+} from "../chunk-TLGDPMUX.js";
 import {
   Avatar,
   AvatarFallback
 } from "../chunk-VWPOPKVH.js";
-import {
-  RoleSelect,
-  roleLabel
-} from "../chunk-IXX6ZOL2.js";
 import {
   InlineDisabledReason
 } from "../chunk-TFK4KFKA.js";
-import {
-  StatusBadge
-} from "../chunk-EPCPGUIF.js";
 import {
   MetaChip
 } from "../chunk-SS3N75VI.js";
-import "../chunk-MRXOGI3O.js";
-import "../chunk-WLEDGIVS.js";
 import {
-  ErrorMessage
-} from "../chunk-WHWUWN2X.js";
-import "../chunk-ZMBJPN4T.js";
-import "../chunk-X6WZOHBI.js";
-import "../chunk-L4OF77LE.js";
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../chunk-TREHTIBD.js";
 import "../chunk-XNTW77T6.js";
 import {
-  Skeleton
-} from "../chunk-HY7EYWIG.js";
+  StatusBadge
+} from "../chunk-EPCPGUIF.js";
+import "../chunk-X6WZOHBI.js";
+import "../chunk-5OTQA7CM.js";
 import "../chunk-KS57MLGE.js";
+import "../chunk-77CUDSHG.js";
+import {
+  ErrorMessage
+} from "../chunk-WHWUWN2X.js";
+import "../chunk-WLEDGIVS.js";
+import "../chunk-ZMBJPN4T.js";
 import {
   Button
 } from "../chunk-HMU5IELG.js";
 import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "../chunk-MOF3XSUM.js";
-import "../chunk-5OTQA7CM.js";
+  Skeleton
+} from "../chunk-HY7EYWIG.js";
+import "../chunk-L4OF77LE.js";
 import "../chunk-J3BHDXQQ.js";
 import {
   cn

package/dist/ui/choice-cards.js CHANGED Viewed

@@ -7,9 +7,9 @@ import {
   SELECTED_SURFACE_CLASS,
   SelectedCheck,
   selectableSurface
-} from "../chunk-VAIESMPY.js";
-import "../chunk-ZMBJPN4T.js";
+} from "../chunk-YVBHGMKC.js";
 import "../chunk-XNTW77T6.js";
+import "../chunk-ZMBJPN4T.js";
 import "../chunk-TXS65BB2.js";
 export {
   ChoiceCard,

package/dist/ui/composer-menu-action.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
   ConnectorAction
-} from "../chunk-QZO2KK2F.js";
-import "../chunk-MOF3XSUM.js";
+} from "../chunk-6P44NG6Y.js";
+import "../chunk-TREHTIBD.js";
 import "../chunk-5OTQA7CM.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";

package/dist/ui/context-menu.d.ts CHANGED Viewed

@@ -11,4 +11,6 @@ declare function ContextMenuSeparator({ className, ...props }: React.ComponentPr
 declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
     inset?: boolean | undefined;
 }): React.JSX.Element;
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuLabel, };
+/** An item's key on the right, like `DropdownMenuShortcut`. */
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { ContextMenu, ContextMenuShortcut, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuLabel, };

package/dist/ui/context-menu.js CHANGED Viewed

@@ -6,8 +6,9 @@ import {
   ContextMenuItem,
   ContextMenuLabel,
   ContextMenuSeparator,
+  ContextMenuShortcut,
   ContextMenuTrigger
-} from "../chunk-2MXUB3ZO.js";
+} from "../chunk-Z5OGTWMZ.js";
 import "../chunk-5OTQA7CM.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
@@ -17,6 +18,7 @@ export {
   ContextMenuItem,
   ContextMenuLabel,
   ContextMenuSeparator,
+  ContextMenuShortcut,
   ContextMenuTrigger
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/ui/detail-page.js CHANGED Viewed

@@ -9,13 +9,13 @@ import {
 import {
   BackLink,
   DetailPage
-} from "../chunk-LEXPBQ56.js";
+} from "../chunk-4SKJX3C4.js";
 import "../chunk-J6WRB3VZ.js";
-import "../chunk-FQQEZUSN.js";
 import "../chunk-6KELG2EG.js";
+import "../chunk-FQQEZUSN.js";
 import "../chunk-ZMBJPN4T.js";
-import "../chunk-HY7EYWIG.js";
 import "../chunk-HMU5IELG.js";
+import "../chunk-HY7EYWIG.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/detail-sheet.js CHANGED Viewed

@@ -16,13 +16,13 @@ import {
   DetailSheetTrigger,
   DetailSkeleton,
   useDetailPresentation
-} from "../chunk-LEXPBQ56.js";
+} from "../chunk-4SKJX3C4.js";
 import "../chunk-J6WRB3VZ.js";
-import "../chunk-FQQEZUSN.js";
 import "../chunk-6KELG2EG.js";
+import "../chunk-FQQEZUSN.js";
 import "../chunk-ZMBJPN4T.js";
-import "../chunk-HY7EYWIG.js";
 import "../chunk-HMU5IELG.js";
+import "../chunk-HY7EYWIG.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/diff-view.js CHANGED Viewed

@@ -6,12 +6,12 @@ import {
   diffStats,
   diffWords,
   failedLoadParts
-} from "../chunk-3XOISKZC.js";
+} from "../chunk-TLGDPMUX.js";
 import "../chunk-WHWUWN2X.js";
 import "../chunk-ZMBJPN4T.js";
-import "../chunk-L4OF77LE.js";
-import "../chunk-HY7EYWIG.js";
 import "../chunk-HMU5IELG.js";
+import "../chunk-HY7EYWIG.js";
+import "../chunk-L4OF77LE.js";
 import "../chunk-TXS65BB2.js";
 export {
   DiffView,

package/dist/ui/disclosure.js CHANGED Viewed

@@ -1,15 +1,15 @@
 "use client";
 import {
   Disclosure
-} from "../chunk-QZRDCFHI.js";
-import "../chunk-LEXPBQ56.js";
+} from "../chunk-S66SBBFQ.js";
+import "../chunk-4SKJX3C4.js";
 import "../chunk-J6WRB3VZ.js";
-import "../chunk-FQQEZUSN.js";
-import "../chunk-6KELG2EG.js";
 import "../chunk-T6KM63FZ.js";
+import "../chunk-6KELG2EG.js";
+import "../chunk-FQQEZUSN.js";
 import "../chunk-ZMBJPN4T.js";
-import "../chunk-HY7EYWIG.js";
 import "../chunk-HMU5IELG.js";
+import "../chunk-HY7EYWIG.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/dropdown-menu.js CHANGED Viewed

@@ -19,7 +19,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "../chunk-MOF3XSUM.js";
+} from "../chunk-TREHTIBD.js";
 import "../chunk-5OTQA7CM.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";

package/dist/ui/flush-form-page.js CHANGED Viewed

@@ -3,14 +3,14 @@ import {
   FLUSH_DETAIL_PAGE_CLASS,
   FLUSH_FORM_PAGE_CLASS,
   FlushFormPage
-} from "../chunk-P646DND6.js";
-import "../chunk-MRXOGI3O.js";
-import "../chunk-WLEDGIVS.js";
+} from "../chunk-VCMQPCME.js";
+import "../chunk-77CUDSHG.js";
 import "../chunk-WHWUWN2X.js";
+import "../chunk-WLEDGIVS.js";
 import "../chunk-ZMBJPN4T.js";
-import "../chunk-L4OF77LE.js";
-import "../chunk-HY7EYWIG.js";
 import "../chunk-HMU5IELG.js";
+import "../chunk-HY7EYWIG.js";
+import "../chunk-L4OF77LE.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/form-dialog.js CHANGED Viewed

@@ -7,13 +7,13 @@ import {
   FormPage,
   firstFormField,
   useFormOverlay
-} from "../chunk-MRXOGI3O.js";
-import "../chunk-WLEDGIVS.js";
+} from "../chunk-77CUDSHG.js";
 import "../chunk-WHWUWN2X.js";
+import "../chunk-WLEDGIVS.js";
 import "../chunk-ZMBJPN4T.js";
-import "../chunk-L4OF77LE.js";
-import "../chunk-HY7EYWIG.js";
 import "../chunk-HMU5IELG.js";
+import "../chunk-HY7EYWIG.js";
+import "../chunk-L4OF77LE.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/list-row.js CHANGED Viewed

@@ -5,14 +5,14 @@ import {
   RowIndicator,
   RowList,
   useRowListVariant
-} from "../chunk-NQCMS4AJ.js";
+} from "../chunk-JQCGPTZ6.js";
+import "../chunk-TREHTIBD.js";
 import "../chunk-FQQEZUSN.js";
-import "../chunk-ZMBJPN4T.js";
-import "../chunk-HY7EYWIG.js";
+import "../chunk-5OTQA7CM.js";
 import "../chunk-XG57V2BN.js";
 import "../chunk-KS57MLGE.js";
-import "../chunk-MOF3XSUM.js";
-import "../chunk-5OTQA7CM.js";
+import "../chunk-ZMBJPN4T.js";
+import "../chunk-HY7EYWIG.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/load-failure.js CHANGED Viewed

@@ -3,12 +3,12 @@ import {
   ErrorMessage
 } from "../chunk-WHWUWN2X.js";
 import "../chunk-ZMBJPN4T.js";
-import {
-  apiErrorFacts
-} from "../chunk-L4OF77LE.js";
 import {
   Button
 } from "../chunk-HMU5IELG.js";
+import {
+  apiErrorFacts
+} from "../chunk-L4OF77LE.js";
 import "../chunk-TXS65BB2.js";
 // src/ui/load-failure.tsx

package/dist/ui/page-actions.js CHANGED Viewed

@@ -2,10 +2,10 @@
 import {
   MoreMenu,
   RowButton
-} from "../chunk-GVIQ7H62.js";
-import "../chunk-HMU5IELG.js";
-import "../chunk-MOF3XSUM.js";
+} from "../chunk-2LUBBDZV.js";
+import "../chunk-TREHTIBD.js";
 import "../chunk-5OTQA7CM.js";
+import "../chunk-HMU5IELG.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/revision-history.js CHANGED Viewed

@@ -2,33 +2,33 @@
 import {
   DiffView,
   failedLoadParts
-} from "../chunk-3XOISKZC.js";
+} from "../chunk-TLGDPMUX.js";
 import {
   InlineDisabledReason
 } from "../chunk-TFK4KFKA.js";
 import {
   MetaChip
 } from "../chunk-SS3N75VI.js";
-import {
-  ErrorMessage
-} from "../chunk-WHWUWN2X.js";
-import "../chunk-ZMBJPN4T.js";
-import "../chunk-X6WZOHBI.js";
-import "../chunk-L4OF77LE.js";
 import "../chunk-XNTW77T6.js";
-import {
-  Skeleton
-} from "../chunk-HY7EYWIG.js";
+import "../chunk-X6WZOHBI.js";
+import "../chunk-5OTQA7CM.js";
 import {
   RelativeTime
 } from "../chunk-XG57V2BN.js";
 import {
   DisabledReason
 } from "../chunk-KS57MLGE.js";
+import {
+  ErrorMessage
+} from "../chunk-WHWUWN2X.js";
+import "../chunk-ZMBJPN4T.js";
 import {
   Button
 } from "../chunk-HMU5IELG.js";
-import "../chunk-5OTQA7CM.js";
+import {
+  Skeleton
+} from "../chunk-HY7EYWIG.js";
+import "../chunk-L4OF77LE.js";
 import "../chunk-J3BHDXQQ.js";
 import {
   cn

package/dist/ui/role-select.js CHANGED Viewed

@@ -4,18 +4,18 @@ import {
   RoleSelect,
   needsEscalationConfirm,
   roleLabel
-} from "../chunk-IXX6ZOL2.js";
+} from "../chunk-KGTMHEAP.js";
 import "../chunk-TFK4KFKA.js";
-import "../chunk-MRXOGI3O.js";
-import "../chunk-WLEDGIVS.js";
-import "../chunk-WHWUWN2X.js";
-import "../chunk-ZMBJPN4T.js";
-import "../chunk-L4OF77LE.js";
 import "../chunk-XNTW77T6.js";
-import "../chunk-HY7EYWIG.js";
+import "../chunk-5OTQA7CM.js";
 import "../chunk-KS57MLGE.js";
+import "../chunk-77CUDSHG.js";
+import "../chunk-WHWUWN2X.js";
+import "../chunk-WLEDGIVS.js";
+import "../chunk-ZMBJPN4T.js";
 import "../chunk-HMU5IELG.js";
-import "../chunk-5OTQA7CM.js";
+import "../chunk-HY7EYWIG.js";
+import "../chunk-L4OF77LE.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/ui/segmented-control.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   SegmentedControl
-} from "../chunk-SWWYYGQO.js";
+} from "../chunk-325C2TCI.js";
 import "../chunk-XSOPQZGH.js";
 import "../chunk-KS57MLGE.js";
 import "../chunk-J3BHDXQQ.js";

package/dist/ui/settings-nav.js CHANGED Viewed

@@ -5,12 +5,12 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from "../chunk-OLTGED2Q.js";
-import {
-  Skeleton
-} from "../chunk-HY7EYWIG.js";
 import {
   ReasonTooltip
 } from "../chunk-KS57MLGE.js";
+import {
+  Skeleton
+} from "../chunk-HY7EYWIG.js";
 import "../chunk-J3BHDXQQ.js";
 import {
   cn

package/dist/ui/toolbar.js CHANGED Viewed

@@ -8,10 +8,10 @@ import {
   ToolbarSummary,
   countActiveFilters,
   toggleFilter
-} from "../chunk-OOTBYSCA.js";
-import "../chunk-HMU5IELG.js";
-import "../chunk-MOF3XSUM.js";
+} from "../chunk-BBWKPNJB.js";
+import "../chunk-TREHTIBD.js";
 import "../chunk-5OTQA7CM.js";
+import "../chunk-HMU5IELG.js";
 import "../chunk-J3BHDXQQ.js";
 import "../chunk-TXS65BB2.js";
 export {

package/dist/usage.js CHANGED Viewed

@@ -13,7 +13,7 @@ import {
   summarizeUsage,
   usagePercentLabel,
   useUsage
-} from "./chunk-DCLPWYP3.js";
+} from "./chunk-IEVPJ3G6.js";
 import {
   DEFAULT_ALLOWANCE_LABELS,
   DEFAULT_SESSION_USAGE_LIMIT_LABELS,
@@ -30,7 +30,7 @@ import "./chunk-NAWXARTY.js";
 import "./chunk-CM7LVUKC.js";
 import "./chunk-TVQCDDSZ.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-G7VLL3PG.js";
+import "./chunk-F2YABPRJ.js";
 export {
   DEFAULT_ALLOWANCE_LABELS,
   DEFAULT_SESSION_USAGE_LIMIT_LABELS,