@ciridae/ui 0.17.0 → 1.0.1

package/dist/components/blocks/kanban-board.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
-import { KanbanBoardColumn, KanbanDragOverlay } from "./kanban-board-parts.js";
-import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, } from "./kanban-board-utils.js";
-function KanbanBoard({ cards, columns, columnMaxHeight = "min(44rem, calc(100vh - 14rem))", empty, isLoading = false, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, }) {
-    const [activeCard, setActiveCard] = React.useState();
-    const [activeCardRect, setActiveCardRect] = React.useState();
-    const [activeMove, setActiveMove] = React.useState();
-    const [overColumnId, setOverColumnId] = React.useState();
-    const suppressSelectRef = React.useRef(false);
-    const boardState = React.useMemo(() => getKanbanBoardState(columns, cards), [cards, columns]);
-    const dragStateSetters = React.useMemo(() => ({ setActiveCard, setActiveCardRect, setActiveMove, setOverColumnId }), []);
-    const sensors = useKanbanSensors();
-    return (_jsxs(DndContext, { collisionDetection: kanbanCollisionDetection, onDragCancel: () => clearDragState(dragStateSetters), onDragEnd: getDragEndHandler({
-            activeMove,
-            boardState,
-            onCardMove,
-            setters: dragStateSetters,
-            suppressSelectRef,
-        }), onDragOver: getDragOverHandler({
-            boardState,
-            setActiveMove,
-            setOverColumnId,
-        }), onDragStart: getDragStartHandler({
-            cardById: boardState.cardById,
-            setters: dragStateSetters,
-            suppressSelectRef,
-        }), sensors: sensors, children: [_jsx("div", { className: "w-full overflow-x-auto", children: _jsx("div", { className: "flex min-h-80 w-max gap-3 pb-2", children: columns.map((column) => (_jsx(KanbanBoardColumn, { activeCardId: activeCard?.id, activeCardRect: activeCardRect, activeMove: activeMove, boardState: boardState, column: column, columnMaxHeight: columnMaxHeight, empty: empty, isLoading: isLoading, isOver: overColumnId === column.id, onCardMove: onCardMove, onCardSelect: onCardSelect, renderCard: renderCard, renderCardActions: renderCardActions, renderColumnActions: renderColumnActions, suppressSelectRef: suppressSelectRef }, column.id))) }) }), _jsx(KanbanDragOverlay, { activeCard: activeCard, activeCardRect: activeCardRect })] }));
-}
-function useKanbanSensors() {
-    return useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
-}
-export { KanbanBoard };

package/dist/components/blocks/kanban-card.d.ts

@@ -1,10 +0,0 @@
-import type * as React from "react";
-import type { KanbanCardData } from "./kanban-types.js";
-type KanbanCardProps = {
-    actionsSlot?: React.ReactNode;
-    card: KanbanCardData;
-    isDragging?: boolean;
-    onSelect?: (card: KanbanCardData) => void;
-};
-declare function KanbanCard({ actionsSlot, card, isDragging, onSelect }: KanbanCardProps): React.JSX.Element;
-export { KanbanCard, type KanbanCardProps };

package/dist/components/blocks/kanban-card.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils.js";
-function KanbanCard({ actionsSlot, card, isDragging = false, onSelect }) {
-    return (_jsxs("article", { "aria-disabled": card.disabled, "data-dragging": isDragging, "data-disabled": card.disabled, onClick: getCardSelectHandler(card, onSelect), onKeyDown: getCardSelectKeyHandler(card, onSelect), role: onSelect ? "button" : undefined, tabIndex: onSelect && !card.disabled ? 0 : undefined, className: cn("group/kanban-card grid min-w-0 gap-2 rounded-md border bg-card p-3 text-card-foreground shadow-xs transition-[background-color,border-color,box-shadow,opacity,transform] outline-none", "hover:bg-accent/35 focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", "data-[dragging=true]:border-ring data-[dragging=true]:bg-accent/40 data-[dragging=true]:opacity-80", "data-[disabled=true]:opacity-60", onSelect && !card.disabled ? "cursor-pointer" : undefined), children: [_jsx(KanbanCardHeader, { actionsSlot: actionsSlot, card: card }), card.description ? (_jsx("p", { className: "line-clamp-2 text-sm leading-normal text-muted-foreground", children: card.description })) : null, _jsx(KanbanCardFooter, { card: card })] }));
-}
-function KanbanCardHeader({ actionsSlot, card, }) {
-    return (_jsxs("header", { className: "flex min-w-0 items-start justify-between gap-2", children: [_jsx("h4", { className: "min-w-0 flex-1 text-sm leading-snug font-medium text-foreground", children: card.title }), _jsx("div", { className: "flex shrink-0 items-center gap-1", "data-kanban-card-action": true, onClick: (event) => event.stopPropagation(), onPointerDown: (event) => event.stopPropagation(), children: actionsSlot })] }));
-}
-function KanbanCardFooter({ card }) {
-    if (!card.badges && !card.meta)
-        return null;
-    return (_jsxs("footer", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2", children: [_jsx("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: card.badges }), card.meta ? (_jsx("div", { className: "min-w-0 truncate text-xs text-muted-foreground", children: card.meta })) : null] }));
-}
-function getCardSelectHandler(card, onSelect) {
-    return (event) => {
-        if (!onSelect || card.disabled)
-            return;
-        if (event.target instanceof HTMLElement && event.target.closest("[data-kanban-card-action]")) {
-            return;
-        }
-        onSelect(card);
-    };
-}
-function getCardSelectKeyHandler(card, onSelect) {
-    return (event) => {
-        if (!onSelect || card.disabled)
-            return;
-        if (event.key !== "Enter" && event.key !== " ")
-            return;
-        event.preventDefault();
-        onSelect(card);
-    };
-}
-export { KanbanCard };

