Chat Docs issues

[MarcSkovMadsen]

As the new chat interface is in the dev docs I will start reviewing and add issues here

Dev Docs: https://holoviz-dev.github.io/panel/reference/index.html#widgets

Issues

• [x] Spelling errors in Chat component gallery thumbnails. I've updated the ones in post below. Philipp should upload to CDN.
• [x] Component Gallery now has many categories without clear ordering. To be fixed by #5692
• [x] No mention of and link to panel-chat-examples.
  • [x] Should be in App Gallery https://holoviz-dev.github.io/panel/gallery/index.html. To be fixed by #5690
  • [x] Should be in ChatInterface reference guide. Could be in ChatEntry and ChatFeed guides
• [x] Images missing from component gallery
• [x] Cannot run dev examples in Pyodide (We now can but with issues listed below)
• [x] #5625

ChatMessage

• [x] Design specification image not found
  • [x] Remember to change ChatEntry to ChatMessage
• [x] Cannot import name document from js error when running Matplotlib in pyodide. See https://github.com/pyodide/pyodide/issues/561. To be worked around via #5702.
• [ ] "Reference ... isn't known" in console when running in Pyodide.
• [x] Beat boxing cannot play. To be fixed by #5688.
• [x] Both Streamlit and LangChain has the concept of message(s). For example st.chat_message. Consider if ChatMessage is a better name than ChatEntry @ahuang11 .

ChatFeed

• [x] Design specification image not found
• [x] Verbose mentioned but not set. To be fixed by #5691
• [x] Feed without entries is totally flat (Is not an issue, but a feature).
• [x] Await outside function

ChatInterface

• [x] Design specification image not found
• [x] #5695. To be solved by #5701
• [x] #5708. To be solved by #5712
• [x] #5705. To be solved by #5706
• [x] #5709
• [x] #5716
• [x] callback_user not described in Parameters section.
• [x] ChatInterface Perspective examples not working. To be fixed by #5696.
• [x] The TextInput widget does not stretch when show_button_name=False. Fixed by #5697
• [x] show_button_name not working

PanelCallbackHandler

• [x] Images not showing
• [x] #5707. Fixed by #5710
• [x] No reference guide
• [x] #5629
• [x] Remaining issues to be solved by https://github.com/holoviz/panel/pull/5682.

ChatBox

• [x] No deprecation alert at top of reference notebook. To be solved by #5689.
• [x] Not deprecated

Streamlit migration guide

• [x] Card issue in index file. To be fixed by #5685
• [x] To be solved by #5670

Card issue in index file

https://holoviz-dev.github.io/panel/how_to/streamlit_migration/index.html

Images missing from component gallery

Cannot run dev examples in Pyodide

The problem is that the bokeh js cannot be found. I.e. we cannot test if dev docs works and makes sense.

Design Specification image not found

https://holoviz-dev.github.io/panel/reference/widgets/ChatEntry.html

Beat boxing cannot play

On my mobile it says "fejl" which is danish for "error"

Feed without entries is totally flat

This might confuse users

https://holoviz-dev.github.io/panel/reference/widgets/ChatFeed.html#id2

Await outside function

show_button_name not working

I would expect the buttons to have icons but no text.

Images not showing

Component Gallery now has many categories without clear ordering.

Verbose mentioned but not set

In the ChatFeed Reference notebook

[hoxbro]

Do you have the images you want for the gallery?

The second problem is related to the latest Bokeh release, which is unavailable on all channels. My feeling is this will fix itself given time.

[MarcSkovMadsen]

For the second problem I think the cause is that custom wheels are not published for alpha, beta and release candidates via the pipeline.

[philippjfr]

They are published but we only publish the latest bokeh version (i.e. 3.3.0 now). Seems like the website was still built with bokeh 3.2.2 for some reason.

[MarcSkovMadsen]

LAST UPDATE: 2023-10-19 14:56

You can for example use these pictures @philippjfr

You can finetune via the below

import time

import panel as pn
import pytest
from panel.chat import ChatFeed, ChatInterface, ChatMessage

VIEWPORT = {"width": 500, "height": 500}
PORT = 5007
URL = f"http://localhost:{PORT}"

def run(page, component, zoom):
    server = pn.serve(component, port=PORT, threaded=True, show=False)
    time.sleep(0.2)
    page.goto(URL)
    page.locator("body").evaluate(f"(sel)=>{{sel.style.zoom = {zoom}}}")
    time.sleep(4)
    server.stop()

@pytest.mark.browser_context_args(
    viewport=VIEWPORT
)
def test_chat_message(page):
    component = pn.Column(
        ChatMessage("How may I help?", user="Assistant"),
    )
    run(page, component, 1.25)

@pytest.mark.browser_context_args(
    viewport=VIEWPORT
)
def test_chat_feed(page):
    component = ChatFeed()
    component.send("How may I help?", user="Assistant")
    component.send("You can answer my questions.", user="User")
    run(page, component, 1.25)

@pytest.mark.browser_context_args(
    viewport=VIEWPORT
)
def test_chat_interface(page):
    component = pn.Column(ChatInterface(margin=0), margin=10)
    component[0].send("How may I help?", user="Assistant")
    component[0].send("You can answer my questions.", user="User")
    run(page, component, 1.25)

pytest script.py --headed --screenshot on

[ahuang11]

This fixes show_button_name https://github.com/holoviz/panel/pull/5652

This fixes await outside notebook https://github.com/holoviz/panel/pull/5653

Adds mention of panel-chat-examples https://github.com/holoviz/panel/pull/5654

[MarcSkovMadsen]

Cannot import name document from js

Seem the ChatMessage docs can now run in pyodide. But then a new issue appears.

reference ... isn't known

I also see some errors in the console when runnning ChatMessage reference notebook in pyodide

[MarcSkovMadsen]

ChatInterface Perspective examples not working

When I try the upload on the dev site using pyodide it does not work. I don't see anything displayed. And don't see the cause in the browser console either.

[MarcSkovMadsen]

The TextInput does not stretch when show_button_name=False

UPDATE: THE CAUSE IS THE width=400.

[ahuang11]

I think this can be closed? If not please open new issues with remaining issues.