@kortix/ui 0.14.8 → 0.14.10

package/dist/customize/sections/connector-connection-header.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PlugIcon } from '@phosphor-icons/react';
-import { UiImage as Image } from '../../providers/ui-provider.js';
-import { EntityAvatar } from '../../primitives/entity-avatar.js';
-import { cn } from '../../internal/lib/utils.js';
-/**
- * The icon tile for a connector that does not exist yet. `ConnectorAppIcon`
- * (`connectors-view.tsx:729`) needs an `AdminConnector`; the add flow has a
- * catalogue app — an image URL and a name, nothing more. Same 40px bordered
- * tile, same `object-contain` treatment, so the two are indistinguishable on
- * screen.
- */
-export function ConnectorConnectionIcon({ src, name }) {
-    if (src) {
-        return (_jsx("span", { className: "border-border/60 bg-card relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm border", children: _jsx(Image, { src: src, alt: "", referrerPolicy: "no-referrer", fill: true, sizes: "40px", className: "object-contain", unoptimized: true }) }));
-    }
-    return _jsx(EntityAvatar, { icon: PlugIcon, size: "lg", label: name });
-}
-/**
- * A connector's identity block — icon, name, byline, description —
- * shared by the add flow (`ConnectorConnectionModal`) and the detail modal
- * (`connector-modal.tsx`), so "what is this thing?" is answered by the same
- * layout in both places.
- *
- * Everything except `icon` and `name` is optional; a custom connector with
- * no catalogue record simply renders less. `nameSlot` swaps the plain name
- * for a caller-owned control (the detail modal's inline rename, or Radix's
- * `ModalTitle`) without changing the rhythm around it.
- */
-export function ConnectorConnectionHeader({ icon, name, nameSlot, byline, meta, status, description, className, }) {
-    return (_jsxs("div", { className: cn('flex items-start gap-3.5', className), children: [icon, _jsxs("div", { className: "min-w-0 flex-1 space-y-0", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [nameSlot ?? (_jsx("span", { className: "text-foreground truncate text-lg font-semibold", children: name })), status] }), byline || meta ? (_jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-x-2 gap-y-1 text-xs", children: [byline ? _jsx("span", { children: byline }) : null, meta] })) : null, description ? (_jsx("p", { className: "text-muted-foreground text-sm text-pretty", children: description })) : null] })] }));
-}

package/dist/customize/sections/connector-connection-modal.d.ts

@@ -1,34 +0,0 @@
-import { type EasyConnectConnectionInput } from './connector-connection-form.js';
-/**
- * The "Add connector" dialog: connection header + one primary button.
- *
- * Defaults (app name, proposed slug) are always valid, so a non-technical user
- * reads the header and presses "+ Add connector" without meeting "slug". That
- * field stays behind a collapsed disclosure for the rare rename case. The
- * disclosure force-opens when the slug inside it becomes invalid, so a submit
- * that would silently refuse never hides its reason.
- *
- * There is no owner choice here any more. A connector is a capability with no
- * identity; WHO it runs as is a property of each account on its Accounts tab,
- * where both a shared and a private account can exist at the same time.
- */
-export declare function ConnectorConnectionModal({ open, idPrefix, title, initialName, initialSlug, existingSlugs, pending, icon, byline, summary, submitLabel, onOpenChange, onSubmit, }: {
-    open: boolean;
-    idPrefix: string;
-    title: string;
-    description: string;
-    initialName: string;
-    initialSlug: string;
-    existingSlugs: readonly string[];
-    pending: boolean;
-    /** The app tile — `ConnectorConnectionIcon` over the catalogue record. */
-    icon?: React.ReactNode;
-    /** e.g. "by Pipedream". */
-    byline?: string | null;
-    /** The catalogue description, when the source publishes one. */
-    summary?: string | null;
-    /** Defaults to `+ Add connector`. */
-    submitLabel?: string;
-    onOpenChange: (open: boolean) => void;
-    onSubmit: (connection: EasyConnectConnectionInput) => void;
-}): import("react").JSX.Element;

package/dist/customize/sections/connector-connection-modal.js

@@ -1,72 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations as useI18nTranslations } from '../../i18n/index.js';
-import { useState } from 'react';
-import { Button } from '../../primitives/button.js';
-import { Disclosure, DisclosureContent, DisclosureTrigger } from '../../primitives/disclosure.js';
-import { Field, FieldDescription, FieldGroup, FieldLabel } from '../../primitives/field.js';
-import { Input } from '../../primitives/input.js';
-import Loading from '../../primitives/loading.js';
-import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalTitle, } from '../../primitives/modal.js';
-import { cn } from '../../internal/lib/utils.js';
-import { CaretDownIcon, PlusIcon } from '@phosphor-icons/react';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { connectorConnectionSlugAfterNameChange, isConnectorConnectionSlugAvailable, normalizeConnectorConnectionSlug, proposeConnectorConnectionName, } from './connector-connection-form.js';
-import { ConnectorConnectionHeader } from './connector-connection-header.js';
-/**
- * The "Add connector" dialog: connection header + one primary button.
- *
- * Defaults (app name, proposed slug) are always valid, so a non-technical user
- * reads the header and presses "+ Add connector" without meeting "slug". That
- * field stays behind a collapsed disclosure for the rare rename case. The
- * disclosure force-opens when the slug inside it becomes invalid, so a submit
- * that would silently refuse never hides its reason.
- *
- * There is no owner choice here any more. A connector is a capability with no
- * identity; WHO it runs as is a property of each account on its Accounts tab,
- * where both a shared and a private account can exist at the same time.
- */
-export function ConnectorConnectionModal({ open, idPrefix, title, initialName, initialSlug, existingSlugs, pending, icon, byline, summary, submitLabel, onOpenChange, onSubmit, }) {
-    const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
-    // The proposed name counts the project's existing connections to this app,
-    // so the second Sentry is "Sentry 2" — see `proposeConnectorConnectionName`.
-    const proposedName = proposeConnectorConnectionName(initialName, existingSlugs);
-    const [name, setName] = useState(proposedName);
-    const [slug, setSlug] = useState(initialSlug);
-    const [slugEdited, setSlugEdited] = useState(false);
-    const [optionsOpen, setOptionsOpen] = useState(false);
-    const [resetFor, setResetFor] = useState(null);
-    if (!resetFor || resetFor[0] !== proposedName || resetFor[1] !== initialSlug || resetFor[2] !== open) {
-        setResetFor([proposedName, initialSlug, open]);
-        if (open) {
-            setName(proposedName);
-            setSlug(initialSlug);
-            setSlugEdited(false);
-            setOptionsOpen(false);
-        }
-    }
-    const slugAvailable = isConnectorConnectionSlugAvailable(slug, existingSlugs);
-    const slugInvalid = slug.length > 0 && !slugAvailable;
-    const slugDescriptionId = `${idPrefix}-slug-description`;
-    const displayName = name.trim() || initialName;
-    return (_jsx(Modal, { open: open, onOpenChange: (next) => !pending && onOpenChange(next), children: _jsxs(ModalContent, { className: "lg:max-w-lg", "aria-describedby": undefined, children: [_jsx(VisuallyHidden, { asChild: true, children: _jsx(ModalTitle, { children: title }) }), _jsx(ModalHeader, { children: _jsx(ConnectorConnectionHeader, { icon: icon, name: displayName, byline: byline, description: summary }) }), _jsxs("form", { onSubmit: (event) => {
-                        event.preventDefault();
-                        if (!name.trim() || !slugAvailable || pending)
-                            return;
-                        onSubmit({ name, slug });
-                    }, children: [_jsxs(ModalBody, { className: "max-h-[60vh] space-y-4 overflow-y-auto", children: [_jsxs("p", { className: "text-muted-foreground text-sm text-pretty", children: [tI18nComplete.raw('text17e9f72b9ba8'), " ", displayName, ' ', tI18nComplete.raw('texte99baf469ca8')] }), _jsxs(Disclosure, { variant: "outline", className: "overflow-hidden", open: optionsOpen || slugInvalid, onOpenChange: setOptionsOpen, children: [_jsx(DisclosureTrigger, { variant: "outline", children: _jsxs(Button, { type: "button", variant: "popover", className: "flex w-full items-center justify-between rounded-none", children: [_jsx("span", { className: "text-muted-foreground truncate text-sm font-medium", children: tI18nComplete.raw('text9443ff69463e') }), _jsx(CaretDownIcon, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }) }), _jsx(DisclosureContent, { variant: "outline", contentClassName: "border-border border-t", children: _jsx("div", { className: "px-4 py-5", children: _jsxs(FieldGroup, { className: "gap-4", children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: `${idPrefix}-name`, children: tI18nComplete.raw('text2b7f6a84de91') }), _jsx(Input, { id: `${idPrefix}-name`, value: name, onChange: (event) => {
-                                                                        const nextName = event.target.value;
-                                                                        setName(nextName);
-                                                                        setSlug((currentSlug) => connectorConnectionSlugAfterNameChange({
-                                                                            displayName: nextName,
-                                                                            currentSlug,
-                                                                            existingSlugs,
-                                                                            slugEdited,
-                                                                        }));
-                                                                    }, placeholder: initialName, variant: "popover", maxLength: 255, disabled: pending, required: true })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: `${idPrefix}-slug`, children: tI18nComplete.raw('textd15387ecc6c5') }), _jsx(Input, { id: `${idPrefix}-slug`, value: slug, onChange: (event) => {
-                                                                        setSlugEdited(true);
-                                                                        setSlug(normalizeConnectorConnectionSlug(event.target.value));
-                                                                    }, placeholder: initialSlug, variant: "popover", className: "font-mono text-xs", maxLength: 128, "aria-invalid": slug.length > 0 && !slugAvailable, "aria-describedby": slugDescriptionId, disabled: pending, required: true }), _jsx(FieldDescription, { id: slugDescriptionId, role: slug.length > 0 && !slugAvailable ? 'alert' : undefined, className: cn(slug.length > 0 && !slugAvailable && 'text-destructive'), children: slug.length > 0 && !slugAvailable
-                                                                        ? tI18nComplete.raw('text1b07037029d3')
-                                                                        : tI18nComplete.raw('text48026cbaf423') })] })] }) }) })] })] }), _jsxs(ModalFooter, { className: "sm:justify-between", children: [_jsx(Button, { type: "button", variant: "outline-ghost", onClick: () => onOpenChange(false), disabled: pending, children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { type: "submit", className: "gap-1.5 active:scale-[0.96]", disabled: pending || !name.trim() || !slugAvailable, children: [pending ? (_jsx(Loading, { className: "size-4 shrink-0" })) : (_jsx(PlusIcon, { className: "size-4 shrink-0", weight: "bold" })), submitLabel ?? tI18nComplete.raw('texta6ef2483d6fb')] })] })] })] }) }));
-}