package/dist/components/blocks/kanban-column.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import type { KanbanCardData, KanbanColumnData } from "./kanban-types.js";
-type KanbanColumnProps = {
-    actionsSlot?: React.ReactNode;
-    cards: KanbanCardData[];
-    column: KanbanColumnData;
-    columnMaxHeight?: React.CSSProperties["maxHeight"];
-    dropPlaceholder?: React.ReactNode;
-    dropPlaceholderIndex?: number;
-    empty?: React.ReactNode;
-    isLoading?: boolean;
-    isOver?: boolean;
-    renderCard?: (card: KanbanCardData) => React.ReactNode;
-    renderCardActions?: (card: KanbanCardData) => React.ReactNode;
-};
-declare function KanbanColumn({ actionsSlot, cards, column, columnMaxHeight, dropPlaceholder, dropPlaceholderIndex, empty, isLoading, isOver, renderCard, renderCardActions, }: KanbanColumnProps): React.JSX.Element;
-export { KanbanColumn, type KanbanColumnProps };

package/dist/components/blocks/kanban-column.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { KanbanCard } from "./kanban-card.js";
-import { Skeleton } from "../ui/skeleton.js";
-import { cn } from "../../lib/utils.js";
-function KanbanColumn({ actionsSlot, cards, column, columnMaxHeight, dropPlaceholder, dropPlaceholderIndex, empty, isLoading = false, isOver = false, renderCard, renderCardActions, }) {
-    const isOverLimit = isColumnOverLimit(column, cards);
-    return (_jsxs("section", { "aria-label": column.title, "data-over": isOver, className: cn("flex min-h-72 min-w-72 flex-col overflow-hidden rounded-lg border bg-muted/25 transition-colors", "data-[over=true]:border-ring data-[over=true]:bg-muted/60"), style: { maxHeight: columnMaxHeight }, children: [_jsx(KanbanColumnHeader, { actionsSlot: actionsSlot, cardCount: cards.length, column: column, isOverLimit: isOverLimit }), _jsx("div", { className: "grid flex-1 content-start gap-2 overflow-y-auto p-2", children: _jsx(KanbanColumnContent, { cards: cards, dropPlaceholder: dropPlaceholder, dropPlaceholderIndex: dropPlaceholderIndex, empty: empty, isLoading: isLoading, renderCard: renderCard, renderCardActions: renderCardActions }) })] }));
-}
-function KanbanColumnHeader({ actionsSlot, cardCount, column, isOverLimit, }) {
-    return (_jsx("header", { className: "grid gap-1 border-b bg-background/70 px-3 py-2.5", children: _jsxs("div", { className: "flex min-w-0 items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-medium text-foreground", children: column.title }), _jsx(KanbanColumnCount, { cardCount: cardCount, isOverLimit: isOverLimit, limit: column.limit })] }), column.description ? (_jsx("p", { className: "mt-1 line-clamp-1 text-xs text-muted-foreground", children: column.description })) : null] }), actionsSlot ? _jsx("div", { className: "shrink-0", children: actionsSlot }) : null] }) }));
-}
-function KanbanColumnCount({ cardCount, isOverLimit, limit, }) {
-    const label = typeof limit === "number" ? `${cardCount}/${limit}` : String(cardCount);
-    return (_jsx("span", { "data-over-limit": isOverLimit, className: "rounded-sm bg-muted px-1.5 py-0.5 font-mono text-[11px] leading-none text-muted-foreground tabular-nums data-[over-limit=true]:bg-warning-muted data-[over-limit=true]:text-warning", children: label }));
-}
-function KanbanColumnContent({ cards, dropPlaceholder, dropPlaceholderIndex, empty, isLoading, renderCard, renderCardActions, }) {
-    if (isLoading)
-        return _jsx(KanbanColumnSkeleton, {});
-    if (cards.length === 0 && !dropPlaceholder) {
-        return _jsx(KanbanColumnEmpty, { children: empty });
-    }
-    return (_jsxs(_Fragment, { children: [cards.map((card, index) => (_jsxs(React.Fragment, { children: [dropPlaceholderIndex === index ? dropPlaceholder : null, _jsx("div", { children: renderCard ? (renderCard(card)) : (_jsx(KanbanCard, { actionsSlot: renderCardActions?.(card), card: card })) })] }, card.id))), dropPlaceholderIndex === cards.length ? dropPlaceholder : null] }));
-}
-function KanbanColumnEmpty({ children }) {
-    return (_jsx("div", { className: "rounded-md border border-dashed bg-background/60 px-3 py-2.5 text-sm text-muted-foreground", children: children ?? "No cards" }));
-}
-function KanbanColumnSkeleton() {
-    return (_jsx("div", { className: "grid gap-2", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "rounded-md border bg-card p-3 shadow-xs", children: [_jsx(Skeleton, { className: "h-3.5 w-4/5" }), _jsx(Skeleton, { className: "mt-3 h-3 w-full" }), _jsx(Skeleton, { className: "mt-2 h-3 w-2/3" })] }, index))) }));
-}
-function isColumnOverLimit(column, cards) {
-    return typeof column.limit === "number" && cards.length > column.limit;
-}
-export { KanbanColumn };

