@nocobase/app-plugin-projects 0.0.0-stage → 0.1.0-beta.2

package/dist/client/components/data-table-virtual.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { flexRender, } from '@tanstack/react-table';
+import { useState } from 'react';
+import { TableVirtuoso, } from 'react-virtuoso';
+import { cn } from 'cn';
+import { findScrollParent } from './pm-scroll-parent.js';
+// Stable components: TableVirtuoso remounts rows whenever these identities change.
+function VirtualTable({ style, children }) {
+    return (_jsx("table", { "data-slot": 'table', style: style, className: 'w-full caption-bottom text-sm', children: children }));
+}
+function VirtualRow({ style, children, context, ...data }) {
+    const index = data['data-index'];
+    const onRowClick = context.onRowClick;
+    return (_jsx("tr", { "data-slot": 'table-row', "data-index": data['data-index'], "data-known-size": data['data-known-size'], style: style, className: cn('border-b transition-colors hover:bg-muted/50', onRowClick && 'cursor-pointer'), onClick: onRowClick ? () => onRowClick(index) : undefined, children: children }));
+}
+/**
+ * The body of `DataTable` past its `virtualizeAfter` threshold: the same header and cells, rendered by
+ * `react-virtuoso`'s `TableVirtuoso` against the nearest scrolling ancestor, so a few thousand issues scroll without
+ * rendering every row.
+ */
+export function DataTableVirtual({ table, onRowClick, }) {
+    const [anchor, setAnchor] = useState(null);
+    const rows = table.getRowModel().rows;
+    const scrollParent = anchor ? findScrollParent(anchor) : null;
+    const context = {
+        onRowClick: onRowClick
+            ? (index) => {
+                const row = rows[index];
+                if (row)
+                    onRowClick(row);
+            }
+            : undefined,
+    };
+    return (_jsx("div", { ref: setAnchor, "data-virtualized": '', className: 'relative w-full', children: anchor ? (_jsx(TableVirtuoso, { data: rows, context: context, customScrollParent: scrollParent ?? undefined, useWindowScroll: !scrollParent, increaseViewportBy: 600, computeItemKey: (_, row) => row.id, components: { Table: VirtualTable, TableRow: VirtualRow }, fixedHeaderContent: () => table.getHeaderGroups().map((headerGroup) => (_jsx("tr", { className: 'border-b bg-muted', children: headerGroup.headers.map((header) => (_jsx("th", { colSpan: header.colSpan, className: 'h-10 px-3 text-left align-middle font-medium whitespace-nowrap text-muted-foreground', children: header.isPlaceholder
+                        ? null
+                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))), itemContent: (_, row) => row.getVisibleCells().map((cell) => (_jsx("td", { className: 'p-2 px-3 align-middle whitespace-nowrap', children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) })) : null }));
+}
+//# sourceMappingURL=data-table-virtual.js.map

package/dist/client/components/data-table-virtual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-virtual.js","sourceRoot":"","sources":["../../../client/components/data-table-virtual.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/data-table.d.ts

@@ -0,0 +1,49 @@
+import { type ColumnDef, type Row, type Table as TableInstance } from '@tanstack/react-table';
+import { type ReactElement, type ReactNode } from 'react';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData, TValue> {
+        readonly className?: string;
+    }
+}
+export interface DataTableProps<TData, TValue = unknown> {
+    readonly columns: ColumnDef<TData, TValue>[];
+    readonly data: TData[];
+    readonly className?: string;
+    /**
+     * Rendered above the table and handed the table instance, so filters and
+     * `DataTableViewOptions` can read and drive its state.
+     */
+    readonly toolbar?: (table: TableInstance<TData>) => ReactNode;
+    /** Shown in place of the body when no row survives filtering. */
+    readonly emptyMessage?: ReactNode;
+    /** Set to `false` to render every row and hide the pagination footer. */
+    readonly pagination?: boolean;
+    readonly pageSize?: number;
+    readonly pageSizeOptions?: readonly number[];
+    /** Set to `false` to hide the "n of m row(s) selected" summary, for tables without row selection. */
+    readonly showSelectedCount?: boolean;
+    readonly getRowId?: (row: TData, index: number, parent?: Row<TData>) => string;
+    readonly onRowClick?: (row: Row<TData>) => void;
+    /**
+     * With `pagination={false}`, past this many rows the body is virtualized (`react-virtuoso`), rendering only the
+     * rows on screen. The issue list sets 200.
+     */
+    readonly virtualizeAfter?: number;
+    /**
+     * Fill the parent's height (a flex column): the body scrolls inside the frame under a sticky header row, so the
+     * page itself does not scroll. The parent must give the table a bounded height.
+     */
+    readonly fillHeight?: boolean;
+}
+/**
+ * A table driven by TanStack Table with client-side sorting, filtering, column
+ * visibility, row selection and pagination, composed from the shadcn `Table`
+ * primitive the way the shadcn Data Table guide describes.
+ *
+ * Column definitions decide what each feature does: sort through
+ * `DataTableColumnHeader`, filter from the `toolbar` with
+ * `table.getColumn(id)?.setFilterValue(...)`, and select rows with a display
+ * column that renders a `Checkbox`.
+ */
+export declare function DataTable<TData, TValue = unknown>({ columns, data, className, toolbar, emptyMessage, pagination, pageSize, pageSizeOptions, showSelectedCount, getRowId, onRowClick, virtualizeAfter, fillHeight, }: DataTableProps<TData, TValue>): ReactElement;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/client/components/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../client/components/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EAGR,KAAK,KAAK,IAAI,aAAa,EAQ5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAcpE,OAAO,QAAQ,uBAAuB,CAAC;IAIrC,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM;QAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;KAC7B;CACF;AAED,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IACrD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IAC7C,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IAC9D,iEAAiE;IACjE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,yEAAyE;IACzE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7C,qGAAqG;IACrG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAClB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAChB,MAAM,CAAC;IACZ,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,EACjD,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAiB,EACjB,QAAa,EACb,eAAe,EACf,iBAAwB,EACxB,QAAQ,EACR,UAAU,EACV,eAAe,EACf,UAAkB,GACnB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAY,CAgJ9C"}

package/dist/client/components/data-table.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { useState } from 'react';
+import { DataTablePagination } from './data-table-pagination.js';
+import { DataTableVirtual } from './data-table-virtual.js';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from './ui/table.js';
+import { cn } from 'cn';
+/**
+ * A table driven by TanStack Table with client-side sorting, filtering, column
+ * visibility, row selection and pagination, composed from the shadcn `Table`
+ * primitive the way the shadcn Data Table guide describes.
+ *
+ * Column definitions decide what each feature does: sort through
+ * `DataTableColumnHeader`, filter from the `toolbar` with
+ * `table.getColumn(id)?.setFilterValue(...)`, and select rows with a display
+ * column that renders a `Checkbox`.
+ */
+export function DataTable({ columns, data, className, toolbar, emptyMessage, pagination = true, pageSize = 10, pageSizeOptions, showSelectedCount = true, getRowId, onRowClick, virtualizeAfter, fillHeight = false, }) {
+    const { t } = useTranslation();
+    const [sorting, setSorting] = useState([]);
+    const [columnFilters, setColumnFilters] = useState([]);
+    const [columnVisibility, setColumnVisibility] = useState({});
+    const [rowSelection, setRowSelection] = useState({});
+    // TanStack Table hands back one mutable instance that the React Compiler
+    // cannot memoize, so it skips compiling this component; the table is still
+    // correct without it.
+    // eslint-disable-next-line react-hooks/incompatible-library
+    const table = useReactTable({
+        data,
+        columns,
+        getRowId,
+        state: { sorting, columnFilters, columnVisibility, rowSelection },
+        initialState: { pagination: { pageSize } },
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        ...(pagination ? { getPaginationRowModel: getPaginationRowModel() } : {}),
+    });
+    const rows = table.getRowModel().rows;
+    const virtualized = !pagination &&
+        virtualizeAfter !== undefined &&
+        rows.length > virtualizeAfter;
+    return (_jsxs("div", { className: cn('flex flex-col gap-4', fillHeight && 'min-h-0 flex-1', className), children: [toolbar ? (_jsx("div", { className: 'flex items-center gap-2', children: toolbar(table) })) : null, virtualized ? (_jsx("div", { className: cn('rounded-lg border bg-card', fillHeight && 'min-h-0 flex-1 overflow-auto'), children: _jsx(DataTableVirtual, { table: table, onRowClick: onRowClick }) })) : (_jsx("div", { className: cn('overflow-hidden rounded-lg border bg-card', 
+                // The primitive's own overflow container becomes the scroller, so the sticky header stays in view.
+                fillHeight &&
+                    'min-h-0 flex-1 [&_[data-slot=table-container]]:h-full [&_[data-slot=table-container]]:overflow-auto'), children: _jsxs(Table, { children: [_jsx(TableHeader, { className: fillHeight ? 'sticky top-0 z-10 bg-muted shadow-2xs' : undefined, children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { className: 'bg-muted/40 hover:bg-muted/40', children: headerGroup.headers.map((header) => (_jsx(TableHead, { colSpan: header.colSpan, className: cn('px-3 text-muted-foreground', header.column.columnDef.meta?.className), children: header.isPlaceholder
+                                        ? null
+                                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: rows.length > 0 ? (rows.map((row) => (_jsx(TableRow, { "data-state": row.getIsSelected() ? 'selected' : undefined, className: onRowClick ? 'cursor-pointer' : undefined, onClick: onRowClick ? () => onRowClick(row) : undefined, children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { className: cn('px-3', cell.column.columnDef.meta?.className), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: 'h-24 text-center text-muted-foreground', children: emptyMessage ??
+                                        t('dataTable.noResults', { defaultValue: 'No results.' }) }) })) })] }) })), pagination ? (_jsx(DataTablePagination, { table: table, pageSizeOptions: pageSizeOptions, showSelectedCount: showSelectedCount })) : null] }));
+}
+//# sourceMappingURL=data-table.js.map

package/dist/client/components/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../client/components/data-table.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/date-picker.d.ts

@@ -0,0 +1,44 @@
+import { type ComponentProps, type ReactElement } from 'react';
+import type { DateRange, Locale, PropsBase } from 'react-day-picker';
+import { PopoverContent } from './ui/popover.js';
+interface DatePickerBaseProps {
+    readonly id?: string;
+    readonly className?: string;
+    readonly placeholder?: string;
+    readonly disabled?: boolean;
+    /** A `date-fns` locale, applied to both the trigger text and the calendar. */
+    readonly locale?: Locale;
+    /** `date-fns` format for the trigger text. */
+    readonly formatString?: string;
+    readonly align?: ComponentProps<typeof PopoverContent>['align'];
+    /** Extra props for the `Calendar`, such as `captionLayout` or `disabled`. */
+    readonly calendarProps?: Partial<PropsBase>;
+}
+export interface DatePickerProps extends DatePickerBaseProps {
+    readonly value?: Date;
+    readonly defaultValue?: Date;
+    readonly onChange?: (date: Date | undefined) => void;
+    /** Close the popover once a day is picked. Defaults to `true`. */
+    readonly closeOnSelect?: boolean;
+}
+/**
+ * A single-date picker built from `Popover`, `Button` and `Calendar`, the
+ * composition the shadcn Date Picker guide describes. Works controlled with
+ * `value` and `onChange`, or uncontrolled with `defaultValue`.
+ */
+export declare function DatePicker({ id, className, placeholder, disabled, locale, formatString, align, calendarProps, value, defaultValue, onChange, closeOnSelect, }: DatePickerProps): ReactElement;
+export interface DateRangePickerProps extends DatePickerBaseProps {
+    readonly value?: DateRange;
+    readonly defaultValue?: DateRange;
+    readonly onChange?: (range: DateRange | undefined) => void;
+    /** Close the popover once both ends of the range are picked. Defaults to `false`. */
+    readonly closeOnSelect?: boolean;
+    readonly numberOfMonths?: number;
+}
+/**
+ * A date-range picker with the same composition as `DatePicker`, rendering two
+ * months side by side by default.
+ */
+export declare function DateRangePicker({ id, className, placeholder, disabled, locale, formatString, align, calendarProps, value, defaultValue, onChange, closeOnSelect, numberOfMonths, }: DateRangePickerProps): ReactElement;
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/client/components/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../client/components/date-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAW,cAAc,EAAkB,MAAM,iBAAiB,CAAC;AAG1E,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE,6EAA6E;IAC7E,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kEAAkE;IAClE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,KAAe,EACf,aAAa,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAoB,GACrB,EAAE,eAAe,GAAG,YAAY,CAkDhC;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,qFAAqF;IACrF,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAA0B,EAC1B,KAAe,EACf,aAAa,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAqB,EACrB,cAAkB,GACnB,EAAE,oBAAoB,GAAG,YAAY,CAyDrC"}

package/dist/client/components/date-picker.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { format } from 'date-fns';
+import { CalendarIcon } from 'lucide-react';
+import { useState } from 'react';
+import { Button } from './ui/button.js';
+import { Calendar } from './ui/calendar.js';
+import { Popover, PopoverContent, PopoverTrigger } from './ui/popover.js';
+import { cn } from 'cn';
+/**
+ * A single-date picker built from `Popover`, `Button` and `Calendar`, the
+ * composition the shadcn Date Picker guide describes. Works controlled with
+ * `value` and `onChange`, or uncontrolled with `defaultValue`.
+ */
+export function DatePicker({ id, className, placeholder, disabled, locale, formatString = 'PPP', align = 'start', calendarProps, value, defaultValue, onChange, closeOnSelect = true, }) {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = value ?? internal;
+    const handleSelect = (date) => {
+        setInternal(date);
+        onChange?.(date);
+        if (closeOnSelect)
+            setOpen(false);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { id: id, variant: 'outline', disabled: disabled, "data-empty": !selected, className: cn('w-60 justify-start px-2.5 text-left font-normal data-[empty=true]:text-muted-foreground', className) }), children: [_jsx(CalendarIcon, { "data-icon": 'inline-start' }), selected ? (format(selected, formatString, { locale })) : (_jsx("span", { children: placeholder ??
+                            t('datePicker.placeholder', { defaultValue: 'Pick a date' }) }))] }), _jsx(PopoverContent, { className: 'w-auto p-0', align: align, children: _jsx(Calendar, { ...calendarProps, mode: 'single', locale: locale, selected: selected, defaultMonth: selected, onSelect: handleSelect }) })] }));
+}
+/**
+ * A date-range picker with the same composition as `DatePicker`, rendering two
+ * months side by side by default.
+ */
+export function DateRangePicker({ id, className, placeholder, disabled, locale, formatString = 'LLL dd, y', align = 'start', calendarProps, value, defaultValue, onChange, closeOnSelect = false, numberOfMonths = 2, }) {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = value ?? internal;
+    const handleSelect = (range) => {
+        setInternal(range);
+        onChange?.(range);
+        if (closeOnSelect && range?.from && range.to)
+            setOpen(false);
+    };
+    const label = selected?.from
+        ? selected.to
+            ? `${format(selected.from, formatString, { locale })} - ${format(selected.to, formatString, { locale })}`
+            : format(selected.from, formatString, { locale })
+        : null;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { id: id, variant: 'outline', disabled: disabled, "data-empty": !label, className: cn('w-72 justify-start px-2.5 text-left font-normal data-[empty=true]:text-muted-foreground', className) }), children: [_jsx(CalendarIcon, { "data-icon": 'inline-start' }), label ?? (_jsx("span", { children: placeholder ??
+                            t('datePicker.rangePlaceholder', {
+                                defaultValue: 'Pick a date range',
+                            }) }))] }), _jsx(PopoverContent, { className: 'w-auto p-0', align: align, children: _jsx(Calendar, { ...calendarProps, mode: 'range', locale: locale, selected: selected, defaultMonth: selected?.from, numberOfMonths: numberOfMonths, onSelect: handleSelect }) })] }));
+}
+//# sourceMappingURL=date-picker.js.map

