@morscherlab/mint-sdk 1.2.0 → 1.2.1

package/src/generated/schema.ts

@@ -38,8 +38,9 @@ export function generatedJobFormSchema(definition: GeneratedJobDefinition): Form
 export function generatedJobDefaults(definition: GeneratedJobDefinition): Record<string, unknown> {
   return Object.fromEntries(
     Object.entries(definition.input_schema.properties ?? {})
-      .filter(([, schema]) => hasOwnDefault(schema))
-      .map(([name, schema]) => [name, structuredClone(schema.default)]),
+      .map(([name, schema]) => [name, resolveGeneratedField(definition.input_schema, schema)] as const)
+      .filter(([, field]) => field.hasDefault)
+      .map(([name, field]) => [name, structuredClone(field.defaultValue)]),
   )
 }
 
@@ -51,7 +52,17 @@ export function normalizeGeneratedJobInput(
   for (const [name, value] of Object.entries(values)) {
     const field = definition.input_schema.properties?.[name]
     if (!field) continue
-    normalized[name] = value
+    const { schema, reference } = resolveGeneratedField(definition.input_schema, field)
+    if (reference !== 'path' && Array.isArray(value) && ['integer', 'number'].includes(String(schema.items?.type))) {
+      normalized[name] = value.map(item => {
+        const numeric = typeof item === 'string' && item.trim() !== '' ? Number(item) : item
+        return typeof numeric === 'number' && Number.isFinite(numeric) ? numeric : item
+      })
+    } else if (reference !== 'path' && Array.isArray(value) && schema.items?.type === 'boolean') {
+      normalized[name] = value.map(item => item === 'true' ? true : item === 'false' ? false : item)
+    } else {
+      normalized[name] = value === undefined && allowsNull(schema) ? null : value
+    }
   }
   return normalized
 }
