-module(spectator).
-compile([no_auto_import, nowarn_unused_vars, nowarn_unused_function, nowarn_nomatch, inline]).
-define(FILEPATH, "src/spectator.gleam").
-export([tag/2, tag_subject/2, tag_result/2, start_on/2, start/0, main/0]).
-export_type([node_connection_error/0, socket/1]).

-if(?OTP_RELEASE >= 27).
-define(MODULEDOC(Str), -moduledoc(Str)).
-define(DOC(Str), -doc(Str)).
-else.
-define(MODULEDOC(Str), -compile([])).
-define(DOC(Str), -compile([])).
-endif.

-type node_connection_error() :: not_distributed_error |
    failed_to_set_cookie_error |
    failed_to_connect_error.

-type socket(AFMB) :: {socket,
        lustre:runtime(AFMB),
        gleam@erlang@process:subject(lustre@runtime@transport:client_message(AFMB))}.

-file("src/spectator.gleam", 142).
?DOC(
    " Tag a process given by PID with a name for easier identification in the spectator UI.\n"
    " You must call `start` before calling this function.\n"
).
-spec tag(gleam@erlang@process:pid_(), binary()) -> gleam@erlang@process:pid_().
tag(Pid, Name) ->
    spectator_tag_manager:add_tag(Pid, Name),
    Pid.

-file("src/spectator.gleam", 149).
?DOC(
    " Tag a process given by subject with a name for easier identification in the spectator UI.\n"
    " You must call `start` before calling this function.\n"
).
-spec tag_subject(gleam@erlang@process:subject(AFMI), binary()) -> gleam@erlang@process:subject(AFMI).
tag_subject(Sub, Name) ->
    Pid@1 = case gleam@erlang@process:subject_owner(Sub) of
        {ok, Pid} -> Pid;
        _assert_fail ->
            erlang:error(#{gleam_error => let_assert,
                        message => <<"Pattern match failed, no pattern matched the value."/utf8>>,
                        file => <<?FILEPATH/utf8>>,
                        module => <<"spectator"/utf8>>,
                        function => <<"tag_subject"/utf8>>,
                        line => 153,
                        value => _assert_fail,
                        start => 4852,
                        'end' => 4899,
                        pattern_start => 4863,
                        pattern_end => 4870})
    end,
    tag(Pid@1, Name),
    Sub.

-file("src/spectator.gleam", 160).
?DOC(
    " Tag a process given by subject result with a name for easier identification in the spectator UI.\n"
    " You must call `start` before calling this function.\n"
).
-spec tag_result(
    {ok, gleam@erlang@process:subject(AFML)} | {error, AFMN},
    binary()
) -> {ok, gleam@erlang@process:subject(AFML)} | {error, AFMN}.
tag_result(Result, Name) ->
    case Result of
        {ok, Sub} ->
            {ok, tag_subject(Sub, Name)};

        Other ->
            Other
    end.

-file("src/spectator.gleam", 176).
-spec validate_node_connection(list({binary(), binary()})) -> {ok, binary()} |
    {error, node_connection_error()}.
validate_node_connection(Params) ->
    Node_res = spectator@internal@common:get_param(Params, <<"node"/utf8>>),
    case Node_res of
        {error, _} ->
            Self = begin
                _pipe = erlang:node(),
                _pipe@1 = gleam_erlang_ffi:identity(_pipe),
                erlang:atom_to_binary(_pipe@1)
            end,
            {ok, Self};

        {ok, Node} ->
            Self@1 = begin
                _pipe@2 = erlang:node(),
                gleam_erlang_ffi:identity(_pipe@2)
            end,
            gleam@bool:guard(
                Self@1 =:= erlang:binary_to_atom(<<"nonode@nohost"/utf8>>),
                {error, not_distributed_error},
                fun() ->
                    Node_atom = erlang:binary_to_atom(Node),
                    Cookie_validation_passed = case spectator@internal@common:get_param(
                        Params,
                        <<"cookie"/utf8>>
                    ) of
                        {error, _} ->
                            true;

                        {ok, Cookie} ->
                            Cookie_atom = erlang:binary_to_atom(Cookie),
                            gleam@result:unwrap(
                                spectator_ffi:set_cookie(Node_atom, Cookie_atom),
                                false
                            )
                    end,
                    gleam@bool:guard(
                        not Cookie_validation_passed,
                        {error, failed_to_set_cookie_error},
                        fun() ->
                            gleam@bool:guard(
                                not gleam@result:unwrap(
                                    spectator_ffi:hidden_connect_node(Node_atom),
                                    false
                                ),
                                {error, failed_to_connect_error},
                                fun() ->
                                    {ok, erlang:atom_to_binary(Node_atom)}
                                end
                            )
                        end
                    )
                end
            )
    end.

-file("src/spectator.gleam", 219).
-spec serve_string(binary()) -> gleam@http@response:response(mist:response_data()).
serve_string(Content) ->
    _pipe = gleam@http@response:new(200),
    gleam@http@response:set_body(
        _pipe,
        {bytes, gleam_stdlib:wrap_list(Content)}
    ).

-file("src/spectator.gleam", 224).
-spec connect_widget_script() -> lustre@vdom@vnode:element(any()).
connect_widget_script() ->
    lustre@element@html:script(
        [lustre@attribute:src(<<"/connect-widget.js"/utf8>>)],
        <<""/utf8>>
    ).