package/dist/client/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../client/components/date-picker.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/page-container.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, ReactElement } from 'react';
+export type PageContainerProps = ComponentProps<'section'>;
+/**
+ * The frame of a page: the full width, the responsive padding, and the spacing between its sections.
+ *
+ * A page renders one. Content that renders inside another page — an inline child route, a tab panel — already sits in
+ * that page's container and adds none of its own, while a covering `RouteChildPage` is a surface of its own and
+ * places one inside it.
+ */
+export declare function PageContainer({ className, ...props }: PageContainerProps): ReactElement;
+//# sourceMappingURL=page-container.d.ts.map

package/dist/client/components/page-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-container.d.ts","sourceRoot":"","sources":["../../../client/components/page-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAOnC"}

package/dist/client/components/page-container.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from 'cn';
+/**
+ * The frame of a page: the full width, the responsive padding, and the spacing between its sections.
+ *
+ * A page renders one. Content that renders inside another page — an inline child route, a tab panel — already sits in
+ * that page's container and adds none of its own, while a covering `RouteChildPage` is a surface of its own and
+ * places one inside it.
+ */
+export function PageContainer({ className, ...props }) {
+    return (_jsx("section", { className: cn('w-full space-y-6 p-6 md:p-8', className), ...props }));
+}
+//# sourceMappingURL=page-container.js.map

