feat(notifications): adds toast and drawer notification system (#11)

* feat(notifications): expands error store to notification store with severity and read state

* feat(notifications): adds ToastContainer with auto-dismiss

* feat(notifications): adds NotificationDrawer slide-out panel

* fix(notifications): moves mutedSources export to ToastContainer, removes circular import

* feat(notifications): adds bell icon with unread badge to header

* refactor(notifications): replaces clear-and-repush with reconciliation

* refactor(notifications): migrates callers to appropriate severity

* refactor(notifications): removes ErrorBannerList for toast/drawer

* fix(notifications): prune maps, hoist constant, memo, focus

* fix(notifications): fixes dismiss timeout leak, double-dismiss guard, and adds aria-modal

* fix(notifications): clears notification state on logout, removes orphaned toasts on dismiss

* fix(notifications): moves mutedSources to errors.ts, adds aria attrs, fixes responsive width, caches matchMedia, clears state on logout

* fix(notifications): addresses PR review findings

- wraps mutedSources in createSignal for proper SolidJS reactivity
- swaps markAllAsRead/setDrawerOpen order so unread highlights render
- removes dead errors prop from tab components and DashboardStore
- adds type="button" to all notification drawer and toast buttons
- adds createMemo for sorted notifications, classList consistency
- adds 8 new tests: muting, pruning, aria-expanded, reset, cycling

* fix(notifications): adds type=button to logout, mocks matchMedia

Author: wgordon17

src/app/components/dashboard/ActionsTab.tsx

@@ -1,11 +1,10 @@
 import { createMemo, For, Show } from "solid-js";
 import { createStore } from "solid-js/store";
-import type { WorkflowRun, ApiError } from "../../services/api";
+import type { WorkflowRun } from "../../services/api";
 import { config } from "../../stores/config";
 import { viewState, setViewState, setTabFilter, resetTabFilter, resetAllTabFilters, ignoreItem, unignoreItem, type ActionsFilterField } from "../../stores/view";
 import WorkflowRunRow from "./WorkflowRunRow";
 import IgnoreBadge from "./IgnoreBadge";
-import ErrorBannerList from "../shared/ErrorBannerList";
 import SkeletonRows from "../shared/SkeletonRows";
 import FilterChips from "../shared/FilterChips";
 import type { FilterChipGroupDef } from "../shared/FilterChips";
@@ -14,7 +13,6 @@ import ChevronIcon from "../shared/ChevronIcon";
 interface ActionsTabProps {
   workflowRuns: WorkflowRun[];
   loading?: boolean;
-  errors?: ApiError[];
 }
 
 interface WorkflowGroup {
@@ -199,13 +197,10 @@ export default function ActionsTab(props: ActionsTabProps) {
         <SkeletonRows label="Loading workflow runs" />
       </Show>
 
-      {/* Error */}
-      <ErrorBannerList errors={props.errors?.map((e) => ({ source: e.repo, message: e.message, retryable: e.retryable }))} />
-
       {/* Empty */}
       <Show
         when={
-          !props.loading && (!props.errors || props.errors.length === 0) && repoGroups().length === 0
+          !props.loading && repoGroups().length === 0
         }
       >
         <div class="p-8 text-center text-gray-500 dark:text-gray-400">

src/app/components/dashboard/DashboardPage.tsx

@@ -8,11 +8,9 @@ import IssuesTab from "./IssuesTab";
 import PullRequestsTab from "./PullRequestsTab";
 import { config } from "../../stores/config";
 import { viewState, updateViewState } from "../../stores/view";
-import type { Issue, PullRequest, WorkflowRun, ApiError } from "../../services/api";
+import type { Issue, PullRequest, WorkflowRun } from "../../services/api";
 import { createPollCoordinator, fetchAllData, type DashboardData } from "../../services/poll";
 import { clearAuth, user, onAuthCleared, DASHBOARD_STORAGE_KEY } from "../../stores/auth";
-import { getErrors, dismissError } from "../../lib/errors";
-import ErrorBannerList from "../shared/ErrorBannerList";
 
 // ── Shared dashboard store (module-level to survive navigation) ─────────────
 
@@ -22,7 +20,6 @@ interface DashboardStore {
   issues: Issue[];
   pullRequests: PullRequest[];
   workflowRuns: WorkflowRun[];
-  errors: ApiError[];
   loading: boolean;
   lastRefreshedAt: Date | null;
 }
@@ -31,7 +28,6 @@ const initialDashboardState: DashboardStore = {
   issues: [],
   pullRequests: [],
   workflowRuns: [],
-  errors: [],
   loading: true,
   lastRefreshedAt: null,
 };
@@ -51,7 +47,6 @@ function loadCachedDashboard(): DashboardStore {
       issues: parsed.issues as Issue[],
       pullRequests: parsed.pullRequests as PullRequest[],
       workflowRuns: parsed.workflowRuns as WorkflowRun[],
-      errors: [],
       loading: false,
       lastRefreshedAt: typeof parsed.lastRefreshedAt === "string" ? new Date(parsed.lastRefreshedAt) : null,
     };
@@ -93,7 +88,6 @@ async function pollFetch(): Promise<DashboardData> {
         issues: data.issues,
         pullRequests: data.pullRequests,
         workflowRuns: data.workflowRuns,
-        errors: data.errors,
         loading: false,
         lastRefreshedAt: now,
       });
@@ -191,35 +185,26 @@ export default function DashboardPage() {
           onRefresh={() => _coordinator()?.manualRefresh()}
         />
 
-        {/* Global error banner */}
-        <ErrorBannerList
-          errors={getErrors().map((e) => ({ source: e.source, message: e.message, retryable: e.retryable }))}
-          onDismiss={(index) => dismissError(getErrors()[index].id)}
-        />
-
         <main class="flex-1 overflow-auto">
           <Switch>
             <Match when={activeTab() === "issues"}>
               <IssuesTab
                 issues={dashboardData.issues}
                 loading={dashboardData.loading}
-                errors={dashboardData.errors}
                 userLogin={userLogin()}
               />
             </Match>
             <Match when={activeTab() === "pullRequests"}>
               <PullRequestsTab
                 pullRequests={dashboardData.pullRequests}
                 loading={dashboardData.loading}
-                errors={dashboardData.errors}
                 userLogin={userLogin()}
               />
             </Match>
             <Match when={activeTab() === "actions"}>
               <ActionsTab
                 workflowRuns={dashboardData.workflowRuns}
                 loading={dashboardData.loading}
-                errors={dashboardData.errors}
               />
             </Match>
           </Switch>

src/app/components/dashboard/IssuesTab.tsx

@@ -2,11 +2,10 @@ import { createEffect, createMemo, createSignal, For, Show } from "solid-js";
 import { createStore } from "solid-js/store";
 import { config } from "../../stores/config";
 import { viewState, setSortPreference, setTabFilter, resetTabFilter, resetAllTabFilters, ignoreItem, unignoreItem, type IssueFilterField } from "../../stores/view";
-import type { Issue, ApiError } from "../../services/api";
+import type { Issue } from "../../services/api";
 import ItemRow from "./ItemRow";
 import IgnoreBadge from "./IgnoreBadge";
 import SortIcon from "../shared/SortIcon";
-import ErrorBannerList from "../shared/ErrorBannerList";
 import PaginationControls from "../shared/PaginationControls";
 import FilterChips from "../shared/FilterChips";
 import type { FilterChipGroupDef } from "../shared/FilterChips";
@@ -19,7 +18,6 @@ import { groupByRepo, computePageLayout, slicePageGroups } from "../../lib/group
 export interface IssuesTabProps {
   issues: Issue[];
   loading?: boolean;
-  errors?: ApiError[];
   userLogin: string;
 }
 
@@ -162,8 +160,6 @@ export default function IssuesTab(props: IssuesTabProps) {
 
   return (
     <div class="flex flex-col h-full">
-      <ErrorBannerList errors={props.errors?.map((e) => ({ source: e.repo, message: e.message, retryable: e.retryable }))} />
-
       {/* Column headers */}
       <div
         role="rowgroup"

src/app/components/dashboard/PullRequestsTab.tsx

@@ -2,13 +2,12 @@ import { createEffect, createMemo, createSignal, For, Show } from "solid-js";
 import { createStore } from "solid-js/store";
 import { config } from "../../stores/config";
 import { viewState, setSortPreference, ignoreItem, unignoreItem, setTabFilter, resetTabFilter, resetAllTabFilters, type PullRequestFilterField } from "../../stores/view";
-import type { PullRequest, ApiError } from "../../services/api";
+import type { PullRequest } from "../../services/api";
 import { deriveInvolvementRoles, prSizeCategory } from "../../lib/format";
 import ItemRow from "./ItemRow";
 import StatusDot from "../shared/StatusDot";
 import IgnoreBadge from "./IgnoreBadge";
 import SortIcon from "../shared/SortIcon";
-import ErrorBannerList from "../shared/ErrorBannerList";
 import PaginationControls from "../shared/PaginationControls";
 import FilterChips from "../shared/FilterChips";
 import type { FilterChipGroupDef } from "../shared/FilterChips";
@@ -22,7 +21,6 @@ import { groupByRepo, computePageLayout, slicePageGroups } from "../../lib/group
 export interface PullRequestsTabProps {
   pullRequests: PullRequest[];
   loading?: boolean;
-  errors?: ApiError[];
   userLogin: string;
 }
 
@@ -244,8 +242,6 @@ export default function PullRequestsTab(props: PullRequestsTabProps) {
 
   return (
     <div class="flex flex-col h-full">
-      <ErrorBannerList errors={props.errors?.map((e) => ({ source: e.repo, message: e.message, retryable: e.retryable }))} />
-
       {/* Column headers */}
       <div
         role="rowgroup"