@webmaster-droid/web 0.1.0-alpha.0

package/dist/index.js

@@ -0,0 +1,1600 @@
+"use client";
+
+// src/editables.tsx
+import {
+  createContext,
+  createElement,
+  useContext
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var EDITABLE_ROOTS = ["pages.", "layout.", "seo.", "themeTokens."];
+var MAX_PATH_LENGTH = 320;
+var MAX_LABEL_LENGTH = 120;
+var MAX_PREVIEW_LENGTH = 140;
+var EditableContext = createContext(null);
+function EditableProvider(props) {
+  return /* @__PURE__ */ jsx(
+    EditableContext.Provider,
+    {
+      value: {
+        document: props.document,
+        mode: props.mode ?? "live",
+        enabled: props.enabled ?? true
+      },
+      children: props.children
+    }
+  );
+}
+function useEditableDocument() {
+  const context = useContext(EditableContext);
+  if (!context) {
+    throw new Error("useEditableDocument must be used within <EditableProvider>");
+  }
+  return context;
+}
+function splitPath(path) {
+  return path.replace(/\[(\d+)\]/g, ".$1").split(".").map((segment) => segment.trim()).filter(Boolean);
+}
+function readByPath(input, path) {
+  const segments = splitPath(path);
+  let current = input;
+  for (const segment of segments) {
+    if (Array.isArray(current)) {
+      const index = Number(segment);
+      if (Number.isNaN(index)) {
+        return void 0;
+      }
+      current = current[index];
+      continue;
+    }
+    if (typeof current !== "object" || current === null) {
+      return void 0;
+    }
+    current = current[segment];
+  }
+  return current;
+}
+function normalizeEditablePath(value) {
+  if (typeof value !== "string") {
+    return null;
+  }
+  const trimmed = value.trim();
+  if (!trimmed || trimmed.length > MAX_PATH_LENGTH) {
+    return null;
+  }
+  if (!EDITABLE_ROOTS.some((prefix) => trimmed.startsWith(prefix))) {
+    return null;
+  }
+  return trimmed;
+}
+function normalizeShortText(value, maxLength) {
+  if (typeof value !== "string") {
+    return null;
+  }
+  const compact = value.replace(/\s+/g, " ").trim();
+  if (!compact) {
+    return null;
+  }
+  if (compact.length <= maxLength) {
+    return compact;
+  }
+  return `${compact.slice(0, maxLength - 3)}...`;
+}
+function normalizeKind(value) {
+  if (value === "text" || value === "image" || value === "link" || value === "section") {
+    return value;
+  }
+  return null;
+}
+function normalizeRelatedPaths(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const out = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    const normalized = normalizeEditablePath(item);
+    if (normalized) {
+      out.add(normalized);
+    }
+  }
+  return Array.from(out);
+}
+function normalizePagePath(value) {
+  if (typeof value !== "string") {
+    return "/";
+  }
+  const [withoutQuery] = value.split(/[?#]/, 1);
+  const trimmed = withoutQuery?.trim() ?? "";
+  if (!trimmed.startsWith("/")) {
+    return "/";
+  }
+  return trimmed || "/";
+}
+function editableMeta(input) {
+  const path = normalizeEditablePath(input.path);
+  const label = normalizeShortText(input.label, MAX_LABEL_LENGTH);
+  const kind = normalizeKind(input.kind);
+  if (!path || !label || !kind) {
+    return {};
+  }
+  const attrs = {
+    "data-wmd-path": path,
+    "data-wmd-label": label,
+    "data-wmd-kind": kind
+  };
+  const relatedPaths = normalizeRelatedPaths(input.relatedPaths ?? []);
+  if (relatedPaths.length > 0) {
+    attrs["data-wmd-related-paths"] = JSON.stringify(relatedPaths);
+  }
+  const preview = normalizeShortText(input.preview, MAX_PREVIEW_LENGTH);
+  if (preview) {
+    attrs["data-wmd-preview"] = preview;
+  }
+  return attrs;
+}
+function parseSelectedEditableFromTarget(target, pagePath) {
+  const targetElement = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+  if (!targetElement) {
+    return null;
+  }
+  const element = targetElement.closest("[data-wmd-path][data-wmd-label][data-wmd-kind]");
+  if (!element) {
+    return null;
+  }
+  const path = normalizeEditablePath(element.dataset.wmdPath);
+  const label = normalizeShortText(element.dataset.wmdLabel, MAX_LABEL_LENGTH);
+  const kind = normalizeKind(element.dataset.wmdKind);
+  if (!path || !label || !kind) {
+    return null;
+  }
+  let parsedRelated = [];
+  const rawRelated = element.dataset.wmdRelatedPaths;
+  if (rawRelated) {
+    try {
+      parsedRelated = JSON.parse(rawRelated);
+    } catch {
+      parsedRelated = [];
+    }
+  }
+  const relatedPaths = normalizeRelatedPaths(parsedRelated);
+  const preview = normalizeShortText(element.dataset.wmdPreview, MAX_PREVIEW_LENGTH);
+  const selected = {
+    path,
+    label,
+    kind,
+    pagePath: normalizePagePath(pagePath)
+  };
+  if (relatedPaths.length > 0) {
+    selected.relatedPaths = relatedPaths;
+  }
+  if (preview) {
+    selected.preview = preview;
+  }
+  return selected;
+}
+function pickStringValue(document2, path, fallback) {
+  const value = readByPath(document2, path);
+  return typeof value === "string" && value.trim() ? value : fallback;
+}
+function EditableText({
+  path,
+  fallback,
+  as = "span",
+  label,
+  relatedPaths,
+  ...rest
+}) {
+  const { document: document2, enabled } = useEditableDocument();
+  const value = pickStringValue(document2, path, fallback);
+  const attrs = enabled ? editableMeta({
+    path,
+    label: label ?? path,
+    kind: "text",
+    relatedPaths,
+    preview: value
+  }) : {};
+  return createElement(as, { ...rest, ...attrs }, value);
+}
+function EditableRichText({
+  path,
+  fallback,
+  as = "div",
+  label,
+  ...rest
+}) {
+  const { document: document2, enabled } = useEditableDocument();
+  const value = pickStringValue(document2, path, fallback);
+  const attrs = enabled ? editableMeta({
+    path,
+    label: label ?? path,
+    kind: "section",
+    preview: value
+  }) : {};
+  return createElement(as, {
+    ...rest,
+    ...attrs,
+    dangerouslySetInnerHTML: { __html: value }
+  });
+}
+function EditableImage({
+  path,
+  fallbackSrc,
+  altPath,
+  fallbackAlt = "",
+  label,
+  ...rest
+}) {
+  const { document: document2, enabled } = useEditableDocument();
+  const src = pickStringValue(document2, path, fallbackSrc);
+  const alt = altPath ? pickStringValue(document2, altPath, fallbackAlt) : fallbackAlt;
+  const attrs = enabled ? editableMeta({
+    path,
+    label: label ?? path,
+    kind: "image",
+    relatedPaths: altPath ? [altPath] : [],
+    preview: src
+  }) : {};
+  return /* @__PURE__ */ jsx("img", { ...rest, ...attrs, src, alt });
+}
+function EditableLink({
+  hrefPath,
+  labelPath,
+  fallbackHref,
+  fallbackLabel,
+  label,
+  ...rest
+}) {
+  const { document: document2, enabled } = useEditableDocument();
+  const href = pickStringValue(document2, hrefPath, fallbackHref);
+  const text = pickStringValue(document2, labelPath, fallbackLabel);
+  const attrs = enabled ? editableMeta({
+    path: labelPath,
+    label: label ?? labelPath,
+    kind: "link",
+    relatedPaths: [hrefPath],
+    preview: href
+  }) : {};
+  return /* @__PURE__ */ jsx("a", { ...rest, ...attrs, href, children: text });
+}
+
+// src/config.ts
+var DEFAULT_CONFIG = {
+  apiBaseUrl: "",
+  supabaseUrl: "",
+  supabaseAnonKey: "",
+  modeQueryParam: "mode",
+  modeQueryValue: "admin",
+  modeStorageKey: "webmaster_droid_admin_mode",
+  defaultModelId: "openai:gpt-5.2",
+  assistantAvatarUrl: "/assets/admin/webmaster-avatar.png",
+  assistantAvatarFallback: "W"
+};
+function normalizeOptionalString(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim();
+}
+function normalizeApiBaseUrl(value) {
+  if (!value) {
+    return "";
+  }
+  return value.replace(/\/$/, "");
+}
+function resolveWebmasterDroidConfig(input) {
+  const apiBaseUrl = normalizeApiBaseUrl(
+    normalizeOptionalString(input?.apiBaseUrl ?? process.env.NEXT_PUBLIC_AGENT_API_BASE_URL)
+  );
+  const supabaseUrl = normalizeOptionalString(
+    input?.supabaseUrl ?? process.env.NEXT_PUBLIC_SUPABASE_URL
+  );
+  const supabaseAnonKey = normalizeOptionalString(
+    input?.supabaseAnonKey ?? process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
+  );
+  const modeQueryParam = normalizeOptionalString(input?.modeQueryParam) || DEFAULT_CONFIG.modeQueryParam;
+  const modeQueryValue = normalizeOptionalString(input?.modeQueryValue) || DEFAULT_CONFIG.modeQueryValue;
+  const modeStorageKey = normalizeOptionalString(input?.modeStorageKey) || DEFAULT_CONFIG.modeStorageKey;
+  const defaultModelId = normalizeOptionalString(input?.defaultModelId) || DEFAULT_CONFIG.defaultModelId;
+  const assistantAvatarUrl = normalizeOptionalString(input?.assistantAvatarUrl) || DEFAULT_CONFIG.assistantAvatarUrl;
+  const assistantAvatarFallback = normalizeOptionalString(input?.assistantAvatarFallback) || DEFAULT_CONFIG.assistantAvatarFallback;
+  return {
+    apiBaseUrl,
+    supabaseUrl,
+    supabaseAnonKey,
+    modeQueryParam,
+    modeQueryValue,
+    modeStorageKey,
+    defaultModelId,
+    assistantAvatarUrl,
+    assistantAvatarFallback
+  };
+}
+function buildApiUrl(apiBaseUrl, path) {
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  return `${normalizeApiBaseUrl(apiBaseUrl)}${normalizedPath}`;
+}
+
+// src/context.tsx
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+
+// src/api.ts
+function withAuthHeaders(token) {
+  if (!token) {
+    return {};
+  }
+  return {
+    Authorization: `Bearer ${token}`
+  };
+}
+async function fetchCmsContent(apiBaseUrl, stage, token) {
+  const response = await fetch(buildApiUrl(apiBaseUrl, `/api/content?stage=${stage}`), {
+    headers: {
+      ...withAuthHeaders(token)
+    },
+    cache: "no-store"
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch ${stage} content.`);
+  }
+  const payload = await response.json();
+  return payload.content;
+}
+async function fetchModels(apiBaseUrl) {
+  const response = await fetch(buildApiUrl(apiBaseUrl, "/api/models"), {
+    cache: "no-store"
+  });
+  if (!response.ok) {
+    throw new Error("Failed to fetch model configuration.");
+  }
+  return await response.json();
+}
+async function fetchHistory(apiBaseUrl, token) {
+  const response = await fetch(buildApiUrl(apiBaseUrl, "/api/history"), {
+    headers: {
+      ...withAuthHeaders(token)
+    },
+    cache: "no-store"
+  });
+  if (!response.ok) {
+    throw new Error("Failed to fetch history.");
+  }
+  return await response.json();
+}
+async function publishDraft(apiBaseUrl, token, body) {
+  const response = await fetch(buildApiUrl(apiBaseUrl, "/api/publish"), {
+    method: "POST",
+    headers: {
+      "content-type": "application/json",
+      ...withAuthHeaders(token)
+    },
+    body: JSON.stringify(body)
+  });
+  if (!response.ok) {
+    const detail = await response.text();
+    throw new Error(`Publish failed: ${detail}`);
+  }
+  return response.json();
+}
+async function rollbackDraft(apiBaseUrl, token, body) {
+  const response = await fetch(buildApiUrl(apiBaseUrl, "/api/rollback"), {
+    method: "POST",
+    headers: {
+      "content-type": "application/json",
+      ...withAuthHeaders(token)
+    },
+    body: JSON.stringify(body)
+  });
+  if (!response.ok) {
+    const detail = await response.text();
+    throw new Error(`Rollback failed: ${detail}`);
+  }
+  return response.json();
+}
+async function deleteCheckpoint(apiBaseUrl, token, body) {
+  const response = await fetch(buildApiUrl(apiBaseUrl, "/api/checkpoints/delete"), {
+    method: "POST",
+    headers: {
+      "content-type": "application/json",
+      ...withAuthHeaders(token)
+    },
+    body: JSON.stringify(body)
+  });
+  if (!response.ok) {
+    const detail = await response.text();
+    throw new Error(`Delete checkpoint failed: ${detail}`);
+  }
+  return response.json();
+}
+function parseEventChunk(chunk) {
+  const normalized = chunk.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+  const lines = normalized.split("\n");
+  const parsed = [];
+  let eventName = "message";
+  let dataLines = [];
+  const flush = () => {
+    if (dataLines.length === 0) {
+      eventName = "message";
+      return;
+    }
+    parsed.push({
+      event: eventName || "message",
+      data: dataLines.join("\n")
+    });
+    eventName = "message";
+    dataLines = [];
+  };
+  for (const line of lines) {
+    if (line === "") {
+      flush();
+      continue;
+    }
+    if (line.startsWith(":")) {
+      continue;
+    }
+    const separatorIndex = line.indexOf(":");
+    const field = separatorIndex === -1 ? line : line.slice(0, separatorIndex);
+    let value = separatorIndex === -1 ? "" : line.slice(separatorIndex + 1);
+    if (value.startsWith(" ")) {
+      value = value.slice(1);
+    }
+    if (field === "event") {
+      eventName = value || "message";
+      continue;
+    }
+    if (field === "data") {
+      dataLines.push(value);
+    }
+  }
+  return parsed;
+}
+function yieldToUi() {
+  return new Promise((resolve) => {
+    setTimeout(resolve, 0);
+  });
+}
+async function streamChat(params) {
+  const response = await fetch(buildApiUrl(params.apiBaseUrl, "/api/chat/stream"), {
+    method: "POST",
+    headers: {
+      "content-type": "application/json",
+      Accept: "text/event-stream",
+      ...withAuthHeaders(params.token)
+    },
+    body: JSON.stringify({
+      message: params.message,
+      modelId: params.modelId,
+      includeThinking: params.includeThinking,
+      currentPath: params.currentPath,
+      selectedElement: params.selectedElement ?? null,
+      history: params.history
+    })
+  });
+  if (!response.ok) {
+    const detail = await response.text();
+    throw new Error(`Chat request failed: ${detail}`);
+  }
+  if (!response.body) {
+    throw new Error("Missing response body for SSE stream.");
+  }
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) {
+      break;
+    }
+    buffer += decoder.decode(value, { stream: true }).replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+    const chunks = buffer.split("\n\n");
+    buffer = chunks.pop() ?? "";
+    for (const chunk of chunks) {
+      const events = parseEventChunk(`${chunk}
+
+`);
+      for (const event of events) {
+        let payload = event.data;
+        try {
+          payload = JSON.parse(event.data);
+        } catch {
+          payload = event.data;
+        }
+        params.onEvent({
+          event: event.event,
+          data: payload
+        });
+        await yieldToUi();
+      }
+    }
+  }
+  const remainder = buffer.trim();
+  if (!remainder) {
+    return;
+  }
+  for (const event of parseEventChunk(`${remainder}
+
+`)) {
+    let payload = event.data;
+    try {
+      payload = JSON.parse(event.data);
+    } catch {
+      payload = event.data;
+    }
+    params.onEvent({
+      event: event.event,
+      data: payload
+    });
+    await yieldToUi();
+  }
+}
+
+// src/supabase-client.ts
+import { createClient } from "@supabase/supabase-js";
+var supabaseClientCache = /* @__PURE__ */ new Map();
+function getSupabaseBrowserClient(config) {
+  if (!config.supabaseUrl || !config.supabaseAnonKey) {
+    return null;
+  }
+  const cacheKey = `${config.supabaseUrl}::${config.supabaseAnonKey}`;
+  const cached = supabaseClientCache.get(cacheKey);
+  if (cached) {
+    return cached;
+  }
+  const client = createClient(config.supabaseUrl, config.supabaseAnonKey, {
+    auth: {
+      persistSession: true,
+      autoRefreshToken: true,
+      detectSessionInUrl: true
+    }
+  });
+  supabaseClientCache.set(cacheKey, client);
+  return client;
+}
+
+// src/context.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var WebmasterDroidContext = createContext2(null);
+function WebmasterDroidProvider(props) {
+  const resolvedConfig = useMemo(
+    () => resolveWebmasterDroidConfig(props.config),
+    [props.config]
+  );
+  const [isAdminMode, setIsAdminMode] = useState(false);
+  useEffect(() => {
+    const checkMode = () => {
+      const params = new URLSearchParams(window.location.search);
+      const modeValue = params.get(resolvedConfig.modeQueryParam);
+      if (modeValue === resolvedConfig.modeQueryValue) {
+        window.sessionStorage.setItem(resolvedConfig.modeStorageKey, "1");
+      }
+      const persisted = window.sessionStorage.getItem(resolvedConfig.modeStorageKey);
+      setIsAdminMode(modeValue === resolvedConfig.modeQueryValue || persisted === "1");
+    };
+    checkMode();
+    window.addEventListener("popstate", checkMode);
+    return () => {
+      window.removeEventListener("popstate", checkMode);
+    };
+  }, [resolvedConfig.modeQueryParam, resolvedConfig.modeQueryValue, resolvedConfig.modeStorageKey]);
+  const supabase = useMemo(
+    () => getSupabaseBrowserClient(resolvedConfig),
+    [resolvedConfig]
+  );
+  const authConfigured = Boolean(supabase);
+  const [session, setSession] = useState(null);
+  const [modelId, setModelId] = useState(null);
+  const [showModelPickerState, setShowModelPickerState] = useState(false);
+  const [modelOptions, setModelOptions] = useState([]);
+  const [includeThinking, setIncludeThinking] = useState(false);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const [selectedElement, setSelectedElement] = useState(null);
+  useEffect(() => {
+    let ignore = false;
+    if (!isAdminMode || !supabase) {
+      return;
+    }
+    supabase.auth.getSession().then(({ data: data2 }) => {
+      if (!ignore) {
+        setSession(data2.session ?? null);
+      }
+    });
+    const { data } = supabase.auth.onAuthStateChange((_event, nextSession) => {
+      setSession(nextSession);
+    });
+    return () => {
+      ignore = true;
+      data.subscription.unsubscribe();
+    };
+  }, [isAdminMode, supabase]);
+  useEffect(() => {
+    let ignore = false;
+    if (!isAdminMode) {
+      return;
+    }
+    fetchModels(resolvedConfig.apiBaseUrl).then((models) => {
+      if (ignore) {
+        return;
+      }
+      const options = models.availableModels ?? [];
+      const preferredDefault = options.some((option) => option.id === models.defaultModelId) ? models.defaultModelId : options[0]?.id ?? models.defaultModelId;
+      setShowModelPickerState(models.showModelPicker);
+      setModelOptions(options);
+      setModelId((current) => {
+        if (current && options.some((option) => option.id === current)) {
+          return current;
+        }
+        return preferredDefault;
+      });
+    }).catch(() => {
+      if (!ignore) {
+        setShowModelPickerState(false);
+        setModelOptions([]);
+        setModelId((current) => current ?? resolvedConfig.defaultModelId);
+      }
+    });
+    return () => {
+      ignore = true;
+    };
+  }, [isAdminMode, resolvedConfig.apiBaseUrl, resolvedConfig.defaultModelId]);
+  const activeSession = isAdminMode ? session : null;
+  const showModelPicker = isAdminMode ? showModelPickerState : false;
+  const value = useMemo(
+    () => ({
+      config: resolvedConfig,
+      isAdminMode,
+      session: activeSession,
+      token: activeSession?.access_token ?? null,
+      isAuthenticated: Boolean(activeSession?.access_token),
+      modelId,
+      setModelId,
+      showModelPicker,
+      modelOptions,
+      includeThinking,
+      setIncludeThinking,
+      refreshKey,
+      requestRefresh: () => setRefreshKey((x) => x + 1),
+      authConfigured,
+      selectedElement,
+      setSelectedElement,
+      clearSelectedElement: () => setSelectedElement(null)
+    }),
+    [
+      resolvedConfig,
+      isAdminMode,
+      activeSession,
+      modelId,
+      showModelPicker,
+      modelOptions,
+      includeThinking,
+      refreshKey,
+      authConfigured,
+      selectedElement
+    ]
+  );
+  return /* @__PURE__ */ jsx2(WebmasterDroidContext.Provider, { value, children: props.children });
+}
+function useWebmasterDroid() {
+  const context = useContext2(WebmasterDroidContext);
+  if (!context) {
+    throw new Error("useWebmasterDroid must be used within <WebmasterDroidProvider>");
+  }
+  return context;
+}
+
+// src/overlay.tsx
+import {
+  useCallback,
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState2
+} from "react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { REQUIRED_PUBLISH_CONFIRMATION } from "@webmaster-droid/contracts";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function createMessage(role, text, status) {
+  return {
+    id: `${role}_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+    role,
+    text,
+    status: role === "assistant" ? status ?? "final" : void 0
+  };
+}
+function insertBeforePendingMessage(entries, message, pendingAssistantId) {
+  if (!pendingAssistantId) {
+    return [...entries, message];
+  }
+  const pendingIndex = entries.findIndex((entry) => entry.id === pendingAssistantId);
+  if (pendingIndex === -1) {
+    return [...entries, message];
+  }
+  const next = [...entries];
+  next.splice(pendingIndex, 0, message);
+  return next;
+}
+function removeMessageById(entries, messageId) {
+  if (!messageId) {
+    return entries;
+  }
+  return entries.filter((entry) => entry.id !== messageId);
+}
+function resolvePendingAssistant(entries, pendingAssistantId, text) {
+  if (!pendingAssistantId) {
+    return { nextEntries: entries, replaced: false };
+  }
+  let replaced = false;
+  const nextEntries = entries.map((entry) => {
+    if (entry.id !== pendingAssistantId) {
+      return entry;
+    }
+    replaced = true;
+    return {
+      ...entry,
+      text,
+      status: "final"
+    };
+  });
+  return { nextEntries, replaced };
+}
+function formatHistoryTime(value) {
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) {
+    return value;
+  }
+  return new Intl.DateTimeFormat("en-IN", {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(parsed);
+}
+function historyTimestamp(value) {
+  const parsed = Date.parse(value);
+  return Number.isNaN(parsed) ? null : parsed;
+}
+function toReadableToolLine(toolName, summary) {
+  const normalized = summary.trim();
+  if (!normalized) {
+    return toolName.replace(/_/g, " ");
+  }
+  const prefixedPattern = new RegExp(`^${toolName.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")}\\s*:\\s*`, "i");
+  const withoutToolPrefix = normalized.replace(prefixedPattern, "");
+  const withoutTechnicalPrefix = withoutToolPrefix.replace(/^[a-z0-9_]+:\s*/i, "");
+  return withoutTechnicalPrefix || normalized;
+}
+function buildModelHistory(entries) {
+  return entries.filter(
+    (entry) => entry.role === "user" || entry.role === "assistant"
+  ).slice(-12).map((entry) => ({
+    role: entry.role,
+    text: entry.text
+  }));
+}
+function kindIcon(kind) {
+  if (kind === "image") {
+    return "IMG";
+  }
+  if (kind === "link") {
+    return "LNK";
+  }
+  if (kind === "section") {
+    return "SEC";
+  }
+  return "TXT";
+}
+function WebmasterDroidOverlay() {
+  const {
+    config,
+    isAdminMode,
+    isAuthenticated,
+    token,
+    modelId,
+    setModelId,
+    showModelPicker,
+    modelOptions,
+    includeThinking,
+    requestRefresh,
+    authConfigured,
+    selectedElement,
+    setSelectedElement,
+    clearSelectedElement
+  } = useWebmasterDroid();
+  const [isOpen, setIsOpen] = useState2(false);
+  const [activeTab, setActiveTab] = useState2("chat");
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const [signingIn, setSigningIn] = useState2(false);
+  const [history, setHistory] = useState2({ checkpoints: [], published: [] });
+  const [message, setMessage] = useState2("");
+  const [sending, setSending] = useState2(false);
+  const [deletingCheckpointId, setDeletingCheckpointId] = useState2(null);
+  const [messages, setMessages] = useState2([]);
+  const [assistantAvatarFailed, setAssistantAvatarFailed] = useState2(false);
+  const chatEndRef = useRef(null);
+  const overlayRootRef = useRef(null);
+  const pendingAssistantIdRef = useRef(null);
+  const supabase = useMemo2(() => getSupabaseBrowserClient(config), [config]);
+  const refreshHistory = useCallback(
+    async (showErrorMessage) => {
+      if (!token) {
+        return;
+      }
+      try {
+        const data = await fetchHistory(config.apiBaseUrl, token);
+        setHistory(data);
+      } catch {
+        if (showErrorMessage) {
+          setMessages((prev) => [
+            ...prev,
+            createMessage("system", "Failed to load rollback history.")
+          ]);
+        }
+      }
+    },
+    [config.apiBaseUrl, token]
+  );
+  useEffect2(() => {
+    if (!isOpen) {
+      return;
+    }
+    chatEndRef.current?.scrollIntoView({
+      behavior: "smooth",
+      block: "end"
+    });
+  }, [isOpen, messages]);
+  useEffect2(() => {
+    setAssistantAvatarFailed(false);
+  }, [config.assistantAvatarUrl]);
+  useEffect2(() => {
+    if (!isOpen || !isAuthenticated || !token) {
+      return;
+    }
+    void refreshHistory(true);
+  }, [isAuthenticated, isOpen, refreshHistory, token]);
+  useEffect2(() => {
+    if (!isAdminMode || !isOpen) {
+      return;
+    }
+    const onDocumentClickCapture = (event) => {
+      const overlayRoot = overlayRootRef.current;
+      if (overlayRoot && event.target instanceof Node && overlayRoot.contains(event.target)) {
+        return;
+      }
+      const nextSelection = parseSelectedEditableFromTarget(
+        event.target,
+        window.location.pathname
+      );
+      if (!nextSelection) {
+        return;
+      }
+      setSelectedElement(nextSelection);
+    };
+    document.addEventListener("click", onDocumentClickCapture, true);
+    return () => {
+      document.removeEventListener("click", onDocumentClickCapture, true);
+    };
+  }, [isAdminMode, isOpen, setSelectedElement]);
+  const selectableModels = modelOptions;
+  if (!isAdminMode) {
+    return null;
+  }
+  const signInWithPassword = async () => {
+    if (!supabase) {
+      setMessages((prev) => [
+        ...prev,
+        createMessage("system", "Supabase is not configured in frontend env.")
+      ]);
+      return;
+    }
+    if (!email.trim() || !password) {
+      setMessages((prev) => [
+        ...prev,
+        createMessage("system", "Email and password are required.")
+      ]);
+      return;
+    }
+    setSigningIn(true);
+    try {
+      const response = await supabase.auth.signInWithPassword({
+        email: email.trim(),
+        password
+      });
+      if (response.error) {
+        setMessages((prev) => [
+          ...prev,
+          createMessage("system", `Auth error: ${response.error.message}`)
+        ]);
+        return;
+      }
+      setPassword("");
+      setMessages((prev) => [...prev, createMessage("system", "Signed in successfully.")]);
+    } finally {
+      setSigningIn(false);
+    }
+  };
+  const onSend = async () => {
+    if (!token || !message.trim() || sending) {
+      return;
+    }
+    const userText = message.trim();
+    const userMessage = createMessage("user", userText);
+    const pendingAssistantMessage = createMessage("assistant", "", "pending");
+    pendingAssistantIdRef.current = pendingAssistantMessage.id;
+    setMessage("");
+    setSending(true);
+    setMessages((prev) => [...prev, userMessage, pendingAssistantMessage]);
+    let assistantMessageReceived = false;
+    let streamErrorReceived = false;
+    try {
+      await streamChat({
+        apiBaseUrl: config.apiBaseUrl,
+        token,
+        message: userText,
+        modelId: modelId ?? void 0,
+        includeThinking,
+        currentPath: window.location.pathname,
+        selectedElement,
+        history: buildModelHistory(messages),
+        onEvent: (event) => {
+          if (event.event === "thinking") {
+            if (!includeThinking) {
+              return;
+            }
+            const note = typeof event.data === "object" && event.data !== null && "note" in event.data ? String(event.data.note) : JSON.stringify(event.data);
+            setMessages(
+              (prev) => insertBeforePendingMessage(
+                prev,
+                createMessage("thinking", note),
+                pendingAssistantIdRef.current
+              )
+            );
+            return;
+          }
+          if (event.event === "tool") {
+            const toolName = typeof event.data === "object" && event.data !== null && "tool" in event.data ? String(event.data.tool) : "tool";
+            const summary = typeof event.data === "object" && event.data !== null && "summary" in event.data ? String(event.data.summary) : "Executed tool step.";
+            setMessages(
+              (prev) => insertBeforePendingMessage(
+                prev,
+                createMessage("tool", toReadableToolLine(toolName, summary)),
+                pendingAssistantIdRef.current
+              )
+            );
+            return;
+          }
+          if (event.event === "message") {
+            const text = typeof event.data === "object" && event.data !== null && "text" in event.data ? String(event.data.text) : String(event.data);
+            const normalizedText = text.trim();
+            if (!normalizedText) {
+              return;
+            }
+            assistantMessageReceived = true;
+            const pendingAssistantId = pendingAssistantIdRef.current;
+            setMessages((prev) => {
+              const { nextEntries, replaced } = resolvePendingAssistant(
+                prev,
+                pendingAssistantId,
+                normalizedText
+              );
+              if (replaced) {
+                return nextEntries;
+              }
+              return [...prev, createMessage("assistant", normalizedText, "final")];
+            });
+            pendingAssistantIdRef.current = null;
+            return;
+          }
+          if (event.event === "done") {
+            if (!assistantMessageReceived && !streamErrorReceived) {
+              const pendingAssistantId = pendingAssistantIdRef.current;
+              setMessages((prev) => [
+                ...removeMessageById(prev, pendingAssistantId),
+                createMessage("system", "No assistant response received. Please retry.")
+              ]);
+              pendingAssistantIdRef.current = null;
+            }
+            return;
+          }
+          if (event.event === "draft-updated") {
+            requestRefresh();
+            void refreshHistory(false);
+            return;
+          }
+          if (event.event === "error") {
+            const detail = typeof event.data === "object" && event.data !== null && "error" in event.data ? String(event.data.error) : "Unknown stream error.";
+            const pendingAssistantId = pendingAssistantIdRef.current;
+            setMessages((prev) => [
+              ...removeMessageById(prev, pendingAssistantId),
+              createMessage("system", `**Error:** ${detail}`)
+            ]);
+            pendingAssistantIdRef.current = null;
+            streamErrorReceived = true;
+            return;
+          }
+        }
+      });
+    } catch (error) {
+      const detail = error instanceof Error ? error.message : "Chat failed.";
+      const pendingAssistantId = pendingAssistantIdRef.current;
+      setMessages((prev) => [...removeMessageById(prev, pendingAssistantId), createMessage("system", detail)]);
+      pendingAssistantIdRef.current = null;
+    } finally {
+      pendingAssistantIdRef.current = null;
+      setSending(false);
+    }
+  };
+  const onPublish = async () => {
+    if (!token) {
+      return;
+    }
+    const approved = window.confirm(
+      "Publish current draft to live site? This action affects all visitors."
+    );
+    if (!approved) {
+      return;
+    }
+    try {
+      await publishDraft(config.apiBaseUrl, token, {
+        confirmationText: REQUIRED_PUBLISH_CONFIRMATION
+      });
+      requestRefresh();
+      await refreshHistory(false);
+      setMessages((prev) => [
+        ...prev,
+        createMessage("system", "Draft published successfully.")
+      ]);
+    } catch (error) {
+      const detail = error instanceof Error ? error.message : "Publish failed.";
+      setMessages((prev) => [...prev, createMessage("system", detail)]);
+    }
+  };
+  const onRollback = async (request, label) => {
+    if (!token) {
+      return;
+    }
+    try {
+      await rollbackDraft(config.apiBaseUrl, token, request);
+      requestRefresh();
+      await refreshHistory(false);
+      setMessages((prev) => [
+        ...prev,
+        createMessage("system", `Draft restored from ${label}.`)
+      ]);
+    } catch (error) {
+      const detail = error instanceof Error ? error.message : "Rollback failed.";
+      setMessages((prev) => [...prev, createMessage("system", detail)]);
+    }
+  };
+  const onDeleteCheckpoint = async (checkpoint) => {
+    if (!token || deletingCheckpointId) {
+      return;
+    }
+    const timestampLabel = formatHistoryTime(checkpoint.createdAt);
+    const reasonLine = checkpoint.reason ? `
+Reason: ${checkpoint.reason}` : "";
+    const approved = window.confirm(
+      `Delete checkpoint from ${timestampLabel}? This cannot be undone.${reasonLine}`
+    );
+    if (!approved) {
+      return;
+    }
+    setDeletingCheckpointId(checkpoint.id);
+    try {
+      await deleteCheckpoint(config.apiBaseUrl, token, { checkpointId: checkpoint.id });
+      await refreshHistory(false);
+      setMessages((prev) => [
+        ...prev,
+        createMessage("system", `Deleted checkpoint from ${timestampLabel}.`)
+      ]);
+    } catch (error) {
+      const detail = error instanceof Error ? error.message : "Delete checkpoint failed.";
+      setMessages((prev) => [...prev, createMessage("system", detail)]);
+    } finally {
+      setDeletingCheckpointId((current) => current === checkpoint.id ? null : current);
+    }
+  };
+  const onClearChat = () => {
+    if (sending) {
+      return;
+    }
+    if (messages.length === 0 && !message.trim() && !selectedElement) {
+      return;
+    }
+    pendingAssistantIdRef.current = null;
+    setMessages([]);
+    setMessage("");
+    clearSelectedElement();
+  };
+  const onMessageKeyDown = (event) => {
+    if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) {
+      return;
+    }
+    event.preventDefault();
+    if (!isAuthenticated || sending || !message.trim()) {
+      return;
+    }
+    void onSend();
+  };
+  const latestPublished = history.published.reduce((max, item) => {
+    const value = historyTimestamp(item.createdAt);
+    if (value === null) {
+      return max;
+    }
+    return max === null ? value : Math.max(max, value);
+  }, null);
+  const latestCheckpoint = history.checkpoints.reduce((max, item) => {
+    const value = historyTimestamp(item.createdAt);
+    if (value === null) {
+      return max;
+    }
+    return max === null ? value : Math.max(max, value);
+  }, null);
+  const publishState = latestCheckpoint !== null && (latestPublished === null || latestCheckpoint > latestPublished) ? "Unpublished" : "Published";
+  const assistantAvatarFallbackLabel = (config.assistantAvatarFallback || "W").trim().charAt(0).toUpperCase() || "W";
+  const showAssistantAvatarImage = Boolean(config.assistantAvatarUrl) && !assistantAvatarFailed;
+  return /* @__PURE__ */ jsx3(Fragment, { children: isOpen ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: overlayRootRef,
+      "data-admin-overlay-root": true,
+      className: "fixed bottom-4 right-4 z-[100] flex h-[62vh] w-[min(480px,calc(100vw-1.5rem))] flex-col overflow-hidden rounded-lg border border-stone-300 bg-[#f6f2eb] text-stone-900 shadow-2xl",
+      style: {
+        fontFamily: "var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+      },
+      children: [
+        /* @__PURE__ */ jsx3("header", { className: "border-b border-stone-300 bg-[#f3eee5] p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          isAuthenticated ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx3(
+              "span",
+              {
+                className: `rounded border px-1.5 py-0.5 text-[10px] font-medium leading-4 ${publishState === "Published" ? "border-stone-300 bg-[#ece5d9] text-stone-600" : "border-stone-500 bg-[#ded4c3] text-stone-800"}`,
+                children: publishState
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                className: "rounded border border-stone-700 bg-stone-800 px-2 py-1 text-[11px] font-semibold leading-4 text-stone-100 hover:bg-stone-700 disabled:cursor-not-allowed disabled:opacity-50",
+                onClick: onPublish,
+                disabled: !isAuthenticated,
+                children: "Publish"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "inline-flex rounded-md border border-stone-300 bg-[#e8dfd1] p-0.5", children: [
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  className: `rounded px-2 py-1 text-[11px] font-medium leading-4 ${activeTab === "chat" ? "bg-[#f7f2e8] text-stone-900 shadow-sm" : "text-stone-600 hover:text-stone-900"}`,
+                  onClick: () => setActiveTab("chat"),
+                  children: "Chat"
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: `rounded px-2 py-1 text-[11px] font-medium leading-4 ${activeTab === "history" ? "bg-[#f7f2e8] text-stone-900 shadow-sm" : "text-stone-600 hover:text-stone-900"}`,
+                  onClick: () => setActiveTab("history"),
+                  children: [
+                    "History (",
+                    history.published.length + history.checkpoints.length,
+                    ")"
+                  ]
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsx3("h2", { className: "text-[12px] font-semibold text-stone-700", children: "Login" }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+            isAuthenticated ? /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Clear chat",
+                title: "Clear chat",
+                disabled: sending || messages.length === 0 && !message.trim() && !selectedElement,
+                className: "inline-flex h-6 w-6 items-center justify-center rounded border border-stone-300 text-stone-600 hover:bg-[#efe8dc] hover:text-stone-800 disabled:cursor-not-allowed disabled:opacity-50",
+                onClick: onClearChat,
+                children: /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 20 20", fill: "none", className: "h-3.5 w-3.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                  "path",
+                  {
+                    d: "M4.5 5.5H15.5M8 3.75H12M7 7.5V13.5M10 7.5V13.5M13 7.5V13.5M6.5 5.5L7 15C7.03 15.6 7.53 16.08 8.13 16.08H11.87C12.47 16.08 12.97 15.6 13 15L13.5 5.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.4",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) })
+              }
+            ) : null,
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                className: "rounded border border-stone-300 px-2 py-1 text-[11px] leading-4 text-stone-700 hover:bg-[#efe8dc]",
+                onClick: () => setIsOpen(false),
+                children: "Close"
+              }
+            )
+          ] })
+        ] }) }),
+        !isAuthenticated ? /* @__PURE__ */ jsx3("section", { className: "flex min-h-0 flex-1 items-center justify-center bg-[#ece7dd] p-3", children: !authConfigured ? /* @__PURE__ */ jsx3("div", { className: "w-full max-w-sm rounded border border-red-300 bg-[#f8f3e9] p-3 text-[11px] leading-4 text-red-700", children: "Missing Supabase config (`supabaseUrl` / `supabaseAnonKey`)." }) : /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded border border-stone-300 bg-[#f8f3e9] p-3", children: [
+          /* @__PURE__ */ jsx3("h3", { className: "mb-2 text-[12px] font-semibold text-stone-700", children: "Sign in" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx3(
+              "input",
+              {
+                type: "text",
+                value: email,
+                onChange: (event) => setEmail(event.target.value),
+                placeholder: "login",
+                className: "w-full rounded border border-stone-300 bg-[#f4efe6] px-2 py-1.5 text-[12px] text-stone-900 outline-none focus:border-stone-500"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "input",
+              {
+                type: "password",
+                value: password,
+                onChange: (event) => setPassword(event.target.value),
+                placeholder: "Password",
+                className: "w-full rounded border border-stone-300 bg-[#f4efe6] px-2 py-1.5 text-[12px] text-stone-900 outline-none focus:border-stone-500"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: signInWithPassword,
+                disabled: signingIn || !email.trim() || !password,
+                className: "w-full rounded border border-stone-700 bg-stone-800 px-2 py-1.5 text-[12px] font-medium text-stone-100 hover:bg-stone-700 disabled:cursor-not-allowed disabled:opacity-50",
+                children: signingIn ? "Signing in" : "Sign in"
+              }
+            )
+          ] })
+        ] }) }) : activeTab === "chat" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("section", { className: "flex-1 space-y-1 overflow-auto bg-[#ece7dd] p-2", children: [
+            messages.map((entry) => {
+              const isAssistant = entry.role === "assistant";
+              const isPendingAssistant = isAssistant && entry.status === "pending";
+              return /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  className: entry.role === "tool" ? "max-w-[96%] px-0.5 py-0 text-[10px] leading-tight text-stone-500" : `max-w-[92%] rounded-md py-1.5 text-[12px] leading-4 ${entry.role === "user" ? "ml-auto bg-[#2e2b27] px-2 text-stone-50" : entry.role === "thinking" ? "bg-[#e3dbce] px-2 text-stone-700" : isAssistant ? "relative border border-[#d6ccbb] bg-[#f8f3e9] pl-8 pr-2 text-stone-800" : "bg-[#ddd2bf] px-2 text-stone-800"}`,
+                  children: entry.role === "tool" ? /* @__PURE__ */ jsx3("span", { children: entry.text }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    isAssistant ? showAssistantAvatarImage ? /* @__PURE__ */ jsx3(
+                      "img",
+                      {
+                        src: config.assistantAvatarUrl,
+                        alt: "",
+                        "aria-hidden": "true",
+                        className: `pointer-events-none absolute left-2 top-1.5 h-[18px] w-[18px] select-none rounded-full border border-[#d6ccbb] bg-[#efe8dc] object-cover ${isPendingAssistant ? "animate-pulse" : ""}`,
+                        onError: () => setAssistantAvatarFailed(true)
+                      }
+                    ) : /* @__PURE__ */ jsx3(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `pointer-events-none absolute left-2 top-1.5 inline-flex h-[18px] w-[18px] select-none items-center justify-center rounded-full border border-[#d6ccbb] bg-[#efe8dc] text-[9px] font-semibold text-stone-700 ${isPendingAssistant ? "animate-pulse" : ""}`,
+                        children: assistantAvatarFallbackLabel
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsx3("div", { className: "max-w-none text-inherit [&_code]:rounded [&_code]:bg-stone-900/10 [&_code]:px-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_p]:mb-1 [&_p:last-child]:mb-0 [&_ul]:list-disc [&_ul]:pl-4", children: isPendingAssistant && !entry.text.trim() ? /* @__PURE__ */ jsx3("span", { className: "block h-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx3(ReactMarkdown, { remarkPlugins: [remarkGfm], children: entry.text }) })
+                  ] })
+                },
+                entry.id
+              );
+            }),
+            /* @__PURE__ */ jsx3("div", { ref: chatEndRef })
+          ] }),
+          /* @__PURE__ */ jsxs("footer", { className: "border-t border-stone-300 bg-[#f3eee5] p-2", children: [
+            showModelPicker && selectableModels.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx3(
+                "label",
+                {
+                  htmlFor: "admin-model-picker",
+                  className: "text-[10px] font-semibold uppercase tracking-wide text-stone-600",
+                  children: "Model"
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                "select",
+                {
+                  id: "admin-model-picker",
+                  value: modelId ?? selectableModels[0]?.id,
+                  onChange: (event) => setModelId(event.target.value),
+                  disabled: sending,
+                  className: "h-7 min-w-0 flex-1 rounded border border-stone-300 bg-[#f7f2e8] px-2 text-[11px] text-stone-800 outline-none focus:border-stone-500 disabled:cursor-not-allowed disabled:opacity-60",
+                  children: selectableModels.map((option) => /* @__PURE__ */ jsx3("option", { value: option.id, children: option.label }, option.id))
+                }
+              )
+            ] }) : null,
+            selectedElement ? /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1 rounded border border-stone-300 bg-[#e8dfd1] px-1.5 py-1", children: [
+              /* @__PURE__ */ jsx3("span", { className: "inline-flex shrink-0 items-center justify-center rounded border border-stone-300 bg-[#f7f2e8] px-1 py-0.5 text-[9px] font-semibold text-stone-700", children: kindIcon(selectedElement.kind) }),
+              /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 truncate text-[10px] leading-3.5 text-stone-600", children: [
+                /* @__PURE__ */ jsx3("span", { className: "font-semibold text-stone-800", children: selectedElement.label }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  " \xB7 ",
+                  selectedElement.path
+                ] }),
+                selectedElement.preview ? /* @__PURE__ */ jsxs("span", { children: [
+                  " \xB7 ",
+                  selectedElement.preview
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Clear selected element",
+                  title: "Clear selected element",
+                  className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded border border-stone-300 bg-[#f7f2e8] text-stone-700 hover:bg-[#efe8dc]",
+                  onClick: clearSelectedElement,
+                  children: /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 20 20", fill: "none", className: "h-3 w-3", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                    "path",
+                    {
+                      d: "M5 5L15 15M15 5L5 15",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round"
+                    }
+                  ) })
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+              /* @__PURE__ */ jsx3(
+                "textarea",
+                {
+                  value: message,
+                  onChange: (event) => setMessage(event.target.value),
+                  onKeyDown: onMessageKeyDown,
+                  rows: 2,
+                  placeholder: "Ask the agent to edit text, image URLs, or theme tokens",
+                  className: "flex-1 resize-none rounded border border-stone-300 bg-[#f4efe6] px-2 py-1.5 text-[12px] leading-4 text-stone-900 outline-none placeholder:text-stone-500 focus:border-stone-500"
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  onClick: onSend,
+                  disabled: !isAuthenticated || sending || !message.trim(),
+                  className: "rounded border border-stone-500 bg-stone-600 px-3 py-1.5 text-[12px] font-semibold text-stone-100 hover:bg-stone-700 disabled:cursor-not-allowed disabled:opacity-50",
+                  children: sending ? "Sending" : "Send"
+                }
+              )
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsx3("section", { className: "flex min-h-0 flex-1 flex-col p-2 text-[11px] leading-4", children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded border border-stone-300 bg-[#f8f3e9]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-b border-stone-200 px-2 py-1 font-semibold text-stone-700", children: [
+              "Published (",
+              history.published.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx3("div", { className: "max-h-40 overflow-auto px-2 py-1.5", children: history.published.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "space-y-1", children: history.published.map((item) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between gap-2 rounded border border-stone-200 bg-[#f2ecdf] px-2 py-1",
+                children: [
+                  /* @__PURE__ */ jsx3("span", { className: "truncate text-[10px] text-stone-700", children: formatHistoryTime(item.createdAt) }),
+                  /* @__PURE__ */ jsx3(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rounded border border-stone-300 bg-[#f7f2e8] px-1.5 py-0.5 text-[10px] text-stone-700 hover:bg-[#efe8dc]",
+                      onClick: () => onRollback(
+                        { sourceType: "published", sourceId: item.id },
+                        `published snapshot at ${formatHistoryTime(item.createdAt)}`
+                      ),
+                      children: "Restore"
+                    }
+                  )
+                ]
+              },
+              `pub-${item.id}`
+            )) }) : /* @__PURE__ */ jsx3("p", { className: "text-[10px] text-stone-500", children: "No published snapshots." }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col rounded border border-stone-300 bg-[#f8f3e9]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-b border-stone-200 px-2 py-1 font-semibold text-stone-700", children: [
+              "Checkpoints (",
+              history.checkpoints.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-auto px-2 py-1.5", children: history.checkpoints.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "space-y-1", children: history.checkpoints.map((item) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-start justify-between gap-2 rounded border border-stone-200 bg-[#f2ecdf] px-2 py-1",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx3("p", { className: "truncate text-[10px] text-stone-700", children: formatHistoryTime(item.createdAt) }),
+                    item.reason ? /* @__PURE__ */ jsx3("p", { className: "truncate text-[10px] text-stone-500", children: item.reason }) : null
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx3(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: deletingCheckpointId === item.id,
+                        className: "rounded border border-stone-300 bg-[#f7f2e8] px-1.5 py-0.5 text-[10px] text-stone-700 hover:bg-[#efe8dc] disabled:cursor-not-allowed disabled:opacity-50",
+                        onClick: () => onRollback(
+                          { sourceType: "checkpoint", sourceId: item.id },
+                          `checkpoint at ${formatHistoryTime(item.createdAt)}`
+                        ),
+                        children: "Restore"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx3(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": "Delete checkpoint",
+                        title: "Delete checkpoint",
+                        disabled: deletingCheckpointId === item.id,
+                        className: "inline-flex h-6 w-6 items-center justify-center rounded border border-stone-300 bg-[#f7f2e8] text-stone-700 hover:bg-[#efe8dc] disabled:cursor-not-allowed disabled:opacity-50",
+                        onClick: () => {
+                          void onDeleteCheckpoint(item);
+                        },
+                        children: /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 20 20", fill: "none", className: "h-3.5 w-3.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                          "path",
+                          {
+                            d: "M4.5 5.5H15.5M8 3.75H12M7 7.5V13.5M10 7.5V13.5M13 7.5V13.5M6.5 5.5L7 15C7.03 15.6 7.53 16.08 8.13 16.08H11.87C12.47 16.08 12.97 15.6 13 15L13.5 5.5",
+                            stroke: "currentColor",
+                            strokeWidth: "1.4",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        ) })
+                      }
+                    )
+                  ] })
+                ]
+              },
+              `cp-${item.id}`
+            )) }) : /* @__PURE__ */ jsx3("p", { className: "text-[10px] text-stone-500", children: "No checkpoints yet." }) })
+          ] })
+        ] }) })
+      ]
+    }
+  ) : /* @__PURE__ */ jsx3(
+    "button",
+    {
+      type: "button",
+      onClick: () => setIsOpen(true),
+      className: "fixed bottom-4 right-4 z-[100] rounded-full border border-stone-600 bg-stone-700 px-4 py-2 text-[12px] font-semibold text-stone-100 shadow-xl hover:bg-stone-800",
+      style: {
+        fontFamily: "var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+      },
+      children: "Chat to Webmaster"
+    }
+  ) });
+}
+
+// src/runtime.tsx
+import {
+  createContext as createContext3,
+  useContext as useContext3,
+  useEffect as useEffect3,
+  useMemo as useMemo3,
+  useState as useState3
+} from "react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var CmsRuntimeContext = createContext3(null);
+function createThemeCssVariables(tokens) {
+  return {
+    ["--brand-primary"]: tokens.brandPrimary,
+    ["--brand-primary-dark"]: tokens.brandPrimaryDark,
+    ["--brand-primary-light"]: tokens.brandPrimaryLight,
+    ["--brand-dark"]: tokens.brandDark,
+    ["--brand-text"]: tokens.brandText,
+    ["--brand-surface"]: tokens.brandSurface,
+    ["--brand-border"]: tokens.brandBorder
+  };
+}
+function CmsRuntimeBridge(props) {
+  const { config, isAdminMode, isAuthenticated, token, refreshKey } = useWebmasterDroid();
+  const stage = useMemo3(
+    () => isAdminMode && isAuthenticated ? "draft" : "live",
+    [isAdminMode, isAuthenticated]
+  );
+  const requestKey = useMemo3(
+    () => `${stage}:${token ?? "anon"}:${refreshKey}`,
+    [refreshKey, stage, token]
+  );
+  const [state, setState] = useState3({
+    requestKey: "",
+    document: props.fallbackDocument,
+    error: null
+  });
+  useEffect3(() => {
+    let ignore = false;
+    fetchCmsContent(config.apiBaseUrl, stage, token).then((content2) => {
+      if (ignore) {
+        return;
+      }
+      setState({
+        requestKey,
+        document: content2,
+        error: null
+      });
+    }).catch((error2) => {
+      if (ignore) {
+        return;
+      }
+      const message = error2 instanceof Error ? error2.message : "Failed to load content.";
+      setState({
+        requestKey,
+        document: props.fallbackDocument,
+        error: message
+      });
+    });
+    return () => {
+      ignore = true;
+    };
+  }, [config.apiBaseUrl, props.fallbackDocument, requestKey, stage, token]);
+  const loading = state.requestKey !== requestKey;
+  const error = loading ? null : state.error;
+  const value = useMemo3(
+    () => ({
+      document: state.document,
+      stage,
+      loading,
+      error
+    }),
+    [error, loading, stage, state.document]
+  );
+  const content = props.applyThemeTokens ? /* @__PURE__ */ jsx4("div", { style: createThemeCssVariables(value.document.themeTokens), children: props.children }) : props.children;
+  return /* @__PURE__ */ jsxs2(CmsRuntimeContext.Provider, { value, children: [
+    /* @__PURE__ */ jsx4(EditableProvider, { document: value.document, mode: stage, enabled: isAdminMode, children: content }),
+    props.includeOverlay ? /* @__PURE__ */ jsx4(WebmasterDroidOverlay, {}) : null
+  ] });
+}
+function WebmasterDroidRuntime(props) {
+  return /* @__PURE__ */ jsx4(WebmasterDroidProvider, { config: props.config, children: /* @__PURE__ */ jsx4(
+    CmsRuntimeBridge,
+    {
+      fallbackDocument: props.fallbackDocument,
+      includeOverlay: props.includeOverlay ?? true,
+      applyThemeTokens: props.applyThemeTokens ?? true,
+      children: props.children
+    }
+  ) });
+}
+function useWebmasterDroidCmsDocument() {
+  const context = useContext3(CmsRuntimeContext);
+  if (!context) {
+    throw new Error("useWebmasterDroidCmsDocument must be used within <WebmasterDroidRuntime>");
+  }
+  return context;
+}
+export {
+  EditableImage,
+  EditableLink,
+  EditableProvider,
+  EditableRichText,
+  EditableText,
+  WebmasterDroidOverlay,
+  WebmasterDroidProvider,
+  WebmasterDroidRuntime,
+  buildApiUrl,
+  deleteCheckpoint,
+  editableMeta,
+  fetchCmsContent,
+  fetchHistory,
+  fetchModels,
+  getSupabaseBrowserClient,
+  parseSelectedEditableFromTarget,
+  publishDraft,
+  resolveWebmasterDroidConfig,
+  rollbackDraft,
+  streamChat,
+  useEditableDocument,
+  useWebmasterDroid,
+  useWebmasterDroidCmsDocument
+};