@bikdotai/bik-component-library 0.0.868-beta.5 → 0.0.868-beta.7

package/dist/esm/components/bik-copilot/CopilotPanel.styled.d.ts

@@ -1,67 +0,0 @@
-export declare const PanelContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const PanelHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderAvatar: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderText: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderTitleRow: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderBadge: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const HeaderActions: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const IconAction: import('styled-components').StyledComponent<"button", any, {}, never>;
-/**
- * Wraps the scroller so the bottom fade and the jump-to-latest button can be
- * absolutely positioned over it.
- */
-export declare const MessagesViewport: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MessagesArea: import('styled-components').StyledComponent<"div", any, {}, never>;
-/**
- * Softens the cut-off edge of a long answer the reader has scrolled up from, so
- * the clipped line reads as continuing rather than as the end of the message.
- *
- * Two layers, because one element cannot ramp a gradient and a blur
- * independently: the element itself whitens the text out, and `::after` lays a
- * masked blur over it that strengthens towards the bottom. Browsers without
- * `backdrop-filter` still get the fade.
- */
-export declare const ScrollFade: import('styled-components').StyledComponent<"div", any, {
-    $visible: boolean;
-}, never>;
-export declare const JumpToLatestButton: import('styled-components').StyledComponent<"button", any, {
-    $visible: boolean;
-}, never>;
-export declare const EmptyState: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EmptyStateIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SuggestionList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SuggestionChip: import('styled-components').StyledComponent<"button", any, {}, never>;
-export declare const MessageBubble: import('styled-components').StyledComponent<"div", any, {
-    $role: 'user' | 'assistant' | 'system';
-}, never>;
-export declare const ThinkingBubble: import('styled-components').StyledComponent<"div", any, {}, never>;
-/** Sits above the oldest message while the page before it is fetched. */
-export declare const HistoryLoader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const FollowUpList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const FollowUpsLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ToolCtaList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ToolCtaLink: import('styled-components').StyledComponent<"a", any, {}, never>;
-export declare const FollowUpChip: import('styled-components').StyledComponent<"button", any, {}, never>;
-/**
- * Bubble-less on purpose: a stopped reply is a note about the transcript, not a
- * message in it.
- */
-export declare const InterruptedNote: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MessageTimestamp: import('styled-components').StyledComponent<"div", any, {}, never>;
-/**
- * Actions under a finished assistant reply. Kept low-contrast so a row of icons
- * under every message does not compete with the answer itself.
- */
-export declare const MessageActions: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MessageAction: import('styled-components').StyledComponent<"button", any, {}, never>;
-export declare const ThinkingLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const ErrorBanner: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const InputArea: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const InputWrapper: import('styled-components').StyledComponent<"div", any, {
-    $focused: boolean;
-}, never>;
-export declare const MessageInput: import('styled-components').StyledComponent<"textarea", any, {}, never>;
-export declare const SendButton: import('styled-components').StyledComponent<"button", any, {
-    $active: boolean;
-}, never>;
-export declare const Disclaimer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/bik-copilot/CopilotPanel.styled.js

