@bikdotai/bik-component-library 0.0.868-beta.9 → 0.0.869-beta.0

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

@@ -0,0 +1,575 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),a=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},t=a(r),i="#F9F9F9",o=12,d=8,s=t.default.div`
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+	overflow: hidden;
+	background: ${e.COLORS.surface.standard};
+	border: 1px solid ${e.COLORS.stroke.primary};
+	border-radius: 16px;
+	box-shadow: 0 16px 48px rgba(40, 3, 78, 0.18);
+`,l=t.default.div`
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	padding: 16px;
+	border-bottom: 1px solid ${e.COLORS.stroke.primary};
+	flex-shrink: 0;
+`,p=t.default.div`
+	width: 36px;
+	height: 36px;
+	flex-shrink: 0;
+	border-radius: 8px;
+	background: ${e.COLORS.background.base};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: ${e.COLORS.content.brand};
+	overflow: hidden;
+`,c=t.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+	flex: 1;
+`,x=t.default.div`
+	display: flex;
+	align-items: center;
+	gap: 6px;
+`,g=t.default.span`
+	padding: 1px 6px;
+	border-radius: 4px;
+	background: ${e.COLORS.background.brandLight};
+	color: ${e.COLORS.content.brand};
+	font-size: 10px;
+	font-weight: 600;
+	line-height: 16px;
+	white-space: nowrap;
+`,u=t.default.div`
+	display: flex;
+	align-items: center;
+	gap: 2px;
+	flex-shrink: 0;
+`,f=t.default.button`
+	width: 28px;
+	height: 28px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0;
+	border: none;
+	border-radius: 6px;
+	background: transparent;
+	color: ${e.COLORS.content.secondary};
+	cursor: pointer;
+	transition: background 0.15s ease, color 0.15s ease;
+
+	&:hover {
+		background: ${e.COLORS.surface.hovered};
+		color: ${e.COLORS.content.primary};
+	}
+
+	&:focus-visible {
+		outline: 2px solid ${e.COLORS.stroke.brand};
+		outline-offset: 1px;
+	}
+`,b=t.default.div`
+	position: relative;
+	flex: 1;
+	min-height: 0;
+	display: flex;
+	flex-direction: column;
+`,O=t.default.div`
+	flex: 1;
+	min-height: 0;
+	overflow-y: auto;
+	padding: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: ${o}px;
+
+	&::-webkit-scrollbar {
+		width: 6px;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background: ${e.COLORS.background.inactive};
+		border-radius: 3px;
+	}
+`,h=t.default.div`
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 40px;
+	pointer-events: none;
+	opacity: ${n=>n.$visible?1:0};
+	transition: opacity 0.2s ease;
+	background: linear-gradient(
+		to bottom,
+		${e.COLORS.surface.standard}00 0%,
+		${e.COLORS.surface.standard}99 60%,
+		${e.COLORS.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%);
+	}
+`,m=t.default.button`
+	position: absolute;
+	left: 50%;
+	bottom: 12px;
+	transform: translateX(-50%)
+		translateY(${n=>n.$visible?"0":"6px"});
+	width: 32px;
+	height: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0;
+	border: none;
+	border-radius: 999px;
+	background: ${e.COLORS.background.inverse};
+	color: ${e.COLORS.content.primaryInverse};
+	box-shadow: 0 2px 8px rgba(40, 3, 78, 0.16);
+	cursor: pointer;
+	opacity: ${n=>n.$visible?1:0};
+	/* Hidden to the pointer and to focus order while it is faded out. */
+	visibility: ${n=>n.$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.COLORS.background.brandHovered};
+	}
+
+	&:focus-visible {
+		outline: 2px solid ${e.COLORS.stroke.brand};
+		outline-offset: 1px;
+	}
+`,k=t.default.div`
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 8px;
+	text-align: center;
+	padding: 8px 4px;
+`,y=t.default.div`
+	color: ${e.COLORS.content.brand};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 4px;
+`,L=t.default.div`
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 8px;
+	margin-top: 12px;
+	width: 100%;
+`,S=t.default.button`
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	max-width: 100%;
+	padding: 8px 14px;
+	border: 1px solid ${e.COLORS.stroke.primary};
+	border-radius: 999px;
+	background: ${e.COLORS.surface.standard};
+	color: ${e.COLORS.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.COLORS.content.brand};
+	}
+
+	&:hover:not(:disabled) {
+		border-color: ${e.COLORS.stroke.brand};
+		background: ${e.COLORS.background.brandVeryLight};
+	}
+
+	&:disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+`,C=t.default.div`
+	font-family: Inter;
+	font-size: 14px;
+	line-height: 20px;
+	word-break: break-word;
+	overflow-wrap: break-word;
+
+	${n=>n.$role==="user"?`
+				align-self: flex-end;
+				margin-left: 32px;
+				padding: 10px 14px;
+				border-radius: 12px;
+				background: ${i};
+				color: ${e.COLORS.content.primary};
+			`:n.$role==="system"?`
+				align-self: center;
+				max-width: 90%;
+				padding: 6px 10px;
+				border-radius: 8px;
+				background: ${e.COLORS.surface.grey};
+				color: ${e.COLORS.content.secondary};
+				font-size: 12px;
+				text-align: center;
+			`:`
+			align-self: stretch;
+			padding: 0;
+			background: transparent;
+			color: ${e.COLORS.content.primary};
+		`}
+
+	/* Markdown emitted by renderCopilotMarkdown */
+	h1,
+	h2,
+	h3,
+	h4 {
+		font-size: 14px;
+		font-weight: 600;
+		margin: 4px 0;
+	}
+
+	pre {
+		background: ${e.COLORS.background.base};
+		border-radius: 6px;
+		padding: 8px;
+		margin: 6px 0;
+		overflow-x: auto;
+		font-size: 12px;
+	}
+
+	a {
+		color: ${e.COLORS.content.brand};
+	}
+
+	ul,
+	ol {
+		margin: 4px 0;
+		padding-left: 20px;
+	}
+
+	li {
+		margin: 2px 0;
+	}
+
+	code {
+		background: ${e.COLORS.background.base};
+		border-radius: 4px;
+		padding: 1px 4px;
+		font-size: 12px;
+	}
+`,$=t.default.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.COLORS.surface.grey};
+	border: 1px solid ${e.COLORS.stroke.primary};
+`,v=t.default.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.COLORS.content.placeholder};
+`,R=t.default.div`
+	display: flex;
+	flex-direction: column;
+	align-items: stretch;
+	gap: 8px;
+	margin-top: 4px;
+`,w=t.default.div`
+	font-family: Inter;
+	font-size: 11px;
+	line-height: 16px;
+	color: ${e.COLORS.content.placeholder};
+`,I=t.default.div`
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+	margin-top: 8px;
+`,A=t.default.a`
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	padding: 8px 14px;
+	border: 1px solid ${e.COLORS.stroke.brand};
+	border-radius: 10px;
+	background: ${e.COLORS.background.brandVeryLight};
+	color: ${e.COLORS.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.COLORS.background.brandLight};
+	}
+
+	&:focus-visible {
+		outline: 2px solid ${e.COLORS.stroke.brand};
+		outline-offset: 2px;
+	}
+`,z=t.default.button`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	width: 100%;
+	padding: 10px 14px;
+	border: 1px solid ${e.COLORS.stroke.primary};
+	border-radius: 10px;
+	background: ${e.COLORS.surface.standard};
+	color: ${e.COLORS.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.COLORS.content.secondary};
+	}
+
+	&:hover:not(:disabled) {
+		border-color: ${e.COLORS.stroke.brand};
+		background: ${e.COLORS.background.brandVeryLight};
+	}
+
+	&:disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+`,T=t.default.div`
+	align-self: flex-start;
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	font-family: Inter;
+	font-size: 12px;
+	line-height: 18px;
+	color: ${e.COLORS.content.secondary};
+
+	svg {
+		flex-shrink: 0;
+		color: ${e.COLORS.content.inactive};
+	}
+`,M=t.default.div`
+	align-self: flex-end;
+	margin-top: -6px;
+	font-family: Inter;
+	font-size: 11px;
+	line-height: 16px;
+	color: ${e.COLORS.content.placeholder};
+`,H=t.default.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: ${d-o}px;
+`,B=t.default.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.COLORS.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.COLORS.surface.hovered};
+		color: ${e.COLORS.content.secondary};
+	}
+
+	&:focus-visible {
+		outline: 2px solid ${e.COLORS.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.COLORS.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.COLORS.content.brand};
+	}
+`,E=t.default.span`
+	font-family: Inter;
+	font-size: 13px;
+	line-height: 20px;
+	color: ${e.COLORS.content.secondary};
+`,F=t.default.div`
+	margin: 0 16px;
+	padding: 8px 10px;
+	border-radius: 8px;
+	background: ${e.COLORS.background.negative.light};
+	color: ${e.COLORS.content.negative};
+	font-family: Inter;
+	font-size: 12px;
+	line-height: 18px;
+	flex-shrink: 0;
+`,j=t.default.div`
+	padding: 16px 16px 4px;
+	flex-shrink: 0;
+`,P=t.default.div`
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	margin-bottom: 8px;
+	padding: 6px 8px;
+	border: 1px solid ${e.COLORS.stroke.primary};
+	border-radius: 8px;
+	background: ${e.COLORS.background.brandVeryLight};
+
+	svg {
+		flex-shrink: 0;
+	}
+`,_=t.default.span`
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	font-family: Inter;
+	font-size: 12px;
+	line-height: 16px;
+	color: ${e.COLORS.content.primary};
+`,U=t.default.button`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	padding: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: ${e.COLORS.content.secondary};
+	cursor: pointer;
+
+	&:hover {
+		background: ${e.COLORS.background.brandLight};
+	}
+`,V=t.default.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
+		${n=>n.$focused?e.COLORS.stroke.brand:e.COLORS.stroke.primary};
+	border-radius: 12px;
+	background: ${e.COLORS.surface.standard};
+	transition: box-shadow 0.15s ease;
+
+	&:hover {
+		box-shadow: inset 0 0 0 1px
+			${n=>n.$focused?e.COLORS.stroke.brand:e.COLORS.content.inactive};
+	}
+`,G=t.default.textarea`
+	flex: 1;
+	border: none;
+	outline: none;
+	resize: none;
+	background: transparent;
+	font-family: Inter;
+	font-size: 13px;
+	line-height: 24px;
+	color: ${e.COLORS.content.primary};
+	max-height: 96px;
+	min-height: 24px;
+	padding: 0;
+
+	&::placeholder {
+		color: ${e.COLORS.content.placeholder};
+	}
+
+	&:disabled {
+		cursor: not-allowed;
+	}
+`,D=t.default.button`
+	width: 24px;
+	height: 24px;
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0;
+	border: none;
+	border-radius: 6px;
+	background: ${n=>n.$active?e.COLORS.background.brand:e.COLORS.background.inactive};
+	color: ${e.COLORS.content.primaryInverse};
+	cursor: ${n=>n.$active?"pointer":"not-allowed"};
+	transition: background 0.15s ease;
+
+	&:hover:not(:disabled) {
+		background: ${e.COLORS.background.brandHovered};
+	}
+
+	&:focus-visible {
+		outline: 2px solid ${e.COLORS.stroke.brand};
+		outline-offset: 1px;
+	}
+`,N=t.default.div`
+	padding: 4px 16px 16px;
+	text-align: center;
+	font-family: Inter;
+	font-size: 11px;
+	line-height: 16px;
+	color: ${e.COLORS.content.placeholder};
+	flex-shrink: 0;
+`;exports.AttachmentChip=P;exports.AttachmentRemove=U;exports.AttachmentText=_;exports.Disclaimer=N;exports.EmptyState=k;exports.EmptyStateIcon=y;exports.ErrorBanner=F;exports.FollowUpChip=z;exports.FollowUpList=R;exports.FollowUpsLabel=w;exports.HeaderActions=u;exports.HeaderAvatar=p;exports.HeaderBadge=g;exports.HeaderText=c;exports.HeaderTitleRow=x;exports.HistoryLoader=v;exports.IconAction=f;exports.InputArea=j;exports.InputWrapper=V;exports.InterruptedNote=T;exports.JumpToLatestButton=m;exports.MessageAction=B;exports.MessageActions=H;exports.MessageBubble=C;exports.MessageInput=G;exports.MessageTimestamp=M;exports.MessagesArea=O;exports.MessagesViewport=b;exports.PanelContainer=s;exports.PanelHeader=l;exports.ScrollFade=h;exports.SendButton=D;exports.SuggestionChip=S;exports.SuggestionList=L;exports.ThinkingBubble=$;exports.ThinkingLabel=E;exports.ToolCtaLink=A;exports.ToolCtaList=I;
+//# sourceMappingURL=CopilotPanel.styled.js.map

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