package/dist/customize/sections/discover-catalogue-card.d.ts

@@ -1,19 +0,0 @@
-import type { DiscoverConnector, PipedreamApp } from '@kortix/sdk';
-export type DiscoverCard = {
-    source: 'connector';
-    item: DiscoverConnector;
-} | {
-    source: 'pipedream';
-    app: PipedreamApp;
-};
-export declare function DiscoverCatalogueCard({ card, addConnector, setConnectorTarget, setSelectedConnector }: {
-    card: DiscoverCard;
-    addConnector: {
-        isPending: boolean;
-    };
-    setConnectorTarget: (target: {
-        source: 'pipedream';
-        app: PipedreamApp;
-    }) => void;
-    setSelectedConnector: (item: DiscoverConnector) => void;
-}): import("react").JSX.Element;

package/dist/customize/sections/discover-catalogue-card.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from '../../i18n/index.js';
-import { CaretRightIcon as ChevronRight, GlobeIcon as Globe, PlusIcon as Plus, LightningIcon as Zap } from '@phosphor-icons/react';
-import { UiImage as Image } from '../../providers/ui-provider.js';
-import { Badge } from '../../primitives/badge.js';
-import { EntityAvatar } from '../../primitives/entity-avatar.js';
-export function DiscoverCatalogueCard({ card, addConnector, setConnectorTarget, setSelectedConnector }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const isOAuth = card.source === 'pipedream';
-    const name = isOAuth ? card.app.name : card.item.name;
-    const description = isOAuth ? card.app.description : card.item.description;
-    const icon = isOAuth ? card.app.imgSrc : card.item.icon;
-    const key = isOAuth ? `pipedream:${card.app.slug}` : card.item.id;
-    // The public index often has one feed entry (commonly MCP) for a
-    // domain whose surface document contains APIs, CLIs, and more.
-    const subtitle = isOAuth
-        ? tI18nComplete.raw('text87a46ec2620a')
-        : tI18nComplete.raw('text678094dc2f3f');
-    return (_jsxs("button", { type: "button", disabled: addConnector.isPending, onClick: () => isOAuth
-            ? setConnectorTarget({ source: 'pipedream', app: card.app })
-            : setSelectedConnector(card.item), className: "group bg-popover hover:bg-muted/80 focus-visible:ring-primary/50 flex min-h-28 flex-col rounded-md border p-3.5 text-left transition-[background-color,transform] focus-visible:ring-2 focus-visible:outline-none active:scale-[0.96] disabled:opacity-60", children: [_jsxs("div", { className: "flex items-center gap-3", children: [icon ? (_jsx(Image, { src: icon, alt: "", width: 36, height: 36, className: "ring-foreground/10 size-8 shrink-0 rounded-md object-contain ring-1", referrerPolicy: "no-referrer", unoptimized: true })) : (_jsx(EntityAvatar, { icon: isOAuth ? Zap : Globe, size: "sm" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-foreground truncate text-sm font-medium", children: name }), _jsx(Badge, { variant: isOAuth ? 'kortix' : 'outline', size: "xs", children: subtitle })] }), isOAuth ? (_jsx(Plus, { className: "text-muted-foreground/40 group-hover:text-primary size-4 shrink-0 transition-colors" })) : (_jsx(ChevronRight, { className: "text-muted-foreground/40 group-hover:text-primary size-4 shrink-0 transition-colors" }))] }), _jsx("p", { className: "text-muted-foreground mt-2 line-clamp-2 min-h-8 text-xs leading-relaxed", children: description ??
-                    (isOAuth
-                        ? tI18nComplete.raw('textc618c6bd416a')
-                        : tI18nComplete.raw('text673760b857d0')) })] }, key));
-}

package/dist/customize/sections/discover-catalogue-detail.d.ts

@@ -1,15 +0,0 @@
-import type { DiscoverConnector, DiscoverConnectorVariant, getDiscoverConnector } from '@kortix/sdk';
-import type { UseQueryResult } from '@tanstack/react-query';
-export declare function DiscoverCatalogueDetail({ selectedConnector, setSelectedConnector, detailQuery, addConnector, setConnectorTarget }: {
-    selectedConnector: DiscoverConnector | null;
-    setSelectedConnector: (item: DiscoverConnector | null) => void;
-    detailQuery: UseQueryResult<Awaited<ReturnType<typeof getDiscoverConnector>>, Error>;
-    addConnector: {
-        isPending: boolean;
-    };
-    setConnectorTarget: (target: {
-        source: 'connector';
-        item: DiscoverConnector;
-        variant: DiscoverConnectorVariant;
-    }) => void;
-}): import("react").JSX.Element;

package/dist/customize/sections/discover-catalogue-detail.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from '../../i18n/index.js';
-import { CubeIcon as Boxes, ArrowSquareOutIcon as ExternalLink, GlobeIcon as Globe } from '@phosphor-icons/react';
-import { Badge } from '../../primitives/badge.js';
-import { Button } from '../../primitives/button.js';
-import { InfoBanner } from '../../primitives/info-banner.js';
-import { Modal, ModalBody, ModalContent, ModalDescription, ModalHeader, ModalTitle } from '../../primitives/modal.js';
-import { Skeleton } from '../../primitives/skeleton.js';
-import { EmptyState } from '../../primitives/empty-state.js';
-export function DiscoverCatalogueDetail({ selectedConnector, setSelectedConnector, detailQuery, addConnector, setConnectorTarget }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    return (_jsx(Modal, { open: Boolean(selectedConnector), onOpenChange: (open) => !open && setSelectedConnector(null), children: _jsxs(ModalContent, { className: "lg:max-w-2xl", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: selectedConnector?.name ?? 'Connector' }), _jsxs(ModalDescription, { children: [tI18nComplete.raw('textcd9f6b36a2c7'), " ", selectedConnector?.domain, tI18nComplete.raw('text554add02368e')] })] }), _jsx(ModalBody, { className: "max-h-[60vh] overflow-y-auto", children: detailQuery.isLoading ? (_jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_, index) => (_jsx(Skeleton, { className: "h-20 w-full rounded-md" }, index))) })) : detailQuery.isError ? (_jsx(InfoBanner, { tone: "destructive", title: tI18nComplete.raw('textda3e4af8062b'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => detailQuery.refetch(), children: tI18nComplete.raw('text942087cc2d41') }), children: detailQuery.error?.message ?? tI18nComplete.raw('texta0c2cc1374d9') })) : detailQuery.data?.variants.length ? (_jsx("ul", { className: "space-y-2", children: detailQuery.data.variants.map((variant) => {
-                            const href = variant.docs ?? variant.url;
-                            return (_jsxs("li", { className: "bg-popover flex items-center gap-3 rounded-md border px-4 py-3", children: [_jsx("span", { className: "bg-kortix-blue/15 text-kortix-blue flex size-9 shrink-0 items-center justify-center rounded-sm", children: variant.kind === 'mcp' ? (_jsx(Boxes, { className: "size-5" })) : (_jsx(Globe, { className: "size-5" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground truncate text-sm font-medium", children: variant.name }), _jsxs("div", { className: "mt-1 flex items-center gap-1.5", children: [_jsx(Badge, { variant: "outline", size: "xs", children: variant.kind === 'openapi' ? 'OpenAPI' : variant.kind.toUpperCase() }), variant.requiresAuth ? (_jsx("span", { className: "text-muted-foreground text-xs", children: tI18nComplete.raw('text46f49bfb8d8f') })) : null] })] }), variant.connector ? (_jsx(Button, { size: "sm", className: "shrink-0", disabled: addConnector.isPending, onClick: () => {
-                                            setSelectedConnector(null);
-                                            setConnectorTarget({
-                                                source: 'connector',
-                                                item: detailQuery.data.item,
-                                                variant,
-                                            });
-                                        }, children: tI18nComplete.raw('text16613cfc614f') })) : href ? (_jsx(Button, { asChild: true, variant: "outline", size: "sm", className: "shrink-0", children: _jsxs("a", { href: href, target: "_blank", rel: "noreferrer", children: [tI18nComplete.raw('textb1d877ab2f51'), _jsx(ExternalLink, { className: "size-3.5 shrink-0" })] }) })) : (_jsx(Badge, { variant: "secondary", size: "sm", children: tI18nComplete.raw('textdf0453d185c4') }))] }, `${variant.kind}:${variant.id}`));
-                        }) })) : (_jsx(EmptyState, { icon: Globe, size: "sm", title: tI18nComplete.raw('text363579e1d66b'), description: tI18nComplete.raw('text4d286e47d580') })) })] }) }));
-}

