@algenium/blocks 1.2.2 → 1.3.0-rc.2

package/dist/index.d.cts

@@ -174,6 +174,24 @@ declare const LanguageContext: React.Context<LanguageContextValue | null>;
  * Returns null if no provider is present (components should fall back to props).
  */
 declare function useLanguageContext(): LanguageContextValue | null;
+/**
+ * Isolated data plane environments aligned with API key environments.
+ */
+type BlocksDataEnvironment = "production" | "staging" | "development";
+declare const BLOCKS_DATA_ENVIRONMENTS: readonly BlocksDataEnvironment[];
+declare function isBlocksDataEnvironment(value: string): value is BlocksDataEnvironment;
+/**
+ * Context value for environment switcher / banner.
+ * Apps provide persistence (cookie + store) and wire `setEnvironment`.
+ */
+interface EnvironmentContextValue {
+    environment: BlocksDataEnvironment;
+    setEnvironment: (environment: BlocksDataEnvironment) => void;
+    /** Optional override of environments shown in the switcher */
+    environments?: readonly BlocksDataEnvironment[];
+}
+declare const EnvironmentContext: React.Context<EnvironmentContextValue | null>;
+declare function useEnvironmentContext(): EnvironmentContextValue | null;
 
 type ThemeSwitcherLabels = {
     /** Tooltip label for the theme switcher */
@@ -265,6 +283,48 @@ type LanguageSwitcherProps = {
 };
 declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, tooltipSide, tooltipAlign, tooltipSideOffset, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
 
+type EnvironmentSwitcherLabels = {
+    /** Tooltip / aria for the control */
+    environment?: string;
+    live?: string;
+    staging?: string;
+    development?: string;
+};
+type EnvironmentSwitcherProps = {
+    className?: string;
+    /** Current environment. Overrides context when set. */
+    environment?: BlocksDataEnvironment;
+    /** Called after user selects an environment. Overrides context when set. */
+    onEnvironmentChange?: (environment: BlocksDataEnvironment) => void;
+    /** Environments shown in the menu (defaults to all three) */
+    environments?: readonly BlocksDataEnvironment[];
+    labels?: EnvironmentSwitcherLabels;
+    size?: "sm" | "md" | "lg";
+    shape?: "rounded" | "pill";
+    variant?: "default" | "mini";
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+    tooltipSide?: "top" | "right" | "bottom" | "left";
+    tooltipAlign?: "start" | "center" | "end";
+    tooltipSideOffset?: number;
+};
+declare function EnvironmentSwitcher({ className, environment: propEnvironment, onEnvironmentChange: propOnEnvironmentChange, environments: propEnvironments, labels: userLabels, size, shape, variant, align, side, tooltipSide, tooltipAlign, tooltipSideOffset, }: EnvironmentSwitcherProps): react_jsx_runtime.JSX.Element;
+
+type EnvironmentBannerLabels = {
+    stagingMessage?: string;
+    developmentMessage?: string;
+    dismiss?: string;
+};
+type EnvironmentBannerProps = {
+    className?: string;
+    /** Overrides context when set */
+    environment?: BlocksDataEnvironment;
+    labels?: EnvironmentBannerLabels;
+    /** When false, banner is not shown (e.g. embed) */
+    enabled?: boolean;
+};
+declare function EnvironmentBanner({ className, environment: propEnvironment, labels: userLabels, enabled, }: EnvironmentBannerProps): react_jsx_runtime.JSX.Element | null;
+
 interface AvatarEditorProps {
     /** Current cropped image as data URL (controlled) */
     value?: string | null;
@@ -406,8 +466,12 @@ interface NotificationsWidgetProps {
     soundCooldown?: number;
     /** "ghost" renders a borderless button matching other ghost icon buttons. */
     buttonVariant?: "default" | "ghost";
+    /** URL to navigate to when "View all" is clicked in the footer. */
+    viewAllHref?: string;
+    /** Label for the "View all" link. Default: "View all" */
+    viewAllLabel?: string;
 }
-declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, buttonVariant, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
+declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, buttonVariant, viewAllHref, viewAllLabel, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface CalendarWidgetLabels {
     title?: string;
@@ -659,4 +723,4 @@ declare function ScrollBar({ className, orientation, ...props }: React.Component
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useLanguageContext, useNotificationsContext };
+export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, BLOCKS_DATA_ENVIRONMENTS, type BlocksDataEnvironment, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EnvironmentBanner, type EnvironmentBannerLabels, type EnvironmentBannerProps, EnvironmentContext, type EnvironmentContextValue, EnvironmentSwitcher, type EnvironmentSwitcherLabels, type EnvironmentSwitcherProps, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useEnvironmentContext, useLanguageContext, useNotificationsContext };

package/dist/index.d.ts

@@ -174,6 +174,24 @@ declare const LanguageContext: React.Context<LanguageContextValue | null>;
  * Returns null if no provider is present (components should fall back to props).
  */
 declare function useLanguageContext(): LanguageContextValue | null;
+/**
+ * Isolated data plane environments aligned with API key environments.
+ */
+type BlocksDataEnvironment = "production" | "staging" | "development";
+declare const BLOCKS_DATA_ENVIRONMENTS: readonly BlocksDataEnvironment[];
+declare function isBlocksDataEnvironment(value: string): value is BlocksDataEnvironment;
+/**
+ * Context value for environment switcher / banner.
+ * Apps provide persistence (cookie + store) and wire `setEnvironment`.
+ */
+interface EnvironmentContextValue {
+    environment: BlocksDataEnvironment;
+    setEnvironment: (environment: BlocksDataEnvironment) => void;
+    /** Optional override of environments shown in the switcher */
+    environments?: readonly BlocksDataEnvironment[];
+}
+declare const EnvironmentContext: React.Context<EnvironmentContextValue | null>;
+declare function useEnvironmentContext(): EnvironmentContextValue | null;
 
 type ThemeSwitcherLabels = {
     /** Tooltip label for the theme switcher */
@@ -265,6 +283,48 @@ type LanguageSwitcherProps = {
 };
 declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, tooltipSide, tooltipAlign, tooltipSideOffset, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
 
+type EnvironmentSwitcherLabels = {
+    /** Tooltip / aria for the control */
+    environment?: string;
+    live?: string;
+    staging?: string;
+    development?: string;
+};
+type EnvironmentSwitcherProps = {
+    className?: string;
+    /** Current environment. Overrides context when set. */
+    environment?: BlocksDataEnvironment;
+    /** Called after user selects an environment. Overrides context when set. */
+    onEnvironmentChange?: (environment: BlocksDataEnvironment) => void;
+    /** Environments shown in the menu (defaults to all three) */
+    environments?: readonly BlocksDataEnvironment[];
+    labels?: EnvironmentSwitcherLabels;
+    size?: "sm" | "md" | "lg";
+    shape?: "rounded" | "pill";
+    variant?: "default" | "mini";
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+    tooltipSide?: "top" | "right" | "bottom" | "left";
+    tooltipAlign?: "start" | "center" | "end";
+    tooltipSideOffset?: number;
+};
+declare function EnvironmentSwitcher({ className, environment: propEnvironment, onEnvironmentChange: propOnEnvironmentChange, environments: propEnvironments, labels: userLabels, size, shape, variant, align, side, tooltipSide, tooltipAlign, tooltipSideOffset, }: EnvironmentSwitcherProps): react_jsx_runtime.JSX.Element;
+
+type EnvironmentBannerLabels = {
+    stagingMessage?: string;
+    developmentMessage?: string;
+    dismiss?: string;
+};
+type EnvironmentBannerProps = {
+    className?: string;
+    /** Overrides context when set */
+    environment?: BlocksDataEnvironment;
+    labels?: EnvironmentBannerLabels;
+    /** When false, banner is not shown (e.g. embed) */
+    enabled?: boolean;
+};
+declare function EnvironmentBanner({ className, environment: propEnvironment, labels: userLabels, enabled, }: EnvironmentBannerProps): react_jsx_runtime.JSX.Element | null;
+
 interface AvatarEditorProps {
     /** Current cropped image as data URL (controlled) */
     value?: string | null;
@@ -406,8 +466,12 @@ interface NotificationsWidgetProps {
     soundCooldown?: number;
     /** "ghost" renders a borderless button matching other ghost icon buttons. */
     buttonVariant?: "default" | "ghost";
+    /** URL to navigate to when "View all" is clicked in the footer. */
+    viewAllHref?: string;
+    /** Label for the "View all" link. Default: "View all" */
+    viewAllLabel?: string;
 }
-declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, buttonVariant, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
+declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, buttonVariant, viewAllHref, viewAllLabel, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface CalendarWidgetLabels {
     title?: string;
@@ -659,4 +723,4 @@ declare function ScrollBar({ className, orientation, ...props }: React.Component
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useLanguageContext, useNotificationsContext };
+export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, BLOCKS_DATA_ENVIRONMENTS, type BlocksDataEnvironment, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EnvironmentBanner, type EnvironmentBannerLabels, type EnvironmentBannerProps, EnvironmentContext, type EnvironmentContextValue, EnvironmentSwitcher, type EnvironmentSwitcherLabels, type EnvironmentSwitcherProps, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useEnvironmentContext, useLanguageContext, useNotificationsContext };

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as React2 from 'react';
 import { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';
 import { useTheme } from 'next-themes';
-import { CheckIcon, CircleIcon, ChevronRightIcon, Monitor, Sun, Moon, Languages, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, X, XIcon, User, Pencil, Check, Loader2, Bell, CheckCheck, XCircle, AlertTriangle, CheckCircle, Info, Trash2, Clock, MapPin, Link, CalendarDays, ExternalLink, ChevronLeft, ChevronRight, Plus, HelpCircle, MessageSquare, Wifi, WifiOff, FileIcon, Download, Paperclip, Send, ArrowLeft } from 'lucide-react';
+import { CheckIcon, CircleIcon, ChevronRightIcon, Monitor, Sun, Moon, Languages, FlaskConical, X, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, XIcon, User, Pencil, Check, Loader2, Bell, CheckCheck, XCircle, AlertTriangle, CheckCircle, Info, Trash2, Clock, MapPin, Link, CalendarDays, ExternalLink, ChevronLeft, ChevronRight, Plus, HelpCircle, MessageSquare, Wifi, WifiOff, FileIcon, Download, Paperclip, Send, ArrowLeft } from 'lucide-react';
 import { AnimatePresence, motion } from 'framer-motion';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -40,6 +40,20 @@ var LanguageContext = createContext(null);
 function useLanguageContext() {
   return useContext(LanguageContext);
 }
+var BLOCKS_DATA_ENVIRONMENTS = [
+  "production",
+  "staging",
+  "development"
+];
+function isBlocksDataEnvironment(value) {
+  return BLOCKS_DATA_ENVIRONMENTS.includes(value);
+}
+var EnvironmentContext = createContext(
+  null
+);
+function useEnvironmentContext() {
+  return useContext(EnvironmentContext);
+}
 
 // node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -3641,7 +3655,7 @@ function LanguageSwitcher({
   const onLanguageChange = propOnLanguageChange ?? context?.setLanguage;
   const sizes = sizeClasses2[size];
   const shapeClass = shapeClasses2[shape];
-  const defaultLabels2 = {
+  const defaultLabels4 = {
     language: labels.language ?? "Language"
   };
   if (variant === "mini") {
@@ -3652,7 +3666,7 @@ function LanguageSwitcher({
           {
             variant: "ghost",
             size: "icon",
-            "aria-label": defaultLabels2.language,
+            "aria-label": defaultLabels4.language,
             className: cn(sizes.buttonMini, shapeClass, className),
             children: /* @__PURE__ */ jsx(Languages, { className: sizes.iconMini })
           }
@@ -3663,7 +3677,7 @@ function LanguageSwitcher({
             side: tooltipSide,
             align: tooltipAlign,
             sideOffset: tooltipSideOffset,
-            children: defaultLabels2.language
+            children: defaultLabels4.language
           }
         )
       ] }),
@@ -3746,6 +3760,286 @@ function LanguageSwitcher({
     }
   );
 }
+var defaultLabels2 = {
+  environment: "Data environment",
+  live: "Live",
+  staging: "Staging",
+  development: "Development"
+};
+var sizeClasses3 = {
+  sm: {
+    container: "h-7 p-0.5 text-xs",
+    button: "h-6 px-2",
+    buttonMini: "h-7 gap-1.5 px-2",
+    dot: "size-2",
+    iconMini: "size-3.5"
+  },
+  md: {
+    container: "h-8 p-0.5 text-xs",
+    button: "h-7 px-2.5",
+    buttonMini: "h-8 gap-2 px-2.5",
+    dot: "size-2.5",
+    iconMini: "size-4"
+  },
+  lg: {
+    container: "h-9 p-0.5 text-sm",
+    button: "h-8 px-3",
+    buttonMini: "h-9 gap-2 px-3",
+    dot: "size-2.5",
+    iconMini: "size-4"
+  }
+};
+var shapeClasses3 = {
+  rounded: "rounded-md",
+  pill: "rounded-full"
+};
+function envDotClass(env) {
+  switch (env) {
+    case "production":
+      return "bg-emerald-500";
+    case "staging":
+      return "bg-orange-500";
+    case "development":
+      return "bg-amber-400";
+    default:
+      return "bg-muted-foreground";
+  }
+}
+function labelForEnv(env, labels) {
+  switch (env) {
+    case "production":
+      return labels.live;
+    case "staging":
+      return labels.staging;
+    case "development":
+      return labels.development;
+    default:
+      return env;
+  }
+}
+function EnvironmentSwitcher({
+  className,
+  environment: propEnvironment,
+  onEnvironmentChange: propOnEnvironmentChange,
+  environments: propEnvironments,
+  labels: userLabels,
+  size = "sm",
+  shape = "rounded",
+  variant = "mini",
+  align = "end",
+  side = "bottom",
+  tooltipSide = "bottom",
+  tooltipAlign = "center",
+  tooltipSideOffset = 8
+}) {
+  const ctx = useEnvironmentContext();
+  const labels = { ...defaultLabels2, ...userLabels };
+  const environments = propEnvironments ?? ctx?.environments ?? [...BLOCKS_DATA_ENVIRONMENTS];
+  const environment = propEnvironment ?? ctx?.environment ?? "production";
+  const setEnvironment = propOnEnvironmentChange ?? ctx?.setEnvironment ?? (() => {
+  });
+  const sizes = sizeClasses3[size];
+  const shapeClass = shapeClasses3[shape];
+  const handleSelect = (next) => {
+    if (next === environment) return;
+    setEnvironment(next);
+  };
+  if (variant === "mini") {
+    return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            "data-testid": "environment-switcher",
+            variant: "outline",
+            size: "sm",
+            "aria-label": labels.environment,
+            className: cn(
+              sizes.buttonMini,
+              shapeClass,
+              "font-medium tabular-nums border-border bg-background",
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "rounded-full shrink-0 ring-1 ring-background",
+                    sizes.dot,
+                    envDotClass(environment)
+                  ),
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "max-w-[5.5rem] truncate", children: labelForEnv(environment, labels) })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            side: tooltipSide,
+            align: tooltipAlign,
+            sideOffset: tooltipSideOffset,
+            children: labels.environment
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { side, align, sideOffset: 8, children: environments.map((env) => /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => handleSelect(env),
+          className: cn(
+            "gap-2 cursor-pointer",
+            environment === env && "bg-accent"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "rounded-full shrink-0 ring-1 ring-background",
+                  sizes.dot,
+                  envDotClass(env)
+                ),
+                "aria-hidden": true
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: labelForEnv(env, labels) })
+          ]
+        },
+        env
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "environment-switcher",
+      className: cn(
+        "relative isolate flex items-center bg-background ring-1 ring-border",
+        sizes.container,
+        shapeClass,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          FlaskConical,
+          {
+            className: cn(sizes.iconMini, "ml-1.5 mr-1 text-muted-foreground"),
+            "aria-hidden": true
+          }
+        ),
+        environments.map((env) => {
+          const isActive = environment === env;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-label": labelForEnv(env, labels),
+              "aria-pressed": isActive,
+              className: cn(
+                "relative min-w-0 font-semibold capitalize",
+                sizes.button,
+                shapeClass
+              ),
+              onClick: () => handleSelect(env),
+              children: [
+                /* @__PURE__ */ jsx(AnimatePresence, { children: isActive && /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    className: cn("absolute inset-0 bg-secondary", shapeClass),
+                    layoutId: "activeEnvironment",
+                    initial: { opacity: 0 },
+                    animate: { opacity: 1 },
+                    exit: { opacity: 0 },
+                    transition: { type: "spring", duration: 0.5 }
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: cn(
+                      "relative z-10 flex max-w-[4.5rem] items-center justify-center gap-1 truncate sm:max-w-[6rem]",
+                      isActive ? "text-foreground" : "text-muted-foreground"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "rounded-full shrink-0 ring-1 ring-background",
+                            "h-1.5 w-1.5",
+                            envDotClass(env)
+                          ),
+                          "aria-hidden": true
+                        }
+                      ),
+                      labelForEnv(env, labels)
+                    ]
+                  }
+                )
+              ]
+            },
+            env
+          );
+        })
+      ]
+    }
+  );
+}
+var defaultLabels3 = {
+  stagingMessage: "You are viewing staging data \u2014 changes do not affect live customers.",
+  developmentMessage: "You are viewing development data \u2014 for testing only.",
+  dismiss: "Dismiss"
+};
+function EnvironmentBanner({
+  className,
+  environment: propEnvironment,
+  labels: userLabels,
+  enabled = true
+}) {
+  const ctx = useEnvironmentContext();
+  const labels = { ...defaultLabels3, ...userLabels };
+  const [dismissed, setDismissed] = useState(false);
+  const environment = propEnvironment ?? ctx?.environment ?? "production";
+  const handleDismiss = useCallback(() => {
+    setDismissed(true);
+  }, []);
+  if (!enabled || dismissed || environment === "production") {
+    return null;
+  }
+  const isStaging = environment === "staging";
+  const message = isStaging ? labels.stagingMessage : labels.developmentMessage;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "data-testid": "environment-banner",
+      className: cn(
+        "flex w-full items-center justify-center gap-2 border-b px-3 py-2 text-center text-sm font-medium",
+        isStaging ? "border-orange-500/30 bg-orange-500/15 text-orange-950 dark:text-orange-100" : "border-amber-500/30 bg-amber-500/15 text-amber-950 dark:text-amber-100",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: message }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 shrink-0 opacity-80 hover:opacity-100",
+            onClick: handleDismiss,
+            "aria-label": labels.dismiss,
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
 function Slider({
   className,
   defaultValue,
@@ -4987,7 +5281,9 @@ function NotificationsWidget({
   soundType = "chime",
   pulseStyle = "ring",
   soundCooldown = 2e3,
-  buttonVariant = "default"
+  buttonVariant = "default",
+  viewAllHref,
+  viewAllLabel = "View all"
 }) {
   const context = useNotificationsContext();
   const notifications = propNotifications ?? context?.notifications ?? [];
@@ -5232,9 +5528,19 @@ function NotificationsWidget({
               }
             ) })
           ] }),
