Show transform pill for modified requests, even on passthrough rules

This shouldn't really come up, but it does in some cases: some are bugs
(currently h2c upgrades are turned into websocket upgrades, for example)
and some are edge cases (if the client request is closed before the
response is sent, but after the server response is received).

Author: pimterry

src/components/view/http/transform-card.tsx

@@ -6,7 +6,7 @@ import { styled } from '../../../styles';
 
 import { ContentPerspective, UiStore } from '../../../model/ui/ui-store';
 
-import { PillSelect } from '../../common/pill';
+import { Pill, PillSelect } from '../../common/pill';
 import { MediumCard } from '../../common/card';
 import { MatchedRuleData, MatchedRulePill, shouldShowRuleDetails } from './matched-rule-pill';
 
@@ -44,16 +44,20 @@ export const TransformCard = (p: {
     onRuleClicked: () => void,
     uiStore: UiStore
 }) => {
-    if (!shouldShowRuleDetails(p.matchedRuleData)) return null;
-
-    return <MediumCard>
-        <MatchedRulePill
+    const rulePill = shouldShowRuleDetails(p.matchedRuleData)
+        ? <MatchedRulePill
             ruleData={p.matchedRuleData!}
             onClick={p.onRuleClicked}
         />
+        // This can happen if e.g. upstream returns a response but
+        // downstream has aborted already:
+        : <Pill>Inconsistent perspectives</Pill>;
+
+    return <MediumCard>
+        {rulePill}
 
         <PerspectiveSelector
             uiStore={p.uiStore}
         />
     </MediumCard>;
-};
+};