@elevasis/ui 2.3.1 → 2.4.0

package/dist/chunk-BZZCNLT6.js

@@ -0,0 +1,12 @@
+import { Container, Stack } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/layout/shell/PageContainer.tsx
+var PageContainer = ({ children }) => {
+  return (
+    // Add padding to the top of the container to adjust for the topbar height
+    /* @__PURE__ */ jsx(Container, { size: "xl", p: 0, w: "100%", children: /* @__PURE__ */ jsx(Stack, { gap: "lg", children }) })
+  );
+};
+
+export { PageContainer };

package/dist/chunk-IDACMRGQ.js

@@ -0,0 +1,115 @@
+import { useAppearance } from './chunk-QJ2KCHKX.js';
+import { sidebarGroupChevronSize, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
+import { Center, Box, UnstyledButton, Group, Text, Collapse, Stack } from '@mantine/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconChevronDown, IconChevronRight } from '@tabler/icons-react';
+
+function SubshellLoader() {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
+}
+var activeColor = "var(--color-primary)";
+var defaultTextColor = "var(--color-text)";
+var subtleColor = "var(--color-text-subtle)";
+var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
+var CollapsibleSidebarGroup = ({
+  icon: Icon,
+  label,
+  isExpanded,
+  onToggle,
+  isActive = false,
+  badge,
+  children,
+  onLabelClick,
+  emptyMessage = "No items",
+  isEmpty = false,
+  isLoading = false,
+  loadingComponent
+}) => {
+  const showActiveStyle = !isExpanded && isActive;
+  const iconColor = showActiveStyle ? activeColor : subtleColor;
+  const textColor = showActiveStyle ? activeColor : defaultTextColor;
+  const fontWeight = showActiveStyle ? 600 : 500;
+  const handleLabelClick = (e) => {
+    if (onLabelClick) {
+      e.stopPropagation();
+      onLabelClick();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      UnstyledButton,
+      {
+        onClick: onToggle,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          width: "100%",
+          padding: "var(--mantine-spacing-xs)",
+          color: textColor,
+          backgroundColor: showActiveStyle ? activeBg : "transparent",
+          transition: `all var(--duration-fast) var(--easing)`,
+          cursor: "pointer",
+          overflow: "hidden"
+        },
+        onMouseEnter: (e) => {
+          if (!showActiveStyle) {
+            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+          }
+        },
+        onMouseLeave: (e) => {
+          if (!showActiveStyle) {
+            e.currentTarget.style.backgroundColor = "transparent";
+          }
+        },
+        children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0, color: iconColor }, children: isExpanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: sidebarGroupChevronSize }) : /* @__PURE__ */ jsx(IconChevronRight, { size: sidebarGroupChevronSize }) }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              style: { flexShrink: 0, color: iconColor, cursor: onLabelClick ? "pointer" : "inherit" },
+              onClick: onLabelClick ? handleLabelClick : void 0,
+              children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, color: activeColor })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "sm",
+              fw: fontWeight,
+              style: {
+                fontFamily: "var(--elevasis-font-family-subtitle)",
+                color: textColor,
+                transition: `color var(--duration-fast) var(--easing)`,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                flex: 1,
+                cursor: onLabelClick ? "pointer" : "inherit"
+              },
+              onClick: onLabelClick ? handleLabelClick : void 0,
+              children: label
+            }
+          ),
+          badge && /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0 }, children: badge })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: /* @__PURE__ */ jsx(
+      Stack,
+      {
+        gap: 0,
+        mt: "xs",
+        ml: "xs",
+        style: {
+          borderLeft: `1px solid color-mix(in srgb, var(--color-primary) 40%, transparent)`,
+          marginLeft: "calc(var(--mantine-spacing-xs) + 6px)",
+          paddingLeft: "calc(var(--mantine-spacing-xs) - 2px)"
+        },
+        children: isLoading ? loadingComponent : isEmpty ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: "6px 8px" }, children: emptyMessage }) : children
+      }
+    ) })
+  ] });
+};
+
+export { CollapsibleSidebarGroup, SubshellLoader };

package/dist/chunk-J5KWNRSD.js