-          sortedNotifications.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(Bell, { className: "w-6 h-6 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+          sortedNotifications.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(Bell, { className: "w-6 h-6 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+            ] }),
+            viewAllHref && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-4 py-2 border-t border-border bg-muted/30", children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: viewAllHref,
+                className: "text-xs text-primary hover:underline font-medium",
+                children: viewAllLabel
+              }
+            ) })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "div",
@@ -5297,7 +5603,7 @@ function NotificationsWidget({
                               children: notification.title
                             }
                           ) }),
-                          notification.message && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mt-0.5", children: notification.message }),
+                          notification.message && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: notification.message }),
                           /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground/70 mt-1", children: formatTimeAgo(notification.timestamp) })
                         ] }),
                         /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-start gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: onDismiss && /* @__PURE__ */ jsx(
@@ -5320,25 +5626,35 @@ function NotificationsWidget({
                 }) })
               }
             ),
-            (hasMore || onClearAll) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
-              hasMore && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            (hasMore || onClearAll || viewAllHref) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: hasMore && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
                 "+",
                 sortedNotifications.length - maxVisible,
                 " more"
-              ] }),
-              onClearAll && sortedNotifications.length > 0 && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-7 px-2 text-xs text-muted-foreground hover:text-destructive",
-                  onClick: () => onClearAll(),
-                  children: [
-                    /* @__PURE__ */ jsx(Trash2, { className: "w-3 h-3 mr-1" }),
-                    "Clear all"
-                  ]
-                }
-              )
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                viewAllHref && /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: viewAllHref,
+                    className: "text-xs text-primary hover:underline font-medium",
+                    children: viewAllLabel
+                  }
+                ),
+                onClearAll && sortedNotifications.length > 0 && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-7 px-2 text-xs text-muted-foreground hover:text-destructive",
+                    onClick: () => onClearAll(),
+                    children: [
+                      /* @__PURE__ */ jsx(Trash2, { className: "w-3 h-3 mr-1" }),
+                      "Clear all"
+                    ]
+                  }
+                )
+              ] })
             ] })
           ] })
         ]
