@openhands/agent-canvas 1.18.0 → 1.20.0

package/dist/hooks/use-drag-resize.cjs

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs"),require("../utils/constants.cjs");const e=require("../utils/utils.cjs");var t=2,n=120,r=()=>{let e=document.getElementById(`resize-grip`)?.parentElement??null;return e?e.getBoundingClientRect().bottom>=window.innerHeight-n:!0},i=({elementRef:n,minHeight:i,maxHeight:a,onGripDragStart:o,onGripDragEnd:s,onHeightChange:c,onReachedMinHeight:l})=>{let u=e=>`touches`in e&&e.touches.length>0?e.touches[0].clientY:e.clientY,d=(e,t)=>{let n=document.getElementById(`resize-grip`);n&&(n.addEventListener(`touchmove`,e,{passive:!1,capture:!0}),n.addEventListener(`touchend`,t,{capture:!0}))},f=(e,t)=>{document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t)},p=r=>{let p=e.isMobileDevice(),m=n.current?.offsetHeight||i,h=!1,g=e=>{if(e.preventDefault(),!h){let n=u(e);if(Math.abs(n-r)<t)return;h=!0,o?.()}let s=u(e)-r,d=Math.max(i,Math.min(a,m-s)),f=n.current;if(!f)return;f.style.height=`${d}px`;let p=f.scrollHeight>d||d>=a;f.style.overflowY=p?`auto`:`hidden`,c&&c(d),l&&Math.abs(d-i)<=1.5&&l()},_=()=>{if(h&&s?.(),p){let e=document.getElementById(`resize-grip`);if(!e)return;e.removeEventListener(`mousemove`,g),e.removeEventListener(`mouseup`,_),e.removeEventListener(`touchmove`,g),e.removeEventListener(`touchend`,_)}else document.removeEventListener(`mousemove`,g),document.removeEventListener(`mouseup`,_),document.removeEventListener(`touchmove`,g),document.removeEventListener(`touchend`,_)};p?d(g,_):f(g,_)};return{handleGripMouseDown:e=>{e.preventDefault(),r()&&p(e.clientY)},handleGripTouchStart:e=>{e.preventDefault(),r()&&p(e.touches[0].clientY)}}};exports.isBottomAnchored=r,exports.useDragResize=i;
+require("../_virtual/_rolldown/runtime.cjs"),require("../utils/constants.cjs");const e=require("../utils/utils.cjs");var t=2,n=120,r=()=>{let e=document.getElementById(`resize-grip`)?.parentElement??null;return e?e.getBoundingClientRect().bottom>=window.innerHeight-n:!0},i=({elementRef:n,minHeight:i,maxHeight:a,onGripDragStart:o,onGripDragEnd:s,onHeightChange:c,onReachedMinHeight:l})=>{let u=e=>`touches`in e&&e.touches.length>0?e.touches[0].clientY:e.clientY,d=(e,t)=>{let n=document.getElementById(`resize-grip`);if(n)return n.addEventListener(`touchmove`,e,{passive:!1,capture:!0}),n.addEventListener(`touchend`,t,{capture:!0}),n},f=(e,t)=>{document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t)},p=r=>{let p=e.isMobileDevice(),m=n.current?.offsetHeight||i,h=!1,g,_=e=>{if(e.preventDefault(),!h){let n=u(e);if(Math.abs(n-r)<t)return;h=!0,o?.()}let s=u(e)-r,d=Math.max(i,Math.min(a,m-s)),f=n.current;if(!f)return;f.style.height=`${d}px`;let p=f.scrollHeight>d||d>=a;f.style.overflowY=p?`auto`:`hidden`,c&&c(d),l&&Math.abs(d-i)<=1.5&&l()},v=()=>{if(h&&s?.(),p){if(!g)return;g.removeEventListener(`touchmove`,_,!0),g.removeEventListener(`touchend`,v,!0)}else document.removeEventListener(`mousemove`,_),document.removeEventListener(`mouseup`,v),document.removeEventListener(`touchmove`,_),document.removeEventListener(`touchend`,v)};p?g=d(_,v):f(_,v)};return{handleGripMouseDown:e=>{e.preventDefault(),r()&&p(e.clientY)},handleGripTouchStart:e=>{e.preventDefault(),r()&&p(e.touches[0].clientY)}}};exports.isBottomAnchored=r,exports.useDragResize=i;
 //# sourceMappingURL=use-drag-resize.cjs.map

