@morscherlab/mint-sdk 1.3.11 → 1.4.0-beta.10

package/src/composables/{usePluginClient.ts → createClient.ts}

@@ -3,7 +3,6 @@ import {
   onMounted,
   ref,
   shallowRef,
-  watch,
   type ComputedRef,
   type Ref,
 } from 'vue'
@@ -12,37 +11,31 @@ import {
   authenticationRequiredError,
   useApi,
 } from './useApi'
-import { usePlatformContext } from './usePlatformContext'
-import { useRequestSyncState } from './useRequestSyncState'
+import { usePlatform } from './usePlatform'
+import { useRequest } from './useRequest'
 import { useAuthStore } from '../stores/auth'
-import { PLUGIN_SECRET_FORMAT_KEY } from '../utils/pluginSecrets'
+import * as pluginSecret from '../utils/pluginSecrets'
+import { getInjectedPlatformContext } from './platformContextHelpers'
 import {
-  currentExperimentFromContext,
-  getInjectedPlatformContext,
-  resolveCurrentExperimentId,
-} from './platformContextHelpers'
-import {
-  buildPluginEndpointUrl,
+  buildEndpointUrl,
   hasKeys,
   pluginEndpointRequestParts,
   requestBodyFromPayload,
 } from './pluginEndpointBuilder'
 import {
-  useEventStream,
+  createEventStream,
   type EventStreamMessage,
   type EventStreamTransport,
   type UseEventStreamReturn,
-} from './useEventStream'
+} from './eventStream'
 import type {
-  ExperimentSummary,
   GeneratedJobDefinition,
-  PageSelectorItem,
   SettingsModalSchema,
   TopBarSettingsConfig,
 } from '../types'
 
 export {
-  buildPluginEndpointUrl,
+  buildEndpointUrl,
   resolvePluginBaseUrl,
 } from './pluginEndpointBuilder'
 
@@ -77,7 +70,7 @@ export interface PluginNavItemContract {
   icon?: string
   description?: string
   requiresAuth?: boolean
-  requiresAdmin?: boolean
+  access?: 'use' | 'configure' | 'admin'
   requiresFeature?: string
 }
 
