diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/level-faceted-filter.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/level-faceted-filter.svelte
index 6f03ac6ca..3514bc25d 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/level-faceted-filter.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/level-faceted-filter.svelte
@@ -2,7 +2,7 @@
     import type { FacetedFilterProps } from '$comp/faceted-filter';
 
     import * as FacetedFilter from '$comp/faceted-filter';
-    import { logLevels } from '$features/events/components/options';
+    import { logLevels } from '$features/events/options';
 
     import { LevelFilter } from './models.svelte';
 
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/status-faceted-filter.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/status-faceted-filter.svelte
index 8f56681d2..97d0d94dd 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/status-faceted-filter.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/status-faceted-filter.svelte
@@ -2,8 +2,8 @@
     import type { FacetedFilterProps } from '$comp/faceted-filter';
 
     import * as FacetedFilter from '$comp/faceted-filter';
-    import { stackStatuses } from '$features/events/components/options';
     import { StackStatus } from '$features/stacks/models';
+    import { stackStatuses } from '$features/stacks/options';
 
     import { StatusFilter } from './models.svelte';
 
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/type-faceted-filter.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/type-faceted-filter.svelte
index 2c1a39621..7e5957cbb 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/type-faceted-filter.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/type-faceted-filter.svelte
@@ -2,7 +2,7 @@
     import type { FacetedFilterProps } from '$comp/faceted-filter';
 
     import * as FacetedFilter from '$comp/faceted-filter';
-    import { eventTypes } from '$features/events/components/options';
+    import { eventTypes } from '$features/events/options';
 
     import { TypeFilter } from './models.svelte';
 
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-error-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-error-summary.svelte
index 6ac849c67..fdc23f130 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-error-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-error-summary.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A, Muted } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
     import ChevronRight from 'lucide-svelte/icons/chevron-right';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, summary }: Props = $props();