package/dist/client/components/page-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-container.js","sourceRoot":"","sources":["../../../client/components/page-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAIxB;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACW;IACnB,OAAO,CACL,kBACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/client/components/page-header.d.ts

@@ -0,0 +1,16 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface PageHeaderProps {
+    /** The `h1`'s id, for a region labelled by it. */
+    readonly id?: string;
+    readonly title: ReactNode;
+    readonly description?: ReactNode;
+    /** Page-level actions, aligned to the right of the title from the `sm` breakpoint up. */
+    readonly actions?: ReactNode;
+}
+/**
+ * The heading of a page: its only `h1`, an optional description, and the actions that apply to the whole page.
+ * This plugin sizes it for a work tool: a 2xl title, a one-line description, the
+ * actions vertically centred on the right with the one primary action last.
+ */
+export declare function PageHeader({ actions, description, id, title, }: PageHeaderProps): ReactElement;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/client/components/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../client/components/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,yFAAyF;IACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,EAAE,EACF,KAAK,GACN,EAAE,eAAe,GAAG,YAAY,CAuBhC"}

package/dist/client/components/page-header.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The heading of a page: its only `h1`, an optional description, and the actions that apply to the whole page.
+ * This plugin sizes it for a work tool: a 2xl title, a one-line description, the
+ * actions vertically centred on the right with the one primary action last.
+ */
+export function PageHeader({ actions, description, id, title, }) {
+    return (_jsxs("header", { className: 'flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between', children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("h1", { id: id, className: 'font-heading text-2xl font-semibold tracking-tight', children: title }), description ? (_jsx("p", { className: 'mt-1.5 max-w-3xl text-sm text-muted-foreground', children: description })) : null] }), actions ? (_jsx("div", { className: 'flex flex-wrap items-center gap-2 sm:shrink-0 sm:flex-nowrap', children: actions })) : null] }));
+}
+//# sourceMappingURL=page-header.js.map

