@databricks/appkit-ui 0.39.0 → 0.40.0

package/dist/react/hooks/use-resource-status.js

@@ -0,0 +1,199 @@
+import { createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react/hooks/use-resource-status.tsx
+const NOOP_SUBSCRIBE = () => () => {};
+const SEVERITY_RANK = {
+	error: 0,
+	warning: 1,
+	pending: 2
+};
+const EMPTY_SNAPSHOT = {
+	worst: null,
+	byKind: {},
+	affectedLabels: [],
+	activeCount: 0,
+	elapsedMs: 0,
+	version: 0
+};
+const GET_EMPTY_SNAPSHOT = () => EMPTY_SNAPSHOT;
+/** Flat per-publisher map exposed to React via `useSyncExternalStore`. */
+var ResourceStatusStore = class {
+	entries = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	snapshot = EMPTY_SNAPSHOT;
+	version = 0;
+	publish(id, label, status, kindHint) {
+		this.entries.set(id, {
+			label,
+			status,
+			kindHint
+		});
+		this.bump();
+	}
+	unpublish(id) {
+		if (this.entries.delete(id)) this.bump();
+	}
+	subscribe(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	getSnapshot() {
+		return this.snapshot;
+	}
+	/** Exposed for the kind-filter path so it can pick up status-less `kindHint` slots. */
+	getEntries() {
+		return this.entries;
+	}
+	bump() {
+		this.version += 1;
+		this.snapshot = aggregate(this.entries, this.version);
+		for (const l of this.listeners) l();
+	}
+};
+function isWorse(a, b) {
+	const aRank = SEVERITY_RANK[a.severity];
+	const bRank = SEVERITY_RANK[b.severity];
+	if (aRank !== bRank) return aRank < bRank;
+	return a.startedAt < b.startedAt;
+}
+/** Pure derivation of the snapshot from `entries` at a given `version`. */
+function aggregate(entries, version) {
+	if (entries.size === 0) return {
+		...EMPTY_SNAPSHOT,
+		version
+	};
+	let worst = null;
+	const byKind = {};
+	const affectedLabels = /* @__PURE__ */ new Set();
+	for (const entry of entries.values()) {
+		const status = entry.status;
+		if (!status) continue;
+		affectedLabels.add(entry.label);
+		const existing = byKind[status.kind];
+		if (!existing || isWorse(status, existing)) byKind[status.kind] = status;
+		if (!worst || isWorse(status, worst)) worst = status;
+	}
+	return {
+		worst,
+		byKind,
+		affectedLabels: [...affectedLabels].sort(),
+		activeCount: entries.size,
+		elapsedMs: worst ? Math.max(0, Date.now() - worst.startedAt) : 0,
+		version
+	};
+}
+/** Kind-scoped aggregate; walks entries directly to include status-less `kindHint` slots. */
+function aggregateForKind(entries, kind, version) {
+	const affectedLabels = /* @__PURE__ */ new Set();
+	let activeCount = 0;
+	let worst = null;
+	for (const entry of entries.values()) {
+		if ((entry.status?.kind ?? entry.kindHint) !== kind) continue;
+		activeCount++;
+		const status = entry.status;
+		if (!status) continue;
+		affectedLabels.add(entry.label);
+		if (!worst || isWorse(status, worst)) worst = status;
+	}
+	if (activeCount === 0) return {
+		...EMPTY_SNAPSHOT,
+		version
+	};
+	const byKind = {};
+	if (worst) byKind[kind] = worst;
+	return {
+		worst,
+		byKind,
+		affectedLabels: [...affectedLabels].sort(),
+		activeCount,
+		elapsedMs: worst ? Math.max(0, Date.now() - worst.startedAt) : 0,
+		version
+	};
+}
+const ResourceStatusContext = createContext(null);
+function useResourceStatusContext() {
+	return useContext(ResourceStatusContext);
+}
+/**
+* Mount once near the root of your app to enable a global, cross-plugin
+* readiness aggregate. Plugins publish {@link ResourceStatus} snapshots
+* while a resource is warming up / unavailable; {@link useResourceStatus}
+* exposes the worst across all of them.
+*
+* Without a provider, `useResourceStatus` and `useResourceStatusPublisher`
+* fall back to no-ops, so plugins are safe to call them unconditionally.
+*
+* @example
+* ```tsx
+* <ResourceStatusProvider>
+*   <ResourceStatusIndicator />
+*   <App />
+* </ResourceStatusProvider>
+* ```
+*/
+function ResourceStatusProvider({ children }) {
+	const storeRef = useRef(null);
+	if (storeRef.current === null) storeRef.current = new ResourceStatusStore();
+	const value = useMemo(() => ({ store: storeRef.current }), []);
+	return /* @__PURE__ */ jsx(ResourceStatusContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Returns the aggregated resource-readiness snapshot across every active
+* publisher under the nearest {@link ResourceStatusProvider}. Falls back
+* to the empty/idle aggregate when no provider is mounted.
+*
+* @param filter Optional `{ kind }` to scope to a single resource kind.
+*/
+function useResourceStatus(filter) {
+	const store = useResourceStatusContext()?.store;
+	const subscribe = useMemo(() => store ? (listener) => store.subscribe(listener) : NOOP_SUBSCRIBE, [store]);
+	const getSnapshot = useMemo(() => store ? () => store.getSnapshot() : GET_EMPTY_SNAPSHOT, [store]);
+	const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+	return useMemo(() => {
+		if (!filter?.kind) return snapshot;
+		if (!store) return {
+			...EMPTY_SNAPSHOT,
+			version: snapshot.version
+		};
+		return aggregateForKind(store.getEntries(), filter.kind, snapshot.version);
+	}, [
+		snapshot,
+		store,
+		filter?.kind
+	]);
+}
+/**
+* Register a publisher with the nearest {@link ResourceStatusProvider}.
+* Safe to call without a provider — `publish`/`unpublish` are no-ops.
+*
+* @param id    Stable identifier (e.g. a `useId()` value).
+* @param label Human-readable label surfaced via `affectedLabels`.
+*/
+function useResourceStatusPublisher(id, label, options) {
+	const ctx = useResourceStatusContext();
+	const ctxRef = useRef(ctx);
+	ctxRef.current = ctx;
+	const kindHint = options?.kindHint;
+	return {
+		publish: useCallback((status) => {
+			ctxRef.current?.store.publish(id, label, status, kindHint);
+		}, [
+			id,
+			label,
+			kindHint
+		]),
+		unpublish: useCallback(() => {
+			ctxRef.current?.store.unpublish(id);
+		}, [id])
+	};
+}
+
+//#endregion
+export { ResourceStatusProvider, useResourceStatus, useResourceStatusPublisher };
+//# sourceMappingURL=use-resource-status.js.map

package/dist/react/hooks/use-resource-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resource-status.js","names":[],"sources":["../../../src/react/hooks/use-resource-status.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\n\nconst NOOP_SUBSCRIBE: (listener: () => void) => () => void = () => () => {};\n\n/**\n * Cross-kind severity, ordered worst-first (`error > warning > pending`).\n * Callers `unpublish` rather than publishing a status for ready resources.\n */\nexport type ResourceSeverity = \"pending\" | \"warning\" | \"error\";\n\n/**\n * Readiness snapshot for a single resource (SQL warehouse, Lakebase\n * connection, model-serving endpoint, …). Plugins publish these while a\n * user-visible cold start / warm-up / unavailability is in flight.\n */\nexport interface ResourceStatus {\n  /** Resource family, conventionally lowercase-kebab (`\"warehouse\"`, `\"lakebase\"`). */\n  kind: string;\n  /** Resource-specific raw state, e.g. `\"STARTING\"`, `\"DELETED\"`. Opaque to the aggregator. */\n  state: string;\n  severity: ResourceSeverity;\n  /** Human-readable summary forwarded to the indicator UI. */\n  summary?: string;\n  /** Epoch ms when the publisher started waiting; drives `elapsedMs`. */\n  startedAt: number;\n}\n\n/** Aggregate view of every active publisher; returned by {@link useResourceStatus}. */\nexport interface AggregatedResourceStatus {\n  /** Highest-severity status across all publishers, or `null` when nothing is pending. */\n  worst: ResourceStatus | null;\n  /** Worst status per `kind`. */\n  byKind: Record<string, ResourceStatus>;\n  /** De-duped, sorted labels of every publisher with a non-null status. */\n  affectedLabels: string[];\n  /** Total registered publishers (including those whose status is `null`). */\n  activeCount: number;\n  /** Milliseconds since the worst entry's `startedAt`; `0` when nothing is pending. */\n  elapsedMs: number;\n  /** Monotonic counter bumped on every `publish`/`unpublish`. */\n  version: number;\n}\n\n/** Optional filter for {@link useResourceStatus}. */\nexport interface ResourceStatusFilter {\n  /** Restrict the aggregate to a single resource kind. */\n  kind?: string;\n}\n\nconst SEVERITY_RANK: Record<ResourceSeverity, number> = {\n  error: 0,\n  warning: 1,\n  pending: 2,\n};\n\n/**\n * Internal registry record. `kindHint` keeps status-less slots associated\n * with their kind so kind-scoped views can count \"registered but not yet\n * reporting\" publishers (e.g. analytics charts before the first SSE event).\n */\ninterface RegistryEntry {\n  label: string;\n  status: ResourceStatus | null;\n  kindHint?: string;\n}\n\nconst EMPTY_SNAPSHOT: AggregatedResourceStatus = {\n  worst: null,\n  byKind: {},\n  affectedLabels: [],\n  activeCount: 0,\n  elapsedMs: 0,\n  version: 0,\n};\n\nconst GET_EMPTY_SNAPSHOT = (): AggregatedResourceStatus => EMPTY_SNAPSHOT;\n\n/** Flat per-publisher map exposed to React via `useSyncExternalStore`. */\nclass ResourceStatusStore {\n  private entries = new Map<string, RegistryEntry>();\n  private listeners = new Set<() => void>();\n  private snapshot: AggregatedResourceStatus = EMPTY_SNAPSHOT;\n  private version = 0;\n\n  publish(\n    id: string,\n    label: string,\n    status: ResourceStatus | null,\n    kindHint?: string,\n  ): void {\n    this.entries.set(id, { label, status, kindHint });\n    this.bump();\n  }\n\n  unpublish(id: string): void {\n    if (this.entries.delete(id)) this.bump();\n  }\n\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  getSnapshot(): AggregatedResourceStatus {\n    return this.snapshot;\n  }\n\n  /** Exposed for the kind-filter path so it can pick up status-less `kindHint` slots. */\n  getEntries(): Map<string, RegistryEntry> {\n    return this.entries;\n  }\n\n  private bump(): void {\n    this.version += 1;\n    this.snapshot = aggregate(this.entries, this.version);\n    for (const l of this.listeners) l();\n  }\n}\n\nfunction isWorse(a: ResourceStatus, b: ResourceStatus): boolean {\n  const aRank = SEVERITY_RANK[a.severity];\n  const bRank = SEVERITY_RANK[b.severity];\n  if (aRank !== bRank) return aRank < bRank;\n  // Same severity → longer-pending entry wins.\n  return a.startedAt < b.startedAt;\n}\n\n/** Pure derivation of the snapshot from `entries` at a given `version`. */\nfunction aggregate(\n  entries: Map<string, RegistryEntry>,\n  version: number,\n): AggregatedResourceStatus {\n  if (entries.size === 0) return { ...EMPTY_SNAPSHOT, version };\n\n  let worst: ResourceStatus | null = null;\n  const byKind: Record<string, ResourceStatus> = {};\n  const affectedLabels = new Set<string>();\n\n  for (const entry of entries.values()) {\n    const status = entry.status;\n    if (!status) continue;\n    affectedLabels.add(entry.label);\n    const existing = byKind[status.kind];\n    if (!existing || isWorse(status, existing)) {\n      byKind[status.kind] = status;\n    }\n    if (!worst || isWorse(status, worst)) {\n      worst = status;\n    }\n  }\n\n  return {\n    worst,\n    byKind,\n    affectedLabels: [...affectedLabels].sort(),\n    activeCount: entries.size,\n    elapsedMs: worst ? Math.max(0, Date.now() - worst.startedAt) : 0,\n    version,\n  };\n}\n\n/** Kind-scoped aggregate; walks entries directly to include status-less `kindHint` slots. */\nfunction aggregateForKind(\n  entries: Map<string, RegistryEntry>,\n  kind: string,\n  version: number,\n): AggregatedResourceStatus {\n  const affectedLabels = new Set<string>();\n  let activeCount = 0;\n  let worst: ResourceStatus | null = null;\n\n  for (const entry of entries.values()) {\n    const entryKind = entry.status?.kind ?? entry.kindHint;\n    if (entryKind !== kind) continue;\n    activeCount++;\n    const status = entry.status;\n    if (!status) continue;\n    affectedLabels.add(entry.label);\n    if (!worst || isWorse(status, worst)) {\n      worst = status;\n    }\n  }\n\n  if (activeCount === 0) return { ...EMPTY_SNAPSHOT, version };\n\n  const byKind: Record<string, ResourceStatus> = {};\n  if (worst) byKind[kind] = worst;\n\n  return {\n    worst,\n    byKind,\n    affectedLabels: [...affectedLabels].sort(),\n    activeCount,\n    elapsedMs: worst ? Math.max(0, Date.now() - worst.startedAt) : 0,\n    version,\n  };\n}\n\ninterface ResourceStatusContextValue {\n  store: ResourceStatusStore;\n}\n\nconst ResourceStatusContext = createContext<ResourceStatusContextValue | null>(\n  null,\n);\n\nfunction useResourceStatusContext(): ResourceStatusContextValue | null {\n  return useContext(ResourceStatusContext);\n}\n\nexport interface ResourceStatusProviderProps {\n  children: ReactNode;\n}\n\n/**\n * Mount once near the root of your app to enable a global, cross-plugin\n * readiness aggregate. Plugins publish {@link ResourceStatus} snapshots\n * while a resource is warming up / unavailable; {@link useResourceStatus}\n * exposes the worst across all of them.\n *\n * Without a provider, `useResourceStatus` and `useResourceStatusPublisher`\n * fall back to no-ops, so plugins are safe to call them unconditionally.\n *\n * @example\n * ```tsx\n * <ResourceStatusProvider>\n *   <ResourceStatusIndicator />\n *   <App />\n * </ResourceStatusProvider>\n * ```\n */\nexport function ResourceStatusProvider({\n  children,\n}: ResourceStatusProviderProps) {\n  const storeRef = useRef<ResourceStatusStore | null>(null);\n  if (storeRef.current === null) storeRef.current = new ResourceStatusStore();\n\n  const value = useMemo(\n    () => ({ store: storeRef.current as ResourceStatusStore }),\n    [],\n  );\n\n  return (\n    <ResourceStatusContext.Provider value={value}>\n      {children}\n    </ResourceStatusContext.Provider>\n  );\n}\n\n/**\n * Returns the aggregated resource-readiness snapshot across every active\n * publisher under the nearest {@link ResourceStatusProvider}. Falls back\n * to the empty/idle aggregate when no provider is mounted.\n *\n * @param filter Optional `{ kind }` to scope to a single resource kind.\n */\nexport function useResourceStatus(\n  filter?: ResourceStatusFilter,\n): AggregatedResourceStatus {\n  const ctx = useResourceStatusContext();\n  const store = ctx?.store;\n\n  const subscribe = useMemo(\n    () =>\n      store\n        ? (listener: () => void) => store.subscribe(listener)\n        : NOOP_SUBSCRIBE,\n    [store],\n  );\n  const getSnapshot = useMemo(\n    () => (store ? () => store.getSnapshot() : GET_EMPTY_SNAPSHOT),\n    [store],\n  );\n\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  return useMemo(() => {\n    if (!filter?.kind) return snapshot;\n    if (!store) return { ...EMPTY_SNAPSHOT, version: snapshot.version };\n    return aggregateForKind(store.getEntries(), filter.kind, snapshot.version);\n  }, [snapshot, store, filter?.kind]);\n}\n\n/**\n * Register a publisher with the nearest {@link ResourceStatusProvider}.\n * Safe to call without a provider — `publish`/`unpublish` are no-ops.\n *\n * @param id    Stable identifier (e.g. a `useId()` value).\n * @param label Human-readable label surfaced via `affectedLabels`.\n */\nexport function useResourceStatusPublisher(\n  id: string,\n  label: string,\n  options?: { kindHint?: string },\n): {\n  publish: (status: ResourceStatus | null) => void;\n  unpublish: () => void;\n} {\n  const ctx = useResourceStatusContext();\n  const ctxRef = useRef(ctx);\n  ctxRef.current = ctx;\n  const kindHint = options?.kindHint;\n\n  const publish = useCallback(\n    (status: ResourceStatus | null) => {\n      ctxRef.current?.store.publish(id, label, status, kindHint);\n    },\n    [id, label, kindHint],\n  );\n  const unpublish = useCallback(() => {\n    ctxRef.current?.store.unpublish(id);\n  }, [id]);\n\n  return { publish, unpublish };\n}\n"],"mappings":"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"}

package/dist/react/index.d.ts

@@ -8,9 +8,11 @@ import { LineChart } from "./charts/line/index.js";
 import { DonutChart, PieChart } from "./charts/pie/index.js";
 import { RadarChart } from "./charts/radar/index.js";
 import { ScatterChart } from "./charts/scatter/index.js";
+import { AnalyticsFormat, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, PluginRegistry, QueryRegistry, ServingAlias, ServingEndpointRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult, WarehouseState, WarehouseStatus } from "./hooks/types.js";
 import { UseChartDataOptions, UseChartDataResult, useChartData } from "./hooks/use-chart-data.js";
 import { BaseChart, BaseChartProps } from "./charts/base.js";
 import { createChart } from "./charts/create-chart.js";
+import { LoadingSkeleton, ResourceWaitingPlaceholder } from "./charts/loading.js";
 import { ChartWrapper, ChartWrapperProps } from "./charts/wrapper.js";
 import { NormalizedHeatmapData, normalizeChartData, normalizeHeatmapData } from "./charts/normalize.js";
 import { CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL } from "./charts/constants.js";
@@ -36,7 +38,8 @@ import { GenieChatMessageList } from "./genie/genie-chat-message-list.js";
 import { GenieQueryVisualization } from "./genie/genie-query-visualization.js";
 import { useGenieChat } from "./genie/use-genie-chat.js";
 import "./genie/index.js";
-import { AnalyticsFormat, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, PluginRegistry, QueryRegistry, ServingAlias, ServingEndpointRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult } from "./hooks/types.js";
+import { AggregatedResourceStatus, ResourceSeverity, ResourceStatus, ResourceStatusFilter, ResourceStatusProvider, ResourceStatusProviderProps, useResourceStatus, useResourceStatusPublisher } from "./hooks/use-resource-status.js";
+import { ResourceKindRenderer, ResourceStatusIndicator, ResourceStatusIndicatorProps, ResourceStatusToasterOptions, useResourceStatusToaster } from "./resource-status-indicator.js";
 import { AgentChatEvent, UseAgentChatOptions, UseAgentChatResult, useAgentChat } from "./hooks/use-agent-chat.js";
 import { useAnalyticsQuery } from "./hooks/use-analytics-query.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
@@ -102,4 +105,4 @@ import { Textarea } from "./ui/textarea.js";
 import { Toggle, toggleVariants } from "./ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
 import "./ui/index.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChatEvent, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnalyticsFormat, AreaChart, AreaChartProps, AreaChartSpecificProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BarChartProps, BarChartSpecificProps, BaseChart, BaseChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartesianContext, ChartBaseProps, ChartColorPalette, ChartConfig, ChartContainer, ChartData, ChartInference, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChartType, ChartWrapper, ChartWrapperProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnCategory, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataFormat, DataProps, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectoryEntry, DirectoryList, DirectoryListProps, DonutChart, DonutChartProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileBreadcrumb, FileBreadcrumbProps, FileBrowserLabels, FileEntry, FileEntryProps, FilePreview, FilePreviewPanel, FilePreviewPanelProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieAttachmentResponse, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieChatProps, GenieChatStatus, GenieColumnMeta, GenieMessageItem, GenieMessageResponse, GenieQueryVisualization, GenieStatementResponse, GenieStreamEvent, HeatmapChart, HeatmapChartProps, HeatmapChartSpecificProps, HeatmapContext, HoverCard, HoverCardContent, HoverCardTrigger, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LineChartProps, LineChartSpecificProps, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NewFolderInput, NewFolderInputProps, NormalizedChartData, NormalizedChartDataBase, NormalizedHeatmapData, OptionBuilderContext, Orientation, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, PieChartProps, PieChartSpecificProps, PluginRegistry, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, QueryProps, QueryRegistry, RadarChart, RadarChartProps, RadarChartSpecificProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScatterChart, ScatterChartProps, ScatterChartSpecificProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ServingAlias, ServingEndpointRegistry, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TERMINAL_STATUSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransformedGenieData, TypedArrowTable, UnifiedChartProps, UseAgentChatOptions, UseAgentChatResult, UseAnalyticsQueryOptions, UseAnalyticsQueryResult, UseChartDataOptions, UseChartDataResult, UseGenieChatOptions, UseGenieChatReturn, UseServingInvokeOptions, UseServingInvokeResult, UseServingStreamOptions, UseServingStreamResult, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatFileSize, formatLabel, getCompatibleChartTypes, inferChartType, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, transformGenieData, truncateLabel, useAgentChat, useAllThemeColors, useAnalyticsQuery, useChartData, useFormField, useGenieChat, useIsMobile, usePluginClientConfig, usePortalContainer, useResolvedPortalContainer, useServingInvoke, useServingStream, useSidebar, useThemeColors };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChatEvent, AggregatedResourceStatus, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnalyticsFormat, AreaChart, AreaChartProps, AreaChartSpecificProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BarChartProps, BarChartSpecificProps, BaseChart, BaseChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartesianContext, ChartBaseProps, ChartColorPalette, ChartConfig, ChartContainer, ChartData, ChartInference, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChartType, ChartWrapper, ChartWrapperProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnCategory, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataFormat, DataProps, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectoryEntry, DirectoryList, DirectoryListProps, DonutChart, DonutChartProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileBreadcrumb, FileBreadcrumbProps, FileBrowserLabels, FileEntry, FileEntryProps, FilePreview, FilePreviewPanel, FilePreviewPanelProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieAttachmentResponse, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieChatProps, GenieChatStatus, GenieColumnMeta, GenieMessageItem, GenieMessageResponse, GenieQueryVisualization, GenieStatementResponse, GenieStreamEvent, HeatmapChart, HeatmapChartProps, HeatmapChartSpecificProps, HeatmapContext, HoverCard, HoverCardContent, HoverCardTrigger, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LineChartProps, LineChartSpecificProps, LoadingSkeleton, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NewFolderInput, NewFolderInputProps, NormalizedChartData, NormalizedChartDataBase, NormalizedHeatmapData, OptionBuilderContext, Orientation, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, PieChartProps, PieChartSpecificProps, PluginRegistry, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, QueryProps, QueryRegistry, RadarChart, RadarChartProps, RadarChartSpecificProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceKindRenderer, ResourceSeverity, ResourceStatus, ResourceStatusFilter, ResourceStatusIndicator, ResourceStatusIndicatorProps, ResourceStatusProvider, ResourceStatusProviderProps, ResourceStatusToasterOptions, ResourceWaitingPlaceholder, ScatterChart, ScatterChartProps, ScatterChartSpecificProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ServingAlias, ServingEndpointRegistry, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TERMINAL_STATUSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransformedGenieData, TypedArrowTable, UnifiedChartProps, UseAgentChatOptions, UseAgentChatResult, UseAnalyticsQueryOptions, UseAnalyticsQueryResult, UseChartDataOptions, UseChartDataResult, UseGenieChatOptions, UseGenieChatReturn, UseServingInvokeOptions, UseServingInvokeResult, UseServingStreamOptions, UseServingStreamResult, WarehouseState, WarehouseStatus, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatFileSize, formatLabel, getCompatibleChartTypes, inferChartType, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, transformGenieData, truncateLabel, useAgentChat, useAllThemeColors, useAnalyticsQuery, useChartData, useFormField, useGenieChat, useIsMobile, usePluginClientConfig, usePortalContainer, useResolvedPortalContainer, useResourceStatus, useResourceStatusPublisher, useResourceStatusToaster, useServingInvoke, useServingStream, useSidebar, useThemeColors };

package/dist/react/index.js

@@ -6,8 +6,10 @@ import { normalizeChartData, normalizeHeatmapData } from "./charts/normalize.js"
 import { buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption } from "./charts/options.js";
 import { useAllThemeColors, useThemeColors } from "./charts/theme.js";
 import { BaseChart } from "./charts/base.js";
+import { ResourceStatusProvider, useResourceStatus, useResourceStatusPublisher } from "./hooks/use-resource-status.js";
 import { useAnalyticsQuery } from "./hooks/use-analytics-query.js";
 import { useChartData } from "./hooks/use-chart-data.js";
+import { LoadingSkeleton, ResourceWaitingPlaceholder } from "./charts/loading.js";
 import { ChartWrapper } from "./charts/wrapper.js";
 import { createChart } from "./charts/create-chart.js";
 import { AreaChart } from "./charts/area/index.js";
@@ -46,6 +48,8 @@ import { GenieChatMessageList } from "./genie/genie-chat-message-list.js";
 import { useGenieChat } from "./genie/use-genie-chat.js";
 import { GenieChat } from "./genie/genie-chat.js";
 import "./genie/index.js";
+import { Toaster } from "./ui/sonner.js";
+import { ResourceStatusIndicator, useResourceStatusToaster } from "./resource-status-indicator.js";
 import { useAgentChat } from "./hooks/use-agent-chat.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
 import { usePluginClientConfig } from "./hooks/use-plugin-config.js";
@@ -93,10 +97,9 @@ import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./ui/sidebar.js";
 import { Slider } from "./ui/slider.js";
-import { Toaster } from "./ui/sonner.js";
 import { Switch } from "./ui/switch.js";
 import { Toggle, toggleVariants } from "./ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
 import "./ui/index.js";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BaseChart, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChartWrapper, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectoryList, DonutChart, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileBreadcrumb, FileEntry, FilePreviewPanel, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieQueryVisualization, HeatmapChart, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NewFolderInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, RadarChart, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScatterChart, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatFileSize, formatLabel, getCompatibleChartTypes, inferChartType, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, transformGenieData, truncateLabel, useAgentChat, useAllThemeColors, useAnalyticsQuery, useChartData, useFormField, useGenieChat, useIsMobile, usePluginClientConfig, usePortalContainer, useResolvedPortalContainer, useServingInvoke, useServingStream, useSidebar, useThemeColors };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BaseChart, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChartWrapper, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectoryList, DonutChart, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileBreadcrumb, FileEntry, FilePreviewPanel, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieQueryVisualization, HeatmapChart, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LoadingSkeleton, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NewFolderInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, RadarChart, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceStatusIndicator, ResourceStatusProvider, ResourceWaitingPlaceholder, ScatterChart, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatFileSize, formatLabel, getCompatibleChartTypes, inferChartType, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, transformGenieData, truncateLabel, useAgentChat, useAllThemeColors, useAnalyticsQuery, useChartData, useFormField, useGenieChat, useIsMobile, usePluginClientConfig, usePortalContainer, useResolvedPortalContainer, useResourceStatus, useResourceStatusPublisher, useResourceStatusToaster, useServingInvoke, useServingStream, useSidebar, useThemeColors };

