-
+
+
-
- {{ t('auth.login.forgotPassword') }}
-
+
+ {{
+ errors.email
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
{{
+ errors.password
+ }}
+
@@ -65,26 +70,25 @@
v-else
type="submit"
class="mt-4 h-10 font-medium"
- :disabled="!$form.valid"
+ :disabled="!meta.valid"
>
{{ t('auth.login.loginButton') }}
-
+
diff --git a/src/components/ui/form/FormControl.vue b/src/components/ui/form/FormControl.vue
new file mode 100644
index 00000000000..ef584fd8979
--- /dev/null
+++ b/src/components/ui/form/FormControl.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
diff --git a/src/components/ui/form/FormDescription.vue b/src/components/ui/form/FormDescription.vue
new file mode 100644
index 00000000000..f3d79b2395c
--- /dev/null
+++ b/src/components/ui/form/FormDescription.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
diff --git a/src/components/ui/form/FormField.vue b/src/components/ui/form/FormField.vue
new file mode 100644
index 00000000000..bc7339388dc
--- /dev/null
+++ b/src/components/ui/form/FormField.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
diff --git a/src/components/ui/form/FormItem.vue b/src/components/ui/form/FormItem.vue
new file mode 100644
index 00000000000..74fbd70ebfd
--- /dev/null
+++ b/src/components/ui/form/FormItem.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
diff --git a/src/components/ui/form/FormLabel.vue b/src/components/ui/form/FormLabel.vue
new file mode 100644
index 00000000000..e9ada43269c
--- /dev/null
+++ b/src/components/ui/form/FormLabel.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
diff --git a/src/components/ui/form/FormMessage.vue b/src/components/ui/form/FormMessage.vue
new file mode 100644
index 00000000000..2c39cd0e5b6
--- /dev/null
+++ b/src/components/ui/form/FormMessage.vue
@@ -0,0 +1,23 @@
+
+
+
+
+ {{ errorMessage }}
+
+
diff --git a/src/components/ui/form/injectionKeys.ts b/src/components/ui/form/injectionKeys.ts
new file mode 100644
index 00000000000..c2b1bd96563
--- /dev/null
+++ b/src/components/ui/form/injectionKeys.ts
@@ -0,0 +1,7 @@
+import type { InjectionKey, Ref } from 'vue'
+
+export const FORM_FIELD_NAME_INJECTION_KEY: InjectionKey
> =
+ Symbol('FORM_FIELD_NAME')
+
+export const FORM_ITEM_ID_INJECTION_KEY: InjectionKey =
+ Symbol('FORM_ITEM_ID')
diff --git a/src/components/ui/form/useFormField.ts b/src/components/ui/form/useFormField.ts
new file mode 100644
index 00000000000..5a3301c2c92
--- /dev/null
+++ b/src/components/ui/form/useFormField.ts
@@ -0,0 +1,48 @@
+import { useFieldError } from 'vee-validate'
+import { computed, inject } from 'vue'
+
+import {
+ FORM_FIELD_NAME_INJECTION_KEY,
+ FORM_ITEM_ID_INJECTION_KEY
+} from './injectionKeys'
+
+/**
+ * Exposes form field identifiers and validation state for a form field component.
+ *
+ * @returns An object with:
+ * - `errorMessage`: a reactive validation message for the injected field name
+ * - `formDescriptionId`: the element id for the field description (`-form-item-description`)
+ * - `formItemId`: the element id for the form item container (`-form-item`)
+ * - `formMessageId`: the element id for the field validation message (`-form-item-message`)
+ * - `describedBy`: a computed string listing ids to use for `aria-describedby` (includes the message id when an error exists)
+ * - `name`: the injected field name
+ *
+ * @throws Error if the required injection keys (field name or item id) are not found
+ */
+export function useFormField() {
+ const fieldName = inject(FORM_FIELD_NAME_INJECTION_KEY)
+ const itemId = inject(FORM_ITEM_ID_INJECTION_KEY)
+
+ if (!fieldName || !itemId) {
+ throw new Error('useFormField must be used within FormField and FormItem')
+ }
+
+ const errorMessage = useFieldError(fieldName)
+ const formItemId = `${itemId}-form-item`
+ const formDescriptionId = `${itemId}-form-item-description`
+ const formMessageId = `${itemId}-form-item-message`
+ const describedBy = computed(() =>
+ errorMessage.value
+ ? `${formDescriptionId} ${formMessageId}`
+ : formDescriptionId
+ )
+
+ return {
+ errorMessage,
+ formDescriptionId,
+ formItemId,
+ formMessageId,
+ describedBy,
+ name: fieldName
+ }
+}
\ No newline at end of file
diff --git a/src/composables/useBrowserTabTitle.ts b/src/composables/useBrowserTabTitle.ts
index 32f8334cbff..7202f3d9b08 100644
--- a/src/composables/useBrowserTabTitle.ts
+++ b/src/composables/useBrowserTabTitle.ts
@@ -78,7 +78,7 @@ export const useBrowserTabTitle = () => {
const progress = Math.round((state.value / state.max) * 100)
const nodeType =
executionStore.activeJob?.workflow?.changeTracker?.activeState.nodes.find(
- (n) => String(n.id) === nodeId
+ (n: { id: string | number; type?: string }) => String(n.id) === nodeId
)?.type || 'Node'
return `${executionText.value}[${progress}%] ${nodeType}`
diff --git a/src/platform/assets/schemas/assetSchema.ts b/src/platform/assets/schemas/assetSchema.ts
index d6941e18cfa..9f1c26a2172 100644
--- a/src/platform/assets/schemas/assetSchema.ts
+++ b/src/platform/assets/schemas/assetSchema.ts
@@ -14,8 +14,8 @@ const zAsset = z.object({
updated_at: z.string().optional(),
is_immutable: z.boolean().optional(),
last_access_time: z.string().optional(),
- metadata: z.record(z.unknown()).optional(), // API allows arbitrary key-value pairs
- user_metadata: z.record(z.unknown()).optional() // API allows arbitrary key-value pairs
+ metadata: z.record(z.string(), z.unknown()).optional(), // API allows arbitrary key-value pairs
+ user_metadata: z.record(z.string(), z.unknown()).optional() // API allows arbitrary key-value pairs
})
const zAssetResponse = z.object({
diff --git a/src/platform/assets/utils/createAssetWidget.ts b/src/platform/assets/utils/createAssetWidget.ts
index 7e80290c047..1350a029930 100644
--- a/src/platform/assets/utils/createAssetWidget.ts
+++ b/src/platform/assets/utils/createAssetWidget.ts
@@ -34,11 +34,13 @@ interface CreateAssetWidgetParams {
}
/**
- * Creates an asset widget that opens the Asset Browser dialog for model selection.
- * Used by both regular nodes (via useComboWidget) and PrimitiveNode.
+ * Build and attach an asset-selection widget to a LiteGraph node that opens the Asset Browser for choosing an asset.
*
- * @param params - Configuration for the asset widget
- * @returns The created asset widget
+ * The widget validates the selected asset and its filename, updates the widget value on success, and triggers the optional
+ * onValueChange callback. Validation failures are surfaced via console errors and toast notifications.
+ *
+ * @param params - Configuration for the asset widget (see CreateAssetWidgetParams)
+ * @returns The created asset widget attached to the provided node
*/
export function createAssetWidget(
params: CreateAssetWidgetParams
@@ -55,6 +57,13 @@ export function createAssetWidget(
const displayLabel = defaultValue ?? t('widgets.selectModel')
const assetBrowserDialog = useAssetBrowserDialog()
+ /**
+ * Opens the Asset Browser, validates the selected asset and its filename, and updates the provided widget with the validated filename.
+ *
+ * If the selected asset or its filename fails validation, logs a descriptive error and displays an error toast; on success the widget's value is set to the validated filename and the optional `onValueChange` callback is invoked with the widget, new value, and old value.
+ *
+ * @param widget - The IBaseWidget instance whose value will be updated and which will be passed to the `onValueChange` callback
+ */
async function openModal(widget: IBaseWidget) {
const toastStore = useToastStore()
@@ -85,7 +94,7 @@ export function createAssetWidget(
if (!validatedFilename.success) {
console.error(
'Invalid asset filename:',
- validatedFilename.error.errors,
+ validatedFilename.error.issues,
'for asset:',
validatedAsset.data.id
)
@@ -111,4 +120,4 @@ export function createAssetWidget(
}
return node.addWidget('asset', widgetName, displayLabel, () => {}, options)
-}
+}
\ No newline at end of file
diff --git a/src/platform/assets/utils/createModelNodeFromAsset.ts b/src/platform/assets/utils/createModelNodeFromAsset.ts
index b6010965992..8960aff5501 100644
--- a/src/platform/assets/utils/createModelNodeFromAsset.ts
+++ b/src/platform/assets/utils/createModelNodeFromAsset.ts
@@ -53,7 +53,7 @@ export function createModelNodeFromAsset(
const validatedAsset = assetItemSchema.safeParse(asset)
if (!validatedAsset.success) {
- const errorMessage = validatedAsset.error.errors
+ const errorMessage = validatedAsset.error.issues
.map((e) => `${e.path.join('.')}: ${e.message}`)
.join(', ')
console.error('Invalid asset item:', errorMessage)
diff --git a/src/platform/cloud/onboarding/components/CloudSignInForm.vue b/src/platform/cloud/onboarding/components/CloudSignInForm.vue
index 57718328c67..c94fca69462 100644
--- a/src/platform/cloud/onboarding/components/CloudSignInForm.vue
+++ b/src/platform/cloud/onboarding/components/CloudSignInForm.vue
@@ -1,10 +1,5 @@
-