@@ -1,573 +0,0 @@
-import n from "styled-components";
-import { COLORS as e } from "../../constants/Theme.js";
-const r = "#F9F9F9", t = 12, i = 8, d = n.div`
-	display: flex;
-	flex-direction: column;
-	min-height: 0;
-	overflow: hidden;
-	background: ${e.surface.standard};
-	border: 1px solid ${e.stroke.primary};
-	border-radius: 16px;
-	box-shadow: 0 16px 48px rgba(40, 3, 78, 0.18);
-`, l = n.div`
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	padding: 16px;
-	border-bottom: 1px solid ${e.stroke.primary};
-	flex-shrink: 0;
-`, p = n.div`
-	width: 36px;
-	height: 36px;
-	flex-shrink: 0;
-	border-radius: 8px;
-	background: ${e.background.base};
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: ${e.content.brand};
-	overflow: hidden;
-`, c = n.div`
-	display: flex;
-	flex-direction: column;
-	gap: 2px;
-	min-width: 0;
-	flex: 1;
-`, x = n.div`
-	display: flex;
-	align-items: center;
-	gap: 6px;
-`, g = n.span`
-	padding: 1px 6px;
-	border-radius: 4px;
-	background: ${e.background.brandLight};
-	color: ${e.content.brand};
-	font-size: 10px;
-	font-weight: 600;
-	line-height: 16px;
-	white-space: nowrap;
-`, b = n.div`
-	display: flex;
-	align-items: center;
-	gap: 2px;
-	flex-shrink: 0;
-`, f = n.button`
-	width: 28px;
-	height: 28px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-	border: none;
-	border-radius: 6px;
-	background: transparent;
-	color: ${e.content.secondary};
-	cursor: pointer;
-	transition: background 0.15s ease, color 0.15s ease;
-
-	&:hover {
-		background: ${e.surface.hovered};
-		color: ${e.content.primary};
-	}
-
-	&:focus-visible {
-		outline: 2px solid ${e.stroke.brand};
-		outline-offset: 1px;
-	}
-`, u = n.div`
-	position: relative;
-	flex: 1;
-	min-height: 0;
-	display: flex;
-	flex-direction: column;
-`, h = n.div`
-	flex: 1;
-	min-height: 0;
-	overflow-y: auto;
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: ${t}px;
-
-	&::-webkit-scrollbar {
-		width: 6px;
-	}
-
-	&::-webkit-scrollbar-thumb {
-		background: ${e.background.inactive};
-		border-radius: 3px;
-	}
-`, m = n.div`
-	position: absolute;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	height: 40px;
-	pointer-events: none;
-	opacity: ${(o) => o.$visible ? 1 : 0};
-	transition: opacity 0.2s ease;
-	background: linear-gradient(
-		to bottom,
-		${e.surface.standard}00 0%,
-		${e.surface.standard}99 60%,
-		${e.surface.standard} 100%
-	);
-
-	&::after {
-		content: '';
-		position: absolute;
-		inset: 0;
-		backdrop-filter: blur(1px);
-		-webkit-backdrop-filter: blur(1px);
-		mask-image: linear-gradient(to bottom, transparent 0%, #000 75%);
-		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 75%);
-	}
-`, k = n.button`
-	position: absolute;
-	left: 50%;
-	bottom: 12px;
-	transform: translateX(-50%)
-		translateY(${(o) => o.$visible ? "0" : "6px"});
-	width: 32px;
-	height: 32px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-	border: none;
-	border-radius: 999px;
-	background: ${e.background.inverse};
-	color: ${e.content.primaryInverse};
-	box-shadow: 0 2px 8px rgba(40, 3, 78, 0.16);
-	cursor: pointer;
-	opacity: ${(o) => o.$visible ? 1 : 0};
-	/* Hidden to the pointer and to focus order while it is faded out. */
-	visibility: ${(o) => o.$visible ? "visible" : "hidden"};
-	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease,
-		background 0.15s ease, color 0.15s ease;
-
-	&:hover {
-		background: ${e.background.brandHovered};
-	}
-
-	&:focus-visible {
-		outline: 2px solid ${e.stroke.brand};
-		outline-offset: 1px;
-	}
-`, $ = n.div`
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 8px;
-	text-align: center;
-	padding: 8px 4px;
-`, y = n.div`
-	color: ${e.content.brand};
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 4px;
-`, v = n.div`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 8px;
-	margin-top: 12px;
-	width: 100%;
-`, w = n.button`
-	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	max-width: 100%;
-	padding: 8px 14px;
-	border: 1px solid ${e.stroke.primary};
-	border-radius: 999px;
-	background: ${e.surface.standard};
-	color: ${e.content.primary};
-	font-family: Inter;
-	font-size: 13px;
-	line-height: 18px;
-	text-align: left;
-	cursor: pointer;
-	transition: border-color 0.15s ease, background 0.15s ease;
-
-	svg {
-		flex-shrink: 0;
-		color: ${e.content.brand};
-	}
-
-	&:hover:not(:disabled) {
-		border-color: ${e.stroke.brand};
-		background: ${e.background.brandVeryLight};
-	}
-
-	&:disabled {
-		cursor: not-allowed;
-		opacity: 0.5;
-	}
-`, I = n.div`
-	font-family: Inter;
-	font-size: 14px;
-	line-height: 20px;
-	word-break: break-word;
-	overflow-wrap: break-word;
-
-	${(o) => o.$role === "user" ? `
-				align-self: flex-end;
-				margin-left: 32px;
-				padding: 10px 14px;
-				border-radius: 12px;
-				background: ${r};
-				color: ${e.content.primary};
-			` : o.$role === "system" ? `
-				align-self: center;
-				max-width: 90%;
-				padding: 6px 10px;
-				border-radius: 8px;
-				background: ${e.surface.grey};
-				color: ${e.content.secondary};
-				font-size: 12px;
-				text-align: center;
-			` : `
-			align-self: stretch;
-			padding: 0;
-			background: transparent;
-			color: ${e.content.primary};
-		`}
-
-	/* Markdown emitted by renderCopilotMarkdown */
-	h1,
-	h2,
-	h3,
-	h4 {
-		font-size: 14px;
-		font-weight: 600;
-		margin: 4px 0;
-	}
-
-	pre {
-		background: ${e.background.base};
-		border-radius: 6px;
-		padding: 8px;
-		margin: 6px 0;
-		overflow-x: auto;
-		font-size: 12px;
-	}
-
-	a {
-		color: ${e.content.brand};
-	}
-
-	ul,
-	ol {
-		margin: 4px 0;
-		padding-left: 20px;
-	}
-
-	li {
-		margin: 2px 0;
-	}
-
-	code {
-		background: ${e.background.base};
-		border-radius: 4px;
-		padding: 1px 4px;
-		font-size: 12px;
-	}
-`, z = n.div`
-	align-self: flex-start;
-	display: inline-flex;
-	align-items: center;
-	gap: 8px;
-	padding: 12px 14px;
-	border-radius: 12px;
-	border-bottom-left-radius: 4px;
-	background: ${e.surface.grey};
-	border: 1px solid ${e.stroke.primary};
-`, L = n.div`
-	align-self: center;
-	display: inline-flex;
-	align-items: center;
-	gap: 8px;
-	padding: 4px 0;
-	font-family: Inter;
-	font-size: 11px;
-	line-height: 16px;
-	color: ${e.content.placeholder};
-`, A = n.div`
-	display: flex;
-	flex-direction: column;
-	align-items: stretch;
-	gap: 8px;
-	margin-top: 4px;
-`, S = n.div`
-	font-family: Inter;
-	font-size: 11px;
-	line-height: 16px;
-	color: ${e.content.placeholder};
-`, M = n.div`
-	display: flex;
-	flex-wrap: wrap;
-	gap: 8px;
-	margin-top: 8px;
-`, B = n.a`
-	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	padding: 8px 14px;
-	border: 1px solid ${e.stroke.brand};
-	border-radius: 10px;
-	background: ${e.background.brandVeryLight};
-	color: ${e.content.brand};
-	font-family: Inter;
-	font-size: 13px;
-	font-weight: 500;
-	line-height: 18px;
-	text-decoration: none;
-	cursor: pointer;
-	transition: background 0.15s ease, border-color 0.15s ease;
-
-	&:hover {
-		background: ${e.background.brandLight};
-	}
-
-	&:focus-visible {
-		outline: 2px solid ${e.stroke.brand};
-		outline-offset: 2px;
-	}
-`, C = n.button`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	width: 100%;
-	padding: 10px 14px;
-	border: 1px solid ${e.stroke.primary};
-	border-radius: 10px;
-	background: ${e.surface.standard};
-	color: ${e.content.primary};
-	font-family: Inter;
-	font-size: 13px;
-	line-height: 18px;
-	text-align: left;
-	cursor: pointer;
-	transition: border-color 0.15s ease, background 0.15s ease;
-
-	svg {
-		flex-shrink: 0;
-		color: ${e.content.secondary};
-	}
-
-	&:hover:not(:disabled) {
-		border-color: ${e.stroke.brand};
-		background: ${e.background.brandVeryLight};
-	}
-
-	&:disabled {
-		cursor: not-allowed;
-		opacity: 0.5;
-	}
-`, H = n.div`
-	align-self: flex-start;
-	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	font-family: Inter;
-	font-size: 12px;
-	line-height: 18px;
-	color: ${e.content.secondary};
-
-	svg {
-		flex-shrink: 0;
-		color: ${e.content.inactive};
-	}
-`, E = n.div`
-	align-self: flex-end;
-	margin-top: -6px;
-	font-family: Inter;
-	font-size: 11px;
-	line-height: 16px;
-	color: ${e.content.placeholder};
-`, T = n.div`
-	align-self: flex-start;
-	display: flex;
-	align-items: center;
-	gap: 2px;
-	/* Pulls back out of the scroller's row gap to land on 8px. */
-	margin-top: ${i - t}px;
-`, j = n.button`
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	gap: 4px;
-	width: 28px;
-	height: 28px;
-	padding: 0;
-	border: none;
-	border-radius: 4px;
-	background: transparent;
-	color: ${e.content.placeholder};
-	font-family: Inter;
-	font-size: 11px;
-	line-height: 16px;
-	cursor: pointer;
-	transition: background 0.15s ease, color 0.15s ease;
-
-	svg {
-		flex-shrink: 0;
-	}
-
-	&:hover:not(:disabled) {
-		background: ${e.surface.hovered};
-		color: ${e.content.secondary};
-	}
-
-	&:focus-visible {
-		outline: 2px solid ${e.stroke.brand};
-		outline-offset: 1px;
-	}
-
-	&:disabled {
-		cursor: not-allowed;
-		opacity: 0.5;
-	}
-
-	/* Confirmation reads as success, not as another affordance. */
-	&[data-copied='true'],
-	&[data-copied='true']:hover {
-		color: ${e.content.positive};
-	}
-
-	/* A cast vote holds the brand colour, so it stays legible as chosen once the
-	   pointer moves away. */
-	&[data-selected='true'],
-	&[data-selected='true']:hover {
-		color: ${e.content.brand};
-	}
-`, F = n.span`
-	font-family: Inter;
-	font-size: 13px;
-	line-height: 20px;
-	color: ${e.content.secondary};
-`, P = n.div`
-	margin: 0 16px;
-	padding: 8px 10px;
-	border-radius: 8px;
-	background: ${e.background.negative.light};
-	color: ${e.content.negative};
-	font-family: Inter;
-	font-size: 12px;
-	line-height: 18px;
-	flex-shrink: 0;
-`, _ = n.div`
-	padding: 16px 16px 4px;
-	flex-shrink: 0;
-`, U = n.div`
-	box-sizing: border-box;
-	min-height: 48px;
-	display: flex;
-	align-items: flex-end;
-	gap: 8px;
-	padding: 12px;
-	box-shadow: inset 0 0 0 1px
-		${(o) => o.$focused ? e.stroke.brand : e.stroke.primary};
-	border-radius: 12px;
-	background: ${e.surface.standard};
-	transition: box-shadow 0.15s ease;
-
-	&:hover {
-		box-shadow: inset 0 0 0 1px
-			${(o) => o.$focused ? e.stroke.brand : e.content.inactive};
-	}
-`, G = n.textarea`
-	flex: 1;
-	border: none;
-	outline: none;
-	resize: none;
-	background: transparent;
-	font-family: Inter;
-	font-size: 13px;
-	line-height: 24px;
-	color: ${e.content.primary};
-	max-height: 96px;
-	min-height: 24px;
-	padding: 0;
-
-	&::placeholder {
-		color: ${e.content.placeholder};
-	}
-
-	&:disabled {
-		cursor: not-allowed;
-	}
-`, O = n.button`
-	width: 24px;
-	height: 24px;
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-	border: none;
-	border-radius: 6px;
-	background: ${(o) => o.$active ? e.background.brand : e.background.inactive};
-	color: ${e.content.primaryInverse};
-	cursor: ${(o) => o.$active ? "pointer" : "not-allowed"};
-	transition: background 0.15s ease;
-
-	&:hover:not(:disabled) {
-		background: ${e.background.brandHovered};
-	}
-
-	&:focus-visible {
-		outline: 2px solid ${e.stroke.brand};
-		outline-offset: 1px;
-	}
-`, R = n.div`
-	padding: 4px 16px 16px;
-	text-align: center;
-	font-family: Inter;
-	font-size: 11px;
-	line-height: 16px;
-	color: ${e.content.placeholder};
-	flex-shrink: 0;
-`;
-export {
-  R as Disclaimer,
-  $ as EmptyState,
-  y as EmptyStateIcon,
-  P as ErrorBanner,
-  C as FollowUpChip,
-  A as FollowUpList,
-  S as FollowUpsLabel,
-  b as HeaderActions,
-  p as HeaderAvatar,
-  g as HeaderBadge,
-  c as HeaderText,
-  x as HeaderTitleRow,
-  L as HistoryLoader,
-  f as IconAction,
-  _ as InputArea,
-  U as InputWrapper,
-  H as InterruptedNote,
-  k as JumpToLatestButton,
-  j as MessageAction,
-  T as MessageActions,
-  I as MessageBubble,
-  G as MessageInput,
-  E as MessageTimestamp,
-  h as MessagesArea,
-  u as MessagesViewport,
-  d as PanelContainer,
-  l as PanelHeader,
-  m as ScrollFade,
-  O as SendButton,
-  w as SuggestionChip,
-  v as SuggestionList,
-  z as ThinkingBubble,
-  F as ThinkingLabel,
-  B as ToolCtaLink,
-  M as ToolCtaList
-};
-//# sourceMappingURL=CopilotPanel.styled.js.map

