@drawnagency/primitives 0.1.68 → 0.1.69

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

@@ -16,7 +16,7 @@ export declare function streamChat(body: {
     error: string;
     retryAfterMs?: number;
 }>;
-export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot }: {
+export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot, variant }: {
     open: boolean;
     onClose: () => void;
     siteName: string;
@@ -25,7 +25,9 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
         label: string;
     }[];
     isEditor?: boolean;
-    /** Set only by the configurator's test panel. */
+    /** Set by the configurator's test panel and the /edit chat FAB. */
     draftChatbot?: unknown;
+    /** Anchors the panel above its launcher: viewer corner FAB vs /edit FAB column. */
+    variant?: "viewer" | "editor";
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ChatPanel.d.ts.map

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":"AAGA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAoB5E,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,EAAE;IAC5F,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,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,kDAyEA"}
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatPanel.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAoB5E,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,kDA6EA"}

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

@@ -6,6 +6,9 @@ export interface ChatWidgetProps {
         label: string;
     }[];
     isEditor?: boolean;
+    /** Editor-only: chat against the current (unsaved) chatbot config. */
+    draftChatbot?: unknown;
+    variant?: "viewer" | "editor";
 }
-export default function ChatWidget({ siteName, tasks, isEditor }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function ChatWidget({ siteName, tasks, isEditor, draftChatbot, variant }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatWidget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatWidget.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,kFAAkF;IAClF,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAuBhF"}
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatWidget.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,kFAAkF;IAClF,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAkB,EAAE,EAAE,eAAe,2CAoClH"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyEjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,GAC/B,EAAE,KAAK,2CAm7BP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0EjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,GAC/B,EAAE,KAAK,2CAi8BP"}

package/package.json

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

package/src/components/chat/ChatPanel.tsx

@@ -68,14 +68,16 @@ export async function streamChat(
   }
 }
 
-export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot }: {
+export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, draftChatbot, variant = "viewer" }: {
   open: boolean;
   onClose: () => void;
   siteName: string;
   tasks: { id: string; label: string }[];
   isEditor?: boolean;
-  /** Set only by the configurator's test panel. */
+  /** Set by the configurator's test panel and the /edit chat FAB. */
   draftChatbot?: unknown;
+  /** Anchors the panel above its launcher: viewer corner FAB vs /edit FAB column. */
+  variant?: "viewer" | "editor";
 }) {
   const [messages, setMessages] = useState<ChatMessage[]>([]);
   const [taskId, setTaskId] = useState<string>("");
@@ -114,7 +116,11 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
 
   return (
     <div role="dialog" aria-label={`Chat with ${siteName}`}
-      className="fixed bottom-20 right-4 z-40 flex h-[28rem] w-80 flex-col rounded-lg border border-base-200 bg-base shadow-xl">
+      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",
+      )}>
+
       <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 && (

package/src/components/chat/ChatWidget.tsx

@@ -1,7 +1,14 @@
-// Viewer-facing chat launcher. Renders ONLY the floating button until first
-// open; the panel (and its code) loads lazily so viewers who never click pay
-// almost nothing. Browser-safe: no node imports, no process.env.
+// Chat launcher FAB. Renders ONLY the floating button until first open; the
+// panel (and its code) loads lazily so viewers who never click pay almost
+// nothing. Browser-safe: no node imports, no process.env.
+//
+// Two placements:
+// - "viewer" (default): bottom-right corner of viewer pages.
+// - "editor": stacked above the /edit route's existing FAB column (edit-mode
+//   toggle at bottom-4, bug report at bottom-16), aligned to the content edge
+//   via fab-container-right like its neighbors.
 import { lazy, Suspense, useState } from "react";
+import { cn } from "../../lib/cn";
 
 const ChatPanel = lazy(() => import("./ChatPanel"));
 
@@ -10,9 +17,12 @@ export interface ChatWidgetProps {
   /** Already audience-filtered server-side — never pass unfiltered config tasks. */
   tasks: { id: string; label: string }[];
   isEditor?: boolean;
+  /** Editor-only: chat against the current (unsaved) chatbot config. */
+  draftChatbot?: unknown;
+  variant?: "viewer" | "editor";
 }
 
-export default function ChatWidget({ siteName, tasks, isEditor }: ChatWidgetProps) {
+export default function ChatWidget({ siteName, tasks, isEditor, draftChatbot, variant = "viewer" }: ChatWidgetProps) {
   const [open, setOpen] = useState(false);
   const [everOpened, setEverOpened] = useState(false);
 
@@ -22,15 +32,28 @@ export default function ChatWidget({ siteName, tasks, isEditor }: ChatWidgetProp
         type="button"
         aria-label={`Chat with ${siteName}`}
         onClick={() => { setOpen((o) => !o); setEverOpened(true); }}
-        className="fixed bottom-4 right-4 z-40 flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-contrast shadow-lg hover:opacity-90 transition-opacity"
+        className={cn(
+          "fixed z-40 flex items-center justify-center rounded-full bg-primary text-primary-contrast shadow-lg hover:opacity-90 transition-opacity",
+          variant === "editor"
+            ? "bottom-28 right-4 lg:right-auto h-10 w-10 fab-container-right"
+            : "bottom-4 right-4 h-12 w-12",
+        )}
       >
-        <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <svg xmlns="http://www.w3.org/2000/svg" className={variant === "editor" ? "h-5 w-5" : "h-6 w-6"} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
           <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z" />
         </svg>
       </button>
       {everOpened && (
         <Suspense fallback={null}>
-          <ChatPanel open={open} onClose={() => setOpen(false)} siteName={siteName} tasks={tasks} isEditor={isEditor} />
+          <ChatPanel
+            open={open}
+            onClose={() => setOpen(false)}
+            siteName={siteName}
+            tasks={tasks}
+            isEditor={isEditor}
+            draftChatbot={draftChatbot}
+            variant={variant}
+          />
         </Suspense>
       )}
     </>

package/src/components/shell/EditorShell.tsx

@@ -20,6 +20,7 @@ import { EditorModalProvider, useEditorModal } from "./EditorModalContext";
 import { EditorModal } from "./EditorModal";
 import { SiteSettingsModal } from "./SiteSettingsModal";
 import { ChatbotConfigModal } from "./ChatbotConfigModal";
+import ChatWidget from "../chat/ChatWidget";
 import { MediaLibraryModal } from "./MediaLibraryModal";
 import { MediaLibraryContext } from "./MediaLibraryContext";
 import { ProcessingIndicator } from "./ProcessingIndicator";
@@ -902,6 +903,20 @@ export default function EditorShell({
               the button would always 401 — hide it there. */}
           {!capabilities.passwordOnly && <BugReportFAB />}
 
+          {/* Editor chat FAB: chat while editing, against the DRAFT chatbot
+              config (tasks + prompt reflect unsaved changes; grounding is
+              published content). Gated only on the platform switch — editors
+              may chat before the widget is enabled for viewers. */}
+          {chatbotPlatformEnabled && siteConfig && (
+            <ChatWidget
+              siteName={siteConfig.siteName}
+              tasks={siteConfig.chatbot.tasks.map((t) => ({ id: t.id, label: t.label }))}
+              isEditor
+              draftChatbot={siteConfig.chatbot}
+              variant="editor"
+            />
+          )}
+
           {rejectedUploads.length > 0 && (
             <div className="sticky top-2 z-30 mx-auto w-full max-w-3xl px-4">
               <UploadRejectionAlert