@shipfox/client-integrations 0.2.0

package/.storybook/main.ts

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

package/.storybook/preview.css

@@ -0,0 +1,4 @@
+@import "@shipfox/react-ui/index.css";
+
+@source "../src";
+@source "../../../shared/react/ui/src";

package/.storybook/preview.tsx

@@ -0,0 +1,56 @@
+import './preview.css';
+import {ThemeProvider} from '@shipfox/react-ui/theme';
+import type {Decorator, Preview} from '@storybook/react';
+
+if (typeof document !== 'undefined' && document.fonts) {
+  void Promise.all([
+    document.fonts.load("16px 'Inter'"),
+    document.fonts.load("italic 16px 'Inter'"),
+    document.fonts.load("16px 'Commit Mono'"),
+    document.fonts.load("bold 16px 'Commit Mono'"),
+  ]);
+}
+
+const withTheme: Decorator = (Story, context) => {
+  const theme = context.globals.theme;
+  return (
+    <ThemeProvider key={theme} defaultTheme={theme} storageKey={`shipfox-theme-${theme}`}>
+      <Story />
+    </ThemeProvider>
+  );
+};
+
+const preview: Preview = {
+  decorators: [withTheme],
+  parameters: {
+    argos: {
+      // Dual-theme coverage lives in @shipfox/react-ui (the theming source of truth);
+      // feature packages capture only the primary dark theme to limit Argos spend.
+      modes: {
+        dark: {theme: 'dark'},
+      },
+      fitToContent: false,
+    },
+    options: {
+      storySort: {method: 'alphabetical'},
+    },
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      description: 'Global theme for components',
+      defaultValue: 'dark',
+      toolbar: {
+        icon: 'sun',
+        items: [
+          {value: 'light', icon: 'sun', title: 'Light'},
+          {value: 'dark', icon: 'moon', title: 'Dark'},
+          {value: 'system', icon: 'info', title: 'System'},
+        ],
+        showName: true,
+      },
+    },
+  },
+};
+
+export default preview;

package/.turbo/turbo-build.log

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

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

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

package/.turbo/turbo-type.log

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

package/CHANGELOG.md

