@algenium/blocks 1.2.0-rc.2 → 1.2.0-rc.3

package/dist/index.cjs

@@ -6808,6 +6808,7 @@ function ChatSidebar({
   labels = {},
   roleLabel,
   roomTypeLabel,
+  mobileTopOffset,
   className
 }) {
   const {
@@ -6841,14 +6842,16 @@ function ChatSidebar({
     return roomTypeLabels[type] ?? type;
   };
   const activeConversation = activeCaseId ? conversations.find((c) => c.caseId === activeCaseId) : null;
+  const cssVars = {
+    "--sidebar-top": mobileTopOffset ?? "0px"
+  };
   const panel = /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      style: cssVars,
       className: cn(
         "flex min-h-0 flex-col bg-background",
-        // Below sm (~640px): fullscreen overlay drawer above sticky app headers (often z-50)
-        "fixed inset-0 z-[100] w-full max-w-none border-0 shadow-none",
-        // sm+: docked right sidebar in the app shell flex row
+        "fixed top-[var(--sidebar-top)] right-0 bottom-0 left-0 z-[100] w-full max-w-none border-0 shadow-none",
         "sm:relative sm:inset-auto sm:z-auto sm:h-full sm:w-[360px] sm:max-w-[360px] sm:shrink-0 sm:border-l sm:shadow-none xl:w-[400px] xl:max-w-[400px]",
         className
       ),
@@ -6948,7 +6951,8 @@ function ChatSidebar({
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "fixed inset-0 z-[90] bg-black/50 sm:hidden",
+        style: cssVars,
+        className: "fixed top-[var(--sidebar-top)] right-0 bottom-0 left-0 z-[90] bg-black/50 sm:hidden",
         "aria-hidden": true,
         onClick: close
       }