@drawnagency/primitives 0.1.67 → 0.1.69

package/src/components/shell/EditorShell.tsx

@@ -19,6 +19,8 @@ import type { BlockMove } from "../../lib/block-move";
 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";
@@ -72,7 +74,7 @@ import { IconButton } from "../shared/IconButton";
 import { SegmentedControl } from "../shared/SegmentedControl";
 import { computeDisplaySections } from "./view-branch";
 import { SettingsIcon } from "../shared/icons";
-import { ImageIcon, ListOrderedIcon, FilesIcon, X } from "lucide-react";
+import { ImageIcon, ListOrderedIcon, FilesIcon, MessageCircleIcon, X } from "lucide-react";
 import { ErrorBoundary } from "../shared/ErrorBoundary";
 import { HistoryToolbar } from "./HistoryToolbar";
 import { RestoreModal } from "./RestoreModal";
@@ -104,6 +106,10 @@ interface Props {
     passwordToggle: boolean;
   };
   currentUser: { email: string; role: "owner" | "editor" } | null;
+  // Whether the platform (admin) has enabled the chatbot for this site.
+  // Controls the configurator's banner + test panel; the config UI itself
+  // always works so editors can prepare before activation.
+  chatbotPlatformEnabled?: boolean;
 }
 
 export default function EditorShell({
@@ -113,6 +119,7 @@ export default function EditorShell({
   audiences: initialAudiences,
   capabilities,
   currentUser,
+  chatbotPlatformEnabled = false,
 }: Props) {
   const [shellState, setShellState] = useState<ShellState>({ phase: "loading-content" });
   const [sections, setSections] = useState<LoadedSection[]>([]);
@@ -143,6 +150,7 @@ export default function EditorShell({
   const [showRestoreModal, setShowRestoreModal] = useState(false);
   const [showOrderingModal, setShowOrderingModal] = useState(false);
   const [showPagesModal, setShowPagesModal] = useState(false);
+  const [showChatbotConfig, setShowChatbotConfig] = useState(false);
   const [isRestoring, setIsRestoring] = useState(false);
   const [rejectedUploads, setRejectedUploads] = useState<{ name: string; reason: "size" | "type" }[]>([]);
   const [activePageId, setActivePageId] = useState<string | null>(null);
@@ -887,6 +895,7 @@ export default function EditorShell({
             onRestoreClick={() => setShowRestoreModal(true)}
             onOrderingClick={() => setShowOrderingModal(true)}
             onPagesClick={() => setShowPagesModal(true)}
+            onChatbotClick={() => setShowChatbotConfig(true)}
           />
 
           {/* Bug reports persist via Supabase. On the password-only (zero-Supabase)
@@ -894,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
@@ -937,6 +960,16 @@ export default function EditorShell({
             capabilities={capabilities}
             currentUser={currentUser}
           />
+          {siteConfig && (
+            <ChatbotConfigModal
+              isOpen={showChatbotConfig}
+              onClose={() => setShowChatbotConfig(false)}
+              siteConfig={siteConfig}
+              onSiteConfigChange={handleSiteConfigChange}
+              audiences={audiences}
+              platformEnabled={chatbotPlatformEnabled}
+            />
+          )}
           <EditorModal
             isOpen={pendingDeleteSectionId !== null}
             onClose={() => setPendingDeleteSectionId(null)}
@@ -1522,6 +1555,7 @@ function EditorToolbar({
   onRestoreClick,
   onOrderingClick,
   onPagesClick,
+  onChatbotClick,
 }: {
   buttonState: "synced" | "publish" | "saveAndPublish";
   localChangesExist: boolean;
@@ -1540,6 +1574,7 @@ function EditorToolbar({
   onRestoreClick: () => void;
   onOrderingClick: () => void;
   onPagesClick: () => void;
+  onChatbotClick: () => void;
 }) {
   const { isEditMode, viewBranch, setViewBranch, toggleEditMode, historyState, setHistoryState } = useEditorContext();
 
@@ -1625,6 +1660,13 @@ function EditorToolbar({
                 onClick={onPagesClick}
                 className="border border-base-200 bg-base-accent"
               />
+              <IconButton
+                icon={<MessageCircleIcon size={16} />}
+                label="Chatbot"
+                size="md"
+                onClick={onChatbotClick}
+                className="border border-base-200 bg-base-accent"
+              />
               <IconButton
                 icon={<SettingsIcon size={16} />}
                 label="Site settings"

package/src/lib/index.ts

@@ -1,5 +1,6 @@
 export { env } from "./env";
 export { cn } from "./cn";
+export { audiencePasses } from "./pages";
 export { generateNavLinks, toSectionId, type NavItem } from "./nav";
 export { deriveContrast } from "./contrast";
 export { sanitizeHtml, ensureSanitizer } from "./sanitize";

package/src/lib/platform-broker.ts

@@ -70,3 +70,39 @@ export async function platformBroker<T = unknown>(
 
   throw lastError instanceof Error ? lastError : new Error("Platform broker unreachable");
 }
+
+/**
+ * Streaming variant of platformBroker for SSE endpoints (the LLM broker).
+ * Same auth headers; retries only pre-stream connection failures — once bytes
+ * are flowing there is no safe retry. Non-2xx throws with the status ONLY
+ * (never the body: stream endpoints may proxy provider errors).
+ */
+export async function platformBrokerStream(
+  path: string,
+  body: unknown,
+): Promise<ReadableStream<Uint8Array>> {
+  const apiUrl = env("PLATFORM_API_URL");
+  const apiKey = env("PLATFORM_API_KEY");
+  const siteId = env("PORTAL_SITE_ID");
+  const url = `${apiUrl}${path}`;
+
+  let lastError: unknown;
+  for (let attempt = 0; attempt < ATTEMPTS; attempt++) {
+    let res: Response;
+    try {
+      res = await fetch(url, {
+        method: "POST",
+        headers: { "x-api-key": apiKey, "x-site-id": siteId, "Content-Type": "application/json" },
+        body: JSON.stringify(body),
+      });
+    } catch (err) {
+      lastError = err;
+      if (attempt === ATTEMPTS - 1) throw err;
+      await sleep(RETRY_BASE_MS * 2 ** attempt);
+      continue;
+    }
+    if (!res.ok || !res.body) throw new Error(`Platform broker error (${res.status})`);
+    return res.body;
+  }
+  throw lastError instanceof Error ? lastError : new Error("Platform broker unreachable");
+}

package/src/schemas/site-config.ts

@@ -132,6 +132,38 @@ export function normalizeSiteIndex(raw: unknown): SiteIndex {
   return IndexSchema.parse(raw);
 }
 
+// Task ids share the audience-name slug rules (lowercase alnum/dash/underscore).
+const ChatbotTaskIdSchema = z.string().min(1).max(32).regex(/^[a-z0-9](?:[a-z0-9_-]*[a-z0-9])?$/,
+  "Task id must be lowercase letters, numbers, dashes, or underscores");
+
+export const ChatbotTaskSchema = z.object({
+  id: ChatbotTaskIdSchema,
+  label: z.string().min(1).max(60),
+  prompt: z.string().max(4_000),
+  // Audience names allowed to see this task; [] = all — same semantics as SectionMeta.access.
+  access: z.array(z.string()).default([]),
+});
+export type ChatbotTask = z.infer<typeof ChatbotTaskSchema>;
+
+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.
+    audiences: z.array(z.string()).default([]),
+    tasks: z.array(ChatbotTaskSchema).max(20).default([]),
+  })
+  .superRefine((cfg, ctx) => {
+    const seen = new Set<string>();
+    for (const t of cfg.tasks) {
+      if (seen.has(t.id)) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: `Duplicate task id "${t.id}"` });
+      }
+      seen.add(t.id);
+    }
+  });
+export type ChatbotConfig = z.infer<typeof ChatbotConfigSchema>;
+
 export const SiteConfigSchema = z.object({
   siteName: z.string().default("Brand Portal"),
   primaryColor: HexColorSchema.default("#009ca6"),
@@ -153,6 +185,10 @@ export const SiteConfigSchema = z.object({
     .nullable()
     .default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
+  // 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: [] }),
 });
 
 export type SiteConfig = z.infer<typeof SiteConfigSchema>;

package/src/types/database.ts

@@ -150,6 +150,41 @@ export type Database = {
           },
         ]
       }
+      chat_usage: {
+        Row: {
+          day: string
+          input_tokens: number
+          output_tokens: number
+          requests: number
+          site_id: string
+          updated_at: string
+        }
+        Insert: {
+          day: string
+          input_tokens?: number
+          output_tokens?: number
+          requests?: number
+          site_id: string
+          updated_at?: string
+        }
+        Update: {
+          day?: string
+          input_tokens?: number
+          output_tokens?: number
+          requests?: number
+          site_id?: string
+          updated_at?: string
+        }
+        Relationships: [
+          {
+            foreignKeyName: "chat_usage_site_id_fkey"
+            columns: ["site_id"]
+            isOneToOne: false
+            referencedRelation: "sites"
+            referencedColumns: ["id"]
+          },
+        ]
+      }
       deploy_status: {
         Row: {
           commit_sha: string | null
@@ -535,6 +570,7 @@ export type Database = {
       }
       sites: {
         Row: {
+          chatbot_enabled: boolean
           created_at: string | null
           custom_domain: string | null
           failed_step: string | null
@@ -550,6 +586,7 @@ export type Database = {
           subdomain: string | null
         }
         Insert: {
+          chatbot_enabled?: boolean
           created_at?: string | null
           custom_domain?: string | null
           failed_step?: string | null
@@ -565,6 +602,7 @@ export type Database = {
           subdomain?: string | null
         }
         Update: {
+          chatbot_enabled?: boolean
           created_at?: string | null
           custom_domain?: string | null
           failed_step?: string | null
@@ -642,6 +680,16 @@ export type Database = {
       [_ in never]: never
     }
     Functions: {
+      chat_usage_hit: {
+        Args: {
+          p_day: string
+          p_input_tokens: number
+          p_output_tokens: number
+          p_requests: number
+          p_site_id: string
+        }
+        Returns: undefined
+      }
       get_user_id_by_email: { Args: { lookup_email: string }; Returns: string }
       is_site_member: { Args: { p_site_id: string }; Returns: boolean }
       is_site_owner: { Args: { p_site_id: string }; Returns: boolean }

package/dist/chunk-ZGFAYZWB.js

@@ -1,8 +0,0 @@
-// src/lib/pages.ts
-function slugifyPageSlug(input) {
-  return input.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-
-export {
-  slugifyPageSlug
-};