@shipfox/client-triggers 0.2.0

package/.storybook/main.ts

@@ -0,0 +1 @@
+export {default} from '../../.storybook/main.ts';

package/.storybook/preview.css

@@ -0,0 +1,8 @@
+@import "@shipfox/react-ui/index.css";
+
+/* The `@import` pulls in the full design-system theme (tokens, preflight, base layer) from
+   react-ui. Tailwind v4 only emits utilities for classes it finds in scanned source, and
+   these stories render react-ui components whose classes live in react-ui's own source, so
+   scan both trees to keep them styled. */
+@source "../src";
+@source "../../../shared/react/ui/src";

package/.storybook/preview.tsx

@@ -0,0 +1,89 @@
+import './preview.css';
+import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';
+import {ThemeProvider} from '@shipfox/react-ui/theme';
+import type {Decorator, Preview} from '@storybook/react';
+import {
+  createMemoryHistory,
+  createRootRoute,
+  createRoute,
+  createRouter,
+  RouterProvider,
+} from '@tanstack/react-router';
+
+if (typeof document !== 'undefined' && document.fonts) {
+  void Promise.all([
+    document.fonts.load("16px 'Inter'"),
+    document.fonts.load("italic 16px 'Inter'"),
+    document.fonts.load("16px 'Commit Mono'"),
+    document.fonts.load("bold 16px 'Commit Mono'"),
+  ]);
+}
+
+const withTheme: Decorator = (Story, context) => {
+  const theme = context.globals.theme;
+  return (
+    <ThemeProvider key={theme} defaultTheme={theme} storageKey={`shipfox-theme-${theme}`}>
+      <Story />
+    </ThemeProvider>
+  );
+};
+
+const withRelativeTime: Decorator = (Story) => (
+  <RelativeTimeProvider>
+    <Story />
+  </RelativeTimeProvider>
+);
+
+// The empty state renders `<Link to="/workspaces/$wid/settings/integrations">`, which needs a
+// router in context to resolve its href. A memory router seeded at a matching path lets the
+// story render the link without the real app shell.
+const withRouter: Decorator = (Story) => {
+  const rootRoute = createRootRoute();
+  const integrationsRoute = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/workspaces/$wid/settings/integrations',
+    component: () => <Story />,
+  });
+  const router = createRouter({
+    routeTree: rootRoute.addChildren([integrationsRoute]),
+    history: createMemoryHistory({
+      initialEntries: ['/workspaces/ws-demo/settings/integrations'],
+    }),
+  });
+  return <RouterProvider router={router} />;
+};
+
+const preview: Preview = {
+  decorators: [withTheme, withRelativeTime, withRouter],
+  parameters: {
+    argos: {
+      // Dual-theme coverage lives in @shipfox/react-ui (the theming source of truth);
+      // feature packages capture only the primary dark theme to limit Argos spend.
+      modes: {
+        dark: {theme: 'dark'},
+      },
+      fitToContent: false,
+    },
+    options: {
+      storySort: {method: 'alphabetical'},
+    },
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      description: 'Global theme for components',
+      defaultValue: 'dark',
+      toolbar: {
+        icon: 'sun',
+        items: [
+          {value: 'light', icon: 'sun', title: 'Light'},
+          {value: 'dark', icon: 'moon', title: 'Dark'},
+          {value: 'system', icon: 'info', title: 'System'},
+        ],
+        showName: true,
+      },
+    },
+  },
+};
+
+export default preview;

package/.turbo/turbo-build.log

@@ -0,0 +1,2 @@
+$ shipfox-swc
+Successfully compiled: 14 files with swc (38.96ms)

package/.turbo/turbo-type$colon$emit.log

@@ -0,0 +1 @@
+$ shipfox-tsc-emit

package/.turbo/turbo-type.log

@@ -0,0 +1 @@
+$ shipfox-tsc-check

package/CHANGELOG.md

