update

app.py

@@ -1,42 +1,301 @@
 import streamlit as st
-import pandas as pd
-import numpy as np
-
-st.title('Uber pickups in NYC')
-
-DATE_COLUMN = 'date/time'
-DATA_URL = ('https://s3-us-west-2.amazonaws.com/'
-            'streamlit-demo-data/uber-raw-data-sep14.csv.gz')
-
-@st.cache_data
-def load_data(nrows):
-    data = pd.read_csv(DATA_URL, nrows=nrows)
-    lowercase = lambda x: str(x).lower()
-    data.rename(lowercase, axis='columns', inplace=True)
-    data[DATE_COLUMN] = pd.to_datetime(data[DATE_COLUMN])
-    return data
-
-data_load_state = st.text('Loading data...')
-data = load_data(10000)
-data_load_state.text("Done! (using st.cache)")
-
-if st.checkbox('Show raw data'):
-    st.subheader('Raw data')
-    st.write(data)
-
-st.subheader('Number of pickups by hour')
-hist_values = np.histogram(data[DATE_COLUMN].dt.hour, bins=24, range=(0,24))[0]
-st.bar_chart(hist_values)
-
-# Some number in the range 0-23
-hour_to_filter = st.slider('hour', 0, 23, 17)
-filtered_data = data[data[DATE_COLUMN].dt.hour == hour_to_filter]
-
-st.subheader('Map of all pickups at %s:00' % hour_to_filter)
-st.map(filtered_data)
-
-uploaded_file = st.file_uploader("Choose a file")
-if uploaded_file is not None:
-    st.write(uploaded_file.name)
-    bytes_data = uploaded_file.getvalue()
-    st.write(len(bytes_data), "bytes")
+import os
+import json5
+from agents import Seeker
+from qwen_agent.tools.base import BaseTool, register_tool
+import os
+import re
+import json
+import asyncio
+from utils import *
+import base64
+from PIL import Image
+import subprocess
+def run_command(command):
+    try:
+        # Run the shell command
+        result = subprocess.run(command, shell=True, text=True, capture_output=True)
+        # Print the output of the command
+        print("Command Output:")
+        print(result.stdout)
+        # Print the error if there is any
+        if result.stderr:
+            print("Command Error:")
+            print(result.stderr)
+    except Exception as e:
+        print(f"An error occurred: {e}")
+
+# Run crawl4ai-setup
+def init_crawl4ai():
+    try:
+        # 使用 subprocess 执行命令
+        result = subprocess.run(
+            ["python", "-m", "playwright", "install", "--with-deps", "chromium"],
+            check=True,  # 如果命令失败，抛出 CalledProcessError
+            text=True,   # 输出以文本形式返回
+            capture_output=True  # 捕获输出
+        )
+        print("Success!")
+        print(result.stdout)
+    except subprocess.CalledProcessError as e:
+        print("Error!")
+        print(e.stderr)
+
+model = "qwen-max"
+llm_cfg = {
+    'model': model,
+    'api_key': os.getenv('API_KEY'),
+    'model_server': "https://dashscope.aliyuncs.com/compatible-mode/v1" ,
+    'generate_cfg': {
+            'top_p': 0.8,
+            'max_input_tokens': 120000,
+            'max_retries': 20
+    },
+}
+
+def extract_links_with_text(html):
+    with open("ROOT_URL.txt", "r") as f:
+        ROOT_URL = f.read()
+    soup = BeautifulSoup(html, 'html.parser')
+    links = []
+
+    # 常规的<a>标签
+    for a_tag in soup.find_all('a', href=True):
+        url = a_tag['href']
+        text = ''.join(a_tag.stripped_strings)
+        
+        # 过滤掉图片链接和javascript链接
+        if text and "javascript" not in url and not url.endswith(('.jpg', '.png', '.gif', '.jpeg', '.pdf')):
+            if process_url(ROOT_URL, url).startswith(ROOT_URL):
+                links.append({'url': process_url(ROOT_URL, url), 'text': text})
+
+    # 特殊情况1: 使用onclick事件的链接
+    for a_tag in soup.find_all('a', onclick=True):
+        onclick_text = a_tag['onclick']
+        text = ''.join(a_tag.stripped_strings)
+        
+        # 使用正则表达式提取url
+        match = re.search(r"window\.location\.href='([^']*)'", onclick_text)
+        if match:
+            url = match.group(1)
+            if url and text  and not url.endswith(('.jpg', '.png', '.gif', '.jpeg', '.pdf')):
+                if process_url(ROOT_URL, url).startswith(ROOT_URL):
+                    links.append({'url': process_url(ROOT_URL, url), 'text': text})
+
+    # 特殊情况2: data-url属性的链接
+    for a_tag in soup.find_all('a', attrs={'data-url': True}):
+        url = a_tag['data-url']
+        text = ''.join(a_tag.stripped_strings)
+        if url and text and not url.endswith(('.jpg', '.png', '.gif', '.jpeg', '.pdf')):
+            if process_url(ROOT_URL, url).startswith(ROOT_URL):
+                links.append({'url': process_url(ROOT_URL, url), 'text': text})
+
+    # 特殊情况3: class为"herf-mask"的链接
+    for a_tag in soup.find_all('a', class_='herf-mask'):
+        url = a_tag.get('href')
+        text = a_tag.get('title') or ''.join(a_tag.stripped_strings)
+        if url and text and not url.endswith(('.jpg', '.png', '.gif', '.jpeg', '.pdf')):
+            if process_url(ROOT_URL, url).startswith(ROOT_URL):
+                    links.append({'url': process_url(ROOT_URL, url), 'text': text})
+    # 特殊情况4: <button>标签作为链接
+    for button in soup.find_all('button', onclick=True):
+        onclick_text = button['onclick']
+        text = button.get('title') or button.get('aria-label') or ''.join(button.stripped_strings)
+        match = re.search(r"window\.location\.href='([^']*)'", onclick_text)
+        if match:
+            url = match.group(1)
+            if url and text:
+                if process_url(ROOT_URL, url).startswith(ROOT_URL):
+                    links.append({'url': process_url(ROOT_URL, url), 'text': text})
+
+    # 过滤重复链接
+    if "Welcome!" in html:
+        print(links)
+        links.remove({'url': 'https://2025.aclweb.org/calls/industry_track/', 'text': 'Call for Industry Track'})
+    unique_links = {f"{item['url']}_{item['text']}": item for item in links}  # 去重
+
+    if not os.path.exists("BUTTON_URL_ADIC.json"):
+        with open("BUTTON_URL_ADIC.json", "w") as f:
+            json.dump({}, f)
+    with open("BUTTON_URL_ADIC.json", "r") as f:
+        BUTTON_URL_ADIC = json.load(f)
+    for temp in list(unique_links.values()):
+        BUTTON_URL_ADIC[temp["text"]] = temp["url"]
+
+    with open("BUTTON_URL_ADIC.json", "w") as f:
+        json.dump(BUTTON_URL_ADIC, f)
+    info = ""
+    for i in list(unique_links.values()):
+        info += "<button>" + i["text"] + "<button>" + "\n"
+    return info
+
+
+flag = 0
+if __name__ == "__main__":
+    st.title('🤝WebWalker')
+    st.markdown("### 📚Introduction")
+    st.markdown("👋Welcome to WebWalker! WebWalker is a web-based conversational agent that can help you navigate websites and find information.")
+    st.markdown("📑The paper of WebWalker is available at [arXiv]().")
+    st.markdown("✨You can bulid your own WebWalker by following the [instruction](https://github.com/Alibaba-NLP/WebWalker).")
+    st.markdown("🙋If you have any questions, please feel free to contact us via the [Github issue](https://github.com/Alibaba-NLP/WebWalker/issue).")
+    st.markdown("### 🚀Let's start exploring the website!")
+    st.text("⌛️When you first use this app, you need to wait for a while to initialize the environment. Please be patient.")
+    if flag == 0:
+        init_crawl4ai()
+        st.text("✅Initialization is complete. You can start using the app now.")
+        flag = 1
+    else:
+        st.text("✅Initialization is complete. You can start using the app now.")
+    if 'form_1_text' not in st.session_state:
+        st.session_state.form_1_text = ""
+    if 'form_2_text' not in st.session_state:
+        st.session_state.form_2_text = ""
+
+    with st.sidebar:
+        MAX_ROUNDS = st.number_input('Max Count Count：', min_value=1, max_value=15, value=10, step=1)
+        website_example = st.sidebar.selectbox('Example Website：', ['https://2025.aclweb.org/'])
+        question_example = st.sidebar.selectbox('Example Query：', ["When is the paper submission deadline for ACL 2025 Industry Track, and what is the venue specific address?", "Who is the general chair of ACL 2025?", "What is the spcial theme of ACL 2025?"])
+
+    col1, col2 = st.columns([3, 1]) 
+    with col1:
+        with st.form(key='my_form'):
+            form_1_text = st.text_area("**🤯Memory**", value="No Memory", height=68)
+            website = st.text_area('👉Website', value=website_example, placeholder='Input the website you want to walk through.')
+            query = st.text_area('🤔Query', value=question_example, placeholder='Input the query you want to ask.')
+            submit_button = st.form_submit_button('Start!!!!')
+            
+            if submit_button:
+                if website and query:
+                    tools = ["visit_page"] 
+                    K = 15 
+                    llm_cfg["query"] = query
+                    bot = Seeker(llm=llm_cfg,
+                        function_list=tools,
+                        )
+                    BUTTON_URL_ADIC = {}
+                    ROOT_URL = website
+                    with open("ROOT_URL.txt", "w") as f:
+                        f.write("https://2025.aclweb.org/")
+                    messages = []  # This stores the chat history.
+                    visited_links = []
+                    start_prompt = "query:\n{query} \nofficial website:\n{website}".format(query=query, website=website)
+                    # print(website_adic[query])
+                    st.markdown('**🌐Now visit**')
+                    st.write(website)
+                    html, markdown, screenshot = asyncio.run(get_info(website))
+                    with col2:
+                        st.markdown('**📸Observation**')
+                        if screenshot:
+                            st.session_state.image_index = 0
+                            print("get screenshot!")
+                            image_folder = "images/"
+                            with open(image_folder+str(st.session_state.image_index)+".png", "wb") as f:
+                                f.write(base64.b64decode(screenshot))
+                            image_files = os.listdir(image_folder)
+                            image_files = [f for f in image_files if f.endswith(('.png', '.jpg', '.jpeg'))]
+                            image_path = os.path.join(image_folder, image_files[st.session_state.image_index])
+                            image = Image.open(image_folder+str(st.session_state.image_index)+".png")
+                            st.image(image, caption='Start Obervation', width=400)
+                        
+                    buttons = extract_links_with_text(html)
+                    response = "website information:\n\n" + markdown + "\n\n"
+                    response += "clickable button:\n\n" + buttons + "\n\nEach button is wrapped in a <button> tag"
+                    start_prompt += "\nObservation:" + response + "\n\n"
+                    messages.append({'role': 'user', 'content':start_prompt})
+                    cnt = 0
+                    response = []
+                    response = bot.run(messages=messages, lang = "zh")
+                    for i in response:
+                        if "\"}" in i[0]["content"] and "Memory" not in i[0]["content"]:
+                            st.markdown('**💭Thoughts**')
+                            st.markdown(i[0]["content"].split("Action")[0])
+                        elif "\"}" in i[0]["content"] and "Memory" in i[0]["content"]:
+                            st.text_area('**🤯Memory Update**', i[0]["content"][:-2])
+                        if "Final Answer" in i[0]["content"]:
+                            st.session_state.answer = i[0]["content"]
+                            st.markdown('**🙋Anwser**')
+                            st.write(st.session_state.answer)
+                else:
+                    st.error('Please input the website and query.')
+
+def get_content_between_a_b(start_tag, end_tag, text):
+    """
+
+    Args:
+        start_tag (str): start_tag
+        end_tag (str): end_tag
+        text (str): complete sentence
+
+    Returns:
+        str: the content between start_tag and end_tag
+    """
+    extracted_text = ""
+    start_index = text.find(start_tag)
+    while start_index != -1:
+        end_index = text.find(end_tag, start_index + len(start_tag))
+        if end_index != -1:
+            extracted_text += text[start_index + len(start_tag) : end_index] + " "
+            start_index = text.find(start_tag, end_index + len(end_tag))
+        else:
+            break
+
+    return extracted_text.strip()
+
+
+
+@register_tool('visit_page',allow_overwrite=True)
+class VisitPage(BaseTool):
+    description = 'A tool analyzes the content of a webpage and extracts buttons associated with sublinks. Simply input the button which you want to explore, and the tool will return both the markdown-formatted content of the corresponding page of button and a list of new clickable buttons found on the new page.'
+    parameters = [{
+        'name': 'button',
+        'type': 'string',
+        'description': 'the button you want to click',
+        'required': True
+    }]
+
+            
+    def call(self, params: str, **kwargs) -> str:
+        if not params.strip().endswith("}"):
+            if "}" in params.strip():
+                params = "{" + get_content_between_a_b("{","}",params) + "}"
+            else:
+                if not params.strip().endswith("\""):
+                    params = params.strip() + "\"}"
+                else:
+                    params = params.strip() + "}"
+        params = "{" + get_content_between_a_b("{","}",params) + "}"
+        if 'button' in json5.loads(params):
+            # `params` are the arguments generated by the LLM agent.
+            with open("BUTTON_URL_ADIC.json", "r") as f:
+                BUTTON_URL_ADIC = json.load(f)
+            if json5.loads(params)['button'].replace("<button>","") in BUTTON_URL_ADIC:
+                st.markdown('**👆Click Button**')
+                st.write(json5.loads(params)['button'].replace("<button>",""))
+                url =  BUTTON_URL_ADIC[json5.loads(params)['button'].replace("<button>","")]
+                html, markdown, screenshot = asyncio.run(get_info(url))
+                st.markdown('**🌐Now Visit**')
+                st.write(url)
+                with col2:
+                    st.write("")
+                    st.markdown('**📸Observation**')
+                    if screenshot:
+                        print("get screenshot!")
+                        image_folder = "images/"
+                        with open(image_folder+str(st.session_state.image_index+1)+".png", "wb") as f:
+                            f.write(base64.b64decode(screenshot))
+                        st.session_state.image_index += 1
+                        # st.write(st.session_state.image_index)
+                        image = Image.open(image_folder+str(st.session_state.image_index)+".png")
+                        st.image(image, caption='Step ' + str(st.session_state.image_index) + ' Obervation', width=400)
+                response_bottons = extract_links_with_text(html)
+                response_content = markdown
+                if response_content:
+                    response = "当前页面的信息是:\n\n" + response_content + "\n\n"
+                else:
+                    response = "当前页面的信息不可访问\n\n"
+                response += "可以点击的按钮有\n\n" + response_bottons + "\n\n每个按钮由<button>..<button>包裹\n"
+                return response
+            else:
+                return "the button can not be clicked, please retry a new botton!"
+        else:
+            return "your input is invalid, plase output the action input correctly!"

requirements.txt

@@ -1,3 +1,6 @@
-streamlit
-numpy
-pandas
+crawl4ai
+requests
+json5
+pillow
+beautifulsoup4
+qwen-agent