npm - @activecollab/components - Versions diffs - 2.0.346 → 2.0.347 - Mend

@activecollab/components 2.0.346 → 2.0.347

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/cjs/presentation/shared/WebhookLogsDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WebhookLogsDialog.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_Chip","_Dialog","_Filter","_IconButton","_Icons","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","WEBHOOK_CONNECTIONS","exports","id","service","EVENT_KIND_LABELS","issue","merge_request","repository","ping","STATUS_LABELS","received","unhandled","skipped","processed","failed","duplicate","STATUS_COLORS","bg","fg","connectionIcon","GitHubIcon","GitLabIcon","GitIcon","StatusChip","_ref","status","_STATUS_COLORS$status","createElement","Chip","label","backgroundColor","color","typographyProps","variant","weight","style","borderRadius","PAYLOAD_ISSUE_OPENED","JSON","stringify","action","number","title","state","html_url","labels","user","login","full_name","private","sender","PAYLOAD_MERGE_REQUEST","object_kind","event_type","username","project","path_with_namespace","object_attributes","iid","source_branch","target_branch","PAYLOAD_PUSH","ref","before","after","commits","message","author","email","WEBHOOK_LOGS","connectionId","eventKind","deliveryIdentifier","outcomes","payload","receivedOn","receivedAt","zen","hook_id","escapeHtml","replace","highlightJson","json","match","cls","concat","PAYLOAD_COLLAPSED_LINES","PayloadPre","styled","pre","withConfig","displayName","componentId","_ref2","$collapsed","PayloadWrap","div","PayloadBlock","_ref3","_useState","useState","_useState2","collapsed","setCollapsed","lineCount","useMemo","split","html","canToggle","className","Button","size","onClick","dangerouslySetInnerHTML","__html","LogRowWrap","LogRow","_ref4","_connection$name","log","connection","_useState3","_useState4","open","setOpen","ConnIcon","type","CollapseExpandSingleIcon","Body2","Caption1","map","outcome","index","key","WebhookLogsDialogStyled","Dialog","DialogTitleBar","LogListHeader","EmptyLogs","WebhookLogsDialog","_ref5","onClose","initialConnectionId","connectionIds","_useState5","_useState6","filters","setFilters","connectionsById","forEach","filterData","submenu","Set","keys","visibleLogs","_filters$connection","_filters$event_type","_filters$status","byConnection","byEvent","byStatus","filter","includes","sort","b","enableBackgroundClick","Title","disableDefaultHeading","Header3","Filter","data","selected","clearAllText","noResultText","emptyFilterText","onChange","IconButton","CancelCrossIcon","ContentDivider","Content","Fragment","Caption2"],"sources":["../../../../src/presentation/shared/WebhookLogsDialog.tsx"],"sourcesContent":["import React, { ElementType, ReactElement, useMemo, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Button } from \"../../components/Button\";\nimport { Chip } from \"../../components/Chip\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { Filter, SelectedType } from \"../../components/Filter\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n CancelCrossIcon,\n CollapseExpandSingleIcon,\n GitHubIcon,\n GitIcon,\n GitLabIcon,\n} from \"../../components/Icons\";\nimport {\n Body2,\n Caption1,\n Caption2,\n Header3,\n} from \"../../components/Typography\";\n\n/**\n * \"Webhook Logs\" — the VCS webhook delivery log, shown as a wide dialog with a\n * filterable, expandable list. Extracted into `shared/` so it can be opened\n * from more than one surface (the Apps & Integrations Repositories page and the\n * project \"...\" menu on the Project Repos story).\n *\n * Mirrors the app's webhook log model:\n * `vcs_webhook_logs` → connection_id, event_type, processing_status\n * (received / unhandled / skipped / processed /\n * failed / duplicate), delivery_identifier, payload,\n * created_on\n * `vcs_webhook_outcomes` → one row per outcome, each with a localized summary\n *\n * The status is derived from the outcomes server-side; here we render the\n * stored value and map it to a palette colour. The connection glyph is the\n * provider icon (GitHub / GitLab, Git for anything else).\n */\n\ntype WebhookStatus =\n | \"received\"\n | \"unhandled\"\n | \"skipped\"\n | \"processed\"\n | \"failed\"\n | \"duplicate\";\n\nexport interface WebhookConnection {\n id: string;\n name: string;\n service: \"github\" | \"gitlab\";\n}\n\n/**\n * Normalized event kind. The processor layer maps each provider's raw event\n * header (GitHub `issues`, GitLab `Issue Hook`, …) onto one provider-agnostic\n * kind, so the same logical event reads — and filters — identically across\n * connections instead of appearing once per provider.\n */\ntype WebhookEventKind =\n | \"issue\"\n | \"push\"\n | \"merge_request\"\n | \"repository\"\n | \"ping\";\n\nexport interface WebhookLog {\n id: string;\n connectionId: string;\n eventKind: WebhookEventKind;\n status: WebhookStatus;\n /** X-GitHub-Delivery GUID / X-Gitlab-Event-UUID. */\n deliveryIdentifier: string;\n /** Localized outcome summaries; empty when we never reached that stage. */\n outcomes: string[];\n /** Pretty-printed JSON payload; absent when no JSON body was logged. */\n payload?: string;\n /** Display timestamp. */\n receivedOn: string;\n /** Sort key — newest logs render at the top. */\n receivedAt: number;\n}\n\nexport const WEBHOOK_CONNECTIONS: WebhookConnection[] = [\n { id: \"gh-activecollab\", name: \"ActiveCollab\", service: \"github\" },\n { id: \"gh-abstergo\", name: \"Abstergo Ltd.\", service: \"github\" },\n { id: \"gh-binford\", name: \"Binford & Co.\", service: \"github\" },\n { id: \"gl-platform\", name: \"Platform\", service: \"gitlab\" },\n { id: \"gl-content\", name: \"Content\", service: \"gitlab\" },\n { id: \"gl-acme-ce\", name: \"Acme Community\", service: \"gitlab\" },\n];\n\nconst EVENT_KIND_LABELS: Record<WebhookEventKind, string> = {\n issue: \"Issue\",\n push: \"Push\",\n merge_request: \"Merge request\",\n repository: \"Repository\",\n ping: \"Ping\",\n};\n\nconst STATUS_LABELS: Record<WebhookStatus, string> = {\n received: \"Received\",\n unhandled: \"Unhandled\",\n skipped: \"Skipped\",\n processed: \"Processed\",\n failed: \"Failed\",\n duplicate: \"Duplicate\",\n};\n\n/**\n * Status → palette colour, chosen so the colour matches the meaning:\n * processed → green (success), failed → coral (error),\n * skipped → orange (warning), received → sky-blue (in progress),\n * unhandled → silver (neutral / no handler matched),\n * duplicate → purple (replayed delivery, dropped before processing).\n */\nconst STATUS_COLORS: Record<WebhookStatus, { bg: string; fg: string }> = {\n processed: {\n bg: \"var(--color-green-pale)\",\n fg: \"var(--color-green-pale-darker)\",\n },\n failed: { bg: \"var(--color-coral)\", fg: \"var(--color-coral-darker)\" },\n skipped: { bg: \"var(--color-orange)\", fg: \"var(--color-orange-darker)\" },\n received: {\n bg: \"var(--color-blue-sky)\",\n fg: \"var(--color-blue-sky-darker)\",\n },\n unhandled: {\n bg: \"var(--color-gray-silver)\",\n fg: \"var(--color-gray-silver-darker)\",\n },\n duplicate: {\n bg: \"var(--color-purple)\",\n fg: \"var(--color-purple-darker)\",\n },\n};\n\n/** Provider glyph for a connection: GitHub / GitLab, Git for anything else. */\nconst connectionIcon = (\n service?: WebhookConnection[\"service\"]\n): ElementType => {\n if (service === \"github\") {\n return GitHubIcon;\n }\n if (service === \"gitlab\") {\n return GitLabIcon;\n }\n return GitIcon;\n};\n\nconst StatusChip = ({ status }: { status: WebhookStatus }): ReactElement => {\n const { bg, fg } = STATUS_COLORS[status];\n\n return (\n <Chip\n label={STATUS_LABELS[status]}\n backgroundColor={bg}\n color={fg}\n typographyProps={{ variant: \"Caption 1\", weight: \"medium\" }}\n style={{ borderRadius: 6 }}\n />\n );\n};\n\n/* --- Mock log data (newest first is enforced by sorting on receivedAt) --- */\n\nconst PAYLOAD_ISSUE_OPENED = JSON.stringify(\n {\n action: \"opened\",\n issue: {\n id: 2002934201,\n number: 42,\n title: \"Webhook delivery retries are not logged\",\n state: \"open\",\n html_url: \"https://github.com/activecollab/feather/issues/42\",\n labels: [{ name: \"bug\" }, { name: \"vcs\" }],\n user: { login: \"octocat\", id: 583231 },\n },\n repository: {\n id: 776611234,\n full_name: \"activecollab/feather\",\n private: true,\n },\n sender: { login: \"octocat\", id: 583231 },\n },\n null,\n 2\n);\n\nconst PAYLOAD_MERGE_REQUEST = JSON.stringify(\n {\n object_kind: \"merge_request\",\n event_type: \"merge_request\",\n user: { id: 41, name: \"Jane Doe\", username: \"jdoe\" },\n project: { id: 1801, path_with_namespace: \"content/handbook\" },\n object_attributes: {\n iid: 318,\n title: \"Add changelog for 8.2\",\n state: \"merged\",\n action: \"merge\",\n source_branch: \"changelog-8-2\",\n target_branch: \"main\",\n },\n },\n null,\n 2\n);\n\nconst PAYLOAD_PUSH = JSON.stringify(\n {\n ref: \"refs/heads/main\",\n before: \"9b2c1f0e\",\n after: \"f4a7d3c1\",\n commits: [\n {\n id: \"f4a7d3c1\",\n message: \"Fix typo in webhook log repository\",\n author: { name: \"Marko\", email: \"marko@example.com\" },\n },\n ],\n repository: { full_name: \"activecollab/feather\" },\n },\n null,\n 2\n);\n\nconst WEBHOOK_LOGS: WebhookLog[] = [\n {\n id: \"log-7\",\n connectionId: \"gh-activecollab\",\n eventKind: \"issue\",\n status: \"processed\",\n deliveryIdentifier: \"d3b07384-d9a0-4c9b-8f1e-2a6f1b9c4e21\",\n outcomes: [\"Created task #1842 from issue #42\"],\n payload: PAYLOAD_ISSUE_OPENED,\n receivedOn: \"Jun 29, 2026 · 14:32\",\n receivedAt: 1751207520,\n },\n {\n id: \"log-6\",\n connectionId: \"gl-content\",\n eventKind: \"merge_request\",\n status: \"skipped\",\n deliveryIdentifier: \"b1946ac9-2f3a-4c0d-9b7e-1d2c3e4f5a6b\",\n outcomes: [\"Skipped: merge request has no linked issue\"],\n payload: PAYLOAD_MERGE_REQUEST,\n receivedOn: \"Jun 29, 2026 · 11:08\",\n receivedAt: 1751195280,\n },\n {\n id: \"log-5\",\n connectionId: \"gh-activecollab\",\n eventKind: \"issue\",\n status: \"failed\",\n deliveryIdentifier: \"9c1185a5-c5e9-4e3f-8a1b-7d6e5f4c3b2a\",\n outcomes: [\"Failed at task creation: project not found\"],\n payload: PAYLOAD_ISSUE_OPENED,\n receivedOn: \"Jun 28, 2026 · 18:54\",\n receivedAt: 1751136840,\n },\n {\n id: \"log-4\",\n connectionId: \"gl-content\",\n eventKind: \"push\",\n status: \"processed\",\n deliveryIdentifier: \"f7c3bc1d-8c5a-4b2e-9f0a-1b2c3d4e5f60\",\n outcomes: [\n \"Created task #1839 from issue #311\",\n \"Created task #1840 from issue #312\",\n ],\n payload: PAYLOAD_PUSH,\n receivedOn: \"Jun 28, 2026 · 09:21\",\n receivedAt: 1751102460,\n },\n {\n id: \"log-3\",\n connectionId: \"gh-activecollab\",\n eventKind: \"ping\",\n status: \"unhandled\",\n deliveryIdentifier: \"1574bddb-75c3-4b1e-8a9c-0d1e2f3a4b5c\",\n outcomes: [],\n payload: JSON.stringify(\n { zen: \"Keep it logically awesome.\", hook_id: 552012 },\n null,\n 2\n ),\n receivedOn: \"Jun 27, 2026 · 16:05\",\n receivedAt: 1751040300,\n },\n {\n id: \"log-2\",\n connectionId: \"gl-content\",\n eventKind: \"issue\",\n status: \"received\",\n deliveryIdentifier: \"0716d970-2b9e-4a1d-9c3f-5e6a7b8c9d01\",\n outcomes: [],\n receivedOn: \"Jun 27, 2026 · 08:47\",\n receivedAt: 1751013420,\n },\n {\n id: \"log-1\",\n connectionId: \"gh-activecollab\",\n eventKind: \"issue\",\n status: \"processed\",\n deliveryIdentifier: \"fa3ebd6742c360b2d9652b7f78d9bd7d\",\n outcomes: [\"Created task #1804 from issue #29\"],\n payload: PAYLOAD_ISSUE_OPENED,\n receivedOn: \"Jun 26, 2026 · 13:12\",\n receivedAt: 1750943520,\n },\n {\n id: \"log-1-replay\",\n connectionId: \"gh-activecollab\",\n eventKind: \"issue\",\n status: \"duplicate\",\n deliveryIdentifier: \"fa3ebd6742c360b2d9652b7f78d9bd7d\",\n outcomes: [],\n payload: PAYLOAD_ISSUE_OPENED,\n receivedOn: \"Jun 26, 2026 · 13:18\",\n receivedAt: 1750943880,\n },\n];\n\n/* --- Lightweight, Prism-style JSON syntax highlighter -------------------- */\n/* design-system has no `prismjs` dependency (it's an app dependency), so for */\n/* this throwaway mock we tokenize JSON ourselves and colour the tokens with */\n/* the same token classes Prism uses, styled via PayloadPre below. */\n\nconst escapeHtml = (value: string): string =>\n value.replace(/&/g, \"&\").replace(/</g, \"<\").replace(/>/g, \">\");\n\nconst highlightJson = (json: string): string =>\n escapeHtml(json).replace(\n /(\"(?:\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(?:true|false)\\b|\\bnull\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g,\n (match) => {\n let cls = \"tok-number\";\n\n if (/^\"/.test(match)) {\n cls = /:$/.test(match) ? \"tok-key\" : \"tok-string\";\n } else if (/true|false/.test(match)) {\n cls = \"tok-boolean\";\n } else if (/null/.test(match)) {\n cls = \"tok-null\";\n }\n\n return `<span class=\"${cls}\">${match}</span>`;\n }\n );\n\nconst PAYLOAD_COLLAPSED_LINES = 6;\n\nconst PayloadPre = styled.pre<{ $collapsed: boolean }>`\n margin: 0;\n padding: 12px 14px;\n border: 1px solid var(--color-theme-400);\n border-radius: 6px;\n background-color: var(--color-theme-200);\n color: var(--color-theme-800);\n font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n font-size: 12px;\n line-height: 18px;\n overflow-x: auto;\n white-space: pre;\n position: relative;\n\n ${({ $collapsed }) =>\n $collapsed\n ? `max-height: ${PAYLOAD_COLLAPSED_LINES * 18 + 24}px;\n overflow-y: hidden;`\n : \"\"}\n\n .tok-key {\n color: var(--color-coral-lighter);\n }\n .tok-string {\n color: var(--color-green-pale-lighter);\n }\n .tok-number {\n color: var(--color-orange-lighter);\n }\n .tok-boolean {\n color: var(--color-blue-sky-lighter);\n }\n .tok-null {\n color: var(--color-purple-lighter);\n }\n`;\n\nconst PayloadWrap = styled.div`\n .payload-toggle {\n display: flex;\n justify-content: flex-end;\n min-height: 24px;\n margin-bottom: 4px;\n }\n`;\n\nconst PayloadBlock = ({ payload }: { payload: string }): ReactElement => {\n const [collapsed, setCollapsed] = useState(true);\n\n const lineCount = useMemo(() => payload.split(\"\\n\").length, [payload]);\n const html = useMemo(() => highlightJson(payload), [payload]);\n const canToggle = lineCount > PAYLOAD_COLLAPSED_LINES;\n\n return (\n <PayloadWrap>\n {canToggle ? (\n <div className=\"payload-toggle\">\n <Button\n variant=\"text colored\"\n size=\"small\"\n onClick={() => setCollapsed((value) => !value)}\n >\n {collapsed ? \"Show More\" : \"Show Less\"}\n </Button>\n </div>\n ) : null}\n <PayloadPre\n $collapsed={collapsed && canToggle}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n </PayloadWrap>\n );\n};\n\n/* --- A single, expandable log row ---------------------------------------- */\n\nconst LogRowWrap = styled.div`\n border-top: 1px solid var(--color-theme-300);\n\n .lr-summary {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n min-height: 56px;\n padding: 8px 8px 8px 12px;\n background: none;\n border: 0;\n text-align: left;\n cursor: pointer;\n font-family: inherit;\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n }\n\n /* Default icon points up; collapsed → point right, expanded → point down. */\n .lr-expand {\n flex-shrink: 0;\n color: var(--color-theme-600);\n transform: rotate(90deg);\n transition: transform 150ms ease;\n }\n\n .lr-expand.open {\n transform: rotate(180deg);\n }\n\n .lr-conn {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 180px;\n min-width: 0;\n flex-shrink: 0;\n }\n\n .lr-conn svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n }\n\n .lr-conn .lr-conn-name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .lr-event {\n flex: 1 1 0%;\n min-width: 0;\n }\n\n .lr-status {\n flex-shrink: 0;\n }\n\n .lr-outcomes {\n width: 96px;\n flex-shrink: 0;\n text-align: right;\n }\n\n .lr-detail {\n padding: 4px 16px 20px 44px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .lr-field-label {\n display: block;\n margin-bottom: 4px;\n }\n\n .lr-id {\n font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n word-break: break-all;\n }\n\n .lr-outcome-list {\n margin: 0;\n padding-left: 18px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n`;\n\ninterface LogRowProps {\n log: WebhookLog;\n connection?: WebhookConnection;\n}\n\nconst LogRow = ({ log, connection }: LogRowProps): ReactElement => {\n const [open, setOpen] = useState(false);\n const ConnIcon = connectionIcon(connection?.service);\n\n return (\n <LogRowWrap>\n <button\n type=\"button\"\n className=\"lr-summary\"\n aria-expanded={open}\n onClick={() => setOpen((value) => !value)}\n >\n <CollapseExpandSingleIcon\n className={open ? \"lr-expand open\" : \"lr-expand\"}\n />\n <span className=\"lr-conn\">\n <ConnIcon />\n <Body2 className=\"lr-conn-name\" weight=\"bold\">\n {connection?.name ?? \"Unknown\"}\n </Body2>\n </span>\n <Body2 className=\"lr-event\" color=\"tertiary\">\n {EVENT_KIND_LABELS[log.eventKind]}\n </Body2>\n <span className=\"lr-status\">\n <StatusChip status={log.status} />\n </span>\n <Caption1 className=\"lr-outcomes\" color=\"tertiary\">\n {log.outcomes.length > 0\n ? `${log.outcomes.length} ${\n log.outcomes.length === 1 ? \"outcome\" : \"outcomes\"\n }`\n : \"\"}\n </Caption1>\n </button>\n\n {open ? (\n <div className=\"lr-detail\">\n <div>\n <Caption1\n className=\"lr-field-label\"\n color=\"secondary\"\n weight=\"bold\"\n >\n Webhook identifier\n </Caption1>\n <Body2 className=\"lr-id\" color=\"tertiary\">\n {log.deliveryIdentifier}\n </Body2>\n </div>\n\n <div>\n <Caption1\n className=\"lr-field-label\"\n color=\"secondary\"\n weight=\"bold\"\n >\n Outcomes\n </Caption1>\n {log.outcomes.length > 0 ? (\n <ul className=\"lr-outcome-list\">\n {log.outcomes.map((outcome, index) => (\n <li key={index}>\n <Body2 color=\"tertiary\">{outcome}</Body2>\n </li>\n ))}\n </ul>\n ) : (\n <Body2 color=\"tertiary\">\n No outcomes were recorded for this webhook.\n </Body2>\n )}\n </div>\n\n {log.payload ? (\n <div>\n <Caption1\n className=\"lr-field-label\"\n color=\"secondary\"\n weight=\"bold\"\n >\n Payload\n </Caption1>\n <PayloadBlock payload={log.payload} />\n </div>\n ) : null}\n </div>\n ) : null}\n </LogRowWrap>\n );\n};\n\n/* --- The dialog ---------------------------------------------------------- */\n\n/** Wider than the default 540px dialog so the log columns have room. */\nconst WebhookLogsDialogStyled = styled(Dialog)`\n && {\n width: calc(100vw - 64px);\n max-width: 760px;\n }\n`;\n\nconst DialogTitleBar = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n\n .title-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n`;\n\nconst LogListHeader = styled.div`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 0 8px 8px 44px;\n\n .lh-conn {\n width: 180px;\n flex-shrink: 0;\n }\n .lh-event {\n flex: 1 1 0%;\n min-width: 0;\n }\n .lh-status {\n width: 96px;\n flex-shrink: 0;\n }\n .lh-outcomes {\n width: 96px;\n flex-shrink: 0;\n text-align: right;\n }\n`;\n\nconst EmptyLogs = styled.div`\n padding: 40px 0;\n text-align: center;\n`;\n\nexport interface WebhookLogsDialogProps {\n open: boolean;\n onClose: () => void;\n /** Pre-filter to a single connection (used when opened from its row menu). */\n initialConnectionId?: string;\n /**\n * Pre-filter to a set of connections (e.g. the connections a project's\n * repositories belong to). Takes precedence over `initialConnectionId`.\n */\n connectionIds?: string[];\n}\n\nexport const WebhookLogsDialog = ({\n open,\n onClose,\n initialConnectionId,\n connectionIds,\n}: WebhookLogsDialogProps): ReactElement => {\n const [filters, setFilters] = useState<SelectedType>((): SelectedType => {\n if (connectionIds && connectionIds.length > 0) {\n return { connection: connectionIds };\n }\n if (initialConnectionId) {\n return { connection: [initialConnectionId] };\n }\n return {};\n });\n\n const connectionsById = useMemo(() => {\n const map: Record<string, WebhookConnection> = {};\n WEBHOOK_CONNECTIONS.forEach((connection) => {\n map[connection.id] = connection;\n });\n return map;\n }, []);\n\n const filterData = useMemo(\n () => [\n {\n id: \"connection\",\n title: \"Connection\",\n submenu: WEBHOOK_CONNECTIONS.map((connection) => ({\n id: connection.id,\n name: connection.name,\n })),\n },\n {\n id: \"event_type\",\n title: \"Event Type\",\n submenu: Array.from(\n new Set(WEBHOOK_LOGS.map((log) => log.eventKind))\n ).map((eventKind) => ({\n id: eventKind,\n name: EVENT_KIND_LABELS[eventKind],\n })),\n },\n {\n id: \"status\",\n title: \"Processing Status\",\n submenu: (Object.keys(STATUS_LABELS) as WebhookStatus[]).map(\n (status) => ({ id: status, name: STATUS_LABELS[status] })\n ),\n },\n ],\n []\n );\n\n const visibleLogs = useMemo(() => {\n const byConnection = filters.connection ?? [];\n const byEvent = filters.event_type ?? [];\n const byStatus = filters.status ?? [];\n\n return WEBHOOK_LOGS.filter((log) => {\n if (byConnection.length && !byConnection.includes(log.connectionId)) {\n return false;\n }\n if (byEvent.length && !byEvent.includes(log.eventKind)) {\n return false;\n }\n if (byStatus.length && !byStatus.includes(log.status)) {\n return false;\n }\n return true;\n }).sort((a, b) => b.receivedAt - a.receivedAt);\n }, [filters]);\n\n return (\n <WebhookLogsDialogStyled\n open={open}\n onClose={onClose}\n enableBackgroundClick\n >\n <Dialog.Title disableDefaultHeading>\n <DialogTitleBar>\n <Header3>Webhook Logs</Header3>\n <div className=\"title-actions\">\n <Filter\n data={filterData}\n selected={filters}\n label=\"Filter\"\n clearAllText=\"Clear All\"\n noResultText=\"No results\"\n emptyFilterText=\"No filters to show\"\n onChange={setFilters}\n />\n <IconButton variant=\"text gray\" onClick={onClose}>\n <CancelCrossIcon />\n </IconButton>\n </div>\n </DialogTitleBar>\n </Dialog.Title>\n <Dialog.ContentDivider />\n <Dialog.Content>\n {visibleLogs.length > 0 ? (\n <>\n <LogListHeader>\n <Caption2 className=\"lh-conn\" color=\"secondary\" weight=\"bold\">\n CONNECTION\n </Caption2>\n <Caption2 className=\"lh-event\" color=\"secondary\" weight=\"bold\">\n EVENT TYPE\n </Caption2>\n <Caption2 className=\"lh-status\" color=\"secondary\" weight=\"bold\">\n STATUS\n </Caption2>\n <Caption2 className=\"lh-outcomes\" color=\"secondary\" weight=\"bold\">\n OUTCOMES\n </Caption2>\n </LogListHeader>\n {visibleLogs.map((log) => (\n <LogRow\n key={log.id}\n log={log}\n connection={connectionsById[log.connectionId]}\n />\n ))}\n </>\n ) : (\n <EmptyLogs>\n <Body2 color=\"tertiary\">\n No webhook logs match the selected filters.\n </Body2>\n </EmptyLogs>\n )}\n </Dialog.Content>\n </WebhookLogsDialogStyled>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAOA,IAAAS,WAAA,GAAAT,OAAA;AAKqC,SAAAE,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,wBAAAW,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAiB,eAAAf,CAAA,EAAAL,CAAA,WAAAqB,eAAA,CAAAhB,CAAA,KAAAiB,qBAAA,CAAAjB,CAAA,EAAAL,CAAA,KAAAuB,2BAAA,CAAAlB,CAAA,EAAAL,CAAA,KAAAwB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAlB,CAAA,EAAAqB,CAAA,QAAArB,CAAA,2BAAAA,CAAA,SAAAsB,iBAAA,CAAAtB,CAAA,EAAAqB,CAAA,OAAAvB,CAAA,MAAAyB,QAAA,CAAAZ,IAAA,CAAAX,CAAA,EAAAwB,KAAA,6BAAA1B,CAAA,IAAAE,CAAA,CAAAyB,WAAA,KAAA3B,CAAA,GAAAE,CAAA,CAAAyB,WAAA,CAAAC,IAAA,aAAA5B,CAAA,cAAAA,CAAA,GAAA6B,KAAA,CAAAC,IAAA,CAAA5B,CAAA,oBAAAF,CAAA,+CAAA+B,IAAA,CAAA/B,CAAA,IAAAwB,iBAAA,CAAAtB,CAAA,EAAAqB,CAAA;AAAA,SAAAC,kBAAAtB,CAAA,EAAAqB,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAArB,CAAA,CAAA8B,MAAA,MAAAT,CAAA,GAAArB,CAAA,CAAA8B,MAAA,YAAAnC,CAAA,MAAAM,CAAA,GAAA0B,KAAA,CAAAN,CAAA,GAAA1B,CAAA,GAAA0B,CAAA,EAAA1B,CAAA,IAAAM,CAAA,CAAAN,CAAA,IAAAK,CAAA,CAAAL,CAAA,UAAAM,CAAA;AAAA,SAAAgB,sBAAAjB,CAAA,EAAA+B,CAAA,QAAAjC,CAAA,WAAAE,CAAA,gCAAAgC,MAAA,IAAAhC,CAAA,CAAAgC,MAAA,CAAAC,QAAA,KAAAjC,CAAA,4BAAAF,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAE,CAAA,EAAA+B,CAAA,EAAAb,CAAA,OAAAjB,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAL,CAAA,GAAAA,CAAA,CAAAa,IAAA,CAAAX,CAAA,GAAAmC,IAAA,QAAAJ,CAAA,QAAAnB,MAAA,CAAAd,CAAA,MAAAA,CAAA,UAAAM,CAAA,uBAAAA,CAAA,IAAAT,CAAA,GAAAQ,CAAA,CAAAQ,IAAA,CAAAb,CAAA,GAAAsC,IAAA,MAAAf,CAAA,CAAAgB,IAAA,CAAA1C,CAAA,CAAA2C,KAAA,GAAAjB,CAAA,CAAAS,MAAA,KAAAC,CAAA,GAAA3B,CAAA,iBAAAJ,CAAA,IAAAE,CAAA,OAAAD,CAAA,GAAAD,CAAA,yBAAAI,CAAA,YAAAN,CAAA,CAAAyC,MAAA,KAAAL,CAAA,GAAApC,CAAA,CAAAyC,MAAA,IAAA3B,MAAA,CAAAsB,CAAA,MAAAA,CAAA,2BAAAhC,CAAA,QAAAD,CAAA,aAAAoB,CAAA;AAAA,SAAAL,gBAAAhB,CAAA,QAAA2B,KAAA,CAAAa,OAAA,CAAAxC,CAAA,UAAAA,CAAA;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;;AAyBO,IAAMyC,mBAAwC,GAAAC,OAAA,CAAAD,mBAAA,GAAG,CACtD;EAAEE,EAAE,EAAE,iBAAiB;EAAEjB,IAAI,EAAE,cAAc;EAAEkB,OAAO,EAAE;AAAS,CAAC,EAClE;EAAED,EAAE,EAAE,aAAa;EAAEjB,IAAI,EAAE,eAAe;EAAEkB,OAAO,EAAE;AAAS,CAAC,EAC/D;EAAED,EAAE,EAAE,YAAY;EAAEjB,IAAI,EAAE,eAAe;EAAEkB,OAAO,EAAE;AAAS,CAAC,EAC9D;EAAED,EAAE,EAAE,aAAa;EAAEjB,IAAI,EAAE,UAAU;EAAEkB,OAAO,EAAE;AAAS,CAAC,EAC1D;EAAED,EAAE,EAAE,YAAY;EAAEjB,IAAI,EAAE,SAAS;EAAEkB,OAAO,EAAE;AAAS,CAAC,EACxD;EAAED,EAAE,EAAE,YAAY;EAAEjB,IAAI,EAAE,gBAAgB;EAAEkB,OAAO,EAAE;AAAS,CAAC,CAChE;AAED,IAAMC,iBAAmD,GAAG;EAC1DC,KAAK,EAAE,OAAO;EACdT,IAAI,EAAE,MAAM;EACZU,aAAa,EAAE,eAAe;EAC9BC,UAAU,EAAE,YAAY;EACxBC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,aAA4C,GAAG;EACnDC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,WAAW;EACtBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,WAAW;EACtBC,MAAM,EAAE,QAAQ;EAChBC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAgE,GAAG;EACvEH,SAAS,EAAE;IACTI,EAAE,EAAE,yBAAyB;IAC7BC,EAAE,EAAE;EACN,CAAC;EACDJ,MAAM,EAAE;IAAEG,EAAE,EAAE,oBAAoB;IAAEC,EAAE,EAAE;EAA4B,CAAC;EACrEN,OAAO,EAAE;IAAEK,EAAE,EAAE,qBAAqB;IAAEC,EAAE,EAAE;EAA6B,CAAC;EACxER,QAAQ,EAAE;IACRO,EAAE,EAAE,uBAAuB;IAC3BC,EAAE,EAAE;EACN,CAAC;EACDP,SAAS,EAAE;IACTM,EAAE,EAAE,0BAA0B;IAC9BC,EAAE,EAAE;EACN,CAAC;EACDH,SAAS,EAAE;IACTE,EAAE,EAAE,qBAAqB;IACzBC,EAAE,EAAE;EACN;AACF,CAAC;;AAED;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAClBhB,OAAsC,EACtB;EAChB,IAAIA,OAAO,KAAK,QAAQ,EAAE;IACxB,OAAOiB,iBAAU;EACnB;EACA,IAAIjB,OAAO,KAAK,QAAQ,EAAE;IACxB,OAAOkB,iBAAU;EACnB;EACA,OAAOC,cAAO;AAChB,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAA4D;EAAA,IAAtDC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAC1B,IAAAC,qBAAA,GAAmBV,aAAa,CAACS,MAAM,CAAC;IAAhCR,EAAE,GAAAS,qBAAA,CAAFT,EAAE;IAAEC,EAAE,GAAAQ,qBAAA,CAAFR,EAAE;EAEd,oBACE5E,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC/E,KAAA,CAAAgF,IAAI;IACHC,KAAK,EAAEpB,aAAa,CAACgB,MAAM,CAAE;IAC7BK,eAAe,EAAEb,EAAG;IACpBc,KAAK,EAAEb,EAAG;IACVc,eAAe,EAAE;MAAEC,OAAO,EAAE,WAAW;MAAEC,MAAM,EAAE;IAAS,CAAE;IAC5DC,KAAK,EAAE;MAAEC,YAAY,EAAE;IAAE;EAAE,CAC5B,CAAC;AAEN,CAAC;;AAED;;AAEA,IAAMC,oBAAoB,GAAGC,IAAI,CAACC,SAAS,CACzC;EACEC,MAAM,EAAE,QAAQ;EAChBnC,KAAK,EAAE;IACLH,EAAE,EAAE,UAAU;IACduC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,yCAAyC;IAChDC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,mDAAmD;IAC7DC,MAAM,EAAE,CAAC;MAAE5D,IAAI,EAAE;IAAM,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAM,CAAC,CAAC;IAC1C6D,IAAI,EAAE;MAAEC,KAAK,EAAE,SAAS;MAAE7C,EAAE,EAAE;IAAO;EACvC,CAAC;EACDK,UAAU,EAAE;IACVL,EAAE,EAAE,SAAS;IACb8C,SAAS,EAAE,sBAAsB;IACjCC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IAAEH,KAAK,EAAE,SAAS;IAAE7C,EAAE,EAAE;EAAO;AACzC,CAAC,EACD,IAAI,EACJ,CACF,CAAC;AAED,IAAMiD,qBAAqB,GAAGb,IAAI,CAACC,SAAS,CAC1C;EACEa,WAAW,EAAE,eAAe;EAC5BC,UAAU,EAAE,eAAe;EAC3BP,IAAI,EAAE;IAAE5C,EAAE,EAAE,EAAE;IAAEjB,IAAI,EAAE,UAAU;IAAEqE,QAAQ,EAAE;EAAO,CAAC;EACpDC,OAAO,EAAE;IAAErD,EAAE,EAAE,IAAI;IAAEsD,mBAAmB,EAAE;EAAmB,CAAC;EAC9DC,iBAAiB,EAAE;IACjBC,GAAG,EAAE,GAAG;IACRhB,KAAK,EAAE,uBAAuB;IAC9BC,KAAK,EAAE,QAAQ;IACfH,MAAM,EAAE,OAAO;IACfmB,aAAa,EAAE,eAAe;IAC9BC,aAAa,EAAE;EACjB;AACF,CAAC,EACD,IAAI,EACJ,CACF,CAAC;AAED,IAAMC,YAAY,GAAGvB,IAAI,CAACC,SAAS,CACjC;EACEuB,GAAG,EAAE,iBAAiB;EACtBC,MAAM,EAAE,UAAU;EAClBC,KAAK,EAAE,UAAU;EACjBC,OAAO,EAAE,CACP;IACE/D,EAAE,EAAE,UAAU;IACdgE,OAAO,EAAE,oCAAoC;IAC7CC,MAAM,EAAE;MAAElF,IAAI,EAAE,OAAO;MAAEmF,KAAK,EAAE;IAAoB;EACtD,CAAC,CACF;EACD7D,UAAU,EAAE;IAAEyC,SAAS,EAAE;EAAuB;AAClD,CAAC,EACD,IAAI,EACJ,CACF,CAAC;AAED,IAAMqB,YAA0B,GAAG,CACjC;EACEnE,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,iBAAiB;EAC/BC,SAAS,EAAE,OAAO;EAClB9C,MAAM,EAAE,WAAW;EACnB+C,kBAAkB,EAAE,sCAAsC;EAC1DC,QAAQ,EAAE,CAAC,mCAAmC,CAAC;EAC/CC,OAAO,EAAErC,oBAAoB;EAC7BsC,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,YAAY;EAC1BC,SAAS,EAAE,eAAe;EAC1B9C,MAAM,EAAE,SAAS;EACjB+C,kBAAkB,EAAE,sCAAsC;EAC1DC,QAAQ,EAAE,CAAC,4CAA4C,CAAC;EACxDC,OAAO,EAAEvB,qBAAqB;EAC9BwB,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,iBAAiB;EAC/BC,SAAS,EAAE,OAAO;EAClB9C,MAAM,EAAE,QAAQ;EAChB+C,kBAAkB,EAAE,sCAAsC;EAC1DC,QAAQ,EAAE,CAAC,4CAA4C,CAAC;EACxDC,OAAO,EAAErC,oBAAoB;EAC7BsC,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,YAAY;EAC1BC,SAAS,EAAE,MAAM;EACjB9C,MAAM,EAAE,WAAW;EACnB+C,kBAAkB,EAAE,sCAAsC;EAC1DC,QAAQ,EAAE,CACR,oCAAoC,EACpC,oCAAoC,CACrC;EACDC,OAAO,EAAEb,YAAY;EACrBc,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,iBAAiB;EAC/BC,SAAS,EAAE,MAAM;EACjB9C,MAAM,EAAE,WAAW;EACnB+C,kBAAkB,EAAE,sCAAsC;EAC1DC,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAEpC,IAAI,CAACC,SAAS,CACrB;IAAEsC,GAAG,EAAE,4BAA4B;IAAEC,OAAO,EAAE;EAAO,CAAC,EACtD,IAAI,EACJ,CACF,CAAC;EACDH,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,YAAY;EAC1BC,SAAS,EAAE,OAAO;EAClB9C,MAAM,EAAE,UAAU;EAClB+C,kBAAkB,EAAE,sCAAsC;EAC1DC,QAAQ,EAAE,EAAE;EACZE,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,OAAO;EACXoE,YAAY,EAAE,iBAAiB;EAC/BC,SAAS,EAAE,OAAO;EAClB9C,MAAM,EAAE,WAAW;EACnB+C,kBAAkB,EAAE,kCAAkC;EACtDC,QAAQ,EAAE,CAAC,mCAAmC,CAAC;EAC/CC,OAAO,EAAErC,oBAAoB;EAC7BsC,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,EACD;EACE1E,EAAE,EAAE,cAAc;EAClBoE,YAAY,EAAE,iBAAiB;EAC/BC,SAAS,EAAE,OAAO;EAClB9C,MAAM,EAAE,WAAW;EACnB+C,kBAAkB,EAAE,kCAAkC;EACtDC,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAErC,oBAAoB;EAC7BsC,UAAU,EAAE,sBAAsB;EAClCC,UAAU,EAAE;AACd,CAAC,CACF;;AAED;AACA;AACA;AACA;;AAEA,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIlF,KAAa;EAAA,OAC/BA,KAAK,CAACmF,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;AAAA;AAE1E,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAY;EAAA,OACjCH,UAAU,CAACG,IAAI,CAAC,CAACF,OAAO,CACtB,+GAA+G,EAC/G,UAACG,KAAK,EAAK;IACT,IAAIC,GAAG,GAAG,YAAY;IAEtB,IAAI,IAAI,CAAChG,IAAI,CAAC+F,KAAK,CAAC,EAAE;MACpBC,GAAG,GAAG,IAAI,CAAChG,IAAI,CAAC+F,KAAK,CAAC,GAAG,SAAS,GAAG,YAAY;IACnD,CAAC,MAAM,IAAI,YAAY,CAAC/F,IAAI,CAAC+F,KAAK,CAAC,EAAE;MACnCC,GAAG,GAAG,aAAa;IACrB,CAAC,MAAM,IAAI,MAAM,CAAChG,IAAI,CAAC+F,KAAK,CAAC,EAAE;MAC7BC,GAAG,GAAG,UAAU;IAClB;IAEA,wBAAAC,MAAA,CAAuBD,GAAG,SAAAC,MAAA,CAAKF,KAAK;EACtC,CACF,CAAC;AAAA;AAEH,IAAMG,uBAAuB,GAAG,CAAC;AAEjC,IAAMC,UAAU,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kjBAczB,UAAAC,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,kBAAAT,MAAA,CACSC,uBAAuB,GAAG,EAAE,GAAG,EAAE,yCAEhD,EAAE;AAAA,EAiBT;AAED,IAAMS,WAAW,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iGAO7B;AAED,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAuD;EAAA,IAAjDxB,OAAO,GAAAwB,KAAA,CAAPxB,OAAO;EAC7B,IAAAyB,SAAA,GAAkC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,GAAA/H,cAAA,CAAA6H,SAAA;IAAzCG,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,IAAMG,SAAS,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAM/B,OAAO,CAACgC,KAAK,CAAC,IAAI,CAAC,CAACrH,MAAM;EAAA,GAAE,CAACqF,OAAO,CAAC,CAAC;EACtE,IAAMiC,IAAI,GAAG,IAAAF,cAAO,EAAC;IAAA,OAAMxB,aAAa,CAACP,OAAO,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;EAC7D,IAAMkC,SAAS,GAAGJ,SAAS,GAAGlB,uBAAuB;EAErD,oBACEhJ,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAACoE,WAAW,QACTa,SAAS,gBACRtK,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IAAKkF,SAAS,EAAC;EAAgB,gBAC7BvK,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAChF,OAAA,CAAAmK,MAAM;IACL7E,OAAO,EAAC,cAAc;IACtB8E,IAAI,EAAC,OAAO;IACZC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQT,YAAY,CAAC,UAAC1G,KAAK;QAAA,OAAK,CAACA,KAAK;MAAA,EAAC;IAAA;EAAC,GAE9CyG,SAAS,GAAG,WAAW,GAAG,WACrB,CACL,CAAC,GACJ,IAAI,eACRhK,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC4D,UAAU;IACTO,UAAU,EAAEQ,SAAS,IAAIM,SAAU;IACnCK,uBAAuB,EAAE;MAAEC,MAAM,EAAEP;IAAK;EAAE,CAC3C,CACU,CAAC;AAElB,CAAC;;AAED;;AAEA,IAAMQ,UAAU,GAAG3B,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,imCA8F5B;AAOD,IAAMwB,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAAuD;EAAA,IAAAC,gBAAA;EAAA,IAAjDC,GAAG,GAAAF,KAAA,CAAHE,GAAG;IAAEC,UAAU,GAAAH,KAAA,CAAVG,UAAU;EAC/B,IAAAC,UAAA,GAAwB,IAAArB,eAAQ,EAAC,KAAK,CAAC;IAAAsB,UAAA,GAAApJ,cAAA,CAAAmJ,UAAA;IAAhCE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAMG,QAAQ,GAAG1G,cAAc,CAACqG,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAErH,OAAO,CAAC;EAEpD,oBACE7D,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAACwF,UAAU,qBACT7K,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IACEmG,IAAI,EAAC,QAAQ;IACbjB,SAAS,EAAC,YAAY;IACtB,iBAAec,IAAK;IACpBX,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQY,OAAO,CAAC,UAAC/H,KAAK;QAAA,OAAK,CAACA,KAAK;MAAA,EAAC;IAAA;EAAC,gBAE1CvD,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC3E,MAAA,CAAA+K,wBAAwB;IACvBlB,SAAS,EAAEc,IAAI,GAAG,gBAAgB,GAAG;EAAY,CAClD,CAAC,eACFrL,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IAAMkF,SAAS,EAAC;EAAS,gBACvBvK,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAACkG,QAAQ,MAAE,CAAC,eACZvL,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAA+K,KAAK;IAACnB,SAAS,EAAC,cAAc;IAAC3E,MAAM,EAAC;EAAM,IAAAoF,gBAAA,GAC1CE,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEvI,IAAI,cAAAqI,gBAAA,cAAAA,gBAAA,GAAI,SAChB,CACH,CAAC,eACPhL,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAA+K,KAAK;IAACnB,SAAS,EAAC,UAAU;IAAC9E,KAAK,EAAC;EAAU,GACzC3B,iBAAiB,CAACmH,GAAG,CAAChD,SAAS,CAC3B,CAAC,eACRjI,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IAAMkF,SAAS,EAAC;EAAW,gBACzBvK,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAACJ,UAAU;IAACE,MAAM,EAAE8F,GAAG,CAAC9F;EAAO,CAAE,CAC7B,CAAC,eACPnF,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAgL,QAAQ;IAACpB,SAAS,EAAC,aAAa;IAAC9E,KAAK,EAAC;EAAU,GAC/CwF,GAAG,CAAC9C,QAAQ,CAACpF,MAAM,GAAG,CAAC,MAAAgG,MAAA,CACjBkC,GAAG,CAAC9C,QAAQ,CAACpF,MAAM,OAAAgG,MAAA,CACpBkC,GAAG,CAAC9C,QAAQ,CAACpF,MAAM,KAAK,CAAC,GAAG,SAAS,GAAG,UAAU,IAEpD,EACI,CACJ,CAAC,EAERsI,IAAI,gBACHrL,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IAAKkF,SAAS,EAAC;EAAW,gBACxBvK,MAAA,CAAAc,OAAA,CAAAuE,aAAA,2BACErF,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAgL,QAAQ;IACPpB,SAAS,EAAC,gBAAgB;IAC1B9E,KAAK,EAAC,WAAW;IACjBG,MAAM,EAAC;EAAM,GACd,oBAES,CAAC,eACX5F,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAA+K,KAAK;IAACnB,SAAS,EAAC,OAAO;IAAC9E,KAAK,EAAC;EAAU,GACtCwF,GAAG,CAAC/C,kBACA,CACJ,CAAC,eAENlI,MAAA,CAAAc,OAAA,CAAAuE,aAAA,2BACErF,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAgL,QAAQ;IACPpB,SAAS,EAAC,gBAAgB;IAC1B9E,KAAK,EAAC,WAAW;IACjBG,MAAM,EAAC;EAAM,GACd,UAES,CAAC,EACVqF,GAAG,CAAC9C,QAAQ,CAACpF,MAAM,GAAG,CAAC,gBACtB/C,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IAAIkF,SAAS,EAAC;EAAiB,GAC5BU,GAAG,CAAC9C,QAAQ,CAACyD,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK;IAAA,oBAC/B9L,MAAA,CAAAc,OAAA,CAAAuE,aAAA;MAAI0G,GAAG,EAAED;IAAM,gBACb9L,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAA+K,KAAK;MAACjG,KAAK,EAAC;IAAU,GAAEoG,OAAe,CACtC,CAAC;EAAA,CACN,CACC,CAAC,gBAEL7L,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAA+K,KAAK;IAACjG,KAAK,EAAC;EAAU,GAAC,6CAEjB,CAEN,CAAC,EAELwF,GAAG,CAAC7C,OAAO,gBACVpI,MAAA,CAAAc,OAAA,CAAAuE,aAAA,2BACErF,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAgL,QAAQ;IACPpB,SAAS,EAAC,gBAAgB;IAC1B9E,KAAK,EAAC,WAAW;IACjBG,MAAM,EAAC;EAAM,GACd,SAES,CAAC,eACX5F,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAACsE,YAAY;IAACvB,OAAO,EAAE6C,GAAG,CAAC7C;EAAQ,CAAE,CAClC,CAAC,GACJ,IACD,CAAC,GACJ,IACM,CAAC;AAEjB,CAAC;;AAED;;AAEA;AACA,IAAM4D,uBAAuB,GAAG,IAAA9C,yBAAM,EAAC+C,cAAM,CAAC,CAAA7C,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qDAK7C;AAED,IAAM4C,cAAc,GAAGhD,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qJAYhC;AAED,IAAM6C,aAAa,GAAGjD,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQAwB/B;AAED,IAAM8C,SAAS,GAAGlD,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAG3B;AAcM,IAAM+C,iBAAiB,GAAA1I,OAAA,CAAA0I,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAKc;EAAA,IAJ1CjB,IAAI,GAAAiB,KAAA,CAAJjB,IAAI;IACJkB,OAAO,GAAAD,KAAA,CAAPC,OAAO;IACPC,mBAAmB,GAAAF,KAAA,CAAnBE,mBAAmB;IACnBC,aAAa,GAAAH,KAAA,CAAbG,aAAa;EAEb,IAAAC,UAAA,GAA8B,IAAA5C,eAAQ,EAAe,YAAoB;MACvE,IAAI2C,aAAa,IAAIA,aAAa,CAAC1J,MAAM,GAAG,CAAC,EAAE;QAC7C,OAAO;UAAEmI,UAAU,EAAEuB;QAAc,CAAC;MACtC;MACA,IAAID,mBAAmB,EAAE;QACvB,OAAO;UAAEtB,UAAU,EAAE,CAACsB,mBAAmB;QAAE,CAAC;MAC9C;MACA,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAAAG,UAAA,GAAA3K,cAAA,CAAA0K,UAAA;IARKE,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAU1B,IAAMG,eAAe,GAAG,IAAA3C,cAAO,EAAC,YAAM;IACpC,IAAMyB,GAAsC,GAAG,CAAC,CAAC;IACjDlI,mBAAmB,CAACqJ,OAAO,CAAC,UAAC7B,UAAU,EAAK;MAC1CU,GAAG,CAACV,UAAU,CAACtH,EAAE,CAAC,GAAGsH,UAAU;IACjC,CAAC,CAAC;IACF,OAAOU,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMoB,UAAU,GAAG,IAAA7C,cAAO,EACxB;IAAA,OAAM,CACJ;MACEvG,EAAE,EAAE,YAAY;MAChBwC,KAAK,EAAE,YAAY;MACnB6G,OAAO,EAAEvJ,mBAAmB,CAACkI,GAAG,CAAC,UAACV,UAAU;QAAA,OAAM;UAChDtH,EAAE,EAAEsH,UAAU,CAACtH,EAAE;UACjBjB,IAAI,EAAEuI,UAAU,CAACvI;QACnB,CAAC;MAAA,CAAC;IACJ,CAAC,EACD;MACEiB,EAAE,EAAE,YAAY;MAChBwC,KAAK,EAAE,YAAY;MACnB6G,OAAO,EAAErK,KAAK,CAACC,IAAI,CACjB,IAAIqK,GAAG,CAACnF,YAAY,CAAC6D,GAAG,CAAC,UAACX,GAAG;QAAA,OAAKA,GAAG,CAAChD,SAAS;MAAA,EAAC,CAClD,CAAC,CAAC2D,GAAG,CAAC,UAAC3D,SAAS;QAAA,OAAM;UACpBrE,EAAE,EAAEqE,SAAS;UACbtF,IAAI,EAAEmB,iBAAiB,CAACmE,SAAS;QACnC,CAAC;MAAA,CAAC;IACJ,CAAC,EACD;MACErE,EAAE,EAAE,QAAQ;MACZwC,KAAK,EAAE,mBAAmB;MAC1B6G,OAAO,EAAGpL,MAAM,CAACsL,IAAI,CAAChJ,aAAa,CAAC,CAAqByH,GAAG,CAC1D,UAACzG,MAAM;QAAA,OAAM;UAAEvB,EAAE,EAAEuB,MAAM;UAAExC,IAAI,EAAEwB,aAAa,CAACgB,MAAM;QAAE,CAAC;MAAA,CAC1D;IACF,CAAC,CACF;EAAA,GACD,EACF,CAAC;EAED,IAAMiI,WAAW,GAAG,IAAAjD,cAAO,EAAC,YAAM;IAAA,IAAAkD,mBAAA,EAAAC,mBAAA,EAAAC,eAAA;IAChC,IAAMC,YAAY,IAAAH,mBAAA,GAAGT,OAAO,CAAC1B,UAAU,cAAAmC,mBAAA,cAAAA,mBAAA,GAAI,EAAE;IAC7C,IAAMI,OAAO,IAAAH,mBAAA,GAAGV,OAAO,CAAC7F,UAAU,cAAAuG,mBAAA,cAAAA,mBAAA,GAAI,EAAE;IACxC,IAAMI,QAAQ,IAAAH,eAAA,GAAGX,OAAO,CAACzH,MAAM,cAAAoI,eAAA,cAAAA,eAAA,GAAI,EAAE;IAErC,OAAOxF,YAAY,CAAC4F,MAAM,CAAC,UAAC1C,GAAG,EAAK;MAClC,IAAIuC,YAAY,CAACzK,MAAM,IAAI,CAACyK,YAAY,CAACI,QAAQ,CAAC3C,GAAG,CAACjD,YAAY,CAAC,EAAE;QACnE,OAAO,KAAK;MACd;MACA,IAAIyF,OAAO,CAAC1K,MAAM,IAAI,CAAC0K,OAAO,CAACG,QAAQ,CAAC3C,GAAG,CAAChD,SAAS,CAAC,EAAE;QACtD,OAAO,KAAK;MACd;MACA,IAAIyF,QAAQ,CAAC3K,MAAM,IAAI,CAAC2K,QAAQ,CAACE,QAAQ,CAAC3C,GAAG,CAAC9F,MAAM,CAAC,EAAE;QACrD,OAAO,KAAK;MACd;MACA,OAAO,IAAI;IACb,CAAC,CAAC,CAAC0I,IAAI,CAAC,UAACvL,CAAC,EAAEwL,CAAC;MAAA,OAAKA,CAAC,CAACxF,UAAU,GAAGhG,CAAC,CAACgG,UAAU;IAAA,EAAC;EAChD,CAAC,EAAE,CAACsE,OAAO,CAAC,CAAC;EAEb,oBACE5M,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC2G,uBAAuB;IACtBX,IAAI,EAAEA,IAAK;IACXkB,OAAO,EAAEA,OAAQ;IACjBwB,qBAAqB;EAAA,gBAErB/N,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC9E,OAAA,CAAA0L,MAAM,CAAC+B,KAAK;IAACC,qBAAqB;EAAA,gBACjCjO,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC6G,cAAc,qBACblM,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAuN,OAAO,QAAC,cAAqB,CAAC,eAC/BlO,MAAA,CAAAc,OAAA,CAAAuE,aAAA;IAAKkF,SAAS,EAAC;EAAe,gBAC5BvK,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC7E,OAAA,CAAA2N,MAAM;IACLC,IAAI,EAAEpB,UAAW;IACjBqB,QAAQ,EAAEzB,OAAQ;IAClBrH,KAAK,EAAC,QAAQ;IACd+I,YAAY,EAAC,WAAW;IACxBC,YAAY,EAAC,YAAY;IACzBC,eAAe,EAAC,oBAAoB;IACpCC,QAAQ,EAAE5B;EAAW,CACtB,CAAC,eACF7M,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC5E,WAAA,CAAAiO,UAAU;IAAC/I,OAAO,EAAC,WAAW;IAAC+E,OAAO,EAAE6B;EAAQ,gBAC/CvM,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC3E,MAAA,CAAAiO,eAAe,MAAE,CACR,CACT,CACS,CACJ,CAAC,eACf3O,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC9E,OAAA,CAAA0L,MAAM,CAAC2C,cAAc,MAAE,CAAC,eACzB5O,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC9E,OAAA,CAAA0L,MAAM,CAAC4C,OAAO,QACZzB,WAAW,CAACrK,MAAM,GAAG,CAAC,gBACrB/C,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAArF,MAAA,CAAAc,OAAA,CAAAgO,QAAA,qBACE9O,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC8G,aAAa,qBACZnM,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAoO,QAAQ;IAACxE,SAAS,EAAC,SAAS;IAAC9E,KAAK,EAAC,WAAW;IAACG,MAAM,EAAC;EAAM,GAAC,YAEpD,CAAC,eACX5F,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAoO,QAAQ;IAACxE,SAAS,EAAC,UAAU;IAAC9E,KAAK,EAAC,WAAW;IAACG,MAAM,EAAC;EAAM,GAAC,YAErD,CAAC,eACX5F,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAoO,QAAQ;IAACxE,SAAS,EAAC,WAAW;IAAC9E,KAAK,EAAC,WAAW;IAACG,MAAM,EAAC;EAAM,GAAC,QAEtD,CAAC,eACX5F,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAAoO,QAAQ;IAACxE,SAAS,EAAC,aAAa;IAAC9E,KAAK,EAAC,WAAW;IAACG,MAAM,EAAC;EAAM,GAAC,UAExD,CACG,CAAC,EACfwH,WAAW,CAACxB,GAAG,CAAC,UAACX,GAAG;IAAA,oBACnBjL,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAACyF,MAAM;MACLiB,GAAG,EAAEd,GAAG,CAACrH,EAAG;MACZqH,GAAG,EAAEA,GAAI;MACTC,UAAU,EAAE4B,eAAe,CAAC7B,GAAG,CAACjD,YAAY;IAAE,CAC/C,CAAC;EAAA,CACH,CACD,CAAC,gBAEHhI,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC+G,SAAS,qBACRpM,MAAA,CAAAc,OAAA,CAAAuE,aAAA,CAAC1E,WAAA,CAAA+K,KAAK;IAACjG,KAAK,EAAC;EAAU,GAAC,6CAEjB,CACE,CAEC,CACO,CAAC;AAE9B,CAAC","ignoreList":[]}