-file("src/spectator.gleam", 228).
-spec render_server_component(binary(), binary(), list({binary(), binary()})) -> gleam@http@response:response(mist:response_data()).
render_server_component(Title, Path, Params) ->
    Res = gleam@http@response:new(200),
    Styles = <<"/* Gloal */\n* {\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n  box-sizing: border-box;\n}\n\n:root {\n  /* Default Theme */\n  --text: #ffffff;\n  --muted: #595959;\n  --background: #2f2f2f;\n  --highlight: #584355;\n  --text-hightlight: #ffaff3;\n\n  /* General */\n  --unnamed-blue: #a6f0fc;\n  --meter-bar: #ffaff3;\n}\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --text: #2f2f2f;\n    --muted: #d2d2d2;\n    --background: #ffffff;\n    --highlight: #fffbe8;\n    --text-hightlight: rgb(171, 98, 160);\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --text: #ffffff;\n    --muted: #595959;\n    --background: #2f2f2f;\n    --highlight: #584355;\n    --text-hightlight: #ffaff3;\n  }\n}\n\n*::selection {\n  background: var(--text);\n  color: var(--background);\n}\n\n*::-moz-selection {\n  background: var(--text);\n  color: var(--background);\n}\n\ninput:focus {\n  outline: none;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  color: var(--text);\n  background: var(--background);\n}\n\nbody {\n  overflow-y: scroll;\n}\n\ndl {\n  margin: 5px;\n}\n\ndt {\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n\nbutton,\n.button {\n  background: var(--background);\n  border: 1px solid var(--text);\n  color: var(--text);\n  padding: 1px 4px;\n  text-decoration: none;\n  cursor: pointer;\n}\n\ndialog {\n  border: 1px solid var(--text);\n  background: var(--background);\n  color: var(--text);\n}\n\ninput{\n  background: var(--background);\n  border: 1px solid var(--text);\n  color: var(--text);\n  padding: 2px 4px;\n}\n\nbutton:hover,\n.button:hover {\n  background: var(--text);\n  color: var(--background);\n}\n\n.interactive-primitive {\n  cursor: pointer;\n  background: unset;\n  color: var(--text);\n  text-decoration: underline;\n  border: 0;\n  padding: 0;\n}\n\n.interactive-primitive:hover {\n  background: var(--text);\n  color: var(--background);\n}\n\n.interactive-primitive.block {\n  display: block;\n}\n\n.interactive-primitive.tagged {\n  color: var(--text-hightlight);\n}\n\n.interactive-primitive.tagged:hover {\n  color: var(--background);\n  background: var(--text-hightlight);\n}\n\n/* Top Navigational Bar  */\n.topbar {\n  display: flex;\n  font-weight: 100;\n  align-items: flex-end;\n  justify-content: space-between;\n  user-select: none;\n}\n\n.lucy-icon {\n  width: 3em;\n}\n\n.logo {\n  font-size: 28px;\n  display: flex;\n  align-items: center;\n  padding: 5px 2.5px;\n  border-bottom: 1px solid var(--text);\n}\n\n.filler {\n  height: 100%;\n  flex-grow: 2;\n  border-bottom: 1px solid var(--text);\n}\n\n.separator {\n  height: 100%;\n  width: 5px;\n  border-bottom: 1px solid var(--text);\n}\n\n.tabs {\n  display: flex;\n  align-items: end;\n}\n\n.tab {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--text);\n  padding: 10px;\n  border-top-right-radius: 10px;\n  border-top-left-radius: 10px;\n  user-select: none;\n  cursor: pointer;\n  text-decoration: none;\n  color: var(--text);\n}\n\n.tab.disabled {\n  cursor: not-allowed;\n}\n\n.tab.active {\n  border-bottom: 1px solid var(--background);\n}\n\n.tab > svg,\n.tab > div {\n  height: 3em;\n}\n\n.connection-status {\n  border-bottom: 1px solid var(--text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n  gap: 10px;\n}\n\n.change-target-button {\n  display: none;\n}\n\n/* Table View */\ntable {\n  width: 100%;\n  min-height: 100vh;\n  border-spacing: 0;\n}\n\nthead {\n  position: sticky;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  background: var(--background);\n  user-select: none;\n}\n\ntbody {\n  user-select: none;\n}\n\nthead th {\n  border-bottom: 1px solid var(--text);\n}\n\nth:hover {\n  background: var(--highlight);\n}\n\nth div {\n  display: flex;\n  align-items: center;\n}\n\nth div svg {\n  margin-right: 5px;\n}\n\ntfoot {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  background: var(--background);\n}\n\ntfoot td {\n  border-top: 1px solid var(--text);\n}\n\nth:first-child {\n  border-left: 0;\n}\n\n.buffer-row {\n  pointer-events: none;\n  height: auto;\n}\n\n.buffer-row > td {\n  height: auto;\n}\n\nth,\ntd {\n  text-align: left;\n  padding: 2.5px;\n  border: 0;\n  max-width: 20vw;\n  height: 1.6em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\ntd.link-cell {\n  padding: 0;\n}\n\ntd.link-cell > a {\n  display: block;\n  padding: 2.5px;\n}\n\ntd.cell-right,\nth.cell-right {\n  text-align: right;\n}\n\ntd > a {\n  text-decoration: none;\n  color: var(--text);\n  display: block;\n}\n\ntbody td:first-of-type,\nthead th:first-of-type {\n  padding-left: 5px;\n}\n\ntbody td:last-of-type,\nthead th:last-of-type {\n  padding-right: 5px;\n}\n\ntfoot th,\ntfoot td {\n  padding: 0;\n}\n\ntbody tr:hover {\n  background: var(--highlight);\n}\n\ntbody tr.selected {\n  background: var(--text);\n  color: var(--background);\n}\n\ntbody tr.selected .interactive-primitive {\n  color: var(--background);\n}\n\ntbody tr.tagged {\n  color: var(--text-hightlight);\n}\n\n.spectator-tagged {\n  opacity: 0.5;\n}\n\ntbody tr.tagged.selected {\n  background: var(--text-hightlight);\n  color: var(--background);\n}\n\n.component-error {\n  width: 100%;\n  height: 50vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* Process Details View */\n.details {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto 1fr;\n  width: 100vw;\n  overflow: hidden;\n}\n\n.details > div {\n  height: 250px;\n  overflow: auto;\n  overscroll-behavior: none;\n}\n\n.panel-heading {\n  padding: 5px;\n  border-bottom: 1px solid var(--text);\n  position: sticky;\n  top: 0;\n  left: 0;\n  background: var(--background);\n  box-sizing: content-box;\n  height: 1.2em;\n  display: flex;\n  align-items: center;\n  grid-column: span 2;\n}\n\n.panel-content {\n  padding: 5px;\n  overflow: auto;\n}\n\n.details .general {\n  border-right: 1px solid var(--text);\n}\n\n.footer-placeholder {\n  padding: 2px;\n  text-align: right;\n}\n\n.panel-action {\n  margin-left: auto;\n  cursor: pointer;\n}\n\n/* ETS */\n\ntable.ets-data td {\n  border-bottom: 1px solid var(--muted);\n  user-select: text;\n}\n\ntable.ets-data tbody tr:hover {\n  background: var(--background);\n}\n\n/* Ports */\n\n.details.compact {\n  display: flex;\n}\n\n.details.compact > dl {\n  flex-basis: 33%;\n}\n\n.details.compact dt {\n  text-align: left;\n}\n\n.details.compact dd {\n  margin-left: 0;\n}\n\n/* Dashboard */\n\n.dashboard {\n  padding: 10px;\n}\n\n.split {\n  display: flex;\n  gap: 100px;\n  width: 100%;\n}\n\n.split > div {\n  flex-basis: 50%;\n}\n\n.info-container {\n  border: 1px solid var(--text);\n}\n\n.info-item {\n  display: flex;\n}\n\n.info-item {\n  border-bottom: 1px solid var(--text);\n}\n\n.info-item:last-child {\n  border-bottom: 0;\n}\n\n.info-item > * {\n  flex-basis: 50%;\n  padding: 5px;\n  border: 0;\n  background: var(--background);\n  color: var(--text);\n}\n\n.info-item > a {\n  text-align: center;\n  user-select: none;\n}\n\n.info-item > a:first-child {\n  border-right: 1px solid var(--text);\n}\n\n.info-label {\n  border-right: 1px solid var(--text);\n  text-align: right;\n}\n\n.column-chart,\n.meter-chart {\n  padding: 2px;\n  border: 1px solid var(--text);\n}\n\n.memory-breakdown {\n  display: flex;\n  gap: 10px;\n}\n\n.limit-item {\n  margin-bottom: 10px;\n}\n\n.legend-item {\n  display: flex;\n}\n\n.legend-colour {\n  width: 2em;\n  height: 2em;\n  margin-right: 10px;\n  padding: 2px;\n  border: 1px solid var(--text);\n  display: flex;\n}\n\n.legend-colour > div {\n  flex-grow: 1;\n}\n\n.connect-widget-content h2 {\n  margin-top: 0;\n}\n\n.connect-widget-form {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.connect-widget-actions {\n  margin-top: 15px;\n}\n"/utf8>>,
    Html = case validate_node_connection(Params) of
        {ok, Connection_name} ->
            lustre@element@html:html(
                [],
                [lustre@element@html:head(
                        [],
                        [lustre@element@html:title([], Title),
                            lustre@server_component:script(),
                            lustre@element@html:meta(
                                [lustre@attribute:attribute(
                                        <<"charset"/utf8>>,
                                        <<"utf-8"/utf8>>
                                    )]
                            ),
                            lustre@element@html:link(
                                [lustre@attribute:rel(<<"icon"/utf8>>),
                                    lustre@attribute:href(
                                        <<"/favicon.svg"/utf8>>
                                    ),
                                    lustre@attribute:type_(
                                        <<"image/svg+xml"/utf8>>
                                    )]
                            ),
                            lustre@element@html:style([], Styles)]
                    ),
                    lustre@element@html:body(
                        [],
                        [spectator@internal@views@navbar:render(
                                Title,
                                Connection_name,
                                begin
                                    _pipe = spectator@internal@common:sanitize_params(
                                        Params
                                    ),
                                    spectator@internal@common:encode_params(
                                        _pipe
                                    )
                                end
                            ),
                            connect_widget_script(),
                            lustre@element:element(
                                <<"lustre-server-component"/utf8>>,
                                [lustre@server_component:route(
                                        <<<<"/"/utf8, Path/binary>>/binary,
                                            (spectator@internal@common:encode_params(
                                                Params
                                            ))/binary>>
                                    )],
                                []
                            )]
                    )]
            );

        {error, Connection_error} ->
            lustre@element@html:html(
                [],
                [lustre@element@html:head(
                        [],
                        [lustre@element@html:title(
                                [],
                                <<Title/binary, " - Connection Failed"/utf8>>
                            ),
                            lustre@element@html:meta(
                                [lustre@attribute:attribute(
                                        <<"charset"/utf8>>,
                                        <<"utf-8"/utf8>>
                                    )]
                            ),
                            lustre@element@html:link(
                                [lustre@attribute:rel(<<"icon"/utf8>>),
                                    lustre@attribute:href(
                                        <<"/favicon.svg"/utf8>>
                                    ),
                                    lustre@attribute:type_(
                                        <<"image/svg+xml"/utf8>>
                                    )]
                            ),
                            lustre@element@html:style([], Styles)]
                    ),
                    lustre@element@html:body(
                        [],
                        [spectator@internal@views@navbar:render(
                                Title,
                                <<"Connection Failed"/utf8>>,
                                begin
                                    _pipe@1 = spectator@internal@common:sanitize_params(
                                        Params
                                    ),
                                    spectator@internal@common:encode_params(
                                        _pipe@1
                                    )
                                end
                            ),
                            lustre@element@html:'div'(
                                [lustre@attribute:class(
                                        <<"component-error"/utf8>>
                                    )],
                                [lustre@element@html:'div'(
                                        [],
                                        [lustre@element@html:text(
                                                <<"Node connection failed:"/utf8>>
                                            )]
                                    ),
                                    lustre@element@html:'div'(
                                        [],
                                        [lustre@element@html:text(
                                                case Connection_error of
                                                    not_distributed_error ->
                                                        <<"Node is not distributed, cannot connect to other nodes. Please start the spectator instance in distributed mode by setting a node name."/utf8>>;

                                                    failed_to_set_cookie_error ->
                                                        <<"Failed to set cookie, could not apply the cookie to the node"/utf8>>;

                                                    failed_to_connect_error ->
                                                        <<"Failed to connect to node, please check the node name and cookie"/utf8>>
                                                end
                                            )]
                                    ),
                                    lustre@element@html:'div'(
                                        [],
                                        [lustre@element@html:button(
                                                [lustre@attribute:class(
                                                        <<"change-target-button"/utf8>>
                                                    )],
                                                [lustre@element@html:text(
                                                        <<"Change Inspection Target"/utf8>>
                                                    )]
                                            )]
                                    )]
                            ),
                            connect_widget_script()]
                    )]
            )
    end,
    gleam@http@response:set_body(
        Res,
        begin
            _pipe@2 = Html,
            _pipe@3 = lustre@element:to_document_string(_pipe@2),
            _pipe@4 = gleam_stdlib:wrap_list(_pipe@3),
            {bytes, _pipe@4}
        end
    ).

