formanitor 0.0.26 → 0.0.28

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-type FieldType = 'text' | 'number' | 'textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
+type FieldType = 'text' | 'number' | 'textarea' | 'diagnosis_textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
 interface ValidationRule {
     min?: number;
     max?: number;
@@ -209,6 +209,20 @@ interface SmartTextareaValue {
     text: string;
     extractedKeywords: ExtractedKeywordMatch[];
 }
+/** Selected diagnosis grade chip (single-selection). */
+interface DiagnosisGradeSelection {
+    condition: string;
+    grade: string;
+}
+/**
+ * Structured value for diagnosis_textarea fields.
+ * - `text` is the textarea content (what will be submitted).
+ * - `selectedGradesByCondition` stores one selected chip per condition for later metadata/preview use.
+ */
+interface DiagnosisTextareaValue {
+    text: string;
+    selectedGradesByCondition: Record<string, string>;
+}
 /**
  * Smart textarea that performs client-side NLP keyword extraction and searches
  * matched terms against backend master tables via `fieldHandlers[fieldId].onSearch`.
@@ -223,6 +237,19 @@ interface SmartTextareaFieldDef extends BaseFieldDef {
     /** Debounce delay in ms before NLP + search triggers. Default: 1000. */
     debounceDelay?: number;
 }
