@morscherlab/mint-sdk 1.1.0-beta.1 → 1.1.0-beta.11

package/src/composables/usePluginClient.ts

@@ -45,6 +45,7 @@ export type PluginHttpMethod = 'get' | 'post' | 'put' | 'patch' | 'delete'
 
 export interface PluginEndpointContract {
   name: string
+  operationId?: string
   method: PluginHttpMethod
   path: string
   requiresAuth?: boolean
@@ -75,8 +76,16 @@ export interface PluginNavItemContract {
   requiresFeature?: string
 }
 
+export interface PluginContractSettings {
+  modelName: string | null
+  /** Pydantic JSON Schema used to generate typed settings values. */
+  valueSchema: Record<string, unknown> | null
+  /** SDK SettingsModal schema used to render the settings form. */
+  formSchema: SettingsModalSchema | null
+}
+
 export interface PluginContract {
-  schemaVersion: number
+  schemaVersion: 2
   plugin: {
     name?: string
     packageName?: string
@@ -92,11 +101,9 @@ export interface PluginContract {
     analysisResultReaders?: string[]
     capabilities?: Record<string, unknown>
   }
-  settings?: {
-    modelName?: string | null
-    schema?: SettingsModalSchema | null
-  }
+  settings: PluginContractSettings
   endpoints: PluginEndpointContract[]
+  schemas?: Record<string, Record<string, unknown>>
   jobs?: GeneratedJobDefinition[]
   hash: string
 }
@@ -546,8 +553,14 @@ function normalizePluginSettingsOptions(options: UsePluginSettingsOptions | stri
   return typeof options === 'string' ? { pluginName: options } : options
 }
 
+const PLATFORM_OWNED_SETTINGS_KEY = 'allowed_experiment_types'
+
 function cloneRecord(value: Record<string, unknown>): Record<string, unknown> {
-  return { ...value }
+  return JSON.parse(JSON.stringify(value)) as Record<string, unknown>
+}
+
+function hasOwnSetting(settings: Record<string, unknown>, key: string): boolean {
+  return Object.prototype.hasOwnProperty.call(settings, key)
 }
 
 function responseSettingsPayload(response: unknown): Record<string, unknown> {
@@ -565,6 +578,43 @@ function responseSettingsPayload(response: unknown): Record<string, unknown> {
   return {}
 }
 
+function responseSettingsRevision(response: unknown): string | null {
+  if (!response || typeof response !== 'object') return null
+  const revision = (response as { revision?: unknown }).revision
+  return typeof revision === 'string' && revision ? revision : null
+}
+
+function topLevelSettingsPatch(
+  current: Record<string, unknown>,
+  keys: Iterable<string>,
+): Record<string, unknown> {
+  return Object.fromEntries(
+    [...keys].map(key => [
+      key,
+      hasOwnSetting(current, key) ? current[key] : null,
+    ]),
+  )
+}
+
+function changedTopLevelSettingKeys(
+  current: Record<string, unknown>,
+  saved: Record<string, unknown>,
+): Set<string> {
+  return new Set(
+    [...new Set([...Object.keys(current), ...Object.keys(saved)])].filter(
+      key => JSON.stringify(current[key]) !== JSON.stringify(saved[key]),
+    ),
+  )
+}
+
+function platformOwnedSettingsPatch(settings: Record<string, unknown>): Record<string, unknown> {
+  return {
+    [PLATFORM_OWNED_SETTINGS_KEY]: hasOwnSetting(settings, PLATFORM_OWNED_SETTINGS_KEY)
+      ? settings[PLATFORM_OWNED_SETTINGS_KEY]
+      : null,
+  }
+}
+
 /** 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 = {},
@@ -575,8 +625,9 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
   const platformApi = useApi({ baseUrl: resolvedOptions.platformApiBaseUrl ?? injectedContext?.platformApiUrl })
   const pluginApi = useApi({ baseUrl: resolvedOptions.apiBaseUrl ?? injectedContext?.plugin?.api_prefix })
 
-  const values = shallowRef<PluginSettingsValues<TSettings>>({} as PluginSettingsValues<TSettings>)
+  const values = ref({}) as Ref<PluginSettingsValues<TSettings>>
   const savedValues = shallowRef<Record<string, unknown>>({})
+  const revision = ref<string | null>(null)
   const request = useRequestSyncState('Plugin settings request failed.')
   const isLoading = ref(false)
   const isSaving = ref(false)
@@ -584,8 +635,17 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
   const resolvedPluginName = computed(() =>
     resolvedOptions.pluginName ?? plugin.value?.name ?? injectedContext?.plugin?.name ?? '',
   )
+  const usesPluginSettingsApi = computed(() => {
+    const currentPlugin = injectedContext?.plugin ?? plugin.value
+    return currentPlugin?.settings_api === 'plugin'
+      && resolvedPluginName.value === currentPlugin.name
+  })
   const usesPlatformConfig = computed(() =>
-    Boolean((isIntegrated.value || injectedContext?.isIntegrated) && resolvedPluginName.value),
+    Boolean(
+      (isIntegrated.value || injectedContext?.isIntegrated)
+      && resolvedPluginName.value
+      && !usesPluginSettingsApi.value,
+    ),
   )
   const settings = computed(() => values.value)
   const isDirty = computed(() => JSON.stringify(values.value) !== JSON.stringify(savedValues.value))
@@ -600,10 +660,11 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
     values.value = cloneRecord(nextValues) as PluginSettingsValues<TSettings>
   }
 
-  function applyLoaded(nextValues: Record<string, unknown>): void {
+  function applyLoaded(nextValues: Record<string, unknown>, nextRevision: string | null): void {
     const cloned = cloneRecord(nextValues)
     values.value = cloned as PluginSettingsValues<TSettings>
     savedValues.value = cloneRecord(cloned)
+    revision.value = nextRevision
   }
 
   async function load(): Promise<void> {
@@ -620,7 +681,10 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
           () => pluginApi.get<{ settings: Record<string, unknown>; mode?: string }>('/settings'),
           { success: 'load', errorMessage: 'Failed to load plugin settings' },
         )
-      applyLoaded(responseSettingsPayload(response))
+      applyLoaded(
+        responseSettingsPayload(response),
+        responseSettingsRevision(response),
+      )
     } catch {
       // Error state is handled by request.run().
     } finally {
@@ -636,19 +700,65 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
     isSaving.value = true
     try {
       const payload = cloneRecord(values.value)
-      const response = usesPlatformConfig.value
-        ? await request.run(
-          () => platformApi.patch<{ plugin_name: string; config: Record<string, unknown> }>(
-            `/plugins/${encodeURIComponent(resolvedPluginName.value)}/config`,
-            { config: payload },
-          ),
-          { success: 'save', errorMessage: 'Failed to save plugin settings' },
+      let response: unknown
+      if (usesPlatformConfig.value) {
+        const dirtyKeys = changedTopLevelSettingKeys(payload, savedValues.value)
+        const platformOwnedChanged = dirtyKeys.has(PLATFORM_OWNED_SETTINGS_KEY)
+        const typedKeys = [...dirtyKeys].filter(
+          key => key !== PLATFORM_OWNED_SETTINGS_KEY,
         )
-        : await request.run(
-          () => pluginApi.put<{ settings: Record<string, unknown>; mode?: string }>('/settings', payload),
+        let nextRevision = revision.value
+
+        if (typedKeys.length) {
+          response = await request.run(
+            () => platformApi.patch<{
+              plugin_name: string
+              config: Record<string, unknown>
+              revision?: string
+            }>(
+              `/plugins/${encodeURIComponent(resolvedPluginName.value)}/config`,
+              { config: topLevelSettingsPatch(payload, typedKeys) },
+            ),
+            { success: 'save', errorMessage: 'Failed to save plugin settings' },
+          )
+          nextRevision = responseSettingsRevision(response) ?? nextRevision
+        }
+
+        if (platformOwnedChanged) {
+          response = await request.run(
+            () => platformApi.patch<{
+              plugin_name: string
+              config: Record<string, unknown>
+              revision?: string
+            }>(
+              `/plugins/${encodeURIComponent(resolvedPluginName.value)}/config`,
+              { config: platformOwnedSettingsPatch(payload) },
+            ),
+            { success: 'save', errorMessage: 'Failed to save plugin settings' },
+          )
+          nextRevision = responseSettingsRevision(response) ?? nextRevision
+        }
+
+        if (!response) return true
+        applyLoaded(responseSettingsPayload(response), nextRevision)
+        return true
+      } else {
+        const ifMatch = revision.value
+          ? { headers: { 'If-Match': `"${revision.value}"` } }
+          : undefined
+        response = await request.run(
+          () => pluginApi.put<{
+            settings: Record<string, unknown>
+            mode?: string
+            revision?: string
+          }>('/settings', payload, ifMatch),
           { success: 'save', errorMessage: 'Failed to save plugin settings' },
         )
-      applyLoaded(responseSettingsPayload(response))
+      }
+      applyLoaded(
+        responseSettingsPayload(response),
+        responseSettingsRevision(response) ?? revision.value,
+      )
       return true
     } catch {
       return false

package/src/composables/usePluginConfig.ts

@@ -1,8 +1,57 @@
 import { ref, computed, onMounted, type Ref, type ComputedRef } from 'vue'
 import { useApi } from './useApi'
 import { usePlatformContext } from './usePlatformContext'
+import { getInjectedPlatformContext } from './platformContextHelpers'
 import { useRequestSyncState } from './useRequestSyncState'
 
+const PLATFORM_OWNED_SETTINGS_KEY = 'allowed_experiment_types'
+
+function cloneConfig(config: Record<string, unknown>): Record<string, unknown> {
+  return JSON.parse(JSON.stringify(config)) as Record<string, unknown>
+}
+
+function hasOwnConfig(config: Record<string, unknown>, key: string): boolean {
+  return Object.prototype.hasOwnProperty.call(config, key)
+}
+
+function changedTopLevelKeys(
+  current: Record<string, unknown>,
+  saved: Record<string, unknown>,
+): Set<string> {
+  return new Set(
+    [...new Set([...Object.keys(current), ...Object.keys(saved)])].filter(
+      key => JSON.stringify(current[key]) !== JSON.stringify(saved[key]),
+    ),
+  )
+}
+
+function topLevelConfigPatch(
+  current: Record<string, unknown>,
+  keys: Iterable<string>,
+): Record<string, unknown> {
+  return Object.fromEntries(
+    [...keys].map(key => [
+      key,
+      hasOwnConfig(current, key) ? current[key] : null,
+    ]),
+  )
+}
+
+function platformOwnedConfigPatch(config: Record<string, unknown>): Record<string, unknown> {
+  return {
+    [PLATFORM_OWNED_SETTINGS_KEY]: hasOwnConfig(config, PLATFORM_OWNED_SETTINGS_KEY)
+      ? config[PLATFORM_OWNED_SETTINGS_KEY]
+      : null,
+  }
+}
+
+function responseConfigPayload(response: {
+  config?: Record<string, unknown>
+  settings?: Record<string, unknown>
+}): Record<string, unknown> {
+  return response.config ?? response.settings ?? {}
+}
+
 export interface UsePluginConfigReturn {
   /** Editable plugin configuration values. */
   config: Ref<Record<string, unknown>>
@@ -28,13 +77,25 @@ export interface UsePluginConfigReturn {
 
 /** Loads, saves, and tracks dirty state for a plugin's persistent configuration via the platform API. */
 export function usePluginConfig(pluginName?: string): UsePluginConfigReturn {
-  const api = useApi()
+  const injectedContext = getInjectedPlatformContext()
   const { plugin } = usePlatformContext()
+  const platformApi = useApi()
+  const pluginApi = useApi({
+    baseUrl: injectedContext?.plugin?.api_prefix ?? plugin.value?.api_prefix,
+  })
 
-  const resolvedName = computed(() => pluginName ?? plugin.value?.name ?? '')
+  const resolvedName = computed(
+    () => pluginName ?? plugin.value?.name ?? injectedContext?.plugin?.name ?? '',
+  )
+  const usesPluginSettingsApi = computed(() => {
+    const currentPlugin = injectedContext?.plugin ?? plugin.value
+    return currentPlugin?.settings_api === 'plugin'
+      && resolvedName.value === currentPlugin.name
+  })
 
   const config = ref<Record<string, unknown>>({})
   const savedConfig = ref<Record<string, unknown>>({})
+  const revision = ref<string | null>(null)
   const request = useRequestSyncState('Plugin config request failed.')
   const isLoading = ref(false)
   const isSaving = ref(false)
@@ -52,14 +113,29 @@ export function usePluginConfig(pluginName?: string): UsePluginConfigReturn {
 
     isLoading.value = true
     try {
-      const response = await request.run(
-        () => api.get<{ plugin_name: string; config: Record<string, unknown> }>(
-          `/plugins/${encodeURIComponent(name)}/config`,
-        ),
-        { success: 'load', errorMessage: 'Failed to load plugin config' },
-      )
-      config.value = { ...response.config }
-      savedConfig.value = { ...response.config }
+      const response = usesPluginSettingsApi.value
+        ? await request.run(
+          () => pluginApi.get<{
+            settings: Record<string, unknown>
+            mode?: string
+            revision?: string
+          }>('/settings'),
+          { success: 'load', errorMessage: 'Failed to load plugin config' },
+        )
+        : await request.run(
+          () => platformApi.get<{
+            plugin_name: string
+            config: Record<string, unknown>
+            revision?: string
+          }>(
+            `/plugins/${encodeURIComponent(name)}/config`,
+          ),
+          { success: 'load', errorMessage: 'Failed to load plugin config' },
+        )
+      const responseConfig = responseConfigPayload(response)
+      config.value = cloneConfig(responseConfig)
+      savedConfig.value = cloneConfig(responseConfig)
+      revision.value = response.revision ?? null
     } catch {
       // Error state is handled by request.run().
     } finally {
@@ -73,15 +149,75 @@ export function usePluginConfig(pluginName?: string): UsePluginConfigReturn {
 
     isSaving.value = true
     try {
-      const response = await request.run(
-        () => api.patch<{ plugin_name: string; config: Record<string, unknown> }>(
-          `/plugins/${encodeURIComponent(name)}/config`,
-          { config: config.value },
-        ),
-        { success: 'save', errorMessage: 'Failed to save plugin config' },
-      )
-      config.value = { ...response.config }
-      savedConfig.value = { ...response.config }
+      const payload = cloneConfig(config.value)
+      let response: {
+        plugin_name?: string
+        config?: Record<string, unknown>
+        settings?: Record<string, unknown>
+        mode?: string
+        revision?: string
+      } | undefined
+      let nextRevision = revision.value
+
+      if (usesPluginSettingsApi.value) {
+        response = await request.run(
+          () => pluginApi.put<{
+            settings: Record<string, unknown>
+            mode?: string
+            revision?: string
+          }>(
+            '/settings',
+            payload,
+            revision.value
+              ? { headers: { 'If-Match': `"${revision.value}"` } }
+              : undefined,
+          ),
+          { success: 'save', errorMessage: 'Failed to save plugin config' },
+        )
+        nextRevision = response.revision ?? nextRevision
+      } else {
+        const dirtyKeys = changedTopLevelKeys(payload, savedConfig.value)
+        const platformOwnedChanged = dirtyKeys.has(PLATFORM_OWNED_SETTINGS_KEY)
+        const typedKeys = [...dirtyKeys].filter(
+          key => key !== PLATFORM_OWNED_SETTINGS_KEY,
+        )
+
+        if (typedKeys.length) {
+          response = await request.run(
+            () => platformApi.patch<{
+              plugin_name: string
+              config: Record<string, unknown>
+              revision?: string
+            }>(
+              `/plugins/${encodeURIComponent(name)}/config`,
+              { config: topLevelConfigPatch(payload, typedKeys) },
+            ),
+            { success: 'save', errorMessage: 'Failed to save plugin config' },
+          )
+          nextRevision = response.revision ?? nextRevision
+        }
+
+        if (platformOwnedChanged) {
+          response = await request.run(
+            () => platformApi.patch<{
+              plugin_name: string
+              config: Record<string, unknown>
+              revision?: string
+            }>(
+              `/plugins/${encodeURIComponent(name)}/config`,
+              { config: platformOwnedConfigPatch(payload) },
+            ),
+            { success: 'save', errorMessage: 'Failed to save plugin config' },
+          )
+          nextRevision = response.revision ?? nextRevision
+        }
+      }
+
+      if (!response) return true
+      const responseConfig = responseConfigPayload(response)
+      config.value = cloneConfig(responseConfig)
+      savedConfig.value = cloneConfig(responseConfig)
+      revision.value = response.revision ?? nextRevision
       return true
     } catch {
       return false
@@ -91,7 +227,7 @@ export function usePluginConfig(pluginName?: string): UsePluginConfigReturn {
   }
 
   function reset(): void {
-    config.value = { ...savedConfig.value }
+    config.value = cloneConfig(savedConfig.value)
     request.clearError()
   }
 

package/src/styles/components/section-card.css

@@ -0,0 +1,161 @@
+/* SectionCard — the MINT 1.1 one-card system.
+ *
+ * One card per page region: 12px radius, one shadow token (--card-shadow),
+ * a single header strip, and hairline-separated regions inside — never a
+ * card nested in a card.
+ */
+
+.mint-section-card {
+  display: flex;
+  flex-direction: column;
+  border-radius: 12px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-secondary);
+  box-shadow: var(--card-shadow);
+  overflow: hidden;
+  transition: background-color var(--mint-transition), border-color var(--mint-transition);
+}
+
+/* Fill the height the parent offers: the body takes the slack and scrolls,
+ * so the header and footer stay pinned to the card's edges. */
+.mint-section-card--fill {
+  flex: 1;
+  min-height: 0;
+}
+
+.mint-section-card--fill .mint-section-card__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.mint-section-card__header {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.6875rem 1rem;
+  border-bottom: 1px solid var(--border-color);
+  flex-shrink: 0;
+}
+
+.mint-section-card__header--divider-light {
+  border-bottom-color: var(--border-light);
+}
+
+.mint-section-card__icon-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.375rem;
+  height: 1.375rem;
+  border-radius: 6px;
+}
+
+.mint-section-card__icon {
+  width: 0.8125rem;
+  height: 0.8125rem;
+}
+
+.mint-section-card__icon-chip--primary {
+  background: var(--color-primary-soft);
+  color: var(--color-primary);
+}
+
+.mint-section-card__icon-chip--experiment {
+  background: var(--color-experiment-soft);
+  color: var(--color-experiment);
+}
+
+.mint-section-card__icon-chip--project {
+  background: var(--color-project-soft);
+  color: var(--color-project);
+}
+
+.mint-section-card__icon-chip--success {
+  background: var(--mint-success-bg);
+  color: var(--mint-success);
+}
+
+.mint-section-card__icon-chip--error {
+  background: var(--mint-error-bg);
+  color: var(--mint-error);
+}
+
+.mint-section-card__icon-chip--warning {
+  background: var(--mint-warning-bg);
+  color: var(--mint-warning);
+}
+
+.mint-section-card__icon-chip--info {
+  background: var(--mint-info-bg);
+  color: var(--mint-info);
+}
+
+.mint-section-card__title {
+  margin: 0;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.mint-section-card__title--uppercase {
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-secondary);
+}
+
+.mint-section-card__count {
+  font-family: 'Fira Code', monospace;
+  font-size: 0.6875rem;
+  color: var(--text-muted);
+}
+
+.mint-section-card__spacer {
+  flex: 1;
+}
+
+.mint-section-card__toolbar {
+  flex-shrink: 0;
+}
+
+.mint-section-card__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+  border-top: 1px solid var(--border-color);
+  background: var(--bg-primary);
+  flex-shrink: 0;
+}
+
+/* Hairline row helpers — regions inside a card separate with 1px lines,
+ * rendered by a 1px gap over a hairline-colored track. */
+.mint-section-card__rows {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  background: var(--border-light);
+}
+
+.mint-section-card__row {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.5625rem 1rem;
+  background: var(--bg-secondary);
+  transition: background-color var(--mint-transition);
+}
+
+a.mint-section-card__row,
+button.mint-section-card__row {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+a.mint-section-card__row:hover,
+button.mint-section-card__row:hover {
+  background: var(--bg-primary);
+}

package/src/styles/index.css

@@ -28,6 +28,7 @@
 @import './components/plate-map-editor.css';
 @import './components/radio-group.css';
 @import './components/sample-legend.css';
+@import './components/section-card.css';
 @import './components/select.css';
 @import './components/skeleton.css';
 @import './components/slider.css';

package/src/styles/variables.css

@@ -36,6 +36,18 @@
   --color-cta-hover: #EA580C;
   --color-purple: #8B5CF6;
 
+  /* Entity accent colors — experiments (cyan) and projects (sky), from the
+     MINT 1.1 card system. -soft backs icon chips and pills, -border outlines
+     pills that sit on a card surface. */
+  --color-experiment: #06B6D4;
+  --color-experiment-hover: #0891B2;
+  --color-experiment-soft: rgba(6, 182, 212, 0.12);
+  --color-experiment-border: rgba(6, 182, 212, 0.3);
+  --color-project: #0EA5E9;
+  --color-project-hover: #0284C7;
+  --color-project-soft: rgba(14, 165, 233, 0.12);
+  --color-project-border: rgba(14, 165, 233, 0.32);
+
   /* MINT brand mark — used for browser theme-color, marketing chrome, app icon background */
   --mint-brand: #7BD0B5;
   --mint-brand-hover: #5FB89A;
@@ -51,6 +63,8 @@
   --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  /* The MINT 1.1 card system uses exactly one shadow for every card. */
+  --card-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06);
 
   /* Border radius */
   --radius-sm: 0.25rem;
@@ -148,6 +162,17 @@ html.dark {
   --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.2);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.2);
   --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.2);
+  --card-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.24), 0 1px 3px 0 rgb(0 0 0 / 0.32);
+
+  /* Entity accent colors - Dark mode */
+  --color-experiment: #22D3EE;
+  --color-experiment-hover: #67E8F9;
+  --color-experiment-soft: rgba(34, 211, 238, 0.16);
+  --color-experiment-border: rgba(34, 211, 238, 0.36);
+  --color-project: #38BDF8;
+  --color-project-hover: #7DD3FC;
+  --color-project-soft: rgba(56, 189, 248, 0.16);
+  --color-project-border: rgba(56, 189, 248, 0.38);
 
   /* Semantic colors - Dark mode */
   --mint-success-bg: rgba(16, 185, 129, 0.15);

package/src/tailwind.preset.ts

@@ -18,6 +18,10 @@ const mintPreset = {
           'warning-hover': 'var(--mint-warning-hover)',
           brand: 'var(--mint-brand)',
           'brand-hover': 'var(--mint-brand-hover)',
+          experiment: 'var(--color-experiment)',
+          'experiment-hover': 'var(--color-experiment-hover)',
+          project: 'var(--color-project)',
+          'project-hover': 'var(--color-project-hover)',
         },
         bg: {
           primary: 'var(--mint-bg-primary)',
@@ -50,6 +54,7 @@ const mintPreset = {
         mint: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
         'mint-md': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
         'mint-lg': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+        'mint-card': 'var(--card-shadow)',
       },
       transitionDuration: {
         mint: '150ms',