package/dist/react/resource-status-indicator.d.ts

@@ -0,0 +1,78 @@
+import { AggregatedResourceStatus, ResourceStatus } from "./hooks/use-resource-status.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { LucideIcon } from "lucide-react";
+import { ToasterProps } from "sonner";
+
+//#region src/react/resource-status-indicator.d.ts
+/** Per-kind copy + icon overrides for {@link ResourceStatusIndicator}. */
+interface ResourceKindRenderer {
+  title: (status: ResourceStatus) => string;
+  description: (status: ResourceStatus, aggregate: AggregatedResourceStatus) => string;
+  /** Defaults to sonner's built-in loading/error icon. */
+  icon?: LucideIcon;
+}
+/** Options shared by {@link ResourceStatusIndicator} and {@link useResourceStatusToaster}. */
+interface ResourceStatusToasterOptions {
+  /** Restrict to a single resource kind. Otherwise shows the worst across all kinds. */
+  kind?: string;
+  /** Per-kind copy + icon overrides. */
+  renderers?: Record<string, ResourceKindRenderer>;
+  /** Class name applied to the toast (not the Toaster wrapper). */
+  toastClassName?: string;
+  /** Full custom render override, rendered inside `toast.custom`. */
+  render?: (aggregate: AggregatedResourceStatus) => React.ReactNode;
+}
+/**
+ * Drives a sticky sonner toast that mirrors the worst pending resource
+ * status. Does not render anything — supply your own `<Toaster />`. Most
+ * apps should prefer {@link ResourceStatusIndicator}; use this hook only
+ * to share an existing Toaster with unrelated app toasts.
+ */
+declare function useResourceStatusToaster(options?: ResourceStatusToasterOptions): void;
+interface ResourceStatusIndicatorProps extends ResourceStatusToasterOptions, Omit<ToasterProps, "className"> {
+  /** Class name applied to the Toaster wrapper. */
+  className?: string;
+}
+/**
+ * Drop-in indicator that mounts a `<Toaster />` and surfaces the worst
+ * pending {@link ResourceStatus} across every plugin/component publishing
+ * into the nearest {@link ResourceStatusProvider} as a sonner toast
+ * (`toast.loading` for cold starts, `toast.error` for unrecoverable
+ * states), keyed by the worst kind so only one indicator toast is on
+ * screen at a time.
+ *
+ * Forwards `Toaster` props (`position` defaults to `top-right`, plus
+ * `theme`, `richColors`, …). Apps that already mount their own
+ * `<Toaster />` should drop this component and call
+ * {@link useResourceStatusToaster} instead.
+ *
+ * @example
+ * ```tsx
+ * <ResourceStatusProvider>
+ *   <ResourceStatusIndicator />
+ *   <App />
+ * </ResourceStatusProvider>
+ * ```
+ *
+ * @example Custom render
+ * ```tsx
+ * <ResourceStatusIndicator
+ *   render={(agg) => (
+ *     <div className="my-card">
+ *       {agg.worst?.kind} {agg.worst?.state.toLowerCase()}
+ *     </div>
+ *   )}
+ * />
+ * ```
+ */
+declare function ResourceStatusIndicator({
+  kind,
+  renderers,
+  toastClassName,
+  render,
+  position,
+  ...toasterProps
+}?: ResourceStatusIndicatorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResourceKindRenderer, ResourceStatusIndicator, ResourceStatusIndicatorProps, ResourceStatusToasterOptions, useResourceStatusToaster };
+//# sourceMappingURL=resource-status-indicator.d.ts.map

