@webless/agent 0.2.0 → 0.2.7

package/dist/react.cjs

@@ -21,533 +21,142 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var react_exports = {};
 __export(react_exports, {
   AgentRail: () => AgentRail,
+  AgentWidget: () => AgentWidget,
   AssistEdgeTab: () => AssistEdgeTab,
+  DEFAULT_AGENT_PLACEMENT: () => DEFAULT_AGENT_PLACEMENT,
   createIdleSuggestions: () => createIdleSuggestions,
   defaultAgentRailTheme: () => defaultAgentRailTheme,
   hasVisitorMessages: () => hasVisitorMessages,
   isAgentBusy: () => isAgentBusy,
+  normalizeAgentPlacement: () => normalizeAgentPlacement,
   useAgentChat: () => useAgentChat
 });
 module.exports = __toCommonJS(react_exports);
 
-// src/react/components/AgentRail/AgentRail.tsx
-var import_react2 = require("react");
+// src/react/components/AgentWidget/AgentWidget.tsx
+var import_react5 = require("react");
 
-// src/react/components/ToolTimeline/ToolTimeline.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function SpinnerIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "agent-status__spinner", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "1.5", strokeOpacity: "0.25" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 8a6 6 0 0 0-6-6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-  ] });
-}
-function getCurrentStep(steps) {
-  const active = steps.find((step) => step.state === "active");
-  if (active) return active;
-  const error = steps.find((step) => step.state === "error");
-  if (error) return error;
-  const pending = steps.find((step) => step.state === "pending");
-  if (pending) return pending;
-  return steps.at(-1) ?? null;
-}
-function ToolTimeline({
-  steps,
-  streamingText,
-  showStreaming = false,
-  inline = false
-}) {
-  if (steps.length === 0 && !(showStreaming && streamingText)) return null;
-  const currentStep = getCurrentStep(steps);
-  const showStatus = currentStep && currentStep.state !== "completed" && !(showStreaming && streamingText);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: `tool-timeline${inline ? " tool-timeline--inline" : ""}`,
-      role: "status",
-      "aria-live": "polite",
-      "aria-label": "Agent progress",
-      children: [
-        showStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-status", children: [
-          currentStep.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__icon agent-status__icon--error", "aria-hidden": "true", children: "!" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpinnerIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-status__copy", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__label", children: currentStep.label }),
-            currentStep.detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__detail", children: currentStep.detail }) : null
-          ] })
-        ] }, currentStep.id) : null,
-        showStreaming && streamingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "tool-timeline__streaming-text", children: [
-          streamingText,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tool-timeline__cursor", "aria-hidden": "true" })
-        ] }) : null
-      ]
-    }
-  );
-}
+// src/react/hooks/useAgentChat.ts
+var import_react = require("react");
 
-// src/react/components/AgentActivityBubble/AgentActivityBubble.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function AgentActivityBubble({
-  steps,
-  streamingText,
-  showStreaming = false
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("article", { className: "agent-activity-bubble", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "agent-activity-bubble__shell", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    ToolTimeline,
-    {
-      steps,
-      streamingText,
-      showStreaming,
-      inline: true
-    }
-  ) }) });
+// src/runtime/client.ts
+var import_client = require("eve/client");
+
+// src/runtime/config.ts
+var DEFAULT_RUNTIME_ORIGIN = "https://runtime.staging.webless.ai";
+var trimTrailingSlash = (value) => value.replace(/\/+$/, "");
+function buildEveHost(origin, indexId, version = "published") {
+  const base = trimTrailingSlash(origin);
+  const searchParams = new URLSearchParams({ indexId: indexId.trim() });
+  if (version === "unpublished") {
+    searchParams.set("version", version);
+  }
+  return `${base}?${searchParams.toString()}`;
+}
+function resolveAgentRuntimeConfig(input) {
+  const origin = trimTrailingSlash(input.runtimeOrigin?.trim() || DEFAULT_RUNTIME_ORIGIN);
+  const resolvedIndexId = input.indexId.trim();
+  const version = input.version ?? "published";
+  return {
+    origin,
+    indexId: resolvedIndexId,
+    version,
+    host: resolvedIndexId ? buildEveHost(origin, resolvedIndexId, version) : origin
+  };
 }
 
-// src/react/components/Composer/Composer.tsx
-var import_react = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function SendIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 12V4M8 4l-3 3M8 4l3 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+// src/runtime/session-store.ts
+var DEFAULT_STORAGE_KEY_PREFIX = "webless:agent";
+function normalizeRuntimeOrigin(runtimeOrigin) {
+  const trimmed = runtimeOrigin?.trim();
+  if (!trimmed) return "_";
+  return trimmed.replace(/\/+$/, "");
 }
-function Composer({
-  disabled = false,
-  placeholder = "Ask anything\u2026",
-  variant = "default",
-  onSubmit
-}) {
-  const [value, setValue] = (0, import_react.useState)("");
-  const inputRef = (0, import_react.useRef)(null);
-  function submitCurrent() {
-    const trimmed = value.trim();
-    if (!trimmed || disabled) return;
-    onSubmit?.(trimmed);
-    setValue("");
-    inputRef.current?.focus();
-  }
-  function handleSubmit(event) {
-    event.preventDefault();
-    submitCurrent();
-  }
-  function handleKeyDown(event) {
-    if (event.key === "Enter" && !event.shiftKey) {
-      event.preventDefault();
-      submitCurrent();
-    }
+function buildAgentStorageKeyPrefix(input) {
+  const customerId = input.customerId?.trim() || "_";
+  const indexId = input.indexId.trim();
+  if (!indexId) {
+    throw new Error("indexId is required to build agent storage keys.");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("form", { className: `composer${variant === "dock" ? " composer--dock" : ""}`, onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__field", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "textarea",
-      {
-        ref: inputRef,
-        className: "composer__input",
-        rows: 1,
-        value,
-        placeholder,
-        disabled,
-        "aria-label": "Message",
-        onChange: (event) => setValue(event.target.value),
-        onKeyDown: handleKeyDown
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "button",
-      {
-        type: "submit",
-        className: "composer__send",
-        disabled: disabled || !value.trim(),
-        "aria-label": "Send message",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SendIcon, {})
-      }
-    )
-  ] }) });
+  const versionSuffix = input.version === "unpublished" ? ":unpublished" : "";
+  return `${DEFAULT_STORAGE_KEY_PREFIX}:${customerId}:${indexId}${versionSuffix}:${normalizeRuntimeOrigin(input.runtimeOrigin)}`;
 }