package/dist/components/blocks/kanban-detail-sheet.d.ts

@@ -1,17 +0,0 @@
-import type * as React from "react";
-import type { KanbanCardData, KanbanColumnData } from "./kanban-types.js";
-type KanbanDetailProperty = {
-    label: string;
-    value: React.ReactNode;
-};
-type KanbanDetailSheetProps = {
-    actionsSlot?: React.ReactNode;
-    activitySlot?: React.ReactNode;
-    card?: KanbanCardData;
-    column?: KanbanColumnData;
-    onOpenChange: (open: boolean) => void;
-    open: boolean;
-    properties?: KanbanDetailProperty[];
-};
-declare function KanbanDetailSheet({ actionsSlot, activitySlot, card, column, onOpenChange, open, properties, }: KanbanDetailSheetProps): React.JSX.Element;
-export { KanbanDetailSheet, type KanbanDetailProperty, type KanbanDetailSheetProps };

package/dist/components/blocks/kanban-detail-sheet.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Badge } from "../ui/badge.js";
-import { Button } from "../ui/button.js";
-import { Card } from "../ui/card.js";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list.js";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet.js";
-function KanbanDetailSheet({ actionsSlot, activitySlot, card, column, onOpenChange, open, properties = [], }) {
-    return (_jsx(Sheet, { onOpenChange: onOpenChange, open: open, children: _jsxs(SheetContent, { size: "md", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Card details" }), _jsx(SheetDescription, { children: "Review the selected work item." })] }), _jsx(SheetBody, { className: "grid content-start gap-(--panel-gap) pb-(--panel-padding)", children: card ? (_jsx(KanbanDetailContent, { activitySlot: activitySlot, card: card, column: column, properties: properties })) : null }), _jsxs(SheetFooter, { children: [actionsSlot, _jsx(Button, { onClick: () => onOpenChange(false), type: "button", children: "Done" })] })] }) }));
-}
-function KanbanDetailContent({ activitySlot, card, column, properties, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(KanbanDetailHeader, { card: card, column: column }), _jsx(KanbanDetailProperties, { card: card, properties: properties }), _jsx(KanbanDetailDescription, { card: card }), activitySlot ? _jsx(KanbanDetailActivity, { children: activitySlot }) : null] }));
-}
-function KanbanDetailHeader({ card, column }) {
-    return (_jsx("header", { className: "grid gap-3", children: _jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsx("h3", { className: "min-w-0 truncate text-sm font-medium text-foreground", children: card.title }), _jsx(KanbanDetailBadges, { card: card, column: column })] }) }));
-}
-function KanbanDetailBadges({ card, column }) {
-    return (_jsxs("div", { className: "flex shrink-0 flex-wrap justify-end gap-2", children: [card.badges, _jsx(KanbanStatusBadge, { column: column })] }));
-}
-function KanbanStatusBadge({ column }) {
-    return _jsx(Badge, { variant: "outline", children: column?.title ?? "Unassigned" });
-}
-function KanbanDetailProperties({ card, properties, }) {
-    return (_jsxs(PropertyList, { children: [_jsx(KanbanProperty, { label: "Reference", children: _jsx("span", { className: "font-mono text-xs tabular-nums", children: card.meta ?? card.id }) }), properties.map((property) => (_jsx(KanbanProperty, { label: property.label, children: property.value }, property.label)))] }));
-}
-function KanbanProperty({ children, label }) {
-    return (_jsxs(PropertyListItem, { children: [_jsx(PropertyListLabel, { children: label }), _jsx(PropertyListValue, { children: children })] }));
-}
-function KanbanDetailDescription({ card }) {
-    return (_jsxs(Card, { className: "grid gap-2 p-(--panel-padding)", children: [_jsx("div", { className: "text-meta text-muted-foreground", children: "Details" }), _jsx("p", { className: "text-sm whitespace-pre-wrap text-foreground", children: card.description ?? "No description provided." })] }));
-}
-function KanbanDetailActivity({ children }) {
-    return (_jsxs(Card, { className: "grid gap-2 p-(--panel-padding)", children: [_jsx("div", { className: "text-meta text-muted-foreground", children: "Activity" }), children] }));
-}
-export { KanbanDetailSheet };