package/dist/hooks/use-drag-resize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-resize.cjs","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        const resizeGrip = document.getElementById(\"resize-grip\");\n        if (!resizeGrip) {\n          return;\n        }\n\n        // Remove both mouse and touch event listeners\n        resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n        resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":"qHASA,IAAM,EAAiB,EAWjB,EAA4B,IASrB,MAAkC,CAE7C,IAAM,EADO,SAAS,eAAe,aACrB,GAAM,eAAiB,KAGvC,OAFK,EACQ,EAAQ,sBACd,EAAK,QAAU,OAAO,YAAc,EAFtB,EAGvB,EAaa,GAAiB,CAC5B,aACA,YACA,YACA,kBACA,gBACA,iBACA,wBAC0B,CAC1B,IAAM,EAAc,GACd,YAAa,GAAS,EAAM,QAAQ,OAAS,EACxC,EAAM,QAAQ,GAAG,QAElB,EAAqB,QAIzB,GACJ,EACA,IACG,CACH,IAAM,EAAa,SAAS,eAAe,aAAa,EAEnD,IAIL,EAAW,iBAAiB,YAAa,EAAgB,CACvD,QAAS,GACT,QAAS,EACX,CAAC,EACD,EAAW,iBAAiB,WAAY,EAAe,CACrD,QAAS,EACX,CAAC,EACH,EAGM,GACJ,EACA,IACG,CACH,SAAS,iBAAiB,YAAa,CAAc,EACrD,SAAS,iBAAiB,UAAW,CAAa,CACpD,EAGM,EAAa,GAAmB,CACpC,IAAM,EAAW,EAAA,eAAe,EAC1B,EAAc,EAAW,SAAS,cAAgB,EACpD,EAAgB,GAEd,EAAkB,GAAuC,CAG7D,GAFA,EAAU,eAAe,EAErB,CAAC,EAAe,CAClB,IAAM,EAAI,EAAW,CAAS,EAC9B,GAAI,KAAK,IAAI,EAAI,CAAM,EAAI,EACzB,OAEF,EAAgB,GAChB,IAAkB,CACpB,CAEA,IAAM,EAAS,EAAW,CAAS,EAAI,EAEjC,EAAY,KAAK,IACrB,EACA,KAAK,IAAI,EAAW,EAAc,CAAM,CAC1C,EAEM,EAAU,EAAW,QAE3B,GAAI,CAAC,EACH,OAGF,EAAQ,MAAM,OAAS,GAAG,EAAU,IAIpC,IAAM,EADgB,EAAQ,aAEZ,GAAa,GAAa,EAC5C,EAAQ,MAAM,UAAY,EAAsB,OAAS,SAGrD,GACF,EAAe,CAAS,EAItB,GAAsB,KAAK,IAAI,EAAY,CAAS,GAAA,KACtD,EAAmB,CAEvB,EAEM,MAAsB,CAK1B,GAJI,GACF,IAAgB,EAGd,EAAU,CACZ,IAAM,EAAa,SAAS,eAAe,aAAa,EACxD,GAAI,CAAC,EACH,OAIF,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,UAAW,CAAa,EACvD,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,WAAY,CAAa,CAC1D,MACE,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,UAAW,CAAa,EACrD,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,WAAY,CAAa,CAE1D,EAGI,EACF,EAA0B,EAAgB,CAAa,EAEvD,EAA2B,EAAgB,CAAa,CAE5D,EAmBA,MAAO,CACL,oBAjB2B,GAAuB,CAClD,EAAE,eAAe,EAIZ,EAAiB,GACtB,EAAU,EAAE,OAAO,CACrB,EAWE,qBAR4B,GAAuB,CACnD,EAAE,eAAe,EACZ,EAAiB,GACtB,EAAU,EAAE,QAAQ,GAAG,OAAO,CAChC,CAKA,CACF"}
+{"version":3,"file":"use-drag-resize.cjs","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n    return resizeGrip;\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n    let resizeGrip: HTMLElement | undefined;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        if (!resizeGrip) {\n          return;\n        }\n\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove, true);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd, true);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      resizeGrip = setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":"qHASA,IAAM,EAAiB,EAWjB,EAA4B,IASrB,MAAkC,CAE7C,IAAM,EADO,SAAS,eAAe,aACrB,GAAM,eAAiB,KAGvC,OAFK,EACQ,EAAQ,sBACd,EAAK,QAAU,OAAO,YAAc,EAFtB,EAGvB,EAaa,GAAiB,CAC5B,aACA,YACA,YACA,kBACA,gBACA,iBACA,wBAC0B,CAC1B,IAAM,EAAc,GACd,YAAa,GAAS,EAAM,QAAQ,OAAS,EACxC,EAAM,QAAQ,GAAG,QAElB,EAAqB,QAIzB,GACJ,EACA,IACG,CACH,IAAM,EAAa,SAAS,eAAe,aAAa,EAEnD,KAWL,OAPA,EAAW,iBAAiB,YAAa,EAAgB,CACvD,QAAS,GACT,QAAS,EACX,CAAC,EACD,EAAW,iBAAiB,WAAY,EAAe,CACrD,QAAS,EACX,CAAC,EACM,CACT,EAGM,GACJ,EACA,IACG,CACH,SAAS,iBAAiB,YAAa,CAAc,EACrD,SAAS,iBAAiB,UAAW,CAAa,CACpD,EAGM,EAAa,GAAmB,CACpC,IAAM,EAAW,EAAA,eAAe,EAC1B,EAAc,EAAW,SAAS,cAAgB,EACpD,EAAgB,GAChB,EAEE,EAAkB,GAAuC,CAG7D,GAFA,EAAU,eAAe,EAErB,CAAC,EAAe,CAClB,IAAM,EAAI,EAAW,CAAS,EAC9B,GAAI,KAAK,IAAI,EAAI,CAAM,EAAI,EACzB,OAEF,EAAgB,GAChB,IAAkB,CACpB,CAEA,IAAM,EAAS,EAAW,CAAS,EAAI,EAEjC,EAAY,KAAK,IACrB,EACA,KAAK,IAAI,EAAW,EAAc,CAAM,CAC1C,EAEM,EAAU,EAAW,QAE3B,GAAI,CAAC,EACH,OAGF,EAAQ,MAAM,OAAS,GAAG,EAAU,IAIpC,IAAM,EADgB,EAAQ,aAEZ,GAAa,GAAa,EAC5C,EAAQ,MAAM,UAAY,EAAsB,OAAS,SAGrD,GACF,EAAe,CAAS,EAItB,GAAsB,KAAK,IAAI,EAAY,CAAS,GAAA,KACtD,EAAmB,CAEvB,EAEM,MAAsB,CAK1B,GAJI,GACF,IAAgB,EAGd,EAAU,CACZ,GAAI,CAAC,EACH,OAGF,EAAW,oBAAoB,YAAa,EAAgB,EAAI,EAChE,EAAW,oBAAoB,WAAY,EAAe,EAAI,CAChE,MACE,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,UAAW,CAAa,EACrD,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,WAAY,CAAa,CAE1D,EAGI,EACF,EAAa,EAA0B,EAAgB,CAAa,EAEpE,EAA2B,EAAgB,CAAa,CAE5D,EAmBA,MAAO,CACL,oBAjB2B,GAAuB,CAClD,EAAE,eAAe,EAIZ,EAAiB,GACtB,EAAU,EAAE,OAAO,CACrB,EAWE,qBAR4B,GAAuB,CACnD,EAAE,eAAe,EACZ,EAAiB,GACtB,EAAU,EAAE,QAAQ,GAAG,OAAO,CAChC,CAKA,CACF"}

