@arbidocs/blocks 0.4.7 → 0.4.9

package/dist/shell/index.cjs

@@ -1,9 +1,11 @@
 "use client";
 'use strict';
 
-var chunkQMDLPO3M_cjs = require('../chunk-QMDLPO3M.cjs');
+var chunkLXC5PTTI_cjs = require('../chunk-LXC5PTTI.cjs');
 var chunk5B4PXAKI_cjs = require('../chunk-5B4PXAKI.cjs');
 require('../chunk-OB5F4577.cjs');
+var chunkTO4FAMQP_cjs = require('../chunk-TO4FAMQP.cjs');
+var chunkFX3K6LNZ_cjs = require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-C54XEN5T.cjs');
 var chunkVGOFFCMT_cjs = require('../chunk-VGOFFCMT.cjs');
 require('../chunk-PPCATBOY.cjs');
@@ -13,167 +15,167 @@ require('../chunk-MHVNT4J3.cjs');
 
 Object.defineProperty(exports, "ActionCluster", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.ActionCluster; }
+  get: function () { return chunkLXC5PTTI_cjs.ActionCluster; }
 });
 Object.defineProperty(exports, "AskField", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.AskField; }
+  get: function () { return chunkLXC5PTTI_cjs.AskField; }
 });
 Object.defineProperty(exports, "AskRow", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.AskRow; }
+  get: function () { return chunkLXC5PTTI_cjs.AskRow; }
 });
 Object.defineProperty(exports, "AskTrigger", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.AskTrigger; }
+  get: function () { return chunkLXC5PTTI_cjs.AskTrigger; }
 });
 Object.defineProperty(exports, "DEFAULT_ASK_FIELD_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_ASK_FIELD_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_ASK_FIELD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_INSTALL_PROMPT_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_INSTALL_PROMPT_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_INSTALL_PROMPT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_MOBILE_BARS_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_MOBILE_BARS_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_MOBILE_BARS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_OFFLINE_PILL_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_OFFLINE_PILL_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_OFFLINE_PILL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_REMOTE_CONTROL_PILL_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_REMOTE_CONTROL_PILL_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_REMOTE_CONTROL_PILL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_SIDEBAR_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_SIDEBAR_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_TIP_CARD_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_TIP_CARD_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_TIP_CARD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_WORKSPACE_KIND_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_WORKSPACE_KIND_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_WORKSPACE_KIND_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_WORKSPACE_SWITCHER_LABELS", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.DEFAULT_WORKSPACE_SWITCHER_LABELS; }
+  get: function () { return chunkLXC5PTTI_cjs.DEFAULT_WORKSPACE_SWITCHER_LABELS; }
 });
 Object.defineProperty(exports, "INSTALL_PROMPT_DISMISSED_KEY", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.INSTALL_PROMPT_DISMISSED_KEY; }
+  get: function () { return chunkLXC5PTTI_cjs.INSTALL_PROMPT_DISMISSED_KEY; }
 });
 Object.defineProperty(exports, "InfoBar", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.InfoBar; }
+  get: function () { return chunkLXC5PTTI_cjs.InfoBar; }
 });
 Object.defineProperty(exports, "InstallPrompt", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.InstallPrompt; }
+  get: function () { return chunkLXC5PTTI_cjs.InstallPrompt; }
 });
 Object.defineProperty(exports, "MobileAppBar", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.MobileAppBar; }
+  get: function () { return chunkLXC5PTTI_cjs.MobileAppBar; }
 });
 Object.defineProperty(exports, "MobileTabBar", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.MobileTabBar; }
+  get: function () { return chunkLXC5PTTI_cjs.MobileTabBar; }
 });
 Object.defineProperty(exports, "NotificationBell", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.NotificationBell; }
+  get: function () { return chunkLXC5PTTI_cjs.NotificationBell; }
 });
 Object.defineProperty(exports, "OfflinePill", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.OfflinePill; }
+  get: function () { return chunkLXC5PTTI_cjs.OfflinePill; }
 });
 Object.defineProperty(exports, "RemoteControlPill", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.RemoteControlPill; }