package/dist/cjs/presentation/shared/headers.js CHANGED Viewed

@@ -9,6 +9,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ConnectRepositoryDialog = require("./ConnectRepositoryDialog");
 var _RoundAvatar = require("./RoundAvatar");
 var _tokens = require("./tokens");
+var _Badge = require("../../components/Badge");
 var _Button = require("../../components/Button");
 var _GlobalAddButton = require("../../components/Button/GlobalAddButton");
 var _CompleteCheckbox = require("../../components/CompleteCheckbox");
@@ -21,6 +22,7 @@ var _List = require("../../components/List");
 var _Menu = require("../../components/Menu");
 var _Nav = require("../../components/Nav");
 var _ProgressPie = require("../../components/ProgressPie");
+var _ToastMessage = require("../../components/ToastMessage");
 var _Tooltip = require("../../components/Tooltip");
 var _Transitions = require("../../components/Transitions");
 var _Typography = require("../../components/Typography");
@@ -74,16 +76,33 @@ var StyledProjectHeaderChildren = _styledComponents.default.div.withConfig({
 var StyledProjectMenu = _styledComponents.default.div.withConfig({
   displayName: "headers__StyledProjectMenu",
   componentId: "sc-yf6o6n-2"
-})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .opt-left svg{margin-right:8px;flex-shrink:0;}.toggle-item .c-complete-checkbox{width:16px;height:16px;border-radius:3px;align-self:center;flex-shrink:0;}.submenu-item{justify-content:space-between;}.submenu-item .repo-caret{flex-shrink:0;fill:var(--color-theme-600);}.repo-row{min-width:0;}.repo-row > svg{flex-shrink:0;}.repo-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"]);
+})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .opt-left svg{margin-right:8px;flex-shrink:0;}.toggle-item .c-complete-checkbox{width:16px;height:16px;border-radius:3px;align-self:center;flex-shrink:0;}.submenu-item{justify-content:space-between;}.submenu-item .repo-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}.submenu-item .repo-right .c-badge{background-color:var(--color-theme-300);color:var(--color-theme-700);}.submenu-item .repo-caret{flex-shrink:0;fill:var(--color-theme-600);}.repo-row{min-width:0;}.repo-row > svg{flex-shrink:0;}.repo-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"]);
-/** Submenu row label for a connected repository: "path (Connection, Type)",
- *  matching the grouped picker headers in the Link Branch / Pull Request
- *  dialog. */
+/** Submenu row label for a connected repository: "path (Connection)". The
+ *  service type is omitted because the leading provider icon already conveys
+ *  it. */
 var repositoryMenuLabel = function repositoryMenuLabel(repo) {
   var connection = _ConnectRepositoryDialog.CONNECTIONS.find(function (c) {
     return c.id === repo.connectionId;
   });
-  return connection ? "".concat(repo.name, " (").concat(connection.name, ", ").concat((0, _ConnectRepositoryDialog.serviceLabel)(connection.service), ")") : repo.name;
+  return connection ? "".concat(repo.name, " (").concat(connection.name, ")") : repo.name;
+};
+/** Provider glyph for a connected repository: GitHub / GitLab for those
+ *  services, and the generic Git mark for anything else (e.g. an upcoming
+ *  Bitbucket connection). */
+var repositoryIcon = function repositoryIcon(repo) {
+  var connection = _ConnectRepositoryDialog.CONNECTIONS.find(function (c) {
+    return c.id === repo.connectionId;
+  });
+  switch (connection === null || connection === void 0 ? void 0 : connection.service) {
+    case "github":
+      return _Icons.GitHubIcon;
+    case "gitlab":
+      return _Icons.GitLabIcon;
+    default:
+      return _Icons.GitIcon;
+  }
 };
 /** Width of the project "..." menu (matches the DS "normal" menu mode). */
