@durablex/react-ui 0.1.0-beta.3

package/dist/index.d.ts

@@ -0,0 +1,1078 @@
+import * as React from "react";
+import { ReactNode, RefObject } from "react";
+import { VariantProps } from "class-variance-authority";
+import { Dialog as Dialog$1, Separator as Separator$1, Tooltip as Tooltip$1 } from "radix-ui";
+import { ClassValue } from "clsx";
+import { LucideIcon } from "lucide-react";
+import { AppStatus, BulkReplayFilter, ControlAction, ControlActionKind, EventLogRecord, FlowControl, LogFrame, Run, RunSeries, RunStats, RunStatus, SendEventResult, Step, StepErrorInfo, StepStatus, WorkflowDef } from "@durablex/react";
+import { ToasterProps } from "sonner";
+import * as ResizablePrimitive from "react-resizable-panels";
+
+//#region src/shell/Sidebar.d.ts
+interface NavItem {
+  key: string;
+  label: string;
+  icon: LucideIcon;
+  count?: number;
+}
+interface NavGroup {
+  label: string;
+  items: NavItem[];
+}
+declare function Sidebar({
+  groups,
+  active,
+  onSelect,
+  footer
+}: {
+  groups: NavGroup[];
+  active: string;
+  onSelect(key: string): void;
+  footer?: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/shell/AppShell.d.ts
+declare function AppShell({
+  groups,
+  active,
+  onSelect,
+  title,
+  subtitle,
+  rightSlot,
+  sidebarFooter,
+  children
+}: {
+  groups: NavGroup[];
+  active: string;
+  onSelect(key: string): void;
+  title: string;
+  subtitle?: string;
+  rightSlot?: ReactNode;
+  sidebarFooter?: ReactNode;
+  children: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/shell/Topbar.d.ts
+declare function Topbar({
+  title,
+  subtitle,
+  rightSlot
+}: {
+  title: string;
+  subtitle?: string;
+  rightSlot?: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunInspector.d.ts
+interface RunInspectorProps {
+  runId: string;
+  onClose(): void;
+  onFilterByEvent?: (eventId: string, eventName?: string) => void;
+  onOpenRun?: (runId: string) => void;
+  onShowReplays?: (runId: string) => void;
+  renderActions?: (run: Run) => ReactNode;
+  renderControlHistory?: (runId: string) => ReactNode;
+  renderStepRetry?: (runId: string, stepName: string) => ReactNode;
+}
+declare function RunInspector({
+  runId,
+  onClose,
+  onFilterByEvent,
+  onOpenRun,
+  onShowReplays,
+  renderActions,
+  renderControlHistory,
+  renderStepRetry
+}: RunInspectorProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunInspectorActions.d.ts
+declare function RunInspectorActions({
+  run,
+  onOpenRun
+}: {
+  run: Run;
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/lib/run-filters.d.ts
+declare const ALL_FILTER: "all";
+type StatusFilter = typeof ALL_FILTER | Exclude<RunStatus, "waiting">;
+declare const RUN_TYPE_FILTERS: readonly ["all", "triggered", "scheduled"];
+type RunTypeFilter = (typeof RUN_TYPE_FILTERS)[number];
+//#endregion
+//#region src/lib/run-sort.d.ts
+declare const RUN_SORT_KEYS: readonly ["workflow", "status", "app", "started", "duration"];
+type RunSortKey = (typeof RUN_SORT_KEYS)[number];
+declare const SORT_DIRS: readonly ["asc", "desc"];
+type SortDir = (typeof SORT_DIRS)[number];
+interface RunSort {
+  key: RunSortKey;
+  dir: SortDir;
+}
+declare const DEFAULT_RUN_SORT: RunSort;
+declare function toggleRunSort(prev: RunSort, key: RunSortKey): RunSort;
+//#endregion
+//#region src/components/RunsView.d.ts
+interface RunsViewState {
+  status: StatusFilter;
+  app: string;
+  runType: RunTypeFilter;
+  time: string;
+  q: string;
+  deep: boolean;
+  sort: RunSort;
+  run: string | null;
+  event: string | null;
+  replayOf: string | null;
+}
+interface RunsViewProps {
+  state: RunsViewState;
+  onChange: (patch: Partial<RunsViewState>, opts?: {
+    push?: boolean;
+  }) => void;
+  readOnly?: boolean;
+}
+declare function RunsView({
+  state,
+  onChange,
+  readOnly
+}: RunsViewProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/Meta.d.ts
+declare function Meta({
+  label,
+  value,
+  error,
+  onClick,
+  title
+}: {
+  label: string;
+  value: string;
+  error?: boolean;
+  onClick?: () => void;
+  title?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/JsonBlock.d.ts
+declare function JsonBlock({
+  value
+}: {
+  value: unknown;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/LogList.d.ts
+declare function LogList({
+  logs
+}: {
+  logs: LogFrame[];
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunsTable.d.ts
+interface RunsTableProps {
+  rows: Run[];
+  selectedId: string | null;
+  onSelect(id: string): void;
+  sort: RunSort;
+  onSort(key: RunSortKey): void;
+  loading: boolean;
+  isError: boolean;
+  error: Error | null;
+  emptyTitle: string;
+  emptyMessage: string;
+  hideColumns?: RunSortKey[];
+  onReplay?(id: string): void;
+}
+declare function RunsTable({
+  rows,
+  selectedId,
+  onSelect,
+  sort,
+  onSort,
+  loading,
+  isError,
+  error,
+  emptyTitle,
+  emptyMessage,
+  hideColumns,
+  onReplay
+}: RunsTableProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunsTableHead.d.ts
+interface RunsTableHeadProps {
+  label: string;
+  sortKey: RunSortKey;
+  sort: RunSort;
+  onSort(key: RunSortKey): void;
+  numeric?: boolean;
+}
+declare function RunsTableHead({
+  label,
+  sortKey,
+  sort,
+  onSort,
+  numeric
+}: RunsTableHeadProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunsTableRow.d.ts
+interface RunsTableRowProps {
+  run: Run;
+  selected: boolean;
+  onSelect(id: string): void;
+  hideColumns?: RunSortKey[];
+  stepTotal?: number;
+  onReplay?(id: string): void;
+}
+declare function RunsTableRow({
+  run,
+  selected,
+  onSelect,
+  hideColumns,
+  stepTotal,
+  onReplay
+}: RunsTableRowProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunsTableLoader.d.ts
+declare function RunsTableLoader(): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunsTablePlaceholder.d.ts
+interface RunsTablePlaceholderProps {
+  icon: LucideIcon;
+  title: string;
+  message: string;
+}
+declare function RunsTablePlaceholder({
+  icon: Icon,
+  title,
+  message
+}: RunsTablePlaceholderProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunsFilterBar.d.ts
+interface RunsFilterBarProps {
+  query: string;
+  onQuery(v: string): void;
+  deep: boolean;
+  onDeep(v: boolean): void;
+  time: string;
+  onTime(v: string): void;
+  status: StatusFilter;
+  onStatus(v: StatusFilter): void;
+  app: string;
+  onApp(v: string): void;
+  runType: RunTypeFilter;
+  onRunType(v: RunTypeFilter): void;
+  shown: number;
+  action?: ReactNode;
+}
+declare function RunsFilterBar({
+  query,
+  onQuery,
+  deep,
+  onDeep,
+  time,
+  onTime,
+  status,
+  onStatus,
+  app,
+  onApp,
+  runType,
+  onRunType,
+  shown,
+  action
+}: RunsFilterBarProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/CursorPager.d.ts
+interface CursorPagerProps {
+  rangeStart: number;
+  rangeEnd: number;
+  canNewer: boolean;
+  canOlder: boolean;
+  onNewer(): void;
+  onOlder(): void;
+}
+declare function CursorPager({
+  rangeStart,
+  rangeEnd,
+  canNewer,
+  canOlder,
+  onNewer,
+  onOlder
+}: CursorPagerProps): import("react").JSX.Element | null;
+//#endregion
+//#region src/components/BulkReplayButton.d.ts
+declare function BulkReplayButton({
+  filter
+}: {
+  filter: BulkReplayFilter;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunPauseButton.d.ts
+declare function RunPauseButton({
+  id,
+  status
+}: {
+  id: string;
+  status: RunStatus;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunCancelButton.d.ts
+declare function RunCancelButton({
+  id
+}: {
+  id: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RetryFromStepButton.d.ts
+declare function RetryFromStepButton({
+  runId,
+  stepName,
+  onOpenRun
+}: {
+  runId: string;
+  stepName: string;
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunControlHistory.d.ts
+declare function RunControlHistory({
+  runId,
+  onOpenRun
+}: {
+  runId: string;
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element | null;
+//#endregion
+//#region src/components/filters/AppFilter.d.ts
+declare function AppFilter({
+  app,
+  onApp,
+  align,
+  width
+}: {
+  app: string;
+  onApp(app: string): void;
+  align?: "right";
+  width?: number;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/filters/TimeRangeFilter.d.ts
+declare function TimeRangeFilter({
+  time,
+  onTime
+}: {
+  time: string;
+  onTime(time: string): void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/lib/time-range.d.ts
+declare const DEFAULT_TIME_RANGE = "1h";
+declare const TIME_OPTIONS: [string, string][];
+declare function parseWindowMs(time: string): number | null;
+declare function timeLabel(time: string): string;
+declare function seriesBucketSeconds(time: string): number;
+declare const TIME_ZONES: readonly ["local", "utc"];
+type TimeZoneMode = (typeof TIME_ZONES)[number];
+declare const localTimeZone: string;
+declare function bucketTickLabel(ts: string, bucketSeconds: number, tz?: TimeZoneMode): string;
+declare function windowSince(time: string): string | undefined;
+//#endregion
+//#region src/components/filters/TimeZoneFilter.d.ts
+declare function TimeZoneFilter({
+  tz,
+  onTz
+}: {
+  tz: TimeZoneMode;
+  onTz(tz: TimeZoneMode): void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/filters/FilterDropdown.d.ts
+declare function FilterDropdown({
+  trigger,
+  align,
+  width,
+  children
+}: {
+  trigger: (open: boolean, toggle: () => void) => ReactNode;
+  align?: "right";
+  width?: number;
+  children: (close: () => void) => ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/filters/FilterDropdownButton.d.ts
+declare function FilterDropdownButton({
+  open,
+  toggle,
+  keyLabel,
+  value,
+  dot
+}: {
+  open: boolean;
+  toggle: () => void;
+  keyLabel?: string;
+  value: string;
+  dot?: string | null;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/filters/FilterDropdownItem.d.ts
+declare function FilterDropdownItem({
+  active,
+  dot,
+  label,
+  right,
+  onClick
+}: {
+  active: boolean;
+  dot?: string | null;
+  label: string;
+  right?: string;
+  onClick: () => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/StatsTiles.d.ts
+declare function StatsTiles({
+  stats,
+  rangeLabel,
+  activeStatus,
+  onFilterStatus
+}: {
+  stats?: RunStats;
+  rangeLabel?: string;
+  activeStatus?: StatusFilter;
+  onFilterStatus?: (status: StatusFilter) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/StatTileGrid.d.ts
+interface StatTile {
+  label: string;
+  value: number;
+  sub: string;
+  token: string;
+  mark?: boolean;
+  trend?: "up" | "down";
+  status?: StatusFilter;
+  active?: boolean;
+}
+declare function StatTileGrid({
+  tiles,
+  onSelect
+}: {
+  tiles: StatTile[];
+  onSelect?: (status: StatusFilter) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/StatusBadge.d.ts
+type Status = RunStatus | StepStatus;
+declare function StatusBadge({
+  status,
+  small,
+  label,
+  className
+}: {
+  status: Status;
+  small?: boolean;
+  label?: string;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/AppTag.d.ts
+declare function AppTag({
+  app,
+  className
+}: {
+  app: string;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/ScheduledBadge.d.ts
+declare function ScheduledBadge({
+  compact,
+  className
+}: {
+  compact?: boolean;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/GlyphBadge.d.ts
+declare function GlyphBadge({
+  icon: Icon,
+  tone,
+  label,
+  ariaLabel,
+  compact,
+  className
+}: {
+  icon: LucideIcon;
+  tone: string;
+  label: string;
+  ariaLabel?: string;
+  compact?: boolean;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/ResumeMark.d.ts
+type ResumeMarkProps = {
+  size?: number;
+  variant?: "run" | "load";
+  fault?: boolean;
+  className?: string;
+  title?: string;
+};
+declare function ResumeMark({
+  size,
+  variant,
+  fault,
+  className,
+  title
+}: ResumeMarkProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/AnimatedDurablexMark.d.ts
+declare function AnimatedDurablexMark({
+  size,
+  className
+}: {
+  size?: number;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/DurablexLogo.d.ts
+declare function DurablexLogo(): import("react").JSX.Element;
+//#endregion
+//#region src/components/marks-geometry.d.ts
+declare const MARK_BARS: {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}[];
+declare const RESUME_TRIANGLE = "M10 8.4 L15.4 12 L10 15.6 Z";
+//#endregion
+//#region src/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): React.JSX.Element;
+//#endregion
+//#region src/ui/input.d.ts
+declare function Input({
+  className,
+  type,
+  ...props
+}: React.ComponentProps<"input">): React.JSX.Element;
+//#endregion
+//#region src/ui/separator.d.ts
+declare function Separator({
+  className,
+  orientation,
+  decorative,
+  ...props
+}: React.ComponentProps<typeof Separator$1.Root>): React.JSX.Element;
+//#endregion
+//#region src/ui/dialog.d.ts
+declare function Dialog({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
+declare function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Portal>): React.JSX.Element;
+declare function DialogClose({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
+declare function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Overlay>): React.JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Content> & {
+  showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Title>): React.JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Description>): React.JSX.Element;
+//#endregion
+//#region src/components/JsonEditor.d.ts
+declare function JsonEditor({
+  value,
+  onChange,
+  invalid,
+  minHeight,
+  ariaLabel
+}: {
+  value: string;
+  onChange: (next: string) => void;
+  invalid?: boolean;
+  minHeight?: number;
+  ariaLabel?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/SectionHeader.d.ts
+declare function SectionHeader({
+  children,
+  action
+}: {
+  children: ReactNode;
+  action?: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/ReplayRunDialog.d.ts
+declare function ReplayRunDialog({
+  run,
+  open,
+  onOpenChange,
+  onOpenRun
+}: {
+  run: Run;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/charts/RunCharts.d.ts
+declare function RunCharts({
+  series,
+  loading
+}: {
+  series?: RunSeries;
+  loading: boolean;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/WorkflowsView.d.ts
+declare function WorkflowsView({
+  onOpenRun,
+  renderRunAction
+}: {
+  onOpenRun(runId: string): void;
+  renderRunAction?: (workflow: WorkflowDef) => ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/WorkflowDetail.d.ts
+declare function WorkflowDetail({
+  workflow,
+  onClose,
+  onOpenRun,
+  renderRunAction
+}: {
+  workflow: WorkflowDef;
+  onClose(): void;
+  onOpenRun(runId: string): void;
+  renderRunAction?: (workflow: WorkflowDef) => ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/FlowControlSection.d.ts
+declare function FlowControlSection({
+  fc,
+  app,
+  workflow,
+  stats
+}: {
+  fc: FlowControl;
+  app: string;
+  workflow: string;
+  stats?: RunStats;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/FlowControlBadge.d.ts
+declare function FlowControlBadge({
+  compact,
+  className
+}: {
+  compact?: boolean;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/RunnerLiveBadge.d.ts
+declare function RunnerLiveBadge({
+  live,
+  small
+}: {
+  live: boolean;
+  small?: boolean;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/AppsView.d.ts
+declare function AppsView(): import("react").JSX.Element;
+//#endregion
+//#region src/components/AppStatusBadge.d.ts
+declare function AppStatusBadge({
+  status,
+  small
+}: {
+  status: AppStatus;
+  small?: boolean;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/EventsView.d.ts
+declare function EventsView({
+  onOpenRun
+}: {
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/EventsList.d.ts
+interface EventsListProps {
+  events?: EventLogRecord[];
+  isLoading: boolean;
+  isError: boolean;
+  error: Error | null;
+  onOpenRun?: (runId: string) => void;
+}
+declare function EventsList({
+  events,
+  isLoading,
+  isError,
+  error,
+  onOpenRun
+}: EventsListProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/TriggerEventDialog.d.ts
+declare function TriggerEventDialog({
+  onOpenRun
+}: {
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/TriggerEventResult.d.ts
+declare function TriggerEventResult({
+  result,
+  onOpenRun
+}: {
+  result: SendEventResult;
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/WorkflowRunAction.d.ts
+declare function WorkflowRunAction({
+  workflow,
+  onOpenRun
+}: {
+  workflow: WorkflowDef;
+  onOpenRun(runId: string): void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/WorkflowRunDialog.d.ts
+declare function WorkflowRunDialog({
+  workflow,
+  open,
+  onOpenChange,
+  onOpenRun
+}: {
+  workflow: WorkflowDef;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onOpenRun: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/TableStatusRows.d.ts
+interface TableStatusRowsProps {
+  colSpan: number;
+  isLoading: boolean;
+  hasData: boolean;
+  isError: boolean;
+  error: Error | null;
+  emptyMessage: string;
+  errorFallback: string;
+}
+declare function TableStatusRows({
+  colSpan,
+  isLoading,
+  hasData,
+  isError,
+  error,
+  emptyMessage,
+  errorFallback
+}: TableStatusRowsProps): import("react").JSX.Element | null;
+//#endregion
+//#region src/components/WebhooksView.d.ts
+declare function WebhooksView({
+  onOpenRun
+}: {
+  onOpenRun?: (runId: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/Facts.d.ts
+declare function Facts({
+  rows
+}: {
+  rows: [string, string][];
+}): import("react").JSX.Element;
+//#endregion
+//#region src/components/OverviewView.d.ts
+declare function OverviewView(): import("react").JSX.Element;
+//#endregion
+//#region src/components/FlowSummary.d.ts
+declare function FlowSummary({
+  app,
+  stats
+}: {
+  app?: string;
+  stats?: RunStats;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/ui/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: React.ComponentProps<"table">): React.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">): React.JSX.Element;
+//#endregion
+//#region src/lib/table.d.ts
+declare const TABLE_HEAD_CLASS = "text-muted-foreground/70 h-7 px-2 text-[10px] tracking-wider uppercase";
+//#endregion
+//#region src/lib/workflow-run.d.ts
+interface EventRunOption {
+  value: string;
+  pattern: string;
+  isWildcard: boolean;
+  filter?: string;
+}
+interface WorkflowRunPlan {
+  runnable: boolean;
+  options: EventRunOption[];
+}
+declare function workflowRunPlan(workflow: WorkflowDef): WorkflowRunPlan;
+//#endregion
+//#region src/ui/resizable.d.ts
+declare function ResizablePanelGroup({
+  className,
+  ...props
+}: ResizablePrimitive.GroupProps): import("react").JSX.Element;
+declare function ResizablePanel({
+  ...props
+}: ResizablePrimitive.PanelProps): import("react").JSX.Element;
+declare function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}: ResizablePrimitive.SeparatorProps & {
+  withHandle?: boolean;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/hooks/use-keyset-pager.d.ts
+declare function useKeysetPager(resetKey: string, pageSize: number): {
+  cursor: string | undefined;
+  canNewer: boolean;
+  range: (rowCount: number) => {
+    start: number;
+    end: number;
+  };
+  goOlder: (nextCursor: string | null) => void;
+  goNewer: () => void;
+};
+//#endregion
+//#region src/lib/flow-control.d.ts
+declare const FLOW_ADAPTERS: readonly ["concurrency", "throttle", "rateLimit", "debounce", "batch", "priority", "singleton", "idempotency"];
+type FlowAdapter = (typeof FLOW_ADAPTERS)[number];
+declare function hasFlowControl(fc?: FlowControl): boolean;
+interface FlowRow {
+  adapter: FlowAdapter;
+  label: string;
+  value: string;
+  scopeKey?: string;
+}
+declare function flowControlRows(fc: FlowControl): FlowRow[];
+//#endregion
+//#region src/ui/sheet.d.ts
+declare function Sheet({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
+declare function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
+declare function SheetClose({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
+declare function SheetContent({
+  className,
+  children,
+  side,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Content> & {
+  side?: "top" | "right" | "bottom" | "left";
+  showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Title>): React.JSX.Element;
+declare function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Description>): React.JSX.Element;
+//#endregion
+//#region src/ui/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+//#region src/ui/tooltip.d.ts
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Provider>): React.JSX.Element;
+declare function Tooltip({
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Root>): React.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): React.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Content>): React.JSX.Element;
+//#endregion
+//#region src/ui/sonner.d.ts
+declare const Toaster: ({
+  ...props
+}: ToasterProps) => React.JSX.Element;
+//#endregion
+//#region src/hooks/use-mobile.d.ts
+declare function useIsMobile(): boolean;
+//#endregion
+//#region src/hooks/use-copy.d.ts
+declare function useCopyToClipboard(resetMs?: number): {
+  copied: boolean;
+  copy: (text: string) => void;
+};
+//#endregion
+//#region src/hooks/use-confirm-action.d.ts
+declare function useConfirmAction(action: () => void, ms?: number): {
+  confirming: boolean;
+  trigger: () => void;
+};
+//#endregion
+//#region src/components/filters/use-click-outside.d.ts
+declare function useClickOutside(ref: RefObject<HTMLElement | null>, onClose: () => void): void;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+//#region src/lib/theme.d.ts
+declare const THEME_PREFS: readonly ["light", "system", "dark"];
+type ThemePref = (typeof THEME_PREFS)[number];
+declare function getThemePref(): ThemePref;
+declare function applyThemePref(pref: ThemePref): void;
+declare function setThemePref(pref: ThemePref): void;
+declare function watchSystemTheme(getPref: () => ThemePref): () => void;
+//#endregion
+//#region src/lib/json-highlight.d.ts
+type JsonTokenKind = "key" | "str" | "num" | "bool" | "null" | "punc";
+declare const JSON_TOKEN_COLOR: Record<JsonTokenKind, string>;
+declare function tokenizeJson(src: string): {
+  text: string;
+  kind: JsonTokenKind;
+}[];
+type ParsedJson = {
+  ok: true;
+  value: unknown;
+} | {
+  ok: false;
+  error: string;
+};
+declare function parseJson(raw: string): ParsedJson;
+declare function highlightedJsonSpans(text: string): {
+  key: number;
+  text: string;
+  color: string;
+  bold: boolean;
+  italic: boolean;
+}[];
+//#endregion
+//#region src/lib/format.d.ts
+declare function formatError(error: StepErrorInfo): string;
+declare function formatDuration(ms?: number | null): string;
+declare function formatTime(iso?: string | null): string;
+declare function formatNextFire(iso?: string | null): string;
+declare function formatRelative(iso?: string | null): string;
+//#endregion
+//#region src/lib/status-label.d.ts
+declare const STATUS_LABELS: Record<RunStatus | StepStatus, string>;
+//#endregion
+//#region src/lib/run-progress.d.ts
+declare function currentStepNumber(run: Run): number;
+declare function expectedStepTotals(runs: Run[]): Map<string, number>;
+declare function stepCellLabel(run: Run, expectedTotal?: number): string;
+declare function stepProgress(run: Run, steps: Step[]): {
+  ix: number;
+  total: number;
+};
+//#endregion
+//#region src/lib/app-color.d.ts
+declare function appHue(name: string): string;
+//#endregion
+//#region src/lib/control-action.d.ts
+declare const ACTION_LABELS: Record<ControlActionKind, string>;
+declare function actorLabel(actor?: string): string;
+declare function describeControlDetail(a: ControlAction): string;
+//#endregion
+export { ACTION_LABELS, ALL_FILTER, AnimatedDurablexMark, AppFilter, AppShell, AppStatusBadge, AppTag, AppsView, BulkReplayButton, Button, CursorPager, DEFAULT_RUN_SORT, DEFAULT_TIME_RANGE, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DurablexLogo, type EventRunOption, EventsList, EventsView, FLOW_ADAPTERS, Facts, FilterDropdown, FilterDropdownButton, FilterDropdownItem, type FlowAdapter, FlowControlBadge, FlowControlSection, type FlowRow, FlowSummary, GlyphBadge, Input, JSON_TOKEN_COLOR, JsonBlock, JsonEditor, type JsonTokenKind, LogList, MARK_BARS, Meta, type NavGroup, type NavItem, OverviewView, type ParsedJson, RESUME_TRIANGLE, RUN_SORT_KEYS, RUN_TYPE_FILTERS, ReplayRunDialog, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResumeMark, RetryFromStepButton, RunCancelButton, RunCharts, RunControlHistory, RunInspector, RunInspectorActions, type RunInspectorProps, RunPauseButton, type RunSort, type RunSortKey, type RunTypeFilter, RunnerLiveBadge, RunsFilterBar, RunsTable, RunsTableHead, RunsTableLoader, RunsTablePlaceholder, RunsTableRow, RunsView, type RunsViewProps, type RunsViewState, SORT_DIRS, STATUS_LABELS, ScheduledBadge, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, Skeleton, type SortDir, type StatTile, StatTileGrid, StatsTiles, StatusBadge, type StatusFilter, TABLE_HEAD_CLASS, THEME_PREFS, TIME_OPTIONS, TIME_ZONES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStatusRows, type ThemePref, TimeRangeFilter, TimeZoneFilter, type TimeZoneMode, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TriggerEventDialog, TriggerEventResult, WebhooksView, WorkflowDetail, WorkflowRunAction, WorkflowRunDialog, type WorkflowRunPlan, WorkflowsView, actorLabel, appHue, applyThemePref, bucketTickLabel, buttonVariants, cn, currentStepNumber, describeControlDetail, expectedStepTotals, flowControlRows, formatDuration, formatError, formatNextFire, formatRelative, formatTime, getThemePref, hasFlowControl, highlightedJsonSpans, localTimeZone, parseJson, parseWindowMs, seriesBucketSeconds, setThemePref, stepCellLabel, stepProgress, timeLabel, toggleRunSort, tokenizeJson, useClickOutside, useConfirmAction, useCopyToClipboard, useIsMobile, useKeysetPager, watchSystemTheme, windowSince, workflowRunPlan };
+//# sourceMappingURL=index.d.ts.map