feat: v0.17.0 — ISS-008 toasts for errors/events + browser notifications

components/RightPane.tsx

@@ -16,6 +16,9 @@ interface RightPaneProps {
   // ISS-002 (v0.15.0): report row hovers to the shell so the map can highlight the plane or
   // the package's endpoint airports.
   onHover: (target: HoverTarget | null) => void;
+  // ISS-008 (v0.17.0): report a failed action to the shell as an error toast — in ADDITION
+  // to the inline pane error, which stays (both surfaces by design).
+  onError?: (message: string) => void;
 }
 
 const planeName = (p: PlaneState): string => PLANE_TYPES[p.model]?.name ?? p.model;
@@ -104,7 +107,7 @@ function LoadControls({
   );
 }
 
-export default function RightPane({ state, loading, applySnapshot, onHover }: RightPaneProps) {
+export default function RightPane({ state, loading, applySnapshot, onHover, onError }: RightPaneProps) {
   const [busy, setBusy] = useState(false);
   // Inline error from a failed action — auto-clears on the next successful poll (the shell's
   // snapshot prop changes every tick) or the next successful action.
@@ -139,12 +142,14 @@ export default function RightPane({ state, loading, applySnapshot, onHover }: Ri
         setActionError(null);
         applySnapshot(data);
       } catch (err) {
-        setActionError(err instanceof Error ? err.message : String(err));
+        const message = err instanceof Error ? err.message : String(err);
+        setActionError(message); // inline pane error stays…
+        onError?.(message); // …and the shell mirrors it as a bottom-right toast (ISS-008)
       } finally {
         setBusy(false);
       }
     },
-    [applySnapshot, busy],
+    [applySnapshot, busy, onError],
   );
 
   if (loading && !state) {