@elevasis/ui 1.0.0

package/dist/chunk-XCYKC6OZ.js

@@ -0,0 +1 @@
+

package/dist/chunk-YULUKCS6.js

@@ -0,0 +1,56 @@
+import { useUserProfile } from './chunk-5UWFGBFM.js';
+import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useMemo, useCallback } from 'react';
+
+function createUseAppInitialization(useOrgInitialization) {
+  return function useAppInitialization() {
+    const { user, isLoading: authLoading } = useAuthContext();
+    const { profile, loading: profileLoading, error: profileError, refetch } = useUserProfile();
+    const {
+      isInitializing: orgInitializing,
+      isLoading: orgLoading,
+      error: orgErrorMsg,
+      currentOrganization,
+      memberships,
+      retry: orgRetry
+    } = useOrgInitialization();
+    const isInitializing = authLoading || profileLoading || orgInitializing || orgLoading;
+    const userReady = !authLoading && !profileLoading && !!user && !!profile && !profileError;
+    const organizationReady = userReady && !orgInitializing && !orgLoading && !!currentOrganization && !orgErrorMsg;
+    const allReady = organizationReady;
+    const error = useMemo(() => {
+      if (profileError) {
+        return {
+          layer: "profile",
+          message: "Failed to load user profile",
+          originalError: profileError
+        };
+      }
+      if (orgErrorMsg) {
+        return {
+          layer: "organization",
+          message: orgErrorMsg,
+          originalError: new Error(orgErrorMsg)
+        };
+      }
+      if (userReady && !orgInitializing && !orgLoading && !currentOrganization && memberships.length > 0) {
+        return {
+          layer: "organization",
+          message: "No organization membership found. Please contact your administrator for an invitation."
+        };
+      }
+      return null;
+    }, [profileError, orgErrorMsg, userReady, orgInitializing, orgLoading, currentOrganization, memberships]);
+    const retry = useCallback(() => {
+      if (profileError && refetch) {
+        refetch();
+      }
+      if (orgErrorMsg && orgRetry) {
+        orgRetry();
+      }
+    }, [profileError, refetch, orgErrorMsg, orgRetry]);
+    return { userReady, organizationReady, allReady, isInitializing, error, retry, profile };
+  };
+}
+
+export { createUseAppInitialization };

package/dist/chunk-YZ6GTZXL.js

@@ -0,0 +1,48 @@
+// ../core/src/execution/engine/workflow/logging.ts
+function isStepStartedContext(ctx) {
+  return ctx.contextType === "step-started" || "stepStatus" in ctx && ctx.stepStatus === "started";
+}
+function isStepCompletedContext(ctx) {
+  return ctx.contextType === "step-completed" || "stepStatus" in ctx && ctx.stepStatus === "completed";
+}
+function isStepFailedContext(ctx) {
+  return ctx.contextType === "step-failed" || "stepStatus" in ctx && ctx.stepStatus === "failed";
+}
+function isConditionalRouteContext(ctx) {
+  return ctx.contextType === "conditional-route" || "target" in ctx && "stepId" in ctx && !("stepStatus" in ctx);
+}
+function toWorkflowLogMessage(log) {
+  if (log.context?.type === "workflow") {
+    return {
+      level: log.level,
+      message: log.message,
+      timestamp: log.timestamp,
+      context: log.context
+    };
+  }
+  return {
+    level: log.level,
+    message: log.message,
+    timestamp: log.timestamp,
+    context: log.context
+  };
+}
+
+// ../core/src/execution/engine/agent/observability/logging.ts
+function isLifecycleEvent(ctx) {
+  return "stage" in ctx && ctx.stage !== void 0;
+}
+function isIterationEvent(ctx) {
+  return "eventType" in ctx && ctx.eventType !== void 0;
+}
+function isToolCallEvent(ctx) {
+  return "eventType" in ctx && ctx.eventType === "tool-call";
+}
+
+// ../core/src/execution/engine/base/types.ts
+var ResourceStatusColors = {
+  dev: "var(--color-primary)",
+  prod: "var(--color-success)"
+};
+
+export { ResourceStatusColors, isConditionalRouteContext, isIterationEvent, isLifecycleEvent, isStepCompletedContext, isStepFailedContext, isStepStartedContext, isToolCallEvent, toWorkflowLogMessage };