package/dist/customize/sections/discover-catalogue.d.ts

@@ -1,17 +0,0 @@
-/**
- * The Add-connector modal's Discover tab: a flat, searchable grid of the
- * public catalogue plus Pipedream's OAuth apps.
- *
- * ── Known duplication, read before changing this file ──────────────────────
- * The app page's Install
- * (`packages/ui/src/customize/connectors/install/install.ts`) runs the
- * same add journey (pick a surface -> `createConnector` -> credential entry)
- * for the Connectors page's catalogue. The two are separate implementations
- * of one journey and must stay behaviourally consistent; a fix here very
- * likely belongs there too.
- */
-export declare function DiscoverCatalogue({ projectId, existingSlugs, onAdded, }: {
-    projectId: string;
-    existingSlugs: readonly string[];
-    onAdded: (slug?: string) => void;
-}): import("react").JSX.Element;

package/dist/customize/sections/discover-catalogue.js

@@ -1,132 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useTranslations } from '../../i18n/index.js';
-import { createConnector, getConnectStatus, getDiscoverConnector, listDiscoverConnectors, listPipedreamApps, } from '@kortix/sdk';
-import { MagnifyingGlassIcon as Search } from '@phosphor-icons/react';
-import { useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
-import { useState } from 'react';
-import { Button } from '../../primitives/button.js';
-import { InfoBanner } from '../../primitives/info-banner.js';
-import { Input } from '../../primitives/input.js';
-import Loading from '../../primitives/loading.js';
-import { Skeleton } from '../../primitives/skeleton.js';
-import { errorToast, successToast, warningToast } from '../../primitives/toast.js';
-import { EmptyState } from '../../primitives/empty-state.js';
-import { useDebounce } from '../../hooks/use-debounce.js';
-import { useUiHostConfig } from '../../providers/ui-provider.js';
-import { buildDiscoverConnectorDraft, connectorSyncErrorForSlug, createOnlyConnectorDraft, proposeConnectorConnectionSlug, } from './connector-connection-form.js';
-import { DiscoverCatalogueCard } from './discover-catalogue-card.js';
-import { DiscoverCatalogueDetail } from './discover-catalogue-detail.js';
-import { ConnectorConnectionModal } from './connector-connection-modal.js';
-const BUILT_IN_CHANNEL_APP_SLUGS = new Set(['slack', 'slack_v2']);
-/**
- * The Add-connector modal's Discover tab: a flat, searchable grid of the
- * public catalogue plus Pipedream's OAuth apps.
- *
- * ── Known duplication, read before changing this file ──────────────────────
- * The app page's Install
- * (`packages/ui/src/customize/connectors/install/install.ts`) runs the
- * same add journey (pick a surface -> `createConnector` -> credential entry)
- * for the Connectors page's catalogue. The two are separate implementations
- * of one journey and must stay behaviourally consistent; a fix here very
- * likely belongs there too.
- */
-export function DiscoverCatalogue({ projectId, existingSlugs, onAdded, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const [q, setQ] = useState('');
-    const { debouncedValue: deferredQuery } = useDebounce(q.trim(), 300);
-    const [selectedConnector, setSelectedConnector] = useState(null);
-    const [connectorTarget, setConnectorTarget] = useState(null);
-    const { connectorsEnabled } = useUiHostConfig();
-    const connectStatus = useQuery({
-        queryKey: ['connect-status'],
-        queryFn: getConnectStatus,
-        staleTime: 5 * 60_000,
-        enabled: connectorsEnabled,
-    });
-    const pipedreamEnabled = connectorsEnabled && connectStatus.data?.configured === true;
-    const connectorsQuery = useInfiniteQuery({
-        queryKey: ['discover-connectors', projectId, deferredQuery],
-        queryFn: ({ pageParam }) => listDiscoverConnectors(projectId, deferredQuery || undefined, pageParam),
-        initialPageParam: undefined,
-        getNextPageParam: (last) => (last.hasMore ? last.nextCursor : undefined),
-        staleTime: 5 * 60_000,
-    });
-    const pipedreamQuery = useInfiniteQuery({
-        queryKey: ['discover-pipedream-oauth', projectId, deferredQuery],
-        queryFn: ({ pageParam }) => listPipedreamApps(projectId, deferredQuery || undefined, pageParam),
-        initialPageParam: undefined,
-        getNextPageParam: (last) => (last.hasMore ? last.nextCursor : undefined),
-        staleTime: 60_000,
-        enabled: pipedreamEnabled,
-    });
-    const detailQuery = useQuery({
-        queryKey: ['discover-connector-detail', projectId, selectedConnector?.id],
-        queryFn: () => selectedConnector
-            ? getDiscoverConnector(projectId, selectedConnector.id)
-            : Promise.reject(new Error('No connector selected')),
-        enabled: Boolean(selectedConnector),
-        staleTime: 15 * 60_000,
-    });
-    const connectorCards = (connectorsQuery.data?.pages ?? []).flatMap((page) => page.items.map((item) => ({ source: 'connector', item })));
-    const pipedreamOAuthCards = (pipedreamQuery.data?.pages ?? []).flatMap((page) => page.apps
-        .filter((app) => app.authType === 'oauth' && !BUILT_IN_CHANNEL_APP_SLUGS.has(app.slug))
-        .map((app) => ({ source: 'pipedream', app })));
-    const discoverCards = [...connectorCards, ...pipedreamOAuthCards];
-    const addConnector = useMutation({
-        mutationFn: async ({ target, connection, }) => {
-            let draft;
-            if (target.source === 'pipedream') {
-                draft = {
-                    slug: connection.slug,
-                    name: connection.name.trim(),
-                    provider: 'pipedream',
-                    app: target.app.slug,
-                    account: 'default',
-                };
-            }
-            else {
-                if (!target.variant.connector) {
-                    throw new Error('This surface needs manual configuration');
-                }
-                draft = buildDiscoverConnectorDraft(target.variant.connector, connection);
-            }
-            const createDraft = createOnlyConnectorDraft(draft);
-            const result = await createConnector(projectId, createDraft);
-            return {
-                slug: createDraft.slug,
-                name: createDraft.name ?? createDraft.slug,
-                pipedream: target.source === 'pipedream',
-                syncError: connectorSyncErrorForSlug(result, createDraft.slug),
-            };
-        },
-        onSuccess: ({ slug, name, pipedream, syncError }) => {
-            setConnectorTarget(null);
-            if (syncError) {
-                warningToast(tI18nComplete('textd6a135de3872', { value0: name, value1: syncError }));
-                onAdded();
-                return;
-            }
-            successToast(pipedream
-                ? tI18nComplete('text590d36262e11', { value0: name })
-                : tI18nComplete('text29f396e2d238', { value0: name }));
-            onAdded(slug);
-        },
-        onError: (error) => errorToast(error.message || tI18nComplete.raw('texta34a2714da91')),
-    });
-    const loading = connectorsQuery.isLoading || (pipedreamEnabled && pipedreamQuery.isLoading);
-    const connectionDisplayName = connectorTarget?.source === 'pipedream'
-        ? connectorTarget.app.name
-        : (connectorTarget?.variant.name ?? '');
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2" }), _jsx(Input, { value: q, onChange: (event) => setQ(event.target.value), placeholder: tI18nComplete.raw('textd95934d15292'), variant: "popover", className: "pl-9" })] }), connectorsQuery.isError ? (_jsx(InfoBanner, { tone: "destructive", title: tI18nComplete.raw('textab93638292af'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => connectorsQuery.refetch(), children: tI18nComplete.raw('text942087cc2d41') }), children: connectorsQuery.error?.message ?? tI18nComplete.raw('text0d31cf2c2307') })) : loading ? (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: Array.from({ length: 12 }).map((_, index) => (_jsx(Skeleton, { className: "h-28 w-full rounded-md" }, index))) })) : discoverCards.length === 0 ? (_jsx(EmptyState, { icon: Search, title: tI18nComplete.raw('texta2ac2ce730c9'), description: q
-                    ? tI18nComplete('text3e71adfa7d54', { value0: q })
-                    : tI18nComplete.raw('text06cf1d8d7c75') })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: discoverCards.map((card) => {
-                            return (_jsx(DiscoverCatalogueCard, { card: card, addConnector: addConnector, setConnectorTarget: setConnectorTarget, setSelectedConnector: setSelectedConnector }, card.source === 'pipedream' ? `pipedream:${card.app.slug}` : card.item.id));
-                        }) }), (connectorsQuery.hasNextPage || pipedreamQuery.hasNextPage) && (_jsxs("div", { className: "flex flex-wrap justify-center gap-2 pt-1", children: [connectorsQuery.hasNextPage && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => connectorsQuery.fetchNextPage(), disabled: connectorsQuery.isFetchingNextPage, children: [connectorsQuery.isFetchingNextPage ? (_jsx(Loading, { className: "size-4 shrink-0" })) : null, tI18nComplete.raw('texta085437ccc11')] })), pipedreamQuery.hasNextPage && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => pipedreamQuery.fetchNextPage(), disabled: pipedreamQuery.isFetchingNextPage, children: [pipedreamQuery.isFetchingNextPage ? (_jsx(Loading, { className: "size-4 shrink-0" })) : null, tI18nComplete.raw('text69cea0daa681')] }))] }))] })), _jsx(DiscoverCatalogueDetail, { selectedConnector: selectedConnector, setSelectedConnector: setSelectedConnector, detailQuery: detailQuery, addConnector: addConnector, setConnectorTarget: setConnectorTarget }), _jsx(ConnectorConnectionModal, { open: connectorTarget !== null, idPrefix: "discover-connector", title: `Add ${connectionDisplayName || 'connector'}`, description: tI18nComplete.raw('text49ad6dbe32fb'), initialName: connectionDisplayName, initialSlug: connectorTarget
-                    ? proposeConnectorConnectionSlug(connectionDisplayName, existingSlugs)
-                    : '', existingSlugs: existingSlugs, pending: addConnector.isPending, onOpenChange: (open) => !open && setConnectorTarget(null), onSubmit: (connection) => {
-                    if (!connectorTarget)
-                        return;
-                    addConnector.mutate({ target: connectorTarget, connection });
-                } })] }));
-}