package/dist/components/blocks/kanban-types.d.ts

@@ -1,24 +0,0 @@
-import type * as React from "react";
-type KanbanColumnData = {
-    description?: string;
-    id: string;
-    limit?: number;
-    title: string;
-};
-type KanbanCardData = {
-    badges?: React.ReactNode;
-    columnId: string;
-    description?: string;
-    disabled?: boolean;
-    id: string;
-    meta?: React.ReactNode;
-    title: string;
-};
-type KanbanMoveEvent = {
-    cardId: string;
-    fromColumnId: string;
-    fromIndex: number;
-    toColumnId: string;
-    toIndex: number;
-};
-export type { KanbanCardData, KanbanColumnData, KanbanMoveEvent };

package/dist/components/blocks/mcp-access-grouped-tool-picker.d.ts

@@ -1,19 +0,0 @@
-import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals.js";
-import type { McpAccessToolSelector } from "./mcp-access-types.js";
-/**
- * The tool picker for inventories big enough to need navigation: one scroll
- * region grouped by each tool's first OpenAPI tag, each group split into Read
- * and Actions with a select-all per split, and a filter box on top. An
- * inventory with no tags renders as a single unlabeled group, so the split,
- * the select-alls, and the filter still apply.
- *
- * Every change is rebuilt from the full inventory against the one shared
- * selection, so a tool selected but hidden by the filter is never dropped —
- * only the rows on screen, and the select-alls over them, can change it.
- */
-export declare function McpAccessGroupedToolPicker({ busy, inventory, selected, onChange, }: {
-    busy: boolean;
-    inventory: McpToolInventoryState;
-    selected: McpAccessToolSelector[];
-    onChange: (tools: McpAccessToolSelector[]) => void;
-}): import("@types/react").JSX.Element;

package/dist/components/blocks/mcp-access-grouped-tool-picker.js