-file("src/spectator.gleam", 329).
-spec connect_server_component(
    gleam@http@request:request(mist@internal@http:connection()),
    fun(() -> lustre:app(list({binary(), binary()}), any(), any())),
    list({binary(), binary()})
) -> gleam@http@response:response(mist:response_data()).
connect_server_component(Req, Lustre_application, Params) ->
    Socket_init = fun(_) ->
        Self = gleam@erlang@process:new_subject(),
        App = Lustre_application(),
        Component@1 = case lustre:start_server_component(App, Params) of
            {ok, Component} -> Component;
            _assert_fail ->
                erlang:error(#{gleam_error => let_assert,
                            message => <<"Pattern match failed, no pattern matched the value."/utf8>>,
                            file => <<?FILEPATH/utf8>>,
                            module => <<"spectator"/utf8>>,
                            function => <<"connect_server_component"/utf8>>,
                            line => 338,
                            value => _assert_fail,
                            start => 10077,
                            'end' => 10146,
                            pattern_start => 10088,
                            pattern_end => 10101})
        end,
        tag_subject(
            lustre@server_component:subject(Component@1),
            <<"__spectator_internal Server Component"/utf8>>
        ),
        _pipe = lustre@server_component:register_subject(Self),
        gleam@erlang@process:send(Component@1, _pipe),
        Selector = begin
            _pipe@1 = gleam_erlang_ffi:new_selector(),
            gleam@erlang@process:select(_pipe@1, Self)
        end,
        {{socket, Component@1, Self}, {some, Selector}}
    end,
    Socket_update = fun(State, Msg, Conn) -> case Msg of
            {text, Json} ->
                Action = gleam@json:parse(
                    Json,
                    lustre@server_component:runtime_message_decoder()
                ),
                case Action of
                    {ok, Action@1} ->
                        gleam@erlang@process:send(
                            erlang:element(2, State),
                            Action@1
                        );

                    {error, _} ->
                        nil
                end,
                mist:continue(State);

            {binary, _} ->
                mist:continue(State);

            {custom, Patch} ->
                case begin
                    _pipe@2 = Patch,
                    _pipe@3 = lustre@server_component:client_message_to_json(
                        _pipe@2
                    ),
                    _pipe@4 = gleam@json:to_string(_pipe@3),
                    mist:send_text_frame(Conn, _pipe@4)
                end of
                    {ok, _} -> nil;
                    _assert_fail@1 ->
                        erlang:error(#{gleam_error => let_assert,
                                    message => <<"Pattern match failed, no pattern matched the value."/utf8>>,
                                    file => <<?FILEPATH/utf8>>,
                                    module => <<"spectator"/utf8>>,
                                    function => <<"connect_server_component"/utf8>>,
                                    line => 370,
                                    value => _assert_fail@1,
                                    start => 11015,
                                    'end' => 11175,
                                    pattern_start => 11026,
                                    pattern_end => 11031})
                end,
                mist:continue(State);

            closed ->
                mist:stop();

            shutdown ->
                mist:stop()
        end end,
    Socket_close = fun(State@1) ->
        _pipe@5 = lustre@server_component:deregister_subject(
            erlang:element(3, State@1)
        ),
        gleam@erlang@process:send(erlang:element(2, State@1), _pipe@5),
        _pipe@6 = lustre:shutdown(),
        gleam@erlang@process:send(erlang:element(2, State@1), _pipe@6)
    end,
    mist:websocket(Req, Socket_update, Socket_init, Socket_close).

