@ciridae/ui 0.17.0 → 1.0.1

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

@@ -1,43 +0,0 @@
-import type { LucideIcon } from "lucide-react";
-import type { ConnectPlan } from "./mcp-access-types.js";
-/**
- * Closed: an unknown client is not a reason to show a broken dialog.
- *
- * One `cli` token, not one per CLI: both commands take the same two values, so
- * a tab each would have shown the same link twice to say `--url` differently.
- */
-export declare const MCP_CONNECT_CLIENT_VALUES: readonly ["claude-web", "claude-desktop", "chatgpt-web", "chatgpt-desktop", "cli"];
-export type McpConnectClient = (typeof MCP_CONNECT_CLIENT_VALUES)[number];
-type ConnectClientMetadata = {
-    tab: string;
-    /** The label carries the brand, so the icon carries the surface — and the
-     * surface is what decides whether a local gateway works. */
-    Icon: LucideIcon;
-    steps: string;
-    /**
-     * Steps for a plan where only an owner may add a connector, or `null` for
-     * a client where the distinction does not exist.
-     *
-     * Null is the meaningful state rather than a missing key: a desktop app or
-     * CLI is installed per-machine, so everyone adds their own connector
-     * whatever plan the workspace is on, and the Plan control hides itself
-     * rather than offering a choice that changes nothing.
-     */
-    workspaceSteps: string | null;
-};
-export type ConnectClient = ConnectClientMetadata & {
-    id: McpConnectClient;
-};
-/**
- * The steps to show for one client on one plan.
- *
- * `workspaceSteps` is nullable, so this has to answer for a null; the sheet
- * never asks, because it keys the plan by client and writes it only where the
- * control renders. Answering with the personal steps rather than nothing keeps
- * the worst case a wrong-but-followable instruction instead of a blank panel.
- */
-export declare const clientSteps: (client: ConnectClient, plan: ConnectPlan) => string;
-/** Whether the plan choice changes anything for this client. */
-export declare const planAffectsClient: (client: ConnectClientMetadata) => boolean;
-export declare const CONNECT_CLIENTS: ConnectClient[];
-export {};

package/dist/components/blocks/mcp-connect-clients.js

@@ -1,66 +0,0 @@
-import { GlobeIcon, MonitorIcon, TerminalIcon } from "lucide-react";
-/**
- * Closed: an unknown client is not a reason to show a broken dialog.
- *
- * One `cli` token, not one per CLI: both commands take the same two values, so
- * a tab each would have shown the same link twice to say `--url` differently.
- */
-export const MCP_CONNECT_CLIENT_VALUES = [
-    "claude-web",
-    "claude-desktop",
-    "chatgpt-web",
-    "chatgpt-desktop",
-    "cli",
-];
-/**
- * Keyed by the URL token rather than listed alongside it: a `Record` over the
- * client union is exhaustive, so adding a token without metadata fails to
- * compile instead of deep-linking to a sheet with no tab and blank steps.
- */
-const CONNECT_CLIENT_METADATA = {
-    "claude-web": {
-        Icon: GlobeIcon,
-        steps: "Customize → Connectors → Add → Add custom connector. Paste the values, click Add, then paste your connection code when Claude asks for it.",
-        tab: "Claude",
-        workspaceSteps: "An owner adds the connector once using the name and URL above. After that, select Connect on it and paste your own connection code. On Team and Enterprise plans only owners can add connectors.",
-    },
-    "claude-desktop": {
-        Icon: MonitorIcon,
-        steps: "Settings → Connectors → Add custom connector. Paste the values, then paste your connection code when Claude asks for it.",
-        tab: "Claude Desktop",
-        workspaceSteps: null,
-    },
-    "chatgpt-web": {
-        Icon: GlobeIcon,
-        steps: "Settings → Connectors → Create. Paste the values, tick the risk acknowledgement, and Create, then paste your connection code when asked.",
-        tab: "ChatGPT",
-        workspaceSteps: "An owner adds the connector once using the name and URL above. After that, select Connect on it and paste your own connection code.",
-    },
-    "chatgpt-desktop": {
-        Icon: MonitorIcon,
-        steps: "Settings → Connectors → Create. Choose Streamable HTTP, paste the values, and Save, then paste your connection code when asked.",
-        tab: "ChatGPT Desktop",
-        workspaceSteps: null,
-    },
-    cli: {
-        Icon: TerminalIcon,
-        steps: "Run the command for your CLI, then paste your connection code when asked on first use.",
-        tab: "CLI",
-        workspaceSteps: null,
-    },
-};
-/**
- * The steps to show for one client on one plan.
- *
- * `workspaceSteps` is nullable, so this has to answer for a null; the sheet
- * never asks, because it keys the plan by client and writes it only where the
- * control renders. Answering with the personal steps rather than nothing keeps
- * the worst case a wrong-but-followable instruction instead of a blank panel.
- */
-export const clientSteps = (client, plan) => plan === "workspace" ? (client.workspaceSteps ?? client.steps) : client.steps;
-/** Whether the plan choice changes anything for this client. */
-export const planAffectsClient = (client) => client.workspaceSteps !== null;
-export const CONNECT_CLIENTS = MCP_CONNECT_CLIENT_VALUES.map((id) => ({
-    id,
-    ...CONNECT_CLIENT_METADATA[id],
-}));

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

