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

package/README.md

@@ -4,8 +4,8 @@ Vue 3 SDK for MINT Platform plugin development. Provides reusable components, co
 
 > **Full Documentation:** See the [comprehensive docs](../../docs/index.md) for detailed API reference and guides.
 > - [API Reference](../../docs/frontend/api-reference.md)
-> - [Component Catalog](../../docs/frontend/components.md) - All 32 components with props/events
-> - [Composables Reference](../../docs/frontend/composables.md) - All 9 composables with examples
+> - [Component Catalog](../../docs/frontend/components.md) - All public components with props/events
+> - [Composables Reference](../../docs/frontend/composables.md) - All public composables with examples
 > - [Theming Guide](../../docs/frontend/theming.md) - CSS variables and customization
 
 ## Installation
@@ -79,21 +79,226 @@ async function handleSubmit() {
 </template>
 ```
 
+### 4. Use Generated Plugin Clients
+
+For plugin frontends scaffolded by `mint init`, run this from the plugin root:
+
+```bash
+mint sdk generate
+```
+
+Use `mint sdk generate --check --json` when CI or editor tasks need machine-readable contract drift status.
+
+Then call backend routes through the generated client:
+
+```typescript
+import { useGeneratedPluginClient } from './generated/mint-plugin'
+
+const pluginClient = useGeneratedPluginClient()
+const health = await pluginClient.health()
+```
+
+Generated files also expose typed plugin settings when the backend declares a
+`settings_model`:
+
+```typescript
+import { useGeneratedPluginSettings } from './generated/mint-plugin'
+
+const { settings } = useGeneratedPluginSettings()
+const threshold = settings.value?.threshold
+```
+
+The generated client is built from backend plugin metadata, FastAPI routes, and Pydantic schemas, and uses the frontend SDK to resolve the API prefix automatically.
+Routes with an `experimentId` path parameter can omit it inside an experiment page; the client reads the current platform experiment from injected context or the URL:
+
+```typescript
+await pluginClient.analyze({ body: { parameters: { threshold: '0.05' } } })
+```
+
+Use `useCurrentExperiment()` when a plugin view needs the platform experiment selected in the URL or injected context:
+
+```typescript
+import { useCurrentExperiment } from '@morscherlab/mint-sdk'
+
+const {
+  experimentId,
+  hasExperiment,
+  requireExperimentId,
+  experiment,
+  isLoading,
+  refresh,
+} = useCurrentExperiment()
+
+async function saveCurrentExperiment() {
+  if (!hasExperiment.value) return
+  const id = requireExperimentId()
+  // Use id for platform APIs or explicit cross-experiment overrides.
+}
+```
+
+### 5. Use Biology Data Templates
+
+Plugin frontends can import standard biology template builders and adapters instead of inventing ad-hoc JSON shapes:
+
+```typescript
+import {
+  createWellPlateScreenCollection,
+  createTemplateCollection,
+  createPlateMapTemplate,
+  createSampleSheetTemplate,
+  ensureTemplateFromCollection,
+  listBioTemplateCatalog,
+  listBioTemplatePresets,
+  toPlateMapEditorState,
+  toTemplateDataFrame,
+} from '@morscherlab/mint-sdk/templates'
+
+const catalog = listBioTemplateCatalog()
+const presets = listBioTemplatePresets()
+const template = createPlateMapTemplate({
+  samples: ['Control', 'Treatment'],
+})
+const plateEditorState = toPlateMapEditorState(template)
+
+const sampleFrame = toTemplateDataFrame(createSampleSheetTemplate({
+  samples: [{ sampleId: 'S001', name: 'Control 1' }],
+}))
+// <DataFrame v-bind="sampleFrame" />
+
+const collection = createTemplateCollection([template])
+const loadedPlate = ensureTemplateFromCollection(collection, 'plate-map')
+
+const screenCollection = createWellPlateScreenCollection({
+  samples: ['Control', 'Treatment'],
+  compounds: { 'Drug A': [10, 1, 0.1] },
+  unit: 'uM',
+})
+```
+
+For frontend wiring, `useBioTemplateWorkspace()` combines the generated
+controls, sidebar/forms, renderer props, and SDK component bindings:
+
+```typescript
+import { useBioTemplateWorkspace } from '@morscherlab/mint-sdk'
+import { createWellPlateScreenCollection } from '@morscherlab/mint-sdk/templates'
+
+const collection = createWellPlateScreenCollection({
+  samples: ['Control', 'Treatment'],
+  compounds: { 'Drug A': [10, 1, 0.1] },
+})
+const workspace = useBioTemplateWorkspace(collection)
+
+// <AppSidebar v-bind="workspace.sidebar" />
+// <FormBuilder v-bind="workspace.form" />
+// <BioTemplateRenderer v-if="workspace.renderer" v-bind="workspace.renderer" />
+```
+
+For editable built-in presets, `useBioTemplatePresetWorkspace()` also manages
+the generated control values, collection updates, and current-experiment save:
+
+```typescript
+import { BioTemplatePresetWorkspaceView, useBioTemplatePresetWorkspace } from '@morscherlab/mint-sdk'
+
+const workspace = useBioTemplatePresetWorkspace('wellplate-screen')
+
+// <BioTemplatePresetWorkspaceView :workspace="workspace" />
+```
+
+For custom plugin tools, pass one workspace model to `ControlWorkspaceView` to
+generate `AppTopBar`, `AppSidebar`, `FormBuilder`, component prop bindings, and
+their shared values from the same source:
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { ControlWorkspaceView, defineControlModel } from '@morscherlab/mint-sdk'
+
+const workspaceModel = defineControlModel({
+  views: {
+    analysis: {
+      label: 'Analysis',
+      sections: {
+        parameters: {
+          label: 'Parameters',
+          controls: {
+            threshold: { type: 'number', default: 0.05, min: 0, max: 1 },
+            method: ['linear', 'logistic'],
+            saveResults: true,
+          },
+        },
+      },
+    },
+  },
+})
+const values = ref({})
+</script>
+
+<template>
+  <ControlWorkspaceView v-model="values" :model="workspaceModel" title="Analysis" />
+</template>
+```
+
+Use `defineControls()` for flat forms, and use `useControlWorkspace()`
+directly only when a plugin needs full manual control over the generated
+`AppTopBar`, `AppSidebar`, or `FormBuilder` bindings.
+
+For WellPlate + DoseCalculator pages, start from the dose-design preset instead
+of writing the sidebar controls and component prop mappings yourself:
+
+```vue
+<script setup lang="ts">
+import { ControlWorkspaceView, DoseCalculator, WellPlate, defineDoseDesignControlModel } from '@morscherlab/mint-sdk'
+
+const workspaceModel = defineDoseDesignControlModel({
+  selectedWells: ['A1', 'A2'],
+  includeMolecularWeight: true,
+})
+</script>
+
+<template>
+  <ControlWorkspaceView :model="workspaceModel" title="Dose Design" v-slot="{ componentPropsById }">
+    <WellPlate v-bind="componentPropsById.plate" />
+    <DoseCalculator v-bind="componentPropsById.dose" />
+  </ControlWorkspaceView>
+</template>
+```
+
+Built-in templates include `plate-map`, `sample-sheet`, `sample-prep`,
+`dose-response`, `calibration-curve`, `time-course`, `protocol-steps`, `assay-matrix`,
+`reagent-list`, `flow-cytometry-panel`, `instrument-run`, and `qpcr-plate`. In
+plugin projects, `mint add data-template <name> --page` generates the
+matching backend route, typed frontend composable, and starter view.
+Generated composables use `ensureTemplateEnvelope()` to validate backend
+template payloads before assigning typed frontend state. Use
+`createTemplateCollection()`, `extractTemplateCollection()`, and
+`ensureTemplateFromCollection()` when a plugin view reads or writes the shared
+`design_data.templates` layout. `mint add data-template-pack <name> --page`
+generates a pack-level composable that uses these helpers for curated
+experiment scaffolds.
+Use `mint add data-template-pack <name> --page` for curated sets such as
+`cell-culture-screen`, `omics-assay`, `longitudinal-study`, and
+`molecular-assay`.
+For no-scaffold defaults that can be saved directly to `design_data`, use
+template presets such as `createWellPlateScreenCollection()`,
+`createQpcrExpressionCollection()`, `createLcmsBatchCollection()`, and
+`createWesternBlotAssayCollection()`.
+
 ## Components
 
 ### Base Components
 - `BaseButton` - Button with variants (primary, secondary, cta, danger, success, ghost)
 - `BaseInput` - Text input with validation states
 - `BaseSelect` - Dropdown select with generic typing
-- `BaseTabs` - Tab navigation with underline/pills/bordered variants
+- `BaseTabs` - Tab navigation with underline and pills variants
 - `BaseModal` - Modal dialog with Teleport
 
 ### Form Components
 - `FormField` - Form field wrapper with label, error, and hint
+- `FormBuilder` - Schema-driven forms from full `schema` objects or compact `controls`
 
 ### Feedback Components
 - `AlertBox` - Alert messages (success, error, warning, info)
-- `ToastNotification` - Toast notification container
+- `AppToastContainer` - Toast notification container for the global `useToast()` queue
 
 ### Action Components
 - `IconButton` - Icon-only button with accessibility
@@ -102,16 +307,30 @@ async function handleSubmit() {
 ### Layout Components
 - `CollapsibleCard` - Expandable card sections with optional icon badge and toggle switch
 - `AppTopBar` - Application header with slots
-- `AppSidebar` - Sidebar navigation
+- `AppSidebar` - Context sidebar that accepts panels/forms or a compact `controls` schema
+
+### Biological Template Components
+- `BioTemplateRenderer` - Render template envelopes or collections with matching SDK components
+- `BioTemplateExperimentWorkspaceView` - Current-experiment load/save/reset workspace for one template or collection
+- `BioTemplatePresetWorkspaceView` - Full editable preset workspace from `useBioTemplatePresetWorkspace()`
 
 ### File & Data Components
 - `FileUploader` - Drag-and-drop file upload with file/folder mode support
 
 ### Sample Management Components
 - `SampleSelector` - Hierarchical sample grouping with auto-group and CSV metadata import
-- `GroupingModal` - Modal for CSV-based metadata grouping
+- `AutoGroupModal` - Smart sample grouping wizard for names and design metadata
 - `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__/components/ActionItem.test.d.ts

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

package/dist/__tests__/components/AppAvatarMenu.test.d.ts

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

package/dist/__tests__/components/AppPageSelector.test.d.ts

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

package/dist/__tests__/components/AppPillNav.test.d.ts

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

package/dist/__tests__/components/AppPluginSwitcher.test.d.ts

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

package/dist/__tests__/components/AppToastContainer.test.d.ts

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

package/dist/__tests__/components/BaseRadioGroup.test.d.ts

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

package/dist/__tests__/components/BaseSelect.test.d.ts

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

package/dist/__tests__/components/BaseTabs.test.d.ts

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

package/dist/__tests__/components/BatchProgressList.test.d.ts

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

package/dist/__tests__/components/BioTemplateExperimentWorkspaceView.test.d.ts

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

package/dist/__tests__/components/BioTemplatePackWorkspaceView.test.d.ts

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

package/dist/__tests__/components/BioTemplatePresetWorkspaceView.test.d.ts

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

package/dist/__tests__/components/BioTemplateRenderer.test.d.ts

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

package/dist/__tests__/components/Breadcrumb.test.d.ts

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

package/dist/__tests__/components/CalendarGridPanel.test.d.ts

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

package/dist/__tests__/components/ComponentBindingRenderer.test.d.ts

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

package/dist/__tests__/components/ConcentrationInput.test.d.ts

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

package/dist/__tests__/components/ControlWorkspaceView.test.d.ts

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

package/dist/__tests__/components/DatePicker.test.d.ts

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

package/dist/__tests__/components/DateTimePicker.test.d.ts

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

package/dist/__tests__/components/DoseDesignWorkspaceView.test.d.ts

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

package/dist/__tests__/components/EmptyState.test.d.ts

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

package/dist/__tests__/components/ExperimentPopover.test.d.ts

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

package/dist/__tests__/components/FormBuilder.test.d.ts

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

package/dist/__tests__/components/GroupAssigner.test.d.ts

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

package/dist/__tests__/components/MultiSelect.test.d.ts

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

package/dist/__tests__/components/PluginWorkspaceView.test.d.ts

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

package/dist/__tests__/components/ProtocolStepEditor.test.d.ts

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

package/dist/__tests__/components/ReagentList.test.d.ts

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

package/dist/__tests__/components/SampleHierarchyTree.test.d.ts

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

package/dist/__tests__/components/SampleSelector.test.d.ts

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

package/dist/__tests__/components/SegmentedControl.test.d.ts

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

package/dist/__tests__/components/SettingsModal.test.d.ts

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

package/dist/__tests__/components/TagsInput.test.d.ts

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

package/dist/__tests__/components/ThemeToggle.test.d.ts

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

package/dist/__tests__/components/TimePicker.test.d.ts

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

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/__tests__/composables/useBioTemplatePackWorkspace.test.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -9,5 +9,6 @@
  * - table_data / tableData
  * - summary_data validation (must have a `metadata` key)
  * - load / refresh / error paths
+ * - lastLoadedAt tracks successful syncs
  */
 export {};

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

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

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

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

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

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

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

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

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

@@ -9,6 +9,7 @@
  * - save() PATCHes the endpoint, updates savedConfig, returns true
  * - isDirty reflects user edits vs last saved state
  * - reset() restores config to savedConfig and clears error
+ * - lastLoadedAt / lastSavedAt track successful syncs
  * - error messages bubble up from network failures
  */
 export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/__tests__/docs/frontendDocsCatalog.test.d.ts

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

package/dist/__tests__/templates/templates.test.d.ts

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

package/dist/{auth-DsI0rQ7_.js → auth-QQj2kkze.js}

@@ -63,6 +63,10 @@ function saveSettings(settings) {
 		console.warn("Failed to save settings to localStorage:", e);
 	}
 }
+function getSystemPrefersDark() {
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+	return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
 var useSettingsStore = defineStore("mint-settings", () => {
 	const serverHost = ref(defaultSettings.serverHost);
 	const serverPort = ref(defaultSettings.serverPort);
@@ -70,6 +74,7 @@ var useSettingsStore = defineStore("mint-settings", () => {
 	const wsAutoReconnect = ref(defaultSettings.wsAutoReconnect);
 	const wsReconnectInterval = ref(defaultSettings.wsReconnectInterval);
 	const theme = ref(defaultSettings.theme);
+	const systemPrefersDark = ref(getSystemPrefersDark());
 	const colorPalette = ref(defaultSettings.colorPalette);
 	const tableDensity = ref(defaultSettings.tableDensity);
 	const apiPrefix = "/api";
@@ -110,14 +115,16 @@ var useSettingsStore = defineStore("mint-settings", () => {
 		applyTheme();
 	}
 	function applyTheme() {
-		const dark = theme.value === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches : theme.value === "dark";
+		if (typeof document === "undefined") return;
+		const dark = theme.value === "system" ? systemPrefersDark.value : theme.value === "dark";
 		document.documentElement.classList.toggle("dark", dark);
 	}
 	watch(theme, () => {
 		applyTheme();
 		persistSettings();
 	});
-	if (typeof window !== "undefined") window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+	if (typeof window !== "undefined" && typeof window.matchMedia === "function") window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (event) => {
+		systemPrefersDark.value = event.matches;
 		if (theme.value === "system") applyTheme();
 	});
 	function persistSettings() {
@@ -157,8 +164,7 @@ var useSettingsStore = defineStore("mint-settings", () => {
 		return colorPalettes[colorPalette.value].hues;
 	}
 	function isDark() {
-		if (theme.value === "system") return window.matchMedia("(prefers-color-scheme: dark)").matches;
-		return theme.value === "dark";
+		return theme.value === "system" ? systemPrefersDark.value : theme.value === "dark";
 	}
 	return {
 		serverHost,
@@ -167,6 +173,7 @@ var useSettingsStore = defineStore("mint-settings", () => {
 		wsAutoReconnect,
 		wsReconnectInterval,
 		theme,
+		systemPrefersDark,
 		colorPalette,
 		tableDensity,
 		initialize,
@@ -294,4 +301,4 @@ var useAuthStore = defineStore("mint-auth", () => {
 //#endregion
 export { colorPalettes as n, useSettingsStore as r, useAuthStore as t };
 
-//# sourceMappingURL=auth-DsI0rQ7_.js.map
+//# sourceMappingURL=auth-QQj2kkze.js.map

package/dist/auth-QQj2kkze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-QQj2kkze.js","names":[],"sources":["../src/stores/settings.ts","../src/stores/auth.ts"],"sourcesContent":["import { defineStore } from 'pinia'\nimport { ref, watch } from 'vue'\nimport type { ThemeMode, ColorPalette, TableDensity } from '../types'\n\ndeclare global {\n  interface ImportMetaEnv {\n    readonly VITE_API_PREFIX?: string\n  }\n\n  interface ImportMeta {\n    readonly env: ImportMetaEnv\n  }\n}\n\nexport interface SettingsState {\n  serverHost: string\n  serverPort: number\n  requestTimeout: number\n  wsAutoReconnect: boolean\n  wsReconnectInterval: number\n  theme: ThemeMode\n  colorPalette: ColorPalette\n  tableDensity: TableDensity\n}\n\nconst STORAGE_KEY = 'mint-settings'\n\nfunction getDefaultServerHost(): string {\n  if (typeof window !== 'undefined' && window.location.hostname !== 'localhost') {\n    return window.location.hostname\n  }\n  return 'localhost'\n}\n\nfunction getDefaultServerPort(): number {\n  if (typeof window !== 'undefined') {\n    if (window.location.port) {\n      return parseInt(window.location.port, 10)\n    }\n    // Standard ports: 443 for HTTPS, 80 for HTTP (browser omits from location.port)\n    return window.location.protocol === 'https:' ? 443 : 80\n  }\n  return 8000\n}\n\nconst defaultSettings: SettingsState = {\n  serverHost: getDefaultServerHost(),\n  serverPort: getDefaultServerPort(),\n  requestTimeout: 120000,\n  wsAutoReconnect: true,\n  wsReconnectInterval: 5000,\n  theme: 'system',\n  colorPalette: 'default',\n  tableDensity: 'normal',\n}\n\nexport const colorPalettes: Record<ColorPalette, { name: string; hues: [number, number] }> = {\n  default: { name: 'Default (Cyan-Pink)', hues: [180, 320] },\n  colorblind: { name: 'Colorblind-friendly', hues: [45, 260] },\n  viridis: { name: 'Viridis', hues: [280, 80] },\n  pastel: { name: 'Pastel', hues: [200, 340] },\n}\n\nfunction loadSettings(): SettingsState {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY)\n    if (stored) {\n      const parsed = JSON.parse(stored)\n      return { ...defaultSettings, ...parsed }\n    }\n  } catch (e) {\n    console.warn('Failed to load settings from localStorage:', e)\n  }\n  return { ...defaultSettings }\n}\n\nfunction saveSettings(settings: SettingsState): void {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(settings))\n  } catch (e) {\n    console.warn('Failed to save settings to localStorage:', e)\n  }\n}\n\nfunction getSystemPrefersDark(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false\n  return window.matchMedia('(prefers-color-scheme: dark)').matches\n}\n\nexport const useSettingsStore = defineStore('mint-settings', () => {\n  // State\n  const serverHost = ref(defaultSettings.serverHost)\n  const serverPort = ref(defaultSettings.serverPort)\n  const requestTimeout = ref(defaultSettings.requestTimeout)\n  const wsAutoReconnect = ref(defaultSettings.wsAutoReconnect)\n  const wsReconnectInterval = ref(defaultSettings.wsReconnectInterval)\n  const theme = ref<ThemeMode>(defaultSettings.theme)\n  const systemPrefersDark = ref(getSystemPrefersDark())\n  const colorPalette = ref<ColorPalette>(defaultSettings.colorPalette)\n  const tableDensity = ref<TableDensity>(defaultSettings.tableDensity)\n\n  // API prefix - can be configured via env variable VITE_API_PREFIX\n  const apiPrefix: string = (import.meta.env?.VITE_API_PREFIX as string | undefined) ?? '/api'\n\n  function _isSameOrigin(): { same: boolean; currentHost: string; currentPort: string } {\n    const currentHost = typeof window !== 'undefined' ? window.location.hostname : 'localhost'\n    const currentPort = typeof window !== 'undefined' ? window.location.port : '8000'\n    const effectivePort = currentPort || (window.location.protocol === 'https:' ? '443' : '80')\n    const same =\n      (serverHost.value === currentHost && String(serverPort.value) === effectivePort) ||\n      (serverHost.value === 'localhost' && currentHost !== 'localhost')\n    return { same, currentHost, currentPort }\n  }\n\n  function getApiBaseUrl(): string {\n    const { same } = _isSameOrigin()\n    if (same) return apiPrefix\n    return `http://${serverHost.value}:${serverPort.value}${apiPrefix}`\n  }\n\n  function getWsBaseUrl(): string {\n    const { same, currentHost, currentPort } = _isSameOrigin()\n    const protocol = typeof window !== 'undefined' && window.location.protocol === 'https:' ? 'wss:' : 'ws:'\n    if (same) return `${protocol}//${currentHost}${currentPort ? ':' + currentPort : ''}${apiPrefix}`\n    return `ws://${serverHost.value}:${serverPort.value}${apiPrefix}`\n  }\n\n  let _initialized = false\n\n  function initialize() {\n    if (_initialized) return\n    _initialized = true\n\n    const loaded = loadSettings()\n    serverHost.value = loaded.serverHost\n    serverPort.value = loaded.serverPort\n    requestTimeout.value = loaded.requestTimeout\n    wsAutoReconnect.value = loaded.wsAutoReconnect\n    wsReconnectInterval.value = loaded.wsReconnectInterval\n    theme.value = loaded.theme\n    colorPalette.value = loaded.colorPalette\n    tableDensity.value = loaded.tableDensity\n\n    applyTheme()\n  }\n\n  function applyTheme() {\n    if (typeof document === 'undefined') return\n    const dark = theme.value === 'system' ? systemPrefersDark.value : theme.value === 'dark'\n    document.documentElement.classList.toggle('dark', dark)\n  }\n\n  watch(theme, () => {\n    applyTheme()\n    persistSettings()\n  })\n\n  if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\n    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (event) => {\n      systemPrefersDark.value = event.matches\n      if (theme.value === 'system') {\n        applyTheme()\n      }\n    })\n  }\n\n  function persistSettings() {\n    saveSettings({\n      serverHost: serverHost.value,\n      serverPort: serverPort.value,\n      requestTimeout: requestTimeout.value,\n      wsAutoReconnect: wsAutoReconnect.value,\n      wsReconnectInterval: wsReconnectInterval.value,\n      theme: theme.value,\n      colorPalette: colorPalette.value,\n      tableDensity: tableDensity.value,\n    })\n  }\n\n  watch([serverHost, serverPort, requestTimeout, wsAutoReconnect, wsReconnectInterval, colorPalette, tableDensity], () => {\n    persistSettings()\n  })\n\n  function resetToDefaults() {\n    serverHost.value = defaultSettings.serverHost\n    serverPort.value = defaultSettings.serverPort\n    requestTimeout.value = defaultSettings.requestTimeout\n    wsAutoReconnect.value = defaultSettings.wsAutoReconnect\n    wsReconnectInterval.value = defaultSettings.wsReconnectInterval\n    theme.value = defaultSettings.theme\n    colorPalette.value = defaultSettings.colorPalette\n    tableDensity.value = defaultSettings.tableDensity\n  }\n\n  function getPaletteHues(): [number, number] {\n    return colorPalettes[colorPalette.value].hues\n  }\n\n  function isDark(): boolean {\n    return theme.value === 'system' ? systemPrefersDark.value : theme.value === 'dark'\n  }\n\n  return {\n    serverHost,\n    serverPort,\n    requestTimeout,\n    wsAutoReconnect,\n    wsReconnectInterval,\n    theme,\n    systemPrefersDark,\n    colorPalette,\n    tableDensity,\n    initialize,\n    applyTheme,\n    persistSettings,\n    resetToDefaults,\n    getPaletteHues,\n    isDark,\n    getApiBaseUrl,\n    getWsBaseUrl,\n  }\n})\n","import { defineStore } from 'pinia'\nimport { ref, computed } from 'vue'\nimport type { AuthConfig, UserInfo } from '../types'\n\nconst AUTH_TOKEN_KEY = 'mint-auth-token'\nconst AUTH_EXPIRES_KEY = 'mint-auth-expires'\n\nconst hasLocalStorage = typeof localStorage !== 'undefined' && typeof localStorage.getItem === 'function'\n\nexport const useAuthStore = defineStore('mint-auth', () => {\n  // State\n  const token = ref<string | null>(null)\n  const tokenExpires = ref<Date | null>(null)\n  const username = ref<string | null>(null)\n  const userInfo = ref<UserInfo | null>(null)\n  const authConfig = ref<AuthConfig>({\n    authRequired: true,\n    passkeyEnabled: false,\n    passkeyRegistered: false,\n    registrationEnabled: false,\n    databaseMode: 'none',\n  })\n  const isInitialized = ref(false)\n  const isLoading = ref(false)\n  const error = ref<string | null>(null)\n\n  // Computed\n  const isAuthenticated = computed(() => {\n    if (!authConfig.value.authRequired) {\n      return true\n    }\n    if (!token.value) {\n      return false\n    }\n    if (tokenExpires.value && tokenExpires.value < new Date()) {\n      return false\n    }\n    return true\n  })\n\n  const needsAuth = computed(() => {\n    return authConfig.value.authRequired && !isAuthenticated.value\n  })\n\n  const isAdmin = computed(() => {\n    return userInfo.value?.role === 'admin'\n  })\n\n  const canRegister = computed(() => {\n    return authConfig.value.registrationEnabled\n  })\n\n  // Actions\n  function initialize() {\n    if (hasLocalStorage) {\n      const storedToken = localStorage.getItem(AUTH_TOKEN_KEY)\n      const storedExpires = localStorage.getItem(AUTH_EXPIRES_KEY)\n\n      if (storedToken) {\n        token.value = storedToken\n\n        if (storedExpires) {\n          const expires = new Date(storedExpires)\n          if (expires > new Date()) {\n            tokenExpires.value = expires\n          } else {\n            clearToken()\n          }\n        }\n      }\n    }\n\n    isInitialized.value = true\n  }\n\n  function setToken(accessToken: string, expiresIn: number) {\n    token.value = accessToken\n    const expires = new Date(Date.now() + expiresIn * 1000)\n    tokenExpires.value = expires\n\n    if (hasLocalStorage) {\n      localStorage.setItem(AUTH_TOKEN_KEY, accessToken)\n      localStorage.setItem(AUTH_EXPIRES_KEY, expires.toISOString())\n    }\n  }\n\n  function clearToken() {\n    token.value = null\n    tokenExpires.value = null\n    username.value = null\n    userInfo.value = null\n\n    if (hasLocalStorage) {\n      localStorage.removeItem(AUTH_TOKEN_KEY)\n      localStorage.removeItem(AUTH_EXPIRES_KEY)\n    }\n  }\n\n  function setUserInfo(info: UserInfo) {\n    userInfo.value = info\n    username.value = info.username\n  }\n\n  function setAuthConfig(config: AuthConfig) {\n    authConfig.value = config\n  }\n\n  function setUsername(name: string) {\n    username.value = name\n  }\n\n  function setError(message: string | null) {\n    error.value = message\n  }\n\n  function setLoading(loading: boolean) {\n    isLoading.value = loading\n  }\n\n  function logout() {\n    clearToken()\n  }\n\n  return {\n    // State\n    token,\n    tokenExpires,\n    username,\n    userInfo,\n    authConfig,\n    isInitialized,\n    isLoading,\n    error,\n\n    // Computed\n    isAuthenticated,\n    needsAuth,\n    isAdmin,\n    canRegister,\n\n    // Actions\n    initialize,\n    setToken,\n    clearToken,\n    setAuthConfig,\n    setUsername,\n    setUserInfo,\n    setError,\n    setLoading,\n    logout,\n  }\n})\n"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ interface Props {
     showSignOut?: boolean;
     signOutLabel?: string;
 }
+declare function closeSilently(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -14,13 +15,7 @@ declare function __VLS_template(): {
             initials: string;
         }): any;
         items?(_: {
-            close: () => boolean;
-        }): any;
-        'item-icon'?(_: {
-            item: AccountMenuItem;
-        }): any;
-        'item-icon'?(_: {
-            item: AccountMenuItem;
+            close: typeof closeSilently;
         }): any;
         'item-icon'?(_: {
             item: AccountMenuItem;

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;