@@ -1,116 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { Checkbox } from "../ui/checkbox.js";
-import { Input } from "../ui/input.js";
-import { Spinner } from "../ui/spinner.js";
-import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals.js";
-const UNTAGGED_LABEL = "Other";
-/**
- * The tool picker for inventories big enough to need navigation: one scroll
- * region grouped by each tool's first OpenAPI tag, each group split into Read
- * and Actions with a select-all per split, and a filter box on top. An
- * inventory with no tags renders as a single unlabeled group, so the split,
- * the select-alls, and the filter still apply.
- *
- * Every change is rebuilt from the full inventory against the one shared
- * selection, so a tool selected but hidden by the filter is never dropped —
- * only the rows on screen, and the select-alls over them, can change it.
- */
-export function McpAccessGroupedToolPicker({ busy, inventory, selected, onChange, }) {
-    const [query, setQuery] = useState("");
-    if (inventory.data === undefined) {
-        return _jsx(InventoryUnavailableNote, { isPending: inventory.isPending });
-    }
-    const tools = inventory.data.tools;
-    const selectedKeys = new Set(selected.map((tool) => keyOf(tool)));
-    const applyKeys = (keys, checked) => {
-        const next = new Set(selectedKeys);
-        for (const key of keys) {
-            if (checked)
-                next.add(key);
-            else
-                next.delete(key);
-        }
-        onChange(tools
-            .filter((tool) => next.has(keyOf(tool)))
-            .map((tool) => ({ method: tool.method, pathTemplate: tool.pathTemplate })));
-    };
-    const needle = query.trim().toLowerCase();
-    const groups = groupByFirstTag(tools);
-    const visibleGroups = groups
-        .map((group) => ({ ...group, visible: group.tools.filter((tool) => matches(tool, needle)) }))
-        .filter((group) => group.visible.length > 0);
-    const visibleCount = visibleGroups.reduce((count, group) => count + group.visible.length, 0);
-    const chosen = tools.filter((tool) => selectedKeys.has(keyOf(tool)));
-    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)] gap-2", children: [_jsx(Input, { "aria-label": "Filter tools", className: "h-8 text-xs", onChange: (event) => {
-                    setQuery(event.target.value);
-                }, placeholder: `Filter ${tools.length} tools…`, type: "search", value: query }), _jsx("div", { className: "max-h-96 overflow-y-auto rounded-md border border-border/60", children: visibleGroups.length === 0 ? (_jsx("p", { className: "text-muted-foreground px-3 py-2 text-xs", children: tools.length === 0 ? "This API exposes no tools." : "No tools match the filter." })) : (visibleGroups.map((group) => (_jsx(GroupSection, { busy: busy, group: group, onApply: applyKeys, selectedKeys: selectedKeys }, group.label ?? "")))) }), _jsx(PickerFooter, { busy: busy, chosen: chosen.length, matching: needle === "" ? null : visibleCount, total: tools.length })] }));
-}
-function PickerFooter({ busy, chosen, matching, total, }) {
-    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [busy ? _jsx(Spinner, { "aria-label": "Saving selection", className: "text-muted-foreground" }) : null, _jsxs("p", { "aria-live": "polite", className: "text-muted-foreground text-xs", children: [chosen, " of ", total, " tools selected"] }), matching === null ? null : (_jsxs("p", { className: "text-muted-foreground text-xs", children: [matching, " match", matching === 1 ? "es" : "", " the filter"] })), chosen === 0 ? _jsx(EmptySelectionWarning, {}) : null] }));
-}
-function matches(tool, needle) {
-    if (needle === "")
-        return true;
-    return [tool.name, tool.description, `${tool.method} ${tool.pathTemplate}`].some((text) => text.toLowerCase().includes(needle));
-}
-/** One tag group: its sticky header with counts, then the Read and Actions runs. */
-function GroupSection({ busy, group, selectedKeys, onApply, }) {
-    const chosenInGroup = group.tools.filter((tool) => selectedKeys.has(keyOf(tool))).length;
-    return (_jsxs("section", { children: [group.label === null ? null : (_jsxs("h4", { className: "bg-background sticky top-0 z-10 flex items-baseline justify-between gap-2 border-b border-border/60 px-3 py-1.5 font-mono text-xs font-semibold", children: [_jsx("span", { className: "truncate", children: group.label }), _jsxs("span", { className: "text-muted-foreground shrink-0 text-[10px] font-normal tabular-nums", children: [chosenInGroup, " / ", group.tools.length] })] })), [
-                { label: "Read", rows: group.visible.filter((tool) => tool.readOnly) },
-                { label: "Actions", rows: group.visible.filter((tool) => !tool.readOnly) },
-            ].map(({ label, rows }) => rows.length === 0 ? null : (_jsx(SubsectionRows, { busy: busy, groupLabel: group.label, label: label, onApply: onApply, rows: rows, selectedKeys: selectedKeys }, label)))] }));
-}
-/** One Read or Actions run within a group: its header with select-all, then rows. */
-function SubsectionRows({ busy, groupLabel, label, rows, selectedKeys, onApply, }) {
-    const rowKeys = rows.map((tool) => keyOf(tool));
-    const picked = rowKeys.filter((key) => selectedKeys.has(key)).length;
-    const allState = picked === 0 ? false : picked === rowKeys.length ? true : "indeterminate";
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-3 pt-2 pb-1", children: [_jsx("span", { className: label === "Actions"
-                            ? "text-primary text-[10px] font-semibold tracking-wide uppercase"
-                            : "text-muted-foreground text-[10px] font-semibold tracking-wide uppercase", children: label }), _jsx(Checkbox, { "aria-label": `Select all ${label.toLowerCase()}${groupLabel === null ? "" : ` in ${groupLabel}`}`, checked: allState, disabled: busy, onCheckedChange: (next) => {
-                            // The rows on screen only: with a filter active this is
-                            // "select what I searched for", never the hidden rest.
-                            onApply(rowKeys, next === true);
-                        } })] }), _jsx("ul", { className: "divide-y divide-border/50", children: rows.map((tool) => (_jsx(PickerRow, { checked: selectedKeys.has(keyOf(tool)), disabled: busy, 
-                    // The subheader above already says Read or Actions.
-                    kindBadge: false, onToggle: (key, checked) => {
-                        onApply([key], checked);
-                    }, tool: tool }, keyOf(tool)))) })] }));
-}
-/**
- * Buckets by first tag in first-appearance order — a compiler emits tools in
- * source order, so tag order is the API's own organization. Untagged tools
- * trail as one "Other" bucket, unless nothing is tagged at all: then the one
- * group is unlabeled rather than titled "Other" for no contrast.
- */
-function groupByFirstTag(tools) {
-    const buckets = new Map();
-    for (const tool of tools) {
-        const firstTag = tool.tags?.[0];
-        if (firstTag === undefined)
-            continue;
-        const bucket = buckets.get(firstTag);
-        if (bucket)
-            bucket.push(tool);
-        else
-            buckets.set(firstTag, [tool]);
-    }
-    if (buckets.size === 0)
-        return [{ label: null, tools }];
-    const untagged = tools.filter((tool) => (tool.tags?.length ?? 0) === 0);
-    if (untagged.length > 0) {
-        // Into the real "Other" tag's bucket when one exists, so two groups
-        // never share a label (and with it a React key).
-        const bucket = buckets.get(UNTAGGED_LABEL);
-        if (bucket)
-            bucket.push(...untagged);
-        else
-            buckets.set(UNTAGGED_LABEL, untagged);
-    }
-    return [...buckets.entries()].map(([label, bucketTools]) => ({
-        label,
-        tools: bucketTools,
-    }));
-}

package/dist/components/blocks/mcp-access-tool-picker-internals.d.ts

