PRODUCTION / POST-TRANSFORM / PRE-BUNDLE
1570 removed · 572 addedCompiled sources
compilermanualApp.js
1- import { c as _c } from "react/compiler-runtime";2- import { useEffect, useState } from "react";1+ import { memo, useCallback, useEffect, useMemo, useState } from "react";32import {43Activity,54ArrowDownUp,65Bell,76Check,87ChevronLeft,98CircleAlert,109Clock3,1110CreditCard,1211Search,1312Server,1413ShieldCheck,1514Star,1615} from "lucide-react";17- import { queues, statuses, visibleIncidents } from "./incidents";18- import { Profiled } from "../benchmark/recorder";19- import { Button, Select, StatusBadge, TextInput } from "./controls";20- import { NotificationsDialog, OperationsDialog, ProfileDialog } from "./workspace";16+ import { queues, statuses, visibleIncidents } from "../../../shared/incidents";17+ import { Profiled } from "../../../benchmark/recorder";18+ import { Button, Select, StatusBadge, TextInput } from "../../../shared/controls";19+ import { NotificationsDialog, OperationsDialog, ProfileDialog } from "../../../shared/workspace";2120import {2221FilterProvider,2322IncidentProvider,2423NotificationProvider,2524SettingsProvider,2625SelectionProvider,2726WorkspaceProvider,2827useFilters,2928useIncidentActions,3029useIncidents,3130useNotifications,3231useUserSettings,3332useSelection,3433useSelectionActions,3534useWorkspace,3635} from "./providers";3736import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";3837function Header() {39- const $ = _c(40);4038const { notifications, markRead, markAllRead } = useNotifications();4139const { settings, saveSettings } = useUserSettings();4240const { incidents } = useIncidents();4341const { setSelectedId } = useSelectionActions();4442const { setQueue } = useWorkspace();4543const { setSearch, setStatus, setFavoritesOnly } = useFilters();4644const [panel, setPanel] = useState(null);47- let t0;48- if ($[0] !== notifications) {49- t0 = notifications.filter(_temp);50- $[0] = notifications;51- $[1] = t0;52- } else {53- t0 = $[1];54- }55- const unread = t0.length;56- let t1;57- if ($[2] !== settings.displayName) {58- t1 = settings.displayName.split(/\s+/).slice(0, 2).map(_temp2).join("").toUpperCase();59- $[2] = settings.displayName;60- $[3] = t1;61- } else {62- t1 = $[3];63- }64- const initials = t1;65- let t2;66- if (67- $[4] !== markRead ||68- $[5] !== setFavoritesOnly ||69- $[6] !== setQueue ||70- $[7] !== setSearch ||71- $[8] !== setSelectedId ||72- $[9] !== setStatus73- ) {74- t2 = function openNotification(id) {45+ const unread = notifications.filter((item) => !item.read).length;46+ const initials = settings.displayName47+ .split(/\s+/)48+ .slice(0, 2)49+ .map((part) => part[0])50+ .join("")51+ .toUpperCase();52+ const openNotification = useCallback(53+ (id) => {7554markRead(id);7655setQueue("All incidents");7756setSearch("");7857setStatus("All statuses");7958setFavoritesOnly(false);8059setSelectedId(id);8160setPanel(null);82- };83- $[4] = markRead;84- $[5] = setFavoritesOnly;85- $[6] = setQueue;86- $[7] = setSearch;87- $[8] = setSelectedId;88- $[9] = setStatus;89- $[10] = t2;90- } else {91- t2 = $[10];92- }93- const openNotification = t2;94- let t3;95- if ($[11] === Symbol.for("react.memo_cache_sentinel")) {96- t3 = /* @__PURE__ */ _jsx("span", {97- className: "brand-mark",98- children: /* @__PURE__ */ _jsx(Activity, { size: 19 }),99- });100- $[11] = t3;101- } else {102- t3 = $[11];103- }104- let t4;105- if ($[12] === Symbol.for("react.memo_cache_sentinel")) {106- t4 = /* @__PURE__ */ _jsxs("div", {107- className: "brand",108- children: [109- t3,110- /* @__PURE__ */ _jsxs("span", {111- children: [112- "signal",113- /* @__PURE__ */ _jsx("span", {114- className: "brand-dot",115- children: ".",116- }),117- ],118- }),119- /* @__PURE__ */ _jsx("span", {120- className: "brand-sub",121- children: "/ incident operations",122- }),123- ],124- });125- $[12] = t4;126- } else {127- t4 = $[12];128- }129- let t5;130- if ($[13] === Symbol.for("react.memo_cache_sentinel")) {131- t5 = /* @__PURE__ */ _jsxs("span", {132- className: "environment",133- children: [/* @__PURE__ */ _jsx("span", { className: "live-dot" }), " Production"],134- });135- $[13] = t5;136- } else {137- t5 = $[13];138- }139- let t6;140- if ($[14] === Symbol.for("react.memo_cache_sentinel")) {141- t6 = () => setPanel("notifications");142- $[14] = t6;143- } else {144- t6 = $[14];145- }146- let t7;147- if ($[15] === Symbol.for("react.memo_cache_sentinel")) {148- t7 = /* @__PURE__ */ _jsx(Bell, { size: 16 });149- $[15] = t7;150- } else {151- t7 = $[15];152- }153- let t8;154- if ($[16] !== unread) {155- t8 = /* @__PURE__ */ _jsxs(Button, {156- className: "notification-button",157- onClick: t6,158- "aria-label": "Open notifications",159- "aria-haspopup": "dialog",160- children: [161- t7,162- " Notifications ",163- /* @__PURE__ */ _jsx("strong", {164- "data-testid": "notifications",165- children: unread,166- }),167- ],168- });169- $[16] = unread;170- $[17] = t8;171- } else {172- t8 = $[17];173- }174- const t9 = `Profile settings for ${settings.displayName}`;175- let t10;176- if ($[18] === Symbol.for("react.memo_cache_sentinel")) {177- t10 = () => setPanel("profile");178- $[18] = t10;179- } else {180- t10 = $[18];181- }182- let t11;183- if ($[19] !== initials || $[20] !== t9) {184- t11 = /* @__PURE__ */ _jsx(Button, {185- className: "avatar",186- "aria-label": t9,187- "aria-haspopup": "dialog",188- onClick: t10,189- children: initials,190- });191- $[19] = initials;192- $[20] = t9;193- $[21] = t11;194- } else {195- t11 = $[21];196- }197- let t12;198- if ($[22] !== t11 || $[23] !== t8) {199- t12 = /* @__PURE__ */ _jsxs("div", {200- className: "header-actions",201- children: [t5, t8, t11],202- });203- $[22] = t11;204- $[23] = t8;205- $[24] = t12;206- } else {207- t12 = $[24];208- }209- let t13;210- if (211- $[25] !== incidents ||212- $[26] !== markAllRead ||213- $[27] !== markRead ||214- $[28] !== notifications ||215- $[29] !== openNotification ||216- $[30] !== panel217- ) {218- t13 =61+ },62+ [markRead, setQueue, setSearch, setStatus, setFavoritesOnly, setSelectedId],63+ );64+ return /* @__PURE__ */ _jsxs("header", {65+ className: "topbar",66+ children: [67+ /* @__PURE__ */ _jsxs("div", {68+ className: "brand",69+ children: [70+ /* @__PURE__ */ _jsx("span", {71+ className: "brand-mark",72+ children: /* @__PURE__ */ _jsx(Activity, { size: 19 }),73+ }),74+ /* @__PURE__ */ _jsxs("span", {75+ children: [76+ "signal",77+ /* @__PURE__ */ _jsx("span", {78+ className: "brand-dot",79+ children: ".",80+ }),81+ ],82+ }),83+ /* @__PURE__ */ _jsx("span", {84+ className: "brand-sub",85+ children: "/ incident operations",86+ }),87+ ],88+ }),89+ /* @__PURE__ */ _jsxs("div", {90+ className: "header-actions",91+ children: [92+ /* @__PURE__ */ _jsxs("span", {93+ className: "environment",94+ children: [/* @__PURE__ */ _jsx("span", { className: "live-dot" }), " Production"],95+ }),96+ /* @__PURE__ */ _jsxs(Button, {97+ className: "notification-button",98+ onClick: () => setPanel("notifications"),99+ "aria-label": "Open notifications",100+ "aria-haspopup": "dialog",101+ children: [102+ /* @__PURE__ */ _jsx(Bell, { size: 16 }),103+ " Notifications ",104+ /* @__PURE__ */ _jsx("strong", {105+ "data-testid": "notifications",106+ children: unread,107+ }),108+ ],109+ }),110+ /* @__PURE__ */ _jsx(Button, {111+ className: "avatar",112+ "aria-label": `Profile settings for ${settings.displayName}`,113+ "aria-haspopup": "dialog",114+ onClick: () => setPanel("profile"),115+ children: initials,116+ }),117+ ],118+ }),219119panel === "notifications" &&220- /* @__PURE__ */ _jsx(NotificationsDialog, {221- notifications,222- incidents,223- onRead: markRead,224- onReadAll: markAllRead,225- onOpen: openNotification,226- onClose: () => setPanel(null),227- });228- $[25] = incidents;229- $[26] = markAllRead;230- $[27] = markRead;231- $[28] = notifications;232- $[29] = openNotification;233- $[30] = panel;234- $[31] = t13;235- } else {236- t13 = $[31];237- }238- let t14;239- if ($[32] !== panel || $[33] !== saveSettings || $[34] !== settings) {240- t14 =120+ /* @__PURE__ */ _jsx(NotificationsDialog, {121+ notifications,122+ incidents,123+ onRead: markRead,124+ onReadAll: markAllRead,125+ onOpen: openNotification,126+ onClose: () => setPanel(null),127+ }),241128panel === "profile" &&242- /* @__PURE__ */ _jsx(ProfileDialog, {243- settings,244- onSave: saveSettings,245- onClose: () => setPanel(null),246- });247- $[32] = panel;248- $[33] = saveSettings;249- $[34] = settings;250- $[35] = t14;251- } else {252- t14 = $[35];253- }254- let t15;255- if ($[36] !== t12 || $[37] !== t13 || $[38] !== t14) {256- t15 = /* @__PURE__ */ _jsxs("header", {257- className: "topbar",258- children: [t4, t12, t13, t14],259- });260- $[36] = t12;261- $[37] = t13;262- $[38] = t14;263- $[39] = t15;264- } else {265- t15 = $[39];266- }267- return t15;129+ /* @__PURE__ */ _jsx(ProfileDialog, {130+ settings,131+ onSave: saveSettings,132+ onClose: () => setPanel(null),133+ }),134+ ],135+ });268136}269- function _temp2(part) {270- return part[0];137+ function QueueIcon({ item }) {138+ if (item === "Platform") return /* @__PURE__ */ _jsx(Server, { size: 16 });139+ if (item === "Payments") return /* @__PURE__ */ _jsx(CreditCard, { size: 16 });140+ if (item === "Identity") return /* @__PURE__ */ _jsx(ShieldCheck, { size: 16 });141+ return /* @__PURE__ */ _jsx(Activity, { size: 16 });271142}272- function _temp(item) {273- return !item.read;274- }275- function QueueIcon(t0) {276- const $ = _c(4);277- const { item } = t0;278- if (item === "Platform") {279- let t1;280- if ($[0] === Symbol.for("react.memo_cache_sentinel")) {281- t1 = /* @__PURE__ */ _jsx(Server, { size: 16 });282- $[0] = t1;283- } else {284- t1 = $[0];285- }286- return t1;287- }288- if (item === "Payments") {289- let t1;290- if ($[1] === Symbol.for("react.memo_cache_sentinel")) {291- t1 = /* @__PURE__ */ _jsx(CreditCard, { size: 16 });292- $[1] = t1;293- } else {294- t1 = $[1];295- }296- return t1;297- }298- if (item === "Identity") {299- let t1;300- if ($[2] === Symbol.for("react.memo_cache_sentinel")) {301- t1 = /* @__PURE__ */ _jsx(ShieldCheck, { size: 16 });302- $[2] = t1;303- } else {304- t1 = $[2];305- }306- return t1;307- }308- let t1;309- if ($[3] === Symbol.for("react.memo_cache_sentinel")) {310- t1 = /* @__PURE__ */ _jsx(Activity, { size: 16 });311- $[3] = t1;312- } else {313- t1 = $[3];314- }315- return t1;316- }317- function QueueItem(t0) {318- const $ = _c(14);319- const { item, count, selected, onSelect } = t0;320- let t1;321- if ($[0] !== item || $[1] !== onSelect) {322- t1 = () => onSelect(item);323- $[0] = item;324- $[1] = onSelect;325- $[2] = t1;326- } else {327- t1 = $[2];328- }329- const selectQueue = t1;330- const t2 = `queue-item ${selected ? "active" : ""}`;331- const t3 = selected ? "page" : undefined;332- let t4;333- if ($[3] !== item) {334- t4 = /* @__PURE__ */ _jsx("span", {335- className: "queue-glyph",336- children: /* @__PURE__ */ _jsx(QueueIcon, { item }),337- });338- $[3] = item;339- $[4] = t4;340- } else {341- t4 = $[4];342- }343- let t5;344- if ($[5] !== count) {345- t5 = /* @__PURE__ */ _jsx("span", {346- className: "queue-count",347- children: count,348- });349- $[5] = count;350- $[6] = t5;351- } else {352- t5 = $[6];353- }354- let t6;355- if (356- $[7] !== item ||357- $[8] !== selectQueue ||358- $[9] !== t2 ||359- $[10] !== t3 ||360- $[11] !== t4 ||361- $[12] !== t5362- ) {363- t6 = /* @__PURE__ */ _jsxs(Button, {364- className: t2,365- onClick: selectQueue,366- "aria-current": t3,367- children: [t4, item, t5],368- });369- $[7] = item;370- $[8] = selectQueue;371- $[9] = t2;372- $[10] = t3;373- $[11] = t4;374- $[12] = t5;375- $[13] = t6;376- } else {377- t6 = $[13];378- }379- return t6;380- }381- function QueueNavigation(t0) {382- const $ = _c(5);383- const { selectedQueue, onSelect } = t0;384- let t1;385- if ($[0] !== onSelect || $[1] !== selectedQueue) {386- t1 = queues.map((item, index) =>143+ const QueueItem = memo(function QueueItem({ item, count, selected, onSelect }) {144+ const selectQueue = useCallback(() => onSelect(item), [item, onSelect]);145+ return /* @__PURE__ */ _jsxs(Button, {146+ className: `queue-item ${selected ? "active" : ""}`,147+ onClick: selectQueue,148+ "aria-current": selected ? "page" : undefined,149+ children: [150+ /* @__PURE__ */ _jsx("span", {151+ className: "queue-glyph",152+ children: /* @__PURE__ */ _jsx(QueueIcon, { item }),153+ }),154+ item,155+ /* @__PURE__ */ _jsx("span", {156+ className: "queue-count",157+ children: count,158+ }),159+ ],160+ });161+ });162+ function QueueNavigation({ selectedQueue, onSelect }) {163+ return /* @__PURE__ */ _jsx("nav", {164+ "aria-label": "Incident queues",165+ children: queues.map((item, index) =>387166/* @__PURE__ */ _jsx(388167Profiled,389168{390169id: `queue:${item}`,391170children: /* @__PURE__ */ _jsx(QueueItem, {392171item,393172count: index === 0 ? 200 : index === 3 ? 66 : 67,394173selected: selectedQueue === item,395174onSelect,396175}),397176},398177item,399178),400- );401- $[0] = onSelect;402- $[1] = selectedQueue;403- $[2] = t1;404- } else {405- t1 = $[2];406- }407- let t2;408- if ($[3] !== t1) {409- t2 = /* @__PURE__ */ _jsx("nav", {410- "aria-label": "Incident queues",411- children: t1,412- });413- $[3] = t1;414- $[4] = t2;415- } else {416- t2 = $[4];417- }418- return t2;179+ ),180+ });419181}420182function SidebarFooter() {421- const $ = _c(24);422183const { incidents } = useIncidents();423184const { setQueue } = useWorkspace();424185const { setSelectedId } = useSelectionActions();425186const { setSearch, setStatus, setSort, setFavoritesOnly } = useFilters();426187const [open, setOpen] = useState(false);427- let t0;428- if ($[0] !== incidents) {429- t0 = incidents.filter(_temp3);430- $[0] = incidents;431- $[1] = t0;432- } else {433- t0 = $[1];434- }435- const active = t0.length;436- let t1;437- if (438- $[2] !== setFavoritesOnly ||439- $[3] !== setQueue ||440- $[4] !== setSearch ||441- $[5] !== setSelectedId ||442- $[6] !== setSort ||443- $[7] !== setStatus444- ) {445- t1 = function navigate(queue) {188+ const active = useMemo(189+ () => incidents.filter((incident) => incident.status !== "Resolved").length,190+ [incidents],191+ );192+ const navigate = useCallback(193+ (queue) => {446194setQueue(queue);447195setSearch("");448196setStatus("All statuses");449197setSort("newest");450198setFavoritesOnly(false);451199setSelectedId(null);452200setOpen(false);453- };454- $[2] = setFavoritesOnly;455- $[3] = setQueue;456- $[4] = setSearch;457- $[5] = setSelectedId;458- $[6] = setSort;459- $[7] = setStatus;460- $[8] = t1;461- } else {462- t1 = $[8];463- }464- const navigate = t1;465- let t2;466- if ($[9] === Symbol.for("react.memo_cache_sentinel")) {467- t2 = () => setOpen(true);468- $[9] = t2;469- } else {470- t2 = $[9];471- }472- let t3;473- let t4;474- if ($[10] === Symbol.for("react.memo_cache_sentinel")) {475- t3 = /* @__PURE__ */ _jsx("span", {476- className: "sidebar-footer-icon",477- children: /* @__PURE__ */ _jsx(CircleAlert, { size: 17 }),478- });479- t4 = /* @__PURE__ */ _jsx("strong", { children: "Operations desk" });480- $[10] = t3;481- $[11] = t4;482- } else {483- t3 = $[10];484- t4 = $[11];485- }486- let t5;487- if ($[12] !== active) {488- t5 = /* @__PURE__ */ _jsxs("span", {489- children: [t4, /* @__PURE__ */ _jsxs("small", { children: [active, " active incidents"] })],490- });491- $[12] = active;492- $[13] = t5;493- } else {494- t5 = $[13];495- }496- let t6;497- if ($[14] === Symbol.for("react.memo_cache_sentinel")) {498- t6 = /* @__PURE__ */ _jsx("span", { className: "live-dot" });499- $[14] = t6;500- } else {501- t6 = $[14];502- }503- let t7;504- if ($[15] !== t5) {505- t7 = /* @__PURE__ */ _jsxs(Button, {506- className: "sidebar-footer",507- "aria-label": "Open operations desk",508- "aria-haspopup": "dialog",509- onClick: t2,510- children: [t3, t5, t6],511- });512- $[15] = t5;513- $[16] = t7;514- } else {515- t7 = $[16];516- }517- let t8;518- if ($[17] !== incidents || $[18] !== navigate || $[19] !== open) {519- t8 =201+ },202+ [setQueue, setSearch, setStatus, setSort, setFavoritesOnly, setSelectedId],203+ );204+ return /* @__PURE__ */ _jsxs(_Fragment, {205+ children: [206+ /* @__PURE__ */ _jsxs(Button, {207+ className: "sidebar-footer",208+ "aria-label": "Open operations desk",209+ "aria-haspopup": "dialog",210+ onClick: () => setOpen(true),211+ children: [212+ /* @__PURE__ */ _jsx("span", {213+ className: "sidebar-footer-icon",214+ children: /* @__PURE__ */ _jsx(CircleAlert, { size: 17 }),215+ }),216+ /* @__PURE__ */ _jsxs("span", {217+ children: [218+ /* @__PURE__ */ _jsx("strong", { children: "Operations desk" }),219+ /* @__PURE__ */ _jsxs("small", { children: [active, " active incidents"] }),220+ ],221+ }),222+ /* @__PURE__ */ _jsx("span", { className: "live-dot" }),223+ ],224+ }),520225open &&521- /* @__PURE__ */ _jsx(OperationsDialog, {522- incidents,523- onNavigate: navigate,524- onClose: () => setOpen(false),525- });526- $[17] = incidents;527- $[18] = navigate;528- $[19] = open;529- $[20] = t8;530- } else {531- t8 = $[20];532- }533- let t9;534- if ($[21] !== t7 || $[22] !== t8) {535- t9 = /* @__PURE__ */ _jsxs(_Fragment, { children: [t7, t8] });536- $[21] = t7;537- $[22] = t8;538- $[23] = t9;539- } else {540- t9 = $[23];541- }542- return t9;226+ /* @__PURE__ */ _jsx(OperationsDialog, {227+ incidents,228+ onNavigate: navigate,229+ onClose: () => setOpen(false),230+ }),231+ ],232+ });543233}544- function _temp3(incident) {545- return incident.status !== "Resolved";546- }547234function Sidebar() {548- const $ = _c(8);549235const { queue, setQueue } = useWorkspace();550- let t0;551- let t1;552- if ($[0] === Symbol.for("react.memo_cache_sentinel")) {553- t0 = /* @__PURE__ */ _jsxs("div", {554- className: "section-label",555- children: ["WORKSPACE ", /* @__PURE__ */ _jsx("span", { children: "01 / 04" })],556- });557- t1 = /* @__PURE__ */ _jsx("div", {558- className: "sidebar-heading",559- children: "Queues",560- });561- $[0] = t0;562- $[1] = t1;563- } else {564- t0 = $[0];565- t1 = $[1];566- }567- let t2;568- if ($[2] !== queue || $[3] !== setQueue) {569- t2 = /* @__PURE__ */ _jsx(QueueNavigation, {570- selectedQueue: queue,571- onSelect: setQueue,572- });573- $[2] = queue;574- $[3] = setQueue;575- $[4] = t2;576- } else {577- t2 = $[4];578- }579- let t3;580- if ($[5] === Symbol.for("react.memo_cache_sentinel")) {581- t3 = /* @__PURE__ */ _jsx(SidebarFooter, {});582- $[5] = t3;583- } else {584- t3 = $[5];585- }586- let t4;587- if ($[6] !== t2) {588- t4 = /* @__PURE__ */ _jsxs("aside", {589- className: "sidebar",590- children: [t0, t1, t2, t3],591- });592- $[6] = t2;593- $[7] = t4;594- } else {595- t4 = $[7];596- }597- return t4;236+ return /* @__PURE__ */ _jsxs("aside", {237+ className: "sidebar",238+ children: [239+ /* @__PURE__ */ _jsxs("div", {240+ className: "section-label",241+ children: ["WORKSPACE ", /* @__PURE__ */ _jsx("span", { children: "01 / 04" })],242+ }),243+ /* @__PURE__ */ _jsx("div", {244+ className: "sidebar-heading",245+ children: "Queues",246+ }),247+ /* @__PURE__ */ _jsx(QueueNavigation, {248+ selectedQueue: queue,249+ onSelect: setQueue,250+ }),251+ /* @__PURE__ */ _jsx(SidebarFooter, {}),252+ ],253+ });598254}599- function Toolbar(t0) {600- const $ = _c(74);601- const { incidents } = t0;255+ function Toolbar({ incidents }) {602256const { search, setSearch, status, setStatus, sort, setSort, favoritesOnly, setFavoritesOnly } =603257useFilters();604258const count = incidents.length;605- let t1;606- if ($[0] !== incidents) {607- t1 = statuses.map((item) => incidents.filter((incident) => incident.status === item).length);608- $[0] = incidents;609- $[1] = t1;610- } else {611- t1 = $[1];612- }613- const statusCounts = t1;614- let t2;615- if ($[2] === Symbol.for("react.memo_cache_sentinel")) {616- t2 = /* @__PURE__ */ _jsxs("div", {617- children: [618- /* @__PURE__ */ _jsx("div", {619- className: "eyebrow",620- children: "OPERATIONS / INCIDENTS",621- }),622- /* @__PURE__ */ _jsx("h1", { children: "Incident triage" }),623- /* @__PURE__ */ _jsx("p", {624- children: "Monitor, investigate, and resolve service disruptions.",625- }),626- ],627- });628- $[2] = t2;629- } else {630- t2 = $[2];631- }632- let t3;633- if ($[3] === Symbol.for("react.memo_cache_sentinel")) {634- t3 = /* @__PURE__ */ _jsxs("div", {635- className: "content-heading",636- children: [637- t2,638- /* @__PURE__ */ _jsxs("div", {639- className: "date-stamp",640- children: [/* @__PURE__ */ _jsx(Clock3, { size: 15 }), " Live workspace"],641- }),642- ],643- });644- $[3] = t3;645- } else {646- t3 = $[3];647- }648- let t4;649- let t5;650- if ($[4] === Symbol.for("react.memo_cache_sentinel")) {651- t4 = /* @__PURE__ */ _jsx("span", {652- className: "summary-icon orange",653- children: /* @__PURE__ */ _jsx(CircleAlert, { size: 17 }),654- });655- t5 = /* @__PURE__ */ _jsx("small", { children: "TOTAL INCIDENTS" });656- $[4] = t4;657- $[5] = t5;658- } else {659- t4 = $[4];660- t5 = $[5];661- }662- let t6;663- if ($[6] !== count) {664- t6 = /* @__PURE__ */ _jsxs("div", {665- children: [666- t4,667- /* @__PURE__ */ _jsxs("span", {668- children: [669- t5,670- /* @__PURE__ */ _jsx("strong", {671- "data-testid": "total",672- children: count,673- }),674- ],675- }),676- ],677- });678- $[6] = count;679- $[7] = t6;680- } else {681- t6 = $[7];682- }683- let t7;684- let t8;685- if ($[8] === Symbol.for("react.memo_cache_sentinel")) {686- t7 = /* @__PURE__ */ _jsx("span", {687- className: "summary-icon red",688- children: /* @__PURE__ */ _jsx(Activity, { size: 17 }),689- });690- t8 = /* @__PURE__ */ _jsx("small", { children: "OPEN" });691- $[8] = t7;692- $[9] = t8;693- } else {694- t7 = $[8];695- t8 = $[9];696- }697- let t9;698- if ($[10] !== statusCounts[0]) {699- t9 = /* @__PURE__ */ _jsxs("div", {700- children: [701- t7,702- /* @__PURE__ */ _jsxs("span", {703- children: [704- t8,705- /* @__PURE__ */ _jsx("strong", {706- "data-testid": "open-count",707- children: statusCounts[0],708- }),709- ],710- }),711- ],712- });713- $[10] = statusCounts[0];714- $[11] = t9;715- } else {716- t9 = $[11];717- }718- let t10;719- let t11;720- if ($[12] === Symbol.for("react.memo_cache_sentinel")) {721- t10 = /* @__PURE__ */ _jsx("span", {722- className: "summary-icon blue",723- children: /* @__PURE__ */ _jsx(Clock3, { size: 17 }),724- });725- t11 = /* @__PURE__ */ _jsx("small", { children: "INVESTIGATING" });726- $[12] = t10;727- $[13] = t11;728- } else {729- t10 = $[12];730- t11 = $[13];731- }732- let t12;733- if ($[14] !== statusCounts[1]) {734- t12 = /* @__PURE__ */ _jsxs("div", {735- children: [736- t10,737- /* @__PURE__ */ _jsxs("span", {738- children: [t11, /* @__PURE__ */ _jsx("strong", { children: statusCounts[1] })],739- }),740- ],741- });742- $[14] = statusCounts[1];743- $[15] = t12;744- } else {745- t12 = $[15];746- }747- let t13;748- let t14;749- if ($[16] === Symbol.for("react.memo_cache_sentinel")) {750- t13 = /* @__PURE__ */ _jsx("span", {751- className: "summary-icon green",752- children: /* @__PURE__ */ _jsx(Check, { size: 17 }),753- });754- t14 = /* @__PURE__ */ _jsx("small", { children: "RESOLVED" });755- $[16] = t13;756- $[17] = t14;757- } else {758- t13 = $[16];759- t14 = $[17];760- }761- let t15;762- if ($[18] !== statusCounts[2]) {763- t15 = /* @__PURE__ */ _jsxs("div", {764- children: [765- t13,766- /* @__PURE__ */ _jsxs("span", {767- children: [t14, /* @__PURE__ */ _jsx("strong", { children: statusCounts[2] })],768- }),769- ],770- });771- $[18] = statusCounts[2];772- $[19] = t15;773- } else {774- t15 = $[19];775- }776- let t16;777- if ($[20] !== t12 || $[21] !== t15 || $[22] !== t6 || $[23] !== t9) {778- t16 = /* @__PURE__ */ _jsxs("div", {779- className: "summary",780- children: [t6, t9, t12, t15],781- });782- $[20] = t12;783- $[21] = t15;784- $[22] = t6;785- $[23] = t9;786- $[24] = t16;787- } else {788- t16 = $[24];789- }790- let t17;791- if ($[25] !== count) {792- t17 = /* @__PURE__ */ _jsxs("h2", {793- children: ["Incidents ", /* @__PURE__ */ _jsx("span", { children: count })],794- });795- $[25] = count;796- $[26] = t17;797- } else {798- t17 = $[26];799- }800- let t18;801- if ($[27] === Symbol.for("react.memo_cache_sentinel")) {802- t18 = /* @__PURE__ */ _jsx("p", { children: "Manage and track your active incidents" });803- $[27] = t18;804- } else {805- t18 = $[27];806- }807- let t19;808- if ($[28] !== t17) {809- t19 = /* @__PURE__ */ _jsxs("div", { children: [t17, t18] });810- $[28] = t17;811- $[29] = t19;812- } else {813- t19 = $[29];814- }815- let t20;816- if ($[30] !== favoritesOnly || $[31] !== setFavoritesOnly) {817- t20 = () => setFavoritesOnly(!favoritesOnly);818- $[30] = favoritesOnly;819- $[31] = setFavoritesOnly;820- $[32] = t20;821- } else {822- t20 = $[32];823- }824- const t21 = favoritesOnly ? "currentColor" : "none";825- let t22;826- if ($[33] !== t21) {827- t22 = /* @__PURE__ */ _jsx(Star, {828- size: 16,829- fill: t21,830- });831- $[33] = t21;832- $[34] = t22;833- } else {834- t22 = $[34];835- }836- let t23;837- if ($[35] !== favoritesOnly || $[36] !== t20 || $[37] !== t22) {838- t23 = /* @__PURE__ */ _jsxs(Button, {839- className: "favorites-filter",840- "aria-label": "Favorites only",841- "aria-pressed": favoritesOnly,842- onClick: t20,843- children: [t22, " Favorites"],844- });845- $[35] = favoritesOnly;846- $[36] = t20;847- $[37] = t22;848- $[38] = t23;849- } else {850- t23 = $[38];851- }852- let t24;853- if ($[39] === Symbol.for("react.memo_cache_sentinel")) {854- t24 = /* @__PURE__ */ _jsx(Search, { size: 16 });855- $[39] = t24;856- } else {857- t24 = $[39];858- }859- let t25;860- if ($[40] !== setSearch) {861- t25 = (event) => setSearch(event.target.value);862- $[40] = setSearch;863- $[41] = t25;864- } else {865- t25 = $[41];866- }867- let t26;868- if ($[42] !== search || $[43] !== t25) {869- t26 = /* @__PURE__ */ _jsxs("label", {870- className: "search-field",871- htmlFor: "incident-search",872- children: [873- t24,874- /* @__PURE__ */ _jsx(TextInput, {875- id: "incident-search",876- "aria-label": "Search incidents",877- placeholder: "Search incidents...",878- value: search,879- onChange: t25,880- }),881- ],882- });883- $[42] = search;884- $[43] = t25;885- $[44] = t26;886- } else {887- t26 = $[44];888- }889- let t27;890- if ($[45] === Symbol.for("react.memo_cache_sentinel")) {891- t27 = /* @__PURE__ */ _jsx("span", {892- className: "sr-only",893- children: "Status",894- });895- $[45] = t27;896- } else {897- t27 = $[45];898- }899- let t28;900- if ($[46] !== setStatus) {901- t28 = (event_0) => setStatus(event_0.target.value);902- $[46] = setStatus;903- $[47] = t28;904- } else {905- t28 = $[47];906- }907- let t29;908- let t30;909- if ($[48] === Symbol.for("react.memo_cache_sentinel")) {910- t29 = /* @__PURE__ */ _jsx("option", { children: "All statuses" });911- t30 = statuses.map(_temp4);912- $[48] = t29;913- $[49] = t30;914- } else {915- t29 = $[48];916- t30 = $[49];917- }918- let t31;919- if ($[50] !== status || $[51] !== t28) {920- t31 = /* @__PURE__ */ _jsxs("label", {921- className: "select-field",922- htmlFor: "incident-status",923- children: [924- t27,925- /* @__PURE__ */ _jsxs(Select, {926- id: "incident-status",927- "aria-label": "Status",928- value: status,929- onChange: t28,930- children: [t29, t30],931- }),932- ],933- });934- $[50] = status;935- $[51] = t28;936- $[52] = t31;937- } else {938- t31 = $[52];939- }940- let t32;941- let t33;942- if ($[53] === Symbol.for("react.memo_cache_sentinel")) {943- t32 = /* @__PURE__ */ _jsx(ArrowDownUp, { size: 15 });944- t33 = /* @__PURE__ */ _jsx("span", {945- className: "sr-only",946- children: "Sort",947- });948- $[53] = t32;949- $[54] = t33;950- } else {951- t32 = $[53];952- t33 = $[54];953- }954- let t34;955- if ($[55] !== setSort) {956- t34 = (event_1) => setSort(event_1.target.value);957- $[55] = setSort;958- $[56] = t34;959- } else {960- t34 = $[56];961- }962- let t35;963- let t36;964- let t37;965- if ($[57] === Symbol.for("react.memo_cache_sentinel")) {966- t35 = /* @__PURE__ */ _jsx("option", {967- value: "newest",968- children: "Newest first",969- });970- t36 = /* @__PURE__ */ _jsx("option", {971- value: "oldest",972- children: "Oldest first",973- });974- t37 = /* @__PURE__ */ _jsx("option", {975- value: "severity",976- children: "Severity",977- });978- $[57] = t35;979- $[58] = t36;980- $[59] = t37;981- } else {982- t35 = $[57];983- t36 = $[58];984- t37 = $[59];985- }986- let t38;987- if ($[60] !== sort || $[61] !== t34) {988- t38 = /* @__PURE__ */ _jsxs("label", {989- className: "select-field sort-field",990- htmlFor: "incident-sort",991- children: [992- t32,993- t33,994- /* @__PURE__ */ _jsxs(Select, {995- id: "incident-sort",996- "aria-label": "Sort",997- value: sort,998- onChange: t34,999- children: [t35, t36, t37],1000- }),1001- ],1002- });1003- $[60] = sort;1004- $[61] = t34;1005- $[62] = t38;1006- } else {1007- t38 = $[62];1008- }1009- let t39;1010- if ($[63] !== t23 || $[64] !== t26 || $[65] !== t31 || $[66] !== t38) {1011- t39 = /* @__PURE__ */ _jsxs("div", {1012- className: "filters",1013- children: [t23, t26, t31, t38],1014- });1015- $[63] = t23;1016- $[64] = t26;1017- $[65] = t31;1018- $[66] = t38;1019- $[67] = t39;1020- } else {1021- t39 = $[67];1022- }1023- let t40;1024- if ($[68] !== t19 || $[69] !== t39) {1025- t40 = /* @__PURE__ */ _jsxs("div", {1026- className: "list-top",1027- children: [t19, t39],1028- });1029- $[68] = t19;1030- $[69] = t39;1031- $[70] = t40;1032- } else {1033- t40 = $[70];1034- }1035- let t41;1036- if ($[71] !== t16 || $[72] !== t40) {1037- t41 = /* @__PURE__ */ _jsxs(_Fragment, { children: [t3, t16, t40] });1038- $[71] = t16;1039- $[72] = t40;1040- $[73] = t41;1041- } else {1042- t41 = $[73];1043- }1044- return t41;259+ const statusCounts = statuses.map(260+ (item) => incidents.filter((incident) => incident.status === item).length,261+ );262+ return /* @__PURE__ */ _jsxs(_Fragment, {263+ children: [264+ /* @__PURE__ */ _jsxs("div", {265+ className: "content-heading",266+ children: [267+ /* @__PURE__ */ _jsxs("div", {268+ children: [269+ /* @__PURE__ */ _jsx("div", {270+ className: "eyebrow",271+ children: "OPERATIONS / INCIDENTS",272+ }),273+ /* @__PURE__ */ _jsx("h1", { children: "Incident triage" }),274+ /* @__PURE__ */ _jsx("p", {275+ children: "Monitor, investigate, and resolve service disruptions.",276+ }),277+ ],278+ }),279+ /* @__PURE__ */ _jsxs("div", {280+ className: "date-stamp",281+ children: [/* @__PURE__ */ _jsx(Clock3, { size: 15 }), " Live workspace"],282+ }),283+ ],284+ }),285+ /* @__PURE__ */ _jsxs("div", {286+ className: "summary",287+ children: [288+ /* @__PURE__ */ _jsxs("div", {289+ children: [290+ /* @__PURE__ */ _jsx("span", {291+ className: "summary-icon orange",292+ children: /* @__PURE__ */ _jsx(CircleAlert, { size: 17 }),293+ }),294+ /* @__PURE__ */ _jsxs("span", {295+ children: [296+ /* @__PURE__ */ _jsx("small", { children: "TOTAL INCIDENTS" }),297+ /* @__PURE__ */ _jsx("strong", {298+ "data-testid": "total",299+ children: count,300+ }),301+ ],302+ }),303+ ],304+ }),305+ /* @__PURE__ */ _jsxs("div", {306+ children: [307+ /* @__PURE__ */ _jsx("span", {308+ className: "summary-icon red",309+ children: /* @__PURE__ */ _jsx(Activity, { size: 17 }),310+ }),311+ /* @__PURE__ */ _jsxs("span", {312+ children: [313+ /* @__PURE__ */ _jsx("small", { children: "OPEN" }),314+ /* @__PURE__ */ _jsx("strong", {315+ "data-testid": "open-count",316+ children: statusCounts[0],317+ }),318+ ],319+ }),320+ ],321+ }),322+ /* @__PURE__ */ _jsxs("div", {323+ children: [324+ /* @__PURE__ */ _jsx("span", {325+ className: "summary-icon blue",326+ children: /* @__PURE__ */ _jsx(Clock3, { size: 17 }),327+ }),328+ /* @__PURE__ */ _jsxs("span", {329+ children: [330+ /* @__PURE__ */ _jsx("small", { children: "INVESTIGATING" }),331+ /* @__PURE__ */ _jsx("strong", { children: statusCounts[1] }),332+ ],333+ }),334+ ],335+ }),336+ /* @__PURE__ */ _jsxs("div", {337+ children: [338+ /* @__PURE__ */ _jsx("span", {339+ className: "summary-icon green",340+ children: /* @__PURE__ */ _jsx(Check, { size: 17 }),341+ }),342+ /* @__PURE__ */ _jsxs("span", {343+ children: [344+ /* @__PURE__ */ _jsx("small", { children: "RESOLVED" }),345+ /* @__PURE__ */ _jsx("strong", { children: statusCounts[2] }),346+ ],347+ }),348+ ],349+ }),350+ ],351+ }),352+ /* @__PURE__ */ _jsxs("div", {353+ className: "list-top",354+ children: [355+ /* @__PURE__ */ _jsxs("div", {356+ children: [357+ /* @__PURE__ */ _jsxs("h2", {358+ children: ["Incidents ", /* @__PURE__ */ _jsx("span", { children: count })],359+ }),360+ /* @__PURE__ */ _jsx("p", { children: "Manage and track your active incidents" }),361+ ],362+ }),363+ /* @__PURE__ */ _jsxs("div", {364+ className: "filters",365+ children: [366+ /* @__PURE__ */ _jsxs(Button, {367+ className: "favorites-filter",368+ "aria-label": "Favorites only",369+ "aria-pressed": favoritesOnly,370+ onClick: () => setFavoritesOnly(!favoritesOnly),371+ children: [372+ /* @__PURE__ */ _jsx(Star, {373+ size: 16,374+ fill: favoritesOnly ? "currentColor" : "none",375+ }),376+ " Favorites",377+ ],378+ }),379+ /* @__PURE__ */ _jsxs("label", {380+ className: "search-field",381+ htmlFor: "incident-search",382+ children: [383+ /* @__PURE__ */ _jsx(Search, { size: 16 }),384+ /* @__PURE__ */ _jsx(TextInput, {385+ id: "incident-search",386+ "aria-label": "Search incidents",387+ placeholder: "Search incidents...",388+ value: search,389+ onChange: (event) => setSearch(event.target.value),390+ }),391+ ],392+ }),393+ /* @__PURE__ */ _jsxs("label", {394+ className: "select-field",395+ htmlFor: "incident-status",396+ children: [397+ /* @__PURE__ */ _jsx("span", {398+ className: "sr-only",399+ children: "Status",400+ }),401+ /* @__PURE__ */ _jsxs(Select, {402+ id: "incident-status",403+ "aria-label": "Status",404+ value: status,405+ onChange: (event) => setStatus(event.target.value),406+ children: [407+ /* @__PURE__ */ _jsx("option", { children: "All statuses" }),408+ statuses.map((item) =>409+ /* @__PURE__ */ _jsx("option", { children: item }, item),410+ ),411+ ],412+ }),413+ ],414+ }),415+ /* @__PURE__ */ _jsxs("label", {416+ className: "select-field sort-field",417+ htmlFor: "incident-sort",418+ children: [419+ /* @__PURE__ */ _jsx(ArrowDownUp, { size: 15 }),420+ /* @__PURE__ */ _jsx("span", {421+ className: "sr-only",422+ children: "Sort",423+ }),424+ /* @__PURE__ */ _jsxs(Select, {425+ id: "incident-sort",426+ "aria-label": "Sort",427+ value: sort,428+ onChange: (event) => setSort(event.target.value),429+ children: [430+ /* @__PURE__ */ _jsx("option", {431+ value: "newest",432+ children: "Newest first",433+ }),434+ /* @__PURE__ */ _jsx("option", {435+ value: "oldest",436+ children: "Oldest first",437+ }),438+ /* @__PURE__ */ _jsx("option", {439+ value: "severity",440+ children: "Severity",441+ }),442+ ],443+ }),444+ ],445+ }),446+ ],447+ }),448+ ],449+ }),450+ ],451+ });1045452}1046- function _temp4(item_0) {1047- return /* @__PURE__ */ _jsx("option", { children: item_0 }, item_0);1048- }1049- function OpenIncidentButton(t0) {1050- const $ = _c(14);1051- const { id, title, severity, onOpen } = t0;1052- const t1 = `Open ${id}`;1053- let t2;1054- if ($[0] !== severity) {1055- t2 = severity.toLowerCase();1056- $[0] = severity;1057- $[1] = t2;1058- } else {1059- t2 = $[1];1060- }1061- const t3 = `severity-mark ${t2}`;1062- let t4;1063- if ($[2] !== t3) {1064- t4 = /* @__PURE__ */ _jsx("span", { className: t3 });1065- $[2] = t3;1066- $[3] = t4;1067- } else {1068- t4 = $[3];1069- }1070- let t5;1071- if ($[4] !== title) {1072- t5 = /* @__PURE__ */ _jsx("span", {1073- className: "incident-title",1074- children: title,1075- });1076- $[4] = title;1077- $[5] = t5;1078- } else {1079- t5 = $[5];1080- }1081- let t6;1082- if ($[6] !== id) {1083- t6 = /* @__PURE__ */ _jsx("span", {1084- className: "incident-id",1085- children: id,1086- });1087- $[6] = id;1088- $[7] = t6;1089- } else {1090- t6 = $[7];1091- }1092- let t7;1093- if ($[8] !== onOpen || $[9] !== t1 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {1094- t7 = /* @__PURE__ */ _jsxs(Button, {1095- className: "row-open",1096- onClick: onOpen,1097- "aria-label": t1,1098- children: [t4, t5, t6],1099- });1100- $[8] = onOpen;1101- $[9] = t1;1102- $[10] = t4;1103- $[11] = t5;1104- $[12] = t6;1105- $[13] = t7;1106- } else {1107- t7 = $[13];1108- }1109- return t7;1110- }1111- function FavoriteButton(t0) {1112- const $ = _c(8);1113- const { id, favorite, onToggle } = t0;1114- const t1 = `favorite ${favorite ? "is-favorite" : ""}`;1115- const t2 = `${favorite ? "Unfavorite" : "Favorite"} ${id}`;1116- const t3 = favorite ? "currentColor" : "none";1117- let t4;1118- if ($[0] !== t3) {1119- t4 = /* @__PURE__ */ _jsx(Star, {453+ const OpenIncidentButton = memo(function OpenIncidentButton({ id, title, severity, onOpen }) {454+ return /* @__PURE__ */ _jsxs(Button, {455+ className: "row-open",456+ onClick: onOpen,457+ "aria-label": `Open ${id}`,458+ children: [459+ /* @__PURE__ */ _jsx("span", { className: `severity-mark ${severity.toLowerCase()}` }),460+ /* @__PURE__ */ _jsx("span", {461+ className: "incident-title",462+ children: title,463+ }),464+ /* @__PURE__ */ _jsx("span", {465+ className: "incident-id",466+ children: id,467+ }),468+ ],469+ });470+ });471+ const FavoriteButton = memo(function FavoriteButton({ id, favorite, onToggle }) {472+ return /* @__PURE__ */ _jsx(Button, {473+ className: `favorite ${favorite ? "is-favorite" : ""}`,474+ "aria-label": `${favorite ? "Unfavorite" : "Favorite"} ${id}`,475+ "aria-pressed": favorite,476+ onClick: onToggle,477+ children: /* @__PURE__ */ _jsx(Star, {1120478size: 16,1121- fill: t3,1122- });1123- $[0] = t3;1124- $[1] = t4;1125- } else {1126- t4 = $[1];1127- }1128- let t5;1129- if ($[2] !== favorite || $[3] !== onToggle || $[4] !== t1 || $[5] !== t2 || $[6] !== t4) {1130- t5 = /* @__PURE__ */ _jsx(Button, {1131- className: t1,1132- "aria-label": t2,1133- "aria-pressed": favorite,1134- onClick: onToggle,1135- children: t4,1136- });1137- $[2] = favorite;1138- $[3] = onToggle;1139- $[4] = t1;1140- $[5] = t2;1141- $[6] = t4;1142- $[7] = t5;1143- } else {1144- t5 = $[7];1145- }1146- return t5;1147- }1148- function IncidentRow(t0) {1149- const $ = _c(43);1150- const { incident, selected } = t0;479+ fill: favorite ? "currentColor" : "none",480+ }),481+ });482+ });483+ function IncidentRowImpl({ incident, selected }) {1151484const { setSelectedId } = useSelectionActions();1152485const { toggleFavorite } = useIncidentActions();1153- let t1;1154- if ($[0] !== incident.id || $[1] !== setSelectedId) {1155- t1 = () => setSelectedId(incident.id);1156- $[0] = incident.id;1157- $[1] = setSelectedId;1158- $[2] = t1;1159- } else {1160- t1 = $[2];1161- }1162- const openIncident = t1;1163- let t2;1164- if ($[3] !== incident.id || $[4] !== toggleFavorite) {1165- t2 = () => toggleFavorite(incident.id);1166- $[3] = incident.id;1167- $[4] = toggleFavorite;1168- $[5] = t2;1169- } else {1170- t2 = $[5];1171- }1172- const toggleIncidentFavorite = t2;1173- const t3 = selected ? "selected" : "";1174- const t4 = `button:open:${incident.id}`;1175- let t5;1176- if (1177- $[6] !== incident.id ||1178- $[7] !== incident.severity ||1179- $[8] !== incident.title ||1180- $[9] !== openIncident1181- ) {1182- t5 = /* @__PURE__ */ _jsx(OpenIncidentButton, {1183- id: incident.id,1184- title: incident.title,1185- severity: incident.severity,1186- onOpen: openIncident,1187- });1188- $[6] = incident.id;1189- $[7] = incident.severity;1190- $[8] = incident.title;1191- $[9] = openIncident;1192- $[10] = t5;1193- } else {1194- t5 = $[10];1195- }1196- let t6;1197- if ($[11] !== t4 || $[12] !== t5) {1198- t6 = /* @__PURE__ */ _jsx("td", {1199- children: /* @__PURE__ */ _jsx(Profiled, {1200- id: t4,1201- children: t5,486+ const openIncident = useCallback(() => setSelectedId(incident.id), [incident.id, setSelectedId]);487+ const toggleIncidentFavorite = useCallback(488+ () => toggleFavorite(incident.id),489+ [incident.id, toggleFavorite],490+ );491+ return /* @__PURE__ */ _jsxs("tr", {492+ className: selected ? "selected" : "",493+ children: [494+ /* @__PURE__ */ _jsx("td", {495+ children: /* @__PURE__ */ _jsx(Profiled, {496+ id: `button:open:${incident.id}`,497+ children: /* @__PURE__ */ _jsx(OpenIncidentButton, {498+ id: incident.id,499+ title: incident.title,500+ severity: incident.severity,501+ onOpen: openIncident,502+ }),503+ }),1202504}),1203- });1204- $[11] = t4;1205- $[12] = t5;1206- $[13] = t6;1207- } else {1208- t6 = $[13];1209- }1210- let t7;1211- if ($[14] !== incident.service) {1212- t7 = /* @__PURE__ */ _jsx("td", {1213- className: "service-cell",1214- children: incident.service,1215- });1216- $[14] = incident.service;1217- $[15] = t7;1218- } else {1219- t7 = $[15];1220- }1221- let t8;1222- if ($[16] !== incident.status) {1223- t8 = /* @__PURE__ */ _jsx("td", {1224- children: /* @__PURE__ */ _jsx(StatusBadge, { status: incident.status }),1225- });1226- $[16] = incident.status;1227- $[17] = t8;1228- } else {1229- t8 = $[17];1230- }1231- let t9;1232- if ($[18] !== incident.severity) {1233- t9 = incident.severity.toLowerCase();1234- $[18] = incident.severity;1235- $[19] = t9;1236- } else {1237- t9 = $[19];1238- }1239- const t10 = `severity-label ${t9}`;1240- let t11;1241- if ($[20] !== incident.severity || $[21] !== t10) {1242- t11 = /* @__PURE__ */ _jsx("td", {1243- children: /* @__PURE__ */ _jsx("span", {1244- className: t10,1245- children: incident.severity,505+ /* @__PURE__ */ _jsx("td", {506+ className: "service-cell",507+ children: incident.service,1246508}),1247- });1248- $[20] = incident.severity;1249- $[21] = t10;1250- $[22] = t11;1251- } else {1252- t11 = $[22];1253- }1254- let t12;1255- if ($[23] !== incident.owner) {1256- t12 = /* @__PURE__ */ _jsx("td", {1257- className: "owner-cell",1258- children: incident.owner,1259- });1260- $[23] = incident.owner;1261- $[24] = t12;1262- } else {1263- t12 = $[24];1264- }1265- let t13;1266- if ($[25] !== incident.time) {1267- t13 = /* @__PURE__ */ _jsx("td", {1268- className: "time-cell",1269- children: incident.time,1270- });1271- $[25] = incident.time;1272- $[26] = t13;1273- } else {1274- t13 = $[26];1275- }1276- const t14 = `button:favorite:${incident.id}`;1277- let t15;1278- if ($[27] !== incident.favorite || $[28] !== incident.id || $[29] !== toggleIncidentFavorite) {1279- t15 = /* @__PURE__ */ _jsx(FavoriteButton, {1280- id: incident.id,1281- favorite: incident.favorite,1282- onToggle: toggleIncidentFavorite,1283- });1284- $[27] = incident.favorite;1285- $[28] = incident.id;1286- $[29] = toggleIncidentFavorite;1287- $[30] = t15;1288- } else {1289- t15 = $[30];1290- }1291- let t16;1292- if ($[31] !== t14 || $[32] !== t15) {1293- t16 = /* @__PURE__ */ _jsx("td", {1294- children: /* @__PURE__ */ _jsx(Profiled, {1295- id: t14,1296- children: t15,509+ /* @__PURE__ */ _jsx("td", {510+ children: /* @__PURE__ */ _jsx(StatusBadge, { status: incident.status }),1297511}),1298- });1299- $[31] = t14;1300- $[32] = t15;1301- $[33] = t16;1302- } else {1303- t16 = $[33];1304- }1305- let t17;1306- if (1307- $[34] !== t11 ||1308- $[35] !== t12 ||1309- $[36] !== t13 ||1310- $[37] !== t16 ||1311- $[38] !== t3 ||1312- $[39] !== t6 ||1313- $[40] !== t7 ||1314- $[41] !== t81315- ) {1316- t17 = /* @__PURE__ */ _jsxs("tr", {1317- className: t3,1318- children: [t6, t7, t8, t11, t12, t13, t16],1319- });1320- $[34] = t11;1321- $[35] = t12;1322- $[36] = t13;1323- $[37] = t16;1324- $[38] = t3;1325- $[39] = t6;1326- $[40] = t7;1327- $[41] = t8;1328- $[42] = t17;1329- } else {1330- t17 = $[42];1331- }1332- return t17;512+ /* @__PURE__ */ _jsx("td", {513+ children: /* @__PURE__ */ _jsx("span", {514+ className: `severity-label ${incident.severity.toLowerCase()}`,515+ children: incident.severity,516+ }),517+ }),518+ /* @__PURE__ */ _jsx("td", {519+ className: "owner-cell",520+ children: incident.owner,521+ }),522+ /* @__PURE__ */ _jsx("td", {523+ className: "time-cell",524+ children: incident.time,525+ }),526+ /* @__PURE__ */ _jsx("td", {527+ children: /* @__PURE__ */ _jsx(Profiled, {528+ id: `button:favorite:${incident.id}`,529+ children: /* @__PURE__ */ _jsx(FavoriteButton, {530+ id: incident.id,531+ favorite: incident.favorite,532+ onToggle: toggleIncidentFavorite,533+ }),534+ }),535+ }),536+ ],537+ });1333538}1334- function IncidentList(t0) {1335- const $ = _c(13);1336- const { incidents } = t0;539+ const IncidentRow = __ROW_MEMO_ENABLED__ ? memo(IncidentRowImpl) : IncidentRowImpl;540+ function IncidentList({ incidents }) {1337541const { selectedId } = useSelection();1338- let t1;1339- if ($[0] === Symbol.for("react.memo_cache_sentinel")) {1340- t1 = /* @__PURE__ */ _jsx("thead", {1341- children: /* @__PURE__ */ _jsxs("tr", {542+ return /* @__PURE__ */ _jsxs("div", {543+ className: "table-scroll",544+ children: [545+ /* @__PURE__ */ _jsxs("table", {1342546children: [1343- /* @__PURE__ */ _jsx("th", { children: "INCIDENT" }),1344- /* @__PURE__ */ _jsx("th", { children: "SERVICE" }),1345- /* @__PURE__ */ _jsx("th", { children: "STATUS" }),1346- /* @__PURE__ */ _jsx("th", { children: "SEVERITY" }),1347- /* @__PURE__ */ _jsx("th", { children: "OWNER" }),1348- /* @__PURE__ */ _jsx("th", { children: "TIME" }),1349- /* @__PURE__ */ _jsx("th", {1350- children: /* @__PURE__ */ _jsx("span", {1351- className: "sr-only",1352- children: "Favorite",547+ /* @__PURE__ */ _jsx("thead", {548+ children: /* @__PURE__ */ _jsxs("tr", {549+ children: [550+ /* @__PURE__ */ _jsx("th", { children: "INCIDENT" }),551+ /* @__PURE__ */ _jsx("th", { children: "SERVICE" }),552+ /* @__PURE__ */ _jsx("th", { children: "STATUS" }),553+ /* @__PURE__ */ _jsx("th", { children: "SEVERITY" }),554+ /* @__PURE__ */ _jsx("th", { children: "OWNER" }),555+ /* @__PURE__ */ _jsx("th", { children: "TIME" }),556+ /* @__PURE__ */ _jsx("th", {557+ children: /* @__PURE__ */ _jsx("span", {558+ className: "sr-only",559+ children: "Favorite",560+ }),561+ }),562+ ],1353563}),1354564}),565+ /* @__PURE__ */ _jsx("tbody", {566+ children: incidents.map((incident) =>567+ /* @__PURE__ */ _jsx(568+ Profiled,569+ {570+ id: `row:${incident.id}`,571+ children: /* @__PURE__ */ _jsx(IncidentRow, {572+ incident,573+ selected: selectedId === incident.id,574+ }),575+ },576+ incident.id,577+ ),578+ ),579+ }),1355580],1356581}),1357- });1358- $[0] = t1;1359- } else {1360- t1 = $[0];1361- }1362- let t2;1363- if ($[1] !== incidents || $[2] !== selectedId) {1364- let t3;1365- if ($[4] !== selectedId) {1366- t3 = (incident) =>1367- /* @__PURE__ */ _jsx(1368- Profiled,1369- {1370- id: `row:${incident.id}`,1371- children: /* @__PURE__ */ _jsx(IncidentRow, {1372- incident,1373- selected: selectedId === incident.id,1374- }),1375- },1376- incident.id,1377- );1378- $[4] = selectedId;1379- $[5] = t3;1380- } else {1381- t3 = $[5];1382- }1383- t2 = incidents.map(t3);1384- $[1] = incidents;1385- $[2] = selectedId;1386- $[3] = t2;1387- } else {1388- t2 = $[3];1389- }1390- let t3;1391- if ($[6] !== t2) {1392- t3 = /* @__PURE__ */ _jsxs("table", {1393- children: [t1, /* @__PURE__ */ _jsx("tbody", { children: t2 })],1394- });1395- $[6] = t2;1396- $[7] = t3;1397- } else {1398- t3 = $[7];1399- }1400- let t4;1401- if ($[8] !== incidents.length) {1402- t4 =1403582incidents.length === 0 &&1404- /* @__PURE__ */ _jsx("div", {1405- className: "empty",1406- children: "No incidents match your filters.",1407- });1408- $[8] = incidents.length;1409- $[9] = t4;1410- } else {1411- t4 = $[9];1412- }1413- let t5;1414- if ($[10] !== t3 || $[11] !== t4) {1415- t5 = /* @__PURE__ */ _jsxs("div", {1416- className: "table-scroll",1417- children: [t3, t4],1418- });1419- $[10] = t3;1420- $[11] = t4;1421- $[12] = t5;1422- } else {1423- t5 = $[12];1424- }1425- return t5;583+ /* @__PURE__ */ _jsx("div", {584+ className: "empty",585+ children: "No incidents match your filters.",586+ }),587+ ],588+ });1426589}1427- function Detail() {1428- const $ = _c(23);590+ const Detail = memo(function Detail() {1429591const { selectedId, setSelectedId } = useSelection();1430592const { incidents, resolve, toggleFavorite } = useIncidents();1431- let t0;1432- if ($[0] !== incidents || $[1] !== selectedId) {1433- let t1;1434- if ($[3] !== selectedId) {1435- t1 = (item) => item.id === selectedId;1436- $[3] = selectedId;1437- $[4] = t1;1438- } else {1439- t1 = $[4];593+ const incident = incidents.find((item) => item.id === selectedId);594+ useEffect(() => {595+ if (selectedId && window.matchMedia("(max-width: 1050px)").matches)596+ document.querySelector(".detail .back-button")?.focus();597+ }, [selectedId]);598+ function closeDetail() {599+ setSelectedId(null);600+ document.querySelector(`[aria-label="Open ${selectedId}"]`)?.focus();601+ }602+ function onDetailKeyDown(event) {603+ if (event.key === "Escape") closeDetail();604+ if (event.key !== "Tab" || !window.matchMedia("(max-width: 1050px)").matches) return;605+ const buttons = Array.from(event.currentTarget.querySelectorAll("button:not(:disabled)"));606+ if (event.shiftKey && document.activeElement === buttons[0]) {607+ event.preventDefault();608+ buttons.at(-1)?.focus();609+ } else if (!event.shiftKey && document.activeElement === buttons.at(-1)) {610+ event.preventDefault();611+ buttons[0]?.focus();1440612}1441- t0 = incidents.find(t1);1442- $[0] = incidents;1443- $[1] = selectedId;1444- $[2] = t0;1445- } else {1446- t0 = $[2];1447613}1448- const incident = t0;1449- let t1;1450- let t2;1451- if ($[5] !== selectedId) {1452- t1 = () => {1453- if (selectedId && window.matchMedia("(max-width: 1050px)").matches) {1454- document.querySelector(".detail .back-button")?.focus();1455- }1456- };1457- t2 = [selectedId];1458- $[5] = selectedId;1459- $[6] = t1;1460- $[7] = t2;1461- } else {1462- t1 = $[6];1463- t2 = $[7];1464- }1465- useEffect(t1, t2);1466- let t3;1467- if ($[8] !== selectedId || $[9] !== setSelectedId) {1468- t3 = function closeDetail() {1469- setSelectedId(null);1470- document.querySelector(`[aria-label="Open ${selectedId}"]`)?.focus();1471- };1472- $[8] = selectedId;1473- $[9] = setSelectedId;1474- $[10] = t3;1475- } else {1476- t3 = $[10];1477- }1478- const closeDetail = t3;1479- let t4;1480- if ($[11] !== closeDetail) {1481- t4 = function onDetailKeyDown(event) {1482- if (event.key === "Escape") {1483- closeDetail();1484- }1485- if (event.key !== "Tab" || !window.matchMedia("(max-width: 1050px)").matches) {1486- return;1487- }1488- const buttons = Array.from(event.currentTarget.querySelectorAll("button:not(:disabled)"));1489- if (event.shiftKey && document.activeElement === buttons[0]) {1490- event.preventDefault();1491- buttons.at(-1)?.focus();1492- } else {1493- if (!event.shiftKey && document.activeElement === buttons.at(-1)) {1494- event.preventDefault();1495- buttons[0]?.focus();1496- }1497- }1498- };1499- $[11] = closeDetail;1500- $[12] = t4;1501- } else {1502- t4 = $[12];1503- }1504- const onDetailKeyDown = t4;1505- const t5 = `detail ${incident ? "detail-open" : ""}`;1506- const t6 = incident && window.matchMedia("(max-width: 1050px)").matches ? true : undefined;1507- let t7;1508- if (1509- $[13] !== closeDetail ||1510- $[14] !== incident ||1511- $[15] !== resolve ||1512- $[16] !== toggleFavorite1513- ) {1514- t7 = incident614+ return /* @__PURE__ */ _jsx("dialog", {615+ open: true,616+ className: `detail ${incident ? "detail-open" : ""}`,617+ "aria-modal": incident && window.matchMedia("(max-width: 1050px)").matches ? true : undefined,618+ onKeyDown: onDetailKeyDown,619+ "aria-label": "Incident detail",620+ children: incident1515621? /* @__PURE__ */ _jsxs(_Fragment, {1516622children: [1517623/* @__PURE__ */ _jsxs("div", {1518624className: "detail-head",1519625children: [1520626/* @__PURE__ */ _jsx(Button, {1521627className: "back-button",1522628onClick: closeDetail,1523629"aria-label": "Close detail",1524630children: /* @__PURE__ */ _jsx(ChevronLeft, { size: 18 }),1525631}),1526632/* @__PURE__ */ _jsx("span", { children: "INCIDENT DETAILS" }),1527633/* @__PURE__ */ _jsx(Button, {1528634className: `favorite ${incident.favorite ? "is-favorite" : ""}`,1529635"aria-label": `${incident.favorite ? "Unfavorite" : "Favorite"} detail`,1530636onClick: () => toggleFavorite(incident.id),1531637children: /* @__PURE__ */ _jsx(Star, {1532638size: 17,1533639fill: incident.favorite ? "currentColor" : "none",1534640}),1535641}),1536642],1537643}),1538644/* @__PURE__ */ _jsxs("div", {1539645className: "detail-body",1540646children: [1541647/* @__PURE__ */ _jsx("span", {1542648className: "detail-id",1543649children: incident.id,1544650}),1545651/* @__PURE__ */ _jsx("h2", { children: incident.title }),1546652/* @__PURE__ */ _jsx(StatusBadge, { status: incident.status }),1547653/* @__PURE__ */ _jsxs("div", {1548654className: "detail-section",1549655children: [1550656/* @__PURE__ */ _jsx("h3", { children: "Overview" }),1551657/* @__PURE__ */ _jsxs("dl", {1552658children: [1553659/* @__PURE__ */ _jsxs("div", {1554660children: [1555661/* @__PURE__ */ _jsx("dt", { children: "Service" }),1556662/* @__PURE__ */ _jsx("dd", { children: incident.service }),1557663],1558664}),1559665/* @__PURE__ */ _jsxs("div", {1560666children: [1561667/* @__PURE__ */ _jsx("dt", { children: "Queue" }),1562668/* @__PURE__ */ _jsx("dd", { children: incident.queue }),1563669],1564670}),1565671/* @__PURE__ */ _jsxs("div", {1566672children: [1567673/* @__PURE__ */ _jsx("dt", { children: "Severity" }),1568674/* @__PURE__ */ _jsx("dd", { children: incident.severity }),1569675],1570676}),1571677/* @__PURE__ */ _jsxs("div", {1572678children: [1573679/* @__PURE__ */ _jsx("dt", { children: "Owner" }),1574680/* @__PURE__ */ _jsx("dd", { children: incident.owner }),1575681],1576682}),1577683/* @__PURE__ */ _jsxs("div", {1578684children: [1579685/* @__PURE__ */ _jsx("dt", { children: "Detected" }),1580686/* @__PURE__ */ _jsxs("dd", { children: ["Today, ", incident.time] }),1581687],1582688}),1583689],1584690}),1585691],1586692}),1587693/* @__PURE__ */ _jsxs("div", {1588694className: "detail-section",1589695children: [1590696/* @__PURE__ */ _jsx("h3", { children: "Activity" }),1591697/* @__PURE__ */ _jsx("ul", {1592698className: "activity-list",1593- children: incident.activity.map(_temp5),699+ children: incident.activity.map((entry, index) =>700+ /* @__PURE__ */ _jsxs(701+ "li",702+ {703+ children: [entry, /* @__PURE__ */ _jsx("small", { children: "Today" })],704+ },705+ index,706+ ),707+ ),1594708}),1595709],1596710}),1597711incident.status !== "Resolved" &&1598712/* @__PURE__ */ _jsxs(Button, {1599713className: "resolve-button",1600714onClick: () => resolve(incident.id),1601715children: [/* @__PURE__ */ _jsx(Check, { size: 16 }), " Mark resolved"],1602716}),1603717],1604718}),1605719],1606720})1607721: /* @__PURE__ */ _jsxs("div", {1608722className: "detail-placeholder",1609723children: [1610724/* @__PURE__ */ _jsx("span", {1611725className: "placeholder-icon",1612726children: /* @__PURE__ */ _jsx(Activity, { size: 24 }),1613727}),1614728/* @__PURE__ */ _jsx("h2", { children: "No incident selected" }),1615729/* @__PURE__ */ _jsx("p", {1616730children: "Select an incident from the list to view its details and activity.",1617731}),1618732],1619- });1620- $[13] = closeDetail;1621- $[14] = incident;1622- $[15] = resolve;1623- $[16] = toggleFavorite;1624- $[17] = t7;1625- } else {1626- t7 = $[17];1627- }1628- let t8;1629- if ($[18] !== onDetailKeyDown || $[19] !== t5 || $[20] !== t6 || $[21] !== t7) {1630- t8 = /* @__PURE__ */ _jsx("dialog", {1631- open: true,1632- className: t5,1633- "aria-modal": t6,1634- onKeyDown: onDetailKeyDown,1635- "aria-label": "Incident detail",1636- children: t7,1637- });1638- $[18] = onDetailKeyDown;1639- $[19] = t5;1640- $[20] = t6;1641- $[21] = t7;1642- $[22] = t8;1643- } else {1644- t8 = $[22];1645- }1646- return t8;1647- }1648- function _temp5(entry, index) {1649- return /* @__PURE__ */ _jsxs(1650- "li",1651- { children: [entry, /* @__PURE__ */ _jsx("small", { children: "Today" })] },1652- index,1653- );1654- }733+ }),734+ });735+ });1655736function Shell() {1656- const $ = _c(22);1657737const { incidents } = useIncidents();1658738const { queue } = useWorkspace();1659739const { search, status, sort, favoritesOnly } = useFilters();1660740const { settings } = useUserSettings();1661- let t0;1662- if (1663- $[0] !== favoritesOnly ||1664- $[1] !== incidents ||1665- $[2] !== queue ||1666- $[3] !== search ||1667- $[4] !== sort ||1668- $[5] !== status1669- ) {1670- t0 = visibleIncidents(incidents, queue, search, status, sort, favoritesOnly);1671- $[0] = favoritesOnly;1672- $[1] = incidents;1673- $[2] = queue;1674- $[3] = search;1675- $[4] = sort;1676- $[5] = status;1677- $[6] = t0;1678- } else {1679- t0 = $[6];1680- }1681- const visible = t0;1682- let t1;1683- if ($[7] === Symbol.for("react.memo_cache_sentinel")) {1684- t1 = /* @__PURE__ */ _jsx(Header, {});1685- $[7] = t1;1686- } else {1687- t1 = $[7];1688- }1689- let t2;1690- if ($[8] === Symbol.for("react.memo_cache_sentinel")) {1691- t2 = /* @__PURE__ */ _jsx(Sidebar, {});1692- $[8] = t2;1693- } else {1694- t2 = $[8];1695- }1696- let t3;1697- if ($[9] !== visible) {1698- t3 = /* @__PURE__ */ _jsx(Profiled, {1699- id: "toolbar",1700- children: /* @__PURE__ */ _jsx(Toolbar, { incidents: visible }),1701- });1702- $[9] = visible;1703- $[10] = t3;1704- } else {1705- t3 = $[10];1706- }1707- let t4;1708- if ($[11] !== visible) {1709- t4 = /* @__PURE__ */ _jsx(Profiled, {1710- id: "list",1711- children: /* @__PURE__ */ _jsx(IncidentList, { incidents: visible }),1712- });1713- $[11] = visible;1714- $[12] = t4;1715- } else {1716- t4 = $[12];1717- }1718- let t5;1719- if ($[13] !== t3 || $[14] !== t4) {1720- t5 = /* @__PURE__ */ _jsxs("main", {1721- className: "main",1722- children: [t3, t4],1723- });1724- $[13] = t3;1725- $[14] = t4;1726- $[15] = t5;1727- } else {1728- t5 = $[15];1729- }1730- let t6;1731- if ($[16] === Symbol.for("react.memo_cache_sentinel")) {1732- t6 = /* @__PURE__ */ _jsx(Profiled, {1733- id: "detail",1734- children: /* @__PURE__ */ _jsx(Detail, {}),1735- });1736- $[16] = t6;1737- } else {1738- t6 = $[16];1739- }1740- let t7;1741- if ($[17] !== t5) {1742- t7 = /* @__PURE__ */ _jsxs("div", {1743- className: "workspace",1744- children: [t2, t5, t6],1745- });1746- $[17] = t5;1747- $[18] = t7;1748- } else {1749- t7 = $[18];1750- }1751- let t8;1752- if ($[19] !== settings.density || $[20] !== t7) {1753- t8 = /* @__PURE__ */ _jsxs("div", {1754- className: "app",1755- "data-density": settings.density,1756- children: [t1, t7],1757- });1758- $[19] = settings.density;1759- $[20] = t7;1760- $[21] = t8;1761- } else {1762- t8 = $[21];1763- }1764- return t8;741+ const visible = useMemo(742+ () => visibleIncidents(incidents, queue, search, status, sort, favoritesOnly),743+ [incidents, queue, search, status, sort, favoritesOnly],744+ );745+ return /* @__PURE__ */ _jsxs("div", {746+ className: "app",747+ "data-density": settings.density,748+ children: [749+ /* @__PURE__ */ _jsx(Header, {}),750+ /* @__PURE__ */ _jsxs("div", {751+ className: "workspace",752+ children: [753+ /* @__PURE__ */ _jsx(Sidebar, {}),754+ /* @__PURE__ */ _jsxs("main", {755+ className: "main",756+ children: [757+ /* @__PURE__ */ _jsx(Profiled, {758+ id: "toolbar",759+ children: /* @__PURE__ */ _jsx(Toolbar, { incidents: visible }),760+ }),761+ /* @__PURE__ */ _jsx(Profiled, {762+ id: "list",763+ children: /* @__PURE__ */ _jsx(IncidentList, { incidents: visible }),764+ }),765+ ],766+ }),767+ /* @__PURE__ */ _jsx(Profiled, {768+ id: "detail",769+ children: /* @__PURE__ */ _jsx(Detail, {}),770+ }),771+ ],772+ }),773+ ],774+ });1765775}1766776export default function App() {1767- const $ = _c(1);1768- let t0;1769- if ($[0] === Symbol.for("react.memo_cache_sentinel")) {1770- t0 = /* @__PURE__ */ _jsx(WorkspaceProvider, {1771- children: /* @__PURE__ */ _jsx(IncidentProvider, {1772- children: /* @__PURE__ */ _jsx(FilterProvider, {1773- children: /* @__PURE__ */ _jsx(SelectionProvider, {1774- children: /* @__PURE__ */ _jsx(SettingsProvider, {1775- children: /* @__PURE__ */ _jsx(NotificationProvider, {1776- children: /* @__PURE__ */ _jsx(Profiled, {1777- id: "shell",1778- children: /* @__PURE__ */ _jsx(Shell, {}),1779- }),777+ return /* @__PURE__ */ _jsx(WorkspaceProvider, {778+ children: /* @__PURE__ */ _jsx(IncidentProvider, {779+ children: /* @__PURE__ */ _jsx(FilterProvider, {780+ children: /* @__PURE__ */ _jsx(SelectionProvider, {781+ children: /* @__PURE__ */ _jsx(SettingsProvider, {782+ children: /* @__PURE__ */ _jsx(NotificationProvider, {783+ children: /* @__PURE__ */ _jsx(Profiled, {784+ id: "shell",785+ children: /* @__PURE__ */ _jsx(Shell, {}),1780786}),1781787}),1782788}),1783789}),1784790}),1785- });1786- $[0] = t0;1787- } else {1788- t0 = $[0];1789- }1790- return t0;791+ }),792+ });1791793}