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

package/README.md

@@ -299,7 +299,6 @@ template presets such as `createWellPlateScreenCollection()`,
 ### Feedback Components
 - `AlertBox` - Alert messages (success, error, warning, info)
 - `AppToastContainer` - Toast notification container for the global `useToast()` queue
-- `ToastNotification` - Deprecated compatibility alias; use `AppToastContainer`
 
 ### Action Components
 - `IconButton` - Icon-only button with accessibility
@@ -321,9 +320,17 @@ template presets such as `createWellPlateScreenCollection()`,
 ### Sample Management Components
 - `SampleSelector` - Hierarchical sample grouping with auto-group and CSV metadata import
 - `AutoGroupModal` - Smart sample grouping wizard for names and design metadata
-- `GroupingModal` - Deprecated compatibility modal; use `AutoGroupModal`
 - `GroupAssigner` - Drag-and-drop group assignment for comparisons (e.g., Control vs Treatment)
 
+### Removed Compatibility APIs
+
+The public SDK no longer exports `ToastNotification`, `GroupingModal`,
+`SettingsButton`, `FormSection`, `FormFieldRenderer`, or `usePluginApi()`.
+Use `AppToastContainer`, `AutoGroupModal`, `AppTopBar` settings or
+`SettingsModal`, `FormBuilder`, and generated `useGeneratedPluginClient()`
+helpers instead. `mint doctor` still detects old imports and reports the
+replacement path.
+
 ## Composables
 
 ### `useApi(options?)`

package/dist/__tests__/composables/experiment-utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/composables/useApi.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/AppContainer.vue.d.ts

@@ -16,8 +16,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    scrollable: boolean;
     gap: string;
+    scrollable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/AppLayout.vue.d.ts

