@recombine-ai/bosun 0.18.0 → 0.20.1

package/build/server/chunks/_layout.svelte-DPP4TE7p.js

@@ -1,739 +0,0 @@
-import { x as head, p as ensure_array_like, k as escape_html, m as attr, o as attr_class, l as derived, w as bind_props } from './index-Do08hKbr.js';
-import { g as goto } from './client-D1Y2ZQJN.js';
-import { p as page } from './index2-B_Xf0ugP.js';
-import { B as Button } from './Button-Huqrc2wY.js';
-import { I as Icon } from './Icon-BJfQMgGu.js';
-import { I as Input } from './Input-D-uxKbuX.js';
-import { p as persistTelescopeSourceId, T as TelescopeClient, a as TELESCOPE_SOURCE_QUERY_PARAM } from './source-selection-1aBuBpkL.js';
-import { T as Tabs, a as Tab } from './Tab-tFWS4zzn.js';
-import { A as AgentSidebar } from './AgentSidebar-BqqgUCT2.js';
-import { g as getAgentsContext } from './agents-context-BdX2j9DI.js';
-import './trpc-client-D8L6vWf4.js';
-import { M as Modal } from './Modal-B_fVcSLK.js';
-import './state.svelte-B2OaeWMp.js';
-import './root-DoSdrdfw.js';
-import './index3-C9gC86lU.js';
-import 'zod';
-import './shared-server-DaWdgxVh.js';
-import '@trpc/client';
-import './index-server-CHFC9Apw.js';
-
-class MockGenerator {
-  poolSize = 120;
-  // ----- CONVERSATIONS -----
-  async fetchConversations(limit, phoneFilter, lastConversationId) {
-    await delay(150);
-    return this.generateConversations(limit, phoneFilter, lastConversationId);
-  }
-  generateConversations(limit, phoneFilter, lastConversationId) {
-    const now = Date.now();
-    const items = [];
-    for (let i = 0; i < this.poolSize; i++) {
-      const id = String(1e5 + i);
-      items.push({
-        conversationId: id,
-        medium: i % 2 === 0 ? "phone" : "whatsapp",
-        phoneNumber: `+44 7700 ${String(1e3 + i % 90).padStart(4, "0")}`,
-        duration: Math.floor(Math.random() * 600),
-        createdAt: now - i * 36e5
-      });
-    }
-    let filtered = items;
-    if (phoneFilter) {
-      const q = phoneFilter.replace(/\s+/g, "");
-      filtered = items.filter((it) => it.phoneNumber?.replace(/\s+/g, "").includes(q));
-    }
-    filtered.sort((a, b) => b.createdAt - a.createdAt);
-    if (lastConversationId) {
-      const idx = filtered.findIndex((it) => it.conversationId === lastConversationId);
-      if (idx >= 0) filtered = filtered.slice(idx + 1);
-    }
-    const pageItems = filtered.slice(0, limit);
-    const nextLastConversationId = pageItems.length ? pageItems[pageItems.length - 1].conversationId : void 0;
-    return { limit, items: pageItems, lastConversationId: nextLastConversationId };
-  }
-  // ----- MIXED TRACES -----
-  async fetchTraces(conversationId) {
-    await delay(150);
-    return { items: this.generateTraces(conversationId) };
-  }
-  generateTraces(conversationId) {
-    const rng = mulberry32(hashString(conversationId));
-    const count = Math.floor(rng() * 5) + 3;
-    const now = Date.now();
-    const traces = Array.from({ length: count }, (_, i) => {
-      const ts = now - (count - i) * 3e4;
-      const kind = i % 3;
-      if (kind === 0) {
-        return {
-          traceType: "CONVERSATIONAL",
-          traceId: `conv-${conversationId}-${i}`,
-          conversationId,
-          eventName: "received-message",
-          role: "user",
-          medium: "phone",
-          content: `Hello (${i})`,
-          createdAt: ts
-        };
-      }
-      if (kind === 1) {
-        return {
-          traceType: "API_CALL",
-          traceId: `api-${conversationId}-${i}`,
-          conversationId,
-          operationName: "getBooking",
-          method: "GET",
-          path: `/bookings/${conversationId}`,
-          createdAt: ts,
-          durationMs: Math.floor(rng() * 200) + 50,
-          status: 200,
-          ok: true
-        };
-      }
-      return {
-        traceType: "STEP",
-        traceId: `step-${conversationId}-${i}`,
-        conversationId,
-        scopeId: `scope-${i}`,
-        workflowId: `workflow-${i}`,
-        workflowRunId: `run-${conversationId}-${i}`,
-        name: `main`,
-        renderedPrompt: `Rendered prompt for ${conversationId}/${i}`,
-        receivedContext: { foo: "bar" },
-        receivedPrompt: `User says #${i}`,
-        createdAt: ts,
-        stringifiedConversation: `user: hi
-agent: ok (${i})`,
-        response: `response ${i}`,
-        model: "gpt-4"
-      };
-    });
-    traces.sort((a, b) => a.createdAt - b.createdAt);
-    return traces;
-  }
-}
-function delay(ms) {
-  return new Promise((r) => setTimeout(r, ms));
-}
-function hashString(s) {
-  let h = 1779033703 ^ s.length;
-  for (let i = 0; i < s.length; i++) {
-    h = Math.imul(h ^ s.charCodeAt(i), 3432918353);
-    h = h << 13 | h >>> 19;
-  }
-  return h >>> 0;
-}
-function mulberry32(seed) {
-  return function() {
-    let t = seed += 1831565813;
-    t = Math.imul(t ^ t >>> 15, t | 1);
-    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-  };
-}
-const mockGenerator = new MockGenerator();
-function AnalyticsFilterDialog($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { open = false, fields, onAdd } = $$props;
-    let fieldKey = "";
-    let selectedValues = [];
-    let freeformValue = "";
-    const selectedField = derived(() => fields.find((field) => field.key === fieldKey));
-    const usesFreeform = derived(() => (selectedField()?.variantCount ?? 0) > 50);
-    const parsedFreeformValue = derived(() => {
-      const field = selectedField();
-      const value = String(freeformValue).trim();
-      if (!field || !value) return void 0;
-      if (field.type === "number") {
-        const number = Number(value);
-        return Number.isFinite(number) ? number : void 0;
-      }
-      if (field.type === "boolean") {
-        if (value.toLowerCase() === "true") return true;
-        if (value.toLowerCase() === "false") return false;
-        return void 0;
-      }
-      return value;
-    });
-    const canAdd = derived(() => !!selectedField() && (usesFreeform() ? parsedFreeformValue() !== void 0 : selectedValues.length > 0));
-    function selectField(event) {
-      fieldKey = event.currentTarget.value;
-      selectedValues = [];
-      freeformValue = "";
-    }
-    function sameValue(left, right) {
-      return typeof left === typeof right && left === right;
-    }
-    function isSelected(value) {
-      return selectedValues.some((selected) => sameValue(selected, value));
-    }
-    function formatValue(value) {
-      if (typeof value === "boolean") return value ? "Yes" : "No";
-      return String(value);
-    }
-    function addFilter() {
-      const field = selectedField();
-      if (!field || !canAdd()) return;
-      onAdd({
-        key: field.key,
-        type: field.type,
-        values: usesFreeform() ? [parsedFreeformValue()] : selectedValues
-      });
-      open = false;
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      {
-        let children = function($$renderer4) {
-          $$renderer4.push(`<div class="flex flex-col gap-4">`);
-          if (fields.length === 0) {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`<p class="text-sm text-rc-gray-200">There are no more analytics fields to filter.</p>`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            $$renderer4.push(`<label class="flex flex-col gap-1.5 text-sm text-rc-gray-200"><span>Field</span> `);
-            $$renderer4.select(
-              {
-                class: "rounded-lg border border-rc-gray-500 bg-rc-gray-900 px-3 py-2 text-rc-gray-100 focus:border-rc-gray-400 focus:outline-none focus:ring-0",
-                value: fieldKey,
-                onchange: selectField
-              },
-              ($$renderer5) => {
-                $$renderer5.push(`<!--[-->`);
-                const each_array = ensure_array_like(fields);
-                for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-                  let field = each_array[$$index];
-                  $$renderer5.option({ value: field.key }, ($$renderer6) => {
-                    $$renderer6.push(`${escape_html(field.key)}`);
-                  });
-                }
-                $$renderer5.push(`<!--]-->`);
-              }
-            );
-            $$renderer4.push(`</label> `);
-            if (selectedField()) {
-              $$renderer4.push("<!--[0-->");
-              if (usesFreeform()) {
-                $$renderer4.push("<!--[0-->");
-                $$renderer4.push(`<label class="flex flex-col gap-1.5 text-sm text-rc-gray-200"><span>Value</span> `);
-                Input($$renderer4, {
-                  type: selectedField().type === "number" ? "number" : "text",
-                  class: "w-full !border-rc-gray-500 !bg-rc-gray-900 !py-2",
-                  onkeydown: (event) => {
-                    if (event.key === "Enter" && canAdd()) addFilter();
-                  },
-                  get value() {
-                    return freeformValue;
-                  },
-                  set value($$value) {
-                    freeformValue = $$value;
-                    $$settled = false;
-                  }
-                });
-                $$renderer4.push(`<!----> <span class="text-xs text-rc-gray-400">This field has ${escape_html(selectedField().variantCount)} distinct values.</span></label>`);
-              } else {
-                $$renderer4.push("<!--[-1-->");
-                $$renderer4.push(`<fieldset class="flex flex-col gap-1.5"><legend class="mb-1 text-sm text-rc-gray-200">Values</legend> <div class="rc-scroll max-h-72 overflow-y-auto rounded-lg border border-rc-gray-600 bg-rc-gray-900 p-1"><!--[-->`);
-                const each_array_1 = ensure_array_like(selectedField().values);
-                for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-                  let item = each_array_1[$$index_1];
-                  $$renderer4.push(`<label class="flex cursor-pointer items-center gap-3 rounded px-3 py-2 text-sm text-rc-gray-100 hover:bg-rc-gray-700"><input type="checkbox"${attr("checked", isSelected(item.value), true)}/> <span class="min-w-0 flex-1 break-words">${escape_html(formatValue(item.value))}</span> <span class="ml-auto text-[calc(0.875rem-1pt)] tabular-nums text-rc-gray-400">${escape_html(item.count)}</span></label>`);
-                }
-                $$renderer4.push(`<!--]--></div></fieldset>`);
-              }
-              $$renderer4.push(`<!--]-->`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]-->`);
-          }
-          $$renderer4.push(`<!--]--></div>`);
-        }, footer = function($$renderer4) {
-          Button($$renderer4, {
-            variant: "secondary",
-            onclick: () => open = false,
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Cancel`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Button($$renderer4, {
-            onclick: addFilter,
-            disabled: !canAdd(),
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Add filter`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!---->`);
-        };
-        Modal($$renderer3, {
-          title: "Add analytics filter",
-          class: "!max-w-lg",
-          get open() {
-            return open;
-          },
-          set open($$value) {
-            open = $$value;
-            $$settled = false;
-          },
-          children,
-          footer,
-          $$slots: { default: true, footer: true }
-        });
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { open });
-  });
-}
-function _layout($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const client = new TelescopeClient(fetch);
-    let agents = [];
-    let conversations = void 0;
-    let selectedConversation = null;
-    const currentAgent = derived(() => (page.url.searchParams.get("agent") ?? "").trim());
-    const currentRegion = derived(() => (page.url.searchParams.get("region") ?? "").trim());
-    let phoneQuery = "";
-    let pageSize = 20;
-    let pageSizeStr = "20";
-    let sortDesc = true;
-    let cursorStack = [];
-    let lastConversationId = null;
-    let loading = false;
-    let error = null;
-    let telescopeSources = [];
-    let telescopeSourceId = "";
-    let analyticsFields = [];
-    let activeAnalyticsFilters = [];
-    let analyticsFieldsLoading = false;
-    let analyticsFieldsError = null;
-    let filterDialogOpen = false;
-    let conversationRequestId = 0;
-    let analyticsFieldsRequestId = 0;
-    const availableAnalyticsFields = derived(() => analyticsFields.filter((field) => !activeAnalyticsFilters.some((filter) => filter.key === field.key)));
-    let loadedConversationFilterKey = null;
-    const currentConversationFilterKey = derived(() => JSON.stringify([currentAgent(), telescopeSourceId, activeAnalyticsFilters]));
-    const currentConversations = derived(() => loadedConversationFilterKey === currentConversationFilterKey() ? conversations : void 0);
-    const totalLoaded = derived(() => currentConversations()?.items.length ?? 0);
-    let { useMock = false, children } = $$props;
-    const { onError } = getAgentsContext();
-    function fmtDate(ms) {
-      return new Date(ms).toLocaleString();
-    }
-    function fmtDuration(sec) {
-      const totalSeconds = Math.round(sec);
-      const mm = Math.floor(totalSeconds / 60);
-      const ss = totalSeconds % 60;
-      return `${mm}:${String(ss).padStart(2, "0")}`;
-    }
-    function resetSelectionData() {
-      conversationRequestId += 1;
-      analyticsFieldsRequestId += 1;
-      selectedConversation = null;
-      conversations = void 0;
-      loadedConversationFilterKey = null;
-      analyticsFields = [];
-      activeAnalyticsFilters = [];
-      cursorStack = [];
-      lastConversationId = null;
-      loading = true;
-      analyticsFieldsLoading = true;
-      analyticsFieldsError = null;
-      filterDialogOpen = false;
-    }
-    function buildAgentSearch(agentId = currentAgent(), region = agentId === currentAgent() ? currentRegion() : "") {
-      const params = new URLSearchParams();
-      if (agentId) params.set("agent", agentId);
-      if (agentId && region) params.set("region", region);
-      if (telescopeSourceId) params.set(TELESCOPE_SOURCE_QUERY_PARAM, telescopeSourceId);
-      const search = params.toString();
-      return search ? `?${search}` : "";
-    }
-    function buildConversationsUrl(agentId = currentAgent()) {
-      return `${// When user clicks Next: push current cursor to stack and advance
-      // Prev: pop one cursor and request page starting before that cursor (or empty to go first)
-      // Already on first page, do nothing
-      // pop last cursor (we are currently after it)
-      viewBase()}/conversations${buildAgentSearch(agentId)}`;
-    }
-    async function fetchConversationsFromApi(phoneNumber, limit = pageSize, lastConversationId2, agentId, analyticsFilters = activeAnalyticsFilters) {
-      if (useMock) {
-        return mockGenerator.fetchConversations(limit, phoneNumber, lastConversationId2 ?? void 0);
-      } else {
-        return client.getConversations({
-          phoneNumber,
-          agentId,
-          analyticsFilters,
-          limit: Number(limit),
-          lastConversationId: lastConversationId2 ?? void 0
-        });
-      }
-    }
-    async function loadFirstPage() {
-      cursorStack = [];
-      lastConversationId = null;
-      await loadPage();
-    }
-    async function onTelescopeSourceChange(e) {
-      const next = e.target.value;
-      telescopeSourceId = next;
-      persistTelescopeSourceId(next);
-      client.setSourceId(next);
-      resetSelectionData();
-      await goto(buildConversationsUrl());
-      await Promise.all([loadAnalyticsFields(), loadFirstPage()]);
-    }
-    async function loadPage() {
-      const requestId = ++conversationRequestId;
-      const requestedFilters = activeAnalyticsFilters.map((filter) => ({ ...filter, values: [...filter.values] }));
-      const requestAgent = currentAgent();
-      const requestFilterKey = JSON.stringify([requestAgent, telescopeSourceId, requestedFilters]);
-      loading = true;
-      error = null;
-      try {
-        const resp = await fetchConversationsFromApi(phoneQuery || void 0, pageSize, lastConversationId ?? void 0, requestAgent || void 0, requestedFilters);
-        if (requestId !== conversationRequestId || requestFilterKey !== currentConversationFilterKey()) return;
-        const items = Array.isArray(resp.items) ? resp.items.slice() : [];
-        conversations = {
-          limit: resp.limit,
-          items,
-          lastConversationId: resp.lastConversationId
-        };
-        loadedConversationFilterKey = requestFilterKey;
-        lastConversationId = resp.lastConversationId ?? null;
-      } catch (e) {
-        if (requestId !== conversationRequestId || requestFilterKey !== currentConversationFilterKey()) return;
-        error = "Conversations could not be loaded for this selection.";
-        onError(error);
-        console.error("Load page error:", e);
-      } finally {
-        if (requestId === conversationRequestId) loading = false;
-      }
-    }
-    async function loadAnalyticsFields() {
-      const requestId = ++analyticsFieldsRequestId;
-      analyticsFieldsLoading = true;
-      analyticsFieldsError = null;
-      analyticsFields = [];
-      if (useMock) {
-        analyticsFieldsLoading = false;
-        return;
-      }
-      try {
-        const response = await client.getAnalyticsFields(currentAgent() || void 0);
-        if (requestId !== analyticsFieldsRequestId) return;
-        analyticsFields = response.items;
-      } catch (e) {
-        if (requestId !== analyticsFieldsRequestId) return;
-        analyticsFieldsError = "Filters are unavailable for this selection.";
-        console.error("Failed to load analytics fields:", e);
-      } finally {
-        if (requestId === analyticsFieldsRequestId) analyticsFieldsLoading = false;
-      }
-    }
-    function addAnalyticsFilter(filter) {
-      activeAnalyticsFilters = [...activeAnalyticsFilters, filter];
-      void loadFirstPage();
-    }
-    function formatAnalyticsValue(value) {
-      if (typeof value === "boolean") return value ? "Yes" : "No";
-      return String(value);
-    }
-    function formatAnalyticsFilter(filter) {
-      return `${filter.key}: ${filter.values.map(formatAnalyticsValue).join(", ")}`;
-    }
-    async function onNext() {
-      if (!currentConversations()?.lastConversationId) return;
-      cursorStack.push(currentConversations().lastConversationId);
-      lastConversationId = currentConversations().lastConversationId;
-      await loadPage();
-    }
-    async function onPrev() {
-      if (!cursorStack.length) {
-        return;
-      }
-      cursorStack.pop();
-      lastConversationId = cursorStack.length ? cursorStack[cursorStack.length - 1] : null;
-      await loadPage();
-    }
-    function toggleSort() {
-      sortDesc = !sortDesc;
-      if (currentConversations()?.items) {
-        currentConversations().items.sort((a, b) => sortDesc ? b.createdAt - a.createdAt : a.createdAt - b.createdAt);
-      }
-    }
-    function onPageSizeChange(e) {
-      const v = e.target.value;
-      pageSizeStr = v;
-      pageSize = parseInt(pageSizeStr, 10) || 20;
-    }
-    async function onSearch() {
-      await loadFirstPage();
-    }
-    const activeTopTab = derived(() => {
-      const head2 = page.url.pathname.split("/")[1];
-      return head2 === "traces" ? "view" : head2;
-    });
-    const viewBase = derived(() => page.url.pathname.startsWith("/view") ? "/view" : "/traces");
-    function handleTabChange({ value }) {
-      if (value === activeTopTab()) return;
-      if (value === "edit") {
-        if (!currentAgent()) return goto();
-        const params = new URLSearchParams();
-        if (currentRegion()) params.set("region", currentRegion());
-        const search = params.toString();
-        return goto(`/edit/${encodeURIComponent(currentAgent())}/roleplay${search ? `?${search}` : ""}`);
-      }
-      if (value === "view") return goto(buildConversationsUrl());
-      goto();
-    }
-    async function handleAgentClick(agentId, event) {
-      event?.stopPropagation();
-      if (agentId === currentAgent()) return;
-      resetSelectionData();
-      await goto(buildConversationsUrl(agentId));
-    }
-    async function handleAllAgentsClick(event) {
-      event?.stopPropagation();
-      if (!currentAgent()) return;
-      resetSelectionData();
-      await goto(buildConversationsUrl(""));
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      head("1uk1thp", $$renderer3, ($$renderer4) => {
-        $$renderer4.title(($$renderer5) => {
-          $$renderer5.push(`<title>Bosun: Telescope</title>`);
-        });
-      });
-      $$renderer3.push(`<div class="flex h-screen">`);
-      AgentSidebar($$renderer3, {
-        agents,
-        currentAgent: currentAgent(),
-        onAgentClick: handleAgentClick,
-        showAllAgentsOption: true,
-        onAllAgentsClick: handleAllAgentsClick,
-        className: "flex-none"
-      });
-      $$renderer3.push(`<!----> <div class="flex h-full min-w-0 flex-1 flex-col bg-rc-gray-980 pb-3 pr-4 pt-2"><nav class="flex flex-none flex-col bg-rc-gray-980"><div class="flex items-center justify-center">`);
-      Tabs($$renderer3, {
-        value: activeTopTab(),
-        ariaLabel: "Top tabs",
-        onChange: handleTabChange,
-        children: ($$renderer4) => {
-          Tab($$renderer4, {
-            value: "edit",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Edit`);
-            }
-          });
-          $$renderer4.push(`<!----> `);
-          Tab($$renderer4, {
-            value: "view",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->View`);
-            }
-          });
-          $$renderer4.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----></div> <div class="flex flex-wrap items-center gap-4"><div class="flex-1"><label class="block"><div class="flex gap-2">`);
-      $$renderer3.select(
-        {
-          class: "select",
-          value: telescopeSourceId,
-          disabled: !telescopeSources.length,
-          onchange: onTelescopeSourceChange,
-          "aria-label": "Telescope source",
-          title: "Telescope source"
-        },
-        ($$renderer4) => {
-          if (telescopeSources.length) {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`<!--[-->`);
-            const each_array = ensure_array_like(telescopeSources);
-            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-              let source = each_array[$$index];
-              $$renderer4.option({ value: source.id }, ($$renderer5) => {
-                $$renderer5.push(`${escape_html(source.label)}`);
-              });
-            }
-            $$renderer4.push(`<!--]-->`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            $$renderer4.option({ value: "" }, ($$renderer5) => {
-              $$renderer5.push(`${escape_html("No sources")}`);
-            });
-          }
-          $$renderer4.push(`<!--]-->`);
-        },
-        "svelte-1uk1thp"
-      );
-      $$renderer3.push(` <div class="relative">`);
-      Input($$renderer3, {
-        class: "w-56 rounded-r-none !border !border-rc-gray-500 !p-2 !pr-8 hover:border-rc-gray-400",
-        placeholder: "Search by phone...",
-        onkeydown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            e.stopPropagation();
-            onSearch();
-          }
-        },
-        get value() {
-          return phoneQuery;
-        },
-        set value($$value) {
-          phoneQuery = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!---->`);
-      if (phoneQuery) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<button type="button" aria-label="Clear search" class="absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded p-1 text-rc-gray-200 hover:bg-rc-gray-600 hover:text-rc-gray-100 focus:outline-none">`);
-        Icon($$renderer3, { name: "close", width: 18, height: 18 });
-        $$renderer3.push(`<!----></button>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div> `);
-      Button($$renderer3, {
-        onclick: onSearch,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->Search`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> <!--[-->`);
-      const each_array_1 = ensure_array_like(activeAnalyticsFilters);
-      for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-        let filter = each_array_1[$$index_1];
-        $$renderer3.push(`<div class="flex max-w-80 items-center gap-1 rounded-lg border border-rc-gray-500 bg-rc-gray-700 py-1 pl-3 pr-1 text-sm text-rc-gray-100"${attr("title", formatAnalyticsFilter(filter))}><span class="truncate">${escape_html(formatAnalyticsFilter(filter))}</span> <button type="button" class="flex-none rounded p-1 text-rc-gray-300 hover:bg-rc-gray-600 hover:text-rc-gray-100"${attr("aria-label", `Remove ${filter.key} filter`)}>`);
-        Icon($$renderer3, { name: "close", width: 16, height: 16 });
-        $$renderer3.push(`<!----></button></div>`);
-      }
-      $$renderer3.push(`<!--]--> `);
-      Button($$renderer3, {
-        variant: "secondary",
-        disabled: analyticsFieldsLoading || availableAnalyticsFields().length === 0,
-        title: analyticsFieldsError ?? "Add analytics filter",
-        onclick: () => filterDialogOpen = true,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->Add filter`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----></div></label></div> <div class="hidden items-center gap-2"><div class="text-rc-gray-200">Sort:</div> `);
-      Button($$renderer3, {
-        onclick: toggleSort,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->${escape_html(sortDesc ? "Newest first" : "Oldest first")}`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----></div> <div class="hidden items-center gap-2"><div class="text-rc-gray-200">Page size:</div> `);
-      $$renderer3.select(
-        {
-          class: "rounded-sm border border-rc-gray-300 bg-rc-gray-700 p-2 pr-8 text-rc-gray-100",
-          value: pageSizeStr,
-          onchange: onPageSizeChange
-        },
-        ($$renderer4) => {
-          $$renderer4.option({ value: "5" }, ($$renderer5) => {
-            $$renderer5.push(`5`);
-          });
-          $$renderer4.option({ value: "10" }, ($$renderer5) => {
-            $$renderer5.push(`10`);
-          });
-          $$renderer4.option({ value: "20" }, ($$renderer5) => {
-            $$renderer5.push(`20`);
-          });
-          $$renderer4.option({ value: "50" }, ($$renderer5) => {
-            $$renderer5.push(`50`);
-          });
-        }
-      );
-      $$renderer3.push(`</div> <div class="flex items-center gap-3"><div class="flex items-center gap-2">`);
-      Button($$renderer3, {
-        onclick: onPrev,
-        disabled: cursorStack.length === 0 && !lastConversationId,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->Prev`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> `);
-      Button($$renderer3, {
-        onclick: onNext,
-        disabled: !currentConversations()?.items.length,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->Next`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> <div class="text-sm text-rc-gray-200">Items: ${escape_html(totalLoaded())}</div></div></div> <div class="ml-auto whitespace-nowrap text-sm"><span class="text-gray-400">API Mode:</span> <span class="font-semibold text-rc-green-200">${escape_html(useMock ? "Mock (local)" : "Live")}</span></div></div></nav> <main class="flex flex-1 overflow-hidden"><div class="flex h-full w-1/3 flex-col"><div class="flex-none border-b border-rc-gray-300/40 p-4"><h2 class="text-lg font-semibold text-rc-gray-100">Conversations</h2></div> <div class="rc-scroll min-h-0 flex-1 overflow-scroll px-3 py-4">`);
-      if (loading) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<p class="py-8 text-center text-rc-gray-200">Loading...</p>`);
-      } else if (!currentConversations()?.items?.length) {
-        $$renderer3.push("<!--[1-->");
-        $$renderer3.push(`<p class="py-8 text-center text-rc-gray-300">No conversations found</p>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        $$renderer3.push(`<ul class="space-y-2"><!--[-->`);
-        const each_array_2 = ensure_array_like(currentConversations().items);
-        for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
-          let conversation = each_array_2[$$index_2];
-          $$renderer3.push(`<li${attr_class(
-            `cursor-pointer rounded-lg p-3 transition-colors ${(page.params.conversationId ? conversation.conversationId === page.params.conversationId : conversation.conversationId === selectedConversation?.conversationId) ? "bg-rc-gray-600" : "bg-rc-gray-700 hover:bg-rc-gray-650"}`,
-            "svelte-1uk1thp"
-          )}${attr("aria-selected", page.params.conversationId ? conversation.conversationId === page.params.conversationId : conversation.conversationId === selectedConversation?.conversationId)}><div class="flex w-full flex-col gap-2"><div class="flex w-full items-center justify-between"><div class="text-gray-300">${escape_html(fmtDate(conversation.createdAt))}</div> <div class="flex items-center gap-2"><span class="text-xs text-rc-gray-300">${escape_html(conversation.medium)}</span> <span class="font-semibold text-rc-gray-100">${escape_html(conversation.phoneNumber)}</span></div></div> <div class="flex items-center justify-between gap-4"><div class="text-sm"><span class="text-rc-gray-200">Conversation Id:</span> <span class="text-rc-green-200">${escape_html(conversation.conversationId)}</span> `);
-          if (!currentAgent() && conversation.agentId) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<span class="text-rc-gray-200">, Agent Id:</span> <span class="text-rc-green-200">${escape_html(conversation.agentId)}</span>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--></div> <p class="text-sm text-gray-400">Duration: ${escape_html(fmtDuration(conversation.duration ?? 0))}</p></div></div></li>`);
-        }
-        $$renderer3.push(`<!--]--></ul>`);
-      }
-      $$renderer3.push(`<!--]--></div></div> <div class="flex h-full w-2/3 flex-col bg-rc-gray-980">`);
-      children($$renderer3);
-      $$renderer3.push(`<!----></div></main></div></div> `);
-      AnalyticsFilterDialog($$renderer3, {
-        fields: availableAnalyticsFields(),
-        onAdd: addAnalyticsFilter,
-        get open() {
-          return filterDialogOpen;
-        },
-        set open($$value) {
-          filterDialogOpen = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!---->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-export { _layout as default };
-//# sourceMappingURL=_layout.svelte-DPP4TE7p.js.map