@arbidocs/blocks 0.5.65 → 0.5.66

package/dist/{chunk-YQEXBJVO.js → chunk-DF5X27QX.js}

@@ -1,5 +1,5 @@
 "use client";
-import { createContext, useContext, useRef, useEffect, useCallback } from 'react';
+import { createContext, useContext, useRef, useEffect, useCallback, useState, useLayoutEffect } from 'react';
 import { TooltipProvider, cn } from '@arbidocs/react/ui';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { X, PanelLeft } from 'lucide-react';
@@ -125,7 +125,30 @@ function ShellContent({
     }
   );
 }
+var TOPBAR_ACTIONS_GAP = 8;
+function useActionsOverlap() {
+  const rowRef = useRef(null);
+  const actionsRef = useRef(null);
+  const [overlap, setOverlap] = useState(0);
+  useLayoutEffect(() => {
+    const row = rowRef.current;
+    const cluster = actionsRef.current;
+    if (!row || !cluster || typeof ResizeObserver === "undefined") return;
+    const measure = () => {
+      const { right } = row.getBoundingClientRect();
+      const { left, width } = cluster.getBoundingClientRect();
+      setOverlap(width > 0 ? Math.max(0, Math.ceil(right - left + TOPBAR_ACTIONS_GAP)) : 0);
+    };
+    const observer = new ResizeObserver(measure);
+    observer.observe(row.parentElement ?? row);
+    observer.observe(cluster);
+    measure();
+    return () => observer.disconnect();
+  }, []);
+  return { rowRef, actionsRef, overlap };
+}
 function ShellTopbar({ children, actions, className }) {
+  const { rowRef, actionsRef, overlap } = useActionsOverlap();
   return (
     // `relative z-30` keeps dropdowns the header opens above the page region (a later sibling).
     /* @__PURE__ */ jsxs(
@@ -134,8 +157,22 @@ function ShellTopbar({ children, actions, className }) {
         "data-slot": "shell-topbar",
         className: cn("relative z-30 flex h-14 shrink-0 items-center bg-background px-2", className),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-6xl items-center", children: /* @__PURE__ */ jsx("div", { className: "hidden min-w-0 flex-1 px-6 sm:block", children }) }),
-          /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-1", children: actions })
+          /* @__PURE__ */ jsx("div", { ref: rowRef, className: "mx-auto flex w-full max-w-6xl items-center", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "hidden min-w-0 flex-1 px-6 sm:block",
+              style: overlap > 0 ? { marginRight: overlap } : void 0,
+              children
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: actionsRef,
+              className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-1",
+              children: actions
+            }
+          )
         ]
       }
     )
@@ -292,5 +329,5 @@ function ToolButton({
 }
 
 export { BlocksTooltipProvider, DEFAULT_OVERLAY_ZONE_ID, DEFAULT_PAGE_CONTAINER_PADDING, DEFAULT_SIDEBAR_TOGGLE_BUTTON_LABELS, PageContainer, Shell, SidebarToggleButton, ToolButton, useDrawerBehavior, useOverlayZoneId };
-//# sourceMappingURL=chunk-YQEXBJVO.js.map
-//# sourceMappingURL=chunk-YQEXBJVO.js.map
+//# sourceMappingURL=chunk-DF5X27QX.js.map
+//# sourceMappingURL=chunk-DF5X27QX.js.map

package/dist/chunk-DF5X27QX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/TooltipScope.tsx","../src/lib/use-drawer.ts","../src/shell/Shell.tsx","../src/shell/ToolButton.tsx"],"names":["createContext","useContext","jsx","useRef","cn"],"mappings":"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","file":"chunk-DF5X27QX.js","sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\nimport { TooltipProvider } from '@arbidocs/react/ui'\n\nconst TooltipScopeContext = createContext(false)\n\n/**\n * A TooltipProvider that mounts once: inside another `BlocksTooltipProvider` (e.g. a Sidebar under\n * Shell.Root) it renders its children as-is, so tooltips share one delay group. Blocks that show\n * tooltips use this instead of the kit's provider.\n */\nexport function BlocksTooltipProvider({ children }: { children: ReactNode }) {\n  const isNested = useContext(TooltipScopeContext)\n  if (isNested) return <>{children}</>\n  return (\n    <TooltipScopeContext.Provider value>\n      <TooltipProvider>{children}</TooltipProvider>\n    </TooltipScopeContext.Provider>\n  )\n}\n","import { useEffect, useRef, type RefObject } from 'react'\n\nconst FOCUSABLE =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n\nfunction focusableIn(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    (el) => !el.closest('[inert]') && el.getAttribute('aria-hidden') !== 'true'\n  )\n}\n\n/**\n * Behaviour of a modal surface (off-canvas drawer, full-screen dock) while it is open: the page\n * behind does not scroll, Escape closes it, focus moves inside and Tab/Shift+Tab cycle within it\n * (portalled popovers opened from inside stay reachable: only the wrap-around is intercepted),\n * and focus returns to the opener on close. Restores the previous body overflow on close/unmount.\n *\n * Pass `containerRef` (the element carrying `role=\"dialog\"`) to get the focus handling; without it\n * only scroll lock and Escape apply.\n */\nexport function useDrawerBehavior(\n  isOpen: boolean,\n  onClose: () => void,\n  containerRef?: RefObject<HTMLElement | null>\n): void {\n  // A fresh `onClose` identity per render must not re-run the effect (it would steal focus).\n  const onCloseRef = useRef(onClose)\n  useEffect(() => {\n    onCloseRef.current = onClose\n  })\n\n  useEffect(() => {\n    if (!isOpen) return\n    const previousOverflow = document.body.style.overflow\n    const opener = document.activeElement instanceof HTMLElement ? document.activeElement : null\n    document.body.style.overflow = 'hidden'\n\n    const container = containerRef?.current ?? null\n    if (container) {\n      const first = focusableIn(container)[0]\n      if (first) first.focus()\n      else {\n        if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1')\n        container.focus()\n      }\n    }\n\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onCloseRef.current()\n        return\n      }\n      if (e.key !== 'Tab' || !container) return\n      const items = focusableIn(container)\n      if (items.length === 0) {\n        e.preventDefault()\n        return\n      }\n      const firstItem = items[0]\n      const lastItem = items[items.length - 1]\n      const active = document.activeElement\n      if (!container.contains(active)) {\n        e.preventDefault()\n        firstItem.focus()\n      } else if (e.shiftKey && active === firstItem) {\n        e.preventDefault()\n        lastItem.focus()\n      } else if (!e.shiftKey && active === lastItem) {\n        e.preventDefault()\n        firstItem.focus()\n      }\n    }\n    window.addEventListener('keydown', onKey)\n    return () => {\n      document.body.style.overflow = previousOverflow\n      window.removeEventListener('keydown', onKey)\n      if (opener?.isConnected) opener.focus()\n    }\n  }, [isOpen, containerRef])\n}\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { PanelLeft, X } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { useDrawerBehavior } from '../lib/use-drawer'\nimport { BlocksTooltipProvider } from '../provider/TooltipScope'\n\n/** Default id of the element overlay-mode panels portal into (see `Shell.Content`). */\nexport const DEFAULT_OVERLAY_ZONE_ID = 'app-overlay-zone'\n\nconst OverlayZoneContext = createContext(DEFAULT_OVERLAY_ZONE_ID)\n\n/** The id of the enclosing `Shell.Content` overlay zone, for panels that portal into it. */\nexport function useOverlayZoneId(): string {\n  return useContext(OverlayZoneContext)\n}\n\nexport interface ShellRootProps {\n  /** Full-width strip above everything (e.g. a deletion-pending banner). */\n  banner?: ReactNode\n  /** Top chrome: a Shell.Topbar on list pages, a MobileAppBar on phones; omit for none. */\n  topbar?: ReactNode\n  /** The Sidebar.Root (and its drawer backdrop). */\n  sidebar?: ReactNode\n  /** Phone bottom navigation. */\n  tabBar?: ReactNode\n  /** Right-hand column beside the content: a `Shell.Dock` (chat, inspector...). */\n  aside?: ReactNode\n  /** Extra layers inside the body row (connection monitor, …). */\n  overlays?: ReactNode\n  /** The Shell.Content region. */\n  children: ReactNode\n  className?: string\n  'data-testid'?: string\n}\n\n/**\n * The application frame: banner, top chrome, then a body row holding the sidebar beside the\n * content, then the phone tab bar. Every region is a slot, so a custom UI composes its own.\n */\nfunction ShellRoot({\n  banner,\n  topbar,\n  sidebar,\n  tabBar,\n  aside,\n  overlays,\n  children,\n  className,\n  'data-testid': testId,\n}: ShellRootProps) {\n  return (\n    <BlocksTooltipProvider>\n      <div\n        data-slot=\"shell\"\n        data-testid={testId}\n        className={cn('flex h-screen h-dvh flex-col', className)}\n      >\n        {banner}\n        {topbar}\n        {/* `relative` anchors the sidebar's slide-out overlays to this row. */}\n        <div className=\"relative flex flex-1 overflow-hidden\">\n          {sidebar}\n          {children}\n          {aside}\n          {overlays}\n        </div>\n        {tabBar}\n      </div>\n    </BlocksTooltipProvider>\n  )\n}\n\nexport interface ShellContentProps {\n  children: ReactNode\n  /** Scrolling element, for scroll restoration. */\n  scrollRef?: Ref<HTMLDivElement>\n  onClick?: MouseEventHandler<HTMLDivElement>\n  /**\n   * Overlay-mode panels portal into this id and cover the content column only. Defaults to\n   * `DEFAULT_OVERLAY_ZONE_ID`; descendants read it with `useOverlayZoneId()`.\n   */\n  overlayZoneId?: string\n  className?: string\n}\n\n/**\n * The content column beside the sidebar. It is `relative` so overlay-mode panels (portalled into\n * the overlay zone) cover this region only, leaving the sidebar and its actions interactive.\n */\nfunction ShellContent({\n  children,\n  scrollRef,\n  onClick,\n  overlayZoneId = DEFAULT_OVERLAY_ZONE_ID,\n  className,\n}: ShellContentProps) {\n  return (\n    <div\n      data-slot=\"shell-content\"\n      className={cn('flex min-w-0 flex-1 flex-col', className)}\n      onClick={onClick}\n    >\n      <div className=\"relative min-h-0 flex-1\">\n        <OverlayZoneContext.Provider value={overlayZoneId}>\n          {/* The content column is a CSS container: pages and parts size by its width with\n              container variants (`@3xl:`...), so an open dock or a narrow window is honoured,\n              which viewport breakpoints cannot do. */}\n          <div ref={scrollRef} className=\"@container h-full overflow-auto\">\n            {children}\n          </div>\n        </OverlayZoneContext.Provider>\n        <div id={overlayZoneId} data-slot=\"overlay-zone\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface ShellTopbarProps {\n  /** Left side: guidance / breadcrumbs, centred in the page column. */\n  children?: ReactNode\n  /** Right side: the action cluster. */\n  actions?: ReactNode\n  className?: string\n}\n\n/** Space kept between the left side and the action cluster where they would meet. */\nconst TOPBAR_ACTIONS_GAP = 8\n\n/**\n * How far the centred column runs under the absolutely placed action cluster (plus a gap), so the\n * column can stop short of it; 0 while they don't meet (a wide screen, few actions).\n */\nfunction useActionsOverlap() {\n  const rowRef = useRef<HTMLDivElement>(null)\n  const actionsRef = useRef<HTMLDivElement>(null)\n  const [overlap, setOverlap] = useState(0)\n  useLayoutEffect(() => {\n    const row = rowRef.current\n    const cluster = actionsRef.current\n    if (!row || !cluster || typeof ResizeObserver === 'undefined') return\n    const measure = () => {\n      const { right } = row.getBoundingClientRect()\n      const { left, width } = cluster.getBoundingClientRect()\n      setOverlap(width > 0 ? Math.max(0, Math.ceil(right - left + TOPBAR_ACTIONS_GAP)) : 0)\n    }\n    const observer = new ResizeObserver(measure)\n    observer.observe(row.parentElement ?? row)\n    observer.observe(cluster)\n    measure()\n    return () => observer.disconnect()\n  }, [])\n  return { rowRef, actionsRef, overlap }\n}\n\n/** A minimal white header for pages with no sidebar (the workspaces list). */\nfunction ShellTopbar({ children, actions, className }: ShellTopbarProps) {\n  // The left side stays centred in the page column but never runs under the actions (they would\n  // cover its end: a guidance strip's dismiss button, say).\n  const { rowRef, actionsRef, overlap } = useActionsOverlap()\n  return (\n    // `relative z-30` keeps dropdowns the header opens above the page region (a later sibling).\n    <div\n      data-slot=\"shell-topbar\"\n      className={cn('relative z-30 flex h-14 shrink-0 items-center bg-background px-2', className)}\n    >\n      <div ref={rowRef} className=\"mx-auto flex w-full max-w-6xl items-center\">\n        <div\n          className=\"hidden min-w-0 flex-1 px-6 sm:block\"\n          style={overlap > 0 ? { marginRight: overlap } : undefined}\n        >\n          {children}\n        </div>\n      </div>\n      <div\n        ref={actionsRef}\n        className=\"absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-1\"\n      >\n        {actions}\n      </div>\n    </div>\n  )\n}\n\nexport interface ShellDockProps {\n  isOpen: boolean\n  /** Called with `false` by the mobile close button. */\n  onOpenChange?: (isOpen: boolean) => void\n  /** Desktop width (CSS length or px). Default 24rem. */\n  width?: number | string\n  /** Phone layout: the dock covers the screen instead of sitting beside the content. */\n  isMobile?: boolean\n  /** Accessible name of the dock. */\n  label: string\n  /** Mobile close button label. */\n  closeLabel?: string\n  children: ReactNode\n  className?: string\n  'data-testid'?: string\n}\n\n/**\n * A right-hand dock for a companion surface (chat, inspector). Controlled: the host owns\n * `isOpen`, the width and the mobile breakpoint. Pass it to `Shell.Root` as `aside`.\n */\nfunction ShellDock({\n  isOpen,\n  onOpenChange,\n  width = '24rem',\n  isMobile = false,\n  label,\n  closeLabel = 'Close',\n  children,\n  className,\n  'data-testid': testId,\n}: ShellDockProps) {\n  // The phone dock covers the screen, so it is a modal: Escape closes, focus is trapped and\n  // returns to the opener.\n  const mobileRef = useRef<HTMLDivElement>(null)\n  const closeMobile = useCallback(() => onOpenChange?.(false), [onOpenChange])\n  useDrawerBehavior(isOpen && isMobile, closeMobile, mobileRef)\n  if (!isOpen) return null\n  if (isMobile) {\n    return (\n      <div\n        ref={mobileRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={label}\n        data-slot=\"shell-dock\"\n        data-state=\"open\"\n        data-mobile=\"true\"\n        data-testid={testId}\n        className={cn('fixed inset-0 z-40 flex flex-col bg-background', className)}\n      >\n        {onOpenChange && (\n          <button\n            type=\"button\"\n            onClick={() => onOpenChange(false)}\n            aria-label={closeLabel}\n            className=\"absolute right-2 top-2 z-10 rounded-md p-2 text-muted-foreground hover:bg-muted\"\n          >\n            <X className=\"size-5\" />\n          </button>\n        )}\n        {children}\n      </div>\n    )\n  }\n  return (\n    <aside\n      aria-label={label}\n      data-slot=\"shell-dock\"\n      data-state=\"open\"\n      data-testid={testId}\n      style={{ width }}\n      className={cn(\n        'flex shrink-0 flex-col overflow-hidden border-l border-border bg-background',\n        className\n      )}\n    >\n      {children}\n    </aside>\n  )\n}\n\nexport const Shell = {\n  Root: ShellRoot,\n  Content: ShellContent,\n  Topbar: ShellTopbar,\n  Dock: ShellDock,\n}\n\nexport interface PageContainerProps {\n  children: ReactNode\n  /** Full width instead of the centred 72rem column. */\n  wide?: boolean\n  /** Stand-alone use: at least a screen tall, instead of filling the parent. */\n  minScreen?: boolean\n  /** Max width of the centred column (any Tailwind `max-w-*` class). Default `max-w-6xl`. */\n  maxWidth?: string\n  /**\n   * Horizontal padding of the inner column (any Tailwind `px-*` classes, responsive variants\n   * welcome). Default `px-4 sm:px-6 lg:px-8`; pass `px-0` for a full-bleed page, or the class\n   * string of your own gutter. Use this prop, not `innerClassName`, to change the gutter: the\n   * classes are concatenated without a merge step, so a second `px-*` would not reliably win.\n   */\n  padding?: string\n  /** Extra classes for the inner column. */\n  innerClassName?: string\n  className?: string\n}\n\n/** Default gutter of {@link PageContainer}: tight on a phone, roomier from tablet up. */\nexport const DEFAULT_PAGE_CONTAINER_PADDING = 'px-4 sm:px-6 lg:px-8'\n\n/**\n * Page body wrapper: a white canvas with the standard 72rem column (or full width) and a responsive side gutter. Fills its\n * parent by default so sticky headers and h-full pages keep a definite height chain.\n *\n * NOT a CSS container: its content (a long thread) overflows it into the host's scroller, and\n * Chrome before ~v130 gives `container-type` layout containment, which turns that overflow into\n * ink overflow — the scroller sees no scroll height, so no scrollbar and a dead wheel. Container\n * queries resolve against the scroll surface instead (Shell.Content, the app's DockZone).\n */\nexport function PageContainer({\n  children,\n  wide = false,\n  minScreen = false,\n  maxWidth = 'max-w-6xl',\n  padding = DEFAULT_PAGE_CONTAINER_PADDING,\n  innerClassName,\n  className,\n}: PageContainerProps) {\n  return (\n    <div\n      data-slot=\"page-container\"\n      className={cn(\n        'bg-background pb-safe',\n        minScreen ? 'min-h-screen' : 'h-full min-h-0',\n        className\n      )}\n    >\n      <div\n        className={cn(\n          'flex h-full w-full min-w-0 flex-col pb-safe',\n          padding,\n          !wide && cn('mx-auto', maxWidth),\n          innerClassName\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\n/** Fixed strings of the sidebar toggle. */\nexport interface SidebarToggleButtonLabels {\n  closeSidebar: string\n  openSidebar: string\n}\n\nexport const DEFAULT_SIDEBAR_TOGGLE_BUTTON_LABELS: SidebarToggleButtonLabels = {\n  closeSidebar: 'Close sidebar',\n  openSidebar: 'Open sidebar',\n}\n\nexport interface SidebarToggleButtonProps {\n  /** The sidebar is open (pinned). */\n  isOpen: boolean\n  onToggle: () => void\n  labels?: Partial<SidebarToggleButtonLabels>\n  'data-testid'?: string\n}\n\n/** Opens/closes the sidebar from a page header, so the control sits in the same spot everywhere. */\nexport function SidebarToggleButton({\n  isOpen,\n  onToggle,\n  labels,\n  'data-testid': testId = 'tabheader-sidebar-toggle',\n}: SidebarToggleButtonProps) {\n  const l = { ...DEFAULT_SIDEBAR_TOGGLE_BUTTON_LABELS, ...labels }\n  const label = isOpen ? l.closeSidebar : l.openSidebar\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className=\"rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground pointer-coarse:p-2.5\"\n      aria-label={label}\n      title={label}\n      data-testid={testId}\n    >\n      <PanelLeft className=\"size-5\" />\n    </button>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface ToolButtonProps {\n  onClick: () => void\n  /** Accessible name and native tooltip. */\n  label: string\n  /** The panel/page this opens is showing. */\n  active?: boolean\n  'data-testid'?: string\n  children: ReactNode\n}\n\n/** An icon button for a topbar or toolbar: 36px (44px coarse), selection tint while active. */\nexport function ToolButton({\n  onClick,\n  label,\n  active = false,\n  'data-testid': testId,\n  children,\n}: ToolButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={label}\n      aria-label={label}\n      data-slot=\"tool-button\"\n      data-testid={testId}\n      className={cn(\n        'relative flex size-9 shrink-0 items-center justify-center rounded-md transition-colors hover:bg-accent hover:text-accent-foreground pointer-coarse:size-11',\n        active ? 'bg-accent text-accent-foreground' : 'text-muted-foreground'\n      )}\n    >\n      {children}\n    </button>\n  )\n}\n"]}

package/dist/{chunk-CJF7B5A7.cjs → chunk-DRUNPUDT.cjs}

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunkZXW6WFZG_cjs = require('./chunk-ZXW6WFZG.cjs');
-var chunkRFIBUWLF_cjs = require('./chunk-RFIBUWLF.cjs');
 var chunkI4IS6ST6_cjs = require('./chunk-I4IS6ST6.cjs');
+var chunkRFIBUWLF_cjs = require('./chunk-RFIBUWLF.cjs');
 var chunkK26RLK2Y_cjs = require('./chunk-K26RLK2Y.cjs');
 var chunk3YEXZX4H_cjs = require('./chunk-3YEXZX4H.cjs');
 var chunkAQPZ4QMV_cjs = require('./chunk-AQPZ4QMV.cjs');
@@ -11820,5 +11820,5 @@ exports.workflowTaskFields = workflowTaskFields;
 exports.workflowToComposerValues = workflowToComposerValues;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowWhen = workflowWhen;
-//# sourceMappingURL=chunk-CJF7B5A7.cjs.map
-//# sourceMappingURL=chunk-CJF7B5A7.cjs.map
+//# sourceMappingURL=chunk-DRUNPUDT.cjs.map
+//# sourceMappingURL=chunk-DRUNPUDT.cjs.map