-
-// src/react/components/FollowUpChips/FollowUpChips.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function FollowUpChips({
-  suggestions,
-  disabled = false,
-  label = "Follow up",
-  variant = "default",
-  onSelect
-}) {
-  if (suggestions.length === 0) return null;
-  if (variant === "dock") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups followups--dock", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "followups__chip followups__chip--dock",
-        disabled,
-        onClick: () => onSelect?.(suggestion),
-        children: suggestion.label
-      },
-      suggestion.id
-    )) }) });
+function createSessionId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "followups", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "followups__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "followups__chip",
-        disabled,
-        onClick: () => onSelect?.(suggestion),
-        children: suggestion.label
-      },
-      suggestion.id
-    )) })
-  ] });
+  return `sess_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 }
-
-// src/react/components/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function MessageBubble({ message }) {
-  if (message.role === "visitor") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "message-bubble__text", children: message.text }) });
+function resolvePrefix(options) {
+  return options?.storageKeyPrefix?.trim() || DEFAULT_STORAGE_KEY_PREFIX;
+}
+function getOrCreateVisitorSessionId(options) {
+  const prefix = resolvePrefix(options);
+  const visitorKey = `${prefix}:visitorSessionId`;
+  if (typeof sessionStorage === "undefined") {
+    return createSessionId();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("article", { className: "message-bubble message-bubble--agent", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "message-bubble__text", children: [
-    message.text,
-    message.streaming ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "tool-timeline__cursor", "aria-hidden": "true" }) : null
-  ] }) });
+  const existing = sessionStorage.getItem(visitorKey)?.trim();
+  if (existing) return existing;
+  const next = createSessionId();
+  sessionStorage.setItem(visitorKey, next);
+  return next;
 }
-
-// src/react/components/AgentRail/AgentRail.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function MinimizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3.5 8h9", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+function runtimeSessionIdKey(visitorSessionId, prefix) {
+  return `${prefix}:eve:${visitorSessionId}:sessionId`;
 }
-function ExpandIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "path",
-    {
-      d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function runtimeStreamIndexKey(visitorSessionId, prefix) {
+  return `${prefix}:eve:${visitorSessionId}:streamIndex`;
 }
-function RestoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "path",
-    {
-      d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function loadPersistedAgentSession(visitorSessionId, options) {
+  if (typeof sessionStorage === "undefined" || !visitorSessionId.trim()) return null;
+  const prefix = resolvePrefix(options);
+  const sessionId = sessionStorage.getItem(runtimeSessionIdKey(visitorSessionId, prefix))?.trim();
+  if (!sessionId) return null;
+  const rawIndex = sessionStorage.getItem(runtimeStreamIndexKey(visitorSessionId, prefix));
+  const streamIndex = rawIndex ? Number.parseInt(rawIndex, 10) : 0;
+  return {
+    sessionId,
+    streamIndex: Number.isFinite(streamIndex) && streamIndex >= 0 ? streamIndex : 0
+  };
 }
-function AgentRail({
-  state,
-  theme,
-  brandLabel = "Webless Assist",
-  poweredByLabel = "Powered by Webless",
-  composerPlaceholder = "Ask anything\u2026",
-  mobileFullscreen = false,
-  expanded = false,
-  onCollapse,
-  onClose,
-  onExpandToggle,
-  onSubmit,
-  onFollowUpSelect
-}) {
-  const transcriptRef = (0, import_react2.useRef)(null);
-  const railStyle = theme?.railMaxWidth ? { ["--rail-width"]: theme.railMaxWidth, ["--as-rail-max-width"]: theme.railMaxWidth } : void 0;
-  const isBusy = state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming";
-  const showActivity = state.toolSteps.length > 0 && (state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming");
-  const showStreamingInActivity = state.phase === "streaming" && Boolean(state.streamingText);
-  const hasVisitorMessages2 = state.messages.some((message) => message.role === "visitor");
-  const showIdleFollowUps = !hasVisitorMessages2 && state.followUps.length > 0;
-  const showCompleteFollowUps = state.phase === "complete" && state.followUps.length > 0 && hasVisitorMessages2;
-  const showDockFollowUps = expanded && (showIdleFollowUps || showCompleteFollowUps);
-  (0, import_react2.useEffect)(() => {
-    const node = transcriptRef.current;
-    if (!node) return;
-    node.scrollTop = node.scrollHeight;
-  }, [state.messages, state.toolSteps, state.streamingText, state.followUps, state.journey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "aside",
-    {
-      className: `agent-rail${mobileFullscreen ? " agent-rail--mobile-fullscreen" : ""}${expanded ? " agent-rail--expanded" : ""}`,
-      style: railStyle,
-      "aria-label": "Agent conversation",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__brand-row", children: [
-          onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "agent-rail__collapse",
-              "aria-label": "Collapse assist",
-              onClick: onCollapse,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MinimizeIcon, {})
-            }
-          ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "agent-rail__close", "aria-label": "Close agent", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MinimizeIcon, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-label", children: brandLabel }),
-          onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "agent-rail__expand",
-              "aria-label": expanded ? "Restore assist panel" : "Expand assist panel",
-              onClick: onExpandToggle,
-              children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ExpandIcon, {})
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: [
-          state.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MessageBubble, { message }, message.id)),
-          showActivity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            AgentActivityBubble,
-            {
-              steps: state.toolSteps,
-              streamingText: state.streamingText,
-              showStreaming: showStreamingInActivity
-            }
-          ) : null,
-          !expanded && showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            FollowUpChips,
-            {
-              suggestions: state.followUps,
-              disabled: isBusy,
-              label: "Try asking",
-              onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
-            }
-          ) }) : null,
-          !expanded && showCompleteFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            FollowUpChips,
-            {
-              suggestions: state.followUps,
-              disabled: isBusy,
-              onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
-            }
-          ) }) : null,
-          state.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { role: "alert", style: { fontSize: 13, color: "var(--as-danger)", margin: 0 }, children: state.error }) : null
-        ] }),
-        expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__dock-wrap", children: [
-          showDockFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__dock-followups", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            FollowUpChips,
-            {
-              variant: "dock",
-              suggestions: state.followUps,
-              disabled: isBusy,
-              onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
-            }
-          ) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__dock", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            Composer,
-            {
-              variant: "dock",
-              disabled: isBusy,
-              placeholder: composerPlaceholder,
-              onSubmit
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__footer", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-disclaimer", children: "AI can make mistakes. Check important info." }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-note", children: poweredByLabel })
-          ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            Composer,
-            {
-              disabled: isBusy,
-              placeholder: composerPlaceholder,
-              onSubmit
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__footer", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-disclaimer", children: "AI can make mistakes. Check important info." }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-note", children: poweredByLabel })
-          ] })
-        ] })
-      ]
-    }
+function savePersistedAgentSession(visitorSessionId, sessionId, streamIndex, options) {
+  if (typeof sessionStorage === "undefined" || !visitorSessionId.trim() || !sessionId.trim()) {
+    return;
+  }
+  const prefix = resolvePrefix(options);
+  sessionStorage.setItem(runtimeSessionIdKey(visitorSessionId, prefix), sessionId);
+  sessionStorage.setItem(
+    runtimeStreamIndexKey(visitorSessionId, prefix),
+    String(Math.max(0, streamIndex))
   );
 }
-
-// src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function SparklesIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { className: "assist-edge-tab__sparkles", viewBox: "0 0 18 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M8 1.2l.95 2.7 2.85.05-2.25 1.75.8 2.75L8 6.7 5.65 8.45l.8-2.75L4.2 3.95l2.85-.05L8 1.2z", fill: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M14.2 6.4l.55 1.55 1.65.03-1.3 1 .46 1.58-1.36-1-1.36 1 .46-1.58-1.3-1 1.65-.03.55-1.55z", fill: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M3.1 9.1l.4 1.15 1.22.02-.96.74.34 1.17-1-.74-1 .74.34-1.17-.96-.74 1.22-.02.4-1.15z", fill: "currentColor" })
-  ] });
-}
-function ChevronLeftIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M10 4L6 8l4 4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function ChevronDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function DragDots() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", {}, index)) });
-}
-var VARIANT_COPY = {
-  outline: { label: "Assist", aria: "Open Assist" },
-  ask: { label: "Ask anything", aria: "Ask anything" },
-  fill: { label: "Assist", aria: "Open Assist" }
-};
-function AssistEdgeTab({
-  variant,
-  side,
-  along,
-  inset,
-  visible,
-  onOpen
-}) {
-  const copy = VARIANT_COPY[variant];
-  const style = {
-    "--tab-along": `${along}%`,
-    "--tab-inset": `${inset}px`
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    "button",
-    {
-      type: "button",
-      className: `assist-edge-tab assist-edge-tab--${variant} assist-edge-tab--${side}${visible ? " is-visible" : ""}`,
-      style,
-      "aria-label": copy.aria,
-      "aria-hidden": !visible,
-      tabIndex: visible ? 0 : -1,
-      onClick: onOpen,
-      children: [
-        variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SparklesIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: copy.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronDownIcon, {})
-        ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: copy.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DragDots, {})
-        ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SparklesIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: copy.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, {})
-        ] }) : null
-      ]
-    }
-  );
+function clearPersistedAgentSession(visitorSessionId, options) {
+  if (typeof sessionStorage === "undefined" || !visitorSessionId.trim()) return;
+  const prefix = resolvePrefix(options);
+  sessionStorage.removeItem(runtimeSessionIdKey(visitorSessionId, prefix));
+  sessionStorage.removeItem(runtimeStreamIndexKey(visitorSessionId, prefix));
 }
 
-// src/react/hooks/useAgentChat.ts
-var import_react3 = require("react");
-
 // src/runtime/client.ts
-var import_client = require("eve/client");
-
-// src/runtime/config.ts
-var DEFAULT_RUNTIME_ORIGIN = "https://runtime.staging.webless.ai";
-var trimTrailingSlash = (value) => value.replace(/\/+$/, "");
-function buildEveHost(origin, indexId) {
-  const base = trimTrailingSlash(origin);
-  return `${base}?indexId=${encodeURIComponent(indexId.trim())}`;
-}
-function resolveAgentRuntimeConfig(input) {
-  const origin = trimTrailingSlash(input.runtimeOrigin?.trim() || DEFAULT_RUNTIME_ORIGIN);
-  const resolvedIndexId = input.indexId.trim();
+function mapStepLabel(event) {
+  if (event.type !== "step.started") return null;
+  const stepIndex = event.data.stepIndex;
   return {
-    origin,
-    indexId: resolvedIndexId,
-    host: resolvedIndexId ? buildEveHost(origin, resolvedIndexId) : origin
+    label: "Model step running",
+    detail: typeof stepIndex === "number" ? `Step ${stepIndex + 1}` : void 0
   };
 }
-
-// src/runtime/session-store.ts
-var DEFAULT_STORAGE_KEY_PREFIX = "webless:agent";
-function normalizeRuntimeOrigin(runtimeOrigin) {
-  const trimmed = runtimeOrigin?.trim();
-  if (!trimmed) return "_";
-  return trimmed.replace(/\/+$/, "");
-}
-function buildAgentStorageKeyPrefix(input) {
-  const customerId = input.customerId?.trim() || "_";
-  const indexId = input.indexId.trim();
-  if (!indexId) {
-    throw new Error("indexId is required to build agent storage keys.");
-  }
-  return `${DEFAULT_STORAGE_KEY_PREFIX}:${customerId}:${indexId}:${normalizeRuntimeOrigin(input.runtimeOrigin)}`;
-}
-function createSessionId() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `sess_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
-}
-function resolvePrefix(options) {
-  return options?.storageKeyPrefix?.trim() || DEFAULT_STORAGE_KEY_PREFIX;
-}
-function getOrCreateVisitorSessionId(options) {
-  const prefix = resolvePrefix(options);
-  const visitorKey = `${prefix}:visitorSessionId`;
-  if (typeof sessionStorage === "undefined") {
-    return createSessionId();
-  }
-  const existing = sessionStorage.getItem(visitorKey)?.trim();
-  if (existing) return existing;
-  const next = createSessionId();
-  sessionStorage.setItem(visitorKey, next);
-  return next;
-}
-function runtimeSessionIdKey(visitorSessionId, prefix) {
-  return `${prefix}:eve:${visitorSessionId}:sessionId`;
-}
-function runtimeStreamIndexKey(visitorSessionId, prefix) {
-  return `${prefix}:eve:${visitorSessionId}:streamIndex`;
-}
-function loadPersistedAgentSession(visitorSessionId, options) {
-  if (typeof sessionStorage === "undefined" || !visitorSessionId.trim()) return null;
-  const prefix = resolvePrefix(options);
-  const sessionId = sessionStorage.getItem(runtimeSessionIdKey(visitorSessionId, prefix))?.trim();
-  if (!sessionId) return null;
-  const rawIndex = sessionStorage.getItem(runtimeStreamIndexKey(visitorSessionId, prefix));
-  const streamIndex = rawIndex ? Number.parseInt(rawIndex, 10) : 0;
-  return {
-    sessionId,
-    streamIndex: Number.isFinite(streamIndex) && streamIndex >= 0 ? streamIndex : 0
-  };
-}
-function savePersistedAgentSession(visitorSessionId, sessionId, streamIndex, options) {
-  if (typeof sessionStorage === "undefined" || !visitorSessionId.trim() || !sessionId.trim()) {
-    return;
-  }
-  const prefix = resolvePrefix(options);
-  sessionStorage.setItem(runtimeSessionIdKey(visitorSessionId, prefix), sessionId);
-  sessionStorage.setItem(
-    runtimeStreamIndexKey(visitorSessionId, prefix),
-    String(Math.max(0, streamIndex))
-  );
-}
-function clearPersistedAgentSession(visitorSessionId, options) {
-  if (typeof sessionStorage === "undefined" || !visitorSessionId.trim()) return;
-  const prefix = resolvePrefix(options);
-  sessionStorage.removeItem(runtimeSessionIdKey(visitorSessionId, prefix));
-  sessionStorage.removeItem(runtimeStreamIndexKey(visitorSessionId, prefix));
-}
-
-// src/runtime/client.ts
-function mapStepLabel(event) {
-  if (event.type !== "step.started") return null;
-  const stepIndex = event.data.stepIndex;
-  return {
-    label: "Model step running",
-    detail: typeof stepIndex === "number" ? `Step ${stepIndex + 1}` : void 0
-  };
-}
-var AgentSession = class {
-  constructor(indexId, runtimeOrigin, visitorSessionId, storeOptions) {
-    this.indexId = indexId;
-    this.runtimeOrigin = runtimeOrigin;
-    this.visitorSessionId = visitorSessionId;
-    this.storeOptions = storeOptions;
+var AgentSession = class {
+  constructor(indexId, version, runtimeOrigin, visitorSessionId, storeOptions) {
+    this.indexId = indexId;
+    this.version = version;
+    this.runtimeOrigin = runtimeOrigin;
+    this.visitorSessionId = visitorSessionId;
+    this.storeOptions = storeOptions;
   }
   indexId;
+  version;
   runtimeOrigin;
   visitorSessionId;
   storeOptions;
@@ -578,6 +187,7 @@ var AgentSession = class {
   ensureClient() {
     const config = resolveAgentRuntimeConfig({
       indexId: this.indexId,
+      version: this.version,
       runtimeOrigin: this.runtimeOrigin
     });
     if (!config.indexId) {
@@ -677,17 +287,20 @@ function createAgentClient(options) {
     throw new Error("indexId is required.");
   }
   const runtimeOrigin = options.runtimeOrigin?.trim() || resolveAgentRuntimeConfig({ indexId }).origin;
+  const version = options.version ?? "published";
   const storeOptions = {
     storageKeyPrefix: options.storageKeyPrefix?.trim() || buildAgentStorageKeyPrefix({
       customerId: options.customerId,
       indexId,
+      version,
       runtimeOrigin
     })
   };
   const visitorSessionId = options.visitorSessionId?.trim() || getOrCreateVisitorSessionId(storeOptions);
-  const session = new AgentSession(indexId, runtimeOrigin, visitorSessionId, storeOptions);
+  const session = new AgentSession(indexId, version, runtimeOrigin, visitorSessionId, storeOptions);
   return {
     indexId,
+    version,
     runtimeOrigin,
     visitorSessionId,
     sendTurn: (message, sendOptions) => session.sendTurn(
@@ -714,238 +327,780 @@ function formatAgentError(error) {
     if (error.status === 409 && error.code === "session_not_active") {
       return "Session expired \u2014 send a new message to start again.";
     }
-    return error.message || `Runtime error (${error.status})`;
-  }
-  if (error instanceof DOMException && error.name === "AbortError") {
-    return "";
-  }
-  if (error instanceof Error) return error.message;
-  return "Runtime request failed";
+    return error.message || `Runtime error (${error.status})`;
+  }
+  if (error instanceof DOMException && error.name === "AbortError") {
+    return "";
+  }
+  if (error instanceof Error) return error.message;
+  return "Runtime request failed";
+}
+
+// src/react/hooks/useAgentChat.ts
+var GREETING_MESSAGE = {
+  id: "greeting",
+  role: "agent",
+  text: "Hi! I'm connected to the Webless Agent Runtime. Ask anything about your published site index.",
+  createdAt: 0
+};
+var INITIAL_STATE = {
+  phase: "idle",
+  messages: [GREETING_MESSAGE],
+  toolSteps: [],
+  journey: null,
+  followUps: [],
+  streamingText: "",
+  error: null
+};
+var STATUS_SEQUENCE = [
+  { id: "s1", label: "Starting Eve session", ms: 400 },
+  { id: "s2", label: "Connecting to runtime", ms: 500 }
+];
+var DEFAULT_FOLLOW_UPS = [
+  { id: "fu-1", label: "What can you help me with?" },
+  { id: "fu-2", label: "Summarize your capabilities" },
+  { id: "fu-3", label: "What should I ask next?" }
+];
+function delay(ms, signal) {
+  return new Promise((resolve, reject) => {
+    const timer = window.setTimeout(resolve, ms);
+    signal.addEventListener(
+      "abort",
+      () => {
+        window.clearTimeout(timer);
+        reject(new DOMException("Aborted", "AbortError"));
+      },
+      { once: true }
+    );
+  });
+}
+async function runStatusSequence(signal, onStep) {
+  for (const item of STATUS_SEQUENCE) {
+    onStep({ id: item.id, label: item.label, detail: item.detail, state: "active" });
+    await delay(item.ms, signal);
+  }
+}
+function useAgentChat({
+  customerId,
+  indexId,
+  version,
+  runtimeOrigin,
+  visitorSessionId,
+  storageKeyPrefix
+}) {
+  const [state, setState] = (0, import_react.useState)(INITIAL_STATE);
+  const runRef = (0, import_react.useRef)(null);
+  const resolvedStorageKeyPrefix = (0, import_react.useMemo)(
+    () => storageKeyPrefix?.trim() || buildAgentStorageKeyPrefix({ customerId, indexId, version, runtimeOrigin }),
+    [customerId, indexId, runtimeOrigin, storageKeyPrefix, version]
+  );
+  const visitorId = (0, import_react.useMemo)(
+    () => visitorSessionId?.trim() || getOrCreateVisitorSessionId({ storageKeyPrefix: resolvedStorageKeyPrefix }),
+    [resolvedStorageKeyPrefix, visitorSessionId]
+  );
+  const clientRef = (0, import_react.useRef)(
+    createAgentClient({
+      customerId,
+      indexId,
+      version,
+      runtimeOrigin,
+      visitorSessionId: visitorId,
+      storageKeyPrefix: resolvedStorageKeyPrefix
+    })
+  );
+  const identityRef = (0, import_react.useRef)(null);
+  const identityKey = `${customerId ?? ""}|${indexId}|${version ?? "published"}|${runtimeOrigin ?? ""}|${resolvedStorageKeyPrefix}|${visitorId}`;
+  (0, import_react.useEffect)(() => {
+    if (identityRef.current === null) {
+      identityRef.current = identityKey;
+      return;
+    }
+    if (identityRef.current === identityKey) {
+      return;
+    }
+    identityRef.current = identityKey;
+    runRef.current?.abort();
+    runRef.current = null;
+    clientRef.current.reset();
+    clientRef.current = createAgentClient({
+      customerId,
+      indexId,
+      version,
+      runtimeOrigin,
+      visitorSessionId: visitorId,
+      storageKeyPrefix: resolvedStorageKeyPrefix
+    });
+    setState(INITIAL_STATE);
+  }, [customerId, identityKey, indexId, runtimeOrigin, resolvedStorageKeyPrefix, version, visitorId]);
+  const reset = (0, import_react.useCallback)(() => {
+    runRef.current?.abort();
+    runRef.current = null;
+    clientRef.current.reset();
+    setState(INITIAL_STATE);
+  }, []);
+  const submit = (0, import_react.useCallback)(
+    async (visitorText) => {
+      runRef.current?.abort();
+      clientRef.current.cancelActive();
+      const controller = new AbortController();
+      runRef.current = controller;
+      const { signal } = controller;
+      const isActiveRun = () => runRef.current === controller && !signal.aborted;
+      const visitorMessage = {
+        id: `visitor-${Date.now()}`,
+        role: "visitor",
+        text: visitorText,
+        createdAt: Date.now()
+      };
+      setState((prev) => ({
+        ...prev,
+        phase: "thinking",
+        messages: [...prev.messages, visitorMessage],
+        toolSteps: [{ id: "s1", label: "Starting Eve session", state: "active" }],
+        journey: null,
+        followUps: [],
+        streamingText: "",
+        error: null
+      }));
+      try {
+        let streamStarted = false;
+        const planningPromise = runStatusSequence(signal, (step) => {
+          if (streamStarted || !isActiveRun()) return;
+          setState((prev) => ({ ...prev, phase: "running-tools", toolSteps: [step] }));
+        });
+        let streamed = "";
+        const finalText = await clientRef.current.sendTurn(visitorText, {
+          signal,
+          handlers: {
+            onStep: (label, detail) => {
+              if (streamStarted || !isActiveRun()) return;
+              setState((prev) => ({
+                ...prev,
+                phase: "running-tools",
+                toolSteps: [{ id: `step-${label}`, label, detail, state: "active" }]
+              }));
+            },
+            onDelta: (delta) => {
+              if (!isActiveRun()) return;
+              void planningPromise.catch(() => {
+              });
+              if (!streamStarted) {
+                streamStarted = true;
+                setState((prev) => ({
+                  ...prev,
+                  phase: "streaming",
+                  toolSteps: [],
+                  streamingText: ""
+                }));
+              }
+              streamed += delta;
+              setState((prev) => ({ ...prev, phase: "streaming", streamingText: streamed }));
+            },
+            onComplete: () => {
+              if (!isActiveRun()) return;
+              streamStarted = true;
+            }
+          }
+        });
+        await planningPromise.catch(() => {
+        });
+        if (!isActiveRun()) return;
+        const agentMessage = {
+          id: `agent-${Date.now()}`,
+          role: "agent",
+          text: finalText,
+          createdAt: Date.now()
+        };
+        setState((prev) => ({
+          ...prev,
+          phase: "complete",
+          messages: [...prev.messages, agentMessage],
+          toolSteps: [],
+          streamingText: "",
+          followUps: DEFAULT_FOLLOW_UPS,
+          journey: null
+        }));
+      } catch (error) {
+        if (error instanceof DOMException && error.name === "AbortError") return;
+        if (!isActiveRun()) return;
+        const message = formatAgentError(error);
+        if (!message) return;
+        setState((prev) => ({
+          ...prev,
+          phase: "complete",
+          toolSteps: [],
+          streamingText: "",
+          error: message
+        }));
+      }
+    },
+    [customerId, indexId, runtimeOrigin, resolvedStorageKeyPrefix, version, visitorId]
+  );
+  (0, import_react.useEffect)(() => {
+    return () => {
+      runRef.current?.abort();
+      clientRef.current.cancelActive();
+    };
+  }, []);
+  return {
+    state,
+    reset,
+    submit,
+    visitorSessionId: visitorId,
+    sessionId: clientRef.current.getActiveSessionId()
+  };
+}
+function hasVisitorMessages(messages) {
+  return messages.some((message) => message.role === "visitor");
+}
+function createIdleSuggestions() {
+  return [
+    { id: "idle-1", label: "Hello \u2014 what can you do?" },
+    { id: "idle-2", label: "Help me evaluate this product" },
+    { id: "idle-3", label: "What should I ask you?" }
+  ];
+}
+function isAgentBusy(phase) {
+  return phase === "thinking" || phase === "running-tools" || phase === "streaming";
+}
+
+// src/react/hooks/useIsMobile.ts
+var import_react2 = require("react");
+function useIsMobile(breakpoint = 767) {
+  const [isMobile, setIsMobile] = (0, import_react2.useState)(
+    () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
+  );
+  (0, import_react2.useEffect)(() => {
+    const media = window.matchMedia(`(max-width: ${breakpoint}px)`);
+    const onChange = () => setIsMobile(media.matches);
+    onChange();
+    media.addEventListener("change", onChange);
+    return () => media.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return isMobile;
+}
+
+// src/react/placement.ts
+var DEFAULT_AGENT_PLACEMENT = {
+  side: "right",
+  along: 50,
+  inset: 0,
+  variant: "outline"
+};
+function normalizeAgentPlacement(placement) {
+  const along = placement?.along ?? DEFAULT_AGENT_PLACEMENT.along;
+  return {
+    side: placement?.side ?? DEFAULT_AGENT_PLACEMENT.side,
+    along: Math.min(100, Math.max(0, along)),
+    inset: Math.max(0, placement?.inset ?? DEFAULT_AGENT_PLACEMENT.inset),
+    variant: placement?.variant ?? DEFAULT_AGENT_PLACEMENT.variant
+  };
+}
+
+// src/react/panel-controller.ts
+var controllers = /* @__PURE__ */ new Map();
+function registerAgentPanelController(customerId, controller) {
+  controllers.set(customerId, controller);
+}
+function unregisterAgentPanelController(customerId) {
+  controllers.delete(customerId);
+}
+
+// src/react/components/AgentRail/AgentRail.tsx
+var import_react4 = require("react");
+
+// src/react/components/ToolTimeline/ToolTimeline.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function SpinnerIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "agent-status__spinner", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "1.5", strokeOpacity: "0.25" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 8a6 6 0 0 0-6-6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+function getCurrentStep(steps) {
+  const active = steps.find((step) => step.state === "active");
+  if (active) return active;
+  const error = steps.find((step) => step.state === "error");
+  if (error) return error;
+  const pending = steps.find((step) => step.state === "pending");
+  if (pending) return pending;
+  return steps.at(-1) ?? null;
+}
+function ToolTimeline({
+  steps,
+  streamingText,
+  showStreaming = false,
+  inline = false
+}) {
+  if (steps.length === 0 && !(showStreaming && streamingText)) return null;
+  const currentStep = getCurrentStep(steps);
+  const showStatus = currentStep && currentStep.state !== "completed" && !(showStreaming && streamingText);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `tool-timeline${inline ? " tool-timeline--inline" : ""}`,
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": "Agent progress",
+      children: [
+        showStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-status", children: [
+          currentStep.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__icon agent-status__icon--error", "aria-hidden": "true", children: "!" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpinnerIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-status__copy", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__label", children: currentStep.label }),
+            currentStep.detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-status__detail", children: currentStep.detail }) : null
+          ] })
+        ] }, currentStep.id) : null,
+        showStreaming && streamingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "tool-timeline__streaming-text", children: [
+          streamingText,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tool-timeline__cursor", "aria-hidden": "true" })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/react/components/AgentActivityBubble/AgentActivityBubble.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AgentActivityBubble({
+  steps,
+  streamingText,
+  showStreaming = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("article", { className: "agent-activity-bubble", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "agent-activity-bubble__shell", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ToolTimeline,
+    {
+      steps,
+      streamingText,
+      showStreaming,
+      inline: true
+    }
+  ) }) });
+}
+
+// src/react/components/Composer/Composer.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SendIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 12V4M8 4l-3 3M8 4l3 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function Composer({
+  disabled = false,
+  placeholder = "Ask anything\u2026",
+  variant = "default",
+  onSubmit
+}) {
+  const [value, setValue] = (0, import_react3.useState)("");
+  const inputRef = (0, import_react3.useRef)(null);
+  function submitCurrent() {
+    const trimmed = value.trim();
+    if (!trimmed || disabled) return;
+    onSubmit?.(trimmed);
+    setValue("");
+    inputRef.current?.focus();
+  }
+  function handleSubmit(event) {
+    event.preventDefault();
+    submitCurrent();
+  }
+  function handleKeyDown(event) {
+    if (event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      submitCurrent();
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("form", { className: `composer${variant === "dock" ? " composer--dock" : ""}`, onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "textarea",
+      {
+        ref: inputRef,
+        className: "composer__input",
+        rows: 1,
+        value,
+        placeholder,
+        disabled,
+        "aria-label": "Message",
+        onChange: (event) => setValue(event.target.value),
+        onKeyDown: handleKeyDown
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        type: "submit",
+        className: "composer__send",
+        disabled: disabled || !value.trim(),
+        "aria-label": "Send message",
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SendIcon, {})
+      }
+    )
+  ] }) });
+}
+
+// src/react/components/FollowUpChips/FollowUpChips.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function FollowUpChips({
+  suggestions,
+  disabled = false,
+  label = "Follow up",
+  variant = "default",
+  onSelect
+}) {
+  if (suggestions.length === 0) return null;
+  if (variant === "dock") {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups followups--dock", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "followups__chip followups__chip--dock",
+        disabled,
+        onClick: () => onSelect?.(suggestion),
+        children: suggestion.label
+      },
+      suggestion.id
+    )) }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "followups", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "followups__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "followups__chip",
+        disabled,
+        onClick: () => onSelect?.(suggestion),
+        children: suggestion.label
+      },
+      suggestion.id
+    )) })
+  ] });
+}
+
+// src/react/components/MessageBubble/MessageBubble.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function MessageBubble({ message }) {
+  if (message.role === "visitor") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "message-bubble__text", children: message.text }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("article", { className: "message-bubble message-bubble--agent", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "message-bubble__text", children: [
+    message.text,
+    message.streaming ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "tool-timeline__cursor", "aria-hidden": "true" }) : null
+  ] }) });
+}
+
+// src/react/components/AgentRail/AgentRail.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function MinimizeIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3.5 8h9", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
+function ExpandIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "path",
+    {
+      d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function RestoreIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "path",
+    {
+      d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function AgentRail({
+  state,
+  theme,
+  brandLabel = "Webless Assist",
+  poweredByLabel = "Powered by Webless",
+  composerPlaceholder = "Ask anything\u2026",
+  mobileFullscreen = false,
+  expanded = false,
+  onCollapse,
+  onClose,
+  onExpandToggle,
+  onSubmit,
+  onFollowUpSelect
+}) {
+  const transcriptRef = (0, import_react4.useRef)(null);
+  const railStyle = theme?.railMaxWidth ? { ["--rail-width"]: theme.railMaxWidth, ["--as-rail-max-width"]: theme.railMaxWidth } : void 0;
+  const isBusy = state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming";
+  const showActivity = state.toolSteps.length > 0 && (state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming");
+  const showStreamingInActivity = state.phase === "streaming" && Boolean(state.streamingText);
+  const hasVisitorMessages2 = state.messages.some((message) => message.role === "visitor");
+  const showIdleFollowUps = !hasVisitorMessages2 && state.followUps.length > 0;
+  const showCompleteFollowUps = state.phase === "complete" && state.followUps.length > 0 && hasVisitorMessages2;
+  const showDockFollowUps = expanded && (showIdleFollowUps || showCompleteFollowUps);
+  (0, import_react4.useEffect)(() => {
+    const node = transcriptRef.current;
+    if (!node) return;
+    node.scrollTop = node.scrollHeight;
+  }, [state.messages, state.toolSteps, state.streamingText, state.followUps, state.journey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "aside",
+    {
+      className: `agent-rail${mobileFullscreen ? " agent-rail--mobile-fullscreen" : ""}${expanded ? " agent-rail--expanded" : ""}`,
+      style: railStyle,
+      "aria-label": "Agent conversation",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__brand-row", children: [
+          onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "agent-rail__collapse",
+              "aria-label": "Collapse assist",
+              onClick: onCollapse,
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MinimizeIcon, {})
+            }
+          ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "agent-rail__close", "aria-label": "Close agent", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MinimizeIcon, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-label", children: brandLabel }),
+          onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "agent-rail__expand",
+              "aria-label": expanded ? "Restore assist panel" : "Expand assist panel",
+              onClick: onExpandToggle,
+              children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ExpandIcon, {})
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: [
+          state.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MessageBubble, { message }, message.id)),
+          showActivity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            AgentActivityBubble,
+            {
+              steps: state.toolSteps,
+              streamingText: state.streamingText,
+              showStreaming: showStreamingInActivity
+            }
+          ) : null,
+          !expanded && showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            FollowUpChips,
+            {
+              suggestions: state.followUps,
+              disabled: isBusy,
+              label: "Try asking",
+              onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
+            }
+          ) }) : null,
+          !expanded && showCompleteFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            FollowUpChips,
+            {
+              suggestions: state.followUps,
+              disabled: isBusy,
+              onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
+            }
+          ) }) : null,
+          state.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { role: "alert", style: { fontSize: 13, color: "var(--as-danger)", margin: 0 }, children: state.error }) : null
+        ] }),
+        expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__dock-wrap", children: [
+          showDockFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__dock-followups", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            FollowUpChips,
+            {
+              variant: "dock",
+              suggestions: state.followUps,
+              disabled: isBusy,
+              onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
+            }
+          ) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__dock", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Composer,
+            {
+              variant: "dock",
+              disabled: isBusy,
+              placeholder: composerPlaceholder,
+              onSubmit
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__footer", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-disclaimer", children: "AI can make mistakes. Check important info." }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-note", children: poweredByLabel })
+          ] })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Composer,
+            {
+              disabled: isBusy,
+              placeholder: composerPlaceholder,
+              onSubmit
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__footer", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-disclaimer", children: "AI can make mistakes. Check important info." }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "agent-rail__footer-note", children: poweredByLabel })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function SparklesIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { className: "assist-edge-tab__sparkles", viewBox: "0 0 18 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M8 1.2l.95 2.7 2.85.05-2.25 1.75.8 2.75L8 6.7 5.65 8.45l.8-2.75L4.2 3.95l2.85-.05L8 1.2z", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M14.2 6.4l.55 1.55 1.65.03-1.3 1 .46 1.58-1.36-1-1.36 1 .46-1.58-1.3-1 1.65-.03.55-1.55z", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M3.1 9.1l.4 1.15 1.22.02-.96.74.34 1.17-1-.74-1 .74.34-1.17-.96-.74 1.22-.02.4-1.15z", fill: "currentColor" })
+  ] });
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M10 4L6 8l4 4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function ChevronDownIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function DragDots() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", {}, index)) });
+}
+var VARIANT_COPY = {
+  outline: { label: "Assist", aria: "Open Assist" },
+  ask: { label: "Ask anything", aria: "Ask anything" },
+  fill: { label: "Assist", aria: "Open Assist" }
+};
+function AssistEdgeTab({
+  variant,
+  side,
+  along,
+  inset,
+  visible,
+  onOpen
+}) {
+  const copy = VARIANT_COPY[variant];
+  const style = {
+    "--tab-along": `${along}%`,
+    "--tab-inset": `${inset}px`
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: `assist-edge-tab assist-edge-tab--${variant} assist-edge-tab--${side}${visible ? " is-visible" : ""}`,
+      style,
+      "aria-label": copy.aria,
+      "aria-hidden": !visible,
+      tabIndex: visible ? 0 : -1,
+      onClick: onOpen,
+      children: [
+        variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SparklesIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: copy.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronDownIcon, {})
+        ] }) : null,
+        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: copy.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DragDots, {})
+        ] }) : null,
+        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SparklesIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: copy.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, {})
+        ] }) : null
+      ]
+    }
+  );
 }
 
