@shipfox/client-integrations 5.0.0 → 6.0.2

package/dist/components/integration-gallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/integration-gallery.tsx"],"sourcesContent":["import type {IntegrationCapabilityDto} from '@shipfox/api-integration-core-dto';\nimport {useActiveWorkspace} from '@shipfox/client-auth';\nimport {IntegrationGalleryForWorkspace} from './integration-gallery-for-workspace.js';\n\nexport interface IntegrationGalleryProps {\n  capability?: IntegrationCapabilityDto;\n  emptyProvidersMessage?: string;\n  workspaceId?: string;\n}\n\nexport function IntegrationGallery({\n  capability,\n  emptyProvidersMessage = 'Enable at least one provider in the application settings.',\n  workspaceId,\n}: IntegrationGalleryProps) {\n  if (workspaceId) {\n    return (\n      <IntegrationGalleryForWorkspace\n        workspaceId={workspaceId}\n        capability={capability}\n        emptyProvidersMessage={emptyProvidersMessage}\n      />\n    );\n  }\n\n  return (\n    <RoutedIntegrationGallery\n      capability={capability}\n      emptyProvidersMessage={emptyProvidersMessage}\n    />\n  );\n}\n\nfunction RoutedIntegrationGallery({\n  capability,\n  emptyProvidersMessage,\n}: {\n  capability: IntegrationCapabilityDto | undefined;\n  emptyProvidersMessage: string;\n}) {\n  const workspace = useActiveWorkspace();\n  return (\n    <IntegrationGalleryForWorkspace\n      workspaceId={workspace.id}\n      capability={capability}\n      emptyProvidersMessage={emptyProvidersMessage}\n    />\n  );\n}\n"],"names":["useActiveWorkspace","IntegrationGalleryForWorkspace","IntegrationGallery","capability","emptyProvidersMessage","workspaceId","RoutedIntegrationGallery","workspace","id"],"mappings":";AACA,SAAQA,kBAAkB,QAAO,uBAAuB;AACxD,SAAQC,8BAA8B,QAAO,yCAAyC;AAQtF,OAAO,SAASC,mBAAmB,EACjCC,UAAU,EACVC,wBAAwB,2DAA2D,EACnFC,WAAW,EACa;IACxB,IAAIA,aAAa;QACf,qBACE,KAACJ;YACCI,aAAaA;YACbF,YAAYA;YACZC,uBAAuBA;;IAG7B;IAEA,qBACE,KAACE;QACCH,YAAYA;QACZC,uBAAuBA;;AAG7B;AAEA,SAASE,yBAAyB,EAChCH,UAAU,EACVC,qBAAqB,EAItB;IACC,MAAMG,YAAYP;IAClB,qBACE,KAACC;QACCI,aAAaE,UAAUC,EAAE;QACzBL,YAAYA;QACZC,uBAAuBA;;AAG7B"}
+{"version":3,"sources":["../../src/components/integration-gallery.tsx"],"sourcesContent":["import {useActiveWorkspace} from '@shipfox/client-auth';\nimport type {IntegrationCapability} from '#core/models.js';\nimport {IntegrationGalleryForWorkspace} from './integration-gallery-for-workspace.js';\n\nexport interface IntegrationGalleryProps {\n  capability?: IntegrationCapability;\n  emptyProvidersMessage?: string;\n  workspaceId?: string;\n}\n\nexport function IntegrationGallery({\n  capability,\n  emptyProvidersMessage = 'Enable at least one provider in the application settings.',\n  workspaceId,\n}: IntegrationGalleryProps) {\n  if (workspaceId) {\n    return (\n      <IntegrationGalleryForWorkspace\n        workspaceId={workspaceId}\n        capability={capability}\n        emptyProvidersMessage={emptyProvidersMessage}\n      />\n    );\n  }\n\n  return (\n    <RoutedIntegrationGallery\n      capability={capability}\n      emptyProvidersMessage={emptyProvidersMessage}\n    />\n  );\n}\n\nfunction RoutedIntegrationGallery({\n  capability,\n  emptyProvidersMessage,\n}: {\n  capability: IntegrationCapability | undefined;\n  emptyProvidersMessage: string;\n}) {\n  const workspace = useActiveWorkspace();\n  return (\n    <IntegrationGalleryForWorkspace\n      workspaceId={workspace.id}\n      capability={capability}\n      emptyProvidersMessage={emptyProvidersMessage}\n    />\n  );\n}\n"],"names":["useActiveWorkspace","IntegrationGalleryForWorkspace","IntegrationGallery","capability","emptyProvidersMessage","workspaceId","RoutedIntegrationGallery","workspace","id"],"mappings":";AAAA,SAAQA,kBAAkB,QAAO,uBAAuB;AAExD,SAAQC,8BAA8B,QAAO,yCAAyC;AAQtF,OAAO,SAASC,mBAAmB,EACjCC,UAAU,EACVC,wBAAwB,2DAA2D,EACnFC,WAAW,EACa;IACxB,IAAIA,aAAa;QACf,qBACE,KAACJ;YACCI,aAAaA;YACbF,YAAYA;YACZC,uBAAuBA;;IAG7B;IAEA,qBACE,KAACE;QACCH,YAAYA;QACZC,uBAAuBA;;AAG7B;AAEA,SAASE,yBAAyB,EAChCH,UAAU,EACVC,qBAAqB,EAItB;IACC,MAAMG,YAAYP;IAClB,qBACE,KAACC;QACCI,aAAaE,UAAUC,EAAE;QACzBL,YAAYA;QACZC,uBAAuBA;;AAG7B"}

package/dist/components/integration-usage-events.d.ts

@@ -1,4 +1,2 @@
-import type { IntegrationConnectionDto } from '@shipfox/api-integration-core-dto';
-import type { IntegrationUsageEvent } from './integration-usage-modal.js';
-export declare function usageEventsForConnection(connection: IntegrationConnectionDto): IntegrationUsageEvent[];
+export { usageEventsForConnection } from '#core/models.js';
 //# sourceMappingURL=integration-usage-events.d.ts.map