package/dist/client/components/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../client/components/page-header.tsx"],"names":[],"mappings":";AAWA;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,EAAE,EACF,KAAK,GACW;IAChB,OAAO,CACL,kBAAQ,SAAS,EAAC,oEAAoE,aACpF,eAAK,SAAS,EAAC,SAAS,aACtB,aACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,oDAAoD,YAE7D,KAAK,GACH,EACJ,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,gDAAgD,YAC1D,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,8DAA8D,YAC1E,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-api-key-tag.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+/** Marks an actor as an organization's API key (its hidden identity), beside the key's name. */
+export declare function PmApiKeyTag({ className, }: {
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=pm-api-key-tag.d.ts.map

package/dist/client/components/pm-api-key-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-api-key-tag.d.ts","sourceRoot":"","sources":["../../../client/components/pm-api-key-tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,gGAAgG;AAChG,wBAAgB,WAAW,CAAC,EAC1B,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAYf"}

package/dist/client/components/pm-api-key-tag.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { KeyRoundIcon } from 'lucide-react';
+import { PmTag } from './pm-tag.js';
+/** Marks an actor as an organization's API key (its hidden identity), beside the key's name. */
+export function PmApiKeyTag({ className, }) {
+    const { t } = useTranslation();
+    return (_jsx(PmTag, { tone: 'grey', icon: _jsx(KeyRoundIcon, { "aria-hidden": 'true' }), "data-api-key": 'true', ...(className ? { className } : {}), children: t('common.apiKey') }));
+}
+//# sourceMappingURL=pm-api-key-tag.js.map

package/dist/client/components/pm-api-key-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-api-key-tag.js","sourceRoot":"","sources":["../../../client/components/pm-api-key-tag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,gGAAgG;AAChG,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,GAGV;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAC,YAAY,mBAAa,MAAM,GAAG,kBAC5B,MAAM,KACf,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEnC,CAAC,CAAC,eAAe,CAAC,GACb,CACT,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-badges.d.ts

@@ -0,0 +1,34 @@
+import type { ReactElement } from 'react';
+import type { Priority } from '../../shared/common.js';
+import type { StatusDefinition } from '../../shared/issues.js';
+/** An issue status: a tag with a dot in the status's tone and its name. */
+export declare function PmStatusBadge({ statusKey, statuses, className, }: {
+    readonly statusKey: string;
+    /** The issue's workflow; without it, the status shows by its key. */
+    readonly statuses?: readonly StatusDefinition[];
+    readonly className?: string;
+}): ReactElement;
+/**
+ * A priority: a tag (urgent red, high orange, medium blue, low grey); no priority is a muted dash, with the word kept
+ * for screen readers, so the tags that do show stand out.
+ */
+export declare function PmPriorityLabel({ priority, className, }: {
+    readonly priority: Priority;
+    readonly className?: string;
+}): ReactElement;
+/** A small pulsing dot marking work in progress; decorative, the surrounding text carries the meaning. */
+export declare function PmPulse({ className, inherit, }: {
+    readonly className?: string;
+    /** Pulse in the surrounding text colour (inside a tag) instead of the primary colour. */
+    readonly inherit?: boolean;
+}): ReactElement;
+/**
+ * Who executes an issue: a person, nobody, or a principal of another registered kind (marked with the kind's name). A
+ * long name truncates to the space it is given and shows in full on hover.
+ */
+export declare function PmExecutor({ type, name, }: {
+    /** A kind's key; null for nobody. */
+    readonly type: string | null;
+    readonly name?: string | null;
+}): ReactElement;
+//# sourceMappingURL=pm-badges.d.ts.map

package/dist/client/components/pm-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-badges.d.ts","sourceRoot":"","sources":["../../../client/components/pm-badges.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAS/D,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAYf;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAoBf;AAED,0GAA0G;AAC1G,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,OAAe,GAChB,EAAE;IACD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,yFAAyF;IACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,YAAY,CAgBf;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,GACL,EAAE;IACD,qCAAqC;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,GAAG,YAAY,CA+Cf"}

package/dist/client/components/pm-badges.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { AlertTriangleIcon } from 'lucide-react';
+import { useKindLabel } from '../lib/kinds.js';
+import { PRIORITY_TONE, statusName, statusTone } from '../lib/status.js';
+import { cn } from 'cn';
+import { PmKindIcon } from './pm-kind-icon.js';
+import { PmTag } from './pm-tag.js';
+import { PM_OTHER_KIND_CLASS, PM_OTHER_KIND_TEXT_CLASS } from './pm-tones.js';
+import { Avatar, AvatarFallback } from './ui/avatar.js';
+/** An issue status: a tag with a dot in the status's tone and its name. */
+export function PmStatusBadge({ statusKey, statuses, className, }) {
+    const { t } = useTranslation();
+    return (_jsx(PmTag, { tone: statusTone(statuses, statusKey), dot: true, "data-status": statusKey, className: className, children: statusName(t, statuses, statusKey) }));
+}
+/**
+ * A priority: a tag (urgent red, high orange, medium blue, low grey); no priority is a muted dash, with the word kept
+ * for screen readers, so the tags that do show stand out.
+ */
+export function PmPriorityLabel({ priority, className, }) {
+    const { t } = useTranslation();
+    if (priority === 'none')
+        return (_jsxs("span", { className: cn('text-sm text-muted-foreground', className), children: ["\u2014", _jsx("span", { className: 'sr-only', children: t('priority.none') })] }));
+    return (_jsx(PmTag, { tone: PRIORITY_TONE[priority], "data-priority": priority, className: className, icon: priority === 'urgent' ? _jsx(AlertTriangleIcon, { "aria-hidden": 'true' }) : null, children: t(`priority.${priority}`) }));
+}
+/** A small pulsing dot marking work in progress; decorative, the surrounding text carries the meaning. */
+export function PmPulse({ className, inherit = false, }) {
+    const fill = inherit ? 'bg-current' : 'bg-primary';
+    return (_jsxs("span", { className: cn('relative flex size-2 shrink-0', className), "aria-hidden": 'true', children: [_jsx("span", { className: cn('absolute inline-flex size-full animate-ping rounded-full opacity-60 motion-reduce:animate-none', fill) }), _jsx("span", { className: cn('relative inline-flex size-2 rounded-full', fill) })] }));
+}
+/**
+ * Who executes an issue: a person, nobody, or a principal of another registered kind (marked with the kind's name). A
+ * long name truncates to the space it is given and shows in full on hover.
+ */
+export function PmExecutor({ type, name, }) {
+    const { t } = useTranslation();
+    const kindLabel = useKindLabel();
+    if (type === null || !name)
+        return (_jsxs("span", { className: 'text-sm text-muted-foreground', children: ["\u2014", type === null ? (_jsx("span", { className: 'sr-only', children: t('executor.none') })) : null] }));
+    return (_jsxs("span", { className: 'inline-flex max-w-full min-w-0 items-center gap-1.5 text-sm', title: name, children: [type === 'user' ? null : (_jsx(Avatar, { size: 'sm', "aria-hidden": 'true', className: cn('size-4', type === 'system'
+                    ? 'after:border-dashed after:border-muted-foreground/50'
+                    : 'rounded-md after:rounded-md'), children: _jsx(AvatarFallback, { className: type === 'system'
+                        ? 'bg-transparent text-muted-foreground'
+                        : `rounded-md ${PM_OTHER_KIND_CLASS}`, children: _jsx(PmKindIcon, { kind: type, className: 'size-2.5' }) }) })), _jsx("span", { className: 'truncate', children: name }), type !== 'user' ? (_jsx("span", { className: cn('shrink-0 text-xs', PM_OTHER_KIND_TEXT_CLASS), children: kindLabel(type) })) : null] }));
+}
+//# sourceMappingURL=pm-badges.js.map

package/dist/client/components/pm-badges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-badges.js","sourceRoot":"","sources":["../../../client/components/pm-badges.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/pm-executor-select.d.ts

@@ -0,0 +1,32 @@
+import type { ReactElement } from 'react';
+import type { Executor } from '../../shared/issues.js';
+import type { Member } from '../../shared/members.js';
+/**
+ * A principal of another registered kind the picker offers; `note` explains why it cannot be chosen (and disables it)
+ * or describes its state.
+ */
+export interface ExecutorOption {
+    /** Its kind's key (`shared/kinds.ts`). */
+    readonly type: string;
+    readonly id: string;
+    readonly name: string;
+    readonly note?: string;
+    readonly disabled?: boolean;
+}
+export interface PmExecutorSelectProps {
+    readonly id?: string;
+    /** Null: nobody. */
+    readonly value: Executor | null;
+    readonly members: readonly Member[];
+    /** Executors of other registered kinds, offered before the members. */
+    readonly others?: readonly ExecutorOption[];
+    /** The current executor's name when neither list has it. */
+    readonly currentName?: string | null;
+    readonly onChange: (executor: Executor | null) => void;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly 'aria-label'?: string;
+}
+/** Who executes an issue: nobody, a member, or a principal of another registered kind. */
+export declare function PmExecutorSelect({ id, value, members, others, currentName, onChange, disabled, className, 'aria-label': ariaLabel, }: PmExecutorSelectProps): ReactElement;
+//# sourceMappingURL=pm-executor-select.d.ts.map

package/dist/client/components/pm-executor-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-executor-select.d.ts","sourceRoot":"","sources":["../../../client/components/pm-executor-select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAatD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,uEAAuE;IACvE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IAC5C,4DAA4D;IAC5D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAmBD,0FAA0F;AAC1F,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,OAAO,EACP,MAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,qBAAqB,GAAG,YAAY,CAyGtC"}

package/dist/client/components/pm-executor-select.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { cn } from 'cn';
+import { PM_OTHER_KIND_CLASS } from './pm-tones.js';
+import { Avatar, AvatarFallback } from './ui/avatar.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from './ui/select.js';
+import { PmKindIcon } from './pm-kind-icon.js';
+const NONE = 'none';
+function encode(executor) {
+    return executor ? `${executor.type}:${executor.id}` : NONE;
+}
+function decode(value) {
+    const separator = value.indexOf(':');
+    if (value === NONE || separator < 0)
+        return null;
+    return {
+        type: value.slice(0, separator),
+        id: value.slice(separator + 1),
+    };
+}
+const kindOf = (value) => value.slice(0, value.indexOf(':'));
+/** Who executes an issue: nobody, a member, or a principal of another registered kind. */
+export function PmExecutorSelect({ id, value, members, others = [], currentName, onChange, disabled, className, 'aria-label': ariaLabel, }) {
+    const { t } = useTranslation();
+    const selected = encode(value);
+    const items = [
+        { value: NONE, label: t('executor.none') },
+        ...others.map((option) => ({
+            value: `${option.type}:${option.id}`,
+            label: option.name,
+            option,
+        })),
+        ...members.map((member) => ({
+            value: `user:${member.userId}`,
+            label: member.name,
+        })),
+    ];
+    // A current executor neither list has (a disabled account, say) still shows by name.
+    if (!items.some((item) => item.value === selected))
+        items.push({
+            value: selected,
+            label: currentName ?? value?.id ?? selected,
+        });
+    const current = items.find((item) => item.value === selected);
+    return (_jsxs(Select, { items: items, value: selected, disabled: disabled, onValueChange: (next) => {
+            if (next !== null && next !== selected)
+                onChange(decode(next));
+        }, children: [_jsx(SelectTrigger, { id: id, "aria-label": ariaLabel, title: selected === NONE ? undefined : current?.label, className: cn('w-full', className), children: _jsx(SelectValue, { className: 'min-w-0', children: (key) => {
+                        const item = items.find((entry) => entry.value === key);
+                        if (!item || key === NONE)
+                            return (_jsxs("span", { className: 'text-muted-foreground', children: ["\u2014", _jsx("span", { className: 'sr-only', children: t('executor.none') })] }));
+                        const kind = kindOf(key);
+                        // A person's name stands alone; initials beside it say nothing more.
+                        if (kind === 'user')
+                            return _jsx("span", { className: 'truncate', children: item.label });
+                        return (_jsxs("span", { className: 'inline-flex max-w-full min-w-0 items-center gap-1.5', children: [_jsx(Avatar, { size: 'sm', "aria-hidden": 'true', className: cn('size-4', kind === 'system'
+                                        ? 'after:border-dashed after:border-muted-foreground/50'
+                                        : 'rounded-md after:rounded-md'), children: _jsx(AvatarFallback, { className: kind === 'system'
+                                            ? 'bg-transparent text-muted-foreground'
+                                            : `rounded-md ${PM_OTHER_KIND_CLASS}`, children: _jsx(PmKindIcon, { kind: kind, className: 'size-2.5' }) }) }), _jsx("span", { className: 'truncate', children: item.label })] }));
+                    } }) }), _jsx(SelectContent, { className: 'w-auto max-w-[min(var(--container-sm),var(--available-width))] min-w-(--anchor-width) [&_[data-slot=select-item]>:first-child]:whitespace-normal', children: items.map((item) => (_jsx(SelectItem, { value: item.value, disabled: item.option?.disabled === true && item.value !== selected, className: '[&>span:first-child]:min-w-0 [&>span:first-child]:shrink', children: item.value === NONE ? (item.label) : (_jsxs("span", { className: 'flex min-w-0 items-center gap-2', children: [_jsx(ItemIcon, { kind: kindOf(item.value) }), _jsx("span", { className: 'min-w-0', children: item.label }), item.option?.note ? (_jsx("span", { className: 'shrink-0 text-xs text-muted-foreground', children: item.option.note })) : null] })) }, item.value))) })] }));
+}
+function ItemIcon({ kind }) {
+    return (_jsx(PmKindIcon, { kind: kind, className: 'size-3.5 text-muted-foreground', "aria-hidden": 'true' }));
+}
+//# sourceMappingURL=pm-executor-select.js.map

package/dist/client/components/pm-executor-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-executor-select.js","sourceRoot":"","sources":["../../../client/components/pm-executor-select.tsx"],"names":[],"mappings":"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"}