+    let { badgeStatus, showBadge, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-error-summary'>);
 </script>
 
 <div class="line-clamp-2">
     {#if showBadge}
-        <Badge class={badgeClass}>
-            {source.status}
-        </Badge>
+        <StackStatusBadge status={badgeStatus} />
     {/if}
 
     <strong>
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-feature-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-feature-summary.svelte
index df3721af0..d796e2229 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-feature-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-feature-summary.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         showType: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, showType, summary }: Props = $props();
+    let { badgeStatus, showBadge, showType, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-feature-summary'>);
 </script>
 
 <div class="line-clamp-2">
     {#if showBadge}
-        <Badge class={badgeClass}>
-            {source.status}
-        </Badge>
+        <StackStatusBadge status={badgeStatus} />
     {/if}
 
     {#if showType}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-log-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-log-summary.svelte
index 20b84d4bf..f531199fb 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-log-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-log-summary.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         showType: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, showType, summary }: Props = $props();
+    let { badgeStatus, showBadge, showType, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-log-summary'>);
 </script>
 
 <div class="line-clamp-2">
     {#if showBadge}
-        <Badge class={badgeClass}>
-            {source.status}
-        </Badge>
+        <StackStatusBadge status={badgeStatus} />
     {/if}
 
     {#if showType}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-not-found-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-not-found-summary.svelte
index 788a0f389..4c587238d 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-not-found-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-not-found-summary.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         showType: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, showType, summary }: Props = $props();
+    let { badgeStatus, showBadge, showType, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-notfound-summary'>);
 </script>
 
 <div class="line-clamp-2">
     {#if showBadge}
-        <Badge class={badgeClass}>
-            {source.status}
-        </Badge>
+        <StackStatusBadge status={badgeStatus} />
     {/if}
 
     {#if showType}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-session-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-session-summary.svelte
index cb1600ad1..dec28eef2 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-session-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-session-summary.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         showType: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, showType, summary }: Props = $props();
+    let { badgeStatus, showBadge, showType, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-session-summary'>);
 </script>
 
 <div class="line-clamp-2">
     {#if showBadge}
-        <Badge class={badgeClass}>
-            {source.status}
-        </Badge>
+        <StackStatusBadge status={badgeStatus} />
     {/if}
 
     {#if showType}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-simple-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-simple-summary.svelte
index c7be48736..0156ccd4f 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-simple-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-simple-summary.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A, Muted } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
     import ChevronRight from 'lucide-svelte/icons/chevron-right';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, summary }: Props = $props();
+    let { badgeStatus, showBadge, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-simple-summary'>);
 </script>
 
 {#if showBadge}
-    <Badge class={badgeClass}>
-        {source.status}
-    </Badge>
+    <StackStatusBadge status={badgeStatus} />
 {/if}
 
 <div class="line-clamp-2">
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-summary.svelte
index c080d2964..18f79d4ba 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-summary.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
+    import type { StackStatus } from '$features/stacks/models';
+
     import { A } from '$comp/typography';
-    import { Badge } from '$comp/ui/badge';
+    import StackStatusBadge from '$features/stacks/components/stack-status-badge.svelte';
 
     import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
 
     interface Props {
-        badgeClass: string;
+        badgeStatus: StackStatus;
         showBadge: boolean;
         showType: boolean;
         summary: SummaryModel<SummaryTemplateKeys>;
     }
 
-    let { badgeClass, showBadge, showType, summary }: Props = $props();
+    let { badgeStatus, showBadge, showType, summary }: Props = $props();
     let source = $derived(summary as StackSummaryModel<'stack-summary'>);
 </script>
 
 <div class="line-clamp-2">
     {#if showBadge}
-        <Badge class={badgeClass}>
-            {source.status}
-        </Badge>
+        <StackStatusBadge status={badgeStatus} />
     {/if}
 
     {#if showType}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/summary.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/summary.svelte
index 3c13b7546..b8a744f48 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/summary.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/summary.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+    import { StackStatus } from '$features/stacks/models';
+
     import type { SummaryModel, SummaryTemplateKeys } from './index';
 
     import EventErrorSummary from './event-error-summary.svelte';
@@ -24,35 +26,35 @@
 
     let { showStatus = true, showType = true, summary }: Props = $props();
     let showBadge: boolean = $derived(showStatus && 'status' in summary && summary.status !== 'open');
-    let badgeClass = $derived('label-' + (('status' in summary && summary.status) || 'open'));
+    let badgeStatus = $derived<StackStatus>(('status' in summary && (summary.status as StackStatus)) || StackStatus.Open);
 </script>
 
 {#if summary.template_key === 'event-summary'}
     <EventSummary {showType} {summary} />
 {:else if summary.template_key === 'stack-summary'}
-    <StackSummary {badgeClass} {showBadge} {showType} {summary} />
+    <StackSummary {badgeStatus} {showBadge} {showType} {summary} />
 {:else if summary.template_key === 'event-simple-summary'}
     <EventSimpleSummary {summary} />
 {:else if summary.template_key === 'stack-simple-summary'}
-    <StackSimpleSummary {badgeClass} {showBadge} {summary} />
+    <StackSimpleSummary {badgeStatus} {showBadge} {summary} />
 {:else if summary.template_key === 'event-error-summary'}
     <EventErrorSummary {summary} />
 {:else if summary.template_key === 'stack-error-summary'}
-    <StackErrorSummary {badgeClass} {showBadge} {summary} />
+    <StackErrorSummary {badgeStatus} {showBadge} {summary} />
 {:else if summary.template_key === 'event-session-summary'}
     <EventSessionSummary {showType} {summary} />
 {:else if summary.template_key === 'stack-session-summary'}
-    <StackSessionSummary {badgeClass} {showBadge} {showType} {summary} />
+    <StackSessionSummary {badgeStatus} {showBadge} {showType} {summary} />
 {:else if summary.template_key === 'event-notfound-summary'}
     <EventNotFoundSummary {showType} {summary} />
 {:else if summary.template_key === 'stack-notfound-summary'}
-    <StackNotFoundSummary {badgeClass} {showBadge} {showType} {summary} />
+    <StackNotFoundSummary {badgeStatus} {showBadge} {showType} {summary} />
 {:else if summary.template_key === 'event-feature-summary'}
     <EventFeatureSummary {showType} {summary} />
 {:else if summary.template_key === 'stack-feature-summary'}
-    <StackFeatureSummary {badgeClass} {showBadge} {showType} {summary} />
+    <StackFeatureSummary {badgeStatus} {showBadge} {showType} {summary} />
 {:else if summary.template_key === 'event-log-summary'}
     <EventLogSummary {showType} {summary} />
 {:else}
-    <StackLogSummary {badgeClass} {showBadge} {showType} {summary} />
+    <StackLogSummary {badgeStatus} {showBadge} {showType} {summary} />
 {/if}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/options.svelte.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/options.svelte.ts
index 02048e8b2..8e3e06f35 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/options.svelte.ts
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/options.svelte.ts
@@ -1,3 +1,4 @@
+import type { StackStatus } from '$features/stacks/models';
 import type { FetchClientResponse } from '@exceptionless/fetchclient';
 
 import NumberFormatter from '$comp/formatters/number.svelte';
@@ -84,7 +85,7 @@ export function getColumns<TSummaryModel extends SummaryModel<SummaryTemplateKey
         columns.push(
             {
                 accessorKey: nameof<StackSummaryModel<SummaryTemplateKeys>>('status'),
-                cell: (prop) => renderComponent(StackStatusCell, { value: prop.getValue<string>() }),
+                cell: (prop) => renderComponent(StackStatusCell, { value: prop.getValue<StackStatus>() }),
                 enableSorting: false,
                 header: 'Status',
                 id: 'status',
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/stack-status-cell.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/stack-status-cell.svelte
index 347fb9f4d..16b6b0179 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/stack-status-cell.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/stack-status-cell.svelte
@@ -1,16 +1,18 @@
 <script lang="ts">
-    import { stackStatuses } from '../options';
+    import type { StackStatus } from '$features/stacks/models';
+
+    import { stackStatuses } from '$features/stacks/options';
 
     interface Props {
-        value: string;
+        value: StackStatus;
     }
 
     let { value }: Props = $props();
-    let status = $derived(stackStatuses.find((status) => status.value === value));
+    let label = $derived(stackStatuses.find((option) => option.value === value)?.label ?? value);
 </script>
 
-{#if status}
+{#if value}
     <div class="flex w-[100px] items-center">
-        <span>{status.label}</span>
+        <span>{label}</span>
     </div>
 {/if}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/options.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/events/options.ts
similarity index 50%
rename from src/Exceptionless.Web/ClientApp/src/lib/features/events/components/options.ts
rename to src/Exceptionless.Web/ClientApp/src/lib/features/events/options.ts
index d7343d7bb..ae3b5ef1e 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/options.ts
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/events/options.ts
@@ -1,9 +1,9 @@
-import { StackStatus } from '$features/stacks/models';
+import type { DropDownItem } from '$features/shared/options';
 
-import type { LogLevel } from '../models/event-data';
-import type { PersistentEventKnownTypes } from '../models/index';
+import type { LogLevel } from './models/event-data';
+import type { PersistentEventKnownTypes } from './models/index';
 
-export const eventTypes: { label: string; value: PersistentEventKnownTypes }[] = [
+export const eventTypes: DropDownItem<PersistentEventKnownTypes>[] = [
     {
         label: 'Not Found',
         value: '404'
@@ -34,7 +34,7 @@ export const eventTypes: { label: string; value: PersistentEventKnownTypes }[] =
     }
 ];
 
-export const logLevels: { label: string; value: LogLevel }[] = [
+export const logLevels: DropDownItem<LogLevel>[] = [
     {
         label: 'Trace',
         value: 'trace'
@@ -60,30 +60,3 @@ export const logLevels: { label: string; value: LogLevel }[] = [
         value: 'fatal'
     }
 ];
-
-export const stackStatuses: { label: string; value: StackStatus }[] = [
-    {
-        label: 'Open',
-        value: StackStatus.Open
-    },
-    {
-        label: 'Fixed',
-        value: StackStatus.Fixed
-    },
-    {
-        label: 'Regressed',
-        value: StackStatus.Regressed
-    },
-    {
-        label: 'Snoozed',
-        value: StackStatus.Snoozed
-    },
-    {
-        label: 'Ignored',
-        value: StackStatus.Ignored
-    },
-    {
-        label: 'Discarded',
-        value: StackStatus.Discarded
-    }
-];
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/options.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/options.ts
new file mode 100644
index 000000000..591bd2061
--- /dev/null
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/options.ts
@@ -0,0 +1,4 @@
+export interface DropDownItem<T> {
+    label: string;
+    value: T;
+}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-badge.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-badge.svelte
new file mode 100644
index 000000000..792b5f4eb
--- /dev/null
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-badge.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+    import type { WithElementRef } from 'bits-ui';
+    import type { HTMLAnchorAttributes } from 'svelte/elements';
+
+    import { Badge, type BadgeVariant } from '$comp/ui/badge';
+
+    import { StackStatus } from '../models';
+    import { stackStatuses } from '../options';
+
+    interface Props extends WithElementRef<HTMLAnchorAttributes> {
+        status: StackStatus;
+    }
+
+    let { status, ...props }: Props = $props();
+
+    function getVariant(status: StackStatus): BadgeVariant {
+        switch (status) {
+            case StackStatus.Discarded:
+                return 'outline';
+            case StackStatus.Fixed:
+                return 'default';
+            case StackStatus.Ignored:
+                return 'outline';
+            case StackStatus.Open:
+                return 'default';
+            case StackStatus.Regressed:
+                return 'destructive';
+            case StackStatus.Snoozed:
+                return 'outline';
+            default:
+                return 'default';
+        }
+    }
+
+    const variant: BadgeVariant = $derived(getVariant(status));
+    const label = $derived(stackStatuses.find((option) => option.value === status)?.label ?? status);
+</script>
+
+<Badge {variant} {...props}>
+    {label}
+</Badge>
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-dropdown-menu.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-dropdown-menu.svelte
index 47cd3f51c..3770707c5 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-dropdown-menu.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-status-dropdown-menu.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
+    import type { DropDownItem } from '$features/shared/options';
+
     import Button from '$comp/ui/button/button.svelte';
     import * as DropdownMenu from '$comp/ui/dropdown-menu';
     import ChevronDown from 'lucide-svelte/icons/chevron-down';
 
     import { postChangeStatus, postMarkFixed, postMarkSnoozed } from '../api.svelte';
     import { Stack, StackStatus } from '../models';
+    import { stackStatuses } from '../options';
     import MarkStackDiscardedDialog from './dialogs/mark-stack-discarded-dialog.svelte';
     import MarkStackFixedInVersionDialog from './dialogs/mark-stack-fixed-in-version-dialog.svelte';
 
@@ -14,19 +17,11 @@
 
     let { stack }: Props = $props();
 
-    type Item = { label: string; value: StackStatus };
-    const items: Item[] = [
-        { label: 'Open', value: StackStatus.Open },
-        { label: 'Fixed', value: StackStatus.Fixed },
-        { label: 'Regressed', value: StackStatus.Regressed },
-        { label: 'Snoozed', value: StackStatus.Snoozed },
-        { label: 'Ignored', value: StackStatus.Ignored },
-        { label: 'Discarded', value: StackStatus.Discarded }
-    ];
-
     let openMarkStackDiscardedDialog = $state<boolean>(false);
     let openMarkStackFixedInVersionDialog = $state<boolean>(false);
-    let selected = $derived((items.find((item) => item.value === stack?.status) || items[items.length - 1]) as Item);
+    let selected = $derived(
+        (stackStatuses.find((option) => option.value === stack?.status) || stackStatuses[stackStatuses.length - 1]) as DropDownItem<StackStatus>
+    );
 
     const updateMarkFixed = postMarkFixed({
         route: {
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/options.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/options.ts
new file mode 100644
index 000000000..aef9a6848
--- /dev/null
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/options.ts
@@ -0,0 +1,30 @@
+import type { DropDownItem } from '$features/shared/options';
+
+import { StackStatus } from '$features/stacks/models';
+
+export const stackStatuses: DropDownItem<StackStatus>[] = [
+    {
+        label: 'Open',
+        value: StackStatus.Open
+    },
+    {
+        label: 'Fixed',
+        value: StackStatus.Fixed
+    },
+    {
+        label: 'Regressed',
+        value: StackStatus.Regressed
+    },
+    {
+        label: 'Snoozed',
+        value: StackStatus.Snoozed
+    },
+    {
+        label: 'Ignored',
+        value: StackStatus.Ignored
+    },
+    {
+        label: 'Discarded',
+        value: StackStatus.Discarded
+    }
+];