\n {val ? (\n <>\n \n {val.name}\n \n - moi.md\n \n ) : (\n 'Editor'\n )}\n

\n \n {/* Tags for file status */}\n {val && (\n

\n {hasMoiFile ? (\n \n moi.md exists\n \n ) : (\n \n new file\n \n )}\n \n \n {val.privacy}\n \n

\n )}\n

\n \n

\n {/* Open Val link */}\n {val && (\n { e.preventDefault(); handleOpenVal(); }}\n className=\"text-sm text-blue-600 hover:text-blue-800 flex items-center\"\n title=\"Open val in new tab\"\n >\n Open Val\n \n \n )}\n \n {/* Close button */}\n \n \n \n

\n \n {/* Controls */}\n

\n \n {saving ? \"Saving...\" : \"Save\"}\n \n

\n \n {/* Loading indicator */}\n {loadingItem && (\n

\n Loading content...\n

\n )}\n \n {/* Error message */}\n {itemError && (\n

Error loading content

{itemError}

\n )}\n \n {/* Save Error message */}\n {saveError && (\n

Error saving content

{saveError}

\n )}\n \n {/* Save Success message */}\n {saveSuccess && (\n

Success

moi.md saved successfully!

\n )}\n \n {/* Editor section */}\n

\n {\n // This only runs on unmount - not during typing\n console.log(\"QuickEditor onChange triggered\");\n }}\n disabled={disabled || saving || loadingItem}\n username={username}\n valId={val?.id}\n apiToken={apiToken}\n showAdvancedByDefault={true}\n />\n

\n \n {/* Footer with note about privacy */}\n {val && val.privacy !== \"public\" && (\n

\n Note: Only Public vals will appear on your build.moi profile.\n

\n )}\n

\n );\n};\n\nexport default MoiEditorModal;","deleted","label",[173,174,155],"frontend","components","permalink","https://www.val.town/x/dcm31/moiPosterImproved/code/frontend/components/MoiEditorModal.tsx","extension","actionData","errors"]