Fix proxy response handling and improve error handling

.env.example

@@ -123,3 +123,8 @@ PASSKEY_ORIGIN=http://localhost:5003
 # VITE_OPENCODE_PORT=5551
 # VITE_MAX_FILE_SIZE_MB=50
 # VITE_MAX_UPLOAD_SIZE_MB=50
+
+# ============================================
+# Plugins
+# ============================================
+INSTALL_MEMORY_PLUGIN=true

Dockerfile

@@ -41,7 +41,6 @@ COPY --chown=node:node package.json pnpm-workspace.yaml pnpm-lock.yaml ./
 COPY --chown=node:node shared/package.json ./shared/
 COPY --chown=node:node backend/package.json ./backend/
 COPY --chown=node:node frontend/package.json ./frontend/
-COPY --chown=node:node packages/memory ./packages/memory/
 
 RUN pnpm install --frozen-lockfile
 
@@ -53,10 +52,8 @@ COPY backend ./backend
 COPY frontend/src ./frontend/src
 COPY frontend/public ./frontend/public
 COPY frontend/index.html frontend/vite.config.ts frontend/tsconfig*.json frontend/components.json frontend/eslint.config.js ./frontend/
-COPY packages/memory ./packages/memory
 
 RUN pnpm --filter frontend build
-RUN pnpm --filter @opencode-manager/memory build
 
 FROM base AS runner
 
@@ -84,31 +81,20 @@ ENV OPENCODE_SERVER_PORT=5551
 ENV DATABASE_PATH=/app/data/opencode.db
 ENV WORKSPACE_PATH=/workspace
 ENV NODE_PATH=/opt/opencode-plugins/node_modules
+ENV INSTALL_MEMORY_PLUGIN=true
 
 COPY --from=deps --chown=node:node /app/node_modules ./node_modules
 COPY --from=builder /app/shared ./shared
 COPY --from=builder /app/backend ./backend
 COPY --from=builder /app/frontend/dist ./frontend/dist
 COPY package.json pnpm-workspace.yaml ./