@@ -92,6 +111,14 @@ var PROJECT_MENU_WIDTH = 260;
 /* The menu drills in place (index → Repositories), so the paper must clip the
    sliding panels and give them a positioning context. */
 var ProjectMenuSliderStyle = (0, _styledComponents.createGlobalStyle)([".c-simple-menu__paper.project-options-menu{overflow:hidden;position:relative;}"]);
+/* Toast anchor — fixed, upper-right corner (the toast slides down from the
+   top). The wrapper ignores pointer events so it never blocks the page; only
+   the toast itself is interactive. */
+var StyledToastAnchor = _styledComponents.default.div.withConfig({
+  displayName: "headers__StyledToastAnchor",
+  componentId: "sc-yf6o6n-3"
+})(["position:fixed;top:16px;right:16px;z-index:10000;pointer-events:none;.c-toast-message{pointer-events:auto;}"]);
 /**
  * The project "..." options menu. When the `source` module is loaded it gains
  * a **Repositories** item that, instead of flying out to the side, **drills in
@@ -103,7 +130,9 @@ var ProjectMenuSliderStyle = (0, _styledComponents.createGlobalStyle)([".c-simpl
  */
 var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
   var _ref2$sourceModuleLoa = _ref2.sourceModuleLoaded,
-    sourceModuleLoaded = _ref2$sourceModuleLoa === void 0 ? false : _ref2$sourceModuleLoa;
+    sourceModuleLoaded = _ref2$sourceModuleLoa === void 0 ? false : _ref2$sourceModuleLoa,
+    _ref2$initialConnecte = _ref2.initialConnectedRepositories,
+    initialConnectedRepositories = _ref2$initialConnecte === void 0 ? [] : _ref2$initialConnecte;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -120,7 +149,11 @@ var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
     _useState8 = _slicedToArray(_useState7, 2),
     height = _useState8[0],
     setHeight = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
