@datum-cloud/activity-ui 0.1.0 → 0.3.0-dev.e099a6f

package/dist/index.js

@@ -14456,6 +14456,20 @@ function RulePreviewPanel({ rule, ruleType, policyResource, apiClient, className
                                 }) }) }) }), stats.matched === 0 && stats.errors === 0 && (jsxRuntime.jsxs(Alert, { children: [jsxRuntime.jsx(CircleAlert, { className: "h-4 w-4" }), jsxRuntime.jsxs(AlertDescription, { children: ["This rule did not match any of the ", stats.total, " sample", stats.total !== 1 ? 's' : '', ". Check your match expression."] })] }))] }))] }));
 }
 
+const defaultTabs = (basePath) => [
+    { label: 'Activity Feed', value: 'feed', href: basePath },
+    { label: 'Events', value: 'events', href: `${basePath}/events` },
+    { label: 'Audit Logs', value: 'audit-logs', href: `${basePath}/audit-logs` },
+];
+/**
+ * Shared activity layout with tab navigation for Activity Feed, Events, and Audit Logs.
+ * Framework-agnostic — pass a linkComponent (e.g., react-router's Link) for navigation.
+ */
+function ActivityLayout({ basePath, activeTab, tabs, linkComponent: LinkComp, children, className, }) {
+    const resolvedTabs = tabs ?? defaultTabs(basePath);
+    return (jsxRuntime.jsxs("div", { className: cn('flex h-full flex-col overflow-hidden', className), children: [jsxRuntime.jsx("div", { className: "shrink-0 border-b px-4 pt-3", children: jsxRuntime.jsx(Tabs, { value: activeTab, children: jsxRuntime.jsx(TabsList, { children: resolvedTabs.map((tab) => (jsxRuntime.jsx(TabsTrigger, { value: tab.value, asChild: !!LinkComp, children: LinkComp ? (jsxRuntime.jsx(LinkComp, { to: tab.href, children: tab.label })) : (jsxRuntime.jsx("span", { children: tab.label })) }, tab.value))) }) }) }), jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-hidden p-4", children: jsxRuntime.jsx("div", { className: "flex h-full flex-col", children: children }) })] }));
+}
+
 /**
  * React hook for managing ReindexJobs with optional real-time watching
  */
@@ -14987,6 +15001,205 @@ function MultiCombobox({ options, values, onValuesChange, placeholder = 'Select.
                                     }, className: "rounded-sm opacity-50 hover:opacity-100 cursor-pointer", children: jsxRuntime.jsx(X, { className: "h-3 w-3" }) })), jsxRuntime.jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })] })] }) }), jsxRuntime.jsx(Popover__namespace.Portal, { children: jsxRuntime.jsx(Popover__namespace.Content, { className: cn('z-50 min-w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-md border shadow-md', 'bg-white dark:bg-slate-900 text-foreground', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2'), sideOffset: 4, align: "start", children: jsxRuntime.jsxs(cmdk.Command, { filter: filterOptions, className: "w-full", children: [jsxRuntime.jsx("div", { className: "flex items-center border-b px-3", children: jsxRuntime.jsx(cmdk.CommandInput, { placeholder: searchPlaceholder, value: search, onValueChange: setSearch, className: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" }) }), values.length > 0 && (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 p-2 border-b", children: selectedOptions.map((option) => (jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-secondary text-secondary-foreground text-xs", children: [option.label, jsxRuntime.jsx("button", { type: "button", onClick: (e) => handleRemove(e, option.value), className: "rounded-sm hover:bg-secondary-foreground/20", children: jsxRuntime.jsx(X, { className: "h-3 w-3" }) })] }, option.value))) })), jsxRuntime.jsxs(cmdk.CommandList, { className: "max-h-[300px] overflow-y-auto p-1", children: [jsxRuntime.jsx(cmdk.CommandEmpty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }), jsxRuntime.jsx(cmdk.CommandGroup, { children: options.map((option) => (jsxRuntime.jsxs(cmdk.CommandItem, { value: option.value, onSelect: () => handleSelect(option.value), className: cn('relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none', 'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground', 'hover:bg-accent hover:text-accent-foreground'), children: [jsxRuntime.jsx(Check, { className: cn('mr-2 h-4 w-4', values.includes(option.value) ? 'opacity-100' : 'opacity-0') }), jsxRuntime.jsx("span", { className: "flex-1 truncate", children: option.label }), option.count !== undefined && (jsxRuntime.jsxs("span", { className: "ml-2 text-xs text-muted-foreground", children: ["(", option.count, ")"] }))] }, option.value))) })] })] }) }) })] }));
 }
 
+/**
+ * Serialize Activity Feed filters to URL search params.
+ * Used to sync filter changes back to the URL for deep linking.
+ */
+function serializeActivityFilters(filters, timeRange, streamingEnabled = true) {
+    const params = new URLSearchParams();
+    if (timeRange.start) {
+        params.set('start', timeRange.start);
+    }
+    if (timeRange.end) {
+        params.set('end', timeRange.end);
+    }
+    if (!streamingEnabled) {
+        params.set('streaming', 'false');
+    }
+    if (filters.changeSource && filters.changeSource !== 'human') {
+        params.set('changeSource', filters.changeSource);
+    }
+    if (filters.actorNames && filters.actorNames.length > 0) {
+        params.set('actorNames', filters.actorNames.join(','));
+    }
+    if (filters.resourceKinds && filters.resourceKinds.length > 0) {
+        params.set('resourceKinds', filters.resourceKinds.join(','));
+    }
+    if (filters.apiGroups && filters.apiGroups.length > 0) {
+        params.set('apiGroups', filters.apiGroups.join(','));
+    }
+    if (filters.resourceNamespaces && filters.resourceNamespaces.length > 0) {
+        params.set('resourceNamespaces', filters.resourceNamespaces.join(','));
+    }
+    if (filters.resourceUid) {
+        params.set('resourceUid', filters.resourceUid);
+    }
+    if (filters.resourceName) {
+        params.set('resourceName', filters.resourceName);
+    }
+    if (filters.search) {
+        params.set('search', filters.search);
+    }
+    return params;
+}
+/**
+ * Serialize Events Feed filters to URL search params.
+ * Used to sync filter changes back to the URL for deep linking.
+ */
+function serializeEventFilters(filters, timeRange, streamingEnabled = true) {
+    const params = new URLSearchParams();
+    if (timeRange.start) {
+        params.set('start', timeRange.start);
+    }
+    if (timeRange.end) {
+        params.set('end', timeRange.end);
+    }
+    if (!streamingEnabled) {
+        params.set('streaming', 'false');
+    }
+    if (filters.eventType && filters.eventType !== 'all') {
+        params.set('eventType', filters.eventType);
+    }
+    if (filters.reasons && filters.reasons.length > 0) {
+        params.set('reasons', filters.reasons.join(','));
+    }
+    if (filters.namespaces && filters.namespaces.length > 0) {
+        params.set('namespaces', filters.namespaces.join(','));
+    }
+    if (filters.involvedKinds && filters.involvedKinds.length > 0) {
+        params.set('involvedKinds', filters.involvedKinds.join(','));
+    }
+    if (filters.search) {
+        params.set('search', filters.search);
+    }
+    return params;
+}
+/**
+ * Parse Activity Feed filters from URL query params
+ */
+function parseActivityFilters(searchParams) {
+    const filters = {};
+    const changeSource = searchParams.get('changeSource');
+    if (changeSource === 'human' || changeSource === 'system' || changeSource === 'all') {
+        filters.changeSource = changeSource;
+    }
+    else {
+        filters.changeSource = 'human';
+    }
+    const actorNames = searchParams.get('actorNames');
+    if (actorNames) {
+        filters.actorNames = actorNames.split(',').filter(Boolean);
+    }
+    const resourceKinds = searchParams.get('resourceKinds');
+    if (resourceKinds) {
+        filters.resourceKinds = resourceKinds.split(',').filter(Boolean);
+    }
+    const apiGroups = searchParams.get('apiGroups');
+    if (apiGroups) {
+        filters.apiGroups = apiGroups.split(',').filter(Boolean);
+    }
+    const resourceNamespaces = searchParams.get('resourceNamespaces');
+    if (resourceNamespaces) {
+        filters.resourceNamespaces = resourceNamespaces.split(',').filter(Boolean);
+    }
+    const resourceUid = searchParams.get('resourceUid');
+    if (resourceUid) {
+        filters.resourceUid = resourceUid;
+    }
+    const resourceName = searchParams.get('resourceName');
+    if (resourceName) {
+        filters.resourceName = resourceName;
+    }
+    const search = searchParams.get('search');
+    if (search) {
+        filters.search = search;
+    }
+    return filters;
+}
+/**
+ * Parse Events Feed filters from URL query params
+ */
+function parseEventFilters(searchParams) {
+    const filters = {};
+    const eventType = searchParams.get('eventType');
+    if (eventType === 'Normal' || eventType === 'Warning' || eventType === 'all') {
+        filters.eventType = eventType;
+    }
+    const reasons = searchParams.get('reasons');
+    if (reasons) {
+        filters.reasons = reasons.split(',').filter(Boolean);
+    }
+    const namespaces = searchParams.get('namespaces');
+    if (namespaces) {
+        filters.namespaces = namespaces.split(',').filter(Boolean);
+    }
+    const involvedKinds = searchParams.get('involvedKinds');
+    if (involvedKinds) {
+        filters.involvedKinds = involvedKinds.split(',').filter(Boolean);
+    }
+    const search = searchParams.get('search');
+    if (search) {
+        filters.search = search;
+    }
+    return filters;
+}
+/**
+ * Parse time range from URL query params
+ */
+function parseTimeRange(searchParams) {
+    const start = searchParams.get('start');
+    const end = searchParams.get('end');
+    if (!start) {
+        return undefined;
+    }
+    return { start, end: end || undefined };
+}
+
+/**
+ * Generate a shareable URL for the current activity view.
+ *
+ * The shareable URL:
+ * - Uses absolute timestamps (not relative like "now-1h")
+ * - Disables streaming so the view is static
+ * - Preserves all current filters
+ *
+ * This ensures the shared link shows the exact same data regardless of
+ * when someone opens it.
+ *
+ * @param basePath - Current route path (e.g., "/activity/feed")
+ * @param effectiveTimeRange - Server-calculated effective time range
+ * @param filters - Current filter state
+ * @param origin - Window origin for absolute URL (e.g., "https://staff.datum.cloud")
+ */
+function generateShareableUrl(basePath, effectiveTimeRange, filters, origin = typeof window !== 'undefined' ? window.location.origin : '') {
+    const params = new URLSearchParams();
+    // Use absolute timestamps from server-calculated range
+    params.set('start', effectiveTimeRange.startTime);
+    params.set('end', effectiveTimeRange.endTime);
+    // Disable streaming for shared links (static view)
+    params.set('streaming', 'false');
+    // Preserve all current filters
+    for (const [key, value] of Object.entries(filters)) {
+        if (value && key !== 'start' && key !== 'end' && key !== 'streaming') {
+            params.set(key, value);
+        }
+    }
+    return `${origin}${basePath}?${params.toString()}`;
+}
+/**
+ * Copy text to clipboard and return success status
+ */
+async function copyToClipboard(text) {
+    try {
+        await navigator.clipboard.writeText(text);
+        return true;
+    }
+    catch (err) {
+        console.error('Failed to copy to clipboard:', err);
+        return false;
+    }
+}
+
 /**
  * Create an empty audit event for preview
  */
@@ -16257,6 +16470,7 @@ exports.ActivityFeed = ActivityFeed;
 exports.ActivityFeedItem = ActivityFeedItem;
 exports.ActivityFeedItemSkeleton = ActivityFeedItemSkeleton;
 exports.ActivityFeedSummary = ActivityFeedSummary;
+exports.ActivityLayout = ActivityLayout;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
 exports.AlertTitle = AlertTitle;
@@ -16353,17 +16567,24 @@ exports.badgeVariants = badgeVariants;
 exports.buildAuditLogCEL = buildAuditLogCEL;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.copyToClipboard = copyToClipboard;
 exports.defaultErrorFormatter = defaultErrorFormatter;
 exports.defaultResourceLinkResolver = defaultResourceLinkResolver;
 exports.extractEvent = extractEvent;
 exports.extractFieldPaths = extractFieldPaths;
 exports.extractFieldPathsFromMany = extractFieldPathsFromMany;
+exports.generateShareableUrl = generateShareableUrl;
 exports.getReindexJobDuration = getReindexJobDuration;
 exports.getReindexJobStatusMessage = getReindexJobStatusMessage;
 exports.isEventRecord = isEventRecord;
 exports.isReindexJobRunning = isReindexJobRunning;
 exports.isReindexJobTerminal = isReindexJobTerminal;
+exports.parseActivityFilters = parseActivityFilters;
 exports.parseApiError = parseApiError;
+exports.parseEventFilters = parseEventFilters;
+exports.parseTimeRange = parseTimeRange;
+exports.serializeActivityFilters = serializeActivityFilters;
+exports.serializeEventFilters = serializeEventFilters;
 exports.useActivityFeed = useActivityFeed;
 exports.useAuditLogFacets = useAuditLogFacets;
 exports.useAuditLogQuery = useAuditLogQuery;