feat: got a minimal working anthropic-themed chatbot w/ gpt-oss-20b

.streamlit/config.toml

@@ -0,0 +1,55 @@
+[server]
+enableStaticServing = true
+
+[[theme.fontFaces]]
+family = "SpaceGrotesk"
+url = "app/static/SpaceGrotesk-VariableFont_wght.ttf"
+
+[[theme.fontFaces]]
+family = "SpaceMono"
+url = "app/static/SpaceMono-Bold.ttf"
+style = "normal"
+weight = 700
+
+[[theme.fontFaces]]
+family = "SpaceMono"
+url = "app/static/SpaceMono-BoldItalic.ttf"
+style = "italic"
+weight = 700
+
+[[theme.fontFaces]]
+family = "SpaceMono"
+url = "app/static/SpaceMono-Italic.ttf"
+style = "italic"
+weight = 400
+
+[[theme.fontFaces]]
+family = "SpaceMono"
+url = "app/static/SpaceMono-Regular.ttf"
+style = "normal"
+weight = 400
+
+[theme]
+primaryColor = "#cb785c"
+backgroundColor = "#fdfdf8"
+secondaryBackgroundColor = "#ecebe3"
+textColor = "#3d3a2a"
+linkColor = "#3d3a2a"
+borderColor = "#d3d2ca"
+showWidgetBorder = true
+baseRadius = "0.75rem"
+buttonRadius = "full"
+font = "SpaceGrotesk"
+headingFontWeights = [600,500,500,500,500,500]
+headingFontSizes = ["3rem", "2rem"]
+codeFont = "SpaceMono"
+codeFontSize = ".75rem"
+codeBackgroundColor = "#ecebe4"
+showSidebarBorder = true
+chartCategoricalColors = ["#0ea5e9", "#059669", "#fbbf24"]
+
+[theme.sidebar]
+backgroundColor = "#f0f0ec"
+secondaryBackgroundColor = "#ecebe3"
+headingFontSizes = ["1.6rem", "1.4rem", "1.2rem"]
+dataframeHeaderBackgroundColor = "#e4e4e0"

backup/streamlit_app.py

@@ -0,0 +1,98 @@
+import streamlit as st
+from huggingface_hub import InferenceClient
+import os
+
+# Page configuration with anthropic styling
+st.title("💬 GPT-OSS-20B Chatbot")
+st.markdown("*A clean, multi-turn chatbot powered by GPT-OSS-20B*")
+
+# Initialize Hugging Face client
+hf_token = os.getenv("HF_TOKEN")
+# if not hf_token:
+#     st.error("Please set your HF_TOKEN environment variable.")
+#     st.stop()
+
+client = InferenceClient(
+    model="openai/gpt-oss-20b",
+    token=hf_token 
+)
+
+# Initialize chat history
+if "messages" not in st.session_state:
+    st.session_state.messages = []
+
+# Sidebar configuration with anthropic styling
+with st.sidebar:
+    st.header("⚙️ Configuration")
+    
+    # Model parameters
+    system_prompt = st.text_area(
+        "System message",
+        value="You are a helpful assistant.",
+        help="Define the AI assistant's behavior and personality"
+    )
+    
+    st.subheader("Generation Parameters")
+    max_tokens = st.slider("Max new tokens", 1, 2048, 512)
+    temperature = st.slider("Temperature", 0.1, 2.0, 0.7)
+    top_p = st.slider("Top-p", 0.1, 1.0, 0.95)
+    
+    # Chat management
+    st.divider()
+    if st.button("🗑️ Clear Chat History", use_container_width=True):
+        st.session_state.messages = []
+        st.rerun()
+    
+    # Display chat stats
+    if st.session_state.messages:
+        st.caption(f"Messages in conversation: {len(st.session_state.messages)}")
+
+# Main chat interface
+st.subheader("Chat")
+
+# Display chat history with improved formatting
+for message in st.session_state.messages:
+    with st.chat_message(message["role"]):
+        st.markdown(message["content"])
+
+# Chat input
+if prompt := st.chat_input("Type your message here..."):
+    # Add user message to chat history
+    st.session_state.messages.append({"role": "user", "content": prompt})
+    
+    # Display user message
+    with st.chat_message("user"):
+        st.markdown(prompt)
+    
+    # Generate and display assistant response
+    with st.chat_message("assistant"):
+        with st.spinner("Thinking..."):
+            try:
+                # Prepare messages for API call
+                messages_for_api = [{"role": "system", "content": system_prompt}]
+                messages_for_api.extend(st.session_state.messages)
+                
+                # Call Hugging Face API
+                response = client.chat_completion(
+                    messages=messages_for_api,
+                    max_tokens=max_tokens,
+                    temperature=temperature,
+                    top_p=top_p,
+                    stream=False,
+                )
+                
+                # Extract and display response
+                reply = response.choices[0].message["content"]
+                st.markdown(reply)
+                
+                # Add assistant response to chat history
+                st.session_state.messages.append({"role": "assistant", "content": reply})
+                
+            except Exception as e:
+                st.error(f"Error generating response: {str(e)}")
+                # Don't add the user message if there was an error
+                st.session_state.messages.pop()
+
+# Footer
+st.divider()
+st.caption("Built with Streamlit • Powered by GPT-OSS-20B • Styled with Anthropic theme")

