@morscherlab/mint-sdk 1.0.0-beta.4 → 1.0.0-beta.6

package/src/components/BioTemplateRenderer.story.vue

@@ -44,11 +44,11 @@ const lcmsBatch = createLcmsBatchCollection({
       </div>
     </Variant>
 
-    <Variant title="LCMS Batch Tables">
+    <Variant title="LC-MS Batch Preview">
       <div style="padding: 2rem; background: var(--bg-primary, #f8fafc);">
         <BioTemplateRenderer
           :target="lcmsBatch"
-          :include="['DataFrame']"
+          :include="['DataFrame', 'ExperimentTimeline', 'ScheduleCalendar']"
           dense
         />
       </div>

package/src/components/ComponentBindingRenderer.story.vue

@@ -5,6 +5,10 @@ import {
   defineDoseDesignControlModel,
   useControlWorkspace,
 } from '../composables/useControlSchema'
+import {
+  createLcmsBatchCollection,
+  toBioTemplateComponentBindings,
+} from '../templates'
 
 const model = defineDoseDesignControlModel({
   selectedWells: ['A1', 'A2', 'B1'],
@@ -12,6 +16,18 @@ const model = defineDoseDesignControlModel({
   includeMolecularWeight: true,
 })
 const workspace = useControlWorkspace(model)
+const lcmsCollection = createLcmsBatchCollection({
+  samples: [
+    { sampleId: 'blank-1', name: 'Blank', group: 'Blank' },
+    { sampleId: 'qc-pool', name: 'Pooled QC', group: 'QC' },
+    { sampleId: 's001', name: 'Patient 001', group: 'Case' },
+    { sampleId: 's002', name: 'Patient 002', group: 'Control' },
+  ],
+  features: ['Glucose', 'Lactate', 'Citrate'],
+  instrument: 'Orbitrap LC-MS',
+  method: 'HILIC negative',
+  includeQc: true,
+})
 
 const state = ref({
   dense: false,
@@ -22,6 +38,7 @@ const state = ref({
 })
 
 const bindings = computed(() => workspace.componentBindings.value)
+const lcmsBindings = computed(() => toBioTemplateComponentBindings(lcmsCollection))
 </script>
 
 <template>
@@ -39,6 +56,19 @@ const bindings = computed(() => workspace.componentBindings.value)
       </div>
     </Variant>
 
+    <Variant title="LC-MS Batch Bindings">
+      <div style="padding: 2rem; min-height: 640px; background: var(--bg-secondary, #f8fafc);">
+        <ComponentBindingRenderer
+          :bindings="lcmsBindings"
+          :dense="state.dense"
+          :readonly="state.readonly"
+          :show-headers="state.showHeaders"
+          :show-descriptions="state.showDescriptions"
+          :layout="state.layout"
+        />
+      </div>
+    </Variant>
+
     <template #controls>
       <HstCheckbox v-model="state.dense" title="Dense" />
       <HstCheckbox v-model="state.readonly" title="Readonly" />

package/src/components/ComponentBindingRenderer.vue

@@ -7,6 +7,7 @@ import ExperimentTimeline from './ExperimentTimeline.vue'
 import PlateMapEditor from './PlateMapEditor.vue'
 import ReagentList from './ReagentList.vue'
 import SampleSelector from './SampleSelector.vue'
+import ScheduleCalendar from './ScheduleCalendar.vue'
 import WellPlate from './WellPlate.vue'
 
 export interface ComponentBindingRendererBinding {
@@ -69,6 +70,7 @@ const componentRegistry: Record<string, Component> = {
   PlateMapEditor,
   ReagentList,
   SampleSelector,
+  ScheduleCalendar,
   WellPlate,
 }
 
@@ -152,6 +154,13 @@ function normalizeProps(binding: ComponentBindingRendererBinding): Record<string
         enableGrouping: props.readonly ? false : (base.enableGrouping ?? true),
         enableSmartGroup: props.readonly ? false : (base.enableSmartGroup ?? true),
       }
+    case 'ScheduleCalendar':
+      return {
+        ...base,
+        readonly: props.readonly || Boolean(base.readonly),
+        showNavigation: props.dense ? false : (base.showNavigation ?? true),
+        showViewToggle: props.dense ? false : (base.showViewToggle ?? true),
+      }
     default:
       return base
   }

package/src/components/ExperimentPopover.story.vue

@@ -283,7 +283,7 @@ const STATUSES = ['planned', 'ongoing', 'completed', 'ready_to_extract', 'proces
           </div>
         </div>
         <p style="margin-top: 1rem; font-size: 0.75rem; color: var(--text-muted); text-align: center;">
-          Same 2.375rem height and refresh-design motion as AppPluginSwitcher, AppPageSelector, AppAvatarMenu.
+          Same 2.375rem height and refresh-design motion as AppPluginSwitcher, AppTopBar page selector, AppAvatarMenu.
         </p>
       </div>
     </Variant>
@@ -363,7 +363,7 @@ optionally pairs with an inline Save button as a split unit.
 
 ### Refresh-design alignment
 
-- **Height** `2.375rem` — matches `AppPluginSwitcher` / `AppPageSelector` so the
+- **Height** `2.375rem` — matches `AppPluginSwitcher` / `AppTopBar page selector` so the
   topbar's right cluster reads at one optical baseline.
 - **Surface** `--bg-card` + `--border-color` — consistent with the white-card +
   border language.

package/src/styles/components/app-page-selector.css

@@ -1,4 +1,4 @@
-/* AppPageSelector — left-side page dropdown */
+/* AppTopBar page selector — left-side route/page dropdown */
 
 .mint-page-selector {
   position: relative;

package/src/styles/components/app-pill-nav.css

@@ -1,4 +1,4 @@
-/* AppPillNav — centered top-level navigation pills */
+/* AppTopBar pillNav — centered top-level navigation pills */
 
 .mint-pill-nav {
   display: inline-flex;

package/src/styles/components/experiment-popover.css

@@ -1,4 +1,4 @@
-/* ExperimentPopover — aligned with refresh design (AppPluginSwitcher / AppPageSelector) */
+/* ExperimentPopover — aligned with refresh design (AppPluginSwitcher / AppTopBar page selector) */
 
 /* Container */
 .mint-experiment-popover {
@@ -65,7 +65,7 @@
   transition-duration: 0.05s;
 }
 
-/* Active (panel open) — ring treatment, same language as PluginSwitcher/PageSelector */
+/* Active (panel open) — ring treatment, same language as PluginSwitcher/page selector */
 .mint-experiment-popover__trigger--active {
   border-color: var(--color-primary);
   box-shadow: 0 0 0 3px var(--color-primary-soft);

package/src/templates/adapters.ts

@@ -2,6 +2,11 @@ import type {
   DataFrameColumn,
   PlateCondition,
   PlateMapEditorState,
+  ProtocolStep,
+  ProtocolStepStatus,
+  ProtocolStepType,
+  ScheduleEvent,
+  ScheduleEventStatus,
   SelectOption,
   Well,
 } from '../types'
@@ -24,6 +29,7 @@ import type {
   AssayMatrixColumnsAdapterResult,
   AssayMatrixDataFrameAdapterResult,
   AssayMatrixRowsAdapterResult,
+  AssayMatrixSampleOptionsAdapterResult,
   AssayMatrixTemplate,
   AssayMatrixTemplateData,
   BioTemplateEnvelope,
@@ -44,8 +50,13 @@ import type {
   InstrumentRunColumnsAdapterResult,
   InstrumentRunDataFrameAdapterResult,
   InstrumentRunRowsAdapterResult,
+  InstrumentRunScheduleEventsAdapterResult,
+  InstrumentRunStepsAdapterResult,
   InstrumentRunTemplate,
   InstrumentRunTemplateData,
+  InstrumentRunItem,
+  InstrumentRunItemKind,
+  InstrumentRunStatus,
   PlateMapEditorAdapterResult,
   PlateMapTemplate,
   PlateMapTemplateData,
@@ -478,6 +489,19 @@ export function toAssayMatrixDataFrame(
   }
 }
 
+/** Convert an assay-matrix template into SampleSelector options derived from assay samples. */
+export function toAssayMatrixSampleOptions(
+  template: AssayMatrixTemplate | AssayMatrixTemplateData
+): AssayMatrixSampleOptionsAdapterResult {
+  const data = getTemplateData(template, 'assay-matrix')
+  validateAssayMatrixData(data)
+  return data.samples.map((sample): SelectOption<string> => ({
+    value: sample.sampleId,
+    label: sample.name ?? sample.sampleId,
+    description: sample.group,
+  }))
+}
+
 export function toReagentListItems(
   template: ReagentListTemplate | ReagentListTemplateData
 ): ReagentListItemsAdapterResult {
@@ -649,6 +673,91 @@ export function toInstrumentRunDataFrame(
   }
 }
 
+/** Convert an instrument-run template into ExperimentTimeline protocol steps for acquisition queue previews. */
+export function toInstrumentRunSteps(
+  template: InstrumentRunTemplate | InstrumentRunTemplateData
+): InstrumentRunStepsAdapterResult {
+  const data = getTemplateData(template, 'instrument-run')
+  validateInstrumentRunData(data)
+  const methods = new Map(data.methods.map(method => [method.id, method]))
+  return [...data.items]
+    .sort((a, b) => a.order - b.order)
+    .map((item): ProtocolStep => {
+      const method = methods.get(item.methodId)
+      const name = item.name ?? item.sampleId ?? item.kind
+      return {
+        id: item.id,
+        type: instrumentRunStepType(item.kind),
+        name,
+        description: [
+          item.kind,
+          method?.name,
+          item.vial ? `Vial ${item.vial}` : undefined,
+          item.wellId ? `Well ${item.wellId}` : undefined,
+        ]
+          .filter(Boolean)
+          .join(' / '),
+        duration: item.expectedDurationMin,
+        status: instrumentRunStepStatus(item.status),
+        parameters: {
+          kind: item.kind,
+          sampleId: item.sampleId,
+          methodId: item.methodId,
+          method: method?.name,
+          vial: item.vial,
+          plateId: item.plateId,
+          wellId: item.wellId,
+          injectionVolume: item.injectionVolume,
+          instrument: data.instrument ?? method?.instrument,
+        },
+        order: item.order,
+      }
+    })
+}
+
+/** Convert an instrument-run template into readonly ScheduleCalendar events ordered by run queue timing. */
+export function toInstrumentRunScheduleEvents(
+  template: InstrumentRunTemplate | InstrumentRunTemplateData
+): InstrumentRunScheduleEventsAdapterResult {
+  const data = getTemplateData(template, 'instrument-run')
+  validateInstrumentRunData(data)
+  const methods = new Map(data.methods.map(method => [method.id, method]))
+  let cursor = dateFromMetadata(data.metadata, ['scheduledStart', 'runStart', 'start', 'startedAt'])
+    ?? new Date('2024-01-01T08:00:00.000Z')
+
+  return [...data.items]
+    .sort((a, b) => a.order - b.order)
+    .map((item): ScheduleEvent => {
+      const method = methods.get(item.methodId)
+      const start = dateFromMetadata(item.metadata, ['scheduledStart', 'start', 'startedAt']) ?? cursor
+      const end = dateFromMetadata(item.metadata, ['scheduledEnd', 'end', 'completedAt'])
+        ?? addMinutes(start, Math.max(item.expectedDurationMin ?? 10, 1))
+      cursor = end
+
+      return {
+        id: item.id,
+        title: item.name ?? item.sampleId ?? item.kind,
+        start: start.toISOString(),
+        end: end.toISOString(),
+        color: instrumentRunScheduleColor(item.kind),
+        status: instrumentRunScheduleStatus(item.status),
+        draggable: false,
+        resizable: false,
+        metadata: {
+          kind: item.kind,
+          sampleId: item.sampleId,
+          methodId: item.methodId,
+          method: method?.name,
+          vial: item.vial,
+          plateId: item.plateId,
+          wellId: item.wellId,
+          injectionVolume: item.injectionVolume,
+          instrument: data.instrument ?? method?.instrument,
+        },
+      }
+    })
+}
+
 export function toQpcrRows(
   template: QpcrPlateTemplate | QpcrPlateTemplateData
 ): QpcrRowsAdapterResult {
@@ -783,3 +892,87 @@ function sampleColumnKey(columnId: string): string {
   }
   return aliases[columnId] ?? columnId
 }
+
+function instrumentRunStepType(kind: InstrumentRunItemKind): ProtocolStepType {
+  switch (kind) {
+    case 'wash':
+      return 'wash'
+    case 'blank':
+    case 'qc':
+    case 'standard':
+    case 'calibration':
+    case 'sample':
+      return 'measurement'
+    default:
+      return 'custom'
+  }
+}
+
+function instrumentRunStepStatus(status: InstrumentRunStatus): ProtocolStepStatus {
+  switch (status) {
+    case 'running':
+      return 'in_progress'
+    case 'completed':
+      return 'completed'
+    case 'failed':
+      return 'failed'
+    case 'skipped':
+      return 'skipped'
+    case 'planned':
+    case 'queued':
+    default:
+      return 'pending'
+  }
+}
+
+function instrumentRunScheduleStatus(status: InstrumentRunStatus): ScheduleEventStatus {
+  switch (status) {
+    case 'running':
+      return 'in-progress'
+    case 'completed':
+      return 'confirmed'
+    case 'failed':
+    case 'skipped':
+      return 'cancelled'
+    case 'planned':
+    case 'queued':
+    default:
+      return 'pending'
+  }
+}
+
+function instrumentRunScheduleColor(kind: InstrumentRunItem['kind']): string {
+  switch (kind) {
+    case 'blank':
+      return '#64748b'
+    case 'qc':
+      return '#8b5cf6'
+    case 'standard':
+    case 'calibration':
+      return '#f59e0b'
+    case 'wash':
+      return '#06b6d4'
+    case 'sample':
+      return '#2563eb'
+    default:
+      return '#475569'
+  }
+}
+
+function dateFromMetadata(
+  metadata: Record<string, unknown> | undefined,
+  keys: readonly string[]
+): Date | undefined {
+  if (!metadata) return undefined
+  for (const key of keys) {
+    const value = metadata[key]
+    if (!(typeof value === 'string' || value instanceof Date)) continue
+    const date = new Date(value)
+    if (!Number.isNaN(date.getTime())) return date
+  }
+  return undefined
+}
+
+function addMinutes(date: Date, minutes: number): Date {
+  return new Date(date.getTime() + minutes * 60_000)
+}

package/src/templates/catalog.ts

@@ -142,8 +142,8 @@ export const bioTemplateCatalog = [
     aliases: ['omics matrix', 'measurement matrix', 'readout matrix', 'feature table'],
     python_import: 'from mint_sdk.templates import AssayMatrixTemplate, save_template',
     python_example: 'AssayMatrixTemplate.create(samples=["S001", "S002"], features=["Lactate", "Glucose"])',
-    frontend_import: "import { toTemplateDataFrame } from '@morscherlab/mint-sdk/templates'",
-    frontend_adapters: ['toTemplateDataFrame', 'toAssayMatrixDataFrame', 'toAssayMatrixRows', 'toAssayMatrixColumns'],
+    frontend_import: "import { toAssayMatrixSampleOptions, toTemplateDataFrame } from '@morscherlab/mint-sdk/templates'",
+    frontend_adapters: ['toTemplateDataFrame', 'toAssayMatrixDataFrame', 'toAssayMatrixRows', 'toAssayMatrixColumns', 'toAssayMatrixSampleOptions'],
     components: ['DataFrame', 'ChartContainer', 'SampleSelector'],
     add_command: 'mint add data-template assay-matrix --page',
   },
@@ -187,9 +187,9 @@ export const bioTemplateCatalog = [
     aliases: ['run queue', 'sequence table', 'sample queue', 'lcms run', 'instrument sequence', 'batch run'],
     python_import: 'from mint_sdk.templates import InstrumentRunTemplate, save_template',
     python_example: 'InstrumentRunTemplate.create(["S001", "S002"], instrument="LC-MS")',
-    frontend_import: "import { toInstrumentRunDataFrame, toTemplateDataFrame } from '@morscherlab/mint-sdk/templates'",
-    frontend_adapters: ['toTemplateDataFrame', 'toInstrumentRunDataFrame', 'toInstrumentRunRows', 'toInstrumentRunColumns'],
-    components: ['DataFrame', 'ScheduleCalendar', 'SampleSelector'],
+    frontend_import: "import { toInstrumentRunDataFrame, toInstrumentRunScheduleEvents, toInstrumentRunSteps, toTemplateDataFrame } from '@morscherlab/mint-sdk/templates'",
+    frontend_adapters: ['toTemplateDataFrame', 'toInstrumentRunDataFrame', 'toInstrumentRunRows', 'toInstrumentRunColumns', 'toInstrumentRunSteps', 'toInstrumentRunScheduleEvents'],
+    components: ['DataFrame', 'ExperimentTimeline', 'ScheduleCalendar', 'SampleSelector'],
     add_command: 'mint add data-template instrument-run --page',
   },
   {

package/src/templates/componentBindings.ts

@@ -4,8 +4,11 @@ import {
   getTemplateData,
 } from './builders'
 import {
+  toAssayMatrixSampleOptions,
   toDoseConditions,
   toDoseLayoutState,
+  toInstrumentRunScheduleEvents,
+  toInstrumentRunSteps,
   toPlateMapEditorState,
   toProtocolSteps,
   toQpcrWellPlateWells,
@@ -26,8 +29,10 @@ import {
 } from './packs'
 import type {
   BioTemplateEnvelope,
+  AssayMatrixTemplate,
   DataFrameTemplate,
   DoseResponseTemplate,
+  InstrumentRunTemplate,
   PlateMapTemplate,
   QpcrPlateTemplate,
   ReagentListTemplate,
@@ -140,6 +145,7 @@ const templateComponentBindings = {
   ],
   'assay-matrix': [
     binding('assay-matrix', 'DataFrame', ['toTemplateDataFrame'], ['data', 'columns', 'rowKey'], 'Render sample-by-feature measurements.'),
+    binding('assay-matrix', 'SampleSelector', ['toAssayMatrixSampleOptions'], ['samples', 'modelValue'], 'Select samples from assay-matrix records.'),
   ],
   'reagent-list': [
     binding('reagent-list', 'ReagentList', ['toReagentListItems'], ['modelValue'], 'Render reagents with lot, storage, and stock metadata.'),
@@ -150,6 +156,20 @@ const templateComponentBindings = {
   ],
   'instrument-run': [
     binding('instrument-run', 'DataFrame', ['toTemplateDataFrame'], ['data', 'columns', 'rowKey'], 'Render acquisition queues, methods, QC, and run status.'),
+    binding(
+      'instrument-run',
+      'ScheduleCalendar',
+      ['toInstrumentRunScheduleEvents'],
+      ['modelValue', 'events', 'view', 'readonly', 'showNavigation', 'showViewToggle'],
+      'Render acquisition queues as a scheduled run calendar.',
+    ),
+    binding(
+      'instrument-run',
+      'ExperimentTimeline',
+      ['toInstrumentRunSteps'],
+      ['modelValue', 'orientation', 'showDuration', 'editable'],
+      'Render acquisition queues as an ordered run timeline.',
+    ),
   ],
   'qpcr-plate': [
     binding('qpcr-plate', 'WellPlate', ['toQpcrWellPlateWells'], ['format', 'wells', 'sampleColors', 'legendItems'], 'Render qPCR reactions on a well plate.'),
@@ -329,10 +349,19 @@ function propsForTemplate(template: BioTemplateEnvelope<unknown>): BioTemplateCo
       ]
     case 'sample-prep':
     case 'calibration-curve':
-    case 'assay-matrix':
     case 'flow-cytometry-panel':
-    case 'instrument-run':
       return [dataFrameProps(template as DataFrameTemplate)]
+    case 'assay-matrix':
+      return [
+        dataFrameProps(template as DataFrameTemplate),
+        assayMatrixSampleSelectorProps(template as AssayMatrixTemplate),
+      ]
+    case 'instrument-run':
+      return [
+        dataFrameProps(template as DataFrameTemplate),
+        scheduleCalendarProps(template as InstrumentRunTemplate),
+        timelineProps(template as InstrumentRunTemplate, toInstrumentRunSteps(template as InstrumentRunTemplate)),
+      ]
     case 'dose-response':
       return doseResponseProps(template as DoseResponseTemplate)
     case 'time-course':
@@ -446,8 +475,16 @@ function sampleSelectorProps(template: SampleSheetTemplate): BioTemplateComponen
   })
 }
 
+function assayMatrixSampleSelectorProps(template: AssayMatrixTemplate): BioTemplateComponentPropsBinding {
+  const options = toAssayMatrixSampleOptions(template)
+  return propsBinding('assay-matrix', 'SampleSelector', {
+    samples: options.map(option => option.label),
+    modelValue: [],
+  })
+}
+
 function timelineProps(
-  template: TimeCourseTemplate | ProtocolStepsTemplate,
+  template: TimeCourseTemplate | ProtocolStepsTemplate | InstrumentRunTemplate,
   steps: unknown[],
   editable = false
 ): BioTemplateComponentPropsBinding {
@@ -458,6 +495,18 @@ function timelineProps(
   })
 }
 
+function scheduleCalendarProps(template: InstrumentRunTemplate): BioTemplateComponentPropsBinding {
+  const events = toInstrumentRunScheduleEvents(template)
+  return propsBinding('instrument-run', 'ScheduleCalendar', {
+    modelValue: events[0]?.start,
+    events,
+    view: 'day',
+    readonly: true,
+    showNavigation: false,
+    showViewToggle: false,
+  })
+}
+
 function reagentListProps(template: ReagentListTemplate): BioTemplateComponentPropsBinding {
   return propsBinding('reagent-list', 'ReagentList', {
     modelValue: toReagentListItems(template),

package/src/templates/index.ts

@@ -106,6 +106,7 @@ export {
   toAssayMatrixColumns,
   toAssayMatrixDataFrame,
   toAssayMatrixRows,
+  toAssayMatrixSampleOptions,
   toCalibrationCurveColumns,
   toCalibrationCurveDataFrame,
   toCalibrationCurveRows,
@@ -117,6 +118,8 @@ export {
   toInstrumentRunColumns,
   toInstrumentRunDataFrame,
   toInstrumentRunRows,
+  toInstrumentRunScheduleEvents,
+  toInstrumentRunSteps,
   toPlateMapEditorState,
   toProtocolColumns,
   toProtocolDataFrame,
@@ -152,6 +155,7 @@ export type {
   AssayMatrixColumnsAdapterResult,
   AssayMatrixDataFrameAdapterResult,
   AssayMatrixRowsAdapterResult,
+  AssayMatrixSampleOptionsAdapterResult,
   AssayMatrixTemplate,
   AssayMatrixTemplateData,
   AssayMeasurement,
@@ -211,6 +215,8 @@ export type {
   InstrumentRunItemInput,
   InstrumentRunItemKind,
   InstrumentRunRowsAdapterResult,
+  InstrumentRunScheduleEventsAdapterResult,
+  InstrumentRunStepsAdapterResult,
   InstrumentRunStatus,
   InstrumentRunTemplate,
   InstrumentRunTemplateData,

package/src/templates/packs.ts

@@ -89,7 +89,16 @@ const bioTemplatePackDefinitions = [
       'calibration-curve',
       'assay-matrix',
     ],
-    aliases: ['omics', 'metabolomics', 'proteomics', 'assay matrix', 'lcms', 'standard curve'],
+    aliases: [
+      'omics',
+      'metabolomics',
+      'metabolism',
+      'metabolite profiling',
+      'proteomics',
+      'assay matrix',
+      'lcms',
+      'standard curve',
+    ],
   },
   {
     name: 'longitudinal-study',

package/src/templates/presets.ts

@@ -57,12 +57,22 @@ export const bioTemplatePresets = [
     category: 'bio-template-preset',
     purpose: 'Sample metadata, instrument queue, and assay matrix payloads for omics acquisition batches.',
     templates: ['sample-sheet', 'instrument-run', 'assay-matrix'],
-    aliases: ['lcms', 'lc-ms', 'mass spec batch', 'omics batch', 'run queue', 'sequence table'],
+    aliases: [
+      'lcms',
+      'lc-ms',
+      'mass spec batch',
+      'omics batch',
+      'metabolomics',
+      'metabolism',
+      'metabolite profiling',
+      'run queue',
+      'sequence table',
+    ],
     python_import: 'from mint_sdk.templates import create_lcms_batch_collection, save_template_collection',
     python_example: 'create_lcms_batch_collection(samples=["S001", "S002"], features=["Glucose", "Lactate"], instrument="LC-MS")',
-    frontend_import: "import { createLcmsBatchCollection, toInstrumentRunDataFrame, toTemplateDataFrame } from '@morscherlab/mint-sdk/templates'",
-    frontend_adapters: ['toTemplateDataFrame', 'toInstrumentRunDataFrame', 'toAssayMatrixDataFrame'],
-    components: ['DataFrame', 'ScheduleCalendar', 'ChartContainer', 'SampleSelector'],
+    frontend_import: "import { createLcmsBatchCollection, toAssayMatrixSampleOptions, toInstrumentRunDataFrame, toInstrumentRunScheduleEvents, toInstrumentRunSteps, toTemplateDataFrame } from '@morscherlab/mint-sdk/templates'",
+    frontend_adapters: ['toTemplateDataFrame', 'toInstrumentRunDataFrame', 'toInstrumentRunSteps', 'toInstrumentRunScheduleEvents', 'toAssayMatrixDataFrame', 'toAssayMatrixSampleOptions'],
+    components: ['DataFrame', 'ExperimentTimeline', 'ScheduleCalendar', 'ChartContainer', 'SampleSelector'],
   },
   {
     name: 'elisa-assay',

package/src/templates/types.ts

@@ -5,6 +5,7 @@ import type {
   PlateMapEditorState,
   ProtocolStep,
   Reagent,
+  ScheduleEvent,
   SampleType,
   SelectOption,
   Well,
@@ -651,6 +652,7 @@ export type ProtocolDataFrameAdapterResult = DataFrameAdapterResult
 export type AssayMatrixRowsAdapterResult = Array<Record<string, unknown>>
 export type AssayMatrixColumnsAdapterResult = DataFrameColumn<Record<string, unknown>>[]
 export type AssayMatrixDataFrameAdapterResult = DataFrameAdapterResult
+export type AssayMatrixSampleOptionsAdapterResult = SelectOption<string>[]
 export type ReagentListItemsAdapterResult = Reagent[]
 export type ReagentRowsAdapterResult = Array<Record<string, unknown>>
 export type ReagentColumnsAdapterResult = DataFrameColumn<Record<string, unknown>>[]
@@ -661,6 +663,8 @@ export type FlowPanelDataFrameAdapterResult = DataFrameAdapterResult
 export type InstrumentRunRowsAdapterResult = Array<Record<string, unknown>>
 export type InstrumentRunColumnsAdapterResult = DataFrameColumn<Record<string, unknown>>[]
 export type InstrumentRunDataFrameAdapterResult = DataFrameAdapterResult
+export type InstrumentRunStepsAdapterResult = ProtocolStep[]
+export type InstrumentRunScheduleEventsAdapterResult = ScheduleEvent[]
 export type QpcrRowsAdapterResult = Array<Record<string, unknown>>
 export type QpcrColumnsAdapterResult = DataFrameColumn<Record<string, unknown>>[]
 export type QpcrDataFrameAdapterResult = DataFrameAdapterResult