@@ -0,0 +1 @@
+{"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\n/**\n * The quoted selection above the input. Deliberately outside `InputWrapper` so\n * it does not grow the field's focus ring, and truncated rather than wrapped —\n * a long quote must not push the input off the panel.\n */\nexport const AttachmentChip = styled.div`\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tmargin-bottom: 8px;\n\tpadding: 6px 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbackground: ${COLORS.background.brandVeryLight};\n\n\tsvg {\n\t\tflex-shrink: 0;\n\t}\n`;\n\nexport const AttachmentText = styled.span`\n\tflex: 1;\n\tmin-width: 0;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tline-height: 16px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const AttachmentRemove = styled.button`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: 16px;\n\theight: 16px;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 4px;\n\tbackground: transparent;\n\tcolor: ${COLORS.content.secondary};\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground: ${COLORS.background.brandLight};\n\t}\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","AttachmentChip","AttachmentText","AttachmentRemove","InputWrapper","MessageInput","SendButton","Disclaimer"],"mappings":"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"}

package/dist/cjs/components/bik-copilot/copilotPlacement.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=8,g=(t,n,c)=>Math.min(Math.max(t,n),Math.max(n,c)),y=({ballPosition:t,ballSize:n,panelWidth:c,panelHeight:r,gap:f,viewport:e})=>{if(!e.width||!e.height)return{left:h,top:h,width:c,height:r};const s=Math.min(c,e.width-h*2),d=Math.min(r,e.height-h*2),m=t.x+n/2,a=t.y+n/2,o=m>e.width/2,M=a>e.height/2,u=o?t.x+n-s:t.x,x=M?t.y-f-d:t.y+n+f;return{left:g(u,h,e.width-s-h),top:g(x,h,e.height-d-h),width:s,height:d}};exports.getCopilotPanelPlacement=y;
+//# sourceMappingURL=copilotPlacement.js.map