package/dist/react/resource-status-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-status-indicator.d.ts","names":[],"sources":["../../src/react/resource-status-indicator.tsx"],"mappings":";;;;;;;UAciB,oBAAA;EACf,KAAA,GAAQ,MAAA,EAAQ,cAAA;EAChB,WAAA,GACE,MAAA,EAAQ,cAAA,EACR,SAAA,EAAW,wBAAA;EAJsB;EAOnC,IAAA,GAAO,UAAA;AAAA;;UAIQ,4BAAA;EAJR;EAMP,IAAA;EANiB;EAQjB,SAAA,GAAY,MAAA,SAAe,oBAAA;EAdX;EAgBhB,cAAA;EAfA;EAiBA,MAAA,IAAU,SAAA,EAAW,wBAAA,KAA6B,KAAA,CAAM,SAAA;AAAA;;;;;;;iBA+B1C,wBAAA,CACd,OAAA,GAAS,4BAAA;AAAA,UAsFM,4BAAA,SACP,4BAAA,EACN,IAAA,CAAK,YAAA;;EAEP,SAAA;AAAA;;;;;;;;;;;;;;;;;AA3FF;;;;;AAuFA;;;;;;;;;;;iBAuCgB,uBAAA,CAAA;EACd,IAAA;EACA,SAAA;EACA,cAAA;EACA,MAAA;EACA,QAAA;EAAA,GACG;AAAA,IACF,4BAAA,GAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/react/resource-status-indicator.js

