AI Flow

import { ar as u, A as t, r, af as f, as as p, at as m, au as R } from "./chunk-B58rTJxt.js";
import { c8 as x } from "./chunk-BtcNOITX.js";
const d = ({ scene: n }) => {
  const [e, o] = r.useState("localhost"), [s, l] = r.useState(1234), c = r.useRef(null), i = r.useCallback(() => {
    c.current && c.current.close(), c.current = new x(n, e, s);
  }, [n, e, s]);
  return t.jsxs(t.Fragment, { children: [t.jsx(f, { label: "Hostname", value: e, onChange: (a) => o(a) }), t.jsx(p, { label: "Port", value: s, onChange: (a) => l(a), forceInt: !0 }), t.jsx(m, { label: "Connect", icon: R, onClick: i })] });
}, h = {
  friendlyName: "Reflector Tools",
  consumes: [u],
  factory: (n) => {
    const e = [];
    return e.push(n.addSectionContent({
      key: "Reflector",
      section: "Reflector",
      component: ({ context: o }) => t.jsx(d, { scene: o })
    })), {
      dispose: () => {
        e.forEach((o) => o.dispose());
      }
    };
  }
};
var g = {
  serviceDefinitions: [h]
};
export {
  h as ReflectorServiceDefinition,
  g as default
};