@@ -0,0 +1,207 @@
+# @shipfox/client-integrations
+
+## 0.2.0
+
+### Minor Changes
+
+- 3d064b8: Publishes the client runtime closure with shell, feature, route, Vite, and testing contracts.
+- 6bc2e45: Adds the composable upstream client shell, feature catalog, and route manifests for every client feature.
+
+### Patch Changes
+
+- Updated dependencies [3d064b8]
+- Updated dependencies [6bc2e45]
+  - @shipfox/client-api@0.2.0
+  - @shipfox/client-auth@0.2.0
+  - @shipfox/client-shell@0.2.0
+  - @shipfox/client-ui@0.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [6b23868]
+- Updated dependencies [c18d624]
+- Updated dependencies [60e7bf5]
+  - @shipfox/api-integration-core-dto@3.0.0
+  - @shipfox/api-integration-github-dto@3.0.0
+  - @shipfox/api-integration-sentry-dto@3.0.0
+  - @shipfox/api-integration-webhook-dto@3.0.0
+  - @shipfox/react-ui@0.3.1
+  - @shipfox/api-integration-gitea-dto@3.0.0
+  - @shipfox/api-integration-linear-dto@3.0.0
+  - @shipfox/client-auth@0.0.5
+  - @shipfox/client-ui@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [1b0d344]
+  - @shipfox/api-integration-core-dto@2.0.0
+  - @shipfox/api-integration-gitea-dto@2.0.0
+  - @shipfox/api-integration-github-dto@2.0.0
+  - @shipfox/api-integration-linear-dto@2.0.0
+  - @shipfox/api-integration-sentry-dto@2.0.0
+  - @shipfox/api-integration-webhook-dto@2.0.0
+  - @shipfox/client-ui@0.1.1
+  - @shipfox/client-auth@0.0.4
+  - @shipfox/client-api@0.0.1
+  - @shipfox/react-ui@0.3.0
+
+## 0.1.0
+
+### Minor Changes
+
+- 43d7996: Adds the Linear OAuth connect experience to workspace integration settings.
+- e4c6abf: Add reusable, source-keyed icon building blocks so any surface can render an integration or trigger icon without re-implementing the catalog lookup and fallback.
+
+  `@shipfox/client-integrations` exposes `getIntegrationIcon(source)` and `<IntegrationIcon source />`, resolving an integration source (a connection `provider`, a run `trigger_source`, or a trigger event `source`) against the central `PROVIDER_CATALOG` with a neutral `componentLine` fallback. The catalog stays the single place each integration declares its icon; the integration gallery now renders `<IntegrationIcon>` instead of an inline lookup (no behavior change).
+
+  New `@shipfox/client-triggers` package adds `getTriggerSourceIcon(source)` and `<TriggerSourceIcon source />`, built on the integration resolver. It recognizes the system trigger sources `manual` (a person fired the run) and `cron` (a schedule), and delegates every other source to the integration catalog. This is the building block for showing an icon on run rows and trigger events; adopting it on those surfaces lands separately.
+
+- b8e49ff: Add the client-side Sentry install/connect flow and a workspace settings
+  integrations hub.
+  - `@shipfox/client-integrations`: shared `IntegrationGallerySection` (capability
+    filter, lifecycle pills, "Added" date, external link, connected-first
+    ordering, degraded status mode), shared `RedirectInstallPage` powering the
+    GitHub and new Sentry install pages, `SentryCallbackPage` with an explicit
+    workspace confirm (sessionStorage only pre-selects), two-tier retry, and the
+    Sentry hooks (`useCreateSentryInstallMutation`, `connectSentry`,
+    `useIntegrationConnectionsQuery`).
+  - `@shipfox/client-workspace-settings`: new `/workspaces/$wid/settings/integrations`
+    page and an Integrations entry in the settings nav.
+  - `@shipfox/client-router`: routes for the Sentry install page, the root-level
+    Sentry callback, and the settings integrations page.
+  - `@shipfox/react-ui`: `sentry` icon (monochrome, theme-aware).
+  - `@shipfox/api-integration-core-dto`: optional `external_url` on the connection
+    DTO and an optional `connectionExternalUrl` method on `IntegrationProvider`.
+  - `@shipfox/api-integration-core`: `GET /integration-connections` now returns
+    connections of every lifecycle status (the active-only filter prevented
+    clients from surfacing disabled/error state) and resolves `external_url`
+    per connection best-effort.
+  - `@shipfox/api-integration-sentry` / `@shipfox/api-integration-github`:
+    implement `connectionExternalUrl` (Sentry org URL via a new
+    by-connection-id installation lookup; GitHub installation settings URL).
+
+### Patch Changes
+
+- d245be8: [api/integrations] Make the signed Sentry installation webhook authoritative.
+  - `@shipfox/api-integration-sentry-dto`: reshape `sentryInstallationWebhookSchema`
+    to read `data.installation.{uuid, organization.slug, status, code}` plus an
+    optional top-level `actor`. Only consumed fields are validated and the raw
+    `code` is never logged.
+  - `@shipfox/api-integration-sentry`: the signed `installation.created` webhook now
+    exchanges the single-use code and persists a verified-but-unclaimed installation
+    (`connection_id IS NULL`, `code_hash = sha256(code)`). The browser flow narrows
+    to a claim that binds a verified install to a workspace under unified claim auth
+    (exchange-success, same-code hash match, or a retryable
+    `verification-in-progress` while a concurrent webhook is mid-exchange), with a
+    proof-mismatch 403 closing the bare-uuid IDOR. The exchange/verify run outside
+    the DB transaction; a short transaction wraps persist + delivery record. Adds
+    `connection_id` nullable + `code_hash` to the installations table and a daily TTL
+    cron that tombstones never-claimed installs.
+  - `@shipfox/api-integration-core`: inject the Sentry client into the webhook
+    context, resolve a null `connection_id` to "no connection" for pre-claim issue
+    deliveries, and register the unclaimed-installation cleanup cron when Sentry is
+    enabled.
+  - `@shipfox/client-integrations`: treat the retryable `verification-in-progress`
+    response as a backoff-eligible failure on the connect callback.
+
+- 0f06c02: Redesign the integration gallery into separate Installed and Available sections, rendering one card per connection so multiple connections from the same provider are no longer collapsed and silently hidden.
+- 42443b4: Redesign the projects hub cards around source health and align them with the
+  integration gallery cards. Each card now shows the integration provider logo
+  before the name, drops the raw external repository id, and surfaces a status
+  pill only when the project's source is not active (Disabled or Error), in the
+  same inline location as the gallery. The cards adopt the gallery layout
+  (two-column grid, 16px padding, 24px icon) and carry no call to action.
+
+  Extract the connection lifecycle pill into a shared `ConnectionStatusBadge` in
+  `@shipfox/client-integrations` so the gallery and the projects hub render the
+  same taxonomy from one source of truth.
+
+- 63bcac8: Moves workspace setup gating into route hooks so VCS onboarding and first project creation resolve before protected workspace content renders.
+- a7da648: Fixes invisible keyboard focus rings on the user menu, integration tiles, and project cards by using the existing neutral button focus token.
+- Updated dependencies [43d7996]
+- Updated dependencies [0948b67]
+- Updated dependencies [14e0bea]
+- Updated dependencies [861091c]
+- Updated dependencies [9018f0b]
+- Updated dependencies [7fdfd72]
+- Updated dependencies [115655e]
+- Updated dependencies [2a3193f]
+- Updated dependencies [ce062a9]
+- Updated dependencies [f104ff2]
+- Updated dependencies [7341569]
+- Updated dependencies [f3614ae]
+- Updated dependencies [d245be8]
+- Updated dependencies [f8f339a]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [58f51bd]
+- Updated dependencies [570ac69]
+- Updated dependencies [857fd73]
+- Updated dependencies [5d0676a]
+- Updated dependencies [a35c2dc]
+- Updated dependencies [58f7aef]
+- Updated dependencies [5264a22]
+- Updated dependencies [9674879]
+- Updated dependencies [225c9a5]
+- Updated dependencies [24f131b]
+- Updated dependencies [7790355]
+- Updated dependencies [bb2a7bc]
+- Updated dependencies [63bcac8]
+- Updated dependencies [5eb06d0]
+- Updated dependencies [4e13e5f]
+- Updated dependencies [e92150d]
+- Updated dependencies [8037501]
+- Updated dependencies [0fb6018]
+- Updated dependencies [c27a1ed]
+- Updated dependencies [b8e49ff]
+- Updated dependencies [5b8ed32]
+- Updated dependencies [d6d4862]
+- Updated dependencies [8037501]
+- Updated dependencies [6c0da64]
+- Updated dependencies [07f8ff8]
+- Updated dependencies [e457582]
+- Updated dependencies [8b5c905]
+- Updated dependencies [01be723]
+- Updated dependencies [f849131]
+- Updated dependencies [94bdcc5]
+- Updated dependencies [a34c8ea]
+- Updated dependencies [27770eb]
+- Updated dependencies [2933c33]
+- Updated dependencies [8ac4bf4]
+- Updated dependencies [3a0be6b]
+- Updated dependencies [d42baf4]
+- Updated dependencies [8037501]
+- Updated dependencies [54bb8a3]
+- Updated dependencies [f711e18]
+  - @shipfox/react-ui@0.3.0
+  - @shipfox/api-integration-linear-dto@0.0.1
+  - @shipfox/api-integration-webhook-dto@0.0.1
+  - @shipfox/api-integration-core-dto@0.1.0
+  - @shipfox/api-integration-sentry-dto@0.1.0
+  - @shipfox/api-integration-gitea-dto@0.0.1
+  - @shipfox/client-api@0.0.1
+  - @shipfox/client-ui@0.1.0
+  - @shipfox/client-auth@0.0.3
+  - @shipfox/api-integration-github-dto@0.0.1
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [5c1e777]
+  - @shipfox/react-ui@0.2.0
+  - @shipfox/client-auth@0.0.2
+
+## 0.0.1
+
+### Patch Changes
+
+- Updated dependencies [2311e15]
+  - @shipfox/react-ui@0.1.1
+  - @shipfox/client-auth@0.0.1
+  - @shipfox/api-integration-core-dto@0.0.0
+  - @shipfox/api-integration-github-dto@0.0.0
+  - @shipfox/client-api@0.0.0