cards.py

@@ -0,0 +1,20 @@
+import streamlit as st
+
+def chat_card():
+    st.page_link("chat.py", label="Chat", icon=":material/chat:")
+    # st.chat_message("user").write("Hello, world!")
+    # st.chat_message("assistant").write("Hello, user!")
+    # st.chat_input("Type something")
+
+# def status_card():
+#     st.page_link("status.py", label="Status", icon=":material/error:")
+#     cols = st.columns(2)
+#     cols[0].error("Error")
+#     cols[0].warning("Warning")
+#     cols[1].info("Info")
+#     cols[1].success("Success")
+#     cols = st.columns(2)
+#     if cols[0].button("Toast!"):
+#         st.toast("Toast message", icon=":material/notifications:")
+#     if cols[1].button("Balloons!"):
+#         st.balloons()

chat.py

@@ -0,0 +1,80 @@
+# chat.py
+import streamlit as st
+from huggingface_hub import InferenceClient
+import os
+import json
+
+st.header("In-place feedback demo")
+
+# import the inference client
+hf_token = os.getenv("HF_TOKEN")
+client = InferenceClient(model="openai/gpt-oss-20b", token=hf_token)
+
+#### Initialize chat history
+if "messages" not in st.session_state:
+    st.session_state.messages = []
+    
+#### set basic parameters
+# hard-coded for now but can be changed
+max_tokens = 60000
+temperature = 0.7
+top_p = 0.95
+
+if "chat_history" not in st.session_state:
+    st.session_state.chat_history = [{"role": "assistant", "content": "Ask me anything!"}]
+
+# Display chat
+for message in st.session_state.chat_history:
+    with st.chat_message(message["role"]):
+        st.markdown(message["content"])
+        if "reasoning" in message:
+            with st.expander("Show reasoning"):
+                st.markdown(message["reasoning"])
+
+if prompt := st.chat_input("Send a message"):
+    # add message to chat history
+    st.session_state.chat_history.append({"role": "user", "content": prompt})
+    # show message
+    with st.chat_message("user"):
+        st.markdown(prompt)     # for markdown of user text
+    
+    # Prepare messages for API call
+    messages_for_api = [{"role": "system", "content": "You are a helpful assistant."}]
+    messages_for_api.extend(st.session_state.chat_history)
+    
+    # Generate and display assistant response
+    with st.chat_message("assistant"):
+        with st.spinner("Thinking..."):
+            try:
+                # Call Hugging Face API
+                response = client.chat_completion(messages=messages_for_api,
+                    max_tokens=max_tokens,
+                    temperature=temperature,
+                    top_p=top_p,
+                    stream=False,
+                )
+                
+                ######## debug #########
+                print("=== RAW RESPONSE ===")
+                print(json.dumps(response.__dict__, indent=2, default=str))
+                
+                # show the response
+                reply = response.choices[0].message["content"]
+                st.markdown(reply)
+                print(reply)
+                
+                reasoning = getattr(response.choices[0], "reasoning", None)
+                if reasoning:
+                    with st.expander("Show reasoning"):
+                        st.markdown(reasoning)
+                    
+                # Add assistant response to chat history
+                st.session_state.chat_history.append(
+                    {"role": "assistant", "content": reply}
+                )
+                
+            except Exception as e:
+                st.error(f"Error generating response: {str(e)}")
+                # Don't add the user message if there was an error
+                st.session_state.chat_history.pop()
+    