+  // Connected repositories drive the count badge on the Repositories item. In
+  // production this count comes from the project's `count_repositories` counter,
+  // kept current via pusher/websocket events, so the badge reflects repositories
+  // connected or disconnected by anyone — not just the current user's actions.
+  var _useState9 = (0, _react.useState)(initialConnectedRepositories),
     _useState0 = _slicedToArray(_useState9, 2),
     connectedRepos = _useState0[0],
     setConnectedRepos = _useState0[1];
@@ -132,6 +165,16 @@ var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
     _useState12 = _slicedToArray(_useState11, 2),
     infoOpen = _useState12[0],
     setInfoOpen = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    toastOpen = _useState14[0],
+    setToastOpen = _useState14[1];
+  // Bumped on each connect so the toast remounts and its auto-hide timer
+  // restarts from the moment it is shown.
+  var _useState15 = (0, _react.useState)(0),
+    _useState16 = _slicedToArray(_useState15, 2),
+    toastKey = _useState16[0],
+    setToastKey = _useState16[1];
   // Repositories still available to connect (not already on the project).
   var connectableRepos = _ConnectRepositoryDialog.CONNECTABLE_REPOSITORIES.filter(function (r) {
@@ -171,6 +214,10 @@ var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
         return r.id === repo.id;
       }) ? prev : [...prev, repo];
     });
