fix: prevent common config modal infinite reopen loop and add draft editing

The auto-open useEffect in CodexConfigEditor and GeminiConfigEditor
created an inescapable loop: commonConfigError triggered modal open,
closing the modal didn't clear the error, so the effect immediately
reopened it — locking the entire UI.

- Remove auto-open useEffect from both Codex and Gemini config editors
- Convert common config modals to draft editing (edit locally, validate
  before save) instead of persisting on every keystroke
- Add TOML/JSON pre-validation via parseCommonConfigSnippet before any
  merge operation to prevent invalid content from being persisted
- Expose clearCommonConfigError so editors can clear stale errors on
  modal close

src/components/providers/forms/CodexCommonConfigModal.tsx

@@ -9,7 +9,7 @@ interface CodexCommonConfigModalProps {
   isOpen: boolean;
   onClose: () => void;
   value: string;
-  onChange: (value: string) => void;
+  onSave: (value: string) => boolean;
   error?: string;
   onExtract?: () => void;
   isExtracting?: boolean;
@@ -23,13 +23,14 @@ export const CodexCommonConfigModal: React.FC<CodexCommonConfigModalProps> = ({
   isOpen,
   onClose,
   value,
-  onChange,
+  onSave,
   error,
   onExtract,
   isExtracting,
 }) => {
   const { t } = useTranslation();
   const [isDarkMode, setIsDarkMode] = useState(false);
+  const [draftValue, setDraftValue] = useState(value);
 
   useEffect(() => {
     setIsDarkMode(document.documentElement.classList.contains("dark"));
@@ -46,11 +47,28 @@ export const CodexCommonConfigModal: React.FC<CodexCommonConfigModalProps> = ({
     return () => observer.disconnect();
   }, []);
 
+  useEffect(() => {
+    if (isOpen) {
+      setDraftValue(value);
+    }
+  }, [isOpen, value]);
+
+  const handleClose = () => {
+    setDraftValue(value);
+    onClose();
+  };
+
+  const handleSave = () => {
+    if (onSave(draftValue)) {
+      onClose();
+    }
+  };
+
   return (
     <FullScreenPanel
       isOpen={isOpen}
       title={t("codexConfig.editCommonConfigTitle")}
-      onClose={onClose}
+      onClose={handleClose}
       footer={
         <>
           {onExtract && (
@@ -71,10 +89,10 @@ export const CodexCommonConfigModal: React.FC<CodexCommonConfigModalProps> = ({
               })}
             </Button>
           )}
-          <Button type="button" variant="outline" onClick={onClose}>
+          <Button type="button" variant="outline" onClick={handleClose}>
             {t("common.cancel")}
           </Button>
-          <Button type="button" onClick={onClose} className="gap-2">
+          <Button type="button" onClick={handleSave} className="gap-2">
             <Save className="w-4 h-4" />
             {t("common.save")}
           </Button>
@@ -87,8 +105,8 @@ export const CodexCommonConfigModal: React.FC<CodexCommonConfigModalProps> = ({
         </p>
 
         <JsonEditor
-          value={value}
-          onChange={onChange}
+          value={draftValue}
+          onChange={setDraftValue}
           placeholder={`# Common Codex config
 
 # Add your common TOML configuration here`}