@runwisp/ui 1.4.0 → 1.5.0

package/src/lib/components/dashboard/RunDetailPanel.svelte

@@ -15,8 +15,9 @@
         RotateCw,
         RefreshCcw,
         ChevronDown,
-        RotateCcwClock,
+        ArrowLeft,
         PanelLeftClose,
+        PanelLeftOpen,
         SlidersHorizontal,
         Maximize2,
         Minimize2,
@@ -25,24 +26,27 @@
     } from "@lucide/svelte";
     import Button from "../Button.svelte";
     import EmptyState from "../EmptyState.svelte";
+    import Kbd from "../Kbd.svelte";
     import LogConsole from "../LogConsole.svelte";
     import Popover from "../Popover.svelte";
     import Tooltip from "../Tooltip.svelte";
     import { portal } from "../../actions/portal.js";
     import { prefersReducedMotion } from "../../actions/row-motion.js";
     import type { RunMotion } from "../../utils/run-motion.js";
-    import type { Run } from "./types.js";
     import { isLogEvent, type LogEvent, type LogSlice } from "../../log-console/types.js";
-    import { formatClockTime, formatCalendarDate } from "../../utils/format.js";
+    import { formatBytes, formatClockTime, formatCalendarDate } from "../../utils/format.js";
     import { formatShortId } from "../../utils/id.js";
     import { TickingNow } from "../../utils/ticking-now.svelte.js";
-    import { getRunStatusConfig, runDisplayStatus } from "./status-config.js";
+    import { CopyFeedback } from "../../utils/clipboard.svelte.js";
+    import { displayStatus, type ResourceUsage, type Run } from "@runwisp/common";
+    import { RUN_STATUS_CONFIG } from "./status-config.js";
     import {
         runDuration,
         runStartDelay,
         runVerdict,
         formatTriggeredByLabel,
         runRetryLabel,
+        runUsageLabel,
         instanceSuffix,
     } from "./run-helpers.js";
 
@@ -61,10 +65,12 @@
         onRestartService,
         serviceStopped = false,
         serviceBusy = false,
-        onToggleHistory,
-        historyVisible = false,
+        onBack,
+        onToggleList,
+        listVisible = true,
         highlightLine = null,
         getInstanceCount = () => 1,
+        getLiveUsage = () => undefined,
         motion,
         notFound = false,
         loading = false,
@@ -100,19 +106,25 @@
         // cold-start path so a never-run task is still launchable from here.
         onRunTask?: (() => void) | undefined;
         // Service lifecycle controls. When either is set the cluster swaps the
-        // Run control for Stop Service / Restart Service (chosen by serviceStopped).
+        // Run control for Stop / Restart (chosen by serviceStopped).
         onStopService?: (() => void) | undefined;
         onRestartService?: (() => void) | undefined;
         serviceStopped?: boolean;
         serviceBusy?: boolean;
-        // Toggle the (single-instance service) history rail from the panel header,
-        // since these tasks hide the rail by default and there is no top bar.
-        onToggleHistory?: (() => void) | undefined;
-        historyVisible?: boolean;
+        // Return to the run list when the panel replaces it (a phone), shown as
+        // a back arrow in the header's top-left corner.
+        onBack?: (() => void) | undefined;
+        // Fold the run list away (or back) when it sits beside the panel on a
+        // screen too narrow to keep both comfortably, in the same corner.
+        onToggleList?: (() => void) | undefined;
+        listVisible?: boolean;
         highlightLine?: number | null;
         // Resolves a task's currently configured instance count so multi-instance
         // services render a 1-based #N suffix. Defaults to single-instance.
         getInstanceCount?: (taskName: string) => number;
+        // Live CPU and memory of a running run, by run ID; undefined when it
+        // isn't measured. Shown in the header while the run is running.
+        getLiveUsage?: (runId: string) => ResourceUsage | undefined;
         // Which runs arrived or were removed live moments ago. The panel eases in
         // when a new run takes it (triggered, or a scheduled run auto-selected)
         // or when its run was deleted and another takes its place; picking a
@@ -148,7 +160,7 @@
 
     let canDelete = $derived.by(() => {
         if (!run || !onDelete) return false;
-        const status = runDisplayStatus(run);
+        const status = displayStatus(run.status, run.endReason);
         return status !== "running" && status !== "pending";
     });
 
