@ciridae/ui 0.10.0 → 0.11.2

package/dist/components/blocks/feedback-table.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { InboxIcon } from "lucide-react";
-import { DataTable, DataTableContent, DataTableEmpty, DataTableSkeleton, SortableTableHead, } from "../ui/data-table";
-import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty";
-import { Table, TableBody, TableHead, TableHeader, TableRow } from "../ui/table";
-import { defaultFeedbackTableSort, getNextFeedbackTableSort, sortFeedbackItems, } from "./feedback-table-sort";
-import { FeedbackTableRow } from "./feedback-table-row";
+import { DataTable, DataTableContent, DataTableEmpty, DataTableSkeleton, SortableTableHead, } from "../ui/data-table.js";
+import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty.js";
+import { Table, TableBody, TableHead, TableHeader, TableRow } from "../ui/table.js";
+import { defaultFeedbackTableSort, getNextFeedbackTableSort, sortFeedbackItems, } from "./feedback-table-sort.js";
+import { FeedbackTableRow } from "./feedback-table-row.js";
 function FeedbackTable({ defaultSort = defaultFeedbackTableSort, emptyAction, emptyDescription = "No feedback has been submitted yet.", emptyTitle = "No feedback", isLoading = false, items, onSelectFeedback, onSortChange, sort, }) {
     const [internalSort, setInternalSort] = React.useState(defaultSort);
     const activeSort = sort ?? internalSort;

package/dist/components/blocks/feedback-tracking-types.d.ts

@@ -49,6 +49,12 @@ type FeedbackMetrics = {
     received: number;
     total: number;
 };
+type FeedbackTimelineEvent = {
+    actorEmail: string;
+    actorRole: "reporter" | "support";
+    at: string;
+    toStatus: FeedbackStatus;
+};
 declare const feedbackStatusLabels: Record<FeedbackStatus, string>;
 declare const feedbackTypeLabels: Record<StakeholderFeedbackType, string>;
 declare const feedbackStatusOptions: readonly [{
@@ -84,4 +90,4 @@ declare const feedbackTypeOptions: readonly [{
     readonly value: "general";
 }];
 declare function getFeedbackInitials(name: string, email: string | undefined): string;
-export { feedbackStatusLabels, feedbackStatusOptions, feedbackStatusValues, feedbackTypeLabels, feedbackTypeOptions, getFeedbackInitials, type FeedbackAffectedScope, type FeedbackAttachment, type FeedbackMetrics, type FeedbackStatus, type FeedbackSubmittedBy, type FeedbackUrgency, type StakeholderFeedbackItem, type StakeholderFeedbackType, type UserFeedbackItem, };
+export { feedbackStatusLabels, feedbackStatusOptions, feedbackStatusValues, feedbackTypeLabels, feedbackTypeOptions, getFeedbackInitials, type FeedbackAffectedScope, type FeedbackAttachment, type FeedbackMetrics, type FeedbackStatus, type FeedbackSubmittedBy, type FeedbackTimelineEvent, type FeedbackUrgency, type StakeholderFeedbackItem, type StakeholderFeedbackType, type UserFeedbackItem, };

package/dist/components/blocks/feedback-triage-timeline.d.ts

@@ -0,0 +1,11 @@
+import { type FeedbackTimelineEvent } from "./feedback-tracking-types.js";
+type FeedbackTriageTimelineProps = {
+    events: FeedbackTimelineEvent[];
+};
+/**
+ * The item's triage history, oldest first: where it has been, who moved it,
+ * and when. Support identities read as "Support" -- one team voice, the same
+ * rule the conversation applies.
+ */
+declare function FeedbackTriageTimeline({ events }: FeedbackTriageTimelineProps): import("@types/react").JSX.Element | null;
+export { FeedbackTriageTimeline, type FeedbackTriageTimelineProps };

package/dist/components/blocks/feedback-triage-timeline.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatFeedbackTimestamp } from "./feedback-date-format.js";
+import { feedbackStatusLabels } from "./feedback-tracking-types.js";
+/**
+ * The item's triage history, oldest first: where it has been, who moved it,
+ * and when. Support identities read as "Support" -- one team voice, the same
+ * rule the conversation applies.
+ */
+function FeedbackTriageTimeline({ events }) {
+    if (events.length === 0)
+        return null;
+    return (_jsxs("section", { "aria-label": "Triage history", className: "grid gap-1.5", children: [_jsx("h3", { className: "text-sm font-medium", children: "Timeline" }), _jsx("ol", { className: "grid gap-1 border-l pl-3", children: events.map((event, index) => (_jsxs("li", { className: "text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground", children: feedbackStatusLabels[event.toStatus] }), " · ", event.actorRole === "support" ? "Support" : event.actorEmail, " · ", formatFeedbackTimestamp(event.at)] }, getTimelineEventKey(event, index)))) })] }));
+}
+function getTimelineEventKey(event, index) {
+    return `${event.toStatus}-${event.at}-${index}`; // two transitions can share a status and timestamp
+}
+export { FeedbackTriageTimeline };