@@ -1,17 +0,0 @@
-import type { ConnectPlan } from "./mcp-access-types.js";
-/**
- * Who adds the connector, as a named pair matching the access control above it.
- *
- * This asks rather than infers. The alternative was gating on this app's own
- * admin role, but a project admin here is not necessarily an owner of the
- * Claude or ChatGPT workspace: the two are unrelated systems, so inferring one
- * from the other would hide the URL from the person who needs it and show it
- * to someone who cannot use it. Only the reader knows which plan they are on.
- *
- * Nothing here changes what is minted or what it may reach. The plan selects
- * which setup steps are true, and the values above stay identical either way.
- */
-export declare function McpPlanChoice({ onChange, plan, }: {
-    onChange: (plan: ConnectPlan) => void;
-    plan: ConnectPlan;
-}): import("@types/react").JSX.Element;

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../ui/button.js";
-const PLAN_LABEL = {
-    personal: "Personal",
-    workspace: "Team or Enterprise",
-};
-/**
- * Who adds the connector, as a named pair matching the access control above it.
- *
- * This asks rather than infers. The alternative was gating on this app's own
- * admin role, but a project admin here is not necessarily an owner of the
- * Claude or ChatGPT workspace: the two are unrelated systems, so inferring one
- * from the other would hide the URL from the person who needs it and show it
- * to someone who cannot use it. Only the reader knows which plan they are on.
- *
- * Nothing here changes what is minted or what it may reach. The plan selects
- * which setup steps are true, and the values above stay identical either way.
- */
-export function McpPlanChoice({ onChange, plan, }) {
-    return (_jsxs("div", { "aria-label": "Who adds the connector", className: "inline-flex w-fit rounded-md border border-border p-0.5", role: "group", children: [_jsx(PlanOption, { label: PLAN_LABEL.personal, onSelect: () => {
-                    onChange("personal");
-                }, selected: plan === "personal" }), _jsx(PlanOption, { label: PLAN_LABEL.workspace, onSelect: () => {
-                    onChange("workspace");
-                }, selected: plan === "workspace" })] }));
-}
-function PlanOption({ label, onSelect, selected, }) {
-    return (_jsx(Button, { "aria-pressed": selected, onClick: onSelect, size: "sm", variant: selected ? "secondary" : "ghost", children: label }));
-}

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

@@ -1,5 +0,0 @@
-import type * as React from "react";
-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/submit-feedback-composer.js

