// ---------------------------------------------------------------------------// Integration add-flow helpers — the plugin-agnostic pieces every Add-integration// form repeats: decoding a mutation Exit into a user-facing message, the// IntegrationAlreadyExistsError guard, the live slug-collision check against// the catalog, and the inline error/collision alerts.// --------------------------------------------------------------------------- import { useMemo } from "react";import { useAtomValue } from "@effect/atom-react";import { Link } from "@tanstack/react-router";import * as Exit from "effect/Exit";import * as Option from "effect/Option";import * as Predicate from "effect/Predicate";import * as AsyncResult from "effect/unstable/reactivity/AsyncResult"; import { integrationsOptimisticAtom } from "../api/atoms";import { messageFromExit } from "../api/error-reporting"; /** The failed Exit's `message`, or `fallback` when the error carries none. */export const errorMessageFromExit: (exit: Exit.Exit<unknown, unknown>, fallback: string) => string =  messageFromExit; export const isIntegrationAlreadyExistsExit = (exit: Exit.Exit<unknown, unknown>): boolean =>  Option.match(Exit.findErrorOption(exit), {    onNone: () => false,    onSome: Predicate.isTagged("IntegrationAlreadyExistsError"),  }); export const integrationExistsMessage = (slug: string): string =>  `An integration named "${slug}" already exists. To add more authentication, update your existing integration.`; /** Decode an add-integration failure into its inline message: the *  already-exists guard message for a slug collision, otherwise the error's *  own message (or `fallback`). */export const addIntegrationErrorMessage = (  exit: Exit.Exit<unknown, unknown>,  slug: string,  fallback: string,): string =>  isIntegrationAlreadyExistsExit(exit)    ? integrationExistsMessage(slug)    : errorMessageFromExit(exit, fallback); /** Whether `slug` is already taken in the tenant-scoped catalog (pre-empting *  the API's `IntegrationAlreadyExistsError`). Blank slugs never collide — *  they let the server assign one. */export function useSlugAlreadyExists(slug: string): boolean {  const integrationsResult = useAtomValue(integrationsOptimisticAtom);  return useMemo(    () =>      slug.length > 0 &&      AsyncResult.isSuccess(integrationsResult) &&      integrationsResult.value.some((integration) => String(integration.slug) === slug),    [integrationsResult, slug],  );} /** Inline destructive alert for a form-level error message. */export function FormErrorAlert(props: { readonly message: string }) {  return (    <div className="rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2">      <p className="text-[12px] text-destructive">{props.message}</p>    </div>  );} /** The slug-collision alert with a link to the existing integration. Render *  gated by the caller (typically `show && !adding`). */export function SlugCollisionAlert(props: { readonly slug: string }) {  return (    <div className="rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2">      <p className="text-[12px] text-destructive">        An integration named &quot;{props.slug}&quot; already exists. To add more authentication,        update your existing integration.{" "}        <Link          to="/{-$orgSlug}/integrations/$namespace"          params={{ namespace: props.slug }}          className="font-medium underline underline-offset-2"        >          Open it        </Link>      </p>    </div>  );}