@@ -1,35 +0,0 @@
-import type { McpAccessToolListing } from "./mcp-access-types.js";
-/** The coordinate a selector and a compiled operation are matched on. */
-export declare const keyOf: (tool: {
-    method: string;
-    pathTemplate: string;
-}) => string;
-/**
- * The slice of the app's inventory query the pickers read, shaped so a
- * TanStack Query result can be passed whole. `data` is `undefined` for both
- * "still loading" and "failed to load"; `isPending` says which.
- */
-export type McpToolInventoryState = {
-    data: {
-        tools: McpAccessToolListing[];
-    } | undefined;
-    isPending: boolean;
-};
-/** The one line an absent inventory renders, in both pickers. */
-export declare function InventoryUnavailableNote({ isPending }: {
-    isPending: boolean;
-}): import("@types/react").JSX.Element;
-/** Why an empty selection blocks the mint, in both pickers' footers. */
-export declare function EmptySelectionWarning(): import("@types/react").JSX.Element;
-/**
- * One selectable tool row. `kindBadge` shows the read-only/action label — the
- * flat list's only signal, redundant under the grouped picker's Read/Actions
- * subheaders.
- */
-export declare function PickerRow({ checked, disabled, kindBadge, tool, onToggle, }: {
-    checked: boolean;
-    disabled: boolean;
-    kindBadge: boolean;
-    tool: McpAccessToolListing;
-    onToggle: (key: string, checked: boolean) => void;
-}): import("@types/react").JSX.Element;

package/dist/components/blocks/mcp-access-tool-picker-internals.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import { Checkbox } from "../ui/checkbox.js";
-/** The coordinate a selector and a compiled operation are matched on. */
-export const keyOf = (tool) => `${tool.method} ${tool.pathTemplate}`;
-/** The one line an absent inventory renders, in both pickers. */
-export function InventoryUnavailableNote({ isPending }) {
-    return (_jsx("p", { className: "text-muted-foreground text-xs", children: isPending ? "Loading the tool list…" : "Couldn't load the tool list." }));
-}
-/** Why an empty selection blocks the mint, in both pickers' footers. */
-export function EmptySelectionWarning() {
-    return (_jsx("p", { className: "text-destructive text-xs", children: "Select at least one tool to generate a connection code." }));
-}
-/**
- * One selectable tool row. `kindBadge` shows the read-only/action label — the
- * flat list's only signal, redundant under the grouped picker's Read/Actions
- * subheaders.
- */
-export function PickerRow({ checked, disabled, kindBadge, tool, onToggle, }) {
-    const id = useId();
-    return (_jsxs("li", { className: "flex min-h-11 items-start gap-3 px-3 py-2", children: [_jsx(Checkbox, { checked: checked, disabled: disabled, id: id, onCheckedChange: (next) => {
-                    onToggle(keyOf(tool), next === true);
-                } }), _jsxs("label", { className: "min-w-0 flex-1 cursor-pointer", htmlFor: id, children: [kindBadge ? (_jsxs("span", { className: "flex flex-wrap items-center gap-x-2", children: [_jsx("span", { className: "truncate font-mono text-xs", children: tool.name }), _jsx("span", { className: "text-muted-foreground text-[10px] uppercase", children: tool.readOnly ? "read-only" : "action" })] })) : (_jsx("span", { className: "block truncate font-mono text-xs", children: tool.name })), _jsx("span", { className: "text-muted-foreground block truncate text-xs", children: tool.description })] })] }));
-}

package/dist/components/blocks/mcp-access-tool-picker.d.ts

@@ -1,22 +0,0 @@
-import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals.js";
-import type { McpAccessToolSelector } from "./mcp-access-types.js";
-export { keyOf } from "./mcp-access-tool-picker-internals.js";
-export type { McpToolInventoryState } from "./mcp-access-tool-picker-internals.js";
-/**
- * An exact tool selection, applied as it is clicked. There is nothing to
- * confirm: the list on screen is always what a code will be minted with, and an
- * empty selection is reported but never stored because it is not a grant.
- *
- * Controlled rather than seeded once: the sheet owns the selection because the
- * mint gate has to agree with these boxes, and a copy here could only be kept
- * in step by remounting — which loses the scroll position on every click and
- * still leaves the gate reading the older value.
- */
-export declare function McpAccessToolPicker({ busy, inventory, selected, onChange, }: {
-    busy: boolean;
-    /** The compiled inventory a Custom selection chooses from. The app owns
-     * the fetch — and with it when the request is made at all. */
-    inventory: McpToolInventoryState;
-    selected: McpAccessToolSelector[];
-    onChange: (tools: McpAccessToolSelector[]) => void;
-}): import("@types/react").JSX.Element;