@@ -1,40 +0,0 @@
-async function submitFeedbackComposer(event, props, state) {
-    event.preventDefault();
-    const trimmedDescription = state.description.trim();
-    const trimmedSubject = state.subject.trim();
-    const validationError = getValidationError({
-        description: trimmedDescription,
-        emergencyConfirmed: state.emergencyConfirmed,
-        subject: trimmedSubject,
-        urgency: state.urgency,
-    });
-    state.setError(validationError);
-    state.setSubmitError(undefined);
-    if (validationError)
-        return;
-    try {
-        await props.onSubmit({
-            affectedScope: state.affectedScope,
-            attachments: state.attachments,
-            description: trimmedDescription,
-            subject: trimmedSubject,
-            type: state.type,
-            urgency: state.urgency,
-        });
-        state.setIsSubmitted(true);
-        props.onSubmittedChange?.(true);
-    }
-    catch {
-        state.setSubmitError("Unable to submit feedback. Please try again.");
-    }
-}
-function getValidationError({ description, emergencyConfirmed, subject, urgency, }) {
-    if (!subject)
-        return "subject";
-    if (!description)
-        return "description";
-    if (urgency === "emergency" && !emergencyConfirmed)
-        return "emergency_confirmation";
-    return undefined;
-}
-export { submitFeedbackComposer };

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