+  get: function () { return chunkLXC5PTTI_cjs.RemoteControlPill; }
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.Sidebar; }
+  get: function () { return chunkLXC5PTTI_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "SidebarBadgeRow", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.SidebarBadgeRow; }
+  get: function () { return chunkLXC5PTTI_cjs.SidebarBadgeRow; }
 });
 Object.defineProperty(exports, "SidebarRowAction", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.SidebarRowAction; }
+  get: function () { return chunkLXC5PTTI_cjs.SidebarRowAction; }
 });
 Object.defineProperty(exports, "SidebarRowHoverContext", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.SidebarRowHoverContext; }
+  get: function () { return chunkLXC5PTTI_cjs.SidebarRowHoverContext; }
 });
 Object.defineProperty(exports, "SplitLayout", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.SplitLayout; }
+  get: function () { return chunkLXC5PTTI_cjs.SplitLayout; }
 });
 Object.defineProperty(exports, "StatusRow", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.StatusRow; }
+  get: function () { return chunkLXC5PTTI_cjs.StatusRow; }
 });
 Object.defineProperty(exports, "TipCard", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.TipCard; }
+  get: function () { return chunkLXC5PTTI_cjs.TipCard; }
 });
 Object.defineProperty(exports, "UserMenu", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.UserMenu; }
+  get: function () { return chunkLXC5PTTI_cjs.UserMenu; }
 });
 Object.defineProperty(exports, "WorkspaceIdentity", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.WorkspaceIdentity; }
+  get: function () { return chunkLXC5PTTI_cjs.WorkspaceIdentity; }
 });
 Object.defineProperty(exports, "WorkspaceSwitcher", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.WorkspaceSwitcher; }
+  get: function () { return chunkLXC5PTTI_cjs.WorkspaceSwitcher; }
 });
 Object.defineProperty(exports, "getInstallInstructions", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.getInstallInstructions; }
+  get: function () { return chunkLXC5PTTI_cjs.getInstallInstructions; }
 });
 Object.defineProperty(exports, "initInstallPrompt", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.initInstallPrompt; }
+  get: function () { return chunkLXC5PTTI_cjs.initInstallPrompt; }
 });
 Object.defineProperty(exports, "isIosDevice", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.isIosDevice; }
+  get: function () { return chunkLXC5PTTI_cjs.isIosDevice; }
 });
 Object.defineProperty(exports, "promptAppInstall", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.promptAppInstall; }
+  get: function () { return chunkLXC5PTTI_cjs.promptAppInstall; }
 });
 Object.defineProperty(exports, "resolveSidebarLayout", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.resolveSidebarLayout; }
+  get: function () { return chunkLXC5PTTI_cjs.resolveSidebarLayout; }
 });
 Object.defineProperty(exports, "useInstallPrompt", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.useInstallPrompt; }
+  get: function () { return chunkLXC5PTTI_cjs.useInstallPrompt; }
 });
 Object.defineProperty(exports, "useSidebarContext", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.useSidebarContext; }
+  get: function () { return chunkLXC5PTTI_cjs.useSidebarContext; }
 });
 Object.defineProperty(exports, "useSidebarSettle", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.useSidebarSettle; }
+  get: function () { return chunkLXC5PTTI_cjs.useSidebarSettle; }
 });
 Object.defineProperty(exports, "workspaceKindColor", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.workspaceKindColor; }
