@oxy.so/bloom 4.19.1 → 4.20.0

package/src/composer-panel/ComposerPanelBase.tsx

@@ -50,6 +50,7 @@ const DEFAULT_LABELS: Required<ComposerPanelLabels> = {
   send: 'Send message',
   stop: 'Stop generating',
   remove: 'Remove',
+  retry: 'Retry',
 };
 
 /**
@@ -143,6 +144,7 @@ export function ComposerPanelBase({
   onListeningChange,
   attachments,
   onRemoveAttachment,
+  onAttachmentRetry,
   status,
   emptyAction,
   onKeyPress: onKeyPressProp,
@@ -235,7 +237,9 @@ export function ComposerPanelBase({
               attachments={attachments ?? []}
               palette={palette}
               onRemove={onRemoveAttachment}
+              onRetry={onAttachmentRetry}
               removeLabel={labels.remove}
+              retryLabel={labels.retry}
             />
           </View>
         </Collapse>

package/src/composer-panel/ComposerPillBase.tsx

@@ -690,6 +690,7 @@ const DEFAULT_PANEL_LABELS = {
   send: 'Send message',
   stop: 'Stop generating',
   remove: 'Remove',
+  retry: 'Retry',
 };
 
 /**

package/src/composer-panel/shared.ts

@@ -74,6 +74,9 @@ export interface ComposerPalette {
   accent500: string;
   /** `border-focus-ring`. */
   focusRing: string;
+  /** A failed tile: the error subtle surface and its paired foreground. */
+  errorSurface: string;
+  errorText: string;
   /** `shadow-xs`, `shadow-dropdown` and the card's raw Figma shadow. */
   shadowXs: string;
   shadowDropdown: string;
@@ -121,6 +124,8 @@ export function resolveComposerPalette(theme: Theme): ComposerPalette {
     accent400: c.primary,
     accent500: c.primarySubtleForeground,
     focusRing: c.primary,
+    errorSurface: c.errorSubtle,
+    errorText: c.errorSubtleForeground,
     shadowXs: dark ? BUTTON_SHADOW.dark : BUTTON_SHADOW.light,
     shadowDropdown: dark ? MENU_SHADOW.dark : MENU_SHADOW.light,
     shadowCard: '0 1px 0.5px 0 rgba(0, 0, 0, 0.02), 0 4px 2px 0 rgba(0, 0, 0, 0.02)',

package/src/composer-panel/types.ts

@@ -80,6 +80,13 @@ export interface ComposerPanelAttachment {
    * once the file has landed — that also reveals the dismiss.
    */
   progress?: number;
+  /**
+   * The upload failed, and why ("Too large", "Network error"). The tile turns
+   * to the error surface and shows this in place of the name; the ring and the
+   * percentage go (any `progress` is ignored) and the dismiss comes back. With
+   * `ComposerPanel`'s `onAttachmentRetry` it also gets a retry button.
+   */
+  error?: string;
 }
 
 // ---------------------------------------------------------------------------
@@ -195,6 +202,8 @@ export interface ComposerPanelLabels {
   stop?: string;
   /** Default `'Remove'` — prefixed to the file name on a tile's dismiss. */
   remove?: string;
+  /** Default `'Retry'` — prefixed to the file name on a failed tile's retry. */
+  retry?: string;
 }
 
 export interface ComposerPanelProps {
@@ -256,6 +265,8 @@ export interface ComposerPanelProps {
   /** Tiles above the prompt. Each one's `progress` drives its upload ring. */
   attachments?: ReadonlyArray<ComposerPanelAttachment>;
   onRemoveAttachment?: (id: string) => void;
+  /** Draws a retry button on every tile with an `error`; called with its id. */
+  onAttachmentRetry?: (id: string) => void;
 
   /** The tab on the card's top edge — typically `<ComposerPanelStatusTab />`. */
   status?: ReactNode;

package/src/composer-panel/use-attachment-queue.ts

@@ -4,8 +4,11 @@ import type { ComposerAttachmentsProps, ComposerPanelAttachment } from './types'
 
 const TICK_MS = 50;
 
-/** Anything carrying a progress value — the closed ring at 100 included — is still the queue's. */
-const inFlight = (attachment: ComposerPanelAttachment) => attachment.progress !== undefined;
+/**
+ * Anything carrying a progress value — the closed ring at 100 included — is
+ * still the queue's, unless it failed: a failed file is done with.
+ */
+const inFlight = (attachment: ComposerPanelAttachment) => attachment.progress !== undefined && !attachment.error;
 
 /** Keep the parent's order; keep our progress for files we already know. */
 function reconcile(