@elevasis/ui 1.3.7 → 1.5.0

package/dist/initialization/index.d.ts

@@ -1144,6 +1144,276 @@ type Database = {
                     }
                 ];
             };
+            delivery_deliverables: {
+                Row: {
+                    completed_at: string | null;
+                    created_at: string;
+                    description: string | null;
+                    due_date: string | null;
+                    engagement_id: string;
+                    file_url: string | null;
+                    id: string;
+                    metadata: Json | null;
+                    milestone_id: string | null;
+                    name: string;
+                    organization_id: string;
+                    status: string;
+                    type: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    completed_at?: string | null;
+                    created_at?: string;
+                    description?: string | null;
+                    due_date?: string | null;
+                    engagement_id: string;
+                    file_url?: string | null;
+                    id?: string;
+                    metadata?: Json | null;
+                    milestone_id?: string | null;
+                    name: string;
+                    organization_id: string;
+                    status?: string;
+                    type?: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    completed_at?: string | null;
+                    created_at?: string;
+                    description?: string | null;
+                    due_date?: string | null;
+                    engagement_id?: string;
+                    file_url?: string | null;
+                    id?: string;
+                    metadata?: Json | null;
+                    milestone_id?: string | null;
+                    name?: string;
+                    organization_id?: string;
+                    status?: string;
+                    type?: string;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "delivery_deliverables_engagement_id_fkey";
+                        columns: ["engagement_id"];
+                        isOneToOne: false;
+                        referencedRelation: "delivery_engagements";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_deliverables_milestone_id_fkey";
+                        columns: ["milestone_id"];
+                        isOneToOne: false;
+                        referencedRelation: "delivery_milestones";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_deliverables_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            delivery_engagements: {
+                Row: {
+                    actual_end_date: string | null;
+                    client_company_id: string | null;
+                    contract_value: number | null;
+                    created_at: string;
+                    deal_id: string | null;
+                    description: string | null;
+                    id: string;
+                    metadata: Json | null;
+                    name: string;
+                    organization_id: string;
+                    start_date: string | null;
+                    status: string;
+                    target_end_date: string | null;
+                    updated_at: string;
+                };
+                Insert: {
+                    actual_end_date?: string | null;
+                    client_company_id?: string | null;
+                    contract_value?: number | null;
+                    created_at?: string;
+                    deal_id?: string | null;
+                    description?: string | null;
+                    id?: string;
+                    metadata?: Json | null;
+                    name: string;
+                    organization_id: string;
+                    start_date?: string | null;
+                    status?: string;
+                    target_end_date?: string | null;
+                    updated_at?: string;
+                };
+                Update: {
+                    actual_end_date?: string | null;
+                    client_company_id?: string | null;
+                    contract_value?: number | null;
+                    created_at?: string;
+                    deal_id?: string | null;
+                    description?: string | null;
+                    id?: string;
+                    metadata?: Json | null;
+                    name?: string;
+                    organization_id?: string;
+                    start_date?: string | null;
+                    status?: string;
+                    target_end_date?: string | null;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "delivery_engagements_client_company_id_fkey";
+                        columns: ["client_company_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_companies";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_engagements_deal_id_fkey";
+                        columns: ["deal_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_deals";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_engagements_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            delivery_milestones: {
+                Row: {
+                    checklist: Json | null;
+                    completed_at: string | null;
+                    created_at: string;
+                    description: string | null;
+                    due_date: string | null;
+                    engagement_id: string;
+                    id: string;
+                    metadata: Json | null;
+                    name: string;
+                    organization_id: string;
+                    sequence: number;
+                    status: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    checklist?: Json | null;
+                    completed_at?: string | null;
+                    created_at?: string;
+                    description?: string | null;
+                    due_date?: string | null;
+                    engagement_id: string;
+                    id?: string;
+                    metadata?: Json | null;
+                    name: string;
+                    organization_id: string;
+                    sequence?: number;
+                    status?: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    checklist?: Json | null;
+                    completed_at?: string | null;
+                    created_at?: string;
+                    description?: string | null;
+                    due_date?: string | null;
+                    engagement_id?: string;
+                    id?: string;
+                    metadata?: Json | null;
+                    name?: string;
+                    organization_id?: string;
+                    sequence?: number;
+                    status?: string;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "delivery_milestones_engagement_id_fkey";
+                        columns: ["engagement_id"];
+                        isOneToOne: false;
+                        referencedRelation: "delivery_engagements";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_milestones_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            delivery_notes: {
+                Row: {
+                    content: string;
+                    created_at: string;
+                    created_by: string | null;
+                    engagement_id: string;
+                    id: string;
+                    metadata: Json | null;
+                    occurred_at: string;
+                    organization_id: string;
+                    summary: string | null;
+                    type: string;
+                };
+                Insert: {
+                    content: string;
+                    created_at?: string;
+                    created_by?: string | null;
+                    engagement_id: string;
+                    id?: string;
+                    metadata?: Json | null;
+                    occurred_at?: string;
+                    organization_id: string;
+                    summary?: string | null;
+                    type?: string;
+                };
+                Update: {
+                    content?: string;
+                    created_at?: string;
+                    created_by?: string | null;
+                    engagement_id?: string;
+                    id?: string;
+                    metadata?: Json | null;
+                    occurred_at?: string;
+                    organization_id?: string;
+                    summary?: string | null;
+                    type?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "delivery_notes_created_by_fkey";
+                        columns: ["created_by"];
+                        isOneToOne: false;
+                        referencedRelation: "users";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_notes_engagement_id_fkey";
+                        columns: ["engagement_id"];
+                        isOneToOne: false;
+                        referencedRelation: "delivery_engagements";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "delivery_notes_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
             deployments: {
                 Row: {
                     compiled_docs: Json | null;

package/dist/initialization/index.js

@@ -5,3 +5,4 @@ import '../chunk-L2CM2CUA.js';
 import '../chunk-KA7LO7U5.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-7PLEQFHO.js';
+import '../chunk-MLKGABMK.js';

package/dist/layout/index.css

@@ -0,0 +1,44 @@
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}

package/dist/layout/index.d.ts

@@ -0,0 +1,330 @@
+import React$1, { ReactNode, ComponentType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const sidebarWidth = 240;
+declare const sidebarCollapsedWidth = 72;
+declare const sidebarTransitionDuration = 200;
+declare const sidebarHoverDelay = 100;
+declare const topbarHeight = 54;
+
+interface FilmGrainProps {
+    /** Opacity in dark mode (0-1). Defaults to 0.04. */
+    darkOpacity?: number;
+    /** Opacity in light mode (0-1). Defaults to 0.06. */
+    lightOpacity?: number;
+    className?: string;
+}
+/**
+ * Subtle animated film grain overlay using SVG feTurbulence.
+ * Adapts opacity for light/dark mode automatically.
+ * Designed to layer on top of other background effects.
+ */
+declare function FilmGrain({ darkOpacity, lightOpacity, className }: FilmGrainProps): React$1.JSX.Element;
+
+interface FloatingOrbsProps {
+    /** Override the orb color. Defaults to var(--color-primary). */
+    color?: string;
+    /** Number of orbs to render. Defaults to 6. */
+    count?: number;
+    className?: string;
+}
+/**
+ * Soft, out-of-focus floating orbs using the primary color.
+ * Creates a cinematic bokeh / light-leak effect behind content.
+ */
+declare function FloatingOrbs({ color, count, className }: FloatingOrbsProps): React$1.JSX.Element;
+
+interface PerspectiveGridProps {
+    glowColor?: string;
+    className?: string;
+}
+/**
+ * 3D perspective grid background using CSS transforms
+ */
+declare function PerspectiveGrid({ glowColor, className }: PerspectiveGridProps): React$1.JSX.Element;
+
+interface RadiantGlowProps {
+    /** Override the glow color. Defaults to var(--color-primary). */
+    color?: string;
+    /** Overall opacity multiplier (0-1). Defaults to 1. */
+    opacity?: number;
+    className?: string;
+}
+/**
+ * Ambient primary-colored radiant glow background.
+ * Renders soft, slowly drifting radial gradients using the active theme's primary color.
+ * Designed to sit alongside PerspectiveGrid at the same z-level.
+ */
+declare function RadiantGlow({ color, opacity, className }: RadiantGlowProps): React$1.JSX.Element;
+
+interface VignetteProps {
+    /** How far the darkening extends inward (0-1). Defaults to 0.35. */
+    strength?: number;
+    className?: string;
+}
+/**
+ * Radial vignette overlay — darkens the edges of the viewport
+ * to draw focus toward the center content.
+ */
+declare function Vignette({ strength, className }: VignetteProps): React$1.JSX.Element;
+
+declare const AppShellContainer: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const AppShellRightSideContainer: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+interface AppShellContentContainerProps {
+    children: React.ReactNode;
+}
+declare const AppShellRightSideOuterContainer: ({ children }: AppShellContentContainerProps) => react_jsx_runtime.JSX.Element;
+declare const AppShellContentContainer: ({ children }: AppShellContentContainerProps) => react_jsx_runtime.JSX.Element;
+
+interface PageContainerProps {
+    children: React.ReactNode;
+}
+declare const PageContainer: ({ children }: PageContainerProps) => react_jsx_runtime.JSX.Element;
+
+interface AppTopbarAdjusterWrapperProps {
+    children: React.ReactNode;
+}
+declare const AppTopbarAdjusterWrapper: ({ children }: AppTopbarAdjusterWrapperProps) => react_jsx_runtime.JSX.Element;
+
+declare const AppShellCenteredContainer: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const AppShellLoader: () => react_jsx_runtime.JSX.Element;
+declare const AppShellError: ({ message, retry }: {
+    message: string;
+    retry?: () => void;
+}) => react_jsx_runtime.JSX.Element;
+
+interface LinkItem {
+    label: string;
+    link: string;
+    onClick?: () => void;
+}
+interface LinksGroupProps {
+    icon: React$1.ComponentType<{
+        size?: number;
+        stroke?: number;
+    }>;
+    label: string;
+    initiallyOpened?: boolean;
+    links?: LinkItem[];
+    link?: string;
+    onClick?: () => void;
+    currentPath?: string;
+    opened?: boolean;
+    onToggle?: () => void;
+    /** Optional tour target ID for onboarding highlights */
+    dataOnboardingTourId?: string;
+}
+
+declare const LinksGroup: React$1.FC<LinksGroupProps>;
+
+interface SidebarNestedProps {
+    links: LinksGroupProps[];
+    user?: {
+        firstName: string | null;
+        lastName: string | null;
+        email: string;
+        profilePictureUrl?: string | null;
+    };
+    onLogout?: () => void;
+    className?: string;
+    logo?: string;
+}
+declare const Sidebar: React$1.FC<SidebarNestedProps>;
+
+interface SidebarContextType {
+    expandedGroups: Record<string, boolean>;
+    toggleGroup: (groupLabel: string) => void;
+    initializeGroups: (groups: Array<{
+        label: string;
+        initiallyOpened?: boolean;
+    }>) => void;
+    isCollapsed: boolean;
+    toggleCollapsed: () => void;
+    setCollapsed: (value: boolean) => void;
+}
+interface SidebarProviderProps {
+    children: ReactNode;
+}
+declare const SidebarProvider: React$1.FC<SidebarProviderProps>;
+declare const useSidebar: () => SidebarContextType;
+
+declare const useSidebarCollapse: () => {
+    isCollapsed: boolean;
+    toggleCollapsed: () => void;
+    setCollapsed: (value: boolean) => void;
+};
+
+interface CollapsibleSidebarGroupProps {
+    /** Icon component to display */
+    icon: ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    /** Group label text */
+    label: string;
+    /** Whether the group is expanded */
+    isExpanded: boolean;
+    /** Callback when toggle is clicked */
+    onToggle: () => void;
+    /** Whether this group has an active child (used when collapsed) */
+    isActive?: boolean;
+    /** Optional badge content (right side) */
+    badge?: ReactNode;
+    /** Children to render when expanded */
+    children: ReactNode;
+    /** Optional click handler for the label/icon (separate from toggle) */
+    onLabelClick?: () => void;
+    /** Empty state message when no children */
+    emptyMessage?: string;
+    /** Whether children list is empty */
+    isEmpty?: boolean;
+    /** Whether loading */
+    isLoading?: boolean;
+    /** Loading component to render */
+    loadingComponent?: ReactNode;
+}
+/**
+ * CollapsibleSidebarGroup - Reusable collapsible group for sidebar navigation
+ *
+ * Consolidates the expand/collapse pattern from:
+ * - DevResourceGroup (ResourcesSidebar)
+ * - ProjectGroup (CalibrationSidebar)
+ *
+ * @example
+ * ```tsx
+ * <CollapsibleSidebarGroup
+ *   icon={IconFlask}
+ *   label="My Project"
+ *   isExpanded={expanded}
+ *   onToggle={() => setExpanded(!expanded)}
+ *   badge={<Badge size="xs">WORKFLOW</Badge>}
+ * >
+ *   {items.map(item => <SidebarListItem key={item.id} ... />)}
+ * </CollapsibleSidebarGroup>
+ * ```
+ */
+declare const CollapsibleSidebarGroup: React$1.FC<CollapsibleSidebarGroupProps>;
+
+interface SidebarListItemProps {
+    /** Icon component to display */
+    icon: ComponentType<{
+        size?: number;
+        style?: React$1.CSSProperties;
+    }>;
+    /** Item label text */
+    label: string;
+    /** Whether this item is currently active/selected */
+    isActive?: boolean;
+    /** Click handler */
+    onClick: () => void;
+    /** Optional description text (shown below label) */
+    description?: string;
+    /** Optional badge/right section content */
+    badge?: ReactNode;
+    /** Whether this item is disabled (locked) */
+    disabled?: boolean;
+}
+/**
+ * SidebarListItem - Reusable list item for sidebar navigation
+ *
+ * Consolidates the item pattern from:
+ * - DevResourceItem (ResourcesSidebar)
+ * - RunItem (CalibrationSidebar)
+ *
+ * @example
+ * ```tsx
+ * <SidebarListItem
+ *   icon={IconPlayerPlay}
+ *   label="Test Run 1"
+ *   isActive={currentRunId === run.id}
+ *   onClick={() => navigate(`/run/${run.id}`)}
+ *   badge={<Badge size="xs" color="green" variant="dot">completed</Badge>}
+ * />
+ * ```
+ */
+declare const SidebarListItem: React$1.FC<SidebarListItemProps>;
+
+interface SubshellContainerProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare const SubshellContainer: ({ children, className }: SubshellContainerProps) => react_jsx_runtime.JSX.Element;
+interface SubshellRightSideContainerProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare const SubshellRightSideContainer: ({ children, className }: SubshellRightSideContainerProps) => react_jsx_runtime.JSX.Element;
+interface SubshellContentContainerProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare const SubshellContentContainer: ({ children, className }: SubshellContentContainerProps) => react_jsx_runtime.JSX.Element;
+interface SubshellSidebarContainerProps {
+    children: React$1.ReactNode;
+    className?: string;
+    width?: number;
+}
+
+interface SubshellSidebarProps {
+    children: React$1.ReactNode;
+    className?: string;
+    width?: number;
+}
+declare const SubshellSidebar: React$1.FC<SubshellSidebarProps>;
+
+interface SubshellSidebarSectionProps {
+    /** Icon component to display on the left */
+    icon: ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    /** Section label text */
+    label: string;
+    /** Optional content rendered on the right side of the header */
+    rightSection?: ReactNode;
+    /** Whether to show a top border (use for divider sections, not the first header) */
+    withTopBorder?: boolean;
+}
+/**
+ * SubshellSidebarSection - Labeled section header for subshell sidebars.
+ *
+ * Used for both the top module header (no top border) and internal section
+ * dividers (with top border) in subshell sidebars like Acquisition and SEO.
+ *
+ * @example
+ * // Module header (top of sidebar)
+ * <SubshellSidebarSection icon={IconTarget} label="Acquisition" />
+ *
+ * // Divider between nav groups
+ * <SubshellSidebarSection icon={IconPencil} label="Content Management" withTopBorder />
+ *
+ * // With right-side controls
+ * <SubshellSidebarSection icon={IconPencil} label="Content Management" withTopBorder rightSection={<Button size="xs">Add</Button>} />
+ */
+declare const SubshellSidebarSection: React$1.FC<SubshellSidebarSectionProps>;
+
+declare const subsidebarWidth = 200;
+
+declare function SubshellLoader(): react_jsx_runtime.JSX.Element;
+
+interface TopbarProps {
+    version: string;
+    /** Content to render on the left side of the topbar (e.g., breadcrumbs) */
+    leftContent?: React.ReactNode;
+    /** Optional children to render before theme switcher */
+    children?: React.ReactNode;
+}
+declare const Topbar: ({ version, leftContent, children }: TopbarProps) => react_jsx_runtime.JSX.Element;
+
+declare const TopbarContainer: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, FilmGrain, FloatingOrbs, LinksGroup, PageContainer, PerspectiveGrid, RadiantGlow, Sidebar, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, sidebarCollapsedWidth, sidebarHoverDelay, sidebarTransitionDuration, sidebarWidth, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse };
+export type { CollapsibleSidebarGroupProps, LinkItem, LinksGroupProps, SidebarListItemProps, SidebarNestedProps, SubshellContainerProps, SubshellContentContainerProps, SubshellRightSideContainerProps, SubshellSidebarContainerProps, SubshellSidebarProps, SubshellSidebarSectionProps, TopbarProps };