@@ -6947,6 +7263,6 @@ function formatRelativeTime(dateStr) {
   return date.toLocaleDateString([], { month: "short", day: "numeric" });
 }
 
-export { AvatarEditor, AvatarEditorDialog, Button, CalendarContext, CalendarSubscribeButton, CalendarView, CalendarWidget, ChatRoomView, ChatSidebar, ChatSidebarContext, ChatSidebarProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EventDialog, EventRsvpBadge, LanguageContext, LanguageSwitcher, MiniCalendar, NotificationsContext, NotificationsWidget, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpcomingEvents, buttonVariants, cn, defaultLanguages, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useLanguageContext, useNotificationsContext };
+export { AvatarEditor, AvatarEditorDialog, BLOCKS_DATA_ENVIRONMENTS, Button, CalendarContext, CalendarSubscribeButton, CalendarView, CalendarWidget, ChatRoomView, ChatSidebar, ChatSidebarContext, ChatSidebarProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EnvironmentBanner, EnvironmentContext, EnvironmentSwitcher, EventDialog, EventRsvpBadge, LanguageContext, LanguageSwitcher, MiniCalendar, NotificationsContext, NotificationsWidget, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpcomingEvents, buttonVariants, cn, defaultLanguages, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useEnvironmentContext, useLanguageContext, useNotificationsContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map