+/**
+ * Diagnosis textarea that can display condition-wise grade chips based on
+ * asynchronous API response.
+ *
+ * Value shape in form state can be plain text (legacy) or `DiagnosisTextareaValue`.
+ */
+interface DiagnosisTextareaFieldDef extends BaseFieldDef {
+    type: 'diagnosis_textarea';
+    /** Height in pixels. If omitted, uses default min height (80px). */
+    height?: number;
+    /** Debounce delay in ms before API call triggers. Default: 700. */
+    debounceDelay?: number;
+}
 interface MedicationFrequentItem {
     id: string;
     name: string;
@@ -269,7 +296,7 @@ interface DoctorFrequentItems {
     investigations?: InvestigationFrequentItem[];
     procedures?: ProcedureFrequentItem[];
 }
-type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | BaseFieldDef;
+type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | DiagnosisTextareaFieldDef | BaseFieldDef;
 interface Condition {
     field?: string;
     op: '==' | '!=' | '>' | '<' | '>=' | '<=' | 'in' | 'contains';
@@ -542,6 +569,11 @@ type FieldHandler = {
         label: string;
         value: any;
     }[]>;
+    /**
+     * Called by diagnosis_textarea widgets to fetch condition-wise grades
+     * from diagnosis text input.
+     */
+    onFetchDiagnosisGrades?: (query: string) => Promise<any>;
 };
 type FieldHandlersMap = Record<string, FieldHandler>;
 declare function useFieldHandlers(fieldId: string): FieldHandler;
@@ -860,4 +892,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-type FieldType = 'text' | 'number' | 'textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
+type FieldType = 'text' | 'number' | 'textarea' | 'diagnosis_textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
 interface ValidationRule {
     min?: number;
     max?: number;
@@ -209,6 +209,20 @@ interface SmartTextareaValue {
     text: string;
     extractedKeywords: ExtractedKeywordMatch[];
 }
+/** Selected diagnosis grade chip (single-selection). */
+interface DiagnosisGradeSelection {
+    condition: string;
+    grade: string;
+}
+/**
+ * Structured value for diagnosis_textarea fields.
+ * - `text` is the textarea content (what will be submitted).
+ * - `selectedGradesByCondition` stores one selected chip per condition for later metadata/preview use.
+ */
+interface DiagnosisTextareaValue {
+    text: string;
+    selectedGradesByCondition: Record<string, string>;
+}
 /**
  * Smart textarea that performs client-side NLP keyword extraction and searches
  * matched terms against backend master tables via `fieldHandlers[fieldId].onSearch`.
@@ -223,6 +237,19 @@ interface SmartTextareaFieldDef extends BaseFieldDef {
     /** Debounce delay in ms before NLP + search triggers. Default: 1000. */
     debounceDelay?: number;
 }
+/**
+ * Diagnosis textarea that can display condition-wise grade chips based on
+ * asynchronous API response.
+ *
+ * Value shape in form state can be plain text (legacy) or `DiagnosisTextareaValue`.
+ */
+interface DiagnosisTextareaFieldDef extends BaseFieldDef {
+    type: 'diagnosis_textarea';
+    /** Height in pixels. If omitted, uses default min height (80px). */
+    height?: number;
+    /** Debounce delay in ms before API call triggers. Default: 700. */
+    debounceDelay?: number;
+}
 interface MedicationFrequentItem {
     id: string;
     name: string;
@@ -269,7 +296,7 @@ interface DoctorFrequentItems {
     investigations?: InvestigationFrequentItem[];
     procedures?: ProcedureFrequentItem[];
 }
-type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | BaseFieldDef;
+type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | DiagnosisTextareaFieldDef | BaseFieldDef;
 interface Condition {
     field?: string;
     op: '==' | '!=' | '>' | '<' | '>=' | '<=' | 'in' | 'contains';
@@ -542,6 +569,11 @@ type FieldHandler = {
         label: string;
         value: any;
     }[]>;
+    /**
+     * Called by diagnosis_textarea widgets to fetch condition-wise grades
+     * from diagnosis text input.
+     */
+    onFetchDiagnosisGrades?: (query: string) => Promise<any>;
 };
 type FieldHandlersMap = Record<string, FieldHandler>;
 declare function useFieldHandlers(fieldId: string): FieldHandler;
@@ -860,4 +892,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };

package/dist/index.mjs

@@ -395,6 +395,11 @@ var FormStore = class {
         result[field.id] = raw?.text ?? null;
         return;
       }
+      if (field.type === "diagnosis_textarea") {
+        const raw = values[field.id];
+        result[field.id] = typeof raw === "string" ? raw : raw && typeof raw === "object" ? raw.text ?? null : null;
+        return;
+      }
       if (field.type === "ophthal_diagnosis") {
         const raw = values[field.id];
         const formatEye = (eyeData, eyeLabel) => {
@@ -3325,8 +3330,9 @@ var AddInvestigationField = ({
   const debounceRef = useRef(null);
   const valueRef = useRef([]);
   const searchInputRef = useRef(null);
-  valueRef.current = value;
-  const addedIds = new Set(value.map((inv) => inv.id));
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
+  const addedIds = new Set(safeValue.map((inv) => inv.id));
   useEffect(() => {
     if (!open) {
       setQuery("");
@@ -3369,7 +3375,7 @@ var AddInvestigationField = ({
     }, ADD_FEEDBACK_MS2);
   }
   function removeInvestigation(id) {
-    onChange(value.filter((inv) => inv.id !== id));
+    onChange(safeValue.filter((inv) => inv.id !== id));
   }
   function handleRecentlyUsedToggle(result) {
     if (addedIds.has(result.id)) {
@@ -3381,10 +3387,10 @@ var AddInvestigationField = ({
   async function handleFrequentItemToggle(item) {
     const id = String(item.id);
     const addedById = addedIds.has(id);
-    const addedByName = value.some((inv) => inv.name === item.name);
+    const addedByName = safeValue.some((inv) => inv.name === item.name);
     if (addedById || addedByName) {
       if (addedById) removeInvestigation(id);
-      else onChange(value.filter((inv) => inv.name !== item.name));
+      else onChange(safeValue.filter((inv) => inv.name !== item.name));
       return;
     }
     setAddingFrequentId(id);
@@ -3420,7 +3426,7 @@ var AddInvestigationField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = value.some((inv) => inv.id === id) || value.some((inv) => inv.name === item.name);
+    const isAdded = safeValue.some((inv) => inv.id === id) || safeValue.some((inv) => inv.name === item.name);
     const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxs(
       "button",
@@ -3454,7 +3460,7 @@ var AddInvestigationField = ({
         }
       )
     ] }),
-    value.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: value.map((inv) => /* @__PURE__ */ jsxs(
+    safeValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: safeValue.map((inv) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
@@ -3521,10 +3527,11 @@ var AddInvestigationWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
   const { investigations: frequentInvestigations } = useFrequentItems();
+  const safeValue = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsx(
     AddInvestigationField,
     {
-      value: value ?? [],
+      value: safeValue,
       onChange: setValue,
       onSearch: handlers.onSearch,
       recentlyUsed: handlers.recentlyUsed,
@@ -3561,9 +3568,10 @@ var AddProcedureField = ({
   const debounceRef = useRef(null);
   const valueRef = useRef([]);
   const searchInputRef = useRef(null);
-  valueRef.current = value;
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
   const addedIds = new Set(
-    value.filter((proc) => !proc.is_custom).map((proc) => proc.id)
+    safeValue.filter((proc) => !proc.is_custom).map((proc) => proc.id)
   );
   useEffect(() => {
     if (!open) {
@@ -3607,10 +3615,10 @@ var AddProcedureField = ({
     }, ADD_FEEDBACK_MS3);
   }
   function removeAt(index) {
-    onChange(value.filter((_, i) => i !== index));
+    onChange(safeValue.filter((_, i) => i !== index));
   }
   function removeBySearchId(id) {
-    onChange(value.filter((proc) => proc.is_custom || proc.id !== id));
+    onChange(safeValue.filter((proc) => proc.is_custom || proc.id !== id));
   }
   function handleAddCustom() {
     const trimmed = query.trim();
@@ -3630,10 +3638,10 @@ var AddProcedureField = ({
   async function handleFrequentItemToggle(item) {
     const id = String(item.id);
     const addedById = addedIds.has(id);
-    const addedByName = value.some((proc) => proc.name === item.name);
+    const addedByName = safeValue.some((proc) => proc.name === item.name);
     if (addedById || addedByName) {
       if (addedById) removeBySearchId(id);
-      else onChange(value.filter((proc) => proc.name !== item.name));
+      else onChange(safeValue.filter((proc) => proc.name !== item.name));
       return;
     }
     setAddingFrequentId(id);
@@ -3669,7 +3677,7 @@ var AddProcedureField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = value.some((proc) => !proc.is_custom && proc.id === id) || value.some((proc) => proc.name === item.name);
+    const isAdded = safeValue.some((proc) => !proc.is_custom && proc.id === id) || safeValue.some((proc) => proc.name === item.name);
     const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxs(
       "button",
@@ -3703,7 +3711,7 @@ var AddProcedureField = ({
         }
       )
     ] }),
-    value.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: value.map((proc, index) => /* @__PURE__ */ jsxs(
+    safeValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: safeValue.map((proc, index) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
@@ -3783,10 +3791,11 @@ var AddProcedureWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
   const { procedures: frequentProcedures } = useFrequentItems();
+  const safeValue = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsx(
     AddProcedureField,
     {
-      value: value ?? [],
+      value: safeValue,
       onChange: setValue,
       onSearch: handlers.onSearch,
       recentlyUsed: handlers.recentlyUsed,
@@ -4755,6 +4764,174 @@ var SmartTextareaWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
+function normalizeDiagnosisGrades(payload) {
+  const result = [];
+  const pushGroup = (conditionRaw, gradesRaw) => {
+    const condition = typeof conditionRaw === "string" ? conditionRaw.trim() : "";
+    if (!condition) return;
+    if (!Array.isArray(gradesRaw)) return;
+    const grades = Array.from(
+      new Set(
+        gradesRaw.map((grade) => typeof grade === "string" ? grade.trim() : "").filter(Boolean)
+      )
+    );
+    if (grades.length === 0) return;
+    result.push({ condition, grades });
+  };
+  const asArrayResponse = payload;
+  if (Array.isArray(asArrayResponse?.diagnosisGrades)) {
+    asArrayResponse.diagnosisGrades.forEach((item) => {
+      pushGroup(item?.condition, item?.grades);
+    });
+    return result;
+  }
+  const asMapResponse = payload;
+  const mapLike = asMapResponse?.field === "diagnosisgrade" && asMapResponse?.value && typeof asMapResponse.value === "object" ? asMapResponse.value : null;
+  if (mapLike) {
+    Object.entries(mapLike).forEach(([condition, grades]) => {
+      pushGroup(condition, grades);
+    });
+  }
+  return result;
+}
+var DiagnosisTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const handler = useFieldHandlers(fieldId);
+  const def = fieldDef;
+  const [gradeGroups, setGradeGroups] = React13__default.useState([]);
+  const [isLoadingGrades, setIsLoadingGrades] = React13__default.useState(false);
+  const normalized = React13__default.useMemo(() => {
+    const raw = value;
+    if (typeof raw === "string") {
+      return { text: raw, selectedGradesByCondition: {} };
+    }
+    if (!raw || typeof raw !== "object") {
+      return { text: "", selectedGradesByCondition: {} };
+    }
+    const text = typeof raw.text === "string" ? raw.text : "";
+    const mapRaw = raw.selectedGradesByCondition;
+    let selectedGradesByCondition = {};
+    if (mapRaw && typeof mapRaw === "object" && !Array.isArray(mapRaw)) {
+      const entries = Object.entries(mapRaw);
+      for (const [condition, gradeRaw] of entries) {
+        if (typeof condition !== "string") continue;
+        if (typeof gradeRaw === "string" && gradeRaw.trim()) {
+          selectedGradesByCondition[condition] = gradeRaw;
+        }
+      }
+    }
+    const sg = raw.selectedGrade;
+    if (sg && typeof sg === "object" && typeof sg.condition === "string" && typeof sg.grade === "string") {
+      const condition = sg.condition.trim();
+      const grade = sg.grade.trim();
+      if (condition && grade && !selectedGradesByCondition[condition]) {
+        selectedGradesByCondition = { ...selectedGradesByCondition, [condition]: grade };
+      }
+    }
+    return { text, selectedGradesByCondition };
+  }, [value]);
+  const textValue = normalized.text;
+  const showError = !!error && (touched || state.submitAttempted);
+  React13__default.useEffect(() => {
+    const query = textValue.trim();
+    const fetchGrades = handler.onFetchDiagnosisGrades;
+    const debounceMs = def?.debounceDelay ?? 1e3;
+    if (!query || !fetchGrades) {
+      setGradeGroups([]);
+      setIsLoadingGrades(false);
+      return;
+    }
+    let isActive = true;
+    const timer = window.setTimeout(async () => {
+      setIsLoadingGrades(true);
+      try {
+        const response = await fetchGrades(query);
+        if (!isActive) return;
+        setGradeGroups(normalizeDiagnosisGrades(response));
+      } catch {
+        if (!isActive) return;
+        setGradeGroups([]);
+      } finally {
+        if (isActive) setIsLoadingGrades(false);
+      }
+    }, debounceMs);
+    return () => {
+      isActive = false;
+      window.clearTimeout(timer);
+    };
+  }, [textValue, handler.onFetchDiagnosisGrades, def?.debounceDelay]);
+  if (!def) return null;
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const toggleSelectedGrade = (condition, grade) => {
+    if (disabled) return;
+    const current = normalized.selectedGradesByCondition[condition];
+    const nextForCondition = current === grade ? "" : grade;
+    const nextMap = { ...normalized.selectedGradesByCondition };
+    if (!nextForCondition) {
+      delete nextMap[condition];
+    } else {
+      nextMap[condition] = nextForCondition;
+    }
+    setValue({ text: normalized.text, selectedGradesByCondition: nextMap });
+    setTouched();
+  };
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
+    theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: labelClass, children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: labelContent }),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: (e) => setValue({ text: e.target.value, selectedGradesByCondition: normalized.selectedGradesByCondition }),
+        onBlur: setTouched,
+        disabled,
+        placeholder: def.placeholder,
+        className: inputClass,
+        ...def.height != null ? { height: def.height } : {}
+      }
+    ),
+    isLoadingGrades && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Checking diagnosis grades..." }),
+    !isLoadingGrades && gradeGroups.length > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "mt-2 space-y-3 rounded-lg border border-border bg-muted/30 p-3",
+        role: "group",
+        "aria-label": "Diagnosis grade options",
+        children: gradeGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium leading-none text-muted-foreground", children: [
+            group.condition,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: group.grades.map((grade) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleSelectedGrade(group.condition, grade),
+              disabled,
+              className: cn(
+                "inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors",
+                normalized.selectedGradesByCondition[group.condition] === grade ? "border-primary bg-primary/15 text-primary shadow-sm" : "border-border/80 bg-background text-foreground hover:bg-muted/80",
+                disabled && "cursor-not-allowed opacity-60"
+              ),
+              children: grade
+            },
+            `${group.condition}-${grade}`
+          )) })
+        ] }, group.condition))
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
 var DEFAULT_DRAFT = {
   gpal: { G: 0, P: 0, A: 0, L: 0 },
   lmp: "",
@@ -7108,6 +7285,8 @@ var FieldRenderer = ({ fieldId }) => {
       return /* @__PURE__ */ jsx(FollowupWidget, { fieldId });
     case "smart_textarea":
       return /* @__PURE__ */ jsx(SmartTextareaWidget, { fieldId });
+    case "diagnosis_textarea":
+      return /* @__PURE__ */ jsx(DiagnosisTextareaWidget, { fieldId });
     case "obstetric_history":
       return /* @__PURE__ */ jsx(ObstetricHistoryWidget, { fieldId });
     case "eye_prescription":