@oxy.so/bloom 7.2.0 → 7.3.0

package/src/error-boundary/ErrorBoundary.tsx

@@ -83,6 +83,12 @@ export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundarySt
     this.props.onError?.(error, errorInfo);
   }
 
+  componentDidUpdate(previous: ErrorBoundaryProps): void {
+    if (this.state.hasError && !Object.is(previous.resetKey, this.props.resetKey)) {
+      this.setState({ hasError: false, error: null, errorInfo: null, retryCount: 0 });
+    }
+  }
+
   private handleRetry = (): void => {
     this.setState((prev) => ({
       hasError: false,

package/src/error-boundary/PanelErrorBoundary.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { EmptyState } from '../empty-state';
+import { useBottomEdgeInset } from '../layout/bottom-edge';
+import { useMessages } from '../locale/messages';
+import { space } from '../styles/tokens';
+import { ErrorBoundary } from './ErrorBoundary';
+import { ERROR_BOUNDARY_MESSAGES } from './messages';
+import type { PanelErrorBoundaryProps } from './types';
+
+/** Local recovery inside a healthy Bloom shell. Catastrophic/provider errors belong to ErrorBoundary. */
+export function PanelErrorBoundary({ children, fallback, emptyState, bottomInset, ...props }: PanelErrorBoundaryProps) {
+  const { messages } = useMessages(ERROR_BOUNDARY_MESSAGES);
+  const inheritedBottom = useBottomEdgeInset();
+  return (
+    <ErrorBoundary {...props} fallback={fallback !== undefined ? fallback : (({ retry }) => (
+      <ScrollView
+        style={{ flex: 1, minHeight: 0 }}
+        contentContainerStyle={{ flexGrow: 1, paddingHorizontal: space.md, paddingBottom: bottomInset ?? inheritedBottom }}
+      >
+        <EmptyState
+          variant="compact"
+          {...emptyState}
+          title={emptyState?.title ?? messages.title}
+          description={emptyState?.description ?? messages.message}
+          style={[{ flexGrow: 1 }, emptyState?.style]}
+          action={{
+            ...emptyState?.action,
+            label: emptyState?.action?.label ?? messages.retry,
+            onPress: () => { emptyState?.action?.onPress?.(); retry(); },
+          }}
+        />
+      </ScrollView>
+    ))}>
+      {children}
+    </ErrorBoundary>
+  );
+}

package/src/error-boundary/index.ts

@@ -1,6 +1,9 @@
 export { ErrorBoundary } from './ErrorBoundary';
+export { PanelErrorBoundary } from './PanelErrorBoundary';
 export type {
   ErrorBoundaryProps,
   ErrorBoundaryFallback,
   ErrorBoundaryFallbackContext,
+  PanelErrorBoundaryOptions,
+  PanelErrorBoundaryProps,
 } from './types';

package/src/error-boundary/types.ts

@@ -1,4 +1,5 @@
 import type { ReactNode, ErrorInfo } from 'react';
+import type { EmptyStateProps } from '../empty-state/types';
 
 /**
  * Context passed to a render-prop `fallback` when an ErrorBoundary catches an
@@ -38,6 +39,8 @@ export type ErrorBoundaryFallback =
 
 export interface ErrorBoundaryProps {
   children: ReactNode;
+  /** Changing this identity resets a failed boundary without remounting healthy children. */
+  resetKey?: string | number;
   /**
    * Custom fallback UI to render on error. Accepts either:
    *  - a ReactNode (static — same UI on every error), or
@@ -57,3 +60,18 @@ export interface ErrorBoundaryProps {
   onError?: (error: Error, errorInfo: ErrorInfo) => void;
   testID?: string;
 }
+
+/** Recovery UI for a panel inside a healthy Bloom provider. */
+export interface PanelErrorBoundaryOptions {
+  resetKey?: ErrorBoundaryProps['resetKey'];
+  onError?: ErrorBoundaryProps['onError'];
+  fallback?: ErrorBoundaryFallback;
+  /** Defaults to localized error wording and a retry action. A supplied action runs before retry. */
+  emptyState?: EmptyStateProps;
+  /** Override inherited bottom chrome clearance when the parent has already reserved it. */
+  bottomInset?: number;
+}
+
+export interface PanelErrorBoundaryProps extends PanelErrorBoundaryOptions {
+  children: ReactNode;
+}

package/src/index.ts

@@ -220,11 +220,13 @@ export * from './task-list';
 export * from './agent-chat';
 export * from './ai-chat';
 export * from './radio-indicator';
-export { ErrorBoundary } from './error-boundary';
+export { ErrorBoundary, PanelErrorBoundary } from './error-boundary';
 export type {
   ErrorBoundaryProps,
   ErrorBoundaryFallback,
   ErrorBoundaryFallbackContext,
+  PanelErrorBoundaryOptions,
+  PanelErrorBoundaryProps,
 } from './error-boundary';
 export * as Shapes from './shapes';
 export * from './avatar';

package/src/index.web.ts

@@ -225,11 +225,13 @@ export * from './task-list';
 export * from './agent-chat/index.web';
 export * from './ai-chat/index.web';
 export * from './radio-indicator';
-export { ErrorBoundary } from './error-boundary';
+export { ErrorBoundary, PanelErrorBoundary } from './error-boundary';
 export type {
   ErrorBoundaryProps,
   ErrorBoundaryFallback,
   ErrorBoundaryFallbackContext,
+  PanelErrorBoundaryOptions,
+  PanelErrorBoundaryProps,
 } from './error-boundary';
 export * as Shapes from './shapes';
 export * from './avatar';

package/src/settings-modal/SettingsPlanCard.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { EmptyState } from '../empty-state';
 import { StyleSheet, View } from 'react-native';
 
 import { useMessages } from '../locale/messages';
@@ -81,6 +82,7 @@ function Sections({ sections }: { sections: SettingsPageSection[] }) {
       {sections.map((section) => {
         const card = (
           <SettingsCard>
+            {section.rows.length === 0 && section.emptyState ? <EmptyState variant="compact" {...section.emptyState} /> : null}
             {section.rows.map((row) => (
               <SettingsRow key={row.key} label={row.label} description={row.description}>
                 {row.control}

package/src/settings-modal/types.ts

@@ -1,3 +1,4 @@
+import type { EmptyStateProps } from '../empty-state/types';
 import type { ComponentType, ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
@@ -212,6 +213,8 @@ export interface SettingsPageSection {
   description?: string;
   action?: ReactNode;
   rows: SettingsRowData[];
+  /** Rendered inside the section card only when rows is empty. */
+  emptyState?: EmptyStateProps;
 }
 
 export interface SettingsGeneralPageProps {