feat(v0.1.4): error boundary + system-message polish

CHANGELOG.md

@@ -5,6 +5,19 @@ All notable changes to DeepCode are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.4] — 2026-05-28
+
+### Robustness + polish
+- **React error boundary** wraps the entire app. Uncaught render errors
+  now show a recoverable error panel ("DeepCode crashed") with the
+  stack trace + reload button, instead of leaving the user with a
+  blank dark window.
+- **Unhandled promise rejection** logger added at app entry so devtools
+  surfaces async errors that would otherwise vanish.
+- **System messages** redesigned — thin centered hint instead of a row
+  with avatar + author label. Looks much less like an interruption.
+- Bundles `release.yml` Tauri rewrite + `docs/RELEASING.md` from 0.1.3.
+
 ## [0.1.3] — 2026-05-28
 
 ### Visual redesign — phase 2

apps/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepcode-cli",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "DeepCode CLI — DeepSeek-powered AI coding agent, parity with Claude Code",
   "license": "MIT",
   "type": "module",

apps/desktop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepcode/desktop",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": true,
   "description": "DeepCode Mac desktop client — Tauri + React",
   "license": "MIT",

apps/desktop/src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "deepcode_desktop"
-version = "0.1.3"
+version = "0.1.4"
 description = "DeepCode Mac desktop client"
 authors = ["oratis"]
 edition = "2021"

apps/desktop/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "DeepCode",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "identifier": "dev.deepcode.desktop",
   "build": {
     "frontendDist": "../dist",

apps/desktop/src/components/ErrorBoundary.tsx

@@ -0,0 +1,104 @@
+// Catches uncaught React render errors anywhere in the app and shows a
+// fallback panel instead of a blank screen. Without this, a stray
+// `undefined.length` in any screen would leave the user staring at a
+// solid dark background with no recourse.
+
+import { Component, type ReactNode } from 'react';
+
+interface Props {
+  children: ReactNode;
+}
+
+interface State {
+  error: Error | null;
+}
+
+export class ErrorBoundary extends Component<Props, State> {
+  state: State = { error: null };
+
+  static getDerivedStateFromError(error: Error): State {
+    return { error };
+  }
+
+  componentDidCatch(error: Error, info: { componentStack?: string | null }): void {
+    // Surface to devtools so we can grep build logs if a user shares one.
+    console.error('[DeepCode] React error boundary caught:', error, info);
+  }
+
+  render(): ReactNode {
+    const { error } = this.state;
+    if (!error) return this.props.children;
+
+    return (
+      <div
+        style={{
+          minHeight: '100vh',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: 24,
+          background: 'var(--bg-0)',
+          color: 'var(--text-0)',
+        }}
+      >
+        <div
+          style={{
+            maxWidth: 600,
+            background: 'var(--bg-1)',
+            border: '1px solid var(--line)',
+            borderRadius: 'var(--radius-lg)',
+            padding: 28,
+            boxShadow: 'var(--shadow)',
+          }}
+        >
+          <div style={{ fontSize: 12, color: 'var(--error)', marginBottom: 8, letterSpacing: 1, textTransform: 'uppercase', fontWeight: 700 }}>
+            DeepCode crashed
+          </div>
+          <h2
+            style={{
+              fontSize: 22,
+              fontWeight: 700,
+              margin: '0 0 14px',
+            }}
+          >
+            Something went wrong rendering this screen.
+          </h2>
+          <p style={{ fontSize: 13, color: 'var(--text-2)', marginBottom: 16, lineHeight: 1.6 }}>
+            This is a bug in DeepCode. The conversation, your settings, and
+            your project folder are intact — reload to recover. If it keeps
+            happening, please share the error below at github.com/oratis/deepcode/issues.
+          </p>
+          <pre
+            style={{
+              background: 'var(--bg-0)',
+              border: '1px solid var(--line-soft)',
+              color: 'var(--error)',
+              padding: 12,
+              borderRadius: 'var(--radius-sm)',
+              fontFamily: 'JetBrains Mono, monospace',
+              fontSize: 11.5,
+              whiteSpace: 'pre-wrap',
+              maxHeight: 220,
+              overflowY: 'auto',
+              margin: '0 0 16px',
+            }}
+          >
+            {error.message}
+            {'\n'}
+            {error.stack ?? '(no stack)'}
+          </pre>
+          <button
+            type="button"
+            className="btn btn-primary"
+            onClick={() => {
+              this.setState({ error: null });
+              window.location.reload();
+            }}
+          >
+            Reload DeepCode
+          </button>
+        </div>
+      </div>
+    );
+  }
+}

apps/desktop/src/main.tsx

@@ -4,6 +4,7 @@
 
 import React from 'react';
 import { createRoot } from 'react-dom/client';
+import { ErrorBoundary } from './components/ErrorBoundary.js';
 import { installTauriShim } from './lib/window-shim.js';
 import { App } from './App.js';
 import './index.css';
@@ -12,10 +13,18 @@ import './index.css';
 // window.deepcode.* keep working — the adapter forwards to Tauri commands.
 installTauriShim();
 
+// Surface unhandled promise rejections + global errors with a visible alert
+// so the user sees "DeepCode hit X" instead of a frozen UI.
+window.addEventListener('unhandledrejection', (e) => {
+  console.error('[DeepCode] Unhandled promise rejection:', e.reason);
+});
+
 const rootEl = document.getElementById('root');
 if (!rootEl) throw new Error('No #root element found');
 createRoot(rootEl).render(
   <React.StrictMode>
-    <App />
+    <ErrorBoundary>
+      <App />
+    </ErrorBoundary>
   </React.StrictMode>,
 );

apps/desktop/src/screens/Repl.tsx

@@ -653,23 +653,25 @@ function renderMessage(
     );
   }
   if (m.role === 'system') {
+    // System messages are a thin inline hint — no avatar, no author label.
     return (
-      <div className="msg system" key={i}>
-        <div className="avatar">i</div>
-        <div className="body">
-          <div className="author">System</div>
-          <div
-            className="content"
-            style={{
-              color:
-                m.level === 'error' ? 'var(--error)' : 'var(--text-2)',
-              fontSize: 12,
-              fontFamily: m.level === 'error' ? 'JetBrains Mono, monospace' : undefined,
-            }}
-          >
-            {m.text}
-          </div>
-        </div>
+      <div
+        key={i}
+        style={{
+          fontSize: 11.5,
+          color: m.level === 'error' ? 'var(--error)' : 'var(--text-3)',
+          textAlign: 'center',
+          padding: '6px 12px',
+          fontFamily: m.level === 'error' ? 'JetBrains Mono, monospace' : 'inherit',
+          background:
+            m.level === 'error'
+              ? 'rgba(255, 84, 112, 0.06)'
+              : 'transparent',
+          borderRadius: 'var(--radius-sm)',
+          lineHeight: 1.5,
+        }}
+      >
+        {m.text}
       </div>
     );
   }