Function MemoryFileEditor

src/browser/features/Memory/MemoryFileEditor.tsx:26–153

(props: MemoryFileEditorProps)

 * silently overwrites the other writer's changes).
 */
export function MemoryFileEditor(props: MemoryFileEditorProps) {
  const { api } = useAPI();
  const [loaded, setLoaded] = useState<{ content: string; sha256: string } | null>(null);
  const [draft, setDraft] = useState("");
  const [loadError, setLoadError] = useState<string | null>(null);
  const [saveError, setSaveError] = useState<MemorySaveError | null>(null);
  const [saving, setSaving] = useState(false);
  const [reloadTick, setReloadTick] = useState(0);
  // Read the live DOM value at save time (same pattern as
  // WorkspaceHeartbeatModal): controlled-textarea onChange does not fire in
  // happy-dom, and the DOM is authoritative for what the user typed anyway.
  const textareaRef = useRef<HTMLTextAreaElement | null>(null);

  useEffect(() => {
    if (!api) return;
    const controller = new AbortController();
    api.memory
      .read({ workspaceId: props.workspaceId, path: props.path }, { signal: controller.signal })
      .then((result) => {
        if (controller.signal.aborted) return;
        if (result.success) {
          setLoaded(result.data);
          setDraft(result.data.content);
          setLoadError(null);
        } else {
          setLoadError(result.error);
        }
      })
      .catch((err: unknown) => {
        if (isAbortError(err) || controller.signal.aborted) return;
        setLoadError(getErrorMessage(err));
      });
    return () => controller.abort();
  }, [api, props.workspaceId, props.path, reloadTick]);

  const handleSave = async () => {
    if (!api || loaded === null || saving) return;
    const content = textareaRef.current?.value ?? draft;
    setSaving(true);
    try {
      const result = await api.memory.save({
        workspaceId: props.workspaceId,
        path: props.path,
        content,
        expectedSha256: loaded.sha256,
      });
      if (result.success) {
        setLoaded({ content, sha256: result.data.sha256 });
        setDraft(content);
        setSaveError(null);
      } else {
        setSaveError(result.error);
      }
    } catch (err) {
      setSaveError({ kind: "error", message: getErrorMessage(err) });
    } finally {
      setSaving(false);
    }