+  get: function () { return chunkLXC5PTTI_cjs.workspaceKindColor; }
 });
 Object.defineProperty(exports, "workspaceKindMeta", {
   enumerable: true,
-  get: function () { return chunkQMDLPO3M_cjs.workspaceKindMeta; }
+  get: function () { return chunkLXC5PTTI_cjs.workspaceKindMeta; }
 });
 Object.defineProperty(exports, "DEFAULT_TAB_HEADER_LABELS", {
   enumerable: true,
@@ -183,6 +185,34 @@ Object.defineProperty(exports, "TabHeader", {
   enumerable: true,
   get: function () { return chunk5B4PXAKI_cjs.TabHeader; }
 });
+Object.defineProperty(exports, "DEFAULT_DOCK_WIDTH", {
+  enumerable: true,
+  get: function () { return chunkTO4FAMQP_cjs.DEFAULT_DOCK_WIDTH; }
+});
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return chunkTO4FAMQP_cjs.Toaster; }
+});
+Object.defineProperty(exports, "BREAKPOINT_QUERIES", {
+  enumerable: true,
+  get: function () { return chunkFX3K6LNZ_cjs.BREAKPOINT_QUERIES; }
+});
+Object.defineProperty(exports, "useIsNarrow", {
+  enumerable: true,
+  get: function () { return chunkFX3K6LNZ_cjs.useIsNarrow; }
+});
+Object.defineProperty(exports, "useIsPhone", {
+  enumerable: true,
+  get: function () { return chunkFX3K6LNZ_cjs.useIsPhone; }
+});
+Object.defineProperty(exports, "useIsTouchScreen", {
+  enumerable: true,
+  get: function () { return chunkFX3K6LNZ_cjs.useIsTouchScreen; }
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: function () { return chunkFX3K6LNZ_cjs.useMediaQuery; }
+});
 Object.defineProperty(exports, "DEFAULT_OVERLAY_ZONE_ID", {
   enumerable: true,
   get: function () { return chunkVGOFFCMT_cjs.DEFAULT_OVERLAY_ZONE_ID; }

package/dist/shell/index.d.ts

@@ -18,8 +18,10 @@ export { TipCard, DEFAULT_TIP_CARD_LABELS, type TipCardLabels, type TipCardProps
 export { TabHeader, DEFAULT_TAB_HEADER_LABELS, type Tab, type TabHeaderLabels, type TabHeaderProps, } from './TabHeader';
 export type { NavItem, ShellActionLayout, ShellRecentWorkspace, ShellWorkspace, ShellWorkspaceKind, } from './types';
 export { useDrawerBehavior } from '../lib/use-drawer';
+export { BREAKPOINT_QUERIES, useMediaQuery, useIsPhone, useIsNarrow, useIsTouchScreen, } from '../lib/use-media-query';
 export { resolveSidebarLayout, useSidebarSettle, type SidebarLayout, type SidebarMode, type SidebarModeInput, } from '../lib/sidebar-mode';
 export { InfoBar, type InfoBarProps, type InfoBarVariant } from './InfoBar';
 export { UserMenu, type UserMenuProps, type UserMenuItem, type UserMenuStatus, } from '@arbidocs/react/ui';
 export { NotificationBell, type NotificationBellProps } from '@arbidocs/react/shell';
 export { SplitLayout, type SplitLayoutProps } from './SplitLayout';
+export { Toaster, DEFAULT_DOCK_WIDTH, type ShellToasterProps } from './Toaster';

package/dist/shell/index.js

@@ -1,7 +1,9 @@
 "use client";
-export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, NotificationBell, OfflinePill, RemoteControlPill, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusRow, TipCard, UserMenu, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta } from '../chunk-EY2RJW27.js';
+export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, NotificationBell, OfflinePill, RemoteControlPill, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusRow, TipCard, UserMenu, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta } from '../chunk-ZJ6RIPFS.js';
 export { DEFAULT_TAB_HEADER_LABELS, TabHeader } from '../chunk-UBNVIIBT.js';
 import '../chunk-S7PSMMRG.js';
+export { DEFAULT_DOCK_WIDTH, Toaster } from '../chunk-5LUI4G5R.js';
+export { BREAKPOINT_QUERIES, useIsNarrow, useIsPhone, useIsTouchScreen, useMediaQuery } from '../chunk-SLSBJRWW.js';
 import '../chunk-76JDDMSP.js';
 export { DEFAULT_OVERLAY_ZONE_ID, DEFAULT_PAGE_CONTAINER_PADDING, DEFAULT_SIDEBAR_TOGGLE_BUTTON_LABELS, PageContainer, SHELL_BOTTOM_INSET_VAR, Shell, SidebarToggleButton, ToolButton, useDrawerBehavior, useOverlayZoneId, useShellBottomInset } from '../chunk-KZJAG7T3.js';
 import '../chunk-NPLYHR2E.js';

package/dist/studio/index.cjs

@@ -9,8 +9,8 @@ var chunkPCB2BPN3_cjs = require('../chunk-PCB2BPN3.cjs');
 var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
 require('../chunk-OB5F4577.cjs');
 var chunkC54XEN5T_cjs = require('../chunk-C54XEN5T.cjs');
-var chunk23XL6SVZ_cjs = require('../chunk-23XL6SVZ.cjs');
-require('../chunk-5SLLMK5K.cjs');
+var chunkZPOLKYR2_cjs = require('../chunk-ZPOLKYR2.cjs');
+require('../chunk-PRVKJ5XL.cjs');
 require('../chunk-VGOFFCMT.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
@@ -54,7 +54,7 @@ function WidgetPlaceholder({
   );
 }
 function useActiveWorkspaceId() {
-  const { workspaceId, fallbackWorkspaceId } = chunk23XL6SVZ_cjs.useConnection();
+  const { workspaceId, fallbackWorkspaceId } = chunkZPOLKYR2_cjs.useConnection();
   return workspaceId ?? fallbackWorkspaceId ?? void 0;
 }
 function timeAgo(iso) {
@@ -879,7 +879,7 @@ function latestImageDocId(artifacts) {
   return null;
 }
 function useImageGen() {
-  const task = chunk23XL6SVZ_cjs.useConnectedAiTask();
+  const task = chunkZPOLKYR2_cjs.useConnectedAiTask();
   const { run } = task;
   const generate = react.useCallback(
     async (prompt, referenceDocIds = []) => {

package/dist/studio/index.js

@@ -8,8 +8,8 @@ import { Callout } from '../chunk-UJE32SST.js';
 import { EmptyState } from '../chunk-P6GHJSLR.js';
 import '../chunk-S7PSMMRG.js';
 import { useBlocksEnvironment } from '../chunk-76JDDMSP.js';
-import { useConnectedAiTask, useConnection } from '../chunk-UHVNYKV2.js';
-import '../chunk-G2T3KTZ3.js';
+import { useConnectedAiTask, useConnection } from '../chunk-S74WZNK7.js';
+import '../chunk-UVIOQUJA.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-NPLYHR2E.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';

package/dist/workspaces/index.cjs

@@ -39,7 +39,7 @@ function WorkspaceCardRoot({
 }) {
   const mergedLabels = react.useMemo(() => ({ ...DEFAULT_WORKSPACE_CARD_LABELS, ...labels }), [labels]);
   const surfaceClass = ui.cn(
-    "flex min-h-40 w-full cursor-pointer flex-col gap-3 rounded-lg p-4 text-left transition-colors",
+    "@container/ws-card flex min-h-40 w-full cursor-pointer flex-col gap-3 rounded-lg p-4 text-left transition-colors",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
     current ? "bg-accent text-accent-foreground" : "bg-muted hover:bg-accent/60",
     className
@@ -117,10 +117,17 @@ function WorkspaceCardOpenCue({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: "inline-flex shrink-0 items-center text-sm text-muted-foreground",
+      className: "inline-flex max-w-full min-w-0 shrink-0 items-center text-sm text-muted-foreground",
       "data-slot": "workspace-card-open-cue",
       "data-testid": testId,
-      children: current ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-background px-2 py-0.5 text-xs font-medium text-foreground", children: currentLabel ?? labels.currentWorkspace }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4", "aria-hidden": "true" })
+      children: current ? (
+        // Never wider than the card: the words truncate, and in a card narrower than 20rem
+        // the pill shrinks to a check (the words stay as the accessible name).
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex max-w-full min-w-0 items-center gap-1 rounded-full bg-background px-2 py-0.5 text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "hidden size-3 shrink-0 @max-xs/ws-card:block", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate @max-xs/ws-card:sr-only", children: currentLabel ?? labels.currentWorkspace })
+        ] })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4", "aria-hidden": "true" })
     }
   );
 }