package/dist/components/blocks/feedback-type-badge.d.ts

@@ -1,6 +1,11 @@
-import { type StakeholderFeedbackType } from "./feedback-tracking-types";
+import type * as React from "react";
+import { type StakeholderFeedbackType } from "./feedback-tracking-types.js";
 type FeedbackTypeBadgeProps = {
     type: StakeholderFeedbackType;
 };
-declare function FeedbackTypeBadge({ type }: FeedbackTypeBadgeProps): import("@types/react").JSX.Element;
+/**
+ * Quiet on purpose: status owns hue wherever the two badges share a row, so
+ * the type reads by its icon's silhouette instead of competing for color.
+ */
+declare function FeedbackTypeBadge({ type }: FeedbackTypeBadgeProps): React.JSX.Element;
 export { FeedbackTypeBadge, type FeedbackTypeBadgeProps };

package/dist/components/blocks/feedback-type-badge.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from "../ui/badge";
-import { feedbackTypeLabels } from "./feedback-tracking-types";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BugIcon, LightbulbIcon, MessageSquareIcon } from "lucide-react";
+import { Badge } from "../ui/badge.js";
+import { feedbackTypeLabels } from "./feedback-tracking-types.js";
+/**
+ * Quiet on purpose: status owns hue wherever the two badges share a row, so
+ * the type reads by its icon's silhouette instead of competing for color.
+ */
 function FeedbackTypeBadge({ type }) {
-    return _jsx(Badge, { variant: feedbackTypeVariants[type], children: feedbackTypeLabels[type] });
+    const Icon = feedbackTypeIcons[type];
+    return (_jsxs(Badge, { variant: "outline", children: [_jsx(Icon, {}), feedbackTypeLabels[type]] }));
 }