-
-RUN mkdir -p /app/backend/node_modules/@opencode-manager && \
-    ln -s /app/shared /app/backend/node_modules/@opencode-manager/shared
-
-COPY --from=builder /app/packages/memory /opt/opencode-plugins/src
-
-RUN cd /opt/opencode-plugins/src && npm install
-
-RUN mkdir -p /opt/opencode-plugins/node_modules/@opencode-manager/memory && \
-    cp -r /opt/opencode-plugins/src/dist/* /opt/opencode-plugins/node_modules/@opencode-manager/memory/ && \
-    cp /opt/opencode-plugins/src/package.json /opt/opencode-plugins/node_modules/@opencode-manager/memory/ && \
-    cp /opt/opencode-plugins/src/config.jsonc /opt/opencode-plugins/node_modules/@opencode-manager/memory/config.jsonc 2>/dev/null || true && \
-    cp -r /opt/opencode-plugins/src/node_modules/* /opt/opencode-plugins/node_modules/ 2>/dev/null || true
+COPY --from=deps --chown=node:node /app/backend/node_modules ./backend/node_modules
 
 COPY scripts/docker-entrypoint.sh /docker-entrypoint.sh
 RUN chmod +x /docker-entrypoint.sh
 
-RUN mkdir -p /workspace /app/data && \
-    chown -R node:node /workspace /app/data
+RUN mkdir -p /workspace /app/data /opt/opencode-plugins && \
+    chown -R node:node /workspace /app/data /opt/opencode-plugins
 
 EXPOSE 5003 5100 5101 5102 5103
 

backend/src/services/proxy.ts

@@ -118,13 +118,16 @@ export async function proxyRequest(request: Request) {
     })
 
     const responseHeaders: Record<string, string> = {}
+    const skipHeaders = new Set(['connection', 'transfer-encoding', 'content-encoding', 'content-length'])
     response.headers.forEach((value, key) => {
-      if (!['connection', 'transfer-encoding'].includes(key.toLowerCase())) {
+      if (!skipHeaders.has(key.toLowerCase())) {
         responseHeaders[key] = value
       }
     })
 
-    return new Response(response.body, {
+    const body = await response.text()
+
+    return new Response(body, {
       status: response.status,
       statusText: response.statusText,
       headers: responseHeaders,
@@ -159,13 +162,16 @@ export async function proxyToOpenCodeWithDirectory(
     })
 
     const responseHeaders: Record<string, string> = {}
+    const skipHeaders = new Set(['connection', 'transfer-encoding', 'content-encoding', 'content-length'])
     response.headers.forEach((value, key) => {
-      if (!['connection', 'transfer-encoding'].includes(key.toLowerCase())) {
+      if (!skipHeaders.has(key.toLowerCase())) {
         responseHeaders[key] = value
       }
     })
 
-    return new Response(response.body, {
+    const responseBody = await response.text()
+
+    return new Response(responseBody, {
       status: response.status,
       statusText: response.statusText,
       headers: responseHeaders,

docker-compose.yml

@@ -42,6 +42,7 @@ services:
       - VAPID_PUBLIC_KEY=${VAPID_PUBLIC_KEY:-}
       - VAPID_PRIVATE_KEY=${VAPID_PRIVATE_KEY:-}
       - VAPID_SUBJECT=${VAPID_SUBJECT:-}
+      - INSTALL_MEMORY_PLUGIN=${INSTALL_MEMORY_PLUGIN:-true}
     volumes:
       - opencode-workspace:/workspace
       - opencode-data:/app/data

docs/features/memory.md

@@ -82,6 +82,11 @@ The file is only created if it does not already exist. The config is validated o
     "model": "",
     "minAudits": 1,
     "stallTimeoutMs": 60000
+  },
+  "tui": {
+    "sidebar": true,
+    "showLoops": true,
+    "showVersion": true
   }
 }
 ```
@@ -140,6 +145,9 @@ Set `baseUrl` to point at any OpenAI-compatible self-hosted service (vLLM, Ollam
 | `loop.model` | Model override for loop sessions (`provider/model`), falls back to `executionModel` | — |
 | `loop.minAudits` | Minimum audit iterations required before completion | `1` |
 | `loop.stallTimeoutMs` | Watchdog stall detection timeout (ms) | `60000` |
+| `tui.sidebar` | Show the Memory plugin sidebar in the TUI | `true` |
+| `tui.showLoops` | Show active loops in the sidebar | `true` |
+| `tui.showVersion` | Show version number in sidebar title | `true` |
 
 !!! note "Deprecated Options"
     The `ralph.*` prefix is deprecated but still accepted for backward compatibility. Use `loop.*` instead.

frontend/package.json

@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
+    "@standard-schema/spec": "^1.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",

frontend/src/components/memory/KvFormDialog.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useCreateKvEntry, useUpdateKvEntry } from '@/hooks/useMemories'
 import type { KvEntry, CreateKvEntryRequest, UpdateKvEntryRequest } from '@opencode-manager/shared/types'
@@ -44,7 +44,7 @@ export function KvFormDialog({ entry, projectId, open, onOpenChange }: KvFormDia
     reset,
     formState: { errors },
   } = useForm<KvFormData>({
-    resolver: zodResolver(kvSchema),
+    resolver: standardSchemaResolver(kvSchema),
     defaultValues: {
       key: '',
       data: '',

frontend/src/components/memory/MemoryFormDialog.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useCreateMemory, useUpdateMemory } from '@/hooks/useMemories'
 import type { Memory, CreateMemoryRequest, UpdateMemoryRequest } from '@opencode-manager/shared/types'
@@ -43,7 +43,7 @@ export function MemoryFormDialog({ memory, projectId, open, onOpenChange }: Memo
     reset,
     formState: { errors },
   } = useForm<MemoryFormData>({
-    resolver: zodResolver(memorySchema),
+    resolver: standardSchemaResolver(memorySchema),
     defaultValues: {
       content: '',
       scope: 'context',

frontend/src/components/settings/AgentDialog.tsx

@@ -1,5 +1,5 @@
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useMemo, useEffect } from 'react'
 import { useQuery } from '@tanstack/react-query'
@@ -110,7 +110,7 @@ export function AgentDialog({ open, onOpenChange, onSubmit, editingAgent }: Agen
   }
 
   const form = useForm<AgentFormValues>({
-    resolver: zodResolver(agentFormSchema),
+    resolver: standardSchemaResolver(agentFormSchema),
     defaultValues: getDefaultValues(editingAgent)
   })
 

frontend/src/components/settings/CommandDialog.tsx

@@ -1,5 +1,5 @@
 import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import { z } from "zod";
 import { Button } from "@/components/ui/button";
 import {
@@ -63,7 +63,7 @@ export function CommandDialog({
   editingCommand,
 }: CommandDialogProps) {
   const form = useForm<CommandFormValues>({
-    resolver: zodResolver(commandFormSchema),
+    resolver: standardSchemaResolver(commandFormSchema),
     defaultValues: {
       name: editingCommand?.name || "",
       template: editingCommand?.command.template || "",

frontend/src/components/settings/MemoryPluginConfig.tsx

@@ -189,7 +189,7 @@ export function MemoryPluginConfig({ memoryPluginEnabled, onToggle }: MemoryPlug
     })
   }
 
-  const handleNestedChange = <K extends 'logging' | 'compaction' | 'memoryInjection' | 'messagesTransform'>(
+  const handleNestedChange = <K extends 'logging' | 'compaction' | 'memoryInjection' | 'messagesTransform' | 'tui'>(
     section: K,
     field: string,
     value: string | number | boolean | undefined,
@@ -560,6 +560,40 @@ export function MemoryPluginConfig({ memoryPluginEnabled, onToggle }: MemoryPlug
                     />
                   </div>
                 </div>
+
+                <div className="space-y-4">
+                  <div className="flex items-center gap-2 mb-3">
+                    <Layers className="h-4 w-4 text-indigo-500" />
+                    <span className="text-sm font-medium">TUI</span>
+                  </div>
+
+                  <div className="flex items-center justify-between">
+                    <Label htmlFor="tuiSidebar">Show Sidebar</Label>
+                    <Switch
+                      id="tuiSidebar"
+                      checked={displayConfig.tui?.sidebar ?? true}
+                      onCheckedChange={(checked) => handleNestedChange('tui', 'sidebar', checked)}
+                    />
+                  </div>
+
+                  <div className="flex items-center justify-between">
+                    <Label htmlFor="tuiShowLoops">Show Loops</Label>
+                    <Switch
+                      id="tuiShowLoops"
+                      checked={displayConfig.tui?.showLoops ?? true}
+                      onCheckedChange={(checked) => handleNestedChange('tui', 'showLoops', checked)}
+                    />
+                  </div>
+
+                  <div className="flex items-center justify-between">
+                    <Label htmlFor="tuiShowVersion">Show Version</Label>
+                    <Switch
+                      id="tuiShowVersion"
+                      checked={displayConfig.tui?.showVersion ?? true}
+                      onCheckedChange={(checked) => handleNestedChange('tui', 'showVersion', checked)}
+                    />
+                  </div>
+                </div>
               </div>
 
               {displayConfig.dataDir && (

frontend/src/components/settings/STTSettings.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useSettings } from '@/hooks/useSettings'
 import { useSTT } from '@/hooks/useSTT'
@@ -50,7 +50,7 @@ export function STTSettings() {
   const isWebSpeechAvailable = isWebRecognitionSupported()
 
   const form = useForm<STTFormValues>({
-    resolver: zodResolver(sttFormSchema),
+    resolver: standardSchemaResolver(sttFormSchema),
     defaultValues: {
       ...DEFAULT_STT_CONFIG,
       model: DEFAULT_STT_CONFIG.model || 'whisper-1',

frontend/src/components/settings/SkillDialog.tsx

@@ -1,5 +1,5 @@
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useEffect, useState } from 'react'
 import { Button } from '@/components/ui/button'
@@ -58,7 +58,7 @@ export function SkillDialog({ open, onOpenChange, onSubmit, editingSkill }: Skil
   }
 
   const form = useForm<SkillFormValues>({
-    resolver: zodResolver(skillFormSchema),
+    resolver: standardSchemaResolver(skillFormSchema),
     defaultValues: getDefaultValues(editingSkill)
   })
 

frontend/src/components/settings/TTSSettings.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState, useRef } from 'react'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useSettings } from '@/hooks/useSettings'
 import { useTTS } from '@/hooks/useTTS'
@@ -85,7 +85,7 @@ export function TTSSettings() {
   const lastSavedDataRef = useRef<TTSFormValues | null>(null)
 
   const form = useForm<TTSFormValues>({
-    resolver: zodResolver(ttsFormSchema),
+    resolver: standardSchemaResolver(ttsFormSchema),
     defaultValues: DEFAULT_TTS_CONFIG,
   })
 

frontend/src/hooks/useOpenCode.ts

@@ -2,7 +2,7 @@ import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useMemo, useRef, useEffect, useCallback, useState } from "react";
 import { OpenCodeClient } from "../api/opencode";
 import { API_BASE_URL } from "../config";
-import { fetchWrapper } from "../api/fetchWrapper";
+import { fetchWrapper, FetchError } from "../api/fetchWrapper";
 import { cancelLoop } from "../api/memory";
 import type {
   Message,
@@ -355,10 +355,8 @@ export const useSendPrompt = (opcodeUrl: string | null | undefined, directory?:
       const { sessionID } = variables;
       const messagesQueryKey = ["opencode", "messages", opcodeUrl, sessionID, directory];
 
-      const axiosError = error as { code?: string; response?: unknown };
-      const isNetworkError = axiosError.code === 'ECONNABORTED' || 
-                            axiosError.code === 'ERR_NETWORK' ||
-                            !axiosError.response;
+      const isNetworkError = error instanceof TypeError ||
+        (error instanceof FetchError && error.code === 'TIMEOUT');
 
       if (isNetworkError) {
         return;

frontend/src/hooks/useSSE.ts

@@ -308,8 +308,8 @@ export const useSSE = (opcodeUrl: string | null | undefined, directory?: string,
         })
       }
     } catch (err) {
-      if (err instanceof Error && !err.message.includes('aborted')) {
-        throw err
+      if (err instanceof Error && !err.message.includes('aborted') && import.meta.env.DEV) {
+        console.warn('Failed to fetch initial session data:', err)
       }
     }
   }, [client, setSessionStatus])

frontend/src/pages/Login.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { useLoaderData } from 'react-router-dom'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useAuth } from '@/hooks/useAuth'
 import { useTheme } from '@/hooks/useTheme'
@@ -33,7 +33,7 @@ export function Login() {
     handleSubmit,
     formState: { errors },
   } = useForm<LoginFormData>({
-    resolver: zodResolver(loginSchema),
+    resolver: standardSchemaResolver(loginSchema),
   })
 
   const onSubmit = async (data: LoginFormData) => {

frontend/src/pages/Register.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { Link, useLoaderData } from 'react-router-dom'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useAuth } from '@/hooks/useAuth'
 import { useTheme } from '@/hooks/useTheme'
@@ -36,7 +36,7 @@ export function Register() {
     handleSubmit,
     formState: { errors },
   } = useForm<RegisterFormData>({
-    resolver: zodResolver(registerSchema),
+    resolver: standardSchemaResolver(registerSchema),
   })
 
   const onSubmit = async (data: RegisterFormData) => {

frontend/src/pages/Setup.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
+import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { z } from 'zod'
 import { useAuth } from '@/hooks/useAuth'
 import { useTheme } from '@/hooks/useTheme'
@@ -29,7 +29,7 @@ export function Setup() {
     handleSubmit,
     formState: { errors },
   } = useForm<SetupFormData>({
-    resolver: zodResolver(setupSchema),
+    resolver: standardSchemaResolver(setupSchema),
   })
 
   const onSubmit = async (data: SetupFormData) => {