package/LICENSE

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

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

@@ -0,0 +1,7 @@
+import type { IntegrationConnectionDto } from '@shipfox/api-integration-core-dto';
+export declare function ConnectionPicker({ connections, selectedConnectionId, onSelect, }: {
+    connections: IntegrationConnectionDto[];
+    selectedConnectionId: string | undefined;
+    onSelect: (connectionId: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=connection-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connection-picker.d.ts","sourceRoot":"","sources":["../../src/components/connection-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAShF,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,oBAAoB,EACpB,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,+BAsBA"}

package/dist/components/connection-picker.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIsTextTruncated } from '@shipfox/react-ui/hooks';
+import { Label } from '@shipfox/react-ui/label';
+import { RadioGroup, RadioGroupItem } from '@shipfox/react-ui/radio-group';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Text } from '@shipfox/react-ui/typography';
+import { useId } from 'react';
+import { IntegrationIcon } from '#integration-icon.js';
+export function ConnectionPicker({ connections, selectedConnectionId, onSelect }) {
+    const labelId = useId();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-10",
+        children: [
+            /*#__PURE__*/ _jsx(Label, {
+                id: labelId,
+                className: "sr-only",
+                children: "Source integration"
+            }),
+            /*#__PURE__*/ _jsx(RadioGroup, {
+                "aria-labelledby": labelId,
+                value: selectedConnectionId ?? '',
+                onValueChange: onSelect,
+                className: "grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1",
+                children: connections.map((connection)=>/*#__PURE__*/ _jsx(RadioGroupItem, {
+                        value: connection.id,
+                        className: "p-12",
+                        children: /*#__PURE__*/ _jsx(ConnectionOption, {
+                            connection: connection
+                        })
+                    }, connection.id))
+            })
+        ]
+    });
+}
+function ConnectionOption({ connection }) {
+    const { ref: nameRef, isTruncated } = useIsTextTruncated(connection.display_name);
+    return /*#__PURE__*/ _jsxs("span", {
+        className: "flex min-w-0 items-center gap-10",
+        children: [
+            /*#__PURE__*/ _jsxs(Tooltip, {
+                children: [
+                    /*#__PURE__*/ _jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            className: "shrink-0",
+                            children: /*#__PURE__*/ _jsx(IntegrationIcon, {
+                                source: connection.provider,
+                                "aria-hidden": true,
+                                className: "size-20 text-foreground-neutral-base"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TooltipContent, {
+                        children: integrationName(connection.provider)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Tooltip, {
+                children: [
+                    /*#__PURE__*/ _jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            ref: nameRef,
+                            className: "min-w-0 truncate",
+                            children: /*#__PURE__*/ _jsx(Text, {
+                                as: "span",
+                                size: "sm",
+                                bold: true,
+                                children: connection.display_name
+                            })
+                        })
+                    }),
+                    isTruncated ? /*#__PURE__*/ _jsx(TooltipContent, {
+                        children: connection.display_name
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+function integrationName(provider) {
+    switch(provider){
+        case 'github':
+            return 'GitHub';
+        case 'gitea':
+            return 'Gitea';
+        case 'sentry':
+            return 'Sentry';
+        case 'webhook':
+            return 'Webhook';
+        case 'debug':
+            return 'Debug';
+        default:
+            return provider;
+    }
+}
+
+//# sourceMappingURL=connection-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/connection-picker.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport {useIsTextTruncated} from '@shipfox/react-ui/hooks';\nimport {Label} from '@shipfox/react-ui/label';\nimport {RadioGroup, RadioGroupItem} from '@shipfox/react-ui/radio-group';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useId} from 'react';\nimport {IntegrationIcon} from '#integration-icon.js';\n\nexport function ConnectionPicker({\n  connections,\n  selectedConnectionId,\n  onSelect,\n}: {\n  connections: IntegrationConnectionDto[];\n  selectedConnectionId: string | undefined;\n  onSelect: (connectionId: string) => void;\n}) {\n  const labelId = useId();\n\n  return (\n    <div className=\"flex flex-col gap-10\">\n      <Label id={labelId} className=\"sr-only\">\n        Source integration\n      </Label>\n      <RadioGroup\n        aria-labelledby={labelId}\n        value={selectedConnectionId ?? ''}\n        onValueChange={onSelect}\n        className=\"grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1\"\n      >\n        {connections.map((connection) => (\n          <RadioGroupItem key={connection.id} value={connection.id} className=\"p-12\">\n            <ConnectionOption connection={connection} />\n          </RadioGroupItem>\n        ))}\n      </RadioGroup>\n    </div>\n  );\n}\n\nfunction ConnectionOption({connection}: {connection: IntegrationConnectionDto}) {\n  const {ref: nameRef, isTruncated} = useIsTextTruncated<HTMLSpanElement>(connection.display_name);\n\n  return (\n    <span className=\"flex min-w-0 items-center gap-10\">\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span className=\"shrink-0\">\n            <IntegrationIcon\n              source={connection.provider}\n              aria-hidden\n              className=\"size-20 text-foreground-neutral-base\"\n            />\n          </span>\n        </TooltipTrigger>\n        <TooltipContent>{integrationName(connection.provider)}</TooltipContent>\n      </Tooltip>\n\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span ref={nameRef} className=\"min-w-0 truncate\">\n            <Text as=\"span\" size=\"sm\" bold>\n              {connection.display_name}\n            </Text>\n          </span>\n        </TooltipTrigger>\n        {isTruncated ? <TooltipContent>{connection.display_name}</TooltipContent> : null}\n      </Tooltip>\n    </span>\n  );\n}\n\nfunction integrationName(provider: string): string {\n  switch (provider) {\n    case 'github':\n      return 'GitHub';\n    case 'gitea':\n      return 'Gitea';\n    case 'sentry':\n      return 'Sentry';\n    case 'webhook':\n      return 'Webhook';\n    case 'debug':\n      return 'Debug';\n    default:\n      return provider;\n  }\n}\n"],"names":["useIsTextTruncated","Label","RadioGroup","RadioGroupItem","Tooltip","TooltipContent","TooltipTrigger","Text","useId","IntegrationIcon","ConnectionPicker","connections","selectedConnectionId","onSelect","labelId","div","className","id","aria-labelledby","value","onValueChange","map","connection","ConnectionOption","ref","nameRef","isTruncated","display_name","span","asChild","source","provider","aria-hidden","integrationName","as","size","bold"],"mappings":";AACA,SAAQA,kBAAkB,QAAO,0BAA0B;AAC3D,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,UAAU,EAAEC,cAAc,QAAO,gCAAgC;AACzE,SAAQC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAO,4BAA4B;AAClF,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,KAAK,QAAO,QAAQ;AAC5B,SAAQC,eAAe,QAAO,uBAAuB;AAErD,OAAO,SAASC,iBAAiB,EAC/BC,WAAW,EACXC,oBAAoB,EACpBC,QAAQ,EAKT;IACC,MAAMC,UAAUN;IAEhB,qBACE,MAACO;QAAIC,WAAU;;0BACb,KAACf;gBAAMgB,IAAIH;gBAASE,WAAU;0BAAU;;0BAGxC,KAACd;gBACCgB,mBAAiBJ;gBACjBK,OAAOP,wBAAwB;gBAC/BQ,eAAeP;gBACfG,WAAU;0BAETL,YAAYU,GAAG,CAAC,CAACC,2BAChB,KAACnB;wBAAmCgB,OAAOG,WAAWL,EAAE;wBAAED,WAAU;kCAClE,cAAA,KAACO;4BAAiBD,YAAYA;;uBADXA,WAAWL,EAAE;;;;AAO5C;AAEA,SAASM,iBAAiB,EAACD,UAAU,EAAyC;IAC5E,MAAM,EAACE,KAAKC,OAAO,EAAEC,WAAW,EAAC,GAAG1B,mBAAoCsB,WAAWK,YAAY;IAE/F,qBACE,MAACC;QAAKZ,WAAU;;0BACd,MAACZ;;kCACC,KAACE;wBAAeuB,OAAO;kCACrB,cAAA,KAACD;4BAAKZ,WAAU;sCACd,cAAA,KAACP;gCACCqB,QAAQR,WAAWS,QAAQ;gCAC3BC,aAAW;gCACXhB,WAAU;;;;kCAIhB,KAACX;kCAAgB4B,gBAAgBX,WAAWS,QAAQ;;;;0BAGtD,MAAC3B;;kCACC,KAACE;wBAAeuB,OAAO;kCACrB,cAAA,KAACD;4BAAKJ,KAAKC;4BAAST,WAAU;sCAC5B,cAAA,KAACT;gCAAK2B,IAAG;gCAAOC,MAAK;gCAAKC,IAAI;0CAC3Bd,WAAWK,YAAY;;;;oBAI7BD,4BAAc,KAACrB;kCAAgBiB,WAAWK,YAAY;yBAAqB;;;;;AAIpF;AAEA,SAASM,gBAAgBF,QAAgB;IACvC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAOA;IACX;AACF"}

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

@@ -0,0 +1,14 @@
+import type { IntegrationConnectionDto, ListIntegrationConnectionsResponseDto } from '@shipfox/api-integration-core-dto';
+import type { UseQueryResult } from '@tanstack/react-query';
+interface InstalledIntegrationsSectionProps {
+    connectionsQuery: UseQueryResult<ListIntegrationConnectionsResponseDto, Error>;
+    connections: IntegrationConnectionDto[];
+    isMutating: boolean;
+    onUse: (connectionId: string) => void;
+    onSetActive: (connection: IntegrationConnectionDto, active: boolean) => void;
+    onDelete: (connectionId: string) => void;
+    providerDisplayName: (provider: string) => string | undefined;
+}
+export declare function InstalledIntegrationsSection({ connectionsQuery, connections, isMutating, onUse, onSetActive, onDelete, providerDisplayName, }: InstalledIntegrationsSectionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=installed-integrations-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"installed-integrations-section.d.ts","sourceRoot":"","sources":["../../src/components/installed-integrations-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,qCAAqC,EACtC,MAAM,mCAAmC,CAAC;AAc3C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAM1D,UAAU,iCAAiC;IACzC,gBAAgB,EAAE,cAAc,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAC;IAC/E,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,UAAU,EAAE,wBAAwB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC/D;AAKD,wBAAgB,4BAA4B,CAAC,EAC3C,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,mBAAmB,GACpB,EAAE,iCAAiC,+BA6CnC"}

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

@@ -0,0 +1,203 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { IconButton } from '@shipfox/react-ui/button';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@shipfox/react-ui/dropdown-menu';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { cn, formatDate } from '@shipfox/react-ui/utils';
+import { Link } from '@tanstack/react-router';
+import { ConnectionStatusBadge } from '#connection-status-badge.js';
+import { IntegrationIcon } from '#integration-icon.js';
+import { usageEventsForConnection } from './integration-usage-events.js';
+const INSTALLED_SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
+export function InstalledIntegrationsSection({ connectionsQuery, connections, isMutating, onUse, onSetActive, onDelete, providerDisplayName }) {
+    return /*#__PURE__*/ _jsxs("section", {
+        className: "flex flex-col gap-16",
+        "aria-label": "Installed integrations",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-4",
+                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."
+                    })
+                ]
+            }),
+            connectionsQuery.isPending ? /*#__PURE__*/ _jsx(InstalledSkeleton, {
+                label: "Loading integrations"
+            }) : null,
+            connectionsQuery.isError && connectionsQuery.data === undefined ? /*#__PURE__*/ _jsx("div", {
+                className: cn(INSTALLED_SURFACE_CLASS, 'px-16'),
+                children: /*#__PURE__*/ _jsx(QueryLoadError, {
+                    query: connectionsQuery,
+                    subject: "integrations"
+                })
+            }) : null,
+            connectionsQuery.data !== undefined && connections.length === 0 ? /*#__PURE__*/ _jsx("div", {
+                className: cn(INSTALLED_SURFACE_CLASS, 'px-16'),
+                children: /*#__PURE__*/ _jsx(EmptyState, {
+                    icon: "componentLine",
+                    title: "No integrations installed yet",
+                    description: "Install a provider below to get started."
+                })
+            }) : null,
+            connections.length > 0 ? /*#__PURE__*/ _jsx("ul", {
+                className: cn('divide-y divide-border-neutral-base', INSTALLED_SURFACE_CLASS),
+                children: connections.map((connection)=>/*#__PURE__*/ _jsx(InstalledRow, {
+                        connection: connection,
+                        isMutating: isMutating,
+                        onUse: onUse,
+                        onSetActive: (nextActive)=>onSetActive(connection, nextActive),
+                        onDelete: onDelete,
+                        providerDisplayName: providerDisplayName
+                    }, connection.id))
+            }) : null
+        ]
+    });
+}
+function InstalledRow({ connection, isMutating, onUse, onSetActive, onDelete, providerDisplayName }) {
+    const muted = connection.lifecycle_status === 'disabled';
+    const active = connection.lifecycle_status === 'active';
+    const recentEventsEvent = usageEventsForConnection(connection)[0]?.value ?? 'received';
+    const providerName = providerDisplayName(connection.provider);
+    return /*#__PURE__*/ _jsxs("li", {
+        className: "flex items-center gap-12 px-16 py-12 transition-colors hover:bg-background-components-hover",
+        children: [
+            /*#__PURE__*/ _jsx(IntegrationIcon, {
+                source: connection.provider,
+                "aria-hidden": true,
+                className: cn('size-24 shrink-0', muted ? 'text-foreground-neutral-disabled' : 'text-foreground-neutral-base')
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 flex-1 flex-col gap-2",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 items-center gap-8",
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "md",
+                                bold: true,
+                                className: cn('truncate', muted ? 'text-foreground-neutral-disabled' : undefined),
+                                children: connection.display_name
+                            }),
+                            /*#__PURE__*/ _jsx(ConnectionStatusBadge, {
+                                status: connection.lifecycle_status,
+                                className: "shrink-0"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Text, {
+                        size: "sm",
+                        className: "truncate text-foreground-neutral-muted",
+                        children: [
+                            "Added ",
+                            formatDate(connection.created_at)
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DropdownMenu, {
+                children: [
+                    /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(IconButton, {
+                            size: "sm",
+                            variant: "transparent",
+                            icon: "more2Line",
+                            "aria-label": `Open ${connection.display_name} integration actions`
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                        align: "end",
+                        children: [
+                            connection.external_url ? /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx("a", {
+                                    href: connection.external_url,
+                                    target: "_blank",
+                                    rel: "noreferrer noopener",
+                                    children: providerName ? `Open in ${providerName}` : 'Open provider settings'
+                                })
+                            }) : null,
+                            /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                onSelect: ()=>onUse(connection.id),
+                                children: "Use this integration"
+                            }),
+                            /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx(Link, {
+                                    to: "/workspaces/$wid/settings/events",
+                                    params: {
+                                        wid: connection.workspace_id
+                                    },
+                                    search: {
+                                        source: [
+                                            connection.slug
+                                        ],
+                                        event: [
+                                            recentEventsEvent
+                                        ]
+                                    },
+                                    children: "View recent events"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
+                            /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                disabled: isMutating,
+                                onSelect: ()=>onSetActive(!active),
+                                children: active ? 'Disable integration' : 'Enable integration'
+                            }),
+                            /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                disabled: isMutating,
+                                onSelect: ()=>onDelete(connection.id),
+                                children: "Delete integration"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function InstalledSkeleton({ label }) {
+    return /*#__PURE__*/ _jsx("ul", {
+        role: "status",
+        "aria-label": label,
+        className: cn('divide-y divide-border-neutral-base', INSTALLED_SURFACE_CLASS),
+        children: [
+            0,
+            1,
+            2
+        ].map((row)=>/*#__PURE__*/ _jsxs("li", {
+                className: "flex items-center gap-12 px-16 py-12",
+                children: [
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "size-24 shrink-0"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-1 flex-col gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-16 w-120"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-12 w-80"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-20 w-72 shrink-0"
+                    })
+                ]
+            }, row))
+    });
+}
+
+//# sourceMappingURL=installed-integrations-section.js.map