sentiero 1.0.0.alpha1

data/lib/sentiero/user_agent.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Sentiero
+  # User-Agent classifier into coarse buckets — good enough for distribution
+  # charts, not for precise version detection.
+  module UserAgent
+    module_function
+
+    def device(user_agent)
+      return if !user_agent || user_agent.empty?
+      if user_agent.match?(/Tablet|iPad/i)
+        "Tablet"
+      elsif user_agent.match?(/Mobile|Android|iPhone/i)
+        "Mobile"
+      else
+        "Desktop"
+      end
+    end
+
+    def browser(user_agent)
+      return if !user_agent || user_agent.empty?
+      case user_agent
+      when /Edg\//i then "Edge"
+      when /OPR\//i, /Opera/i then "Opera"
+      when /Chrome\//i then "Chrome"
+      when /Safari\//i then "Safari"
+      when /Firefox\//i then "Firefox"
+      else "Other"
+      end
+    end
+  end
+end

data/lib/sentiero/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module Sentiero
+  VERSION = "1.0.0.alpha1"
+end

data/lib/sentiero/web/analytics_app.rb

@@ -0,0 +1,538 @@
+# frozen_string_literal: true
+
+require_relative "base_app"
+require_relative "../analytics/stats_aggregator"
+require_relative "../analytics/segmenter"
+require_relative "../analytics/error_discovery"
+require_relative "../analytics/heatmap_analyzer"
+require_relative "../analytics/scroll_depth_analyzer"
+require_relative "../analytics/form_analyzer"
+require_relative "../analytics/exporter"
+require_relative "csv_writer"
+require_relative "shareable_replay"
+
+module Sentiero
+  module Web
+    # Rack app owning all /analytics/* routes.
+    # Mounted at the same point as DashboardApp (which delegates /analytics requests here),
+    # so PATH_INFO/SCRIPT_NAME are read from env to preserve base_path.
+    class AnalyticsApp < BaseApp
+      def initialize
+        super
+        BaseApp.warn_unauthenticated_once
+      end
+
+      def call(env)
+        path = env["PATH_INFO"] || "/"
+
+        return unauthorized_response unless authorized?(env)
+
+        case path
+        when "/analytics"
+          handle_overview(env)
+        when "/analytics/heatmap"
+          handle_heatmap(env)
+        when "/analytics/heatmap.json"
+          handle_heatmap_json(env)
+        when "/analytics/segments"
+          handle_segments(env)
+        when "/analytics/scroll"
+          handle_scroll(env)
+        when "/analytics/vitals"
+          handle_vitals(env)
+        when "/analytics/frustration"
+          handle_frustration(env)
+        when "/analytics/funnel"
+          handle_funnel(env)
+        when "/analytics/engagement"
+          handle_engagement(env)
+        when "/analytics/conversions"
+          handle_conversions(env)
+        when "/analytics/forms"
+          handle_forms(env)
+        when "/analytics/page"
+          handle_page(env)
+        when "/analytics/export"
+          handle_export_index(env)
+        when %r{\A/analytics/export/(\w+)\.(csv|json)\z}
+          handle_export_download(env, $1, $2)
+        when %r{\A/analytics/share/([^/]+)\z}
+          id = $1
+          return invalid_id unless valid_id?(id)
+          return not_found unless shareable_replays?
+          handle_share(env, id)
+        when "/analytics/import"
+          return not_found unless shareable_replays?
+          handle_import(env)
+        else
+          not_found
+        end
+      end
+
+      ALLOWED_RANGES = [14, 30, 90].freeze
+      DEFAULT_RANGE = 30
+
+      BROWSER_OPTIONS = %w[Chrome Safari Firefox Edge Opera Other].freeze
+      DEVICE_OPTIONS = %w[Desktop Mobile Tablet].freeze
+      METADATA_MATCH_OPTIONS = %w[exact contains].freeze
+
+      ENGAGEMENT_SORTS = %w[score duration].freeze
+
+      # Cap on free-text filter inputs
+      MAX_FILTER_LENGTH = 256
+
+      private
+
+      def shareable_replays?
+        Sentiero.configuration.shareable_replays
+      end
+
+      def handle_segments(env)
+        params = query_params(env)
+        filters = parse_segment_filters(params)
+
+        page, per_page, offset = paginate(params, default: 20, max: 100)
+
+        result = Sentiero::Analytics::Segmenter.new(Sentiero.store, **filters.except(:since_param, :until_param))
+          .matching(limit: per_page, offset: offset)
+
+        audit!(env, action: :list_sessions)
+
+        render_page(env, Views::SegmentsView.new(
+          filters: filters,
+          browser_options: BROWSER_OPTIONS,
+          device_options: DEVICE_OPTIONS,
+          sessions: result[:sessions],
+          page: page,
+          per_page: per_page,
+          has_next: result[:has_next],
+          was_truncated: result[:was_truncated],
+          filter_query: segment_filter_query(filters)
+        ))
+      end
+
+      def render_analyzer_page(env, analyzer:, view_class:)
+        params = query_params(env)
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        result = analyzer.new(Sentiero.store).analyze(since: since, until_time: until_time)
+
+        render_page(env, view_class.new(
+          pages: result[:pages],
+          was_truncated: result[:was_truncated],
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      def handle_scroll(env)
+        render_analyzer_page(env,
+          analyzer: Sentiero::Analytics::ScrollDepthAnalyzer,
+          view_class: Views::ScrollView)
+      end
+
+      def handle_forms(env)
+        params = query_params(env)
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        result = Sentiero::Analytics::FormAnalyzer.new(Sentiero.store)
+          .analyze(since: since, until_time: until_time)
+
+        render_page(env, Views::FormsView.new(
+          sessions_started: result[:sessions_with_form_interaction],
+          sessions_completed: result[:sessions_completed],
+          completion_rate: result[:completion_rate],
+          total_submits: result[:total_submits],
+          fields: result[:fields],
+          drop_off_fields: result[:drop_off_fields],
+          was_truncated: result[:was_truncated],
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      # Per-URL drill-down composing every metric for one selected URL. Read-only
+      # aggregate (no session listing), so not audited.
+      def handle_page(env)
+        require_relative "../analytics/page_report_analyzer"
+
+        params = query_params(env)
+        url = clean_text(params["url"])
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        urls = Sentiero::Analytics::HeatmapAnalyzer.new(Sentiero.store).recorded_urls.sort
+
+        report = if url
+          Sentiero::Analytics::PageReportAnalyzer.new(Sentiero.store)
+            .analyze(url, since: since, until_time: until_time)
+        end
+
+        render_page(env, Views::PageReportView.new(
+          report: report,
+          urls: urls,
+          selected_url: url,
+          was_truncated: report ? report[:was_truncated] : false,
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      def handle_heatmap(env)
+        params = query_params(env)
+        selected_url = clean_text(params["url"])
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        analyzer = Sentiero::Analytics::HeatmapAnalyzer.new(Sentiero.store)
+        # The picker lists every recorded page (not just in-range ones) so a
+        # range tweak never empties the dropdown.
+        urls = analyzer.recorded_urls.sort
+        selected_url ||= urls.first
+
+        # Only run the (expensive) per-event scan when a URL is selected. This
+        # scan exists only to render the truncation banner; heatmap.json scans
+        # again for the grid data (deduplicating is a deferred optimization).
+        was_truncated = selected_url ? analyzer.analyze(selected_url, since: since, until_time: until_time)[:was_truncated] : false
+
+        base_path = base_path(env)
+        config = JSON.generate({
+          jsonUrl: heatmap_json_url(base_path, since_param, until_param),
+          eventsUrlTemplate: "#{base_path}/api/sessions/{session}/windows/{window}/events",
+          selectedUrl: selected_url
+        })
+
+        render_page(env, Views::HeatmapView.new(
+          urls: urls,
+          selected_url: selected_url,
+          was_truncated: was_truncated,
+          config_json: config,
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      def heatmap_json_url(base_path, since_param, until_param)
+        url = "#{base_path}/analytics/heatmap.json"
+        range = {"since" => since_param, "until" => until_param}.reject { |_key, value| value.empty? }
+        range.empty? ? url : "#{url}?#{Rack::Utils.build_query(range)}"
+      end
+
+      # Read-only JSON API for the heatmap canvas. The bucket grid is keyed by
+      # [col, row] tuples server-side; it is emitted as a flat list of
+      # {x, y, count} so it round-trips through JSON.
+      def handle_heatmap_json(env)
+        params = query_params(env)
+        url = clean_text(params["url"])
+        since, until_time = parse_range_params(params)
+
+        result = if url
+          Sentiero::Analytics::HeatmapAnalyzer.new(Sentiero.store).analyze(url, since: since, until_time: until_time)
+        else
+          {clicks_by_bucket: {}, top_elements: [], total_clicks: 0, representative_window: nil, was_truncated: false}
+        end
+
+        payload = {
+          grid_size: Sentiero::Analytics::HeatmapAnalyzer::GRID_SIZE,
+          total_clicks: result[:total_clicks],
+          clicks_by_bucket: result[:clicks_by_bucket].map { |(x, y), count| {x: x, y: y, count: count} },
+          top_elements: result[:top_elements],
+          representative_window: result[:representative_window],
+          was_truncated: result[:was_truncated]
+        }
+
+        [200, json_headers, [JSON.generate(payload)]]
+      end
+
+      def handle_export_index(env)
+        params = query_params(env)
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        render_page(env, Views::ExportView.new(
+          shareable_replays: shareable_replays?,
+          since: since_param,
+          until_str: until_param,
+          datasets: Sentiero::Analytics::Exporter::DATASETS
+        ))
+      end
+
+      # Downloads are POST + CSRF-guarded.
+      def handle_export_download(env, dataset, format)
+        return [405, {"content-type" => "text/plain"}, ["Method Not Allowed"]] unless env["REQUEST_METHOD"] == "POST"
+
+        post_params = Rack::Request.new(env).POST
+        return forbidden_csrf unless valid_csrf_token?(env, post_params["csrf_token"])
+
+        exporter = Sentiero::Analytics::Exporter.new(Sentiero.store)
+        return not_found unless exporter.dataset?(dataset)
+
+        audit!(env, action: :export, dataset: dataset)
+
+        since, until_time = parse_range_params(post_params)
+        table = exporter.table(dataset, since: since, until_time: until_time)
+        body, content_type = render_export(table, format)
+        filename = "#{dataset}#{range_filename_suffix(since, until_time)}.#{format}"
+        [200, download_headers(content_type, filename), [body]]
+      end
+
+      def range_filename_suffix(since, until_time)
+        return "" unless since || until_time
+
+        from = since ? Time.at(since).utc.strftime("%Y-%m-%d") : "start"
+        to = until_time ? Time.at(until_time).utc.strftime("%Y-%m-%d") : "now"
+        "_#{from}_to_#{to}"
+      end
+
+      def render_export(table, format)
+        if format == "csv"
+          [CsvWriter.generate(table[:headers], table[:rows]), "text/csv"]
+        else
+          [JSON.generate(table), "application/json"]
+        end
+      end
+
+      def handle_share(env, id)
+        html = ShareableReplay.new(Sentiero.store, id).html
+        return not_found if html.nil?
+
+        audit!(env, action: :share, session_id: id)
+
+        [200, download_headers("text/html", "session-#{sanitize_filename(id)}.html"), [html]]
+      end
+
+      def sanitize_filename(id)
+        id.gsub(/[^a-zA-Z0-9_-]/, "")
+      end
+
+      def download_headers(content_type, filename)
+        {
+          "content-type" => content_type,
+          "content-disposition" => "attachment; filename=\"#{filename}\"",
+          "x-content-type-options" => "nosniff"
+        }
+      end
+
+      def parse_segment_filters(params)
+        since = parse_since_param(params["since"])
+        until_time = parse_until_param(params["until"])
+
+        {
+          browser: allowed(params["browser"], BROWSER_OPTIONS),
+          device: allowed(params["device"], DEVICE_OPTIONS),
+          url_pattern: clean_text(params["url_pattern"]),
+          metadata_key: clean_text(params["metadata_key"]),
+          metadata_value: clean_text(params["metadata_value"]),
+          metadata_match: allowed(params["metadata_match"], METADATA_MATCH_OPTIONS) || "exact",
+          has_errors: params["has_errors"] == "true",
+          min_duration_ms: parse_duration_seconds(params["min_duration"]),
+          max_duration_ms: parse_duration_seconds(params["max_duration"]),
+          since: since,
+          until_time: until_time,
+          # Raw strings, echoed back to the form/pagination only when they
+          # parsed successfully (so garbage input is dropped, not round-tripped).
+          since_param: since ? clean_text(params["since"]) : nil,
+          until_param: until_time ? clean_text(params["until"]) : nil
+        }
+      end
+
+      def segment_filter_query(filters)
+        query = {
+          "browser" => filters[:browser],
+          "device" => filters[:device],
+          "url_pattern" => filters[:url_pattern],
+          "metadata_key" => filters[:metadata_key],
+          "metadata_value" => filters[:metadata_value],
+          "metadata_match" => filters[:metadata_match],
+          "min_duration" => filters[:min_duration_ms]&.then { |ms| ms / 1000 },
+          "max_duration" => filters[:max_duration_ms]&.then { |ms| ms / 1000 },
+          "since" => filters[:since_param],
+          "until" => filters[:until_param]
+        }.compact
+        query["has_errors"] = "true" if filters[:has_errors]
+        Rack::Utils.build_query(query)
+      end
+
+      def allowed(value, options)
+        options.include?(value) ? value : nil
+      end
+
+      def clean_text(value)
+        return nil unless value.is_a?(String)
+        stripped = value.strip
+        return nil if stripped.empty?
+        stripped[0, MAX_FILTER_LENGTH]
+      end
+
+      # The form takes durations in whole seconds; the Segmenter works in ms.
+      def parse_duration_seconds(value)
+        return nil unless value.is_a?(String) && value.match?(/\A\d+\z/)
+        value.to_i * 1000
+      end
+
+      def handle_overview(env)
+        params = query_params(env)
+        range_days = parse_range(params["range"])
+        # Custom since/until bounds take precedence over the ?range=N preset
+        # (which stays supported as an alias / quick-fill).
+        since, until_time = parse_range_params(params)
+
+        aggregator = Sentiero::Analytics::StatsAggregator.new(Sentiero.store)
+        # One widened scan yields both the current window (carrying the bounded
+        # server-exception overlay) and the equal-length prior window for deltas.
+        combined = aggregator.aggregate_with_prior(range_days: range_days, since: since, until_time: until_time)
+        stats = combined[:current]
+
+        render_page(env, Views::AnalyticsIndexView.new(
+          range_days: range_days,
+          allowed_ranges: ALLOWED_RANGES,
+          custom_range: !(since.nil? && until_time.nil?),
+          since: since ? params["since"].to_s : "",
+          until_str: until_time ? params["until"].to_s : "",
+          deltas: overview_deltas(stats, combined[:prior]),
+          stats: stats
+        ))
+      end
+
+      def parse_range(value)
+        range = value.to_i
+        ALLOWED_RANGES.include?(range) ? range : DEFAULT_RANGE
+      end
+
+      # Deltas against the prior (equal-length, immediately preceding) window.
+      # Skipped when the prior aggregate is absent (zero-length window or a
+      # truncated scan) or when either window's scan was truncated.
+      def overview_deltas(stats, prior)
+        return nil if stats[:was_truncated]
+        return nil if prior.nil? || prior[:was_truncated]
+
+        {
+          sessions: percent_delta(stats[:total_sessions], prior[:total_sessions]),
+          events: percent_delta(stats[:total_events], prior[:total_events]),
+          error_free_rate: error_free_rate_delta(stats, prior)
+        }
+      end
+
+      def percent_delta(current, prior)
+        return nil if prior.nil? || prior.zero?
+        ((current - prior).to_f / prior * 100).round(1)
+      end
+
+      def error_free_rate_delta(stats, prior)
+        current_rate = error_free_rate(stats)
+        prior_rate = error_free_rate(prior)
+        return nil unless current_rate && prior_rate
+        (current_rate - prior_rate).round(1)
+      end
+
+      def error_free_rate(stats)
+        total = stats[:total_sessions]
+        return nil if total.zero?
+        (1 - stats[:sessions_with_errors].to_f / total) * 100
+      end
+
+      def handle_vitals(env)
+        require_relative "../analytics/web_vitals_analyzer"
+
+        render_analyzer_page(env,
+          analyzer: Sentiero::Analytics::WebVitalsAnalyzer,
+          view_class: Views::VitalsView)
+      end
+
+      def handle_frustration(env)
+        require_relative "../analytics/frustration_analyzer"
+
+        render_analyzer_page(env,
+          analyzer: Sentiero::Analytics::FrustrationAnalyzer,
+          view_class: Views::FrustrationView)
+      end
+
+      FUNNEL_STEP_PARAMS = %w[step1 step2 step3].freeze
+
+      def handle_funnel(env)
+        require_relative "../analytics/funnel_analyzer"
+
+        params = query_params(env)
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        requested = FUNNEL_STEP_PARAMS.filter_map { |key| clean_text(params[key]) }
+        steps = Sentiero::Analytics::FunnelAnalyzer.usable_steps(requested)
+
+        result = Sentiero::Analytics::FunnelAnalyzer.new(Sentiero.store)
+          .analyze(steps, since: since, until_time: until_time)
+
+        render_page(env, Views::FunnelView.new(
+          # Selected steps stay choosable even when out of the scanned range.
+          tags: (result[:tags] + steps).uniq.sort,
+          selected_steps: steps,
+          steps: result[:steps],
+          was_truncated: result[:was_truncated],
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      def handle_conversions(env)
+        require_relative "../analytics/conversion_analyzer"
+
+        params = query_params(env)
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        requested = clean_text(params["tag"])
+        tag = Sentiero::Analytics::FunnelAnalyzer.usable_steps([requested].compact).first
+
+        result = Sentiero::Analytics::ConversionAnalyzer.new(Sentiero.store)
+          .analyze(tag, since: since, until_time: until_time)
+
+        render_page(env, Views::ConversionsView.new(
+          # The selected tag stays choosable even when out of the scanned range.
+          tags: (result[:tags] + [tag].compact).uniq.sort,
+          selected_tag: tag,
+          entry_pages: result[:entry_pages],
+          referrers: result[:referrers],
+          utm: result[:utm],
+          was_truncated: result[:was_truncated],
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      # Per-session struggle score ranking. Surfaces individual sessions, so audited.
+      def handle_engagement(env)
+        require_relative "../analytics/engagement_analyzer"
+
+        params = query_params(env)
+        since, until_time = parse_range_params(params)
+        since_param, until_param = echo_range_params(params, since, until_time)
+
+        # Closed allow-list: anything off it (including bogus values) becomes
+        # "score" and is never echoed back into the page.
+        sort = ENGAGEMENT_SORTS.include?(params["sort"]) ? params["sort"] : "score"
+
+        result = Sentiero::Analytics::EngagementAnalyzer.new(Sentiero.store)
+          .analyze(since: since, until_time: until_time)
+
+        audit!(env, action: :list_sessions)
+
+        render_page(env, Views::EngagementView.new(
+          sessions: result[:sessions],
+          distribution: result[:distribution],
+          scanned: result[:scanned],
+          was_truncated: result[:was_truncated],
+          sort: sort,
+          since: since_param,
+          until_str: until_param
+        ))
+      end
+
+      # Client-side replay page; the replay runs in the browser, so this only renders.
+      def handle_import(env)
+        render_page(env, Views::ImportView.new)
+      end
+    end
+  end
+end

data/lib/sentiero/web/assets/analytics-RH24EOLD.js

@@ -0,0 +1 @@
+(()=>{var n=document.querySelector("[data-analytics-range]");if(n){let t=n.form,a=document.querySelector("[data-analytics-apply]"),o=t?Array.from(t.querySelectorAll('input[type="date"]')):[];n.addEventListener("change",()=>{for(let e of o)e.value="";t&&t.submit()});for(let e of o)e.addEventListener("change",()=>{t&&t.submit()});a&&(a.style.display="none")}})();

data/lib/sentiero/web/assets/dashboard-JFYNHZZV.js

@@ -0,0 +1,3 @@
+(()=>{var C={navigation:{label:"Navigation",color:"#198754"},click:{label:"Click",color:"#dc3545"},input:{label:"Input",color:"#0d6efd"},error:{label:"Error",color:"#ff0000"},custom:{label:"Custom",color:"#6f42c1"},frustration:{label:"Frustration",color:"#ff6b6b"},server_exception:{label:"Server Exception",color:"#b91c1c"},server_event:{label:"Server Event",color:"#7c3aed"}},it=1e3,S=5e3,lt=3;function ct(t){if(t.length<2)return 0;let e=0,r=t[0].timestamp,n=t[0].timestamp;for(let a=1;a<t.length;a++){let o=t[a].timestamp;o-n>S&&(e+=n-r,r=o),n=o}return e+=n-r,e}function k(t){let e=Math.round(t/1e3);if(e<60)return`${e}s`;if(e<3600){let a=Math.floor(e/60),o=e%60;return o>0?`${a}m ${o}s`:`${a}m`}let r=Math.floor(e/3600),n=Math.floor(e%3600/60);return n>0?`${r}h ${n}m`:`${r}h`}function M(t){let e=Math.floor(t/1e3),r=Math.floor(e/3600),n=Math.floor(e%3600/60),a=e%60,o=i=>(i<10?"0":"")+i;return r>0?`${r}:${o(n)}:${o(a)}`:`${n}:${o(a)}`}function _(t,e){return t.length<=e?t:t.substring(0,e-3)+"..."}function st(t){for(let e=0;e<t.length;e++)if(t[e].type===4&&t[e].data){let r=t[e].data.width,n=t[e].data.height;if(r&&n)return`${r}x${n}`}return null}function Bt(t){return!!(t&&t.type===3&&t.data&&t.data.source===5&&typeof t.data.id=="number")}function Gt(t){return!!t&&typeof t.isChecked=="boolean"}function W(t){if(!Array.isArray(t))return[];let e=new Map;for(let n=0;n<t.length;n++){let a=t[n];if(!Bt(a))continue;let o=a.data.id,i=e.get(o);i||(i={nodeId:o,fillCount:0,isToggle:!1,firstTimestamp:a.timestamp,lastTimestamp:a.timestamp},e.set(o,i)),i.fillCount+=1,i.lastTimestamp=a.timestamp,Gt(a.data)&&(i.isToggle=!0)}let r=Array.from(e.values()).sort((n,a)=>n.firstTimestamp-a.firstTimestamp);return r.forEach((n,a)=>{n.order=a+1,n.label=`Field ${a+1}`}),r}function U(t){let e=W(t),r={},n=[];for(let a=0;a<e.length;a++){let o=e[a],i=e[a+1];o.nextFieldOffset=i?i.firstTimestamp-o.firstTimestamp:null,r[o.nodeId]=o,n.push(o.label)}return{totalFields:e.length,sequence:n,byNodeId:r}}function Ht(t){return t<1e3?`${Math.round(t/100)*100}ms`:`${(Math.round(t/100)/10).toFixed(1)}s`}function dt(t,e){if(!t||t.category!=="input")return[];if(!e||!e.byNodeId)return[];let r=t.event&&t.event.data;if(!r||typeof r.id!="number")return[];let n=e.byNodeId[r.id];if(!n)return[];let a=[`Field ${n.order} of ${e.totalFields}`];return n.isToggle?n.fillCount>1&&a.push(`Toggled: ${n.fillCount} times`):n.fillCount>1&&a.push(`Re-filled: ${n.fillCount} times`),n.nextFieldOffset!=null&&n.nextFieldOffset>0&&n.nextFieldOffset<=S&&a.push(`Time to next field: ${Ht(n.nextFieldOffset)}`),a}function F(t,e){let r=[],n=t;function a(){fetch(n).then(o=>{if(!o.ok)throw new Error(`Failed to fetch events: ${o.status}`);return o.json()}).then(o=>{if(!Array.isArray(o)||o.length===0){e(null,r);return}if(r=r.concat(o),o.length<it){e(null,r);return}let i=o[o.length-1];if(i&&i.timestamp){let s=t.indexOf("?")===-1?"?":"&";n=`${t}${s}after=${i.timestamp}`,a()}else e(null,r)}).catch(o=>{r.length>0?e(null,r):e(o,[])})}a()}var j=null;function w(){return j}function Vt(t){if(t.type===4&&t.data&&t.data.href)return"navigation";if(t.type===3&&t.data){if(t.data.source===2){let e=t.data.type;return e===2||e===4||e===3||e===7?"click":null}if(t.data.source===5)return"input"}return t.type===5?t.data&&t.data.tag==="error"?"error":t.data&&t.data.tag==="navigation"?"navigation":"custom":null}function Yt(t){if(!t||t.length<2)return{map:()=>0,gaps:[]};let e=t[0].timestamp,r=t[t.length-1].timestamp,n=r-e;if(n<=0)return{map:()=>0,gaps:[]};let a=[],o=[],i=e;for(let l=1;l<t.length;l++){let c=t[l].timestamp-t[l-1].timestamp;c>S&&(o.push({start:i,end:t[l-1].timestamp}),a.push({start:t[l-1].timestamp,end:t[l].timestamp,duration:c}),i=t[l].timestamp)}if(o.push({start:i,end:r}),a.length===0)return{map:l=>(l-e)/n,gaps:[]};let s=0;for(let l=0;l<o.length;l++)s+=o[l].end-o[l].start;let f=a.length*lt;f>40&&(f=40);let u=f/a.length,m=100-f,d=[],p=0;for(let l=0;l<o.length;l++){let c=o[l].end-o[l].start,h=s>0?c/s*m:0;d.push({type:"active",start:o[l].start,end:o[l].end,posStart:p,posEnd:p+h}),p+=h,l<a.length&&(d.push({type:"gap",start:a[l].start,end:a[l].end,duration:a[l].duration,posStart:p,posEnd:p+u}),p+=u)}function g(l){for(let c=0;c<d.length;c++){let h=d[c];if(h.type==="active"&&l>=h.start&&l<=h.end){let v=h.end-h.start,V=v>0?(l-h.start)/v:0;return(h.posStart+V*(h.posEnd-h.posStart))/100}}for(let c=0;c<d.length;c++)if(d[c].type==="gap"&&l>=d[c].start&&l<=d[c].end)return d[c].posStart/100;return l<=e?0:1}let y=d.filter(l=>l.type==="gap");return{map:g,gaps:y}}function mt(t){if(!t||t.length===0)return[];let e=t[0].timestamp;j=Yt(t);let r=U(t),n=0,a=[];for(let o=0;o<t.length;o++){let i=Vt(t[o]);if(!i)continue;let s={index:o,timestamp:t[o].timestamp,offset:t[o].timestamp-e,position:j.map(t[o].timestamp),category:i,event:t[o]};i==="navigation"&&t[o].type===4&&(n++,s.metaIndex=n),i==="input"&&(s.formContext=r),a.push(s)}return a}function yt(t){return Array.isArray(t)?t.map(e=>({offset:e.offset_ms||0,category:e.kind==="exception"?"server_exception":"server_event",kind:e.kind,label:e.label||"",level:e.level||"",href:e.href||null,isServerMarker:!0})):[]}function q(t){return typeof t.isChecked=="boolean"}function R(t){if(t.isServerMarker)return t.label||(t.category==="server_exception"?"Server exception":"Server event");if(t.category==="navigation"&&t.event.data&&t.event.data.href){let r=t.event.data.href;try{let n=_(new URL(r).pathname,40);return t.metaIndex===1?`Page loaded: ${n}`:`Navigated to: ${n}`}catch{return t.metaIndex===1?"Page loaded":"Page navigation"}}if(t.category==="navigation"&&t.event.data&&t.event.data.payload){let r=t.event.data.payload,n=r.url||"",a=r.external?"Leaving to: ":"Navigating to: ";try{let o=new URL(n),i=r.external?o.hostname+o.pathname:o.pathname;return a+_(i,40)}catch{return a+_(n,40)}}if(t.category==="click"&&t.event.data){let r=t.event.data.type,n="Click";return r===4?n="Double Click":r===3?n="Right Click":r===7&&(n="Touch"),t.event.data.x!=null&&t.event.data.y!=null&&(n+=` (${Math.round(t.event.data.x)}, ${Math.round(t.event.data.y)})`),n}if(t.category==="input"&&t.event.data){let r=t.event.data;return typeof r.text=="string"&&r.text.length>0&&!q(r)?`Input: ${_(r.text,20)}`:q(r)?r.isChecked?"Checkbox checked":"Checkbox unchecked":"Input cleared"}if(t.category==="frustration"){let r=t.x!=null&&t.y!=null?` (${Math.round(t.x)}, ${Math.round(t.y)})`:"";return t.subtype==="rage_click"?`Rage click${r}`:`Dead click${r}`}if(t.category==="error"&&t.event.data&&t.event.data.payload){let r=t.event.data.payload.message||"Error";return _(r,50)}if(t.category==="custom"&&t.event.data&&t.event.data.tag)return t.event.data.tag;let e=C[t.category];return e?e.label:"Event"}function ht(t){if(t.isServerMarker){let n=[];return t.level&&n.push(`Level: ${t.level}`),t.href&&n.push(`Details: ${t.href}`),n}let e=[],r=t.event.data||{};if(t.category==="frustration")return t.x!=null&&t.y!=null&&e.push(`Position: (${Math.round(t.x)}, ${Math.round(t.y)})`),t.subtype==="rage_click"?e.push(`Clicks: ${t.count}`):e.push(`No response within ${t.elapsed||500}ms`),e;if(t.category==="navigation")return r.href?(e.push(`URL: ${r.href}`),r.width&&r.height&&e.push(`Viewport: ${r.width}x${r.height}`)):r.payload&&(r.payload.url&&e.push(`URL: ${r.payload.url}`),r.payload.text&&e.push(`Link text: ${r.payload.text}`),r.payload.external&&e.push("External link")),e;if(t.category==="click")r.x!=null&&r.y!=null&&e.push(`Position: (${Math.round(r.x)}, ${Math.round(r.y)})`);else if(t.category==="input")typeof r.text=="string"&&r.text.length>0&&e.push(`Value: ${r.text}`),q(r)&&e.push(`Checked: ${r.isChecked}`),dt(t,t.formContext).forEach(n=>e.push(n));else if(t.category==="error"&&r.payload){let n=r.payload;if(n.message&&e.push(`Message: ${n.message}`),n.source){let a=n.source;n.lineno&&(a+=`:${n.lineno}`),n.colno&&(a+=`:${n.colno}`),e.push(`Source: ${a}`)}n.type&&e.push(`Type: ${n.type}`),n.stack&&e.push(`Stack:
+${n.stack}`)}else if(t.category==="custom"&&r.payload)try{e.push(`Payload: ${JSON.stringify(r.payload,null,2)}`)}catch{e.push("Payload: [object]")}return e}var Wt=1.5,gt=!1,X=null,Et=0;function jt(t){if(t.length===0)return[];let e=[],r={events:[t[0]],position:t[0].position*100};for(let n=1;n<t.length;n++){let a=t[n].position*100;Math.abs(a-r.position)<=Wt?r.events.push(t[n]):(e.push(r),r={events:[t[n]],position:a})}return e.push(r),e}function J(){let t=document.querySelectorAll(".marker-dropdown");for(let e=0;e<t.length;e++)t[e].parentNode.removeChild(t[e])}function xt(t){if(!X)return;let e=w();if(!e)return;let r=e.map(Et+t)*100;X.style.left=`${Math.max(0,Math.min(100,r))}%`}function Ct(t,e){let r=document.getElementById("event-markers");if(!r)return;if(t.length===0){r.style.display="none";return}e&&e.length>0&&(Et=e[0].timestamp),r.innerHTML="";let n=document.createElement("div");n.className="marker-legend",Object.keys(C).forEach(m=>{let d=C[m],p=document.createElement("span");p.className="marker-legend-item";let g=document.createElement("span");g.className="marker-legend-dot",g.style.backgroundColor=d.color,p.appendChild(g),p.appendChild(document.createTextNode(d.label)),n.appendChild(p)}),r.appendChild(n);let a=document.createElement("div");a.className="marker-bar";let o=document.createElement("div");o.className="marker-track",a.appendChild(o);let i=document.createElement("div");i.className="marker-playhead",i.style.left="0%",a.appendChild(i),X=i;let s=t;s.length>500&&(s=t.filter(m=>m.category!=="input")),jt(s).forEach(m=>{let d=`${Math.max(1,Math.min(99,m.position))}%`;if(m.events.length===1){let p=m.events[0],g=C[p.category];if(!g)return;let y=document.createElement("div");y.className=`event-marker${p.category==="error"?" error-marker":""}`,y.style.left=d,y.style.backgroundColor=g.color,y.title=`${R(p)} at ${M(p.offset)}`,y.addEventListener("click",()=>P(p.offset)),a.appendChild(y)}else{let p=m.events.some(c=>c.category==="error"),g=document.createElement("div");g.className="marker-group",g.style.left=d;let y=document.createElement("div");y.className=`event-marker marker-group-dot${p?" error-marker":""}`,y.style.backgroundColor=p?"#ff0000":"#6c757d",y.title=`${m.events.length} events at ${M(m.events[0].offset)}`;let l=document.createElement("span");l.className="marker-group-count",l.textContent=m.events.length,g.appendChild(y),g.appendChild(l),g.addEventListener("click",c=>{c.stopPropagation(),J();let h=document.createElement("div");h.className="marker-dropdown",m.events.forEach(v=>{let V=C[v.category]||{},O=document.createElement("div");O.className=`marker-dropdown-item${v.category==="error"?" error-entry":""}`;let Y=document.createElement("span");Y.className="activity-dot",Y.style.backgroundColor=V.color||"#6c757d";let ot=document.createElement("span");ot.textContent=`${M(v.offset)} ${R(v)}`,O.appendChild(Y),O.appendChild(ot),O.addEventListener("click",Ft=>{Ft.stopPropagation(),J(),P(v.offset)}),h.appendChild(O)}),g.appendChild(h)}),a.appendChild(g)}});let u=w();u&&u.gaps.length>0&&u.gaps.forEach(m=>{let d=document.createElement("div");d.className="marker-gap",d.style.left=`${m.posStart}%`,d.style.width=`${m.posEnd-m.posStart}%`,d.title=`Inactive: ${k(m.duration)}`,a.appendChild(d)}),gt||(gt=!0,document.addEventListener("click",J)),r.appendChild(a),r.style.display=""}var B=null,z=[];function vt(t){let e=document.getElementById("activity-sidebar"),r=document.getElementById("activity-list"),n=document.getElementById("activity-count");if(!(!e||!r)){if(t.length===0){e.style.display="none";return}z=t,e.style.display="",n&&(n.textContent=t.length),r.innerHTML="",t.forEach((a,o)=>{let i=C[a.category];if(!i)return;if(o>0){let y=t[o-1].offset,l=a.offset-y;if(l>S){let c=document.createElement("div");c.className="activity-gap",c.textContent=`${k(l)} inactive`,r.appendChild(c)}}let s=document.createElement("div");s.className="activity-wrapper";let f=document.createElement("div"),u="activity-entry";a.category==="error"?u+=" error-entry":a.category==="navigation"?u+=" navigation-entry":a.category==="frustration"?u+=" frustration-entry":a.category==="server_exception"?u+=" server-exception-entry":a.category==="server_event"&&(u+=" server-event-entry"),f.className=u,f.setAttribute("data-offset",a.offset),f.setAttribute("data-index",o);let m=document.createElement("span");m.className="activity-time",m.textContent=M(a.offset);let d=document.createElement("span");d.className="activity-dot",d.style.backgroundColor=i.color;let p;a.isServerMarker&&a.href?(p=document.createElement("a"),p.href=a.href,p.className="activity-label activity-label-link",p.addEventListener("click",y=>y.stopPropagation())):(p=document.createElement("span"),p.className="activity-label"),p.textContent=R(a),f.appendChild(m),f.appendChild(d),f.appendChild(p),f.addEventListener("click",()=>P(a.offset)),s.appendChild(f);let g=ht(a);if(g.length>0){let y=document.createElement("div");y.className="activity-detail",g.forEach(l=>{let c=document.createElement("div");if(c.className="activity-detail-line",l.indexOf(`
+`)!==-1){let h=document.createElement("pre");h.className="activity-detail-pre",h.textContent=l,c.appendChild(h)}else c.textContent=l;y.appendChild(c)}),s.appendChild(y)}r.appendChild(s)}),qt()}}function Z(){B&&(clearInterval(B),B=null)}function qt(){Z(),B=setInterval(()=>{let t=A();if(t)try{let r=t.getReplayer().getCurrentTime();Kt(r),xt(r)}catch{}},250)}function Kt(t){let e=document.querySelectorAll(".activity-wrapper");if(e.length===0)return;let r=-1;for(let n=z.length-1;n>=0;n--)if(z[n].offset<=t){r=n;break}for(let n=0;n<e.length;n++){let a=e[n].querySelector(".activity-entry");a&&(n===r?a.classList.contains("active")||(a.classList.add("active"),e[n].scrollIntoView({block:"nearest",behavior:"smooth"})):a.classList.remove("active"))}}var Jt=["LCP","CLS","INP"];function Xt(t){let e=Object.create(null);if(!Array.isArray(t))return e;for(let r of t)if(r&&r.type===5&&r.data&&r.data.tag==="__perf"&&r.data.payload){let n=r.data.payload;typeof n.metric=="string"&&typeof n.value=="number"&&(e[n.metric]={value:n.value,rating:n.rating})}return e}function zt(t,e){return t==="CLS"?e.toFixed(3):`${Math.round(e)} ms`}function Zt(t){return t==="good"?"badge-success":t==="needs-improvement"?"badge-warning":t==="poor"?"badge-danger":"badge-neutral"}function Tt(t,e){if(!e)return;let r=Xt(t);e.innerHTML="";let n=!1;for(let a of Jt){let o=r[a];if(!o)continue;n=!0;let i=document.createElement("span");i.className=`badge ${Zt(o.rating)} shrink-0`,i.textContent=`${a} ${zt(a,o.value)}`,o.rating&&(i.title=o.rating),e.appendChild(i)}e.style.display=n?"inline-flex":"none"}function te(t){let e=0;if(!Array.isArray(t))return e;for(let r=0;r<t.length;r++){let n=t[r];n&&n.type===3&&n.data&&n.data.source===3&&typeof n.data.y=="number"&&n.data.y>e&&(e=n.data.y)}return e}function ee(t){if(!Array.isArray(t))return null;for(let e=0;e<t.length;e++){let r=t[e];if(r&&r.type===4&&r.data&&r.data.height)return r.data.height}return null}function Q(t){let e=te(t);if(e<=0)return null;let r=ee(t),n=r&&r>0?Math.round((e+r)/r*10)/10:null;return{y:e,viewports:n}}function bt(t,e){if(!e)return;let r=Q(t);if(!r){e.style.display="none",e.textContent="";return}let n=r.viewports!=null?` (~${r.viewports}\xD7 viewport)`:"";e.textContent=`Max Scroll: ${r.y}px${n}`,e.style.display="inline"}var St=6,kt=1e3,b=!1,I=null;function re(t){let e=[];if(!Array.isArray(t))return e;for(let r=0;r<t.length;r++){let n=t[r];n&&n.type===3&&n.data&&n.data.source===2&&n.data.type===2&&typeof n.data.x=="number"&&typeof n.data.y=="number"&&e.push({x:n.data.x,y:n.data.y})}return e}function ne(t){if(!Array.isArray(t))return null;for(let e=0;e<t.length;e++){let r=t[e];if(r&&r.type===4&&r.data&&r.data.width&&r.data.height)return{width:r.data.width,height:r.data.height}}return null}function ae(t,e,r){let n=e&&e.width>0?r.width/e.width:1,a=e&&e.height>0?r.height/e.height:1,o=Math.max(0,Math.min(r.width,t.x*n)),i=Math.max(0,Math.min(r.height,t.y*a));return{x:o,y:i}}function oe(){let t=document.getElementById("replayer");return t?t.querySelector(".replayer-wrapper")||t.querySelector(".rr-player__frame")||t:null}function tt(){I&&I.parentNode&&I.parentNode.removeChild(I),I=null}function ie(){tt();let t=oe();if(!t)return;let e=D(),r=ne(e),n=re(e);if(n.length>kt){let i=Math.ceil(n.length/kt);n=n.filter((s,f)=>f%i===0)}let a={width:t.clientWidth||(r?r.width:0),height:t.clientHeight||(r?r.height:0)},o=document.createElement("div");o.className="click-overlay-container",n.forEach(i=>{let{x:s,y:f}=ae(i,r,a),u=document.createElement("div");u.className="click-dot",u.style.left=`${s-St}px`,u.style.top=`${f-St}px`,o.appendChild(u)}),getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.appendChild(o),I=o}function Mt(){b=!1,tt();let t=document.getElementById("toggle-clicks-btn");t&&(t.setAttribute("aria-pressed","false"),t.classList.remove("btn-active"))}function G(){if(!A())return b;b=!b,b?ie():tt();let t=document.getElementById("toggle-clicks-btn");return t&&(t.setAttribute("aria-pressed",b?"true":"false"),t.classList.toggle("btn-active",b)),b}var _t=500,At=10,It=3,Ot=500;function Nt(t){return!!(t&&t.type===3&&t.data&&t.data.source===2&&t.data.type===2&&typeof t.data.x=="number"&&typeof t.data.y=="number")}function ce(t){return!t||!t.data?!1:t.type===4?!0:t.type===3?t.data.source===0||t.data.source===5:!1}function se(t){if(!Array.isArray(t))return[];let e=[];for(let a=0;a<t.length;a++)Nt(t[a])&&e.push(t[a]);if(e.length<It)return[];let r=[],n=0;for(let a=1;a<=e.length;a++){let o=e[a-1],i=e[a],s=e[n];if(!(i&&i.timestamp-o.timestamp<=_t&&i.timestamp-s.timestamp<=_t&&Math.abs(i.data.x-s.data.x)<=At&&Math.abs(i.data.y-s.data.y)<=At)){let u=a-n;if(u>=It){let m=[];for(let d=n;d<a;d++)m.push(e[d].timestamp);r.push({subtype:"rage_click",timestamp:s.timestamp,count:u,x:s.data.x,y:s.data.y,memberTimestamps:m,event:s})}n=a}}return r}function de(t){if(!Array.isArray(t))return[];let e=[];for(let r=0;r<t.length;r++){if(!Nt(t[r]))continue;let n=t[r].timestamp,a=n+Ot,o=!1;for(let i=r+1;i<t.length;i++){let s=t[i].timestamp;if(s>a)break;if(s>n&&ce(t[i])){o=!0;break}}o||e.push({subtype:"dead_click",timestamp:n,x:t[r].data.x,y:t[r].data.y,elapsed:Ot,event:t[r]})}return e}function H(t){if(!Array.isArray(t)||t.length===0)return[];let e=t[0].timestamp,r=se(t),n=de(t),a=new Set;r.forEach(i=>(i.memberTimestamps||[i.timestamp]).forEach(s=>a.add(s)));let o=[];return r.forEach(i=>o.push(i)),n.forEach(i=>{a.has(i.timestamp)||o.push(i)}),o.map(i=>({category:"frustration",subtype:i.subtype,timestamp:i.timestamp,offset:i.timestamp-e,count:i.count,elapsed:i.elapsed,x:i.x,y:i.y,event:i.event})).sort((i,s)=>i.offset-s.offset)}var x=null,Pt=[],Lt=[1,2,4,8,16],et=0,$t=!1;function A(){return x}function D(){return Pt}function pe(t){let e=document.getElementById("active-time");if(!e)return;let r=ct(t);if(r>0){let n=t[t.length-1].timestamp-t[0].timestamp,a=n>0?Math.round(r/n*100):100;e.textContent=`(active: ${k(r)} / ${a}%)`,e.style.display="inline"}}function fe(t){let e=document.getElementById("viewport-info");if(!e)return;let r=st(t);r&&(e.textContent=`Viewport: ${r}`,e.style.display="inline")}function ue(t){if(t.length===0)return null;let r=new URLSearchParams(window.location.search).get("t");if(r!==null&&r!==""){let n=parseInt(r,10);if(!isNaN(n)){let a=n-t[0].timestamp;return a>=0?t[0].timestamp+a:null}}return null}function P(t){if(x)try{let e=x.getReplayer();e&&(e.play(t),e.pause())}catch(e){console.warn("Sentiero: seek failed",e)}}function wt(t,e){try{let r=t.getMetaData(),n=t.getCurrentTime(),a=Math.max(0,Math.min(n+e,r.totalTime));t.play(a),t.pause()}catch(r){console.warn("Sentiero: seek failed",r)}}function Rt(t){et=Math.max(0,Math.min(Lt.length-1,et+t));try{let e=x.getReplayer();e&&e.setConfig&&e.setConfig({speed:Lt[et]})}catch(e){console.warn("Sentiero: speed change failed",e)}}function me(){$t||($t=!0,document.addEventListener("keydown",t=>{if(!x||t.target.tagName==="INPUT"||t.target.tagName==="TEXTAREA")return;let e;try{e=x.getReplayer()}catch{return}if(e)switch(t.key){case" ":t.preventDefault();try{x.$$?.ctx?.[0]?x.toggle():e.play()}catch{try{e.play()}catch{}}break;case"ArrowLeft":t.preventDefault(),wt(e,-5e3);break;case"ArrowRight":t.preventDefault(),wt(e,5e3);break;case"ArrowUp":t.preventDefault(),Rt(1);break;case"ArrowDown":t.preventDefault(),Rt(-1);break}}))}function rt(t,e,r=[]){if(!e){console.error("Sentiero: player container not found");return}F(t,(n,a)=>{if(n){console.error("Sentiero: failed to load events",n),e.innerHTML="";let c=document.createElement("div");c.className="alert alert-danger",c.textContent=`Failed to load session events: ${n.message}`,e.appendChild(c);return}if(a.length===0){e.innerHTML='<p class="text-muted">No events recorded for this window.</p>';return}Pt=a,pe(a),fe(a),bt(a,document.getElementById("scroll-depth-info")),Tt(a,document.getElementById("web-vitals-badges"));let o=mt(a),i=w(),s=a[0].timestamp,f=H(a);f.forEach(c=>{c.position=i?i.map(c.timestamp):0});let u=Array.isArray(r)?r:[];u.forEach(c=>{c.position=i?i.map(s+c.offset):0});let m=o.concat(f).concat(u).sort((c,h)=>c.offset-h.offset);Ct(m,a),vt(m);let d=e.closest(".player-frame")||e.parentElement,p=d?d.clientWidth:1024,g=Math.min(2048,p),y=rrwebPlayer.default||rrwebPlayer;x=new y({target:e,props:{events:a,showController:!0,autoPlay:!1,skipInactive:!0,width:g}});let l=ue(a);if(l)try{let c=x.getReplayer();c&&setTimeout(()=>{c.play(l-a[0].timestamp),c.pause()},100)}catch(c){console.warn("Sentiero: could not seek to timestamp",c)}Mt(),me()})}function nt(){let t=A(),e=D();if(!(!t||e.length===0))try{let n=t.getReplayer().getCurrentTime(),a=new URL(window.location.href);a.searchParams.set("t",Math.round(n)),navigator.clipboard.writeText(a.toString()).then(()=>{let o=document.getElementById("copy-link-btn");if(o){let i=o.textContent;o.textContent="Copied!",setTimeout(()=>{o.textContent=i},2e3)}})}catch(r){console.warn("Sentiero: copy link failed",r)}}function at(){let t=D();if(t.length!==0)try{let e=JSON.stringify(t,null,2),r=new Blob([e],{type:"application/json"}),n=URL.createObjectURL(r),a=document.createElement("a");a.href=n,a.download="sentiero-session-events.json",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}catch(e){console.warn("Sentiero: download failed",e)}}function Dt(){document.addEventListener("click",t=>{let e=t.target.closest("[data-action]");if(!e)return;let r=e.getAttribute("data-action");if(r==="copy-link")nt();else if(r==="toggle-clicks")G();else if(r==="download-json")at();else if(r==="confirm-delete"){let n=e.getAttribute("data-confirm")||"Are you sure?";confirm(n)||t.preventDefault()}})}function ye(t,e,r){return!(e!=="all"&&t.dataset.activityKind!==e||r&&t.dataset.activityLevel!==r)}function Ut(){let t=document.getElementById("server-activity");if(!t)return;let e=Array.from(t.querySelectorAll("[data-activity-row]"));if(e.length===0)return;let r=t.querySelector("[data-activity-filter-type]"),n=t.querySelector("[data-activity-filter-level]");if(!r&&!n)return;let a="all",o="";function i(){e.forEach(s=>{let f=ye(s,a,o);s.style.display=f?"":"none"})}r&&r.addEventListener("click",s=>{let f=s.target.closest("[data-filter-type]");f&&(a=f.dataset.filterType,Array.from(r.querySelectorAll("[data-filter-type]")).forEach(u=>{u.classList.toggle("btn-active",u===f),u.classList.toggle("btn-secondary",u!==f)}),i())}),n&&n.addEventListener("change",()=>{o=n.value,i()})}window.SentieroDashboard={initPlayer:rt,fetchAllEvents:F,copyLink:nt,downloadJSON:at,toggleClickOverlay:G,computeScrollDepth:Q,detectFrustrationEvents:H,analyzeFormInteractions:W,buildFormContext:U};function he(){let t=document.getElementById("server-activity-markers");if(!t)return[];try{return yt(JSON.parse(t.textContent))}catch(e){return console.warn("Sentiero: failed to parse server-activity markers",e),[]}}document.addEventListener("DOMContentLoaded",()=>{let t=document.getElementById("sentiero-player-config");if(t)try{let e=JSON.parse(t.textContent),r=document.getElementById("replayer");if(e.eventsUrl&&r){let n=he();rt(e.eventsUrl,r,n)}}catch(e){console.error("Sentiero: failed to parse player config",e)}Dt(),Ut(),window.addEventListener("pagehide",Z)});})();

data/lib/sentiero/web/assets/heatmap-EBKFWSKN.js

@@ -0,0 +1 @@
+(()=>{var i=[{stop:0,color:[37,99,235]},{stop:.5,color:[219,39,119]},{stop:1,color:[234,88,12]}];function p(n,c,t){return n+(c-n)*t}function C(n){let c=Math.max(0,Math.min(1,n));for(let t=1;t<i.length;t++){let r=i[t-1],o=i[t];if(c<=o.stop){let e=(c-r.stop)/(o.stop-r.stop||1);return[Math.round(p(r.color[0],o.color[0],e)),Math.round(p(r.color[1],o.color[1],e)),Math.round(p(r.color[2],o.color[2],e))]}}return i[i.length-1].color}async function w(n,c){let t=n.includes("?")?"&":"?",r=await fetch(`${n}${t}url=${encodeURIComponent(c)}`,{headers:{Accept:"application/json"}});if(!r.ok)throw new Error(`heatmap request failed: ${r.status}`);return r.json()}async function E(n,c){if(!c)return null;let t=n.replace("{session}",encodeURIComponent(c.session_id)).replace("{window}",encodeURIComponent(c.window_id));try{let r=await fetch(t,{headers:{Accept:"application/json"}});if(!r.ok)return null;let o=await r.json();for(let e of o)if(e&&e.type===4&&e.data&&e.data.width&&e.data.height)return{width:e.data.width,height:e.data.height}}catch{return null}return null}function _(n,c,t){let r=c.grid_size||20,o=t&&t.width>0?t.height/t.width:1,e=720,s=Math.round(e*o);n.width=e,n.height=s;let a=n.getContext("2d");if(!a)return;a.clearRect(0,0,e,s);let d=c.clicks_by_bucket||[],h=d.reduce((l,u)=>Math.max(l,u.count),0);if(h===0)return;let m=e/r,f=s/r;for(let l of d){let u=l.count/h,[y,g,x]=C(u);a.fillStyle=`rgba(${y}, ${g}, ${x}, ${.25+u*.55})`,a.fillRect(l.x*m,l.y*f,m,f)}}function b(n,c){let t=c.top_elements||[],r=c.total_clicks||0;if(n.replaceChildren(),t.length===0){let o=document.createElement("tr"),e=document.createElement("td");e.className="py-2 text-gray-400 text-center",e.textContent="No element data.",o.appendChild(e),n.appendChild(o);return}for(let o of t){let e=document.createElement("tr");e.className="border-b border-gray-100 last:border-0";let s=document.createElement("td");s.className="py-1 font-mono text-gray-700 truncate max-w-0 w-full",s.textContent=o.selector;let a=document.createElement("td");a.className="py-1 pl-2 text-right text-gray-500 tabular-nums";let d=r>0?Math.round(o.count/r*100):0;a.textContent=`${o.count} (${d}%)`,e.append(s,a),n.appendChild(e)}}async function k(n){let c=document.getElementById("heatmap-status"),t=document.getElementById("heatmap-canvas"),r=document.getElementById("heatmap-top-elements");if(!(!n.selectedUrl||!t||!r))try{let o=await w(n.jsonUrl,n.selectedUrl),e=await E(n.eventsUrlTemplate,o.representative_window);_(t,o,e),b(r,o),c&&(c.textContent=o.total_clicks===0?"No clicks recorded for this page.":`${o.total_clicks} clicks aggregated.`)}catch{c&&(c.textContent="Could not load heatmap data.")}}function $(){let n=document.getElementById("heatmap-config");if(!n)return;let c;try{c=JSON.parse(n.textContent)}catch{return}let t=document.querySelector("[data-heatmap-url]");if(t&&t.form){t.addEventListener("change",()=>t.form.submit());for(let o of t.form.querySelectorAll('input[type="date"]'))o.addEventListener("change",()=>t.form.submit());let r=document.querySelector("[data-heatmap-apply]");r&&(r.style.display="none")}k(c)}$();})();

data/lib/sentiero/web/assets/import-HIMBJJ4S.js

@@ -0,0 +1 @@
+(()=>{var f="import-player",c="import-status",p="import-textarea",y="import-file",m="import-dropzone",v="import-replay";function E(t){let r=(t||"").trim();if(!r)return{ok:!1,error:"Paste some JSON or choose a file first."};let e;try{e=JSON.parse(r)}catch{return{ok:!1,error:"That doesn't look like valid JSON."}}return Array.isArray(e)?{ok:!0,events:e}:{ok:!1,error:"Expected a JSON array of events."}}function g(t){if(!Array.isArray(t))return{ok:!1,error:"Expected a JSON array of events."};if(t.length===0)return{ok:!1,error:"The file contains no events."};if(t.length<2)return{ok:!1,error:"At least two events are needed to replay."};for(let r of t){if(!r||typeof r!="object")return{ok:!1,error:"Every event must be an object."};if(typeof r.type!="number")return{ok:!1,error:"Every event needs a numeric type."};if(typeof r.timestamp!="number")return{ok:!1,error:"Every event needs a numeric timestamp."}}return{ok:!0}}function h(t,r){if(typeof rrwebPlayer>"u")throw new Error("rrweb-player global not loaded");let e=rrwebPlayer.default||rrwebPlayer;return t.replaceChildren(),new e({target:t,props:{events:r,width:t.clientWidth||900,autoPlay:!0,showController:!0}})}function a(t,r){let e=document.getElementById(c);e&&(e.textContent=t,e.classList.toggle("text-red-600",!!r))}function l(t,r){let e=E(t);if(!e.ok)return a(e.error,!0),!1;let n=g(e.events);if(!n.ok)return a(n.error,!0),!1;try{h(r,e.events)}catch{return a("Could not start the player.",!0),!1}return a(`Replaying ${e.events.length} events.`,!1),!0}function d(t,r){if(t.size>26214400){a("That file is too large to import.",!0);return}let e=new FileReader;e.onload=()=>r(String(e.result||"")),e.onerror=()=>a("Could not read that file.",!0),e.readAsText(t)}function I(){let t=document.getElementById(f),r=document.getElementById(p),e=document.getElementById(y),n=document.getElementById(m),i=document.getElementById(v);t&&(i&&r&&i.addEventListener("click",()=>l(r.value,t)),e&&r&&e.addEventListener("change",()=>{let o=e.files&&e.files[0];o&&d(o,s=>{r.value=s,l(s,t)})}),n&&r&&(n.addEventListener("dragover",o=>{o.preventDefault(),n.classList.add("border-blue-400")}),n.addEventListener("dragleave",()=>n.classList.remove("border-blue-400")),n.addEventListener("drop",o=>{o.preventDefault(),n.classList.remove("border-blue-400");let s=o.dataTransfer&&o.dataTransfer.files[0];s&&d(s,u=>{r.value=u,l(u,t)})})))}typeof document<"u"&&I();})();

data/lib/sentiero/web/assets/manifest.json

@@ -0,0 +1,11 @@
+{
+  "recorder": "recorder-SLLXSUUX.js",
+  "dashboard": "dashboard-JFYNHZZV.js",
+  "sessions_index": "sessions_index-2RAGTEZM.js",
+  "analytics": "analytics-RH24EOLD.js",
+  "heatmap": "heatmap-EBKFWSKN.js",
+  "import": "import-HIMBJJ4S.js",
+  "style": "style-d71e72fd.css",
+  "rrweb-player": "rrweb-player-cd435a95.js",
+  "rrweb-player-css": "rrweb-player-css-ce5e9629.css"
+}