@@ -0,0 +1,155 @@
+import { useResourceStatus } from "./hooks/use-resource-status.js";
+import { Toaster as Toaster$1 } from "./ui/sonner.js";
+import { useEffect, useId, useRef, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { toast } from "sonner";
+
+//#region src/react/resource-status-indicator.tsx
+/** ~1Hz tick driving the elapsed-time display between store events. */
+const ELAPSED_TICK_MS = 1e3;
+const DEFAULT_KIND_RENDERERS = { warehouse: {
+	title: (s) => s.severity === "error" ? "SQL warehouse unavailable" : "SQL warehouse warming up",
+	description: (s, agg) => {
+		if (s.severity === "error") return s.summary ?? "The configured SQL warehouse is unavailable. Update DATABRICKS_WAREHOUSE_ID and reload.";
+		const labels = agg.affectedLabels.length;
+		if (labels === 0) return `Waiting for the warehouse to reach RUNNING · ${formatElapsed(agg.elapsedMs)}`;
+		return `${labels} ${labels === 1 ? "query" : "queries"} waiting · ${formatElapsed(agg.elapsedMs)}`;
+	}
+} };
+/**
+* Drives a sticky sonner toast that mirrors the worst pending resource
+* status. Does not render anything — supply your own `<Toaster />`. Most
+* apps should prefer {@link ResourceStatusIndicator}; use this hook only
+* to share an existing Toaster with unrelated app toasts.
+*/
+function useResourceStatusToaster(options = {}) {
+	const { kind, renderers, toastClassName, render } = options;
+	const aggregate = useResourceStatus(kind ? { kind } : void 0);
+	const worst = aggregate.worst;
+	const instanceId = useId();
+	const [, forceTick] = useState(0);
+	useEffect(() => {
+		if (!worst) return;
+		const id = setInterval(() => forceTick((n) => n + 1), ELAPSED_TICK_MS);
+		return () => clearInterval(id);
+	}, [worst]);
+	const liveIdRef = useRef(null);
+	useEffect(() => {
+		if (!worst) {
+			if (liveIdRef.current) {
+				toast.dismiss(liveIdRef.current);
+				liveIdRef.current = null;
+			}
+			return;
+		}
+		const liveAggregate = {
+			...aggregate,
+			elapsedMs: Math.max(0, Date.now() - worst.startedAt)
+		};
+		const nextId = `appkit-resource:${instanceId}:${worst.kind}:${worst.severity}`;
+		if (liveIdRef.current && liveIdRef.current !== nextId) toast.dismiss(liveIdRef.current);
+		liveIdRef.current = nextId;
+		if (render) {
+			const node = render(liveAggregate);
+			toast.custom(() => /* @__PURE__ */ jsx(Fragment, { children: node }), {
+				id: nextId,
+				duration: Number.POSITIVE_INFINITY,
+				className: toastClassName
+			});
+			return;
+		}
+		const renderer = {
+			...DEFAULT_KIND_RENDERERS,
+			...renderers
+		}[worst.kind];
+		const title = renderer?.title(worst) ?? defaultTitle(worst);
+		const description = renderer?.description(worst, liveAggregate) ?? defaultDescription(worst);
+		const Icon = renderer?.icon;
+		const opts = {
+			id: nextId,
+			description,
+			duration: Number.POSITIVE_INFINITY,
+			className: toastClassName,
+			...Icon ? { icon: /* @__PURE__ */ jsx(Icon, { className: "size-4" }) } : {}
+		};
+		if (worst.severity === "error") toast.error(title, opts);
+		else toast.loading(title, opts);
+	});
+	useEffect(() => {
+		return () => {
+			if (liveIdRef.current) {
+				toast.dismiss(liveIdRef.current);
+				liveIdRef.current = null;
+			}
+		};
+	}, []);
+}
+/**
+* Drop-in indicator that mounts a `<Toaster />` and surfaces the worst
+* pending {@link ResourceStatus} across every plugin/component publishing
+* into the nearest {@link ResourceStatusProvider} as a sonner toast
+* (`toast.loading` for cold starts, `toast.error` for unrecoverable
+* states), keyed by the worst kind so only one indicator toast is on
+* screen at a time.
+*
+* Forwards `Toaster` props (`position` defaults to `top-right`, plus
+* `theme`, `richColors`, …). Apps that already mount their own
+* `<Toaster />` should drop this component and call
+* {@link useResourceStatusToaster} instead.
+*
+* @example
+* ```tsx
+* <ResourceStatusProvider>
+*   <ResourceStatusIndicator />
+*   <App />
+* </ResourceStatusProvider>
+* ```
+*
+* @example Custom render
+* ```tsx
+* <ResourceStatusIndicator
+*   render={(agg) => (
+*     <div className="my-card">
+*       {agg.worst?.kind} {agg.worst?.state.toLowerCase()}
+*     </div>
+*   )}
+* />
+* ```
+*/
+function ResourceStatusIndicator({ kind, renderers, toastClassName, render, position = "top-right", ...toasterProps } = {}) {
+	useResourceStatusToaster({
+		kind,
+		renderers,
+		toastClassName,
+		render
+	});
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		position,
+		...toasterProps
+	});
+}
+function defaultTitle(status) {
+	switch (status.severity) {
+		case "error": return `${humanizeKind(status.kind)} unavailable`;
+		case "warning": return `${humanizeKind(status.kind)} degraded`;
+		default: return `${humanizeKind(status.kind)} not ready`;
+	}
+}
+function defaultDescription(status) {
+	return status.summary ?? `Current state: ${status.state}.`;
+}
+function humanizeKind(kind) {
+	if (!kind) return "Resource";
+	return kind.split(/[-_]/g).filter(Boolean).map((part) => part[0].toUpperCase() + part.slice(1)).join(" ");
+}
+function formatElapsed(ms) {
+	const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
+	if (totalSeconds < 60) return `${totalSeconds}s`;
+	const minutes = Math.floor(totalSeconds / 60);
+	const seconds = totalSeconds % 60;
+	return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
+}
+
+//#endregion
+export { ResourceStatusIndicator, useResourceStatusToaster };
+//# sourceMappingURL=resource-status-indicator.js.map

