@surf-kit/agent 0.1.1

package/dist/index.cjs

@@ -0,0 +1,2358 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AgentAvatar: () => AgentAvatar,
+  AgentChat: () => AgentChat,
+  AgentEmbed: () => AgentEmbed,
+  AgentFullPage: () => AgentFullPage,
+  AgentHandoff: () => AgentHandoff,
+  AgentLabel: () => AgentLabel,
+  AgentPanel: () => AgentPanel,
+  AgentResponseView: () => AgentResponse,
+  AgentWidget: () => AgentWidget,
+  ConfidenceBadge: () => ConfidenceBadge,
+  ConfidenceBreakdownView: () => ConfidenceBreakdown,
+  ConfidenceMeter: () => ConfidenceMeter,
+  ConversationList: () => ConversationList,
+  ErrorResponse: () => ErrorResponse,
+  FeedbackConfirmation: () => FeedbackConfirmation,
+  FeedbackDialog: () => FeedbackDialog,
+  FollowUpChips: () => FollowUpChips,
+  MessageBubble: () => MessageBubble,
+  MessageComposer: () => MessageComposer,
+  MessageThread: () => MessageThread,
+  ResponseMessage: () => ResponseMessage,
+  RetrievalProgress: () => RetrievalProgress,
+  RoutingIndicator: () => RoutingIndicator,
+  SourceBadge: () => SourceBadge,
+  SourceCard: () => SourceCard,
+  SourceDrawer: () => SourceDrawer,
+  SourceInline: () => SourceInline,
+  SourceList: () => SourceList,
+  StreamingMessage: () => StreamingMessage,
+  StructuredResponse: () => StructuredResponse,
+  ThinkingIndicator: () => ThinkingIndicator,
+  ThumbsFeedback: () => ThumbsFeedback,
+  ToolExecution: () => ToolExecution,
+  TypewriterText: () => TypewriterText,
+  VerificationBadge: () => VerificationBadge,
+  VerificationDetail: () => VerificationDetail,
+  VerificationProgress: () => VerificationProgress,
+  WelcomeScreen: () => WelcomeScreen
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/chat/AgentChat/AgentChat.tsx
+var import_tailwind_merge8 = require("tailwind-merge");
+
+// src/hooks/useAgentChat.ts
+var import_react = require("react");
+var initialState = {
+  messages: [],
+  conversationId: null,
+  isLoading: false,
+  error: null,
+  inputValue: "",
+  streamPhase: "idle",
+  streamingContent: ""
+};
+function reducer(state, action) {
+  switch (action.type) {
+    case "SET_INPUT":
+      return { ...state, inputValue: action.value };
+    case "SEND_START":
+      return {
+        ...state,
+        messages: [...state.messages, action.message],
+        isLoading: true,
+        error: null,
+        inputValue: "",
+        streamPhase: "thinking",
+        streamingContent: ""
+      };
+    case "STREAM_PHASE":
+      return { ...state, streamPhase: action.phase };
+    case "STREAM_CONTENT":
+      return { ...state, streamingContent: state.streamingContent + action.content };
+    case "SEND_SUCCESS":
+      return {
+        ...state,
+        messages: [...state.messages, action.message],
+        conversationId: action.conversationId ?? state.conversationId,
+        isLoading: false,
+        streamPhase: "idle",
+        streamingContent: ""
+      };
+    case "SEND_ERROR":
+      return {
+        ...state,
+        isLoading: false,
+        error: action.error,
+        streamPhase: "idle",
+        streamingContent: ""
+      };
+    case "LOAD_CONVERSATION":
+      return {
+        ...state,
+        conversationId: action.conversationId,
+        messages: action.messages,
+        error: null
+      };
+    case "RESET":
+      return { ...initialState };
+    case "CLEAR_ERROR":
+      return { ...state, error: null };
+    default:
+      return state;
+  }
+}
+var msgIdCounter = 0;
+function generateMessageId() {
+  return `msg-${Date.now()}-${++msgIdCounter}`;
+}
+function useAgentChat(config2) {
+  const [state, dispatch] = (0, import_react.useReducer)(reducer, initialState);
+  const configRef = (0, import_react.useRef)(config2);
+  configRef.current = config2;
+  const lastUserMessageRef = (0, import_react.useRef)(null);
+  const sendMessage = (0, import_react.useCallback)(
+    async (content) => {
+      const { apiUrl, streamPath = "/chat/stream", headers = {}, timeout = 3e4 } = configRef.current;
+      lastUserMessageRef.current = content;
+      const userMessage = {
+        id: generateMessageId(),
+        role: "user",
+        content,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      dispatch({ type: "SEND_START", message: userMessage });
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), timeout);
+      try {
+        const response = await fetch(`${apiUrl}${streamPath}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "text/event-stream",
+            ...headers
+          },
+          body: JSON.stringify({
+            message: content,
+            conversation_id: state.conversationId
+          }),
+          signal: controller.signal
+        });
+        clearTimeout(timeoutId);
+        if (!response.ok) {
+          dispatch({
+            type: "SEND_ERROR",
+            error: {
+              code: "API_ERROR",
+              message: `HTTP ${response.status}: ${response.statusText}`,
+              retryable: response.status >= 500
+            }
+          });
+          return;
+        }
+        const reader = response.body?.getReader();
+        if (!reader) {
+          dispatch({
+            type: "SEND_ERROR",
+            error: { code: "STREAM_ERROR", message: "No response body", retryable: true }
+          });
+          return;
+        }
+        const decoder = new TextDecoder();
+        let buffer = "";
+        let accumulatedContent = "";
+        let agentResponse = null;
+        let capturedAgent = null;
+        let capturedConversationId = null;
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() ?? "";
+          for (const line of lines) {
+            if (!line.startsWith("data: ")) continue;
+            const data = line.slice(6).trim();
+            if (data === "[DONE]") continue;
+            try {
+              const event = JSON.parse(data);
+              switch (event.type) {
+                case "agent":
+                  capturedAgent = event.agent;
+                  break;
+                case "phase":
+                  dispatch({ type: "STREAM_PHASE", phase: event.phase });
+                  break;
+                case "delta":
+                  accumulatedContent += event.content;
+                  dispatch({ type: "STREAM_CONTENT", content: event.content });
+                  break;
+                case "done":
+                  agentResponse = event.response;
+                  capturedConversationId = event.conversation_id ?? null;
+                  break;
+                case "error":
+                  dispatch({ type: "SEND_ERROR", error: event.error });
+                  return;
+              }
+            } catch {
+            }
+          }
+        }
+        const assistantMessage = {
+          id: generateMessageId(),
+          role: "assistant",
+          content: agentResponse?.message ?? accumulatedContent,
+          response: agentResponse ?? void 0,
+          agent: capturedAgent ?? void 0,
+          timestamp: /* @__PURE__ */ new Date()
+        };
+        dispatch({
+          type: "SEND_SUCCESS",
+          message: assistantMessage,
+          streamingContent: accumulatedContent,
+          conversationId: capturedConversationId
+        });
+      } catch (err) {
+        clearTimeout(timeoutId);
+        if (err.name === "AbortError") {
+          dispatch({
+            type: "SEND_ERROR",
+            error: { code: "TIMEOUT", message: "Request timed out", retryable: true }
+          });
+        } else {
+          dispatch({
+            type: "SEND_ERROR",
+            error: {
+              code: "NETWORK_ERROR",
+              message: err.message ?? "Network error",
+              retryable: true
+            }
+          });
+        }
+      }
+    },
+    [state.conversationId]
+  );
+  const setInputValue = (0, import_react.useCallback)((value) => {
+    dispatch({ type: "SET_INPUT", value });
+  }, []);
+  const loadConversation = (0, import_react.useCallback)((conversationId, messages) => {
+    dispatch({ type: "LOAD_CONVERSATION", conversationId, messages });
+  }, []);
+  const submitFeedback = (0, import_react.useCallback)(
+    async (messageId, rating, comment) => {
+      const { apiUrl, feedbackPath = "/feedback", headers = {} } = configRef.current;
+      await fetch(`${apiUrl}${feedbackPath}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", ...headers },
+        body: JSON.stringify({ messageId, rating, comment })
+      });
+    },
+    []
+  );
+  const retry = (0, import_react.useCallback)(async () => {
+    if (lastUserMessageRef.current) {
+      await sendMessage(lastUserMessageRef.current);
+    }
+  }, [sendMessage]);
+  const reset = (0, import_react.useCallback)(() => {
+    dispatch({ type: "RESET" });
+    lastUserMessageRef.current = null;
+  }, []);
+  const actions = {
+    sendMessage,
+    setInputValue,
+    loadConversation,
+    submitFeedback,
+    retry,
+    reset
+  };
+  return { state, actions };
+}
+
+// src/chat/MessageThread/MessageThread.tsx
+var import_tailwind_merge5 = require("tailwind-merge");
+var import_react3 = require("react");
+
+// src/chat/MessageBubble/MessageBubble.tsx
+var import_tailwind_merge4 = require("tailwind-merge");
+
+// src/response/AgentResponse/AgentResponse.tsx
+var import_core2 = require("@surf-kit/core");
+
+// src/response/ResponseMessage/ResponseMessage.tsx
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_rehype_sanitize = __toESM(require("rehype-sanitize"), 1);
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime = require("react/jsx-runtime");
+function normalizeMarkdownLists(content) {
+  return content.replace(/:\s+-\s+/g, ":\n\n- ");
+}
+function ResponseMessage({ content, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_tailwind_merge.twMerge)(
+        "text-sm leading-relaxed text-text-primary",
+        "[&_p]:my-2",
+        "[&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-6",
+        "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-6",
+        "[&_li]:my-1",
+        "[&_strong]:text-text-primary [&_strong]:font-semibold",
+        "[&_em]:text-text-secondary",
+        "[&_h1]:text-lg [&_h1]:font-semibold [&_h1]:text-text-primary [&_h1]:mt-4 [&_h1]:mb-2",
+        "[&_h2]:text-base [&_h2]:font-semibold [&_h2]:text-text-primary [&_h2]:mt-3 [&_h2]:mb-1.5",
+        "[&_h3]:text-sm [&_h3]:font-semibold [&_h3]:text-accent [&_h3]:mt-2 [&_h3]:mb-1",
+        "[&_code]:bg-surface-raised [&_code]:text-accent [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-xs [&_code]:font-mono",
+        "[&_pre]:bg-surface-raised [&_pre]:border [&_pre]:border-border [&_pre]:rounded-xl [&_pre]:p-4 [&_pre]:overflow-x-auto",
+        "[&_blockquote]:border-l-2 [&_blockquote]:border-border-strong [&_blockquote]:pl-4 [&_blockquote]:text-text-secondary",
+        "[&_a]:text-accent [&_a]:underline-offset-2 [&_a]:hover:text-accent/80",
+        className
+      ),
+      "data-testid": "response-message",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_markdown.default,
+        {
+          rehypePlugins: [import_rehype_sanitize.default],
+          components: {
+            script: () => null,
+            iframe: () => null,
+            p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "my-2", children }),
+            ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "my-2 list-disc pl-6", children }),
+            ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "my-2 list-decimal pl-6", children }),
+            li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "my-1", children }),
+            strong: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { className: "font-semibold", children }),
+            h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-base font-bold mt-4 mb-2", children }),
+            h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-sm font-bold mt-3 mb-1", children }),
+            h3: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold mt-2 mb-1", children }),
+            code: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "bg-surface-sunken rounded px-1 py-0.5 text-xs font-mono", children })
+          },
+          children: normalizeMarkdownLists(content)
+        }
+      )
+    }
+  );
+}
+
+// src/response/StructuredResponse/StructuredResponse.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function tryParse(value) {
+  if (value === void 0 || value === null) return null;
+  if (typeof value === "string") {
+    try {
+      return JSON.parse(value);
+    } catch {
+      return null;
+    }
+  }
+  return value;
+}
+function renderSteps(data) {
+  const steps = tryParse(data.steps);
+  if (!steps || !Array.isArray(steps)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ol", { className: "flex flex-col gap-2", "data-testid": "structured-steps", children: steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-accent text-[11px] font-semibold text-white",
+        "aria-hidden": "true",
+        children: i + 1
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm text-text-primary leading-relaxed", children: step })
+  ] }, i)) });
+}
+function renderTable(data) {
+  const columns = tryParse(data.columns);
+  const rawRows = tryParse(data.rows);
+  if (columns && rawRows && Array.isArray(columns) && Array.isArray(rawRows)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "overflow-x-auto rounded-lg border border-border", "data-testid": "structured-table", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { role: "table", className: "w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { className: "bg-surface-raised", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "th",
+        {
+          className: "text-left px-4 py-2.5 font-semibold text-text-primary border-b border-border",
+          children: col
+        },
+        col
+      )) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: rawRows.map((row, i) => {
+        const cells = Array.isArray(row) ? row : columns.map((col) => row[col]);
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: "even:bg-surface-raised/40", children: cells.map((cell, j) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "px-4 py-2 text-text-secondary border-b border-border", children: String(cell ?? "") }, j)) }, i);
+      }) })
+    ] }) });
+  }
+  const entries = Object.entries(data);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "overflow-x-auto rounded-lg border border-border", "data-testid": "structured-table", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("table", { role: "table", className: "w-full border-collapse text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: entries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: "even:bg-surface-raised/40", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "px-4 py-2 text-text-primary font-medium border-b border-border w-1/3", children: key }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "px-4 py-2 text-text-secondary border-b border-border", children: typeof value === "object" ? JSON.stringify(value) : String(value ?? "") })
+  ] }, key)) }) }) });
+}
+function renderCard(data) {
+  const title = typeof data.title === "string" ? data.title : null;
+  const body = typeof data.body === "string" ? data.body : null;
+  const link = typeof data.link === "string" ? data.link : null;
+  const linkLabel = typeof data.link_label === "string" ? data.link_label : "Learn more";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: "rounded-xl border border-border bg-surface-raised p-4 flex flex-col gap-2",
+      "data-testid": "structured-card",
+      children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm font-semibold text-text-primary", children: title }),
+        body && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm text-text-secondary leading-relaxed", children: body }),
+        link && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "a",
+          {
+            href: link,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "mt-1 inline-flex items-center gap-1 text-xs font-medium text-accent hover:text-accent/80 underline-offset-2 hover:underline transition-colors",
+            children: [
+              linkLabel,
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function renderList(data) {
+  const items = tryParse(data.items);
+  const title = typeof data.title === "string" ? data.title : null;
+  if (!items || !Array.isArray(items)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1.5", "data-testid": "structured-list", children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-text-secondary mb-1", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "flex flex-col gap-1.5", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "flex items-start gap-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-accent", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm text-text-primary leading-relaxed", children: item })
+    ] }, i)) })
+  ] });
+}
+function renderWarning(data) {
+  const severity = typeof data.severity === "string" ? data.severity : "medium";
+  const action = typeof data.action === "string" ? data.action : null;
+  const details = typeof data.details === "string" ? data.details : null;
+  const isHigh = severity === "high";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      role: "alert",
+      className: `rounded-xl border p-4 flex gap-3 ${isHigh ? "border-red-200 bg-red-50 dark:border-red-900/50 dark:bg-red-950/30" : "border-amber-200 bg-amber-50 dark:border-amber-900/50 dark:bg-amber-950/30"}`,
+      "data-testid": "structured-warning",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "svg",
+          {
+            className: `mt-0.5 h-5 w-5 shrink-0 ${isHigh ? "text-red-500" : "text-amber-500"}`,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          action && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: `text-sm font-semibold ${isHigh ? "text-red-700 dark:text-red-300" : "text-amber-700 dark:text-amber-300"}`, children: action }),
+          details && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: `text-sm ${isHigh ? "text-red-600 dark:text-red-400" : "text-amber-600 dark:text-amber-400"}`, children: details })
+        ] })
+      ]
+    }
+  );
+}
+function StructuredResponse({ uiHint, data, className }) {
+  if (!data) return null;
+  let content;
+  switch (uiHint) {
+    case "steps":
+      content = renderSteps(data);
+      break;
+    case "table":
+      content = renderTable(data);
+      break;
+    case "card":
+      content = renderCard(data);
+      break;
+    case "list":
+      content = renderList(data);
+      break;
+    case "warning":
+      content = renderWarning(data);
+      break;
+    case "text":
+      content = typeof data.text === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { "data-testid": "structured-text", children: data.text }) : null;
+      break;
+    default:
+      content = null;
+  }
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className, "data-testid": "structured-response", children: content });
+}
+
+// src/sources/SourceList/SourceList.tsx
+var import_react2 = require("react");
+
+// src/sources/SourceCard/SourceCard.tsx
+var import_core = require("@surf-kit/core");
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function getConfidenceIntent(confidence) {
+  if (confidence >= 0.8) return "success";
+  if (confidence >= 0.5) return "warning";
+  return "error";
+}
+function getConfidenceLabel(confidence) {
+  if (confidence >= 0.8) return "High";
+  if (confidence >= 0.5) return "Medium";
+  return "Low";
+}
+function SourceCard({ source, variant = "compact", onNavigate, className }) {
+  const handleClick = () => {
+    if (onNavigate) {
+      onNavigate(source);
+    }
+  };
+  const isCompact = variant === "compact";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      className: (0, import_tailwind_merge2.twMerge)(
+        "rounded-xl border transition-all duration-200",
+        "bg-surface border-border",
+        onNavigate && "cursor-pointer hover:border-border-strong",
+        className
+      ),
+      "data-document-id": source.document_id,
+      "data-testid": "source-card",
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          className: isCompact ? "px-4 py-3" : "px-6 py-4",
+          onClick: handleClick,
+          role: onNavigate ? "button" : void 0,
+          tabIndex: onNavigate ? 0 : void 0,
+          onKeyDown: onNavigate ? (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleClick();
+            }
+          } : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm font-medium text-text-primary truncate", children: source.title }),
+                source.section && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-[11px] font-semibold uppercase tracking-wider text-text-secondary truncate mt-0.5", children: source.section })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_core.Badge,
+                {
+                  intent: getConfidenceIntent(source.confidence),
+                  size: "sm",
+                  children: getConfidenceLabel(source.confidence)
+                }
+              )
+            ] }),
+            !isCompact && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-text-secondary mt-2 line-clamp-3 leading-relaxed", children: source.snippet })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/sources/SourceList/SourceList.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function SourceList({
+  sources,
+  variant = "compact",
+  collapsible = false,
+  defaultExpanded = true,
+  onNavigate,
+  className
+}) {
+  const [isExpanded, setIsExpanded] = (0, import_react2.useState)(defaultExpanded);
+  if (sources.length === 0) return null;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col gap-1.5", "data-testid": "source-list-items", children: sources.map((source) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    SourceCard,
+    {
+      source,
+      variant,
+      onNavigate
+    },
+    source.document_id
+  )) });
+  if (!collapsible) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, "data-testid": "source-list", children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className, "data-testid": "source-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsExpanded((prev) => !prev),
+        "aria-expanded": isExpanded,
+        className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-secondary hover:text-accent mb-2 transition-colors duration-200",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "svg",
+            {
+              className: `w-4 h-4 transition-transform ${isExpanded ? "rotate-180" : ""}`,
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+            }
+          ),
+          "Sources (",
+          sources.length,
+          ")"
+        ]
+      }
+    ),
+    isExpanded && content
+  ] });
+}
+
+// src/response/FollowUpChips/FollowUpChips.tsx
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function FollowUpChips({ suggestions, onSelect, className }) {
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      className: `flex gap-2 overflow-x-auto py-1 ${className ?? ""}`,
+      role: "group",
+      "aria-label": "Follow-up suggestions",
+      "data-testid": "follow-up-chips",
+      children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(suggestion),
+          className: (0, import_tailwind_merge3.twMerge)(
+            "px-4 py-1.5 rounded-full text-sm shrink-0 whitespace-nowrap",
+            "border border-border bg-surface text-text-primary",
+            "hover:bg-surface-raised hover:border-interactive hover:text-text-primary",
+            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+            "transition-all duration-200"
+          ),
+          children: suggestion
+        },
+        suggestion
+      ))
+    }
+  );
+}
+
+// src/response/AgentResponse/AgentResponse.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function getConfidenceIntent2(overall) {
+  if (overall === "high") return "success";
+  if (overall === "medium") return "warning";
+  return "error";
+}
+function getVerificationIntent(status) {
+  if (status === "passed") return "success";
+  if (status === "flagged") return "warning";
+  return "error";
+}
+function getVerificationLabel(status) {
+  if (status === "passed") return "Verified";
+  if (status === "flagged") return "Flagged";
+  return "Failed";
+}
+function AgentResponse({
+  response,
+  showSources = true,
+  showConfidence = false,
+  showVerification = false,
+  onFollowUp,
+  onNavigateSource,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `flex flex-col gap-4 ${className ?? ""}`, "data-testid": "agent-response", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResponseMessage, { content: response.message }),
+    response.ui_hint !== "text" && response.structured_data && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      StructuredResponse,
+      {
+        uiHint: response.ui_hint,
+        data: response.structured_data
+      }
+    ),
+    (showConfidence || showVerification) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-center gap-2 mt-1", "data-testid": "response-meta", children: [
+      showConfidence && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        import_core2.Badge,
+        {
+          intent: getConfidenceIntent2(response.confidence.overall),
+          size: "sm",
+          children: [
+            response.confidence.overall,
+            " confidence"
+          ]
+        }
+      ),
+      showVerification && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        import_core2.Badge,
+        {
+          intent: getVerificationIntent(response.verification.status),
+          size: "sm",
+          children: [
+            getVerificationLabel(response.verification.status),
+            " (",
+            response.verification.claims_verified,
+            "/",
+            response.verification.claims_checked,
+            ")"
+          ]
+        }
+      )
+    ] }),
+    showSources && response.sources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      SourceList,
+      {
+        sources: response.sources,
+        variant: "compact",
+        collapsible: true,
+        defaultExpanded: false,
+        onNavigate: onNavigateSource
+      }
+    ),
+    response.follow_up_suggestions.length > 0 && onFollowUp && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      FollowUpChips,
+      {
+        suggestions: response.follow_up_suggestions,
+        onSelect: onFollowUp
+      }
+    )
+  ] });
+}
+
+// src/chat/MessageBubble/MessageBubble.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function MessageBubble({
+  message,
+  showAgent,
+  showSources = true,
+  showConfidence = true,
+  showVerification = true,
+  className
+}) {
+  const isUser = message.role === "user";
+  if (isUser) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        "data-message-id": message.id,
+        className: (0, import_tailwind_merge4.twMerge)("flex w-full justify-end", className),
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-w-[75%] rounded-[18px] rounded-br-[4px] px-4 py-2.5 bg-accent text-white whitespace-pre-wrap text-sm leading-relaxed", children: message.content })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "div",
+    {
+      "data-message-id": message.id,
+      className: (0, import_tailwind_merge4.twMerge)("flex w-full flex-col items-start gap-1.5", className),
+      children: [
+        showAgent && message.agent && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-[11px] font-medium uppercase tracking-[0.08em] text-text-secondary px-1", children: message.agent.replace("_agent", "").replace("_", " ") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-w-[88%] rounded-[18px] rounded-tl-[4px] px-4 py-3 bg-surface-raised border border-border", children: message.response ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          AgentResponse,
+          {
+            response: message.response,
+            showSources,
+            showConfidence,
+            showVerification
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ResponseMessage, { content: message.content }) })
+      ]
+    }
+  );
+}
+
+// src/chat/MessageThread/MessageThread.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function MessageThread({ messages, streamingSlot, showSources, showConfidence, showVerification, className }) {
+  const bottomRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    bottomRef.current?.scrollIntoView?.({ behavior: "smooth" });
+  }, [messages.length, streamingSlot]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "div",
+    {
+      role: "log",
+      "aria-live": "polite",
+      "aria-label": "Message thread",
+      className: (0, import_tailwind_merge5.twMerge)(
+        "flex flex-col gap-4 overflow-y-auto flex-1 px-4 py-6",
+        className
+      ),
+      children: [
+        messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          MessageBubble,
+          {
+            message,
+            showSources,
+            showConfidence,
+            showVerification
+          },
+          message.id
+        )),
+        streamingSlot,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: bottomRef })
+      ]
+    }
+  );
+}
+
+// src/chat/MessageComposer/MessageComposer.tsx
+var import_tailwind_merge6 = require("tailwind-merge");
+var import_react4 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function MessageComposer({
+  onSend,
+  isLoading = false,
+  placeholder = "Type a message...",
+  className
+}) {
+  const [value, setValue] = (0, import_react4.useState)("");
+  const textareaRef = (0, import_react4.useRef)(null);
+  const canSend = value.trim().length > 0 && !isLoading;
+  const handleSend = (0, import_react4.useCallback)(() => {
+    if (!canSend) return;
+    onSend(value.trim());
+    setValue("");
+    textareaRef.current?.focus();
+  }, [canSend, onSend, value]);
+  const handleKeyDown = (0, import_react4.useCallback)(
+    (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSend();
+      }
+    },
+    [handleSend]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge6.twMerge)(
+        "flex items-end gap-3 border-t border-border px-4 py-3 bg-canvas",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "textarea",
+          {
+            ref: textareaRef,
+            value,
+            onChange: (e) => setValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder,
+            rows: 1,
+            disabled: isLoading,
+            className: (0, import_tailwind_merge6.twMerge)(
+              "flex-1 resize-none rounded-xl border border-border bg-surface",
+              "px-4 py-2.5 text-sm text-text-primary placeholder:text-text-muted",
+              "focus:border-transparent focus:ring-2 focus:ring-accent/40 focus:outline-none",
+              "disabled:opacity-50 disabled:cursor-not-allowed",
+              "transition-all duration-200"
+            ),
+            style: { colorScheme: "dark" },
+            "aria-label": "Message input"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: handleSend,
+            disabled: !value.trim() || isLoading,
+            "aria-label": "Send message",
+            className: (0, import_tailwind_merge6.twMerge)(
+              "inline-flex items-center justify-center rounded-xl px-5 py-2.5",
+              "text-sm font-semibold text-white shrink-0",
+              "transition-all duration-200",
+              "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+              value.trim() && !isLoading ? "bg-accent hover:bg-accent-hover hover:scale-[1.02] active:scale-[0.98]" : "bg-accent/30 text-text-muted cursor-not-allowed"
+            ),
+            children: "Send"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/chat/WelcomeScreen/WelcomeScreen.tsx
+var import_tailwind_merge7 = require("tailwind-merge");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function WelcomeScreen({
+  title = "Welcome",
+  message = "How can I help you today?",
+  suggestedQuestions = [],
+  onQuestionSelect,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge7.twMerge)(
+        "flex flex-1 flex-col items-center justify-center gap-8 p-8 text-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "div",
+          {
+            className: "w-14 h-14 rounded-2xl bg-accent/10 border border-border flex items-center justify-center pulse-glow",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-2xl", children: "\u2726" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-2xl font-semibold text-text-primary", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-text-secondary text-base leading-relaxed max-w-sm", children: message })
+        ] }),
+        suggestedQuestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "div",
+          {
+            className: "flex flex-wrap justify-center gap-2 max-w-md",
+            role: "group",
+            "aria-label": "Suggested questions",
+            children: suggestedQuestions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => onQuestionSelect?.(question),
+                className: (0, import_tailwind_merge7.twMerge)(
+                  "px-4 py-2 rounded-full text-sm",
+                  "border border-border bg-surface text-text-primary",
+                  "hover:bg-surface-raised hover:border-interactive hover:text-text-primary",
+                  "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+                  "transition-colors duration-200"
+                ),
+                children: question
+              },
+              question
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/streaming/StreamingMessage/StreamingMessage.tsx
+var import_react6 = require("react");
+var import_core3 = require("@surf-kit/core");
+
+// src/hooks/useCharacterDrain.ts
+var import_react5 = require("react");
+function useCharacterDrain(target, msPerChar = 15) {
+  const [displayed, setDisplayed] = (0, import_react5.useState)("");
+  const indexRef = (0, import_react5.useRef)(0);
+  const lastTimeRef = (0, import_react5.useRef)(0);
+  const rafRef = (0, import_react5.useRef)(null);
+  const drainTargetRef = (0, import_react5.useRef)("");
+  const msPerCharRef = (0, import_react5.useRef)(msPerChar);
+  msPerCharRef.current = msPerChar;
+  if (target !== "") {
+    drainTargetRef.current = target;
+  }
+  const drainTarget = drainTargetRef.current;
+  const isDraining = displayed.length < drainTarget.length;
+  const tickRef = (0, import_react5.useRef)(() => {
+  });
+  tickRef.current = (now) => {
+    const currentTarget = drainTargetRef.current;
+    if (currentTarget === "") {
+      rafRef.current = null;
+      return;
+    }
+    if (lastTimeRef.current === 0) lastTimeRef.current = now;
+    const elapsed = now - lastTimeRef.current;
+    const charsToAdvance = Math.floor(elapsed / msPerCharRef.current);
+    if (charsToAdvance > 0 && indexRef.current < currentTarget.length) {
+      const nextIndex = Math.min(indexRef.current + charsToAdvance, currentTarget.length);
+      indexRef.current = nextIndex;
+      lastTimeRef.current = now;
+      setDisplayed(currentTarget.slice(0, nextIndex));
+    }
+    if (indexRef.current < currentTarget.length) {
+      rafRef.current = requestAnimationFrame((t) => tickRef.current(t));
+    } else {
+      rafRef.current = null;
+    }
+  };
+  (0, import_react5.useEffect)(() => {
+    if (drainTargetRef.current !== "" && indexRef.current < drainTargetRef.current.length && rafRef.current === null) {
+      rafRef.current = requestAnimationFrame((t) => tickRef.current(t));
+    }
+  }, [drainTarget]);
+  (0, import_react5.useEffect)(() => {
+    if (target === "" && !isDraining && displayed !== "") {
+      indexRef.current = 0;
+      lastTimeRef.current = 0;
+      drainTargetRef.current = "";
+      setDisplayed("");
+    }
+  }, [target, isDraining, displayed]);
+  (0, import_react5.useEffect)(() => {
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+    };
+  }, []);
+  return { displayed, isDraining };
+}
+
+// src/streaming/StreamingMessage/StreamingMessage.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var phaseLabels = {
+  idle: "",
+  waiting: "Waiting",
+  thinking: "Thinking",
+  retrieving: "Searching",
+  generating: "Writing",
+  verifying: "Verifying"
+};
+function StreamingMessage({
+  stream,
+  onComplete,
+  showPhases = true,
+  className
+}) {
+  const onCompleteRef = (0, import_react6.useRef)(onComplete);
+  onCompleteRef.current = onComplete;
+  const wasActiveRef = (0, import_react6.useRef)(stream.active);
+  (0, import_react6.useEffect)(() => {
+    if (wasActiveRef.current && !stream.active) {
+      onCompleteRef.current?.();
+    }
+    wasActiveRef.current = stream.active;
+  }, [stream.active]);
+  const phaseLabel = phaseLabels[stream.phase];
+  const { displayed: displayedContent } = useCharacterDrain(stream.content);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className, "data-testid": "streaming-message", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { "aria-live": "assertive", className: "sr-only", children: [
+      stream.active && stream.phase !== "idle" && "Response started",
+      !stream.active && stream.content && "Response complete"
+    ] }),
+    showPhases && stream.active && stream.phase !== "idle" && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "div",
+      {
+        className: "flex items-center gap-2 mb-2 text-sm text-text-secondary",
+        "data-testid": "phase-indicator",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core3.Spinner, { size: "sm" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: phaseLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "text-text-primary whitespace-pre-wrap", children: [
+      displayedContent,
+      stream.active && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "span",
+        {
+          className: "inline-block w-0.5 h-4 bg-accent align-text-bottom animate-pulse ml-0.5",
+          "aria-hidden": "true",
+          "data-testid": "streaming-cursor"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/chat/AgentChat/AgentChat.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function AgentChat({
+  endpoint,
+  title = "Chat",
+  welcomeTitle,
+  welcomeMessage = "How can I help you today?",
+  suggestedQuestions = [],
+  showHeader = true,
+  showWelcomeTitle = true,
+  showSources,
+  showConfidence,
+  showVerification,
+  className
+}) {
+  const { state, actions } = useAgentChat({ apiUrl: endpoint });
+  const hasMessages = state.messages.length > 0;
+  const handleSend = (content) => {
+    void actions.sendMessage(content);
+  };
+  const handleQuestionSelect = (question) => {
+    void actions.sendMessage(question);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge8.twMerge)(
+        "flex flex-col h-full bg-canvas border border-border rounded-xl overflow-hidden",
+        className
+      ),
+      children: [
+        showHeader && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex items-center justify-between border-b border-border px-4 py-3 bg-surface-raised shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { className: "text-base font-semibold text-text-primary", children: title }) }),
+        hasMessages ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          MessageThread,
+          {
+            messages: state.messages,
+            streamingSlot: state.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              StreamingMessage,
+              {
+                stream: {
+                  active: state.isLoading,
+                  phase: state.streamPhase,
+                  content: state.streamingContent,
+                  sources: [],
+                  agent: null,
+                  agentLabel: null
+                }
+              }
+            ) : void 0,
+            showSources,
+            showConfidence,
+            showVerification
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          WelcomeScreen,
+          {
+            title: showWelcomeTitle ? welcomeTitle ?? title : "",
+            message: welcomeMessage,
+            suggestedQuestions,
+            onQuestionSelect: handleQuestionSelect
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MessageComposer, { onSend: handleSend, isLoading: state.isLoading })
+      ]
+    }
+  );
+}
+
+// src/response/ErrorResponse/ErrorResponse.tsx
+var import_core4 = require("@surf-kit/core");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function ErrorResponse({ error, onRetry, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { role: "alert", className, "data-testid": "error-response", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core4.Alert, { intent: "error", title: "Error", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: error.message }),
+    error.retryable && onRetry && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_core4.Button,
+      {
+        intent: "secondary",
+        size: "sm",
+        onPress: onRetry,
+        "aria-label": "Retry",
+        children: "Retry"
+      }
+    ) })
+  ] }) });
+}
+
+// src/sources/SourceInline/SourceInline.tsx
+var import_core5 = require("@surf-kit/core");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function SourceInline({ source, index, className }) {
+  const tooltipContent = `${source.title}${source.section ? ` - ${source.section}` : ""}: ${source.snippet.slice(0, 120)}${source.snippet.length > 120 ? "..." : ""}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core5.Tooltip, { content: tooltipContent, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "span",
+    {
+      className: `inline-flex items-center justify-center text-xs text-accent font-medium cursor-help ${className ?? ""}`,
+      "data-testid": "source-inline",
+      "data-document-id": source.document_id,
+      "aria-label": `Source ${index}: ${source.title}`,
+      children: [
+        "[",
+        index,
+        "]"
+      ]
+    }
+  ) });
+}
+
+// src/sources/SourceDrawer/SourceDrawer.tsx
+var import_core6 = require("@surf-kit/core");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function getConfidenceIntent3(confidence) {
+  if (confidence >= 0.8) return "success";
+  if (confidence >= 0.5) return "warning";
+  return "error";
+}
+function SourceDrawer({ source, isOpen, onClose, className }) {
+  if (!source) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_core6.Sheet,
+    {
+      isOpen,
+      onClose,
+      title: source.title,
+      size: "md",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { "data-testid": "source-drawer", "data-document-id": source.document_id, children: [
+        source.section && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-text-secondary mb-4", children: source.section }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm text-text-secondary", children: "Confidence:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core6.Badge, { intent: getConfidenceIntent3(source.confidence), size: "sm", children: [
+            Math.round(source.confidence * 100),
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "text-sm font-medium text-text-primary mb-2", children: "Snippet" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-text-secondary bg-surface-raised p-4 rounded-lg", children: source.snippet })
+        ] }),
+        source.url && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "text-sm font-medium text-text-primary mb-2", children: "Source URL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "a",
+            {
+              href: source.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-sm text-accent hover:underline break-all",
+              children: source.url
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/sources/SourceBadge/SourceBadge.tsx
+var import_core7 = require("@surf-kit/core");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function SourceBadge({ count, className }) {
+  if (count === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core7.Badge, { intent: "info", size: "sm", className, "data-testid": "source-badge", children: [
+    count,
+    " ",
+    count === 1 ? "source" : "sources"
+  ] });
+}
+
+// src/confidence/ConfidenceBadge/ConfidenceBadge.tsx
+var import_core8 = require("@surf-kit/core");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var intentMap = {
+  high: "success",
+  medium: "warning",
+  low: "error"
+};
+var labelMap = {
+  high: "High confidence",
+  medium: "Medium confidence",
+  low: "Low confidence"
+};
+function ConfidenceBadge({ confidence, className }) {
+  const level = confidence.overall;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_core8.Badge,
+    {
+      intent: intentMap[level],
+      size: "sm",
+      role: "status",
+      "aria-label": labelMap[level],
+      className,
+      children: level.charAt(0).toUpperCase() + level.slice(1)
+    }
+  );
+}
+
+// src/confidence/ConfidenceBreakdown/ConfidenceBreakdown.tsx
+var import_react7 = require("react");
+
+// src/confidence/ConfidenceMeter/ConfidenceMeter.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function getBarColor(value) {
+  if (value >= 0.8) return "bg-green-500";
+  if (value >= 0.5) return "bg-yellow-500";
+  return "bg-red-500";
+}
+function ConfidenceMeter({ value, label, className }) {
+  const clamped = Math.max(0, Math.min(1, value));
+  const pct = Math.round(clamped * 100);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className, "data-testid": "confidence-meter", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs font-medium text-text-secondary", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-xs text-text-secondary", children: [
+        pct,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "div",
+      {
+        className: "h-2 w-full rounded-full bg-surface-secondary overflow-hidden",
+        role: "progressbar",
+        "aria-valuenow": pct,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": `${label}: ${pct}%`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "div",
+          {
+            className: `h-full rounded-full transition-all duration-300 ${getBarColor(clamped)}`,
+            style: { width: `${pct}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/confidence/ConfidenceBreakdown/ConfidenceBreakdown.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var dimensions = [
+  { key: "retrieval_quality", label: "Retrieval Quality" },
+  { key: "source_authority", label: "Source Authority" },
+  { key: "answer_groundedness", label: "Answer Groundedness" },
+  { key: "recency", label: "Recency" }
+];
+function ConfidenceBreakdown({
+  confidence,
+  expandable = true,
+  defaultExpanded = false,
+  className
+}) {
+  const [expanded, setExpanded] = (0, import_react7.useState)(defaultExpanded);
+  const isExpanded = expandable ? expanded : true;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `rounded-xl border border-border bg-surface ${className ?? ""}`, "data-testid": "confidence-breakdown", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "flex w-full items-center justify-between px-4 py-3 text-left",
+        onClick: () => expandable && setExpanded((prev) => !prev),
+        "aria-expanded": isExpanded,
+        disabled: !expandable,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium text-text-primary", children: "Confidence" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ConfidenceBadge, { confidence })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "div",
+      {
+        className: "border-t border-border px-4 py-3 space-y-3 animate-in fade-in slide-in-from-top-1 duration-200",
+        "data-testid": "confidence-breakdown-details",
+        children: [
+          dimensions.map((dim) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            ConfidenceMeter,
+            {
+              value: confidence[dim.key],
+              label: dim.label
+            },
+            dim.key
+          )),
+          confidence.reasoning && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-text-secondary mt-2", children: confidence.reasoning })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/confidence/VerificationBadge/VerificationBadge.tsx
+var import_core9 = require("@surf-kit/core");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var config = {
+  passed: {
+    intent: "success",
+    label: "Verified",
+    icon: "\u2713",
+    ariaLabel: "Verification passed"
+  },
+  flagged: {
+    intent: "warning",
+    label: "Flagged",
+    icon: "\u26A0",
+    ariaLabel: "Verification flagged"
+  },
+  failed: {
+    intent: "error",
+    label: "Failed",
+    icon: "\u2717",
+    ariaLabel: "Verification failed"
+  }
+};
+function VerificationBadge({ verification, className }) {
+  const { intent, label, icon, ariaLabel } = config[verification.status];
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_core9.Badge,
+    {
+      intent,
+      size: "sm",
+      role: "status",
+      "aria-label": ariaLabel,
+      className,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": "true", className: "mr-1", children: icon }),
+        label
+      ]
+    }
+  );
+}
+
+// src/confidence/VerificationDetail/VerificationDetail.tsx
+var import_react8 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function VerificationDetail({
+  verification,
+  expandable = true,
+  defaultExpanded = false,
+  className
+}) {
+  const [expanded, setExpanded] = (0, import_react8.useState)(defaultExpanded);
+  const isExpanded = expandable ? expanded : true;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `rounded-xl border border-border bg-surface ${className ?? ""}`, "data-testid": "verification-detail", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "flex w-full items-center justify-between px-4 py-3 text-left",
+        onClick: () => expandable && setExpanded((prev) => !prev),
+        "aria-expanded": isExpanded,
+        disabled: !expandable,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium text-text-primary", children: "Verification" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(VerificationBadge, { verification })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "div",
+      {
+        className: "border-t border-border px-4 py-3 space-y-2 animate-in fade-in slide-in-from-top-1 duration-200",
+        "data-testid": "verification-detail-content",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-4 text-xs text-text-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { "data-testid": "claims-checked", children: [
+              "Claims checked: ",
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("strong", { className: "text-text-primary", children: verification.claims_checked })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { "data-testid": "claims-verified", children: [
+              "Claims verified: ",
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("strong", { className: "text-text-primary", children: verification.claims_verified })
+            ] })
+          ] }),
+          verification.flags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "mt-2 space-y-1", "data-testid": "verification-flags", children: verification.flags.map((flag, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: "flex items-start gap-2 text-xs text-text-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-yellow-500 shrink-0", "aria-hidden": "true", children: "\u26A0" }),
+            flag
+          ] }, i)) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/hooks/useAgentTheme.ts
+var import_react9 = require("react");
+var DEFAULT_ACCENT = "#6366f1";
+var DEFAULT_LABEL = "Agent";
+function useAgentTheme(agentId, agentThemes) {
+  return (0, import_react9.useMemo)(() => {
+    if (!agentId) {
+      return { accent: DEFAULT_ACCENT, icon: null, label: DEFAULT_LABEL };
+    }
+    const theme = agentThemes?.[agentId];
+    if (!theme) {
+      return { accent: DEFAULT_ACCENT, icon: null, label: agentId };
+    }
+    return {
+      accent: theme.accent ?? DEFAULT_ACCENT,
+      icon: theme.icon ?? null,
+      label: theme.label
+    };
+  }, [agentId, agentThemes]);
+}
+
+// src/agent-identity/AgentAvatar/AgentAvatar.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var sizeMap = {
+  sm: "h-6 w-6 text-xs",
+  md: "h-8 w-8 text-sm",
+  lg: "h-10 w-10 text-base"
+};
+var iconSizeMap = {
+  sm: 14,
+  md: 18,
+  lg: 22
+};
+function AgentAvatar({ agentId, agent, size = "md", agentThemes, className }) {
+  const resolvedId = agent?.id ?? agentId ?? null;
+  const themes = agent ? { ...agentThemes, [agent.id]: agent } : agentThemes;
+  const { accent, icon: Icon, label } = useAgentTheme(resolvedId, themes);
+  const initial = label.charAt(0).toUpperCase();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      className: `inline-flex items-center justify-center rounded-full shrink-0 font-medium text-white ${sizeMap[size]} ${className ?? ""}`,
+      style: { backgroundColor: accent },
+      role: "img",
+      "aria-label": `${label} avatar`,
+      "data-testid": "agent-avatar",
+      children: Icon ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { size: iconSizeMap[size], className: "text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { "aria-hidden": "true", children: initial })
+    }
+  );
+}
+
+// src/agent-identity/AgentLabel/AgentLabel.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function AgentLabel({ agent, className }) {
+  const accent = agent.accent ?? "#6366f1";
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "span",
+    {
+      className: `text-xs font-medium ${className ?? ""}`,
+      "data-testid": "agent-label",
+      children: [
+        "Answered by",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { color: accent }, children: agent.label })
+      ]
+    }
+  );
+}
+
+// src/agent-identity/AgentHandoff/AgentHandoff.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function AgentHandoff({ from, to, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "div",
+    {
+      className: `flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-surface ${className ?? ""}`,
+      "data-testid": "agent-handoff",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AgentAvatar, { agent: from, size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs text-text-secondary", children: from.label })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-text-secondary text-xs", "aria-hidden": "true", children: "\u2192" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-right-2 duration-300", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AgentAvatar, { agent: to, size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs text-text-secondary", children: to.label })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "sr-only", role: "status", "aria-live": "polite", children: [
+          "Handing off from ",
+          from.label,
+          " to ",
+          to.label
+        ] })
+      ]
+    }
+  );
+}
+
+// src/agent-identity/RoutingIndicator/RoutingIndicator.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function RoutingIndicator({ from, to, reason, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    {
+      className: `inline-flex items-center gap-1.5 rounded-md border border-border/50 bg-surface-secondary/50 px-2.5 py-1 font-mono text-[11px] text-text-secondary ${className ?? ""}`,
+      "data-testid": "routing-indicator",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "opacity-60", children: "Routed:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: from }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "opacity-40", "aria-hidden": "true", children: "\u2192" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: to }),
+        reason && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "opacity-50 ml-1", title: reason, children: [
+          "(",
+          reason,
+          ")"
+        ] })
+      ]
+    }
+  );
+}
+
+// src/streaming/ThinkingIndicator/ThinkingIndicator.tsx
+var import_hooks = require("@surf-kit/hooks");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function ThinkingIndicator({ label = "Thinking...", className }) {
+  const reducedMotion = (0, import_hooks.useReducedMotion)();
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "span",
+    {
+      role: "status",
+      className: `inline-flex items-center gap-2 text-sm ${className ?? ""}`,
+      "data-testid": "thinking-indicator",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-text-secondary", children: label }),
+        !reducedMotion && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex gap-1", "aria-hidden": "true", "data-testid": "animated-dots", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce [animation-delay:0ms]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce [animation-delay:150ms]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce [animation-delay:300ms]" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/streaming/ToolExecution/ToolExecution.tsx
+var import_core10 = require("@surf-kit/core");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var defaultLabels = {
+  search: "Searching knowledge base...",
+  retrieve: "Retrieving documents...",
+  calculate: "Calculating..."
+};
+function ToolExecution({ tool, label, className }) {
+  const displayLabel = label ?? defaultLabels[tool] ?? `Running ${tool}...`;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    "div",
+    {
+      className: `flex items-center gap-2 text-sm text-text-secondary ${className ?? ""}`,
+      role: "status",
+      "data-testid": "tool-execution",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core10.Spinner, { size: "sm" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: displayLabel })
+      ]
+    }
+  );
+}
+
+// src/streaming/RetrievalProgress/RetrievalProgress.tsx
+var import_core11 = require("@surf-kit/core");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function RetrievalProgress({ sources, isActive, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "div",
+    {
+      className: `space-y-2 ${className ?? ""}`,
+      role: "status",
+      "aria-label": isActive ? `Retrieving sources, ${sources.length} found so far` : `${sources.length} sources found`,
+      "data-testid": "retrieval-progress",
+      children: [
+        isActive && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 text-sm text-text-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core11.Spinner, { size: "sm" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "Retrieving sources..." })
+        ] }),
+        sources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", { className: "space-y-1", "data-testid": "source-list", children: sources.map((source, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          "li",
+          {
+            className: "text-sm text-text-secondary flex items-center gap-2 animate-in fade-in slide-in-from-left-2",
+            style: { animationDelay: `${index * 100}ms`, animationFillMode: "both" },
+            "data-testid": "retrieval-source-item",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-accent flex-shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate", children: source.title })
+            ]
+          },
+          source.document_id
+        )) })
+      ]
+    }
+  );
+}
+
+// src/streaming/VerificationProgress/VerificationProgress.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function VerificationProgress({
+  isActive,
+  label = "Checking accuracy...",
+  className
+}) {
+  if (!isActive) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      className: `flex items-center gap-2 text-sm ${className ?? ""}`,
+      role: "status",
+      "data-testid": "verification-progress",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          "svg",
+          {
+            className: "w-4 h-4 animate-spin text-accent",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-accent animate-pulse", children: label })
+      ]
+    }
+  );
+}
+
+// src/streaming/TypewriterText/TypewriterText.tsx
+var import_react10 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function TypewriterText({
+  text,
+  speed = 30,
+  delay = 0,
+  onComplete,
+  className = "",
+  showCursor = true
+}) {
+  const [displayedText, setDisplayedText] = (0, import_react10.useState)("");
+  const [isComplete, setIsComplete] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
+    setDisplayedText("");
+    setIsComplete(false);
+    let index = 0;
+    let interval;
+    const timeout = setTimeout(() => {
+      interval = setInterval(() => {
+        if (index < text.length) {
+          setDisplayedText(text.slice(0, index + 1));
+          index++;
+        } else {
+          clearInterval(interval);
+          setIsComplete(true);
+          onComplete?.();
+        }
+      }, speed);
+    }, delay);
+    return () => {
+      clearTimeout(timeout);
+      clearInterval(interval);
+    };
+  }, [text, speed, delay, onComplete]);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className, children: [
+    displayedText,
+    showCursor && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "typewriter-cursor", "aria-hidden": "true" })
+  ] });
+}
+
+// src/chat/ConversationList/ConversationList.tsx
+var import_tailwind_merge9 = require("tailwind-merge");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function ConversationList({
+  conversations,
+  activeId,
+  onSelect,
+  onDelete,
+  onNew,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    "nav",
+    {
+      "aria-label": "Conversation list",
+      className: (0, import_tailwind_merge9.twMerge)("flex flex-col h-full bg-canvas", className),
+      children: [
+        onNew && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "p-3 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onNew,
+            className: "w-full px-4 py-2.5 rounded-xl text-sm font-semibold bg-accent text-white hover:bg-accent-hover transition-all duration-200",
+            children: "New conversation"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("ul", { role: "list", className: "flex-1 overflow-y-auto", children: [
+          conversations.map((conversation) => {
+            const isActive = conversation.id === activeId;
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+              "li",
+              {
+                className: (0, import_tailwind_merge9.twMerge)(
+                  "flex items-start border-b border-border transition-colors duration-200",
+                  "hover:bg-surface",
+                  isActive && "bg-surface-raised border-l-2 border-l-accent"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onSelect(conversation.id),
+                      "aria-current": isActive ? "true" : void 0,
+                      className: "flex-1 min-w-0 text-left px-4 py-3",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-sm font-medium text-brand-cream truncate", children: conversation.title }),
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-xs text-brand-cream/40 truncate mt-0.5 leading-relaxed", children: conversation.lastMessage })
+                      ]
+                    }
+                  ),
+                  onDelete && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onDelete(conversation.id),
+                      "aria-label": `Delete ${conversation.title}`,
+                      className: "shrink-0 p-1.5 m-2 rounded-lg text-brand-cream/25 hover:text-brand-watermelon hover:bg-brand-watermelon/10 transition-colors duration-200",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          "aria-hidden": "true",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              conversation.id
+            );
+          }),
+          conversations.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { className: "px-4 py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm text-brand-cream/30 font-body", children: "No conversations yet" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/layouts/AgentFullPage/AgentFullPage.tsx
+var import_tailwind_merge10 = require("tailwind-merge");
+var import_react11 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function AgentFullPage({
+  endpoint,
+  title = "Chat",
+  showConversationList = false,
+  conversations = [],
+  activeConversationId,
+  onConversationSelect,
+  onConversationDelete,
+  onNewConversation,
+  className
+}) {
+  const [sidebarOpen, setSidebarOpen] = (0, import_react11.useState)(false);
+  const handleSelect = (0, import_react11.useCallback)(
+    (id) => {
+      onConversationSelect?.(id);
+      setSidebarOpen(false);
+    },
+    [onConversationSelect]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge10.twMerge)("flex h-screen w-full overflow-hidden bg-brand-dark", className),
+      "data-testid": "agent-full-page",
+      children: [
+        showConversationList && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+          sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "div",
+            {
+              className: "fixed inset-0 bg-brand-dark/80 backdrop-blur-sm z-30 md:hidden",
+              onClick: () => setSidebarOpen(false),
+              "data-testid": "sidebar-overlay"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "aside",
+            {
+              className: (0, import_tailwind_merge10.twMerge)(
+                "bg-brand-dark border-r border-brand-gold/15 w-72 shrink-0 flex-col z-40",
+                // Desktop: always visible
+                "hidden md:flex",
+                // Mobile: overlay when open
+                sidebarOpen && "fixed inset-y-0 left-0 flex md:relative"
+              ),
+              "aria-label": "Conversations sidebar",
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                ConversationList,
+                {
+                  conversations,
+                  activeId: activeConversationId,
+                  onSelect: handleSelect,
+                  onDelete: onConversationDelete,
+                  onNew: onNewConversation
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex-1 flex flex-col min-w-0 bg-brand-dark", children: [
+          showConversationList && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "md:hidden flex items-center border-b border-brand-gold/15 px-3 py-2 bg-brand-dark-panel/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setSidebarOpen(true),
+              "aria-label": "Open conversations sidebar",
+              className: "p-2 rounded-xl text-brand-cream/60 hover:text-brand-cream hover:bg-brand-dark-panel transition-colors duration-200",
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+                  ]
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            AgentChat,
+            {
+              endpoint,
+              title,
+              className: "flex-1 rounded-none border-0"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/layouts/AgentPanel/AgentPanel.tsx
+var import_tailwind_merge11 = require("tailwind-merge");
+var import_react12 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function AgentPanel({
+  endpoint,
+  isOpen,
+  onClose,
+  side = "right",
+  width = 400,
+  title = "Chat",
+  className
+}) {
+  const panelRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, onClose]);
+  const widthStyle = typeof width === "number" ? `${width}px` : width;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    "div",
+    {
+      className: (0, import_tailwind_merge11.twMerge)("fixed inset-0 z-50", !isOpen && "pointer-events-none"),
+      "aria-hidden": !isOpen,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          "div",
+          {
+            className: (0, import_tailwind_merge11.twMerge)(
+              "fixed inset-0 transition-opacity duration-300",
+              isOpen ? "opacity-100 bg-brand-dark/70 backdrop-blur-sm pointer-events-auto" : "opacity-0 pointer-events-none"
+            ),
+            onClick: isOpen ? onClose : void 0,
+            "data-testid": "panel-backdrop"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          "div",
+          {
+            ref: panelRef,
+            role: "dialog",
+            "aria-label": title,
+            "aria-modal": isOpen ? "true" : void 0,
+            style: { width: widthStyle, maxWidth: "100vw" },
+            className: (0, import_tailwind_merge11.twMerge)(
+              "fixed top-0 h-full flex flex-col z-50 bg-brand-dark shadow-card",
+              "transition-transform duration-300 ease-in-out",
+              side === "left" ? `left-0 border-r border-brand-gold/15 ${isOpen ? "translate-x-0" : "-translate-x-full"}` : `right-0 border-l border-brand-gold/15 ${isOpen ? "translate-x-0" : "translate-x-full"}`,
+              className
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between border-b border-brand-gold/15 px-5 py-3.5 bg-brand-dark-panel/60 backdrop-blur-sm shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "text-base font-display font-semibold text-brand-cream", children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onClose,
+                    "aria-label": "Close panel",
+                    className: "rounded-xl p-2 text-brand-cream/40 hover:text-brand-cream/80 hover:bg-brand-cream/5 transition-colors duration-200",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                AgentChat,
+                {
+                  endpoint,
+                  title,
+                  showHeader: false,
+                  showWelcomeTitle: false,
+                  className: "flex-1 rounded-none border-0"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/layouts/AgentWidget/AgentWidget.tsx
+var import_tailwind_merge12 = require("tailwind-merge");
+var import_react13 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function AgentWidget({
+  endpoint,
+  position = "bottom-right",
+  triggerLabel = "Chat",
+  title = "Chat",
+  className
+}) {
+  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const toggle = (0, import_react13.useCallback)(() => {
+    setIsOpen((prev) => !prev);
+  }, []);
+  const positionClasses = position === "bottom-left" ? "left-4 bottom-4" : "right-4 bottom-4";
+  const popoverPositionClasses = position === "bottom-left" ? "left-4 bottom-20" : "right-4 bottom-20";
+  const popoverOrigin = position === "bottom-left" ? "origin-bottom-left" : "origin-bottom-right";
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": title,
+        "aria-hidden": !isOpen,
+        className: (0, import_tailwind_merge12.twMerge)(
+          "fixed z-50 flex flex-col",
+          "w-[min(400px,calc(100vw-2rem))] h-[min(600px,calc(100vh-6rem))]",
+          "rounded-2xl overflow-hidden border border-brand-gold/15",
+          "bg-brand-dark/95 backdrop-blur-[12px] shadow-card",
+          popoverPositionClasses,
+          popoverOrigin,
+          "transition-all duration-200 ease-out",
+          isOpen ? "opacity-100 scale-100 pointer-events-auto translate-y-0" : "opacity-0 scale-95 pointer-events-none translate-y-2"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between px-4 py-2.5 bg-brand-dark-panel/80 border-b border-brand-gold/15 shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "text-sm font-display font-semibold text-brand-cream", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsOpen(false),
+                "aria-label": "Minimize chat",
+                className: "rounded-lg p-1.5 text-brand-cream/40 hover:text-brand-cream/70 transition-colors duration-200",
+                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            AgentChat,
+            {
+              endpoint,
+              title,
+              showHeader: false,
+              showWelcomeTitle: false,
+              className: "flex-1 rounded-none border-0 min-h-0"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        "aria-label": isOpen ? "Close chat" : triggerLabel,
+        "aria-expanded": isOpen,
+        className: (0, import_tailwind_merge12.twMerge)(
+          "fixed z-50 flex items-center justify-center w-14 h-14 rounded-full",
+          "bg-brand-blue text-brand-cream shadow-glow-cyan",
+          "hover:bg-brand-cyan hover:shadow-glow-cyan hover:scale-105",
+          "active:scale-95",
+          "transition-all duration-200",
+          positionClasses
+        ),
+        children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) })
+      }
+    )
+  ] });
+}
+
+// src/layouts/AgentEmbed/AgentEmbed.tsx
+var import_tailwind_merge13 = require("tailwind-merge");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function AgentEmbed({
+  endpoint,
+  title = "Chat",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
+    {
+      className: (0, import_tailwind_merge13.twMerge)("w-full h-full min-h-0", className),
+      "data-testid": "agent-embed",
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        AgentChat,
+        {
+          endpoint,
+          title,
+          className: "h-full rounded-none border-0"
+        }
+      )
+    }
+  );
+}
+
+// src/feedback/ThumbsFeedback/ThumbsFeedback.tsx
+var import_react14 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function ThumbsFeedback({
+  messageId,
+  onFeedback,
+  state = null,
+  onNegative,
+  className
+}) {
+  const [selected, setSelected] = (0, import_react14.useState)(state);
+  const handleClick = (rating) => {
+    setSelected(rating);
+    onFeedback(messageId, rating);
+    if (rating === "negative" && onNegative) {
+      onNegative();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    "div",
+    {
+      className: `inline-flex items-center gap-0.5 ${className ?? ""}`,
+      role: "group",
+      "aria-label": "Rate this response",
+      "data-testid": "thumbs-feedback",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleClick("positive"),
+            "aria-label": "Thumbs up",
+            "aria-pressed": selected === "positive",
+            className: `p-1.5 rounded-md transition-colors duration-200 ${selected === "positive" ? "text-brand-cyan bg-brand-cyan/15" : "text-brand-cream/30 hover:text-brand-cyan hover:bg-brand-cyan/10"}`,
+            "data-testid": "thumbs-up",
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M7 10v12" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleClick("negative"),
+            "aria-label": "Thumbs down",
+            "aria-pressed": selected === "negative",
+            className: `p-1.5 rounded-md transition-colors duration-200 ${selected === "negative" ? "text-brand-watermelon bg-brand-watermelon/15" : "text-brand-cream/30 hover:text-brand-watermelon hover:bg-brand-watermelon/10"}`,
+            "data-testid": "thumbs-down",
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M17 14V2" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z" })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/feedback/FeedbackDialog/FeedbackDialog.tsx
+var import_react15 = require("react");
+var import_core12 = require("@surf-kit/core");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function FeedbackDialog({ isOpen, onClose, onSubmit, className }) {
+  const [comment, setComment] = (0, import_react15.useState)("");
+  const handleSubmit = () => {
+    onSubmit(comment);
+    setComment("");
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_core12.Dialog,
+    {
+      isOpen,
+      onClose,
+      title: "Share your feedback",
+      size: "sm",
+      className,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core12.Button, { intent: "ghost", onPress: onClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core12.Button, { intent: "primary", onPress: handleSubmit, isDisabled: comment.trim().length === 0, children: "Submit" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_core12.TextArea,
+        {
+          label: "What could be improved?",
+          value: comment,
+          onChange: setComment,
+          placeholder: "Tell us what went wrong or how this response could be better...",
+          rows: 4,
+          "data-testid": "feedback-textarea"
+        }
+      )
+    }
+  );
+}
+
+// src/feedback/FeedbackConfirmation/FeedbackConfirmation.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function FeedbackConfirmation({ variant = "inline", className }) {
+  if (variant === "toast") {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      "div",
+      {
+        role: "status",
+        className: `fixed bottom-4 right-4 bg-surface border border-border rounded-lg px-4 py-3 shadow-lg text-sm text-text-primary ${className ?? ""}`,
+        "data-testid": "feedback-confirmation",
+        children: "Thanks for your feedback"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "span",
+    {
+      role: "status",
+      className: `text-sm text-text-secondary ${className ?? ""}`,
+      "data-testid": "feedback-confirmation",
+      children: "Thanks for your feedback"
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AgentAvatar,
+  AgentChat,
+  AgentEmbed,
+  AgentFullPage,
+  AgentHandoff,
+  AgentLabel,
+  AgentPanel,
+  AgentResponseView,
+  AgentWidget,
+  ConfidenceBadge,
+  ConfidenceBreakdownView,
+  ConfidenceMeter,
+  ConversationList,
+  ErrorResponse,
+  FeedbackConfirmation,
+  FeedbackDialog,
+  FollowUpChips,
+  MessageBubble,
+  MessageComposer,
+  MessageThread,
+  ResponseMessage,
+  RetrievalProgress,
+  RoutingIndicator,
+  SourceBadge,
+  SourceCard,
+  SourceDrawer,
+  SourceInline,
+  SourceList,
+  StreamingMessage,
+  StructuredResponse,
+  ThinkingIndicator,
+  ThumbsFeedback,
+  ToolExecution,
+  TypewriterText,
+  VerificationBadge,
+  VerificationDetail,
+  VerificationProgress,
+  WelcomeScreen
+});
+//# sourceMappingURL=index.cjs.map