@stonecrop/stonecrop 0.10.16 → 0.11.1

package/src/stores/operation-log.ts

@@ -1,16 +1,17 @@
 import { defineStore } from 'pinia'
 import { ref, computed, watch } from 'vue'
 import { useLocalStorage } from '@vueuse/core'
+
+import type { HSTNode } from './hst'
 import type {
+	CrossTabMessage,
 	HSTOperation,
 	HSTOperationInput,
 	OperationLogConfig,
-	UndoRedoState,
 	OperationLogSnapshot,
-	CrossTabMessage,
 	OperationSource,
+	UndoRedoState,
 } from '../types/operation-log'
-import type { HSTNode } from './hst'
 
 /**
  * Generate a UUID using crypto API or fallback
@@ -107,8 +108,7 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 	const currentIndex = ref(-1) // Points to the last applied operation
 	const clientId = ref(generateId())
 	const batchMode = ref(false)
-	const currentBatch = ref<HSTOperation[]>([])
-	const currentBatchId = ref<string | null>(null)
+	const batchStack = ref<{ id: string; operations: HSTOperation[] }[]>([])
 
 	// Computed
 	const canUndo = computed(() => {
@@ -183,9 +183,9 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 			return fullOperation.id
 		}
 
-		// If in batch mode, collect operations
-		if (batchMode.value) {
-			currentBatch.value.push(fullOperation)
+		// If in batch mode, collect operations in current batch
+		if (batchMode.value && batchStack.value.length > 0) {
+			batchStack.value[batchStack.value.length - 1].operations.push(fullOperation)
 			return fullOperation.id
 		}
 
@@ -218,25 +218,35 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 	 */
 	function startBatch() {
 		batchMode.value = true
-		currentBatch.value = []
-		currentBatchId.value = generateId()
+		batchStack.value.push({
+			id: generateId(),
+			operations: [],
+		})
 	}
 
 	/**
 	 * Commit batch - create a single batch operation
 	 */
 	function commitBatch(description?: string): string | null {
-		if (!batchMode.value || currentBatch.value.length === 0) {
-			batchMode.value = false
-			currentBatch.value = []
-			currentBatchId.value = null
+		if (!batchMode.value || batchStack.value.length === 0) {
 			return null
 		}
 
-		const batchId = currentBatchId.value!
-		const allReversible = currentBatch.value.every(op => op.reversible)
+		const currentBatchData = batchStack.value.pop()!
+		const batchOperations = currentBatchData.operations
 
-		// Create parent batch operation
+		if (batchOperations.length === 0) {
+			// Empty batch - just pop and continue if there are outer batches
+			if (batchStack.value.length === 0) {
+				batchMode.value = false
+			}
+			return null
+		}
+
+		const batchId = currentBatchData.id
+		const allReversible = batchOperations.every(op => op.reversible)
+
+		// Create ancestor batch operation
 		const batchOperation: HSTOperation = {
 			id: batchId,
 			type: 'batch',
@@ -244,45 +254,49 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 			fieldname: '',
 			beforeValue: null,
 			afterValue: null,
-			doctype: currentBatch.value[0]?.doctype || '',
+			doctype: batchOperations[0]?.doctype || '',
 			timestamp: new Date(),
 			source: 'user',
 			reversible: allReversible,
 			irreversibleReason: allReversible ? undefined : 'Contains irreversible operations',
-			childOperationIds: currentBatch.value.map(op => op.id),
+			descendantOperationIds: batchOperations.map(op => op.id),
 			metadata: { description },
 		}
 
-		// Add parent operation ID to all children
-		currentBatch.value.forEach(op => {
-			op.parentOperationId = batchId
+		// Add ancestor operation ID to all descendants
+		batchOperations.forEach(op => {
+			op.ancestorOperationId = batchId
 		})
 
-		// Add all operations to the log
-		operations.value.push(...currentBatch.value, batchOperation)
-		currentIndex.value = operations.value.length - 1
+		// If we're inside a ancestor batch, add this batch as a descendant of the ancestor
+		if (batchStack.value.length > 0) {
+			// Nested batch - add the batch operation to the ancestor batch
+			batchStack.value[batchStack.value.length - 1].operations.push(batchOperation)
+		} else {
+			// Top-level batch - add to the operations log
+			operations.value.push(...batchOperations, batchOperation)
+			currentIndex.value = operations.value.length - 1
+		}
 
 		// Broadcast batch
 		if (config.value.enableCrossTabSync) {
-			broadcastBatch(currentBatch.value, batchOperation)
+			broadcastBatch(batchOperations, batchOperation)
 		}
 
-		// Reset batch state
-		const result = batchId
-		batchMode.value = false
-		currentBatch.value = []
-		currentBatchId.value = null
+		// If no more batches on stack, exit batch mode
+		if (batchStack.value.length === 0) {
+			batchMode.value = false
+		}
 
-		return result
+		return batchId
 	}
 
 	/**
 	 * Cancel batch mode without committing
 	 */
 	function cancelBatch() {
+		batchStack.value = []
 		batchMode.value = false
-		currentBatch.value = []
-		currentBatchId.value = null
 	}
 
 	/**
@@ -304,13 +318,13 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 
 		try {
 			// Handle batch operations
-			if (operation.type === 'batch' && operation.childOperationIds) {
-				// Undo all child operations in reverse order
-				for (let i = operation.childOperationIds.length - 1; i >= 0; i--) {
-					const childId = operation.childOperationIds[i]
-					const childOp = operations.value.find(op => op.id === childId)
-					if (childOp) {
-						revertOperation(childOp, store)
+			if (operation.type === 'batch' && operation.descendantOperationIds) {
+				// Undo all descendant operations in reverse order
+				for (let i = operation.descendantOperationIds.length - 1; i >= 0; i--) {
+					const descendantId = operation.descendantOperationIds[i]
+					const descendantOp = operations.value.find(op => op.id === descendantId)
+					if (descendantOp) {
+						revertOperation(descendantOp, store)
 					}
 				}
 			} else {
@@ -346,12 +360,12 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 
 		try {
 			// Handle batch operations
-			if (operation.type === 'batch' && operation.childOperationIds) {
-				// Redo all child operations in order
-				for (const childId of operation.childOperationIds) {
-					const childOp = operations.value.find(op => op.id === childId)
-					if (childOp) {
-						applyOperation(childOp, store)
+			if (operation.type === 'batch' && operation.descendantOperationIds) {
+				// Redo all descendant operations in order
+				for (const descendantId of operation.descendantOperationIds) {
+					const descendantOp = operations.value.find(op => op.id === descendantId)
+					if (descendantOp) {
+						applyOperation(descendantOp, store)
 					}
 				}
 			} else {
@@ -525,12 +539,12 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 		broadcastChannel.postMessage(serializeForBroadcast(message))
 	}
 
-	function broadcastBatch(childOps: HSTOperation[], batchOp: HSTOperation) {
+	function broadcastBatch(descendantOps: HSTOperation[], batchOp: HSTOperation) {
 		if (!broadcastChannel) return
 
 		const message: CrossTabMessage = {
 			type: 'operation',
-			operations: [...childOps, batchOp],
+			operations: [...descendantOps, batchOp],
 			clientId: clientId.value,
 			timestamp: new Date(),
 		}
@@ -567,7 +581,7 @@ export const useOperationLogStore = defineStore('hst-operation-log', () => {
 		currentIndex: number
 	}
 
-	const persistedData = useLocalStorage<PersistedData | null>('stonecrop-ops-operations', null, {
+	const persistedData = useLocalStorage<PersistedData | null>('stonecrop-operations', null, {
 		serializer: {
 			read: (v: string) => {
 				try {

package/src/types/composable.ts

@@ -1,8 +1,8 @@
-import { SchemaTypes } from '@stonecrop/aform'
+import type { SchemaTypes } from '@stonecrop/aform'
 import type { Ref, ComputedRef } from 'vue'
 
 import type Doctype from '../doctype'
-import type { HSTNode } from '../stores/hst'
+import type { HSTNode } from './hst'
 import type { HSTOperation, OperationLogConfig, OperationLogSnapshot } from './operation-log'
 
 /**
@@ -179,14 +179,28 @@ export type HSTStonecropReturn = BaseStonecropReturn & {
 	 */
 	resolvedSchema: Ref<SchemaTypes[]>
 	/**
-	 * Loads or initializes nested doctype data.
-	 * Use this when rendering a nested form component. Checks HST first, then initializes defaults.
-	 * @param parentPath - The HST path to check for existing data
-	 * @param childDoctype - The nested doctype metadata
-	 * @param recordId - Optional record ID (reserved for future API fetch)
-	 * @returns The loaded or initialized data object
+	 * Scaffold empty descendant records from defaults for all descendant links.
+	 * @param path - The HST path where initialized data should be stored
+	 * @param doctype - The doctype to initialize
 	 */
-	loadNestedData: (parentPath: string, childDoctype: Doctype, recordId?: string) => Record<string, any>
+	initializeNestedData: (path: string, doctype: Doctype) => void
+
+	/**
+	 * Fetch a record and its nested data from the server.
+	 * Stores each field at its own HST path per the field-level convention.
+	 * @param path - The HST path (e.g., "recipe.r1")
+	 * @param doctype - The doctype to fetch
+	 * @param recordId - Record ID to fetch
+	 * @param options - Query options (includeNested to control which links are fetched)
+	 * @throws Error with code "CLIENT_REQUIRED" if no data client is configured
+	 * @throws Error with code "RECORD_NOT_FOUND" if the server returns null
+	 */
+	fetchNestedData: (
+		path: string,
+		doctype: Doctype,
+		recordId: string,
+		options?: { includeNested?: boolean | string[] }
+	) => Promise<void>
 	/**
 	 * Collects a complete record payload with all nested data from HST.
 	 * Use this before submitting to an API. Recursively includes 1:1 and 1:many nested records.
@@ -196,15 +210,15 @@ export type HSTStonecropReturn = BaseStonecropReturn & {
 	 */
 	collectRecordPayload: (doctype: Doctype, recordId: string) => Record<string, any>
 	/**
-	 * Creates a nested context for a child doctype component.
+	 * Creates a nested context for a descendant doctype component.
 	 * Use this in parent components to pass scoped handlers to child components.
 	 * @param basePath - The parent HST path prefix
-	 * @param childDoctype - The child doctype metadata
+	 * @param descendantDoctype - The descendant doctype metadata
 	 * @returns Scoped provideHSTPath and handleHSTChange functions
 	 */
 	createNestedContext: (
 		basePath: string,
-		childDoctype: Doctype
+		descendantDoctype: Doctype
 	) => {
 		provideHSTPath: (fieldname: string) => string
 		handleHSTChange: (changeData: HSTChangeData) => void
@@ -224,6 +238,17 @@ export type HSTStonecropReturn = BaseStonecropReturn & {
 	 * Available immediately if Doctype instance passed, after async resolution if slug string passed.
 	 */
 	resolvedDoctype: Ref<Doctype | undefined>
+	/**
+	 * Computed ref indicating whether workflow actions are ready to run.
+	 * True when all links with blockWorkflows are loaded in HST.
+	 * Use with v-bind:disabled="!isWorkflowReady" on action buttons.
+	 */
+	isWorkflowReady: ComputedRef<boolean>
+	/**
+	 * List of link fieldnames that are blocking workflow execution.
+	 * Empty array when isWorkflowReady is true.
+	 */
+	blockedLinks: ComputedRef<string[]>
 }
 
 // Import Stonecrop class for the BaseStonecropReturn type (circular reference handled via import)
@@ -243,3 +268,21 @@ export type HSTChangeData = {
 	/** Optional record ID */
 	recordId?: string
 }
+
+/**
+ * Lazy link state for a single link field.
+ * Provides reactive state and reload capability for lazy-loaded links.
+ * @public
+ */
+export type LazyLink = {
+	/** True while fetching data */
+	loading: Ref<boolean>
+	/** True after successful fetch (permanent until reload) */
+	loaded: Ref<boolean>
+	/** Error state, if any */
+	error: Ref<Error | null>
+	/** Explicitly trigger a fetch for this link */
+	reload: () => Promise<void>
+	/** The loaded data from HST, or undefined if not loaded */
+	data: ComputedRef<any>
+}

package/src/types/doctype.ts

@@ -1,5 +1,5 @@
 import type { SchemaTypes } from '@stonecrop/aform'
-import type { WorkflowMeta } from '@stonecrop/schema'
+import type { LinkDeclaration, WorkflowMeta } from '@stonecrop/schema'
 import { List, Map } from 'immutable'
 import type { AnyStateNodeConfig, UnknownMachineConfig } from 'xstate'
 
@@ -11,6 +11,7 @@ export type ImmutableDoctype = {
 	readonly schema?: List<SchemaTypes>
 	readonly workflow?: UnknownMachineConfig | AnyStateNodeConfig | WorkflowMeta
 	readonly actions?: Map<string, string[]>
+	readonly links?: Record<string, LinkDeclaration>
 }
 
 /**
@@ -45,16 +46,14 @@ export type DoctypeConfig = {
 	slug?: string
 	/** Database table name */
 	tableName?: string
-	/** Field definitions */
+	/** Field definitions (including link fields with fieldtype: 'Link') */
 	fields?: SchemaTypes[]
+	/** Relationship links to other doctypes */
+	links?: Record<string, LinkDeclaration>
 	/** Workflow configuration (XState format or simple WorkflowMeta) */
 	workflow?: UnknownMachineConfig | WorkflowMeta
 	/** Actions and their field triggers */
 	actions?: Record<string, string[]>
-	/** Parent doctype for inheritance */
+	/** Ancestor doctype for inheritance */
 	inherits?: string
-	/** Doctype to use for list views */
-	listDoctype?: string
-	/** Parent doctype for child tables */
-	parentDoctype?: string
 }

package/src/types/field-triggers.ts

@@ -3,7 +3,7 @@
  * @public
  */
 
-import { HSTNode } from '../stores/hst'
+import type { HSTNode } from './hst'
 
 /**
  * Context provided to action functions when field changes occur

package/src/types/hst.ts

@@ -0,0 +1,77 @@
+/**
+ * Core HST Interface - enhanced with tree navigation
+ * Provides a hierarchical state tree interface for navigating and manipulating nested data structures.
+ *
+ * @public
+ */
+export interface HSTNode {
+	/**
+	 * Gets a value at the specified path
+	 * @param path - The dot-separated path to the value
+	 * @returns The value at the specified path
+	 */
+	get(path: string): any
+
+	/**
+	 * Sets a value at the specified path
+	 * @param path - The dot-separated path where to set the value
+	 * @param value - The value to set
+	 * @param source - Optional source of the operation (user, system, sync, undo, redo)
+	 */
+	set(path: string, value: any, source?: 'user' | 'system' | 'sync' | 'undo' | 'redo'): void
+
+	/**
+	 * Checks if a value exists at the specified path
+	 * @param path - The dot-separated path to check
+	 * @returns True if the path exists, false otherwise
+	 */
+	has(path: string): boolean
+
+	/**
+	 * Gets the ancestor node in the tree hierarchy (immediate predecessor)
+	 * @returns The ancestor HSTNode or null if this is the root
+	 */
+	getAncestor(): HSTNode | null
+
+	/**
+	 * Gets the root node of the tree
+	 * @returns The root HSTNode
+	 */
+	getRoot(): HSTNode
+
+	/**
+	 * Gets the full path from root to this node
+	 * @returns The dot-separated path string
+	 */
+	getPath(): string
+
+	/**
+	 * Gets the depth level of this node in the tree
+	 * @returns The depth as a number (0 for root)
+	 */
+	getDepth(): number
+
+	/**
+	 * Gets an array of path segments from root to this node
+	 * @returns Array of path segments representing breadcrumbs
+	 */
+	getBreadcrumbs(): string[]
+
+	/**
+	 * Gets a child node at the specified relative path
+	 * @param path - The relative path to the child node
+	 * @returns The child HSTNode
+	 */
+	getNode(path: string): HSTNode
+
+	/**
+	 * Trigger an XState transition with optional context data
+	 * @param transition - The transition name (should be uppercase per convention)
+	 * @param context - Optional additional FSM context data
+	 * @returns Promise resolving to the transition execution results
+	 */
+	triggerTransition(
+		transition: string,
+		context?: { currentState?: string; targetState?: string; fsmContext?: Record<string, any> }
+	): Promise<any>
+}

package/src/types/index.ts

@@ -2,6 +2,7 @@
 export * from './composable'
 export * from './doctype'
 export * from './field-triggers'
+export * from './hst'
 export * from './operation-log'
 export * from './plugin'
 export * from './registry'

package/src/types/operation-log.ts

@@ -79,11 +79,11 @@ export interface HSTOperation {
 	/** Additional metadata for custom use cases */
 	metadata?: Record<string, any>
 
-	/** Parent operation ID for batch operations */
-	parentOperationId?: string
+	/** Ancestor operation ID for batch operations */
+	ancestorOperationId?: string
 
-	/** Child operation IDs for batch operations */
-	childOperationIds?: string[]
+	/** Descendant operation IDs for batch operations */
+	descendantOperationIds?: string[]
 }
 
 /**

package/src/types/schema-validator.ts

@@ -58,6 +58,8 @@ export interface ValidatorOptions {
 	registry?: Registry
 	/** Whether to validate Link field targets */
 	validateLinkTargets?: boolean
+	/** Whether to validate links object (target resolution, backlink consistency, Link field correspondence) */
+	validateLinks?: boolean
 	/** Whether to validate workflow reachability */
 	validateWorkflows?: boolean
 	/** Whether to validate action registration */

package/dist/stonecrop.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch;border-top:1px solid var(--sc-row-border-color);margin:0 0 0 1px}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.cell-modified{font-weight:700;font-style:italic}.cell-modified-highlight{background-color:var(--sc-cell-changed-color)}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height)}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.expandable-row.changed-row-gradient[data-v-a42297c7]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.aganttcell[data-v-c2df3f52]{background-color:#f9f9f9;width:100%;padding:0;height:100%}.gantt-container[data-v-c2df3f52]{position:relative;height:100%;background-color:#f0f0f0;border-radius:4px;overflow:visible}.gantt-bar[data-v-c2df3f52]{position:absolute;border-radius:4px;display:flex;align-items:center;justify-content:space-between;cursor:grab;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);transition:left .1s ease-out,width .1s ease-out;height:80%;top:50%;z-index:0;transform:translateY(-50%)}.gantt-bar[data-v-c2df3f52]:active{cursor:grabbing}.gantt-bar.is-dragging[data-v-c2df3f52]{z-index:10}.gantt-label[data-v-c2df3f52]{flex:1;text-align:center;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;-webkit-user-select:none;user-select:none}.resize-handle[data-v-c2df3f52]{position:relative;width:12px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:0;background:#00000040}.left-resize-handle[data-v-c2df3f52]{border-right:1px solid rgba(0,0,0,.5)}.right-resize-handle[data-v-c2df3f52]{border-left:1px solid rgba(0,0,0,.5)}.handle-grip[data-v-c2df3f52]{width:4px;height:12px;border-radius:2px;background:#000c}.resize-handle[data-v-c2df3f52]:hover{background-color:#ffffff80}.vertical-indicator[data-v-c2df3f52]{position:absolute;width:2px;opacity:0;pointer-events:none;transition:opacity .2s ease;top:-100vh;height:100vh;z-index:5;background-color:var(--v737862e7)}.left-indicator[data-v-c2df3f52]{left:50%;transform:translate(-50%)}.right-indicator[data-v-c2df3f52]{right:50%;transform:translate(50%)}.resize-handle.is-dragging .vertical-indicator[data-v-c2df3f52]{opacity:.7}.gantt-container[data-v-c2df3f52]:after{content:"";position:absolute;inset:0;background-size:calc(100% / var(--v05f25613)) 100%;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px);pointer-events:none;z-index:1}.connection-handle[data-v-c2df3f52]{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:0;transition:opacity .2s ease;cursor:crosshair;z-index:2;display:flex;align-items:center;justify-content:center}.connection-handle.visible[data-v-c2df3f52]{opacity:1}.left-connection-handle[data-v-c2df3f52]{left:-16px}.right-connection-handle[data-v-c2df3f52]{right:-16px}.connection-dot[data-v-c2df3f52]{width:8px;height:8px;border-radius:50%;background-color:#2196f3;border:2px solid white;box-shadow:0 1px 3px #0000004d}.connection-handle:hover .connection-dot[data-v-c2df3f52]{background-color:#1976d2;transform:scale(1.2)}.connection-handle.is-dragging[data-v-c2df3f52]{opacity:1!important}.connection-handle.is-dragging .connection-dot[data-v-c2df3f52]{background-color:#1976d2;transform:scale(1.3);box-shadow:0 2px 8px #2196f366}.atable-row-actions{width:2rem;min-width:2rem;padding:0 .25rem;vertical-align:middle;white-space:nowrap;border-top:1px solid var(--sc-row-border-color);background:#fff;-webkit-user-select:none;user-select:none;position:relative}.atable-row-actions.dropdown-active{z-index:101}.row-actions-icons{display:flex;gap:.25rem;align-items:center;justify-content:center}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.125rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:background-color .15s ease}.row-action-btn:hover{background-color:var(--sc-gray-10, #e5e5e5)}.row-action-btn:focus{outline:2px solid var(--sc-focus-cell-outline, #3b82f6);outline-offset:1px}.row-action-btn .action-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem}.row-action-btn .action-icon :deep(svg){width:100%;height:100%}.row-actions-dropdown{position:relative;display:inline-block}.row-actions-dropdown:has(button:focus){outline:2px solid var(--sc-focus-cell-outline);outline-offset:-2px}.row-actions-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;cursor:pointer;border-radius:.25rem;font-size:1rem;font-weight:700;transition:background-color .15s ease}.row-actions-toggle:hover{background-color:var(--sc-gray-10, #e5e5e5)}.dropdown-icon{line-height:1}.row-actions-menu{position:fixed;z-index:100;min-width:10rem;padding:.25rem 0;background:#fff;border:1px solid var(--sc-row-border-color);border-left:4px solid var(--sc-row-border-color);border-radius:0}.row-actions-menu.menu-flipped{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -2px #0000001a}.row-action-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;text-align:left;font-size:.875rem;transition:background-color .15s ease}.row-action-menu-item:hover{background-color:var(--sc-gray-10, #f5f5f5)}.row-action-menu-item:focus{outline:none;background-color:var(--sc-gray-10, #f5f5f5)}.row-action-menu-item .action-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}.row-action-menu-item .action-icon :deep(svg){width:100%;height:100%}.row-action-menu-item .action-label{flex:1}.atable-row{background-color:#fff}.atable-row:last-child>td{border-bottom:1px solid var(--sc-row-border-color)}.atable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.atable-row>td:last-child{border-right:1px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;border-top:1px solid var(--sc-row-border-color);text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-row:has(td.cell-modified)>td.sticky-column,.atable-row:has(td.cell-modified)>th.sticky-column,.atable-row:has(td.cell-modified)>td.sticky-index,.atable-row:has(td.cell-modified)>th.sticky-index{background:var(--sc-cell-changed-color)}.atable-row.changed-row-gradient[data-v-2e038a9c]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.gantt-connection-overlay[data-v-d5929c98]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.connection-path[data-v-d5929c98]{transition:stroke-width .2s ease;pointer-events:auto;cursor:pointer;stroke-dasharray:5px;stroke:var(--sc-cell-text-color)}#arrowhead-marker polygon[data-v-d5929c98]{fill:var(--sc-cell-text-color)}.animated-path[data-v-d5929c98]{animation:animated-dash-d5929c98 infinite 1.5s linear}.connection-path[data-v-d5929c98]:hover{stroke-width:3px}.connection-hitbox[data-v-d5929c98]{pointer-events:auto;cursor:pointer}@keyframes animated-dash-d5929c98{0%{stroke-dashoffset:0px}to{stroke-dashoffset:-10px}}.column-filter[data-v-8487462d]{display:flex;align-items:center;gap:.25rem;width:100%}.filter-input[data-v-8487462d],.filter-select[data-v-8487462d]{background-color:var(--sc-form-background)!important;padding:.15rem .2rem;border:1px solid var(--sc-form-border);border-radius:3px;font-size:.875rem;color:var(--sc-text-color);width:100%;box-sizing:border-box}.filter-input[data-v-8487462d]:focus,.filter-select[data-v-8487462d]:focus{outline:none;border-color:var(--sc-input-active-border-color)}.checkbox-filter[data-v-8487462d]{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--sc-text-color);cursor:pointer}.filter-checkbox[data-v-8487462d]{margin:0}.date-range-filter[data-v-8487462d]{display:flex;gap:.25rem;align-items:center;width:100%}.date-range-filter .filter-input[data-v-8487462d]{flex:1;min-width:0}.date-separator[data-v-8487462d]{color:var(--sc-gray-50);font-weight:500;padding:0 .25rem;flex-shrink:0}.clear-btn[data-v-8487462d]{background:var(--sc-gray-10, #f0f0f0);border:1px solid var(--sc-form-border);border-radius:3px;color:var(--sc-gray-70);cursor:pointer;font-size:1rem;padding:.15rem .4rem;line-height:1;flex-shrink:0}.atable-header-row th{padding-left:.5ch!important;font-weight:700;min-width:3ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color);position:relative}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box;border-top:none}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}.cursor-pointer{cursor:pointer}.atable-filters-row th{padding:.25rem .5ch;vertical-align:top}.row-actions-header{width:2rem;min-width:2rem;padding:0 .25rem}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:absolute;background-color:var(--sc-row-color-zebra-dark);z-index:200}.atable-container{position:relative}.sticky-index{position:sticky;left:0;z-index:100;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:100;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color)}[data-v-56d7171c]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-56d7171c]{position:relative;font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto;overflow:clip;height:1px}.atable th[data-v-56d7171c]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-56d7171c]:focus{outline:none}.atable[data-v-56d7171c]:tbody{overflow:hidden;position:relative}.atable[data-v-56d7171c]:tbody:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:transparent;z-index:100}.aloading[data-v-a930a25b]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-a930a25b]{width:100%;height:100%;position:absolute;left:-100%;top:0;background:linear-gradient(90deg,rgba(var(--sc-table-loading-color),0),rgba(var(--sc-table-loading-color),1),rgba(var(--sc-table-loading-color),0));animation:gradient-a930a25b infinite 2s;z-index:0}.aloading-header[data-v-a930a25b]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-a930a25b]:after{content:"...";animation:ellipse-a930a25b 2s;animation-iteration-count:infinite}@keyframes gradient-a930a25b{0%{left:-100%}to{left:100%}}@keyframes ellipse-a930a25b{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.aloading[data-v-e1165876]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-e1165876]{width:50%;height:3px;position:absolute;left:-100%;bottom:0;background:var(--sc-row-border-color);animation:bar-left-e1165876 infinite 2s;z-index:0}.aloading-header[data-v-e1165876]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-e1165876]:after{content:"...";animation:ellipse-e1165876 2s;animation-iteration-count:infinite}@keyframes bar-left-e1165876{0%{left:-50%}to{left:100%}}@keyframes ellipse-e1165876{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.aform_checkbox[data-v-cc185b72]{cursor:pointer;width:auto;margin-top:0;display:block}.aform_checkbox[data-v-cc185b72]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform_checkbox-container[data-v-cc185b72]{width:100%;display:inline-block;text-align:left}.aform_checkbox-container input[data-v-cc185b72]{width:auto}.aform_checkbox-container:hover+.aform_field-label[data-v-cc185b72]{color:var(--sc-input-active-label-color)}div[data-v-8e467bb3]{min-width:40ch;width:100%;box-sizing:border-box;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-8e467bb3]{width:calc(100% - 1ch);box-sizing:border-box;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-8e467bb3],label[data-v-8e467bb3]{color:var(--sc-input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent;box-sizing:border-box}p[data-v-8e467bb3]{width:100%;color:red;font-size:85%;box-sizing:border-box}label[data-v-8e467bb3]{z-index:0;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch;box-sizing:border-box}input[data-v-8e467bb3]:focus{border:1px solid var(--sc-input-active-border-color)}input:focus+label[data-v-8e467bb3]{color:var(--sc-input-active-label-color)}.autocomplete[data-v-c823d475]{position:relative}.input-wrapper[data-v-c823d475]{border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-c823d475]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--sc-input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}input[data-v-c823d475]:focus{border:1px solid var(--sc-input-active-border-color);border-radius:.25rem .25rem 0 0;border-bottom:none}label[data-v-c823d475]{display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent;z-index:0;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}.autocomplete-results[data-v-c823d475]{position:absolute;width:calc(100% - 1ch + 1.5px);z-index:100;padding:0;margin:0;color:var(--sc-input-active-border-color);border:1px solid var(--sc-input-active-border-color);border-radius:0 0 .25rem .25rem;border-top:none;background-color:#fff}.autocomplete-result[data-v-c823d475]{list-style:none;text-align:left;padding:4px 6px;cursor:pointer;border-bottom:.5px solid lightgray}.autocomplete-result.is-active[data-v-c823d475],.autocomplete-result[data-v-c823d475]:hover{background-color:var(--sc-row-color-zebra-light);color:var(--sc-input-active-border-color)}.adatepicker[data-v-9da05d06]{font-size:var(--sc-table-font-size);display:inline-table;color:var(--sc-cell-text-color);outline:none;border-collapse:collapse}.adatepicker tr[data-v-9da05d06]{height:1.15rem;text-align:center;vertical-align:middle}.adatepicker td[data-v-9da05d06]{border:2px solid transparent;outline:2px solid transparent;min-width:3ch;max-width:3ch}.adatepicker td[data-v-9da05d06]:focus,.adatepicker td[data-v-9da05d06]:focus-within{outline:1px dashed black;box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.adatepicker .selectedDate[data-v-9da05d06]{outline:1px solid black;background:var(--sc-gray-20);font-weight:bolder}.adatepicker .todaysDate[data-v-9da05d06]{font-weight:bolder;text-decoration:underline;color:#000}.days-header>td[data-v-9da05d06]{font-weight:700}.prev-date[data-v-9da05d06]{color:var(--sc-gray-20)}.collapse-button[data-v-6f1c1b45]{width:2ch;min-width:calc(66px - 4ch);background-color:transparent;font-size:150%;text-align:center;border:none;margin-top:-.5rem}.rotated[data-v-6f1c1b45]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:transform .25s;transform-origin:center center}.unrotated[data-v-6f1c1b45]{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform .25s}.aform_form-element{padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:20ch;margin-bottom:1rem}.aform_input-field{outline:1px solid var(--sc-input-border-color);outline-offset:-1px;font-size:1rem;padding:.5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;min-height:auto;position:relative;color:var(--sc-cell-text-color);background:var(--sc-input-field-background)}.aform_input-field:focus{outline:1px solid var(--sc-input-active-border-color)}.aform_display-value{display:block;padding:.5rem;min-height:2rem;color:var(--sc-cell-text-color);word-break:break-word}.aform_input-field:focus+.aform_field-label{color:var(--sc-input-active-label-color)}.aform_field-label{color:var(--sc-input-label-color);display:inline-block;position:absolute;padding:0 .25rem;margin:0rem;z-index:1;font-size:.7rem;font-weight:300;letter-spacing:.05rem;background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-background) 50%);width:auto;box-sizing:border-box;background:#fff;margin:0;grid-row:1;top:0;left:10px;border:none;line-height:0;transform:translateY(-50%)}.aform_input-field:disabled{background:var(--sc-input-field-disabled-background)}.aform_input-field:disabled+.aform_field-label{background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-disabled-background) 50%)}.aform_input-field:disabled~p.aform_error{background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-disabled-background) 50%)}.aform_field-label:after{margin:0;padding:0;box-sizing:border-box;content:"";line-height:normal}p.aform_error{display:block;display:inline-block;display:none;background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-background) 50%);padding:0 .25rem;margin:0rem;width:auto;color:var(--sc-brand-danger);font-size:.7rem;position:absolute;right:0;top:0;line-height:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform[data-v-969d8869]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-form-border);border-left:4px solid var(--sc-form-border);margin-bottom:1rem;max-width:100%}@media screen and (max-width:400px){.aform[data-v-969d8869]{flex-direction:column}}.aform-nested-section[data-v-969d8869]{width:100%;padding:.5rem 0}.aform-nested-label[data-v-969d8869]{font-size:.9rem;font-weight:600;margin:0 0 .5rem;color:var(--sc-input-label-color, #666)}.aform-nested-section .aform[data-v-969d8869]{border-left-width:2px;margin-left:.5rem}fieldset[data-v-a3606386]{max-width:100%;width:100%;margin-right:2ch;border:1px solid transparent;border-bottom:1px solid var(--sc-gray-50)}legend[data-v-a3606386]{width:100%;height:1.15rem;border:1px solid transparent;padding-bottom:.5rem;font-size:110%;font-weight:600;-webkit-user-select:none;user-select:none}.collapse-button[data-v-a3606386]{float:right}.aform_file-attach[data-v-6543d39a]{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--sc-input-border-color);width:100%}@media screen and (max-width:400px){.aform_file-attach>.aform_form-btn[data-v-6543d39a]{width:100%}}.aform_file-attach-feedback[data-v-6543d39a]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform_file-attach-feedback>li[data-v-6543d39a]{list-style:none;font-style:italic}.aform_file-attach-feedback>p[data-v-6543d39a]{margin-top:0}.aform_form-btn[data-v-6543d39a]{padding:.5rem 2rem;width:auto;border:1px solid var(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform_form-btn[data-v-6543d39a]:disabled{background-color:var(--sc-gray-5)}.login-container[data-v-d9ffd0a7]{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-font-family)}.account-container[data-v-d9ffd0a7]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-d9ffd0a7]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-d9ffd0a7]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-d9ffd0a7]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-d9ffd0a7]{display:grid;gap:.5rem}.login-form-element[data-v-d9ffd0a7]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-d9ffd0a7]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-d9ffd0a7]:focus{border:1px solid black}.btn[data-v-d9ffd0a7]{background-color:var(--sc-btn-color);color:var(--sc-btn-label-color);border:1px solid var(--sc-btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn[data-v-d9ffd0a7]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-d9ffd0a7]:disabled{background-color:var(--sc-input-field-disabled-background)}.disabled[data-v-d9ffd0a7]{opacity:.5}.loading-icon[data-v-d9ffd0a7]{animation:spin-d9ffd0a7 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-d9ffd0a7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}