-// src/react/hooks/useAgentChat.ts
-var GREETING_MESSAGE = {
-  id: "greeting",
-  role: "agent",
-  text: "Hi! I'm connected to the Webless Agent Runtime. Ask anything about your published site index.",
-  createdAt: 0
-};
-var INITIAL_STATE = {
-  phase: "idle",
-  messages: [GREETING_MESSAGE],
-  toolSteps: [],
-  journey: null,
-  followUps: [],
-  streamingText: "",
-  error: null
-};
-var STATUS_SEQUENCE = [
-  { id: "s1", label: "Starting Eve session", ms: 400 },
-  { id: "s2", label: "Connecting to runtime", ms: 500 }
-];
-var DEFAULT_FOLLOW_UPS = [
-  { id: "fu-1", label: "What can you help me with?" },
-  { id: "fu-2", label: "Summarize your capabilities" },
-  { id: "fu-3", label: "What should I ask next?" }
-];
-function delay(ms, signal) {
-  return new Promise((resolve, reject) => {
-    const timer = window.setTimeout(resolve, ms);
-    signal.addEventListener(
-      "abort",
-      () => {
-        window.clearTimeout(timer);
-        reject(new DOMException("Aborted", "AbortError"));
-      },
-      { once: true }
-    );
-  });
-}
-async function runStatusSequence(signal, onStep) {
-  for (const item of STATUS_SEQUENCE) {
-    onStep({ id: item.id, label: item.label, detail: item.detail, state: "active" });
-    await delay(item.ms, signal);
-  }
-}
-function useAgentChat({
-  customerId,
+// src/react/components/AgentWidget/AgentWidget.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function AgentWidget({
   indexId,
+  customerId,
+  version,
   runtimeOrigin,
-  visitorSessionId,
-  storageKeyPrefix
+  placement: placementInput,
+  defaultCollapsed = true,
+  registerPanelController = false
 }) {
-  const [state, setState] = (0, import_react3.useState)(INITIAL_STATE);
-  const runRef = (0, import_react3.useRef)(null);
-  const resolvedStorageKeyPrefix = (0, import_react3.useMemo)(
-    () => storageKeyPrefix?.trim() || buildAgentStorageKeyPrefix({ customerId, indexId, runtimeOrigin }),
-    [customerId, indexId, runtimeOrigin, storageKeyPrefix]
-  );
-  const visitorId = (0, import_react3.useMemo)(
-    () => visitorSessionId?.trim() || getOrCreateVisitorSessionId({ storageKeyPrefix: resolvedStorageKeyPrefix }),
-    [resolvedStorageKeyPrefix, visitorSessionId]
-  );
-  const clientRef = (0, import_react3.useRef)(
-    createAgentClient({
-      customerId,
-      indexId,
-      runtimeOrigin,
-      visitorSessionId: visitorId,
-      storageKeyPrefix: resolvedStorageKeyPrefix
-    })
-  );
-  const identityRef = (0, import_react3.useRef)(null);
-  const identityKey = `${customerId ?? ""}|${indexId}|${runtimeOrigin ?? ""}|${resolvedStorageKeyPrefix}|${visitorId}`;
-  (0, import_react3.useEffect)(() => {
-    if (identityRef.current === null) {
-      identityRef.current = identityKey;
-      return;
-    }
-    if (identityRef.current === identityKey) {
-      return;
-    }
-    identityRef.current = identityKey;
-    runRef.current?.abort();
-    runRef.current = null;
-    clientRef.current.reset();
-    clientRef.current = createAgentClient({
-      customerId,
-      indexId,
-      runtimeOrigin,
-      visitorSessionId: visitorId,
-      storageKeyPrefix: resolvedStorageKeyPrefix
+  const isMobile = useIsMobile();
+  const placement = normalizeAgentPlacement(placementInput);
+  const [railCollapsed, setRailCollapsed] = (0, import_react5.useState)(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = (0, import_react5.useState)(false);
+  const { state, submit } = useAgentChat({
+    customerId,
+    indexId,
+    version,
+    runtimeOrigin
+  });
+  const idle = state.phase === "idle" && !hasVisitorMessages(state.messages);
+  (0, import_react5.useEffect)(() => {
+    if (!registerPanelController) return;
+    registerAgentPanelController(customerId, {
+      open: () => setRailCollapsed(false),
+      close: () => {
+        setRailCollapsed(true);
+        setRailExpanded(false);
+      }
     });
-    setState(INITIAL_STATE);
-  }, [customerId, identityKey, indexId, runtimeOrigin, resolvedStorageKeyPrefix, visitorId]);
-  const reset = (0, import_react3.useCallback)(() => {
-    runRef.current?.abort();
-    runRef.current = null;
-    clientRef.current.reset();
-    setState(INITIAL_STATE);
-  }, []);
-  const submit = (0, import_react3.useCallback)(
-    async (visitorText) => {
-      runRef.current?.abort();
-      clientRef.current.cancelActive();
-      const controller = new AbortController();
-      runRef.current = controller;
-      const { signal } = controller;
-      const isActiveRun = () => runRef.current === controller && !signal.aborted;
-      const visitorMessage = {
-        id: `visitor-${Date.now()}`,
-        role: "visitor",
-        text: visitorText,
-        createdAt: Date.now()
-      };
-      setState((prev) => ({
-        ...prev,
-        phase: "thinking",
-        messages: [...prev.messages, visitorMessage],
-        toolSteps: [{ id: "s1", label: "Starting Eve session", state: "active" }],
-        journey: null,
-        followUps: [],
-        streamingText: "",
-        error: null
-      }));
-      try {
-        let streamStarted = false;
-        const planningPromise = runStatusSequence(signal, (step) => {
-          if (streamStarted || !isActiveRun()) return;
-          setState((prev) => ({ ...prev, phase: "running-tools", toolSteps: [step] }));
-        });
-        let streamed = "";
-        const finalText = await clientRef.current.sendTurn(visitorText, {
-          signal,
-          handlers: {
-            onStep: (label, detail) => {
-              if (streamStarted || !isActiveRun()) return;
-              setState((prev) => ({
-                ...prev,
-                phase: "running-tools",
-                toolSteps: [{ id: `step-${label}`, label, detail, state: "active" }]
-              }));
-            },
-            onDelta: (delta) => {
-              if (!isActiveRun()) return;
-              void planningPromise.catch(() => {
-              });
-              if (!streamStarted) {
-                streamStarted = true;
-                setState((prev) => ({
-                  ...prev,
-                  phase: "streaming",
-                  toolSteps: [],
-                  streamingText: ""
-                }));
+    return () => unregisterAgentPanelController(customerId);
+  }, [customerId, registerPanelController]);
+  async function handleSubmit(message) {
+    if (isMobile) setRailCollapsed(false);
+    await submit(message);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "div",
+          {
+            className: "webless-agent-root__rail-slot",
+            inert: railCollapsed || void 0,
+            "aria-hidden": railCollapsed,
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              AgentRail,
+              {
+                state: idle ? {
+                  ...state,
+                  followUps: createIdleSuggestions()
+                } : state,
+                mobileFullscreen: isMobile && !railCollapsed,
+                expanded: railExpanded,
+                onCollapse: !isMobile ? () => setRailCollapsed(true) : void 0,
+                onClose: isMobile ? () => setRailCollapsed(true) : void 0,
+                onExpandToggle: !isMobile ? () => setRailExpanded((current) => !current) : void 0,
+                onSubmit: handleSubmit,
+                onFollowUpSelect: (label) => void handleSubmit(label)
               }
-              streamed += delta;
-              setState((prev) => ({ ...prev, phase: "streaming", streamingText: streamed }));
-            },
-            onComplete: () => {
-              if (!isActiveRun()) return;
-              streamStarted = true;
-            }
+            )
           }
-        });
-        await planningPromise.catch(() => {
-        });
-        if (!isActiveRun()) return;
-        const agentMessage = {
-          id: `agent-${Date.now()}`,
-          role: "agent",
-          text: finalText,
-          createdAt: Date.now()
-        };
-        setState((prev) => ({
-          ...prev,
-          phase: "complete",
-          messages: [...prev.messages, agentMessage],
-          toolSteps: [],
-          streamingText: "",
-          followUps: DEFAULT_FOLLOW_UPS,
-          journey: null
-        }));
-      } catch (error) {
-        if (error instanceof DOMException && error.name === "AbortError") return;
-        if (!isActiveRun()) return;
-        const message = formatAgentError(error);
-        if (!message) return;
-        setState((prev) => ({
-          ...prev,
-          phase: "complete",
-          toolSteps: [],
-          streamingText: "",
-          error: message
-        }));
+        )
       }
-    },
-    [customerId, indexId, runtimeOrigin, resolvedStorageKeyPrefix, visitorId]
-  );
-  (0, import_react3.useEffect)(() => {
-    return () => {
-      runRef.current?.abort();
-      clientRef.current.cancelActive();
-    };
-  }, []);
-  return {
-    state,
-    reset,
-    submit,
-    visitorSessionId: visitorId,
-    sessionId: clientRef.current.getActiveSessionId()
-  };
-}
-function hasVisitorMessages(messages) {
-  return messages.some((message) => message.role === "visitor");
-}
-function createIdleSuggestions() {
-  return [
-    { id: "idle-1", label: "Hello \u2014 what can you do?" },
-    { id: "idle-2", label: "Help me evaluate this product" },
-    { id: "idle-3", label: "What should I ask you?" }
-  ];
-}
-function isAgentBusy(phase) {
-  return phase === "thinking" || phase === "running-tools" || phase === "streaming";
+    ),
+    !isMobile && railExpanded && !railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "webless-agent-root__backdrop",
+        "aria-label": "Close expanded assist",
+        onClick: () => setRailExpanded(false)
+      }
+    ) : null,
+    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      AssistEdgeTab,
+      {
+        variant: placement.variant,
+        side: placement.side,
+        along: placement.along,
+        inset: placement.inset,
+        visible: true,
+        onOpen: () => setRailCollapsed(false)
+      }
+    ) : null
+  ] });
 }
 
 // src/react/types/conversation.ts
@@ -968,11 +1123,14 @@ var defaultAgentRailTheme = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AgentRail,
+  AgentWidget,
   AssistEdgeTab,
+  DEFAULT_AGENT_PLACEMENT,
   createIdleSuggestions,
   defaultAgentRailTheme,
   hasVisitorMessages,
   isAgentBusy,
+  normalizeAgentPlacement,
   useAgentChat
 });
 //# sourceMappingURL=react.cjs.map