@@ -93,6 +86,8 @@ export interface PluginContract {
   schemaVersion: 2
   plugin: {
     name?: string
+    displayName?: string
+    subtitle?: string
     packageName?: string
     version?: string
     description?: string
@@ -134,12 +129,12 @@ export type PluginEndpointParamDefinition = string | {
   required?: boolean
 }
 
-export interface CreatePluginClientOptions {
+export interface CreateClientOptions {
   endpoints: Record<string, PluginEndpointDefinition>
   baseUrl?: string
 }
 
-export interface BuildPluginEndpointUrlOptions {
+export interface BuildEndpointUrlOptions {
   /** Override the generated or platform-injected API base URL. */
   baseUrl?: string
   /** Return only the endpoint path and query string instead of base URL + path. */
@@ -158,9 +153,11 @@ export interface PluginClientRequestOptions {
   signal?: AbortSignal
 }
 
-export interface DownloadPluginEndpointOptions extends PluginEndpointRequestOptions {
+export interface DownloadEndpointOptions extends PluginEndpointRequestOptions {
   /** Browser download filename. When omitted, the blob is returned without triggering a download. */
   filename?: string
+  /** Save the blob as `filename` in the browser. Default true; `false` only returns the blob. */
+  save?: boolean
   /** Delay before revoking the object URL after a browser download is triggered. */
   revokeObjectUrlDelayMs?: number
 }
@@ -172,7 +169,7 @@ export interface DownloadBlobOptions {
 
 export type PluginSettingsValues<TSettings> = Partial<TSettings> & Record<string, unknown>
 
-export interface UsePluginSettingsOptions {
+export interface UseSettingsEndpointOptions {
   /** Plugin name for platform persistence. Defaults to the integrated platform plugin name. */
   pluginName?: string
   /** Plugin API base URL for standalone/local settings routes. Generated clients pass pluginApiPrefix. */
@@ -189,7 +186,7 @@ export interface UsePluginSettingsOptions {
   loadOnMount?: boolean
 }
 
-export interface UsePluginSettingsReturn<TSettings = Record<string, unknown>> {
+export interface UseSettingsEndpointReturn<TSettings = Record<string, unknown>> {
   /** Current typed settings values. */
   settings: ComputedRef<PluginSettingsValues<TSettings>>
   /** Editable settings values for SettingsModal. */
@@ -210,9 +207,9 @@ export interface UsePluginSettingsReturn<TSettings = Record<string, unknown>> {
   reset: () => void
 }
 
-export type PluginEventStreamMessage<TData = string> = EventStreamMessage<TData>
+export type { EventStreamMessage, UseEventStreamReturn } from './eventStream'
 
-export interface PluginEventStreamOptions<TData = string> {
+export interface StreamOptions<TData = string> {
   /** Override the generated or platform-injected API base URL. */
   baseUrl?: string
   /** Start the stream immediately. Defaults to true. */
@@ -228,12 +225,10 @@ export interface PluginEventStreamOptions<TData = string> {
   /** Extra request headers. Authorization is injected unless already supplied. */
   headers?: Record<string, string>
   onOpen?: () => void
-  onMessage?: (message: PluginEventStreamMessage<TData>) => void
+  onMessage?: (message: EventStreamMessage<TData>) => void
   onError?: (error: unknown) => void
 }
 
-export type UsePluginEventStreamReturn<TData = string> = UseEventStreamReturn<TData>
-
 export type PluginFormDataValue =
   | string
   | number
@@ -245,32 +240,6 @@ export type PluginFormDataValue =
 
 export type PluginFormDataPayload = Record<string, PluginFormDataValue | PluginFormDataValue[]>
 
-export interface UseCurrentExperimentOptions {
-  apiBaseUrl?: string
-  immediate?: boolean
-}
-
-export interface UseCurrentExperimentReturn<TExperiment = ExperimentSummary> {
-  /** Current experiment id resolved from platform injection or URL conventions. */
-  experimentId: ComputedRef<number | undefined>
-  /** Whether a current experiment id is available. */
-  hasExperiment: ComputedRef<boolean>
-  /** Current experiment payload, if injected or successfully fetched. */
-  experiment: Ref<TExperiment | undefined>
-  /** Whether the current experiment is currently loading. */
-  isLoading: Ref<boolean>
-  /** Error message from the last failed current-experiment fetch, or null. */
-  error: Ref<string | null>
-  /** Timestamp of the last successful current-experiment fetch, or null. */
-  lastLoadedAt: Ref<Date | null>
-  /** Return the current experiment id or throw a clear SDK error when absent. */
-  requireExperimentId: () => number
-  /** Fetch a specific experiment id, defaulting to the current experiment id. */
-  fetch: (experimentId?: number) => Promise<TExperiment | undefined>
-  /** Refetch the currently resolved experiment id. */
-  refresh: () => Promise<TExperiment | undefined>
-}
-
 export type PluginEndpointCaller = (
   payloadOrOptions?: unknown,
   options?: PluginClientRequestOptions,
@@ -379,34 +348,10 @@ export function downloadBlob(blob: Blob, filename: string, options: DownloadBlob
   setTimeout(() => URL.revokeObjectURL(blobUrl), options.revokeObjectUrlDelayMs ?? 100)
 }
 
-function normalizePluginNavPath(path: string): string {
-  const raw = path.trim() || '/'
-  const prefixed = raw.startsWith('/') ? raw : `/${raw}`
-  return prefixed.replace(/\/+$/, '') || '/'
-}
-
-function pluginPageIdFromPath(path: string, fallbackIndex: number): string {
-  const normalizedPath = normalizePluginNavPath(path)
-  if (normalizedPath === '/') return 'dashboard'
-  return normalizedPath.replace(/^\/+/, '').replace(/\/+/g, '-') || `page-${fallbackIndex + 1}`
-}
-
-/** Convert resolved @mint_plugin nav_items into page selectors for the topbar and homepage PluginCards. */
-export function getPluginPageSelectorItems(contract: PluginContract): PageSelectorItem[] {
-  const pluginIcon = contract.plugin.icon ?? ''
-  const navItems = contract.plugin.navItems ?? []
-  return navItems.map((item, index) => ({
-    id: item.id || pluginPageIdFromPath(item.path, index),
-    label: item.label,
-    to: normalizePluginNavPath(item.path),
-    icon: item.icon || pluginIcon || undefined,
-  }))
-}
-
 /** Create a typed plugin API client from a generated MINT plugin contract. */
-export function createPluginClient<TClient extends object = GeneratedPluginClient>(
+export function createClient<TClient extends object = GeneratedPluginClient>(
   contract: PluginContract,
-  options: CreatePluginClientOptions,
+  options: CreateClientOptions,
 ): TClient {
   const client: Record<string, PluginEndpointCaller> = {}
 
@@ -424,7 +369,6 @@ export function createPluginClient<TClient extends object = GeneratedPluginClien
       const api = useApi({
         baseUrl: parts.baseUrl,
         withAuth: endpoint.requiresAuth !== false,
-        typedErrors: true,
       })
       const config = endpointRequestConfig(endpoint, parts.query, callOptions)
 
@@ -457,7 +401,7 @@ export function createPluginClient<TClient extends object = GeneratedPluginClien
 }
 
 /** Send multipart or raw binary data to a generated endpoint with contract URL, cancellation, and auth handling. */
-export async function uploadPluginEndpoint<TResponse = unknown>(
+export async function uploadEndpoint<TResponse = unknown>(
   contract: PluginContract,
   endpoint: PluginEndpointDefinition,
   payload?: unknown,
@@ -471,7 +415,6 @@ export async function uploadPluginEndpoint<TResponse = unknown>(
   const api = useApi({
     baseUrl: parts.baseUrl,
     withAuth: endpoint.requiresAuth !== false,
-    typedErrors: true,
   })
   const body = endpoint.hasBody
     ? requestBodyFromPayload(payload, parts.requestPayload, endpoint)
@@ -496,11 +439,11 @@ export async function uploadPluginEndpoint<TResponse = unknown>(
 }
 
 /** Fetch a generated plugin endpoint as a Blob and optionally trigger a browser download. */
-export async function downloadPluginEndpoint(
+export async function downloadEndpoint(
   contract: PluginContract,
   endpoint: PluginEndpointDefinition,
   payload?: unknown,
-  options: DownloadPluginEndpointOptions = {},
+  options: DownloadEndpointOptions = {},
 ): Promise<Blob> {
   if (endpoint.requestContentType === MULTIPART_FORM_DATA) {
     throw new Error('[MINT SDK] Plugin download endpoints do not support multipart request bodies')
@@ -510,7 +453,6 @@ export async function downloadPluginEndpoint(
   const api = useApi({
     baseUrl: parts.baseUrl,
     withAuth: endpoint.requiresAuth !== false,
-    typedErrors: true,
   })
   const config = {
     ...(endpointRequestConfig(endpoint, parts.query, { signal: options.signal }) ?? {}),
@@ -530,7 +472,7 @@ export async function downloadPluginEndpoint(
     throw new Error(`[MINT SDK] Unsupported plugin endpoint method: ${endpoint.method}`)
   }
 
-  if (options.filename) {
+  if (options.filename && options.save !== false) {
     downloadBlob(blob, options.filename, {
       revokeObjectUrlDelayMs: options.revokeObjectUrlDelayMs,
     })
@@ -539,15 +481,10 @@ export async function downloadPluginEndpoint(
   return blob
 }
 
-function normalizePluginSettingsOptions(options: UsePluginSettingsOptions | string = {}): UsePluginSettingsOptions {
+function normalizePluginSettingsOptions(options: UseSettingsEndpointOptions | string = {}): UseSettingsEndpointOptions {
   return typeof options === 'string' ? { pluginName: options } : options
 }
 
-/** @deprecated Removed in MINT 1.4; use `useGeneratedPluginClient()` for generated clients. */
-export function usePluginClient<TClient>(client: TClient): TClient {
-  return client
-}
-
 const PLATFORM_OWNED_SETTINGS_KEY = 'allowed_experiment_types'
 
 /**
@@ -561,12 +498,12 @@ function withSecretFormat(
   secretFormat: string | null,
 ): Record<string, unknown> {
   if (!secretFormat) return payload
-  return { ...payload, [PLUGIN_SECRET_FORMAT_KEY]: secretFormat }
+  return { ...payload, [pluginSecret.FORMAT_KEY]: secretFormat }
 }
 
 function responseSecretFormat(response: unknown): string | null {
   if (!response || typeof response !== 'object') return null
-  const format = (response as Record<string, unknown>)[PLUGIN_SECRET_FORMAT_KEY]
+  const format = (response as Record<string, unknown>)[pluginSecret.FORMAT_KEY]
   return typeof format === 'string' && format ? format : null
 }
 
@@ -631,12 +568,12 @@ function platformOwnedSettingsPatch(settings: Record<string, unknown>): Record<s
 }
 
 /** Load, edit, and persist plugin settings from platform config or the plugin-local settings router. */
-export function usePluginSettings<TSettings = Record<string, unknown>>(
-  options: UsePluginSettingsOptions | string = {},
-): UsePluginSettingsReturn<TSettings> {
+export function useSettingsEndpoint<TSettings = Record<string, unknown>>(
+  options: UseSettingsEndpointOptions | string = {},
+): UseSettingsEndpointReturn<TSettings> {
   const resolvedOptions = normalizePluginSettingsOptions(options)
   const injectedContext = getInjectedPlatformContext()
-  const { plugin, isIntegrated } = usePlatformContext()
+  const { plugin, integrated: isIntegrated } = usePlatform()
   const platformApi = useApi({ baseUrl: resolvedOptions.platformApiBaseUrl ?? injectedContext?.platformApiUrl })
   const pluginApi = useApi({ baseUrl: resolvedOptions.apiBaseUrl ?? injectedContext?.plugin?.api_prefix })
 
@@ -644,7 +581,7 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
   const savedValues = shallowRef<Record<string, unknown>>({})
   const revision = ref<string | null>(null)
   const secretFormat = ref<string | null>(null)
-  const request = useRequestSyncState('Plugin settings request failed.')
+  const request = useRequest('Plugin settings request failed.')
   const isLoading = ref(false)
   const isSaving = ref(false)
 
@@ -667,7 +604,7 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
   const isDirty = computed(() => JSON.stringify(values.value) !== JSON.stringify(savedValues.value))
   const settingsConfig = computed<TopBarSettingsConfig>(() => ({
     title: resolvedOptions.title,
-    schema: resolvedOptions.schema ?? undefined,
+    spec: resolvedOptions.schema ?? undefined,
     showAppearance: resolvedOptions.showAppearance,
     values: values.value,
   }))
@@ -696,11 +633,11 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
           () => platformApi.get<{ plugin_name: string; config: Record<string, unknown> }>(
             `/plugins/${encodeURIComponent(resolvedPluginName.value)}/config`,
           ),
-          { success: 'load', errorMessage: 'Failed to load plugin settings' },
+          { kind: 'load', errorMessage: 'Failed to load plugin settings' },
         )
         : await request.run(
           () => pluginApi.get<{ settings: Record<string, unknown>; mode?: string }>('/settings'),
-          { success: 'load', errorMessage: 'Failed to load plugin settings' },
+          { kind: 'load', errorMessage: 'Failed to load plugin settings' },
         )
       applyLoaded(
         responseSettingsPayload(response),
@@ -746,7 +683,7 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
                 ),
               },
             ),
-            { success: 'save', errorMessage: 'Failed to save plugin settings' },
+            { kind: 'save', errorMessage: 'Failed to save plugin settings' },
           )
           nextRevision = responseSettingsRevision(response) ?? nextRevision
         }
@@ -761,7 +698,7 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
               `/plugins/${encodeURIComponent(resolvedPluginName.value)}/config`,
               { config: platformOwnedSettingsPatch(payload) },
             ),
-            { success: 'save', errorMessage: 'Failed to save plugin settings' },
+            { kind: 'save', errorMessage: 'Failed to save plugin settings' },
           )
           nextRevision = responseSettingsRevision(response) ?? nextRevision
         }
@@ -783,7 +720,7 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
             mode?: string
             revision?: string
           }>('/settings', withSecretFormat(payload, secretFormat.value), ifMatch),
-          { success: 'save', errorMessage: 'Failed to save plugin settings' },
+          { kind: 'save', errorMessage: 'Failed to save plugin settings' },
         )
       }
       applyLoaded(
@@ -869,7 +806,7 @@ function pluginEventStreamTransport(
   }
 }
 
-function looksLikeEventStreamOptions(value: unknown): value is PluginEventStreamOptions {
+function looksLikeEventStreamOptions(value: unknown): value is StreamOptions {
   if (!value || typeof value !== 'object') return false
   const candidate = value as Record<string, unknown>
   return [
@@ -887,23 +824,23 @@ function looksLikeEventStreamOptions(value: unknown): value is PluginEventStream
 }
 
 /** Consume a generated plugin SSE endpoint with auth headers, reconnect, and teardown. */
-export function usePluginEventStream<TData = string>(
+export function useEventStream<TData = string>(
   contract: PluginContract,
   endpoint: PluginEndpointDefinition,
-  options?: PluginEventStreamOptions<TData>,
-): UsePluginEventStreamReturn<TData>
-export function usePluginEventStream<TData = string>(
+  options?: StreamOptions<TData>,
+): UseEventStreamReturn<TData>
+export function useEventStream<TData = string>(
   contract: PluginContract,
   endpoint: PluginEndpointDefinition,
   payload?: unknown,
-  options?: PluginEventStreamOptions<TData>,
-): UsePluginEventStreamReturn<TData>
-export function usePluginEventStream<TData = string>(
+  options?: StreamOptions<TData>,
+): UseEventStreamReturn<TData>
+export function useEventStream<TData = string>(
   contract: PluginContract,
   endpoint: PluginEndpointDefinition,
   payloadOrOptions?: unknown,
-  maybeOptions?: PluginEventStreamOptions<TData>,
-): UsePluginEventStreamReturn<TData> {
+  maybeOptions?: StreamOptions<TData>,
+): UseEventStreamReturn<TData> {
   if (endpoint.method !== 'get') {
     throw new Error(`[MINT SDK] Plugin event streams must use GET; got ${endpoint.method}`)
   }
@@ -914,11 +851,11 @@ export function usePluginEventStream<TData = string>(
     maybeOptions === undefined && looksLikeEventStreamOptions(payloadOrOptions)
       ? payloadOrOptions
       : maybeOptions ?? {}
-  ) as PluginEventStreamOptions<TData>
+  ) as StreamOptions<TData>
   const responseType = endpoint.responseType?.trim()
   const parseJson = options.parseJson ?? Boolean(responseType && responseType !== 'string')
-  return useEventStream<TData>(
-    () => buildPluginEndpointUrl(contract, endpoint, payload, { baseUrl: options.baseUrl }),
+  return createEventStream<TData>(
+    () => buildEndpointUrl(contract, endpoint, payload, { baseUrl: options.baseUrl }),
     {
       transport: pluginEventStreamTransport(endpoint),
       immediate: options.immediate,
@@ -935,76 +872,3 @@ export function usePluginEventStream<TData = string>(
     },
   )
 }
-
-/** Read and optionally load the current platform experiment for integrated plugin views. */
-export function useCurrentExperiment<TExperiment = ExperimentSummary>(
-  options: UseCurrentExperimentOptions = {},
-): UseCurrentExperimentReturn<TExperiment> {
-  const api = useApi({ baseUrl: options.apiBaseUrl ?? getInjectedPlatformContext()?.platformApiUrl })
-  const experiment = shallowRef<TExperiment | undefined>(currentExperimentFromContext<TExperiment>())
-  const request = useRequestSyncState('Failed to load current experiment')
-  const isLoading = request.loading
-  const error = request.error
-  const lastLoadedAt = request.lastLoadedAt
-
-  const experimentId = computed<number | undefined>(() => {
-    return resolveCurrentExperimentId()
-  })
-  const hasExperiment = computed(() => experimentId.value !== undefined)
-
-  function requireExperimentId(): number {
-    const id = experimentId.value
-    if (id === undefined) {
-      throw new Error('[MINT SDK] No current experiment is selected.')
-    }
-    return id
-  }
-
-  async function fetchExperiment(id = experimentId.value): Promise<TExperiment | undefined> {
-    if (id === undefined) {
-      experiment.value = currentExperimentFromContext<TExperiment>()
-      return experiment.value
-    }
-
-    try {
-      const result = await request.run(
-        () => api.get<TExperiment>(`/experiments/${id}`),
-        { success: 'load', errorMessage: 'Failed to load current experiment' },
-      )
-      experiment.value = result
-      return result
-    } catch (e) {
-      experiment.value = undefined
-      return undefined
-    }
-  }
-
-  async function refresh(): Promise<TExperiment | undefined> {
-    return fetchExperiment()
-  }
-
-  watch(
-    experimentId,
-    (id) => {
-      if (options.immediate === false) return
-      if (id === undefined) {
-        experiment.value = currentExperimentFromContext<TExperiment>()
-        return
-      }
-      void fetchExperiment(id)
-    },
-    { immediate: options.immediate !== false },
-  )
-
-  return {
-    experimentId,
-    hasExperiment,
-    experiment,
-    isLoading,
-    error,
-    lastLoadedAt,
-    requireExperimentId,
-    fetch: fetchExperiment,
-    refresh,
-  }
-}

package/src/composables/{useEventStream.ts → eventStream.ts}

@@ -22,7 +22,7 @@ export interface EventStreamMessage<TData = string> {
   raw: string
 }
 
-export interface EventStreamOptions<TData = string> {
+export interface CreateEventStreamOptions<TData = string> {
   transport?: EventStreamTransport
   headers?: HeadersInit
   credentials?: RequestCredentials
@@ -112,9 +112,9 @@ export function parseEventStreamBlock<TData>(
 }
 
 /** Shared fetch-based SSE lifecycle with cancellation and reconnect safety. */
-export function useEventStream<TData = string>(
+export function createEventStream<TData = string>(
   url: string | (() => string),
-  options: EventStreamOptions<TData> = {},
+  options: CreateEventStreamOptions<TData> = {},
 ): UseEventStreamReturn<TData> {
   const isConnected = ref(false)
   const isConnecting = ref(false)

package/src/composables/experiment-utils.ts

@@ -1,4 +1,4 @@
-import type { DatePreset, ExperimentStatus, SelectOption, PillVariant } from '../types'
+import type { DatePreset, SelectOption } from '../types'
 
 interface ExperimentCodeSource {
   id?: number | null
@@ -24,44 +24,6 @@ export function datePresetToISO(preset: DatePreset): string {
   return d.toISOString()
 }
 
-export const EXPERIMENT_STATUS_OPTIONS: SelectOption<string>[] = [
-  { value: '', label: 'All statuses' },
-  { value: 'planned', label: 'Planned' },
-  { value: 'ongoing', label: 'Ongoing' },
-  { value: 'completed', label: 'Completed' },
-  { value: 'cancelled', label: 'Cancelled' },
-]
-
-export const EXPERIMENT_STATUS_VARIANT_MAP: Record<ExperimentStatus, PillVariant> = {
-  planned: 'default',
-  ongoing: 'primary',
-  completed: 'success',
-  cancelled: 'error',
-}
-
-export const EXPERIMENT_STATUS_LABELS: Record<ExperimentStatus, string> = {
-  planned: 'Planned',
-  ongoing: 'Ongoing',
-  completed: 'Completed',
-  cancelled: 'Cancelled',
-}
-
-export function formatExperimentStatus(status?: ExperimentStatus | string | null): string {
-  if (!status) return ''
-  if (status in EXPERIMENT_STATUS_LABELS) {
-    return EXPERIMENT_STATUS_LABELS[status as ExperimentStatus]
-  }
-  const label = String(status).replace(/[-_]+/g, ' ').trim()
-  return label ? label.replace(/^\w/, c => c.toUpperCase()) : ''
-}
-
-export function getExperimentStatusVariant(status?: ExperimentStatus | string | null): PillVariant {
-  if (status && status in EXPERIMENT_STATUS_VARIANT_MAP) {
-    return EXPERIMENT_STATUS_VARIANT_MAP[status as ExperimentStatus]
-  }
-  return 'default'
-}
-
 export function resolveExperimentCode(experiment: ExperimentCodeSource): string | undefined {
   if (experiment.experiment_code) return experiment.experiment_code
   return undefined

package/src/composables/formBuilderRegistry.ts

@@ -3,25 +3,19 @@ import type { FormFieldType } from '../types/form-builder'
 
 import BaseInput from '../components/BaseInput.vue'
 import SecretInput from '../components/SecretInput.vue'
-import BaseTextarea from '../components/BaseTextarea.vue'
 import BaseSelect from '../components/BaseSelect.vue'
-import MultiSelect from '../components/MultiSelect.vue'
 import BaseCheckbox from '../components/BaseCheckbox.vue'
-import BaseToggle from '../components/BaseToggle.vue'
 import BaseRadioGroup from '../components/BaseRadioGroup.vue'
 import BaseSlider from '../components/BaseSlider.vue'
 import TagsInput from '../components/TagsInput.vue'
 import NumberInput from '../components/NumberInput.vue'
 import DatePicker from '../components/DatePicker.vue'
-import TimePicker from '../components/TimePicker.vue'
-import DateTimePicker from '../components/DateTimePicker.vue'
 import FileUploader from '../components/FileUploader.vue'
 import GeneratedPathInput from '../components/GeneratedPathInput.vue'
 import FormulaInput from '../components/FormulaInput.vue'
 import SequenceInput from '../components/SequenceInput.vue'
 import MoleculeInput from '../components/MoleculeInput.vue'
 import ConcentrationInput from '../components/ConcentrationInput.vue'
-import UnitInput from '../components/UnitInput.vue'
 
 export interface RegistryEntry {
   component: Component
@@ -40,24 +34,24 @@ const registry: Record<FormFieldType, RegistryEntry> = {
   url: { component: BaseInput, defaults: { type: 'url' }, vModel: true },
   search: { component: BaseInput, defaults: { type: 'search' }, vModel: true },
   number: { component: NumberInput, defaults: {}, vModel: true },
-  textarea: { component: BaseTextarea, defaults: {}, vModel: true },
+  textarea: { component: BaseInput, defaults: { type: 'textarea' }, vModel: true },
   select: { component: BaseSelect, defaults: {}, vModel: true },
-  multiselect: { component: MultiSelect, defaults: {}, vModel: true },
+  multiselect: { component: BaseSelect, defaults: { multiple: true }, vModel: true },
   checkbox: { component: BaseCheckbox, defaults: {}, vModel: true },
-  toggle: { component: BaseToggle, defaults: {}, vModel: true },
+  toggle: { component: BaseCheckbox, defaults: { type: 'switch' }, vModel: true },
   radio: { component: BaseRadioGroup, defaults: {}, vModel: true },
   slider: { component: BaseSlider, defaults: {}, vModel: true },
   tags: { component: TagsInput, defaults: {}, vModel: true },
   date: { component: DatePicker, defaults: {}, vModel: true },
-  time: { component: TimePicker, defaults: {}, vModel: true },
-  datetime: { component: DateTimePicker, defaults: {}, vModel: true },
+  time: { component: DatePicker, defaults: { type: 'time' }, vModel: true },
+  datetime: { component: DatePicker, defaults: { type: 'datetime' }, vModel: true },
   file: { component: FileUploader, defaults: {}, vModel: false },
   path: { component: GeneratedPathInput, defaults: {}, vModel: true },
   formula: { component: FormulaInput, defaults: {}, vModel: true },
   sequence: { component: SequenceInput, defaults: {}, vModel: true },
   molecule: { component: MoleculeInput, defaults: {}, vModel: true },
   concentration: { component: ConcentrationInput, defaults: {}, vModel: true },
-  unit: { component: UnitInput, defaults: {}, vModel: true },
+  unit: { component: NumberInput, defaults: {}, vModel: true },
 }
 
 /** Return the registry entry for a given field type. Throws if the type is unregistered. */