@stigmer/react 0.4.8 → 0.5.1

package/resource-workbench/components/FilterBar.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Displays active filters as removable chips with a "Clear all" action.
+ *
+ * The filter bar is a lightweight presentation component — filter state
+ * and mutation logic live in {@link useResourceFilters}. The parent
+ * `ResourceWorkbench` wires them together.
+ *
+ * @example
+ * ```tsx
+ * <FilterBar
+ *   filters={filtersHook.filters}
+ *   filterDefs={agentFilterDefs}
+ *   onRemoveFilter={filtersHook.removeFilter}
+ *   onClearAll={filtersHook.clearFilters}
+ * />
+ * ```
+ */
+export function FilterBar({ filters, filterDefs, onRemoveFilter, onClearAll, className, }) {
+    if (filters.length === 0)
+        return null;
+    const defMap = new Map(filterDefs.map((d) => [d.id, d]));
+    return (_jsxs("div", { role: "toolbar", "aria-label": "Active filters", className: cn("flex flex-wrap items-center gap-1.5", className), children: [filters.map((filter) => {
+                const def = defMap.get(filter.filterId);
+                const label = def?.label ?? filter.filterId;
+                const displayValue = formatFilterValue(filter, def);
+                return (_jsx(FilterChip, { label: label, value: displayValue, onRemove: () => onRemoveFilter(filter.filterId) }, `${filter.filterId}:${filter.operator}`));
+            }), filters.length > 1 && (_jsx("button", { type: "button", onClick: onClearAll, className: cn("text-xs text-muted-foreground transition-colors", "hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm"), children: "Clear all" }))] }));
+}
+// ---------------------------------------------------------------------------
+// Internal: Filter chip
+// ---------------------------------------------------------------------------
+function FilterChip({ label, value, onRemove, }) {
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-md bg-muted px-2 py-0.5 text-xs text-muted-foreground"), children: [_jsxs("span", { className: "font-medium", children: [label, ":"] }), _jsx("span", { children: value }), _jsx("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${label} filter`, className: cn("ml-0.5 inline-flex items-center justify-center rounded-sm p-0.5", "text-muted-foreground-subtle hover:text-foreground hover:bg-accent-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(XIcon, {}) })] }));
+}
+function formatFilterValue(filter, def) {
+    const { value, operator } = filter;
+    if (Array.isArray(value)) {
+        // For multi-select, try to resolve option labels.
+        if (def?.options) {
+            const optMap = new Map(def.options.map((o) => [o.value, o.label]));
+            return value.map((v) => optMap.get(v) ?? v).join(", ");
+        }
+        return value.join(", ");
+    }
+    // For select with options, resolve the label.
+    if (def?.options) {
+        const opt = def.options.find((o) => o.value === value);
+        if (opt)
+            return opt.label;
+    }
+    const prefix = operator === "gt"
+        ? "> "
+        : operator === "lt"
+            ? "< "
+            : operator === "gte"
+                ? ">= "
+                : operator === "lte"
+                    ? "<= "
+                    : operator === "neq"
+                        ? "not "
+                        : operator === "contains"
+                            ? "~ "
+                            : "";
+    return `${prefix}${value}`;
+}
+function XIcon() {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 2.5l5 5M7.5 2.5l-5 5" }) }));
+}
+//# sourceMappingURL=FilterBar.js.map

package/resource-workbench/components/FilterBar.js.map

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

package/resource-workbench/components/ResourceAvatar.d.ts

@@ -0,0 +1,29 @@
+/** Props for {@link ResourceAvatar}. */
+export interface ResourceAvatarProps {
+    /** Display name used for the initial fallback. */
+    readonly name: string;
+    /** Slug used to derive a deterministic background color. */
+    readonly slug: string;
+    /** Icon URL from the resource's spec. Empty string means no icon. */
+    readonly iconUrl?: string;
+    /**
+     * When `true`, renders nothing — no image, no initial avatar.
+     * Used for resource types like skills that don't support icons.
+     */
+    readonly hidden?: boolean;
+    /** Size variant. @default "md" */
+    readonly size?: "sm" | "md";
+    /** Additional CSS classes. */
+    readonly className?: string;
+}
+/**
+ * Compact resource avatar for cards, rows, and detail headers.
+ *
+ * Renders one of three states:
+ * 1. **Image** — when `iconUrl` is a non-empty string
+ * 2. **Initial** — colored circle with the first letter of `name`,
+ *    deterministic color derived from `slug`
+ * 3. **Hidden** — nothing (for resource types that don't support icons)
+ */
+export declare function ResourceAvatar({ name, slug, iconUrl, hidden, size, className, }: ResourceAvatarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ResourceAvatar.d.ts.map

package/resource-workbench/components/ResourceAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceAvatar.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceAvatar.tsx"],"names":[],"mappings":"AAIA,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,kCAAkC;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,8BAA8B;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAgCD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,IAAW,EACX,SAAS,GACV,EAAE,mBAAmB,kDAuCrB"}

package/resource-workbench/components/ResourceAvatar.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+const AVATAR_COLORS = [
+    "bg-[#6366f1]",
+    "bg-[#8b5cf6]",
+    "bg-[#a855f7]",
+    "bg-[#d946ef]",
+    "bg-[#ec4899]",
+    "bg-[#f43f5e]",
+    "bg-[#ef4444]",
+    "bg-[#f97316]",
+    "bg-[#eab308]",
+    "bg-[#22c55e]",
+    "bg-[#14b8a6]",
+    "bg-[#06b6d4]",
+    "bg-[#3b82f6]",
+    "bg-[#2563eb]",
+];
+function hashSlug(slug) {
+    let h = 0;
+    for (let i = 0; i < slug.length; i++) {
+        h = ((h << 5) - h + slug.charCodeAt(i)) | 0;
+    }
+    return Math.abs(h);
+}
+const SIZE_CLASSES = {
+    sm: "size-6 text-[10px]",
+    md: "size-8 text-xs",
+};
+/**
+ * Compact resource avatar for cards, rows, and detail headers.
+ *
+ * Renders one of three states:
+ * 1. **Image** — when `iconUrl` is a non-empty string
+ * 2. **Initial** — colored circle with the first letter of `name`,
+ *    deterministic color derived from `slug`
+ * 3. **Hidden** — nothing (for resource types that don't support icons)
+ */
+export function ResourceAvatar({ name, slug, iconUrl, hidden, size = "md", className, }) {
+    if (hidden)
+        return null;
+    const sizeClass = SIZE_CLASSES[size];
+    if (iconUrl) {
+        return (_jsx("span", { className: cn("inline-flex shrink-0 items-center justify-center rounded-full bg-muted", sizeClass, className), children: _jsx("img", { src: iconUrl, alt: "", className: "size-4/5 object-contain" }) }));
+    }
+    const initial = (name || slug).charAt(0).toUpperCase();
+    const colorClass = AVATAR_COLORS[hashSlug(slug) % AVATAR_COLORS.length];
+    return (_jsx("span", { "aria-hidden": "true", className: cn("inline-flex shrink-0 items-center justify-center rounded-full font-medium text-white", sizeClass, colorClass, className), children: initial }));
+}
+//# sourceMappingURL=ResourceAvatar.js.map

package/resource-workbench/components/ResourceAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceAvatar.js","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceAvatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAqBpC,MAAM,aAAa,GAAG;IACpB,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;CACN,CAAC;AAEX,SAAS,QAAQ,CAAC,IAAY;IAC5B,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACrB,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,gBAAgB;CACZ,CAAC;AAEX;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,IAAI,GAAG,IAAI,EACX,SAAS,GACW;IACpB,IAAI,MAAM;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,EACT,SAAS,CACV,YAED,cACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,yBAAyB,GACnC,GACG,CACR,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACvD,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAExE,OAAO,CACL,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,SAAS,EACT,UAAU,EACV,SAAS,CACV,YAEA,OAAO,GACH,CACR,CAAC;AACJ,CAAC"}

package/resource-workbench/components/ResourceCards.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from "react";
+/** Props for {@link ResourceCards}. */
+export interface ResourceCardsProps<TData> {
+    /** Items to render as cards. */
+    readonly items: readonly TData[];
+    /** Render function for each card's content. */
+    readonly renderCard: (item: TData, index: number) => ReactNode;
+    /** Whether selection checkboxes are shown on cards. */
+    readonly enableSelection?: boolean;
+    /** Set of selected item IDs. */
+    readonly selectedIds?: ReadonlySet<string>;
+    /** Called when an item's selection state is toggled. */
+    readonly onToggleSelection?: (id: string) => void;
+    /** Extracts a stable unique ID from an item. */
+    readonly getItemId?: (item: TData) => string;
+    /**
+     * Render function for per-card actions (e.g. an `ActionMenu`).
+     * Shown in the top-right corner of the card.
+     */
+    readonly renderCardAction?: (item: TData) => ReactNode;
+    /** Called when a card is clicked (not when a control inside is clicked). */
+    readonly onCardClick?: (item: TData) => void;
+    /** Accessible label for the card grid region. @default "Resource cards" */
+    readonly "aria-label"?: string;
+    /** Additional CSS classes for the grid container. */
+    readonly className?: string;
+}
+/**
+ * Card grid view for the resource workbench.
+ *
+ * Renders items as a responsive grid of cards. Each card supports an
+ * optional selection checkbox, an action slot, and click handling.
+ * Card content is fully customizable via the `renderCard` prop.
+ *
+ * This component renders **only the card grid**. Search, filters, and
+ * pagination are handled by the parent `ResourceWorkbench`.
+ */
+export declare function ResourceCards<TData>({ items, renderCard, enableSelection, selectedIds, onToggleSelection, getItemId, renderCardAction, onCardClick, "aria-label": ariaLabel, className, }: ResourceCardsProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResourceCards.d.ts.map

package/resource-workbench/components/ResourceCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCards.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceCards.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,uCAAuC;AACvC,MAAM,WAAW,kBAAkB,CAAC,KAAK;IACvC,gCAAgC;IAChC,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,+CAA+C;IAC/C,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/D,uDAAuD;IACvD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,wDAAwD;IACxD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IACvD,4EAA4E;IAC5E,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7C,2EAA2E;IAC3E,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,EACnC,KAAK,EACL,UAAU,EACV,eAAuB,EACvB,WAAW,EACX,iBAAiB,EACjB,SAAwB,EACxB,gBAAgB,EAChB,WAAW,EACX,YAAY,EAAE,SAA4B,EAC1C,SAAS,GACV,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAgE3B"}

package/resource-workbench/components/ResourceCards.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { SelectionCheckbox } from "./SelectionCheckbox";
+/**
+ * Card grid view for the resource workbench.
+ *
+ * Renders items as a responsive grid of cards. Each card supports an
+ * optional selection checkbox, an action slot, and click handling.
+ * Card content is fully customizable via the `renderCard` prop.
+ *
+ * This component renders **only the card grid**. Search, filters, and
+ * pagination are handled by the parent `ResourceWorkbench`.
+ */
+export function ResourceCards({ items, renderCard, enableSelection = false, selectedIds, onToggleSelection, getItemId = defaultGetId, renderCardAction, onCardClick, "aria-label": ariaLabel = "Resource cards", className, }) {
+    return (_jsx("div", { role: "list", "aria-label": ariaLabel, className: cn("grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", className), children: items.map((item, index) => {
+            const id = getItemId(item);
+            const isSelected = selectedIds?.has(id) ?? false;
+            const isClickable = !!onCardClick;
+            return (_jsxs("div", { role: "listitem", "aria-selected": enableSelection ? isSelected : undefined, onClick: isClickable
+                    ? (e) => {
+                        const target = e.target;
+                        if (target.closest("button") ||
+                            target.closest("input") ||
+                            target.closest("[role='menu']")) {
+                            return;
+                        }
+                        onCardClick(item);
+                    }
+                    : undefined, className: cn("relative flex rounded-lg border border-border bg-card p-4 transition-colors", isSelected && "border-primary/40 bg-primary-subtle", isClickable && "cursor-pointer hover:border-primary/40 hover:bg-accent-hover", isClickable && "focus-within:ring-2 focus-within:ring-ring"), children: [enableSelection && onToggleSelection && (_jsx("div", { className: "absolute left-2 top-2", children: _jsx(SelectionCheckbox, { checked: isSelected, onChange: () => onToggleSelection(id), "aria-label": `Select item ${id}` }) })), _jsx("div", { className: cn("min-w-0 flex-1", enableSelection && "pl-5"), children: renderCard(item, index) }), renderCardAction && (_jsx("div", { className: "ml-2 shrink-0", onClick: (e) => e.stopPropagation(), children: renderCardAction(item) }))] }, id || `card-${index}`));
+        }) }));
+}
+function defaultGetId(item) {
+    const r = item;
+    if (typeof r.id === "string")
+        return r.id;
+    if (typeof r.slug === "string")
+        return r.slug;
+    return "";
+}
+//# sourceMappingURL=ResourceCards.js.map

package/resource-workbench/components/ResourceCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCards.js","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AA6BxD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAQ,EACnC,KAAK,EACL,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,iBAAiB,EACjB,SAAS,GAAG,YAAY,EACxB,gBAAgB,EAChB,WAAW,EACX,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,SAAS,GACiB;IAC1B,OAAO,CACL,cACE,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3B,MAAM,UAAU,GAAG,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC;YACjD,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;YAElC,OAAO,CACL,eAEE,IAAI,EAAC,UAAU,mBACA,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACvD,OAAO,EACL,WAAW;oBACT,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;wBACJ,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;wBACvC,IACE,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;4BACxB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;4BACvB,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAC/B,CAAC;4BACD,OAAO;wBACT,CAAC;wBACD,WAAY,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC;oBACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,UAAU,IAAI,qCAAqC,EACnD,WAAW,IAAI,8DAA8D,EAC7E,WAAW,IAAI,4CAA4C,CAC5D,aAEA,eAAe,IAAI,iBAAiB,IAAI,CACvC,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,iBAAiB,IAChB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,gBACzB,eAAe,EAAE,EAAE,GAC/B,GACE,CACP,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,eAAe,IAAI,MAAM,CAAC,YAC5D,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,GACpB,EACL,gBAAgB,IAAI,CACnB,cAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAC/D,gBAAgB,CAAC,IAAI,CAAC,GACnB,CACP,KAzCI,EAAE,IAAI,QAAQ,KAAK,EAAE,CA0CtB,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAQ,IAAW;IACtC,MAAM,CAAC,GAAG,IAA+B,CAAC;IAC1C,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAC1C,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC9C,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/resource-workbench/components/ResourceInspector.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+/** Props for {@link ResourceInspector}. */
+export interface ResourceInspectorProps {
+    /** Whether the inspector panel is currently visible. */
+    readonly open: boolean;
+    /** Called when the user closes the inspector (e.g. via the close button). */
+    readonly onClose: () => void;
+    /** The content to render inside the inspector panel. */
+    readonly children: ReactNode;
+    /** Accessible label for the panel. @default "Resource inspector" */
+    readonly "aria-label"?: string;
+    /** Additional CSS classes for the panel. */
+    readonly className?: string;
+}
+/**
+ * Split-panel inspector that appears to the right of the workbench
+ * content area, providing a preview of the focused resource without
+ * navigating away from the list.
+ *
+ * The inspector is a purely presentational shell — what renders inside
+ * it is determined by the consumer via the `children` prop. The parent
+ * `ResourceWorkbench` manages open/close state and passes the focused
+ * item's detail view.
+ */
+export declare function ResourceInspector({ open, onClose, children, "aria-label": ariaLabel, className, }: ResourceInspectorProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ResourceInspector.d.ts.map

package/resource-workbench/components/ResourceInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceInspector.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceInspector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,wDAAwD;IACxD,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,4CAA4C;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAgC,EAC9C,SAAS,GACV,EAAE,sBAAsB,kDAmCxB"}

package/resource-workbench/components/ResourceInspector.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Split-panel inspector that appears to the right of the workbench
+ * content area, providing a preview of the focused resource without
+ * navigating away from the list.
+ *
+ * The inspector is a purely presentational shell — what renders inside
+ * it is determined by the consumer via the `children` prop. The parent
+ * `ResourceWorkbench` manages open/close state and passes the focused
+ * item's detail view.
+ */
+export function ResourceInspector({ open, onClose, children, "aria-label": ariaLabel = "Resource inspector", className, }) {
+    if (!open)
+        return null;
+    return (_jsxs("aside", { role: "complementary", "aria-label": ariaLabel, className: cn("flex w-80 shrink-0 flex-col border-l border-border bg-card", "lg:w-96", className), children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Preview" }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close inspector", className: cn("inline-flex items-center justify-center rounded-sm p-1", "text-muted-foreground hover:text-foreground hover:bg-accent-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(CloseIcon, {}) })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: children })] }));
+}
+function CloseIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" }) }));
+}
+//# sourceMappingURL=ResourceInspector.js.map

package/resource-workbench/components/ResourceInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceInspector.js","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceInspector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAgBpC;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,GAAG,oBAAoB,EAC9C,SAAS,GACc;IACvB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,iBACE,IAAI,EAAC,eAAe,gBACR,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,EACT,SAAS,CACV,aAED,eAAK,SAAS,EAAC,oEAAoE,aACjF,eAAM,SAAS,EAAC,2CAA2C,wBAEpD,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,iBAAiB,EAC5B,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,mEAAmE,EACnE,yEAAyE,CAC1E,YAED,KAAC,SAAS,KAAG,GACN,IACL,EACN,cAAK,SAAS,EAAC,4BAA4B,YACxC,QAAQ,GACL,IACA,CACT,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,iBACT,MAAM,YAElB,eAAM,CAAC,EAAC,4BAA4B,GAAG,GACnC,CACP,CAAC;AACJ,CAAC"}

package/resource-workbench/components/ResourceList.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from "react";
+/** Props for {@link ResourceList}. */
+export interface ResourceListProps<TData> {
+    /** Items to render as compact list rows. */
+    readonly items: readonly TData[];
+    /** Render function for each row's content. */
+    readonly renderRow: (item: TData, index: number) => ReactNode;
+    /** Whether selection checkboxes are shown on rows. */
+    readonly enableSelection?: boolean;
+    /** Set of selected item IDs. */
+    readonly selectedIds?: ReadonlySet<string>;
+    /** Called when an item's selection state is toggled. */
+    readonly onToggleSelection?: (id: string) => void;
+    /** Extracts a stable unique ID from an item. */
+    readonly getItemId?: (item: TData) => string;
+    /**
+     * Render function for per-row actions (e.g. an `ActionMenu`).
+     * Shown at the end of the row.
+     */
+    readonly renderRowAction?: (item: TData) => ReactNode;
+    /** Called when a row is clicked (not when a control inside is clicked). */
+    readonly onRowClick?: (item: TData) => void;
+    /** Accessible label for the list region. @default "Resource list" */
+    readonly "aria-label"?: string;
+    /** Additional CSS classes for the list container. */
+    readonly className?: string;
+}
+/**
+ * Compact list view for the resource workbench.
+ *
+ * Renders items as a single-column vertical list of rows. Each row
+ * supports selection, an action slot, and click handling. Row content
+ * is customizable via the `renderRow` prop.
+ *
+ * This component renders **only the list**. Search, filters, and
+ * pagination are handled by the parent `ResourceWorkbench`.
+ */
+export declare function ResourceList<TData>({ items, renderRow, enableSelection, selectedIds, onToggleSelection, getItemId, renderRowAction, onRowClick, "aria-label": ariaLabel, className, }: ResourceListProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResourceList.d.ts.map

package/resource-workbench/components/ResourceList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceList.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,sCAAsC;AACtC,MAAM,WAAW,iBAAiB,CAAC,KAAK;IACtC,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC9D,sDAAsD;IACtD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,wDAAwD;IACxD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IACtD,2EAA2E;IAC3E,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5C,qEAAqE;IACrE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAClC,KAAK,EACL,SAAS,EACT,eAAuB,EACvB,WAAW,EACX,iBAAiB,EACjB,SAAwB,EACxB,eAAe,EACf,UAAU,EACV,YAAY,EAAE,SAA2B,EACzC,SAAS,GACV,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA2D1B"}

package/resource-workbench/components/ResourceList.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { SelectionCheckbox } from "./SelectionCheckbox";
+/**
+ * Compact list view for the resource workbench.
+ *
+ * Renders items as a single-column vertical list of rows. Each row
+ * supports selection, an action slot, and click handling. Row content
+ * is customizable via the `renderRow` prop.
+ *
+ * This component renders **only the list**. Search, filters, and
+ * pagination are handled by the parent `ResourceWorkbench`.
+ */
+export function ResourceList({ items, renderRow, enableSelection = false, selectedIds, onToggleSelection, getItemId = defaultGetId, renderRowAction, onRowClick, "aria-label": ariaLabel = "Resource list", className, }) {
+    return (_jsx("div", { role: "list", "aria-label": ariaLabel, className: cn("flex flex-col", className), children: items.map((item, index) => {
+            const id = getItemId(item);
+            const isSelected = selectedIds?.has(id) ?? false;
+            const isClickable = !!onRowClick;
+            return (_jsxs("div", { role: "listitem", "aria-selected": enableSelection ? isSelected : undefined, onClick: isClickable
+                    ? (e) => {
+                        const target = e.target;
+                        if (target.closest("button") ||
+                            target.closest("input") ||
+                            target.closest("[role='menu']")) {
+                            return;
+                        }
+                        onRowClick(item);
+                    }
+                    : undefined, className: cn("flex items-center gap-3 rounded-lg px-3 py-2.5 transition-colors", isSelected && "bg-primary-subtle", isClickable && "cursor-pointer hover:bg-accent-hover", isClickable && "focus-within:ring-2 focus-within:ring-inset focus-within:ring-ring"), children: [enableSelection && onToggleSelection && (_jsx(SelectionCheckbox, { checked: isSelected, onChange: () => onToggleSelection(id), "aria-label": `Select item ${id}` })), _jsx("div", { className: "min-w-0 flex-1", children: renderRow(item, index) }), renderRowAction && (_jsx("div", { className: "ml-auto shrink-0", onClick: (e) => e.stopPropagation(), children: renderRowAction(item) }))] }, id || `row-${index}`));
+        }) }));
+}
+function defaultGetId(item) {
+    const r = item;
+    if (typeof r.id === "string")
+        return r.id;
+    if (typeof r.slug === "string")
+        return r.slug;
+    return "";
+}
+//# sourceMappingURL=ResourceList.js.map

package/resource-workbench/components/ResourceList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AA6BxD;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAAQ,EAClC,KAAK,EACL,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,iBAAiB,EACjB,SAAS,GAAG,YAAY,EACxB,eAAe,EACf,UAAU,EACV,YAAY,EAAE,SAAS,GAAG,eAAe,EACzC,SAAS,GACgB;IACzB,OAAO,CACL,cACE,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAExC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3B,MAAM,UAAU,GAAG,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC;YACjD,MAAM,WAAW,GAAG,CAAC,CAAC,UAAU,CAAC;YAEjC,OAAO,CACL,eAEE,IAAI,EAAC,UAAU,mBACA,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACvD,OAAO,EACL,WAAW;oBACT,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;wBACJ,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;wBACvC,IACE,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;4BACxB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;4BACvB,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAC/B,CAAC;4BACD,OAAO;wBACT,CAAC;wBACD,UAAW,CAAC,IAAI,CAAC,CAAC;oBACpB,CAAC;oBACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,UAAU,IAAI,mBAAmB,EACjC,WAAW,IAAI,sCAAsC,EACrD,WAAW,IAAI,oEAAoE,CACpF,aAEA,eAAe,IAAI,iBAAiB,IAAI,CACvC,KAAC,iBAAiB,IAChB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,gBACzB,eAAe,EAAE,EAAE,GAC/B,CACH,EACD,cAAK,SAAS,EAAC,gBAAgB,YAC5B,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,GACnB,EACL,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAClE,eAAe,CAAC,IAAI,CAAC,GAClB,CACP,KAvCI,EAAE,IAAI,OAAO,KAAK,EAAE,CAwCrB,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAQ,IAAW;IACtC,MAAM,CAAC,GAAG,IAA+B,CAAC;IAC1C,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAC1C,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC9C,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/resource-workbench/components/ResourceTable.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from "react";
+import { type Table } from "@tanstack/react-table";
+/** Props for {@link ResourceTable}. */
+export interface ResourceTableProps<TData> {
+    /** TanStack Table instance from `useResourceCollection`. */
+    readonly table: Table<TData>;
+    /** Whether row selection is enabled. */
+    readonly enableSelection?: boolean;
+    /**
+     * Render function for per-row actions (e.g. an `ActionMenu`).
+     * Shown in the last column. Omit to hide the actions column.
+     */
+    readonly renderRowAction?: (item: TData) => ReactNode;
+    /**
+     * Called when a row is clicked (but not when a checkbox or action
+     * inside the row is clicked).
+     */
+    readonly onRowClick?: (item: TData) => void;
+    /** Accessible label for the table. @default "Resources" */
+    readonly "aria-label"?: string;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Table view for the resource workbench.
+ *
+ * Renders a semantic `<table>` element using column definitions and
+ * data from a TanStack Table instance. Supports sortable column
+ * headers, row selection checkboxes, per-row action menus, and
+ * keyboard-navigable rows.
+ *
+ * This component renders **only the table**. Search, filters, view
+ * switching, and pagination are handled by the parent `ResourceWorkbench`.
+ *
+ * @example
+ * ```tsx
+ * const { table } = useResourceCollection({ ... });
+ * <ResourceTable
+ *   table={table}
+ *   enableSelection
+ *   renderRowAction={(item) => <AgentActionMenu item={item} />}
+ *   onRowClick={(item) => navigate(item.slug)}
+ * />
+ * ```
+ */
+export declare function ResourceTable<TData>({ table, enableSelection, renderRowAction, onRowClick, "aria-label": ariaLabel, className, }: ResourceTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResourceTable.d.ts.map

package/resource-workbench/components/ResourceTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceTable.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/ResourceTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,KAAK,KAAK,EAAY,MAAM,uBAAuB,CAAC;AAMzE,uCAAuC;AACvC,MAAM,WAAW,kBAAkB,CAAC,KAAK;IACvC,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7B,wCAAwC;IACxC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5C,2DAA2D;IAC3D,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,EACnC,KAAK,EACL,eAAuB,EACvB,eAAe,EACf,UAAU,EACV,YAAY,EAAE,SAAuB,EACrC,SAAS,GACV,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAqF3B"}

package/resource-workbench/components/ResourceTable.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+import { cn } from "@stigmer/theme";
+import { ColumnHeader } from "./ColumnHeader";
+import { SelectionCheckbox } from "./SelectionCheckbox";
+/**
+ * Table view for the resource workbench.
+ *
+ * Renders a semantic `<table>` element using column definitions and
+ * data from a TanStack Table instance. Supports sortable column
+ * headers, row selection checkboxes, per-row action menus, and
+ * keyboard-navigable rows.
+ *
+ * This component renders **only the table**. Search, filters, view
+ * switching, and pagination are handled by the parent `ResourceWorkbench`.
+ *
+ * @example
+ * ```tsx
+ * const { table } = useResourceCollection({ ... });
+ * <ResourceTable
+ *   table={table}
+ *   enableSelection
+ *   renderRowAction={(item) => <AgentActionMenu item={item} />}
+ *   onRowClick={(item) => navigate(item.slug)}
+ * />
+ * ```
+ */
+export function ResourceTable({ table, enableSelection = false, renderRowAction, onRowClick, "aria-label": ariaLabel = "Resources", className, }) {
+    const headerGroups = table.getHeaderGroups();
+    const rows = table.getRowModel().rows;
+    const allSelected = table.getIsAllRowsSelected();
+    const someSelected = table.getIsSomeRowsSelected();
+    return (_jsx("div", { className: cn("overflow-x-auto", className), children: _jsxs("table", { role: "table", "aria-label": ariaLabel, className: "w-full border-collapse text-sm", children: [_jsx("thead", { children: headerGroups.map((headerGroup) => (_jsxs("tr", { className: "border-b border-border", children: [enableSelection && (_jsx("th", { scope: "col", className: "w-10 px-3 py-2", children: _jsx(SelectionCheckbox, { checked: allSelected, indeterminate: someSelected && !allSelected, onChange: table.getToggleAllRowsSelectedHandler()
+                                        ? () => table.toggleAllRowsSelected(!allSelected)
+                                        : () => { }, "aria-label": allSelected
+                                        ? "Deselect all rows"
+                                        : "Select all rows" }) })), headerGroup.headers.map((header) => {
+                                const canSort = header.column.getCanSort();
+                                const sorted = header.column.getIsSorted();
+                                const direction = sorted === "asc"
+                                    ? "asc"
+                                    : sorted === "desc"
+                                        ? "desc"
+                                        : null;
+                                return (_jsx(ColumnHeader, { label: typeof header.column.columnDef.header === "string"
+                                        ? header.column.columnDef.header
+                                        : header.id, sortable: canSort, sortDirection: direction, onSort: canSort
+                                        ? () => header.column.toggleSorting()
+                                        : undefined }, header.id));
+                            }), renderRowAction && (_jsx("th", { scope: "col", className: "w-10 px-3 py-2", children: _jsx("span", { className: "sr-only", children: "Actions" }) }))] }, headerGroup.id))) }), _jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, enableSelection: enableSelection, renderRowAction: renderRowAction, onRowClick: onRowClick }, row.id))) })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Internal: Table row
+// ---------------------------------------------------------------------------
+function TableRow({ row, enableSelection, renderRowAction, onRowClick, }) {
+    const isSelected = row.getIsSelected();
+    const item = row.original;
+    const isClickable = !!onRowClick;
+    return (_jsxs("tr", { className: cn("border-b border-border-muted transition-colors", isSelected && "bg-primary-subtle", isClickable && "cursor-pointer hover:bg-accent-hover"), onClick: isClickable
+            ? (e) => {
+                // Don't trigger row click when interacting with controls
+                const target = e.target;
+                if (target.closest("button") ||
+                    target.closest("input") ||
+                    target.closest("[role='menu']") ||
+                    target.closest("[role='menuitem']")) {
+                    return;
+                }
+                onRowClick(item);
+            }
+            : undefined, "aria-selected": enableSelection ? isSelected : undefined, children: [enableSelection && (_jsx("td", { className: "w-10 px-3 py-2", children: _jsx(SelectionCheckbox, { checked: isSelected, onChange: () => row.toggleSelected(), "aria-label": `Select row ${row.id}` }) })), row.getVisibleCells().map((cell) => (_jsx("td", { className: "px-3 py-2 text-sm text-foreground", style: {
+                    minWidth: cell.column.columnDef.minSize
+                        ? `${cell.column.columnDef.minSize}px`
+                        : undefined,
+                }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))), renderRowAction && (_jsx("td", { className: "w-10 px-3 py-2 text-right", children: renderRowAction(item) }))] }));
+}
+//# sourceMappingURL=ResourceTable.js.map

package/resource-workbench/components/ResourceTable.js.map

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