package/dist/esm/components/bik-copilot/CopilotPanel.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopilotPanel.styled.js","sources":["../../../../src/components/bik-copilot/CopilotPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nconst USER_BUBBLE_BACKGROUND = '#F9F9F9';\n\nconst MESSAGE_GAP_PX = 12;\n\nconst MESSAGE_ACTIONS_GAP_PX = 8;\n\nexport const PanelContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 0;\n\toverflow: hidden;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 16px;\n\tbox-shadow: 0 16px 48px rgba(40, 3, 78, 0.18);\n`;\n\nexport const PanelHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const HeaderAvatar = styled.div`\n\twidth: 36px;\n\theight: 36px;\n\tflex-shrink: 0;\n\tborder-radius: 8px;\n\tbackground: ${COLORS.background.base};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.brand};\n\toverflow: hidden;\n`;\n\nexport const HeaderText = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n\tflex: 1;\n`;\n\nexport const HeaderTitleRow = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n`;\n\nexport const HeaderBadge = styled.span`\n\tpadding: 1px 6px;\n\tborder-radius: 4px;\n\tbackground: ${COLORS.background.brandLight};\n\tcolor: ${COLORS.content.brand};\n\tfont-size: 10px;\n\tfont-weight: 600;\n\tline-height: 16px;\n\twhite-space: nowrap;\n`;\n\nexport const HeaderActions = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 2px;\n\tflex-shrink: 0;\n`;\n\nexport const IconAction = styled.button`\n\twidth: 28px;\n\theight: 28px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 6px;\n\tbackground: transparent;\n\tcolor: ${COLORS.content.secondary};\n\tcursor: pointer;\n\ttransition: background 0.15s ease, color 0.15s ease;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.hovered};\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid ${COLORS.stroke.brand};\n\t\toutline-offset: 1px;\n\t}\n`;\n\n/**\n * Wraps the scroller so the bottom fade and the jump-to-latest button can be\n * absolutely positioned over it.\n */\nexport const MessagesViewport = styled.div`\n\tposition: relative;\n\tflex: 1;\n\tmin-height: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const MessagesArea = styled.div`\n\tflex: 1;\n\tmin-height: 0;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: ${MESSAGE_GAP_PX}px;\n\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: ${COLORS.background.inactive};\n\t\tborder-radius: 3px;\n\t}\n`;\n\n/**\n * Softens the cut-off edge of a long answer the reader has scrolled up from, so\n * the clipped line reads as continuing rather than as the end of the message.\n *\n * Two layers, because one element cannot ramp a gradient and a blur\n * independently: the element itself whitens the text out, and `::after` lays a\n * masked blur over it that strengthens towards the bottom. Browsers without\n * `backdrop-filter` still get the fade.\n */\nexport const ScrollFade = styled.div<{ $visible: boolean }>`\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\theight: 40px;\n\tpointer-events: none;\n\topacity: ${(props) => (props.$visible ? 1 : 0)};\n\ttransition: opacity 0.2s ease;\n\tbackground: linear-gradient(\n\t\tto bottom,\n\t\t${COLORS.surface.standard}00 0%,\n\t\t${COLORS.surface.standard}99 60%,\n\t\t${COLORS.surface.standard} 100%\n\t);\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackdrop-filter: blur(1px);\n\t\t-webkit-backdrop-filter: blur(1px);\n\t\tmask-image: linear-gradient(to bottom, transparent 0%, #000 75%);\n\t\t-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 75%);\n\t}\n`;\n\nexport const JumpToLatestButton = styled.button<{ $visible: boolean }>`\n\tposition: absolute;\n\tleft: 50%;\n\tbottom: 12px;\n\ttransform: translateX(-50%)\n\t\ttranslateY(${(props) => (props.$visible ? '0' : '6px')});\n\twidth: 32px;\n\theight: 32px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 999px;\n\tbackground: ${COLORS.background.inverse};\n\tcolor: ${COLORS.content.primaryInverse};\n\tbox-shadow: 0 2px 8px rgba(40, 3, 78, 0.16);\n\tcursor: pointer;\n\topacity: ${(props) => (props.$visible ? 1 : 0)};\n\t/* Hidden to the pointer and to focus order while it is faded out. */\n\tvisibility: ${(props) => (props.$visible ? 'visible' : 'hidden')};\n\ttransition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease,\n\t\tbackground 0.15s ease, color 0.15s ease;\n\n\t&:hover {\n\t\tbackground: ${COLORS.background.brandHovered};\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid ${COLORS.stroke.brand};\n\t\toutline-offset: 1px;\n\t}\n`;\n\nexport const EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\ttext-align: center;\n\tpadding: 8px 4px;\n`;\n\nexport const EmptyStateIcon = styled.div`\n\tcolor: ${COLORS.content.brand};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 4px;\n`;\n\nexport const SuggestionList = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 8px;\n\tmargin-top: 12px;\n\twidth: 100%;\n`;\n\nexport const SuggestionChip = styled.button`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tmax-width: 100%;\n\tpadding: 8px 14px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 999px;\n\tbackground: ${COLORS.surface.standard};\n\tcolor: ${COLORS.content.primary};\n\tfont-family: Inter;\n\tfont-size: 13px;\n\tline-height: 18px;\n\ttext-align: left;\n\tcursor: pointer;\n\ttransition: border-color 0.15s ease, background 0.15s ease;\n\n\tsvg {\n\t\tflex-shrink: 0;\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\n\t&:hover:not(:disabled) {\n\t\tborder-color: ${COLORS.stroke.brand};\n\t\tbackground: ${COLORS.background.brandVeryLight};\n\t}\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n`;\n\nexport const MessageBubble = styled.div<{\n\t$role: 'user' | 'assistant' | 'system';\n}>`\n\tfont-family: Inter;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n\n\t${(props) => {\n\t\tif (props.$role === 'user') {\n\t\t\treturn `\n\t\t\t\talign-self: flex-end;\n\t\t\t\tmargin-left: 32px;\n\t\t\t\tpadding: 10px 14px;\n\t\t\t\tborder-radius: 12px;\n\t\t\t\tbackground: ${USER_BUBBLE_BACKGROUND};\n\t\t\t\tcolor: ${COLORS.content.primary};\n\t\t\t`;\n\t\t}\n\t\tif (props.$role === 'system') {\n\t\t\treturn `\n\t\t\t\talign-self: center;\n\t\t\t\tmax-width: 90%;\n\t\t\t\tpadding: 6px 10px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tbackground: ${COLORS.surface.grey};\n\t\t\t\tcolor: ${COLORS.content.secondary};\n\t\t\t\tfont-size: 12px;\n\t\t\t\ttext-align: center;\n\t\t\t`;\n\t\t}\n\t\treturn `\n\t\t\talign-self: stretch;\n\t\t\tpadding: 0;\n\t\t\tbackground: transparent;\n\t\t\tcolor: ${COLORS.content.primary};\n\t\t`;\n\t}}\n\n\t/* Markdown emitted by renderCopilotMarkdown */\n\th1,\n\th2,\n\th3,\n\th4 {\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t\tmargin: 4px 0;\n\t}\n\n\tpre {\n\t\tbackground: ${COLORS.background.base};\n\t\tborder-radius: 6px;\n\t\tpadding: 8px;\n\t\tmargin: 6px 0;\n\t\toverflow-x: auto;\n\t\tfont-size: 12px;\n\t}\n\n\ta {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\n\tul,\n\tol {\n\t\tmargin: 4px 0;\n\t\tpadding-left: 20px;\n\t}\n\n\tli {\n\t\tmargin: 2px 0;\n\t}\n\n\tcode {\n\t\tbackground: ${COLORS.background.base};\n\t\tborder-radius: 4px;\n\t\tpadding: 1px 4px;\n\t\tfont-size: 12px;\n\t}\n`;\n\nexport const ThinkingBubble = styled.div`\n\talign-self: flex-start;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 14px;\n\tborder-radius: 12px;\n\tborder-bottom-left-radius: 4px;\n\tbackground: ${COLORS.surface.grey};\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\n/** Sits above the oldest message while the page before it is fetched. */\nexport const HistoryLoader = styled.div`\n\talign-self: center;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 4px 0;\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tcolor: ${COLORS.content.placeholder};\n`;\n\nexport const FollowUpList = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: stretch;\n\tgap: 8px;\n\tmargin-top: 4px;\n`;\n\nexport const FollowUpsLabel = styled.div`\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tcolor: ${COLORS.content.placeholder};\n`;\n\nexport const ToolCtaList = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px;\n\tmargin-top: 8px;\n`;\n\n// An anchor rather than a button: a real link so the browser handles the new\n// tab, middle-click and copy-link-address the way merchants expect.\nexport const ToolCtaLink = styled.a`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 8px 14px;\n\tborder: 1px solid ${COLORS.stroke.brand};\n\tborder-radius: 10px;\n\tbackground: ${COLORS.background.brandVeryLight};\n\tcolor: ${COLORS.content.brand};\n\tfont-family: Inter;\n\tfont-size: 13px;\n\tfont-weight: 500;\n\tline-height: 18px;\n\ttext-decoration: none;\n\tcursor: pointer;\n\ttransition: background 0.15s ease, border-color 0.15s ease;\n\n\t&:hover {\n\t\tbackground: ${COLORS.background.brandLight};\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid ${COLORS.stroke.brand};\n\t\toutline-offset: 2px;\n\t}\n`;\n\nexport const FollowUpChip = styled.button`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\twidth: 100%;\n\tpadding: 10px 14px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 10px;\n\tbackground: ${COLORS.surface.standard};\n\tcolor: ${COLORS.content.primary};\n\tfont-family: Inter;\n\tfont-size: 13px;\n\tline-height: 18px;\n\ttext-align: left;\n\tcursor: pointer;\n\ttransition: border-color 0.15s ease, background 0.15s ease;\n\n\tsvg {\n\t\tflex-shrink: 0;\n\t\tcolor: ${COLORS.content.secondary};\n\t}\n\n\t&:hover:not(:disabled) {\n\t\tborder-color: ${COLORS.stroke.brand};\n\t\tbackground: ${COLORS.background.brandVeryLight};\n\t}\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n`;\n\n/**\n * Bubble-less on purpose: a stopped reply is a note about the transcript, not a\n * message in it.\n */\nexport const InterruptedNote = styled.div`\n\talign-self: flex-start;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tline-height: 18px;\n\tcolor: ${COLORS.content.secondary};\n\n\tsvg {\n\t\tflex-shrink: 0;\n\t\tcolor: ${COLORS.content.inactive};\n\t}\n`;\n\nexport const MessageTimestamp = styled.div`\n\talign-self: flex-end;\n\tmargin-top: -6px;\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tcolor: ${COLORS.content.placeholder};\n`;\n\n/**\n * Actions under a finished assistant reply. Kept low-contrast so a row of icons\n * under every message does not compete with the answer itself.\n */\nexport const MessageActions = styled.div`\n\talign-self: flex-start;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 2px;\n\t/* Pulls back out of the scroller's row gap to land on 8px. */\n\tmargin-top: ${MESSAGE_ACTIONS_GAP_PX - MESSAGE_GAP_PX}px;\n`;\n\nexport const MessageAction = styled.button`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\twidth: 28px;\n\theight: 28px;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 4px;\n\tbackground: transparent;\n\tcolor: ${COLORS.content.placeholder};\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tcursor: pointer;\n\ttransition: background 0.15s ease, color 0.15s ease;\n\n\tsvg {\n\t\tflex-shrink: 0;\n\t}\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${COLORS.surface.hovered};\n\t\tcolor: ${COLORS.content.secondary};\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid ${COLORS.stroke.brand};\n\t\toutline-offset: 1px;\n\t}\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\n\t/* Confirmation reads as success, not as another affordance. */\n\t&[data-copied='true'],\n\t&[data-copied='true']:hover {\n\t\tcolor: ${COLORS.content.positive};\n\t}\n\n\t/* A cast vote holds the brand colour, so it stays legible as chosen once the\n\t   pointer moves away. */\n\t&[data-selected='true'],\n\t&[data-selected='true']:hover {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n`;\n\nexport const ThinkingLabel = styled.span`\n\tfont-family: Inter;\n\tfont-size: 13px;\n\tline-height: 20px;\n\tcolor: ${COLORS.content.secondary};\n`;\n\nexport const ErrorBanner = styled.div`\n\tmargin: 0 16px;\n\tpadding: 8px 10px;\n\tborder-radius: 8px;\n\tbackground: ${COLORS.background.negative.light};\n\tcolor: ${COLORS.content.negative};\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tline-height: 18px;\n\tflex-shrink: 0;\n`;\n\nexport const InputArea = styled.div`\n\tpadding: 16px 16px 4px;\n\tflex-shrink: 0;\n`;\n\nexport const InputWrapper = styled.div<{ $focused: boolean }>`\n\tbox-sizing: border-box;\n\tmin-height: 48px;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: 8px;\n\tpadding: 12px;\n\tbox-shadow: inset 0 0 0 1px\n\t\t${(props) => (props.$focused ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tborder-radius: 12px;\n\tbackground: ${COLORS.surface.standard};\n\ttransition: box-shadow 0.15s ease;\n\n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 1px\n\t\t\t${(props) =>\n\t\t\t\tprops.$focused ? COLORS.stroke.brand : COLORS.content.inactive};\n\t}\n`;\n\nexport const MessageInput = styled.textarea`\n\tflex: 1;\n\tborder: none;\n\toutline: none;\n\tresize: none;\n\tbackground: transparent;\n\tfont-family: Inter;\n\tfont-size: 13px;\n\tline-height: 24px;\n\tcolor: ${COLORS.content.primary};\n\tmax-height: 96px;\n\tmin-height: 24px;\n\tpadding: 0;\n\n\t&::placeholder {\n\t\tcolor: ${COLORS.content.placeholder};\n\t}\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n`;\n\nexport const SendButton = styled.button<{ $active: boolean }>`\n\twidth: 24px;\n\theight: 24px;\n\tflex-shrink: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 6px;\n\tbackground: ${(props) =>\n\t\tprops.$active ? COLORS.background.brand : COLORS.background.inactive};\n\tcolor: ${COLORS.content.primaryInverse};\n\tcursor: ${(props) => (props.$active ? 'pointer' : 'not-allowed')};\n\ttransition: background 0.15s ease;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${COLORS.background.brandHovered};\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid ${COLORS.stroke.brand};\n\t\toutline-offset: 1px;\n\t}\n`;\n\nexport const Disclaimer = styled.div`\n\tpadding: 4px 16px 16px;\n\ttext-align: center;\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tcolor: ${COLORS.content.placeholder};\n\tflex-shrink: 0;\n`;\n"],"names":["USER_BUBBLE_BACKGROUND","MESSAGE_GAP_PX","MESSAGE_ACTIONS_GAP_PX","PanelContainer","styled","COLORS","PanelHeader","HeaderAvatar","HeaderText","HeaderTitleRow","HeaderBadge","HeaderActions","IconAction","MessagesViewport","MessagesArea","ScrollFade","props","JumpToLatestButton","EmptyState","EmptyStateIcon","SuggestionList","SuggestionChip","MessageBubble","ThinkingBubble","HistoryLoader","FollowUpList","FollowUpsLabel","ToolCtaList","ToolCtaLink","FollowUpChip","InterruptedNote","MessageTimestamp","MessageActions","MessageAction","ThinkingLabel","ErrorBanner","InputArea","InputWrapper","MessageInput","SendButton","Disclaimer"],"mappings":";;AAGA,MAAMA,IAAyB,WAEzBC,IAAiB,IAEjBC,IAAyB,GAElBC,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKtBC,EAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA,GAK7BC,IAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKNC,EAAO,OAAO,OAAO;AAAA;AAAA,GAIpCE,IAAeH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKpBC,EAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA,UAI3BA,EAAO,QAAQ,KAAK;AAAA;AAAA,GAIjBG,IAAaJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBK,IAAiBL,EAAO;AAAA;AAAA;AAAA;AAAA,GAMxBM,IAAcN,EAAO;AAAA;AAAA;AAAA,eAGnBC,EAAO,WAAW,UAAU;AAAA,UACjCA,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBM,IAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUvBC,EAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKlBA,EAAO,QAAQ,OAAO;AAAA,WAC3BA,EAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,uBAIVA,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA,GAS7BQ,IAAmBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ1BU,IAAeV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAO3BH,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAONI,EAAO,WAAW,QAAQ;AAAA;AAAA;AAAA,GAc7BU,IAAaX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOrB,CAACY,MAAWA,EAAM,WAAW,IAAI,CAAE;AAAA;AAAA;AAAA;AAAA,IAI3CX,EAAO,QAAQ,QAAQ;AAAA,IACvBA,EAAO,QAAQ,QAAQ;AAAA,IACvBA,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcdY,IAAqBb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAK1B,CAACY,MAAWA,EAAM,WAAW,MAAM,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASzCX,EAAO,WAAW,OAAO;AAAA,UAC9BA,EAAO,QAAQ,cAAc;AAAA;AAAA;AAAA,YAG3B,CAACW,MAAWA,EAAM,WAAW,IAAI,CAAE;AAAA;AAAA,eAEhC,CAACA,MAAWA,EAAM,WAAW,YAAY,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKjDX,EAAO,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA,uBAIvBA,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA,GAK7Ba,IAAad,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWpBe,IAAiBf,EAAO;AAAA,UAC3BC,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBe,IAAiBhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASxBiB,IAAiBjB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMhBC,EAAO,OAAO,OAAO;AAAA;AAAA,eAE3BA,EAAO,QAAQ,QAAQ;AAAA,UAC5BA,EAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUrBA,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIbA,EAAO,OAAO,KAAK;AAAA,gBACrBA,EAAO,WAAW,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnCiB,IAAgBlB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASjC,CAACY,MACEA,EAAM,UAAU,SACZ;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKQhB,CAAsB;AAAA,aAC3BK,EAAO,QAAQ,OAAO;AAAA,OAG7BW,EAAM,UAAU,WACZ;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKQX,EAAO,QAAQ,IAAI;AAAA,aACxBA,EAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,OAK5B;AAAA;AAAA;AAAA;AAAA,YAIGA,EAAO,QAAQ,OAAO;AAAA,GAEhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAacA,EAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAS3BA,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAcfA,EAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAOzBkB,IAAiBnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQtBC,EAAO,QAAQ,IAAI;AAAA,qBACbA,EAAO,OAAO,OAAO;AAAA,GAI7BmB,IAAgBpB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAS1BC,EAAO,QAAQ,WAAW;AAAA,GAGvBoB,IAAerB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQtBsB,IAAiBtB,EAAO;AAAA;AAAA;AAAA;AAAA,UAI3BC,EAAO,QAAQ,WAAW;AAAA,GAGvBsB,IAAcvB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBwB,IAAcxB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKbC,EAAO,OAAO,KAAK;AAAA;AAAA,eAEzBA,EAAO,WAAW,cAAc;AAAA,UACrCA,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAUdA,EAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,uBAIrBA,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA,GAK7BwB,IAAezB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMdC,EAAO,OAAO,OAAO;AAAA;AAAA,eAE3BA,EAAO,QAAQ,QAAQ;AAAA,UAC5BA,EAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUrBA,EAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,kBAIjBA,EAAO,OAAO,KAAK;AAAA,gBACrBA,EAAO,WAAW,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAanCyB,IAAkB1B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQ5BC,EAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,WAIvBA,EAAO,QAAQ,QAAQ;AAAA;AAAA,GAIrB0B,IAAmB3B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM7BC,EAAO,QAAQ,WAAW;AAAA,GAOvB2B,IAAiB5B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMtBF,IAAyBD,CAAc;AAAA,GAGzCgC,IAAgB7B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAW1BC,EAAO,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYpBA,EAAO,QAAQ,OAAO;AAAA,WAC3BA,EAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,uBAIZA,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAY/BA,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOvBA,EAAO,QAAQ,KAAK;AAAA;AAAA,GAIlB6B,IAAgB9B,EAAO;AAAA;AAAA;AAAA;AAAA,UAI1BC,EAAO,QAAQ,SAAS;AAAA,GAGrB8B,IAAc/B,EAAO;AAAA;AAAA;AAAA;AAAA,eAInBC,EAAO,WAAW,SAAS,KAAK;AAAA,UACrCA,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpB+B,IAAYhC,EAAO;AAAA;AAAA;AAAA,GAKnBiC,IAAejC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ/B,CAACY,MAAWA,EAAM,WAAWX,EAAO,OAAO,QAAQA,EAAO,OAAO,OAAQ;AAAA;AAAA,eAE9DA,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,KAKjC,CAACW,MACFA,EAAM,WAAWX,EAAO,OAAO,QAAQA,EAAO,QAAQ,QAAQ;AAAA;AAAA,GAIrDiC,IAAelC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UASzBC,EAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMrBA,EAAO,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxBkC,IAAanC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUlB,CAACY,MACdA,EAAM,UAAUX,EAAO,WAAW,QAAQA,EAAO,WAAW,QAAQ;AAAA,UAC5DA,EAAO,QAAQ,cAAc;AAAA,WAC5B,CAACW,MAAWA,EAAM,UAAU,YAAY,aAAc;AAAA;AAAA;AAAA;AAAA,gBAIjDX,EAAO,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA,uBAIvBA,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA,GAK7BmC,IAAapC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMvBC,EAAO,QAAQ,WAAW;AAAA;AAAA;"}