Store solution post parameters as separate fields apart from description

module/core/lib/autocomplete.js

@@ -1,4 +1,5 @@
 const autocompleteEnabled = true;
+
 const AutoComplete = styled.div`
   z-index: 5;
 
@@ -9,11 +10,19 @@ const AutoComplete = styled.div`
 
 function textareaInputHandler(value) {
   const showAccountAutocomplete = /@[\w][^\s]*$/.test(value);
-  State.update({ text: value, showAccountAutocomplete });
+  State.update((lastKnownState) => ({
+    ...lastKnownState,
+    text: value,
+    showAccountAutocomplete,
+  }));
 }
 
 function autoCompleteAccountId(id) {
   let description = state.description.replace(/[\s]{0,1}@[^\s]*$/, "");
   description = `${description} @${id}`.trim() + " ";
-  State.update({ description, showAccountAutocomplete: false });
+  State.update((lastKnownState) => ({
+    ...lastKnownState,
+    description,
+    showAccountAutocomplete: false,
+  }));
 }

src/devhub/components/organism/Configurator.jsx

@@ -42,13 +42,14 @@ const defaultFieldUpdate = ({
   }
 };
 
-const useForm = ({ initialValues, onUpdate, stateKey }) => {
+const useForm = ({ initialValues, onUpdate, stateKey, uninitialized }) => {
   const initialFormState = {
     hasUnsubmittedChanges: false,
     values: initialValues ?? {},
   };
 
-  const formState = state[stateKey] ?? null;
+  const formState = state[stateKey] ?? null,
+    isSynced = Struct.isEqual(formState?.values ?? {}, initialFormState.values);
 
   const formReset = () =>
     State.update((lastKnownComponentState) => ({
@@ -60,48 +61,52 @@ const useForm = ({ initialValues, onUpdate, stateKey }) => {
   const formUpdate =
     ({ path, via: customFieldUpdate, ...params }) =>
     (fieldInput) => {
-      const transformFn = (node) => {
-        if (typeof customFieldUpdate === "function") {
-          return customFieldUpdate({
-            input: fieldInput?.target?.value ?? fieldInput,
-            lastKnownValue: node,
-            params,
-          });
-        } else {
-          return defaultFieldUpdate({
-            input: fieldInput?.target?.value ?? fieldInput,
-            lastKnownValue: node,
-            params,
-          });
-        }
-      };
       const updatedValues = Struct.deepFieldUpdate(
         formState?.values ?? {},
-        path,
-        (node) => transformFn(node)
+
+        {
+          input: fieldInput?.target?.value ?? fieldInput,
+          params,
+          path,
+
+          via:
+            typeof customFieldUpdate === "function"
+              ? customFieldUpdate
+              : defaultFieldUpdate,
+        }
       );
+
       State.update((lastKnownComponentState) => ({
         ...lastKnownComponentState,
+
         [stateKey]: {
           hasUnsubmittedChanges: !Struct.isEqual(
             updatedValues,
             initialFormState.values
           ),
+
           values: updatedValues,
         },
       }));
 
-      if (typeof onUpdate === "function") {
+      if (
+        typeof onUpdate === "function" &&
+        !Struct.isEqual(updatedValues, initialFormState.values)
+      ) {
         onUpdate(updatedValues);
       }
     };
 
+  if (
+    !uninitialized &&
+    (formState === null || (!formState.hasUnsubmittedChanges && !isSynced))
+  ) {
+    formReset();
+  }
+
   return {
-    hasUnsubmittedChanges: formState?.hasUnsubmittedChanges ?? false,
-    values: {
-      ...(initialValues ?? {}),
-      ...(formState?.values ?? {}),
-    },
+    ...(formState ?? initialFormState),
+    isSynced,
     reset: formReset,
     stateKey,
     update: formUpdate,

src/devhub/entity/post/PostEditor.jsx

@@ -1,5 +1,6 @@
 /* INCLUDE: "core/lib/autocomplete" */
 const autocompleteEnabled = true;
+
 const AutoComplete = styled.div`
   z-index: 5;
 
@@ -10,13 +11,21 @@ const AutoComplete = styled.div`
 
 function textareaInputHandler(value) {
   const showAccountAutocomplete = /@[\w][^\s]*$/.test(value);
-  State.update({ text: value, showAccountAutocomplete });
+  State.update((lastKnownState) => ({
+    ...lastKnownState,
+    text: value,
+    showAccountAutocomplete,
+  }));
 }
 
 function autoCompleteAccountId(id) {
   let description = state.description.replace(/[\s]{0,1}@[^\s]*$/, "");
   description = `${description} @${id}`.trim() + " ";
-  State.update({ description, showAccountAutocomplete: false });
+  State.update((lastKnownState) => ({
+    ...lastKnownState,
+    description,
+    showAccountAutocomplete: false,
+  }));
 }
 /* END_INCLUDE: "core/lib/autocomplete" */
 

src/devhub/page/create.jsx

@@ -6,6 +6,7 @@ if (!href) {
 
 /* INCLUDE: "core/lib/autocomplete" */
 const autocompleteEnabled = true;
+
 const AutoComplete = styled.div`
   z-index: 5;
 
@@ -16,13 +17,21 @@ const AutoComplete = styled.div`
 
 function textareaInputHandler(value) {
   const showAccountAutocomplete = /@[\w][^\s]*$/.test(value);
-  State.update({ text: value, showAccountAutocomplete });
+  State.update((lastKnownState) => ({
+    ...lastKnownState,
+    text: value,
+    showAccountAutocomplete,
+  }));
 }
 
 function autoCompleteAccountId(id) {
   let description = state.description.replace(/[\s]{0,1}@[^\s]*$/, "");
   description = `${description} @${id}`.trim() + " ";
-  State.update({ description, showAccountAutocomplete: false });
+  State.update((lastKnownState) => ({
+    ...lastKnownState,
+    description,
+    showAccountAutocomplete: false,
+  }));
 }
 /* END_INCLUDE: "core/lib/autocomplete" */