@@ -266,19 +278,7 @@
     let confirmDeleteOpen = $state(false);
     // Dropdown half of the Run split button (the "reuse parameters" variant).
     let runMenuOpen = $state(false);
-    let copiedId = $state(false);
-    let copyTimer: ReturnType<typeof setTimeout> | null = null;
-
-    async function copyRunId(id: string) {
-        try {
-            await navigator.clipboard.writeText(id);
-            copiedId = true;
-            if (copyTimer) clearTimeout(copyTimer);
-            copyTimer = setTimeout(() => (copiedId = false), 1200);
-        } catch {
-            // Clipboard blocked (insecure context / denied) — leave the chip as-is.
-        }
-    }
+    const runIdCopy = new CopyFeedback(1200);
 
     // The accent for a status that means "something to triage", or undefined
     // when there is nothing wrong. Tint is reserved for alarms (DESIGN.md) so a
@@ -362,8 +362,8 @@
 <svelte:window onkeydown={handleConsoleKeydown} />
 
 {#if run}
-    {@const status = runDisplayStatus(run)}
-    {@const config = getRunStatusConfig(status)}
+    {@const status = displayStatus(run.status, run.endReason)}
+    {@const config = RUN_STATUS_CONFIG[status]}
     {@const DetailIcon = config.icon}
     {@const duration = runDuration(
         run,
@@ -372,6 +372,8 @@
     {@const startDelay = runStartDelay(run)}
     {@const startedAt = run.startedAt ?? run.createdAt}
     {@const retry = runRetryLabel(run)}
+    {@const usage = runUsageLabel(run)}
+    {@const live = run.status === "running" ? getLiveUsage(run.id) : undefined}
     {@const paramEntries = run.params ? Object.entries(run.params) : []}
     {@const suffix = instanceSuffix(run.instanceIndex, getInstanceCount(run.taskName))}
     {@const spine = config.dot.replace(" animate-pulse", "")}
@@ -416,8 +418,36 @@
             style="--rw-oc: {alarm ?? 'var(--color-surface-raised)'}"
         >
             <div class="pt-[18px] pr-[22px] pb-[16px] pl-[26px]">
-                <div class="flex items-start gap-4">
-                    <div class="min-w-0 flex-1">
+                <!-- The actions wrap onto their own row rather than squeeze the
+                     readout below a legible width on a narrow panel. -->
+                <div class="flex flex-wrap items-start gap-x-3 gap-y-3">
+                    {#if onBack}
+                        <button
+                            type="button"
+                            onclick={() => onBack()}
+                            class="-mt-1 -ml-2 shrink-0 rounded-[3px] p-1.5 text-on-surface-muted hover:bg-surface-sunken hover:text-primary"
+                            title="Back to runs"
+                            aria-label="Back to runs"
+                        >
+                            <ArrowLeft size={20} />
+                        </button>
+                    {:else if onToggleList}
+                        <button
+                            type="button"
+                            onclick={() => onToggleList()}
+                            class="-mt-1 -ml-2 shrink-0 rounded-[3px] p-1.5 text-on-surface-muted hover:bg-surface-sunken hover:text-primary"
+                            title={listVisible ? "Hide run list" : "Show run list"}
+                            aria-label={listVisible ? "Hide run list" : "Show run list"}
+                            aria-expanded={listVisible}
+                        >
+                            {#if listVisible}
+                                <PanelLeftClose size={20} />
+                            {:else}
+                                <PanelLeftOpen size={20} />
+                            {/if}
+                        </button>
+                    {/if}
+                    <div class="min-w-60 flex-1">
                         <!-- Identity, but only where the page around the panel isn't
                          already saying it: the cross-task runs list needs the task
                          name, a task's own page already has it in the breadcrumb. -->
@@ -544,16 +574,35 @@
                                     </div>
                                 </Popover>
                             {/if}
+                            {#if live}
+                                <span class="text-outline-hover" aria-hidden="true">·</span>
+                                <span
+                                    data-testid="run-live-usage"
+                                    class="text-on-surface-muted"
+                                    title="Live CPU (100% = one core) and memory of the run's processes"
+                                    >CPU {Math.round(live.cpuPercent)}% · {formatBytes(
+                                        live.memoryBytes,
+                                    )}</span
+                                >
+                            {/if}
+                            {#if usage}
+                                <span class="text-outline-hover" aria-hidden="true">·</span>
+                                <span
+                                    data-testid="run-usage"
+                                    title="Peak memory and CPU time of the run's processes"
+                                    >{usage}</span
+                                >
+                            {/if}
                             <!-- Run-id chip: click to copy the full ULID. Last, because
                              it is the fact you reach for least and the only one you
                              interact with. -->
                             <button
                                 type="button"
-                                onclick={() => copyRunId(run.id)}
+                                onclick={() => void runIdCopy.copy(run.id)}
                                 title="Copy run ID"
                                 class="inline-flex items-center gap-1 rounded-[3px] border border-outline-faint bg-surface-sunken px-1.5 text-on-surface-faint hover:border-outline-hover hover:text-primary"
                             >
-                                {#if copiedId}
+                                {#if runIdCopy.copied}
                                     <Check size={11} class="text-success-surface" />Copied
                                 {:else}
                                     <Hash size={11} />{run.id}
@@ -562,27 +611,9 @@
                         </div>
                     </div>
 
-                    <!-- Actions: history toggle · run (split) / service lifecycle ·
+                    <!-- Actions: run (split) / service lifecycle ·
                      stop · download · delete (delete behind an inline confirm) -->
-                    <div class="flex shrink-0 items-center gap-2">
-                        {#if onToggleHistory}
-                            <button
-                                type="button"
-                                onclick={() => onToggleHistory()}
-                                class="inline-flex items-center justify-center rounded-[3px] border border-outline-faint bg-surface-raised p-2 text-on-surface-muted hover:border-outline-hover hover:bg-surface-sunken hover:text-primary"
-                                title={historyVisible ? "Hide run history" : "Show run history"}
-                                aria-label={historyVisible
-                                    ? "Hide run history"
-                                    : "Show run history"}
-                            >
-                                {#if historyVisible}
-                                    <PanelLeftClose size={15} />
-                                {:else}
-                                    <RotateCcwClock size={15} />
-                                {/if}
-                            </button>
-                        {/if}
-
+                    <div class="flex flex-wrap items-center gap-2">
                         {#if onStopService || onRestartService}
                             <!-- Service lifecycle replaces the run control.
                              Restart is always available (it cancels + respawns
@@ -604,7 +635,7 @@
                                     {:else}
                                         <RefreshCcw size={15} />
                                     {/if}
-                                    <span class="@max-md:hidden"
+                                    <span class="@max-xs:hidden"
                                         >{serviceStopped ? "Start" : "Restart"}</span
                                     >
                                 </button>
@@ -618,7 +649,7 @@
                                     class="inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-[3px] border border-danger-soft-border bg-surface-raised px-3 font-mono text-sm font-medium text-danger-surface hover:bg-danger-soft active:translate-y-px disabled:cursor-not-allowed disabled:opacity-60"
                                 >
                                     <Square size={15} fill="currentColor" stroke="none" />
-                                    <span class="@max-md:hidden">Stop Service</span>
+                                    <span class="@max-xs:hidden">Stop</span>
                                 </button>
                             {/if}
                         {:else}
@@ -635,7 +666,7 @@
                                         class="inline-flex h-9 cursor-pointer items-center gap-1.5 bg-surface-raised px-3 font-mono text-sm font-medium text-primary hover:bg-primary-soft active:translate-y-px"
                                     >
                                         <Play size={15} fill="currentColor" stroke="none" />
-                                        <span class="@max-md:hidden">Run</span>
+                                        <span class="@max-xs:hidden">Run</span>
                                     </button>
                                     {#if onRunAgain}
                                         <Popover bind:open={runMenuOpen} placement="bottom-end">
@@ -681,7 +712,7 @@
                                     class="inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-[3px] border border-danger-soft-border bg-surface-raised px-3 font-mono text-sm font-medium text-danger-surface hover:bg-danger-soft active:translate-y-px"
                                 >
                                     <Square size={15} fill="currentColor" stroke="none" />
-                                    <span class="@max-md:hidden">Stop</span>
+                                    <span class="@max-xs:hidden">Stop</span>
                                 </button>
                             {/if}
                         {/if}
@@ -758,7 +789,7 @@
                 : "ml-1 flex min-h-[300px] flex-1 flex-col overflow-hidden border-t border-[var(--rw-con-gutter)] bg-[var(--rw-con-bg)]"}
         >
             <div
-                class="flex shrink-0 items-center justify-between gap-3 border-b border-[var(--rw-con-gutter)] bg-[var(--rw-con-panel)] px-3.5 py-[9px] font-mono text-[11.5px] text-[var(--rw-con-dim)]"
+                class="@container flex shrink-0 items-center justify-between gap-3 border-b border-[var(--rw-con-gutter)] bg-[var(--rw-con-panel)] px-3.5 py-[9px] font-mono text-[11.5px] text-[var(--rw-con-dim)]"
             >
                 <div class="flex min-w-0 items-center gap-3">
                     {#if consoleMaximized}
@@ -773,12 +804,12 @@
                         </span>
                     {:else}
                         <span
-                            class="flex items-center gap-2 font-semibold text-[var(--rw-con-text)]"
+                            class="flex items-center gap-2 font-semibold whitespace-nowrap text-[var(--rw-con-text)]"
                         >
                             <TerminalIcon size={14} class="opacity-70" />
                             Console output
                         </span>
-                        <span class="hidden text-[var(--rw-con-gutter)] sm:inline"
+                        <span class="hidden text-[var(--rw-con-gutter)] @lg:inline"
                             >stdout + stderr</span
                         >
                     {/if}
@@ -795,7 +826,7 @@
                         aria-label="Toggle line wrapping"
                     >
                         <TextWrap size={13} />
-                        <span class="hidden sm:inline">Wrap</span>
+                        <span class="hidden @sm:inline">Wrap</span>
                     </button>
                     <button
                         type="button"
@@ -806,10 +837,7 @@
                     >
                         {#if consoleMaximized}
                             <Minimize2 size={13} />
-                            <span
-                                class="rounded-[3px] border border-[var(--rw-con-gutter)] px-1.5 text-[10px] tracking-wide"
-                                >Esc</span
-                            >
+                            <Kbd keys="Esc" size="xs" tone="console" />
                         {:else}
                             <Maximize2 size={13} />
                             Expand

package/src/lib/components/dashboard/RunFilterPopover.svelte

@@ -40,7 +40,6 @@
         dayStartIso,
         dayEndIso,
         isExitCodeExprValid,
-        exitCodePropChanged,
         type RunsListFilters,
     } from "./run-filters.js";
 
@@ -48,13 +47,10 @@
         filters = $bindable(),
         showTask = false,
         tasks = [],
-        compact = false,
     }: {
         filters: RunsListFilters;
         showTask?: boolean;
         tasks?: { name: string }[];
-        // Icon-only trigger for narrow rails where a "Filter" label wouldn't fit.
-        compact?: boolean;
     } = $props();
 
     // The individual statuses behind the "Advanced" expander, grouped the way
@@ -121,18 +117,14 @@
         filters = { ...filters, triggeredBy: value || undefined };
     }
 
-    // Exit code: a free-form expression (`137`, `>100`, `>100 <150`) normalized
-    // to an inclusive range at the wire. Edited in a local buffer for smooth
-    // typing and committed on change. `RunFilterPopover` itself is long-lived
-    // (its trigger button stays mounted while the popover is closed), so the
-    // buffer does NOT re-seed on its own — it must explicitly resync whenever
-    // `filters.exitCode` changes from outside (a chip removal, "clear
-    // filters"), without clobbering in-progress typing when some unrelated
-    // filter dimension changes instead.
+    // Exit-code text is edited in a local buffer and committed on change. The
+    // component outlives the popover, so the buffer resyncs only when the
+    // committed `exitCode` itself moves (chip removed, filters cleared); an
+    // update to another dimension must not clobber in-progress typing.
     let exitCodeInput = $state(filters.exitCode ?? "");
     let lastExitCode = filters.exitCode;
     $effect(() => {
-        if (exitCodePropChanged(lastExitCode, filters.exitCode)) {
+        if (lastExitCode !== filters.exitCode) {
             exitCodeInput = filters.exitCode ?? "";
         }
         lastExitCode = filters.exitCode;
@@ -152,8 +144,8 @@
 <Popover placement="right-start" mobileSheet>
     {#snippet trigger()}
         <span
-            class="inline-flex h-7 cursor-pointer items-center gap-1.5 rounded-[3px] border font-mono text-xs font-medium {compact &&
-            count === 0
+            class="inline-flex h-7 cursor-pointer items-center gap-1.5 rounded-[3px] border font-mono text-xs font-medium {count ===
+            0
                 ? 'w-7 justify-center px-0'
                 : 'px-2'} {count > 0
                 ? 'border-primary-soft-border bg-primary-soft text-primary-soft-text'
@@ -161,7 +153,6 @@
             title="Filter runs"
         >
             <Funnel size={13} />
-            {#if !compact}Filter{/if}
             {#if count > 0}
                 <Badge variant="primary" size="sm" class="px-1.5 py-0">{count}</Badge>
             {/if}

package/src/lib/components/dashboard/RunsList.svelte

@@ -19,9 +19,8 @@
     import type { RunMotion } from "../../utils/run-motion.js";
     import EmptyState from "../EmptyState.svelte";
     import RunFilterPopover from "./RunFilterPopover.svelte";
-    import type { Run } from "./types.js";
-    import type { RunSelector, RunStatus } from "@runwisp/common";
-    import { getRunStatusConfig, runDisplayStatus } from "./status-config.js";
+    import { displayStatus, type Run, type RunSelector, type RunStatus } from "@runwisp/common";
+    import { RUN_STATUS_CONFIG } from "./status-config.js";
     import {
         activeDimensions,
         clearDimension,
@@ -71,7 +70,6 @@
         onBulkRerun,
         getInstanceCount = () => 1,
         motion,
-        flush = false,
         outputSearch = false,
         outputQuery = "",
         outputMatches = null,
@@ -105,11 +103,6 @@
         // Which runs arrived or were removed live moments ago: their rows animate
         // in or out. Page loads, scrolling and filtering never do.
         motion?: RunMotion;
-        // Flush rail mode (task detail page): render as a borderless rail that
-        // fills its column and is divided from the detail panel by a single right
-        // border — no card chrome of its own. Default renders the standalone card
-        // the cross-task /runs grid expects.
-        flush?: boolean;
         // Output search (history rail): filters runs by what they printed. The
         // search box lives in the app header now; the parent owns the box, the
         // query, and the async log search. This component just renders the
@@ -392,17 +385,15 @@
     });
 </script>
 
+<!-- A borderless rail that fills its column, divided from the detail panel by
+     a single right border. -->
 <div
-    class={flush
-        ? "flex h-full w-full flex-col overflow-hidden border-b border-outline bg-surface md:w-[300px] md:shrink-0 md:border-r md:border-b-0"
-        : "flex flex-col overflow-hidden rounded-[4px] border border-outline bg-surface-raised shadow-sm md:col-span-4 lg:col-span-3"}
+    class="flex h-full w-full flex-col overflow-hidden border-b border-outline bg-surface md:w-[300px] md:shrink-0 md:border-r md:border-b-0"
 >
     <div
         class="flex shrink-0 items-center gap-2 border-b px-3 py-2 {hasSelection
             ? 'border-outline-faint bg-primary-soft/40'
-            : flush
-              ? 'border-transparent bg-surface'
-              : 'border-outline-faint bg-surface-sunken'}"
+            : 'border-transparent bg-surface'}"
     >
         {#if bulkActions}
             <label
@@ -483,7 +474,7 @@
             </span>
             <div class="ml-auto flex items-center gap-1">
                 {#if showFilters}
-                    <RunFilterPopover bind:filters {showTask} {tasks} compact={flush} />
+                    <RunFilterPopover bind:filters {showTask} {tasks} />
                 {/if}
                 <Button
                     variant="ghost"
@@ -688,8 +679,8 @@
 {/snippet}
 
 {#snippet runRowButton(run: Run, isActive: boolean, match: RunOutputMatch | undefined)}
-    {@const dstatus = runDisplayStatus(run)}
-    {@const config = getRunStatusConfig(dstatus)}
+    {@const dstatus = displayStatus(run.status, run.endReason)}
+    {@const config = RUN_STATUS_CONFIG[dstatus]}
     {@const running = run.status === "running"}
     {@const spine = config.dot.replace(" animate-pulse", "")}
     {@const startedAt = run.startedAt ?? run.createdAt}

package/src/lib/components/dashboard/cron-format.ts

@@ -2,7 +2,7 @@
 
 import cronstrue from "cronstrue";
 
-export interface HumanizedCron {
+interface HumanizedCron {
     /** Display text — humanized when possible, otherwise the raw expression. */
     humanized: string;
     /** The original cron expression, for tooltips. */

package/src/lib/components/dashboard/run-filters.test.ts

@@ -6,13 +6,10 @@ import { END_REASONS } from "@runwisp/common";
 import {
     emptyRunFilters,
     FAILURE_STATUS_TOKEN,
-    NEEDS_ATTENTION_STATUSES,
-    isNeedsAttention,
     dimensionActive,
     activeDimensions,
     activeFilterCount,
     clearDimension,
-    clearPopoverFilters,
     humanizeStatus,
     triggerDescription,
     FILTERABLE_TRIGGERS,
@@ -29,7 +26,6 @@ import {
     exitCodeRangeActive,
     isExitCodeExprValid,
     exitCodeChipLabel,
-    exitCodePropChanged,
     type StatusBucket,
     type RunsListFilters,
 } from "./run-filters.js";
@@ -54,23 +50,6 @@ describe("emptyRunFilters", () => {
     });
 });
 
-describe("isNeedsAttention", () => {
-    it("is true for exactly the attention set, order-insensitive", () => {
-        expect(isNeedsAttention([...NEEDS_ATTENTION_STATUSES])).toBe(true);
-        expect(isNeedsAttention([...NEEDS_ATTENTION_STATUSES].reverse())).toBe(true);
-    });
-
-    it("is exactly the failure sentinel (server resolves it to is_failure)", () => {
-        expect(NEEDS_ATTENTION_STATUSES).toEqual([FAILURE_STATUS_TOKEN]);
-    });
-
-    it("is false for a raw end reason or a different set", () => {
-        expect(isNeedsAttention(["failed"])).toBe(false);
-        expect(isNeedsAttention(["succeeded"])).toBe(false);
-        expect(isNeedsAttention([])).toBe(false);
-    });
-});
-
 describe("dimensionActive / activeDimensions", () => {
     it("detects each dimension independently", () => {
         expect(dimensionActive(base({ statuses: ["failed"] }), "status")).toBe(true);
@@ -125,25 +104,6 @@ describe("clearDimension", () => {
     });
 });
 
-describe("clearPopoverFilters", () => {
-    it("clears every popover dimension but keeps search and sort", () => {
-        const f = base({
-            search: "nightly",
-            sortDirection: "asc",
-            statuses: ["failed"],
-            taskName: "backup",
-            triggeredBy: "cron",
-            exitCode: "1",
-            retriesOnly: true,
-            createdAfter: "2026-01-01T00:00:00Z",
-        });
-        const cleared = clearPopoverFilters(f);
-        expect(activeFilterCount(cleared)).toBe(0);
-        expect(cleared.search).toBe("nightly");
-        expect(cleared.sortDirection).toBe("asc");
-    });
-});
-
 describe("humanizeStatus", () => {
     it("title-cases and de-snakes a status token", () => {
         expect(humanizeStatus("log_overflow")).toBe("Log overflow");
@@ -154,8 +114,8 @@ describe("humanizeStatus", () => {
 
 describe("statusChipLabel", () => {
     it("names a bucket when the selection matches one exactly", () => {
-        // The Failed bucket is the needs-attention set.
-        expect(statusChipLabel([...NEEDS_ATTENTION_STATUSES])).toBe("Failed");
+        // The Failed bucket is the failure sentinel.
+        expect(statusChipLabel([FAILURE_STATUS_TOKEN])).toBe("Failed");
         expect(statusChipLabel(["pending", "running"])).toBe("Running");
         expect(statusChipLabel(["succeeded"])).toBe("Succeeded");
     });
@@ -332,19 +292,3 @@ describe("exit-code expression", () => {
         expect(exitCodeChipLabel(" 137 ")).toBe("Exit 137");
     });
 });
-
-describe("exitCodePropChanged", () => {
-    it("is false when the committed value is unchanged (unrelated filters update)", () => {
-        expect(exitCodePropChanged("137", "137")).toBe(false);
-        expect(exitCodePropChanged(undefined, undefined)).toBe(false);
-    });
-
-    it("is true when the exit-code filter was cleared externally (chip removed)", () => {
-        expect(exitCodePropChanged("137", undefined)).toBe(true);
-    });
-
-    it("is true when the exit-code filter was set to a new committed value", () => {
-        expect(exitCodePropChanged(undefined, "200")).toBe(true);
-        expect(exitCodePropChanged("137", "200")).toBe(true);
-    });
-});