@@ -63,7 +74,12 @@ function toFormField(
 ): FormFieldSchema {
   const { schema, reference } = resolved
   const validation: NonNullable<FormFieldSchema['validation']> = {}
-  if (required) validation.required = true
+  const allowsEmpty = schema.type === 'array' || (
+    schema.type === 'string' && reference !== 'path'
+    && !(schema.minLength && schema.minLength > 0)
+    && (!schema.enum || schema.enum.includes(''))
+  )
+  if (required && !allowsNull(schema) && !allowsEmpty) validation.required = true
   if (schema.minimum !== undefined) validation.min = schema.minimum
   if (schema.maximum !== undefined) validation.max = schema.maximum
   if (schema.minLength !== undefined) validation.minLength = schema.minLength
@@ -71,15 +87,37 @@ function toFormField(
 
   const props: Record<string, unknown> = {}
   if (schema.enum) props.options = [...schema.enum]
+  if (schema.type === 'integer') {
+    if (schema.exclusiveMinimum !== undefined) validation.min = Math.max(Number(validation.min ?? -Infinity), Math.floor(schema.exclusiveMinimum) + 1)
+    if (schema.exclusiveMaximum !== undefined) validation.max = Math.min(Number(validation.max ?? Infinity), Math.ceil(schema.exclusiveMaximum) - 1)
+    if (validation.min !== undefined) validation.min = Math.ceil(Number(validation.min))
+    if (validation.max !== undefined) validation.max = Math.floor(Number(validation.max))
+    if (schema.multipleOf && Number.isInteger(schema.multipleOf)) {
+      if (validation.min !== undefined) validation.min = Math.ceil(Number(validation.min) / schema.multipleOf) * schema.multipleOf
+      if (validation.max !== undefined) validation.max = Math.floor(Number(validation.max) / schema.multipleOf) * schema.multipleOf
+    }
+    props.step = 1
+  }
+  if (schema.type === 'integer' || schema.type === 'number') {
+    if (validation.min !== undefined) props.min = validation.min
+    if (validation.max !== undefined) props.max = validation.max
+    if (schema.multipleOf !== undefined) props.step = schema.multipleOf
+  }
+  if (schema.type === 'array' && reference !== 'path') {
+    if (schema.items?.enum) props.options = [...schema.items.enum]
+    else props.allowDuplicates = true
+  }
   if (reference === 'path' && schema.type === 'array') props.multiple = true
   return {
     name,
     label: schema.title || humanize(name),
     type: fieldType(schema, reference),
     defaultValue: resolved.hasDefault ? structuredClone(resolved.defaultValue) : undefined,
+    disabled: Object.prototype.hasOwnProperty.call(schema, 'const') || undefined,
     hint: schema.description,
     validation,
     props,
+    itemType: schema.items?.type === 'number' || schema.items?.type === 'integer' ? 'number' : undefined,
   }
 }
 
@@ -87,27 +125,24 @@ function resolveGeneratedField(
   root: GeneratedJsonSchema,
   field: GeneratedJsonSchema,
 ): ResolvedGeneratedField {
-  const hasDefault = hasOwnDefault(field)
   const candidate = field.anyOf?.find(item => item.type !== 'null')
     ?? field.allOf?.[0]
     ?? field
+  let schema = { ...candidate, ...field }
   if (candidate.$ref) {
     const referenceParts = candidate.$ref.split('/')
     const key = referenceParts[referenceParts.length - 1]
-    const schema = key ? root.$defs?.[key] : undefined
-    if (!schema) throw new Error(`Generated field reference is missing: ${candidate.$ref}`)
-    return {
-      schema: { ...schema, title: field.title ?? schema.title },
-      reference: field['x-mint-component'] ?? schema['x-mint-component'],
-      hasDefault,
-      defaultValue: field.default,
-    }
+    const referenced = key ? root.$defs?.[key] : undefined
+    if (!referenced) throw new Error(`Generated field reference is missing: ${candidate.$ref}`)
+    schema = { ...referenced, ...candidate, ...field }
   }
+  if (schema.items) schema.items = resolveGeneratedField(root, schema.items).schema
+  const constant = Object.prototype.hasOwnProperty.call(schema, 'const')
   return {
-    schema: candidate,
-    reference: field['x-mint-component'] ?? candidate['x-mint-component'],
-    hasDefault,
-    defaultValue: field.default,
+    schema,
+    reference: schema['x-mint-component'],
+    hasDefault: constant || hasOwnDefault(field) || allowsNull(schema),
+    defaultValue: constant ? schema.const : hasOwnDefault(field) ? field.default : null,
   }
 }
 
@@ -117,7 +152,7 @@ function fieldType(schema: GeneratedJsonSchema, reference?: GeneratedReference):
   const type = Array.isArray(schema.type) ? schema.type.find(value => value !== 'null') : schema.type
   if (type === 'boolean') return 'toggle'
   if (type === 'number' || type === 'integer') return 'number'
-  if (type === 'array') return 'tags'
+  if (type === 'array') return schema.items?.enum ? 'multiselect' : 'tags'
   return 'text'
 }
 
@@ -125,6 +160,11 @@ function hasOwnDefault(schema: GeneratedJsonSchema): boolean {
   return Object.prototype.hasOwnProperty.call(schema, 'default')
 }
 
+function allowsNull(schema: GeneratedJsonSchema): boolean {
+  return schema.type === 'null' || (Array.isArray(schema.type) && schema.type.includes('null'))
+    || !!schema.anyOf?.some(item => item.type === 'null')
+}
+
 function humanize(value: string): string {
   return value.replace(/[_-]+/g, ' ').replace(/^\w/, character => character.toUpperCase())
 }

package/src/styles/components/app-sidebar.css

@@ -18,6 +18,8 @@
   border-left: 1px solid var(--border-color);
 }
 
+/* Floating shell — the platform's layout language. Kept as-is; only the
+   nested per-section card inside it was removed. */
 .mint-sidebar--floating {
   position: absolute;
   top: 0;
@@ -41,27 +43,9 @@
   border-right: 1px solid var(--border-color);
 }
 
-.mint-sidebar--analysis {
-  background-color: var(--bg-secondary);
-}
-
-.mint-sidebar--analysis .mint-sidebar__header {
-  padding: 1rem;
-}
-
-.mint-sidebar--analysis .mint-sidebar__sections {
-  padding: 0.75rem;
-  gap: 0.75rem;
-}
-
-.mint-sidebar--analysis.mint-sidebar--dense .mint-sidebar__sections {
-  padding: 0.75rem;
-  gap: 0.75rem;
-}
-
 /* Header / Footer slots */
 .mint-sidebar__header {
-  padding: 0.75rem;
+  padding: 0.625rem 0.875rem;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -70,6 +54,10 @@
   border-bottom: 1px solid var(--border-color);
 }
 