+    setToastOpen(true);
+    setToastKey(function (k) {
+      return k + 1;
+    });
   };
   var handleConnect = function handleConnect() {
     handleClose();
@@ -207,11 +254,17 @@ var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
     onClick: goToRepositories
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "opt-left"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.GitRepositoryIcon, null), "Repositories"), /*#__PURE__*/_react.default.createElement(_Icons.CaretRightIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitRepositoryIcon, null), "Repositories"), /*#__PURE__*/_react.default.createElement("span", {
+    className: "repo-right"
+  }, connectedRepos.length > 0 ? /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
+    isStandalone: true,
+    dimension: 16,
+    value: connectedRepos.length
+  }) : null, /*#__PURE__*/_react.default.createElement(_Icons.CaretRightIcon, {
     className: "repo-caret",
     width: 16,
     height: 16
-  }))) : null, /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.DuplicateIcon, null), "Duplicate"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectTemplateIcon, null), "Apply Template"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectTemplateConvertIcon, null), "Convert to Template"), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, null), "Delete")));
+  })))) : null, /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.DuplicateIcon, null), "Duplicate"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectTemplateIcon, null), "Apply Template"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectTemplateConvertIcon, null), "Convert to Template"), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, null), "Delete")));
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ProjectMenuSliderStyle, null), /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     open: open,
     onOpen: function onOpen() {
@@ -267,13 +320,14 @@ var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
     },
     tabIndex: -1
   }, sortedRepos.map(function (repo) {
+    var RepoIcon = repositoryIcon(repo);
     return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
       key: repo.id,
       className: "repo-row",
       onClick: function onClick() {
         return handleOpenRepository();
       }
-    }, /*#__PURE__*/_react.default.createElement(_Icons.GitRepositoryIcon, null), /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement(RepoIcon, null), /*#__PURE__*/_react.default.createElement("span", {
       className: "repo-name"
     }, repositoryMenuLabel(repo)));
   }), sortedRepos.length > 0 ? /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null) : null, /*#__PURE__*/_react.default.createElement(_List.ListItem, {
@@ -297,7 +351,20 @@ var ProjectOptionsMenu = function ProjectOptionsMenu(_ref2) {
     onClick: function onClick() {
       return setInfoOpen(false);
     }
-  }, "Got it"))));
+  }, "Got it"))), /*#__PURE__*/_react.default.createElement(StyledToastAnchor, null, /*#__PURE__*/_react.default.createElement(_Transitions.SlideFromTop, {
+    in: toastOpen
+  }, /*#__PURE__*/_react.default.createElement(_ToastMessage.ToastMessage, {
+    key: toastKey,
+    className: "c-toast-message",
+    type: "success",
+    text: "Repository connected.",
+    dismissible: true,
+    dropShadow: true,
+    timeout: 3000,
+    onClose: function onClose() {
+      return setToastOpen(false);
+    }
+  }))));
 };
 /* People popover (mirrors the project header People dropdown): a header row
@@ -325,13 +392,13 @@ var PROJECT_MEMBERS = [{
 }];
 var StyledPeopleMenu = _styledComponents.default.div.withConfig({
   displayName: "headers__StyledPeopleMenu",
-  componentId: "sc-yf6o6n-3"
+  componentId: "sc-yf6o6n-4"
 })(["width:256px;.members-label{display:block;margin:8px 0;padding:0 16px;}.member-row{position:relative;display:flex;align-items:center;min-height:40px;margin:0 8px;padding:2px 8px;border-radius:4px;cursor:default;transition:background-color ", ";}.member-row:hover{background-color:var(--color-theme-200);}.member-row.leader::before{content:\"\";position:absolute;top:4px;bottom:4px;left:0;width:4px;border-radius:4px;background-color:", ";}.member-row.leader .member-avatar{outline:2px solid ", ";outline-offset:-2px;}.member-name{flex:1;margin-left:12px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.member-right{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:8px;}.leader-crown{flex-shrink:0;}.member-options{display:none;align-items:center;gap:2px;}.member-row:hover .member-options{display:flex;}"], _tokens.TRANSITION, LEADER_GOLD, LEADER_GOLD);
 var PeoplePopover = function PeoplePopover() {
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    open = _useState14[0],
-    setOpen = _useState14[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    open = _useState18[0],
+    setOpen = _useState18[1];
   return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     open: open,
     onOpen: function onOpen() {
@@ -399,7 +466,8 @@ var ProjectPageHeader = exports.ProjectPageHeader = function ProjectPageHeader(_
   var _ref3$title = _ref3.title,
     title = _ref3$title === void 0 ? "#131: Ime projekta" : _ref3$title,
     _ref3$sourceModuleLoa = _ref3.sourceModuleLoaded,
-    sourceModuleLoaded = _ref3$sourceModuleLoa === void 0 ? false : _ref3$sourceModuleLoa;
+    sourceModuleLoaded = _ref3$sourceModuleLoa === void 0 ? false : _ref3$sourceModuleLoa,
+    initialConnectedRepositories = _ref3.initialConnectedRepositories;
   return /*#__PURE__*/_react.default.createElement(StyledPageHeader, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "page-header-left"
   }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