package/dist/customize/sections/llm-provider/provider-access-menu.d.ts

@@ -1,10 +0,0 @@
-import type { useModelAccess } from '@kortix/sdk/react';
-type Access = ReturnType<typeof useModelAccess>;
-/** Credential configuration stays available while inference is disabled. */
-export declare function ProviderAccessMenu({ access, providerId, name, canWrite, }: {
-    access: Access;
-    providerId: string;
-    name: string;
-    canWrite: boolean;
-}): import("react").JSX.Element | null;
-export {};

package/dist/customize/sections/llm-provider/provider-access-menu.js

@@ -1,23 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from '../../../i18n/index.js';
-import { DotsThreeIcon } from '@phosphor-icons/react';
-import { Badge } from '../../../primitives/badge.js';
-import { Button } from '../../../primitives/button.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../primitives/dropdown-menu.js';
-import { errorToast } from '../../../primitives/toast.js';
-/** Credential configuration stays available while inference is disabled. */
-export function ProviderAccessMenu({ access, providerId, name, canWrite, }) {
-    const t = useTranslations('modelAccess');
-    if (!access.data?.enforced)
-        return null;
-    const enabled = !access.data.disabledProviders.includes(providerId);
-    const isDefault = access.defaultProvider === providerId;
-    return (_jsxs("div", { "data-provider-access": providerId, className: "flex shrink-0 items-center gap-1.5", children: [!enabled && _jsx(Badge, { variant: "secondary", size: "sm", children: t('disabled') }), canWrite && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "text-muted-foreground size-6", "aria-label": t('manageProvider', { name }), children: _jsx(DotsThreeIcon, { className: "size-4 shrink-0" }) }) }), _jsxs(DropdownMenuContent, { align: "start", className: "max-w-xs", children: [_jsx(DropdownMenuItem, { disabled: access.isUpdating || (isDefault && enabled), onSelect: () => {
-                                    void access
-                                        .setEnabled({ target: 'provider', id: providerId, enabled: !enabled })
-                                        .catch((error) => {
-                                        errorToast(error instanceof Error ? error.message : t('providerError'));
-                                    });
-                                }, children: enabled ? t('disableProviderAction') : t('enableProviderAction') }), _jsx("p", { className: "text-muted-foreground px-2 py-1.5 text-xs text-pretty", children: isDefault && enabled ? t('defaultProviderHint') : t('credentialsHint') })] })] }))] }));
-}

