@drawnagency/primitives 0.1.70 → 0.1.71

package/dist/{chunk-WNPMBFD6.js → chunk-GKV77AA6.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   IndexSchema
-} from "./chunk-QKOIEWZ4.js";
+} from "./chunk-YMVYTYGQ.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-TYYCKVAW.js → chunk-MU3CDERQ.js}

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-VVK6ZRCN.js";
+} from "./chunk-RTYJZAKR.js";
 import {
   DeleteButton,
   DragHandle,
@@ -43,7 +43,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   SingleMediaReferenceSchema
-} from "./chunk-QKOIEWZ4.js";
+} from "./chunk-YMVYTYGQ.js";
 import {
   defineSection,
   getSection

package/dist/{chunk-EWKCEPMW.js → chunk-NR7UB6DZ.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-QKOIEWZ4.js";
+} from "./chunk-YMVYTYGQ.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

package/dist/{chunk-VVK6ZRCN.js → chunk-RTYJZAKR.js}

@@ -30,7 +30,7 @@ import {
 import {
   HexColorSchema,
   SingleMediaReferenceSchema
-} from "./chunk-QKOIEWZ4.js";
+} from "./chunk-YMVYTYGQ.js";
 import {
   defineSection
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-QKOIEWZ4.js → chunk-YMVYTYGQ.js}

@@ -208,8 +208,16 @@ var ChatbotTaskSchema = z3.object({
 var ChatbotConfigSchema = z3.object({
   enabled: z3.boolean().default(false),
   systemPrompt: z3.string().max(8e3).default(""),
-  // Audience names the widget is shown to; [] = all audiences.
+  // Audience names the widget is shown to — strict opt-in: [] = no viewer
+  // sees it (editors always can via /edit). Gates: [...slug].astro + /api/chat.
   audiences: z3.array(z3.string()).default([]),
+  // Per-audience prompt overlays, keyed by audience name. Appended AFTER the
+  // base systemPrompt, and ONLY for requests whose session audience matches
+  // (or an editor's explicit test-panel simulation) — enforced in
+  // assembleBrandChat. Keys are not validated against the audience list:
+  // entries for deselected/renamed audiences are inert (strict opt-in means
+  // those audiences cannot chat at all).
+  audiencePrompts: z3.record(z3.string(), z3.string().max(8e3)).default({}),
   tasks: z3.array(ChatbotTaskSchema).max(20).default([])
 }).superRefine((cfg, ctx) => {
   const seen = /* @__PURE__ */ new Set();
@@ -238,7 +246,7 @@ var SiteConfigSchema = z3.object({
   // Brand chatbot config (editor-owned; the platform kill switch lives in the
   // sites table, not here). Every field defaults so pre-existing
   // site-config.json files keep parsing.
-  chatbot: ChatbotConfigSchema.default({ enabled: false, systemPrompt: "", audiences: [], tasks: [] })
+  chatbot: ChatbotConfigSchema.default({ enabled: false, systemPrompt: "", audiences: [], tasks: [], audiencePrompts: {} })
 });
 
 export {

package/dist/components/chat/ChatPanel.d.ts

@@ -12,6 +12,7 @@ export declare function streamChat(body: {
     sessionId: string;
     taskId?: string;
     draftChatbot?: unknown;
+    simulateAudience?: string;
 }, onText: (text: string) => void): Promise<{
     ok: true;
     truncated: boolean;
@@ -20,7 +21,7 @@ export declare function streamChat(body: {
     error: string;
     retryAfterMs?: number;
 }>;
-export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot, variant }: {
+export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot, simulateAudience, variant }: {
     open: boolean;
     onClose: () => void;
     siteName: string;
@@ -31,6 +32,8 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
     isEditor?: boolean;
     /** Set by the configurator's test panel and the /edit chat FAB. */
     draftChatbot?: unknown;
+    /** Configurator test panel only: preview this audience's prompt overlay. */
+    simulateAudience?: string;
     /** Anchors the panel above its launcher: viewer corner FAB vs /edit FAB column. */
     variant?: "viewer" | "editor";
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/chat/ChatPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatPanel.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AA6B5E;;kEAEkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEhD;AAcD,8EAA8E;AAC9E,wBAAsB,UAAU,CAC9B,IAAI,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,EAC7F,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAC7B,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAyCjG;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAkB,EAAE,EAAE;IAChH,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC/B,kDA6HA"}
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatPanel.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAoB5E;;kEAEkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEhD;AAcD,8EAA8E;AAC9E,wBAAsB,UAAU,CAC9B,IAAI,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,EACxH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAC7B,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAyCjG;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAkB,EAAE,EAAE;IAClI,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mFAAmF;IACnF,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC/B,kDA8JA"}

package/dist/components/primitives/index.js

@@ -23,7 +23,7 @@ import "../../chunk-4YEOTFVU.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
-import "../../chunk-QKOIEWZ4.js";
+import "../../chunk-YMVYTYGQ.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 

package/dist/components/sections/brand-guide.js

@@ -2,7 +2,7 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-VVK6ZRCN.js";
+} from "../../chunk-RTYJZAKR.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-KWBM27UR.js";
 import "../../chunk-I5737FJY.js";
@@ -11,7 +11,7 @@ import "../../chunk-3DCG4DNU.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-7EOSDFS3.js";
-import "../../chunk-QKOIEWZ4.js";
+import "../../chunk-YMVYTYGQ.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 export {

package/dist/components/sections/register-schemas.js

@@ -1,7 +1,7 @@
 import {
   allSectionDefs
-} from "../../chunk-TYYCKVAW.js";
-import "../../chunk-VVK6ZRCN.js";
+} from "../../chunk-MU3CDERQ.js";
+import "../../chunk-RTYJZAKR.js";
 import "../../chunk-2BHPWO7M.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-WXVKX6PY.js";
@@ -15,7 +15,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-QKOIEWZ4.js";
+import "../../chunk-YMVYTYGQ.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,7 +1,7 @@
 import {
   allSectionDefs
-} from "../../chunk-TYYCKVAW.js";
-import "../../chunk-VVK6ZRCN.js";
+} from "../../chunk-MU3CDERQ.js";
+import "../../chunk-RTYJZAKR.js";
 import "../../chunk-2BHPWO7M.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-WXVKX6PY.js";
@@ -15,7 +15,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-QKOIEWZ4.js";
+import "../../chunk-YMVYTYGQ.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

package/dist/components/shell/ChatbotConfigModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatbotConfigModal.d.ts","sourceRoot":"","sources":["../../../src/components/shell/ChatbotConfigModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,2BAA2B,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,KAAK;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAsBD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,2CAkHxH"}
+{"version":3,"file":"ChatbotConfigModal.d.ts","sourceRoot":"","sources":["../../../src/components/shell/ChatbotConfigModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,2BAA2B,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,UAAU,KAAK;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAsBD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,2CA0JxH"}

package/dist/index.js

@@ -33,7 +33,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-EWKCEPMW.js";
+} from "./chunk-NR7UB6DZ.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -55,7 +55,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "./chunk-WNPMBFD6.js";
+} from "./chunk-GKV77AA6.js";
 import {
   isSameOriginRequest,
   requireSessionSecret,
@@ -107,7 +107,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-QKOIEWZ4.js";
+} from "./chunk-YMVYTYGQ.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/lib/index.js

@@ -7,7 +7,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "../chunk-WNPMBFD6.js";
+} from "../chunk-GKV77AA6.js";
 import "../chunk-S2L3BPLS.js";
 import "../chunk-75P6HWPN.js";
 import {
@@ -33,7 +33,7 @@ import {
   cn
 } from "../chunk-7EOSDFS3.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-QKOIEWZ4.js";
+import "../chunk-YMVYTYGQ.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/media/index.js

@@ -20,7 +20,7 @@ import {
   MediaConfigSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-QKOIEWZ4.js";
+} from "../chunk-YMVYTYGQ.js";
 import "../chunk-JSBRDJBE.js";
 export {
   EXT_TO_MIME,

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-EWKCEPMW.js";
+} from "../chunk-NR7UB6DZ.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -39,7 +39,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-QKOIEWZ4.js";
+} from "../chunk-YMVYTYGQ.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-NSCT3AMV.js";
 import "../chunk-JSBRDJBE.js";

package/dist/schemas/site-config.d.ts

@@ -161,6 +161,7 @@ export declare const ChatbotConfigSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     systemPrompt: z.ZodDefault<z.ZodString>;
     audiences: z.ZodDefault<z.ZodArray<z.ZodString>>;
+    audiencePrompts: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
     tasks: z.ZodDefault<z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         label: z.ZodString;
@@ -194,6 +195,7 @@ export declare const SiteConfigSchema: z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         systemPrompt: z.ZodDefault<z.ZodString>;
         audiences: z.ZodDefault<z.ZodArray<z.ZodString>>;
+        audiencePrompts: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
         tasks: z.ZodDefault<z.ZodArray<z.ZodObject<{
             id: z.ZodString;
             label: z.ZodString;

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAO5D,eAAO,MAAM,cAAc,0DAA2D,CAAC;AAEvF,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;iBASrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;iBAgB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyB3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAO5D,eAAO,MAAM,cAAc,0DAA2D,CAAC;AAEvF,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;iBASrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyB3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.70",
+  "version": "0.1.71",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/chat/ChatPanel.tsx

@@ -1,21 +1,15 @@
-import { useEffect, useRef, useState, type MouseEvent } from "react";
+import { useEffect, useRef, useState, type KeyboardEvent, type MouseEvent } from "react";
 import { marked } from "marked";
 import { cn } from "../../lib/cn";
 import { ensureSanitizer, sanitizeHtml } from "../../lib/sanitize";
+import { Select } from "../shared/Select";
+import { IconButton } from "../shared/IconButton";
+import { RemoveIcon } from "../shared/icons";
 
 export interface ChatMessage { role: "user" | "assistant"; content: string }
 
 const SESSION_KEY = "bp-chat-session";
 
-// Astro's trailingSlash: "ignore" means the viewer can be on "/brand/" while
-// grounding links say "/brand#voice-tone" — the pathnames are equivalent
-// but not literally equal. Per the HTML spec, same-document fragment
-// navigation requires URL equality *excluding* the fragment, so a literal
-// mismatch (e.g. "/brand/" vs "/brand") can't rely on native navigation —
-// this helper only detects that "equivalent but not equal" case so we can
-// handle it ourselves. "/" stays "/" rather than collapsing to "".
-const normalizePathname = (p: string): string => p.replace(/\/+$/, "") || "/";
-
 function sessionId(): string {
   let id = window.localStorage.getItem(SESSION_KEY);
   if (!id) {
@@ -44,7 +38,7 @@ export function assistantHtml(md: string): string {
 const MD_STYLES =
   "[&_p:not(:first-child)]:mt-2 [&_ul]:mt-1 [&_ul]:list-disc [&_ul]:pl-4 " +
   "[&_ol]:mt-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li:not(:first-child)]:mt-1 " +
-  "[&_a]:underline [&_a]:underline-offset-2 " +
+  "[&_a]:underline [&_a]:underline-offset-2 [&_a]:text-primary " +
   "[&_code]:rounded [&_code]:bg-base-200 [&_code]:px-1 [&_code]:font-mono [&_code]:text-[0.8em] " +
   "[&_pre]:mt-2 [&_pre]:overflow-x-auto [&_pre]:rounded [&_pre]:bg-base-200 [&_pre]:p-2 " +
   "[&_h1]:mt-2 [&_h1]:font-semibold [&_h2]:mt-2 [&_h2]:font-semibold " +
@@ -53,7 +47,7 @@ const MD_STYLES =
 
 /** Parse our /api/chat SSE frames out of a fetch body. Exported for tests. */
 export async function streamChat(
-  body: { messages: ChatMessage[]; sessionId: string; taskId?: string; draftChatbot?: unknown },
+  body: { messages: ChatMessage[]; sessionId: string; taskId?: string; draftChatbot?: unknown; simulateAudience?: string },
   onText: (text: string) => void,
 ): Promise<{ ok: true; truncated: boolean } | { ok: false; error: string; retryAfterMs?: number }> {
   try {
@@ -98,7 +92,7 @@ export async function streamChat(
   }
 }
 
-export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot, variant = "viewer" }: {
+export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot, simulateAudience, variant = "viewer" }: {
   open: boolean;
   onClose: () => void;
   siteName: string;
@@ -106,6 +100,8 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
   isEditor?: boolean;
   /** Set by the configurator's test panel and the /edit chat FAB. */
   draftChatbot?: unknown;
+  /** Configurator test panel only: preview this audience's prompt overlay. */
+  simulateAudience?: string;
   /** Anchors the panel above its launcher: viewer corner FAB vs /edit FAB column. */
   variant?: "viewer" | "editor";
 }) {
@@ -115,6 +111,33 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
   const [busy, setBusy] = useState(false);
   const [notice, setNotice] = useState<string | null>(null);
   const streamingRef = useRef("");
+  const composerRef = useRef<HTMLTextAreaElement>(null);
+
+  // Autosize the composer: height tracks content up to the className's
+  // 4-line max-h cap, then it scrolls internally. Keyed on `input` so the
+  // post-send clear snaps it back to a single row. (field-sizing: content
+  // would do this in CSS alone, but it's still Chromium-only.)
+  useEffect(() => {
+    const el = composerRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${el.scrollHeight}px`;
+  }, [input]);
+
+  function onComposerKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {
+    // Chat convention: Enter sends, Shift+Enter inserts a newline.
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      void send();
+    }
+  }
+
+  // The tasks prop can shrink live (the configurator's Preview-as filters it):
+  // never keep a selected task that's no longer offered, or the next send would
+  // assemble a task the previewed audience can't access.
+  useEffect(() => {
+    if (taskId && !tasks.some((t) => t.id === taskId)) setTaskId("");
+  }, [taskId, tasks]);
 
   const [mdReady, setMdReady] = useState(false);
   useEffect(() => {
@@ -128,31 +151,30 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
   function onMessagesClick(e: MouseEvent<HTMLDivElement>) {
     const link = (e.target as HTMLElement).closest("a");
     if (!link || !link.getAttribute("href")) return;
+    e.preventDefault();
     const url = new URL(link.href, window.location.href);
-    // Native navigation is only safe when there's a hash to scroll to — the
-    // grounding emits hashless same-pathname links (e.g. "/") for content
-    // before the first heading, and letting those navigate natively would
-    // full-reload the page, unmounting the panel and wiping chat history.
-    const sameOriginWithHash = variant !== "editor" && url.origin === window.location.origin && url.hash !== "";
-    if (sameOriginWithHash) {
-      if (url.pathname === window.location.pathname) {
-        return; // literally same document: native hash navigation, panel stays open
-      }
-      if (normalizePathname(url.pathname) === normalizePathname(window.location.pathname)) {
-        // Equivalent pathnames (trailing-slash only difference) but NOT
-        // literally equal — per spec, same-document fragment navigation
-        // requires URL equality excluding the fragment, so the browser would
-        // treat a literal mismatch as a full cross-document navigation,
-        // unmounting the panel and wiping chat history. Perform the fragment
-        // navigation ourselves on the current (already-correct) URL instead.
-        e.preventDefault();
-        window.location.hash = url.hash;
-        return;
+    // Trust the hash, not the path: the model reliably preserves a section's
+    // #anchor but improvises the path around it (a bare "#anchor", or a path
+    // copied from elsewhere in the prompt). If the cited anchor exists in the
+    // CURRENT document — viewer page or /edit editor, both render heading
+    // ids — scroll to it in place; nothing navigates and the panel survives.
+    let anchorId = "";
+    if (url.hash.length > 1 && url.origin === window.location.origin) {
+      try {
+        anchorId = decodeURIComponent(url.hash.slice(1));
+      } catch {
+        anchorId = url.hash.slice(1); // malformed percent-encoding in model output
       }
     }
-    // Cross-page (or same-page but hashless, or any /edit click): new tab so
-    // chat history / unsaved editor state survive.
-    e.preventDefault();
+    const target = anchorId ? document.getElementById(anchorId) : null;
+    if (target) {
+      target.scrollIntoView({ behavior: "smooth", block: "start" });
+      window.history.replaceState(null, "", url.hash);
+      return;
+    }
+    // Anchor not in this document (cross-page citation on a multi-page
+    // portal, external URL, hashless link, or hallucinated anchor): new tab
+    // so chat history and any unsaved editor state survive.
     window.open(url.href, "_blank", "noopener");
   }
 
@@ -166,7 +188,7 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
     setMessages([...history, { role: "assistant", content: "" }]);
     streamingRef.current = "";
     const result = await streamChat(
-      { messages: history, sessionId: sessionId(), ...(taskId ? { taskId } : {}), ...(draftChatbot !== undefined ? { draftChatbot } : {}) },
+      { messages: history, sessionId: sessionId(), ...(taskId ? { taskId } : {}), ...(draftChatbot !== undefined ? { draftChatbot } : {}), ...(simulateAudience ? { simulateAudience } : {}) },
       (delta) => {
         streamingRef.current += delta;
         const streamed = streamingRef.current;
@@ -188,20 +210,24 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
     <div role="dialog" aria-label={`Chat with ${siteName}`}
       className={cn(
         "fixed z-40 flex h-[28rem] w-80 flex-col rounded-lg border border-base-200 bg-base shadow-xl",
-        variant === "editor" ? "bottom-40 right-4 lg:right-auto fab-container-right" : "bottom-20 right-4",
+        variant === "editor" ? "bottom-4 fab-panel-left max-w-[calc(100vw-5.25rem)]" : "bottom-20 right-4",
       )}>
 
       <div className="flex items-center justify-between gap-2 border-b border-base-200 px-3 py-2">
-        <span className="text-sm font-medium text-base-contrast">{siteName} assistant</span>
-        {tasks.length > 0 && (
-          <select aria-label="Task" value={taskId} onChange={(e) => setTaskId(e.target.value)}
-            className="max-w-36 rounded border border-base-200 bg-base-accent px-1 py-0.5 text-xs">
-            <option value="">General</option>
-            {tasks.map((t) => <option key={t.id} value={t.id}>{t.label}</option>)}
-          </select>
-        )}
-        <button type="button" aria-label="Close chat" onClick={onClose} className="text-base-contrast-light hover:text-base-contrast">×</button>
+        <span className="text-sm font-medium text-base-contrast">Portal Assistant</span>
+        <IconButton icon={<RemoveIcon size={18} />} label="Close chat" onClick={onClose} className="rounded-md hover:bg-base-accent" />
       </div>
+      {tasks.length > 0 && (
+        <div className="border-b border-base-200 px-3 py-2">
+          <Select
+            label="Task"
+            value={taskId}
+            onChange={setTaskId}
+            options={[{ value: "", label: "General" }, ...tasks.map((t) => ({ value: t.id, label: t.label }))]}
+            selectClassName="py-1"
+          />
+        </div>
+      )}
       <div className="flex-1 space-y-2 overflow-y-auto p-3" onClick={onMessagesClick}>
         {messages.map((m, i) =>
           m.role === "assistant" && mdReady && m.content ? (
@@ -219,13 +245,16 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
         )}
         {notice && <p className="text-xs text-base-contrast-light">{notice}</p>}
       </div>
-      <form className="flex gap-2 border-t border-base-200 p-2" onSubmit={(e) => { e.preventDefault(); void send(); }}>
-        <input
+      <form className="flex items-end gap-2 border-t border-base-200 p-2" onSubmit={(e) => { e.preventDefault(); void send(); }}>
+        <textarea
+          ref={composerRef}
+          rows={1}
           value={input}
           onChange={(e) => setInput(e.target.value)}
+          onKeyDown={onComposerKeyDown}
           placeholder={`Ask about ${siteName}…`}
           maxLength={4000}
-          className="min-w-0 flex-1 rounded border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast"
+          className="max-h-[5.625rem] min-w-0 flex-1 resize-none overflow-y-auto rounded border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:bg-[color-mix(in_srgb,var(--color-base),var(--color-base-contrast)_5%)]"
         />
         <button type="submit" aria-label="Send" disabled={busy}
           className="rounded bg-primary px-3 py-1 text-sm text-primary-contrast disabled:opacity-50">→</button>

package/src/components/shell/ChatbotConfigModal.tsx

@@ -1,10 +1,11 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { EditorModal } from "./EditorModal";
 import { Button } from "../shared/Button";
 import { cn } from "../../lib/cn";
 import ChatPanel from "../chat/ChatPanel";
 import type { SiteConfig, ChatbotConfig, ChatbotTask } from "../../schemas/site-config";
 import type { Audience } from "../../auth/types";
+import { audiencePasses } from "../../lib/pages";
 
 interface Props {
   isOpen: boolean;
@@ -39,6 +40,12 @@ export function ChatbotConfigModal({ isOpen, onClose, siteConfig, onSiteConfigCh
   const chatbot = siteConfig.chatbot;
   const [newTaskLabel, setNewTaskLabel] = useState("");
   const [showTest, setShowTest] = useState(false);
+  const [previewAudience, setPreviewAudience] = useState("");
+
+  // A deselected audience can no longer chat — never keep simulating it.
+  useEffect(() => {
+    if (previewAudience && !chatbot.audiences.includes(previewAudience)) setPreviewAudience("");
+  }, [previewAudience, chatbot.audiences]);
 
   const patch = (p: Partial<ChatbotConfig>) =>
     onSiteConfigChange({ ...siteConfig, chatbot: { ...chatbot, ...p } });
@@ -67,6 +74,13 @@ export function ChatbotConfigModal({ isOpen, onClose, siteConfig, onSiteConfigCh
   const toggleName = (list: string[], name: string) =>
     list.includes(name) ? list.filter((n) => n !== name) : [...list, name];
 
+  // Record lookups can hit inherited Object.prototype members ("constructor"
+  // is a legal audience name) — treat anything non-string as absent.
+  const overlayValue = (name: string) => {
+    const v = chatbot.audiencePrompts[name];
+    return typeof v === "string" ? v : "";
+  };
+
   return (
     <EditorModal isOpen={isOpen} onClose={onClose} title="Chatbot" size="settings" noPadding>
       <div className="flex flex-1 flex-col gap-4 overflow-y-auto px-6 py-4">
@@ -79,14 +93,27 @@ export function ChatbotConfigModal({ isOpen, onClose, siteConfig, onSiteConfigCh
 
         <label className="flex items-center gap-2 text-sm text-base-contrast">
           <input type="checkbox" aria-label="Enable chatbot" checked={chatbot.enabled}
+            className="h-5 w-5 cursor-pointer accent-primary"
             onChange={(e) => patch({ enabled: e.target.checked })} />
           Show the chat widget to viewers
         </label>
 
         <div>
           <p className="mb-1 text-sm font-medium text-base-contrast">Audiences</p>
-          <p className="mb-2 text-xs text-base-contrast-light">Who sees the widget. None selected = all audiences.</p>
+          <p className="mb-2 text-xs text-base-contrast-light">Who sees the widget — only the selected audiences; none selected means no one.</p>
           <AudienceChips audiences={audiences} selected={chatbot.audiences} onToggle={(n) => patch({ audiences: toggleName(chatbot.audiences, n) })} />
+          {chatbot.audiences.map((name) => (
+            <div key={name} className="mt-2">
+              <label htmlFor={`audience-prompt-${name}`} className="mb-1 block text-xs font-medium text-base-contrast">
+                Additional guidance for {name}
+              </label>
+              <textarea id={`audience-prompt-${name}`} aria-label={`Guidance for ${name}`} rows={2} maxLength={8000}
+                value={overlayValue(name)}
+                onChange={(e) => patch({ audiencePrompts: { ...chatbot.audiencePrompts, [name]: e.target.value } })}
+                placeholder={`Only ${name} sees answers shaped by this — safe for ${name}-level info.`}
+                className="w-full rounded border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast" />
+            </div>
+          ))}
         </div>
 
         <div>
@@ -138,11 +165,25 @@ export function ChatbotConfigModal({ isOpen, onClose, siteConfig, onSiteConfigCh
           <p className="mt-1 text-xs text-base-contrast-light">
             Tests your unsaved prompt and tasks. Answers ground on published content.
           </p>
+          {showTest && platformEnabled && (
+            <label className="mt-2 flex items-center gap-2 text-xs text-base-contrast">
+              Preview as
+              <select aria-label="Preview as" value={previewAudience} onChange={(e) => setPreviewAudience(e.target.value)}
+                className="rounded border border-base-200 bg-base-accent px-1 py-0.5 text-xs">
+                <option value="">Editor (base prompt only)</option>
+                {chatbot.audiences.map((n) => <option key={n} value={n}>{n}</option>)}
+              </select>
+              <span className="text-base-contrast-light">Prompt and task preview only — grounding stays editor-wide.</span>
+            </label>
+          )}
           {showTest && platformEnabled && (
             <ChatPanel
               open onClose={() => setShowTest(false)} siteName={siteConfig.siteName}
-              tasks={chatbot.tasks.map((t) => ({ id: t.id, label: t.label }))}
+              tasks={chatbot.tasks
+                .filter((t) => previewAudience === "" || audiencePasses(t.access, previewAudience))
+                .map((t) => ({ id: t.id, label: t.label }))}
               isEditor draftChatbot={chatbot}
+              simulateAudience={previewAudience || undefined}
             />
           )}
         </div>

package/src/schemas/site-config.ts

@@ -149,8 +149,16 @@ export const ChatbotConfigSchema = z
   .object({
     enabled: z.boolean().default(false),
     systemPrompt: z.string().max(8_000).default(""),
-    // Audience names the widget is shown to; [] = all audiences.
+    // Audience names the widget is shown to — strict opt-in: [] = no viewer
+    // sees it (editors always can via /edit). Gates: [...slug].astro + /api/chat.
     audiences: z.array(z.string()).default([]),
+    // Per-audience prompt overlays, keyed by audience name. Appended AFTER the
+    // base systemPrompt, and ONLY for requests whose session audience matches
+    // (or an editor's explicit test-panel simulation) — enforced in
+    // assembleBrandChat. Keys are not validated against the audience list:
+    // entries for deselected/renamed audiences are inert (strict opt-in means
+    // those audiences cannot chat at all).
+    audiencePrompts: z.record(z.string(), z.string().max(8_000)).default({}),
     tasks: z.array(ChatbotTaskSchema).max(20).default([]),
   })
   .superRefine((cfg, ctx) => {
@@ -188,7 +196,7 @@ export const SiteConfigSchema = z.object({
   // Brand chatbot config (editor-owned; the platform kill switch lives in the
   // sites table, not here). Every field defaults so pre-existing
   // site-config.json files keep parsing.
-  chatbot: ChatbotConfigSchema.default({ enabled: false, systemPrompt: "", audiences: [], tasks: [] }),
+  chatbot: ChatbotConfigSchema.default({ enabled: false, systemPrompt: "", audiences: [], tasks: [], audiencePrompts: {} }),
 });
 
 export type SiteConfig = z.infer<typeof SiteConfigSchema>;