package/dist/chunk-ZGHDPDTF.js

@@ -0,0 +1,379 @@
+import { useSubmitAction, useDeleteTask } from './chunk-J3FALDQE.js';
+import { FormFieldRenderer } from './chunk-PSLKGOBZ.js';
+import { ContextViewer, JsonViewer } from './chunk-OUHGHTE7.js';
+import { getErrorInfo, formatErrorMessage } from './chunk-7AI5ZYJ4.js';
+import { Modal, Stack, Title, Text, Textarea, Alert, Group, Button, Card, ThemeIcon, Badge, Loader, Menu, ActionIcon, Accordion } from '@mantine/core';
+import { IconMail, IconSend, IconFileText, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconAlertCircle, IconRobot, IconGitBranch, IconDotsVertical, IconTrash, IconPlayerPlay, IconExternalLink } from '@tabler/icons-react';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useForm } from '@mantine/form';
+
+var CustomModal = ({ children, opened, onClose, loading, style, size }) => {
+  const canClose = loading === true ? false : true;
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      opened,
+      onClose,
+      padding: "xs",
+      withCloseButton: false,
+      closeOnClickOutside: canClose,
+      closeOnEscape: canClose,
+      centered: true,
+      style,
+      size,
+      children
+    }
+  );
+};
+var iconMap = {
+  IconCheck,
+  IconX,
+  IconRefresh,
+  IconAlertTriangle,
+  IconEdit,
+  IconEye,
+  IconRocket,
+  IconMessageCircle,
+  IconArrowUp,
+  IconClock,
+  IconFileText,
+  IconSend,
+  IconMail
+};
+function getIcon(iconName) {
+  if (!iconName) return null;
+  const icon = iconMap[iconName];
+  if (!icon && process.env.NODE_ENV !== "production") {
+    console.warn(`[iconMap] Unknown icon "${iconName}". Allowed: ${Object.keys(iconMap).join(", ")}`);
+  }
+  return icon || null;
+}
+function resolveDefaultValue(context, path) {
+  if (!context || typeof context !== "object") return void 0;
+  return path.split(".").reduce((obj, key) => {
+    if (obj && typeof obj === "object" && key in obj) {
+      return obj[key];
+    }
+    return void 0;
+  }, context);
+}
+function ActionModal({
+  action,
+  task,
+  opened,
+  onClose,
+  onSubmit,
+  richTextRenderer,
+  error,
+  isPending
+}) {
+  const getInitialValuesFromContext = () => {
+    if (!action.form?.fields) return {};
+    return action.form.fields.reduce(
+      (acc, field) => {
+        if (field.defaultValueFromContext && task?.context) {
+          const value = resolveDefaultValue(task.context, field.defaultValueFromContext);
+          if (value !== void 0) {
+            acc[field.name] = value;
+          }
+        }
+        return acc;
+      },
+      {}
+    );
+  };
+  const form = useForm({
+    initialValues: {
+      ...getInitialValuesFromContext(),
+      ...action.payloadTemplate || {},
+      notes: ""
+    }
+  });
+  const handleSubmit = form.onSubmit((values) => {
+    const { notes, ...payload } = values;
+    onSubmit(payload, notes || void 0);
+  });
+  const Icon = getIcon(action.icon);
+  const errorMessage = error ? (() => {
+    const { message, fields, requestId } = getErrorInfo(error);
+    return formatErrorMessage(message, requestId, fields);
+  })() : null;
+  if (!action.form) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose, size: "xl", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(Title, { order: 3, children: action.form.title || action.label }),
+    action.form.description && /* @__PURE__ */ jsx(Text, { c: "dimmed", children: action.form.description }),
+    action.form.fields.map((field) => /* @__PURE__ */ jsx(FormFieldRenderer, { field, form, richTextRenderer }, field.name)),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Notes (optional)",
+        placeholder: "Add any notes or reasoning...",
+        ...form.getInputProps("notes")
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsx(Alert, { color: "red", variant: "light", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Submission failed", children: /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-line" }, children: errorMessage }) }),
+    /* @__PURE__ */ jsxs(Group, { mt: "md", justify: "space-between", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          color: action.color || "blue",
+          leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : null,
+          loading: isPending,
+          children: action.label
+        }
+      )
+    ] })
+  ] }) }) });
+}
+function TaskCard({ task, onViewExecution, richTextRenderer }) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const { mutate: submitAction, isPending } = useSubmitAction();
+  const { mutate: deleteTask, isPending: isDeleting } = useDeleteTask();
+  const [actionModalOpened, setActionModalOpened] = useState(false);
+  const [selectedAction, setSelectedAction] = useState(null);
+  const [confirmAction, setConfirmAction] = useState(null);
+  const [deleteConfirmOpened, setDeleteConfirmOpened] = useState(false);
+  const handleActionClick = (action) => {
+    if (action.requiresConfirmation) {
+      setConfirmAction(action);
+    } else if (action.form) {
+      setSelectedAction(action);
+      setActionModalOpened(true);
+    } else {
+      submitAction({
+        taskId: task.id,
+        actionId: action.id
+      });
+    }
+  };
+  const handleConfirm = () => {
+    if (!confirmAction) return;
+    if (confirmAction.form) {
+      setSelectedAction(confirmAction);
+      setActionModalOpened(true);
+    } else {
+      submitAction({
+        taskId: task.id,
+        actionId: confirmAction.id
+      });
+    }
+    setConfirmAction(null);
+  };
+  const getPriorityColor = (priority) => {
+    if (priority >= 8) return "red";
+    if (priority >= 5) return "yellow";
+    return "gray";
+  };
+  const getStatusColor = (status) => {
+    switch (status) {
+      case "pending":
+        return "blue";
+      case "processing":
+        return "blue";
+      case "completed":
+        return "green";
+      case "failed":
+        return "red";
+      case "expired":
+        return "orange";
+      default:
+        return "gray";
+    }
+  };
+  const handleRetry = () => {
+    if (task.selectedAction) {
+      submitAction({
+        taskId: task.id,
+        actionId: task.selectedAction,
+        payload: task.actionPayload
+      });
+    }
+  };
+  const formatDate = (date) => {
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 6e4);
+    const diffHours = Math.floor(diffMins / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffMins < 60) return `${diffMins}m ago`;
+    if (diffHours < 24) return `${diffHours}h ago`;
+    return `${diffDays}d ago`;
+  };
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      withBorder: true,
+      style: { transition: "box-shadow var(--duration-fast) var(--easing)" },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.boxShadow = "var(--standard-box-shadow)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.boxShadow = "";
+      },
+      children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx(ThemeIcon, { size: "lg", variant: "light", color: task.originResourceType === "agent" ? "blue" : "grape", children: task.originResourceType === "agent" ? /* @__PURE__ */ jsx(IconRobot, { size: 20 }) : /* @__PURE__ */ jsx(IconGitBranch, { size: 20 }) }),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", mb: 4, children: [
+                /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: task.description || "Task approval required" }),
+                /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "light", color: getPriorityColor(task.priority), radius: "sm", children: [
+                  "P",
+                  task.priority
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                  task.originResourceType === "agent" ? "Agent" : "Workflow",
+                  ": ",
+                  task.originResourceId
+                ] }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\u2022" }),
+                /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                  /* @__PURE__ */ jsx(IconClock, { size: 12 }),
+                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatDate(task.createdAt) })
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "sm",
+                variant: "light",
+                color: getStatusColor(task.status),
+                radius: "sm",
+                leftSection: task.status === "processing" ? /* @__PURE__ */ jsx(Loader, { size: 6 }) : void 0,
+                children: task.status.charAt(0).toUpperCase() + task.status.slice(1)
+              }
+            ),
+            task.status === "failed" && /* @__PURE__ */ jsx(Button, { variant: "light", color: "red", size: "xs", loading: isPending, onClick: handleRetry, children: "Retry" }),
+            /* @__PURE__ */ jsxs(Menu, { shadow: "md", position: "bottom-end", offset: 8, children: [
+              /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "gray", size: "sm", children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 16 }) }) }),
+              /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(
+                Menu.Item,
+                {
+                  leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
+                  disabled: task.status === "processing",
+                  onClick: () => setDeleteConfirmOpened(true),
+                  children: "Delete"
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Accordion, { value: isExpanded ? "details" : null, onChange: (value) => setIsExpanded(!!value), children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "details", children: [
+          /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "View Context" }) }),
+          /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsx(ContextViewer, { data: task.context }) })
+        ] }) }),
+        task.status === "pending" && /* @__PURE__ */ jsx(Group, { gap: "xs", children: task.actions.map((action) => {
+          const Icon = getIcon(action.icon);
+          const variant = "light";
+          return /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant,
+              color: action.color || (action.type === "danger" ? "red" : "blue"),
+              leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : null,
+              loading: isPending,
+              onClick: () => handleActionClick(action),
+              title: action.description,
+              size: "xs",
+              radius: "xs",
+              children: action.label
+            },
+            action.id
+          );
+        }) }),
+        task.selectedAction && /* @__PURE__ */ jsx(Accordion, { children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "submitted", children: [
+          /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(ThemeIcon, { size: "sm", variant: "light", color: "green", radius: "xl", children: /* @__PURE__ */ jsx(IconCheck, { size: 12 }) }),
+            /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+              "Submitted: ",
+              task.actions.find((a) => a.id === task.selectedAction)?.label || task.selectedAction
+            ] }),
+            task.targetExecutionId && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "cyan", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 10 }), children: "Executed" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            task.actionPayload !== void 0 && task.actionPayload !== null && /* @__PURE__ */ jsx(JsonViewer, { data: task.actionPayload, maxHeight: 200 }),
+            task.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+              "Completed ",
+              formatDate(task.completedAt),
+              task.completedBy ? ` by ${task.completedBy}` : ""
+            ] }),
+            task.targetExecutionId && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "light",
+                size: "xs",
+                leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
+                onClick: () => {
+                  onViewExecution?.({
+                    resourceType: task.originResourceType,
+                    resourceId: task.originResourceId,
+                    executionId: task.targetExecutionId
+                  });
+                },
+                children: "View Execution"
+              }
+            )
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(CustomModal, { opened: !!confirmAction, onClose: () => setConfirmAction(null), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
+          /* @__PURE__ */ jsx(Text, { fw: 600, children: "Confirm Action" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: confirmAction?.confirmationMessage || `Are you sure you want to ${confirmAction?.label.toLowerCase()}?` }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setConfirmAction(null), children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, children: confirmAction?.label })
+          ] })
+        ] }) }),
+        selectedAction && /* @__PURE__ */ jsx(
+          ActionModal,
+          {
+            action: selectedAction,
+            task,
+            opened: actionModalOpened,
+            onClose: () => setActionModalOpened(false),
+            onSubmit: (payload, notes) => {
+              submitAction({
+                taskId: task.id,
+                actionId: selectedAction.id,
+                payload,
+                notes
+              });
+              setActionModalOpened(false);
+            },
+            richTextRenderer
+          }
+        ),
+        /* @__PURE__ */ jsx(CustomModal, { opened: deleteConfirmOpened, onClose: () => setDeleteConfirmOpened(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
+          /* @__PURE__ */ jsx(Text, { fw: 600, children: "Delete Task" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: "Are you sure you want to delete this task? This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteConfirmOpened(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: isDeleting,
+                onClick: () => {
+                  deleteTask(task.id);
+                  setDeleteConfirmOpened(false);
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+}
+
+export { ActionModal, CustomModal, TaskCard, getIcon, iconMap };

package/dist/components/command-queue/index.css

@@ -0,0 +1,53 @@
+/* src/components/display/StatCard.module.css */
+.heroCard {
+  background: var(--glass-background);
+  backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+}
+.iconRing {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 15%, transparent);
+}
+.iconRingSm {
+  composes: iconRing;
+  width: 36px;
+  height: 36px;
+  box-shadow: 0 0 8px color-mix(in srgb, var(--color-primary) 12%, transparent);
+}
+.heroValue {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.85rem;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+[data-mantine-color-scheme=dark] .heroValue {
+  text-shadow: 0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
+}
+.heroValueSm {
+  composes: heroValue;
+  font-size: 1.35rem;
+  font-weight: 700;
+}
+.heroLabel {
+  font-size: 0.68rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+.heroLabelSm {
+  composes: heroLabel;
+  font-size: 0.62rem;
+}