-const feedbackTypeVariants = {
-    bug: "warning",
-    feature: "info",
-    general: "outline",
+const feedbackTypeIcons = {
+    bug: BugIcon,
+    feature: LightbulbIcon,
+    general: MessageSquareIcon,
 };
 export { FeedbackTypeBadge };

package/dist/components/blocks/feedback-unread-badge.d.ts

@@ -0,0 +1,6 @@
+type FeedbackUnreadBadgeProps = {
+    count: number;
+};
+/** "N new reply/replies" pill for list rows; renders nothing at zero. */
+declare function FeedbackUnreadBadge({ count }: FeedbackUnreadBadgeProps): import("@types/react").JSX.Element | null;
+export { FeedbackUnreadBadge, type FeedbackUnreadBadgeProps };

package/dist/components/blocks/feedback-unread-badge.js

@@ -0,0 +1,9 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "../ui/badge.js";
+/** "N new reply/replies" pill for list rows; renders nothing at zero. */
+function FeedbackUnreadBadge({ count }) {
+    if (count <= 0)
+        return null;
+    return (_jsxs(Badge, { variant: "secondary", children: [count, " new ", count === 1 ? "reply" : "replies"] }));
+}
+export { FeedbackUnreadBadge };

package/dist/components/blocks/feedback-user-detail.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { UserFeedbackItem } from "./feedback-tracking-types";
+import type { UserFeedbackItem } from "./feedback-tracking-types.js";
 type FeedbackUserDetailProps = {
     activityLabel?: string;
     activitySlot?: React.ReactNode;

package/dist/components/blocks/feedback-user-detail.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertTriangleIcon, ArrowLeftIcon, EyeIcon, MessageSquareTextIcon, PaperclipIcon, } from "lucide-react";
-import { formatFeedbackTimestampFull, getFeedbackTimestampDateTime } from "./feedback-date-format";
-import { FeedbackStatusBadge } from "./feedback-status-badge";
-import { FeedbackTypeBadge } from "./feedback-type-badge";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Card } from "../ui/card";
-import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty";
-import { Item, ItemContent, ItemGroup, ItemGroupItem, ItemMedia, ItemTitle } from "../ui/item";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list";
+import { formatFeedbackTimestampFull, getFeedbackTimestampDateTime } from "./feedback-date-format.js";
+import { FeedbackStatusBadge } from "./feedback-status-badge.js";
+import { FeedbackTypeBadge } from "./feedback-type-badge.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { Card } from "../ui/card.js";
+import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty.js";
+import { Item, ItemContent, ItemGroup, ItemGroupItem, ItemMedia, ItemTitle } from "../ui/item.js";
+import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list.js";
 function FeedbackUserDetail({ activityLabel = "Activity", activitySlot, evidenceSlot, feedback, onBack, }) {
     if (!feedback)
         return _jsx(FeedbackUserDetailEmpty, {});
@@ -18,7 +18,7 @@ function FeedbackUserDetailHeader({ feedback, onBack, }) {
     return (_jsx("header", { className: "grid gap-3", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [onBack ? _jsx(FeedbackUserDetailBackButton, { onBack: onBack }) : null, _jsx("div", { className: "min-w-0 flex-1", children: _jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsx("h3", { className: "truncate text-sm font-medium text-foreground", children: feedback.subject }), _jsx(FeedbackUserDetailBadges, { feedback: feedback })] }) })] }) }));
 }
 function FeedbackUserDetailBadges({ feedback }) {
-    return (_jsxs("div", { className: "flex shrink-0 flex-wrap justify-end gap-2", children: [feedback.hasUnreadReply ? _jsx(Badge, { variant: "secondary", children: "New reply" }) : null, feedback.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, _jsx(FeedbackTypeBadge, { type: feedback.type }), _jsx(FeedbackStatusBadge, { status: feedback.status })] }));
+    return (_jsxs("div", { className: "flex shrink-0 flex-wrap justify-end gap-2", children: [feedback.hasUnreadReply ? _jsx(Badge, { variant: "secondary", children: "New activity" }) : null, feedback.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, _jsx(FeedbackTypeBadge, { type: feedback.type }), _jsx(FeedbackStatusBadge, { status: feedback.status })] }));
 }
 function FeedbackUserDetailBackButton({ onBack }) {
     return (_jsx(Button, { "aria-label": "Back to my feedback", className: "-ml-2 shrink-0", onClick: onBack, size: "icon", type: "button", variant: "ghost", children: _jsx(ArrowLeftIcon, {}) }));

package/dist/components/blocks/feedback-user-list.d.ts

@@ -1,4 +1,4 @@
-import type { UserFeedbackItem } from "./feedback-tracking-types";
+import type { UserFeedbackItem } from "./feedback-tracking-types.js";
 type FeedbackUserListProps = {
     error?: Error | null;
     isLoading?: boolean;

package/dist/components/blocks/feedback-user-list.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AlertCircleIcon, AlertTriangleIcon, InboxIcon } from "lucide-react";
-import { formatFeedbackTimestamp } from "./feedback-date-format";
-import { FeedbackStatusBadge } from "./feedback-status-badge";
-import { FeedbackTypeBadge } from "./feedback-type-badge";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty";
-import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemGroupItem, ItemTitle, } from "../ui/item";
-import { Skeleton } from "../ui/skeleton";
-import { cn } from "../../lib/utils";
+import { formatFeedbackTimestamp } from "./feedback-date-format.js";
+import { FeedbackStatusBadge } from "./feedback-status-badge.js";
+import { FeedbackTypeBadge } from "./feedback-type-badge.js";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty.js";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemGroupItem, ItemTitle, } from "../ui/item.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../../lib/utils.js";
 function FeedbackUserList({ error, isLoading = false, items, onRetry, onSelectFeedback, selectedId, }) {
     if (isLoading)
         return _jsx(FeedbackUserListLoading, {});
@@ -26,7 +26,7 @@ function FeedbackUserListItem({ item, onSelectFeedback, selected, }) {
     return (_jsx(ItemGroupItem, { children: _jsx(Item, { "aria-current": selected ? "true" : undefined, asChild: true, className: cn("w-full cursor-pointer text-left", selected && "border-foreground/30 bg-muted/50"), size: "sm", variant: "outline", children: _jsx("button", { onClick: () => onSelectFeedback?.(item), type: "button", children: _jsx(FeedbackUserListItemContent, { item: item }) }) }) }));
 }
 function FeedbackUserListItemContent({ item }) {
-    return (_jsxs(_Fragment, { children: [_jsxs(ItemContent, { className: "min-w-0", children: [_jsx(ItemTitle, { className: "max-w-full truncate", children: item.subject }), _jsx(ItemDescription, { className: "line-clamp-1", children: item.description })] }), _jsxs(ItemActions, { className: "shrink-0", children: [item.hasUnreadReply ? _jsx(Badge, { variant: "secondary", children: "New reply" }) : null, item.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, _jsx(FeedbackTypeBadge, { type: item.type }), _jsx(FeedbackStatusBadge, { status: item.status })] }), _jsxs(ItemFooter, { children: [_jsx(FeedbackListDate, { label: "Submitted", value: item.submittedAt }), item.updatedAt ? _jsx(FeedbackListDate, { label: "Updated", value: item.updatedAt }) : null] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(ItemContent, { className: "min-w-0", children: [_jsx(ItemTitle, { className: "max-w-full truncate", children: item.subject }), _jsx(ItemDescription, { className: "line-clamp-1", children: item.description })] }), _jsxs(ItemActions, { className: "shrink-0", children: [item.hasUnreadReply ? _jsx(Badge, { variant: "secondary", children: "New activity" }) : null, item.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, _jsx(FeedbackTypeBadge, { type: item.type }), _jsx(FeedbackStatusBadge, { status: item.status })] }), _jsxs(ItemFooter, { children: [_jsx(FeedbackListDate, { label: "Submitted", value: item.submittedAt }), item.updatedAt ? _jsx(FeedbackListDate, { label: "Updated", value: item.updatedAt }) : null] })] }));
 }
 function FeedbackListDate({ label, value }) {
     return (_jsxs("span", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: [label, " ", formatFeedbackTimestamp(value)] }));

package/dist/components/blocks/generated-connect-link.d.ts

@@ -1,4 +1,4 @@
-import type { McpAccessMode, McpAccessToolSelector, McpConnectLink } from "./mcp-access-types";
+import type { McpAccessMode, McpAccessToolSelector, McpConnectLink } from "./mcp-access-types.js";
 /**
  * The slice of the app's mint mutation this control drives, shaped so a
  * TanStack Query mutation result can be passed whole. `data` is the link the

package/dist/components/blocks/generated-connect-link.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../ui/button";
-import { keyOf } from "./mcp-access-tool-picker";
-import { Spinner } from "../ui/spinner";
+import { Button } from "../ui/button.js";
+import { keyOf } from "./mcp-access-tool-picker.js";
+import { Spinner } from "../ui/spinner.js";
 const expiryFormatter = new Intl.DateTimeFormat(undefined, {
     dateStyle: "medium",
     timeStyle: "short",

package/dist/components/blocks/invite-user-sheet.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SendIcon } from "lucide-react";
-import { Button } from "../ui/button";
-import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, } from "../ui/field";
-import { Input } from "../ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet";
+import { Button } from "../ui/button.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, } from "../ui/field.js";
+import { Input } from "../ui/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
+import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet.js";
 function InviteUserSheet({ defaultRole, isSubmitting = false, onOpenChange, onSubmit, open, roles, }) {
     const initialRole = getInitialRole(roles, defaultRole);
     const formId = React.useId();

package/dist/components/blocks/kanban-board-parts.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types";
-import { type KanbanBoardState, type KanbanOverlayRect } from "./kanban-board-utils";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
+import { type KanbanBoardState, type KanbanOverlayRect } from "./kanban-board-utils.js";
 type KanbanBoardColumnProps = {
     activeCardId: string | undefined;
     activeCardRect: KanbanOverlayRect | undefined;

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

@@ -3,9 +3,9 @@ import { DragOverlay, useDroppable } from "@dnd-kit/core";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { createPortal } from "react-dom";
-import { KanbanCard } from "./kanban-card";
-import { KanbanColumn } from "./kanban-column";
-import { getColumnDroppableId, } from "./kanban-board-utils";
+import { KanbanCard } from "./kanban-card.js";
+import { KanbanColumn } from "./kanban-column.js";
+import { getColumnDroppableId, } from "./kanban-board-utils.js";
 function KanbanBoardColumn({ activeCardId, activeCardRect, activeMove, boardState, column, columnMaxHeight, empty, isLoading, isOver, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, suppressSelectRef, }) {
     const cards = boardState.cardsByColumnId.get(column.id) ?? [];
     const dropPlaceholderIndex = getDropPlaceholderIndex(column.id, activeMove);

package/dist/components/blocks/kanban-board-utils.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
 import type { DragEndEvent, DragOverEvent, DragStartEvent } from "@dnd-kit/core";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
 type KanbanBoardState = {
     cardById: Map<string, KanbanCardData>;
     cardsByColumnId: Map<string, KanbanCardData[]>;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
 type KanbanBoardProps = {
     cards: KanbanCardData[];
     columns: KanbanColumnData[];

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

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { closestCorners, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
-import { KanbanBoardColumn, KanbanDragOverlay } from "./kanban-board-parts";
-import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, } from "./kanban-board-utils";
+import { KanbanBoardColumn, KanbanDragOverlay } from "./kanban-board-parts.js";
+import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, } 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();

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { KanbanCardData } from "./kanban-types";
+import type { KanbanCardData } from "./kanban-types.js";
 type KanbanCardProps = {
     actionsSlot?: React.ReactNode;
     card: KanbanCardData;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+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 })] }));
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { KanbanCardData, KanbanColumnData } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData } from "./kanban-types.js";
 type KanbanColumnProps = {
     actionsSlot?: React.ReactNode;
     cards: KanbanCardData[];

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { KanbanCard } from "./kanban-card";
-import { Skeleton } from "../ui/skeleton";
-import { cn } from "../../lib/utils";
+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 }) })] }));

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { KanbanCardData, KanbanColumnData } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData } from "./kanban-types.js";
 type KanbanDetailProperty = {
     label: string;
     value: React.ReactNode;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Card } from "../ui/card";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet";
+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" })] })] }) }));
 }

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

@@ -1,5 +1,5 @@
-import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals";
-import type { McpAccessToolSelector } from "./mcp-access-types";
+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

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { Checkbox } from "../ui/checkbox";
-import { Input } from "../ui/input";
-import { Spinner } from "../ui/spinner";
-import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals";
+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

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

@@ -1,4 +1,4 @@
-import type { McpAccessToolListing } from "./mcp-access-types";
+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;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-import { Checkbox } from "../ui/checkbox";
+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. */

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

@@ -1,7 +1,7 @@
-import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals";
-import type { McpAccessToolSelector } from "./mcp-access-types";
-export { keyOf } from "./mcp-access-tool-picker-internals";
-export type { McpToolInventoryState } from "./mcp-access-tool-picker-internals";
+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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner } from "../ui/spinner";
-import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals";
-export { keyOf } from "./mcp-access-tool-picker-internals";
+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

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { ConnectPlan } from "./mcp-access-types";
-import type { McpConnectClient } from "./mcp-connect-clients";
+import type { ConnectPlan } from "./mcp-access-types.js";
+import type { McpConnectClient } from "./mcp-connect-clients.js";
 /**
  * Per-client setup for the connection.
  *

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger } from "../ui/tabs";
-import { CopyField } from "./copy-field";
-import { CONNECT_CLIENTS, clientSteps, planAffectsClient } from "./mcp-connect-clients";
-import { McpPlanChoice } from "./mcp-plan-choice";
+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

package/dist/components/blocks/mcp-connect-clients.d.ts

@@ -1,5 +1,5 @@
 import type { LucideIcon } from "lucide-react";
-import type { ConnectPlan } from "./mcp-access-types";
+import type { ConnectPlan } from "./mcp-access-types.js";
 /**
  * Closed: an unknown client is not a reason to show a broken dialog.
  *

package/dist/components/blocks/mcp-plan-choice.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectPlan } from "./mcp-access-types";
+import type { ConnectPlan } from "./mcp-access-types.js";
 /**
  * Who adds the connector, as a named pair matching the access control above it.
  *

package/dist/components/blocks/mcp-plan-choice.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.js";
 const PLAN_LABEL = {
     personal: "Personal",
     workspace: "Team or Enterprise",

package/dist/components/blocks/submit-feedback-composer.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { FeedbackComposerProps } from "./feedback-composer";
-import type { useFeedbackComposerState } from "./use-feedback-composer-state";
+import type { FeedbackComposerProps } from "./feedback-composer.js";
+import type { useFeedbackComposerState } from "./use-feedback-composer-state.js";
 declare function submitFeedbackComposer(event: React.FormEvent<HTMLFormElement>, props: FeedbackComposerProps, state: ReturnType<typeof useFeedbackComposerState>): Promise<void>;
 export { submitFeedbackComposer };

package/dist/components/blocks/timestamp-format.d.ts

@@ -4,5 +4,11 @@ type TimestampFormatOptions = {
 declare function formatTimestamp(value: string | undefined, options?: TimestampFormatOptions): string;
 declare function formatTimestampFull(value: string | undefined, options?: TimestampFormatOptions): string;
 declare function getTimestampDateTime(value: string | undefined): string | undefined;
-export { formatTimestamp, formatTimestampFull, getTimestampDateTime };
+/**
+ * Backends that store naive UTC timestamps serialize without a zone designator,
+ * and `Date.parse` reads a zoneless string as local time. Append the missing
+ * designator so timestamps render in the viewer's timezone.
+ */
+declare function toUtcTimestamp(value: string): string;
+export { formatTimestamp, formatTimestampFull, getTimestampDateTime, toUtcTimestamp };
 export type { TimestampFormatOptions };

package/dist/components/blocks/timestamp-format.js

@@ -28,6 +28,14 @@ function getTimestampDateTime(value) {
         return undefined;
     return date.toISOString();
 }
+/**
+ * Backends that store naive UTC timestamps serialize without a zone designator,
+ * and `Date.parse` reads a zoneless string as local time. Append the missing
+ * designator so timestamps render in the viewer's timezone.
+ */
+function toUtcTimestamp(value) {
+    return /(?:z|[+-]\d\d:?\d\d)$/i.test(value) ? value : `${value}Z`;
+}
 function parseTimestamp(value) {
     if (!value)
         return undefined;
@@ -63,4 +71,4 @@ const dateTimeFormatter = new Intl.DateTimeFormat(undefined, {
     month: "short",
     year: "numeric",
 });
-export { formatTimestamp, formatTimestampFull, getTimestampDateTime };
+export { formatTimestamp, formatTimestampFull, getTimestampDateTime, toUtcTimestamp };

package/dist/components/blocks/use-feedback-composer-state.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { FeedbackAffectedScope, FeedbackType, FeedbackUrgency, FeedbackValidationError } from "./feedback-composer-types";
+import type { FeedbackAffectedScope, FeedbackType, FeedbackUrgency, FeedbackValidationError } from "./feedback-composer-types.js";
 declare function useFeedbackComposerState(defaultType: FeedbackType, defaultUrgency: FeedbackUrgency): {
     affectedScope: FeedbackAffectedScope;
     attachments: File[];

package/dist/components/pages/admin-users-page.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { type AdminUsersTableProps } from "../blocks/admin-users-table";
-import { type InviteUserRole, type InviteUserValues } from "../blocks/invite-user-sheet";
+import { type AdminUsersTableProps } from "../blocks/admin-users-table.js";
+import { type InviteUserRole, type InviteUserValues } from "../blocks/invite-user-sheet.js";
 type AdminUsersPageProps = AdminUsersTableProps & {
     defaultRole?: string;
     isInviting?: boolean;

package/dist/components/pages/admin-users-page.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { UserPlusIcon } from "lucide-react";
-import { AdminUsersTable, } from "../blocks/admin-users-table";
-import { InviteUserSheet, } from "../blocks/invite-user-sheet";
-import { Button } from "../ui/button";
-import { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue, } from "../ui/metrics-strip";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header";
+import { AdminUsersTable, } from "../blocks/admin-users-table.js";
+import { InviteUserSheet, } from "../blocks/invite-user-sheet.js";
+import { Button } from "../ui/button.js";
+import { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue, } from "../ui/metrics-strip.js";
+import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
 function AdminUsersPage({ defaultRole, isInviting = false, onInviteUser, roles, users, ...tableProps }) {
     const [inviteOpen, setInviteOpen] = React.useState(false);
     return (_jsxs("div", { className: "min-h-svh bg-background text-foreground", children: [_jsx(AdminUsersPageHeader, { onInvite: () => setInviteOpen(true) }), _jsxs("main", { className: "grid gap-4 px-4 py-4 md:px-6 lg:px-8", children: [_jsx(AdminUsersMetrics, { users: users }), _jsx(AdminUsersTable, { users: users, ...tableProps })] }), _jsx(InviteUserSheet, { defaultRole: defaultRole, isSubmitting: isInviting, onOpenChange: setInviteOpen, onSubmit: onInviteUser, open: inviteOpen, roles: roles })] }));

package/dist/components/pages/feedback-stakeholder-page-parts.d.ts

@@ -1,4 +1,4 @@
-import { type FeedbackStatus, type StakeholderFeedbackType } from "../blocks/feedback-tracking-types";
+import { type FeedbackStatus, type StakeholderFeedbackType } from "../blocks/feedback-tracking-types.js";
 type StatusFilter = FeedbackStatus | "all";
 type TypeFilter = StakeholderFeedbackType | "all";
 type FeedbackFilters = {