package/dist/hooks/use-drag-resize.js

@@ -7,14 +7,14 @@ var t = 2, n = 120, r = () => {
 }, i = ({ elementRef: n, minHeight: i, maxHeight: a, onGripDragStart: o, onGripDragEnd: s, onHeightChange: c, onReachedMinHeight: l }) => {
 	let u = (e) => "touches" in e && e.touches.length > 0 ? e.touches[0].clientY : e.clientY, d = (e, t) => {
 		let n = document.getElementById("resize-grip");
-		n && (n.addEventListener("touchmove", e, {
+		if (n) return n.addEventListener("touchmove", e, {
 			passive: !1,
 			capture: !0
-		}), n.addEventListener("touchend", t, { capture: !0 }));
+		}), n.addEventListener("touchend", t, { capture: !0 }), n;
 	}, f = (e, t) => {
 		document.addEventListener("mousemove", e), document.addEventListener("mouseup", t);
 	}, p = (r) => {
-		let p = e(), m = n.current?.offsetHeight || i, h = !1, g = (e) => {
+		let p = e(), m = n.current?.offsetHeight || i, h = !1, g, _ = (e) => {
 			if (e.preventDefault(), !h) {
 				let n = u(e);
 				if (Math.abs(n - r) < t) return;
@@ -25,14 +25,13 @@ var t = 2, n = 120, r = () => {
 			f.style.height = `${d}px`;
 			let p = f.scrollHeight > d || d >= a;
 			f.style.overflowY = p ? "auto" : "hidden", c && c(d), l && Math.abs(d - i) <= 1.5 && l();
-		}, _ = () => {
+		}, v = () => {
 			if (h && s?.(), p) {
-				let e = document.getElementById("resize-grip");
-				if (!e) return;
-				e.removeEventListener("mousemove", g), e.removeEventListener("mouseup", _), e.removeEventListener("touchmove", g), e.removeEventListener("touchend", _);
-			} else document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", _), document.removeEventListener("touchmove", g), document.removeEventListener("touchend", _);
+				if (!g) return;
+				g.removeEventListener("touchmove", _, !0), g.removeEventListener("touchend", v, !0);
+			} else document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", v), document.removeEventListener("touchmove", _), document.removeEventListener("touchend", v);
 		};
-		p ? d(g, _) : f(g, _);
+		p ? g = d(_, v) : f(_, v);
 	};
 	return {
 		handleGripMouseDown: (e) => {

package/dist/hooks/use-drag-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-resize.js","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        const resizeGrip = document.getElementById(\"resize-grip\");\n        if (!resizeGrip) {\n          return;\n        }\n\n        // Remove both mouse and touch event listeners\n        resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n        resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":";;;AASA,IAAM,IAAiB,GAWjB,IAA4B,KASrB,UAAkC;CAE7C,IAAM,IADO,SAAS,eAAe,aACrB,GAAM,iBAAiB;CAGvC,OAFK,IACQ,EAAQ,sBACd,EAAK,UAAU,OAAO,cAAc,IAFtB;AAGvB,GAaa,KAAiB,EAC5B,eACA,cACA,cACA,oBACA,kBACA,mBACA,4BAC0B;CAC1B,IAAM,KAAc,MACd,aAAa,KAAS,EAAM,QAAQ,SAAS,IACxC,EAAM,QAAQ,GAAG,UAElB,EAAqB,SAIzB,KACJ,GACA,MACG;EACH,IAAM,IAAa,SAAS,eAAe,aAAa;EAEnD,MAIL,EAAW,iBAAiB,aAAa,GAAgB;GACvD,SAAS;GACT,SAAS;EACX,CAAC,GACD,EAAW,iBAAiB,YAAY,GAAe,EACrD,SAAS,GACX,CAAC;CACH,GAGM,KACJ,GACA,MACG;EAEH,AADA,SAAS,iBAAiB,aAAa,CAAc,GACrD,SAAS,iBAAiB,WAAW,CAAa;CACpD,GAGM,KAAa,MAAmB;EACpC,IAAM,IAAW,EAAe,GAC1B,IAAc,EAAW,SAAS,gBAAgB,GACpD,IAAgB,IAEd,KAAkB,MAAuC;GAG7D,IAFA,EAAU,eAAe,GAErB,CAAC,GAAe;IAClB,IAAM,IAAI,EAAW,CAAS;IAC9B,IAAI,KAAK,IAAI,IAAI,CAAM,IAAI,GACzB;IAGF,AADA,IAAgB,IAChB,IAAkB;GACpB;GAEA,IAAM,IAAS,EAAW,CAAS,IAAI,GAEjC,IAAY,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,IAAc,CAAM,CAC1C,GAEM,IAAU,EAAW;GAE3B,IAAI,CAAC,GACH;GAGF,EAAQ,MAAM,SAAS,GAAG,EAAU;GAIpC,IAAM,IADgB,EAAQ,eAEZ,KAAa,KAAa;GAS5C,AARA,EAAQ,MAAM,YAAY,IAAsB,SAAS,UAGrD,KACF,EAAe,CAAS,GAItB,KAAsB,KAAK,IAAI,IAAY,CAAS,KAAA,OACtD,EAAmB;EAEvB,GAEM,UAAsB;GAK1B,IAJI,KACF,IAAgB,GAGd,GAAU;IACZ,IAAM,IAAa,SAAS,eAAe,aAAa;IACxD,IAAI,CAAC,GACH;IAOF,AAHA,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,WAAW,CAAa,GACvD,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,YAAY,CAAa;GAC1D,OAIE,AAHA,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,WAAW,CAAa,GACrD,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,YAAY,CAAa;EAE1D;EAGA,AAAI,IACF,EAA0B,GAAgB,CAAa,IAEvD,EAA2B,GAAgB,CAAa;CAE5D;CAmBA,OAAO;EACL,sBAjB2B,MAAuB;GAClD,EAAE,eAAe,GAIZ,EAAiB,KACtB,EAAU,EAAE,OAAO;EACrB;EAWE,uBAR4B,MAAuB;GACnD,EAAE,eAAe,GACZ,EAAiB,KACtB,EAAU,EAAE,QAAQ,GAAG,OAAO;EAChC;CAKA;AACF"}
+{"version":3,"file":"use-drag-resize.js","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n    return resizeGrip;\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n    let resizeGrip: HTMLElement | undefined;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        if (!resizeGrip) {\n          return;\n        }\n\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove, true);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd, true);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      resizeGrip = setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":";;;AASA,IAAM,IAAiB,GAWjB,IAA4B,KASrB,UAAkC;CAE7C,IAAM,IADO,SAAS,eAAe,aACrB,GAAM,iBAAiB;CAGvC,OAFK,IACQ,EAAQ,sBACd,EAAK,UAAU,OAAO,cAAc,IAFtB;AAGvB,GAaa,KAAiB,EAC5B,eACA,cACA,cACA,oBACA,kBACA,mBACA,4BAC0B;CAC1B,IAAM,KAAc,MACd,aAAa,KAAS,EAAM,QAAQ,SAAS,IACxC,EAAM,QAAQ,GAAG,UAElB,EAAqB,SAIzB,KACJ,GACA,MACG;EACH,IAAM,IAAa,SAAS,eAAe,aAAa;EAEnD,OAWL,OAPA,EAAW,iBAAiB,aAAa,GAAgB;GACvD,SAAS;GACT,SAAS;EACX,CAAC,GACD,EAAW,iBAAiB,YAAY,GAAe,EACrD,SAAS,GACX,CAAC,GACM;CACT,GAGM,KACJ,GACA,MACG;EAEH,AADA,SAAS,iBAAiB,aAAa,CAAc,GACrD,SAAS,iBAAiB,WAAW,CAAa;CACpD,GAGM,KAAa,MAAmB;EACpC,IAAM,IAAW,EAAe,GAC1B,IAAc,EAAW,SAAS,gBAAgB,GACpD,IAAgB,IAChB,GAEE,KAAkB,MAAuC;GAG7D,IAFA,EAAU,eAAe,GAErB,CAAC,GAAe;IAClB,IAAM,IAAI,EAAW,CAAS;IAC9B,IAAI,KAAK,IAAI,IAAI,CAAM,IAAI,GACzB;IAGF,AADA,IAAgB,IAChB,IAAkB;GACpB;GAEA,IAAM,IAAS,EAAW,CAAS,IAAI,GAEjC,IAAY,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,IAAc,CAAM,CAC1C,GAEM,IAAU,EAAW;GAE3B,IAAI,CAAC,GACH;GAGF,EAAQ,MAAM,SAAS,GAAG,EAAU;GAIpC,IAAM,IADgB,EAAQ,eAEZ,KAAa,KAAa;GAS5C,AARA,EAAQ,MAAM,YAAY,IAAsB,SAAS,UAGrD,KACF,EAAe,CAAS,GAItB,KAAsB,KAAK,IAAI,IAAY,CAAS,KAAA,OACtD,EAAmB;EAEvB,GAEM,UAAsB;GAK1B,IAJI,KACF,IAAgB,GAGd,GAAU;IACZ,IAAI,CAAC,GACH;IAIF,AADA,EAAW,oBAAoB,aAAa,GAAgB,EAAI,GAChE,EAAW,oBAAoB,YAAY,GAAe,EAAI;GAChE,OAIE,AAHA,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,WAAW,CAAa,GACrD,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,YAAY,CAAa;EAE1D;EAGA,AAAI,IACF,IAAa,EAA0B,GAAgB,CAAa,IAEpE,EAA2B,GAAgB,CAAa;CAE5D;CAmBA,OAAO;EACL,sBAjB2B,MAAuB;GAClD,EAAE,eAAe,GAIZ,EAAiB,KACtB,EAAU,EAAE,OAAO;EACrB;EAWE,uBAR4B,MAAuB;GACnD,EAAE,eAAe,GACZ,EAAiB,KACtB,EAAU,EAAE,QAAQ,GAAG,OAAO;EAChC;CAKA;AACF"}