@@ -0,0 +1,120 @@
+# @shipfox/client-triggers
+
+## 0.2.0
+
+### Minor Changes
+
+- 3d064b8: Publishes the client runtime closure with shell, feature, route, Vite, and testing contracts.
+
+### Patch Changes
+
+- Updated dependencies [3d064b8]
+- Updated dependencies [6bc2e45]
+  - @shipfox/client-api@0.2.0
+  - @shipfox/client-integrations@0.2.0
+  - @shipfox/client-ui@0.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [c18d624]
+  - @shipfox/react-ui@0.3.1
+  - @shipfox/client-integrations@0.1.2
+  - @shipfox/client-ui@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [1b0d344]
+  - @shipfox/api-triggers-dto@2.0.0
+  - @shipfox/client-ui@0.1.1
+  - @shipfox/client-integrations@0.1.1
+  - @shipfox/client-api@0.0.1
+  - @shipfox/react-ui@0.3.0
+
+## 0.1.0
+
+### Minor Changes
+
+- e4c6abf: Add reusable, source-keyed icon building blocks so any surface can render an integration or trigger icon without re-implementing the catalog lookup and fallback.
+
+  `@shipfox/client-integrations` exposes `getIntegrationIcon(source)` and `<IntegrationIcon source />`, resolving an integration source (a connection `provider`, a run `trigger_source`, or a trigger event `source`) against the central `PROVIDER_CATALOG` with a neutral `componentLine` fallback. The catalog stays the single place each integration declares its icon; the integration gallery now renders `<IntegrationIcon>` instead of an inline lookup (no behavior change).
+
+  New `@shipfox/client-triggers` package adds `getTriggerSourceIcon(source)` and `<TriggerSourceIcon source />`, built on the integration resolver. It recognizes the system trigger sources `manual` (a person fired the run) and `cron` (a schedule), and delegates every other source to the integration catalog. This is the building block for showing an icon on run rows and trigger events; adopting it on those surfaces lands separately.
+
+- 2c352bb: Add the trigger events data layer to `@shipfox/client-triggers`: transport
+  functions, colocated query keys, and React Query hooks for the workspace Events
+  view. `useTriggerEventsInfiniteQuery(workspaceId, filters)` paginates the event
+  history newest-first with cursor-based infinite scroll, and `useTriggerEventQuery(id)`
+  loads a single event with its routing decisions. Filters (`source`, `event`,
+  `outcome`, `from`, `to`) are normalized into a stable cache key so an out-of-order
+  or duplicated `outcome` selection reuses the same cache entry. Consumes the
+  `@shipfox/api-triggers-dto` contracts; no UI yet.
+- e5d2f13: Add the workspace **Events** page in Settings: a filterable, cursor-paginated table of
+  trigger events (status dot, source/event, routing summary, delivery id, received time)
+  mounted at `/workspaces/$wid/settings/events` and wired into the settings sub-nav. Filters
+  (date range, source, event, outcome) live in the URL via `validateSearch`, so a filtered
+  view is shareable. Source and event filters are populated by a new
+  `GET /trigger-events/facets` endpoint that returns each workspace's distinct source/event
+  values with counts (top 50, backed by `(workspace_id, source)` / `(workspace_id, event)`
+  indexes); the list still renders if facets fail to load.
+- a460020: Add trigger event detail decisions with stored subscription names, run links, and payload inspection.
+
+### Patch Changes
+
+- Updated dependencies [43d7996]
+- Updated dependencies [14e0bea]
+- Updated dependencies [9018f0b]
+- Updated dependencies [7fdfd72]
+- Updated dependencies [2a3193f]
+- Updated dependencies [f104ff2]
+- Updated dependencies [7341569]
+- Updated dependencies [d245be8]
+- Updated dependencies [0f06c02]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [e5d2f13]
+- Updated dependencies [a982f20]
+- Updated dependencies [5d0676a]
+- Updated dependencies [a460020]
+- Updated dependencies [a35c2dc]
+- Updated dependencies [58f7aef]
+- Updated dependencies [5264a22]
+- Updated dependencies [9674879]
+- Updated dependencies [225c9a5]
+- Updated dependencies [42443b4]
+- Updated dependencies [24f131b]
+- Updated dependencies [bb2a7bc]
+- Updated dependencies [63bcac8]
+- Updated dependencies [5eb06d0]
+- Updated dependencies [4e13e5f]
+- Updated dependencies [e92150d]
+- Updated dependencies [8037501]
+- Updated dependencies [0fb6018]
+- Updated dependencies [c27a1ed]
+- Updated dependencies [b8e49ff]
+- Updated dependencies [8037501]
+- Updated dependencies [6c0da64]
+- Updated dependencies [07f8ff8]
+- Updated dependencies [e457582]
+- Updated dependencies [8b5c905]
+- Updated dependencies [e192d86]
+- Updated dependencies [5ec8367]
+- Updated dependencies [f849131]
+- Updated dependencies [a7da648]
+- Updated dependencies [94bdcc5]
+- Updated dependencies [a34c8ea]
+- Updated dependencies [27770eb]
+- Updated dependencies [8ac4bf4]
+- Updated dependencies [3a0be6b]
+- Updated dependencies [d42baf4]
+- Updated dependencies [8037501]
+- Updated dependencies [54bb8a3]
+- Updated dependencies [f711e18]
+  - @shipfox/client-integrations@0.1.0
+  - @shipfox/react-ui@0.3.0
+  - @shipfox/api-triggers-dto@0.1.0
+  - @shipfox/client-api@0.0.1
+  - @shipfox/client-ui@0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shipfox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/events-filter-bar.d.ts