package/dist/components/integration-usage-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-usage-events.d.ts","sourceRoot":"","sources":["../../src/components/integration-usage-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAoB,MAAM,mCAAmC,CAAC;AAInG,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAgFxE,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,wBAAwB,GACnC,qBAAqB,EAAE,CAyBzB"}
+{"version":3,"file":"integration-usage-events.d.ts","sourceRoot":"","sources":["../../src/components/integration-usage-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/components/integration-usage-events.js

@@ -1,127 +1,3 @@
-import { SENTRY_ISSUE_ACTIONS } from '@shipfox/api-integration-core-dto';
-import { linearWebhookEventNames } from '@shipfox/api-integration-linear-dto';
-import { WEBHOOK_RECEIVED_EVENT } from '@shipfox/api-integration-webhook-dto';
-const GITHUB_EVENTS = [
-    'push',
-    'branch_protection_configuration',
-    'branch_protection_rule',
-    'check_run',
-    'check_suite',
-    'code_scanning_alert',
-    'commit_comment',
-    'create',
-    'custom_property',
-    'custom_property_values',
-    'delete',
-    'dependabot_alert',
-    'deploy_key',
-    'deployment',
-    'deployment_protection_rule',
-    'deployment_review',
-    'deployment_status',
-    'discussion',
-    'discussion_comment',
-    'fork',
-    'github_app_authorization',
-    'gollum',
-    'installation',
-    'installation_repositories',
-    'installation_target',
-    'issue_comment',
-    'issue_dependencies',
-    'issues',
-    'label',
-    'marketplace_purchase',
-    'member',
-    'membership',
-    'merge_group',
-    'meta',
-    'milestone',
-    'org_block',
-    'organization',
-    'package',
-    'page_build',
-    'personal_access_token_request',
-    'ping',
-    'project',
-    'project_card',
-    'project_column',
-    'projects_v2',
-    'projects_v2_item',
-    'projects_v2_status_update',
-    'public',
-    'pull_request',
-    'pull_request_review',
-    'pull_request_review_comment',
-    'pull_request_review_thread',
-    'registry_package',
-    'release',
-    'repository',
-    'repository_advisory',
-    'repository_dispatch',
-    'repository_import',
-    'repository_ruleset',
-    'repository_vulnerability_alert',
-    'secret_scanning_alert',
-    'secret_scanning_alert_location',
-    'secret_scanning_scan',
-    'security_advisory',
-    'security_and_analysis',
-    'sponsorship',
-    'star',
-    'status',
-    'sub_issues',
-    'team',
-    'team_add',
-    'watch',
-    'workflow_dispatch',
-    'workflow_job',
-    'workflow_run'
-];
-export function usageEventsForConnection(connection) {
-    if (connection.provider === 'webhook') {
-        return [
-            {
-                value: WEBHOOK_RECEIVED_EVENT,
-                label: WEBHOOK_RECEIVED_EVENT
-            }
-        ];
-    }
-    if (connection.provider === 'github') {
-        return GITHUB_EVENTS.map((event)=>({
-                value: event,
-                label: event
-            }));
-    }
-    if (connection.provider === 'sentry') {
-        return SENTRY_ISSUE_ACTIONS.map((action)=>({
-                value: `issue.${action}`,
-                label: sentryIssueEventLabel(action)
-            }));
-    }
-    if (connection.provider === 'linear') {
-        return linearWebhookEventNames.map((event)=>({
-                value: event,
-                label: event
-            }));
-    }
-    if (connection.capabilities.includes('source_control')) {
-        return [
-            {
-                value: 'push',
-                label: 'push'
-            }
-        ];
-    }
-    return [
-        {
-            value: 'received',
-            label: 'received'
-        }
-    ];
-}
-function sentryIssueEventLabel(action) {
-    return `issue.${action}`;
-}
+export { usageEventsForConnection } from '#core/models.js';
 
 //# sourceMappingURL=integration-usage-events.js.map

package/dist/components/integration-usage-events.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/integration-usage-events.ts"],"sourcesContent":["import type {IntegrationConnectionDto, SentryIssueAction} from '@shipfox/api-integration-core-dto';\nimport {SENTRY_ISSUE_ACTIONS} from '@shipfox/api-integration-core-dto';\nimport {linearWebhookEventNames} from '@shipfox/api-integration-linear-dto';\nimport {WEBHOOK_RECEIVED_EVENT} from '@shipfox/api-integration-webhook-dto';\nimport type {IntegrationUsageEvent} from './integration-usage-modal.js';\n\nconst GITHUB_EVENTS = [\n  'push',\n  'branch_protection_configuration',\n  'branch_protection_rule',\n  'check_run',\n  'check_suite',\n  'code_scanning_alert',\n  'commit_comment',\n  'create',\n  'custom_property',\n  'custom_property_values',\n  'delete',\n  'dependabot_alert',\n  'deploy_key',\n  'deployment',\n  'deployment_protection_rule',\n  'deployment_review',\n  'deployment_status',\n  'discussion',\n  'discussion_comment',\n  'fork',\n  'github_app_authorization',\n  'gollum',\n  'installation',\n  'installation_repositories',\n  'installation_target',\n  'issue_comment',\n  'issue_dependencies',\n  'issues',\n  'label',\n  'marketplace_purchase',\n  'member',\n  'membership',\n  'merge_group',\n  'meta',\n  'milestone',\n  'org_block',\n  'organization',\n  'package',\n  'page_build',\n  'personal_access_token_request',\n  'ping',\n  'project',\n  'project_card',\n  'project_column',\n  'projects_v2',\n  'projects_v2_item',\n  'projects_v2_status_update',\n  'public',\n  'pull_request',\n  'pull_request_review',\n  'pull_request_review_comment',\n  'pull_request_review_thread',\n  'registry_package',\n  'release',\n  'repository',\n  'repository_advisory',\n  'repository_dispatch',\n  'repository_import',\n  'repository_ruleset',\n  'repository_vulnerability_alert',\n  'secret_scanning_alert',\n  'secret_scanning_alert_location',\n  'secret_scanning_scan',\n  'security_advisory',\n  'security_and_analysis',\n  'sponsorship',\n  'star',\n  'status',\n  'sub_issues',\n  'team',\n  'team_add',\n  'watch',\n  'workflow_dispatch',\n  'workflow_job',\n  'workflow_run',\n] as const;\n\nexport function usageEventsForConnection(\n  connection: IntegrationConnectionDto,\n): IntegrationUsageEvent[] {\n  if (connection.provider === 'webhook') {\n    return [{value: WEBHOOK_RECEIVED_EVENT, label: WEBHOOK_RECEIVED_EVENT}];\n  }\n\n  if (connection.provider === 'github') {\n    return GITHUB_EVENTS.map((event) => ({value: event, label: event}));\n  }\n\n  if (connection.provider === 'sentry') {\n    return SENTRY_ISSUE_ACTIONS.map((action) => ({\n      value: `issue.${action}`,\n      label: sentryIssueEventLabel(action),\n    }));\n  }\n\n  if (connection.provider === 'linear') {\n    return linearWebhookEventNames.map((event) => ({value: event, label: event}));\n  }\n\n  if (connection.capabilities.includes('source_control')) {\n    return [{value: 'push', label: 'push'}];\n  }\n\n  return [{value: 'received', label: 'received'}];\n}\n\nfunction sentryIssueEventLabel(action: SentryIssueAction): string {\n  return `issue.${action}`;\n}\n"],"names":["SENTRY_ISSUE_ACTIONS","linearWebhookEventNames","WEBHOOK_RECEIVED_EVENT","GITHUB_EVENTS","usageEventsForConnection","connection","provider","value","label","map","event","action","sentryIssueEventLabel","capabilities","includes"],"mappings":"AACA,SAAQA,oBAAoB,QAAO,oCAAoC;AACvE,SAAQC,uBAAuB,QAAO,sCAAsC;AAC5E,SAAQC,sBAAsB,QAAO,uCAAuC;AAG5E,MAAMC,gBAAgB;IACpB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,SAASC,yBACdC,UAAoC;IAEpC,IAAIA,WAAWC,QAAQ,KAAK,WAAW;QACrC,OAAO;YAAC;gBAACC,OAAOL;gBAAwBM,OAAON;YAAsB;SAAE;IACzE;IAEA,IAAIG,WAAWC,QAAQ,KAAK,UAAU;QACpC,OAAOH,cAAcM,GAAG,CAAC,CAACC,QAAW,CAAA;gBAACH,OAAOG;gBAAOF,OAAOE;YAAK,CAAA;IAClE;IAEA,IAAIL,WAAWC,QAAQ,KAAK,UAAU;QACpC,OAAON,qBAAqBS,GAAG,CAAC,CAACE,SAAY,CAAA;gBAC3CJ,OAAO,CAAC,MAAM,EAAEI,QAAQ;gBACxBH,OAAOI,sBAAsBD;YAC/B,CAAA;IACF;IAEA,IAAIN,WAAWC,QAAQ,KAAK,UAAU;QACpC,OAAOL,wBAAwBQ,GAAG,CAAC,CAACC,QAAW,CAAA;gBAACH,OAAOG;gBAAOF,OAAOE;YAAK,CAAA;IAC5E;IAEA,IAAIL,WAAWQ,YAAY,CAACC,QAAQ,CAAC,mBAAmB;QACtD,OAAO;YAAC;gBAACP,OAAO;gBAAQC,OAAO;YAAM;SAAE;IACzC;IAEA,OAAO;QAAC;YAACD,OAAO;YAAYC,OAAO;QAAU;KAAE;AACjD;AAEA,SAASI,sBAAsBD,MAAyB;IACtD,OAAO,CAAC,MAAM,EAAEA,QAAQ;AAC1B"}
+{"version":3,"sources":["../../src/components/integration-usage-events.ts"],"sourcesContent":["export {usageEventsForConnection} from '#core/models.js';\n"],"names":["usageEventsForConnection"],"mappings":"AAAA,SAAQA,wBAAwB,QAAO,kBAAkB"}

package/dist/components/integration-usage-modal.d.ts

@@ -1,11 +1,11 @@
-import type { IntegrationConnectionDto } from '@shipfox/api-integration-core-dto';
 import type { ReactNode } from 'react';
+import type { IntegrationConnection } from '#core/models.js';
 export interface IntegrationUsageEvent {
     value: string;
     label: string;
 }
 interface IntegrationUsageModalProps {
-    connection: IntegrationConnectionDto | null;
+    connection: IntegrationConnection | null;
     events: IntegrationUsageEvent[];
     open: boolean;
     onOpenChange: (open: boolean) => void;

package/dist/components/integration-usage-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-usage-modal.d.ts","sourceRoot":"","sources":["../../src/components/integration-usage-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AA4BhF,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA0B;IAClC,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,0BAA0B,+BA+G5B"}
+{"version":3,"file":"integration-usage-modal.d.ts","sourceRoot":"","sources":["../../src/components/integration-usage-modal.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA0B;IAClC,UAAU,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACzC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,0BAA0B,+BA+G5B"}

package/dist/components/integration-usage-modal.js

@@ -29,7 +29,7 @@ export function IntegrationUsageModal({ connection, events, open, onOpenChange,
         ], [
         workflowExample
     ]);
-    const title = connection ? `Use ${connection.display_name}` : 'Use integration';
+    const title = connection ? `Use ${connection.displayName}` : 'Use integration';
     return /*#__PURE__*/ _jsx(Modal, {
         open: open && connection !== null,
         onOpenChange: onOpenChange,
@@ -55,7 +55,7 @@ export function IntegrationUsageModal({ connection, events, open, onOpenChange,
                                         children: title
                                     }),
                                     connection ? /*#__PURE__*/ _jsx(ConnectionStatusBadge, {
-                                        status: connection.lifecycle_status,
+                                        status: connection.lifecycleStatus,
                                         className: "shrink-0"
                                     }) : null
                                 ]

package/dist/components/integration-usage-modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/integration-usage-modal.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@shipfox/react-ui/select';\nimport {Text} from '@shipfox/react-ui/typography';\nimport type {ReactNode} from 'react';\nimport {useEffect, useMemo, useState} from 'react';\nimport {ConnectionStatusBadge} from '#connection-status-badge.js';\n\nexport interface IntegrationUsageEvent {\n  value: string;\n  label: string;\n}\n\ninterface IntegrationUsageModalProps {\n  connection: IntegrationConnectionDto | null;\n  events: IntegrationUsageEvent[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nconst WORKFLOW_FILENAME = '.shipfox/workflows/integration.yml';\n\nexport function IntegrationUsageModal({\n  connection,\n  events,\n  open,\n  onOpenChange,\n  children,\n}: IntegrationUsageModalProps) {\n  const [selectedEvent, setSelectedEvent] = useState('');\n  const eventValuesKey = events.map((event) => event.value).join('\\u0000');\n\n  useEffect(() => {\n    const eventValues = eventValuesKey ? eventValuesKey.split('\\u0000') : [];\n    setSelectedEvent((current) =>\n      eventValues.includes(current) ? current : (eventValues[0] ?? ''),\n    );\n  }, [eventValuesKey]);\n\n  const workflowExample = connection\n    ? buildWorkflowExample({source: connection.slug, event: selectedEvent})\n    : '';\n  const data = useMemo(\n    () => [{language: 'yaml', filename: WORKFLOW_FILENAME, code: workflowExample}],\n    [workflowExample],\n  );\n  const title = connection ? `Use ${connection.display_name}` : 'Use integration';\n\n  return (\n    <Modal open={open && connection !== null} onOpenChange={onOpenChange}>\n      <ModalContent aria-describedby={undefined} className=\"max-h-[calc(100vh-32px)] max-w-[640px]\">\n        <ModalTitle className=\"sr-only\">{title}</ModalTitle>\n        <ModalHeader>\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            <div className=\"flex min-w-0 items-center gap-8\">\n              <Text size=\"lg\" aria-hidden=\"true\" className=\"truncate\">\n                {title}\n              </Text>\n              {connection ? (\n                <ConnectionStatusBadge status={connection.lifecycle_status} className=\"shrink-0\" />\n              ) : null}\n            </div>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Reference this connection from a workflow trigger.\n            </Text>\n          </div>\n        </ModalHeader>\n        {connection ? (\n          <>\n            <ModalBody className=\"min-h-0 flex-1 gap-24 overflow-y-auto overflow-x-clip scrollbar\">\n              <section className=\"flex w-full flex-col gap-12\">\n                <Text size=\"md\" bold>\n                  Usage\n                </Text>\n                {events.length > 1 ? (\n                  <div className=\"flex flex-col gap-6\">\n                    <label\n                      htmlFor=\"integration-usage-event\"\n                      className=\"font-display text-sm font-medium text-foreground-neutral-base\"\n                    >\n                      Event\n                    </label>\n                    <Select value={selectedEvent} onValueChange={setSelectedEvent}>\n                      <SelectTrigger id=\"integration-usage-event\">\n                        <SelectValue placeholder=\"Select event\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {events.map((event) => (\n                          <SelectItem key={event.value} value={event.value}>\n                            {event.label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  </div>\n                ) : null}\n                <CodeBlock data={data} className=\"h-auto min-h-0 rounded-8\">\n                  <CodeBlockHeader>\n                    <CodeBlockFiles>\n                      {(item) => (\n                        <CodeBlockFilename value={item.filename}>{item.filename}</CodeBlockFilename>\n                      )}\n                    </CodeBlockFiles>\n                    <CodeBlockCopyButton />\n                  </CodeBlockHeader>\n                  <CodeBlockBody>\n                    {(item) => (\n                      <CodeBlockItem value={item.filename}>\n                        <CodeBlockContent\n                          language=\"yaml\"\n                          syntaxHighlighting\n                          highlightedLineRange={{startLine: 3, endLine: 4}}\n                        >\n                          {item.code}\n                        </CodeBlockContent>\n                      </CodeBlockItem>\n                    )}\n                  </CodeBlockBody>\n                </CodeBlock>\n              </section>\n              {children ? (\n                <section className=\"flex w-full flex-col gap-12\">\n                  <Text size=\"md\" bold>\n                    Details\n                  </Text>\n                  {children}\n                </section>\n              ) : null}\n            </ModalBody>\n            <ModalFooter>\n              <Button type=\"button\" onClick={() => onOpenChange(false)}>\n                Done\n              </Button>\n            </ModalFooter>\n          </>\n        ) : null}\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction buildWorkflowExample({source, event}: {source: string; event: string}) {\n  return [\n    'triggers:',\n    '  integration:',\n    `    source: ${source}`,\n    `    event: ${event}`,\n    'jobs:',\n    '  handle-event:',\n    '    steps:',\n    '      - run: echo \"Received event\"',\n  ].join('\\n');\n}\n"],"names":["Button","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","Text","useEffect","useMemo","useState","ConnectionStatusBadge","WORKFLOW_FILENAME","IntegrationUsageModal","connection","events","open","onOpenChange","children","selectedEvent","setSelectedEvent","eventValuesKey","map","event","value","join","eventValues","split","current","includes","workflowExample","buildWorkflowExample","source","slug","data","language","filename","code","title","display_name","aria-describedby","undefined","className","div","size","aria-hidden","status","lifecycle_status","section","bold","length","label","htmlFor","onValueChange","id","placeholder","item","syntaxHighlighting","highlightedLineRange","startLine","endLine","type","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/integration-usage-modal.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@shipfox/react-ui/select';\nimport {Text} from '@shipfox/react-ui/typography';\nimport type {ReactNode} from 'react';\nimport {useEffect, useMemo, useState} from 'react';\nimport {ConnectionStatusBadge} from '#connection-status-badge.js';\nimport type {IntegrationConnection} from '#core/models.js';\n\nexport interface IntegrationUsageEvent {\n  value: string;\n  label: string;\n}\n\ninterface IntegrationUsageModalProps {\n  connection: IntegrationConnection | null;\n  events: IntegrationUsageEvent[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nconst WORKFLOW_FILENAME = '.shipfox/workflows/integration.yml';\n\nexport function IntegrationUsageModal({\n  connection,\n  events,\n  open,\n  onOpenChange,\n  children,\n}: IntegrationUsageModalProps) {\n  const [selectedEvent, setSelectedEvent] = useState('');\n  const eventValuesKey = events.map((event) => event.value).join('\\u0000');\n\n  useEffect(() => {\n    const eventValues = eventValuesKey ? eventValuesKey.split('\\u0000') : [];\n    setSelectedEvent((current) =>\n      eventValues.includes(current) ? current : (eventValues[0] ?? ''),\n    );\n  }, [eventValuesKey]);\n\n  const workflowExample = connection\n    ? buildWorkflowExample({source: connection.slug, event: selectedEvent})\n    : '';\n  const data = useMemo(\n    () => [{language: 'yaml', filename: WORKFLOW_FILENAME, code: workflowExample}],\n    [workflowExample],\n  );\n  const title = connection ? `Use ${connection.displayName}` : 'Use integration';\n\n  return (\n    <Modal open={open && connection !== null} onOpenChange={onOpenChange}>\n      <ModalContent aria-describedby={undefined} className=\"max-h-[calc(100vh-32px)] max-w-[640px]\">\n        <ModalTitle className=\"sr-only\">{title}</ModalTitle>\n        <ModalHeader>\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            <div className=\"flex min-w-0 items-center gap-8\">\n              <Text size=\"lg\" aria-hidden=\"true\" className=\"truncate\">\n                {title}\n              </Text>\n              {connection ? (\n                <ConnectionStatusBadge status={connection.lifecycleStatus} className=\"shrink-0\" />\n              ) : null}\n            </div>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Reference this connection from a workflow trigger.\n            </Text>\n          </div>\n        </ModalHeader>\n        {connection ? (\n          <>\n            <ModalBody className=\"min-h-0 flex-1 gap-24 overflow-y-auto overflow-x-clip scrollbar\">\n              <section className=\"flex w-full flex-col gap-12\">\n                <Text size=\"md\" bold>\n                  Usage\n                </Text>\n                {events.length > 1 ? (\n                  <div className=\"flex flex-col gap-6\">\n                    <label\n                      htmlFor=\"integration-usage-event\"\n                      className=\"font-display text-sm font-medium text-foreground-neutral-base\"\n                    >\n                      Event\n                    </label>\n                    <Select value={selectedEvent} onValueChange={setSelectedEvent}>\n                      <SelectTrigger id=\"integration-usage-event\">\n                        <SelectValue placeholder=\"Select event\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {events.map((event) => (\n                          <SelectItem key={event.value} value={event.value}>\n                            {event.label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  </div>\n                ) : null}\n                <CodeBlock data={data} className=\"h-auto min-h-0 rounded-8\">\n                  <CodeBlockHeader>\n                    <CodeBlockFiles>\n                      {(item) => (\n                        <CodeBlockFilename value={item.filename}>{item.filename}</CodeBlockFilename>\n                      )}\n                    </CodeBlockFiles>\n                    <CodeBlockCopyButton />\n                  </CodeBlockHeader>\n                  <CodeBlockBody>\n                    {(item) => (\n                      <CodeBlockItem value={item.filename}>\n                        <CodeBlockContent\n                          language=\"yaml\"\n                          syntaxHighlighting\n                          highlightedLineRange={{startLine: 3, endLine: 4}}\n                        >\n                          {item.code}\n                        </CodeBlockContent>\n                      </CodeBlockItem>\n                    )}\n                  </CodeBlockBody>\n                </CodeBlock>\n              </section>\n              {children ? (\n                <section className=\"flex w-full flex-col gap-12\">\n                  <Text size=\"md\" bold>\n                    Details\n                  </Text>\n                  {children}\n                </section>\n              ) : null}\n            </ModalBody>\n            <ModalFooter>\n              <Button type=\"button\" onClick={() => onOpenChange(false)}>\n                Done\n              </Button>\n            </ModalFooter>\n          </>\n        ) : null}\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction buildWorkflowExample({source, event}: {source: string; event: string}) {\n  return [\n    'triggers:',\n    '  integration:',\n    `    source: ${source}`,\n    `    event: ${event}`,\n    'jobs:',\n    '  handle-event:',\n    '    steps:',\n    '      - run: echo \"Received event\"',\n  ].join('\\n');\n}\n"],"names":["Button","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","Text","useEffect","useMemo","useState","ConnectionStatusBadge","WORKFLOW_FILENAME","IntegrationUsageModal","connection","events","open","onOpenChange","children","selectedEvent","setSelectedEvent","eventValuesKey","map","event","value","join","eventValues","split","current","includes","workflowExample","buildWorkflowExample","source","slug","data","language","filename","code","title","displayName","aria-describedby","undefined","className","div","size","aria-hidden","status","lifecycleStatus","section","bold","length","label","htmlFor","onValueChange","id","placeholder","item","syntaxHighlighting","highlightedLineRange","startLine","endLine","type","onClick"],"mappings":"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"}

package/dist/components/provider-grid.d.ts

@@ -1,7 +1,10 @@
-import type { ListIntegrationProvidersResponseDto } from '@shipfox/api-integration-core-dto';
-import type { UseQueryResult } from '@tanstack/react-query';
+import type { IntegrationProvider } from '#core/models.js';
 export interface ProviderGridProps {
-    providersQuery: UseQueryResult<ListIntegrationProvidersResponseDto, Error>;
+    providers: IntegrationProvider[];
+    isPending: boolean;
+    isFetching?: boolean;
+    error?: Error | null | undefined;
+    onRetry?: () => void;
     workspaceId: string;
     emptyMessage: string;
     loadingLabel?: string;
@@ -10,5 +13,5 @@ export interface ProviderGridProps {
 }
 export declare const PROVIDER_GRID_CLASS = "grid grid-cols-2 gap-12 max-[760px]:grid-cols-1";
 export declare const PROVIDER_SURFACE_CLASS = "overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base";
-export declare function ProviderGrid({ providersQuery, workspaceId, emptyMessage, loadingLabel, errorSubject, onOpenProvider, }: ProviderGridProps): import("react").JSX.Element;
+export declare function ProviderGrid({ providers, isPending, isFetching, error, onRetry, workspaceId, emptyMessage, loadingLabel, errorSubject, onOpenProvider, }: ProviderGridProps): import("react").JSX.Element;
 //# sourceMappingURL=provider-grid.d.ts.map

package/dist/components/provider-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider-grid.d.ts","sourceRoot":"","sources":["../../src/components/provider-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,mCAAmC,EACpC,MAAM,mCAAmC,CAAC;AAQ3C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAK1D,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,cAAc,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,mBAAmB,oDAAoD,CAAC;AAErF,eAAO,MAAM,sBAAsB,2FACuD,CAAC;AAE3F,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAkC,EAClC,YAAuC,EACvC,cAAc,GACf,EAAE,iBAAiB,+BAuCnB"}
+{"version":3,"file":"provider-grid.d.ts","sourceRoot":"","sources":["../../src/components/provider-grid.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAGzD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,mBAAmB,oDAAoD,CAAC;AAErF,eAAO,MAAM,sBAAsB,2FACuD,CAAC;AAE3F,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,YAAkC,EAClC,YAAuC,EACvC,cAAc,GACf,EAAE,iBAAiB,+BA+CnB"}

package/dist/components/provider-grid.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { QueryLoadError } from '@shipfox/client-ui';
+import { IntegrationIcon } from '@shipfox/integration-icons';
 import { Card } from '@shipfox/react-ui/card';
 import { EmptyState } from '@shipfox/react-ui/empty-state';
 import { Icon } from '@shipfox/react-ui/icon';
@@ -7,26 +8,30 @@ import { Skeleton } from '@shipfox/react-ui/skeleton';
 import { Text } from '@shipfox/react-ui/typography';
 import { cn } from '@shipfox/react-ui/utils';
 import { Link } from '@tanstack/react-router';
-import { IntegrationIcon } from '#integration-icon.js';
 import { PROVIDER_CATALOG } from '#provider-catalog.js';
 export const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';
 export const PROVIDER_SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
-export function ProviderGrid({ providersQuery, workspaceId, emptyMessage, loadingLabel = 'Loading providers', errorSubject = 'available integrations', onOpenProvider }) {
-    const providers = providersQuery.data?.providers ?? [];
+export function ProviderGrid({ providers, isPending, isFetching = false, error, onRetry, workspaceId, emptyMessage, loadingLabel = 'Loading providers', errorSubject = 'available integrations', onOpenProvider }) {
     const installableProviders = providers.filter((provider)=>PROVIDER_CATALOG[provider.provider]);
-    if (providersQuery.isPending) return /*#__PURE__*/ _jsx(ProviderGridSkeleton, {
+    if (isPending) return /*#__PURE__*/ _jsx(ProviderGridSkeleton, {
         label: loadingLabel
     });
-    if (providersQuery.isError && providersQuery.data === undefined) {
+    if (error) {
         return /*#__PURE__*/ _jsx("div", {
             className: cn(PROVIDER_SURFACE_CLASS, 'px-16'),
             children: /*#__PURE__*/ _jsx(QueryLoadError, {
-                query: providersQuery,
+                query: {
+                    isError: true,
+                    isFetching,
+                    data: undefined,
+                    error,
+                    refetch: onRetry ?? (()=>undefined)
+                },
                 subject: errorSubject
             })
         });
     }
-    if (providersQuery.data !== undefined && installableProviders.length === 0) {
+    if (installableProviders.length === 0) {
         return /*#__PURE__*/ _jsx("div", {
             className: cn(PROVIDER_SURFACE_CLASS, 'px-16'),
             children: /*#__PURE__*/ _jsx(EmptyState, {
@@ -53,7 +58,7 @@ function ProviderCard({ provider, workspaceId, onOpenProvider }) {
     if (catalog.kind === 'modal-connect') {
         return /*#__PURE__*/ _jsx("button", {
             type: "button",
-            "aria-label": `Add ${provider.display_name}`,
+            "aria-label": `Add ${provider.displayName}`,
             onClick: ()=>onOpenProvider?.(provider.provider),
             className: "group flex h-full w-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none",
             children: /*#__PURE__*/ _jsx(ProviderCardContent, {
@@ -67,7 +72,7 @@ function ProviderCard({ provider, workspaceId, onOpenProvider }) {
         params: {
             wid: workspaceId
         },
-        "aria-label": `Install ${provider.display_name}`,
+        "aria-label": `Install ${provider.displayName}`,
         className: "group flex h-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none",
         children: /*#__PURE__*/ _jsx(ProviderCardContent, {
             provider: provider,
@@ -91,7 +96,7 @@ function ProviderCardContent({ provider, action }) {
                         size: "md",
                         bold: true,
                         className: "truncate",
-                        children: provider.display_name
+                        children: provider.displayName
                     })
                 ]
             }),

package/dist/components/provider-grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/provider-grid.tsx"],"sourcesContent":["import type {\n  IntegrationProviderDto,\n  ListIntegrationProvidersResponseDto,\n} from '@shipfox/api-integration-core-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Card} from '@shipfox/react-ui/card';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport type {UseQueryResult} from '@tanstack/react-query';\nimport {Link} from '@tanstack/react-router';\nimport {IntegrationIcon} from '#integration-icon.js';\nimport {PROVIDER_CATALOG} from '#provider-catalog.js';\n\nexport interface ProviderGridProps {\n  providersQuery: UseQueryResult<ListIntegrationProvidersResponseDto, Error>;\n  workspaceId: string;\n  emptyMessage: string;\n  loadingLabel?: string;\n  errorSubject?: string;\n  onOpenProvider?: ((provider: string) => void) | undefined;\n}\n\nexport const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';\n\nexport const PROVIDER_SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function ProviderGrid({\n  providersQuery,\n  workspaceId,\n  emptyMessage,\n  loadingLabel = 'Loading providers',\n  errorSubject = 'available integrations',\n  onOpenProvider,\n}: ProviderGridProps) {\n  const providers = providersQuery.data?.providers ?? [];\n  const installableProviders = providers.filter((provider) => PROVIDER_CATALOG[provider.provider]);\n\n  if (providersQuery.isPending) return <ProviderGridSkeleton label={loadingLabel} />;\n\n  if (providersQuery.isError && providersQuery.data === undefined) {\n    return (\n      <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>\n        <QueryLoadError query={providersQuery} subject={errorSubject} />\n      </div>\n    );\n  }\n\n  if (providersQuery.data !== undefined && installableProviders.length === 0) {\n    return (\n      <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>\n        <EmptyState\n          icon=\"componentLine\"\n          title=\"No integrations available\"\n          description={emptyMessage}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <ul className={PROVIDER_GRID_CLASS}>\n      {installableProviders.map((provider) => (\n        <li key={provider.provider}>\n          <ProviderCard\n            provider={provider}\n            workspaceId={workspaceId}\n            onOpenProvider={onOpenProvider}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ProviderCard({\n  provider,\n  workspaceId,\n  onOpenProvider,\n}: {\n  provider: IntegrationProviderDto;\n  workspaceId: string;\n  onOpenProvider?: ((provider: string) => void) | undefined;\n}) {\n  const catalog = PROVIDER_CATALOG[provider.provider];\n  if (!catalog) return null;\n\n  if (catalog.kind === 'modal-connect') {\n    return (\n      <button\n        type=\"button\"\n        aria-label={`Add ${provider.display_name}`}\n        onClick={() => onOpenProvider?.(provider.provider)}\n        className=\"group flex h-full w-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none\"\n      >\n        <ProviderCardContent provider={provider} action=\"Add\" />\n      </button>\n    );\n  }\n\n  return (\n    <Link\n      to={catalog.setupPath}\n      params={{wid: workspaceId}}\n      aria-label={`Install ${provider.display_name}`}\n      className=\"group flex h-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none\"\n    >\n      <ProviderCardContent provider={provider} action=\"Install\" />\n    </Link>\n  );\n}\n\nfunction ProviderCardContent({\n  provider,\n  action,\n}: {\n  provider: IntegrationProviderDto;\n  action: 'Add' | 'Install';\n}) {\n  return (\n    <>\n      <span className=\"flex min-w-0 items-center gap-12\">\n        <IntegrationIcon\n          source={provider.provider}\n          aria-hidden\n          className=\"size-24 shrink-0 text-foreground-neutral-base\"\n        />\n        <Text as=\"span\" size=\"md\" bold className=\"truncate\">\n          {provider.display_name}\n        </Text>\n      </span>\n      <span className=\"flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive\">\n        <Text as=\"span\" size=\"sm\">\n          {action}\n        </Text>\n        <Icon name=\"chevronRight\" className=\"size-16\" />\n      </span>\n    </>\n  );\n}\n\nfunction ProviderGridSkeleton({label}: {label: string}) {\n  return (\n    <ul role=\"status\" aria-label={label} className={PROVIDER_GRID_CLASS}>\n      {[0, 1, 2, 3].map((tile) => (\n        <li key={tile}>\n          <Card className=\"h-full p-16\">\n            <div className=\"flex items-center justify-between gap-12\">\n              <div className=\"flex min-w-0 items-center gap-12\">\n                <Skeleton className=\"size-24 shrink-0\" />\n                <Skeleton className=\"h-16 w-100\" />\n              </div>\n              <Skeleton className=\"h-16 w-64 shrink-0\" />\n            </div>\n          </Card>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["QueryLoadError","Card","EmptyState","Icon","Skeleton","Text","cn","Link","IntegrationIcon","PROVIDER_CATALOG","PROVIDER_GRID_CLASS","PROVIDER_SURFACE_CLASS","ProviderGrid","providersQuery","workspaceId","emptyMessage","loadingLabel","errorSubject","onOpenProvider","providers","data","installableProviders","filter","provider","isPending","ProviderGridSkeleton","label","isError","undefined","div","className","query","subject","length","icon","title","description","ul","map","li","ProviderCard","catalog","kind","button","type","aria-label","display_name","onClick","ProviderCardContent","action","to","setupPath","params","wid","span","source","aria-hidden","as","size","bold","name","role","tile"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/provider-grid.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport {IntegrationIcon} from '@shipfox/integration-icons';\nimport {Card} from '@shipfox/react-ui/card';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport type {IntegrationProvider} from '#core/models.js';\nimport {PROVIDER_CATALOG} from '#provider-catalog.js';\n\nexport interface ProviderGridProps {\n  providers: IntegrationProvider[];\n  isPending: boolean;\n  isFetching?: boolean;\n  error?: Error | null | undefined;\n  onRetry?: () => void;\n  workspaceId: string;\n  emptyMessage: string;\n  loadingLabel?: string;\n  errorSubject?: string;\n  onOpenProvider?: ((provider: string) => void) | undefined;\n}\n\nexport const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';\n\nexport const PROVIDER_SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function ProviderGrid({\n  providers,\n  isPending,\n  isFetching = false,\n  error,\n  onRetry,\n  workspaceId,\n  emptyMessage,\n  loadingLabel = 'Loading providers',\n  errorSubject = 'available integrations',\n  onOpenProvider,\n}: ProviderGridProps) {\n  const installableProviders = providers.filter((provider) => PROVIDER_CATALOG[provider.provider]);\n\n  if (isPending) return <ProviderGridSkeleton label={loadingLabel} />;\n\n  if (error) {\n    return (\n      <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>\n        <QueryLoadError\n          query={{\n            isError: true,\n            isFetching,\n            data: undefined,\n            error,\n            refetch: onRetry ?? (() => undefined),\n          }}\n          subject={errorSubject}\n        />\n      </div>\n    );\n  }\n\n  if (installableProviders.length === 0) {\n    return (\n      <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>\n        <EmptyState\n          icon=\"componentLine\"\n          title=\"No integrations available\"\n          description={emptyMessage}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <ul className={PROVIDER_GRID_CLASS}>\n      {installableProviders.map((provider) => (\n        <li key={provider.provider}>\n          <ProviderCard\n            provider={provider}\n            workspaceId={workspaceId}\n            onOpenProvider={onOpenProvider}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ProviderCard({\n  provider,\n  workspaceId,\n  onOpenProvider,\n}: {\n  provider: IntegrationProvider;\n  workspaceId: string;\n  onOpenProvider?: ((provider: string) => void) | undefined;\n}) {\n  const catalog = PROVIDER_CATALOG[provider.provider];\n  if (!catalog) return null;\n\n  if (catalog.kind === 'modal-connect') {\n    return (\n      <button\n        type=\"button\"\n        aria-label={`Add ${provider.displayName}`}\n        onClick={() => onOpenProvider?.(provider.provider)}\n        className=\"group flex h-full w-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none\"\n      >\n        <ProviderCardContent provider={provider} action=\"Add\" />\n      </button>\n    );\n  }\n\n  return (\n    <Link\n      to={catalog.setupPath}\n      params={{wid: workspaceId}}\n      aria-label={`Install ${provider.displayName}`}\n      className=\"group flex h-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none\"\n    >\n      <ProviderCardContent provider={provider} action=\"Install\" />\n    </Link>\n  );\n}\n\nfunction ProviderCardContent({\n  provider,\n  action,\n}: {\n  provider: IntegrationProvider;\n  action: 'Add' | 'Install';\n}) {\n  return (\n    <>\n      <span className=\"flex min-w-0 items-center gap-12\">\n        <IntegrationIcon\n          source={provider.provider}\n          aria-hidden\n          className=\"size-24 shrink-0 text-foreground-neutral-base\"\n        />\n        <Text as=\"span\" size=\"md\" bold className=\"truncate\">\n          {provider.displayName}\n        </Text>\n      </span>\n      <span className=\"flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive\">\n        <Text as=\"span\" size=\"sm\">\n          {action}\n        </Text>\n        <Icon name=\"chevronRight\" className=\"size-16\" />\n      </span>\n    </>\n  );\n}\n\nfunction ProviderGridSkeleton({label}: {label: string}) {\n  return (\n    <ul role=\"status\" aria-label={label} className={PROVIDER_GRID_CLASS}>\n      {[0, 1, 2, 3].map((tile) => (\n        <li key={tile}>\n          <Card className=\"h-full p-16\">\n            <div className=\"flex items-center justify-between gap-12\">\n              <div className=\"flex min-w-0 items-center gap-12\">\n                <Skeleton className=\"size-24 shrink-0\" />\n                <Skeleton className=\"h-16 w-100\" />\n              </div>\n              <Skeleton className=\"h-16 w-64 shrink-0\" />\n            </div>\n          </Card>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["QueryLoadError","IntegrationIcon","Card","EmptyState","Icon","Skeleton","Text","cn","Link","PROVIDER_CATALOG","PROVIDER_GRID_CLASS","PROVIDER_SURFACE_CLASS","ProviderGrid","providers","isPending","isFetching","error","onRetry","workspaceId","emptyMessage","loadingLabel","errorSubject","onOpenProvider","installableProviders","filter","provider","ProviderGridSkeleton","label","div","className","query","isError","data","undefined","refetch","subject","length","icon","title","description","ul","map","li","ProviderCard","catalog","kind","button","type","aria-label","displayName","onClick","ProviderCardContent","action","to","setupPath","params","wid","span","source","aria-hidden","as","size","bold","name","role","tile"],"mappings":"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"}

package/dist/components/redirect-install-page.d.ts

@@ -1,9 +1,8 @@
+import type { InstallRedirect } from '#core/models.js';
 interface RedirectInstallPageProps {
     installRequest: (body: {
         workspace_id: string;
-    }) => Promise<{
-        install_url: string;
-    }>;
+    }) => Promise<InstallRedirect>;
     errorFallbackMessage: string;
     loadingLabel?: string;
     /**

package/dist/components/redirect-install-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"redirect-install-page.d.ts","sourceRoot":"","sources":["../../src/components/redirect-install-page.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACjF,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,oBAAoB,EACpB,YAAsC,EACtC,cAAc,EACd,cAAqD,GACtD,EAAE,wBAAwB,+BAwC1B"}
+{"version":3,"file":"redirect-install-page.d.ts","sourceRoot":"","sources":["../../src/components/redirect-install-page.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAErD,UAAU,wBAAwB;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3E,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,oBAAoB,EACpB,YAAsC,EACtC,cAAc,EACd,cAAqD,GACtD,EAAE,wBAAwB,+BAwC1B"}

package/dist/components/redirect-install-page.js

@@ -24,7 +24,7 @@ export function RedirectInstallPage({ installRequest, errorFallbackMessage, load
         installRequest({
             workspace_id: workspace.id
         }).then((response)=>{
-            assignLocation(response.install_url);
+            assignLocation(response.installUrl);
         }).catch((error)=>{
             setErrorMessage(error instanceof ApiError ? error.message : errorFallbackMessage);
         });

package/dist/components/redirect-install-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/redirect-install-page.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {useActiveWorkspace} from '@shipfox/client-auth';\nimport {ButtonLink} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {Link} from '@tanstack/react-router';\nimport {useEffect, useRef, useState} from 'react';\n\ninterface RedirectInstallPageProps {\n  installRequest: (body: {workspace_id: string}) => Promise<{install_url: string}>;\n  errorFallbackMessage: string;\n  loadingLabel?: string;\n  /**\n   * Runs before leaving the app (e.g. to persist the workspace id for a\n   * state-less provider callback). Must not throw — a failed side effect\n   * should never block the redirect.\n   */\n  beforeRedirect?: (workspaceId: string) => void;\n  /** Injectable for tests: jsdom's window.location cannot be stubbed. */\n  assignLocation?: (url: string) => void;\n}\n\nexport function RedirectInstallPage({\n  installRequest,\n  errorFallbackMessage,\n  loadingLabel = 'Starting installation',\n  beforeRedirect,\n  assignLocation = (url) => window.location.assign(url),\n}: RedirectInstallPageProps) {\n  const workspace = useActiveWorkspace();\n  const startedRef = useRef(false);\n  const [errorMessage, setErrorMessage] = useState<string | undefined>();\n\n  useEffect(() => {\n    if (startedRef.current) return;\n    startedRef.current = true;\n    // The side effect is best-effort persistence; a throw here must never\n    // block the install redirect, so swallow it and continue.\n    try {\n      beforeRedirect?.(workspace.id);\n    } catch {\n      // ignore\n    }\n    installRequest({workspace_id: workspace.id})\n      .then((response) => {\n        assignLocation(response.install_url);\n      })\n      .catch((error: unknown) => {\n        setErrorMessage(error instanceof ApiError ? error.message : errorFallbackMessage);\n      });\n  }, [workspace, installRequest, beforeRedirect, errorFallbackMessage, assignLocation]);\n\n  if (errorMessage) {\n    return (\n      <div className=\"mx-auto flex w-full max-w-[480px] flex-col gap-16\">\n        <Callout role=\"alert\" type=\"error\">\n          <Text size=\"sm\">{errorMessage}</Text>\n        </Callout>\n        <ButtonLink asChild variant=\"muted\" className=\"w-fit\">\n          <Link to=\"/workspaces/$wid/integrations\" params={{wid: workspace.id}}>\n            Back to integrations\n          </Link>\n        </ButtonLink>\n      </div>\n    );\n  }\n\n  return <FullPageLoader aria-label={loadingLabel} />;\n}\n"],"names":["ApiError","useActiveWorkspace","ButtonLink","Callout","FullPageLoader","Text","Link","useEffect","useRef","useState","RedirectInstallPage","installRequest","errorFallbackMessage","loadingLabel","beforeRedirect","assignLocation","url","window","location","assign","workspace","startedRef","errorMessage","setErrorMessage","current","id","workspace_id","then","response","install_url","catch","error","message","div","className","role","type","size","asChild","variant","to","params","wid","aria-label"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,kBAAkB,QAAO,uBAAuB;AACxD,SAAQC,UAAU,QAAO,2BAA2B;AACpD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAgBlD,OAAO,SAASC,oBAAoB,EAClCC,cAAc,EACdC,oBAAoB,EACpBC,eAAe,uBAAuB,EACtCC,cAAc,EACdC,iBAAiB,CAACC,MAAQC,OAAOC,QAAQ,CAACC,MAAM,CAACH,IAAI,EAC5B;IACzB,MAAMI,YAAYnB;IAClB,MAAMoB,aAAab,OAAO;IAC1B,MAAM,CAACc,cAAcC,gBAAgB,GAAGd;IAExCF,UAAU;QACR,IAAIc,WAAWG,OAAO,EAAE;QACxBH,WAAWG,OAAO,GAAG;QACrB,sEAAsE;QACtE,0DAA0D;QAC1D,IAAI;YACFV,iBAAiBM,UAAUK,EAAE;QAC/B,EAAE,OAAM;QACN,SAAS;QACX;QACAd,eAAe;YAACe,cAAcN,UAAUK,EAAE;QAAA,GACvCE,IAAI,CAAC,CAACC;YACLb,eAAea,SAASC,WAAW;QACrC,GACCC,KAAK,CAAC,CAACC;YACNR,gBAAgBQ,iBAAiB/B,WAAW+B,MAAMC,OAAO,GAAGpB;QAC9D;IACJ,GAAG;QAACQ;QAAWT;QAAgBG;QAAgBF;QAAsBG;KAAe;IAEpF,IAAIO,cAAc;QAChB,qBACE,MAACW;YAAIC,WAAU;;8BACb,KAAC/B;oBAAQgC,MAAK;oBAAQC,MAAK;8BACzB,cAAA,KAAC/B;wBAAKgC,MAAK;kCAAMf;;;8BAEnB,KAACpB;oBAAWoC,OAAO;oBAACC,SAAQ;oBAAQL,WAAU;8BAC5C,cAAA,KAAC5B;wBAAKkC,IAAG;wBAAgCC,QAAQ;4BAACC,KAAKtB,UAAUK,EAAE;wBAAA;kCAAG;;;;;IAM9E;IAEA,qBAAO,KAACrB;QAAeuC,cAAY9B;;AACrC"}
+{"version":3,"sources":["../../src/components/redirect-install-page.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {useActiveWorkspace} from '@shipfox/client-auth';\nimport {ButtonLink} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {Link} from '@tanstack/react-router';\nimport {useEffect, useRef, useState} from 'react';\nimport type {InstallRedirect} from '#core/models.js';\n\ninterface RedirectInstallPageProps {\n  installRequest: (body: {workspace_id: string}) => Promise<InstallRedirect>;\n  errorFallbackMessage: string;\n  loadingLabel?: string;\n  /**\n   * Runs before leaving the app (e.g. to persist the workspace id for a\n   * state-less provider callback). Must not throw — a failed side effect\n   * should never block the redirect.\n   */\n  beforeRedirect?: (workspaceId: string) => void;\n  /** Injectable for tests: jsdom's window.location cannot be stubbed. */\n  assignLocation?: (url: string) => void;\n}\n\nexport function RedirectInstallPage({\n  installRequest,\n  errorFallbackMessage,\n  loadingLabel = 'Starting installation',\n  beforeRedirect,\n  assignLocation = (url) => window.location.assign(url),\n}: RedirectInstallPageProps) {\n  const workspace = useActiveWorkspace();\n  const startedRef = useRef(false);\n  const [errorMessage, setErrorMessage] = useState<string | undefined>();\n\n  useEffect(() => {\n    if (startedRef.current) return;\n    startedRef.current = true;\n    // The side effect is best-effort persistence; a throw here must never\n    // block the install redirect, so swallow it and continue.\n    try {\n      beforeRedirect?.(workspace.id);\n    } catch {\n      // ignore\n    }\n    installRequest({workspace_id: workspace.id})\n      .then((response) => {\n        assignLocation(response.installUrl);\n      })\n      .catch((error: unknown) => {\n        setErrorMessage(error instanceof ApiError ? error.message : errorFallbackMessage);\n      });\n  }, [workspace, installRequest, beforeRedirect, errorFallbackMessage, assignLocation]);\n\n  if (errorMessage) {\n    return (\n      <div className=\"mx-auto flex w-full max-w-[480px] flex-col gap-16\">\n        <Callout role=\"alert\" type=\"error\">\n          <Text size=\"sm\">{errorMessage}</Text>\n        </Callout>\n        <ButtonLink asChild variant=\"muted\" className=\"w-fit\">\n          <Link to=\"/workspaces/$wid/integrations\" params={{wid: workspace.id}}>\n            Back to integrations\n          </Link>\n        </ButtonLink>\n      </div>\n    );\n  }\n\n  return <FullPageLoader aria-label={loadingLabel} />;\n}\n"],"names":["ApiError","useActiveWorkspace","ButtonLink","Callout","FullPageLoader","Text","Link","useEffect","useRef","useState","RedirectInstallPage","installRequest","errorFallbackMessage","loadingLabel","beforeRedirect","assignLocation","url","window","location","assign","workspace","startedRef","errorMessage","setErrorMessage","current","id","workspace_id","then","response","installUrl","catch","error","message","div","className","role","type","size","asChild","variant","to","params","wid","aria-label"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,kBAAkB,QAAO,uBAAuB;AACxD,SAAQC,UAAU,QAAO,2BAA2B;AACpD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAiBlD,OAAO,SAASC,oBAAoB,EAClCC,cAAc,EACdC,oBAAoB,EACpBC,eAAe,uBAAuB,EACtCC,cAAc,EACdC,iBAAiB,CAACC,MAAQC,OAAOC,QAAQ,CAACC,MAAM,CAACH,IAAI,EAC5B;IACzB,MAAMI,YAAYnB;IAClB,MAAMoB,aAAab,OAAO;IAC1B,MAAM,CAACc,cAAcC,gBAAgB,GAAGd;IAExCF,UAAU;QACR,IAAIc,WAAWG,OAAO,EAAE;QACxBH,WAAWG,OAAO,GAAG;QACrB,sEAAsE;QACtE,0DAA0D;QAC1D,IAAI;YACFV,iBAAiBM,UAAUK,EAAE;QAC/B,EAAE,OAAM;QACN,SAAS;QACX;QACAd,eAAe;YAACe,cAAcN,UAAUK,EAAE;QAAA,GACvCE,IAAI,CAAC,CAACC;YACLb,eAAea,SAASC,UAAU;QACpC,GACCC,KAAK,CAAC,CAACC;YACNR,gBAAgBQ,iBAAiB/B,WAAW+B,MAAMC,OAAO,GAAGpB;QAC9D;IACJ,GAAG;QAACQ;QAAWT;QAAgBG;QAAgBF;QAAsBG;KAAe;IAEpF,IAAIO,cAAc;QAChB,qBACE,MAACW;YAAIC,WAAU;;8BACb,KAAC/B;oBAAQgC,MAAK;oBAAQC,MAAK;8BACzB,cAAA,KAAC/B;wBAAKgC,MAAK;kCAAMf;;;8BAEnB,KAACpB;oBAAWoC,OAAO;oBAACC,SAAQ;oBAAQL,WAAU;8BAC5C,cAAA,KAAC5B;wBAAKkC,IAAG;wBAAgCC,QAAQ;4BAACC,KAAKtB,UAAUK,EAAE;wBAAA;kCAAG;;;;;IAM9E;IAEA,qBAAO,KAACrB;QAAeuC,cAAY9B;;AACrC"}

package/dist/components/repository-picker.d.ts

@@ -1,6 +1,6 @@
-import type { RepositoryDto } from '@shipfox/api-integration-core-dto';
+import type { Repository } from '#core/models.js';
 export declare function RepositoryPicker({ repositories, selectedRepositoryId, onSelect, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, emptyMessage, searchValue, onSearchChange, searchDisabled, }: {
-    repositories: RepositoryDto[];
+    repositories: Repository[];
     selectedRepositoryId: string | undefined;
     onSelect: (repositoryId: string) => void;
     isLoading: boolean;

package/dist/components/repository-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-picker.d.ts","sourceRoot":"","sources":["../../src/components/repository-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AASrE,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAuC,EACvC,WAAW,EACX,cAAc,EACd,cAAc,GACf,EAAE;IACD,YAAY,EAAE,aAAa,EAAE,CAAC;IAC9B,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAoEA"}
+{"version":3,"file":"repository-picker.d.ts","sourceRoot":"","sources":["../../src/components/repository-picker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAEhD,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAuC,EACvC,WAAW,EACX,cAAc,EACd,cAAc,GACf,EAAE;IACD,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAoEA"}

package/dist/components/repository-picker.js

@@ -41,7 +41,7 @@ export function RepositoryPicker({ repositories, selectedRepositoryId, onSelect,
                 onValueChange: onSelect,
                 className: "grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1",
                 children: repositories.map((repository)=>/*#__PURE__*/ _jsx(RadioGroupItem, {
-                        value: repository.external_repository_id,
+                        value: repository.externalRepositoryId,
                         className: "p-12",
                         children: /*#__PURE__*/ _jsxs("span", {
                             className: "flex min-w-0 items-center justify-between gap-10",
@@ -51,17 +51,17 @@ export function RepositoryPicker({ repositories, selectedRepositoryId, onSelect,
                                     size: "sm",
                                     bold: true,
                                     className: "truncate",
-                                    children: repository.full_name
+                                    children: repository.fullName
                                 }),
                                 /*#__PURE__*/ _jsx(Text, {
                                     as: "span",
                                     size: "xs",
                                     className: "shrink-0 text-foreground-neutral-muted",
-                                    children: repository.default_branch
+                                    children: repository.defaultBranch
                                 })
                             ]
                         })
-                    }, repository.external_repository_id))
+                    }, repository.externalRepositoryId))
             }) : null,
             hasNextPage && onLoadMore ? /*#__PURE__*/ _jsx(Button, {
                 type: "button",

package/dist/components/repository-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/repository-picker.tsx"],"sourcesContent":["import type {RepositoryDto} from '@shipfox/api-integration-core-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Input} from '@shipfox/react-ui/input';\nimport {Label} from '@shipfox/react-ui/label';\nimport {RadioGroup, RadioGroupItem} from '@shipfox/react-ui/radio-group';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useId} from 'react';\n\nexport function RepositoryPicker({\n  repositories,\n  selectedRepositoryId,\n  onSelect,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  emptyMessage = 'No repositories found.',\n  searchValue,\n  onSearchChange,\n  searchDisabled,\n}: {\n  repositories: RepositoryDto[];\n  selectedRepositoryId: string | undefined;\n  onSelect: (repositoryId: string) => void;\n  isLoading: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void;\n  emptyMessage?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchDisabled?: boolean;\n}) {\n  const labelId = useId();\n  const showSearch = onSearchChange !== undefined;\n\n  return (\n    <div className=\"flex flex-col gap-10\">\n      <Label id={labelId} className=\"sr-only\">\n        Repository\n      </Label>\n\n      {showSearch ? (\n        <Input\n          type=\"search\"\n          placeholder=\"Search repositories…\"\n          aria-label=\"Search repositories\"\n          value={searchValue ?? ''}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          disabled={searchDisabled}\n        />\n      ) : null}\n\n      {isLoading ? <Skeleton className=\"h-58 w-full\" /> : null}\n\n      {!isLoading && repositories.length === 0 ? (\n        <div className=\"rounded-8 border border-border-neutral-base bg-background-subtle-base p-14\">\n          <Text size=\"sm\">{emptyMessage}</Text>\n        </div>\n      ) : null}\n\n      {repositories.length > 0 ? (\n        <RadioGroup\n          aria-labelledby={labelId}\n          value={selectedRepositoryId ?? ''}\n          onValueChange={onSelect}\n          className=\"grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1\"\n        >\n          {repositories.map((repository) => (\n            <RadioGroupItem\n              key={repository.external_repository_id}\n              value={repository.external_repository_id}\n              className=\"p-12\"\n            >\n              <span className=\"flex min-w-0 items-center justify-between gap-10\">\n                <Text as=\"span\" size=\"sm\" bold className=\"truncate\">\n                  {repository.full_name}\n                </Text>\n                <Text as=\"span\" size=\"xs\" className=\"shrink-0 text-foreground-neutral-muted\">\n                  {repository.default_branch}\n                </Text>\n              </span>\n            </RadioGroupItem>\n          ))}\n        </RadioGroup>\n      ) : null}\n\n      {hasNextPage && onLoadMore ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          isLoading={isFetchingNextPage ?? false}\n          onClick={onLoadMore}\n        >\n          Load more\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["Button","Input","Label","RadioGroup","RadioGroupItem","Skeleton","Text","useId","RepositoryPicker","repositories","selectedRepositoryId","onSelect","isLoading","isFetchingNextPage","hasNextPage","onLoadMore","emptyMessage","searchValue","onSearchChange","searchDisabled","labelId","showSearch","undefined","div","className","id","type","placeholder","aria-label","value","onChange","event","target","disabled","length","size","aria-labelledby","onValueChange","map","repository","external_repository_id","span","as","bold","full_name","default_branch","variant","onClick"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,UAAU,EAAEC,cAAc,QAAO,gCAAgC;AACzE,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,KAAK,QAAO,QAAQ;AAE5B,OAAO,SAASC,iBAAiB,EAC/BC,YAAY,EACZC,oBAAoB,EACpBC,QAAQ,EACRC,SAAS,EACTC,kBAAkB,EAClBC,WAAW,EACXC,UAAU,EACVC,eAAe,wBAAwB,EACvCC,WAAW,EACXC,cAAc,EACdC,cAAc,EAaf;IACC,MAAMC,UAAUb;IAChB,MAAMc,aAAaH,mBAAmBI;IAEtC,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACtB;gBAAMuB,IAAIL;gBAASI,WAAU;0BAAU;;YAIvCH,2BACC,KAACpB;gBACCyB,MAAK;gBACLC,aAAY;gBACZC,cAAW;gBACXC,OAAOZ,eAAe;gBACtBa,UAAU,CAACC,QAAUb,iBAAiBa,MAAMC,MAAM,CAACH,KAAK;gBACxDI,UAAUd;iBAEV;YAEHP,0BAAY,KAACP;gBAASmB,WAAU;iBAAmB;YAEnD,CAACZ,aAAaH,aAAayB,MAAM,KAAK,kBACrC,KAACX;gBAAIC,WAAU;0BACb,cAAA,KAAClB;oBAAK6B,MAAK;8BAAMnB;;iBAEjB;YAEHP,aAAayB,MAAM,GAAG,kBACrB,KAAC/B;gBACCiC,mBAAiBhB;gBACjBS,OAAOnB,wBAAwB;gBAC/B2B,eAAe1B;gBACfa,WAAU;0BAETf,aAAa6B,GAAG,CAAC,CAACC,2BACjB,KAACnC;wBAECyB,OAAOU,WAAWC,sBAAsB;wBACxChB,WAAU;kCAEV,cAAA,MAACiB;4BAAKjB,WAAU;;8CACd,KAAClB;oCAAKoC,IAAG;oCAAOP,MAAK;oCAAKQ,IAAI;oCAACnB,WAAU;8CACtCe,WAAWK,SAAS;;8CAEvB,KAACtC;oCAAKoC,IAAG;oCAAOP,MAAK;oCAAKX,WAAU;8CACjCe,WAAWM,cAAc;;;;uBATzBN,WAAWC,sBAAsB;iBAe1C;YAEH1B,eAAeC,2BACd,KAACf;gBACC0B,MAAK;gBACLoB,SAAQ;gBACRX,MAAK;gBACLvB,WAAWC,sBAAsB;gBACjCkC,SAAShC;0BACV;iBAGC;;;AAGV"}
+{"version":3,"sources":["../../src/components/repository-picker.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {Input} from '@shipfox/react-ui/input';\nimport {Label} from '@shipfox/react-ui/label';\nimport {RadioGroup, RadioGroupItem} from '@shipfox/react-ui/radio-group';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useId} from 'react';\nimport type {Repository} from '#core/models.js';\n\nexport function RepositoryPicker({\n  repositories,\n  selectedRepositoryId,\n  onSelect,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  emptyMessage = 'No repositories found.',\n  searchValue,\n  onSearchChange,\n  searchDisabled,\n}: {\n  repositories: Repository[];\n  selectedRepositoryId: string | undefined;\n  onSelect: (repositoryId: string) => void;\n  isLoading: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void;\n  emptyMessage?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchDisabled?: boolean;\n}) {\n  const labelId = useId();\n  const showSearch = onSearchChange !== undefined;\n\n  return (\n    <div className=\"flex flex-col gap-10\">\n      <Label id={labelId} className=\"sr-only\">\n        Repository\n      </Label>\n\n      {showSearch ? (\n        <Input\n          type=\"search\"\n          placeholder=\"Search repositories…\"\n          aria-label=\"Search repositories\"\n          value={searchValue ?? ''}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          disabled={searchDisabled}\n        />\n      ) : null}\n\n      {isLoading ? <Skeleton className=\"h-58 w-full\" /> : null}\n\n      {!isLoading && repositories.length === 0 ? (\n        <div className=\"rounded-8 border border-border-neutral-base bg-background-subtle-base p-14\">\n          <Text size=\"sm\">{emptyMessage}</Text>\n        </div>\n      ) : null}\n\n      {repositories.length > 0 ? (\n        <RadioGroup\n          aria-labelledby={labelId}\n          value={selectedRepositoryId ?? ''}\n          onValueChange={onSelect}\n          className=\"grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1\"\n        >\n          {repositories.map((repository) => (\n            <RadioGroupItem\n              key={repository.externalRepositoryId}\n              value={repository.externalRepositoryId}\n              className=\"p-12\"\n            >\n              <span className=\"flex min-w-0 items-center justify-between gap-10\">\n                <Text as=\"span\" size=\"sm\" bold className=\"truncate\">\n                  {repository.fullName}\n                </Text>\n                <Text as=\"span\" size=\"xs\" className=\"shrink-0 text-foreground-neutral-muted\">\n                  {repository.defaultBranch}\n                </Text>\n              </span>\n            </RadioGroupItem>\n          ))}\n        </RadioGroup>\n      ) : null}\n\n      {hasNextPage && onLoadMore ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          isLoading={isFetchingNextPage ?? false}\n          onClick={onLoadMore}\n        >\n          Load more\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["Button","Input","Label","RadioGroup","RadioGroupItem","Skeleton","Text","useId","RepositoryPicker","repositories","selectedRepositoryId","onSelect","isLoading","isFetchingNextPage","hasNextPage","onLoadMore","emptyMessage","searchValue","onSearchChange","searchDisabled","labelId","showSearch","undefined","div","className","id","type","placeholder","aria-label","value","onChange","event","target","disabled","length","size","aria-labelledby","onValueChange","map","repository","externalRepositoryId","span","as","bold","fullName","defaultBranch","variant","onClick"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,UAAU,EAAEC,cAAc,QAAO,gCAAgC;AACzE,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,KAAK,QAAO,QAAQ;AAG5B,OAAO,SAASC,iBAAiB,EAC/BC,YAAY,EACZC,oBAAoB,EACpBC,QAAQ,EACRC,SAAS,EACTC,kBAAkB,EAClBC,WAAW,EACXC,UAAU,EACVC,eAAe,wBAAwB,EACvCC,WAAW,EACXC,cAAc,EACdC,cAAc,EAaf;IACC,MAAMC,UAAUb;IAChB,MAAMc,aAAaH,mBAAmBI;IAEtC,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACtB;gBAAMuB,IAAIL;gBAASI,WAAU;0BAAU;;YAIvCH,2BACC,KAACpB;gBACCyB,MAAK;gBACLC,aAAY;gBACZC,cAAW;gBACXC,OAAOZ,eAAe;gBACtBa,UAAU,CAACC,QAAUb,iBAAiBa,MAAMC,MAAM,CAACH,KAAK;gBACxDI,UAAUd;iBAEV;YAEHP,0BAAY,KAACP;gBAASmB,WAAU;iBAAmB;YAEnD,CAACZ,aAAaH,aAAayB,MAAM,KAAK,kBACrC,KAACX;gBAAIC,WAAU;0BACb,cAAA,KAAClB;oBAAK6B,MAAK;8BAAMnB;;iBAEjB;YAEHP,aAAayB,MAAM,GAAG,kBACrB,KAAC/B;gBACCiC,mBAAiBhB;gBACjBS,OAAOnB,wBAAwB;gBAC/B2B,eAAe1B;gBACfa,WAAU;0BAETf,aAAa6B,GAAG,CAAC,CAACC,2BACjB,KAACnC;wBAECyB,OAAOU,WAAWC,oBAAoB;wBACtChB,WAAU;kCAEV,cAAA,MAACiB;4BAAKjB,WAAU;;8CACd,KAAClB;oCAAKoC,IAAG;oCAAOP,MAAK;oCAAKQ,IAAI;oCAACnB,WAAU;8CACtCe,WAAWK,QAAQ;;8CAEtB,KAACtC;oCAAKoC,IAAG;oCAAOP,MAAK;oCAAKX,WAAU;8CACjCe,WAAWM,aAAa;;;;uBATxBN,WAAWC,oBAAoB;iBAexC;YAEH1B,eAAeC,2BACd,KAACf;gBACC0B,MAAK;gBACLoB,SAAQ;gBACRX,MAAK;gBACLvB,WAAWC,sBAAsB;gBACjCkC,SAAShC;0BACV;iBAGC;;;AAGV"}

package/dist/components/webhook/webhook-create-modal.d.ts

@@ -1,9 +1,9 @@
-import type { IntegrationConnectionDto } from '@shipfox/api-integration-core-dto';
+import type { IntegrationConnection } from '#core/models.js';
 interface WebhookCreateModalProps {
     workspaceId: string;
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    onCreated: (connection: IntegrationConnectionDto) => void;
+    onCreated: (connection: IntegrationConnection) => void;
 }
 export declare function WebhookCreateModal({ workspaceId, open, onOpenChange, onCreated, }: WebhookCreateModalProps): import("react").JSX.Element;
 export {};

package/dist/components/webhook/webhook-create-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webhook-create-modal.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-create-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AA0BhF,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,UAAU,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,+BAmKzB"}
+{"version":3,"file":"webhook-create-modal.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-create-modal.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAC,qBAAqB,EAAoB,MAAM,iBAAiB,CAAC;AAI9E,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,UAAU,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,+BAmKzB"}