package/dist/components/blocks/mcp-access-tool-picker.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner } from "../ui/spinner.js";
-import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals.js";
-export { keyOf } from "./mcp-access-tool-picker-internals.js";
-/**
- * An exact tool selection, applied as it is clicked. There is nothing to
- * confirm: the list on screen is always what a code will be minted with, and an
- * empty selection is reported but never stored because it is not a grant.
- *
- * Controlled rather than seeded once: the sheet owns the selection because the
- * mint gate has to agree with these boxes, and a copy here could only be kept
- * in step by remounting — which loses the scroll position on every click and
- * still leaves the gate reading the older value.
- */
-export function McpAccessToolPicker({ busy, inventory, selected, onChange, }) {
-    const selectedKeys = new Set(selected.map((tool) => keyOf(tool)));
-    if (inventory.data === undefined) {
-        return _jsx(InventoryUnavailableNote, { isPending: inventory.isPending });
-    }
-    const tools = inventory.data.tools;
-    const toggle = (key, checked) => {
-        const next = new Set(selectedKeys);
-        if (checked)
-            next.add(key);
-        else
-            next.delete(key);
-        onChange(tools
-            .filter((tool) => next.has(keyOf(tool)))
-            .map((tool) => ({ method: tool.method, pathTemplate: tool.pathTemplate })));
-    };
-    const chosen = tools.filter((tool) => selectedKeys.has(keyOf(tool)));
-    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)] gap-2", children: [_jsx("ul", { className: "max-h-64 divide-y divide-border/50 overflow-y-auto rounded-md border border-border/60", children: tools.map((tool) => (_jsx(PickerRow, { checked: selectedKeys.has(keyOf(tool)), disabled: busy, kindBadge: true, onToggle: toggle, tool: tool }, keyOf(tool)))) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [busy ? _jsx(Spinner, { "aria-label": "Saving selection", className: "text-muted-foreground" }) : null, _jsxs("p", { "aria-live": "polite", className: "text-muted-foreground text-xs", children: [chosen.length, " of ", tools.length, " tools selected"] }), chosen.length === 0 ? _jsx(EmptySelectionWarning, {}) : null] })] }));
-}

package/dist/components/blocks/mcp-access-types.d.ts

@@ -1,42 +0,0 @@
-/**
- * The vocabulary the mcp-access controls speak. The gateway owns these
- * shapes; they travel unchanged from its database through an app's backend to
- * here. Plain types rather than schemas: parsing belongs to the app's own
- * data layer, and the components only need to name what they are handed.
- */
-/** The gateway owns this vocabulary; it travels unchanged from its database to here. */
-export type McpAccessMode = "read_only" | "all" | "selected";
-/** Who adds the connector, which is the only thing the two setups differ on. */
-export type ConnectPlan = "personal" | "workspace";
-export type McpHttpMethod = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
-/** The durable coordinate a Custom selection stores per operation. */
-export type McpAccessToolSelector = {
-    method: McpHttpMethod;
-    pathTemplate: string;
-};
-/** A selector's coordinate plus its display labels. */
-export type McpAccessToolListing = {
-    name: string;
-    description: string;
-    readOnly: boolean;
-    method: McpHttpMethod;
-    pathTemplate: string;
-    /** The operation's OpenAPI tags; the grouped picker buckets by the first. */
-    tags?: readonly string[];
-};
-/**
- * What a mint produced, as the fields these controls report: the access the
- * code was stamped with, and when it stops working. The code itself is not
- * here — the app shows it through its own `CopyField`, and a type that never
- * carries the credential cannot leak it. Discriminated on `access`: only a
- * selected link carries tools, and it always does. Expiry is integer Unix
- * epoch milliseconds.
- */
-export type McpConnectLink = {
-    access: Exclude<McpAccessMode, "selected">;
-    expiresAtEpochMilliseconds: number;
-} | {
-    access: "selected";
-    tools: McpAccessToolSelector[];
-    expiresAtEpochMilliseconds: number;
-};

package/dist/components/blocks/mcp-access-types.js

@@ -1,7 +0,0 @@
-/**
- * The vocabulary the mcp-access controls speak. The gateway owns these
- * shapes; they travel unchanged from its database through an app's backend to
- * here. Plain types rather than schemas: parsing belongs to the app's own
- * data layer, and the components only need to name what they are handed.
- */
-export {};

package/dist/components/blocks/mcp-client-setup.d.ts

@@ -1,29 +0,0 @@
-import type { ReactNode } from "react";
-import type { ConnectPlan } from "./mcp-access-types.js";
-import type { McpConnectClient } from "./mcp-connect-clients.js";
-/**
- * Per-client setup for the connection.
- *
- * One client at a time, because every client wants the same values and only
- * the steps differ — listing all of them stacked repeated the same URL five
- * times and buried the one set of values the reader actually needs. The values
- * sit above the tabs so switching clients never moves them.
- */
-export declare function McpClientSetup({ clientId, code, connectorName, footer, onClientChange, onPlanChange, plan, url, urlNote, }: {
-    clientId: McpConnectClient;
-    /** The minted secret, absent until the member generates one. */
-    code: string | undefined;
-    /** Interpolated unquoted into the copyable CLI commands, so it must be a
-     * plain slug (no spaces, no leading `-`): quoting would have to pick a
-     * shell, and a leading `-` reaches the CLIs as an option. A name that
-     * fails the check renders the placeholder instead of a broken command. */
-    connectorName: string;
-    /** Minting lives in the card, beside the field it fills. */
-    footer: ReactNode;
-    onClientChange: (client: McpConnectClient) => void;
-    onPlanChange: (plan: ConnectPlan) => void;
-    plan: ConnectPlan;
-    url: string | undefined;
-    /** What to show in place of `url`, given why it is absent. */
-    urlNote: string;
-}): import("@types/react").JSX.Element;