@@ -0,0 +1,13 @@
+import type { TriggerEventFacetItemDto } from '@shipfox/api-triggers-dto';
+import type { TriggerEventFilters } from '#hooks/api/trigger-events.js';
+interface EventsFilterBarProps {
+    filters: TriggerEventFilters;
+    onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;
+    sources: TriggerEventFacetItemDto[] | undefined;
+    events: TriggerEventFacetItemDto[] | undefined;
+    hasActiveFilters: boolean;
+    onClear: () => void;
+}
+export declare function EventsFilterBar({ filters, onFiltersChange, sources, events, hasActiveFilters, onClear, }: EventsFilterBarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=events-filter-bar.d.ts.map

package/dist/components/events-filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-filter-bar.d.ts","sourceRoot":"","sources":["../../src/components/events-filter-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAyB,MAAM,2BAA2B,CAAC;AAQhG,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAC;AAwBtE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,wBAAwB,EAAE,GAAG,SAAS,CAAC;IAChD,MAAM,EAAE,wBAAwB,EAAE,GAAG,SAAS,CAAC;IAC/C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,eAAe,EACf,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,OAAO,GACR,EAAE,oBAAoB,+BA2HtB"}

package/dist/components/events-filter-bar.js

@@ -0,0 +1,198 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@shipfox/react-ui/collapsible';
+import { Combobox } from '@shipfox/react-ui/combobox';
+import { DateRangePicker } from '@shipfox/react-ui/date-range-picker';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { useState } from 'react';
+// Filters expose the same plain-language results shown in the table. `failed`
+// includes `errored` so the Failed filter does not hide rows rendered as failed.
+const RESULT_FILTERS = [
+    {
+        value: 'routed',
+        selects: [
+            'routed'
+        ],
+        label: 'Triggered'
+    },
+    {
+        value: 'discarded',
+        selects: [
+            'discarded'
+        ],
+        label: 'No match'
+    },
+    {
+        value: 'failed',
+        selects: [
+            'failed',
+            'errored'
+        ],
+        label: 'Failed'
+    },
+    {
+        value: 'received',
+        selects: [
+            'received'
+        ],
+        label: 'Evaluating'
+    }
+];
+const RESULT_OPTIONS = RESULT_FILTERS.map(({ value, label })=>({
+        value,
+        label
+    }));
+function toOptions(facets) {
+    return (facets ?? []).map((facet)=>({
+            value: facet.value,
+            label: `${facet.value} (${facet.count})`
+        }));
+}
+export function EventsFilterBar({ filters, onFiltersChange, sources, events, hasActiveFilters, onClear }) {
+    const [open, setOpen] = useState(false);
+    const dateRange = filters.from || filters.to ? {
+        start: filters.from ? new Date(filters.from) : undefined,
+        end: filters.to ? new Date(filters.to) : undefined
+    } : undefined;
+    const selectedOutcomes = new Set(filters.outcome ?? []);
+    const resultValue = RESULT_FILTERS.filter(({ selects })=>selects.some((outcome)=>selectedOutcomes.has(outcome))).map(({ value })=>value);
+    // Count active dimensions, not selected options, so the badge stays stable as chips grow.
+    const activeCount = (dateRange ? 1 : 0) + (filters.source?.length ? 1 : 0) + (filters.event?.length ? 1 : 0) + (resultValue.length > 0 ? 1 : 0);
+    function handleResultValue(values) {
+        const next = RESULT_FILTERS.filter(({ value })=>values.includes(value)).flatMap(({ selects })=>selects);
+        onFiltersChange({
+            outcome: next.length > 0 ? next : undefined
+        });
+    }
+    function handleDateRange(range) {
+        const from = range?.start ? new Date(range.start).toISOString() : undefined;
+        let to;
+        if (range?.end) {
+            // The backend filters received_at <= to; extend to end-of-day so the picked end
+            // date is inclusive rather than cutting off at its midnight.
+            const end = new Date(range.end);
+            end.setHours(23, 59, 59, 999);
+            to = end.toISOString();
+        }
+        onFiltersChange({
+            from,
+            to
+        });
+    }
+    return /*#__PURE__*/ _jsxs(Collapsible, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center justify-between gap-8 border-b border-border-neutral-base px-12 py-8",
+                children: [
+                    /*#__PURE__*/ _jsx(CollapsibleTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "secondary",
+                            size: "sm",
+                            iconLeft: "filter3Line",
+                            iconRight: open ? 'arrowUpSLine' : 'arrowDownSLine',
+                            children: activeCount > 0 ? `Filters (${activeCount})` : 'Filters'
+                        })
+                    }),
+                    hasActiveFilters ? /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        size: "2xs",
+                        variant: "transparentMuted",
+                        onClick: onClear,
+                        children: "Clear filters"
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(CollapsibleContent, {
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "grid grid-cols-1 gap-x-12 gap-y-10 border-b border-border-neutral-base px-12 py-12 min-[520px]:grid-cols-2",
+                    children: [
+                        /*#__PURE__*/ _jsx(FilterField, {
+                            label: "Date",
+                            className: "col-span-full",
+                            children: /*#__PURE__*/ _jsx(DateRangePicker, {
+                                size: "small",
+                                className: "w-full",
+                                ...dateRange ? {
+                                    dateRange
+                                } : {},
+                                onDateRangeSelect: handleDateRange,
+                                onClear: ()=>onFiltersChange({
+                                        from: undefined,
+                                        to: undefined
+                                    }),
+                                placeholder: "Any date"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(FilterField, {
+                            label: "Result",
+                            children: /*#__PURE__*/ _jsx(Combobox, {
+                                multiple: true,
+                                size: "small",
+                                "aria-label": "Filter by result",
+                                options: RESULT_OPTIONS,
+                                value: resultValue,
+                                onValueChange: handleResultValue,
+                                placeholder: "All results",
+                                emptyState: "No results",
+                                className: "w-full",
+                                maxVisibleChips: 2
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(FilterField, {
+                            label: "Source",
+                            children: /*#__PURE__*/ _jsx(Combobox, {
+                                multiple: true,
+                                size: "small",
+                                options: toOptions(sources),
+                                value: filters.source ?? [],
+                                onValueChange: (value)=>onFiltersChange({
+                                        source: value.length > 0 ? value : undefined
+                                    }),
+                                placeholder: "All sources",
+                                emptyState: "No sources yet",
+                                className: "w-full",
+                                maxVisibleChips: 2
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(FilterField, {
+                            label: "Event",
+                            children: /*#__PURE__*/ _jsx(Combobox, {
+                                multiple: true,
+                                size: "small",
+                                options: toOptions(events),
+                                value: filters.event ?? [],
+                                onValueChange: (value)=>onFiltersChange({
+                                        event: value.length > 0 ? value : undefined
+                                    }),
+                                placeholder: "All events",
+                                emptyState: "No events yet",
+                                className: "w-full",
+                                maxVisibleChips: 2
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function FilterField({ label, className, children }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('flex min-w-0 flex-col gap-4', className),
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                size: "xs",
+                className: "font-medium text-foreground-neutral-muted",
+                children: label
+            }),
+            children
+        ]
+    });
+}
+
+//# sourceMappingURL=events-filter-bar.js.map

package/dist/components/events-filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/events-filter-bar.tsx"],"sourcesContent":["import type {TriggerEventFacetItemDto, TriggerEventOutcomeDto} from '@shipfox/api-triggers-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Collapsible, CollapsibleContent, CollapsibleTrigger} from '@shipfox/react-ui/collapsible';\nimport {Combobox, type ComboboxOption} from '@shipfox/react-ui/combobox';\nimport {type DateRange, DateRangePicker} from '@shipfox/react-ui/date-range-picker';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {type ReactNode, useState} from 'react';\nimport type {TriggerEventFilters} from '#hooks/api/trigger-events.js';\n\n// Filters expose the same plain-language results shown in the table. `failed`\n// includes `errored` so the Failed filter does not hide rows rendered as failed.\nconst RESULT_FILTERS: {\n  value: TriggerEventOutcomeDto;\n  selects: TriggerEventOutcomeDto[];\n  label: string;\n}[] = [\n  {value: 'routed', selects: ['routed'], label: 'Triggered'},\n  {value: 'discarded', selects: ['discarded'], label: 'No match'},\n  {value: 'failed', selects: ['failed', 'errored'], label: 'Failed'},\n  {value: 'received', selects: ['received'], label: 'Evaluating'},\n];\n\nconst RESULT_OPTIONS: ComboboxOption[] = RESULT_FILTERS.map(({value, label}) => ({value, label}));\n\nfunction toOptions(facets: TriggerEventFacetItemDto[] | undefined): ComboboxOption[] {\n  return (facets ?? []).map((facet) => ({\n    value: facet.value,\n    label: `${facet.value} (${facet.count})`,\n  }));\n}\n\ninterface EventsFilterBarProps {\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n  sources: TriggerEventFacetItemDto[] | undefined;\n  events: TriggerEventFacetItemDto[] | undefined;\n  hasActiveFilters: boolean;\n  onClear: () => void;\n}\n\nexport function EventsFilterBar({\n  filters,\n  onFiltersChange,\n  sources,\n  events,\n  hasActiveFilters,\n  onClear,\n}: EventsFilterBarProps) {\n  const [open, setOpen] = useState(false);\n\n  const dateRange: DateRange | undefined =\n    filters.from || filters.to\n      ? {\n          start: filters.from ? new Date(filters.from) : undefined,\n          end: filters.to ? new Date(filters.to) : undefined,\n        }\n      : undefined;\n\n  const selectedOutcomes = new Set(filters.outcome ?? []);\n  const resultValue = RESULT_FILTERS.filter(({selects}) =>\n    selects.some((outcome) => selectedOutcomes.has(outcome)),\n  ).map(({value}) => value);\n\n  // Count active dimensions, not selected options, so the badge stays stable as chips grow.\n  const activeCount =\n    (dateRange ? 1 : 0) +\n    (filters.source?.length ? 1 : 0) +\n    (filters.event?.length ? 1 : 0) +\n    (resultValue.length > 0 ? 1 : 0);\n\n  function handleResultValue(values: string[]) {\n    const next = RESULT_FILTERS.filter(({value}) => values.includes(value)).flatMap(\n      ({selects}) => selects,\n    );\n    onFiltersChange({outcome: next.length > 0 ? next : undefined});\n  }\n\n  function handleDateRange(range: DateRange | undefined) {\n    const from = range?.start ? new Date(range.start).toISOString() : undefined;\n    let to: string | undefined;\n    if (range?.end) {\n      // The backend filters received_at <= to; extend to end-of-day so the picked end\n      // date is inclusive rather than cutting off at its midnight.\n      const end = new Date(range.end);\n      end.setHours(23, 59, 59, 999);\n      to = end.toISOString();\n    }\n    onFiltersChange({from, to});\n  }\n\n  return (\n    <Collapsible open={open} onOpenChange={setOpen}>\n      <div className=\"flex items-center justify-between gap-8 border-b border-border-neutral-base px-12 py-8\">\n        <CollapsibleTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"sm\"\n            iconLeft=\"filter3Line\"\n            iconRight={open ? 'arrowUpSLine' : 'arrowDownSLine'}\n          >\n            {activeCount > 0 ? `Filters (${activeCount})` : 'Filters'}\n          </Button>\n        </CollapsibleTrigger>\n        {hasActiveFilters ? (\n          <Button type=\"button\" size=\"2xs\" variant=\"transparentMuted\" onClick={onClear}>\n            Clear filters\n          </Button>\n        ) : null}\n      </div>\n      <CollapsibleContent>\n        <div className=\"grid grid-cols-1 gap-x-12 gap-y-10 border-b border-border-neutral-base px-12 py-12 min-[520px]:grid-cols-2\">\n          <FilterField label=\"Date\" className=\"col-span-full\">\n            <DateRangePicker\n              size=\"small\"\n              className=\"w-full\"\n              {...(dateRange ? {dateRange} : {})}\n              onDateRangeSelect={handleDateRange}\n              onClear={() => onFiltersChange({from: undefined, to: undefined})}\n              placeholder=\"Any date\"\n            />\n          </FilterField>\n          <FilterField label=\"Result\">\n            <Combobox\n              multiple\n              size=\"small\"\n              aria-label=\"Filter by result\"\n              options={RESULT_OPTIONS}\n              value={resultValue}\n              onValueChange={handleResultValue}\n              placeholder=\"All results\"\n              emptyState=\"No results\"\n              className=\"w-full\"\n              maxVisibleChips={2}\n            />\n          </FilterField>\n          <FilterField label=\"Source\">\n            <Combobox\n              multiple\n              size=\"small\"\n              options={toOptions(sources)}\n              value={filters.source ?? []}\n              onValueChange={(value) =>\n                onFiltersChange({source: value.length > 0 ? value : undefined})\n              }\n              placeholder=\"All sources\"\n              emptyState=\"No sources yet\"\n              className=\"w-full\"\n              maxVisibleChips={2}\n            />\n          </FilterField>\n          <FilterField label=\"Event\">\n            <Combobox\n              multiple\n              size=\"small\"\n              options={toOptions(events)}\n              value={filters.event ?? []}\n              onValueChange={(value) =>\n                onFiltersChange({event: value.length > 0 ? value : undefined})\n              }\n              placeholder=\"All events\"\n              emptyState=\"No events yet\"\n              className=\"w-full\"\n              maxVisibleChips={2}\n            />\n          </FilterField>\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nfunction FilterField({\n  label,\n  className,\n  children,\n}: {\n  label: string;\n  className?: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className={cn('flex min-w-0 flex-col gap-4', className)}>\n      <Text size=\"xs\" className=\"font-medium text-foreground-neutral-muted\">\n        {label}\n      </Text>\n      {children}\n    </div>\n  );\n}\n"],"names":["Button","Collapsible","CollapsibleContent","CollapsibleTrigger","Combobox","DateRangePicker","Text","cn","useState","RESULT_FILTERS","value","selects","label","RESULT_OPTIONS","map","toOptions","facets","facet","count","EventsFilterBar","filters","onFiltersChange","sources","events","hasActiveFilters","onClear","open","setOpen","dateRange","from","to","start","Date","undefined","end","selectedOutcomes","Set","outcome","resultValue","filter","some","has","activeCount","source","length","event","handleResultValue","values","next","includes","flatMap","handleDateRange","range","toISOString","setHours","onOpenChange","div","className","asChild","type","variant","size","iconLeft","iconRight","onClick","FilterField","onDateRangeSelect","placeholder","multiple","aria-label","options","onValueChange","emptyState","maxVisibleChips","children"],"mappings":"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"}

package/dist/components/events-list-states.d.ts

@@ -0,0 +1,16 @@
+import type { QueryLoadErrorQuery } from '@shipfox/client-ui';
+export declare function EventsListSkeleton(): import("react").JSX.Element;
+export declare function EventsListEmpty({ workspaceId }: {
+    workspaceId: string;
+}): import("react").JSX.Element;
+export declare function EventsListNoMatches({ onClear }: {
+    onClear: () => void;
+}): import("react").JSX.Element;
+/**
+ * Slim banner shown when a background refetch fails after a prior success, so the loaded
+ * rows stay on screen with the retry inline rather than being wiped by a full placeholder.
+ */
+export declare function EventsListStaleError({ query }: {
+    query: QueryLoadErrorQuery;
+}): import("react").JSX.Element;
+//# sourceMappingURL=events-list-states.d.ts.map

package/dist/components/events-list-states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-list-states.d.ts","sourceRoot":"","sources":["../../src/components/events-list-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAQ5D,wBAAgB,kBAAkB,gCAiBjC;AAED,wBAAgB,eAAe,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,+BAiBnE;AAED,wBAAgB,mBAAmB,CAAC,EAAC,OAAO,EAAC,EAAE;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAC,+BAenE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqBzE"}

package/dist/components/events-list-states.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Text } from '@shipfox/react-ui/typography';
+import { Link } from '@tanstack/react-router';
+export function EventsListSkeleton() {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex flex-col gap-8 p-8",
+        role: "status",
+        "aria-label": "Loading events",
+        children: Array.from({
+            length: 8
+        }).map((_, index)=>/*#__PURE__*/ _jsxs("div", {
+                className: "flex h-20 items-center gap-12",
+                children: [
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "size-6 shrink-0 rounded-full"
+                    }),
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-12 w-1/4"
+                    }),
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-12 w-20"
+                    }),
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "ml-auto h-12 w-40"
+                    })
+                ]
+            }, index))
+    });
+}
+export function EventsListEmpty({ workspaceId }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "p-16",
+        children: /*#__PURE__*/ _jsx(EmptyState, {
+            icon: "pulseLine",
+            title: "No events yet",
+            description: "Events appear here once a connected integration delivers one or you fire a trigger.",
+            action: /*#__PURE__*/ _jsx(Button, {
+                asChild: true,
+                size: "sm",
+                variant: "secondary",
+                children: /*#__PURE__*/ _jsx(Link, {
+                    to: "/workspaces/$wid/settings/integrations",
+                    params: {
+                        wid: workspaceId
+                    },
+                    children: "Configure integrations"
+                })
+            })
+        })
+    });
+}
+export function EventsListNoMatches({ onClear }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "p-16",
+        children: /*#__PURE__*/ _jsx(EmptyState, {
+            icon: "filterOffLine",
+            title: "No matching events",
+            description: "No events match your current filters.",
+            action: /*#__PURE__*/ _jsx(Button, {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                onClick: onClear,
+                children: "Clear filters"
+            })
+        })
+    });
+}
+/**
+ * Slim banner shown when a background refetch fails after a prior success, so the loaded
+ * rows stay on screen with the retry inline rather than being wiped by a full placeholder.
+ */ export function EventsListStaleError({ query }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "p-8",
+        children: /*#__PURE__*/ _jsx(Callout, {
+            role: "alert",
+            type: "error",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center justify-between gap-8",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "xs",
+                        children: "Could not refresh events."
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        size: "2xs",
+                        variant: "secondary",
+                        isLoading: query.isFetching,
+                        onClick: ()=>{
+                            void query.refetch();
+                        },
+                        children: "Retry"
+                    })
+                ]
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=events-list-states.js.map