@@ -5,6 +5,16 @@ interface Props {
     sidebarWidth?: string;
     /** When true, topbar/sidebar/main render as floating cards with gaps */
     floating?: boolean;
+    /** Convert the sidebar into a mobile overlay with built-in toggle and backdrop below 1024px. */
+    responsiveSidebar?: boolean;
+    /** Controlled mobile sidebar open state. Desktop sidebar remains visible. */
+    sidebarOpen?: boolean;
+    /** Initial mobile sidebar open state when sidebarOpen is uncontrolled. */
+    defaultSidebarOpen?: boolean;
+    /** Accessible label for the mobile sidebar toggle. */
+    sidebarToggleLabel?: string;
+    /** Accessible label used when the mobile sidebar is open. */
+    sidebarCloseLabel?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,10 +27,19 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sidebarOpen": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:sidebarOpen"?: ((value: boolean) => any) | undefined;
+}>, {
     floating: boolean;
     sidebarPosition: "left" | "right";
     sidebarWidth: string;
+    responsiveSidebar: boolean;
+    sidebarOpen: boolean;
+    defaultSidebarOpen: boolean;
+    sidebarToggleLabel: string;
+    sidebarCloseLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/AppSidebar.vue.d.ts

@@ -2,15 +2,23 @@ import { PillNavItem, SidebarToolSection } from '../types';
 import { FormEnhancements, FormSchema } from '../types/form-builder';
 import { ControlModel, ControlModelBinding, ControlSchema, ControlWorkspaceOptions } from '../composables/useControlSchema';
 interface Props {
+    /** Optional chrome title rendered above generated sections. */
+    title?: string;
+    /** Optional secondary chrome copy rendered below title. */
+    subtitle?: string;
+    /** Optional compact badge/count rendered in the chrome header. */
+    badge?: string | number;
+    /** Visual preset for common plugin sidebars. `analysis` preserves the LEAF-style MINT analysis sidebar design language. */
+    variant?: 'default' | 'analysis';
     /** Map of view IDs to their tool sections */
     panels?: Record<string, SidebarToolSection[]>;
     /** Which view's panels to display */
     activeView?: string;
-    /** Floating variant with absolute positioning */
+    /** Floating variant with absolute positioning. Defaults to false for analysis variant. */
     floating?: boolean;
     /** Compact layout: smaller headers, tighter spacing, no icon backgrounds */
     dense?: boolean;
-    /** Width when visible */
+    /** Width when visible. Defaults to 20rem for analysis variant, otherwise 280px. */
     width?: string;
     /** Position sidebar on left or right side */
     side?: 'left' | 'right';
@@ -20,7 +28,7 @@ interface Props {
     forms?: Record<string, FormSchema>;
     /** Generated view IDs from useControlSchema(). Consumed for clean v-bind ergonomics. */
     viewIds?: string[];
-    /** Generated AppPillNav-compatible view items from useControlSchema(). Consumed for clean v-bind ergonomics. */
+    /** Generated AppTopBar pillNav-compatible view items from useControlSchema(). Consumed for clean v-bind ergonomics. */
     viewItems?: PillNavItem[];
     /** Default view ID used when activeView is omitted. */
     defaultView?: string;
@@ -30,6 +38,10 @@ interface Props {
     controls?: ControlSchema;
     /** Options passed to compact control schema generation, including shared initialValues. */
     controlOptions?: ControlWorkspaceOptions;
+    /** DOM id for the scrollable content area. Use with Teleport when route/tab children own sidebar controls. */
+    contentId?: string;
+    /** Render the sidebar shell even when no panel matches the active view. Useful for default-slot or Teleport-driven sidebars. */
+    showWhenEmpty?: boolean;
     /** Shared values for auto-rendered section forms. Supports default v-model. */
     modelValue?: Record<string, unknown>;
     /** Shared values for auto-rendered section forms */
@@ -46,11 +58,37 @@ interface Props {
     formReadonly?: boolean;
     /** Size passed to auto-rendered section forms */
     formSize?: 'sm' | 'md' | 'lg';
+    /** Show a built-in collapse/expand button in the sidebar chrome. Defaults to true for analysis variant. */
+    collapsible?: boolean;
+    /** Controlled collapsed state. */
+    collapsed?: boolean;
+    /** Initial collapsed state when collapsed is uncontrolled. */
+    defaultCollapsed?: boolean;
+    /** Width when collapsed. */
+    collapsedWidth?: string;
+    /** Accessible label for the collapse action. */
+    collapseButtonLabel?: string;
+    /** Accessible label for the expand action. */
+    expandButtonLabel?: string;
 }
+declare function toggleCollapsed(): void;
+declare function expandCollapsed(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<`section-${string}`, (_: {}) => any>> & {
-        header?(_: {}): any;
+        header?(_: {
+            collapsed: boolean;
+            toggleCollapsed: typeof toggleCollapsed;
+        }): any;
+        default?(_: {
+            sections: SidebarToolSection[];
+            activeView: string;
+            values: Record<string, unknown>;
+        }): any;
+        collapsed?(_: {
+            sections: SidebarToolSection[];
+            expand: typeof expandCollapsed;
+        }): any;
         footer?(_: {}): any;
     };
     refs: {};
@@ -61,18 +99,23 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "update:modelValue": (values: Record<string, unknown>) => any;
     "update:values": (values: Record<string, unknown>) => any;
     "update:toggle": (sectionId: string, value: boolean) => any;
+    "update:collapsed": (value: boolean) => any;
     "form-submit": (sectionId: string, values: Record<string, unknown>) => any;
     "form-cancel": (sectionId: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((values: Record<string, unknown>) => any) | undefined;
     "onUpdate:values"?: ((values: Record<string, unknown>) => any) | undefined;
     "onUpdate:toggle"?: ((sectionId: string, value: boolean) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     "onForm-submit"?: ((sectionId: string, values: Record<string, unknown>) => any) | undefined;
     "onForm-cancel"?: ((sectionId: string) => any) | undefined;
 }>, {
     values: Record<string, unknown>;
     modelValue: Record<string, unknown>;
+    title: string;
+    variant: "default" | "analysis";
     width: string;
+    subtitle: string;
     controlOptions: ControlWorkspaceOptions;
     model: ControlModel | ControlModelBinding;
     viewIds: string[];
@@ -82,14 +125,23 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     panels: Record<string, SidebarToolSection[]>;
     forms: Record<string, FormSchema>;
     dense: boolean;
+    collapsible: boolean;
+    badge: string | number;
     floating: boolean;
     side: "left" | "right";
     toggleState: Record<string, boolean>;
+    contentId: string;
+    showWhenEmpty: boolean;
     showFormActions: boolean;
     formLoading: boolean;
     formDisabled: boolean;
     formReadonly: boolean;
     formSize: "sm" | "md" | "lg";
+    collapsed: boolean;
+    defaultCollapsed: boolean;
+    collapsedWidth: string;
+    collapseButtonLabel: string;
+    expandButtonLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/AppTopBar.vue.d.ts

@@ -1,4 +1,4 @@
-import { TopBarPage, TopBarPageInput, TopBarTab, TopBarTabInput, TopBarTabOption, TopBarSettingsConfig, TopBarVariant, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginSwitcherInfo, PluginSwitcherPlugin, AccountMenuItem } from '../types/components';
+import { PillNavOption, TopBarSettingsConfig, TopBarVariant, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginSwitcherInfo, PluginSwitcherPlugin, AccountMenuItem } from '../types/components';
 interface Props {
     /** App or plugin title shown in the left title group when no page selector is present. */
     title?: string;
@@ -8,9 +8,9 @@ interface Props {
     showLogo?: boolean;
     /** Top bar visual treatment. */
     variant?: TopBarVariant;
-    /** Home link used by classic breadcrumb layouts. */
+    /** Home link used by the brand icon. */
     homePath?: string;
-    /** Preferred route-level page switch entries for plugin and platform pages. */
+    /** Preferred route-level page switch entries for plugin and platform pages. Integrated plugins read platform plugin.nav_items metadata automatically when pageSelector is omitted. */
     pageSelector?: PageSelectorItemInput[];
     /** Active id for the preferred page selector. */
     currentPageSelectorId?: string;
@@ -26,16 +26,6 @@ interface Props {
     showNotifications?: boolean;
     /** Draw a notification dot on the notifications icon. */
     hasNotificationDot?: boolean;
-    /** Compatibility breadcrumb plugin name. Prefer pageSelector for route-level pages. */
-    pluginName?: string;
-    /** Compatibility page dropdown items. Prefer pageSelector for new route-level navigation. */
-    pages?: TopBarPageInput[];
-    /** Active id for the compatibility page dropdown. */
-    currentPageId?: string;
-    /** Compatibility center tabs. Prefer pillNav for new in-page modes. */
-    tabs?: TopBarTabInput[];
-    /** Active id for compatibility center tabs. */
-    currentTabId?: string;
     /** Show the theme toggle button. */
     showThemeToggle?: boolean;
     /** Show the settings button and modal. */
@@ -85,21 +75,17 @@ declare function __VLS_template(): {
         }): any;
         'settings-appearance'?(_: {}): any;
     };
-    refs: {
-        dropdownRef: HTMLDivElement;
-    };
+    refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "sign-out": () => any;
-    "page-select": (page: TopBarPage) => any;
-    "tab-select": (tab: TopBarTab) => any;
-    "tab-option-select": (option: TopBarTabOption, tab: TopBarTab) => any;
     "profile-click": () => any;
     "admin-click": () => any;
     "page-selector-select": (page: PageSelectorItem) => any;
     "pill-select": (item: PillNavItem) => any;
+    "pill-option-select": (option: PillNavOption, item: PillNavItem) => any;
     "plugin-switcher-select": (plugin: PluginSwitcherPlugin) => any;
     "plugin-switcher-install": () => any;
     "account-menu-select": (item: AccountMenuItem) => any;
@@ -107,13 +93,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "settings-values-change": (data: Record<string, unknown>) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onSign-out"?: (() => any) | undefined;
-    "onPage-select"?: ((page: TopBarPage) => any) | undefined;
-    "onTab-select"?: ((tab: TopBarTab) => any) | undefined;
-    "onTab-option-select"?: ((option: TopBarTabOption, tab: TopBarTab) => any) | undefined;
     "onProfile-click"?: (() => any) | undefined;
     "onAdmin-click"?: (() => any) | undefined;
     "onPage-selector-select"?: ((page: PageSelectorItem) => any) | undefined;
     "onPill-select"?: ((item: PillNavItem) => any) | undefined;
+    "onPill-option-select"?: ((option: PillNavOption, item: PillNavItem) => any) | undefined;
     "onPlugin-switcher-select"?: ((plugin: PluginSwitcherPlugin) => any) | undefined;
     "onPlugin-switcher-install"?: (() => any) | undefined;
     "onAccount-menu-select"?: ((item: AccountMenuItem) => any) | undefined;
@@ -132,9 +116,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     showAdmin: boolean;
     adminPath: string;
     showProfile: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    dropdownRef: HTMLDivElement;
-}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/BioTemplateExperimentWorkspaceView.vue.d.ts

@@ -1,4 +1,4 @@
-import { toBioTemplateComponentProps, toBioTemplateComponentPropsByComponent, toBioTemplateComponentPropsById, BioTemplateEnvelope, BioTemplateComponentPropsLookupOptions, TemplateCollectionEnvelope } from '../templates';
+import { toBioTemplateComponentBindingsById, toBioTemplateComponentProps, toBioTemplateComponentPropsByComponent, toBioTemplateComponentPropsById, BioTemplateEnvelope, BioTemplateComponentPropsLookupOptions, TemplateCollectionEnvelope } from '../templates';
 type BioTemplateWorkspaceTarget = BioTemplateEnvelope<unknown> | TemplateCollectionEnvelope;
 type WorkspaceKind = 'template' | 'collection';
 interface TemplateWorkspaceStatus {
@@ -58,6 +58,7 @@ interface BioTemplateExperimentWorkspaceBindings {
         target: BioTemplateWorkspaceTarget;
     };
     componentProps: ReturnType<typeof toBioTemplateComponentProps>;
+    componentBindingsById: ReturnType<typeof toBioTemplateComponentBindingsById>;
     componentPropsById: ReturnType<typeof toBioTemplateComponentPropsById>;
     componentPropsByComponent: ReturnType<typeof toBioTemplateComponentPropsByComponent>;
     getComponentProps: typeof getComponentProps;
@@ -66,6 +67,7 @@ interface BioTemplateExperimentWorkspaceSlotProps {
     target: BioTemplateWorkspaceTarget;
     bindings: BioTemplateExperimentWorkspaceBindings;
     componentProps: ReturnType<typeof toBioTemplateComponentProps>;
+    componentBindingsById: ReturnType<typeof toBioTemplateComponentBindingsById>;
     componentPropsById: ReturnType<typeof toBioTemplateComponentPropsById>;
     componentPropsByComponent: ReturnType<typeof toBioTemplateComponentPropsByComponent>;
     getComponentProps: typeof getComponentProps;

package/dist/components/BioTemplatePackWorkspaceView.vue.d.ts

@@ -5,6 +5,7 @@ interface BioTemplatePackWorkspaceSlotProps {
     bindings: UseBioTemplatePackWorkspaceReturn['bindings']['value'];
     pack: UseBioTemplatePackWorkspaceReturn['pack'];
     target: BioTemplateEnvelope<unknown> | TemplateCollectionEnvelope;
+    componentBindingsById: UseBioTemplatePackWorkspaceReturn['componentBindingsById']['value'];
     componentProps: UseBioTemplatePackWorkspaceReturn['componentProps']['value'];
     componentPropsById: UseBioTemplatePackWorkspaceReturn['componentPropsById']['value'];
     componentPropsByComponent: UseBioTemplatePackWorkspaceReturn['componentPropsByComponent']['value'];

package/dist/components/BioTemplatePresetWorkspaceView.vue.d.ts

@@ -1,10 +1,12 @@
 import { BioTemplateControlValues, TemplatePresetId } from '../templates';
 import { UseBioTemplatePresetWorkspaceOptions, UseBioTemplatePresetWorkspaceReturn } from '../composables/useBioTemplatePresetWorkspace';
+type BioTemplatePresetSidebarVariant = 'default' | 'analysis';
 interface BioTemplatePresetWorkspaceSlotProps {
     workspace: UseBioTemplatePresetWorkspaceReturn;
     bindings: UseBioTemplatePresetWorkspaceReturn['bindings'];
     collection: UseBioTemplatePresetWorkspaceReturn['collection']['value'];
     renderer: UseBioTemplatePresetWorkspaceReturn['renderer']['value'];
+    componentBindingsById: UseBioTemplatePresetWorkspaceReturn['componentBindingsById']['value'];
     componentProps: UseBioTemplatePresetWorkspaceReturn['componentProps']['value'];
     componentPropsById: UseBioTemplatePresetWorkspaceReturn['componentPropsById']['value'];
     componentPropsByComponent: UseBioTemplatePresetWorkspaceReturn['componentPropsByComponent']['value'];
@@ -27,6 +29,8 @@ interface Props {
     label?: string;
     /** Sidebar CSS width. */
     sidebarWidth?: string;
+    /** AppSidebar visual preset. `analysis` matches the LEAF-style MINT analysis sidebar design language. */
+    sidebarVariant?: BioTemplatePresetSidebarVariant;
     /** Compact sidebar and preview layout. */
     dense?: boolean;
     /** Render preview components in read-only mode. */
@@ -64,6 +68,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     initialValues: BioTemplateControlValues;
     dense: boolean;
     sidebarWidth: string;
+    sidebarVariant: BioTemplatePresetSidebarVariant;
     workspace: UseBioTemplatePresetWorkspaceReturn;
     preset: TemplatePresetId;
     showStatus: boolean;

package/dist/components/ComponentBindingRenderer.vue.d.ts

@@ -0,0 +1,44 @@
+export interface ComponentBindingRendererBinding {
+    id?: string;
+    component: string;
+    props?: Record<string, unknown> | readonly string[];
+    propsObject?: Record<string, unknown>;
+    description?: string;
+    template_id?: string;
+}
+type ComponentBindingRendererLayout = 'grid' | 'stack';
+interface Props {
+    /** Single generated SDK component binding to render. */
+    binding?: ComponentBindingRendererBinding;
+    /** Generated SDK component bindings to render. */
+    bindings?: ComponentBindingRendererBinding[];
+    /** Optional allow-list of component names, for example ['WellPlate', 'DataFrame']. */
+    include?: string[];
+    /** Optional deny-list of component names. */
+    exclude?: string[];
+    /** Compact child component sizing. */
+    dense?: boolean;
+    /** Prefer preview-safe props for editable components. */
+    readonly?: boolean;
+    /** Show component/template labels above each rendered component. */
+    showHeaders?: boolean;
+    /** Show binding descriptions in each header. */
+    showDescriptions?: boolean;
+    /** Grid or vertical stack layout. */
+    layout?: ComponentBindingRendererLayout;
+    /** Message shown when no binding can be rendered. */
+    emptyText?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
+    layout: ComponentBindingRendererLayout;
+    binding: ComponentBindingRendererBinding;
+    include: string[];
+    exclude: string[];
+    emptyText: string;
+    dense: boolean;
+    bindings: ComponentBindingRendererBinding[];
+    showHeaders: boolean;
+    showDescriptions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ControlWorkspaceView.vue.d.ts

@@ -1,19 +1,21 @@
 import { TopBarVariant } from '../types';
 import { FormEnhancements } from '../types/form-builder';
-import { ControlComponentPropsByIdMap, ControlComponentPropsMap, ControlModel, ControlModelBinding, ControlSchema, ControlWorkspaceOptions, UseControlWorkspaceReturn } from '../composables/useControlSchema';
-type ControlWorkspaceNavigation = 'tabs' | 'pill';
+import { ControlComponentBindingsConfig, ControlComponentPropsByIdMap, ControlComponentPropsMap, ControlModel, ControlModelBinding, ControlSchema, ControlWorkspaceOptions, UseControlWorkspaceReturn } from '../composables/useControlSchema';
+type ControlWorkspaceSidebarVariant = 'default' | 'analysis';
 type ResolvedControlWorkspace = UseControlWorkspaceReturn<ControlSchema>;
 interface ControlWorkspaceDefaultSlotProps {
     workspace: ResolvedControlWorkspace;
     bindings: ResolvedControlWorkspace['bindings'];
     values: ResolvedControlWorkspace['values'];
+    componentBindings: ReturnType<ResolvedControlWorkspace['getComponentBindings']>;
+    componentBindingsById: ReturnType<ResolvedControlWorkspace['getComponentBindingsById']>;
     componentProps: ReturnType<ResolvedControlWorkspace['getComponentProps']>;
     componentPropsById: ReturnType<ResolvedControlWorkspace['getComponentPropsById']>;
 }
 interface ControlWorkspaceTopbarSlotProps {
     workspace: ResolvedControlWorkspace;
     bindings: ResolvedControlWorkspace['bindings'];
-    topBar: ResolvedControlWorkspace['topBar'];
+    topBar: ResolvedControlWorkspace['bindings']['topBar']['value'];
 }
 interface ControlWorkspaceSidebarSlotProps {
     workspace: ResolvedControlWorkspace;
@@ -41,12 +43,20 @@ interface Props {
     subtitle?: string;
     /** AppTopBar visual variant. */
     topBarVariant?: TopBarVariant;
-    /** AppTopBar generated navigation style. "pill" uses the preferred AppPillNav surface; "tabs" keeps the legacy prop surface. */
-    navigation?: ControlWorkspaceNavigation;
     /** AppSidebar/AppLayout sidebar width. */
     sidebarWidth?: string;
+    /** AppSidebar visual preset. `analysis` matches the LEAF-style MINT analysis sidebar design language. */
+    sidebarVariant?: ControlWorkspaceSidebarVariant;
+    /** Convert the sidebar into an SDK-owned mobile overlay below the AppLayout breakpoint. */
+    responsiveSidebar?: boolean;
     /** Sidebar position in AppLayout. */
     sidebarPosition?: 'left' | 'right';
+    /** Optional AppSidebar chrome title for LEAF-style plugin workbenches. */
+    sidebarTitle?: string;
+    /** Optional AppSidebar chrome subtitle for active experiment/run context. */
+    sidebarSubtitle?: string;
+    /** Optional compact badge/count rendered in the AppSidebar chrome header. */
+    sidebarBadge?: string | number;
     /** Floating AppLayout style. */
     floating?: boolean;
     /** Compact AppSidebar density. */
@@ -57,6 +67,8 @@ interface Props {
     showFormActions?: boolean;
     /** Runtime FormBuilder enhancements passed to generated forms. */
     formEnhancements?: FormEnhancements<Record<string, unknown>>;
+    /** Optional SDK component bindings exposed to the default slot with resolved props. */
+    componentBindings?: ControlComponentBindingsConfig;
     /** Optional mapping from workspace values to component props exposed to the default slot. */
     componentProps?: ControlComponentPropsMap;
     /** Optional named mappings from workspace values to component props exposed to the default slot. */
@@ -104,11 +116,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     controls: ControlSchema;
     controlOptions: ControlWorkspaceOptions;
     model: ControlModel | ControlModelBinding;
+    componentBindings: ControlComponentBindingsConfig;
     componentProps: ControlComponentPropsMap;
     componentPropsById: ControlComponentPropsByIdMap;
     dense: boolean;
     showSettings: boolean;
-    navigation: ControlWorkspaceNavigation;
     floating: boolean;
     formEnhancements: FormEnhancements<Record<string, unknown>>;
     showFormActions: boolean;
@@ -118,8 +130,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     formSize: "sm" | "md" | "lg";
     sidebarPosition: "left" | "right";
     sidebarWidth: string;
-    workspace: UseControlWorkspaceReturn<ControlSchema>;
+    responsiveSidebar: boolean;
     topBarVariant: TopBarVariant;
+    sidebarTitle: string;
+    sidebarSubtitle: string;
+    sidebarBadge: string | number;
+    sidebarVariant: ControlWorkspaceSidebarVariant;
+    workspace: UseControlWorkspaceReturn<ControlSchema>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/DoseDesignWorkspaceView.vue.d.ts

@@ -0,0 +1,149 @@
+import { TopBarVariant } from '../types';
+import { FormEnhancements } from '../types/form-builder';
+import { ControlModel, ControlModelBinding, ControlSchema, ControlWorkspaceOptions, DoseDesignControlModelOptions, UseControlWorkspaceReturn } from '../composables/useControlSchema';
+type DoseDesignSidebarVariant = 'default' | 'analysis';
+type ComponentProps = Record<string, unknown>;
+type ComponentPropsById = Record<string, ComponentProps>;
+type ComponentBinding = {
+    id: string;
+    component: string;
+    props: ComponentProps;
+};
+type ComponentBindingsById = Record<string, ComponentBinding>;
+type ResolvedControlWorkspace = UseControlWorkspaceReturn<ControlSchema>;
+interface DoseDesignWorkspaceSlotProps {
+    workspace: ResolvedControlWorkspace;
+    bindings: ResolvedControlWorkspace['bindings'];
+    values: ResolvedControlWorkspace['values'];
+    componentBindings: ComponentBinding[];
+    componentBindingsById: ComponentBindingsById;
+    componentPropsById: ComponentPropsById;
+    wellPlateProps: ComponentProps;
+    doseCalculatorProps: ComponentProps;
+}
+interface Props {
+    /** Model returned by defineDoseDesignControlModel(), or a custom compatible ControlWorkspace model. */
+    model?: ControlModel | ControlModelBinding;
+    /** Workspace returned by useControlWorkspace(). Use for full manual control. */
+    workspace?: UseControlWorkspaceReturn<ControlSchema>;
+    /** Options used when this view creates the default dose-design model internally. */
+    doseDesignOptions?: DoseDesignControlModelOptions;
+    /** Options passed to the internally generated ControlWorkspaceView workspace. */
+    controlOptions?: ControlWorkspaceOptions;
+    /** Initial values for the internally generated workspace. */
+    initialValues?: Record<string, unknown>;
+    /** External values for the internally generated workspace. Supports default v-model. */
+    modelValue?: Record<string, unknown>;
+    /** External values for the internally generated workspace. Supports v-model:values. */
+    values?: Record<string, unknown>;
+    /** Named component props id for the generated WellPlate binding. */
+    plateId?: string;
+    /** Named component props id for the generated DoseCalculator binding. */
+    doseId?: string;
+    /** Extra props merged into the generated WellPlate binding. */
+    wellPlateProps?: ComponentProps;
+    /** Extra props merged into the generated DoseCalculator binding. */
+    doseCalculatorProps?: ComponentProps;
+    /** AppTopBar title. */
+    title?: string;
+    /** AppTopBar subtitle. */
+    subtitle?: string;
+    /** AppTopBar visual variant. */
+    topBarVariant?: TopBarVariant;
+    /** AppSidebar/AppLayout sidebar width. */
+    sidebarWidth?: string;
+    /** AppSidebar visual preset. `analysis` matches the LEAF-style MINT analysis sidebar design language. */
+    sidebarVariant?: DoseDesignSidebarVariant;
+    /** Convert the sidebar into an SDK-owned mobile overlay below the AppLayout breakpoint. */
+    responsiveSidebar?: boolean;
+    /** Sidebar position in AppLayout. */
+    sidebarPosition?: 'left' | 'right';
+    /** Optional AppSidebar chrome title for LEAF-style plugin workbenches. */
+    sidebarTitle?: string;
+    /** Optional AppSidebar chrome subtitle for active experiment/run context. */
+    sidebarSubtitle?: string;
+    /** Optional compact badge/count rendered in the AppSidebar chrome header. */
+    sidebarBadge?: string | number;
+    /** Floating AppLayout style. */
+    floating?: boolean;
+    /** Compact AppSidebar density. */
+    dense?: boolean;
+    /** Whether AppTopBar should show generated settings. */
+    showSettings?: boolean;
+    /** Render FormBuilder actions in the default generated forms. */
+    showFormActions?: boolean;
+    /** Runtime FormBuilder enhancements passed to generated forms. */
+    formEnhancements?: FormEnhancements<Record<string, unknown>>;
+    /** Loading/saving state passed to generated forms. */
+    formLoading?: boolean;
+    /** Disabled state passed to generated forms. */
+    formDisabled?: boolean;
+    /** Readonly state passed to generated forms. */
+    formReadonly?: boolean;
+    /** FormBuilder size in generated forms. */
+    formSize?: 'sm' | 'md' | 'lg';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: (props: DoseDesignWorkspaceSlotProps) => unknown;
+        plate?: (props: DoseDesignWorkspaceSlotProps) => unknown;
+        dose?: (props: DoseDesignWorkspaceSlotProps) => unknown;
+    }> & {
+        default?: (props: DoseDesignWorkspaceSlotProps) => unknown;
+        plate?: (props: DoseDesignWorkspaceSlotProps) => unknown;
+        dose?: (props: DoseDesignWorkspaceSlotProps) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (values: Record<string, unknown>) => any;
+    submit: (values: Record<string, unknown>) => any;
+    cancel: () => any;
+    "update:values": (values: Record<string, unknown>) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((values: Record<string, unknown>) => any) | undefined;
+    onSubmit?: ((values: Record<string, unknown>) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    "onUpdate:values"?: ((values: Record<string, unknown>) => any) | undefined;
+}>, {
+    values: Record<string, unknown>;
+    modelValue: Record<string, unknown>;
+    title: string;
+    subtitle: string;
+    initialValues: Record<string, unknown>;
+    controlOptions: ControlWorkspaceOptions;
+    model: ControlModel | ControlModelBinding;
+    dense: boolean;
+    showSettings: boolean;
+    floating: boolean;
+    formEnhancements: FormEnhancements<Record<string, unknown>>;
+    showFormActions: boolean;
+    formLoading: boolean;
+    formDisabled: boolean;
+    formReadonly: boolean;
+    formSize: "sm" | "md" | "lg";
+    sidebarPosition: "left" | "right";
+    sidebarWidth: string;
+    responsiveSidebar: boolean;
+    topBarVariant: TopBarVariant;
+    sidebarTitle: string;
+    sidebarSubtitle: string;
+    sidebarBadge: string | number;
+    sidebarVariant: DoseDesignSidebarVariant;
+    workspace: UseControlWorkspaceReturn<ControlSchema>;
+    doseDesignOptions: DoseDesignControlModelOptions;
+    plateId: string;
+    doseId: string;
+    wellPlateProps: ComponentProps;
+    doseCalculatorProps: ComponentProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ExperimentTimeline.vue.d.ts

@@ -34,9 +34,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: ProtocolStep[];
     collapsible: boolean;
     orientation: "horizontal" | "vertical";
-    editable: boolean;
     showDuration: boolean;
     showTime: boolean;
+    editable: boolean;
     expandedStepId: string;
     colorByStatus: boolean;
     colorByType: boolean;