-file("src/spectator.gleam", 42).
-spec mist_supervised(binary(), integer()) -> gleam@otp@supervision:child_specification(gleam@otp@static_supervisor:supervisor()).
mist_supervised(Host, Port) ->
    Empty_body = {bytes, gleam@bytes_tree:new()},
    Not_found = gleam@http@response:set_body(
        gleam@http@response:new(404),
        Empty_body
    ),
    _pipe@4 = fun(Req) ->
        Query_params = begin
            _pipe = gleam@http@request:get_query(Req),
            gleam@result:unwrap(_pipe, [])
        end,
        case gleam@http@request:path_segments(Req) of
            [<<"dashboard"/utf8>>] ->
                render_server_component(
                    <<"Dashboard"/utf8>>,
                    <<"dashboard-feed"/utf8>>,
                    Query_params
                );

            [<<"processes"/utf8>>] ->
                render_server_component(
                    <<"Processes"/utf8>>,
                    <<"process-feed"/utf8>>,
                    Query_params
                );

            [<<"ets"/utf8>>] ->
                render_server_component(
                    <<"ETS"/utf8>>,
                    <<"ets-feed"/utf8>>,
                    Query_params
                );

            [<<"ets"/utf8>>, Table] ->
                render_server_component(
                    <<"ETS"/utf8>>,
                    <<"ets-feed/"/utf8, Table/binary>>,
                    Query_params
                );

            [<<"ports"/utf8>>] ->
                render_server_component(
                    <<"Ports"/utf8>>,
                    <<"port-feed"/utf8>>,
                    Query_params
                );

            [<<"dashboard-feed"/utf8>>] ->
                connect_server_component(
                    Req,
                    fun spectator@internal@components@dashboard_live:app/0,
                    Query_params
                );

            [<<"process-feed"/utf8>>] ->
                connect_server_component(
                    Req,
                    fun spectator@internal@components@processes_live:app/0,
                    Query_params
                );

            [<<"ets-feed"/utf8>>] ->
                connect_server_component(
                    Req,
                    fun spectator@internal@components@ets_overview_live:app/0,
                    Query_params
                );

            [<<"ets-feed"/utf8>>, Table@1] ->
                connect_server_component(
                    Req,
                    fun spectator@internal@components@ets_table_live:app/0,
                    [{<<"table_name"/utf8>>,
                            begin
                                _pipe@1 = gleam_stdlib:percent_decode(Table@1),
                                gleam@result:unwrap(_pipe@1, <<""/utf8>>)
                            end} |
                        Query_params]
                );

            [<<"port-feed"/utf8>>] ->
                connect_server_component(
                    Req,
                    fun spectator@internal@components@ports_live:app/0,
                    Query_params
                );

            [<<"favicon.svg"/utf8>>] ->
                serve_string(
                    <<"<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"-40.546 -53.577 2251.673 2524.133\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:bx=\"https://boxy-svg.com\">\n  <path\n    d=\"M 842.763 1885.449 C 870.851 1965.043 975.268 1983.454 1028.887 1918.269 L 1309.907 1576.606 C 1344.677 1534.33 1396.137 1509.279 1450.877 1507.946 L 1893.517 1497.176 C 1978.027 1495.121 2027.657 1401.679 1982.187 1330.643 L 1743.607 957.976 C 1729.017 935.196 1719.507 909.536 1715.737 882.746 C 1711.957 855.966 1714.007 828.676 1721.737 802.756 L 1848.077 378.926 C 1872.157 298.176 1798.617 221.916 1716.767 243.186 L 1288.287 354.516 C 1262.097 361.326 1234.747 362.416 1208.097 357.716 C 1181.457 353.026 1156.127 342.646 1133.847 327.286 L 769.294 76.116 C 699.65 28.146 604.466 74.646 599.463 158.766 L 573.239 600.246 C 569.994 654.886 543.11 705.386 499.603 738.616 L 147.94 1007.216 C 80.914 1058.41 95.596 1163.196 174.303 1194.032 L 586.57 1355.546 C 637.55 1375.519 677.336 1416.659 695.55 1468.278 L 842.763 1885.449 Z\"\n    fill=\"#FFAFF3\" style=\"transform-box: fill-box; transform-origin: 50% 50%;\"\n    transform=\"matrix(-1, 0, 0, -1, 0.000033, 0.000056)\" />\n  <path\n    d=\"M 918.91 1994.668 C 868.969 1985.861 823.32 1952.703 804.42 1899.152 L 657.186 1481.986 C 642.831 1441.315 611.52 1408.933 571.327 1393.185 L 159.044 1231.661 C 53.25 1190.213 32.792 1044.7 122.981 975.816 L 474.644 707.246 C 491.576 694.326 505.522 677.906 515.528 659.096 C 525.534 640.296 531.366 619.556 532.625 598.296 L 558.835 156.826 C 565.559 43.566 697.668 -20.864 791.287 43.616 L 791.289 43.626 L 1155.87 294.796 L 1155.87 294.806 C 1173.42 306.906 1193.38 315.086 1214.37 318.786 C 1235.37 322.486 1256.92 321.626 1277.55 316.256 L 1706.04 204.946 C 1816.06 176.356 1918.17 282.096 1885.75 390.836 L 1885.75 390.826 L 1759.42 814.646 C 1753.33 835.056 1751.72 856.536 1754.69 877.636 C 1757.66 898.726 1765.15 918.926 1776.65 936.856 L 1776.65 936.866 L 2015.25 1309.543 L 2015.24 1309.545 C 2076.44 1405.123 2007.46 1534.859 1893.87 1537.622 L 1451.21 1548.375 C 1408.06 1549.423 1367.56 1569.142 1340.17 1602.448 L 1059.15 1944.101 C 1023.08 1987.955 968.841 2003.497 918.896 1994.689 M 932.34 1918.443 C 955.035 1922.445 979.819 1914.605 997.365 1893.277 L 1278.38 1551.634 C 1320.52 1500.393 1382.95 1470.014 1449.26 1468.401 L 1891.92 1457.648 C 1947.35 1456.302 1977.63 1399.16 1947.86 1352.674 L 1709.27 979.996 C 1673.48 924.126 1663.8 855.366 1682.74 791.796 L 1809.08 367.986 C 1824.81 315.206 1779.83 268.436 1726.15 282.376 L 1297.66 393.696 C 1233.45 410.386 1165.09 398.326 1110.46 360.676 L 745.884 109.506 C 700.205 78.036 641.945 106.606 638.676 161.576 L 612.469 603.046 C 608.537 669.276 575.914 730.556 523.186 770.836 L 171.524 1039.406 C 127.662 1072.905 136.58 1136.956 188.203 1157.189 L 600.485 1318.715 C 662.256 1342.917 710.525 1392.816 732.608 1455.385 L 732.608 1455.387 L 879.842 1872.552 C 889.034 1898.593 909.64 1914.438 932.335 1918.441\"\n    fill=\"#151515\" style=\"transform-box: fill-box; transform-origin: 50% 50%;\"\n    transform=\"matrix(-1, 0, 0, -1, 0.000013, -0.000111)\" />\n  <path\n    d=\"M 1340.734 989.33 C 1383.47 996.87 1412.007 1037.62 1404.473 1080.35 C 1396.939 1123.09 1356.188 1151.617 1313.452 1144.081 C 1270.716 1136.544 1242.179 1095.79 1249.713 1053.06 C 1257.247 1010.33 1297.999 981.79 1340.734 989.33 Z\"\n    fill=\"#151515\" style=\"transform-box: fill-box; transform-origin: 50% 50%;\"\n    transform=\"matrix(-1, 0, 0, -1, -0.000262, 0.00008)\" />\n  <path\n    d=\"M 707.68 877.704 C 750.41 885.234 778.95 925.99 771.41 968.722 C 763.88 1011.455 723.13 1039.988 680.39 1032.451 C 637.66 1024.915 609.12 984.163 616.65 941.43 C 624.19 898.694 664.94 870.164 707.68 877.704 Z\"\n    fill=\"#151515\" style=\"transform-box: fill-box; transform-origin: 50% 50%;\"\n    transform=\"matrix(-1, 0, 0, -1, 0.000102, -0.000003)\" />\n  <path\n    d=\"M 908.965 1220.696 C 904.065 1218.806 899.585 1215.966 895.775 1212.346 C 891.975 1208.726 888.915 1204.386 886.795 1199.586 C 884.665 1194.776 883.505 1189.606 883.375 1184.356 C 883.245 1179.106 884.155 1173.876 886.045 1168.976 C 890.985 1156.206 898.385 1144.526 907.835 1134.606 C 917.285 1124.686 928.595 1116.736 941.125 1111.196 L 941.135 1111.186 C 953.645 1105.646 967.125 1102.626 980.815 1102.296 L 980.825 1102.296 L 980.845 1102.296 C 994.525 1101.976 1008.135 1104.346 1020.905 1109.276 L 1020.915 1109.276 C 1033.685 1114.206 1045.365 1121.606 1055.275 1131.056 L 1055.285 1131.056 L 1055.285 1131.066 C 1065.195 1140.506 1073.145 1151.816 1078.685 1164.326 C 1084.245 1176.856 1087.265 1190.366 1087.585 1204.066 C 1087.835 1214.666 1083.865 1224.936 1076.545 1232.616 C 1069.215 1240.286 1059.145 1244.736 1048.535 1244.986 C 1043.285 1245.116 1038.065 1244.196 1033.165 1242.306 C 1028.265 1240.406 1023.785 1237.566 1019.985 1233.936 C 1016.185 1230.316 1013.135 1225.976 1011.015 1221.166 C 1008.895 1216.366 1007.735 1211.186 1007.615 1205.936 C 1007.535 1202.766 1006.835 1199.636 1005.545 1196.736 L 1005.545 1196.726 L 1005.535 1196.706 C 1004.245 1193.796 1002.395 1191.166 1000.095 1188.966 C 997.785 1186.766 995.075 1185.046 992.105 1183.906 L 992.085 1183.896 C 989.105 1182.746 985.935 1182.196 982.745 1182.266 C 979.565 1182.346 976.425 1183.056 973.515 1184.346 L 973.495 1184.346 L 973.485 1184.356 C 970.575 1185.646 967.955 1187.486 965.755 1189.786 L 965.755 1189.796 C 963.555 1192.106 961.835 1194.816 960.685 1197.796 C 958.795 1202.696 955.955 1207.176 952.335 1210.976 C 948.705 1214.776 944.375 1217.836 939.565 1219.956 C 934.765 1222.086 929.585 1223.246 924.335 1223.376 C 919.085 1223.506 913.865 1222.596 908.965 1220.696 Z\"\n    fill=\"#151515\" style=\"transform-box: fill-box; transform-origin: 50% 50%;\"\n    transform=\"matrix(-1, 0, 0, -1, 0.000158, -0.000137)\" />\n  <path style=\"fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);\"\n    d=\"M 837.332 1799.273 L 1040.536 1392.732 L 1200.981 1417.848 L 1168.502 1900.5\" />\n  <path style=\"fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);\"\n    d=\"M 1462.463 1851.433 L 1464.166 1415.159 L 1635.88 1406.161 L 1804.306 1841.839\" />\n  <g style=\"\" transform=\"matrix(5.468584, 0, 0, 5.468584, -10849.720703, -6934.962402)\">\n    <path\n      d=\"M 2200.077 1640.391 C 2200.077 1671.183 2166.744 1690.428 2140.077 1675.032 C 2113.41 1659.636 2113.41 1621.146 2140.077 1605.75 C 2146.158 1602.239 2153.055 1600.391 2160.077 1600.391 C 2182.168 1600.391 2200.077 1618.3 2200.077 1640.391 Z M 2288.077 1600.391 C 2257.285 1600.391 2238.04 1633.724 2253.436 1660.391 C 2268.832 1687.058 2307.322 1687.058 2322.718 1660.391 C 2326.229 1654.31 2328.077 1647.412 2328.077 1640.391 C 2328.077 1618.3 2310.168 1600.391 2288.077 1600.391 Z\"\n      opacity=\"0.2\" style=\"paint-order: fill; fill: rgb(255, 251, 232);\" />\n    <path\n      d=\"M 2333.277 1624.261 C 2332.609 1622.397 2331.824 1620.576 2330.927 1618.811 L 2289.337 1524.191 C 2288.943 1523.28 2288.38 1522.452 2287.677 1521.751 C 2275.18 1509.251 2254.914 1509.251 2242.417 1521.751 C 2240.922 1523.248 2240.081 1525.276 2240.077 1527.391 L 2240.077 1552.391 L 2208.077 1552.391 L 2208.077 1527.391 C 2208.079 1525.269 2207.237 1523.233 2205.737 1521.731 C 2193.24 1509.231 2172.974 1509.231 2160.477 1521.731 C 2159.774 1522.432 2159.21 1523.26 2158.817 1524.171 L 2117.227 1618.791 C 2116.33 1620.556 2115.545 1622.377 2114.877 1624.241 C 2102.441 1659.036 2132.336 1694.245 2168.687 1687.617 C 2191.501 1683.457 2208.079 1663.581 2208.077 1640.391 L 2208.077 1568.391 L 2240.077 1568.391 L 2240.077 1640.391 C 2240.058 1677.341 2280.047 1700.456 2312.056 1681.997 C 2332.152 1670.408 2341.084 1646.106 2333.277 1624.261 Z M 2172.787 1532.141 C 2178.268 1527.526 2186.148 1527.118 2192.077 1531.141 L 2192.077 1604.651 C 2179.365 1593.237 2161.537 1589.457 2145.287 1594.731 L 2172.787 1532.141 Z M 2160.077 1672.391 C 2135.443 1672.391 2120.047 1645.724 2132.364 1624.391 C 2144.681 1603.058 2175.473 1603.058 2187.79 1624.391 C 2190.598 1629.256 2192.077 1634.774 2192.077 1640.391 C 2192.077 1658.064 2177.75 1672.391 2160.077 1672.391 Z M 2256.077 1531.131 C 2262.006 1527.108 2269.886 1527.516 2275.367 1532.131 L 2302.867 1594.711 C 2286.615 1589.44 2268.787 1593.223 2256.077 1604.641 L 2256.077 1531.131 Z M 2288.077 1672.391 C 2263.443 1672.391 2248.047 1645.724 2260.364 1624.391 C 2272.681 1603.058 2303.473 1603.058 2315.79 1624.391 C 2318.598 1629.256 2320.077 1634.774 2320.077 1640.391 C 2320.077 1658.064 2305.75 1672.391 2288.077 1672.391 Z\"\n      style=\"fill: rgb(47, 47, 47);\" />\n  </g>\n</svg>"/utf8>>
                );

            [<<"connect-widget.js"/utf8>>] ->
                serve_string(
                    <<"console.log(\"Connect widget loaded!\");\n\nconst dialogHtml = `\n    <dialog class=\"connect-widget-dialog\">\n      <div class=\"connect-widget-content\">\n        <h2>Inspect BEAM Node</h2>\n         <div class=\"connect-widget-form\">\n          <label for=\"node-name\">Node Name</label>\n          <input required=\"true\" type=\"text\" id=\"node-name\" name=\"node-address\" placeholder=\"wibble@127.0.0.1\" />\n          <label for=\"node-cookie\">Cookie</label>\n          <input type=\"text\" id=\"node-cookie\" name=\"node-cookie\" placeholder=\"wobble\" />\n          <label for=\"refresh-interval\">Refresh Interval</label>\n          <select id=\"refresh-interval\" name=\"refresh-interval\">\n            <option value=\"\">Default</option>\n            <option value=\"500\">500 milliseconds</option>\n            <option value=\"1000\">1 second</option>\n            <option value=\"2000\">2 seconds</option>\n            <option value=\"5000\">5 seconds</option>\n            <option value=\"10000\">10 seconds</option>\n            <option value=\"30000\">30 seconds</option>\n            <option value=\"60000\">1 minute</option>\n          </select>\n         </div>\n        <div class=\"connect-widget-actions\">\n          <button title=\"Close this dialog\" id=\"connect-cancel\">Cancel</button>\n          <button title=\"Inspect the node that spectator itself is running on\" id=\"connect-resetl\">Inspect Spectator Node</button>\n          <button title=\"Connect to specified node\" id=\"connect-submit\">Connect</button>\n        </div>\n      </div>\n    </dialog>\n  `;\n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = dialogHtml.trim();\nconst dialogElement = template.content.firstChild;\ndocument.body.appendChild(dialogElement);\n\nconst cancelButton = dialogElement.querySelector(\"#connect-cancel\");\nconst resetButton = dialogElement.querySelector(\"#connect-resetl\");\nconst submitButton = dialogElement.querySelector(\"#connect-submit\");\nconst nodeNameInput = dialogElement.querySelector(\"#node-name\");\nconst nodeCookieInput = dialogElement.querySelector(\"#node-cookie\");\nconst refreshIntervalSelect = dialogElement.querySelector(\"#refresh-interval\");\n\n// Prefill with current params\nconst urlParams = new URLSearchParams(window.location.search);\nconst currentNode = urlParams.get(\"node\") || \"\";\nconst currentCookie = urlParams.get(\"cookie\") || \"\";\nconst currentInterval = urlParams.get(\"refresh\") || \"\";\nnodeNameInput.value = currentNode;\nnodeCookieInput.value = currentCookie;\nrefreshIntervalSelect.value = currentInterval;\n\nsubmitButton.addEventListener(\"click\", () => {\n  const nodeName = nodeNameInput.value;\n  const nodeCookie = nodeCookieInput.value;\n  const refreshInterval = refreshIntervalSelect.value;\n\n  if (nodeNameInput.reportValidity()) {\n    const newParams = new URLSearchParams();\n    newParams.set(\"node\", nodeName);\n    if (nodeCookie) {\n      newParams.set(\"cookie\", nodeCookie);\n    }\n    if (refreshInterval !== \"\") {\n      newParams.set(\"refresh\", refreshInterval);\n    }\n    window.location.search = newParams.toString();\n  }\n});\n\ncancelButton.addEventListener(\"click\", () => {\n  dialogElement.close();\n});\n\nresetButton.addEventListener(\"click\", () => {\n  window.location.search = \"\";\n  dialogElement.close();\n});\n\ndocument.querySelectorAll(\".change-target-button\").forEach((button) => {\n  button.style.display = \"inline-block\";\n  button.addEventListener(\"click\", dialogElement.showModal.bind(dialogElement));\n});"/utf8>>
                );

            [] ->
                _pipe@2 = gleam@http@response:new(302),
                _pipe@3 = gleam@http@response:prepend_header(
                    _pipe@2,
                    <<"location"/utf8>>,
                    <<"/dashboard"/utf8>>
                ),
                gleam@http@response:set_body(_pipe@3, Empty_body);

            _ ->
                Not_found
        end
    end,
    _pipe@5 = mist:new(_pipe@4),
    _pipe@7 = mist:after_start(
        _pipe@5,
        fun(Port@1, Scheme, Interface) ->
            Address = case Interface of
                {ip_v6, _, _, _, _, _, _, _, _} ->
                    <<<<"["/utf8,
                            (mist:ip_address_to_string(Interface))/binary>>/binary,
                        "]"/utf8>>;

                _ ->
                    mist:ip_address_to_string(Interface)
            end,
            Message = <<<<<<<<<<<<<<"🔍 Spectator is listening on "/utf8,
                                        (gleam@http:scheme_to_string(Scheme))/binary>>/binary,
                                    "://"/utf8>>/binary,
                                Address/binary>>/binary,
                            ":"/utf8>>/binary,
                        (erlang:integer_to_binary(Port@1))/binary>>/binary,
                    " - Node: "/utf8>>/binary,
                (erlang:atom_to_binary(
                    begin
                        _pipe@6 = erlang:node(),
                        gleam_erlang_ffi:identity(_pipe@6)
                    end
                ))/binary>>,
            gleam_stdlib:println(Message)
        end
    ),
    _pipe@8 = mist:port(_pipe@7, Port),
    _pipe@9 = mist:bind(_pipe@8, Host),
    mist:supervised(_pipe@9).