package/dist/files/project/components/drive-empty-art.d.ts

@@ -1,2 +0,0 @@
-/** Three stacked pages: the empty-folder artwork in the drive explorer. */
-export declare function DriveEmptyArt(): import("react").JSX.Element;

package/dist/files/project/components/drive-empty-art.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** Three stacked pages: the empty-folder artwork in the drive explorer. */
-export function DriveEmptyArt() {
-    return (_jsxs("svg", { width: "72", height: "60", viewBox: "0 0 72 60", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "10", y: "10", width: "34", height: "42", rx: "5", transform: "rotate(-8 10 10)", className: "fill-card stroke-foreground/10" }), _jsx("rect", { x: "30", y: "6", width: "34", height: "42", rx: "5", transform: "rotate(7 30 6)", className: "fill-card stroke-foreground/10" }), _jsx("path", { d: "M22 12h17l9 9v30a4 4 0 0 1-4 4H22a4 4 0 0 1-4-4V16a4 4 0 0 1 4-4Z", className: "fill-muted stroke-foreground/20" }), _jsx("path", { d: "M39 12v6a3 3 0 0 0 3 3h6", className: "stroke-foreground/20" }), _jsx("path", { d: "M25 30h16M25 36h16M25 42h10", strokeWidth: "1.5", strokeLinecap: "round", className: "stroke-foreground/15" })] }));
-}

