@shipfox/client-integrations 22.0.0 → 22.0.2

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 59 files with swc (414.74ms)
+Successfully compiled: 59 files with swc (215.19ms)

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @shipfox/client-integrations
 
+## 22.0.2
+
+### Patch Changes
+
+- Updated dependencies [87d9bd8]
+  - @shipfox/react-ui@2.1.1
+  - @shipfox/client-auth@22.0.2
+  - @shipfox/client-shell@22.0.2
+  - @shipfox/client-ui@22.0.2
+  - @shipfox/integration-icons@0.3.6
+
+## 22.0.1
+
+### Patch Changes
+
+- e92517f: Reorganizes workspace settings into a compact sidebar rail with section panels and relocates Events settings into the new workspace layout.
+- Updated dependencies [e92517f]
+  - @shipfox/client-shell@22.0.1
+  - @shipfox/client-auth@22.0.1
+
 ## 22.0.0
 
 ### Patch Changes

package/dist/components/installed-integrations-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"installed-integrations-section.d.ts","sourceRoot":"","sources":["../../src/components/installed-integrations-section.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,KAAK,qBAAqB,EAAqB,MAAM,iBAAiB,CAAC;AAG/E,UAAU,iCAAiC;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,qBAAqB,EAAE,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,UAAU,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC/D;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,mBAAmB,GACpB,EAAE,iCAAiC,+BAuDnC"}
+{"version":3,"file":"installed-integrations-section.d.ts","sourceRoot":"","sources":["../../src/components/installed-integrations-section.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,KAAK,qBAAqB,EAAqB,MAAM,iBAAiB,CAAC;AAG/E,UAAU,iCAAiC;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,qBAAqB,EAAE,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,UAAU,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC/D;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,mBAAmB,GACpB,EAAE,iCAAiC,+BAoDnC"}

package/dist/components/installed-integrations-section.js

@@ -17,19 +17,12 @@ export function InstalledIntegrationsSection({ workspaceSlug, connections, isPen
         className: "flex flex-col gap-group",
         "aria-label": "Installed integrations",
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: "flex flex-col gap-tight",
-                children: [
-                    /*#__PURE__*/ _jsx(Header, {
-                        variant: "h3",
-                        children: "Installed integrations"
-                    }),
-                    /*#__PURE__*/ _jsx(Text, {
-                        size: "sm",
-                        className: "text-foreground-neutral-muted",
-                        children: "Provider accounts installed in this workspace."
-                    })
-                ]
+                children: /*#__PURE__*/ _jsx(Header, {
+                    variant: "h3",
+                    children: "Installed integrations"
+                })
             }),
             isPending ? /*#__PURE__*/ _jsx(InstalledSkeleton, {
                 label: "Loading integrations"

package/dist/components/installed-integrations-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/installed-integrations-section.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport {IntegrationIcon} from '@shipfox/integration-icons';\nimport {IconButton} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Panel, PanelBody, PanelRow} from '@shipfox/react-ui/panel';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn, formatDate} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {ConnectionStatusBadge} from '#connection-status-badge.js';\nimport {type IntegrationConnection, isUsableConnection} from '#core/models.js';\nimport {usageEventsForConnection} from './integration-usage-events.js';\n\ninterface InstalledIntegrationsSectionProps {\n  workspaceSlug?: string | undefined;\n  connections: IntegrationConnection[];\n  isPending: boolean;\n  isFetching: boolean;\n  error?: Error | null | undefined;\n  onRetry: () => void;\n  isMutating: boolean;\n  onUse: (connectionId: string) => void;\n  onSetActive: (connection: IntegrationConnection, active: boolean) => void;\n  onDelete: (connectionId: string) => void;\n  providerDisplayName: (provider: string) => string | undefined;\n}\n\nexport function InstalledIntegrationsSection({\n  workspaceSlug,\n  connections,\n  isPending,\n  isFetching,\n  error,\n  onRetry,\n  isMutating,\n  onUse,\n  onSetActive,\n  onDelete,\n  providerDisplayName,\n}: InstalledIntegrationsSectionProps) {\n  return (\n    <section className=\"flex flex-col gap-group\" aria-label=\"Installed integrations\">\n      <div className=\"flex flex-col gap-tight\">\n        <Header variant=\"h3\">Installed integrations</Header>\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          Provider accounts installed in this workspace.\n        </Text>\n      </div>\n\n      {isPending ? <InstalledSkeleton label=\"Loading integrations\" /> : null}\n\n      {error ? (\n        <Panel>\n          <QueryLoadError\n            query={{isError: true, isFetching, data: undefined, error, refetch: onRetry}}\n            subject=\"integrations\"\n            variant=\"panel\"\n          />\n        </Panel>\n      ) : null}\n\n      {!isPending && !error && connections.length === 0 ? (\n        <Panel>\n          <EmptyState\n            icon=\"componentLine\"\n            title=\"No integrations installed yet\"\n            description=\"Install a provider below to get started.\"\n            variant=\"panel\"\n          />\n        </Panel>\n      ) : null}\n\n      {connections.length > 0 ? (\n        <Panel>\n          <PanelBody asChild>\n            <ul>\n              {connections.map((connection) => (\n                <InstalledRow\n                  key={connection.id}\n                  connection={connection}\n                  workspaceSlug={workspaceSlug}\n                  isMutating={isMutating}\n                  onUse={onUse}\n                  onSetActive={(nextActive) => onSetActive(connection, nextActive)}\n                  onDelete={onDelete}\n                  providerDisplayName={providerDisplayName}\n                />\n              ))}\n            </ul>\n          </PanelBody>\n        </Panel>\n      ) : null}\n    </section>\n  );\n}\n\nfunction InstalledRow({\n  connection,\n  workspaceSlug,\n  isMutating,\n  onUse,\n  onSetActive,\n  onDelete,\n  providerDisplayName,\n}: {\n  connection: IntegrationConnection;\n  workspaceSlug?: string | undefined;\n  isMutating: boolean;\n  onUse: (connectionId: string) => void;\n  onSetActive: (active: boolean) => void;\n  onDelete: (connectionId: string) => void;\n  providerDisplayName: (provider: string) => string | undefined;\n}) {\n  const muted = connection.lifecycleStatus === 'disabled';\n  const active = isUsableConnection(connection);\n  const recentEventsEvent = usageEventsForConnection(connection)[0]?.value ?? 'received';\n  const providerName = providerDisplayName(connection.provider);\n\n  return (\n    <PanelRow asChild className=\"justify-start gap-cluster\">\n      <li>\n        <IntegrationIcon\n          source={connection.provider}\n          aria-hidden\n          className={cn(\n            'size-24 shrink-0',\n            muted ? 'text-foreground-neutral-disabled' : 'text-foreground-neutral-base',\n          )}\n        />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-tight\">\n          <div className=\"flex min-w-0 items-center gap-inline\">\n            <Text\n              size=\"md\"\n              bold\n              className={cn('truncate', muted ? 'text-foreground-neutral-disabled' : undefined)}\n            >\n              {connection.displayName}\n            </Text>\n            <ConnectionStatusBadge status={connection.lifecycleStatus} className=\"shrink-0\" />\n          </div>\n          <Text size=\"sm\" className=\"truncate text-foreground-neutral-muted\">\n            Added {formatDate(connection.createdAt)}\n          </Text>\n        </div>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <IconButton\n              size=\"sm\"\n              variant=\"transparent\"\n              icon=\"more2Line\"\n              aria-label={`Open ${connection.displayName} integration actions`}\n            />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            {connection.externalUrl ? (\n              <DropdownMenuItem asChild>\n                <a href={connection.externalUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n                  {providerName ? `Open in ${providerName}` : 'Open provider settings'}\n                </a>\n              </DropdownMenuItem>\n            ) : null}\n            <DropdownMenuItem onSelect={() => onUse(connection.id)}>\n              Use this integration\n            </DropdownMenuItem>\n            {workspaceSlug ? (\n              <DropdownMenuItem asChild>\n                <Link\n                  to=\"/w/$workspaceSlug/settings/events\"\n                  params={{workspaceSlug}}\n                  search={{source: [connection.slug], event: [recentEventsEvent]}}\n                >\n                  View recent events\n                </Link>\n              </DropdownMenuItem>\n            ) : null}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem disabled={isMutating} onSelect={() => onSetActive(!active)}>\n              {active ? 'Disable integration' : 'Enable integration'}\n            </DropdownMenuItem>\n            <DropdownMenuItem disabled={isMutating} onSelect={() => onDelete(connection.id)}>\n              Delete integration\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </li>\n    </PanelRow>\n  );\n}\n\nfunction InstalledSkeleton({label}: {label: string}) {\n  return (\n    <Panel>\n      <PanelBody asChild>\n        <ul role=\"status\" aria-label={label}>\n          {[0, 1, 2].map((row) => (\n            <PanelRow\n              asChild\n              className=\"justify-start gap-cluster hover:bg-background-neutral-base\"\n              key={row}\n            >\n              <li>\n                <Skeleton className=\"size-24 shrink-0\" />\n                <div className=\"flex min-w-0 flex-1 flex-col gap-tight\">\n                  <Skeleton className=\"h-16 w-120\" />\n                  <Skeleton className=\"h-12 w-80\" />\n                </div>\n                <Skeleton className=\"h-20 w-72 shrink-0\" />\n              </li>\n            </PanelRow>\n          ))}\n        </ul>\n      </PanelBody>\n    </Panel>\n  );\n}\n"],"names":["QueryLoadError","IntegrationIcon","IconButton","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","EmptyState","Panel","PanelBody","PanelRow","Skeleton","Header","Text","cn","formatDate","Link","ConnectionStatusBadge","isUsableConnection","usageEventsForConnection","InstalledIntegrationsSection","workspaceSlug","connections","isPending","isFetching","error","onRetry","isMutating","onUse","onSetActive","onDelete","providerDisplayName","section","className","aria-label","div","variant","size","InstalledSkeleton","label","query","isError","data","undefined","refetch","subject","length","icon","title","description","asChild","ul","map","connection","InstalledRow","nextActive","id","muted","lifecycleStatus","active","recentEventsEvent","value","providerName","provider","li","source","aria-hidden","bold","displayName","status","createdAt","align","externalUrl","a","href","target","rel","onSelect","to","params","search","slug","event","disabled","role","row"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,eAAe,QAAO,6BAA6B;AAC3D,SAAQC,UAAU,QAAO,2BAA2B;AACpD,SACEC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,qBAAqB,EACrBC,mBAAmB,QACd,kCAAkC;AACzC,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,QAAO,0BAA0B;AACnE,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,EAAEC,UAAU,QAAO,0BAA0B;AACvD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,qBAAqB,QAAO,8BAA8B;AAClE,SAAoCC,kBAAkB,QAAO,kBAAkB;AAC/E,SAAQC,wBAAwB,QAAO,gCAAgC;AAgBvE,OAAO,SAASC,6BAA6B,EAC3CC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACe;IAClC,qBACE,MAACC;QAAQC,WAAU;QAA0BC,cAAW;;0BACtD,MAACC;gBAAIF,WAAU;;kCACb,KAACrB;wBAAOwB,SAAQ;kCAAK;;kCACrB,KAACvB;wBAAKwB,MAAK;wBAAKJ,WAAU;kCAAgC;;;;YAK3DV,0BAAY,KAACe;gBAAkBC,OAAM;iBAA4B;YAEjEd,sBACC,KAACjB;0BACC,cAAA,KAACT;oBACCyC,OAAO;wBAACC,SAAS;wBAAMjB;wBAAYkB,MAAMC;wBAAWlB;wBAAOmB,SAASlB;oBAAO;oBAC3EmB,SAAQ;oBACRT,SAAQ;;iBAGV;YAEH,CAACb,aAAa,CAACE,SAASH,YAAYwB,MAAM,KAAK,kBAC9C,KAACtC;0BACC,cAAA,KAACD;oBACCwC,MAAK;oBACLC,OAAM;oBACNC,aAAY;oBACZb,SAAQ;;iBAGV;YAEHd,YAAYwB,MAAM,GAAG,kBACpB,KAACtC;0BACC,cAAA,KAACC;oBAAUyC,OAAO;8BAChB,cAAA,KAACC;kCACE7B,YAAY8B,GAAG,CAAC,CAACC,2BAChB,KAACC;gCAECD,YAAYA;gCACZhC,eAAeA;gCACfM,YAAYA;gCACZC,OAAOA;gCACPC,aAAa,CAAC0B,aAAe1B,YAAYwB,YAAYE;gCACrDzB,UAAUA;gCACVC,qBAAqBA;+BAPhBsB,WAAWG,EAAE;;;iBAa1B;;;AAGV;AAEA,SAASF,aAAa,EACpBD,UAAU,EACVhC,aAAa,EACbM,UAAU,EACVC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EASpB;IACC,MAAM0B,QAAQJ,WAAWK,eAAe,KAAK;IAC7C,MAAMC,SAASzC,mBAAmBmC;IAClC,MAAMO,oBAAoBzC,yBAAyBkC,WAAW,CAAC,EAAE,EAAEQ,SAAS;IAC5E,MAAMC,eAAe/B,oBAAoBsB,WAAWU,QAAQ;IAE5D,qBACE,KAACrD;QAASwC,OAAO;QAACjB,WAAU;kBAC1B,cAAA,MAAC+B;;8BACC,KAAChE;oBACCiE,QAAQZ,WAAWU,QAAQ;oBAC3BG,aAAW;oBACXjC,WAAWnB,GACT,oBACA2C,QAAQ,qCAAqC;;8BAGjD,MAACtB;oBAAIF,WAAU;;sCACb,MAACE;4BAAIF,WAAU;;8CACb,KAACpB;oCACCwB,MAAK;oCACL8B,IAAI;oCACJlC,WAAWnB,GAAG,YAAY2C,QAAQ,qCAAqCd;8CAEtEU,WAAWe,WAAW;;8CAEzB,KAACnD;oCAAsBoD,QAAQhB,WAAWK,eAAe;oCAAEzB,WAAU;;;;sCAEvE,MAACpB;4BAAKwB,MAAK;4BAAKJ,WAAU;;gCAAyC;gCAC1DlB,WAAWsC,WAAWiB,SAAS;;;;;8BAG1C,MAACpE;;sCACC,KAACI;4BAAoB4C,OAAO;sCAC1B,cAAA,KAACjD;gCACCoC,MAAK;gCACLD,SAAQ;gCACRW,MAAK;gCACLb,cAAY,CAAC,KAAK,EAAEmB,WAAWe,WAAW,CAAC,oBAAoB,CAAC;;;sCAGpE,MAACjE;4BAAoBoE,OAAM;;gCACxBlB,WAAWmB,WAAW,iBACrB,KAACpE;oCAAiB8C,OAAO;8CACvB,cAAA,KAACuB;wCAAEC,MAAMrB,WAAWmB,WAAW;wCAAEG,QAAO;wCAASC,KAAI;kDAClDd,eAAe,CAAC,QAAQ,EAAEA,cAAc,GAAG;;qCAG9C;8CACJ,KAAC1D;oCAAiByE,UAAU,IAAMjD,MAAMyB,WAAWG,EAAE;8CAAG;;gCAGvDnC,8BACC,KAACjB;oCAAiB8C,OAAO;8CACvB,cAAA,KAAClC;wCACC8D,IAAG;wCACHC,QAAQ;4CAAC1D;wCAAa;wCACtB2D,QAAQ;4CAACf,QAAQ;gDAACZ,WAAW4B,IAAI;6CAAC;4CAAEC,OAAO;gDAACtB;6CAAkB;wCAAA;kDAC/D;;qCAID;8CACJ,KAACvD;8CACD,KAACD;oCAAiB+E,UAAUxD;oCAAYkD,UAAU,IAAMhD,YAAY,CAAC8B;8CAClEA,SAAS,wBAAwB;;8CAEpC,KAACvD;oCAAiB+E,UAAUxD;oCAAYkD,UAAU,IAAM/C,SAASuB,WAAWG,EAAE;8CAAG;;;;;;;;;AAQ7F;AAEA,SAASlB,kBAAkB,EAACC,KAAK,EAAkB;IACjD,qBACE,KAAC/B;kBACC,cAAA,KAACC;YAAUyC,OAAO;sBAChB,cAAA,KAACC;gBAAGiC,MAAK;gBAASlD,cAAYK;0BAC3B;oBAAC;oBAAG;oBAAG;iBAAE,CAACa,GAAG,CAAC,CAACiC,oBACd,KAAC3E;wBACCwC,OAAO;wBACPjB,WAAU;kCAGV,cAAA,MAAC+B;;8CACC,KAACrD;oCAASsB,WAAU;;8CACpB,MAACE;oCAAIF,WAAU;;sDACb,KAACtB;4CAASsB,WAAU;;sDACpB,KAACtB;4CAASsB,WAAU;;;;8CAEtB,KAACtB;oCAASsB,WAAU;;;;uBARjBoD;;;;AAgBnB"}
+{"version":3,"sources":["../../src/components/installed-integrations-section.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport {IntegrationIcon} from '@shipfox/integration-icons';\nimport {IconButton} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Panel, PanelBody, PanelRow} from '@shipfox/react-ui/panel';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn, formatDate} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {ConnectionStatusBadge} from '#connection-status-badge.js';\nimport {type IntegrationConnection, isUsableConnection} from '#core/models.js';\nimport {usageEventsForConnection} from './integration-usage-events.js';\n\ninterface InstalledIntegrationsSectionProps {\n  workspaceSlug?: string | undefined;\n  connections: IntegrationConnection[];\n  isPending: boolean;\n  isFetching: boolean;\n  error?: Error | null | undefined;\n  onRetry: () => void;\n  isMutating: boolean;\n  onUse: (connectionId: string) => void;\n  onSetActive: (connection: IntegrationConnection, active: boolean) => void;\n  onDelete: (connectionId: string) => void;\n  providerDisplayName: (provider: string) => string | undefined;\n}\n\nexport function InstalledIntegrationsSection({\n  workspaceSlug,\n  connections,\n  isPending,\n  isFetching,\n  error,\n  onRetry,\n  isMutating,\n  onUse,\n  onSetActive,\n  onDelete,\n  providerDisplayName,\n}: InstalledIntegrationsSectionProps) {\n  return (\n    <section className=\"flex flex-col gap-group\" aria-label=\"Installed integrations\">\n      <div className=\"flex flex-col gap-tight\">\n        <Header variant=\"h3\">Installed integrations</Header>\n      </div>\n\n      {isPending ? <InstalledSkeleton label=\"Loading integrations\" /> : null}\n\n      {error ? (\n        <Panel>\n          <QueryLoadError\n            query={{isError: true, isFetching, data: undefined, error, refetch: onRetry}}\n            subject=\"integrations\"\n            variant=\"panel\"\n          />\n        </Panel>\n      ) : null}\n\n      {!isPending && !error && connections.length === 0 ? (\n        <Panel>\n          <EmptyState\n            icon=\"componentLine\"\n            title=\"No integrations installed yet\"\n            description=\"Install a provider below to get started.\"\n            variant=\"panel\"\n          />\n        </Panel>\n      ) : null}\n\n      {connections.length > 0 ? (\n        <Panel>\n          <PanelBody asChild>\n            <ul>\n              {connections.map((connection) => (\n                <InstalledRow\n                  key={connection.id}\n                  connection={connection}\n                  workspaceSlug={workspaceSlug}\n                  isMutating={isMutating}\n                  onUse={onUse}\n                  onSetActive={(nextActive) => onSetActive(connection, nextActive)}\n                  onDelete={onDelete}\n                  providerDisplayName={providerDisplayName}\n                />\n              ))}\n            </ul>\n          </PanelBody>\n        </Panel>\n      ) : null}\n    </section>\n  );\n}\n\nfunction InstalledRow({\n  connection,\n  workspaceSlug,\n  isMutating,\n  onUse,\n  onSetActive,\n  onDelete,\n  providerDisplayName,\n}: {\n  connection: IntegrationConnection;\n  workspaceSlug?: string | undefined;\n  isMutating: boolean;\n  onUse: (connectionId: string) => void;\n  onSetActive: (active: boolean) => void;\n  onDelete: (connectionId: string) => void;\n  providerDisplayName: (provider: string) => string | undefined;\n}) {\n  const muted = connection.lifecycleStatus === 'disabled';\n  const active = isUsableConnection(connection);\n  const recentEventsEvent = usageEventsForConnection(connection)[0]?.value ?? 'received';\n  const providerName = providerDisplayName(connection.provider);\n\n  return (\n    <PanelRow asChild className=\"justify-start gap-cluster\">\n      <li>\n        <IntegrationIcon\n          source={connection.provider}\n          aria-hidden\n          className={cn(\n            'size-24 shrink-0',\n            muted ? 'text-foreground-neutral-disabled' : 'text-foreground-neutral-base',\n          )}\n        />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-tight\">\n          <div className=\"flex min-w-0 items-center gap-inline\">\n            <Text\n              size=\"md\"\n              bold\n              className={cn('truncate', muted ? 'text-foreground-neutral-disabled' : undefined)}\n            >\n              {connection.displayName}\n            </Text>\n            <ConnectionStatusBadge status={connection.lifecycleStatus} className=\"shrink-0\" />\n          </div>\n          <Text size=\"sm\" className=\"truncate text-foreground-neutral-muted\">\n            Added {formatDate(connection.createdAt)}\n          </Text>\n        </div>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <IconButton\n              size=\"sm\"\n              variant=\"transparent\"\n              icon=\"more2Line\"\n              aria-label={`Open ${connection.displayName} integration actions`}\n            />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            {connection.externalUrl ? (\n              <DropdownMenuItem asChild>\n                <a href={connection.externalUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n                  {providerName ? `Open in ${providerName}` : 'Open provider settings'}\n                </a>\n              </DropdownMenuItem>\n            ) : null}\n            <DropdownMenuItem onSelect={() => onUse(connection.id)}>\n              Use this integration\n            </DropdownMenuItem>\n            {workspaceSlug ? (\n              <DropdownMenuItem asChild>\n                <Link\n                  to=\"/w/$workspaceSlug/settings/events\"\n                  params={{workspaceSlug}}\n                  search={{source: [connection.slug], event: [recentEventsEvent]}}\n                >\n                  View recent events\n                </Link>\n              </DropdownMenuItem>\n            ) : null}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem disabled={isMutating} onSelect={() => onSetActive(!active)}>\n              {active ? 'Disable integration' : 'Enable integration'}\n            </DropdownMenuItem>\n            <DropdownMenuItem disabled={isMutating} onSelect={() => onDelete(connection.id)}>\n              Delete integration\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </li>\n    </PanelRow>\n  );\n}\n\nfunction InstalledSkeleton({label}: {label: string}) {\n  return (\n    <Panel>\n      <PanelBody asChild>\n        <ul role=\"status\" aria-label={label}>\n          {[0, 1, 2].map((row) => (\n            <PanelRow\n              asChild\n              className=\"justify-start gap-cluster hover:bg-background-neutral-base\"\n              key={row}\n            >\n              <li>\n                <Skeleton className=\"size-24 shrink-0\" />\n                <div className=\"flex min-w-0 flex-1 flex-col gap-tight\">\n                  <Skeleton className=\"h-16 w-120\" />\n                  <Skeleton className=\"h-12 w-80\" />\n                </div>\n                <Skeleton className=\"h-20 w-72 shrink-0\" />\n              </li>\n            </PanelRow>\n          ))}\n        </ul>\n      </PanelBody>\n    </Panel>\n  );\n}\n"],"names":["QueryLoadError","IntegrationIcon","IconButton","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","EmptyState","Panel","PanelBody","PanelRow","Skeleton","Header","Text","cn","formatDate","Link","ConnectionStatusBadge","isUsableConnection","usageEventsForConnection","InstalledIntegrationsSection","workspaceSlug","connections","isPending","isFetching","error","onRetry","isMutating","onUse","onSetActive","onDelete","providerDisplayName","section","className","aria-label","div","variant","InstalledSkeleton","label","query","isError","data","undefined","refetch","subject","length","icon","title","description","asChild","ul","map","connection","InstalledRow","nextActive","id","muted","lifecycleStatus","active","recentEventsEvent","value","providerName","provider","li","source","aria-hidden","size","bold","displayName","status","createdAt","align","externalUrl","a","href","target","rel","onSelect","to","params","search","slug","event","disabled","role","row"],"mappings":"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"}

package/dist/components/integration-gallery-for-workspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-gallery-for-workspace.d.ts","sourceRoot":"","sources":["../../src/components/integration-gallery-for-workspace.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,iBAAiB,CAAC;AAmBzB,UAAU,mCAAmC;IAC3C,UAAU,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC9C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,UAAU,EACV,qBAAqB,EACrB,WAAW,GACZ,EAAE,mCAAmC,+BA4KrC"}
+{"version":3,"file":"integration-gallery-for-workspace.d.ts","sourceRoot":"","sources":["../../src/components/integration-gallery-for-workspace.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,iBAAiB,CAAC;AAmBzB,UAAU,mCAAmC;IAC3C,UAAU,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC9C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,UAAU,EACV,qBAAqB,EACrB,WAAW,GACZ,EAAE,mCAAmC,+BAyKrC"}

package/dist/components/integration-gallery-for-workspace.js

@@ -112,19 +112,12 @@ export function IntegrationGalleryForWorkspace({ capability, emptyProvidersMessa
                 className: "flex flex-col gap-group",
                 "aria-label": "Available integrations",
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsx("div", {
                         className: "flex flex-col gap-tight",
-                        children: [
-                            /*#__PURE__*/ _jsx(Header, {
-                                variant: "h3",
-                                children: "Available integrations"
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                size: "sm",
-                                className: "text-foreground-neutral-muted",
-                                children: "Providers available to install in this workspace."
-                            })
-                        ]
+                        children: /*#__PURE__*/ _jsx(Header, {
+                            variant: "h3",
+                            children: "Available integrations"
+                        })
                     }),
                     workspaceSlug ? /*#__PURE__*/ _jsx(ProviderGrid, {
                         workspaceSlug: workspaceSlug,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/integration-gallery-for-workspace.tsx"],"sourcesContent":["import {useAuthState} from '@shipfox/client-auth';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport type {\n  IntegrationCapability,\n  IntegrationConnection,\n  IntegrationProvider,\n} from '#core/models.js';\nimport {\n  useDeleteIntegrationConnectionMutation,\n  useIntegrationConnectionsQuery,\n  useIntegrationProvidersQuery,\n  useUpdateIntegrationConnectionMutation,\n} from '#hooks/api/integrations.js';\nimport {\n  useDeleteWebhookConnectionMutation,\n  useUpdateWebhookConnectionMutation,\n} from '#hooks/api/webhook-connections.js';\nimport {InstalledIntegrationsSection} from './installed-integrations-section.js';\nimport {IntegrationDeleteConfirmModal} from './integration-delete-confirm-modal.js';\nimport {usageEventsForConnection} from './integration-usage-events.js';\nimport {IntegrationUsageModal} from './integration-usage-modal.js';\nimport {ProviderGrid} from './provider-grid.js';\nimport {WebhookCreateModal} from './webhook/webhook-create-modal.js';\nimport {WebhookUsageDetails} from './webhook/webhook-usage-details.js';\n\ninterface IntegrationGalleryForWorkspaceProps {\n  capability: IntegrationCapability | undefined;\n  emptyProvidersMessage: string;\n  workspaceId: string;\n}\n\nexport function IntegrationGalleryForWorkspace({\n  capability,\n  emptyProvidersMessage,\n  workspaceId,\n}: IntegrationGalleryForWorkspaceProps) {\n  const {workspaces} = useAuthState();\n  const workspaceSlug = workspaces.find((workspace) => workspace.id === workspaceId)?.slug;\n  const [createProvider, setCreateProvider] = useState<string | undefined>();\n  const [usageConnectionId, setUsageConnectionId] = useState<string | undefined>();\n  const [createdUsageConnection, setCreatedUsageConnection] = useState<\n    IntegrationConnection | undefined\n  >();\n  const [deleteConnectionId, setDeleteConnectionId] = useState<string | undefined>();\n  const providersQuery = useIntegrationProvidersQuery(capability ? {capability} : undefined);\n  const connectionsQuery = useIntegrationConnectionsQuery(workspaceId);\n  const updateConnection = useUpdateIntegrationConnectionMutation();\n  const deleteConnection = useDeleteIntegrationConnectionMutation();\n  const updateWebhookConnection = useUpdateWebhookConnectionMutation();\n  const deleteWebhookConnection = useDeleteWebhookConnectionMutation();\n\n  const providers = providersQuery.data ?? [];\n  const providersMap = new Map<string, IntegrationProvider>(\n    providers.map((provider) => [provider.provider, provider]),\n  );\n\n  const allConnections = connectionsQuery.data ?? [];\n  // Filter in memory so the all-status cache key stays shared; passing capability\n  // into the hook would collide with the active-only `source_control` key used\n  // elsewhere.\n  const connections = capability\n    ? allConnections.filter((connection) => connection.capabilities.includes(capability))\n    : allConnections;\n\n  const providerDisplayName = (provider: string) => providersMap.get(provider)?.displayName;\n  const providerLabel = (provider: string) => providerDisplayName(provider) ?? provider;\n\n  const sortedConnections = [...connections].sort((a, b) => {\n    const byProvider = providerLabel(a.provider).localeCompare(providerLabel(b.provider));\n    if (byProvider !== 0) return byProvider;\n    return a.createdAt.localeCompare(b.createdAt);\n  });\n  const usageConnection =\n    sortedConnections.find((connection) => connection.id === usageConnectionId) ??\n    (createdUsageConnection?.id === usageConnectionId ? createdUsageConnection : null) ??\n    null;\n  const deleteConnectionTarget = sortedConnections.find(\n    (connection) => connection.id === deleteConnectionId,\n  );\n\n  async function setConnectionActive(connection: IntegrationConnection, active: boolean) {\n    try {\n      const body = {lifecycle_status: active ? 'active' : 'disabled'} as const;\n      if (connection.provider === 'webhook') {\n        await updateWebhookConnection.mutateAsync({\n          workspaceId,\n          connectionId: connection.id,\n          body,\n        });\n      } else {\n        await updateConnection.mutateAsync({\n          connectionId: connection.id,\n          body,\n        });\n      }\n      toast.success(active ? 'Integration enabled.' : 'Integration disabled.');\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Could not update integration.');\n    }\n  }\n\n  async function confirmDeleteConnection() {\n    if (!deleteConnectionTarget) return;\n    try {\n      if (deleteConnectionTarget.provider === 'webhook') {\n        await deleteWebhookConnection.mutateAsync({\n          workspaceId,\n          connectionId: deleteConnectionTarget.id,\n        });\n      } else {\n        await deleteConnection.mutateAsync({\n          workspaceId,\n          connectionId: deleteConnectionTarget.id,\n        });\n      }\n      toast.success('Integration deleted.');\n      setDeleteConnectionId(undefined);\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Could not delete integration.');\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      <InstalledIntegrationsSection\n        workspaceSlug={workspaceSlug}\n        connections={sortedConnections}\n        isPending={connectionsQuery.isPending}\n        isFetching={connectionsQuery.isFetching}\n        error={connectionsQuery.isError ? connectionsQuery.error : undefined}\n        onRetry={() => void connectionsQuery.refetch()}\n        isMutating={\n          updateConnection.isPending ||\n          deleteConnection.isPending ||\n          updateWebhookConnection.isPending ||\n          deleteWebhookConnection.isPending\n        }\n        onUse={setUsageConnectionId}\n        onSetActive={(connection, active) => {\n          void setConnectionActive(connection, active);\n        }}\n        onDelete={setDeleteConnectionId}\n        providerDisplayName={providerDisplayName}\n      />\n\n      <section className=\"flex flex-col gap-group\" aria-label=\"Available integrations\">\n        <div className=\"flex flex-col gap-tight\">\n          <Header variant=\"h3\">Available integrations</Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            Providers available to install in this workspace.\n          </Text>\n        </div>\n\n        {workspaceSlug ? (\n          <ProviderGrid\n            workspaceSlug={workspaceSlug}\n            providers={providers}\n            isPending={providersQuery.isPending}\n            isFetching={providersQuery.isFetching}\n            error={providersQuery.isError ? providersQuery.error : undefined}\n            onRetry={() => void providersQuery.refetch()}\n            emptyMessage={emptyProvidersMessage}\n            onOpenProvider={setCreateProvider}\n          />\n        ) : (\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\" aria-live=\"polite\">\n            Loading workspace details…\n          </Text>\n        )}\n      </section>\n      <WebhookCreateModal\n        workspaceId={workspaceId}\n        open={createProvider === 'webhook'}\n        onOpenChange={(open) => setCreateProvider(open ? 'webhook' : undefined)}\n        onCreated={(connection) => {\n          setCreatedUsageConnection(connection);\n          setUsageConnectionId(connection.id);\n        }}\n      />\n      <IntegrationUsageModal\n        connection={usageConnection}\n        events={usageConnection ? usageEventsForConnection(usageConnection) : []}\n        open={usageConnection !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setUsageConnectionId(undefined);\n            setCreatedUsageConnection(undefined);\n          }\n        }}\n      >\n        {usageConnection?.provider === 'webhook' ? (\n          <WebhookUsageDetails workspaceId={workspaceId} connectionId={usageConnection.id} />\n        ) : null}\n      </IntegrationUsageModal>\n      <IntegrationDeleteConfirmModal\n        connectionName={deleteConnectionTarget?.displayName}\n        open={deleteConnectionId !== undefined}\n        isPending={deleteConnection.isPending || deleteWebhookConnection.isPending}\n        onOpenChange={(open) => {\n          if (!open) setDeleteConnectionId(undefined);\n        }}\n        onConfirm={() => {\n          void confirmDeleteConnection();\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["useAuthState","toast","Header","Text","useState","useDeleteIntegrationConnectionMutation","useIntegrationConnectionsQuery","useIntegrationProvidersQuery","useUpdateIntegrationConnectionMutation","useDeleteWebhookConnectionMutation","useUpdateWebhookConnectionMutation","InstalledIntegrationsSection","IntegrationDeleteConfirmModal","usageEventsForConnection","IntegrationUsageModal","ProviderGrid","WebhookCreateModal","WebhookUsageDetails","IntegrationGalleryForWorkspace","capability","emptyProvidersMessage","workspaceId","workspaces","workspaceSlug","find","workspace","id","slug","createProvider","setCreateProvider","usageConnectionId","setUsageConnectionId","createdUsageConnection","setCreatedUsageConnection","deleteConnectionId","setDeleteConnectionId","providersQuery","undefined","connectionsQuery","updateConnection","deleteConnection","updateWebhookConnection","deleteWebhookConnection","providers","data","providersMap","Map","map","provider","allConnections","connections","filter","connection","capabilities","includes","providerDisplayName","get","displayName","providerLabel","sortedConnections","sort","a","b","byProvider","localeCompare","createdAt","usageConnection","deleteConnectionTarget","setConnectionActive","active","body","lifecycle_status","mutateAsync","connectionId","success","error","Error","message","confirmDeleteConnection","div","className","isPending","isFetching","isError","onRetry","refetch","isMutating","onUse","onSetActive","onDelete","section","aria-label","variant","size","emptyMessage","onOpenProvider","aria-live","open","onOpenChange","onCreated","events","connectionName","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/integration-gallery-for-workspace.tsx"],"sourcesContent":["import {useAuthState} from '@shipfox/client-auth';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport type {\n  IntegrationCapability,\n  IntegrationConnection,\n  IntegrationProvider,\n} from '#core/models.js';\nimport {\n  useDeleteIntegrationConnectionMutation,\n  useIntegrationConnectionsQuery,\n  useIntegrationProvidersQuery,\n  useUpdateIntegrationConnectionMutation,\n} from '#hooks/api/integrations.js';\nimport {\n  useDeleteWebhookConnectionMutation,\n  useUpdateWebhookConnectionMutation,\n} from '#hooks/api/webhook-connections.js';\nimport {InstalledIntegrationsSection} from './installed-integrations-section.js';\nimport {IntegrationDeleteConfirmModal} from './integration-delete-confirm-modal.js';\nimport {usageEventsForConnection} from './integration-usage-events.js';\nimport {IntegrationUsageModal} from './integration-usage-modal.js';\nimport {ProviderGrid} from './provider-grid.js';\nimport {WebhookCreateModal} from './webhook/webhook-create-modal.js';\nimport {WebhookUsageDetails} from './webhook/webhook-usage-details.js';\n\ninterface IntegrationGalleryForWorkspaceProps {\n  capability: IntegrationCapability | undefined;\n  emptyProvidersMessage: string;\n  workspaceId: string;\n}\n\nexport function IntegrationGalleryForWorkspace({\n  capability,\n  emptyProvidersMessage,\n  workspaceId,\n}: IntegrationGalleryForWorkspaceProps) {\n  const {workspaces} = useAuthState();\n  const workspaceSlug = workspaces.find((workspace) => workspace.id === workspaceId)?.slug;\n  const [createProvider, setCreateProvider] = useState<string | undefined>();\n  const [usageConnectionId, setUsageConnectionId] = useState<string | undefined>();\n  const [createdUsageConnection, setCreatedUsageConnection] = useState<\n    IntegrationConnection | undefined\n  >();\n  const [deleteConnectionId, setDeleteConnectionId] = useState<string | undefined>();\n  const providersQuery = useIntegrationProvidersQuery(capability ? {capability} : undefined);\n  const connectionsQuery = useIntegrationConnectionsQuery(workspaceId);\n  const updateConnection = useUpdateIntegrationConnectionMutation();\n  const deleteConnection = useDeleteIntegrationConnectionMutation();\n  const updateWebhookConnection = useUpdateWebhookConnectionMutation();\n  const deleteWebhookConnection = useDeleteWebhookConnectionMutation();\n\n  const providers = providersQuery.data ?? [];\n  const providersMap = new Map<string, IntegrationProvider>(\n    providers.map((provider) => [provider.provider, provider]),\n  );\n\n  const allConnections = connectionsQuery.data ?? [];\n  // Filter in memory so the all-status cache key stays shared; passing capability\n  // into the hook would collide with the active-only `source_control` key used\n  // elsewhere.\n  const connections = capability\n    ? allConnections.filter((connection) => connection.capabilities.includes(capability))\n    : allConnections;\n\n  const providerDisplayName = (provider: string) => providersMap.get(provider)?.displayName;\n  const providerLabel = (provider: string) => providerDisplayName(provider) ?? provider;\n\n  const sortedConnections = [...connections].sort((a, b) => {\n    const byProvider = providerLabel(a.provider).localeCompare(providerLabel(b.provider));\n    if (byProvider !== 0) return byProvider;\n    return a.createdAt.localeCompare(b.createdAt);\n  });\n  const usageConnection =\n    sortedConnections.find((connection) => connection.id === usageConnectionId) ??\n    (createdUsageConnection?.id === usageConnectionId ? createdUsageConnection : null) ??\n    null;\n  const deleteConnectionTarget = sortedConnections.find(\n    (connection) => connection.id === deleteConnectionId,\n  );\n\n  async function setConnectionActive(connection: IntegrationConnection, active: boolean) {\n    try {\n      const body = {lifecycle_status: active ? 'active' : 'disabled'} as const;\n      if (connection.provider === 'webhook') {\n        await updateWebhookConnection.mutateAsync({\n          workspaceId,\n          connectionId: connection.id,\n          body,\n        });\n      } else {\n        await updateConnection.mutateAsync({\n          connectionId: connection.id,\n          body,\n        });\n      }\n      toast.success(active ? 'Integration enabled.' : 'Integration disabled.');\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Could not update integration.');\n    }\n  }\n\n  async function confirmDeleteConnection() {\n    if (!deleteConnectionTarget) return;\n    try {\n      if (deleteConnectionTarget.provider === 'webhook') {\n        await deleteWebhookConnection.mutateAsync({\n          workspaceId,\n          connectionId: deleteConnectionTarget.id,\n        });\n      } else {\n        await deleteConnection.mutateAsync({\n          workspaceId,\n          connectionId: deleteConnectionTarget.id,\n        });\n      }\n      toast.success('Integration deleted.');\n      setDeleteConnectionId(undefined);\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Could not delete integration.');\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      <InstalledIntegrationsSection\n        workspaceSlug={workspaceSlug}\n        connections={sortedConnections}\n        isPending={connectionsQuery.isPending}\n        isFetching={connectionsQuery.isFetching}\n        error={connectionsQuery.isError ? connectionsQuery.error : undefined}\n        onRetry={() => void connectionsQuery.refetch()}\n        isMutating={\n          updateConnection.isPending ||\n          deleteConnection.isPending ||\n          updateWebhookConnection.isPending ||\n          deleteWebhookConnection.isPending\n        }\n        onUse={setUsageConnectionId}\n        onSetActive={(connection, active) => {\n          void setConnectionActive(connection, active);\n        }}\n        onDelete={setDeleteConnectionId}\n        providerDisplayName={providerDisplayName}\n      />\n\n      <section className=\"flex flex-col gap-group\" aria-label=\"Available integrations\">\n        <div className=\"flex flex-col gap-tight\">\n          <Header variant=\"h3\">Available integrations</Header>\n        </div>\n\n        {workspaceSlug ? (\n          <ProviderGrid\n            workspaceSlug={workspaceSlug}\n            providers={providers}\n            isPending={providersQuery.isPending}\n            isFetching={providersQuery.isFetching}\n            error={providersQuery.isError ? providersQuery.error : undefined}\n            onRetry={() => void providersQuery.refetch()}\n            emptyMessage={emptyProvidersMessage}\n            onOpenProvider={setCreateProvider}\n          />\n        ) : (\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\" aria-live=\"polite\">\n            Loading workspace details…\n          </Text>\n        )}\n      </section>\n      <WebhookCreateModal\n        workspaceId={workspaceId}\n        open={createProvider === 'webhook'}\n        onOpenChange={(open) => setCreateProvider(open ? 'webhook' : undefined)}\n        onCreated={(connection) => {\n          setCreatedUsageConnection(connection);\n          setUsageConnectionId(connection.id);\n        }}\n      />\n      <IntegrationUsageModal\n        connection={usageConnection}\n        events={usageConnection ? usageEventsForConnection(usageConnection) : []}\n        open={usageConnection !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setUsageConnectionId(undefined);\n            setCreatedUsageConnection(undefined);\n          }\n        }}\n      >\n        {usageConnection?.provider === 'webhook' ? (\n          <WebhookUsageDetails workspaceId={workspaceId} connectionId={usageConnection.id} />\n        ) : null}\n      </IntegrationUsageModal>\n      <IntegrationDeleteConfirmModal\n        connectionName={deleteConnectionTarget?.displayName}\n        open={deleteConnectionId !== undefined}\n        isPending={deleteConnection.isPending || deleteWebhookConnection.isPending}\n        onOpenChange={(open) => {\n          if (!open) setDeleteConnectionId(undefined);\n        }}\n        onConfirm={() => {\n          void confirmDeleteConnection();\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["useAuthState","toast","Header","Text","useState","useDeleteIntegrationConnectionMutation","useIntegrationConnectionsQuery","useIntegrationProvidersQuery","useUpdateIntegrationConnectionMutation","useDeleteWebhookConnectionMutation","useUpdateWebhookConnectionMutation","InstalledIntegrationsSection","IntegrationDeleteConfirmModal","usageEventsForConnection","IntegrationUsageModal","ProviderGrid","WebhookCreateModal","WebhookUsageDetails","IntegrationGalleryForWorkspace","capability","emptyProvidersMessage","workspaceId","workspaces","workspaceSlug","find","workspace","id","slug","createProvider","setCreateProvider","usageConnectionId","setUsageConnectionId","createdUsageConnection","setCreatedUsageConnection","deleteConnectionId","setDeleteConnectionId","providersQuery","undefined","connectionsQuery","updateConnection","deleteConnection","updateWebhookConnection","deleteWebhookConnection","providers","data","providersMap","Map","map","provider","allConnections","connections","filter","connection","capabilities","includes","providerDisplayName","get","displayName","providerLabel","sortedConnections","sort","a","b","byProvider","localeCompare","createdAt","usageConnection","deleteConnectionTarget","setConnectionActive","active","body","lifecycle_status","mutateAsync","connectionId","success","error","Error","message","confirmDeleteConnection","div","className","isPending","isFetching","isError","onRetry","refetch","isMutating","onUse","onSetActive","onDelete","section","aria-label","variant","emptyMessage","onOpenProvider","size","aria-live","open","onOpenChange","onCreated","events","connectionName","onConfirm"],"mappings":";AAAA,SAAQA,YAAY,QAAO,uBAAuB;AAClD,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,QAAQ,QAAO,QAAQ;AAM/B,SACEC,sCAAsC,EACtCC,8BAA8B,EAC9BC,4BAA4B,EAC5BC,sCAAsC,QACjC,6BAA6B;AACpC,SACEC,kCAAkC,EAClCC,kCAAkC,QAC7B,oCAAoC;AAC3C,SAAQC,4BAA4B,QAAO,sCAAsC;AACjF,SAAQC,6BAA6B,QAAO,wCAAwC;AACpF,SAAQC,wBAAwB,QAAO,gCAAgC;AACvE,SAAQC,qBAAqB,QAAO,+BAA+B;AACnE,SAAQC,YAAY,QAAO,qBAAqB;AAChD,SAAQC,kBAAkB,QAAO,oCAAoC;AACrE,SAAQC,mBAAmB,QAAO,qCAAqC;AAQvE,OAAO,SAASC,+BAA+B,EAC7CC,UAAU,EACVC,qBAAqB,EACrBC,WAAW,EACyB;IACpC,MAAM,EAACC,UAAU,EAAC,GAAGtB;IACrB,MAAMuB,gBAAgBD,WAAWE,IAAI,CAAC,CAACC,YAAcA,UAAUC,EAAE,KAAKL,cAAcM;IACpF,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGzB;IAC5C,MAAM,CAAC0B,mBAAmBC,qBAAqB,GAAG3B;IAClD,MAAM,CAAC4B,wBAAwBC,0BAA0B,GAAG7B;IAG5D,MAAM,CAAC8B,oBAAoBC,sBAAsB,GAAG/B;IACpD,MAAMgC,iBAAiB7B,6BAA6BY,aAAa;QAACA;IAAU,IAAIkB;IAChF,MAAMC,mBAAmBhC,+BAA+Be;IACxD,MAAMkB,mBAAmB/B;IACzB,MAAMgC,mBAAmBnC;IACzB,MAAMoC,0BAA0B/B;IAChC,MAAMgC,0BAA0BjC;IAEhC,MAAMkC,YAAYP,eAAeQ,IAAI,IAAI,EAAE;IAC3C,MAAMC,eAAe,IAAIC,IACvBH,UAAUI,GAAG,CAAC,CAACC,WAAa;YAACA,SAASA,QAAQ;YAAEA;SAAS;IAG3D,MAAMC,iBAAiBX,iBAAiBM,IAAI,IAAI,EAAE;IAClD,gFAAgF;IAChF,6EAA6E;IAC7E,aAAa;IACb,MAAMM,cAAc/B,aAChB8B,eAAeE,MAAM,CAAC,CAACC,aAAeA,WAAWC,YAAY,CAACC,QAAQ,CAACnC,eACvE8B;IAEJ,MAAMM,sBAAsB,CAACP,WAAqBH,aAAaW,GAAG,CAACR,WAAWS;IAC9E,MAAMC,gBAAgB,CAACV,WAAqBO,oBAAoBP,aAAaA;IAE7E,MAAMW,oBAAoB;WAAIT;KAAY,CAACU,IAAI,CAAC,CAACC,GAAGC;QAClD,MAAMC,aAAaL,cAAcG,EAAEb,QAAQ,EAAEgB,aAAa,CAACN,cAAcI,EAAEd,QAAQ;QACnF,IAAIe,eAAe,GAAG,OAAOA;QAC7B,OAAOF,EAAEI,SAAS,CAACD,aAAa,CAACF,EAAEG,SAAS;IAC9C;IACA,MAAMC,kBACJP,kBAAkBnC,IAAI,CAAC,CAAC4B,aAAeA,WAAW1B,EAAE,KAAKI,sBACxDE,CAAAA,wBAAwBN,OAAOI,oBAAoBE,yBAAyB,IAAG,KAChF;IACF,MAAMmC,yBAAyBR,kBAAkBnC,IAAI,CACnD,CAAC4B,aAAeA,WAAW1B,EAAE,KAAKQ;IAGpC,eAAekC,oBAAoBhB,UAAiC,EAAEiB,MAAe;QACnF,IAAI;YACF,MAAMC,OAAO;gBAACC,kBAAkBF,SAAS,WAAW;YAAU;YAC9D,IAAIjB,WAAWJ,QAAQ,KAAK,WAAW;gBACrC,MAAMP,wBAAwB+B,WAAW,CAAC;oBACxCnD;oBACAoD,cAAcrB,WAAW1B,EAAE;oBAC3B4C;gBACF;YACF,OAAO;gBACL,MAAM/B,iBAAiBiC,WAAW,CAAC;oBACjCC,cAAcrB,WAAW1B,EAAE;oBAC3B4C;gBACF;YACF;YACArE,MAAMyE,OAAO,CAACL,SAAS,yBAAyB;QAClD,EAAE,OAAOM,OAAO;YACd1E,MAAM0E,KAAK,CAACA,iBAAiBC,QAAQD,MAAME,OAAO,GAAG;QACvD;IACF;IAEA,eAAeC;QACb,IAAI,CAACX,wBAAwB;QAC7B,IAAI;YACF,IAAIA,uBAAuBnB,QAAQ,KAAK,WAAW;gBACjD,MAAMN,wBAAwB8B,WAAW,CAAC;oBACxCnD;oBACAoD,cAAcN,uBAAuBzC,EAAE;gBACzC;YACF,OAAO;gBACL,MAAMc,iBAAiBgC,WAAW,CAAC;oBACjCnD;oBACAoD,cAAcN,uBAAuBzC,EAAE;gBACzC;YACF;YACAzB,MAAMyE,OAAO,CAAC;YACdvC,sBAAsBE;QACxB,EAAE,OAAOsC,OAAO;YACd1E,MAAM0E,KAAK,CAACA,iBAAiBC,QAAQD,MAAME,OAAO,GAAG;QACvD;IACF;IAEA,qBACE,MAACE;QAAIC,WAAU;;0BACb,KAACrE;gBACCY,eAAeA;gBACf2B,aAAaS;gBACbsB,WAAW3C,iBAAiB2C,SAAS;gBACrCC,YAAY5C,iBAAiB4C,UAAU;gBACvCP,OAAOrC,iBAAiB6C,OAAO,GAAG7C,iBAAiBqC,KAAK,GAAGtC;gBAC3D+C,SAAS,IAAM,KAAK9C,iBAAiB+C,OAAO;gBAC5CC,YACE/C,iBAAiB0C,SAAS,IAC1BzC,iBAAiByC,SAAS,IAC1BxC,wBAAwBwC,SAAS,IACjCvC,wBAAwBuC,SAAS;gBAEnCM,OAAOxD;gBACPyD,aAAa,CAACpC,YAAYiB;oBACxB,KAAKD,oBAAoBhB,YAAYiB;gBACvC;gBACAoB,UAAUtD;gBACVoB,qBAAqBA;;0BAGvB,MAACmC;gBAAQV,WAAU;gBAA0BW,cAAW;;kCACtD,KAACZ;wBAAIC,WAAU;kCACb,cAAA,KAAC9E;4BAAO0F,SAAQ;sCAAK;;;oBAGtBrE,8BACC,KAACR;wBACCQ,eAAeA;wBACfoB,WAAWA;wBACXsC,WAAW7C,eAAe6C,SAAS;wBACnCC,YAAY9C,eAAe8C,UAAU;wBACrCP,OAAOvC,eAAe+C,OAAO,GAAG/C,eAAeuC,KAAK,GAAGtC;wBACvD+C,SAAS,IAAM,KAAKhD,eAAeiD,OAAO;wBAC1CQ,cAAczE;wBACd0E,gBAAgBjE;uCAGlB,KAAC1B;wBAAK4F,MAAK;wBAAKf,WAAU;wBAAgCgB,aAAU;kCAAS;;;;0BAKjF,KAAChF;gBACCK,aAAaA;gBACb4E,MAAMrE,mBAAmB;gBACzBsE,cAAc,CAACD,OAASpE,kBAAkBoE,OAAO,YAAY5D;gBAC7D8D,WAAW,CAAC/C;oBACVnB,0BAA0BmB;oBAC1BrB,qBAAqBqB,WAAW1B,EAAE;gBACpC;;0BAEF,KAACZ;gBACCsC,YAAYc;gBACZkC,QAAQlC,kBAAkBrD,yBAAyBqD,mBAAmB,EAAE;gBACxE+B,MAAM/B,oBAAoB;gBAC1BgC,cAAc,CAACD;oBACb,IAAI,CAACA,MAAM;wBACTlE,qBAAqBM;wBACrBJ,0BAA0BI;oBAC5B;gBACF;0BAEC6B,iBAAiBlB,aAAa,0BAC7B,KAAC/B;oBAAoBI,aAAaA;oBAAaoD,cAAcP,gBAAgBxC,EAAE;qBAC7E;;0BAEN,KAACd;gBACCyF,gBAAgBlC,wBAAwBV;gBACxCwC,MAAM/D,uBAAuBG;gBAC7B4C,WAAWzC,iBAAiByC,SAAS,IAAIvC,wBAAwBuC,SAAS;gBAC1EiB,cAAc,CAACD;oBACb,IAAI,CAACA,MAAM9D,sBAAsBE;gBACnC;gBACAiE,WAAW;oBACT,KAAKxB;gBACP;;;;AAIR"}

package/dist/routes/integrations-settings.d.ts

@@ -1,9 +1,8 @@
-import { IntegrationGallery } from '#index.js';
 declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
     readonly staticData: {
         readonly frame: "content";
     };
-    readonly component: typeof IntegrationGallery;
+    readonly component: () => import("react").JSX.Element;
 }>;
 export default _default;
 //# sourceMappingURL=integrations-settings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"integrations-settings.d.ts","sourceRoot":"","sources":["../../src/routes/integrations-settings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC"}
+{"version":3,"file":"integrations-settings.d.ts","sourceRoot":"","sources":["../../src/routes/integrations-settings.tsx"],"names":[],"mappings":""}

package/dist/routes/integrations-settings.js

@@ -1,10 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { defineRoute } from '@shipfox/client-shell/runtime';
+import { Header } from '@shipfox/react-ui/typography';
 import { IntegrationGallery } from '#index.js';
 export default defineRoute({
     staticData: {
         frame: 'content'
     },
-    component: IntegrationGallery
+    component: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex min-w-0 flex-col gap-section",
+            children: [
+                /*#__PURE__*/ _jsx(Header, {
+                    variant: "h1",
+                    children: "Integrations"
+                }),
+                /*#__PURE__*/ _jsx(IntegrationGallery, {})
+            ]
+        })
 });
 
 //# sourceMappingURL=integrations-settings.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/integrations-settings.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {IntegrationGallery} from '#index.js';\n\nexport default defineRoute({\n  staticData: {frame: 'content'},\n  component: IntegrationGallery,\n});\n"],"names":["defineRoute","IntegrationGallery","staticData","frame","component"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,kBAAkB,QAAO,YAAY;AAE7C,eAAeD,YAAY;IACzBE,YAAY;QAACC,OAAO;IAAS;IAC7BC,WAAWH;AACb,GAAG"}
+{"version":3,"sources":["../../src/routes/integrations-settings.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {Header} from '@shipfox/react-ui/typography';\nimport {IntegrationGallery} from '#index.js';\n\nexport default defineRoute({\n  staticData: {frame: 'content'},\n  component: () => (\n    <div className=\"flex min-w-0 flex-col gap-section\">\n      <Header variant=\"h1\">Integrations</Header>\n      <IntegrationGallery />\n    </div>\n  ),\n});\n"],"names":["defineRoute","Header","IntegrationGallery","staticData","frame","component","div","className","variant"],"mappings":";AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,MAAM,QAAO,+BAA+B;AACpD,SAAQC,kBAAkB,QAAO,YAAY;AAE7C,eAAeF,YAAY;IACzBG,YAAY;QAACC,OAAO;IAAS;IAC7BC,WAAW,kBACT,MAACC;YAAIC,WAAU;;8BACb,KAACN;oBAAOO,SAAQ;8BAAK;;8BACrB,KAACN;;;AAGP,GAAG"}