@burdenoff/microfe-crewfoundry 2026.830.1 → 2026.924.1

package/dist/crewfoundry/components/forms/FormModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormModal.d.ts","sourceRoot":"","sources":["../../../../src/crewfoundry/components/forms/FormModal.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,aAAa,GACvB,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,wFAAwF;IACxF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAkED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,aAAa,EACb,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,+BAsRhB;AAGD,MAAM,WAAW,kBAAkB,CAAC,QAAQ;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,GAAG,IAAI,KAAK,kBAAkB,CAAC,QAAQ,CAAC,CAmB5E"}
+{"version":3,"file":"FormModal.d.ts","sourceRoot":"","sources":["../../../../src/crewfoundry/components/forms/FormModal.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,wFAAwF;IACxF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAkED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,aAAa,EACb,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,+BAsRhB;AAGD,MAAM,WAAW,kBAAkB,CAAC,QAAQ;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,GAAG,IAAI,KAAK,kBAAkB,CAAC,QAAQ,CAAC,CAmB5E"}

package/dist/crewfoundry/components/forms/FormModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormModal.js","names":[],"sources":["../../../../src/crewfoundry/components/forms/FormModal.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { X } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n// ── Public API ──────────────────────────────────────────────────\nexport type FormFieldType =\n  'text' | 'number' | 'date' | 'email' | 'textarea' | 'select' | 'tags' | 'switch';\n\nexport type FormValue = string | number | boolean | string[];\nexport type FormValues = Record<string, FormValue>;\n\nexport interface FieldOption {\n  label: string;\n  value: string;\n}\n\nexport interface FieldConfig {\n  name: string;\n  label: string;\n  type: FormFieldType;\n  required?: boolean;\n  placeholder?: string;\n  options?: FieldOption[];\n  /** Column span in the 2-col grid on md+ (defaults to 1; textarea/tags default to 2). */\n  colSpan?: 1 | 2;\n}\n\nexport interface FormModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description?: string;\n  fields: FieldConfig[];\n  initialValues?: FormValues;\n  submitLabel?: string;\n  onSubmit: (values: FormValues) => Promise<void>;\n}\n\n// ── Internal state helpers ──────────────────────────────────────\n// Text-like inputs are held as strings for controlled inputs; switches as\n// booleans; tags as string[]. Values are coerced back to their public shapes\n// on submit.\ntype InternalValue = string | boolean | string[];\ntype InternalValues = Record<string, InternalValue>;\n\nconst buildInitialState = (fields: FieldConfig[], initialValues?: FormValues): InternalValues => {\n  const state: InternalValues = {};\n  for (const field of fields) {\n    const raw = initialValues?.[field.name];\n    if (field.type === 'switch') {\n      state[field.name] = Boolean(raw);\n    } else if (field.type === 'tags') {\n      if (Array.isArray(raw)) {\n        state[field.name] = raw.map((item) => String(item));\n      } else if (typeof raw === 'string' && raw.length > 0) {\n        state[field.name] = raw\n          .split(',')\n          .map((item) => item.trim())\n          .filter(Boolean);\n      } else {\n        state[field.name] = [];\n      }\n    } else {\n      state[field.name] = raw === undefined || raw === null ? '' : String(raw);\n    }\n  }\n  return state;\n};\n\nconst isEmptyValue = (field: FieldConfig, value: InternalValue): boolean => {\n  if (field.type === 'switch') {\n    return false;\n  }\n  if (field.type === 'tags') {\n    return !Array.isArray(value) || value.length === 0;\n  }\n  return typeof value !== 'string' || value.trim() === '';\n};\n\nconst toOutput = (fields: FieldConfig[], state: InternalValues): FormValues => {\n  const output: FormValues = {};\n  for (const field of fields) {\n    const value = state[field.name];\n    if (field.type === 'switch') {\n      output[field.name] = Boolean(value);\n    } else if (field.type === 'tags') {\n      output[field.name] = Array.isArray(value) ? value : [];\n    } else if (field.type === 'number') {\n      const raw = typeof value === 'string' ? value.trim() : '';\n      output[field.name] = raw === '' ? '' : Number(raw);\n    } else {\n      output[field.name] = typeof value === 'string' ? value : '';\n    }\n  }\n  return output;\n};\n\n// Native <select> styled with the same semantic tokens as fe-libs Input.\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50';\n\n// ── Component ───────────────────────────────────────────────────\nexport function FormModal({\n  open,\n  onOpenChange,\n  title,\n  description,\n  fields,\n  initialValues,\n  submitLabel,\n  onSubmit,\n}: FormModalProps) {\n  const { showToast } = useGlobalUi();\n  const tr = useTr();\n  const resolvedSubmitLabel = submitLabel ?? tr('formModal.submitLabel', 'Save');\n  const [values, setValues] = useState<InternalValues>(() =>\n    buildInitialState(fields, initialValues)\n  );\n  const [tagDrafts, setTagDrafts] = useState<Record<string, string>>({});\n  const [submitting, setSubmitting] = useState(false);\n\n  // Keep the latest field config / initial values reachable from the reset\n  // effect without making them effect dependencies (page callers rarely\n  // memoize these, and depending on them would loop or clobber edits).\n  const fieldsRef = useRef(fields);\n  const initialValuesRef = useRef(initialValues);\n  const wasOpenRef = useRef(false);\n\n  // Sync the latest field config / initial values into refs after each commit\n  // (never during render). Declared before the reset effect so that on a rising\n  // edge of `open` the refs are refreshed first, then read by the reset below.\n  useEffect(() => {\n    fieldsRef.current = fields;\n    initialValuesRef.current = initialValues;\n  }, [fields, initialValues]);\n\n  // Reset the working copy on each rising edge of `open` so edit vs create\n  // contexts never leak into each other.\n  useEffect(() => {\n    if (open && !wasOpenRef.current) {\n      setValues(buildInitialState(fieldsRef.current, initialValuesRef.current));\n      setTagDrafts({});\n      setSubmitting(false);\n    }\n    wasOpenRef.current = open;\n  }, [open]);\n\n  const setFieldValue = useCallback((name: string, value: InternalValue) => {\n    setValues((prev) => ({ ...prev, [name]: value }));\n  }, []);\n\n  const commitTag = useCallback((name: string) => {\n    setTagDrafts((prevDrafts) => {\n      const draft = (prevDrafts[name] ?? '').trim();\n      if (draft) {\n        setValues((prev) => {\n          const current = Array.isArray(prev[name]) ? (prev[name] as string[]) : [];\n          if (current.includes(draft)) {\n            return prev;\n          }\n          return { ...prev, [name]: [...current, draft] };\n        });\n      }\n      return { ...prevDrafts, [name]: '' };\n    });\n  }, []);\n\n  const removeTag = useCallback((name: string, tag: string) => {\n    setValues((prev) => {\n      const current = Array.isArray(prev[name]) ? (prev[name] as string[]) : [];\n      return { ...prev, [name]: current.filter((item) => item !== tag) };\n    });\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      if (submitting) {\n        return;\n      }\n\n      // Fold any un-committed tag draft into its field before validating.\n      const staged: InternalValues = { ...values };\n      for (const field of fields) {\n        if (field.type === 'tags') {\n          const draft = (tagDrafts[field.name] ?? '').trim();\n          if (draft) {\n            const current = Array.isArray(staged[field.name])\n              ? (staged[field.name] as string[])\n              : [];\n            if (!current.includes(draft)) {\n              staged[field.name] = [...current, draft];\n            }\n          }\n        }\n      }\n\n      const missing = fields.find(\n        (field) => field.required && isEmptyValue(field, staged[field.name])\n      );\n      if (missing) {\n        showToast(\n          tr('formModal.fieldRequired', '{{label}} is required', { label: missing.label }),\n          'warning'\n        );\n        return;\n      }\n\n      setSubmitting(true);\n      try {\n        await onSubmit(toOutput(fields, staged));\n        onOpenChange(false);\n      } catch (error) {\n        showToast(\n          error instanceof Error\n            ? error.message\n            : tr('formModal.submitError', 'Something went wrong'),\n          'error'\n        );\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [fields, onOpenChange, onSubmit, showToast, submitting, tagDrafts, tr, values]\n  );\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-[560px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>{title}</ResponsiveDialogTitle>\n          {description ? (\n            <ResponsiveDialogDescription>{description}</ResponsiveDialogDescription>\n          ) : null}\n        </ResponsiveDialogHeader>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            {fields.map((field) => {\n              const fieldId = `formmodal-${field.name}`;\n              const spanTwo =\n                field.colSpan === 2 ||\n                (field.colSpan === undefined &&\n                  (field.type === 'textarea' || field.type === 'tags'));\n              const value = values[field.name];\n\n              return (\n                <div\n                  key={field.name}\n                  className={`flex flex-col gap-1.5 ${spanTwo ? 'md:col-span-2' : ''}`}\n                >\n                  {field.type === 'switch' ? (\n                    <div className=\"flex items-center justify-between gap-3 rounded-input border border-border-default bg-bg-surface px-3 py-2\">\n                      <Label htmlFor={fieldId}>\n                        {field.label}\n                        {field.required ? <span className=\"text-status-error-fg\"> *</span> : null}\n                      </Label>\n                      <Switch\n                        id={fieldId}\n                        checked={Boolean(value)}\n                        onCheckedChange={(checked) => setFieldValue(field.name, checked)}\n                        disabled={submitting}\n                      />\n                    </div>\n                  ) : (\n                    <>\n                      <Label htmlFor={fieldId}>\n                        {field.label}\n                        {field.required ? <span className=\"text-status-error-fg\"> *</span> : null}\n                      </Label>\n\n                      {field.type === 'textarea' ? (\n                        <Textarea\n                          id={fieldId}\n                          value={typeof value === 'string' ? value : ''}\n                          placeholder={field.placeholder}\n                          disabled={submitting}\n                          onChange={(event) => setFieldValue(field.name, event.target.value)}\n                        />\n                      ) : field.type === 'select' ? (\n                        <select\n                          id={fieldId}\n                          className={SELECT_CLASS}\n                          value={typeof value === 'string' ? value : ''}\n                          disabled={submitting}\n                          onChange={(event) => setFieldValue(field.name, event.target.value)}\n                        >\n                          <option value=\"\" disabled>\n                            {field.placeholder ?? tr('formModal.selectPlaceholder', 'Select…')}\n                          </option>\n                          {(field.options ?? []).map((option) => (\n                            <option key={option.value} value={option.value}>\n                              {option.label}\n                            </option>\n                          ))}\n                        </select>\n                      ) : field.type === 'tags' ? (\n                        <div className=\"flex min-h-10 flex-wrap items-center gap-1.5 rounded-input border border-border-default bg-bg-surface px-2 py-1.5\">\n                          {(Array.isArray(value) ? value : []).map((tag) => (\n                            <span\n                              key={tag}\n                              className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-primary\"\n                            >\n                              {tag}\n                              <button\n                                type=\"button\"\n                                aria-label={tr('formModal.removeTag', 'Remove {{tag}}', { tag })}\n                                className=\"text-text-secondary hover:text-text-primary\"\n                                onClick={() => removeTag(field.name, tag)}\n                                disabled={submitting}\n                              >\n                                <X className=\"h-3 w-3\" />\n                              </button>\n                            </span>\n                          ))}\n                          <input\n                            id={fieldId}\n                            className=\"min-w-[6rem] flex-1 bg-transparent text-sm text-text-primary outline-none placeholder:text-text-placeholder\"\n                            value={tagDrafts[field.name] ?? ''}\n                            placeholder={\n                              field.placeholder ??\n                              tr('formModal.tagsPlaceholder', 'Add and press Enter')\n                            }\n                            disabled={submitting}\n                            onChange={(event) =>\n                              setTagDrafts((prev) => ({\n                                ...prev,\n                                [field.name]: event.target.value,\n                              }))\n                            }\n                            onKeyDown={(event) => {\n                              if (event.key === 'Enter' || event.key === ',') {\n                                event.preventDefault();\n                                commitTag(field.name);\n                              } else if (\n                                event.key === 'Backspace' &&\n                                (tagDrafts[field.name] ?? '') === ''\n                              ) {\n                                const current = Array.isArray(value) ? value : [];\n                                if (current.length > 0) {\n                                  removeTag(field.name, current[current.length - 1]);\n                                }\n                              }\n                            }}\n                            onBlur={() => commitTag(field.name)}\n                          />\n                        </div>\n                      ) : (\n                        <Input\n                          id={fieldId}\n                          type={\n                            field.type === 'number'\n                              ? 'number'\n                              : field.type === 'date'\n                                ? 'date'\n                                : field.type === 'email'\n                                  ? 'email'\n                                  : 'text'\n                          }\n                          value={typeof value === 'string' ? value : ''}\n                          placeholder={field.placeholder}\n                          disabled={submitting}\n                          onChange={(event) => setFieldValue(field.name, event.target.value)}\n                        />\n                      )}\n                    </>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={submitting}\n            >\n              {tr('formModal.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={submitting}>\n              {submitting ? tr('formModal.saving', 'Saving…') : resolvedSubmitLabel}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ── Optional open/close helper ──────────────────────────────────\nexport interface UseFormModalResult<TContext> {\n  open: boolean;\n  /** The row/context passed to openModal (e.g. the entity being edited). */\n  context: TContext | null;\n  openModal: (context?: TContext) => void;\n  closeModal: () => void;\n  onOpenChange: (open: boolean) => void;\n}\n\n/**\n * Tiny helper for pages that toggle a single FormModal and want to remember\n * which row is being edited. `context` is null for a create flow.\n */\nexport function useFormModal<TContext = void>(): UseFormModalResult<TContext> {\n  const [open, setOpen] = useState(false);\n  const [context, setContext] = useState<TContext | null>(null);\n\n  const openModal = useCallback((next?: TContext) => {\n    setContext(next ?? null);\n    setOpen(true);\n  }, []);\n\n  const closeModal = useCallback(() => setOpen(false), []);\n\n  const onOpenChange = useCallback((nextOpen: boolean) => {\n    setOpen(nextOpen);\n    if (!nextOpen) {\n      setContext(null);\n    }\n  }, []);\n\n  return { open, context, openModal, closeModal, onOpenChange };\n}\n"],"mappings":"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"}
+{"version":3,"file":"FormModal.js","names":[],"sources":["../../../../src/crewfoundry/components/forms/FormModal.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { X } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n// ── Public API ──────────────────────────────────────────────────\nexport type FormFieldType =\n  | 'text'\n  | 'number'\n  | 'date'\n  | 'email'\n  | 'textarea'\n  | 'select'\n  | 'tags'\n  | 'switch';\n\nexport type FormValue = string | number | boolean | string[];\nexport type FormValues = Record<string, FormValue>;\n\nexport interface FieldOption {\n  label: string;\n  value: string;\n}\n\nexport interface FieldConfig {\n  name: string;\n  label: string;\n  type: FormFieldType;\n  required?: boolean;\n  placeholder?: string;\n  options?: FieldOption[];\n  /** Column span in the 2-col grid on md+ (defaults to 1; textarea/tags default to 2). */\n  colSpan?: 1 | 2;\n}\n\nexport interface FormModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description?: string;\n  fields: FieldConfig[];\n  initialValues?: FormValues;\n  submitLabel?: string;\n  onSubmit: (values: FormValues) => Promise<void>;\n}\n\n// ── Internal state helpers ──────────────────────────────────────\n// Text-like inputs are held as strings for controlled inputs; switches as\n// booleans; tags as string[]. Values are coerced back to their public shapes\n// on submit.\ntype InternalValue = string | boolean | string[];\ntype InternalValues = Record<string, InternalValue>;\n\nconst buildInitialState = (fields: FieldConfig[], initialValues?: FormValues): InternalValues => {\n  const state: InternalValues = {};\n  for (const field of fields) {\n    const raw = initialValues?.[field.name];\n    if (field.type === 'switch') {\n      state[field.name] = Boolean(raw);\n    } else if (field.type === 'tags') {\n      if (Array.isArray(raw)) {\n        state[field.name] = raw.map((item) => String(item));\n      } else if (typeof raw === 'string' && raw.length > 0) {\n        state[field.name] = raw\n          .split(',')\n          .map((item) => item.trim())\n          .filter(Boolean);\n      } else {\n        state[field.name] = [];\n      }\n    } else {\n      state[field.name] = raw === undefined || raw === null ? '' : String(raw);\n    }\n  }\n  return state;\n};\n\nconst isEmptyValue = (field: FieldConfig, value: InternalValue): boolean => {\n  if (field.type === 'switch') {\n    return false;\n  }\n  if (field.type === 'tags') {\n    return !Array.isArray(value) || value.length === 0;\n  }\n  return typeof value !== 'string' || value.trim() === '';\n};\n\nconst toOutput = (fields: FieldConfig[], state: InternalValues): FormValues => {\n  const output: FormValues = {};\n  for (const field of fields) {\n    const value = state[field.name];\n    if (field.type === 'switch') {\n      output[field.name] = Boolean(value);\n    } else if (field.type === 'tags') {\n      output[field.name] = Array.isArray(value) ? value : [];\n    } else if (field.type === 'number') {\n      const raw = typeof value === 'string' ? value.trim() : '';\n      output[field.name] = raw === '' ? '' : Number(raw);\n    } else {\n      output[field.name] = typeof value === 'string' ? value : '';\n    }\n  }\n  return output;\n};\n\n// Native <select> styled with the same semantic tokens as fe-libs Input.\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50';\n\n// ── Component ───────────────────────────────────────────────────\nexport function FormModal({\n  open,\n  onOpenChange,\n  title,\n  description,\n  fields,\n  initialValues,\n  submitLabel,\n  onSubmit,\n}: FormModalProps) {\n  const { showToast } = useGlobalUi();\n  const tr = useTr();\n  const resolvedSubmitLabel = submitLabel ?? tr('formModal.submitLabel', 'Save');\n  const [values, setValues] = useState<InternalValues>(() =>\n    buildInitialState(fields, initialValues)\n  );\n  const [tagDrafts, setTagDrafts] = useState<Record<string, string>>({});\n  const [submitting, setSubmitting] = useState(false);\n\n  // Keep the latest field config / initial values reachable from the reset\n  // effect without making them effect dependencies (page callers rarely\n  // memoize these, and depending on them would loop or clobber edits).\n  const fieldsRef = useRef(fields);\n  const initialValuesRef = useRef(initialValues);\n  const wasOpenRef = useRef(false);\n\n  // Sync the latest field config / initial values into refs after each commit\n  // (never during render). Declared before the reset effect so that on a rising\n  // edge of `open` the refs are refreshed first, then read by the reset below.\n  useEffect(() => {\n    fieldsRef.current = fields;\n    initialValuesRef.current = initialValues;\n  }, [fields, initialValues]);\n\n  // Reset the working copy on each rising edge of `open` so edit vs create\n  // contexts never leak into each other.\n  useEffect(() => {\n    if (open && !wasOpenRef.current) {\n      setValues(buildInitialState(fieldsRef.current, initialValuesRef.current));\n      setTagDrafts({});\n      setSubmitting(false);\n    }\n    wasOpenRef.current = open;\n  }, [open]);\n\n  const setFieldValue = useCallback((name: string, value: InternalValue) => {\n    setValues((prev) => ({ ...prev, [name]: value }));\n  }, []);\n\n  const commitTag = useCallback((name: string) => {\n    setTagDrafts((prevDrafts) => {\n      const draft = (prevDrafts[name] ?? '').trim();\n      if (draft) {\n        setValues((prev) => {\n          const current = Array.isArray(prev[name]) ? (prev[name] as string[]) : [];\n          if (current.includes(draft)) {\n            return prev;\n          }\n          return { ...prev, [name]: [...current, draft] };\n        });\n      }\n      return { ...prevDrafts, [name]: '' };\n    });\n  }, []);\n\n  const removeTag = useCallback((name: string, tag: string) => {\n    setValues((prev) => {\n      const current = Array.isArray(prev[name]) ? (prev[name] as string[]) : [];\n      return { ...prev, [name]: current.filter((item) => item !== tag) };\n    });\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      if (submitting) {\n        return;\n      }\n\n      // Fold any un-committed tag draft into its field before validating.\n      const staged: InternalValues = { ...values };\n      for (const field of fields) {\n        if (field.type === 'tags') {\n          const draft = (tagDrafts[field.name] ?? '').trim();\n          if (draft) {\n            const current = Array.isArray(staged[field.name])\n              ? (staged[field.name] as string[])\n              : [];\n            if (!current.includes(draft)) {\n              staged[field.name] = [...current, draft];\n            }\n          }\n        }\n      }\n\n      const missing = fields.find(\n        (field) => field.required && isEmptyValue(field, staged[field.name])\n      );\n      if (missing) {\n        showToast(\n          tr('formModal.fieldRequired', '{{label}} is required', { label: missing.label }),\n          'warning'\n        );\n        return;\n      }\n\n      setSubmitting(true);\n      try {\n        await onSubmit(toOutput(fields, staged));\n        onOpenChange(false);\n      } catch (error) {\n        showToast(\n          error instanceof Error\n            ? error.message\n            : tr('formModal.submitError', 'Something went wrong'),\n          'error'\n        );\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [fields, onOpenChange, onSubmit, showToast, submitting, tagDrafts, tr, values]\n  );\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-[560px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>{title}</ResponsiveDialogTitle>\n          {description ? (\n            <ResponsiveDialogDescription>{description}</ResponsiveDialogDescription>\n          ) : null}\n        </ResponsiveDialogHeader>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            {fields.map((field) => {\n              const fieldId = `formmodal-${field.name}`;\n              const spanTwo =\n                field.colSpan === 2 ||\n                (field.colSpan === undefined &&\n                  (field.type === 'textarea' || field.type === 'tags'));\n              const value = values[field.name];\n\n              return (\n                <div\n                  key={field.name}\n                  className={`flex flex-col gap-1.5 ${spanTwo ? 'md:col-span-2' : ''}`}\n                >\n                  {field.type === 'switch' ? (\n                    <div className=\"flex items-center justify-between gap-3 rounded-input border border-border-default bg-bg-surface px-3 py-2\">\n                      <Label htmlFor={fieldId}>\n                        {field.label}\n                        {field.required ? <span className=\"text-status-error-fg\"> *</span> : null}\n                      </Label>\n                      <Switch\n                        id={fieldId}\n                        checked={Boolean(value)}\n                        onCheckedChange={(checked) => setFieldValue(field.name, checked)}\n                        disabled={submitting}\n                      />\n                    </div>\n                  ) : (\n                    <>\n                      <Label htmlFor={fieldId}>\n                        {field.label}\n                        {field.required ? <span className=\"text-status-error-fg\"> *</span> : null}\n                      </Label>\n\n                      {field.type === 'textarea' ? (\n                        <Textarea\n                          id={fieldId}\n                          value={typeof value === 'string' ? value : ''}\n                          placeholder={field.placeholder}\n                          disabled={submitting}\n                          onChange={(event) => setFieldValue(field.name, event.target.value)}\n                        />\n                      ) : field.type === 'select' ? (\n                        <select\n                          id={fieldId}\n                          className={SELECT_CLASS}\n                          value={typeof value === 'string' ? value : ''}\n                          disabled={submitting}\n                          onChange={(event) => setFieldValue(field.name, event.target.value)}\n                        >\n                          <option value=\"\" disabled>\n                            {field.placeholder ?? tr('formModal.selectPlaceholder', 'Select…')}\n                          </option>\n                          {(field.options ?? []).map((option) => (\n                            <option key={option.value} value={option.value}>\n                              {option.label}\n                            </option>\n                          ))}\n                        </select>\n                      ) : field.type === 'tags' ? (\n                        <div className=\"flex min-h-10 flex-wrap items-center gap-1.5 rounded-input border border-border-default bg-bg-surface px-2 py-1.5\">\n                          {(Array.isArray(value) ? value : []).map((tag) => (\n                            <span\n                              key={tag}\n                              className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-primary\"\n                            >\n                              {tag}\n                              <button\n                                type=\"button\"\n                                aria-label={tr('formModal.removeTag', 'Remove {{tag}}', { tag })}\n                                className=\"text-text-secondary hover:text-text-primary\"\n                                onClick={() => removeTag(field.name, tag)}\n                                disabled={submitting}\n                              >\n                                <X className=\"h-3 w-3\" />\n                              </button>\n                            </span>\n                          ))}\n                          <input\n                            id={fieldId}\n                            className=\"min-w-[6rem] flex-1 bg-transparent text-sm text-text-primary outline-none placeholder:text-text-placeholder\"\n                            value={tagDrafts[field.name] ?? ''}\n                            placeholder={\n                              field.placeholder ??\n                              tr('formModal.tagsPlaceholder', 'Add and press Enter')\n                            }\n                            disabled={submitting}\n                            onChange={(event) =>\n                              setTagDrafts((prev) => ({\n                                ...prev,\n                                [field.name]: event.target.value,\n                              }))\n                            }\n                            onKeyDown={(event) => {\n                              if (event.key === 'Enter' || event.key === ',') {\n                                event.preventDefault();\n                                commitTag(field.name);\n                              } else if (\n                                event.key === 'Backspace' &&\n                                (tagDrafts[field.name] ?? '') === ''\n                              ) {\n                                const current = Array.isArray(value) ? value : [];\n                                if (current.length > 0) {\n                                  removeTag(field.name, current[current.length - 1]);\n                                }\n                              }\n                            }}\n                            onBlur={() => commitTag(field.name)}\n                          />\n                        </div>\n                      ) : (\n                        <Input\n                          id={fieldId}\n                          type={\n                            field.type === 'number'\n                              ? 'number'\n                              : field.type === 'date'\n                                ? 'date'\n                                : field.type === 'email'\n                                  ? 'email'\n                                  : 'text'\n                          }\n                          value={typeof value === 'string' ? value : ''}\n                          placeholder={field.placeholder}\n                          disabled={submitting}\n                          onChange={(event) => setFieldValue(field.name, event.target.value)}\n                        />\n                      )}\n                    </>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={submitting}\n            >\n              {tr('formModal.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={submitting}>\n              {submitting ? tr('formModal.saving', 'Saving…') : resolvedSubmitLabel}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ── Optional open/close helper ──────────────────────────────────\nexport interface UseFormModalResult<TContext> {\n  open: boolean;\n  /** The row/context passed to openModal (e.g. the entity being edited). */\n  context: TContext | null;\n  openModal: (context?: TContext) => void;\n  closeModal: () => void;\n  onOpenChange: (open: boolean) => void;\n}\n\n/**\n * Tiny helper for pages that toggle a single FormModal and want to remember\n * which row is being edited. `context` is null for a create flow.\n */\nexport function useFormModal<TContext = void>(): UseFormModalResult<TContext> {\n  const [open, setOpen] = useState(false);\n  const [context, setContext] = useState<TContext | null>(null);\n\n  const openModal = useCallback((next?: TContext) => {\n    setContext(next ?? null);\n    setOpen(true);\n  }, []);\n\n  const closeModal = useCallback(() => setOpen(false), []);\n\n  const onOpenChange = useCallback((nextOpen: boolean) => {\n    setOpen(nextOpen);\n    if (!nextOpen) {\n      setContext(null);\n    }\n  }, []);\n\n  return { open, context, openModal, closeModal, onOpenChange };\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HiringCreateJobPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HiringCreateJobPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,uBAAuB,gCAmUtC"}
+{"version":3,"file":"HiringCreateJobPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,uBAAuB,gCAmUtC"}

package/dist/crewfoundry/pages/HiringCreateJobPagePage.js

@@ -19,10 +19,6 @@ var v = "flex h-10 w-full rounded-input border border-border-default bg-bg-surfa
 	{
 		label: "Contract",
 		value: "contract"
-	},
-	{
-		label: "Remote",
-		value: "remote"
 	}
 ], x = [
 	{

package/dist/crewfoundry/pages/HiringCreateJobPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiringCreateJobPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button,\n  GlassCard,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Briefcase, ChevronRight, Plus, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { newClientId } from '../components/forms/formValues';\n\n// Native <select> styled with the same semantic tokens as fe-libs Input.\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50';\n\nconst FIELD_LABEL_CLASS = 'text-sm font-medium text-text-primary';\n\nconst JOB_TYPE_OPTIONS: { label: string; value: JobPosting['type'] }[] = [\n  { label: 'Full time', value: 'full_time' },\n  { label: 'Part time', value: 'part_time' },\n  { label: 'Contract', value: 'contract' },\n  { label: 'Remote', value: 'remote' },\n];\n\nconst EXPERIENCE_OPTIONS: { label: string; value: JobPosting['experienceLevel'] }[] = [\n  { label: 'Entry', value: 'entry' },\n  { label: 'Mid', value: 'mid' },\n  { label: 'Senior', value: 'senior' },\n  { label: 'Lead', value: 'lead' },\n  { label: 'Executive', value: 'executive' },\n];\n\nfunction FieldLabel({ htmlFor, children }: { htmlFor: string; children: ReactNode }) {\n  return (\n    <label className={FIELD_LABEL_CLASS} htmlFor={htmlFor}>\n      {children}\n    </label>\n  );\n}\n\nexport function HiringCreateJobPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const addJobPosting = useCrewFoundryStore((state) => state.addJobPosting);\n  const departments = useCrewFoundryStore((state) => state.departments);\n\n  const [title, setTitle] = useState('');\n  const [department, setDepartment] = useState('');\n  const [location, setLocation] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<JobPosting['type']>('full_time');\n  const [experienceLevel, setExperienceLevel] = useState<JobPosting['experienceLevel']>('mid');\n  const [salaryMin, setSalaryMin] = useState('');\n  const [salaryMax, setSalaryMax] = useState('');\n  const [deadline, setDeadline] = useState('');\n  const [requirements, setRequirements] = useState<string[]>(['']);\n  const [benefits, setBenefits] = useState<string[]>(['']);\n  const [submitting, setSubmitting] = useState(false);\n\n  const departmentNames = useMemo(\n    () => Array.from(new Set(departments.map((d) => d.name).filter(Boolean))).sort(),\n    [departments]\n  );\n\n  const addRequirement = () => setRequirements((prev) => [...prev, '']);\n  const addBenefit = () => setBenefits((prev) => [...prev, '']);\n  const updateRequirement = (idx: number, value: string) =>\n    setRequirements((prev) => prev.map((item, i) => (i === idx ? value : item)));\n  const updateBenefit = (idx: number, value: string) =>\n    setBenefits((prev) => prev.map((item, i) => (i === idx ? value : item)));\n  const removeRequirement = (idx: number) =>\n    setRequirements((prev) => prev.filter((_, i) => i !== idx));\n  const removeBenefit = (idx: number) => setBenefits((prev) => prev.filter((_, i) => i !== idx));\n\n  const submit = async (status: JobPosting['status']) => {\n    if (submitting) {\n      return;\n    }\n    if (!title.trim()) {\n      showToast('Job Title is required', 'warning');\n      return;\n    }\n    if (!department.trim()) {\n      showToast('Department is required', 'warning');\n      return;\n    }\n    const today = new Date().toISOString().slice(0, 10);\n    const job: JobPosting = {\n      id: newClientId(),\n      title: title.trim(),\n      department: department.trim(),\n      location: location.trim(),\n      type,\n      experienceLevel,\n      salaryMin: salaryMin.trim() === '' ? 0 : Number(salaryMin),\n      salaryMax: salaryMax.trim() === '' ? 0 : Number(salaryMax),\n      status,\n      applicants: 0,\n      postedDate: today,\n      deadline: deadline.trim() === '' ? today : deadline,\n      description: description.trim(),\n      requirements: requirements.map((item) => item.trim()).filter(Boolean),\n      benefits: benefits.map((item) => item.trim()).filter(Boolean),\n    };\n\n    setSubmitting(true);\n    try {\n      await addJobPosting(job);\n      showToast(status === 'draft' ? 'Draft saved' : 'Job published', 'success');\n      navigate('../hiring/jobs-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to save job posting', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const renderChipRows = (\n    items: string[],\n    update: (idx: number, value: string) => void,\n    remove: (idx: number) => void,\n    add: () => void,\n    kind: 'Requirement' | 'Benefit',\n    placeholder: string\n  ) => (\n    <div className=\"space-y-2\">\n      {items.map((value, idx) => (\n        <div key={idx} className=\"relative\">\n          <Input\n            className=\"pr-9\"\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => update(idx, e.target.value)}\n          />\n          <button\n            type=\"button\"\n            aria-label={`Remove ${kind.toLowerCase()} ${idx + 1}`}\n            onClick={() => remove(idx)}\n            className=\"absolute right-2.5 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ))}\n      <Button variant=\"link\" size=\"sm\" className=\"h-auto p-0\" onClick={add} type=\"button\">\n        <Plus className=\"h-4 w-4 mr-1\" />\n        Add {kind}\n      </Button>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"space-y-2\">\n        <nav\n          aria-label=\"Breadcrumb\"\n          className=\"flex items-center gap-1 text-sm text-text-secondary\"\n        >\n          <button\n            type=\"button\"\n            onClick={() => navigate('../hiring/jobs-page')}\n            className=\"rounded-sm transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary\"\n          >\n            Hiring\n          </button>\n          <ChevronRight className=\"h-3.5 w-3.5\" />\n          <span className=\"text-text-primary\">Post New Job</span>\n        </nav>\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Create Job Posting</GradientText>\n          </h1>\n          <PagePurpose className=\"mt-1\">\n            Create a new job posting — define the role, requirements, and compensation here to start\n            attracting and collecting applicants.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" className=\"max-w-5xl p-6\">\n        <div className=\"mb-6 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <Briefcase className=\"h-5 w-5\" />\n          Job details\n        </div>\n\n        <div className=\"space-y-5\">\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-title\">Job Title</FieldLabel>\n              <Input\n                id=\"job-title\"\n                placeholder=\"e.g. Senior Frontend Developer\"\n                value={title}\n                onChange={(e) => setTitle(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-type\">Employment Type</FieldLabel>\n              <select\n                id=\"job-type\"\n                className={SELECT_CLASS}\n                value={type}\n                onChange={(e) => setType(e.target.value as JobPosting['type'])}\n              >\n                {JOB_TYPE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-department\">Department</FieldLabel>\n              <Input\n                id=\"job-department\"\n                list=\"crewfoundry-department-options\"\n                placeholder=\"e.g. Engineering\"\n                value={department}\n                onChange={(e) => setDepartment(e.target.value)}\n              />\n              <datalist id=\"crewfoundry-department-options\">\n                {departmentNames.map((name) => (\n                  <option key={name} value={name} />\n                ))}\n              </datalist>\n            </div>\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-experience\">Experience Level</FieldLabel>\n              <select\n                id=\"job-experience\"\n                className={SELECT_CLASS}\n                value={experienceLevel}\n                onChange={(e) =>\n                  setExperienceLevel(e.target.value as JobPosting['experienceLevel'])\n                }\n              >\n                {EXPERIENCE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-location\">Location</FieldLabel>\n              <Input\n                id=\"job-location\"\n                placeholder=\"e.g. San Francisco, CA\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-2\">\n                <FieldLabel htmlFor=\"job-salary-min\">Salary Min</FieldLabel>\n                <div className=\"relative\">\n                  <span className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary\">\n                    $\n                  </span>\n                  <Input\n                    id=\"job-salary-min\"\n                    type=\"number\"\n                    className=\"pl-7\"\n                    placeholder=\"120,000\"\n                    value={salaryMin}\n                    onChange={(e) => setSalaryMin(e.target.value)}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <FieldLabel htmlFor=\"job-salary-max\">Salary Max</FieldLabel>\n                <div className=\"relative\">\n                  <span className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary\">\n                    $\n                  </span>\n                  <Input\n                    id=\"job-salary-max\"\n                    type=\"number\"\n                    className=\"pl-7\"\n                    placeholder=\"180,000\"\n                    value={salaryMax}\n                    onChange={(e) => setSalaryMax(e.target.value)}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-deadline\">Application Deadline</FieldLabel>\n              <Input\n                id=\"job-deadline\"\n                type=\"date\"\n                value={deadline}\n                onChange={(e) => setDeadline(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <FieldLabel htmlFor=\"job-description\">Description</FieldLabel>\n            <Textarea\n              id=\"job-description\"\n              placeholder=\"Describe the role, responsibilities, and ideal candidate...\"\n              rows={4}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 border-t border-border-subtle pt-5 md:grid-cols-2\">\n            <div className=\"space-y-3\">\n              <div>\n                <div className={FIELD_LABEL_CLASS}>Requirements</div>\n                <p className=\"text-xs text-text-secondary\">\n                  List the key requirements for this role\n                </p>\n              </div>\n              {renderChipRows(\n                requirements,\n                updateRequirement,\n                removeRequirement,\n                addRequirement,\n                'Requirement',\n                'e.g. 5+ years with React'\n              )}\n            </div>\n            <div className=\"space-y-3\">\n              <div>\n                <div className={FIELD_LABEL_CLASS}>Benefits</div>\n                <p className=\"text-xs text-text-secondary\">What does this position offer?</p>\n              </div>\n              {renderChipRows(\n                benefits,\n                updateBenefit,\n                removeBenefit,\n                addBenefit,\n                'Benefit',\n                'e.g. Flexible remote work'\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex flex-col-reverse justify-end gap-2 border-t border-border-subtle pt-5 sm:flex-row\">\n            <Button variant=\"outline\" disabled={submitting} onClick={() => submit('draft')}>\n              Save as Draft\n            </Button>\n            <Button disabled={submitting} onClick={() => submit('active')}>\n              <Save className=\"h-4 w-4 mr-1\" />\n              {submitting ? 'Saving…' : 'Publish Job'}\n            </Button>\n          </div>\n        </div>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HiringCreateJobPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button,\n  GlassCard,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Briefcase, ChevronRight, Plus, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { newClientId } from '../components/forms/formValues';\n\n// Native <select> styled with the same semantic tokens as fe-libs Input.\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50';\n\nconst FIELD_LABEL_CLASS = 'text-sm font-medium text-text-primary';\n\nconst JOB_TYPE_OPTIONS: { label: string; value: JobPosting['type'] }[] = [\n  { label: 'Full time', value: 'full_time' },\n  { label: 'Part time', value: 'part_time' },\n  { label: 'Contract', value: 'contract' },\n];\n\nconst EXPERIENCE_OPTIONS: { label: string; value: JobPosting['experienceLevel'] }[] = [\n  { label: 'Entry', value: 'entry' },\n  { label: 'Mid', value: 'mid' },\n  { label: 'Senior', value: 'senior' },\n  { label: 'Lead', value: 'lead' },\n  { label: 'Executive', value: 'executive' },\n];\n\nfunction FieldLabel({ htmlFor, children }: { htmlFor: string; children: ReactNode }) {\n  return (\n    <label className={FIELD_LABEL_CLASS} htmlFor={htmlFor}>\n      {children}\n    </label>\n  );\n}\n\nexport function HiringCreateJobPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const addJobPosting = useCrewFoundryStore((state) => state.addJobPosting);\n  const departments = useCrewFoundryStore((state) => state.departments);\n\n  const [title, setTitle] = useState('');\n  const [department, setDepartment] = useState('');\n  const [location, setLocation] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<JobPosting['type']>('full_time');\n  const [experienceLevel, setExperienceLevel] = useState<JobPosting['experienceLevel']>('mid');\n  const [salaryMin, setSalaryMin] = useState('');\n  const [salaryMax, setSalaryMax] = useState('');\n  const [deadline, setDeadline] = useState('');\n  const [requirements, setRequirements] = useState<string[]>(['']);\n  const [benefits, setBenefits] = useState<string[]>(['']);\n  const [submitting, setSubmitting] = useState(false);\n\n  const departmentNames = useMemo(\n    () => Array.from(new Set(departments.map((d) => d.name).filter(Boolean))).sort(),\n    [departments]\n  );\n\n  const addRequirement = () => setRequirements((prev) => [...prev, '']);\n  const addBenefit = () => setBenefits((prev) => [...prev, '']);\n  const updateRequirement = (idx: number, value: string) =>\n    setRequirements((prev) => prev.map((item, i) => (i === idx ? value : item)));\n  const updateBenefit = (idx: number, value: string) =>\n    setBenefits((prev) => prev.map((item, i) => (i === idx ? value : item)));\n  const removeRequirement = (idx: number) =>\n    setRequirements((prev) => prev.filter((_, i) => i !== idx));\n  const removeBenefit = (idx: number) => setBenefits((prev) => prev.filter((_, i) => i !== idx));\n\n  const submit = async (status: JobPosting['status']) => {\n    if (submitting) {\n      return;\n    }\n    if (!title.trim()) {\n      showToast('Job Title is required', 'warning');\n      return;\n    }\n    if (!department.trim()) {\n      showToast('Department is required', 'warning');\n      return;\n    }\n    const today = new Date().toISOString().slice(0, 10);\n    const job: JobPosting = {\n      id: newClientId(),\n      title: title.trim(),\n      department: department.trim(),\n      location: location.trim(),\n      type,\n      experienceLevel,\n      salaryMin: salaryMin.trim() === '' ? 0 : Number(salaryMin),\n      salaryMax: salaryMax.trim() === '' ? 0 : Number(salaryMax),\n      status,\n      applicants: 0,\n      postedDate: today,\n      deadline: deadline.trim() === '' ? today : deadline,\n      description: description.trim(),\n      requirements: requirements.map((item) => item.trim()).filter(Boolean),\n      benefits: benefits.map((item) => item.trim()).filter(Boolean),\n    };\n\n    setSubmitting(true);\n    try {\n      await addJobPosting(job);\n      showToast(status === 'draft' ? 'Draft saved' : 'Job published', 'success');\n      navigate('../hiring/jobs-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to save job posting', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const renderChipRows = (\n    items: string[],\n    update: (idx: number, value: string) => void,\n    remove: (idx: number) => void,\n    add: () => void,\n    kind: 'Requirement' | 'Benefit',\n    placeholder: string\n  ) => (\n    <div className=\"space-y-2\">\n      {items.map((value, idx) => (\n        <div key={idx} className=\"relative\">\n          <Input\n            className=\"pr-9\"\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => update(idx, e.target.value)}\n          />\n          <button\n            type=\"button\"\n            aria-label={`Remove ${kind.toLowerCase()} ${idx + 1}`}\n            onClick={() => remove(idx)}\n            className=\"absolute right-2.5 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ))}\n      <Button variant=\"link\" size=\"sm\" className=\"h-auto p-0\" onClick={add} type=\"button\">\n        <Plus className=\"h-4 w-4 mr-1\" />\n        Add {kind}\n      </Button>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"space-y-2\">\n        <nav\n          aria-label=\"Breadcrumb\"\n          className=\"flex items-center gap-1 text-sm text-text-secondary\"\n        >\n          <button\n            type=\"button\"\n            onClick={() => navigate('../hiring/jobs-page')}\n            className=\"rounded-sm transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary\"\n          >\n            Hiring\n          </button>\n          <ChevronRight className=\"h-3.5 w-3.5\" />\n          <span className=\"text-text-primary\">Post New Job</span>\n        </nav>\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Create Job Posting</GradientText>\n          </h1>\n          <PagePurpose className=\"mt-1\">\n            Create a new job posting — define the role, requirements, and compensation here to start\n            attracting and collecting applicants.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" className=\"max-w-5xl p-6\">\n        <div className=\"mb-6 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <Briefcase className=\"h-5 w-5\" />\n          Job details\n        </div>\n\n        <div className=\"space-y-5\">\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-title\">Job Title</FieldLabel>\n              <Input\n                id=\"job-title\"\n                placeholder=\"e.g. Senior Frontend Developer\"\n                value={title}\n                onChange={(e) => setTitle(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-type\">Employment Type</FieldLabel>\n              <select\n                id=\"job-type\"\n                className={SELECT_CLASS}\n                value={type}\n                onChange={(e) => setType(e.target.value as JobPosting['type'])}\n              >\n                {JOB_TYPE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-department\">Department</FieldLabel>\n              <Input\n                id=\"job-department\"\n                list=\"crewfoundry-department-options\"\n                placeholder=\"e.g. Engineering\"\n                value={department}\n                onChange={(e) => setDepartment(e.target.value)}\n              />\n              <datalist id=\"crewfoundry-department-options\">\n                {departmentNames.map((name) => (\n                  <option key={name} value={name} />\n                ))}\n              </datalist>\n            </div>\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-experience\">Experience Level</FieldLabel>\n              <select\n                id=\"job-experience\"\n                className={SELECT_CLASS}\n                value={experienceLevel}\n                onChange={(e) =>\n                  setExperienceLevel(e.target.value as JobPosting['experienceLevel'])\n                }\n              >\n                {EXPERIENCE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-location\">Location</FieldLabel>\n              <Input\n                id=\"job-location\"\n                placeholder=\"e.g. San Francisco, CA\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-2\">\n                <FieldLabel htmlFor=\"job-salary-min\">Salary Min</FieldLabel>\n                <div className=\"relative\">\n                  <span className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary\">\n                    $\n                  </span>\n                  <Input\n                    id=\"job-salary-min\"\n                    type=\"number\"\n                    className=\"pl-7\"\n                    placeholder=\"120,000\"\n                    value={salaryMin}\n                    onChange={(e) => setSalaryMin(e.target.value)}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <FieldLabel htmlFor=\"job-salary-max\">Salary Max</FieldLabel>\n                <div className=\"relative\">\n                  <span className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary\">\n                    $\n                  </span>\n                  <Input\n                    id=\"job-salary-max\"\n                    type=\"number\"\n                    className=\"pl-7\"\n                    placeholder=\"180,000\"\n                    value={salaryMax}\n                    onChange={(e) => setSalaryMax(e.target.value)}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-deadline\">Application Deadline</FieldLabel>\n              <Input\n                id=\"job-deadline\"\n                type=\"date\"\n                value={deadline}\n                onChange={(e) => setDeadline(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <FieldLabel htmlFor=\"job-description\">Description</FieldLabel>\n            <Textarea\n              id=\"job-description\"\n              placeholder=\"Describe the role, responsibilities, and ideal candidate...\"\n              rows={4}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 border-t border-border-subtle pt-5 md:grid-cols-2\">\n            <div className=\"space-y-3\">\n              <div>\n                <div className={FIELD_LABEL_CLASS}>Requirements</div>\n                <p className=\"text-xs text-text-secondary\">\n                  List the key requirements for this role\n                </p>\n              </div>\n              {renderChipRows(\n                requirements,\n                updateRequirement,\n                removeRequirement,\n                addRequirement,\n                'Requirement',\n                'e.g. 5+ years with React'\n              )}\n            </div>\n            <div className=\"space-y-3\">\n              <div>\n                <div className={FIELD_LABEL_CLASS}>Benefits</div>\n                <p className=\"text-xs text-text-secondary\">What does this position offer?</p>\n              </div>\n              {renderChipRows(\n                benefits,\n                updateBenefit,\n                removeBenefit,\n                addBenefit,\n                'Benefit',\n                'e.g. Flexible remote work'\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex flex-col-reverse justify-end gap-2 border-t border-border-subtle pt-5 sm:flex-row\">\n            <Button variant=\"outline\" disabled={submitting} onClick={() => submit('draft')}>\n              Save as Draft\n            </Button>\n            <Button disabled={submitting} onClick={() => submit('active')}>\n              <Save className=\"h-4 w-4 mr-1\" />\n              {submitting ? 'Saving…' : 'Publish Job'}\n            </Button>\n          </div>\n        </div>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HiringJobDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"names":[],"mappings":"AAkHA,wBAAgB,wBAAwB,gCAsbvC"}
+{"version":3,"file":"HiringJobDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"names":[],"mappings":"AAiHA,wBAAgB,wBAAwB,gCAsbvC"}

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -52,10 +52,6 @@ var j = [
 			{
 				label: "Contract",
 				value: "contract"
-			},
-			{
-				label: "Remote",
-				value: "remote"
 			}
 		]
 	},

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiringJobDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { useState } from 'react';\nimport {\n  Briefcase,\n  Calendar,\n  CheckCircle,\n  MapPin,\n  Pencil,\n  Share2,\n  Sparkles,\n  Trash2,\n  Users,\n  XCircle,\n} from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore, type Candidate, type JobPosting } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getTags, getText } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport {\n  HBarFunnel,\n  RatingStars,\n  SkillBar,\n  STATUS,\n  getInitials,\n  type LabeledValue,\n} from '../components/viz';\n\nconst JOB_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Job Title', type: 'text', required: true, colSpan: 2 },\n  { name: 'department', label: 'Department', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  {\n    name: 'type',\n    label: 'Employment Type',\n    type: 'select',\n    options: [\n      { label: 'Full time', value: 'full_time' },\n      { label: 'Part time', value: 'part_time' },\n      { label: 'Contract', value: 'contract' },\n      { label: 'Remote', value: 'remote' },\n    ],\n  },\n  {\n    name: 'experienceLevel',\n    label: 'Experience Level',\n    type: 'select',\n    options: [\n      { label: 'Entry', value: 'entry' },\n      { label: 'Mid', value: 'mid' },\n      { label: 'Senior', value: 'senior' },\n      { label: 'Lead', value: 'lead' },\n      { label: 'Executive', value: 'executive' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Draft', value: 'draft' },\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Closed', value: 'closed' },\n      { label: 'Filled', value: 'filled' },\n    ],\n  },\n  { name: 'salaryMin', label: 'Salary Min ($)', type: 'number' },\n  { name: 'salaryMax', label: 'Salary Max ($)', type: 'number' },\n  { name: 'deadline', label: 'Application Deadline', type: 'date' },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  { name: 'requirements', label: 'Requirements', type: 'tags' },\n  { name: 'benefits', label: 'Benefits', type: 'tags' },\n];\n\nconst STAGE_BADGE: Record<\n  Candidate['status'],\n  'default' | 'secondary' | 'destructive' | 'outline'\n> = {\n  new: 'outline',\n  screening: 'secondary',\n  interview: 'secondary',\n  assessment: 'secondary',\n  offer: 'default',\n  hired: 'default',\n  rejected: 'destructive',\n};\n\nfunction InitialsAvatar({ name, size = 32 }: { name: string; size?: number }) {\n  return (\n    <span\n      className=\"inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-subtle bg-bg-sunken font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n      aria-hidden=\"true\"\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function HiringJobDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const {\n    jobPostings,\n    candidates,\n    updateJobPosting,\n    removeJobPosting,\n    initialized,\n    jobPostingMatches,\n    jobPostingMatchesLoading,\n    fetchJobPostingMatches,\n  } = useCrewFoundryStore();\n  const jobId = searchParams.get('id');\n  const job = jobId ? jobPostings.find((j) => j.id === jobId) : jobPostings[0];\n  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\n\n  if (!initialized && !job) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!job) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No job posting found\"\n          description=\"This job posting is no longer available.\"\n        />\n      </div>\n    );\n  }\n\n  // Applicants for this role. CrewCandidate has no jobId link, so match on the\n  // (normalized) position title — the only real linkage the schema exposes.\n  const titleKey = job.title.trim().toLowerCase();\n  const jobCandidates = candidates.filter((c) => c.position.trim().toLowerCase() === titleKey);\n  const countBy = (status: Candidate['status']) =>\n    jobCandidates.filter((c) => c.status === status).length;\n\n  const interviewCount = countBy('interview');\n\n  // Real-data hiring funnel: \"Applied\" = everyone who applied to this role, then\n  // the count currently at each downstream stage (offer folds in hired).\n  const funnelStages: LabeledValue[] = [\n    { label: 'Applied', value: jobCandidates.length },\n    { label: 'Screening', value: countBy('screening') },\n    { label: 'Interview', value: interviewCount },\n    { label: 'Assessment', value: countBy('assessment') },\n    { label: 'Offer', value: countBy('offer') + countBy('hired') },\n  ];\n\n  const editInitial: FormValues = {\n    title: job.title,\n    department: job.department,\n    location: job.location,\n    type: job.type,\n    experienceLevel: job.experienceLevel,\n    status: job.status,\n    salaryMin: job.salaryMin,\n    salaryMax: job.salaryMax,\n    deadline: job.deadline,\n    description: job.description,\n    requirements: job.requirements,\n    benefits: job.benefits,\n  };\n\n  const handleEditSubmit = async (values: FormValues) => {\n    const updates: Partial<JobPosting> = {\n      title: getText(values, 'title'),\n      department: getText(values, 'department'),\n      location: getText(values, 'location'),\n      type: values.type as JobPosting['type'],\n      experienceLevel: values.experienceLevel as JobPosting['experienceLevel'],\n      status: values.status as JobPosting['status'],\n      salaryMin: getNumber(values, 'salaryMin'),\n      salaryMax: getNumber(values, 'salaryMax'),\n      deadline: getText(values, 'deadline'),\n      description: getText(values, 'description'),\n      requirements: getTags(values, 'requirements'),\n      benefits: getTags(values, 'benefits'),\n    };\n    await updateJobPosting(job.id, updates);\n    showToast('Job posting updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    await removeJobPosting(job.id);\n    showToast('Job posting deleted', 'success');\n    navigate('../hiring/jobs-page');\n  };\n\n  const handleShare = async () => {\n    try {\n      await navigator.clipboard.writeText(window.location.href);\n      showToast('Job link copied to clipboard', 'success');\n    } catch {\n      showToast('Could not copy the job link', 'error');\n    }\n  };\n\n  const viewApplications = () =>\n    navigate(`../hiring/applications-page?position=${encodeURIComponent(job.title)}`);\n\n  // BOFF-4195 — AI-assisted candidate matching (deterministic skill-overlap +\n  // experience-fit scoring; see wspace-crewfoundry-svc matching.service.ts).\n  const matches = jobPostingMatches[job.id];\n  const matchesLoaded = matches !== undefined;\n  const scoreTone = (score: number): string =>\n    score >= 75 ? STATUS.success : score >= 45 ? STATUS.warning : STATUS.danger;\n  const handleGenerateMatches = async () => {\n    try {\n      await fetchJobPostingMatches(job.id);\n    } catch {\n      showToast('Unable to generate candidate matches', 'error');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"flex flex-col gap-4 p-6 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"min-w-0\">\n            <div className=\"mb-1 flex flex-wrap items-center gap-2\">\n              <h1 className=\"text-2xl font-semibold\">\n                <GradientText>{job.title}</GradientText>\n              </h1>\n              <Badge variant={job.status === 'active' ? 'default' : 'secondary'}>\n                {formatEnumLabel(job.status)}\n              </Badge>\n            </div>\n            <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary\">\n              <span className=\"flex items-center gap-1\">\n                <Briefcase className=\"h-3.5 w-3.5\" />\n                {job.department}\n              </span>\n              <span className=\"flex items-center gap-1\">\n                <MapPin className=\"h-3.5 w-3.5\" />\n                {job.location}\n              </span>\n              <span>{formatEnumLabel(job.type)}</span>\n            </div>\n            <div className=\"mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n              <Badge variant=\"secondary\" className=\"text-[10px]\">\n                {jobCandidates.length} applicants\n              </Badge>\n              {interviewCount > 0 && (\n                <Badge variant=\"secondary\" className=\"text-[10px]\">\n                  {interviewCount} in interview\n                </Badge>\n              )}\n              <span className=\"flex items-center gap-1\">\n                <Calendar className=\"h-3 w-3\" />\n                Posted {job.postedDate}\n              </span>\n            </div>\n            <PagePurpose className=\"mt-3\">\n              Everything about this role in one place — review applicants, requirements, and\n              compensation to decide who to interview and keep the posting current.\n            </PagePurpose>\n          </div>\n\n          <div className=\"flex shrink-0 flex-col items-start gap-3 lg:items-end\">\n            <div className=\"text-2xl font-bold tabular-nums text-text-primary\">\n              ${(job.salaryMin / 1000).toFixed(0)}k – ${(job.salaryMax / 1000).toFixed(0)}k\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              <Button variant=\"outline\" size=\"sm\" onClick={handleShare}>\n                <Share2 className=\"mr-1 h-4 w-4\" />\n                Share\n              </Button>\n              <Button variant=\"outline\" size=\"sm\" onClick={() => setEditOpen(true)}>\n                <Pencil className=\"mr-1 h-4 w-4\" />\n                Edit\n              </Button>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                aria-label=\"Delete job posting\"\n                onClick={() => setDeleteOpen(true)}\n              >\n                <Trash2 className=\"h-4 w-4\" />\n              </Button>\n              <Button size=\"sm\" onClick={viewApplications}>\n                <Users className=\"mr-1 h-4 w-4\" />\n                View Applications\n              </Button>\n            </div>\n          </div>\n        </CardContent>\n      </GlassCard>\n\n      {/* Two-column body */}\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Left: description / requirements / benefits */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm leading-relaxed text-text-secondary\">{job.description}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Requirements</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {job.requirements.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">No requirements listed.</p>\n              ) : (\n                <ul className=\"space-y-2\">\n                  {job.requirements.map((req, idx) => (\n                    <li key={idx} className=\"flex items-start gap-2 text-sm\">\n                      <CheckCircle className=\"mt-0.5 h-4 w-4 flex-shrink-0 text-status-success-text\" />\n                      {req}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Benefits</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {job.benefits.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">No benefits listed.</p>\n              ) : (\n                <div className=\"flex flex-wrap gap-2\">\n                  {job.benefits.map((ben, idx) => (\n                    <Badge key={idx} variant=\"outline\" className=\"rounded-full px-3 py-1 text-xs\">\n                      {ben}\n                    </Badge>\n                  ))}\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          {/* BOFF-4195 — AI-assisted candidate matching (deterministic, explainable) */}\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between gap-3\">\n              <div>\n                <CardTitle>Suggested Matches</CardTitle>\n                <p className=\"mt-1 text-xs text-text-muted\">\n                  Rule-based scoring — skill overlap (70%) + experience fit (30%) against this\n                  role&apos;s requirements. Not an AI-generated summary.\n                </p>\n              </div>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                onClick={handleGenerateMatches}\n                disabled={jobPostingMatchesLoading}\n              >\n                <Sparkles className=\"mr-1 h-4 w-4\" />\n                {matchesLoaded ? 'Refresh matches' : 'Generate matches'}\n              </Button>\n            </CardHeader>\n            <CardContent>\n              {jobPostingMatchesLoading ? (\n                <div className=\"flex items-center justify-center py-6\">\n                  <Spinner size=\"md\" />\n                </div>\n              ) : !matchesLoaded ? (\n                <p className=\"text-sm text-text-muted\">\n                  Click &quot;Generate matches&quot; to rank the candidate pool against this\n                  posting&apos;s requirements and experience level.\n                </p>\n              ) : matches.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">\n                  No candidates in the pool right now (excluding already-hired/rejected).\n                </p>\n              ) : (\n                <ul className=\"space-y-4\">\n                  {matches.map((match) => (\n                    <li\n                      key={match.candidateId}\n                      className=\"rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-3\"\n                    >\n                      <div className=\"flex items-center gap-2\">\n                        <InitialsAvatar\n                          name={`${match.candidate.firstName} ${match.candidate.lastName}`}\n                          size={28}\n                        />\n                        <span className=\"min-w-0 flex-1 truncate text-sm font-medium text-text-primary\">\n                          {match.candidate.firstName} {match.candidate.lastName}\n                        </span>\n                        <Badge\n                          variant={STAGE_BADGE[match.candidate.status]}\n                          className=\"shrink-0 text-[9px]\"\n                        >\n                          {formatEnumLabel(match.candidate.status)}\n                        </Badge>\n                      </div>\n\n                      <div className=\"mt-2\">\n                        <SkillBar\n                          label=\"Overall match\"\n                          value={match.score}\n                          levelLabel={`${match.score}%`}\n                          color={scoreTone(match.score)}\n                          height={6}\n                        />\n                      </div>\n                      <div className=\"mt-2 grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n                        <span>Skills: {match.skillScore}%</span>\n                        <span>Experience: {match.experienceScore}%</span>\n                      </div>\n\n                      {(match.matchedSkills.length > 0 || match.missingSkills.length > 0) && (\n                        <div className=\"mt-2 flex flex-wrap gap-1\">\n                          {match.matchedSkills.map((skill) => (\n                            <Badge\n                              key={`m-${skill}`}\n                              variant=\"secondary\"\n                              className=\"gap-1 text-[10px]\"\n                            >\n                              <CheckCircle className=\"h-3 w-3 text-status-success-text\" />\n                              {skill}\n                            </Badge>\n                          ))}\n                          {match.missingSkills.map((skill) => (\n                            <Badge\n                              key={`x-${skill}`}\n                              variant=\"outline\"\n                              className=\"gap-1 text-[10px] text-text-muted\"\n                            >\n                              <XCircle className=\"h-3 w-3 text-status-error-text\" />\n                              {skill}\n                            </Badge>\n                          ))}\n                        </div>\n                      )}\n\n                      {/* Rationale is always visible — the ranking is never a black box. */}\n                      <p className=\"mt-2 text-xs leading-relaxed text-text-muted\">\n                        {match.rationale}\n                      </p>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Right rail: candidates + funnel */}\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Candidates</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {jobCandidates.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">No applicants matched to this role yet.</p>\n              ) : (\n                <ul className=\"max-h-96 space-y-1 overflow-y-auto pr-1\">\n                  {jobCandidates.map((candidate) => (\n                    <li\n                      key={candidate.id}\n                      className=\"flex items-center gap-2 rounded-[var(--radius-input)] px-2 py-2 hover:bg-bg-sunken\"\n                    >\n                      <InitialsAvatar\n                        name={`${candidate.firstName} ${candidate.lastName}`}\n                        size={30}\n                      />\n                      <span className=\"min-w-0 flex-1 truncate text-sm font-medium text-text-primary\">\n                        {candidate.firstName} {candidate.lastName}\n                      </span>\n                      <Badge\n                        variant={STAGE_BADGE[candidate.status]}\n                        className=\"shrink-0 text-[9px]\"\n                      >\n                        {formatEnumLabel(candidate.status)}\n                      </Badge>\n                      <RatingStars value={candidate.rating} size={12} className=\"shrink-0\" />\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Hiring funnel</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {jobCandidates.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">\n                  The funnel appears once candidates apply to this role.\n                </p>\n              ) : (\n                <HBarFunnel\n                  stages={funnelStages}\n                  valueFormatter={(value) => String(value)}\n                  showConversion\n                />\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      <FormModal\n        open={editOpen}\n        onOpenChange={setEditOpen}\n        title=\"Edit Job Posting\"\n        description=\"Update the role details, compensation, and status.\"\n        fields={JOB_FIELDS}\n        initialValues={editInitial}\n        submitLabel=\"Save changes\"\n        onSubmit={handleEditSubmit}\n      />\n      <ConfirmDialog\n        open={deleteOpen}\n        onOpenChange={setDeleteOpen}\n        title=\"Delete job posting\"\n        description={`Permanently remove “${job.title}”? This cannot be undone.`}\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={handleDelete}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HiringJobDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { useState } from 'react';\nimport {\n  Briefcase,\n  Calendar,\n  CheckCircle,\n  MapPin,\n  Pencil,\n  Share2,\n  Sparkles,\n  Trash2,\n  Users,\n  XCircle,\n} from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore, type Candidate, type JobPosting } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getTags, getText } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport {\n  HBarFunnel,\n  RatingStars,\n  SkillBar,\n  STATUS,\n  getInitials,\n  type LabeledValue,\n} from '../components/viz';\n\nconst JOB_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Job Title', type: 'text', required: true, colSpan: 2 },\n  { name: 'department', label: 'Department', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  {\n    name: 'type',\n    label: 'Employment Type',\n    type: 'select',\n    options: [\n      { label: 'Full time', value: 'full_time' },\n      { label: 'Part time', value: 'part_time' },\n      { label: 'Contract', value: 'contract' },\n    ],\n  },\n  {\n    name: 'experienceLevel',\n    label: 'Experience Level',\n    type: 'select',\n    options: [\n      { label: 'Entry', value: 'entry' },\n      { label: 'Mid', value: 'mid' },\n      { label: 'Senior', value: 'senior' },\n      { label: 'Lead', value: 'lead' },\n      { label: 'Executive', value: 'executive' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Draft', value: 'draft' },\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Closed', value: 'closed' },\n      { label: 'Filled', value: 'filled' },\n    ],\n  },\n  { name: 'salaryMin', label: 'Salary Min ($)', type: 'number' },\n  { name: 'salaryMax', label: 'Salary Max ($)', type: 'number' },\n  { name: 'deadline', label: 'Application Deadline', type: 'date' },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  { name: 'requirements', label: 'Requirements', type: 'tags' },\n  { name: 'benefits', label: 'Benefits', type: 'tags' },\n];\n\nconst STAGE_BADGE: Record<\n  Candidate['status'],\n  'default' | 'secondary' | 'destructive' | 'outline'\n> = {\n  new: 'outline',\n  screening: 'secondary',\n  interview: 'secondary',\n  assessment: 'secondary',\n  offer: 'default',\n  hired: 'default',\n  rejected: 'destructive',\n};\n\nfunction InitialsAvatar({ name, size = 32 }: { name: string; size?: number }) {\n  return (\n    <span\n      className=\"inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-subtle bg-bg-sunken font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n      aria-hidden=\"true\"\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function HiringJobDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const {\n    jobPostings,\n    candidates,\n    updateJobPosting,\n    removeJobPosting,\n    initialized,\n    jobPostingMatches,\n    jobPostingMatchesLoading,\n    fetchJobPostingMatches,\n  } = useCrewFoundryStore();\n  const jobId = searchParams.get('id');\n  const job = jobId ? jobPostings.find((j) => j.id === jobId) : jobPostings[0];\n  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\n\n  if (!initialized && !job) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!job) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No job posting found\"\n          description=\"This job posting is no longer available.\"\n        />\n      </div>\n    );\n  }\n\n  // Applicants for this role. CrewCandidate has no jobId link, so match on the\n  // (normalized) position title — the only real linkage the schema exposes.\n  const titleKey = job.title.trim().toLowerCase();\n  const jobCandidates = candidates.filter((c) => c.position.trim().toLowerCase() === titleKey);\n  const countBy = (status: Candidate['status']) =>\n    jobCandidates.filter((c) => c.status === status).length;\n\n  const interviewCount = countBy('interview');\n\n  // Real-data hiring funnel: \"Applied\" = everyone who applied to this role, then\n  // the count currently at each downstream stage (offer folds in hired).\n  const funnelStages: LabeledValue[] = [\n    { label: 'Applied', value: jobCandidates.length },\n    { label: 'Screening', value: countBy('screening') },\n    { label: 'Interview', value: interviewCount },\n    { label: 'Assessment', value: countBy('assessment') },\n    { label: 'Offer', value: countBy('offer') + countBy('hired') },\n  ];\n\n  const editInitial: FormValues = {\n    title: job.title,\n    department: job.department,\n    location: job.location,\n    type: job.type,\n    experienceLevel: job.experienceLevel,\n    status: job.status,\n    salaryMin: job.salaryMin,\n    salaryMax: job.salaryMax,\n    deadline: job.deadline,\n    description: job.description,\n    requirements: job.requirements,\n    benefits: job.benefits,\n  };\n\n  const handleEditSubmit = async (values: FormValues) => {\n    const updates: Partial<JobPosting> = {\n      title: getText(values, 'title'),\n      department: getText(values, 'department'),\n      location: getText(values, 'location'),\n      type: values.type as JobPosting['type'],\n      experienceLevel: values.experienceLevel as JobPosting['experienceLevel'],\n      status: values.status as JobPosting['status'],\n      salaryMin: getNumber(values, 'salaryMin'),\n      salaryMax: getNumber(values, 'salaryMax'),\n      deadline: getText(values, 'deadline'),\n      description: getText(values, 'description'),\n      requirements: getTags(values, 'requirements'),\n      benefits: getTags(values, 'benefits'),\n    };\n    await updateJobPosting(job.id, updates);\n    showToast('Job posting updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    await removeJobPosting(job.id);\n    showToast('Job posting deleted', 'success');\n    navigate('../hiring/jobs-page');\n  };\n\n  const handleShare = async () => {\n    try {\n      await navigator.clipboard.writeText(window.location.href);\n      showToast('Job link copied to clipboard', 'success');\n    } catch {\n      showToast('Could not copy the job link', 'error');\n    }\n  };\n\n  const viewApplications = () =>\n    navigate(`../hiring/applications-page?position=${encodeURIComponent(job.title)}`);\n\n  // BOFF-4195 — AI-assisted candidate matching (deterministic skill-overlap +\n  // experience-fit scoring; see wspace-crewfoundry-svc matching.service.ts).\n  const matches = jobPostingMatches[job.id];\n  const matchesLoaded = matches !== undefined;\n  const scoreTone = (score: number): string =>\n    score >= 75 ? STATUS.success : score >= 45 ? STATUS.warning : STATUS.danger;\n  const handleGenerateMatches = async () => {\n    try {\n      await fetchJobPostingMatches(job.id);\n    } catch {\n      showToast('Unable to generate candidate matches', 'error');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"flex flex-col gap-4 p-6 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"min-w-0\">\n            <div className=\"mb-1 flex flex-wrap items-center gap-2\">\n              <h1 className=\"text-2xl font-semibold\">\n                <GradientText>{job.title}</GradientText>\n              </h1>\n              <Badge variant={job.status === 'active' ? 'default' : 'secondary'}>\n                {formatEnumLabel(job.status)}\n              </Badge>\n            </div>\n            <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary\">\n              <span className=\"flex items-center gap-1\">\n                <Briefcase className=\"h-3.5 w-3.5\" />\n                {job.department}\n              </span>\n              <span className=\"flex items-center gap-1\">\n                <MapPin className=\"h-3.5 w-3.5\" />\n                {job.location}\n              </span>\n              <span>{formatEnumLabel(job.type)}</span>\n            </div>\n            <div className=\"mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n              <Badge variant=\"secondary\" className=\"text-[10px]\">\n                {jobCandidates.length} applicants\n              </Badge>\n              {interviewCount > 0 && (\n                <Badge variant=\"secondary\" className=\"text-[10px]\">\n                  {interviewCount} in interview\n                </Badge>\n              )}\n              <span className=\"flex items-center gap-1\">\n                <Calendar className=\"h-3 w-3\" />\n                Posted {job.postedDate}\n              </span>\n            </div>\n            <PagePurpose className=\"mt-3\">\n              Everything about this role in one place — review applicants, requirements, and\n              compensation to decide who to interview and keep the posting current.\n            </PagePurpose>\n          </div>\n\n          <div className=\"flex shrink-0 flex-col items-start gap-3 lg:items-end\">\n            <div className=\"text-2xl font-bold tabular-nums text-text-primary\">\n              ${(job.salaryMin / 1000).toFixed(0)}k – ${(job.salaryMax / 1000).toFixed(0)}k\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              <Button variant=\"outline\" size=\"sm\" onClick={handleShare}>\n                <Share2 className=\"mr-1 h-4 w-4\" />\n                Share\n              </Button>\n              <Button variant=\"outline\" size=\"sm\" onClick={() => setEditOpen(true)}>\n                <Pencil className=\"mr-1 h-4 w-4\" />\n                Edit\n              </Button>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                aria-label=\"Delete job posting\"\n                onClick={() => setDeleteOpen(true)}\n              >\n                <Trash2 className=\"h-4 w-4\" />\n              </Button>\n              <Button size=\"sm\" onClick={viewApplications}>\n                <Users className=\"mr-1 h-4 w-4\" />\n                View Applications\n              </Button>\n            </div>\n          </div>\n        </CardContent>\n      </GlassCard>\n\n      {/* Two-column body */}\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Left: description / requirements / benefits */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm leading-relaxed text-text-secondary\">{job.description}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Requirements</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {job.requirements.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">No requirements listed.</p>\n              ) : (\n                <ul className=\"space-y-2\">\n                  {job.requirements.map((req, idx) => (\n                    <li key={idx} className=\"flex items-start gap-2 text-sm\">\n                      <CheckCircle className=\"mt-0.5 h-4 w-4 flex-shrink-0 text-status-success-text\" />\n                      {req}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Benefits</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {job.benefits.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">No benefits listed.</p>\n              ) : (\n                <div className=\"flex flex-wrap gap-2\">\n                  {job.benefits.map((ben, idx) => (\n                    <Badge key={idx} variant=\"outline\" className=\"rounded-full px-3 py-1 text-xs\">\n                      {ben}\n                    </Badge>\n                  ))}\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          {/* BOFF-4195 — AI-assisted candidate matching (deterministic, explainable) */}\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between gap-3\">\n              <div>\n                <CardTitle>Suggested Matches</CardTitle>\n                <p className=\"mt-1 text-xs text-text-muted\">\n                  Rule-based scoring — skill overlap (70%) + experience fit (30%) against this\n                  role&apos;s requirements. Not an AI-generated summary.\n                </p>\n              </div>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                onClick={handleGenerateMatches}\n                disabled={jobPostingMatchesLoading}\n              >\n                <Sparkles className=\"mr-1 h-4 w-4\" />\n                {matchesLoaded ? 'Refresh matches' : 'Generate matches'}\n              </Button>\n            </CardHeader>\n            <CardContent>\n              {jobPostingMatchesLoading ? (\n                <div className=\"flex items-center justify-center py-6\">\n                  <Spinner size=\"md\" />\n                </div>\n              ) : !matchesLoaded ? (\n                <p className=\"text-sm text-text-muted\">\n                  Click &quot;Generate matches&quot; to rank the candidate pool against this\n                  posting&apos;s requirements and experience level.\n                </p>\n              ) : matches.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">\n                  No candidates in the pool right now (excluding already-hired/rejected).\n                </p>\n              ) : (\n                <ul className=\"space-y-4\">\n                  {matches.map((match) => (\n                    <li\n                      key={match.candidateId}\n                      className=\"rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-3\"\n                    >\n                      <div className=\"flex items-center gap-2\">\n                        <InitialsAvatar\n                          name={`${match.candidate.firstName} ${match.candidate.lastName}`}\n                          size={28}\n                        />\n                        <span className=\"min-w-0 flex-1 truncate text-sm font-medium text-text-primary\">\n                          {match.candidate.firstName} {match.candidate.lastName}\n                        </span>\n                        <Badge\n                          variant={STAGE_BADGE[match.candidate.status]}\n                          className=\"shrink-0 text-[9px]\"\n                        >\n                          {formatEnumLabel(match.candidate.status)}\n                        </Badge>\n                      </div>\n\n                      <div className=\"mt-2\">\n                        <SkillBar\n                          label=\"Overall match\"\n                          value={match.score}\n                          levelLabel={`${match.score}%`}\n                          color={scoreTone(match.score)}\n                          height={6}\n                        />\n                      </div>\n                      <div className=\"mt-2 grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n                        <span>Skills: {match.skillScore}%</span>\n                        <span>Experience: {match.experienceScore}%</span>\n                      </div>\n\n                      {(match.matchedSkills.length > 0 || match.missingSkills.length > 0) && (\n                        <div className=\"mt-2 flex flex-wrap gap-1\">\n                          {match.matchedSkills.map((skill) => (\n                            <Badge\n                              key={`m-${skill}`}\n                              variant=\"secondary\"\n                              className=\"gap-1 text-[10px]\"\n                            >\n                              <CheckCircle className=\"h-3 w-3 text-status-success-text\" />\n                              {skill}\n                            </Badge>\n                          ))}\n                          {match.missingSkills.map((skill) => (\n                            <Badge\n                              key={`x-${skill}`}\n                              variant=\"outline\"\n                              className=\"gap-1 text-[10px] text-text-muted\"\n                            >\n                              <XCircle className=\"h-3 w-3 text-status-error-text\" />\n                              {skill}\n                            </Badge>\n                          ))}\n                        </div>\n                      )}\n\n                      {/* Rationale is always visible — the ranking is never a black box. */}\n                      <p className=\"mt-2 text-xs leading-relaxed text-text-muted\">\n                        {match.rationale}\n                      </p>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Right rail: candidates + funnel */}\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Candidates</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {jobCandidates.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">No applicants matched to this role yet.</p>\n              ) : (\n                <ul className=\"max-h-96 space-y-1 overflow-y-auto pr-1\">\n                  {jobCandidates.map((candidate) => (\n                    <li\n                      key={candidate.id}\n                      className=\"flex items-center gap-2 rounded-[var(--radius-input)] px-2 py-2 hover:bg-bg-sunken\"\n                    >\n                      <InitialsAvatar\n                        name={`${candidate.firstName} ${candidate.lastName}`}\n                        size={30}\n                      />\n                      <span className=\"min-w-0 flex-1 truncate text-sm font-medium text-text-primary\">\n                        {candidate.firstName} {candidate.lastName}\n                      </span>\n                      <Badge\n                        variant={STAGE_BADGE[candidate.status]}\n                        className=\"shrink-0 text-[9px]\"\n                      >\n                        {formatEnumLabel(candidate.status)}\n                      </Badge>\n                      <RatingStars value={candidate.rating} size={12} className=\"shrink-0\" />\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Hiring funnel</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {jobCandidates.length === 0 ? (\n                <p className=\"text-sm text-text-muted\">\n                  The funnel appears once candidates apply to this role.\n                </p>\n              ) : (\n                <HBarFunnel\n                  stages={funnelStages}\n                  valueFormatter={(value) => String(value)}\n                  showConversion\n                />\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      <FormModal\n        open={editOpen}\n        onOpenChange={setEditOpen}\n        title=\"Edit Job Posting\"\n        description=\"Update the role details, compensation, and status.\"\n        fields={JOB_FIELDS}\n        initialValues={editInitial}\n        submitLabel=\"Save changes\"\n        onSubmit={handleEditSubmit}\n      />\n      <ConfirmDialog\n        open={deleteOpen}\n        onOpenChange={setDeleteOpen}\n        title=\"Delete job posting\"\n        description={`Permanently remove “${job.title}”? This cannot be undone.`}\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={handleDelete}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-crewfoundry",
-  "version": "2026.830.1",
+  "version": "2026.924.1",
   "description": "Burdenoff CrewFoundry Microfrontend",
   "type": "module",
   "files": [