@arbidocs/blocks 0.4.4 → 0.4.6

package/dist/{chunk-DN3NFNIA.cjs → chunk-QMDLPO3M.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkOB5F4577_cjs = require('./chunk-OB5F4577.cjs');
-var chunkKHX2BX3S_cjs = require('./chunk-KHX2BX3S.cjs');
+var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -117,10 +117,10 @@ function SidebarRoot({
   const mergedLabels = react.useMemo(() => ({ ...DEFAULT_SIDEBAR_LABELS, ...labels }), [labels]);
   const drawerRef = react.useRef(null);
   const isDrawer = mode === "drawer";
-  chunkKHX2BX3S_cjs.useDrawerBehavior(isDrawer, onBackdropClick ?? noop, drawerRef);
+  chunkVGOFFCMT_cjs.useDrawerBehavior(isDrawer, onBackdropClick ?? noop, drawerRef);
   const ariaLabel = ariaLabelProp ?? mergedLabels.mainNavigation;
   const contextValue = react.useMemo(() => ({ expanded, labels: mergedLabels }), [expanded, mergedLabels]);
-  const navBase = "group/sidebar bg-sidebar border-r border-border text-foreground flex flex-col h-full overflow-y-auto overflow-x-hidden pb-safe pt-3 transition-all duration-300 ease-in-out";
+  const navBase = "group/sidebar bg-sidebar border-r border-border text-foreground scrollbar-themed flex flex-col h-full overflow-y-auto overflow-x-hidden pb-safe pt-3 transition-all duration-300 ease-in-out";
   const common = {
     "aria-label": ariaLabel,
     "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "sidebar" }),
@@ -233,7 +233,7 @@ function SidebarRoot({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKHX2BX3S_cjs.BlocksTooltipProvider, { children: body }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVGOFFCMT_cjs.BlocksTooltipProvider, { children: body }) });
 }
 function SidebarHeader({ children, className, "data-testid": testId }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -556,7 +556,7 @@ function SidebarRowAction({
     "text-muted-foreground hover:bg-muted hover:text-foreground",
     rowHovered ? "opacity-100" : "opacity-70"
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkKHX2BX3S_cjs.BlocksTooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkVGOFFCMT_cjs.BlocksTooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -1056,6 +1056,15 @@ function MobileAppBar({
     }
   );
 }
+function TabLabel({ item }) {
+  const wrap = "max-w-full text-balance px-0.5 text-center [overflow-wrap:normal] @max-[4.5rem]:text-[10px]";
+  if (!item.shortLabel) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: wrap, children: item.label });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tab-short-label", "aria-hidden": "true", className: ui.cn(wrap, "@[5.5rem]:hidden"), children: item.shortLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn(wrap, "hidden @[5.5rem]:block"), children: item.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only @[5.5rem]:hidden", children: item.label })
+  ] });
+}
 function MobileTabBar({
   items,
   label,
@@ -1064,14 +1073,17 @@ function MobileTabBar({
   className,
   "data-testid": testId
 }) {
+  const navRef = react.useRef(null);
+  chunkVGOFFCMT_cjs.useShellBottomInset(navRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "nav",
     {
+      ref: navRef,
       "aria-label": label ?? labels?.workspaceSections ?? DEFAULT_MOBILE_BARS_LABELS.workspaceSections,
       "data-slot": "mobile-tab-bar",
       "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "mobile-tab-bar" }),
       className: ui.cn(
-        "flex h-16 flex-shrink-0 items-stretch bg-sidebar px-2 pb-safe sm:hidden",
+        "flex min-h-16 flex-shrink-0 items-stretch bg-sidebar px-2 pb-safe sm:hidden",
         className
       ),
       children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1082,13 +1094,14 @@ function MobileTabBar({
           disabled: item.disabled,
           "aria-current": item.active ? "page" : void 0,
           className: ui.cn(
-            "flex min-h-12 min-w-0 flex-1 flex-col items-center justify-center gap-0.5 rounded-md text-xs transition-colors",
+            // Each tab is a size container: a `shortLabel` replaces the label when it is narrow.
+            "@container flex min-h-12 min-w-0 flex-1 flex-col items-center justify-center gap-0.5 rounded-md text-[11px] leading-tight transition-colors",
             item.active ? "font-semibold text-primary" : "font-medium text-muted-foreground hover:text-foreground"
           ),
           "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(testIdPrefix, item.id, { testId: `mobile-tab-${item.id}` }),
           children: [
             item.icon,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-full truncate px-1", children: item.label })
+            /* @__PURE__ */ jsxRuntime.jsx(TabLabel, { item })
           ]
         },
         item.id
@@ -1096,6 +1109,241 @@ function MobileTabBar({
     }
   );
 }
+
+// src/shell/install-instructions.ts
+function isIosDevice() {
+  if (typeof navigator === "undefined") return false;
+  return /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+}
+function getInstallInstructions({
+  appName = "this app"
+} = {}) {
+  if (typeof navigator === "undefined" || typeof window === "undefined") {
+    return {
+      heading: `Install ${appName}`,
+      steps: [`Open ${appName} in Chrome, Edge, or Safari to install it.`]
+    };
+  }
+  const ua = navigator.userAgent;
+  const isChromium = "onbeforeinstallprompt" in window;
+  const isFirefox = /firefox|fxios/i.test(ua);
+  const isMac = /Macintosh|Mac OS X/.test(ua);
+  if (isIosDevice()) {
+    return {
+      heading: "Install on iPhone or iPad",
+      steps: [
+        `Open ${appName} in Safari, then tap the Share button.`,
+        "Scroll down and tap \u201CAdd to Home Screen\u201D.",
+        `Tap \u201CAdd\u201D: ${appName} appears on your home screen.`
+      ]
+    };
+  }
+  if (isChromium) {
+    return {
+      heading: `Install ${appName}`,
+      steps: [
+        "Click the install icon at the right of the address bar (a small monitor with a down arrow).",
+        "Choose \u201CInstall\u201D in the dialog that appears."
+      ],
+      note: `On a phone, open the browser menu and choose \u201CInstall app\u201D / \u201CAdd to Home screen\u201D. If you don\u2019t see the option, ${appName} may already be installed.`
+    };
+  }
+  if (isMac && !isFirefox) {
+    return {
+      heading: "Install on macOS Safari",
+      steps: ["In the menu bar, open the File menu.", "Choose \u201CAdd to Dock\u201D."],
+      note: "Requires Safari 17 or later (macOS Sonoma). On older Safari, use Chrome or Edge to install."
+    };
+  }
+  if (isFirefox) {
+    return {
+      heading: "Firefox can\u2019t install web apps",
+      steps: [`Open ${appName} in Chrome, Edge, or Safari to install it as an app.`]
+    };
+  }
+  return {
+    heading: `Install ${appName}`,
+    steps: [
+      "Look for an \u201CInstall\u201D or \u201CAdd to Home Screen\u201D option in your browser\u2019s menu or address bar."
+    ]
+  };
+}
+
+// src/shell/use-install-prompt.ts
+var deferredPrompt = null;
+var installed = false;
+var initialized = false;
+var autoPromptParam = null;
+var subscribers = /* @__PURE__ */ new Set();
+var notify = () => subscribers.forEach((fn) => fn());
+function isStandalone() {
+  if (typeof window === "undefined") return false;
+  const iosStandalone = navigator.standalone === true;
+  return window.matchMedia?.("(display-mode: standalone)").matches === true || iosStandalone;
+}
+function wantsAutoPrompt() {
+  if (!autoPromptParam) return false;
+  return new URLSearchParams(window.location.search).get(autoPromptParam) === "true";
+}
+function onBeforeInstallPrompt(event) {
+  event.preventDefault();
+  deferredPrompt = event;
+  notify();
+  if (wantsAutoPrompt()) void promptAppInstall();
+}
+function onAppInstalled() {
+  installed = true;
+  deferredPrompt = null;
+  notify();
+}
+function initInstallPrompt(options = {}) {
+  if (options.autoPromptParam) autoPromptParam = options.autoPromptParam;
+  if (initialized || typeof window === "undefined") return;
+  initialized = true;
+  installed = isStandalone();
+  window.addEventListener("beforeinstallprompt", onBeforeInstallPrompt);
+  window.addEventListener("appinstalled", onAppInstalled);
+}
+async function promptAppInstall() {
+  if (!deferredPrompt) return false;
+  const prompt = deferredPrompt;
+  deferredPrompt = null;
+  notify();
+  try {
+    await prompt.prompt();
+  } catch {
+  }
+  return true;
+}
+var INSTALL_PROMPT_DISMISSED_KEY = "arbi-blocks:install-prompt-dismissed";
+var DAY_MS = 24 * 60 * 60 * 1e3;
+function readDismissedAt(key) {
+  try {
+    const raw = window.localStorage.getItem(key);
+    const at = raw ? Number(raw) : NaN;
+    return Number.isFinite(at) ? at : null;
+  } catch {
+    return null;
+  }
+}
+function useInstallPrompt({
+  storageKey = INSTALL_PROMPT_DISMISSED_KEY,
+  dismissDays = 30,
+  autoPromptParam: autoParam,
+  appName
+} = {}) {
+  const [, forceRender] = react.useState(0);
+  const [dismissedAt, setDismissedAt] = react.useState(
+    () => typeof window === "undefined" ? null : readDismissedAt(storageKey)
+  );
+  react.useEffect(() => {
+    initInstallPrompt({ autoPromptParam: autoParam });
+    const onChange = () => forceRender((n) => n + 1);
+    subscribers.add(onChange);
+    onChange();
+    return () => {
+      subscribers.delete(onChange);
+    };
+  }, [autoParam]);
+  const dismiss = react.useCallback(() => {
+    const now = Date.now();
+    setDismissedAt(now);
+    try {
+      window.localStorage.setItem(storageKey, String(now));
+    } catch {
+    }
+  }, [storageKey]);
+  const isDismissed = dismissedAt !== null && Date.now() - dismissedAt < dismissDays * DAY_MS;
+  const isInstalled = installed || isStandalone();
+  return {
+    canPrompt: !isInstalled && deferredPrompt !== null,
+    isInstalled,
+    isIos: isIosDevice(),
+    isDismissed,
+    promptInstall: promptAppInstall,
+    dismiss,
+    instructions: getInstallInstructions({ appName })
+  };
+}
+var DEFAULT_INSTALL_PROMPT_LABELS = {
+  install: "Install app",
+  dismiss: "Dismiss install prompt",
+  installAs: "Install {app} as an app"
+};
+function InstallPrompt({
+  placement = "start",
+  labels,
+  className,
+  "data-testid": testId,
+  ...options
+}) {
+  const l = { ...DEFAULT_INSTALL_PROMPT_LABELS, ...labels };
+  const install = useInstallPrompt(options);
+  const [showSteps, setShowSteps] = react.useState(false);
+  const isOffer = install.canPrompt || install.isIos;
+  if (install.isInstalled || install.isDismissed || !isOffer) return null;
+  const appName = options.appName ?? "this app";
+  const onInstall = async () => {
+    if (install.canPrompt) await install.promptInstall();
+    else setShowSteps((open) => !open);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "install-prompt",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "install-app-prompt" }),
+      className: ui.cn(
+        "fixed z-30 flex max-w-[calc(100vw-1.5rem)] flex-col gap-2",
+        // Above the bottom bars (tab bar / composer) and the home indicator on a phone, a plain
+        // corner offset from `sm` up where the tab bar is gone.
+        "bottom-[calc(max(var(--shell-bottom-inset,0px),env(safe-area-inset-bottom,0px))+0.75rem)] sm:bottom-[calc(env(safe-area-inset-bottom,0px)+0.75rem)]",
+        placement === "start" ? "left-3 items-start" : "right-3 items-end",
+        className
+      ),
+      children: [
+        showSteps && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "install-prompt-steps",
+            className: "w-72 max-w-full rounded-lg border border-border bg-card p-3 text-sm text-card-foreground shadow-lg",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: install.instructions.heading }),
+              /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "mt-2 list-decimal space-y-1 pl-5 text-muted-foreground", children: install.instructions.steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: step }, step)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center rounded-full border border-border bg-card/95 text-foreground shadow-sm backdrop-blur", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => void onInstall(),
+              "aria-label": l.installAs.replace("{app}", appName),
+              "aria-expanded": install.canPrompt ? void 0 : showSteps,
+              "data-slot": "install-prompt-action",
+              className: "inline-flex min-h-11 items-center gap-1.5 rounded-full pl-4 pr-2 text-xs font-medium transition-colors hover:bg-accent sm:min-h-9 sm:pl-3",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-3.5", "aria-hidden": "true" }),
+                l.install
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: install.dismiss,
+              "aria-label": l.dismiss,
+              "data-slot": "install-prompt-dismiss",
+              className: "inline-flex size-11 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground sm:size-9",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5", "aria-hidden": "true" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 function ActionCluster({
   layout = "bar",
   status,
@@ -1585,6 +1833,7 @@ exports.AskField = AskField;
 exports.AskRow = AskRow;
 exports.AskTrigger = AskTrigger;
 exports.DEFAULT_ASK_FIELD_LABELS = DEFAULT_ASK_FIELD_LABELS;
+exports.DEFAULT_INSTALL_PROMPT_LABELS = DEFAULT_INSTALL_PROMPT_LABELS;
 exports.DEFAULT_MOBILE_BARS_LABELS = DEFAULT_MOBILE_BARS_LABELS;
 exports.DEFAULT_OFFLINE_PILL_LABELS = DEFAULT_OFFLINE_PILL_LABELS;
 exports.DEFAULT_REMOTE_CONTROL_PILL_LABELS = DEFAULT_REMOTE_CONTROL_PILL_LABELS;
@@ -1592,7 +1841,9 @@ exports.DEFAULT_SIDEBAR_LABELS = DEFAULT_SIDEBAR_LABELS;
 exports.DEFAULT_TIP_CARD_LABELS = DEFAULT_TIP_CARD_LABELS;
 exports.DEFAULT_WORKSPACE_KIND_LABELS = DEFAULT_WORKSPACE_KIND_LABELS;
 exports.DEFAULT_WORKSPACE_SWITCHER_LABELS = DEFAULT_WORKSPACE_SWITCHER_LABELS;
+exports.INSTALL_PROMPT_DISMISSED_KEY = INSTALL_PROMPT_DISMISSED_KEY;
 exports.InfoBar = InfoBar;
+exports.InstallPrompt = InstallPrompt;
 exports.MobileAppBar = MobileAppBar;
 exports.MobileTabBar = MobileTabBar;
 exports.OfflinePill = OfflinePill;
@@ -1606,10 +1857,15 @@ exports.StatusRow = StatusRow;
 exports.TipCard = TipCard;
 exports.WorkspaceIdentity = WorkspaceIdentity;
 exports.WorkspaceSwitcher = WorkspaceSwitcher;
+exports.getInstallInstructions = getInstallInstructions;
+exports.initInstallPrompt = initInstallPrompt;
+exports.isIosDevice = isIosDevice;
+exports.promptAppInstall = promptAppInstall;
 exports.resolveSidebarLayout = resolveSidebarLayout;
+exports.useInstallPrompt = useInstallPrompt;
 exports.useSidebarContext = useSidebarContext;
 exports.useSidebarSettle = useSidebarSettle;
 exports.workspaceKindColor = workspaceKindColor;
 exports.workspaceKindMeta = workspaceKindMeta;
-//# sourceMappingURL=chunk-DN3NFNIA.cjs.map
-//# sourceMappingURL=chunk-DN3NFNIA.cjs.map
+//# sourceMappingURL=chunk-QMDLPO3M.cjs.map
+//# sourceMappingURL=chunk-QMDLPO3M.cjs.map