arcy.js 0.1.2 → 0.1.4

package/dist/index.cjs

@@ -352,6 +352,19 @@ var init_contract = __esm({
   }
 });
 
+// src/picker/message.ts
+var DESIGN_MODE_PROTOCOL, DESIGN_MODE_READY, DESIGN_MODE_PICK, DESIGN_MODE_EXIT, DESIGN_MODE_SCREENSHOT, SCREENSHOT_RENDER_BUDGET_MS;
+var init_message = __esm({
+  "src/picker/message.ts"() {
+    DESIGN_MODE_PROTOCOL = 2;
+    DESIGN_MODE_READY = "arcy:design-mode:ready";
+    DESIGN_MODE_PICK = "arcy:design-mode:pick";
+    DESIGN_MODE_EXIT = "arcy:design-mode:exit";
+    DESIGN_MODE_SCREENSHOT = "arcy:design-mode:screenshot";
+    SCREENSHOT_RENDER_BUDGET_MS = 8e3;
+  }
+});
+
 // src/shell/host.ts
 function isMounted(id = HOST_ID) {
   const shell = shells.get(id);
@@ -1593,7 +1606,7 @@ var init_transcript = __esm({
 .${MSG_CLASS}[data-role="system"] {
   align-self: flex-start;
   background: var(--_arcy-assistant-bg, #f2f4f7);
-  color: var(--_arcy-main-text, #101828);
+  color: var(--_arcy-assistant-text, var(--_arcy-main-text, #101828));
 }
 
 /* \u2500\u2500 Rendered markdown inside an answer (D1023, ADR 0129; D1034) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -1648,7 +1661,7 @@ var init_transcript = __esm({
   font-size: 0.9em;
   padding: 1px 4px;
   border-radius: 4px;
-  background: color-mix(in srgb, var(--_arcy-main-text, #101828) 8%, transparent);
+  background: color-mix(in srgb, currentColor 12%, transparent);
   white-space: pre-wrap;
   overflow-wrap: break-word;
 }
@@ -1657,8 +1670,8 @@ var init_transcript = __esm({
   margin: 0 0 8px;
   padding: 10px 12px;
   border-radius: 8px;
-  background: color-mix(in srgb, var(--_arcy-main-text, #101828) 6%, transparent);
-  border: 1px solid color-mix(in srgb, var(--_arcy-main-text, #101828) 10%, transparent);
+  background: color-mix(in srgb, currentColor 10%, transparent);
+  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
   overflow-x: auto;
   white-space: pre;
 }
@@ -1841,13 +1854,14 @@ var init_transcript = __esm({
   padding: 12px;
   border-radius: 12px;
   background: var(--_arcy-assistant-bg, #f2f4f7);
+  color: var(--_arcy-assistant-text, var(--_arcy-main-text, #101828));
 }
 
 .${PENDING_CLASS} span {
   width: 6px;
   height: 6px;
   border-radius: 999px;
-  background: color-mix(in srgb, var(--_arcy-main-text, #101828) 45%, transparent);
+  background: color-mix(in srgb, currentColor 55%, transparent);
   animation: arcy-chat-typing 1.2s ease-in-out infinite;
 }
 
@@ -4419,7 +4433,7 @@ function mount(context) {
         historyDrawer.close();
       },
       onSelect: (conversationId) => {
-        if ((context.getConversationId?.() ?? "") === conversationId) {
+        if ((context.getConversationId?.() ?? "") === conversationId && !transcript.isEmpty()) {
           historyDrawer.close();
           return;
         }
@@ -4643,11 +4657,13 @@ function mount(context) {
       renderWelcome();
     };
     let catalogRequested = false;
+    let catalogAudience = null;
     const requestFlowCatalog = () => {
       if (catalogRequested) return true;
       const sessionToken = context.getSessionToken?.();
       if (!sessionToken) return false;
       catalogRequested = true;
+      catalogAudience = widget()?.audience || null;
       void fetchFlowCatalog({
         apiBase: context.apiBase,
         sessionToken,
@@ -4718,6 +4734,11 @@ function mount(context) {
         fillCard.reposition();
       },
       refreshChrome() {
+        const audience = widget()?.audience || null;
+        if (catalogRequested && audience !== null && catalogAudience !== null && audience !== catalogAudience && transcript.isEmpty()) {
+          catalogRequested = false;
+          starterFlowsPending = true;
+        }
         if (!requestFlowCatalog() && starterFlowsPending) {
           settleStarterFlows([]);
         }
@@ -5070,25 +5091,45 @@ var init_chat = __esm({
   min-height: 34px;
 }
 
+/* Painted in the operator's brand, not in neutral grey (D1478). These pills
+   are the first thing a visitor is invited to touch, and a grey outline on a
+   welcome screen reads as chrome rather than as an offer. Tinted rather than
+   filled, the same brand-on-brand-wash pair the transcript already uses for a
+   pressed rating: up to five of these sit in one row, and five solid brand
+   buttons would fight both each other and the send button below them. The
+   brand colour therefore lands on the border, on the wash behind the label,
+   and on the label itself, all derived from the one token the operator set. */
 .${STARTER_CLASS} {
   appearance: none;
   text-align: left;
   font: inherit;
   font-size: 12.5px;
+  font-weight: 500;
   cursor: pointer;
   padding: 7px 13px;
   border-radius: 999px;
-  border: 1px solid color-mix(in srgb, var(--_arcy-main-text, #101828) 14%, transparent);
-  background: transparent;
-  color: inherit;
+  border: 1px solid color-mix(in srgb, var(--_arcy-brand-bg, #101828) 28%, transparent);
+  background: color-mix(in srgb, var(--_arcy-brand-bg, #101828) 8%, transparent);
+  color: var(--_arcy-brand-bg, #101828);
   max-width: 100%;
   transition: background 120ms ease, border-color 120ms ease;
   -webkit-tap-highlight-color: transparent;
 }
 
 .${STARTER_CLASS}:hover {
-  background: color-mix(in srgb, var(--_arcy-main-text, #101828) 9%, transparent);
-  border-color: color-mix(in srgb, var(--_arcy-main-text, #101828) 30%, transparent);
+  background: color-mix(in srgb, var(--_arcy-brand-bg, #101828) 16%, transparent);
+  border-color: color-mix(in srgb, var(--_arcy-brand-bg, #101828) 48%, transparent);
+}
+
+.${STARTER_CLASS}:active {
+  background: color-mix(in srgb, var(--_arcy-brand-bg, #101828) 24%, transparent);
+}
+
+/* Brand rather than "currentColor", so the ring stays the same colour on a
+   pill whose label the host page has managed to restyle. */
+.${STARTER_CLASS}:focus-visible {
+  outline: 2px solid var(--_arcy-brand-bg, #101828);
+  outline-offset: 2px;
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -8722,6 +8763,7 @@ var init_screenshot = __esm({
   "src/picker/screenshot.ts"() {
     init_dist();
     init_host();
+    init_message();
     CROP_MARGIN_RATIO = 0.25;
     CROP_MARGIN_MAX_PX = 160;
     CROP_MARGIN_MIN_PX = 28;
@@ -8730,7 +8772,7 @@ var init_screenshot = __esm({
     OUTPUT_MAX_DPR = 2;
     OUTPUT_MAX_PIXELS = 26e5;
     DATA_URL_SOFT_MAX = 36e5;
-    RENDER_TIMEOUT_MS = 8e3;
+    RENDER_TIMEOUT_MS = SCREENSHOT_RENDER_BUDGET_MS;
     PII_PATTERNS2 = [
       /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g,
       /\b\d{3}-\d{2}-\d{4}\b/g,
@@ -9168,13 +9210,7 @@ function normalizeRoute(href, base) {
 
 // src/picker/activate.ts
 init_warn();
-
-// src/picker/message.ts
-var DESIGN_MODE_PROTOCOL = 2;
-var DESIGN_MODE_READY = "arcy:design-mode:ready";
-var DESIGN_MODE_PICK = "arcy:design-mode:pick";
-var DESIGN_MODE_EXIT = "arcy:design-mode:exit";
-var DESIGN_MODE_SCREENSHOT = "arcy:design-mode:screenshot";
+init_message();
 
 // src/picker/notice.ts
 init_host();
@@ -13113,6 +13149,11 @@ function createArcyInternals(internalOptions = {}) {
       welcomeMessage: text(raw?.welcomeMessage),
       inputPlaceholder: text(raw?.inputPlaceholder),
       welcomeHeadline: text(raw?.welcomeHeadline),
+      // Which copy the three texts above are (ADR 0195). Shape-checked like
+      // everything else read out of the bootstrap (ADR 0050), and anything
+      // that is not one of the two audiences reads as the empty string, which
+      // the panel treats as "not known yet" and never as a change.
+      audience: raw?.audience === "identified" || raw?.audience === "anonymous" ? raw.audience : "",
       // Re-checked here rather than trusted: a rewritten bootstrap must not
       // be able to turn a camera prompt on for an operator who never did
       // (ADR 0050, ADR 0102).

package/dist/index.js

@@ -1,7 +1,7 @@
-import { DESIGN_MODE_PROTOCOL, DESIGN_MODE_EXIT, DESIGN_MODE_SCREENSHOT, DESIGN_MODE_PICK, DESIGN_MODE_READY } from './chunk-7VVKR3AO.js';
 import { FALLBACK_CHROME, resolveImageUrl, FONT_KEY_PROPERTY, isRenderableImageUrl, readViewport, POLICY_LINK_CLASS, BAR_TRAY_CLASS, ATTACHABLE_TYPES, TOOLTIP_CSS, surfaceWidth, clampOffsetX, dragTransform, carriesFiles, droppedFiles, MOBILE_MARGIN, CHAT_CONTRACT, CHAT_GLOBAL } from './chunk-DW3GUQ6J.js';
 import { createShellState, safeStore, browserSessionStorage, writeJson, browserLocalStorage, readJson, hasPendingPreview, createFlowRunState, FLOW_CONTRACT, FLOW_GLOBAL } from './chunk-FR6SJSDU.js';
 import { PICKER_CONTRACT, PICKER_GLOBAL } from './chunk-DKYMIAYF.js';
+import { DESIGN_MODE_PROTOCOL, DESIGN_MODE_EXIT, DESIGN_MODE_SCREENSHOT, DESIGN_MODE_PICK, DESIGN_MODE_READY } from './chunk-GDGE3HLE.js';
 import { warn, reportCspViolations, releaseHostFocus, Z_INDEX, createShell, injectStyles } from './chunk-LGWYJSYX.js';
 import { captureEventFingerprint, containsPii } from './chunk-NY3NXM2V.js';
 
@@ -3998,6 +3998,11 @@ function createArcyInternals(internalOptions = {}) {
       welcomeMessage: text(raw?.welcomeMessage),
       inputPlaceholder: text(raw?.inputPlaceholder),
       welcomeHeadline: text(raw?.welcomeHeadline),
+      // Which copy the three texts above are (ADR 0195). Shape-checked like
+      // everything else read out of the bootstrap (ADR 0050), and anything
+      // that is not one of the two audiences reads as the empty string, which
+      // the panel treats as "not known yet" and never as a change.
+      audience: raw?.audience === "identified" || raw?.audience === "anonymous" ? raw.audience : "",
       // Re-checked here rather than trusted: a rewritten bootstrap must not
       // be able to turn a camera prompt on for an operator who never did
       // (ADR 0050, ADR 0102).
@@ -4717,7 +4722,7 @@ var bundledChunks = {
   cdnBase: null,
   loadChat: (win, timeoutMs, setTimeoutImpl) => importChunk(
     win,
-    () => import('./chat-IU4IJMGO.js'),
+    () => import('./chat-VOYR3S25.js'),
     CHAT_GLOBAL,
     CHAT_CONTRACT,
     "chat panel",
@@ -4735,7 +4740,7 @@ var bundledChunks = {
   ),
   loadPicker: (win, timeoutMs, setTimeoutImpl) => importChunk(
     win,
-    () => import('./picker-JPESE6JJ.js'),
+    () => import('./picker-GPZ2GHB4.js'),
     PICKER_GLOBAL,
     PICKER_CONTRACT,
     "design-mode picker",

package/dist/{picker-JPESE6JJ.js → picker-GPZ2GHB4.js}

@@ -1,4 +1,5 @@
 import { PICKER_CONTRACT, PICKER_GLOBAL } from './chunk-DKYMIAYF.js';
+import { SCREENSHOT_RENDER_BUDGET_MS } from './chunk-GDGE3HLE.js';
 import { createShell, injectStyles, warn, HOST_ATTRIBUTE } from './chunk-LGWYJSYX.js';
 import { matchTarget } from './chunk-NIHUDSWK.js';
 import { resolveInteractiveTarget, createTargetFingerprint, captureEventFingerprint, closestAcrossShadow, isStableId, containsPii, SELECTOR_CANDIDATES_MAX, collectElementsDeep, querySelectorAllDeep } from './chunk-NY3NXM2V.js';
@@ -1665,7 +1666,7 @@ var CROP_MAX_HEIGHT = 1200;
 var OUTPUT_MAX_DPR = 2;
 var OUTPUT_MAX_PIXELS = 26e5;
 var DATA_URL_SOFT_MAX = 36e5;
-var RENDER_TIMEOUT_MS = 8e3;
+var RENDER_TIMEOUT_MS = SCREENSHOT_RENDER_BUDGET_MS;
 var PII_PATTERNS = [
   /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g,
   /\b\d{3}-\d{2}-\d{4}\b/g,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arcy.js",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "ARCY — the universal JavaScript utility for embedding an AI agent that talks to, learns from, and acts on behalf of your users.",
   "license": "MIT",
   "type": "module",