@stigmer/react 0.4.7 → 0.5.0

package/resource-workbench/components/ResourceWorkbench.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apiresource/apiresourcekind/api_resource_kind_pb";
+import { cn } from "@stigmer/theme";
+import { useResourceCollection } from "../hooks/useResourceCollection";
+import { useResourceFilters } from "../hooks/useResourceFilters";
+import { useResourceSelection } from "../hooks/useResourceSelection";
+import { useViewPreference } from "../hooks/useViewPreference";
+import { ResourceTable } from "./ResourceTable";
+import { ResourceCards } from "./ResourceCards";
+import { ResourceList } from "./ResourceList";
+import { FilterBar } from "./FilterBar";
+import { ViewSwitcher } from "./ViewSwitcher";
+import { BulkActionBar } from "./BulkActionBar";
+import { ResourceInspector } from "./ResourceInspector";
+import { EmptyState } from "../../empty-state";
+import { ResourceAvatar } from "./ResourceAvatar";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const DEBOUNCE_MS = 300;
+/**
+ * Full-featured resource collection workbench that composes headless
+ * hooks and focused view components into a complete browsing experience.
+ *
+ * Provides:
+ * - Toolbar with search input, filter chips, and view mode switcher
+ * - Three view modes: table, cards, and compact list
+ * - Row/card selection with bulk action bar
+ * - Optional split-panel inspector for item previews
+ * - Empty, loading, and error states
+ * - Pagination
+ *
+ * The workbench is the "drop-in" tier of the resource collection
+ * architecture. Platform builders who want more control use the
+ * individual hooks and view components directly.
+ *
+ * @example
+ * ```tsx
+ * <ResourceWorkbench
+ *   listFn={(params) => stigmer.agent.list(params)}
+ *   org={activeOrg}
+ *   columns={agentColumns}
+ *   filterDefs={agentFilterDefs}
+ *   renderItemAction={(item) => <AgentActionMenu item={item} />}
+ *   onItemClick={(item) => navigate(`/agents/${item.slug}`)}
+ *   emptyTitle="No agents yet"
+ *   emptyDescription="Create an agent to get started."
+ * />
+ * ```
+ */
+export function ResourceWorkbench({ listFn, org, columns = [], filterDefs = [], viewModes = ["table", "cards", "list"], defaultViewMode = "table", viewModeStorageKey, renderCard, renderRow, renderItemAction, renderInspector, bulkActions = [], onItemClick, initialFilters, initialSort, initialQuery, scope: controlledScope = "org", onScopeChange, onStateChange, enableSelection = false, getItemId = defaultGetId, emptyIcon, emptyTitle = "No resources found", emptyDescription = "Try adjusting your search or filters.", emptyAction, onRetry, headerAction, searchPlaceholder = "Search\u2026", "aria-label": ariaLabel = "Resource workbench", className, }) {
+    // --- View preference ---------------------------------------------------
+    const { viewMode, setViewMode } = useViewPreference(viewModeStorageKey, defaultViewMode);
+    // --- Filter/sort/query state -------------------------------------------
+    const filtersHook = useResourceFilters({
+        filterDefs,
+        initialFilters,
+        initialSort,
+        initialQuery,
+        onStateChange,
+        queryDebounceMs: DEBOUNCE_MS,
+    });
+    // --- Pagination --------------------------------------------------------
+    const [page, setPage] = useState(1);
+    const prevQueryRef = useRef(filtersHook.debouncedQuery);
+    if (prevQueryRef.current !== filtersHook.debouncedQuery) {
+        prevQueryRef.current = filtersHook.debouncedQuery;
+        setPage(1);
+    }
+    // --- Collection data ---------------------------------------------------
+    const collection = useResourceCollection({
+        listFn: listFn,
+        org,
+        query: filtersHook.debouncedQuery,
+        scope: controlledScope,
+        page,
+        sort: filtersHook.sort,
+        onSortChange: filtersHook.setSort,
+        columns: columns,
+        enableSelection,
+    });
+    // --- Selection ---------------------------------------------------------
+    const selection = useResourceSelection(collection.items, getItemId);
+    // --- Inspector ---------------------------------------------------------
+    const [inspectedItem, setInspectedItem] = useState(null);
+    const inspectorEnabled = !!renderInspector;
+    const handleItemClick = useCallback((item) => {
+        if (inspectorEnabled) {
+            setInspectedItem(item);
+        }
+        onItemClick?.(item);
+    }, [inspectorEnabled, onItemClick]);
+    // --- Content resolution ------------------------------------------------
+    const showSkeletons = collection.isLoading && collection.items.length === 0;
+    const showError = !!collection.error && !collection.isLoading;
+    const showEmpty = !collection.isLoading && !collection.error && collection.items.length === 0;
+    const showContent = collection.items.length > 0;
+    const showPagination = collection.totalPages > 1;
+    // --- Selected IDs as Set for cards/list views --------------------------
+    const selectedIdSet = selection.selectedIds;
+    return (_jsxs("div", { "aria-label": ariaLabel, className: cn("flex flex-col gap-3", className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground-subtle" }), _jsx("input", { type: "text", value: filtersHook.query, onChange: (e) => filtersHook.setQuery(e.target.value), placeholder: searchPlaceholder, "aria-label": searchPlaceholder, className: cn("w-full rounded-md border border-input bg-background py-1.5 pl-8 pr-3 text-sm", "placeholder:text-muted-foreground-subtle", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring") })] }), viewModes.length > 1 && (_jsx(ViewSwitcher, { value: viewMode, onChange: setViewMode, modes: viewModes })), headerAction] }), _jsx(FilterBar, { filters: filtersHook.filters, filterDefs: filterDefs, onRemoveFilter: filtersHook.removeFilter, onClearAll: filtersHook.clearFilters }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsxs("div", { className: cn("min-w-0 flex-1", collection.isRefetching &&
+                            "pointer-events-none opacity-60 transition-opacity"), children: [showSkeletons && _jsx(SkeletonPlaceholder, { viewMode: viewMode }), showError && (_jsx(EmptyState, { variant: "error", errorMessage: collection.error.message, action: onRetry
+                                    ? { label: "Retry", onClick: onRetry ?? collection.refetch }
+                                    : undefined })), showEmpty && (_jsx(EmptyState, { variant: filtersHook.hasActiveFilters || filtersHook.debouncedQuery
+                                    ? "zero-results"
+                                    : "first-use", icon: emptyIcon, title: filtersHook.hasActiveFilters || filtersHook.debouncedQuery
+                                    ? "No results match your filters"
+                                    : emptyTitle, description: filtersHook.hasActiveFilters || filtersHook.debouncedQuery
+                                    ? "Try adjusting your search or removing some filters."
+                                    : emptyDescription, action: filtersHook.hasActiveFilters
+                                    ? {
+                                        label: "Clear filters",
+                                        onClick: filtersHook.clearFilters,
+                                    }
+                                    : undefined, children: !filtersHook.hasActiveFilters && !filtersHook.debouncedQuery
+                                    ? emptyAction
+                                    : undefined })), showContent && viewMode === "table" && collection.table && (_jsx(ResourceTable, { table: collection.table, enableSelection: enableSelection, renderRowAction: renderItemAction, onRowClick: handleItemClick })), showContent && viewMode === "cards" && (_jsx(ResourceCards, { items: collection.items, renderCard: renderCard ??
+                                    ((item) => _jsx(DefaultCardContent, { item: item })), enableSelection: enableSelection, selectedIds: selectedIdSet, onToggleSelection: selection.toggleItem, getItemId: getItemId, renderCardAction: renderItemAction, onCardClick: handleItemClick })), showContent && viewMode === "list" && (_jsx(ResourceList, { items: collection.items, renderRow: renderRow ??
+                                    ((item) => _jsx(DefaultRowContent, { item: item })), enableSelection: enableSelection, selectedIds: selectedIdSet, onToggleSelection: selection.toggleItem, getItemId: getItemId, renderRowAction: renderItemAction, onRowClick: handleItemClick })), showPagination && (_jsx(PaginationBar, { currentPage: collection.currentPage, totalPages: collection.totalPages, totalCount: collection.totalCount, onPageChange: setPage }))] }), inspectorEnabled && (_jsx(ResourceInspector, { open: inspectedItem !== null, onClose: () => setInspectedItem(null), children: inspectedItem && renderInspector(inspectedItem) }))] }), enableSelection && selection.hasSelection && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, selectedItems: selection.selectedItems, actions: bulkActions, onCancel: selection.clearSelection }))] }));
+}
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
+function defaultGetId(item) {
+    const r = item;
+    if (typeof r.id === "string")
+        return r.id;
+    if (typeof r.slug === "string")
+        return r.slug;
+    return "";
+}
+function DefaultCardContent({ item }) {
+    const isSkill = item.kind === ApiResourceKind.skill;
+    return (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(ResourceAvatar, { name: item.name || item.slug, slug: item.slug, iconUrl: item.iconUrl || undefined, hidden: isSkill }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: item.name || item.slug }), item.org && (_jsx("p", { className: "text-xs text-muted-foreground", children: item.org })), item.description && (_jsx("p", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: item.description }))] })] }));
+}
+function DefaultRowContent({ item }) {
+    const isSkill = item.kind === ApiResourceKind.skill;
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ResourceAvatar, { name: item.name || item.slug, slug: item.slug, iconUrl: item.iconUrl || undefined, hidden: isSkill, size: "sm" }), _jsx("span", { className: "text-sm font-medium text-foreground", children: item.name || item.slug }), item.org && (_jsx("span", { className: "text-xs text-muted-foreground", children: item.org })), item.description && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground-subtle", "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.description })] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Skeleton placeholder
+// ---------------------------------------------------------------------------
+function SkeletonPlaceholder({ viewMode, }) {
+    if (viewMode === "cards") {
+        return (_jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", "aria-busy": "true", children: Array.from({ length: 6 }, (_, i) => (_jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-4", "aria-hidden": "true", children: [_jsx("div", { className: "h-4 w-3/5 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-2/5 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-full animate-pulse rounded bg-muted" })] }, i))) }));
+    }
+    return (_jsx("div", { "aria-busy": "true", children: Array.from({ length: 5 }, (_, i) => (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5", "aria-hidden": "true", children: [_jsx("div", { className: "h-4 w-4 shrink-0 animate-pulse rounded bg-muted" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "h-4 animate-pulse rounded bg-muted", style: { width: `${30 + (i * 7) % 25}%` } }), _jsx("div", { className: "h-3 animate-pulse rounded bg-muted", style: { width: `${55 + (i * 5) % 20}%` } })] })] }, i))) }));
+}
+// ---------------------------------------------------------------------------
+// Pagination
+// ---------------------------------------------------------------------------
+function PaginationBar({ currentPage, totalPages, totalCount, onPageChange, }) {
+    const navBtnClass = cn("inline-flex items-center rounded-md p-1.5", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50");
+    return (_jsxs("nav", { "aria-label": "Pagination", className: "flex items-center justify-between border-t border-border pt-3", children: [_jsxs("span", { className: "text-xs text-muted-foreground", children: [totalCount.toLocaleString(), " ", totalCount === 1 ? "result" : "results"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => onPageChange(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", className: navBtnClass, children: _jsx(ChevronLeftIcon, {}) }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Page ", currentPage, " of ", totalPages] }), _jsx("button", { type: "button", onClick: () => onPageChange(currentPage + 1), disabled: currentPage >= totalPages, "aria-label": "Next page", className: navBtnClass, children: _jsx(ChevronRightIcon, {}) })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function SearchIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "6.5", cy: "6.5", r: "4.5" }), _jsx("path", { d: "m10 10 4 4" })] }));
+}
+function ChevronLeftIcon() {
+    return (_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m10 3-5 5 5 5" }) }));
+}
+function ChevronRightIcon() {
+    return (_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m6 3 5 5-5 5" }) }));
+}
+//# sourceMappingURL=ResourceWorkbench.js.map

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

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

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

@@ -0,0 +1,24 @@
+/** Props for {@link SelectionCheckbox}. */
+export interface SelectionCheckboxProps {
+    /** Whether the checkbox is checked. */
+    readonly checked: boolean;
+    /**
+     * Indeterminate state (e.g. header checkbox when some but not all
+     * rows are selected). Overrides `checked` visually.
+     */
+    readonly indeterminate?: boolean;
+    /** Called when the user toggles the checkbox. */
+    readonly onChange: (checked: boolean) => void;
+    /** Accessible label for the checkbox. */
+    readonly "aria-label": string;
+    /** Additional CSS classes. */
+    readonly className?: string;
+}
+/**
+ * Accessible checkbox for row/card selection and "select all" headers.
+ *
+ * Uses a native `<input type="checkbox">` with the `indeterminate`
+ * property set via ref for proper browser + screen reader support.
+ */
+export declare function SelectionCheckbox({ checked, indeterminate, onChange, "aria-label": ariaLabel, className, }: SelectionCheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectionCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckbox.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/SelectionCheckbox.tsx"],"names":[],"mappings":"AAIA,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,yCAAyC;IACzC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,sBAAsB,2CAkBxB"}

package/resource-workbench/components/SelectionCheckbox.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Accessible checkbox for row/card selection and "select all" headers.
+ *
+ * Uses a native `<input type="checkbox">` with the `indeterminate`
+ * property set via ref for proper browser + screen reader support.
+ */
+export function SelectionCheckbox({ checked, indeterminate = false, onChange, "aria-label": ariaLabel, className, }) {
+    return (_jsx("input", { type: "checkbox", role: "checkbox", checked: checked, ref: (el) => {
+            if (el)
+                el.indeterminate = indeterminate;
+        }, onChange: (e) => onChange(e.target.checked), "aria-label": ariaLabel, className: cn("size-3.5 shrink-0 cursor-pointer rounded border border-input accent-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", className) }));
+}
+//# sourceMappingURL=SelectionCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckbox.js","sourceRoot":"","sources":["../../../src/resource-workbench/components/SelectionCheckbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAmBpC;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,GACc;IACvB,OAAO,CACL,gBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,IAAI,EAAE;gBAAE,EAAE,CAAC,aAAa,GAAG,aAAa,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,gBAC/B,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,qGAAqG,EACrG,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { StatusPhase } from "../types";
+/** Props for {@link StatusBadge}. */
+export interface StatusBadgeProps {
+    /** The status phase to display. Maps to `--stgm-status-*` tokens. */
+    readonly phase: StatusPhase;
+    /**
+     * Optional human-readable label override. When omitted, the phase
+     * name is title-cased (e.g. "ready" becomes "Ready").
+     */
+    readonly label?: string;
+    /** Tooltip text shown on hover. When omitted, no tooltip renders. */
+    readonly tooltip?: string;
+    /** Additional CSS classes for the root element. */
+    readonly className?: string;
+}
+/**
+ * Accessible status indicator that combines a color dot with a text label.
+ *
+ * Never communicates status through color alone — the text label is always
+ * present (WCAG 1.4.1). Colors come from `--stgm-status-*` design tokens
+ * defined in `@stigmer/theme`, ensuring correct appearance in both light
+ * and dark modes.
+ *
+ * @example
+ * ```tsx
+ * <StatusBadge phase="ready" />
+ * <StatusBadge phase="failed" label="Unreachable" tooltip="Last checked 2m ago" />
+ * ```
+ */
+export declare function StatusBadge({ phase, label, tooltip, className, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/StatusBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,mDAAmD;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAYD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,gBAAgB,2CA0BlB"}

package/resource-workbench/components/StatusBadge.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+const PHASE_LABELS = {
+    ready: "Ready",
+    running: "Running",
+    pending: "Pending",
+    degraded: "Degraded",
+    failed: "Failed",
+    disabled: "Disabled",
+    draft: "Draft",
+};
+/**
+ * Accessible status indicator that combines a color dot with a text label.
+ *
+ * Never communicates status through color alone — the text label is always
+ * present (WCAG 1.4.1). Colors come from `--stgm-status-*` design tokens
+ * defined in `@stigmer/theme`, ensuring correct appearance in both light
+ * and dark modes.
+ *
+ * @example
+ * ```tsx
+ * <StatusBadge phase="ready" />
+ * <StatusBadge phase="failed" label="Unreachable" tooltip="Last checked 2m ago" />
+ * ```
+ */
+export function StatusBadge({ phase, label, tooltip, className, }) {
+    const displayLabel = label ?? PHASE_LABELS[phase];
+    const badge = (_jsxs("span", { className: cn("inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[11px] font-medium leading-none", statusClasses(phase), className), children: [_jsx("span", { className: cn("size-1.5 shrink-0 rounded-full", dotClasses(phase)), "aria-hidden": "true" }), displayLabel] }));
+    if (!tooltip)
+        return badge;
+    return (_jsx("span", { title: tooltip, className: "inline-flex", children: badge }));
+}
+/**
+ * Maps a status phase to Tailwind classes using `--stgm-status-*` tokens.
+ * Background uses the `-subtle` variant; text uses the main status color.
+ */
+function statusClasses(phase) {
+    switch (phase) {
+        case "ready":
+            return "bg-[var(--stgm-status-ready-subtle)] text-[var(--stgm-status-ready)]";
+        case "running":
+            return "bg-[var(--stgm-status-running-subtle)] text-[var(--stgm-status-running)]";
+        case "pending":
+            return "bg-[var(--stgm-status-pending-subtle)] text-[var(--stgm-status-pending)]";
+        case "degraded":
+            return "bg-[var(--stgm-status-degraded-subtle)] text-[var(--stgm-status-degraded)]";
+        case "failed":
+            return "bg-[var(--stgm-status-failed-subtle)] text-[var(--stgm-status-failed)]";
+        case "disabled":
+            return "bg-[var(--stgm-status-disabled-subtle)] text-[var(--stgm-status-disabled)]";
+        case "draft":
+            return "bg-[var(--stgm-status-draft-subtle)] text-[var(--stgm-status-draft)]";
+    }
+}
+/** Maps a status phase to the dot's background color (the main token). */
+function dotClasses(phase) {
+    switch (phase) {
+        case "ready":
+            return "bg-[var(--stgm-status-ready)]";
+        case "running":
+            return "bg-[var(--stgm-status-running)]";
+        case "pending":
+            return "bg-[var(--stgm-status-pending)]";
+        case "degraded":
+            return "bg-[var(--stgm-status-degraded)]";
+        case "failed":
+            return "bg-[var(--stgm-status-failed)]";
+        case "disabled":
+            return "bg-[var(--stgm-status-disabled)]";
+        case "draft":
+            return "bg-[var(--stgm-status-draft)]";
+    }
+}
+//# sourceMappingURL=StatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/resource-workbench/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAkBpC,MAAM,YAAY,GAAgC;IAChD,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,GACQ;IACjB,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,CACZ,gBACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,aAAa,CAAC,KAAK,CAAC,EACpB,SAAS,CACV,aAED,eACE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,iBACtD,MAAM,GAClB,EACD,YAAY,IACR,CACR,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAE3B,OAAO,CACL,eAAM,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,YAC1C,KAAK,GACD,CACR,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,aAAa,CAAC,KAAkB;IACvC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO;YACV,OAAO,sEAAsE,CAAC;QAChF,KAAK,SAAS;YACZ,OAAO,0EAA0E,CAAC;QACpF,KAAK,SAAS;YACZ,OAAO,0EAA0E,CAAC;QACpF,KAAK,UAAU;YACb,OAAO,4EAA4E,CAAC;QACtF,KAAK,QAAQ;YACX,OAAO,wEAAwE,CAAC;QAClF,KAAK,UAAU;YACb,OAAO,4EAA4E,CAAC;QACtF,KAAK,OAAO;YACV,OAAO,sEAAsE,CAAC;IAClF,CAAC;AACH,CAAC;AAED,0EAA0E;AAC1E,SAAS,UAAU,CAAC,KAAkB;IACpC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO;YACV,OAAO,+BAA+B,CAAC;QACzC,KAAK,SAAS;YACZ,OAAO,iCAAiC,CAAC;QAC3C,KAAK,SAAS;YACZ,OAAO,iCAAiC,CAAC;QAC3C,KAAK,UAAU;YACb,OAAO,kCAAkC,CAAC;QAC5C,KAAK,QAAQ;YACX,OAAO,gCAAgC,CAAC;QAC1C,KAAK,UAAU;YACb,OAAO,kCAAkC,CAAC;QAC5C,KAAK,OAAO;YACV,OAAO,+BAA+B,CAAC;IAC3C,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { ViewMode } from "../types";
+/** Props for {@link ViewSwitcher}. */
+export interface ViewSwitcherProps {
+    /** Currently active view mode. */
+    readonly value: ViewMode;
+    /** Called when the user selects a different view mode. */
+    readonly onChange: (mode: ViewMode) => void;
+    /** Which view modes to show. @default ["table", "cards", "list"] */
+    readonly modes?: readonly ViewMode[];
+    /** Additional CSS classes. */
+    readonly className?: string;
+}
+/**
+ * Toggle button group for switching between table, cards, and list views.
+ *
+ * Uses `role="radiogroup"` with `role="radio"` children for accessible
+ * view switching. Each button shows an icon and is labeled for screen
+ * readers.
+ */
+export declare function ViewSwitcher({ value, onChange, modes, className, }: ViewSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitcher.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/components/ViewSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IACrC,8BAA8B;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAQD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAkC,EAClC,SAAS,GACV,EAAE,iBAAiB,2CAkCnB"}

package/resource-workbench/components/ViewSwitcher.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+const MODE_META = {
+    table: { label: "Table view", icon: TableIcon },
+    cards: { label: "Card view", icon: CardsIcon },
+    list: { label: "List view", icon: ListIcon },
+};
+/**
+ * Toggle button group for switching between table, cards, and list views.
+ *
+ * Uses `role="radiogroup"` with `role="radio"` children for accessible
+ * view switching. Each button shows an icon and is labeled for screen
+ * readers.
+ */
+export function ViewSwitcher({ value, onChange, modes = ["table", "cards", "list"], className, }) {
+    return (_jsx("div", { role: "radiogroup", "aria-label": "View mode", className: cn("inline-flex rounded-md border border-input", className), children: modes.map((mode) => {
+            const { label, icon: Icon } = MODE_META[mode];
+            const isActive = value === mode;
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": isActive, "aria-label": label, onClick: () => onChange(mode), className: cn("inline-flex items-center justify-center px-2 py-1.5 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:z-10", "first:rounded-l-[calc(var(--stgm-radius)-1px)] last:rounded-r-[calc(var(--stgm-radius)-1px)]", "border-r border-input last:border-r-0", isActive
+                    ? "bg-accent text-accent-foreground"
+                    : "text-muted-foreground hover:text-foreground hover:bg-accent-hover"), children: _jsx(Icon, {}) }, mode));
+        }) }));
+}
+// ---------------------------------------------------------------------------
+// Icons (inline SVGs matching the SDK's icon pattern)
+// ---------------------------------------------------------------------------
+function TableIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "1.5", width: "11", height: "11", rx: "1.5" }), _jsx("path", { d: "M1.5 5.5h11M1.5 9h11M5.5 5.5v6" })] }));
+}
+function CardsIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "1.5", width: "4.5", height: "4.5", rx: "1" }), _jsx("rect", { x: "8", y: "1.5", width: "4.5", height: "4.5", rx: "1" }), _jsx("rect", { x: "1.5", y: "8", width: "4.5", height: "4.5", rx: "1" }), _jsx("rect", { x: "8", y: "8", width: "4.5", height: "4.5", rx: "1" })] }));
+}
+function ListIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M4.5 3h8M4.5 7h8M4.5 11h8" }), _jsx("circle", { cx: "2", cy: "3", r: "0.75", fill: "currentColor", stroke: "none" }), _jsx("circle", { cx: "2", cy: "7", r: "0.75", fill: "currentColor", stroke: "none" }), _jsx("circle", { cx: "2", cy: "11", r: "0.75", fill: "currentColor", stroke: "none" })] }));
+}
+//# sourceMappingURL=ViewSwitcher.js.map

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

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