+.mint-sidebar--comfortable .mint-sidebar__header {
+  padding: 0.875rem 1rem;
+}
+
 .mint-sidebar__heading {
   min-width: 0;
   display: flex;
@@ -161,7 +149,7 @@
 }
 
 .mint-sidebar__footer {
-  padding: 0.75rem;
+  padding: 0.625rem 0.875rem;
   flex-shrink: 0;
   border-top: 1px solid var(--border-color);
 }
@@ -171,12 +159,249 @@
   flex: 1 1 0;
   min-height: 0;
   overflow-y: auto;
-  padding: 0.75rem;
   display: flex;
   flex-direction: column;
+}
+
+/* ---------- Flat section groups: header rows separated by one hairline ---------- */
+
+.mint-sidebar__group {
+  flex-shrink: 0;
+}
+
+.mint-sidebar__group + .mint-sidebar__group {
+  border-top: 1px solid var(--border-light);
+}
+
+.mint-sidebar__group-head {
+  display: flex;
+  align-items: center;
+  transition: background-color 120ms ease;
+}
+
+.mint-sidebar__group-head:hover {
+  background: var(--bg-hover);
+}
+
+.mint-sidebar__group-toggle {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
   gap: 0.5rem;
+  min-height: 2.25rem;
+  padding: 0.4375rem 0.5rem 0.4375rem 0.875rem;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  font-family: inherit;
+}
+
+.mint-sidebar__group-toggle:focus-visible {
+  outline: none;
+  box-shadow: inset var(--focus-ring-soft);
+}
+
+.mint-sidebar__group-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 0.3125rem;
+}
+
+.mint-sidebar__group-svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+.mint-sidebar__group-text-icon {
+  font-size: 0.75rem;
+  line-height: 1;
+}
+
+.mint-sidebar__group-copy {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: baseline;
+  gap: 0.4375rem;
+}
+
+.mint-sidebar__group-label {
+  flex: 0 1 auto;
+  min-width: max-content;
+  overflow: hidden;
+  color: var(--text-primary);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  line-height: 1.3;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  transition: color 120ms ease;
+}
+
+.mint-sidebar__group--closed .mint-sidebar__group-label {
+  color: var(--text-secondary);
+}
+
+/* Subtitle carries file names and parameter values, not prose: mono, and the
+   disposable half when the row truncates. */
+.mint-sidebar__group-subtitle {
+  flex-shrink: 1;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--text-muted);
+  font-family: var(--font-mono);
+  font-size: 0.6875rem;
+  line-height: 1.3;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.mint-sidebar__group-tail {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  gap: 0.375rem;
+  padding-right: 0.625rem;
+}
+
+.mint-sidebar__tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.125rem;
+  height: 1rem;
+  padding: 0 0.25rem;
+  border-radius: 0.1875rem;
+  background: color-mix(in srgb, var(--mint-sidebar-tone) 14%, transparent);
+  color: var(--mint-sidebar-tone);
+  font-family: var(--font-mono);
+  font-size: 0.625rem;
+  font-weight: 600;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+
+.mint-sidebar__group-action,
+.mint-sidebar__chevron-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: color 120ms ease, background-color 120ms ease;
+}
+
+.mint-sidebar__group-action {
+  color: var(--mint-sidebar-tone, var(--text-secondary));
+}
+
+.mint-sidebar__group-action:hover:not(:disabled),
+.mint-sidebar__chevron-button:hover:not(:disabled) {
+  color: var(--text-primary);
+  background: var(--bg-tertiary);
+}
+
+.mint-sidebar__group-action:focus-visible,
+.mint-sidebar__chevron-button:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+
+.mint-sidebar__group-action:disabled {
+  opacity: var(--mint-disabled-opacity);
+  cursor: not-allowed;
+}
+
+.mint-sidebar__group-action-icon,
+.mint-sidebar__chevron {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+.mint-sidebar__chevron {
+  transition: transform 180ms var(--mint-ease-out-quart);
+}
+
+.mint-sidebar__chevron--open {
+  transform: rotate(180deg);
+}
+
+/* Inline enable switch: 26×15 track, 11px knob. */
+.mint-sidebar__switch {
+  position: relative;
+  display: inline-block;
+  flex-shrink: 0;
+  width: 26px;
+  height: 15px;
+  padding: 0;
+  border: 0;
+  border-radius: 9999px;
+  background: var(--bg-tertiary);
+  cursor: pointer;
+  transition: background-color 150ms ease;
+}
+
+.mint-sidebar__switch--on {
+  background: var(--color-primary);
+}
+
+.mint-sidebar__switch:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring-offset);
+}
+
+.mint-sidebar__switch-knob {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 11px;
+  height: 11px;
+  border-radius: 9999px;
+  background: white;
+  box-shadow: var(--shadow-sm);
+  transition: left 180ms var(--mint-ease-out-quart);
+}
+
+.mint-sidebar__switch--on .mint-sidebar__switch-knob {
+  left: 13px;
+}
+
+.mint-sidebar__group-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  padding: 0.125rem 0.875rem 0.75rem;
+}
+
+/* Comfortable density: the old roomier spacing as an opt-in. */
+.mint-sidebar--comfortable .mint-sidebar__group-toggle {
+  min-height: 2.625rem;
+  padding: 0.625rem 0.5rem 0.625rem 1rem;
+}
+
+.mint-sidebar--comfortable .mint-sidebar__group-tail {
+  padding-right: 0.75rem;
+}
+
+.mint-sidebar--comfortable .mint-sidebar__group-body {
+  gap: 0.875rem;
+  padding: 0.25rem 1rem 1rem;
 }
 