@@ -1,14 +0,0 @@
-type TimestampFormatOptions = {
-    fallback?: string;
-};
-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;
-/**
- * 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

@@ -1,72 +0,0 @@
-function formatTimestamp(value, options = {}) {
-    const date = parseTimestamp(value);
-    if (!date)
-        return getTimestampFallback(value, options.fallback);
-    const time = timeFormatter.format(date);
-    const dayDifference = getLocalCalendarDayDifference(date, new Date());
-    if (dayDifference === 0)
-        return `Today, ${time}`;
-    if (dayDifference === -1)
-        return `Yesterday, ${time}`;
-    if (dayDifference < 0 && dayDifference > -7) {
-        return `${weekdayFormatter.format(date)}, ${time}`;
-    }
-    if (date.getFullYear() === new Date().getFullYear()) {
-        return `${monthDayFormatter.format(date)}, ${time}`;
-    }
-    return dateTimeFormatter.format(date);
-}
-function formatTimestampFull(value, options = {}) {
-    const date = parseTimestamp(value);
-    if (!date)
-        return getTimestampFallback(value, options.fallback);
-    return dateTimeFormatter.format(date);
-}
-function getTimestampDateTime(value) {
-    const date = parseTimestamp(value);
-    if (!date)
-        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;
-    const date = new Date(toUtcTimestamp(value));
-    return Number.isNaN(date.getTime()) ? undefined : date;
-}
-function getTimestampFallback(value, fallback = "No update") {
-    return value?.trim() || fallback;
-}
-function getLocalCalendarDayDifference(date, comparisonDate) {
-    const dateStart = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
-    const comparisonStart = new Date(comparisonDate.getFullYear(), comparisonDate.getMonth(), comparisonDate.getDate()).getTime();
-    return Math.round((dateStart - comparisonStart) / millisecondsPerDay);
-}
-const millisecondsPerDay = 24 * 60 * 60 * 1000;
-const timeFormatter = new Intl.DateTimeFormat(undefined, {
-    hour: "numeric",
-    minute: "2-digit",
-});
-const weekdayFormatter = new Intl.DateTimeFormat(undefined, {
-    weekday: "short",
-});
-const monthDayFormatter = new Intl.DateTimeFormat(undefined, {
-    day: "numeric",
-    month: "short",
-});
-const dateTimeFormatter = new Intl.DateTimeFormat(undefined, {
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    month: "short",
-    year: "numeric",
-});
-export { formatTimestamp, formatTimestampFull, getTimestampDateTime, toUtcTimestamp };

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

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { FeedbackAffectedScope, FeedbackType, FeedbackUrgency, FeedbackValidationError } from "./feedback-composer-types.js";
-declare function useFeedbackComposerState(defaultType: FeedbackType, defaultUrgency: FeedbackUrgency): {
-    affectedScope: FeedbackAffectedScope;
-    attachments: File[];
-    description: string;
-    emergencyConfirmed: boolean;
-    error: FeedbackValidationError;
-    isDirty: boolean;
-    isSubmitted: boolean;
-    resetForm: () => void;
-    setAffectedScope: React.Dispatch<React.SetStateAction<FeedbackAffectedScope>>;
-    setAttachments: React.Dispatch<React.SetStateAction<File[]>>;
-    setDescription: React.Dispatch<React.SetStateAction<string>>;
-    setEmergencyConfirmed: React.Dispatch<React.SetStateAction<boolean>>;
-    setError: React.Dispatch<React.SetStateAction<FeedbackValidationError>>;
-    setIsSubmitted: React.Dispatch<React.SetStateAction<boolean>>;
-    setSubmitError: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setSubject: React.Dispatch<React.SetStateAction<string>>;
-    setType: React.Dispatch<React.SetStateAction<FeedbackType>>;
-    setUrgency: React.Dispatch<React.SetStateAction<FeedbackUrgency>>;
-    submitError: string | undefined;
-    subject: string;
-    type: FeedbackType;
-    urgency: FeedbackUrgency;
-};
-export { useFeedbackComposerState };

package/dist/components/blocks/use-feedback-composer-state.js

@@ -1,60 +0,0 @@
-import * as React from "react";
-function useFeedbackComposerState(defaultType, defaultUrgency) {
-    const [affectedScope, setAffectedScope] = React.useState("unknown");
-    const [attachments, setAttachments] = React.useState([]);
-    const [description, setDescription] = React.useState("");
-    const [emergencyConfirmed, setEmergencyConfirmed] = React.useState(false);
-    const [error, setError] = React.useState();
-    const [submitError, setSubmitError] = React.useState();
-    const [isSubmitted, setIsSubmitted] = React.useState(false);
-    const [subject, setSubject] = React.useState("");
-    const [type, setType] = React.useState(defaultType);
-    const [urgency, setUrgency] = React.useState(defaultUrgency);
-    React.useEffect(() => setType(defaultType), [defaultType]);
-    React.useEffect(() => setUrgency(defaultUrgency), [defaultUrgency]);
-    const isDirty = !isSubmitted &&
-        (attachments.length > 0 ||
-            description.length > 0 ||
-            subject.length > 0 ||
-            type !== defaultType ||
-            urgency !== defaultUrgency ||
-            affectedScope !== "unknown" ||
-            emergencyConfirmed);
-    const resetForm = () => {
-        setAffectedScope("unknown");
-        setAttachments([]);
-        setDescription("");
-        setEmergencyConfirmed(false);
-        setError(undefined);
-        setSubmitError(undefined);
-        setIsSubmitted(false);
-        setSubject("");
-        setType(defaultType);
-        setUrgency(defaultUrgency);
-    };
-    return {
-        affectedScope,
-        attachments,
-        description,
-        emergencyConfirmed,
-        error,
-        isDirty,
-        isSubmitted,
-        resetForm,
-        setAffectedScope,
-        setAttachments,
-        setDescription,
-        setEmergencyConfirmed,
-        setError,
-        setIsSubmitted,
-        setSubmitError,
-        setSubject,
-        setType,
-        setUrgency,
-        submitError,
-        subject,
-        type,
-        urgency,
-    };
-}
-export { useFeedbackComposerState };

package/dist/components/blocks/use-reveal-thread-end.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-/**
- * After a send, a thread follows its own tail: scroll once when the submit
- * resolves, and again when the posted item actually lands in the thread. The
- * app may only append it after a refetch.
- */
-declare function useRevealThreadEnd(itemCount: number): {
-    armReveal: () => void;
-    endRef: React.RefObject<HTMLDivElement | null>;
-};
-export { useRevealThreadEnd };

package/dist/components/blocks/use-reveal-thread-end.js