package/resource-workbench/hooks/useResourceCollection.d.ts

@@ -0,0 +1,93 @@
+import { type RowSelectionState, type Table } from "@tanstack/react-table";
+import type { SearchResult } from "@stigmer/protos/ai/stigmer/search/v1/io_pb";
+import type { ListParams, ListResult } from "@stigmer/sdk";
+import type { WorkbenchColumnDef, SortValue } from "../types";
+/** Options for {@link useResourceCollection}. */
+export interface UseResourceCollectionOptions<TData = SearchResult> {
+    /**
+     * Async function that fetches a page of resources.
+     * The hook passes `ListParams` (org, query, page, scope) and expects
+     * `ListResult` back. Pass `null` to disable fetching (idle state).
+     */
+    readonly listFn: ((params: ListParams) => Promise<ListResult>) | null;
+    /** Organization slug to scope the query. Pass `null` to disable fetching. */
+    readonly org: string | null;
+    /** Text search query. No debouncing is applied — the consumer controls timing. */
+    readonly query?: string;
+    /**
+     * Scope for resource visibility.
+     * - `"org"` — resources owned by the active organization.
+     * - `"all"` — includes public resources from other organizations.
+     * @default "org"
+     */
+    readonly scope?: "org" | "all";
+    /** Current page number (1-indexed). @default 1 */
+    readonly page?: number;
+    /** Page size. @default 20 */
+    readonly pageSize?: number;
+    /** Active sort. When provided, the column header shows the sort indicator. */
+    readonly sort?: SortValue | null;
+    /** Called when the user changes the sort via a column header click. */
+    readonly onSortChange?: (sort: SortValue | null) => void;
+    /**
+     * Column definitions for the table view. These are converted to
+     * TanStack Table column defs internally.
+     */
+    readonly columns?: readonly WorkbenchColumnDef<TData>[];
+    /** Enable row selection state tracking. @default false */
+    readonly enableSelection?: boolean;
+}
+/** Return value of {@link useResourceCollection}. */
+export interface UseResourceCollectionReturn<TData = SearchResult> {
+    /** The fetched data items for the current page. */
+    readonly items: readonly TData[];
+    /** Total number of matching items across all pages. */
+    readonly totalCount: number;
+    /** Total number of pages. */
+    readonly totalPages: number;
+    /** The current page number (mirrors input). */
+    readonly currentPage: number;
+    /** `true` during the initial data fetch (no data yet). */
+    readonly isLoading: boolean;
+    /** `true` during a background refetch while stale data is shown. */
+    readonly isRefetching: boolean;
+    /** Error from the last failed fetch, or `null`. */
+    readonly error: Error | null;
+    /** Imperatively trigger a refetch. */
+    readonly refetch: () => void;
+    /**
+     * The TanStack Table instance. Available for advanced consumers who
+     * need direct table API access (e.g. custom renderers). `null` when
+     * no columns are provided.
+     */
+    readonly table: Table<TData> | null;
+    /** Current row selection state (item ID -> selected). */
+    readonly rowSelection: RowSelectionState;
+    /** Update row selection state directly. */
+    readonly setRowSelection: React.Dispatch<React.SetStateAction<RowSelectionState>>;
+}
+/**
+ * Headless hook that manages resource collection state: data fetching,
+ * sorting, selection, and pagination.
+ *
+ * Wraps `useFetch` for data and `@tanstack/react-table` for table state
+ * (sorting, selection, column visibility). The hook itself produces no
+ * DOM — it returns data, state, and a TanStack Table instance that view
+ * components (`ResourceTable`, `ResourceCards`, `ResourceList`) consume.
+ *
+ * Platform builders who want full rendering control use this hook
+ * directly. The `ResourceWorkbench` shell composes it internally.
+ *
+ * @example
+ * ```tsx
+ * const collection = useResourceCollection({
+ *   listFn: (params) => stigmer.agent.list(params),
+ *   org: "acme",
+ *   query: debouncedQuery,
+ *   page: 1,
+ *   columns: agentColumns,
+ * });
+ * ```
+ */
+export declare function useResourceCollection<TData = SearchResult>(options: UseResourceCollectionOptions<TData>): UseResourceCollectionReturn<TData>;
+//# sourceMappingURL=useResourceCollection.d.ts.map

package/resource-workbench/hooks/useResourceCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResourceCollection.d.ts","sourceRoot":"","sources":["../../../src/resource-workbench/hooks/useResourceCollection.ts"],"names":[],"mappings":"AAGA,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EAEV,MAAM,UAAU,CAAC;AAMlB,iDAAiD;AACjD,MAAM,WAAW,4BAA4B,CAAC,KAAK,GAAG,YAAY;IAChE;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC;IACtE,6EAA6E;IAC7E,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,uEAAuE;IACvE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;IACxD,0DAA0D;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;CACpC;AAMD,qDAAqD;AACrD,MAAM,WAAW,2BAA2B,CAAC,KAAK,GAAG,YAAY;IAC/D,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,uDAAuD;IACvD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,oEAAoE;IACpE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,sCAAsC;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IACpC,yDAAyD;IACzD,QAAQ,CAAC,YAAY,EAAE,iBAAiB,CAAC;IACzC,2CAA2C;IAC3C,QAAQ,CAAC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACnF;AAoBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,GAAG,YAAY,EACxD,OAAO,EAAE,4BAA4B,CAAC,KAAK,CAAC,GAC3C,2BAA2B,CAAC,KAAK,CAAC,CA0HpC"}