package/dist/cjs/components/bik-copilot/copilotPlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copilotPlacement.js","sources":["../../../../src/components/bik-copilot/copilotPlacement.ts"],"sourcesContent":["import { CopilotBallPosition, CopilotViewport } from './model';\n\n/** Smallest gap kept between the panel and the viewport edges. */\nconst VIEWPORT_MARGIN_PX = 8;\n\nexport interface CopilotPanelPlacementOptions {\n\tballPosition: CopilotBallPosition;\n\tballSize: number;\n\tpanelWidth: number;\n\tpanelHeight: number;\n\tgap: number;\n\tviewport: CopilotViewport;\n}\n\nexport interface CopilotPanelPlacement {\n\tleft: number;\n\ttop: number;\n\twidth: number;\n\theight: number;\n}\n\nconst clamp = (value: number, min: number, max: number) =>\n\tMath.min(Math.max(value, min), Math.max(min, max));\n\n/**\n * Places the panel next to the ball, on whichever side has room.\n *\n * The panel opens towards the middle of the screen: a ball parked bottom-right\n * gets a panel above and to its left, a ball parked top-left gets one below and\n * to its right. The result is always clamped inside the viewport, and the panel\n * shrinks on viewports too small to hold it at full size.\n */\nexport const getCopilotPanelPlacement = ({\n\tballPosition,\n\tballSize,\n\tpanelWidth,\n\tpanelHeight,\n\tgap,\n\tviewport,\n}: CopilotPanelPlacementOptions): CopilotPanelPlacement => {\n\tif (!viewport.width || !viewport.height) {\n\t\treturn {\n\t\t\tleft: VIEWPORT_MARGIN_PX,\n\t\t\ttop: VIEWPORT_MARGIN_PX,\n\t\t\twidth: panelWidth,\n\t\t\theight: panelHeight,\n\t\t};\n\t}\n\n\tconst width = Math.min(panelWidth, viewport.width - VIEWPORT_MARGIN_PX * 2);\n\tconst height = Math.min(\n\t\tpanelHeight,\n\t\tviewport.height - VIEWPORT_MARGIN_PX * 2,\n\t);\n\n\tconst ballCenterX = ballPosition.x + ballSize / 2;\n\tconst ballCenterY = ballPosition.y + ballSize / 2;\n\tconst opensLeftwards = ballCenterX > viewport.width / 2;\n\tconst opensUpwards = ballCenterY > viewport.height / 2;\n\n\t// Align the panel's near edge with the ball's, then push it towards the\n\t// screen centre.\n\tconst preferredLeft = opensLeftwards\n\t\t? ballPosition.x + ballSize - width\n\t\t: ballPosition.x;\n\tconst preferredTop = opensUpwards\n\t\t? ballPosition.y - gap - height\n\t\t: ballPosition.y + ballSize + gap;\n\n\treturn {\n\t\tleft: clamp(\n\t\t\tpreferredLeft,\n\t\t\tVIEWPORT_MARGIN_PX,\n\t\t\tviewport.width - width - VIEWPORT_MARGIN_PX,\n\t\t),\n\t\ttop: clamp(\n\t\t\tpreferredTop,\n\t\t\tVIEWPORT_MARGIN_PX,\n\t\t\tviewport.height - height - VIEWPORT_MARGIN_PX,\n\t\t),\n\t\twidth,\n\t\theight,\n\t};\n};\n"],"names":["VIEWPORT_MARGIN_PX","clamp","value","min","max","getCopilotPanelPlacement","ballPosition","ballSize","panelWidth","panelHeight","gap","viewport","width","height","ballCenterX","ballCenterY","opensLeftwards","opensUpwards","preferredLeft","preferredTop"],"mappings":"gFAGA,MAAMA,EAAqB,EAkBrBC,EAAQ,CAACC,EAAeC,EAAaC,IAC1C,KAAK,IAAI,KAAK,IAAIF,EAAOC,CAAG,EAAG,KAAK,IAAIA,EAAKC,CAAG,CAAC,EAUrCC,EAA2B,CAAC,CACxC,aAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,IAAAC,EACA,SAAAC,CACD,IAA2D,CAC1D,GAAI,CAACA,EAAS,OAAS,CAACA,EAAS,OAChC,MAAO,CACN,KAAMX,EACN,IAAKA,EACL,MAAOQ,EACP,OAAQC,CAAA,EAIV,MAAMG,EAAQ,KAAK,IAAIJ,EAAYG,EAAS,MAAQX,EAAqB,CAAC,EACpEa,EAAS,KAAK,IACnBJ,EACAE,EAAS,OAASX,EAAqB,CAAA,EAGlCc,EAAcR,EAAa,EAAIC,EAAW,EAC1CQ,EAAcT,EAAa,EAAIC,EAAW,EAC1CS,EAAiBF,EAAcH,EAAS,MAAQ,EAChDM,EAAeF,EAAcJ,EAAS,OAAS,EAI/CO,EAAgBF,EACnBV,EAAa,EAAIC,EAAWK,EAC5BN,EAAa,EACVa,EAAeF,EAClBX,EAAa,EAAII,EAAMG,EACvBP,EAAa,EAAIC,EAAWG,EAE/B,MAAO,CACN,KAAMT,EACLiB,EACAlB,EACAW,EAAS,MAAQC,EAAQZ,CAAA,EAE1B,IAAKC,EACJkB,EACAnB,EACAW,EAAS,OAASE,EAASb,CAAA,EAE5B,MAAAY,EACA,OAAAC,CAAA,CAEF"}

package/dist/cjs/components/bik-copilot/copilotRegenerate.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Please answer my previous question again — give a fresh, reworded response, not the same text as before.",o=t=>t.trim()===e;exports.COPILOT_REGENERATE_PROMPT=e;exports.isCopilotRegeneratePrompt=o;
+//# sourceMappingURL=copilotRegenerate.js.map

package/dist/cjs/components/bik-copilot/copilotRegenerate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copilotRegenerate.js","sources":["../../../../src/components/bik-copilot/copilotRegenerate.ts"],"sourcesContent":["/**\n * The prompt a regenerate sends in place of the reader's own words.\n *\n * Regenerating is an ordinary `/bik-ai/copilot-bikchatbot` turn — the endpoint\n * needs a prompt on every call — so it carries this sentinel instead. It is sent\n * with `previous_response_id`, so the model already has the question and the last\n * answer in context; the wording asks it to answer again *differently* rather\n * than replay the same text. It is stored like any other turn, both by the\n * backend and in IndexedDB, and the transcript hides it when rendering rather\n * than trying to keep it out of storage — one filter covers the live turn, a\n * restored session and a page fetched from history.\n */\nexport const COPILOT_REGENERATE_PROMPT =\n\t'Please answer my previous question again — give a fresh, reworded response, ' +\n\t'not the same text as before.';\n\n/**\n * Whether a message is a regenerate request rather than something a reader\n * typed, and so must not be rendered.\n *\n * Matched on content alone, without checking the role: history rows are mapped\n * onto a role by pattern-matching the backend's `owner`, so a regenerate row\n * that lands on the wrong side must still stay hidden.\n */\nexport const isCopilotRegeneratePrompt = (content: string): boolean =>\n\tcontent.trim() === COPILOT_REGENERATE_PROMPT;\n"],"names":["COPILOT_REGENERATE_PROMPT","isCopilotRegeneratePrompt","content"],"mappings":"gFAYO,MAAMA,EACZ,2GAWYC,EAA6BC,GACzCA,EAAQ,SAAWF"}

package/dist/cjs/components/bik-copilot/copilotSelectionPrompt.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=(e,i)=>{const t=`"${e.trim()}"`,o=i.trim();return o?`About ${t} on this page: ${o}`:`Tell me about ${t} on this page.`};exports.buildCopilotSelectionPrompt=l;
+//# sourceMappingURL=copilotSelectionPrompt.js.map

package/dist/cjs/components/bik-copilot/copilotSelectionPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copilotSelectionPrompt.js","sources":["../../../../src/components/bik-copilot/copilotSelectionPrompt.ts"],"sourcesContent":["/**\n * The prompt a turn carries when the merchant started it from something they\n * selected on the page.\n *\n * `/bik-ai/copilot-chatbot` takes `user_query` and nothing else that could hold\n * context, so the quoted text has to be part of the question itself. The page is\n * referred to without naming it because the request already carries `route` —\n * the quote is the part the merchant could not have described in words.\n *\n * The selection arrives already whitespace-collapsed and length-capped from\n * `TextSelectionAsk`, so this only quotes it.\n */\nexport const buildCopilotSelectionPrompt = (\n\tselection: string,\n\tquestion: string,\n): string => {\n\tconst quoted = `\"${selection.trim()}\"`;\n\tconst trimmedQuestion = question.trim();\n\treturn trimmedQuestion\n\t\t? `About ${quoted} on this page: ${trimmedQuestion}`\n\t\t: `Tell me about ${quoted} on this page.`;\n};\n"],"names":["buildCopilotSelectionPrompt","selection","question","quoted","trimmedQuestion"],"mappings":"gFAYO,MAAMA,EAA8B,CAC1CC,EACAC,IACY,CACZ,MAAMC,EAAS,IAAIF,EAAU,KAAA,CAAM,IAC7BG,EAAkBF,EAAS,KAAA,EACjC,OAAOE,EACJ,SAASD,CAAM,kBAAkBC,CAAe,GAChD,iBAAiBD,CAAM,gBAC3B"}

package/dist/cjs/components/bik-copilot/services/copilotDb.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("idb-keyval"),_=require("./copilotMessagesClient.js"),a=i.createStore("bik-copilot","sessions"),p=1440*60*1e3,f=_.COPILOT_HISTORY_PAGE_SIZE,d=(t,e)=>`${e}:${t}`,r=async(t,e)=>{try{return await t()}catch{return e}},m=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`copilot-${Date.now()}-${Math.floor(Math.random()*1e6)}`,w=(t,e,n={})=>{const o=Date.now();return{sessionId:e,route:t,createdAt:o,updatedAt:o,expiresAt:o+p,messages:[],...n}},S=(t,e=Date.now())=>(t.expiresAt??t.updatedAt+p)<=e,I=(t,e)=>r(async()=>{const n=d(t,e),o=await i.get(n,a);return o?S(o)?(await i.del(n,a),null):o:null},null),A=t=>r(()=>i.set(d(t.route??"",t.sessionId),t,a),void 0),g=(t,e)=>r(()=>i.del(d(t,e),a),void 0),y=()=>r(async()=>(await i.keys(a)).filter(e=>typeof e=="string"),[]),O=t=>r(async()=>{const e=Date.now(),n=await y();await Promise.all(n.map(async o=>{const l=await i.get(o,a);if(!l)return;(t===void 0?S(l,e):l.updatedAt+t<=e)&&await i.del(o,a)}))},void 0),D=({route:t,storeId:e})=>r(async()=>{const n=`:${t}`,o=await y();return(await Promise.all(o.filter(s=>s.endsWith(n)).map(s=>i.get(s,a)))).filter(s=>!!s).filter(s=>!e||!s.storeId||s.storeId===e).filter(s=>!S(s)).sort((s,c)=>c.updatedAt-s.updatedAt)[0]?.sessionId??null},null),K=async({route:t,sessionId:e,messages:n,previousResponseId:o,storeId:l,agent:u})=>{const s=await I(t,e),c=Date.now(),E={...s??w(t,e),sessionId:e,route:t,updatedAt:c,expiresAt:c+p,messages:n.slice(-f).map(T=>{const C={...T};return delete C.isStreaming,C}),previousResponseId:o,storeId:l,agent:u};await A(E)};exports.COPILOT_SESSION_TTL_MS=p;exports.MAX_PERSISTED_MESSAGES=f;exports.copilotSessionKey=d;exports.createCopilotSession=w;exports.createCopilotSessionId=m;exports.deleteCopilotSession=g;exports.findLatestCopilotSessionId=D;exports.isCopilotSessionExpired=S;exports.listCopilotSessionKeys=y;exports.loadCopilotSession=I;exports.persistCopilotTurn=K;exports.pruneCopilotSessions=O;exports.saveCopilotSession=A;
+//# sourceMappingURL=copilotDb.js.map