@@ -423,7 +491,8 @@ var ProjectPageHeader = exports.ProjectPageHeader = function ProjectPageHeader(_
   }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
     variant: "text gray"
   }, /*#__PURE__*/_react.default.createElement(_Icons.InfoIcon, null))), /*#__PURE__*/_react.default.createElement(PeoplePopover, null), /*#__PURE__*/_react.default.createElement(ProjectOptionsMenu, {
-    sourceModuleLoaded: sourceModuleLoaded
+    sourceModuleLoaded: sourceModuleLoaded,
+    initialConnectedRepositories: initialConnectedRepositories
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "page-header-spacer"
   }));
@@ -437,20 +506,20 @@ ProjectPageHeader.displayName = "ProjectPageHeader";
 var NAV_TABS = ["Tasks", "Discussions", "Files", "Notes", "Activity"];
 var StyledTabHeader = (0, _styledComponents.default)(_Header.Header).withConfig({
   displayName: "headers__StyledTabHeader",
-  componentId: "sc-yf6o6n-4"
+  componentId: "sc-yf6o6n-5"
 })(["justify-content:space-between;align-items:center;margin-bottom:16px;min-height:64px;flex-shrink:0;"]);
 var StyledTabControls = _styledComponents.default.div.withConfig({
   displayName: "headers__StyledTabControls",
-  componentId: "sc-yf6o6n-5"
+  componentId: "sc-yf6o6n-6"
 })(["display:flex;align-items:center;flex-shrink:0;gap:4px;.vertical-separator{width:1px;height:24px;background-color:var(--color-theme-400);margin:0 8px;}.filter-button{display:flex;align-items:center;gap:6px;}"]);
 /** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
 var TabHeader = exports.TabHeader = function TabHeader(_ref4) {
   var _ref4$activeView = _ref4.activeView,
     activeView = _ref4$activeView === void 0 ? "list" : _ref4$activeView;
-  var _useState15 = (0, _react.useState)(0),
-    _useState16 = _slicedToArray(_useState15, 2),
-    active = _useState16[0],
-    setActive = _useState16[1];
+  var _useState19 = (0, _react.useState)(0),
+    _useState20 = _slicedToArray(_useState19, 2),
+    active = _useState20[0],
+    setActive = _useState20[1];
   return /*#__PURE__*/_react.default.createElement(StyledTabHeader, null, /*#__PURE__*/_react.default.createElement(_Nav.Nav, {
     onSelect: setActive
   }, NAV_TABS.map(function (label, index) {