@@ -0,0 +1,45 @@
+import { SubshellSidebarSection, SubshellNavItem } from './chunk-27COZ5AH.js';
+import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { Stack } from '@mantine/core';
+import { IconSearch, IconChartBar, IconTrendingUp } from '@tabler/icons-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SEOSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSearch, label: "SEO" });
+};
+var NAV_ITEMS = [
+  { label: "SEO Pages", to: "/seo", icon: IconChartBar, exact: true },
+  { label: "Metrics", to: "/seo/metrics", icon: IconTrendingUp, exact: false }
+];
+var SEOSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: "xs", p: "sm", style: { flex: 1, overflowY: "auto" }, children: NAV_ITEMS.map((item) => {
+    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SubshellNavItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) });
+};
+var SEOSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(SEOSidebarTop, {}),
+    /* @__PURE__ */ jsx(SEOSidebarMiddle, {})
+  ] });
+};
+
+// src/features/seo/manifest.ts
+var seoManifest = {
+  key: "seo",
+  label: "SEO",
+  sidebar: SEOSidebar,
+  subshellRoutes: ["/seo"]
+};
+
+export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest };

package/dist/{chunk-U2CEWNXK.js → chunk-KRTZTBVP.js}

@@ -1,14 +1,16 @@
 import { ChatHeader, ChatSidebar } from './chunk-ROSMICXG.js';
-import { SubshellSidebarSection, SubshellLoader, PageContainer, CollapsibleSidebarGroup, SubshellNavItem } from './chunk-OCP2MBTY.js';
+import { SubshellLoader, CollapsibleSidebarGroup } from './chunk-IDACMRGQ.js';
 import { ResourceHealthPanel } from './chunk-ZG7MLOBE.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { SubshellSidebarSection, SubshellNavItem } from './chunk-27COZ5AH.js';
 import { CustomModal, ConfirmationModal } from './chunk-GBMNCNHX.js';
-import { BaseNode, useGraphTheme, BaseEdge, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-2VEXBZNO.js';
+import { BaseNode, useGraphTheme, BaseEdge, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-G3G2QEB6.js';
 import { useCyberColors, CyberDonut } from './chunk-KFICYU6S.js';
 import { AppShellLoader } from './chunk-YEX4MQSY.js';
+import { getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-XA34RETF.js';
 import { useStatusFilter, useResourceSearch, useResourcesDomainFilters, filterByDomainFilters, useCommandViewDomainFilters } from './chunk-PEZ4WOPF.js';
 import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, usePaginationState, useResources, useRecentExecutionsByResource, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useResourceExecutions, useCheckpointTasks, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useCommandViewStore, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, showApiErrorNotification, showSuccessNotification, calibrationKeys, useDeleteProject, useCreateProject, useBulkDeleteExecutions } from './chunk-IPRMGSCV.js';
 import { useGraphHighlighting, calculateGraphHeight, Graph_module_css_default, GRAPH_CONSTANTS } from './chunk-22UVE3RA.js';
-import { getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-XA34RETF.js';
 import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-ISHNN42L.js';
 import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from './chunk-RX4UWZZR.js';
 import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-Y3D3WFJG.js';

package/dist/chunk-TUMSNGTX.js

@@ -0,0 +1,35 @@
+import { Table, Group, Text, Button } from '@mantine/core';
+import { IconChevronUp, IconChevronDown, IconSelector, IconTrash } from '@tabler/icons-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/table/SortableHeader.tsx
+function SortableHeader({ column, children, sort, onToggle, style, w }) {
+  const isActive = sort.column === column;
+  return /* @__PURE__ */ jsx(Table.Th, { style: { ...style, cursor: "pointer", userSelect: "none" }, w, onClick: () => onToggle(column), children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+    children,
+    isActive ? sort.direction === "asc" ? /* @__PURE__ */ jsx(IconChevronUp, { size: 14 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 14 }) : /* @__PURE__ */ jsx(IconSelector, { size: 14, style: { opacity: 0.3 } })
+  ] }) });
+}
+function TableSelectionToolbar({ selectedCount, onDelete, isDeleting }) {
+  if (selectedCount === 0) return null;
+  return /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 600, c: "blue", children: [
+      selectedCount,
+      " selected"
+    ] }),
+    onDelete && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        color: "red",
+        variant: "light",
+        leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 16 }),
+        loading: isDeleting,
+        onClick: onDelete,
+        children: "Delete"
+      }
+    )
+  ] });
+}
+
+export { SortableHeader, TableSelectionToolbar };