@teselagen/ove 0.8.19 → 0.8.21

package/index.cjs.js

@@ -17289,7 +17289,8 @@ function rowClick(e, rowInfo, entities, {
   onMultiRowSelect,
   noDeselectAll,
   onRowSelect,
-  change
+  change,
+  getCheckboxGroupId
 }) {
   const entity = rowInfo.original;
   onRowClick(e, entity, rowInfo);
@@ -17361,6 +17362,38 @@ function rowClick(e, rowInfo, entities, {
       }
     }
   }
+  if (getCheckboxGroupId) {
+    const clickedRowId = rowId;
+    const clickedEntity = entity;
+    const clickedGroupId = getCheckboxGroupId(clickedEntity, rowInfo.index);
+    if (!newIdMap[clickedRowId] && clickedGroupId) {
+      entities.forEach((e2, i) => {
+        if (getCheckboxGroupId(e2, i) === clickedGroupId) {
+          const id2 = getIdOrCodeOrIndex(e2, i);
+          delete newIdMap[id2];
+        }
+      });
+    }
+    const selectedGroupIds = /* @__PURE__ */ new Set();
+    entities.forEach((e2, i) => {
+      const id2 = getIdOrCodeOrIndex(e2, i);
+      if (newIdMap[id2]) {
+        const gid = getCheckboxGroupId(e2, i);
+        if (gid) selectedGroupIds.add(gid);
+      }
+    });
+    if (selectedGroupIds.size > 0) {
+      entities.forEach((e2, i) => {
+        const gid = getCheckboxGroupId(e2, i);
+        if (gid && selectedGroupIds.has(gid)) {
+          const id2 = getIdOrCodeOrIndex(e2, i);
+          if (!newIdMap[id2]) {
+            newIdMap[id2] = { entity: e2, time: Date.now() };
+          }
+        }
+      });
+    }
+  }
   finalizeSelection({
     idMap: newIdMap,
     entities,
@@ -51856,6 +51889,7 @@ const useColumns = /* @__PURE__ */ __name(({
   resetDefaultVisibility,
   currentParams,
   compact,
+  hideExpandSubCompColumn,
   editingCell,
   editingCellSelectAll,
   entities,
@@ -51903,7 +51937,8 @@ const useColumns = /* @__PURE__ */ __name(({
   withSort = true,
   recordIdToIsVisibleMap,
   setRecordIdToIsVisibleMap,
-  withDisplayOptions
+  withDisplayOptions,
+  getCheckboxGroupId
 }) => {
   const dispatch = reactRedux.useDispatch();
   const change = React.useCallback(
@@ -52151,6 +52186,14 @@ const useColumns = /* @__PURE__ */ __name(({
         return /* @__PURE__ */ React.createElement("div", null);
       }
       const entity = entities[rowIndex];
+      if (getCheckboxGroupId) {
+        const currentGroupId = getCheckboxGroupId(entity, rowIndex);
+        const previousEntity = entities[rowIndex - 1];
+        const previousGroupId = previousEntity ? getCheckboxGroupId(previousEntity, rowIndex - 1) : void 0;
+        if (currentGroupId && currentGroupId === previousGroupId) {
+          return /* @__PURE__ */ React.createElement("div", null);
+        }
+      }
       return /* @__PURE__ */ React.createElement(
         core.Checkbox,
         {
@@ -52169,7 +52212,8 @@ const useColumns = /* @__PURE__ */ __name(({
               onMultiRowSelect,
               noDeselectAll,
               onRowSelect,
-              change
+              change,
+              getCheckboxGroupId
             });
           }, "onClick"),
           checked: isSelected
@@ -52190,7 +52234,8 @@ const useColumns = /* @__PURE__ */ __name(({
       onRowSelect,
       onSingleRowSelect,
       reduxFormSelectedEntityIdMap,
-      withCheckboxes
+      withCheckboxes,
+      getCheckboxGroupId
     ]
   );
   const finishCellEdit = React.useCallback(
@@ -52265,13 +52310,14 @@ const useColumns = /* @__PURE__ */ __name(({
         );
       }, "Header")
     }), {
+      show: !hideExpandSubCompColumn,
       expander: true,
       Expander: /* @__PURE__ */ __name(({ isExpanded, original: record }) => {
         let shouldShow = true;
         if (shouldShowSubComponent) {
           shouldShow = shouldShowSubComponent(record);
         }
-        if (!shouldShow) return null;
+        if (!shouldShow || hideExpandSubCompColumn) return null;
         return /* @__PURE__ */ React.createElement(
           core.Button,
           {
@@ -56813,6 +56859,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     minimalStyle,
     mustClickCheckboxToSelect,
     noDeselectAll,
+    hideExpandSubCompColumn,
     noFooter = isSimple ? !withPaging : false,
     noFullscreenButton = isSimple,
     noHeader = false,
@@ -56860,7 +56907,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     withSort,
     withTitle = !isSimple,
     noExcessiveCheck,
-    isEntityCountLoading
+    isEntityCountLoading,
+    getCheckboxGroupId
   } = props;
   const _entities = React.useMemo(
     () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
@@ -58397,6 +58445,15 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
       const isExpanded = expandedEntityIdMap[rowId];
       const rowDisabled = isEntityDisabled(entity);
       const dataId = entity.id || entity.code;
+      let noGroupBorder = false;
+      if (getCheckboxGroupId) {
+        const currentGroupId = getCheckboxGroupId(entity, rowInfo.index);
+        const nextEntity = entities[rowInfo.index + 1];
+        const nextGroupId = nextEntity ? getCheckboxGroupId(nextEntity, rowInfo.index + 1) : void 0;
+        if (currentGroupId && currentGroupId === nextGroupId) {
+          noGroupBorder = true;
+        }
+      }
       return {
         onClick: /* @__PURE__ */ __name((e) => {
           if (isCellEditable) return;
@@ -58423,7 +58480,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
             onMultiRowSelect,
             noDeselectAll,
             onRowSelect,
-            change
+            change,
+            getCheckboxGroupId
           });
         }, "onClick"),
         //row right click
@@ -58465,9 +58523,11 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
           {
             disabled: rowDisabled,
             selected: rowSelected && !withCheckboxes,
-            "rt-tr-last-row": rowInfo.index === entities.length - 1
+            "rt-tr-last-row": rowInfo.index === entities.length - 1,
+            "no-group-border": noGroupBorder
           }
         ),
+        "data-test-selected": !!rowSelected,
         "data-test-id": dataId === void 0 ? rowInfo.index : dataId,
         "data-index": rowInfo.index,
         "data-tip": typeof rowDisabled === "string" ? rowDisabled : void 0,
@@ -58498,7 +58558,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
       reduxFormSelectedEntityIdMap,
       selectedCells,
       showContextMenu2,
-      withCheckboxes
+      withCheckboxes,
+      getCheckboxGroupId
     ]
   );
   const getTableCellProps = React.useCallback(
@@ -58811,6 +58872,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     isSingleSelect,
     isSelectionARectangle,
     noDeselectAll,
+    hideExpandSubCompColumn,
     noSelect,
     noUserSelect,
     onDeselect,
@@ -58842,6 +58904,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     withFilter,
     withSort,
     recordIdToIsVisibleMap,
+    getCheckboxGroupId,
     setRecordIdToIsVisibleMap
   });
   const scrollToTop = React.useCallback(
@@ -66966,9 +67029,19 @@ function AdvancedOptions({
   content: content2,
   label,
   style: style2,
-  isOpenByDefault
+  isOpenByDefault,
+  localStorageKey
 }) {
-  const [isOpen, setOpen] = React.useState(isOpenByDefault);
+  const [isOpen, setOpen] = React.useState(() => {
+    if (localStorageKey) {
+      if (window.localStorage.getItem(localStorageKey) === "true") {
+        return true;
+      } else if (window.localStorage.getItem(localStorageKey) === "false") {
+        return false;
+      }
+    }
+    return isOpenByDefault;
+  });
   if (!(content2 || children)) {
     return null;
   }
@@ -66976,20 +67049,28 @@ function AdvancedOptions({
     "div",
     {
       onClick: /* @__PURE__ */ __name(() => {
-        setOpen(!isOpen);
+        const newIsOpen = !isOpen;
+        setOpen(newIsOpen);
+        if (localStorageKey) {
+          window.localStorage.setItem(localStorageKey, newIsOpen);
+        }
       }, "onClick"),
-      style: { cursor: "pointer", display: "flex", alignItems: "flex-end" },
-      className: "tg-toggle-advanced-options"
+      style: {
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        userSelect: "none"
+      },
+      className: `tg-toggle-advanced-options`
     },
-    label || "Advanced",
-    " ",
     /* @__PURE__ */ React.createElement(
       core.Icon,
       {
         icon: isOpen ? "caret-down" : "caret-right",
-        style: { marginLeft: 5 }
+        style: { marginRight: 5 }
       }
-    )
+    ),
+    /* @__PURE__ */ React.createElement("strong", null, label || "Advanced")
   ), isOpen && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 10 } }, content2 || children));
 }
 __name(AdvancedOptions, "AdvancedOptions");
@@ -70283,6 +70364,7 @@ const _ResizableDraggableDialog = class _ResizableDraggableDialog extends React.
             topLeft: true,
             topRight: true
           },
+          resizeHandleWrapperClass: "tg-dialog-resize-handle",
           maxHeight: windowHeight,
           maxWidth: windowWidth,
           bounds: "window",
@@ -84349,6 +84431,160 @@ function calculateNebTm(sequence2, { monovalentCationConc = 0.05, primerConc = 5
   }
 }
 __name(calculateNebTm, "calculateNebTm");
+const PRIMER3_PARAMS = {
+  saltMonovalent: 50,
+  // mM
+  saltDivalent: 1.5,
+  // mM
+  dntpConc: 0.6,
+  // mM
+  dnaConc: 50,
+  // nM
+  R: 1.987
+  // Gas constant (cal/K·mol)
+};
+const SANTA_LUCIA_NN = {
+  AA: { dH: -7.9, dS: -22.2 },
+  TT: { dH: -7.9, dS: -22.2 },
+  AT: { dH: -7.2, dS: -20.4 },
+  TA: { dH: -7.2, dS: -21.3 },
+  CA: { dH: -8.5, dS: -22.7 },
+  TG: { dH: -8.5, dS: -22.7 },
+  GT: { dH: -8.4, dS: -22.4 },
+  AC: { dH: -8.4, dS: -22.4 },
+  CT: { dH: -7.8, dS: -21 },
+  AG: { dH: -7.8, dS: -21 },
+  GA: { dH: -8.2, dS: -22.2 },
+  TC: { dH: -8.2, dS: -22.2 },
+  CG: { dH: -10.6, dS: -27.2 },
+  GC: { dH: -9.8, dS: -24.4 },
+  GG: { dH: -8, dS: -19.9 },
+  CC: { dH: -8, dS: -19.9 }
+};
+const SANTA_LUCIA_INIT = {
+  GC: { dH: 0.1, dS: -2.8 },
+  // initiation with terminal GC
+  AT: { dH: 2.3, dS: 4.1 }
+  // initiation with terminal AT
+};
+function getEffectiveMonovalentConc() {
+  let effectiveMono = PRIMER3_PARAMS.saltMonovalent;
+  {
+    const freeMg = Math.max(
+      0,
+      PRIMER3_PARAMS.saltDivalent - PRIMER3_PARAMS.dntpConc
+    );
+    effectiveMono += 120 * Math.sqrt(freeMg);
+  }
+  return effectiveMono;
+}
+__name(getEffectiveMonovalentConc, "getEffectiveMonovalentConc");
+function applySaltCorrection(deltaS, nnPairs) {
+  const effectiveMono = getEffectiveMonovalentConc();
+  return deltaS + 0.368 * nnPairs * Math.log(effectiveMono / 1e3);
+}
+__name(applySaltCorrection, "applySaltCorrection");
+function isValidSequence(sequence2) {
+  return /^[ATGCN]+$/.test(sequence2);
+}
+__name(isValidSequence, "isValidSequence");
+function calculateSantaLuciaTm(sequence2) {
+  try {
+    sequence2 = sequence2 == null ? void 0 : sequence2.toUpperCase().trim();
+    if (!isValidSequence(sequence2)) {
+      throw new Error("Invalid sequence: contains non-DNA characters");
+    }
+    if (sequence2.length < 2) {
+      throw new Error("Sequence too short: minimum length is 2 bases");
+    }
+    let deltaH = 0;
+    let deltaS = 0;
+    for (let i = 0; i < sequence2.length - 1; i++) {
+      const dinucleotide = sequence2.substring(i, i + 2);
+      if (dinucleotide.includes("N")) {
+        continue;
+      }
+      const params = SANTA_LUCIA_NN[dinucleotide];
+      if (params) {
+        deltaH += params.dH;
+        deltaS += params.dS;
+      }
+    }
+    const firstBase = sequence2[0];
+    const lastBase = sequence2[sequence2.length - 1];
+    if (firstBase === "G" || firstBase === "C") {
+      deltaH += SANTA_LUCIA_INIT.GC.dH;
+      deltaS += SANTA_LUCIA_INIT.GC.dS;
+    } else {
+      deltaH += SANTA_LUCIA_INIT.AT.dH;
+      deltaS += SANTA_LUCIA_INIT.AT.dS;
+    }
+    if (lastBase === "G" || lastBase === "C") {
+      deltaH += SANTA_LUCIA_INIT.GC.dH;
+      deltaS += SANTA_LUCIA_INIT.GC.dS;
+    } else {
+      deltaH += SANTA_LUCIA_INIT.AT.dH;
+      deltaS += SANTA_LUCIA_INIT.AT.dS;
+    }
+    const nnPairs = sequence2.length - 1;
+    deltaS = applySaltCorrection(deltaS, nnPairs);
+    const C = PRIMER3_PARAMS.dnaConc * 1e-9;
+    const Tm = deltaH * 1e3 / (deltaS + PRIMER3_PARAMS.R * Math.log(C / 4));
+    return Tm - 273.15;
+  } catch (e) {
+    return `Error calculating Tm for sequence ${sequence2}. ${e}`;
+  }
+}
+__name(calculateSantaLuciaTm, "calculateSantaLuciaTm");
+function calculateEndStability(sequence2) {
+  try {
+    sequence2 = sequence2 == null ? void 0 : sequence2.toUpperCase().trim();
+    if (!isValidSequence(sequence2)) {
+      throw new Error("Invalid sequence: contains non-DNA characters");
+    }
+    if (sequence2.length < 5) {
+      throw new Error(
+        "Sequence too short: minimum length is 5 bases for end stability calculation"
+      );
+    }
+    const last5Bases = sequence2.substring(sequence2.length - 5);
+    let deltaH = 0;
+    let deltaS = 0;
+    for (let i = 0; i < 4; i++) {
+      const dinucleotide = last5Bases.substring(i, i + 2);
+      if (dinucleotide.includes("N")) {
+        continue;
+      }
+      const params = SANTA_LUCIA_NN[dinucleotide];
+      if (params) {
+        deltaH += params.dH;
+        deltaS += params.dS;
+      }
+    }
+    const firstBase = last5Bases[0];
+    const lastBase = last5Bases[last5Bases.length - 1];
+    if (firstBase === "G" || firstBase === "C") {
+      deltaH += SANTA_LUCIA_INIT.GC.dH;
+      deltaS += SANTA_LUCIA_INIT.GC.dS;
+    } else {
+      deltaH += SANTA_LUCIA_INIT.AT.dH;
+      deltaS += SANTA_LUCIA_INIT.AT.dS;
+    }
+    if (lastBase === "G" || lastBase === "C") {
+      deltaH += SANTA_LUCIA_INIT.GC.dH;
+      deltaS += SANTA_LUCIA_INIT.GC.dS;
+    } else {
+      deltaH += SANTA_LUCIA_INIT.AT.dH;
+      deltaS += SANTA_LUCIA_INIT.AT.dS;
+    }
+    const T2 = 310.15;
+    const deltaG = deltaH - T2 * deltaS / 1e3;
+    return Math.round(Math.abs(deltaG) * 100) / 100;
+  } catch (e) {
+    return `Error calculating end stability for sequence ${sequence2}. ${e}`;
+  }
+}
+__name(calculateEndStability, "calculateEndStability");
 function convertAACaretPositionOrRangeToDna(rangeOrCaret) {
   if (typeof rangeOrCaret === "object" && rangeOrCaret !== null) {
     return convertAARangeToDnaRange(__spreadProps(__spreadValues({}, rangeOrCaret), {
@@ -97038,6 +97274,30 @@ const selectedPartTags$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   default: selectedPartTags,
   updateSelectedPartTags
 }, Symbol.toStringTag, { value: "Module" }));
+const updateTemporaryAnnotations = createMetaAction(
+  "TEMPORARY_ANNOTATIONS_UPDATE"
+);
+const temporaryAnnotations = createMergedDefaultStateReducer(
+  {
+    TEMPORARY_ANNOTATIONS_UPDATE: /* @__PURE__ */ __name((state2, payload) => {
+      return __spreadValues(__spreadValues({}, state2), payload);
+    }, "TEMPORARY_ANNOTATIONS_UPDATE"),
+    VECTOR_EDITOR_UPDATE: /* @__PURE__ */ __name((state2, payload) => {
+      return __spreadValues(__spreadValues({}, state2), payload.temporaryAnnotations);
+    }, "VECTOR_EDITOR_UPDATE")
+  },
+  {
+    features: {},
+    primers: {},
+    parts: {},
+    selectionLayer: {}
+  }
+);
+const temporaryAnnotations$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: temporaryAnnotations,
+  updateTemporaryAnnotations
+}, Symbol.toStringTag, { value: "Module" }));
 const vectorEditorMiddleware = /* @__PURE__ */ __name((store2) => (next) => (action2) => {
   if (action2.meta && action2.meta.disregardUndo) {
     return next(action2);
@@ -97153,7 +97413,8 @@ const subReducers = {
   partLengthsToHide: partLengthsToHide$1,
   primerLengthsToHide: primerLengthsToHide$1,
   featureLengthsToHide: featureLengthsToHide$1,
-  selectedPartTags: selectedPartTags$1
+  selectedPartTags: selectedPartTags$1,
+  temporaryAnnotations: temporaryAnnotations$1
 };
 const vectorEditorInitialize = createMetaAction("VECTOR_EDITOR_UPDATE");
 const vectorEditorClear = createMetaAction("VECTOR_EDITOR_CLEAR");
@@ -97918,11 +98179,16 @@ const translationSearchMatchesSelector = createSelector(
     return searchLayers;
   }
 );
-function featuresRawSelector(sequenceData2) {
-  return sequenceData2.features;
+const temporaryAnnotationsSelector = /* @__PURE__ */ __name((editor) => editor.temporaryAnnotations, "temporaryAnnotationsSelector");
+function featuresRawSelector(sequenceData2, temporaryAnnotations2) {
+  return __spreadValues(__spreadValues({}, sequenceData2.features), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.features);
 }
 __name(featuresRawSelector, "featuresRawSelector");
-const featuresSelector = createSelector(sequenceDataSelector, featuresRawSelector);
+const featuresSelector = createSelector(
+  sequenceDataSelector,
+  temporaryAnnotationsSelector,
+  featuresRawSelector
+);
 function cdsFeaturesRawSelector(features2) {
   return filter(features2, ({ type: type2 }) => type2 && type2.toUpperCase() === "CDS");
 }
@@ -98202,11 +98468,15 @@ const filteredFeaturesSelector$1 = createSelector(
   (state2) => state2.featureLengthsToHide,
   filteredFeaturesSelector
 );
-function primersRawSelector(sequenceData2) {
-  return sequenceData2.primers;
+function primersRawSelector(sequenceData2, temporaryAnnotations2) {
+  return __spreadValues(__spreadValues({}, sequenceData2.primers), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.primers);
 }
 __name(primersRawSelector, "primersRawSelector");
-const primersSelector = createSelector(sequenceDataSelector, primersRawSelector);
+const primersSelector = createSelector(
+  sequenceDataSelector,
+  temporaryAnnotationsSelector,
+  primersRawSelector
+);
 function filteredPrimersSelector(primers2, seqLen, primerIndividualToHide, lengthsToHide) {
   return omitBy(primers2, (ann) => {
     const hideIndividually = primerIndividualToHide[ann.id];
@@ -98221,11 +98491,15 @@ const filteredPrimersSelector$1 = createSelector(
   (state2) => state2.primerLengthsToHide,
   filteredPrimersSelector
 );
-function partsRawSelector(sequenceData2) {
-  return sequenceData2.parts;
+function partsRawSelector(sequenceData2, temporaryAnnotations2) {
+  return __spreadValues(__spreadValues({}, sequenceData2.parts), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.parts);
 }
 __name(partsRawSelector, "partsRawSelector");
-const partsSelector = createSelector(sequenceDataSelector, partsRawSelector);
+const partsSelector = createSelector(
+  sequenceDataSelector,
+  temporaryAnnotationsSelector,
+  partsRawSelector
+);
 const tagsToBoldSelector = /* @__PURE__ */ __name((state2) => state2.selectedPartTags.parts, "tagsToBoldSelector");
 function addWrappedAddons(anns, seqLen) {
   return flatMap(anns, (ann) => {
@@ -99052,7 +99326,8 @@ function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, {
     annotationVisibility: annotationVisibility2,
     annotationsToSupport: annotationsToSupport2,
     findTool: findTool2,
-    justPassingPartialSeqData
+    justPassingPartialSeqData,
+    temporaryAnnotations: temporaryAnnotations2
   } = initialValues2;
   const currentEditor = store2.getState().VectorEditor[editorName] || {};
   const isAlreadyProteinEditor = currentEditor.sequenceData && currentEditor.sequenceData.isProtein;
@@ -99174,12 +99449,14 @@ function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, {
         };
       }
     }
-    payload = __spreadValues(__spreadValues(__spreadValues({}, initialValues2), toSpread), sequenceData2 && {
+    payload = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, initialValues2), toSpread), sequenceData2 && {
       sequenceData: tidyUpSequenceData(sequenceData2, {
         convertAnnotationsFromAAIndices,
         //if we have sequence data coming in make sure to tidy it up for the user :)
         annotationsAsObjects: true
       })
+    }), temporaryAnnotations2 && {
+      temporaryAnnotations: temporaryAnnotations2
     });
   }
   annotationTypes.forEach((t2) => {
@@ -116654,7 +116931,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.18";
+const version = "0.8.20";
 const packageJson = {
   version
 };
@@ -137354,7 +137631,7 @@ function MeltingTemp({
     /* , setMonovalentCationConc */
   ] = React.useState(0.05);
   const [tmType, setTmType] = useTmType();
-  let tm = (tmType === "neb_tm" ? calculateNebTm : calculateTm)(sequence2, {
+  let tm = (tmType === "neb_tm" ? calculateNebTm : tmType === "default" ? calculateSantaLuciaTm : calculateTm)(sequence2, {
     monovalentCationConc,
     primerConc
   });
@@ -137379,8 +137656,9 @@ function MeltingTemp({
         {
           label: "Choose Tm Type:",
           options: [
-            { value: "default", label: "Default Tm (Breslauer)" },
-            { value: "neb_tm", label: "NEB Tm (SantaLucia)" }
+            { value: "default", label: "Santa Lucia (Default)" },
+            { value: "breslauer", label: "Breslauer" },
+            { value: "neb_tm", label: "NEB Tm" }
           ],
           onChange: /* @__PURE__ */ __name((e) => setTmType(e.target.value), "onChange"),
           selectedValue: tmType
@@ -137394,7 +137672,7 @@ function MeltingTemp({
         }
       ), hasWarning, /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null), "Try using the Default Tm"))
     },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InnerWrapper, null, "Melting Temp: ", Number(tm) || 0, " "), hasWarning && /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InnerWrapper, null, "Melting Temp: ", Number(tm) || 0, "°C"), hasWarning && /* @__PURE__ */ React.createElement(
       core.Icon,
       {
         style: { marginLeft: 5, marginRight: 5 },
@@ -137658,12 +137936,24 @@ const RenderBases = /* @__PURE__ */ __name((props) => {
     )), /* @__PURE__ */ React.createElement(
       MeltingTemp,
       {
-        InnerWrapper: InnerWrapperMeltingTemp,
+        InnerWrapper: TextInnerWrapper,
         sequence: bases
       }
-    ))
+    ), /* @__PURE__ */ React.createElement(TextInnerWrapper, null, "GC content: ", bases && calculatePercentGC(bases).toFixed(1), "%"), /* @__PURE__ */ React.createElement(TextInnerWrapper, null, "3' Stability: ", bases && calculateEndStability(bases), " kcal/mol"))
   );
 }, "RenderBases");
+const TextInnerWrapper = /* @__PURE__ */ __name((p2) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    className: "bp3-text-muted bp3-text-small",
+    style: {
+      marginBottom: 15,
+      marginTop: -5,
+      fontStyle: "italic"
+    }
+  },
+  p2.children
+), "TextInnerWrapper");
 const AddOrEditPrimerDialog = AddOrEditAnnotationDialog$1({
   formName: "AddOrEditPrimerDialog",
   getProps: /* @__PURE__ */ __name((props) => ({
@@ -137672,14 +137962,6 @@ const AddOrEditPrimerDialog = AddOrEditAnnotationDialog$1({
     RenderBases
   }), "getProps")
 });
-const InnerWrapperMeltingTemp = /* @__PURE__ */ __name((p2) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    className: "bp3-text-muted bp3-text-small",
-    style: { marginBottom: 15, marginTop: -5, fontStyle: "italic" }
-  },
-  p2.children
-), "InnerWrapperMeltingTemp");
 const Dialogs = {
   RenameSequenceDialog,
   PrintDialog: PrintDialog$1,