package/dist/react/resource-status-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-status-indicator.js","names":["Toaster"],"sources":["../../src/react/resource-status-indicator.tsx"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { type ToasterProps, toast } from \"sonner\";\nimport {\n  type AggregatedResourceStatus,\n  type ResourceStatus,\n  useResourceStatus,\n} from \"./hooks/use-resource-status\";\nimport { Toaster } from \"./ui/sonner\";\n\n/** ~1Hz tick driving the elapsed-time display between store events. */\nconst ELAPSED_TICK_MS = 1000;\n\n/** Per-kind copy + icon overrides for {@link ResourceStatusIndicator}. */\nexport interface ResourceKindRenderer {\n  title: (status: ResourceStatus) => string;\n  description: (\n    status: ResourceStatus,\n    aggregate: AggregatedResourceStatus,\n  ) => string;\n  /** Defaults to sonner's built-in loading/error icon. */\n  icon?: LucideIcon;\n}\n\n/** Options shared by {@link ResourceStatusIndicator} and {@link useResourceStatusToaster}. */\nexport interface ResourceStatusToasterOptions {\n  /** Restrict to a single resource kind. Otherwise shows the worst across all kinds. */\n  kind?: string;\n  /** Per-kind copy + icon overrides. */\n  renderers?: Record<string, ResourceKindRenderer>;\n  /** Class name applied to the toast (not the Toaster wrapper). */\n  toastClassName?: string;\n  /** Full custom render override, rendered inside `toast.custom`. */\n  render?: (aggregate: AggregatedResourceStatus) => React.ReactNode;\n}\n\nconst DEFAULT_KIND_RENDERERS: Record<string, ResourceKindRenderer> = {\n  warehouse: {\n    title: (s) =>\n      s.severity === \"error\"\n        ? \"SQL warehouse unavailable\"\n        : \"SQL warehouse warming up\",\n    description: (s, agg) => {\n      if (s.severity === \"error\") {\n        return (\n          s.summary ??\n          \"The configured SQL warehouse is unavailable. Update DATABRICKS_WAREHOUSE_ID and reload.\"\n        );\n      }\n      const labels = agg.affectedLabels.length;\n      if (labels === 0) {\n        return `Waiting for the warehouse to reach RUNNING · ${formatElapsed(agg.elapsedMs)}`;\n      }\n      return `${labels} ${labels === 1 ? \"query\" : \"queries\"} waiting · ${formatElapsed(agg.elapsedMs)}`;\n    },\n  },\n};\n\n/**\n * Drives a sticky sonner toast that mirrors the worst pending resource\n * status. Does not render anything — supply your own `<Toaster />`. Most\n * apps should prefer {@link ResourceStatusIndicator}; use this hook only\n * to share an existing Toaster with unrelated app toasts.\n */\nexport function useResourceStatusToaster(\n  options: ResourceStatusToasterOptions = {},\n): void {\n  const { kind, renderers, toastClassName, render } = options;\n  const aggregate = useResourceStatus(kind ? { kind } : undefined);\n  const worst = aggregate.worst;\n  // Per-instance + per-kind toast id: instance scoping isolates multiple\n  // indicators in the same tree; kind scoping forces dismiss-and-recreate\n  // when severity flips between toast types (sonner can't morph\n  // jsx/description cleanly across `custom` ↔ `loading`/`error`).\n  const instanceId = useId();\n\n  // The store is event-driven, so re-render at ~1Hz to keep the elapsed\n  // counter advancing between status emissions.\n  const [, forceTick] = useState(0);\n  useEffect(() => {\n    if (!worst) return;\n    const id = setInterval(() => forceTick((n) => n + 1), ELAPSED_TICK_MS);\n    return () => clearInterval(id);\n  }, [worst]);\n\n  const liveIdRef = useRef<string | null>(null);\n\n  // Runs every render: cheap because sonner patches the same id in place.\n  useEffect(() => {\n    if (!worst) {\n      if (liveIdRef.current) {\n        toast.dismiss(liveIdRef.current);\n        liveIdRef.current = null;\n      }\n      return;\n    }\n\n    // Live elapsed; the snapshot only refreshes on store events.\n    const liveAggregate: AggregatedResourceStatus = {\n      ...aggregate,\n      elapsedMs: Math.max(0, Date.now() - worst.startedAt),\n    };\n\n    const nextId = `appkit-resource:${instanceId}:${worst.kind}:${worst.severity}`;\n    if (liveIdRef.current && liveIdRef.current !== nextId) {\n      toast.dismiss(liveIdRef.current);\n    }\n    liveIdRef.current = nextId;\n\n    if (render) {\n      const node = render(liveAggregate);\n      toast.custom(() => <>{node}</>, {\n        id: nextId,\n        duration: Number.POSITIVE_INFINITY,\n        className: toastClassName,\n      });\n      return;\n    }\n\n    const merged = { ...DEFAULT_KIND_RENDERERS, ...renderers };\n    const renderer = merged[worst.kind];\n    const title = renderer?.title(worst) ?? defaultTitle(worst);\n    const description =\n      renderer?.description(worst, liveAggregate) ?? defaultDescription(worst);\n    const Icon = renderer?.icon;\n    const opts = {\n      id: nextId,\n      description,\n      duration: Number.POSITIVE_INFINITY,\n      className: toastClassName,\n      ...(Icon ? { icon: <Icon className=\"size-4\" /> } : {}),\n    };\n\n    if (worst.severity === \"error\") {\n      toast.error(title, opts);\n    } else {\n      toast.loading(title, opts);\n    }\n  });\n\n  // Dismiss on unmount so the toast doesn't outlive its mount point.\n  useEffect(() => {\n    return () => {\n      if (liveIdRef.current) {\n        toast.dismiss(liveIdRef.current);\n        liveIdRef.current = null;\n      }\n    };\n  }, []);\n}\n\nexport interface ResourceStatusIndicatorProps\n  extends ResourceStatusToasterOptions,\n    Omit<ToasterProps, \"className\"> {\n  /** Class name applied to the Toaster wrapper. */\n  className?: string;\n}\n\n/**\n * Drop-in indicator that mounts a `<Toaster />` and surfaces the worst\n * pending {@link ResourceStatus} across every plugin/component publishing\n * into the nearest {@link ResourceStatusProvider} as a sonner toast\n * (`toast.loading` for cold starts, `toast.error` for unrecoverable\n * states), keyed by the worst kind so only one indicator toast is on\n * screen at a time.\n *\n * Forwards `Toaster` props (`position` defaults to `top-right`, plus\n * `theme`, `richColors`, …). Apps that already mount their own\n * `<Toaster />` should drop this component and call\n * {@link useResourceStatusToaster} instead.\n *\n * @example\n * ```tsx\n * <ResourceStatusProvider>\n *   <ResourceStatusIndicator />\n *   <App />\n * </ResourceStatusProvider>\n * ```\n *\n * @example Custom render\n * ```tsx\n * <ResourceStatusIndicator\n *   render={(agg) => (\n *     <div className=\"my-card\">\n *       {agg.worst?.kind} {agg.worst?.state.toLowerCase()}\n *     </div>\n *   )}\n * />\n * ```\n */\nexport function ResourceStatusIndicator({\n  kind,\n  renderers,\n  toastClassName,\n  render,\n  position = \"top-right\",\n  ...toasterProps\n}: ResourceStatusIndicatorProps = {}) {\n  useResourceStatusToaster({ kind, renderers, toastClassName, render });\n  return <Toaster position={position} {...toasterProps} />;\n}\n\nfunction defaultTitle(status: ResourceStatus): string {\n  switch (status.severity) {\n    case \"error\":\n      return `${humanizeKind(status.kind)} unavailable`;\n    case \"warning\":\n      return `${humanizeKind(status.kind)} degraded`;\n    default:\n      return `${humanizeKind(status.kind)} not ready`;\n  }\n}\n\nfunction defaultDescription(status: ResourceStatus): string {\n  return status.summary ?? `Current state: ${status.state}.`;\n}\n\nfunction humanizeKind(kind: string): string {\n  if (!kind) return \"Resource\";\n  return kind\n    .split(/[-_]/g)\n    .filter(Boolean)\n    .map((part) => part[0].toUpperCase() + part.slice(1))\n    .join(\" \");\n}\n\nfunction formatElapsed(ms: number): string {\n  const totalSeconds = Math.max(0, Math.floor(ms / 1000));\n  if (totalSeconds < 60) return `${totalSeconds}s`;\n  const minutes = Math.floor(totalSeconds / 60);\n  const seconds = totalSeconds % 60;\n  return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;\n}\n"],"mappings":"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"}

package/dist/react/ui/index.js

@@ -8,6 +8,7 @@ import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs.js";
+import { Toaster } from "./sonner.js";
 import { Input } from "./input.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
 import { Checkbox } from "./checkbox.js";
@@ -47,7 +48,6 @@ import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./sidebar.js";
 import { Slider } from "./slider.js";
-import { Toaster } from "./sonner.js";
 import { Switch } from "./switch.js";
 import { Toggle, toggleVariants } from "./toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./toggle-group.js";

package/dist/react/ui/sonner.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
-import { useTheme } from "next-themes";
 import { Toaster } from "sonner";
+import { useTheme } from "next-themes";
 
 //#region src/react/ui/sonner.tsx
 /** Toast notification system for displaying temporary messages */