package/dist/internal/hooks/use-media-query.d.ts

@@ -1,2 +0,0 @@
-/** @internal Kortix apps only. No semver: it may change in any release. */
-export declare function useMediaQuery(query: string): boolean;

package/dist/internal/share/public-share-link-button.d.ts

@@ -1,14 +0,0 @@
-/** @internal Kortix apps only. No semver: it may change in any release. */
-import type { CreateSessionPublicShareInput } from '@kortix/sdk';
-export declare function PublicShareLinkButton({ projectId, sessionId, input, tooltip, title, className, iconClassName, tooltipSideOffset, }: {
-    projectId?: string;
-    sessionId?: string;
-    input: CreateSessionPublicShareInput | null;
-    tooltip?: string;
-    title?: string;
-    className?: string;
-    /** Icon size override. Defaults to this component's own 16px. */
-    iconClassName?: string;
-    /** Tooltip sideOffset override. Omit to keep `Hint`'s own default. */
-    tooltipSideOffset?: number;
-}): import("react").JSX.Element | null;

package/dist/internal/share/public-share-link-button.js

@@ -1,17 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon as Check, LinkSimpleIcon } from '@phosphor-icons/react';
-import { AnimatePresence, m } from 'motion/react';
-import { PublicShareLinkConfirm } from './public-share-link-confirm.js';
-import { Button } from '../../primitives/button.js';
-import Hint from '../../primitives/hint.js';
-import Loading from '../../primitives/loading.js';
-import { usePublicShareLink } from './use-public-share-link.js';
-import { cn } from '../../lib/utils.js';
-export function PublicShareLinkButton({ projectId, sessionId, input, tooltip = 'Copy a public view-only link', title = 'Copy public link', className, iconClassName = 'size-4', tooltipSideOffset, }) {
-    const share = usePublicShareLink({ projectId, sessionId, input });
-    const disabled = !share.canShare || share.isPending;
-    if (!share.enabled)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Hint, { label: share.copied ? 'Copied' : tooltip, side: "bottom", sideOffset: tooltipSideOffset, className: "max-w-56 text-xs", children: _jsx(Button, { variant: "ghost", size: "icon", className: cn('size-8 active:scale-[0.96]', className), onClick: share.copyLink, disabled: disabled, title: title, children: share.isPending ? (_jsx(Loading, { className: cn(iconClassName, 'shrink-0') })) : (_jsx("span", { className: cn('relative inline-flex items-center justify-center', iconClassName), children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", children: _jsx(m.span, { initial: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, animate: { scale: 1, opacity: 1, filter: 'blur(0px)' }, exit: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, transition: { type: 'spring', duration: 0.3, bounce: 0 }, className: "absolute inset-0 inline-flex items-center justify-center", children: share.copied ? (_jsx(Check, { className: cn(iconClassName, 'text-kortix-green') })) : (_jsx(LinkSimpleIcon, { className: iconClassName })) }, share.copied ? 'check' : 'link') }) })) }) }), _jsx(PublicShareLinkConfirm, { confirmation: share.confirmation })] }));
-}

package/dist/markdown/setup-links/app-credentials-form.d.ts

@@ -1,12 +0,0 @@
-/**
- * The form behind an own-app connect link (`/connect/app/[token]`): the app's
- * client credentials and the store, for a Composio toolkit that runs on the
- * customer's own app. Shopify is the one such app today.
- *
- * The page opens in the connect popup. The window that opened it polls the
- * connection, so after a success this window only confirms and closes itself
- * (or follows the native app's return link).
- */
-export declare function AppCredentialsForm({ token }: {
-    token: string;
-}): import("react").JSX.Element;

package/dist/markdown/setup-links/app-credentials-form.js

@@ -1,115 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../primitives/button.js';
-import { Field, FieldGroup, FieldLabel } from '../../primitives/field.js';
-import { Input } from '../../primitives/input.js';
-import { InputGroup, InputGroupAddon, InputGroupInput } from '../../primitives/input-group.js';
-import Loading from '../../primitives/loading.js';
-import { useTranslations } from '../../i18n/index.js';
-import { getConnectorAppForm, HostBoundaryError, submitConnectorAppForm, } from '@kortix/sdk';
-import { ArrowUpRightIcon, CheckIcon, ClockCountdownIcon, LinkBreakIcon, WarningCircleIcon, } from '@phosphor-icons/react';
-import { useEffect, useState } from 'react';
-import { setupLinkApiBase } from './api-base.js';
-import { StatusNotice } from './secret-intake-form.js';
-// Machine values, not prose: Shopify serves every store at <handle>.myshopify.com.
-const SHOPIFY_HOST_SUFFIX = '.myshopify.com';
-const EXAMPLE_STORE_HANDLE = 'acme';
-const DEV_DASHBOARD_URL = 'https://dev.shopify.com/dashboard';
-/** Long enough to read the confirmation before the window closes itself. */
-const CLOSE_AFTER_MS = 1_500;
-function statusOf(cause) {
-    return cause instanceof HostBoundaryError ? cause.status : null;
-}
-function DashboardLink({ children }) {
-    return (_jsxs("a", { href: DEV_DASHBOARD_URL, target: "_blank", rel: "noopener noreferrer", className: "group text-kortix-base focus-visible:ring-ring inline-flex items-baseline gap-0.5 rounded-sm font-medium outline-none focus-visible:ring-2", children: [_jsx("span", { className: "decoration-kortix-base/40 group-hover:decoration-kortix-base underline underline-offset-2", children: children }), _jsx(ArrowUpRightIcon, { className: "size-3 shrink-0 self-center" })] }));
-}
-/**
- * The form behind an own-app connect link (`/connect/app/[token]`): the app's
- * client credentials and the store, for a Composio toolkit that runs on the
- * customer's own app. Shopify is the one such app today.
- *
- * The page opens in the connect popup. The window that opened it polls the
- * connection, so after a success this window only confirms and closes itself
- * (or follows the native app's return link).
- */
-export function AppCredentialsForm({ token }) {
-    const t = useTranslations('connectAppForm');
-    const base = setupLinkApiBase();
-    const [phase, setPhase] = useState('loading');
-    const [info, setInfo] = useState(null);
-    const [store, setStore] = useState('');
-    const [clientId, setClientId] = useState('');
-    const [clientSecret, setClientSecret] = useState('');
-    const [connectedAs, setConnectedAs] = useState(null);
-    const [message, setMessage] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        getConnectorAppForm(token, { backendUrl: base }).then((body) => {
-            if (cancelled)
-                return;
-            setInfo(body);
-            setConnectedAs(body.connected_as);
-            setPhase(body.connected ? 'done' : 'ready');
-        }, (cause) => {
-            if (cancelled)
-                return;
-            const status = statusOf(cause);
-            setMessage(cause instanceof Error ? cause.message : null);
-            setPhase(status === 410 ? 'expired' : status === 404 ? 'invalid' : status === 409 ? 'stale' : 'error');
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [base, token]);
-    async function submit() {
-        if (!store.trim() || !clientId.trim() || !clientSecret.trim()) {
-            setMessage(t.raw('missingFields'));
-            return;
-        }
-        setPhase('submitting');
-        setMessage(null);
-        try {
-            const result = await submitConnectorAppForm(token, { store: store.trim(), clientId: clientId.trim(), clientSecret: clientSecret.trim() }, { backendUrl: base });
-            setConnectedAs(result.connected_as);
-            setPhase('done');
-            window.setTimeout(() => {
-                if (result.success_redirect_uri)
-                    window.location.assign(result.success_redirect_uri);
-                else
-                    window.close();
-            }, CLOSE_AFTER_MS);
-        }
-        catch (cause) {
-            const status = statusOf(cause);
-            setMessage(cause instanceof Error ? cause.message : t.raw('failed'));
-            if (status === 410)
-                setPhase('expired');
-            else if (status === 409)
-                setPhase('stale');
-            else
-                setPhase('ready');
-        }
-    }
-    const app = info?.name ?? 'Shopify';
-    switch (phase) {
-        case 'loading':
-            return (_jsxs("div", { role: "status", className: "text-muted-foreground flex items-center justify-center gap-2 py-8 text-sm", children: [_jsx(Loading, { className: "size-4 shrink-0" }), t.raw('loading')] }));
-        case 'expired':
-            return (_jsx(StatusNotice, { icon: ClockCountdownIcon, tone: "warning", title: t.raw('expiredTitle'), description: t.raw('startAgain') }));
-        case 'invalid':
-            return (_jsx(StatusNotice, { icon: LinkBreakIcon, tone: "destructive", title: t.raw('invalidTitle'), description: t.raw('startAgain') }));
-        case 'stale':
-            return (_jsx(StatusNotice, { icon: LinkBreakIcon, tone: "warning", title: t.raw('staleTitle'), description: message ?? t.raw('startAgain') }));
-        case 'error':
-            return _jsx(StatusNotice, { icon: WarningCircleIcon, tone: "destructive", title: message ?? t.raw('failed') });
-        case 'done':
-            return (_jsx(StatusNotice, { icon: CheckIcon, tone: "success", title: t('connectedTitle', { app }), description: connectedAs ? t('connectedDescription', { store: connectedAs }) : t.raw('closeWindow') }));
-    }
-    const submitting = phase === 'submitting';
-    return (_jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-foreground text-sm font-medium", children: t.raw('stepsTitle') }), _jsxs("ol", { className: "text-muted-foreground list-decimal space-y-1 pl-4 text-xs text-pretty", children: [_jsx("li", { children: t.rich('step1', { link: (chunks) => _jsx(DashboardLink, { children: chunks }) }) }), _jsx("li", { children: t.raw('step2') }), _jsx("li", { children: t.raw('step3') }), _jsx("li", { children: t.raw('step4') })] }), _jsx("p", { className: "text-muted-foreground text-xs text-pretty", children: t.raw('sameOrganization') })] }), _jsxs(FieldGroup, { className: "gap-5", children: [_jsxs(Field, { className: "space-y-2", children: [_jsx(FieldLabel, { htmlFor: "app-form-store", className: "text-foreground", children: t.raw('storeLabel') }), _jsxs(InputGroup, { children: [_jsx(InputGroupInput, { id: "app-form-store", name: "store", autoComplete: "off", spellCheck: false, 
-                                        // 16px below `sm` so iOS Safari does not zoom the page on focus.
-                                        className: "font-mono max-sm:text-base", placeholder: EXAMPLE_STORE_HANDLE, value: store, disabled: submitting, onChange: (e) => setStore(e.target.value) }), _jsx(InputGroupAddon, { align: "inline-end", children: SHOPIFY_HOST_SUFFIX })] })] }), _jsxs(Field, { className: "space-y-2", children: [_jsx(FieldLabel, { htmlFor: "app-form-client-id", className: "text-foreground", children: t.raw('clientIdLabel') }), _jsx(Input, { id: "app-form-client-id", name: "client_id", autoComplete: "off", spellCheck: false, className: "font-mono max-sm:text-base", value: clientId, disabled: submitting, onChange: (e) => setClientId(e.target.value) })] }), _jsxs(Field, { className: "space-y-2", children: [_jsx(FieldLabel, { htmlFor: "app-form-client-secret", className: "text-foreground", children: t.raw('clientSecretLabel') }), _jsx(Input, { id: "app-form-client-secret", name: "client_secret", type: "password", autoComplete: "off", spellCheck: false, className: "font-mono max-sm:text-base", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", value: clientSecret, disabled: submitting, onChange: (e) => setClientSecret(e.target.value), onKeyDown: (e) => {
-                                    if (e.key === 'Enter')
-                                        void submit();
-                                } })] })] }), _jsxs("div", { className: "space-y-3", children: [message ? (_jsx("p", { role: "alert", className: "text-destructive text-xs text-pretty", children: message })) : null, _jsxs(Button, { type: "button", className: "w-full", onClick: submit, disabled: submitting, children: [submitting ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, submitting ? t.raw('connecting') : t('submit', { app })] }), _jsx("p", { className: "text-muted-foreground text-center text-xs text-pretty", children: t.raw('secretNote') })] })] }));
-}