@@ -1,25 +0,0 @@
-import * as React from "react";
-/**
- * After a send, a thread follows its own tail: scroll once when the submit
- * resolves, and again when the posted item actually lands in the thread. The
- * app may only append it after a refetch.
- */
-function useRevealThreadEnd(itemCount) {
-    const endRef = React.useRef(null);
-    // A deadline, not a flag: the follow-up scroll only chases the send it
-    // belongs to, so a comment arriving minutes later cannot yank a reader
-    // who has scrolled away.
-    const armedUntil = React.useRef(0);
-    React.useEffect(() => {
-        if (armedUntil.current === 0 || Date.now() > armedUntil.current)
-            return;
-        armedUntil.current = 0;
-        endRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
-    }, [itemCount]);
-    const armReveal = React.useCallback(() => {
-        armedUntil.current = Date.now() + 5000;
-        endRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
-    }, []);
-    return { armReveal, endRef };
-}
-export { useRevealThreadEnd };

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

@@ -1,11 +0,0 @@
-import * as React from "react";
-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;
-    onInviteUser: (values: InviteUserValues) => void | Promise<void>;
-    roles: InviteUserRole[];
-};
-declare function AdminUsersPage({ defaultRole, isInviting, onInviteUser, roles, users, ...tableProps }: AdminUsersPageProps): React.JSX.Element;
-export { AdminUsersPage, type AdminUsersPageProps };

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

@@ -1,30 +0,0 @@
-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.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 })] }));
-}
-function AdminUsersPageHeader({ onInvite }) {
-    return (_jsx(PageHeader, { children: _jsxs(PageHeaderMain, { children: [_jsxs(PageHeaderContent, { children: [_jsx(PageHeaderTitle, { children: "Admin user management" }), _jsx(PageHeaderDescription, { children: "Manage platform access, pending invites, and user status." })] }), _jsx(PageHeaderActions, { children: _jsxs(Button, { onClick: onInvite, type: "button", children: [_jsx(UserPlusIcon, {}), "Invite user"] }) })] }) }));
-}
-function AdminUsersMetrics({ users }) {
-    const metrics = getAdminUserMetrics(users);
-    return (_jsxs(MetricsStrip, { className: "md:grid-cols-3", children: [_jsx(AdminUsersMetric, { detail: "Total platform users", label: "Users", value: metrics.total }), _jsx(AdminUsersMetric, { detail: "Invites awaiting acceptance", label: "Pending", value: metrics.invited }), _jsx(AdminUsersMetric, { detail: "Users with admin access", label: "Admins", value: metrics.admins })] }));
-}
-function AdminUsersMetric({ detail, label, value, }) {
-    return (_jsxs(MetricsStripItem, { children: [_jsx(MetricsStripLabel, { children: label }), _jsx(MetricsStripValue, { children: value }), _jsx(MetricsStripDetail, { children: detail })] }));
-}
-function getAdminUserMetrics(users) {
-    return {
-        admins: users.filter((user) => user.role.toLowerCase().includes("admin")).length,
-        invited: users.filter((user) => user.status === "invited").length,
-        total: users.length,
-    };
-}
-export { AdminUsersPage };

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

@@ -1,18 +0,0 @@
-import { type FeedbackStatus, type StakeholderFeedbackType } from "../blocks/feedback-tracking-types.js";
-type StatusFilter = FeedbackStatus | "all";
-type TypeFilter = StakeholderFeedbackType | "all";
-type FeedbackFilters = {
-    search: string;
-    status: StatusFilter;
-    type: TypeFilter;
-};
-declare function FeedbackFiltersToolbar({ filters, hasActiveFilters, onClearFilters, onFiltersChange, }: {
-    filters: FeedbackFilters;
-    hasActiveFilters: boolean;
-    onClearFilters: () => void;
-    onFiltersChange: (filters: FeedbackFilters) => void;
-}): import("@types/react").JSX.Element;
-declare function ClearFiltersButton({ onClearFilters }: {
-    onClearFilters: () => void;
-}): import("@types/react").JSX.Element;
-export { ClearFiltersButton, FeedbackFiltersToolbar, type FeedbackFilters, type StatusFilter, type TypeFilter, };

