@shipfox/client-integrations 5.0.0 → 6.0.1

package/dist/components/webhook/webhook-create-modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/webhook/webhook-create-modal.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport {\n  createWebhookConnectionBodySchema,\n  WEBHOOK_RESERVED_SLUGS,\n  type WebhookConnectionDto,\n  webhookSlugSchema,\n} from '@shipfox/api-integration-webhook-dto';\nimport {displayNameFieldError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {useEffect, useRef, useState} from 'react';\nimport {useCreateWebhookConnectionMutation} from '#hooks/api/webhook-connections.js';\nimport {webhookCreateErrorToFormError} from './webhook-form-errors.js';\n\ninterface WebhookCreateModalProps {\n  workspaceId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated: (connection: IntegrationConnectionDto) => void;\n}\n\nexport function WebhookCreateModal({\n  workspaceId,\n  open,\n  onOpenChange,\n  onCreated,\n}: WebhookCreateModalProps) {\n  const createWebhook = useCreateWebhookConnectionMutation();\n  const [formError, setFormError] = useState<string | undefined>();\n  const [hasManualSlug, setHasManualSlug] = useState(false);\n  const nameInputRef = useRef<HTMLInputElement | null>(null);\n\n  const form = useForm({\n    defaultValues: {name: '', slug: ''},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const body = createWebhookConnectionBodySchema.parse({\n          workspace_id: workspaceId,\n          name: value.name.trim(),\n          slug: value.slug.trim(),\n        });\n        const connection = await createWebhook.mutateAsync(body);\n        onCreated(toIntegrationConnection(connection));\n        toast.success('Webhook created.');\n        onOpenChange(false);\n      } catch (error) {\n        const mapped = webhookCreateErrorToFormError(error);\n        if (mapped.kind === 'field') {\n          form.setFieldMeta(mapped.field, (prev) => ({\n            ...prev,\n            errorMap: {...prev.errorMap, onServer: mapped.message},\n          }));\n        } else {\n          setFormError(mapped.message);\n        }\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (!open) {\n      setFormError(undefined);\n      setHasManualSlug(false);\n      form.reset();\n      return;\n    }\n    requestAnimationFrame(() => nameInputRef.current?.focus());\n  }, [form, open]);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (createWebhook.isPending && !nextOpen) return;\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <Modal open={open} onOpenChange={handleOpenChange}>\n      <ModalContent aria-describedby={undefined}>\n        <ModalTitle className=\"sr-only\">Add webhook</ModalTitle>\n        <ModalHeader title=\"Add webhook\" showClose={!createWebhook.isPending} />\n        <form\n          noValidate\n          onSubmit={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            void form.handleSubmit();\n          }}\n        >\n          <ModalBody className=\"gap-16\">\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Create a named inbound webhook URL for this workspace.\n            </Text>\n            {formError ? (\n              <Callout role=\"alert\" type=\"error\">\n                {formError}\n              </Callout>\n            ) : null}\n            <form.Field\n              name=\"name\"\n              validators={{\n                onBlur: ({value}) => webhookNameFieldError(value),\n                onSubmit: ({value}) => webhookNameFieldError(value),\n              }}\n            >\n              {(field) => (\n                <FormField\n                  label=\"Name\"\n                  id=\"webhook-name\"\n                  error={fieldError(field)}\n                  className=\"w-full\"\n                >\n                  <FormFieldInput\n                    ref={nameInputRef}\n                    name=\"name\"\n                    value={field.state.value}\n                    onChange={(event) => {\n                      const nextName = event.target.value;\n                      field.handleChange(nextName);\n                      if (!hasManualSlug) {\n                        form.setFieldValue(\n                          'slug',\n                          nextName.trim() ? suggestWebhookSlug(nextName) : '',\n                        );\n                      }\n                    }}\n                    onBlur={field.handleBlur}\n                    placeholder=\"Stripe production\"\n                    disabled={createWebhook.isPending}\n                  />\n                </FormField>\n              )}\n            </form.Field>\n            <form.Field\n              name=\"slug\"\n              validators={{\n                onBlur: ({value}) => webhookSlugFieldError(value),\n                onSubmit: ({value}) => webhookSlugFieldError(value),\n              }}\n            >\n              {(field) => (\n                <FormField\n                  label=\"Slug\"\n                  id=\"webhook-slug\"\n                  error={fieldError(field)}\n                  className=\"w-full\"\n                >\n                  <FormFieldInput\n                    name=\"slug\"\n                    value={field.state.value}\n                    onChange={(event) => {\n                      const nextSlug = event.target.value;\n                      setHasManualSlug(nextSlug.trim().length > 0);\n                      field.handleChange(nextSlug);\n                      if (nextSlug.trim().length === 0 && form.state.values.name.trim()) {\n                        form.setFieldValue('slug', suggestWebhookSlug(form.state.values.name));\n                      }\n                    }}\n                    onBlur={field.handleBlur}\n                    placeholder=\"webhook-stripe-production\"\n                    disabled={createWebhook.isPending}\n                  />\n                  <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                    Reference in workflows with{' '}\n                    <Code as=\"span\">\n                      source: {field.state.value || 'webhook-stripe-production'}\n                    </Code>\n                    .\n                  </Text>\n                </FormField>\n              )}\n            </form.Field>\n          </ModalBody>\n          <ModalFooter>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              disabled={createWebhook.isPending}\n              onClick={() => onOpenChange(false)}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" isLoading={createWebhook.isPending}>\n              Create\n            </Button>\n          </ModalFooter>\n        </form>\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction webhookNameFieldError(value: string): string | undefined {\n  return displayNameFieldError(\n    value.trim(),\n    'Webhook name',\n    createWebhookConnectionBodySchema.shape.name,\n  );\n}\n\nfunction webhookSlugFieldError(value: string): string | undefined {\n  const trimmed = value.trim();\n  if (trimmed.length === 0) return 'Slug is required.';\n  if (WEBHOOK_RESERVED_SLUGS.includes(trimmed as (typeof WEBHOOK_RESERVED_SLUGS)[number])) {\n    return 'That slug is reserved.';\n  }\n  if (webhookSlugSchema.safeParse(trimmed).success) return undefined;\n  return 'Use lowercase letters, numbers, hyphens, or underscores.';\n}\n\nfunction suggestWebhookSlug(name: string): string {\n  const prefix = 'webhook';\n  const suffix = name\n    .toLowerCase()\n    .replaceAll(/[^a-z0-9]+/g, '-')\n    .replaceAll(/^-+|-+$/g, '')\n    .slice(0, 100 - prefix.length - 1)\n    .replaceAll(/-+$/g, '');\n\n  return suffix ? `${prefix}-${suffix}` : prefix;\n}\n\nfunction toIntegrationConnection(connection: WebhookConnectionDto): IntegrationConnectionDto {\n  return {\n    id: connection.id,\n    workspace_id: connection.workspace_id,\n    provider: 'webhook',\n    external_account_id: connection.slug,\n    slug: connection.slug,\n    display_name: connection.name,\n    lifecycle_status: connection.lifecycle_status,\n    capabilities: [],\n    created_at: connection.created_at,\n    updated_at: connection.updated_at,\n  };\n}\n"],"names":["createWebhookConnectionBodySchema","WEBHOOK_RESERVED_SLUGS","webhookSlugSchema","displayNameFieldError","Button","Callout","FormField","FormFieldInput","fieldError","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","toast","Code","Text","useForm","useEffect","useRef","useState","useCreateWebhookConnectionMutation","webhookCreateErrorToFormError","WebhookCreateModal","workspaceId","open","onOpenChange","onCreated","createWebhook","formError","setFormError","hasManualSlug","setHasManualSlug","nameInputRef","form","defaultValues","name","slug","onSubmit","value","undefined","body","parse","workspace_id","trim","connection","mutateAsync","toIntegrationConnection","success","error","mapped","kind","setFieldMeta","field","prev","errorMap","onServer","message","reset","requestAnimationFrame","current","focus","handleOpenChange","nextOpen","isPending","aria-describedby","className","title","showClose","noValidate","event","preventDefault","stopPropagation","handleSubmit","size","role","type","Field","validators","onBlur","webhookNameFieldError","label","id","ref","state","onChange","nextName","target","handleChange","setFieldValue","suggestWebhookSlug","handleBlur","placeholder","disabled","webhookSlugFieldError","nextSlug","length","values","as","variant","onClick","isLoading","shape","trimmed","includes","safeParse","prefix","suffix","toLowerCase","replaceAll","slice","provider","external_account_id","display_name","lifecycle_status","capabilities","created_at","updated_at"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/webhook/webhook-create-modal.tsx"],"sourcesContent":["import {\n  createWebhookConnectionBodySchema,\n  WEBHOOK_RESERVED_SLUGS,\n  webhookSlugSchema,\n} from '@shipfox/api-integration-webhook-dto';\nimport {displayNameFieldError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {useEffect, useRef, useState} from 'react';\nimport type {IntegrationConnection, WebhookConnection} from '#core/models.js';\nimport {useCreateWebhookConnectionMutation} from '#hooks/api/webhook-connections.js';\nimport {webhookCreateErrorToFormError} from './webhook-form-errors.js';\n\ninterface WebhookCreateModalProps {\n  workspaceId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated: (connection: IntegrationConnection) => void;\n}\n\nexport function WebhookCreateModal({\n  workspaceId,\n  open,\n  onOpenChange,\n  onCreated,\n}: WebhookCreateModalProps) {\n  const createWebhook = useCreateWebhookConnectionMutation();\n  const [formError, setFormError] = useState<string | undefined>();\n  const [hasManualSlug, setHasManualSlug] = useState(false);\n  const nameInputRef = useRef<HTMLInputElement | null>(null);\n\n  const form = useForm({\n    defaultValues: {name: '', slug: ''},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const body = createWebhookConnectionBodySchema.parse({\n          workspace_id: workspaceId,\n          name: value.name.trim(),\n          slug: value.slug.trim(),\n        });\n        const connection = await createWebhook.mutateAsync(body);\n        onCreated(webhookConnectionToIntegrationConnection(connection));\n        toast.success('Webhook created.');\n        onOpenChange(false);\n      } catch (error) {\n        const mapped = webhookCreateErrorToFormError(error);\n        if (mapped.kind === 'field') {\n          form.setFieldMeta(mapped.field, (prev) => ({\n            ...prev,\n            errorMap: {...prev.errorMap, onServer: mapped.message},\n          }));\n        } else {\n          setFormError(mapped.message);\n        }\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (!open) {\n      setFormError(undefined);\n      setHasManualSlug(false);\n      form.reset();\n      return;\n    }\n    requestAnimationFrame(() => nameInputRef.current?.focus());\n  }, [form, open]);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (createWebhook.isPending && !nextOpen) return;\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <Modal open={open} onOpenChange={handleOpenChange}>\n      <ModalContent aria-describedby={undefined}>\n        <ModalTitle className=\"sr-only\">Add webhook</ModalTitle>\n        <ModalHeader title=\"Add webhook\" showClose={!createWebhook.isPending} />\n        <form\n          noValidate\n          onSubmit={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            void form.handleSubmit();\n          }}\n        >\n          <ModalBody className=\"gap-16\">\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Create a named inbound webhook URL for this workspace.\n            </Text>\n            {formError ? (\n              <Callout role=\"alert\" type=\"error\">\n                {formError}\n              </Callout>\n            ) : null}\n            <form.Field\n              name=\"name\"\n              validators={{\n                onBlur: ({value}) => webhookNameFieldError(value),\n                onSubmit: ({value}) => webhookNameFieldError(value),\n              }}\n            >\n              {(field) => (\n                <FormField\n                  label=\"Name\"\n                  id=\"webhook-name\"\n                  error={fieldError(field)}\n                  className=\"w-full\"\n                >\n                  <FormFieldInput\n                    ref={nameInputRef}\n                    name=\"name\"\n                    value={field.state.value}\n                    onChange={(event) => {\n                      const nextName = event.target.value;\n                      field.handleChange(nextName);\n                      if (!hasManualSlug) {\n                        form.setFieldValue(\n                          'slug',\n                          nextName.trim() ? suggestWebhookSlug(nextName) : '',\n                        );\n                      }\n                    }}\n                    onBlur={field.handleBlur}\n                    placeholder=\"Stripe production\"\n                    disabled={createWebhook.isPending}\n                  />\n                </FormField>\n              )}\n            </form.Field>\n            <form.Field\n              name=\"slug\"\n              validators={{\n                onBlur: ({value}) => webhookSlugFieldError(value),\n                onSubmit: ({value}) => webhookSlugFieldError(value),\n              }}\n            >\n              {(field) => (\n                <FormField\n                  label=\"Slug\"\n                  id=\"webhook-slug\"\n                  error={fieldError(field)}\n                  className=\"w-full\"\n                >\n                  <FormFieldInput\n                    name=\"slug\"\n                    value={field.state.value}\n                    onChange={(event) => {\n                      const nextSlug = event.target.value;\n                      setHasManualSlug(nextSlug.trim().length > 0);\n                      field.handleChange(nextSlug);\n                      if (nextSlug.trim().length === 0 && form.state.values.name.trim()) {\n                        form.setFieldValue('slug', suggestWebhookSlug(form.state.values.name));\n                      }\n                    }}\n                    onBlur={field.handleBlur}\n                    placeholder=\"webhook-stripe-production\"\n                    disabled={createWebhook.isPending}\n                  />\n                  <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                    Reference in workflows with{' '}\n                    <Code as=\"span\">\n                      source: {field.state.value || 'webhook-stripe-production'}\n                    </Code>\n                    .\n                  </Text>\n                </FormField>\n              )}\n            </form.Field>\n          </ModalBody>\n          <ModalFooter>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              disabled={createWebhook.isPending}\n              onClick={() => onOpenChange(false)}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" isLoading={createWebhook.isPending}>\n              Create\n            </Button>\n          </ModalFooter>\n        </form>\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction webhookNameFieldError(value: string): string | undefined {\n  return displayNameFieldError(\n    value.trim(),\n    'Webhook name',\n    createWebhookConnectionBodySchema.shape.name,\n  );\n}\n\nfunction webhookSlugFieldError(value: string): string | undefined {\n  const trimmed = value.trim();\n  if (trimmed.length === 0) return 'Slug is required.';\n  if (WEBHOOK_RESERVED_SLUGS.includes(trimmed as (typeof WEBHOOK_RESERVED_SLUGS)[number])) {\n    return 'That slug is reserved.';\n  }\n  if (webhookSlugSchema.safeParse(trimmed).success) return undefined;\n  return 'Use lowercase letters, numbers, hyphens, or underscores.';\n}\n\nfunction suggestWebhookSlug(name: string): string {\n  const prefix = 'webhook';\n  const suffix = name\n    .toLowerCase()\n    .replaceAll(/[^a-z0-9]+/g, '-')\n    .replaceAll(/^-+|-+$/g, '')\n    .slice(0, 100 - prefix.length - 1)\n    .replaceAll(/-+$/g, '');\n\n  return suffix ? `${prefix}-${suffix}` : prefix;\n}\n\nfunction webhookConnectionToIntegrationConnection(\n  connection: WebhookConnection,\n): IntegrationConnection {\n  return {\n    id: connection.id,\n    workspaceId: connection.workspaceId,\n    provider: 'webhook',\n    externalAccountId: connection.slug,\n    slug: connection.slug,\n    displayName: connection.name,\n    lifecycleStatus: connection.lifecycleStatus,\n    capabilities: [],\n    createdAt: connection.createdAt,\n    updatedAt: connection.updatedAt,\n  };\n}\n"],"names":["createWebhookConnectionBodySchema","WEBHOOK_RESERVED_SLUGS","webhookSlugSchema","displayNameFieldError","Button","Callout","FormField","FormFieldInput","fieldError","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","toast","Code","Text","useForm","useEffect","useRef","useState","useCreateWebhookConnectionMutation","webhookCreateErrorToFormError","WebhookCreateModal","workspaceId","open","onOpenChange","onCreated","createWebhook","formError","setFormError","hasManualSlug","setHasManualSlug","nameInputRef","form","defaultValues","name","slug","onSubmit","value","undefined","body","parse","workspace_id","trim","connection","mutateAsync","webhookConnectionToIntegrationConnection","success","error","mapped","kind","setFieldMeta","field","prev","errorMap","onServer","message","reset","requestAnimationFrame","current","focus","handleOpenChange","nextOpen","isPending","aria-describedby","className","title","showClose","noValidate","event","preventDefault","stopPropagation","handleSubmit","size","role","type","Field","validators","onBlur","webhookNameFieldError","label","id","ref","state","onChange","nextName","target","handleChange","setFieldValue","suggestWebhookSlug","handleBlur","placeholder","disabled","webhookSlugFieldError","nextSlug","length","values","as","variant","onClick","isLoading","shape","trimmed","includes","safeParse","prefix","suffix","toLowerCase","replaceAll","slice","provider","externalAccountId","displayName","lifecycleStatus","capabilities","createdAt","updatedAt"],"mappings":";AAAA,SACEA,iCAAiC,EACjCC,sBAAsB,EACtBC,iBAAiB,QACZ,uCAAuC;AAC9C,SAAQC,qBAAqB,QAAO,qBAAqB;AACzD,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,SAAS,EAAEC,cAAc,EAAEC,UAAU,QAAO,+BAA+B;AACnF,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,UAAU,QACL,0BAA0B;AACjC,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,IAAI,EAAEC,IAAI,QAAO,+BAA+B;AACxD,SAAQC,OAAO,QAAO,uBAAuB;AAC7C,SAAQC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAElD,SAAQC,kCAAkC,QAAO,oCAAoC;AACrF,SAAQC,6BAA6B,QAAO,2BAA2B;AASvE,OAAO,SAASC,mBAAmB,EACjCC,WAAW,EACXC,IAAI,EACJC,YAAY,EACZC,SAAS,EACe;IACxB,MAAMC,gBAAgBP;IACtB,MAAM,CAACQ,WAAWC,aAAa,GAAGV;IAClC,MAAM,CAACW,eAAeC,iBAAiB,GAAGZ,SAAS;IACnD,MAAMa,eAAed,OAAgC;IAErD,MAAMe,OAAOjB,QAAQ;QACnBkB,eAAe;YAACC,MAAM;YAAIC,MAAM;QAAE;QAClCC,UAAU,OAAO,EAACC,KAAK,EAAC;YACtBT,aAAaU;YACb,IAAI;gBACF,MAAMC,OAAO1C,kCAAkC2C,KAAK,CAAC;oBACnDC,cAAcnB;oBACdY,MAAMG,MAAMH,IAAI,CAACQ,IAAI;oBACrBP,MAAME,MAAMF,IAAI,CAACO,IAAI;gBACvB;gBACA,MAAMC,aAAa,MAAMjB,cAAckB,WAAW,CAACL;gBACnDd,UAAUoB,yCAAyCF;gBACnD/B,MAAMkC,OAAO,CAAC;gBACdtB,aAAa;YACf,EAAE,OAAOuB,OAAO;gBACd,MAAMC,SAAS5B,8BAA8B2B;gBAC7C,IAAIC,OAAOC,IAAI,KAAK,SAAS;oBAC3BjB,KAAKkB,YAAY,CAACF,OAAOG,KAAK,EAAE,CAACC,OAAU,CAAA;4BACzC,GAAGA,IAAI;4BACPC,UAAU;gCAAC,GAAGD,KAAKC,QAAQ;gCAAEC,UAAUN,OAAOO,OAAO;4BAAA;wBACvD,CAAA;gBACF,OAAO;oBACL3B,aAAaoB,OAAOO,OAAO;gBAC7B;YACF;QACF;IACF;IAEAvC,UAAU;QACR,IAAI,CAACO,MAAM;YACTK,aAAaU;YACbR,iBAAiB;YACjBE,KAAKwB,KAAK;YACV;QACF;QACAC,sBAAsB,IAAM1B,aAAa2B,OAAO,EAAEC;IACpD,GAAG;QAAC3B;QAAMT;KAAK;IAEf,MAAMqC,mBAAmB,CAACC;QACxB,IAAInC,cAAcoC,SAAS,IAAI,CAACD,UAAU;QAC1CrC,aAAaqC;IACf;IAEA,qBACE,KAACvD;QAAMiB,MAAMA;QAAMC,cAAcoC;kBAC/B,cAAA,MAACpD;YAAauD,oBAAkBzB;;8BAC9B,KAAC3B;oBAAWqD,WAAU;8BAAU;;8BAChC,KAACtD;oBAAYuD,OAAM;oBAAcC,WAAW,CAACxC,cAAcoC,SAAS;;8BACpE,MAAC9B;oBACCmC,UAAU;oBACV/B,UAAU,CAACgC;wBACTA,MAAMC,cAAc;wBACpBD,MAAME,eAAe;wBACrB,KAAKtC,KAAKuC,YAAY;oBACxB;;sCAEA,MAAChE;4BAAUyD,WAAU;;8CACnB,KAAClD;oCAAK0D,MAAK;oCAAKR,WAAU;8CAAgC;;gCAGzDrC,0BACC,KAACzB;oCAAQuE,MAAK;oCAAQC,MAAK;8CACxB/C;qCAED;8CACJ,KAACK,KAAK2C,KAAK;oCACTzC,MAAK;oCACL0C,YAAY;wCACVC,QAAQ,CAAC,EAACxC,KAAK,EAAC,GAAKyC,sBAAsBzC;wCAC3CD,UAAU,CAAC,EAACC,KAAK,EAAC,GAAKyC,sBAAsBzC;oCAC/C;8CAEC,CAACc,sBACA,KAAChD;4CACC4E,OAAM;4CACNC,IAAG;4CACHjC,OAAO1C,WAAW8C;4CAClBa,WAAU;sDAEV,cAAA,KAAC5D;gDACC6E,KAAKlD;gDACLG,MAAK;gDACLG,OAAOc,MAAM+B,KAAK,CAAC7C,KAAK;gDACxB8C,UAAU,CAACf;oDACT,MAAMgB,WAAWhB,MAAMiB,MAAM,CAAChD,KAAK;oDACnCc,MAAMmC,YAAY,CAACF;oDACnB,IAAI,CAACvD,eAAe;wDAClBG,KAAKuD,aAAa,CAChB,QACAH,SAAS1C,IAAI,KAAK8C,mBAAmBJ,YAAY;oDAErD;gDACF;gDACAP,QAAQ1B,MAAMsC,UAAU;gDACxBC,aAAY;gDACZC,UAAUjE,cAAcoC,SAAS;;;;8CAKzC,KAAC9B,KAAK2C,KAAK;oCACTzC,MAAK;oCACL0C,YAAY;wCACVC,QAAQ,CAAC,EAACxC,KAAK,EAAC,GAAKuD,sBAAsBvD;wCAC3CD,UAAU,CAAC,EAACC,KAAK,EAAC,GAAKuD,sBAAsBvD;oCAC/C;8CAEC,CAACc,sBACA,MAAChD;4CACC4E,OAAM;4CACNC,IAAG;4CACHjC,OAAO1C,WAAW8C;4CAClBa,WAAU;;8DAEV,KAAC5D;oDACC8B,MAAK;oDACLG,OAAOc,MAAM+B,KAAK,CAAC7C,KAAK;oDACxB8C,UAAU,CAACf;wDACT,MAAMyB,WAAWzB,MAAMiB,MAAM,CAAChD,KAAK;wDACnCP,iBAAiB+D,SAASnD,IAAI,GAAGoD,MAAM,GAAG;wDAC1C3C,MAAMmC,YAAY,CAACO;wDACnB,IAAIA,SAASnD,IAAI,GAAGoD,MAAM,KAAK,KAAK9D,KAAKkD,KAAK,CAACa,MAAM,CAAC7D,IAAI,CAACQ,IAAI,IAAI;4DACjEV,KAAKuD,aAAa,CAAC,QAAQC,mBAAmBxD,KAAKkD,KAAK,CAACa,MAAM,CAAC7D,IAAI;wDACtE;oDACF;oDACA2C,QAAQ1B,MAAMsC,UAAU;oDACxBC,aAAY;oDACZC,UAAUjE,cAAcoC,SAAS;;8DAEnC,MAAChD;oDAAK0D,MAAK;oDAAKR,WAAU;;wDAAgC;wDAC5B;sEAC5B,MAACnD;4DAAKmF,IAAG;;gEAAO;gEACL7C,MAAM+B,KAAK,CAAC7C,KAAK,IAAI;;;wDACzB;;;;;;;;sCAOjB,MAAC5B;;8CACC,KAACR;oCACCyE,MAAK;oCACLuB,SAAQ;oCACRN,UAAUjE,cAAcoC,SAAS;oCACjCoC,SAAS,IAAM1E,aAAa;8CAC7B;;8CAGD,KAACvB;oCAAOyE,MAAK;oCAASyB,WAAWzE,cAAcoC,SAAS;8CAAE;;;;;;;;;AAQtE;AAEA,SAASgB,sBAAsBzC,KAAa;IAC1C,OAAOrC,sBACLqC,MAAMK,IAAI,IACV,gBACA7C,kCAAkCuG,KAAK,CAAClE,IAAI;AAEhD;AAEA,SAAS0D,sBAAsBvD,KAAa;IAC1C,MAAMgE,UAAUhE,MAAMK,IAAI;IAC1B,IAAI2D,QAAQP,MAAM,KAAK,GAAG,OAAO;IACjC,IAAIhG,uBAAuBwG,QAAQ,CAACD,UAAqD;QACvF,OAAO;IACT;IACA,IAAItG,kBAAkBwG,SAAS,CAACF,SAASvD,OAAO,EAAE,OAAOR;IACzD,OAAO;AACT;AAEA,SAASkD,mBAAmBtD,IAAY;IACtC,MAAMsE,SAAS;IACf,MAAMC,SAASvE,KACZwE,WAAW,GACXC,UAAU,CAAC,eAAe,KAC1BA,UAAU,CAAC,YAAY,IACvBC,KAAK,CAAC,GAAG,MAAMJ,OAAOV,MAAM,GAAG,GAC/Ba,UAAU,CAAC,QAAQ;IAEtB,OAAOF,SAAS,GAAGD,OAAO,CAAC,EAAEC,QAAQ,GAAGD;AAC1C;AAEA,SAAS3D,yCACPF,UAA6B;IAE7B,OAAO;QACLqC,IAAIrC,WAAWqC,EAAE;QACjB1D,aAAaqB,WAAWrB,WAAW;QACnCuF,UAAU;QACVC,mBAAmBnE,WAAWR,IAAI;QAClCA,MAAMQ,WAAWR,IAAI;QACrB4E,aAAapE,WAAWT,IAAI;QAC5B8E,iBAAiBrE,WAAWqE,eAAe;QAC3CC,cAAc,EAAE;QAChBC,WAAWvE,WAAWuE,SAAS;QAC/BC,WAAWxE,WAAWwE,SAAS;IACjC;AACF"}

package/dist/components/webhook/webhook-modals.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webhook-modals.stories.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-modals.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAqBrD,KAAK,QAAQ,GACT,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,CAAC;AAErB,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAoCD,iBAAS,iBAAiB,CAAC,EAAC,QAAQ,EAAC,EAAE,sBAAsB,+BAoB5D;AAED,QAAA,MAAM,IAAI;;;;;;;;;CAKgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC"}
+{"version":3,"file":"webhook-modals.stories.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-modals.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAsBrD,KAAK,QAAQ,GACT,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,CAAC;AAErB,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAoCD,iBAAS,iBAAiB,CAAC,EAAC,QAAQ,EAAC,EAAE,sBAAsB,+BAoB5D;AAED,QAAA,MAAM,IAAI;;;;;;;;;CAKgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC"}

package/dist/components/webhook/webhook-modals.stories.js

@@ -29,19 +29,19 @@ const disabledConnection = {
 };
 const activeIntegrationConnection = {
     id: CONNECTION_ID,
-    workspace_id: WORKSPACE_ID,
+    workspaceId: WORKSPACE_ID,
     provider: 'webhook',
-    external_account_id: activeConnection.slug,
+    externalAccountId: activeConnection.slug,
     slug: activeConnection.slug,
-    display_name: activeConnection.name,
-    lifecycle_status: activeConnection.lifecycle_status,
+    displayName: activeConnection.name,
+    lifecycleStatus: activeConnection.lifecycle_status,
     capabilities: [],
-    created_at: activeConnection.created_at,
-    updated_at: activeConnection.updated_at
+    createdAt: activeConnection.created_at,
+    updatedAt: activeConnection.updated_at
 };
 const disabledIntegrationConnection = {
     ...activeIntegrationConnection,
-    lifecycle_status: 'disabled'
+    lifecycleStatus: 'disabled'
 };
 function WebhookModalStory({ scenario }) {
     const connection = scenario === 'usage-disabled' ? disabledConnection : activeConnection;

package/dist/components/webhook/webhook-modals.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/webhook/webhook-modals.stories.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport type {WebhookConnectionDto} from '@shipfox/api-integration-webhook-dto';\nimport {WEBHOOK_RECEIVED_EVENT} from '@shipfox/api-integration-webhook-dto';\nimport {configureApiClient} from '@shipfox/client-api';\nimport {Toaster} from '@shipfox/react-ui/toast';\nimport type {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 {useMemo} from 'react';\nimport {IntegrationDeleteConfirmModal} from '../integration-delete-confirm-modal.js';\nimport {IntegrationUsageModal} from '../integration-usage-modal.js';\nimport {CopyableValue} from './copyable-value.js';\nimport {WebhookCreateModal} from './webhook-create-modal.js';\nimport {WebhookPublicEndpointAlert} from './webhook-public-endpoint-alert.js';\nimport {WebhookUsageDetails} from './webhook-usage-details.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst CONNECTION_ID = '77777777-7777-4777-8777-777777777777';\n\ntype Scenario =\n  | 'create-form'\n  | 'create-success'\n  | 'usage-active'\n  | 'usage-disabled'\n  | 'delete-confirm'\n  | 'copyable-value';\n\ninterface WebhookModalStoryProps {\n  scenario: Scenario;\n}\n\nconst activeConnection: WebhookConnectionDto = {\n  id: CONNECTION_ID,\n  workspace_id: WORKSPACE_ID,\n  name: 'Stripe production',\n  slug: 'stripe-prod',\n  lifecycle_status: 'active',\n  inbound_url: 'https://api.example.test/webhook/77777777-7777-4777-8777-777777777777',\n  created_at: '2026-04-12T00:00:00.000Z',\n  updated_at: '2026-04-12T00:00:00.000Z',\n};\n\nconst disabledConnection: WebhookConnectionDto = {\n  ...activeConnection,\n  lifecycle_status: 'disabled',\n};\n\nconst activeIntegrationConnection: IntegrationConnectionDto = {\n  id: CONNECTION_ID,\n  workspace_id: WORKSPACE_ID,\n  provider: 'webhook',\n  external_account_id: activeConnection.slug,\n  slug: activeConnection.slug,\n  display_name: activeConnection.name,\n  lifecycle_status: activeConnection.lifecycle_status,\n  capabilities: [],\n  created_at: activeConnection.created_at,\n  updated_at: activeConnection.updated_at,\n};\n\nconst disabledIntegrationConnection: IntegrationConnectionDto = {\n  ...activeIntegrationConnection,\n  lifecycle_status: 'disabled',\n};\n\nfunction WebhookModalStory({scenario}: WebhookModalStoryProps) {\n  const connection = scenario === 'usage-disabled' ? disabledConnection : activeConnection;\n\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForConnection(connection),\n  });\n\n  const queryClient = useMemo(\n    () => new QueryClient({defaultOptions: {queries: {retry: false}}}),\n    [],\n  );\n  const router = useMemo(() => createStoryRouter(scenario), [scenario]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <RouterProvider router={router} />\n      <Toaster />\n    </QueryClientProvider>\n  );\n}\n\nconst meta = {\n  title: 'Integrations/WebhookModals',\n  component: WebhookModalStory,\n  parameters: {layout: 'fullscreen'},\n  args: {scenario: 'create-form'},\n} satisfies Meta<typeof WebhookModalStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const CreateSuccess: Story = {\n  args: {scenario: 'create-success'},\n};\n\nexport const UsageActive: Story = {\n  args: {scenario: 'usage-active'},\n};\n\nexport const UsageDisabled: Story = {\n  args: {scenario: 'usage-disabled'},\n};\n\nexport const DeleteConfirm: Story = {\n  args: {scenario: 'delete-confirm'},\n};\n\nexport const CopyableValueState: Story = {\n  args: {scenario: 'copyable-value'},\n};\n\nfunction StorySurface({scenario}: {scenario: Scenario}) {\n  return (\n    <div className=\"min-h-screen bg-background-neutral-background p-24\">\n      {scenario === 'create-form' ? (\n        <WebhookCreateModal\n          workspaceId={WORKSPACE_ID}\n          open\n          onOpenChange={() => undefined}\n          onCreated={() => undefined}\n        />\n      ) : null}\n      {scenario === 'create-success' ||\n      scenario === 'usage-active' ||\n      scenario === 'usage-disabled' ? (\n        <IntegrationUsageModal\n          connection={\n            scenario === 'usage-disabled'\n              ? disabledIntegrationConnection\n              : activeIntegrationConnection\n          }\n          events={[{value: WEBHOOK_RECEIVED_EVENT, label: WEBHOOK_RECEIVED_EVENT}]}\n          open\n          onOpenChange={() => undefined}\n        >\n          <WebhookUsageDetails workspaceId={WORKSPACE_ID} connectionId={CONNECTION_ID} />\n        </IntegrationUsageModal>\n      ) : null}\n      {scenario === 'delete-confirm' ? (\n        <IntegrationDeleteConfirmModal\n          connectionName={activeConnection.name}\n          open\n          isPending={false}\n          onOpenChange={() => undefined}\n          onConfirm={() => undefined}\n        />\n      ) : null}\n      {scenario === 'copyable-value' ? (\n        <div className=\"mx-auto max-w-[560px] rounded-8 border border-border-neutral-base bg-background-neutral-base p-24\">\n          <div className=\"flex flex-col gap-12\">\n            <CopyableValue label=\"inbound URL\" value={activeConnection.inbound_url} />\n            <WebhookPublicEndpointAlert />\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction createStoryRouter(scenario: Scenario) {\n  const rootRoute = createRootRoute({component: Outlet});\n  const workspaceRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/workspaces/$wid',\n    component: Outlet,\n  });\n  const integrationsRoute = createRoute({\n    getParentRoute: () => workspaceRoute,\n    path: 'settings/integrations',\n    component: () => <StorySurface scenario={scenario} />,\n  });\n  const eventsRoute = createRoute({\n    getParentRoute: () => workspaceRoute,\n    path: 'settings/events',\n    component: () => <div />,\n  });\n\n  return createRouter({\n    history: createMemoryHistory({\n      initialEntries: [`/workspaces/${WORKSPACE_ID}/settings/integrations`],\n    }),\n    routeTree: rootRoute.addChildren([\n      workspaceRoute.addChildren([integrationsRoute, eventsRoute]),\n    ]),\n  });\n}\n\nfunction fetchForConnection(connection: WebhookConnectionDto): typeof fetch {\n  return (input) => {\n    const url = requestUrl(input);\n    if (url.pathname === '/integrations/webhook/connections') {\n      return Promise.resolve(jsonResponse({connections: [connection]}));\n    }\n    return Promise.resolve(jsonResponse({}, {status: 404}));\n  };\n}\n\nfunction requestUrl(input: RequestInfo | URL): URL {\n  if (typeof input === 'string') return new URL(input);\n  if (input instanceof URL) return input;\n  return new URL(input.url);\n}\n\nfunction jsonResponse(body: unknown, init: ResponseInit = {}) {\n  return new Response(JSON.stringify(body), {\n    status: 200,\n    headers: {'content-type': 'application/json'},\n    ...init,\n  });\n}\n"],"names":["WEBHOOK_RECEIVED_EVENT","configureApiClient","Toaster","QueryClient","QueryClientProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","useMemo","IntegrationDeleteConfirmModal","IntegrationUsageModal","CopyableValue","WebhookCreateModal","WebhookPublicEndpointAlert","WebhookUsageDetails","WORKSPACE_ID","CONNECTION_ID","activeConnection","id","workspace_id","name","slug","lifecycle_status","inbound_url","created_at","updated_at","disabledConnection","activeIntegrationConnection","provider","external_account_id","display_name","capabilities","disabledIntegrationConnection","WebhookModalStory","scenario","connection","baseUrl","fetchImpl","fetchForConnection","queryClient","defaultOptions","queries","retry","router","createStoryRouter","client","meta","title","component","parameters","layout","args","Playground","CreateSuccess","UsageActive","UsageDisabled","DeleteConfirm","CopyableValueState","StorySurface","div","className","workspaceId","open","onOpenChange","undefined","onCreated","events","value","label","connectionId","connectionName","isPending","onConfirm","rootRoute","workspaceRoute","getParentRoute","path","integrationsRoute","eventsRoute","history","initialEntries","routeTree","addChildren","input","url","requestUrl","pathname","Promise","resolve","jsonResponse","connections","status","URL","body","init","Response","JSON","stringify","headers"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/webhook/webhook-modals.stories.tsx"],"sourcesContent":["import type {WebhookConnectionDto} from '@shipfox/api-integration-webhook-dto';\nimport {WEBHOOK_RECEIVED_EVENT} from '@shipfox/api-integration-webhook-dto';\nimport {configureApiClient} from '@shipfox/client-api';\nimport {Toaster} from '@shipfox/react-ui/toast';\nimport type {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 {useMemo} from 'react';\nimport type {IntegrationConnection} from '#core/models.js';\nimport {IntegrationDeleteConfirmModal} from '../integration-delete-confirm-modal.js';\nimport {IntegrationUsageModal} from '../integration-usage-modal.js';\nimport {CopyableValue} from './copyable-value.js';\nimport {WebhookCreateModal} from './webhook-create-modal.js';\nimport {WebhookPublicEndpointAlert} from './webhook-public-endpoint-alert.js';\nimport {WebhookUsageDetails} from './webhook-usage-details.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst CONNECTION_ID = '77777777-7777-4777-8777-777777777777';\n\ntype Scenario =\n  | 'create-form'\n  | 'create-success'\n  | 'usage-active'\n  | 'usage-disabled'\n  | 'delete-confirm'\n  | 'copyable-value';\n\ninterface WebhookModalStoryProps {\n  scenario: Scenario;\n}\n\nconst activeConnection: WebhookConnectionDto = {\n  id: CONNECTION_ID,\n  workspace_id: WORKSPACE_ID,\n  name: 'Stripe production',\n  slug: 'stripe-prod',\n  lifecycle_status: 'active',\n  inbound_url: 'https://api.example.test/webhook/77777777-7777-4777-8777-777777777777',\n  created_at: '2026-04-12T00:00:00.000Z',\n  updated_at: '2026-04-12T00:00:00.000Z',\n};\n\nconst disabledConnection: WebhookConnectionDto = {\n  ...activeConnection,\n  lifecycle_status: 'disabled',\n};\n\nconst activeIntegrationConnection: IntegrationConnection = {\n  id: CONNECTION_ID,\n  workspaceId: WORKSPACE_ID,\n  provider: 'webhook',\n  externalAccountId: activeConnection.slug,\n  slug: activeConnection.slug,\n  displayName: activeConnection.name,\n  lifecycleStatus: activeConnection.lifecycle_status,\n  capabilities: [],\n  createdAt: activeConnection.created_at,\n  updatedAt: activeConnection.updated_at,\n};\n\nconst disabledIntegrationConnection: IntegrationConnection = {\n  ...activeIntegrationConnection,\n  lifecycleStatus: 'disabled',\n};\n\nfunction WebhookModalStory({scenario}: WebhookModalStoryProps) {\n  const connection = scenario === 'usage-disabled' ? disabledConnection : activeConnection;\n\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForConnection(connection),\n  });\n\n  const queryClient = useMemo(\n    () => new QueryClient({defaultOptions: {queries: {retry: false}}}),\n    [],\n  );\n  const router = useMemo(() => createStoryRouter(scenario), [scenario]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <RouterProvider router={router} />\n      <Toaster />\n    </QueryClientProvider>\n  );\n}\n\nconst meta = {\n  title: 'Integrations/WebhookModals',\n  component: WebhookModalStory,\n  parameters: {layout: 'fullscreen'},\n  args: {scenario: 'create-form'},\n} satisfies Meta<typeof WebhookModalStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const CreateSuccess: Story = {\n  args: {scenario: 'create-success'},\n};\n\nexport const UsageActive: Story = {\n  args: {scenario: 'usage-active'},\n};\n\nexport const UsageDisabled: Story = {\n  args: {scenario: 'usage-disabled'},\n};\n\nexport const DeleteConfirm: Story = {\n  args: {scenario: 'delete-confirm'},\n};\n\nexport const CopyableValueState: Story = {\n  args: {scenario: 'copyable-value'},\n};\n\nfunction StorySurface({scenario}: {scenario: Scenario}) {\n  return (\n    <div className=\"min-h-screen bg-background-neutral-background p-24\">\n      {scenario === 'create-form' ? (\n        <WebhookCreateModal\n          workspaceId={WORKSPACE_ID}\n          open\n          onOpenChange={() => undefined}\n          onCreated={() => undefined}\n        />\n      ) : null}\n      {scenario === 'create-success' ||\n      scenario === 'usage-active' ||\n      scenario === 'usage-disabled' ? (\n        <IntegrationUsageModal\n          connection={\n            scenario === 'usage-disabled'\n              ? disabledIntegrationConnection\n              : activeIntegrationConnection\n          }\n          events={[{value: WEBHOOK_RECEIVED_EVENT, label: WEBHOOK_RECEIVED_EVENT}]}\n          open\n          onOpenChange={() => undefined}\n        >\n          <WebhookUsageDetails workspaceId={WORKSPACE_ID} connectionId={CONNECTION_ID} />\n        </IntegrationUsageModal>\n      ) : null}\n      {scenario === 'delete-confirm' ? (\n        <IntegrationDeleteConfirmModal\n          connectionName={activeConnection.name}\n          open\n          isPending={false}\n          onOpenChange={() => undefined}\n          onConfirm={() => undefined}\n        />\n      ) : null}\n      {scenario === 'copyable-value' ? (\n        <div className=\"mx-auto max-w-[560px] rounded-8 border border-border-neutral-base bg-background-neutral-base p-24\">\n          <div className=\"flex flex-col gap-12\">\n            <CopyableValue label=\"inbound URL\" value={activeConnection.inbound_url} />\n            <WebhookPublicEndpointAlert />\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction createStoryRouter(scenario: Scenario) {\n  const rootRoute = createRootRoute({component: Outlet});\n  const workspaceRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/workspaces/$wid',\n    component: Outlet,\n  });\n  const integrationsRoute = createRoute({\n    getParentRoute: () => workspaceRoute,\n    path: 'settings/integrations',\n    component: () => <StorySurface scenario={scenario} />,\n  });\n  const eventsRoute = createRoute({\n    getParentRoute: () => workspaceRoute,\n    path: 'settings/events',\n    component: () => <div />,\n  });\n\n  return createRouter({\n    history: createMemoryHistory({\n      initialEntries: [`/workspaces/${WORKSPACE_ID}/settings/integrations`],\n    }),\n    routeTree: rootRoute.addChildren([\n      workspaceRoute.addChildren([integrationsRoute, eventsRoute]),\n    ]),\n  });\n}\n\nfunction fetchForConnection(connection: WebhookConnectionDto): typeof fetch {\n  return (input) => {\n    const url = requestUrl(input);\n    if (url.pathname === '/integrations/webhook/connections') {\n      return Promise.resolve(jsonResponse({connections: [connection]}));\n    }\n    return Promise.resolve(jsonResponse({}, {status: 404}));\n  };\n}\n\nfunction requestUrl(input: RequestInfo | URL): URL {\n  if (typeof input === 'string') return new URL(input);\n  if (input instanceof URL) return input;\n  return new URL(input.url);\n}\n\nfunction jsonResponse(body: unknown, init: ResponseInit = {}) {\n  return new Response(JSON.stringify(body), {\n    status: 200,\n    headers: {'content-type': 'application/json'},\n    ...init,\n  });\n}\n"],"names":["WEBHOOK_RECEIVED_EVENT","configureApiClient","Toaster","QueryClient","QueryClientProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","useMemo","IntegrationDeleteConfirmModal","IntegrationUsageModal","CopyableValue","WebhookCreateModal","WebhookPublicEndpointAlert","WebhookUsageDetails","WORKSPACE_ID","CONNECTION_ID","activeConnection","id","workspace_id","name","slug","lifecycle_status","inbound_url","created_at","updated_at","disabledConnection","activeIntegrationConnection","workspaceId","provider","externalAccountId","displayName","lifecycleStatus","capabilities","createdAt","updatedAt","disabledIntegrationConnection","WebhookModalStory","scenario","connection","baseUrl","fetchImpl","fetchForConnection","queryClient","defaultOptions","queries","retry","router","createStoryRouter","client","meta","title","component","parameters","layout","args","Playground","CreateSuccess","UsageActive","UsageDisabled","DeleteConfirm","CopyableValueState","StorySurface","div","className","open","onOpenChange","undefined","onCreated","events","value","label","connectionId","connectionName","isPending","onConfirm","rootRoute","workspaceRoute","getParentRoute","path","integrationsRoute","eventsRoute","history","initialEntries","routeTree","addChildren","input","url","requestUrl","pathname","Promise","resolve","jsonResponse","connections","status","URL","body","init","Response","JSON","stringify","headers"],"mappings":"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"}

package/dist/components/webhook/webhook-usage-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webhook-usage-details.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-usage-details.tsx"],"names":[],"mappings":"AAOA,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAAC,WAAW,EAAE,YAAY,EAAC,EAAE,wBAAwB,sCA+BxF"}
+{"version":3,"file":"webhook-usage-details.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-usage-details.tsx"],"names":[],"mappings":"AAOA,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAAC,WAAW,EAAE,YAAY,EAAC,EAAE,wBAAwB,sCA6BxF"}

package/dist/components/webhook/webhook-usage-details.js

@@ -7,7 +7,7 @@ import { CopyableValue } from './copyable-value.js';
 import { WebhookPublicEndpointAlert } from './webhook-public-endpoint-alert.js';
 export function WebhookUsageDetails({ workspaceId, connectionId }) {
     const connectionsQuery = useWebhookConnectionsQuery(workspaceId);
-    const connection = connectionsQuery.data?.connections.find((candidate)=>candidate.id === connectionId);
+    const connection = connectionsQuery.data?.find((candidate)=>candidate.id === connectionId);
     if (connectionsQuery.isPending) {
         return /*#__PURE__*/ _jsx("div", {
             className: "flex min-h-80 items-center justify-center",
@@ -38,7 +38,7 @@ export function WebhookUsageDetails({ workspaceId, connectionId }) {
                 }),
                 /*#__PURE__*/ _jsx(CopyableValue, {
                     label: "inbound URL",
-                    value: connection.inbound_url
+                    value: connection.inboundUrl
                 }),
                 /*#__PURE__*/ _jsx(WebhookPublicEndpointAlert, {})
             ]

package/dist/components/webhook/webhook-usage-details.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/webhook/webhook-usage-details.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport {ShipfoxLoader} from '@shipfox/react-ui/loader';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useWebhookConnectionsQuery} from '#hooks/api/webhook-connections.js';\nimport {CopyableValue} from './copyable-value.js';\nimport {WebhookPublicEndpointAlert} from './webhook-public-endpoint-alert.js';\n\ninterface WebhookUsageDetailsProps {\n  workspaceId: string;\n  connectionId: string;\n}\n\nexport function WebhookUsageDetails({workspaceId, connectionId}: WebhookUsageDetailsProps) {\n  const connectionsQuery = useWebhookConnectionsQuery(workspaceId);\n  const connection = connectionsQuery.data?.connections.find(\n    (candidate) => candidate.id === connectionId,\n  );\n\n  if (connectionsQuery.isPending) {\n    return (\n      <div className=\"flex min-h-80 items-center justify-center\">\n        <ShipfoxLoader size={32} animation=\"circular\" color=\"orange\" background=\"light\" />\n      </div>\n    );\n  }\n\n  if (connectionsQuery.isError && connectionsQuery.data === undefined) {\n    return <QueryLoadError query={connectionsQuery} subject=\"webhook details\" />;\n  }\n\n  if (!connection) return null;\n\n  return (\n    <div className=\"flex w-full flex-col gap-16\">\n      <div className=\"flex w-full min-w-0 flex-col gap-8\">\n        <Text size=\"sm\" bold>\n          Inbound URL\n        </Text>\n        <CopyableValue label=\"inbound URL\" value={connection.inbound_url} />\n        <WebhookPublicEndpointAlert />\n      </div>\n    </div>\n  );\n}\n"],"names":["QueryLoadError","ShipfoxLoader","Text","useWebhookConnectionsQuery","CopyableValue","WebhookPublicEndpointAlert","WebhookUsageDetails","workspaceId","connectionId","connectionsQuery","connection","data","connections","find","candidate","id","isPending","div","className","size","animation","color","background","isError","undefined","query","subject","bold","label","value","inbound_url"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,aAAa,QAAO,2BAA2B;AACvD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,0BAA0B,QAAO,oCAAoC;AAC7E,SAAQC,aAAa,QAAO,sBAAsB;AAClD,SAAQC,0BAA0B,QAAO,qCAAqC;AAO9E,OAAO,SAASC,oBAAoB,EAACC,WAAW,EAAEC,YAAY,EAA2B;IACvF,MAAMC,mBAAmBN,2BAA2BI;IACpD,MAAMG,aAAaD,iBAAiBE,IAAI,EAAEC,YAAYC,KACpD,CAACC,YAAcA,UAAUC,EAAE,KAAKP;IAGlC,IAAIC,iBAAiBO,SAAS,EAAE;QAC9B,qBACE,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACjB;gBAAckB,MAAM;gBAAIC,WAAU;gBAAWC,OAAM;gBAASC,YAAW;;;IAG9E;IAEA,IAAIb,iBAAiBc,OAAO,IAAId,iBAAiBE,IAAI,KAAKa,WAAW;QACnE,qBAAO,KAACxB;YAAeyB,OAAOhB;YAAkBiB,SAAQ;;IAC1D;IAEA,IAAI,CAAChB,YAAY,OAAO;IAExB,qBACE,KAACO;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,KAAChB;oBAAKiB,MAAK;oBAAKQ,IAAI;8BAAC;;8BAGrB,KAACvB;oBAAcwB,OAAM;oBAAcC,OAAOnB,WAAWoB,WAAW;;8BAChE,KAACzB;;;;AAIT"}
+{"version":3,"sources":["../../../src/components/webhook/webhook-usage-details.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport {ShipfoxLoader} from '@shipfox/react-ui/loader';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useWebhookConnectionsQuery} from '#hooks/api/webhook-connections.js';\nimport {CopyableValue} from './copyable-value.js';\nimport {WebhookPublicEndpointAlert} from './webhook-public-endpoint-alert.js';\n\ninterface WebhookUsageDetailsProps {\n  workspaceId: string;\n  connectionId: string;\n}\n\nexport function WebhookUsageDetails({workspaceId, connectionId}: WebhookUsageDetailsProps) {\n  const connectionsQuery = useWebhookConnectionsQuery(workspaceId);\n  const connection = connectionsQuery.data?.find((candidate) => candidate.id === connectionId);\n\n  if (connectionsQuery.isPending) {\n    return (\n      <div className=\"flex min-h-80 items-center justify-center\">\n        <ShipfoxLoader size={32} animation=\"circular\" color=\"orange\" background=\"light\" />\n      </div>\n    );\n  }\n\n  if (connectionsQuery.isError && connectionsQuery.data === undefined) {\n    return <QueryLoadError query={connectionsQuery} subject=\"webhook details\" />;\n  }\n\n  if (!connection) return null;\n\n  return (\n    <div className=\"flex w-full flex-col gap-16\">\n      <div className=\"flex w-full min-w-0 flex-col gap-8\">\n        <Text size=\"sm\" bold>\n          Inbound URL\n        </Text>\n        <CopyableValue label=\"inbound URL\" value={connection.inboundUrl} />\n        <WebhookPublicEndpointAlert />\n      </div>\n    </div>\n  );\n}\n"],"names":["QueryLoadError","ShipfoxLoader","Text","useWebhookConnectionsQuery","CopyableValue","WebhookPublicEndpointAlert","WebhookUsageDetails","workspaceId","connectionId","connectionsQuery","connection","data","find","candidate","id","isPending","div","className","size","animation","color","background","isError","undefined","query","subject","bold","label","value","inboundUrl"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,aAAa,QAAO,2BAA2B;AACvD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,0BAA0B,QAAO,oCAAoC;AAC7E,SAAQC,aAAa,QAAO,sBAAsB;AAClD,SAAQC,0BAA0B,QAAO,qCAAqC;AAO9E,OAAO,SAASC,oBAAoB,EAACC,WAAW,EAAEC,YAAY,EAA2B;IACvF,MAAMC,mBAAmBN,2BAA2BI;IACpD,MAAMG,aAAaD,iBAAiBE,IAAI,EAAEC,KAAK,CAACC,YAAcA,UAAUC,EAAE,KAAKN;IAE/E,IAAIC,iBAAiBM,SAAS,EAAE;QAC9B,qBACE,KAACC;YAAIC,WAAU;sBACb,cAAA,KAAChB;gBAAciB,MAAM;gBAAIC,WAAU;gBAAWC,OAAM;gBAASC,YAAW;;;IAG9E;IAEA,IAAIZ,iBAAiBa,OAAO,IAAIb,iBAAiBE,IAAI,KAAKY,WAAW;QACnE,qBAAO,KAACvB;YAAewB,OAAOf;YAAkBgB,SAAQ;;IAC1D;IAEA,IAAI,CAACf,YAAY,OAAO;IAExB,qBACE,KAACM;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,KAACf;oBAAKgB,MAAK;oBAAKQ,IAAI;8BAAC;;8BAGrB,KAACtB;oBAAcuB,OAAM;oBAAcC,OAAOlB,WAAWmB,UAAU;;8BAC/D,KAACxB;;;;AAIT"}

package/dist/connection-status-badge.d.ts

@@ -1,6 +1,6 @@
-import type { IntegrationConnectionLifecycleStatusDto } from '@shipfox/api-integration-core-dto';
+import { type ConnectionLifecycleStatus } from '#core/models.js';
 export interface ConnectionStatusBadgeProps {
-    status: IntegrationConnectionLifecycleStatusDto;
+    status: ConnectionLifecycleStatus;
     className?: string;
 }
 /**

package/dist/connection-status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connection-status-badge.d.ts","sourceRoot":"","sources":["../src/connection-status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uCAAuC,EAAC,MAAM,mCAAmC,CAAC;AAc/F,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,uCAAuC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,0BAA0B,sCAapF"}
+{"version":3,"file":"connection-status-badge.d.ts","sourceRoot":"","sources":["../src/connection-status-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,yBAAyB,EAAkC,MAAM,iBAAiB,CAAC;AAEhG,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,yBAAyB,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,0BAA0B,sCAiBpF"}

package/dist/connection-status-badge.js

@@ -1,25 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Badge } from '@shipfox/react-ui/badge';
-const lifecyclePills = {
-    // `active` is the expected state and carries no badge.
-    active: undefined,
-    disabled: {
-        variant: 'warning',
-        label: 'Disabled',
-        iconLeft: 'errorWarningLine'
-    },
-    error: {
-        variant: 'error',
-        label: 'Error'
-    }
-};
+import { connectionLifecyclePresentation } from '#core/models.js';
 /**
  * Single source of truth for a connection's lifecycle pill, shared by the
  * integration gallery and any surface that reflects source health. Renders
  * nothing for the expected `active` state.
  */ export function ConnectionStatusBadge({ status, className }) {
-    const pill = lifecyclePills[status];
-    if (!pill) return null;
+    const presentation = connectionLifecyclePresentation(status);
+    if (presentation.kind === 'active') return null;
+    const pill = presentation.kind === 'disabled' ? {
+        variant: 'warning',
+        label: presentation.label,
+        iconLeft: 'errorWarningLine'
+    } : {
+        variant: 'error',
+        label: presentation.label
+    };
     return /*#__PURE__*/ _jsx(Badge, {
         variant: pill.variant,
         radius: "rounded",

package/dist/connection-status-badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection-status-badge.tsx"],"sourcesContent":["import type {IntegrationConnectionLifecycleStatusDto} from '@shipfox/api-integration-core-dto';\nimport {Badge} from '@shipfox/react-ui/badge';\nimport type {IconName} from '@shipfox/react-ui/icon';\n\nconst lifecyclePills: Record<\n  IntegrationConnectionLifecycleStatusDto,\n  {variant: 'warning' | 'error'; label: string; iconLeft?: IconName} | undefined\n> = {\n  // `active` is the expected state and carries no badge.\n  active: undefined,\n  disabled: {variant: 'warning', label: 'Disabled', iconLeft: 'errorWarningLine'},\n  error: {variant: 'error', label: 'Error'},\n};\n\nexport interface ConnectionStatusBadgeProps {\n  status: IntegrationConnectionLifecycleStatusDto;\n  className?: string;\n}\n\n/**\n * Single source of truth for a connection's lifecycle pill, shared by the\n * integration gallery and any surface that reflects source health. Renders\n * nothing for the expected `active` state.\n */\nexport function ConnectionStatusBadge({status, className}: ConnectionStatusBadgeProps) {\n  const pill = lifecyclePills[status];\n  if (!pill) return null;\n  return (\n    <Badge\n      variant={pill.variant}\n      radius=\"rounded\"\n      className={className}\n      {...(pill.iconLeft ? {iconLeft: pill.iconLeft} : {})}\n    >\n      {pill.label}\n    </Badge>\n  );\n}\n"],"names":["Badge","lifecyclePills","active","undefined","disabled","variant","label","iconLeft","error","ConnectionStatusBadge","status","className","pill","radius"],"mappings":";AACA,SAAQA,KAAK,QAAO,0BAA0B;AAG9C,MAAMC,iBAGF;IACF,uDAAuD;IACvDC,QAAQC;IACRC,UAAU;QAACC,SAAS;QAAWC,OAAO;QAAYC,UAAU;IAAkB;IAC9EC,OAAO;QAACH,SAAS;QAASC,OAAO;IAAO;AAC1C;AAOA;;;;CAIC,GACD,OAAO,SAASG,sBAAsB,EAACC,MAAM,EAAEC,SAAS,EAA6B;IACnF,MAAMC,OAAOX,cAAc,CAACS,OAAO;IACnC,IAAI,CAACE,MAAM,OAAO;IAClB,qBACE,KAACZ;QACCK,SAASO,KAAKP,OAAO;QACrBQ,QAAO;QACPF,WAAWA;QACV,GAAIC,KAAKL,QAAQ,GAAG;YAACA,UAAUK,KAAKL,QAAQ;QAAA,IAAI,CAAC,CAAC;kBAElDK,KAAKN,KAAK;;AAGjB"}
+{"version":3,"sources":["../src/connection-status-badge.tsx"],"sourcesContent":["import {Badge} from '@shipfox/react-ui/badge';\nimport type {IconName} from '@shipfox/react-ui/icon';\nimport {type ConnectionLifecycleStatus, connectionLifecyclePresentation} from '#core/models.js';\n\nexport interface ConnectionStatusBadgeProps {\n  status: ConnectionLifecycleStatus;\n  className?: string;\n}\n\n/**\n * Single source of truth for a connection's lifecycle pill, shared by the\n * integration gallery and any surface that reflects source health. Renders\n * nothing for the expected `active` state.\n */\nexport function ConnectionStatusBadge({status, className}: ConnectionStatusBadgeProps) {\n  const presentation = connectionLifecyclePresentation(status);\n  if (presentation.kind === 'active') return null;\n  const pill: {variant: 'warning' | 'error'; label: string; iconLeft?: IconName} =\n    presentation.kind === 'disabled'\n      ? {variant: 'warning', label: presentation.label, iconLeft: 'errorWarningLine'}\n      : {variant: 'error', label: presentation.label};\n  return (\n    <Badge\n      variant={pill.variant}\n      radius=\"rounded\"\n      className={className}\n      {...(pill.iconLeft ? {iconLeft: pill.iconLeft} : {})}\n    >\n      {pill.label}\n    </Badge>\n  );\n}\n"],"names":["Badge","connectionLifecyclePresentation","ConnectionStatusBadge","status","className","presentation","kind","pill","variant","label","iconLeft","radius"],"mappings":";AAAA,SAAQA,KAAK,QAAO,0BAA0B;AAE9C,SAAwCC,+BAA+B,QAAO,kBAAkB;AAOhG;;;;CAIC,GACD,OAAO,SAASC,sBAAsB,EAACC,MAAM,EAAEC,SAAS,EAA6B;IACnF,MAAMC,eAAeJ,gCAAgCE;IACrD,IAAIE,aAAaC,IAAI,KAAK,UAAU,OAAO;IAC3C,MAAMC,OACJF,aAAaC,IAAI,KAAK,aAClB;QAACE,SAAS;QAAWC,OAAOJ,aAAaI,KAAK;QAAEC,UAAU;IAAkB,IAC5E;QAACF,SAAS;QAASC,OAAOJ,aAAaI,KAAK;IAAA;IAClD,qBACE,KAACT;QACCQ,SAASD,KAAKC,OAAO;QACrBG,QAAO;QACPP,WAAWA;QACV,GAAIG,KAAKG,QAAQ,GAAG;YAACA,UAAUH,KAAKG,QAAQ;QAAA,IAAI,CAAC,CAAC;kBAElDH,KAAKE,KAAK;;AAGjB"}

package/dist/core/models.d.ts

@@ -0,0 +1,66 @@
+export type IntegrationCapability = 'source_control' | 'agent_tools';
+export type ConnectionLifecycleStatus = 'active' | 'disabled' | 'error';
+export interface IntegrationProvider {
+    provider: string;
+    displayName: string;
+    capabilities: IntegrationCapability[];
+}
+export interface IntegrationConnection {
+    id: string;
+    workspaceId: string;
+    provider: string;
+    externalAccountId: string;
+    slug: string;
+    displayName: string;
+    lifecycleStatus: ConnectionLifecycleStatus;
+    capabilities: IntegrationCapability[];
+    externalUrl?: string | undefined;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface Repository {
+    connectionId: string;
+    externalRepositoryId: string;
+    owner: string;
+    name: string;
+    fullName: string;
+    defaultBranch: string;
+    visibility: 'public' | 'private' | 'internal' | 'unknown';
+    cloneUrl: string;
+    htmlUrl: string;
+}
+export interface RepositoryPage {
+    repositories: Repository[];
+    nextCursor?: string;
+}
+export interface WebhookConnection {
+    id: string;
+    workspaceId: string;
+    name: string;
+    slug: string;
+    lifecycleStatus: ConnectionLifecycleStatus;
+    inboundUrl: string;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface InstallRedirect {
+    installUrl: string;
+}
+export type IntegrationUsageEvent = {
+    value: string;
+    label: string;
+};
+export type ConnectionLifecyclePresentation = {
+    kind: 'active';
+} | {
+    kind: 'disabled';
+    label: 'Disabled';
+} | {
+    kind: 'error';
+    label: 'Error';
+};
+export declare function usageEventsForConnection(connection: Pick<IntegrationConnection, 'provider' | 'capabilities'>): IntegrationUsageEvent[];
+export declare function connectionLifecyclePresentation(status: ConnectionLifecycleStatus): ConnectionLifecyclePresentation;
+export declare function hasCapability(connection: IntegrationConnection, capability: IntegrationCapability): boolean;
+export declare function isUsableConnection(connection: IntegrationConnection): boolean;
+//# sourceMappingURL=models.d.ts.map

package/dist/core/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../src/core/models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,aAAa,CAAC;AACrE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,qBAAqB,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,yBAAyB,CAAC;IAC3C,YAAY,EAAE,qBAAqB,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,yBAAyB,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,+BAA+B,GACvC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAChB;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAC,GACrC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAC,CAAC;AAsGpC,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,cAAc,CAAC,GACnE,qBAAqB,EAAE,CAazB;AAED,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,yBAAyB,GAChC,+BAA+B,CAIjC;AAED,wBAAgB,aAAa,CAC3B,UAAU,EAAE,qBAAqB,EACjC,UAAU,EAAE,qBAAqB,WAGlC;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,qBAAqB,WAEnE"}

package/dist/core/models.js

@@ -0,0 +1,156 @@
+const githubUsageEvents = [
+    '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'
+];
+const linearUsageEvents = [
+    'Issue.create',
+    'Issue.update',
+    'Issue.remove',
+    'Comment.create',
+    'Comment.update',
+    'Comment.remove',
+    'IssueLabel.create',
+    'IssueLabel.update',
+    'IssueLabel.remove',
+    'Project.create',
+    'Project.update',
+    'Project.remove',
+    'Cycle.create',
+    'Cycle.update',
+    'Cycle.remove',
+    'agentSession.created',
+    'agentSession.prompted'
+];
+const sentryIssueActions = [
+    'created',
+    'resolved',
+    'assigned',
+    'archived',
+    'unresolved'
+];
+export function usageEventsForConnection(connection) {
+    if (connection.provider === 'webhook') return [
+        {
+            value: 'received',
+            label: 'received'
+        }
+    ];
+    if (connection.provider === 'github') return githubUsageEvents.map((value)=>({
+            value,
+            label: value
+        }));
+    if (connection.provider === 'sentry') return sentryIssueActions.map((action)=>({
+            value: `issue.${action}`,
+            label: `issue.${action}`
+        }));
+    if (connection.provider === 'linear') return linearUsageEvents.map((value)=>({
+            value,
+            label: value
+        }));
+    if (connection.capabilities.includes('source_control')) return [
+        {
+            value: 'push',
+            label: 'push'
+        }
+    ];
+    return [
+        {
+            value: 'received',
+            label: 'received'
+        }
+    ];
+}
+export function connectionLifecyclePresentation(status) {
+    if (status === 'disabled') return {
+        kind: 'disabled',
+        label: 'Disabled'
+    };
+    if (status === 'error') return {
+        kind: 'error',
+        label: 'Error'
+    };
+    return {
+        kind: 'active'
+    };
+}
+export function hasCapability(connection, capability) {
+    return connection.capabilities.includes(capability);
+}
+export function isUsableConnection(connection) {
+    return connection.lifecycleStatus === 'active';
+}
+
+//# sourceMappingURL=models.js.map

package/dist/core/models.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/models.ts"],"sourcesContent":["export type IntegrationCapability = 'source_control' | 'agent_tools';\nexport type ConnectionLifecycleStatus = 'active' | 'disabled' | 'error';\n\nexport interface IntegrationProvider {\n  provider: string;\n  displayName: string;\n  capabilities: IntegrationCapability[];\n}\n\nexport interface IntegrationConnection {\n  id: string;\n  workspaceId: string;\n  provider: string;\n  externalAccountId: string;\n  slug: string;\n  displayName: string;\n  lifecycleStatus: ConnectionLifecycleStatus;\n  capabilities: IntegrationCapability[];\n  externalUrl?: string | undefined;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface Repository {\n  connectionId: string;\n  externalRepositoryId: string;\n  owner: string;\n  name: string;\n  fullName: string;\n  defaultBranch: string;\n  visibility: 'public' | 'private' | 'internal' | 'unknown';\n  cloneUrl: string;\n  htmlUrl: string;\n}\n\nexport interface RepositoryPage {\n  repositories: Repository[];\n  nextCursor?: string;\n}\n\nexport interface WebhookConnection {\n  id: string;\n  workspaceId: string;\n  name: string;\n  slug: string;\n  lifecycleStatus: ConnectionLifecycleStatus;\n  inboundUrl: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface InstallRedirect {\n  installUrl: string;\n}\n\nexport type IntegrationUsageEvent = {\n  value: string;\n  label: string;\n};\n\nexport type ConnectionLifecyclePresentation =\n  | {kind: 'active'}\n  | {kind: 'disabled'; label: 'Disabled'}\n  | {kind: 'error'; label: 'Error'};\n\nconst githubUsageEvents = [\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\nconst linearUsageEvents = [\n  'Issue.create',\n  'Issue.update',\n  'Issue.remove',\n  'Comment.create',\n  'Comment.update',\n  'Comment.remove',\n  'IssueLabel.create',\n  'IssueLabel.update',\n  'IssueLabel.remove',\n  'Project.create',\n  'Project.update',\n  'Project.remove',\n  'Cycle.create',\n  'Cycle.update',\n  'Cycle.remove',\n  'agentSession.created',\n  'agentSession.prompted',\n] as const;\n\nconst sentryIssueActions = ['created', 'resolved', 'assigned', 'archived', 'unresolved'] as const;\n\nexport function usageEventsForConnection(\n  connection: Pick<IntegrationConnection, 'provider' | 'capabilities'>,\n): IntegrationUsageEvent[] {\n  if (connection.provider === 'webhook') return [{value: 'received', label: 'received'}];\n  if (connection.provider === 'github')\n    return githubUsageEvents.map((value) => ({value, label: value}));\n  if (connection.provider === 'sentry')\n    return sentryIssueActions.map((action) => ({\n      value: `issue.${action}`,\n      label: `issue.${action}`,\n    }));\n  if (connection.provider === 'linear')\n    return linearUsageEvents.map((value) => ({value, label: value}));\n  if (connection.capabilities.includes('source_control')) return [{value: 'push', label: 'push'}];\n  return [{value: 'received', label: 'received'}];\n}\n\nexport function connectionLifecyclePresentation(\n  status: ConnectionLifecycleStatus,\n): ConnectionLifecyclePresentation {\n  if (status === 'disabled') return {kind: 'disabled', label: 'Disabled'};\n  if (status === 'error') return {kind: 'error', label: 'Error'};\n  return {kind: 'active'};\n}\n\nexport function hasCapability(\n  connection: IntegrationConnection,\n  capability: IntegrationCapability,\n) {\n  return connection.capabilities.includes(capability);\n}\n\nexport function isUsableConnection(connection: IntegrationConnection) {\n  return connection.lifecycleStatus === 'active';\n}\n"],"names":["githubUsageEvents","linearUsageEvents","sentryIssueActions","usageEventsForConnection","connection","provider","value","label","map","action","capabilities","includes","connectionLifecyclePresentation","status","kind","hasCapability","capability","isUsableConnection","lifecycleStatus"],"mappings":"AAiEA,MAAMA,oBAAoB;IACxB;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,MAAMC,oBAAoB;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,MAAMC,qBAAqB;IAAC;IAAW;IAAY;IAAY;IAAY;CAAa;AAExF,OAAO,SAASC,yBACdC,UAAoE;IAEpE,IAAIA,WAAWC,QAAQ,KAAK,WAAW,OAAO;QAAC;YAACC,OAAO;YAAYC,OAAO;QAAU;KAAE;IACtF,IAAIH,WAAWC,QAAQ,KAAK,UAC1B,OAAOL,kBAAkBQ,GAAG,CAAC,CAACF,QAAW,CAAA;YAACA;YAAOC,OAAOD;QAAK,CAAA;IAC/D,IAAIF,WAAWC,QAAQ,KAAK,UAC1B,OAAOH,mBAAmBM,GAAG,CAAC,CAACC,SAAY,CAAA;YACzCH,OAAO,CAAC,MAAM,EAAEG,QAAQ;YACxBF,OAAO,CAAC,MAAM,EAAEE,QAAQ;QAC1B,CAAA;IACF,IAAIL,WAAWC,QAAQ,KAAK,UAC1B,OAAOJ,kBAAkBO,GAAG,CAAC,CAACF,QAAW,CAAA;YAACA;YAAOC,OAAOD;QAAK,CAAA;IAC/D,IAAIF,WAAWM,YAAY,CAACC,QAAQ,CAAC,mBAAmB,OAAO;QAAC;YAACL,OAAO;YAAQC,OAAO;QAAM;KAAE;IAC/F,OAAO;QAAC;YAACD,OAAO;YAAYC,OAAO;QAAU;KAAE;AACjD;AAEA,OAAO,SAASK,gCACdC,MAAiC;IAEjC,IAAIA,WAAW,YAAY,OAAO;QAACC,MAAM;QAAYP,OAAO;IAAU;IACtE,IAAIM,WAAW,SAAS,OAAO;QAACC,MAAM;QAASP,OAAO;IAAO;IAC7D,OAAO;QAACO,MAAM;IAAQ;AACxB;AAEA,OAAO,SAASC,cACdX,UAAiC,EACjCY,UAAiC;IAEjC,OAAOZ,WAAWM,YAAY,CAACC,QAAQ,CAACK;AAC1C;AAEA,OAAO,SAASC,mBAAmBb,UAAiC;IAClE,OAAOA,WAAWc,eAAe,KAAK;AACxC"}

package/dist/feature.d.ts

@@ -1,3 +1,10 @@
+export declare const integrationsSettingsSections: readonly [{
+    readonly id: "settings.integrations";
+    readonly pathSegment: "integrations";
+    readonly label: "Integrations";
+    readonly icon: "plugLine";
+    readonly order: 700;
+}];
 export declare const integrationsFeature: {
     readonly id: "shipfox.integrations";
     readonly routes: readonly [{

package/dist/feature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.d.ts","sourceRoot":"","sources":["../src/feature.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoE9B,CAAC"}
+{"version":3,"file":"feature.d.ts","sourceRoot":"","sources":["../src/feature.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;EAQW,CAAC;AAErD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D9B,CAAC"}

package/dist/feature.js

@@ -1,4 +1,13 @@
 import { defineClientFeature } from '@shipfox/client-shell';
+export const integrationsSettingsSections = [
+    {
+        id: 'settings.integrations',
+        pathSegment: 'integrations',
+        label: 'Integrations',
+        icon: 'plugLine',
+        order: 700
+    }
+];
 export const integrationsFeature = defineClientFeature({
     id: 'shipfox.integrations',
     routes: [
@@ -58,15 +67,7 @@ export const integrationsFeature = defineClientFeature({
             impl: '@shipfox/client-integrations/routes/integrations-settings'
         }
     ],
-    settingsSections: [
-        {
-            id: 'settings.integrations',
-            pathSegment: 'integrations',
-            label: 'Integrations',
-            icon: 'plugLine',
-            order: 700
-        }
-    ]
+    settingsSections: integrationsSettingsSections
 });
 
 //# sourceMappingURL=feature.js.map

package/dist/feature.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/feature.ts"],"sourcesContent":["import {defineClientFeature} from '@shipfox/client-shell';\n\nexport const integrationsFeature = defineClientFeature({\n  id: 'shipfox.integrations',\n  routes: [\n    {\n      path: '/integrations/github/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/github-callback',\n    },\n    {\n      path: '/integrations/linear/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/linear-callback',\n    },\n    {\n      path: '/integrations/sentry/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/sentry-callback',\n    },\n    {\n      path: '/integrations/slack/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/slack-callback',\n    },\n    {\n      path: '/workspaces/$wid/integrations',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/integrations',\n    },\n    {\n      path: '/workspaces/$wid/integrations/gitea',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/gitea',\n    },\n    {\n      path: '/workspaces/$wid/integrations/github',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/github',\n    },\n    {\n      path: '/workspaces/$wid/integrations/linear',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/linear',\n    },\n    {\n      path: '/workspaces/$wid/integrations/sentry',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/sentry',\n    },\n    {\n      path: '/workspaces/$wid/integrations/slack',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/slack',\n    },\n    {\n      path: '/workspaces/$wid/settings/integrations',\n      parent: 'workspaceSettings',\n      impl: '@shipfox/client-integrations/routes/integrations-settings',\n    },\n  ],\n  settingsSections: [\n    {\n      id: 'settings.integrations',\n      pathSegment: 'integrations',\n      label: 'Integrations',\n      icon: 'plugLine',\n      order: 700,\n    },\n  ],\n});\n"],"names":["defineClientFeature","integrationsFeature","id","routes","path","parent","impl","settingsSections","pathSegment","label","icon","order"],"mappings":"AAAA,SAAQA,mBAAmB,QAAO,wBAAwB;AAE1D,OAAO,MAAMC,sBAAsBD,oBAAoB;IACrDE,IAAI;IACJC,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;KACD;IACDC,kBAAkB;QAChB;YACEL,IAAI;YACJM,aAAa;YACbC,OAAO;YACPC,MAAM;YACNC,OAAO;QACT;KACD;AACH,GAAG"}
+{"version":3,"sources":["../src/feature.ts"],"sourcesContent":["import {defineClientFeature, type SettingsSectionEntry} from '@shipfox/client-shell';\n\nexport const integrationsSettingsSections = [\n  {\n    id: 'settings.integrations',\n    pathSegment: 'integrations',\n    label: 'Integrations',\n    icon: 'plugLine',\n    order: 700,\n  },\n] as const satisfies readonly SettingsSectionEntry[];\n\nexport const integrationsFeature = defineClientFeature({\n  id: 'shipfox.integrations',\n  routes: [\n    {\n      path: '/integrations/github/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/github-callback',\n    },\n    {\n      path: '/integrations/linear/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/linear-callback',\n    },\n    {\n      path: '/integrations/sentry/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/sentry-callback',\n    },\n    {\n      path: '/integrations/slack/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/slack-callback',\n    },\n    {\n      path: '/workspaces/$wid/integrations',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/integrations',\n    },\n    {\n      path: '/workspaces/$wid/integrations/gitea',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/gitea',\n    },\n    {\n      path: '/workspaces/$wid/integrations/github',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/github',\n    },\n    {\n      path: '/workspaces/$wid/integrations/linear',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/linear',\n    },\n    {\n      path: '/workspaces/$wid/integrations/sentry',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/sentry',\n    },\n    {\n      path: '/workspaces/$wid/integrations/slack',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/slack',\n    },\n    {\n      path: '/workspaces/$wid/settings/integrations',\n      parent: 'workspaceSettings',\n      impl: '@shipfox/client-integrations/routes/integrations-settings',\n    },\n  ],\n  settingsSections: integrationsSettingsSections,\n});\n"],"names":["defineClientFeature","integrationsSettingsSections","id","pathSegment","label","icon","order","integrationsFeature","routes","path","parent","impl","settingsSections"],"mappings":"AAAA,SAAQA,mBAAmB,QAAkC,wBAAwB;AAErF,OAAO,MAAMC,+BAA+B;IAC1C;QACEC,IAAI;QACJC,aAAa;QACbC,OAAO;QACPC,MAAM;QACNC,OAAO;IACT;CACD,CAAoD;AAErD,OAAO,MAAMC,sBAAsBP,oBAAoB;IACrDE,IAAI;IACJM,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;KACD;IACDC,kBAAkBX;AACpB,GAAG"}