@shipfox/client-triggers 12.0.2 → 14.0.0

package/dist/components/trigger-event-detail.stories.d.ts

@@ -19,6 +19,7 @@ declare const meta: {
     decorators: Decorator[];
     args: {
         workspaceId: string;
+        workspaceSlug: string;
         event: import("../index.js").TriggerEventDetail;
         onBack: () => undefined;
     };

package/dist/components/trigger-event-detail.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger-event-detail.stories.d.ts","sourceRoot":"","sources":["../../src/components/trigger-event-detail.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAQ,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAWhE,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AAuHjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAkBqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAOnC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
+{"version":3,"file":"trigger-event-detail.stories.d.ts","sourceRoot":"","sources":["../../src/components/trigger-event-detail.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,SAAS,EAAQ,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAYhE,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AAsIjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAmBqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAOnC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/trigger-event-detail.stories.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { argosScreenshot } from '@argos-ci/storybook/vitest';
+import { projectsQueryKeys } from '@shipfox/client-projects';
 import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createMemoryHistory, createRootRoute, createRoute, createRouter, Outlet, RouterProvider } from '@tanstack/react-router';
 import { screen } from 'storybook/test';
 import { toTriggerEventDetail } from '#hooks/api/trigger-event-mapper.js';
@@ -11,14 +13,45 @@ const RUN_ID = '33333333-3333-4333-8333-333333333333';
 function minutesAgo(minutes) {
     return new Date(Date.now() - minutes * 60_000).toISOString();
 }
+function createStoryQueryClient() {
+    const queryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                staleTime: Number.POSITIVE_INFINITY,
+                retry: false
+            }
+        }
+    });
+    queryClient.setQueryData(projectsQueryKeys.list(WORKSPACE_ID), {
+        pages: [
+            {
+                projects: [
+                    {
+                        id: PROJECT_ID,
+                        slug: 'checkout-api'
+                    }
+                ],
+                nextCursor: null
+            }
+        ],
+        pageParams: [
+            undefined
+        ]
+    });
+    return queryClient;
+}
 const withRouter = (Story)=>{
+    const queryClient = createStoryQueryClient();
     function StoryRoute() {
-        return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
-            children: /*#__PURE__*/ _jsx("div", {
-                className: "min-h-screen bg-background-subtle-base p-24 [--app-content-h:calc(100dvh_-_96px)]",
+        return /*#__PURE__*/ _jsx(QueryClientProvider, {
+            client: queryClient,
+            children: /*#__PURE__*/ _jsx(RelativeTimeProvider, {
                 children: /*#__PURE__*/ _jsx("div", {
-                    className: "@container ml-auto w-[860px]",
-                    children: /*#__PURE__*/ _jsx(Story, {})
+                    className: "min-h-screen bg-background-subtle-base p-24 [--app-content-h:calc(100dvh_-_96px)]",
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "@container ml-auto w-[860px]",
+                        children: /*#__PURE__*/ _jsx(Story, {})
+                    })
                 })
             })
         });
@@ -33,7 +66,7 @@ const withRouter = (Story)=>{
     });
     const runRoute = createRoute({
         getParentRoute: ()=>rootRoute,
-        path: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',
+        path: '/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId',
         component: StoryRoute
     });
     const router = createRouter({
@@ -156,6 +189,7 @@ const meta = {
     ],
     args: {
         workspaceId: WORKSPACE_ID,
+        workspaceSlug: 'acme',
         event: routedEvent,
         onBack: ()=>undefined
     }

package/dist/components/trigger-event-detail.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/trigger-event-detail.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {TriggerEventDetailResponseDto} from '@shipfox/api-triggers-dto';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {\n  createMemoryHistory,\n  createRootRoute,\n  createRoute,\n  createRouter,\n  Outlet,\n  RouterProvider,\n} from '@tanstack/react-router';\nimport {screen} from 'storybook/test';\nimport {toTriggerEventDetail} from '#hooks/api/trigger-event-mapper.js';\nimport {TriggerEventDetailView} from './trigger-event-detail.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst PROJECT_ID = '22222222-2222-4222-8222-222222222222';\nconst RUN_ID = '33333333-3333-4333-8333-333333333333';\n\nfunction minutesAgo(minutes: number): string {\n  return new Date(Date.now() - minutes * 60_000).toISOString();\n}\n\nconst withRouter: Decorator = (Story) => {\n  function StoryRoute() {\n    return (\n      <RelativeTimeProvider>\n        <div className=\"min-h-screen bg-background-subtle-base p-24 [--app-content-h:calc(100dvh_-_96px)]\">\n          <div className=\"@container ml-auto w-[860px]\">\n            <Story />\n          </div>\n        </div>\n      </RelativeTimeProvider>\n    );\n  }\n\n  const rootRoute = createRootRoute({component: Outlet});\n  const storyRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/',\n    component: StoryRoute,\n  });\n  const runRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',\n    component: StoryRoute,\n  });\n  const router = createRouter({\n    history: createMemoryHistory({initialEntries: ['/']}),\n    routeTree: rootRoute.addChildren([storyRoute, runRoute]),\n  });\n\n  return <RouterProvider router={router} />;\n};\n\nconst routedEventDto: TriggerEventDetailResponseDto = {\n  id: '44444444-4444-4444-8444-444444444444',\n  event_ref: 'github:delivery-179:push',\n  origin: 'integration',\n  workspace_id: WORKSPACE_ID,\n  provider: 'github',\n  source: 'github_acme',\n  event: 'push',\n  delivery_id: 'delivery-179',\n  connection_id: '55555555-5555-4555-8555-555555555555',\n  connection_name: 'ShipfoxHQ Production',\n  outcome: 'routed',\n  matched_count: 2,\n  payload: {\n    ref: 'refs/heads/main',\n    repository: {full_name: 'ShipfoxHQ/platform'},\n    head_commit: {id: '9f1a0f2c7a1b', message: 'Deploy event detail'},\n  },\n  received_at: minutesAgo(15),\n  processed_at: '2026-06-25T19:30:02.000Z',\n  created_at: '2026-06-25T19:30:00.000Z',\n  decisions: [\n    {\n      id: '66666666-6666-4666-8666-666666666666',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: '77777777-7777-4777-8777-777777777777',\n      subscription_name: 'Deploy production',\n      workflow_definition_id: '88888888-8888-4888-8888-888888888888',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: RUN_ID,\n      run_name: 'deploy-web #184',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n    {\n      id: '99999999-9999-4999-8999-999999999999',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa',\n      subscription_name: 'Mirror staging',\n      workflow_definition_id: 'bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: 'cccccccc-cccc-4ccc-8ccc-cccccccccccc',\n      run_name: 'mirror-staging #51',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n  ],\n};\n\nconst discardedEventDto: TriggerEventDetailResponseDto = {\n  ...routedEventDto,\n  id: 'dddddddd-dddd-4ddd-8ddd-dddddddddddd',\n  event_ref: 'github:delivery-180:issue_comment',\n  event: 'issue_comment',\n  delivery_id: 'delivery-180',\n  outcome: 'discarded',\n  matched_count: 0,\n  payload: {action: 'created', comment: {body: '/preview'}},\n  processed_at: '2026-06-25T19:33:01.000Z',\n  decisions: [],\n};\n\nconst routedEvent = toTriggerEventDetail(routedEventDto);\nconst discardedEvent = toTriggerEventDetail(discardedEventDto);\n\nconst meta = {\n  title: 'Triggers/EventDetail',\n  component: TriggerEventDetailView,\n  parameters: {\n    layout: 'fullscreen',\n    argos: {\n      modes: {\n        light: {theme: 'light'},\n        dark: {theme: 'dark'},\n      },\n    },\n  },\n  decorators: [withRouter],\n  args: {\n    workspaceId: WORKSPACE_ID,\n    event: routedEvent,\n    onBack: () => undefined,\n  },\n} satisfies Meta<typeof TriggerEventDetailView>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nasync function captureDetail(ctx: Parameters<NonNullable<Story['play']>>[0], name: string) {\n  await screen.findByRole('complementary', {name: 'Event details'});\n  await argosScreenshot(ctx, name);\n}\n\nexport const Playground: Story = {\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Playground');\n  },\n};\n\nexport const Discarded: Story = {\n  args: {event: discardedEvent},\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Discarded');\n  },\n};\n"],"names":["argosScreenshot","RelativeTimeProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","screen","toTriggerEventDetail","TriggerEventDetailView","WORKSPACE_ID","PROJECT_ID","RUN_ID","minutesAgo","minutes","Date","now","toISOString","withRouter","Story","StoryRoute","div","className","rootRoute","component","storyRoute","getParentRoute","path","runRoute","router","history","initialEntries","routeTree","addChildren","routedEventDto","id","event_ref","origin","workspace_id","provider","source","event","delivery_id","connection_id","connection_name","outcome","matched_count","payload","ref","repository","full_name","head_commit","message","received_at","processed_at","created_at","decisions","received_event_id","subscription_kind","subscription_id","subscription_name","workflow_definition_id","project_id","workflow_run_id","job_id","matcher_kind","matcher_ordinal","decision","run_id","run_name","reason","discardedEventDto","action","comment","body","routedEvent","discardedEvent","meta","title","parameters","layout","argos","modes","light","theme","dark","decorators","args","workspaceId","onBack","undefined","captureDetail","ctx","name","findByRole","Playground","play","Discarded"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/trigger-event-detail.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {TriggerEventDetailResponseDto} from '@shipfox/api-triggers-dto';\nimport {projectsQueryKeys} from '@shipfox/client-projects';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {QueryClient, QueryClientProvider} from '@tanstack/react-query';\nimport {\n  createMemoryHistory,\n  createRootRoute,\n  createRoute,\n  createRouter,\n  Outlet,\n  RouterProvider,\n} from '@tanstack/react-router';\nimport {screen} from 'storybook/test';\nimport {toTriggerEventDetail} from '#hooks/api/trigger-event-mapper.js';\nimport {TriggerEventDetailView} from './trigger-event-detail.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst PROJECT_ID = '22222222-2222-4222-8222-222222222222';\nconst RUN_ID = '33333333-3333-4333-8333-333333333333';\n\nfunction minutesAgo(minutes: number): string {\n  return new Date(Date.now() - minutes * 60_000).toISOString();\n}\n\nfunction createStoryQueryClient() {\n  const queryClient = new QueryClient({\n    defaultOptions: {queries: {staleTime: Number.POSITIVE_INFINITY, retry: false}},\n  });\n  queryClient.setQueryData(projectsQueryKeys.list(WORKSPACE_ID), {\n    pages: [{projects: [{id: PROJECT_ID, slug: 'checkout-api'}], nextCursor: null}],\n    pageParams: [undefined],\n  });\n  return queryClient;\n}\n\nconst withRouter: Decorator = (Story) => {\n  const queryClient = createStoryQueryClient();\n\n  function StoryRoute() {\n    return (\n      <QueryClientProvider client={queryClient}>\n        <RelativeTimeProvider>\n          <div className=\"min-h-screen bg-background-subtle-base p-24 [--app-content-h:calc(100dvh_-_96px)]\">\n            <div className=\"@container ml-auto w-[860px]\">\n              <Story />\n            </div>\n          </div>\n        </RelativeTimeProvider>\n      </QueryClientProvider>\n    );\n  }\n\n  const rootRoute = createRootRoute({component: Outlet});\n  const storyRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/',\n    component: StoryRoute,\n  });\n  const runRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId',\n    component: StoryRoute,\n  });\n  const router = createRouter({\n    history: createMemoryHistory({initialEntries: ['/']}),\n    routeTree: rootRoute.addChildren([storyRoute, runRoute]),\n  });\n\n  return <RouterProvider router={router} />;\n};\n\nconst routedEventDto: TriggerEventDetailResponseDto = {\n  id: '44444444-4444-4444-8444-444444444444',\n  event_ref: 'github:delivery-179:push',\n  origin: 'integration',\n  workspace_id: WORKSPACE_ID,\n  provider: 'github',\n  source: 'github_acme',\n  event: 'push',\n  delivery_id: 'delivery-179',\n  connection_id: '55555555-5555-4555-8555-555555555555',\n  connection_name: 'ShipfoxHQ Production',\n  outcome: 'routed',\n  matched_count: 2,\n  payload: {\n    ref: 'refs/heads/main',\n    repository: {full_name: 'ShipfoxHQ/platform'},\n    head_commit: {id: '9f1a0f2c7a1b', message: 'Deploy event detail'},\n  },\n  received_at: minutesAgo(15),\n  processed_at: '2026-06-25T19:30:02.000Z',\n  created_at: '2026-06-25T19:30:00.000Z',\n  decisions: [\n    {\n      id: '66666666-6666-4666-8666-666666666666',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: '77777777-7777-4777-8777-777777777777',\n      subscription_name: 'Deploy production',\n      workflow_definition_id: '88888888-8888-4888-8888-888888888888',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: RUN_ID,\n      run_name: 'deploy-web #184',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n    {\n      id: '99999999-9999-4999-8999-999999999999',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa',\n      subscription_name: 'Mirror staging',\n      workflow_definition_id: 'bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: 'cccccccc-cccc-4ccc-8ccc-cccccccccccc',\n      run_name: 'mirror-staging #51',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n  ],\n};\n\nconst discardedEventDto: TriggerEventDetailResponseDto = {\n  ...routedEventDto,\n  id: 'dddddddd-dddd-4ddd-8ddd-dddddddddddd',\n  event_ref: 'github:delivery-180:issue_comment',\n  event: 'issue_comment',\n  delivery_id: 'delivery-180',\n  outcome: 'discarded',\n  matched_count: 0,\n  payload: {action: 'created', comment: {body: '/preview'}},\n  processed_at: '2026-06-25T19:33:01.000Z',\n  decisions: [],\n};\n\nconst routedEvent = toTriggerEventDetail(routedEventDto);\nconst discardedEvent = toTriggerEventDetail(discardedEventDto);\n\nconst meta = {\n  title: 'Triggers/EventDetail',\n  component: TriggerEventDetailView,\n  parameters: {\n    layout: 'fullscreen',\n    argos: {\n      modes: {\n        light: {theme: 'light'},\n        dark: {theme: 'dark'},\n      },\n    },\n  },\n  decorators: [withRouter],\n  args: {\n    workspaceId: WORKSPACE_ID,\n    workspaceSlug: 'acme',\n    event: routedEvent,\n    onBack: () => undefined,\n  },\n} satisfies Meta<typeof TriggerEventDetailView>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nasync function captureDetail(ctx: Parameters<NonNullable<Story['play']>>[0], name: string) {\n  await screen.findByRole('complementary', {name: 'Event details'});\n  await argosScreenshot(ctx, name);\n}\n\nexport const Playground: Story = {\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Playground');\n  },\n};\n\nexport const Discarded: Story = {\n  args: {event: discardedEvent},\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Discarded');\n  },\n};\n"],"names":["argosScreenshot","projectsQueryKeys","RelativeTimeProvider","QueryClient","QueryClientProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","screen","toTriggerEventDetail","TriggerEventDetailView","WORKSPACE_ID","PROJECT_ID","RUN_ID","minutesAgo","minutes","Date","now","toISOString","createStoryQueryClient","queryClient","defaultOptions","queries","staleTime","Number","POSITIVE_INFINITY","retry","setQueryData","list","pages","projects","id","slug","nextCursor","pageParams","undefined","withRouter","Story","StoryRoute","client","div","className","rootRoute","component","storyRoute","getParentRoute","path","runRoute","router","history","initialEntries","routeTree","addChildren","routedEventDto","event_ref","origin","workspace_id","provider","source","event","delivery_id","connection_id","connection_name","outcome","matched_count","payload","ref","repository","full_name","head_commit","message","received_at","processed_at","created_at","decisions","received_event_id","subscription_kind","subscription_id","subscription_name","workflow_definition_id","project_id","workflow_run_id","job_id","matcher_kind","matcher_ordinal","decision","run_id","run_name","reason","discardedEventDto","action","comment","body","routedEvent","discardedEvent","meta","title","parameters","layout","argos","modes","light","theme","dark","decorators","args","workspaceId","workspaceSlug","onBack","captureDetail","ctx","name","findByRole","Playground","play","Discarded"],"mappings":"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"}

package/dist/components/types.d.ts

@@ -9,7 +9,7 @@ export interface EventsListProps {
     facets: TriggerEventFacets | undefined;
     filters: TriggerEventFilters;
     onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;
-    workspaceId: string;
+    workspaceSlug?: string | undefined;
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     onLoadMore: () => void;

package/dist/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,GAAG;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC;AAEhF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,MAAM,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACvC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,GAAG;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC;AAEhF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,MAAM,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACvC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C"}

package/dist/components/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/types.ts"],"sourcesContent":["import type {QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport type {\n  TriggerEventFacets,\n  TriggerEventFilters,\n  TriggerEventSummary,\n} from '#core/trigger-event.js';\n\nexport type TriggerEventsListQuery = QueryLoadErrorQuery & {isPending: boolean};\n\nexport interface EventsListProps {\n  events: TriggerEventSummary[];\n  query: TriggerEventsListQuery;\n  facets: TriggerEventFacets | undefined;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n  workspaceId: string;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  onLoadMore: () => void;\n  selectedEventId?: string | undefined;\n  onSelectEvent: (eventId: string) => void;\n}\n"],"names":[],"mappings":"AASA,WAYC"}
+{"version":3,"sources":["../../src/components/types.ts"],"sourcesContent":["import type {QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport type {\n  TriggerEventFacets,\n  TriggerEventFilters,\n  TriggerEventSummary,\n} from '#core/trigger-event.js';\n\nexport type TriggerEventsListQuery = QueryLoadErrorQuery & {isPending: boolean};\n\nexport interface EventsListProps {\n  events: TriggerEventSummary[];\n  query: TriggerEventsListQuery;\n  facets: TriggerEventFacets | undefined;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n  workspaceSlug?: string | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  onLoadMore: () => void;\n  selectedEventId?: string | undefined;\n  onSelectEvent: (eventId: string) => void;\n}\n"],"names":[],"mappings":"AASA,WAYC"}

package/dist/feature.d.ts

@@ -8,7 +8,7 @@ export declare const triggersSettingsSections: readonly [{
 export declare const triggersFeature: {
     readonly id: "shipfox.triggers";
     readonly routes: readonly [{
-        readonly path: "/workspaces/$wid/settings/events";
+        readonly path: "/w/$workspaceSlug/settings/events";
         readonly parent: "workspaceSettings";
         readonly impl: "@shipfox/client-triggers/routes/events-settings";
     }];

package/dist/feature.js

@@ -12,7 +12,7 @@ export const triggersFeature = defineClientFeature({
     id: 'shipfox.triggers',
     routes: [
         {
-            path: '/workspaces/$wid/settings/events',
+            path: '/w/$workspaceSlug/settings/events',
             parent: 'workspaceSettings',
             impl: '@shipfox/client-triggers/routes/events-settings'
         }

package/dist/feature.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/feature.ts"],"sourcesContent":["import {defineClientFeature, type SettingsSectionEntry} from '@shipfox/client-shell';\n\nexport const triggersSettingsSections = [\n  {id: 'settings.events', pathSegment: 'events', label: 'Events', icon: 'pulseLine', order: 800},\n] as const satisfies readonly SettingsSectionEntry[];\n\nexport const triggersFeature = defineClientFeature({\n  id: 'shipfox.triggers',\n  routes: [\n    {\n      path: '/workspaces/$wid/settings/events',\n      parent: 'workspaceSettings',\n      impl: '@shipfox/client-triggers/routes/events-settings',\n    },\n  ],\n  settingsSections: triggersSettingsSections,\n});\n"],"names":["defineClientFeature","triggersSettingsSections","id","pathSegment","label","icon","order","triggersFeature","routes","path","parent","impl","settingsSections"],"mappings":"AAAA,SAAQA,mBAAmB,QAAkC,wBAAwB;AAErF,OAAO,MAAMC,2BAA2B;IACtC;QAACC,IAAI;QAAmBC,aAAa;QAAUC,OAAO;QAAUC,MAAM;QAAaC,OAAO;IAAG;CAC9F,CAAoD;AAErD,OAAO,MAAMC,kBAAkBP,oBAAoB;IACjDE,IAAI;IACJM,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;KACD;IACDC,kBAAkBX;AACpB,GAAG"}
+{"version":3,"sources":["../src/feature.ts"],"sourcesContent":["import {defineClientFeature, type SettingsSectionEntry} from '@shipfox/client-shell';\n\nexport const triggersSettingsSections = [\n  {id: 'settings.events', pathSegment: 'events', label: 'Events', icon: 'pulseLine', order: 800},\n] as const satisfies readonly SettingsSectionEntry[];\n\nexport const triggersFeature = defineClientFeature({\n  id: 'shipfox.triggers',\n  routes: [\n    {\n      path: '/w/$workspaceSlug/settings/events',\n      parent: 'workspaceSettings',\n      impl: '@shipfox/client-triggers/routes/events-settings',\n    },\n  ],\n  settingsSections: triggersSettingsSections,\n});\n"],"names":["defineClientFeature","triggersSettingsSections","id","pathSegment","label","icon","order","triggersFeature","routes","path","parent","impl","settingsSections"],"mappings":"AAAA,SAAQA,mBAAmB,QAAkC,wBAAwB;AAErF,OAAO,MAAMC,2BAA2B;IACtC;QAACC,IAAI;QAAmBC,aAAa;QAAUC,OAAO;QAAUC,MAAM;QAAaC,OAAO;IAAG;CAC9F,CAAoD;AAErD,OAAO,MAAMC,kBAAkBP,oBAAoB;IACjDE,IAAI;IACJM,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;KACD;IACDC,kBAAkBX;AACpB,GAAG"}

package/dist/pages/events-page.d.ts

@@ -1,6 +1,7 @@
 import type { TriggerEventFilters } from '#core/trigger-event.js';
 export interface EventsPageProps {
     workspaceId: string;
+    workspaceSlug?: string | undefined;
     filters: TriggerEventFilters;
     onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;
 }
@@ -8,5 +9,5 @@ export interface EventsPageProps {
  * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props
  * (the settings wrapper binds them to the URL), so a story can drive it with local state.
  */
-export declare function EventsPage({ workspaceId, filters, onFiltersChange }: EventsPageProps): import("react").JSX.Element;
+export declare function EventsPage({ workspaceId, workspaceSlug, filters, onFiltersChange, }: EventsPageProps): import("react").JSX.Element;
 //# sourceMappingURL=events-page.d.ts.map

package/dist/pages/events-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events-page.d.ts","sourceRoot":"","sources":["../../src/pages/events-page.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,mBAAmB,EAAsB,MAAM,wBAAwB,CAAC;AAMrF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAC,WAAW,EAAE,OAAO,EAAE,eAAe,EAAC,EAAE,eAAe,+BA0DlF"}
+{"version":3,"file":"events-page.d.ts","sourceRoot":"","sources":["../../src/pages/events-page.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,mBAAmB,EAAsB,MAAM,wBAAwB,CAAC;AAMrF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,eAAe,+BA2DjB"}

package/dist/pages/events-page.js

@@ -9,7 +9,7 @@ import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hook
 /**
  * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props
  * (the settings wrapper binds them to the URL), so a story can drive it with local state.
- */ export function EventsPage({ workspaceId, filters, onFiltersChange }) {
+ */ export function EventsPage({ workspaceId, workspaceSlug, filters, onFiltersChange }) {
     const query = useTriggerEventsInfiniteQuery(workspaceId, filters);
     const facetsQuery = useTriggerEventFacetsQuery(workspaceId);
     const [selectedEventId, setSelectedEventId] = useState();
@@ -57,7 +57,7 @@ import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hook
                                 facets: facetsQuery.data,
                                 filters: filters,
                                 onFiltersChange: onFiltersChange,
-                                workspaceId: workspaceId,
+                                workspaceSlug: workspaceSlug,
                                 hasNextPage: query.hasNextPage,
                                 isFetchingNextPage: query.isFetchingNextPage,
                                 onLoadMore: ()=>{
@@ -69,6 +69,7 @@ import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hook
                         }),
                         /*#__PURE__*/ _jsx(TriggerEventDetail, {
                             workspaceId: workspaceId,
+                            workspaceSlug: workspaceSlug,
                             eventId: selectedEventId,
                             onBack: ()=>setSelectedEventId(undefined)
                         })

package/dist/pages/events-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {EventsList} from '#components/events-list.js';\nimport {TriggerEventDetail} from '#components/trigger-event-detail.js';\nimport type {TriggerEventFilters, TriggerEventSummary} from '#core/trigger-event.js';\nimport {\n  useTriggerEventFacetsQuery,\n  useTriggerEventsInfiniteQuery,\n} from '#hooks/api/trigger-events.js';\n\nexport interface EventsPageProps {\n  workspaceId: string;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n}\n\n/**\n * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props\n * (the settings wrapper binds them to the URL), so a story can drive it with local state.\n */\nexport function EventsPage({workspaceId, filters, onFiltersChange}: EventsPageProps) {\n  const query = useTriggerEventsInfiniteQuery(workspaceId, filters);\n  const facetsQuery = useTriggerEventFacetsQuery(workspaceId);\n  const [selectedEventId, setSelectedEventId] = useState<string | undefined>();\n\n  const events = useMemo<TriggerEventSummary[]>(\n    () => query.data?.pages.flatMap((page) => page.events) ?? [],\n    [query.data],\n  );\n\n  useEffect(() => {\n    if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;\n    if (!events.some((event) => event.id === selectedEventId)) setSelectedEventId(undefined);\n  }, [events, query.isError, query.isFetching, query.isPending, selectedEventId]);\n\n  return (\n    <RelativeTimeProvider>\n      <section\n        className=\"@container flex min-w-0 flex-col gap-16\"\n        aria-labelledby=\"trigger-events-heading\"\n      >\n        <div className=\"flex flex-col gap-4\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\n        <div className=\"grid min-h-0 items-start gap-16 @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]\">\n          <div className={cn('min-w-0', selectedEventId && '@max-[820px]:hidden')}>\n            <EventsList\n              events={events}\n              query={query}\n              facets={facetsQuery.data}\n              filters={filters}\n              onFiltersChange={onFiltersChange}\n              workspaceId={workspaceId}\n              hasNextPage={query.hasNextPage}\n              isFetchingNextPage={query.isFetchingNextPage}\n              onLoadMore={() => {\n                void query.fetchNextPage();\n              }}\n              selectedEventId={selectedEventId}\n              onSelectEvent={setSelectedEventId}\n            />\n          </div>\n          <TriggerEventDetail\n            workspaceId={workspaceId}\n            eventId={selectedEventId}\n            onBack={() => setSelectedEventId(undefined)}\n          />\n        </div>\n      </section>\n    </RelativeTimeProvider>\n  );\n}\n"],"names":["RelativeTimeProvider","Header","Text","cn","useEffect","useMemo","useState","EventsList","TriggerEventDetail","useTriggerEventFacetsQuery","useTriggerEventsInfiniteQuery","EventsPage","workspaceId","filters","onFiltersChange","query","facetsQuery","selectedEventId","setSelectedEventId","events","data","pages","flatMap","page","isPending","isFetching","isError","some","event","id","undefined","section","className","aria-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACnD,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,kBAAkB,QAAO,sCAAsC;AAEvE,SACEC,0BAA0B,EAC1BC,6BAA6B,QACxB,+BAA+B;AAQtC;;;CAGC,GACD,OAAO,SAASC,WAAW,EAACC,WAAW,EAAEC,OAAO,EAAEC,eAAe,EAAkB;IACjF,MAAMC,QAAQL,8BAA8BE,aAAaC;IACzD,MAAMG,cAAcP,2BAA2BG;IAC/C,MAAM,CAACK,iBAAiBC,mBAAmB,GAAGZ;IAE9C,MAAMa,SAASd,QACb,IAAMU,MAAMK,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,MAAM,KAAK,EAAE,EAC5D;QAACJ,MAAMK,IAAI;KAAC;IAGdhB,UAAU;QACR,IAAI,CAACa,mBAAmBF,MAAMS,SAAS,IAAIT,MAAMU,UAAU,IAAIV,MAAMW,OAAO,EAAE;QAC9E,IAAI,CAACP,OAAOQ,IAAI,CAAC,CAACC,QAAUA,MAAMC,EAAE,KAAKZ,kBAAkBC,mBAAmBY;IAChF,GAAG;QAACX;QAAQJ,MAAMW,OAAO;QAAEX,MAAMU,UAAU;QAAEV,MAAMS,SAAS;QAAEP;KAAgB;IAE9E,qBACE,KAACjB;kBACC,cAAA,MAAC+B;YACCC,WAAU;YACVC,mBAAgB;;8BAEhB,MAACC;oBAAIF,WAAU;;sCACb,KAAC/B;4BAAO4B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAACjC;4BAAKkC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW7B,GAAG,WAAWc,mBAAmB;sCAC/C,cAAA,KAACV;gCACCY,QAAQA;gCACRJ,OAAOA;gCACPsB,QAAQrB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,aAAaA;gCACb0B,aAAavB,MAAMuB,WAAW;gCAC9BC,oBAAoBxB,MAAMwB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAKzB,MAAM0B,aAAa;gCAC1B;gCACAxB,iBAAiBA;gCACjByB,eAAexB;;;sCAGnB,KAACV;4BACCI,aAAaA;4BACb+B,SAAS1B;4BACT2B,QAAQ,IAAM1B,mBAAmBY;;;;;;;AAM7C"}
+{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {EventsList} from '#components/events-list.js';\nimport {TriggerEventDetail} from '#components/trigger-event-detail.js';\nimport type {TriggerEventFilters, TriggerEventSummary} from '#core/trigger-event.js';\nimport {\n  useTriggerEventFacetsQuery,\n  useTriggerEventsInfiniteQuery,\n} from '#hooks/api/trigger-events.js';\n\nexport interface EventsPageProps {\n  workspaceId: string;\n  workspaceSlug?: string | undefined;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n}\n\n/**\n * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props\n * (the settings wrapper binds them to the URL), so a story can drive it with local state.\n */\nexport function EventsPage({\n  workspaceId,\n  workspaceSlug,\n  filters,\n  onFiltersChange,\n}: EventsPageProps) {\n  const query = useTriggerEventsInfiniteQuery(workspaceId, filters);\n  const facetsQuery = useTriggerEventFacetsQuery(workspaceId);\n  const [selectedEventId, setSelectedEventId] = useState<string | undefined>();\n\n  const events = useMemo<TriggerEventSummary[]>(\n    () => query.data?.pages.flatMap((page) => page.events) ?? [],\n    [query.data],\n  );\n\n  useEffect(() => {\n    if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;\n    if (!events.some((event) => event.id === selectedEventId)) setSelectedEventId(undefined);\n  }, [events, query.isError, query.isFetching, query.isPending, selectedEventId]);\n\n  return (\n    <RelativeTimeProvider>\n      <section\n        className=\"@container flex min-w-0 flex-col gap-16\"\n        aria-labelledby=\"trigger-events-heading\"\n      >\n        <div className=\"flex flex-col gap-4\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\n        <div className=\"grid min-h-0 items-start gap-16 @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]\">\n          <div className={cn('min-w-0', selectedEventId && '@max-[820px]:hidden')}>\n            <EventsList\n              events={events}\n              query={query}\n              facets={facetsQuery.data}\n              filters={filters}\n              onFiltersChange={onFiltersChange}\n              workspaceSlug={workspaceSlug}\n              hasNextPage={query.hasNextPage}\n              isFetchingNextPage={query.isFetchingNextPage}\n              onLoadMore={() => {\n                void query.fetchNextPage();\n              }}\n              selectedEventId={selectedEventId}\n              onSelectEvent={setSelectedEventId}\n            />\n          </div>\n          <TriggerEventDetail\n            workspaceId={workspaceId}\n            workspaceSlug={workspaceSlug}\n            eventId={selectedEventId}\n            onBack={() => setSelectedEventId(undefined)}\n          />\n        </div>\n      </section>\n    </RelativeTimeProvider>\n  );\n}\n"],"names":["RelativeTimeProvider","Header","Text","cn","useEffect","useMemo","useState","EventsList","TriggerEventDetail","useTriggerEventFacetsQuery","useTriggerEventsInfiniteQuery","EventsPage","workspaceId","workspaceSlug","filters","onFiltersChange","query","facetsQuery","selectedEventId","setSelectedEventId","events","data","pages","flatMap","page","isPending","isFetching","isError","some","event","id","undefined","section","className","aria-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACnD,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,kBAAkB,QAAO,sCAAsC;AAEvE,SACEC,0BAA0B,EAC1BC,6BAA6B,QACxB,+BAA+B;AAStC;;;CAGC,GACD,OAAO,SAASC,WAAW,EACzBC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,eAAe,EACC;IAChB,MAAMC,QAAQN,8BAA8BE,aAAaE;IACzD,MAAMG,cAAcR,2BAA2BG;IAC/C,MAAM,CAACM,iBAAiBC,mBAAmB,GAAGb;IAE9C,MAAMc,SAASf,QACb,IAAMW,MAAMK,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,MAAM,KAAK,EAAE,EAC5D;QAACJ,MAAMK,IAAI;KAAC;IAGdjB,UAAU;QACR,IAAI,CAACc,mBAAmBF,MAAMS,SAAS,IAAIT,MAAMU,UAAU,IAAIV,MAAMW,OAAO,EAAE;QAC9E,IAAI,CAACP,OAAOQ,IAAI,CAAC,CAACC,QAAUA,MAAMC,EAAE,KAAKZ,kBAAkBC,mBAAmBY;IAChF,GAAG;QAACX;QAAQJ,MAAMW,OAAO;QAAEX,MAAMU,UAAU;QAAEV,MAAMS,SAAS;QAAEP;KAAgB;IAE9E,qBACE,KAAClB;kBACC,cAAA,MAACgC;YACCC,WAAU;YACVC,mBAAgB;;8BAEhB,MAACC;oBAAIF,WAAU;;sCACb,KAAChC;4BAAO6B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAAClC;4BAAKmC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW9B,GAAG,WAAWe,mBAAmB;sCAC/C,cAAA,KAACX;gCACCa,QAAQA;gCACRJ,OAAOA;gCACPsB,QAAQrB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,eAAeA;gCACf0B,aAAavB,MAAMuB,WAAW;gCAC9BC,oBAAoBxB,MAAMwB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAKzB,MAAM0B,aAAa;gCAC1B;gCACAxB,iBAAiBA;gCACjByB,eAAexB;;;sCAGnB,KAACX;4BACCI,aAAaA;4BACbC,eAAeA;4BACf+B,SAAS1B;4BACT2B,QAAQ,IAAM1B,mBAAmBY;;;;;;;AAM7C"}

package/dist/routes/events-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events-settings.d.ts","sourceRoot":"","sources":["../../src/routes/events-settings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,mBAAmB,EAA8B,MAAM,YAAY,CAAC;AAQjF,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,mBAAmB,CAE5E;;;;;AAED,wBAaG"}
+{"version":3,"file":"events-settings.d.ts","sourceRoot":"","sources":["../../src/routes/events-settings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,mBAAmB,EAA8B,MAAM,YAAY,CAAC;AAQjF,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,mBAAmB,CAE5E;;;;;AAED,wBAkBG"}

package/dist/routes/events-settings.js

@@ -3,7 +3,7 @@ import { defineRoute, useActiveWorkspace } from '@shipfox/client-shell/runtime';
 import { getRouteApi } from '@tanstack/react-router';
 import { EventsPage } from '#pages/events-page.js';
 import { validateTriggerEventsSearch } from '#search.js';
-const routeApi = getRouteApi('/workspaces/$wid/settings/events');
+const routeApi = getRouteApi('/w/$workspaceSlug/settings/events');
 // Wrapped (not just re-typed) so the search validator's own type is portable outside this
 // package: TanStack Router's `const` generics capture the exact declared function, and a
 // route module consumed from another package (apps/client's composed router) can't print a
@@ -28,6 +28,7 @@ export default defineRoute({
         };
         return /*#__PURE__*/ _jsx(EventsPage, {
             workspaceId: workspace.id,
+            workspaceSlug: workspace.slug,
             filters: search,
             onFiltersChange: onFiltersChange
         });

package/dist/routes/events-settings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/events-settings.tsx"],"sourcesContent":["import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';\nimport {getRouteApi} from '@tanstack/react-router';\nimport type {TriggerEventFilters} from '#core/trigger-event.js';\nimport {EventsPage} from '#pages/events-page.js';\nimport {type TriggerEventsSearch, validateTriggerEventsSearch} from '#search.js';\n\nconst routeApi = getRouteApi('/workspaces/$wid/settings/events');\n\n// Wrapped (not just re-typed) so the search validator's own type is portable outside this\n// package: TanStack Router's `const` generics capture the exact declared function, and a\n// route module consumed from another package (apps/client's composed router) can't print a\n// type that only resolves through this package's internal `#search.js` path.\nfunction validateSearch(search: Record<string, unknown>): TriggerEventsSearch {\n  return validateTriggerEventsSearch(search);\n}\n\nexport default defineRoute({\n  validateSearch,\n  component: () => {\n    const workspace = useActiveWorkspace();\n    const search = routeApi.useSearch();\n    const navigate = routeApi.useNavigate();\n    const onFiltersChange = (patch: Partial<TriggerEventFilters>) => {\n      void navigate({search: {...search, ...patch}, replace: true});\n    };\n    return (\n      <EventsPage workspaceId={workspace.id} filters={search} onFiltersChange={onFiltersChange} />\n    );\n  },\n});\n"],"names":["defineRoute","useActiveWorkspace","getRouteApi","EventsPage","validateTriggerEventsSearch","routeApi","validateSearch","search","component","workspace","useSearch","navigate","useNavigate","onFiltersChange","patch","replace","workspaceId","id","filters"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,WAAW,QAAO,yBAAyB;AAEnD,SAAQC,UAAU,QAAO,wBAAwB;AACjD,SAAkCC,2BAA2B,QAAO,aAAa;AAEjF,MAAMC,WAAWH,YAAY;AAE7B,0FAA0F;AAC1F,yFAAyF;AACzF,2FAA2F;AAC3F,6EAA6E;AAC7E,SAASI,eAAeC,MAA+B;IACrD,OAAOH,4BAA4BG;AACrC;AAEA,eAAeP,YAAY;IACzBM;IACAE,WAAW;QACT,MAAMC,YAAYR;QAClB,MAAMM,SAASF,SAASK,SAAS;QACjC,MAAMC,WAAWN,SAASO,WAAW;QACrC,MAAMC,kBAAkB,CAACC;YACvB,KAAKH,SAAS;gBAACJ,QAAQ;oBAAC,GAAGA,MAAM;oBAAE,GAAGO,KAAK;gBAAA;gBAAGC,SAAS;YAAI;QAC7D;QACA,qBACE,KAACZ;YAAWa,aAAaP,UAAUQ,EAAE;YAAEC,SAASX;YAAQM,iBAAiBA;;IAE7E;AACF,GAAG"}
+{"version":3,"sources":["../../src/routes/events-settings.tsx"],"sourcesContent":["import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';\nimport {getRouteApi} from '@tanstack/react-router';\nimport type {TriggerEventFilters} from '#core/trigger-event.js';\nimport {EventsPage} from '#pages/events-page.js';\nimport {type TriggerEventsSearch, validateTriggerEventsSearch} from '#search.js';\n\nconst routeApi = getRouteApi('/w/$workspaceSlug/settings/events');\n\n// Wrapped (not just re-typed) so the search validator's own type is portable outside this\n// package: TanStack Router's `const` generics capture the exact declared function, and a\n// route module consumed from another package (apps/client's composed router) can't print a\n// type that only resolves through this package's internal `#search.js` path.\nfunction validateSearch(search: Record<string, unknown>): TriggerEventsSearch {\n  return validateTriggerEventsSearch(search);\n}\n\nexport default defineRoute({\n  validateSearch,\n  component: () => {\n    const workspace = useActiveWorkspace();\n    const search = routeApi.useSearch();\n    const navigate = routeApi.useNavigate();\n    const onFiltersChange = (patch: Partial<TriggerEventFilters>) => {\n      void navigate({search: {...search, ...patch}, replace: true});\n    };\n    return (\n      <EventsPage\n        workspaceId={workspace.id}\n        workspaceSlug={workspace.slug}\n        filters={search}\n        onFiltersChange={onFiltersChange}\n      />\n    );\n  },\n});\n"],"names":["defineRoute","useActiveWorkspace","getRouteApi","EventsPage","validateTriggerEventsSearch","routeApi","validateSearch","search","component","workspace","useSearch","navigate","useNavigate","onFiltersChange","patch","replace","workspaceId","id","workspaceSlug","slug","filters"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,WAAW,QAAO,yBAAyB;AAEnD,SAAQC,UAAU,QAAO,wBAAwB;AACjD,SAAkCC,2BAA2B,QAAO,aAAa;AAEjF,MAAMC,WAAWH,YAAY;AAE7B,0FAA0F;AAC1F,yFAAyF;AACzF,2FAA2F;AAC3F,6EAA6E;AAC7E,SAASI,eAAeC,MAA+B;IACrD,OAAOH,4BAA4BG;AACrC;AAEA,eAAeP,YAAY;IACzBM;IACAE,WAAW;QACT,MAAMC,YAAYR;QAClB,MAAMM,SAASF,SAASK,SAAS;QACjC,MAAMC,WAAWN,SAASO,WAAW;QACrC,MAAMC,kBAAkB,CAACC;YACvB,KAAKH,SAAS;gBAACJ,QAAQ;oBAAC,GAAGA,MAAM;oBAAE,GAAGO,KAAK;gBAAA;gBAAGC,SAAS;YAAI;QAC7D;QACA,qBACE,KAACZ;YACCa,aAAaP,UAAUQ,EAAE;YACzBC,eAAeT,UAAUU,IAAI;YAC7BC,SAASb;YACTM,iBAAiBA;;IAGvB;AACF,GAAG"}