package/dist/components/pages/feedback-stakeholder-page-parts.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SearchIcon, XIcon } from "lucide-react";
-import { feedbackStatusOptions, feedbackTypeOptions, } from "../blocks/feedback-tracking-types.js";
-import { Button } from "../ui/button.js";
-import { Input } from "../ui/input.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
-function FeedbackFiltersToolbar({ filters, hasActiveFilters, onClearFilters, onFiltersChange, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:justify-between", children: [_jsx(FeedbackSearchInput, { onSearchChange: (search) => onFiltersChange({ ...filters, search }), search: filters.search }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [_jsx(FeedbackStatusFilter, { onStatusChange: (status) => onFiltersChange({ ...filters, status }), status: filters.status }), _jsx(FeedbackTypeFilter, { onTypeChange: (type) => onFiltersChange({ ...filters, type }), type: filters.type }), hasActiveFilters ? _jsx(ClearFiltersButton, { onClearFilters: onClearFilters }) : null] })] }));
-}
-function FeedbackSearchInput({ onSearchChange, search, }) {
-    return (_jsxs("div", { className: "relative w-full md:max-w-sm", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { "aria-label": "Search feedback", className: "pl-8", onChange: (event) => onSearchChange(event.target.value), placeholder: "Search feedback", value: search })] }));
-}
-function FeedbackStatusFilter({ onStatusChange, status, }) {
-    return (_jsxs(Select, { onValueChange: (value) => updateStatusFilter(value, onStatusChange), value: status, children: [_jsx(SelectTrigger, { "aria-label": "Filter by status", className: "w-full sm:w-40", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: feedbackStatusOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }));
-}
-function FeedbackTypeFilter({ onTypeChange, type, }) {
-    return (_jsxs(Select, { onValueChange: (value) => updateTypeFilter(value, onTypeChange), value: type, children: [_jsx(SelectTrigger, { "aria-label": "Filter by type", className: "w-full sm:w-44", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: feedbackTypeOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }));
-}
-function ClearFiltersButton({ onClearFilters }) {
-    return (_jsxs(Button, { onClick: onClearFilters, type: "button", variant: "outline", children: [_jsx(XIcon, {}), "Clear filters"] }));
-}
-function updateStatusFilter(value, onStatusChange) {
-    if (isStatusFilter(value))
-        onStatusChange(value);
-}
-function updateTypeFilter(value, onTypeChange) {
-    if (isTypeFilter(value))
-        onTypeChange(value);
-}
-function isStatusFilter(value) {
-    return feedbackStatusOptions.some((option) => option.value === value);
-}
-function isTypeFilter(value) {
-    return feedbackTypeOptions.some((option) => option.value === value);
-}
-export { ClearFiltersButton, FeedbackFiltersToolbar, };

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

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { type FeedbackMetrics, type StakeholderFeedbackItem } from "../blocks/feedback-tracking-types.js";
-type FeedbackStakeholderPageProps = {
-    isLoading?: boolean;
-    items: StakeholderFeedbackItem[];
-    metrics: FeedbackMetrics;
-};
-declare function FeedbackStakeholderPage({ isLoading, items, metrics, }: FeedbackStakeholderPageProps): React.JSX.Element;
-export { FeedbackStakeholderPage, type FeedbackStakeholderPageProps };

package/dist/components/pages/feedback-stakeholder-page.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FeedbackDetailSheet } from "../blocks/feedback-detail-sheet.js";
-import { FeedbackMetricsStrip } from "../blocks/feedback-metrics.js";
-import { FeedbackTable } from "../blocks/feedback-table.js";
-import { ClearFiltersButton, FeedbackFiltersToolbar, } from "./feedback-stakeholder-page-parts.js";
-import { PageHeader, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
-function FeedbackStakeholderPage({ isLoading = false, items, metrics, }) {
-    const [filters, setFilters] = React.useState(defaultFilters);
-    const [selectedFeedback, setSelectedFeedback] = React.useState();
-    const filteredItems = React.useMemo(() => filterFeedbackItems(items, filters), [items, filters]);
-    const hasActiveFilters = !areDefaultFilters(filters);
-    return (_jsxs("div", { className: "min-h-svh bg-background text-foreground", children: [_jsx(FeedbackStakeholderPageHeader, {}), _jsxs("main", { className: "grid gap-4 px-4 py-4 md:px-6 lg:px-8", children: [_jsx(FeedbackMetricsStrip, { metrics: metrics }), _jsx(FeedbackTrackerSurface, { filters: filters, hasActiveFilters: hasActiveFilters, isLoading: isLoading, items: filteredItems, onClearFilters: () => setFilters(defaultFilters), onFiltersChange: setFilters, onSelectFeedback: setSelectedFeedback })] }), _jsx(FeedbackDetailSheet, { feedback: selectedFeedback, onOpenChange: (open) => {
-                    if (!open)
-                        setSelectedFeedback(undefined);
-                }, open: Boolean(selectedFeedback) })] }));
-}
-function FeedbackStakeholderPageHeader() {
-    return (_jsx(PageHeader, { children: _jsx(PageHeaderMain, { children: _jsxs(PageHeaderContent, { children: [_jsx(PageHeaderTitle, { children: "Feedback" }), _jsx(PageHeaderDescription, { children: "Track submitted feedback and Ciridae's progress on review and implementation." })] }) }) }));
-}
-function FeedbackTrackerSurface({ filters, hasActiveFilters, isLoading, items, onClearFilters, onFiltersChange, onSelectFeedback, }) {
-    return (_jsxs("div", { className: "grid gap-(--panel-gap)", children: [_jsx(FeedbackFiltersToolbar, { filters: filters, hasActiveFilters: hasActiveFilters, onClearFilters: onClearFilters, onFiltersChange: onFiltersChange }), _jsx(FeedbackTable, { emptyAction: hasActiveFilters ? _jsx(ClearFiltersButton, { onClearFilters: onClearFilters }) : null, emptyDescription: getEmptyDescription(hasActiveFilters), emptyTitle: hasActiveFilters ? "No matching feedback" : "No feedback", isLoading: isLoading, items: items, onSelectFeedback: onSelectFeedback })] }));
-}
-const defaultFilters = {
-    search: "",
-    status: "all",
-    type: "all",
-};
-function filterFeedbackItems(items, filters) {
-    return items.filter((item) => {
-        return (matchesSearch(item, filters.search) &&
-            matchesStatus(item, filters.status) &&
-            matchesType(item, filters.type));
-    });
-}
-function matchesSearch(item, search) {
-    const query = search.trim().toLowerCase();
-    if (!query)
-        return true;
-    return [
-        item.subject,
-        item.description,
-        item.submittedBy.name,
-        item.submittedBy.email,
-        item.referenceId,
-    ]
-        .filter(Boolean)
-        .some((value) => value?.toLowerCase().includes(query));
-}
-function matchesStatus(item, status) {
-    return status === "all" || item.status === status;
-}
-function matchesType(item, type) {
-    return type === "all" || item.type === type;
-}
-function areDefaultFilters(filters) {
-    return (filters.search === defaultFilters.search &&
-        filters.status === defaultFilters.status &&
-        filters.type === defaultFilters.type);
-}
-function getEmptyDescription(hasActiveFilters) {
-    if (hasActiveFilters)
-        return "No feedback matches the current filters.";
-    return "Feedback submitted by users will appear here.";
-}
-export { FeedbackStakeholderPage };

package/dist/components/pages/kanban-page.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "../blocks/kanban-types.js";
-type KanbanPageProps = {
-    cards: KanbanCardData[];
-    columns: KanbanColumnData[];
-    isLoading?: boolean;
-    onCardMove?: (event: KanbanMoveEvent) => void;
-    onCreateCard?: () => void;
-    renderCardActions?: (card: KanbanCardData) => React.ReactNode;
-    renderColumnActions?: (column: KanbanColumnData) => React.ReactNode;
-};
-declare function KanbanPage({ cards, columns, isLoading, onCardMove, onCreateCard, renderCardActions, renderColumnActions, }: KanbanPageProps): React.JSX.Element;
-export { KanbanPage, type KanbanPageProps };