layouts.py

@@ -0,0 +1,30 @@
+import streamlit as st
+
+@st.dialog("This is a dialog")
+def dialog_function():
+    st.write("This is a dialog function.")
+    if st.button("Close"):
+        st.rerun(scope="app")
+
+st.header("Layout elements")
+
+a, b, c, d = st.tabs(["Tab A", "Tab B", "Tab C", "Tab D"])
+with a:
+    st.write("This is the content of Tab A.")
+with b:
+    st.write("This is the content of Tab B.")
+with c:
+    st.write("This is the content of Tab C.")
+with d:
+    st.write("This is the content of Tab D.")
+
+st.subheader("Columns")
+col0, col1, col2 = st.columns(3, border=True)
+col0.write("This is the first column.")
+col1.write("This is the second column.")
+col2.write("This is the third column.")
+st.expander("Expander").write("This is an expander")
+col0, col1 = st.columns(2)
+col0.popover("Popover").write("This is a popover")
+if col1.button("Dialog"):
+    dialog_function()

requirements.txt

@@ -1,3 +1,4 @@
+streamlit
+huggingface_hub
 altair
-pandas
-streamlit
+pandas

src/streamlit_app.py

@@ -1,40 +0,0 @@
-import altair as alt
-import numpy as np
-import pandas as pd
-import streamlit as st
-
-"""
-# Welcome to Streamlit!
-
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))

static/OFL-SpaceGrotesk.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

static/OFL-SpaceMono.txt

@@ -0,0 +1,93 @@
+Copyright 2016 The Space Mono Project Authors (https://github.com/googlefonts/spacemono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

status.py

@@ -0,0 +1,16 @@
+import streamlit as st
+
+st.header("Status elements")
+
+st.error("This is an error message.")
+st.warning("This is a warning message.")
+st.info("This is an info message.")
+st.success("This is a success message.")
+
+e = RuntimeError("This is an exception of type RuntimeError")
+st.exception(e)
+
+if st.button("Toast"):
+    st.toast("This is a toast message.")
+st.button("Balloons", on_click=st.balloons)
+st.button("Snow", on_click=st.snow)

streamlit_app.py

@@ -0,0 +1,90 @@
+# streamlit_app.py
+import streamlit as st
+import pandas as pd
+import numpy as np
+from pathlib import Path
+
+from cards import (
+    # widgets_card,
+    # text_card,
+    # dataframe_card,
+    # charts_card,
+    # media_card,
+    # layouts_card,
+    chat_card,
+    # status_card
+)
+
+if "init" not in st.session_state:
+    # st.session_state.chart_data = pd.DataFrame(
+    #     np.random.randn(20, 3), columns=["a", "b", "c"]
+    # )
+    # st.session_state.map_data = pd.DataFrame(
+    #     np.random.randn(1000, 2) / [50, 50] + [37.76, -122.4],
+    #     columns=["lat", "lon"],
+    # )
+    st.session_state.init = True
+
+
+pages = [
+    # st.Page(
+    #     "home.py",
+    #     title="Home",
+    #     icon=":material/home:"
+    # ),
+    # st.Page(
+    #     "widgets.py",
+    #     title="Widgets",
+    #     icon=":material/widgets:"
+    # ),
+    # st.Page(
+    #     "text.py",
+    #     title="Text",
+    #     icon=":material/article:"
+    # ),
+    # st.Page(
+    #     "data.py",
+    #     title="Data",
+    #     icon=":material/table:"
+    # ),
+    # st.Page(
+    #     "charts.py",
+    #     title="Charts",
+    #     icon=":material/insert_chart:"
+    # ),
+    # st.Page(
+    #     "media.py",
+    #     title="Media",
+    #     icon=":material/image:"
+    # ),
+    # st.Page(
+    #     "layouts.py",
+    #     title="Layouts",
+    #     icon=":material/dashboard:"
+    # ),
+    st.Page(
+        "chat.py",
+        title="Chat",
+        icon=":material/chat:"
+    ),
+    # st.Page(
+    #     "status.py",
+    #     title="Status",
+    #     icon=":material/error:"
+    # ),
+]
+
+page = st.navigation(pages)
+page.run()
+
+with st.sidebar.container(height=310):
+    if page.title == "Chat":
+        chat_card()
+    else:
+        st.page_link("home.py", label="Home", icon=":material/home:")
+        st.write("Welcome to the home page!")
+
+st.sidebar.caption(
+    "This app uses [Space Grotesk](https://fonts.google.com/specimen/Space+Grotesk) "
+    "and [Space Mono](https://fonts.google.com/specimen/Space+Mono) fonts."
+)

text.py

@@ -0,0 +1,37 @@
+import streamlit as st
+
+st.header("Text elements")
+cols = st.columns(2)
+
+with cols[0].container(border=True):
+    st.title("Title")
+    st.markdown("*Lorem ipsum*")
+    st.header("Header")
+    st.markdown("*Lorem ipsum*")
+    st.subheader("Subheader")
+    st.markdown("*Lorem ipsum*")
+
+with cols[1]:
+    st.markdown(r"Markdown: **bold** *italic* ~strikethrough~ [link](https://streamlit.io) `code` $\int_a^b f(x)$ 🐶 :cat: :material/home: :streamlit: <- -> <-> -- >= <= ~= ")
+    st.markdown(
+        "Text colors:\n"
+        ":blue[blue] :green[green] :orange[orange] :red[red] :violet[violet] "
+        ":gray[gray] :rainbow[rainbow] :primary[primary]\n\n"
+        ":blue-background[blue] :green-background[green] :orange-background[orange] "
+        ":red-background[red] :violet-background[violet] :gray-background[gray] "
+        ":rainbow-background[rainbow] :primary-background[primary]\n\n"
+        ":blue-background[:blue[blue]] :green-background[:green[green]] "
+        ":orange-background[:orange[orange]] :red-background[:red[red]] "
+        ":violet-background[:violet[violet]] :gray-background[:gray[gray]] "
+        ":rainbow-background[:rainbow[rainbow]] :primary-background[:primary[primary]]"
+    )
+    st.caption("Caption")
+    st.badge("Badge", icon=":material/star:", color="primary")
+
+st.divider()
+st.code (
+    "import streamlit as st\n"
+    "\n"
+    'st.write("Hello, world!")\n'
+)
+st.help(st.write)

widgets.py

@@ -0,0 +1,52 @@
+import streamlit as st
+
+st.header("Widgets")
+tabs = st.tabs(["Buttons", "Selections", "Numeric", "Text", "Media"])
+with tabs[0]:
+    cols = st.columns(3)
+    cols[0].button("Primary button", type="primary")
+    cols[1].button("Secondary button", type="secondary")
+    cols[2].button("Tertiary button", type="tertiary")
+    with st.form(key="button_form"):
+        st.subheader("Form")
+        st.text_input("Text input")
+        st.form_submit_button("Submit button")
+    st.link_button("Link button", url="https://streamlit.io", icon=":material/open_in_new:")
+    st.page_link("widgets.py", label="Page link (this page)", icon=":material/my_location:")
+    st.page_link("text.py", label="Page link (next page)", icon=":material/skip_next:")
+
+with tabs[1]:
+    cols = st.columns(2)
+    with cols[0]:
+        st.checkbox("Checkbox")
+        st.selectbox("Selectbox", options=["A", "B", "C"])
+        st.pills("Pills", options=["A", "B", "C"])
+        st.select_slider("Select slider", options=["A", "B", "C"])
+
+    with cols[1]:
+        st.toggle("Toggle")
+        st.radio("Radio", options=["A", "B", "C"], horizontal=True)
+        st.segmented_control("Segmented control", options=["A", "B", "C"])
+        st.caption("Feedback")
+        st.feedback("faces")
+
+    st.multiselect("Multiselect", options=["A", "B", "C"])
+    
+with tabs[2]:
+    st.number_input("Number input")
+    st.slider("Slider")
+    st.date_input("Date input")
+    st.time_input("Time input")
+
+with tabs[3]:
+    cols = st.columns(2)
+    cols[0].text_input("Text input")
+    cols[1].html("<div style='height:.75em'>&nbsp;</div>")
+    cols[1].chat_input("Type something")
+
+    st.text_area("Text area")
+
+with tabs[4]:
+    st.file_uploader("File input")
+    st.audio_input("Audio input")
+    st.camera_input("Camera input")