package/dist/components/blocks/mcp-client-setup.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger } from "../ui/tabs.js";
-import { CopyField } from "./copy-field.js";
-import { CONNECT_CLIENTS, clientSteps, planAffectsClient } from "./mcp-connect-clients.js";
-import { McpPlanChoice } from "./mcp-plan-choice.js";
-/**
- * The shape a connector name must have to be interpolated unquoted into the
- * CLI commands below. Stricter than any one CLI needs: the first character
- * may not be `-` because `--help-readonly` is a legal name by looser rules
- * yet reaches both CLIs as an option, and there is no quoting that works for
- * POSIX shells and Windows `cmd` at once.
- */
-const PLAIN_SLUG = /^[\w.][\w.-]*$/;
-/**
- * Per-client setup for the connection.
- *
- * One client at a time, because every client wants the same values and only
- * the steps differ — listing all of them stacked repeated the same URL five
- * times and buried the one set of values the reader actually needs. The values
- * sit above the tabs so switching clients never moves them.
- */
-export function McpClientSetup({ clientId, code, connectorName, footer, onClientChange, onPlanChange, plan, url, urlNote, }) {
-    const client = CONNECT_CLIENTS.find((candidate) => candidate.id === clientId);
-    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)] gap-3", children: [_jsx(ValueCard, { code: code, connectorName: connectorName, footer: footer, isCli: clientId === "cli", url: url, urlNote: urlNote }), _jsx(Tabs, { onValueChange: (value) => {
-                    // Narrowed through the catalogue rather than asserted: the tab list is
-                    // built from it, so a value that is not in it is not a client.
-                    const next = CONNECT_CLIENTS.find((candidate) => candidate.id === value);
-                    if (next)
-                        onClientChange(next.id);
-                }, value: clientId, children: _jsx(TabsList, { className: "w-full justify-start gap-x-2 overflow-x-auto", variant: "line", children: CONNECT_CLIENTS.map((candidate) => (_jsxs(TabsTrigger, { className: "text-xs", value: candidate.id, children: [_jsx(candidate.Icon, { "aria-hidden": "true", className: "size-3" }), candidate.tab] }, candidate.id))) }) }), client && planAffectsClient(client) ? (_jsx(McpPlanChoice, { onChange: onPlanChange, plan: plan })) : null, _jsx("p", { className: "text-muted-foreground text-sm", children: client ? clientSteps(client, plan) : null })] }));
-}
-/**
- * The values, shown once. The CLIs take a whole command rather than a name and
- * a URL, so that tab swaps the card's contents instead of adding a third field
- * nobody else uses.
- *
- * The footer sits with the fields it fills, so minting no longer needs a
- * sentence pointing at a control elsewhere on screen.
- */
-function ValueCard({ code, connectorName, footer, isCli, url, urlNote, }) {
-    // The URL is deployment configuration now, not a mint result, so reusing
-    // the minted secret's "not generated yet" would point at a button that can
-    // never fill it. The caller owns which of the absent-URL states applies.
-    // The commands interpolate the name bare, so only a plain slug may reach
-    // them — `--help-readonly` would parse as an option, a space as two argv
-    // entries — and neither is visible in the rendered field. Each absence
-    // names its own cause: a bad name with a good URL must not read as a
-    // missing URL.
-    const cliName = PLAIN_SLUG.test(connectorName) ? connectorName : undefined;
-    const cliNote = url !== undefined && cliName === undefined
-        ? "The connector name can't be placed in a command — it needs to be a plain slug."
-        : urlNote;
-    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)] gap-3 rounded-lg border border-border bg-muted/30 p-3", children: [isCli ? (_jsxs(_Fragment, { children: [_jsx(CopyField, { label: "Claude Code CLI", placeholder: cliNote, value: url === undefined || cliName === undefined
-                            ? undefined
-                            : `claude mcp add --transport http ${cliName} ${url}` }), _jsx(CopyField, { label: "Codex CLI", placeholder: cliNote, value: url === undefined || cliName === undefined
-                            ? undefined
-                            : `codex mcp add ${cliName} --url ${url}` })] })) : (_jsxs(_Fragment, { children: [_jsx(CopyField, { label: "Name", placeholder: urlNote, value: url === undefined ? undefined : connectorName }), _jsx(CopyField, { label: "URL", placeholder: urlNote, value: url })] })), _jsx(CopyField, { label: "Connection code", value: code }), _jsx("div", { className: "border-border border-t pt-3", children: footer })] }));
-}