@helpway/react 0.8.2 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@helpway/react",
-	"version": "0.8.2",
+	"version": "0.9.0",
 	"description": "Official React SDK for Helpway — drop-in AI chat support widget with headless hooks for custom UIs.",
 	"keywords": [
 		"helpway",

package/src/themed/styles.css

@@ -476,12 +476,16 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 10px;
-	overflow: hidden;
 }
 .hw-hero-bot-icon svg {
 	width: 32px;
 	height: 32px;
 }
+.hw-hero-bot-icon .hw-agent-img,
+.hw-hero-bot-icon .hw-agent-icon {
+	border-radius: inherit;
+	overflow: hidden;
+}
 
 .hw-hero-greeting {
 	font-size: 26px;
@@ -583,7 +587,6 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 8px;
-	overflow: hidden;
 	/* Two-tier fallback so site overrides still win cleanly:
 	   1. Site stylesheet → `--hw-agent-bg` (highest priority)
 	   2. Widget smart default → `--hw-agent-bg-default` (set when the
@@ -605,6 +608,12 @@
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
+	border-radius: inherit;
+}
+.hw-header-bot-icon .hw-agent-img,
+.hw-header-bot-icon .hw-agent-icon {
+	border-radius: inherit;
+	overflow: hidden;
 }
 .hw-header-bot-icon .hw-agent-img {
 	object-fit: var(--hw-agent-fit, var(--hw-agent-fit-default, cover));
@@ -619,7 +628,7 @@
 .hw-widget[data-has-avatar="true"] {
 	--hw-agent-bg-default: var(--hw-primary);
 	--hw-agent-fit-default: contain;
-	--hw-agent-pad-default: 10px;
+	--hw-agent-pad-default: 6px;
 }
 .hw-header-agent-initials {
 	font-size: 11px;
@@ -1535,6 +1544,85 @@
 	}
 }
 
+/* ── Streaming cursor ────────────────────── */
+
+.hw-streaming-cursor {
+	display: inline-block;
+	width: 2px;
+	height: 1em;
+	background: currentColor;
+	opacity: 0.6;
+	margin-left: 1px;
+	vertical-align: text-bottom;
+	animation: hw-cursor-blink 0.8s step-end infinite;
+}
+
+@keyframes hw-cursor-blink {
+	50% { opacity: 0; }
+}
+
+/* ── Link preview card ───────────────────── */
+
+.hw-link-preview {
+	display: flex;
+	flex-direction: column;
+	border: 1px solid rgba(0, 0, 0, 0.08);
+	border-radius: 10px;
+	overflow: hidden;
+	text-decoration: none;
+	color: inherit;
+	margin-top: 6px;
+	transition: background 0.15s;
+}
+
+.hw-link-preview:hover {
+	background: rgba(0, 0, 0, 0.02);
+}
+
+.hw-link-preview-img {
+	width: 100%;
+	max-height: 140px;
+	object-fit: cover;
+}
+
+.hw-link-preview-body {
+	padding: 10px 12px;
+	display: flex;
+	flex-direction: column;
+	gap: 3px;
+}
+
+.hw-link-preview-favicon {
+	width: 16px;
+	height: 16px;
+	border-radius: 2px;
+}
+
+.hw-link-preview-title {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.3;
+	color: var(--hw-text, #1a1a1a);
+}
+
+.hw-link-preview-desc {
+	font-size: 12px;
+	line-height: 1.4;
+	color: var(--hw-text-muted, #6b7280);
+}
+
+.hw-link-preview-url {
+	font-size: 11px;
+	color: var(--hw-text-muted, #9ca3af);
+}
+
+.hw-msg-links {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	max-width: 280px;
+}
+
 /* ════════════════════════════════════════════════
    LOADING STATE
    ════════════════════════════════════════════════ */
@@ -1891,7 +1979,10 @@
 }
 
 .hw-composer-input {
-	flex: 1;
+	/* No `flex: 1` — column flex with `flex-basis: 0%` makes the browser
+	   ignore both `style.height` (JS resize) AND `field-sizing: content`,
+	   clamping the textarea to `min-height` after 2 lines. Cross-axis
+	   stretch still gives full width via the parent's `align-items` default. */
 	resize: none;
 	border: none;
 	padding: 12px 16px 4px;