package/dist/components/events-list-states.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/events-list-states.tsx"],"sourcesContent":["import type {QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {Link} from '@tanstack/react-router';\n\nexport function EventsListSkeleton() {\n  return (\n    <div className=\"flex flex-col gap-8 p-8\" role=\"status\" aria-label=\"Loading events\">\n      {Array.from({length: 8}).map((_, index) => (\n        <div\n          // biome-ignore lint/suspicious/noArrayIndexKey: skeleton row, stable position\n          key={index}\n          className=\"flex h-20 items-center gap-12\"\n        >\n          <Skeleton className=\"size-6 shrink-0 rounded-full\" />\n          <Skeleton className=\"h-12 w-1/4\" />\n          <Skeleton className=\"h-12 w-20\" />\n          <Skeleton className=\"ml-auto h-12 w-40\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function EventsListEmpty({workspaceId}: {workspaceId: string}) {\n  return (\n    <div className=\"p-16\">\n      <EmptyState\n        icon=\"pulseLine\"\n        title=\"No events yet\"\n        description=\"Events appear here once a connected integration delivers one or you fire a trigger.\"\n        action={\n          <Button asChild size=\"sm\" variant=\"secondary\">\n            <Link to=\"/workspaces/$wid/settings/integrations\" params={{wid: workspaceId}}>\n              Configure integrations\n            </Link>\n          </Button>\n        }\n      />\n    </div>\n  );\n}\n\nexport function EventsListNoMatches({onClear}: {onClear: () => void}) {\n  return (\n    <div className=\"p-16\">\n      <EmptyState\n        icon=\"filterOffLine\"\n        title=\"No matching events\"\n        description=\"No events match your current filters.\"\n        action={\n          <Button type=\"button\" size=\"sm\" variant=\"secondary\" onClick={onClear}>\n            Clear filters\n          </Button>\n        }\n      />\n    </div>\n  );\n}\n\n/**\n * Slim banner shown when a background refetch fails after a prior success, so the loaded\n * rows stay on screen with the retry inline rather than being wiped by a full placeholder.\n */\nexport function EventsListStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"p-8\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <Text size=\"xs\">Could not refresh events.</Text>\n          <Button\n            type=\"button\"\n            size=\"2xs\"\n            variant=\"secondary\"\n            isLoading={query.isFetching}\n            onClick={() => {\n              void query.refetch();\n            }}\n          >\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","Link","EventsListSkeleton","div","className","role","aria-label","Array","from","length","map","_","index","EventsListEmpty","workspaceId","icon","title","description","action","asChild","size","variant","to","params","wid","EventsListNoMatches","onClear","type","onClick","EventsListStaleError","query","isLoading","isFetching","refetch"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAE5C,OAAO,SAASC;IACd,qBACE,KAACC;QAAIC,WAAU;QAA0BC,MAAK;QAASC,cAAW;kBAC/DC,MAAMC,IAAI,CAAC;YAACC,QAAQ;QAAC,GAAGC,GAAG,CAAC,CAACC,GAAGC,sBAC/B,MAACT;gBAGCC,WAAU;;kCAEV,KAACL;wBAASK,WAAU;;kCACpB,KAACL;wBAASK,WAAU;;kCACpB,KAACL;wBAASK,WAAU;;kCACpB,KAACL;wBAASK,WAAU;;;eANfQ;;AAWf;AAEA,OAAO,SAASC,gBAAgB,EAACC,WAAW,EAAwB;IAClE,qBACE,KAACX;QAAIC,WAAU;kBACb,cAAA,KAACN;YACCiB,MAAK;YACLC,OAAM;YACNC,aAAY;YACZC,sBACE,KAACtB;gBAAOuB,OAAO;gBAACC,MAAK;gBAAKC,SAAQ;0BAChC,cAAA,KAACpB;oBAAKqB,IAAG;oBAAyCC,QAAQ;wBAACC,KAAKV;oBAAW;8BAAG;;;;;AAQ1F;AAEA,OAAO,SAASW,oBAAoB,EAACC,OAAO,EAAwB;IAClE,qBACE,KAACvB;QAAIC,WAAU;kBACb,cAAA,KAACN;YACCiB,MAAK;YACLC,OAAM;YACNC,aAAY;YACZC,sBACE,KAACtB;gBAAO+B,MAAK;gBAASP,MAAK;gBAAKC,SAAQ;gBAAYO,SAASF;0BAAS;;;;AAOhF;AAEA;;;CAGC,GACD,OAAO,SAASG,qBAAqB,EAACC,KAAK,EAA+B;IACxE,qBACE,KAAC3B;QAAIC,WAAU;kBACb,cAAA,KAACP;YAAQQ,MAAK;YAAQsB,MAAK;sBACzB,cAAA,MAACxB;gBAAIC,WAAU;;kCACb,KAACJ;wBAAKoB,MAAK;kCAAK;;kCAChB,KAACxB;wBACC+B,MAAK;wBACLP,MAAK;wBACLC,SAAQ;wBACRU,WAAWD,MAAME,UAAU;wBAC3BJ,SAAS;4BACP,KAAKE,MAAMG,OAAO;wBACpB;kCACD;;;;;;AAOX"}

package/dist/components/events-list.d.ts

@@ -0,0 +1,3 @@
+import type { EventsListProps } from './types.js';
+export declare function EventsList({ events, query, facets, filters, onFiltersChange, workspaceId, hasNextPage, isFetchingNextPage, onLoadMore, selectedEventId, onSelectEvent, }: EventsListProps): import("react").JSX.Element;
+//# sourceMappingURL=events-list.d.ts.map

package/dist/components/events-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-list.d.ts","sourceRoot":"","sources":["../../src/components/events-list.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAYhD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,eAAe,EACf,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,eAAe,EACf,aAAa,GACd,EAAE,eAAe,+BAsEjB"}