+/* ---------- Collapsed rail ---------- */
+
 .mint-sidebar__collapsed {
   flex: 1 1 0;
   min-height: 0;
@@ -251,7 +476,7 @@
   height: 1rem;
   padding: 0 0.25rem;
   border-radius: 9999px;
-  background: var(--mint-sidebar-rail-badge-color);
+  background: var(--mint-sidebar-tone);
   color: white;
   font-size: 0.625rem;
   font-weight: 700;
@@ -260,118 +485,51 @@
   font-variant-numeric: tabular-nums;
 }
 
-.mint-sidebar__rail-badge--primary {
-  --mint-sidebar-rail-badge-color: var(--color-primary);
-}
-
-.mint-sidebar__rail-badge--cta {
-  --mint-sidebar-rail-badge-color: var(--color-cta);
-}
-
-.mint-sidebar__rail-badge--success {
-  --mint-sidebar-rail-badge-color: var(--mint-success);
-}
-
-.mint-sidebar__rail-badge--warning {
-  --mint-sidebar-rail-badge-color: var(--mint-warning);
-}
-
-.mint-sidebar__rail-badge--error {
-  --mint-sidebar-rail-badge-color: var(--mint-error);
-}
-
-.mint-sidebar__rail-badge--info {
-  --mint-sidebar-rail-badge-color: var(--mint-info);
-}
-
-.mint-sidebar__rail-badge--neutral {
-  --mint-sidebar-rail-badge-color: var(--text-secondary);
-}
-
-/* Dense sidebar variant — compact sections */
-.mint-sidebar--dense .mint-sidebar__sections {
-  padding: 0.5rem;
-  gap: 0.375rem;
-}
-
-.mint-sidebar--dense .mint-sidebar__sections > .mint-collapsible-card {
-  box-shadow: none;
-  border-color: var(--border-light);
-}
-
-/* CollapsibleCard appearance inside sidebar */
-.mint-sidebar__sections > .mint-collapsible-card {
-  flex-shrink: 0;
-  border: 1px solid var(--border-light);
-  border-radius: var(--radius-md);
-  background-color: var(--bg-card);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-}
-
-.mint-sidebar--analysis .mint-sidebar__sections > .mint-collapsible-card {
-  border-color: var(--border-color);
-  border-radius: var(--radius-lg);
+/* Semantic tones shared by the rail badge, the inline tag and section actions. */
+.mint-sidebar__rail-badge--primary,
+.mint-sidebar__tag--primary,
+.mint-sidebar__group-action--primary {
+  --mint-sidebar-tone: var(--color-primary);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__header {
-  padding: 0.625rem 0.75rem;
-  min-height: auto;
+.mint-sidebar__rail-badge--cta,
+.mint-sidebar__tag--cta,
+.mint-sidebar__group-action--cta {
+  --mint-sidebar-tone: var(--color-cta);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-badge {
-  width: 1.75rem;
-  height: 1.75rem;
-  border-radius: var(--radius-md);
+.mint-sidebar__rail-badge--success,
+.mint-sidebar__tag--success,
+.mint-sidebar__group-action--success {
+  --mint-sidebar-tone: var(--mint-success);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon {
-  width: 0.9375rem;
-  height: 0.9375rem;
+.mint-sidebar__rail-badge--warning,
+.mint-sidebar__tag--warning,
+.mint-sidebar__group-action--warning {
+  --mint-sidebar-tone: var(--mint-warning);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-text {
-  font-size: 0.9375rem;
+.mint-sidebar__tag--warning {
+  color: var(--mint-warning-text);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__title {
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__subtitle {
-  font-size: 0.75rem;
-  color: var(--text-muted);
+.mint-sidebar__rail-badge--error,
+.mint-sidebar__tag--error,
+.mint-sidebar__group-action--error {
+  --mint-sidebar-tone: var(--mint-error);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__chevron {
-  width: 0.875rem;
-  height: 0.875rem;
+.mint-sidebar__rail-badge--info,
+.mint-sidebar__tag--info,
+.mint-sidebar__group-action--info {
+  --mint-sidebar-tone: var(--mint-info);
 }
 
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__toggle-track {
-  width: 1.75rem;
-  height: 1rem;
-}
-
-/* Scaled-down knob: 12px circle inside a 28px track. Must also override the
-   base `--on` left position (1.125rem = 18px, calibrated for the 36px track)
-   because otherwise the knob overflows the narrower track. */
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__toggle-knob {
-  width: 0.75rem;
-  height: 0.75rem;
-  margin-top: -0.375rem;
-}
-
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__toggle-knob--on {
-  left: 0.875rem;
-}
-
-.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__content {
-  padding: 0.75rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
+.mint-sidebar__rail-badge--neutral,
+.mint-sidebar__tag--neutral,
+.mint-sidebar__group-action--neutral {
+  --mint-sidebar-tone: var(--text-secondary);
 }
 
 .mint-sidebar__footer--collapsed {
@@ -381,7 +539,10 @@
 @media (prefers-reduced-motion: reduce) {
   .mint-sidebar,
   .mint-sidebar__rail-item,
-  .mint-sidebar__rail-icon {
+  .mint-sidebar__rail-icon,
+  .mint-sidebar__chevron,
+  .mint-sidebar__switch,
+  .mint-sidebar__switch-knob {
     transition: none;
   }
 

package/src/styles/components/form-builder.css

@@ -6,7 +6,7 @@
 }
 
 .mint-form-builder--sm {
-  gap: 1rem;
+  gap: 0.625rem;
 }
 
 .mint-form-builder--lg {

package/src/styles/components/form-field.css

@@ -6,6 +6,34 @@
   gap: 0.375rem;
 }
 
+/* Row layout: label left, control in a fixed 120px column. For numbers, toggles
+   and short enums; anything that would truncate in 120px stays stacked. */
+.mint-form-field--row {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.mint-form-field--row .mint-form-field__label-row {
+  flex: 1;
+  min-width: 0;
+}
+
+.mint-form-field--row .mint-form-field__label {
+  letter-spacing: 0.04em;
+}
+
+.mint-form-field--row .mint-form-field__control {
+  flex: 0 0 7.5rem;
+  min-width: 0;
+}
+
+.mint-form-field--row .mint-form-field__error,
+.mint-form-field--row .mint-form-field__hint {
+  flex-basis: 100%;
+}
+
 .mint-form-field__label-row {
   display: flex;
   align-items: baseline;