-file("src/spectator.gleam", 120).
-spec start_on(binary(), integer()) -> {ok,
        gleam@otp@actor:started(gleam@otp@static_supervisor:supervisor())} |
    {error, gleam@otp@actor:start_error()}.
start_on(Host, Port) ->
    _pipe = gleam@otp@static_supervisor:new(one_for_one),
    _pipe@1 = gleam@otp@static_supervisor:add(
        _pipe,
        gleam@otp@supervision:worker(
            fun() -> case spectator_tag_manager:start_link() of
                    {ok, Pid} ->
                        {ok, {started, Pid, nil}};

                    {error, Error} ->
                        {error,
                            {init_failed,
                                <<"Failed to start tag manager: "/utf8,
                                    (gleam@string:inspect(Error))/binary>>}}
                end end
        )
    ),
    _pipe@2 = gleam@otp@static_supervisor:add(
        _pipe@1,
        mist_supervised(Host, Port)
    ),
    gleam@otp@static_supervisor:start(_pipe@2).

-file("src/spectator.gleam", 116).
?DOC(" Start the spectator application on port 3000\n").
-spec start() -> {ok,
        gleam@otp@actor:started(gleam@otp@static_supervisor:supervisor())} |
    {error, gleam@otp@actor:start_error()}.
start() ->
    start_on(<<"127.0.0.1"/utf8>>, 3000).

-file("src/spectator.gleam", 37).
?DOC(
    " Entrypoint for running spectator from the command line.\n"
    " This will start the spectator application on port 3000 and never return.\n"
).
-spec main() -> nil.
main() ->
    case start() of
        {ok, _} -> nil;
        _assert_fail ->
            erlang:error(#{gleam_error => let_assert,
                        message => <<"Pattern match failed, no pattern matched the value."/utf8>>,
                        file => <<?FILEPATH/utf8>>,
                        module => <<"spectator"/utf8>>,
                        function => <<"main"/utf8>>,
                        line => 38,
                        value => _assert_fail,
                        start => 1201,
                        'end' => 1227,
                        pattern_start => 1212,
                        pattern_end => 1217})
    end,
    gleam_erlang_ffi:sleep_forever().