Upload folder using huggingface_hub

.gitattributes

@@ -33,3 +33,23 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+gradio/demo/blocks_flipper/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/blocks_neural_instrument_coding/sax.wav filter=lfs diff=lfs merge=lfs -text
+gradio/demo/calculator/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/chatbot_core_components/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/chatbot_core_components_simple/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/dataset/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/hello_world_2/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/hello_world_4/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/image_mod/screenshot.png filter=lfs diff=lfs merge=lfs -text
+gradio/demo/kitchen_sink/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/sales_projections/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/sepia_filter/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/unispeech-speaker-verification/samples/kirsten_dunst.wav filter=lfs diff=lfs merge=lfs -text
+gradio/demo/video_component/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/guides/assets/hf_demo.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/guides/cn/assets/hf_demo.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/js/component-test/src/lib/images/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/js/spa/test/files/file_test.ogg filter=lfs diff=lfs merge=lfs -text
+gradio/js/spa/test/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/test/test_files/rotated_image.jpeg filter=lfs diff=lfs merge=lfs -text

README.md

@@ -1,12 +1,6 @@
 ---
-title: Gtp Final
-emoji: 💻
-colorFrom: yellow
-colorTo: red
+title: gtp-final
+app_file: app.py
 sdk: gradio
 sdk_version: 4.44.0
-app_file: app.py
-pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,73 @@
+import gradio as gr
+from transformers import GPT2Tokenizer, GPT2LMHeadModel
+import torch
+
+# Carregar o tokenizer e o modelo ajustado
+tokenizer = GPT2Tokenizer.from_pretrained('modelo_treinado')
+model = GPT2LMHeadModel.from_pretrained('modelo_treinado')
+
+# Configurar o dispositivo para GPU se disponível
+device = torch.device('cuda' if torch.cuda.is_available() else 'cpu')
+model.to(device)
+
+# Função para gerar notas de release
+def gerar_nota_release(feature_description_prompt, max_new_tokens=50, num_return_sequences=1):
+    # Definir o template com um placeholder para a descrição da funcionalidade
+    template = """É hora de atualizar o seu íon Itaú.
+    {}
+Atualize o app já e aproveite!"""
+
+    # Formatar o template com o placeholder para o prompt
+    prompt = template.format(feature_description_prompt)
+
+    # Tokenizar o prompt de entrada
+    inputs = tokenizer.encode(prompt, return_tensors='pt').to(device)
+
+    # Obter o comprimento do prompt
+    prompt_length = inputs.shape[1]
+
+    # Gerar texto
+    outputs = model.generate(
+        inputs,
+        max_new_tokens=max_new_tokens,
+        num_return_sequences=num_return_sequences,
+        no_repeat_ngram_size=2,
+        do_sample=True,
+        top_k=50,
+        top_p=0.95,
+        temperature=0.7,
+        eos_token_id=tokenizer.eos_token_id,
+        pad_token_id=tokenizer.eos_token_id,
+    )
+
+    # Decodificar e retornar o texto gerado
+    notas = []
+    for i in range(num_return_sequences):
+        # Decodificar a sequência gerada
+        output = outputs[i]
+        texto_completo = tokenizer.decode(output, skip_special_tokens=True)
+
+        # Extrair apenas a parte gerada após o prompt
+        texto_gerado = texto_completo[len(prompt):].strip()
+
+        # Montar a nota de release completa
+        nota_release = template.format(feature_description_prompt + ' ' + texto_gerado)
+        notas.append(nota_release)
+    return notas[0]
+
+# Definir a função para o chat
+def chat_model(feature_description):
+    return gerar_nota_release(feature_description)
+
+# Criar a interface do Gradio
+chat_interface = gr.Interface(
+    fn=chat_model,
+    inputs=gr.Textbox(lines=2, placeholder="Digite a descrição da funcionalidade..."),
+    outputs=gr.Textbox(),
+    title="Chat para Geração de Notas de Release",
+    description="Digite uma descrição de funcionalidade e o modelo gerará uma nota de release de acordo com o modelo treinado.",
+)
+
+# Executar a interface
+if __name__ == "__main__":
+    chat_interface.launch(share=True)

dataset.txt

@@ -0,0 +1,388 @@
+Já atualizou o seu íon Itaú?  
+Nessa versão, fizemos ajustes e melhorias para deixar sua experiência utilizando o app ainda melhor. Atualize já e venha conferir. 
+
+
+É hora de atualizar o seu íon Itaú.
+Estamos sempre evoluindo a forma como você acompanha e investe no íon. Na aba Carteira, você gerencia seu portfólio no Itaú e em outros bancos de forma simples e prática. E agora, verifica o quanto tem disponível em conta corrente para investir.
+Atualize o app já e aproveite!
+
+É hora de atualizar o seu íon Itaú.
+Estamos sempre evoluindo a forma como você acompanha seus investimentos. Na aba Carteira, você gerencia seu portfólio no Itaú e em outros bancos de forma simples e prática. E agora, na aba Bolsa, você acompanha de forma detalhada sua posição em Renda Variável.
+Atualize o app já e aproveite!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, fizemos ajustes e corrigimos erros para aprimorar sua experiência.  
+Atualize o app já! 
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, fizemos ajustes e corrigimos erros para aprimorar sua experiência.  
+Atualize o app já! 
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Quer mais agilidade ao investir na Bolsa? Navegue usando nosso novo carrossel de atalhos e encontre tudo o que você precisa para operar em Renda Variável. Você ainda pode filtrar seus ativos por categorias na sessão "Meus ativos".
+Além disso, agora você pode receber stories feitos para você. E mais: você também conta com notícias personalizadas. Acesse a aba Notícias e se informe sobre o que realmente importa.
+Atualize o app e confira!
+
+Chegou mais uma atualização do íon Itaú para você.
+Nesta versão, fizemos alguns ajustes e corrigimos erros para deixar a sua experiência usando o app ainda melhor.  Atualize o app já!
+
+
+Tem atualização novinha do íon Itaú pra você.
+Navegue pela aba Bolsa com mais rapidez usando nosso novo carrossel de atalhos e encontre tudo o que você precisa para operar em Renda Variável.
+Agora você também conta com notícias personalizadas. Acesse a aba Notícias e se informe sobre o que realmente importa.
+Atualize já e confira!
+
+Tem atualização novinha do íon Itaú pra você.Nessa versão, fizemos ajustes e melhorias para deixar sua experiência utilizando o app ainda melhor. 
+Atualize já e confira.
+
+ 
+É hora de atualizar o seu íon Itaú.
+ Quer mais apoio ao investir na Bolsa? Agora você acessa cotações e índices do mercado em um carrossel pelo menu Bolsa. E pode filtrar seus ativos por categorias na sessão "Meus ativos".
+Evoluímos nossa assessoria digital para trazer recomendações ainda mais personalizadas e atrativas pra você. E agora mais clientes podem ter acesso direto ao nosso time de especialistas via Whatsapp ao conferir o diagnóstico da carteira.
+Atualize já!
+
+É hora de atualizar o seu íon Itaú.
+ Quer mais apoio ao investir na Bolsa? Agora você acessa cotações e índices do mercado em um carrossel pelo menu Bolsa. E pode filtrar seus ativos por categorias na sessão "Meus ativos". 
+Evoluímos nossa assessoria digital para trazer recomendações ainda mais personalizadas e atrativas pra você. E agora mais clientes podem ter acesso direto ao nosso time de especialistas via Whatsapp ao conferir o diagnóstico da carteira.
+Atualize já!
+
+
+É hora de atualizar o seu íon Itaú.
+ Quer mais apoio ao investir na Bolsa? Agora você acessa cotações e índices do mercado em um carrossel pelo menu Bolsa. E pode filtrar seus ativos por categorias na sessão "Meus ativos".
+ Evoluímos nossa assessoria digital para trazer recomendações ainda mais personalizadas e atrativas pra você. E agora clientes Uniclass e Personnalité podem ter acesso direto ao nosso time de especialistas via Whatsapp ao conferir o diagnóstico da carteira.
+ Atualize já!
+
+É hora de atualizar o seu íon Itaú.  
+Nesta versão, fizemos ajustes e corrigimos erros para aprimorar sua experiência.  
+Atualize o app já! 
+
+É hora de atualizar o seu íon Itaú.
+ Quer mais praticidade para seguir as recomendações de nossos especialistas? Agora você pode aplicar em Tesouro Direto e resgatar seu CDB pelo fluxo de recomendação e revisão de carteira. Acesse a tela de Assessoria para conferir.
+ Nesta versão também repaginamos a forma como você acompanha o status do mercado. Descubra acessando a tela de Bolsa.
+ Atualize o app já!
+
+
+É hora de atualizar o seu íon Itaú.
+ Nosso app agora está de cara nova! A nova home do íon foi desenvolvida para reunir as principais informações sobre seus investimentos em uma única tela. Acesse e confira as funcionalidades que você já conhece em um novo design. Mais fácil, rápido e prático pro seu dia a dia.
+ Atualize o app e aproveite!
+
+
+Já atualizou o seu íon Itaú? Nesta versão, trazemos novos produtos em nossa vitrine: agora você pode usar o íon para investir em produtos de Crédito Privado (CRA, CRI e Debêntures) e no mercado de Opções.
+ Atualize o app já e confira!  
+
+Chegou mais uma atualização do íon Itaú para você.
+Nesta versão, fizemos alguns ajustes e corrigimos erros para deixar a sua experiência usando o app ainda melhor.Atualize o app já!
+
+É hora de atualizar o seu íon Itaú.
+ Reinvestir seu dinheiro ficou ainda mais fácil! Agora nossa Assessoria Digital te avisa o momento ideal para substituir algum produto, quando seus rendimentos de Renda Fixa estão prestes a vencer e o momento mais apropriado para rebalancear sua carteira.
+ Nesta versão, também redesenhamos a área de Ajuda que você acessa antes de logar no app, facilitando sua comunicação com a gente.
+ Atualize o app já!
+
+É hora de atualizar o seu íon Itaú.
+ Quer mais apoio na hora de reinvestir seu dinheiro? Agora nossa Assessoria Digital te informa o melhor momento para substituir algum produto, rebalanceando sua carteira. Você ainda pode acompanhar quando seus produtos de Renda Fixa irão vencer.
+Nesta versão, também redesenhamos a área de Ajuda que você acessa antes de logar no app, facilitando sua comunicação com a gente.
+Atualize o app já!
+
+É hora de atualizar o seu íon Itaú.
+ Nesta versão, redesenhamos nossa área de Ajuda que você acessa antes de logar no app.
+ Quer mais apoio na hora de reinvestir seu dinheiro? Agora nossa Assessoria Digital informa para você o melhor momento para substituir algum produto de investimento. Agora você também pode acompanhar os vencimentos de Renda Fixa. Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.Nesta versão, trazemos novos produtos em nossa vitrine: agora você pode usar o íon para investir em produtos de Crédito Privado, como CRA, CRI e Debêntures.
+ Também reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+ Outra novidade é que a Assessoria Digital avisa você do melhor momento para substituir algum produto, além da chegada dos vencimentos de Renda Fixa. Assim fica mais fácil reinvestir seu dinheiro.Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.Nesta versão, trazemos novos produtos em nossa vitrine: agora você pode usar o íon para investir em produtos de Crédito Privado, como CRA, CRI e Debêntures.
+ Também reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.Nesta versão, trazemos novos produtos em nossa vitrine: agora você pode usar o íon para investir em produtos de CRA, CRI, Debêntures e Opções.
+ Também reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.Nesta versão, trazemos novos produtos em nossa vitrine: agora você pode usar o íon para investir em produtos de Crédito Privado (CRA, CRI e Debêntures) e no mercado de Opções.
+ Também reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novos produtos em nossa vitrine: agora você usar o íon para investir em Opções, CRA, CRI e Debêntures.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novos produtos em nossa vitrine: agora você pode investir Opções, CRA, CRI e Debêntures pelo íon.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novos produtos em nossa vitrine: agora você pode usar o íon para investir em produtos de Crédito Privado (CRA, CRI e Debêntures) e no mercado de Opções.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novos produtos em nossa vitrine: agora você pode investir em CRA, CRI e Debêntures pelo íon. Acesse nosso catálogo agora mesmo.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novos produtos em nossa vitrine: agora você pode investir em CRA, CRI e Debêntures pelo íon. Conheça nosso catálogo de produtos de crédito privado.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novos produtos em nossa vitrine: agora você pode investir em crédito privado. Conheça nosso catálogos de CRA, CRI e Debêntures.
+Atualize o app já!
+
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Agora todas suas operações na Bolsa de Valores estão em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novidades na vitrine de produtos: agora você conta com preço alvo, potencial de valorização e recomendação dos ativos para te auxiliar na tomada de decisão.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Agora todas suas operações na Bolsa de Valores estão em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável, tornando a gestão dos seus investimentos mais prática.
+Também temos novidades na vitrine de produtos: agora você conta com preço alvo, potencial de valorização e recomendação dos ativos para te auxiliar na tomada de decisão.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nesta versão, reunimos suas operações na Bolsa de Valores em um só lugar. Acesse a área de Bolsa pelo menu para acompanhar e realizar operações de compra e venda de Ações e outros produtos de Renda Variável,  tornando a gestão dos seus investimentos mais prática.
+Também temos novidades na vitrine de produtos: agora você conta com preço alvo, potencial de valorização e recomendação dos ativos para te apoiar na tomada de decisão.
+Atualize o app já!
+
+O íon Itaú está sempre melhorando por você.
+Nesta versão, trouxemos ajustes e melhorias, deixando sua experiência em usar o app ainda melhor.
+Atualize já e confira!
+
+É hora de atualizar o seu íon Itaú.
+Que tal fazer o check up da sua carteira de investimentos? Com o Diagnóstico de Carteira você tem acesso a análises dos riscos e retornos de seus investimentos e ainda sugeriremos uma revisão para melhorar a performance da sua carteira. 
+Atualize o app já e aproveite!
+
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Já avaliou a performance dos seus investimentos? Agora você conta com o nosso Diagnóstico de Carteira. Oferecemos uma análise permanente dos riscos e retornos de seus investimentos e sugerimos uma revisão da sua carteira para melhorar seus resultados.
+Atualize o app já e aproveite!
+
+Quer ajuda para saber como estão seus investimentos? Agora você pode contar com o Diagnóstico de Carteira! Avaliamos constantemente o risco e do retorno esperado para a sua carteira e sugerimos revisões para continuar evoluindo seus resultados.
+
+Tá no ar mais uma atualização fresquinha do seu íon Itaú.
+ A espera acabou e agora você pode contratar Tesouro Direto diretamente da nossa vitrine de produtos! Mas antes de investir, não se esqueça de validar seu perfil de investidor em nossa página de Assessoria Digital para garantir uma melhor experiência.
+ Nesta versão, também atualizamos a nossa Central de Notificações. Acesse e veja se você não perdeu alguma novidade por lá.
+ Atualize o app e aproveite já!
+
+Tá no ar mais uma atualização fresquinha do seu íon Itaú.
+ É hora de comemorar: agora você pode contratar Tesouro Direto diretamente da nossa vitrine de produtos! Mas antes de investir, não se esqueça de validar seu perfil de investidor em nossa página de Assessoria Digital para garantir a melhor experiência.
+ Também fizemos melhorias na nossa Central de Notificações. Acesse e confira se você não perdeu alguma novidade.
+ Atualize o app e aproveite já!
+
+É hora de atualizar o seu íon Itaú.
+Vocês pediram e evoluímos a nossa assessoria digital. Agora você acompanha a projeção de rentabilidade dos produtos recomendados de forma simples e rápida. Também ficou mais fácil contratar os produtos sugeridos na recomendação e na otimização de sua carteira de investimentos.
+Atualize o app já e aproveite!
+
+
+É hora de atualizar o seu íon Itaú.
+Quer otimizar sua carteira de investimentos? Agora você acompanha em nossa recomendação a projeção de rentabilidade dos produtos e pode realizar as aplicações recomendadas de forma simples e interativa.
+Atualize o app já e aproveite!
+
+Tem atualização novinha do íon Itaú pra você.
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Tem atualização novinha do íon Itaú pra você.
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Tem atualização novinha do íon Itaú pra você.
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Agora você tem acesso a uma nova experiência de assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de melhorar a saúde da sua carteira e muito mais.
+Atualize já!
+
+É hora de atualizar o seu íon Itaú.
+Já acompanha as notícias pelo íon? Nosso feed está com novidades! Agora temos novos trilhos para destaques, últimas notícias e as mais acessadas.
+Para ficar de olho nos ativos de renda variável, agora você pode criar uma lista para acompanhar os seus preferidos.
+Atualize o app já e aproveite!
+
+
+Tá no ar mais uma atualização fresquinha do seu íon Itaú.
+ A espera acabou e agora você pode contratar Tesouro Direto diretamente da nossa vitrine de produtos! Mas antes de investir, não se esqueça de validar seu perfil de investidor em nossa página de Assessoria Digital para garantir uma melhor experiência.
+ Nesta versão, também atualizamos a nossa Central de Notificações. Acesse e veja se você não perdeu alguma novidade por lá.
+ Atualize o app e aproveite já!
+
+
+Tá no ar mais uma atualização fresquinha do seu íon Itaú.
+ É hora de comemorar: agora você pode contratar Tesouro Direto diretamente da nossa vitrine de produtos! Mas antes de investir, não se esqueça de validar seu perfil de investidor em nossa página de Assessoria Digital para garantir a melhor experiência.
+ Também fizemos melhorias na nossa Central de Notificações. Acesse e confira se você não perdeu alguma novidade.
+ Atualize o app e aproveite já!
+
+É hora de atualizar o seu íon Itaú.
+Vocês pediram e evoluímos a nossa assessoria digital. Agora você acompanha a projeção de rentabilidade dos produtos recomendados de forma simples e rápida. Também ficou mais fácil contratar os produtos sugeridos na recomendação e na otimização de sua carteira de investimentos.
+Atualize o app já e aproveite!
+
+
+É hora de atualizar o seu íon Itaú.
+Quer otimizar sua carteira de investimentos? Agora você acompanha em nossa recomendação a projeção de rentabilidade dos produtos e pode realizar as aplicações recomendadas de forma simples e interativa.
+Atualize o app já e aproveite!
+
+
+Tem atualização novinha do íon Itaú pra você.
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Tem atualização novinha do íon Itaú pra você.
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Tem atualização novinha do íon Itaú pra você.
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+Agora você tem acesso a uma nova experiência de Assessoria de investimentos com apenas um toque.
+Reunimos nossas principais funcionalidades para você administrar sua carteira de um jeito simples e personalizado.
+Acesse nossa recomendação ideal para os seus objetivos, simule o rendimento do seu saldo antes de aplicar, confira oportunidades de rebalancear sua carteira e muito mais.
+Atualize já!
+
+É hora de atualizar o seu íon Itaú.
+Já acompanha as notícias pelo íon? Nosso feed está com novidades, com novos trilhos para destaques, últimas notícias e mais acessadas.
+Para ficar de olho nos ativos de renda variável, agora você pode criar uma lista para acompanhar os seus preferidos.
+Atualize o app já e aproveite!
+
+
+É hora de atualizar o seu íon Itaú.
+Ainda não tem investimentos? Nesta versão, lançamos uma nova experiência criada especialmente pra você.
+Já acompanha as notícias pelo íon? Agora você pode buscar por assuntos e ficar por dentro de tudo que foi publicado sobre o seu interesse.
+Atualize o app já e aproveite!
+
+
+É hora de atualizar o seu íon Itaú.
+Corrigimos alguns erros e fizemos melhorias no íon Itaú. Tudo isso pra deixar a sua experiência usando o app ainda melhor.
+Atualize já!
+
+
+Chegou uma atualização novinha do íon Itaú pra você.
+Nessa versão, fizemos ajustes e melhorias para deixar sua experiência utilizando o app ainda melhor.
+Atualize já e venha conferir.
+
+Tem atualização novinha do íon Itaú pra você.
+Evoluímos o cadastro na Itaú Corretora, para deixar sua experiência utilizando o app ainda melhor.
+Atualize já e venha conferir!
+
+
+Tem atualização novinha do íon Itaú pra você.
+Pensando em investir na Bolsa? Evoluímos o cadastro na Itaú Corretora, para deixar sua experiência utilizando o app ainda melhor.
+Atualize já e venha conferir!
+
+
+Chegou uma atualização novinha do íon Itaú pra você.
+Nessa versão, fizemos ajustes e melhorias para deixar sua experiência utilizando o app ainda melhor.
+Atualize já e venha conferir.
+
+
+É hora de atualizar o seu íon Itaú.
+Quer mais apoio para evoluir seu portfólio de investimentos? Agora temos uma jornada de assessoria digital feita especialmente para sua carteira.
+Busca se informar sobre alguma novidade do mercado financeiro? Agora você pode buscar pelas nossas notícias por palavras chaves.
+Ainda não é investidor íon Itaú? Agora temos uma página especial para atender melhor suas necessidades.
+Atualize já e aproveite!
+
+É hora de atualizar o seu íon Itaú.
+Quer apoio para evoluir sua carteira de investimentos? Agora temos uma jornada de assessoria digital feita especialmente para sua carteira.
+Quer se informar sobre um assunto específico do mercado financeiro? Agora você pode buscar pelas nossas notícias por palavras chaves.
+Ainda não é investidor íon Itaú? Agora temos uma página exclusiva para atender melhor suas necessidades.
+Atualize já!
+
+
+É hora de atualizar o seu íon Itaú. 
+Quer apoio para montar sua carteira de investimentos? Agora temos uma jornada de assessoria digital feita especialmente para sua carteira. 
+Quer se informar sobre um assunto específico do mercado financeiro? Agora você pode buscar as notícias do app por palavras chaves. 
+Ainda não é investidor íon Itaú? Agora temos uma página exclusiva com destaques que visam atender melhor suas necessidades. 
+Atualize já!
+
+Tá na hora de você atualizar o seu íon Itaú.
+Quer mais apoio na sua tomada de decisões? Agora você pode acompanhar a rentabilidade acumulada da sua carteira e comparar com benchmarks.
+Quer ficar por dentro da movimentação da Bolsa? Agora você acompanha a cotação das ações em tempo real.
+Quer ter uma visão rápida dos destaques do mercado? Agora você encontra as maiores altas, maiores baixas e volumes negociados de ações.
+Atualize o app já!
+
+Tá na hora de você atualizar o seu íon Itaú.
+Quer mais apoio na sua tomada de decisões? Agora você pode acompanhar a rentabilidade acumulada da sua carteira e comparar com benchmarks.
+Quer seguir a movimentação da Bolsa? Agora você acompanha a cotação das ações em tempo real.
+Quer ter uma visão rápida dos destaques do mercado? Agora você encontra as maiores altas, maiores baixas e volumes negociados de ações.
+Atualize o app já!
+
+Que tal atualizar o seu íon Itaú?
+Quer mais apoio na sua tomada de decisões? Agora você pode acompanhar a rentabilidade acumulada da sua carteira e comparar com benchmarks.
+Quer uma visão rápida dos destaques da Bolsa no dia? Agora você encontra as maiores altas, maiores baixas e volumes negociados de ações.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon.
+Quer ver nossos comunicados em um só lugar? Agora você tem acesso a nossa central de notificações.
+Quer mais apoio na sua tomada de decisões? Agora você pode acompanhar a rentabilidade acumulada da sua carteira e comparar com benchmarks.
+Quer uma visão rápida dos destaques da Bolsa no dia? Agora você encontra as maiores altas, maiores baixas e volumes negociados de ações.
+Atualize o app já!
+
+Tá no ar mais uma atualização do seu íon Itaú.Quer mais apoio na sua tomada de decisões? Agora você pode acompanhar a rentabilidade acumulada de seus produtos por vários períodos e comparar com benchmarks.
+Quer ficar por dentro do comportamento de grandes investidores? Agora você encontra as maiores altas, maiores baixas e volumes negociados de ações listadas na Bolsa.Atualize o app e aproveite!
+
+Acorda, pessoal, que hoje tem investimento!
+Nessa versão, trouxemos melhorias em acessibilidade nas telas que apresentam o nosso app para novos usuários.
+Também incluímos as logomarcas dos emissores de renda fixa no catálogo e no detalhamento dos títulos, facilitando a busca e diferenciação entre os produtos.
+Atualize o app e desfrute já dessas novidades.
+
+Acorda, pessoal, que hoje tem investimento!
+Nessa versão, trouxemos melhorias em acessibilidade nas telas que apresentam o nosso app para novos usuários, deixando a experiência em usar o app ainda melhor.
+Atualize o app e desfrute já dessas novidades.
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nessa versão, trouxemos melhorias em acessibilidade nas telas que apresentam o nosso app para novos usuários.
+Também incluímos as logomarcas dos emissores de renda fixa no catálogo e no detalhamento dos títulos, facilitando a busca e diferenciação entre os produtos.
+Atualize o app e desfrute já dessas novidades!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nessa versão, trouxemos melhorias em acessibilidade nas telas de onboarding para deixar sua experiência utilizando o app ainda melhor.
+Também incluímos as logomarcas dos emissores de renda fixa no catálogo e no detalhamento dos títulos, facilitando a busca e diferenciação entre os produtos.
+Atualize o app e desfrute já dessas novidades!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nessa versão, trouxemos melhorias em acessibilidade nas telas que apresentam o nosso app para novos usuários, deixando a experiência em usar o app ainda melhor.
+Atualize o app e desfrute já dessas novidades!
+
+Tá no ar mais uma atualização do seu íon Itaú.
+Nessa versão, trouxemos melhorias em acessibilidade nas telas de onboarding para deixar sua experiência utilizando o app ainda melhor.
+Atualize o app e desfrute já dessas novidades!
+
+Já atualizou o seu íon Itaú?
+Nesta versão, você encontra uma nova forma de navegar pelo app e acompanhar seus investimentos, conhecer os produtos disponíveis para investir e ficar por dentro das notícias que impactam o mercado financeiro, de forma mais rápida e fácil.
+Atualize o app e aproveite esta experiência.
+
+Que tal atualizar o seu íon Itaú?
+Quer acompanhar melhor seus investimentos? Você pediu e agora pode ver em tempo real o rendimento e a rentabilidade dos seus ativos considerando os proventos recebidos. Acompanhe também seus rendimentos por família de produtos e a rentabilidade histórica dos produtos contratados.
+Que tal diversificar a sua carteira ainda mais? Agora você pode investir em CDB DI. É fácil de aplicar e você resgata quando quiser.
+Atualize o app j��!
+
+
+Já atualizou o seu app?Nessa versão, corrigimos bugs e fizemos melhorias de desempenho para deixar sua experiência ao usar o íon ainda mais prazerosa.Atualize e aproveite!
+
+Já atualizou o seu app?
+Nessa versão, fizemos ajustes e melhorias para deixar sua experiência ao usar o íon ainda mais prazerosa.
+Atualize e aproveite!
+
+Tá no ar mais uma atualização fresquinha do seu íon Itaú.
+Quer saber mais sobre um fundo ao escolher em qual investir? Agora você pode comparar o rendimento de um fundo com outros indicadores, como Ibovespa, Dólar, Euro, Poupança e IPCA – além do CDI, que já tínhamos disponibilizado.
+Atualize o app agora!
+Tá no ar mais uma atualização fresquinha do seu íon Itaú.Quer saber mais sobre um fundo ao escolher em qual investir? Agora você pode comparar o rendimento de um fundo com outros indicadores, como Ibovespa, Dólar, Euro, Poupança e IPCA – além do CDI, que já tínhamos disponibilizado.Atualize o app agora!

flagged/log.csv

@@ -0,0 +1,7 @@
+feature_description,output,flag,username,timestamp
+ajustes na home do ion,"É hora de atualizar o seu íon Itaú.
+    ajustes na home do ion Agora você pode acompanhar o fluxo de investimentos em nossa Bolsa de Valores pelo menu. 
+Nesta versão, adicionamos novos serviços de atendimento e atendimento de necessidades. 
+
+É o melhor do íon. Agora você vê sua posição e o valor das
+Atualize o app já e aproveite!",,,2024-09-18 19:32:43.207979

gradio/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

gradio/.changeset/changeset.cjs

@@ -0,0 +1,332 @@
+const { getPackagesSync } = require("@manypkg/get-packages");
+const dependents_graph = require("@changesets/get-dependents-graph");
+
+const gh = require("@changesets/get-github-info");
+const { existsSync, readFileSync, writeFileSync } = require("fs");
+const { join } = require("path");
+
+const { getInfo, getInfoFromPullRequest } = gh;
+const pkg_data = getPackagesSync(process.cwd());
+const { packages, rootDir } = pkg_data;
+const dependents = dependents_graph.getDependentsGraph({
+	packages,
+	root: pkg_data.rootPackage
+});
+
+/**
+ * @typedef {{packageJson: {name: string, python?: boolean}, dir: string}} Package
+ */
+
+/**
+ * @typedef {{summary: string, id: string, commit: string, releases: {name: string}}} Changeset
+ */
+
+/**
+ *
+ * @param {string} package_name The name of the package to find the directories for
+ * @returns {string[]} The directories for the package
+ */
+function find_packages_dirs(package_name) {
+	/** @type {string[]} */
+	let package_dirs = [];
+
+	/** @type {Package | undefined} */
+	const _package = packages.find((p) => p.packageJson.name === package_name);
+	if (!_package) throw new Error(`Package ${package_name} not found`);
+
+	package_dirs.push(_package.dir);
+	if (_package.packageJson.python) {
+		package_dirs.push(join(_package.dir, ".."));
+	}
+	return package_dirs;
+}
+
+let lines = {
+	_handled: []
+};
+
+const changelogFunctions = {
+	/**
+	 *
+	 * @param {Changeset[]} changesets The changesets that have been created
+	 * @param {any} dependenciesUpdated The dependencies that have been updated
+	 * @param {any} options The options passed to the changelog generator
+	 * @returns {Promise<string>} The release line for the dependencies
+	 */
+	getDependencyReleaseLine: async (
+		changesets,
+		dependenciesUpdated,
+		options
+	) => {
+		if (!options.repo) {
+			throw new Error(
+				'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
+			);
+		}
+		if (dependenciesUpdated.length === 0) return "";
+
+		const changesetLink = `- Updated dependencies [${(
+			await Promise.all(
+				changesets.map(async (cs) => {
+					if (cs.commit) {
+						let { links } = await getInfo({
+							repo: options.repo,
+							commit: cs.commit
+						});
+						return links.commit;
+					}
+				})
+			)
+		)
+			.filter((_) => _)
+			.join(", ")}]:`;
+
+		const updatedDepenenciesList = dependenciesUpdated.map(
+			/**
+			 *
+			 * @param {any} dependency The dependency that has been updated
+			 * @returns {string} The formatted dependency
+			 */
+			(dependency) => {
+				const updates = dependents.get(dependency.name);
+
+				if (updates && updates.length > 0) {
+					updates.forEach((update) => {
+						if (!lines[update]) {
+							lines[update] = {
+								dirs: find_packages_dirs(update),
+								current_changelog: "",
+								feat: [],
+								fix: [],
+								highlight: [],
+								previous_version: packages.find(
+									(p) => p.packageJson.name === update
+								).packageJson.version,
+								dependencies: []
+							};
+
+							const changelog_path = join(
+								//@ts-ignore
+								lines[update].dirs[1] || lines[update].dirs[0],
+								"CHANGELOG.md"
+							);
+
+							if (existsSync(changelog_path)) {
+								//@ts-ignore
+								lines[update].current_changelog = readFileSync(
+									changelog_path,
+									"utf-8"
+								)
+									.replace(`# ${update}`, "")
+									.trim();
+							}
+						}
+						lines[update].dependencies.push(
+							`  - ${dependency.name}@${dependency.newVersion}`
+						);
+					});
+				}
+
+				return `  - ${dependency.name}@${dependency.newVersion}`;
+			}
+		);
+
+		writeFileSync(
+			join(rootDir, ".changeset", "_changelog.json"),
+			JSON.stringify(lines, null, 2)
+		);
+
+		return [changesetLink, ...updatedDepenenciesList].join("\n");
+	},
+	/**
+	 *
+	 * @param {{summary: string, id: string, commit: string, releases: {name: string}[]}} changeset The changeset that has been created
+	 * @param {any} type The type of changeset
+	 * @param {any} options The options passed to the changelog generator
+	 * @returns {Promise<string>} The release line for the changeset
+	 */
+	getReleaseLine: async (changeset, type, options) => {
+		if (!options || !options.repo) {
+			throw new Error(
+				'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
+			);
+		}
+
+		let prFromSummary;
+		let commitFromSummary;
+		/**
+		 * @type {string[]}
+		 */
+		let usersFromSummary = [];
+
+		const replacedChangelog = changeset.summary
+			.replace(/^\s*(?:pr|pull|pull\s+request):\s*#?(\d+)/im, (_, pr) => {
+				let num = Number(pr);
+				if (!isNaN(num)) prFromSummary = num;
+				return "";
+			})
+			.replace(/^\s*commit:\s*([^\s]+)/im, (_, commit) => {
+				commitFromSummary = commit;
+				return "";
+			})
+			.replace(/^\s*(?:author|user):\s*@?([^\s]+)/gim, (_, user) => {
+				usersFromSummary.push(user);
+				return "";
+			})
+			.trim();
+
+		const [firstLine, ...futureLines] = replacedChangelog
+			.split("\n")
+			.map((l) => l.trimRight());
+
+		const links = await (async () => {
+			if (prFromSummary !== undefined) {
+				let { links } = await getInfoFromPullRequest({
+					repo: options.repo,
+					pull: prFromSummary
+				});
+				if (commitFromSummary) {
+					links = {
+						...links,
+						commit: `[\`${commitFromSummary}\`](https://github.com/${options.repo}/commit/${commitFromSummary})`
+					};
+				}
+				return links;
+			}
+			const commitToFetchFrom = commitFromSummary || changeset.commit;
+			if (commitToFetchFrom) {
+				let { links } = await getInfo({
+					repo: options.repo,
+					commit: commitToFetchFrom
+				});
+				return links;
+			}
+			return {
+				commit: null,
+				pull: null,
+				user: null
+			};
+		})();
+
+		const user_link = /\[(@[^]+)\]/.exec(links.user);
+		const users =
+			usersFromSummary && usersFromSummary.length
+				? usersFromSummary
+						.map((userFromSummary) => `@${userFromSummary}`)
+						.join(", ")
+				: user_link
+					? user_link[1]
+					: links.user;
+
+		const prefix = [
+			links.pull === null ? "" : `${links.pull}`,
+			links.commit === null ? "" : `${links.commit}`
+		]
+			.join(" ")
+			.trim();
+
+		const suffix = users === null ? "" : ` Thanks ${users}!`;
+
+		/**
+		 * @typedef {{[key: string]: string[] | {dirs: string[], current_changelog: string, feat: {summary: string}[], fix: {summary: string}[], highlight: {summary: string}[]}}} ChangesetMeta
+		 */
+
+		/**
+		 * @type { ChangesetMeta & { _handled: string[] } }}
+		 */
+
+		if (lines._handled.includes(changeset.id)) {
+			return "done";
+		}
+		lines._handled.push(changeset.id);
+
+		changeset.releases.forEach((release) => {
+			if (!lines[release.name]) {
+				lines[release.name] = {
+					dirs: find_packages_dirs(release.name),
+					current_changelog: "",
+					feat: [],
+					fix: [],
+					highlight: [],
+					previous_version: packages.find(
+						(p) => p.packageJson.name === release.name
+					).packageJson.version,
+					dependencies: []
+				};
+			}
+
+			const changelog_path = join(
+				//@ts-ignore
+				lines[release.name].dirs[1] || lines[release.name].dirs[0],
+				"CHANGELOG.md"
+			);
+
+			if (existsSync(changelog_path)) {
+				//@ts-ignore
+				lines[release.name].current_changelog = readFileSync(
+					changelog_path,
+					"utf-8"
+				)
+					.replace(`# ${release.name}`, "")
+					.trim();
+			}
+
+			const [, _type, summary] = changeset.summary
+				.trim()
+				.match(/^(feat|fix|highlight)\s*:\s*([^]*)/im) || [
+				,
+				"feat",
+				changeset.summary
+			];
+
+			let formatted_summary = "";
+
+			if (_type === "highlight") {
+				const [heading, ...rest] = summary.trim().split("\n");
+				const _heading = `${heading} ${prefix ? `(${prefix})` : ""}`;
+				const _rest = rest.concat(["", suffix]);
+
+				formatted_summary = `${_heading}\n${_rest.join("\n")}`;
+			} else {
+				formatted_summary = handle_line(summary, prefix, suffix);
+			}
+
+			//@ts-ignore
+			lines[release.name][_type].push({
+				summary: formatted_summary
+			});
+		});
+
+		writeFileSync(
+			join(rootDir, ".changeset", "_changelog.json"),
+			JSON.stringify(lines, null, 2)
+		);
+
+		return `\n\n-${prefix ? `${prefix} -` : ""} ${firstLine}\n${futureLines
+			.map((l) => `  ${l}`)
+			.join("\n")}`;
+	}
+};
+
+/**
+ * @param {string} str The changelog entry
+ * @param {string} prefix The prefix to add to the first line
+ * @param {string} suffix The suffix to add to the last line
+ * @returns {string} The formatted changelog entry
+ */
+function handle_line(str, prefix, suffix) {
+	const [_s, ...lines] = str.split("\n").filter(Boolean);
+
+	const desc = `${prefix ? `${prefix} -` : ""} ${_s.replace(
+		/[\s\.]$/,
+		""
+	)}. ${suffix}`;
+
+	if (_s.length === 1) {
+		return desc;
+	}
+
+	return [desc, ...lines.map((l) => `  ${l}`)].join("/n");
+}
+
+module.exports = changelogFunctions;

gradio/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+	"$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+	"changelog": ["./changeset.cjs", { "repo": "gradio-app/gradio" }],
+	"commit": false,
+	"fixed": [],
+	"linked": [],
+	"access": "public",
+	"baseBranch": "main",
+	"updateInternalDependencies": "patch",
+	"ignore": ["@self/spaces-test", "@self/cdn-test"]
+}

gradio/.changeset/fix_changelogs.cjs

@@ -0,0 +1,149 @@
+const { join } = require("path");
+const { readFileSync, existsSync, writeFileSync, unlinkSync } = require("fs");
+const { getPackagesSync } = require("@manypkg/get-packages");
+
+const RE_PKG_NAME = /^[\w-]+\b/;
+const pkg_meta = getPackagesSync(process.cwd());
+
+/**
+ * @typedef {{dirs: string[], highlight: {summary: string}[], feat: {summary: string}[], fix: {summary: string}[], current_changelog: string}} ChangesetMeta
+ */
+
+/**
+ * @typedef {{[key: string]: ChangesetMeta}} ChangesetMetaCollection
+ */
+
+function run() {
+	if (!existsSync(join(pkg_meta.rootDir, ".changeset", "_changelog.json"))) {
+		console.warn("No changesets to process");
+		return;
+	}
+
+	/**
+	 * @type { ChangesetMetaCollection & { _handled: string[] } }}
+	 */
+	const { _handled, ...packages } = JSON.parse(
+		readFileSync(
+			join(pkg_meta.rootDir, ".changeset", "_changelog.json"),
+			"utf-8"
+		)
+	);
+
+	/**
+	 * @typedef { {packageJson: {name: string, version: string, python: boolean}, dir: string} } PackageMeta
+	 */
+
+	/**
+	 * @type { {[key:string]: PackageMeta} }
+	 */
+	const all_packages = pkg_meta.packages.reduce((acc, pkg) => {
+		acc[pkg.packageJson.name] = /**@type {PackageMeta} */ (
+			/** @type {unknown} */ (pkg)
+		);
+		return acc;
+	}, /** @type {{[key:string] : PackageMeta}} */ ({}));
+
+	for (const pkg_name in packages) {
+		const { dirs, highlight, feat, fix, current_changelog, dependencies } =
+			/**@type {ChangesetMeta} */ (packages[pkg_name]);
+
+		if (pkg_name === "@gradio/lite") {
+			const target = all_packages.gradio.packageJson.version.split(".");
+
+			const current_version = packages[pkg_name].previous_version.split(".");
+
+			if (!packages.gradio) {
+				const patch = parseInt(current_version[2]) + 1;
+				const new_version = [target[0], target[1], patch];
+				all_packages[pkg_name].packageJson.version = new_version.join(".");
+			} else {
+				if (parseInt(target[1]) > parseInt(current_version[1])) {
+					all_packages[pkg_name].packageJson.version = target.join(".");
+				} else if (parseInt(target[1]) === parseInt(current_version[1])) {
+					const patch = parseInt(current_version[2]) + 1;
+					const new_version = [target[0], target[1], patch];
+					all_packages[pkg_name].packageJson.version = new_version.join(".");
+				}
+			}
+
+			writeFileSync(
+				join(all_packages[pkg_name].dir, "package.json"),
+				JSON.stringify(all_packages[pkg_name].packageJson, null, "\t") + "\n"
+			);
+		}
+
+		const { version, python } = all_packages[pkg_name].packageJson;
+
+		const highlights = highlight?.map((h) => `${h.summary}`) || [];
+		const features = feat?.map((f) => `- ${f.summary}`) || [];
+		const fixes = fix?.map((f) => `- ${f.summary}`) || [];
+		const deps = Array.from(new Set(dependencies?.map((d) => d.trim()))) || [];
+
+		const release_notes = /** @type {[string[], string][]} */ ([
+			[highlights, "### Highlights"],
+			[features, "### Features"],
+			[fixes, "### Fixes"],
+			[deps, "### Dependency updates"]
+		])
+			.filter(([s], i) => s.length > 0)
+			.map(([lines, title]) => {
+				if (title === "### Highlights") {
+					return `${title}\n\n${lines.join("\n\n")}`;
+				}
+
+				return `${title}\n\n${lines.join("\n")}`;
+			})
+			.join("\n\n");
+
+		const new_changelog = `# ${pkg_name}
+
+## ${version}
+
+${release_notes}
+
+${current_changelog.replace(`# ${pkg_name}`, "").trim()}
+`.trim();
+
+		dirs.forEach((dir) => {
+			writeFileSync(join(dir, "CHANGELOG.md"), new_changelog);
+		});
+
+		if (python) {
+			bump_local_dependents(pkg_name, version);
+		}
+	}
+
+	unlinkSync(join(pkg_meta.rootDir, ".changeset", "_changelog.json"));
+
+	/**
+	 * @param {string} pkg_to_bump The name of the package to bump
+	 * @param {string} version The version to bump to
+	 * @returns {void}
+	 * */
+	function bump_local_dependents(pkg_to_bump, version) {
+		for (const pkg_name in all_packages) {
+			const {
+				dir,
+				packageJson: { python }
+			} = all_packages[pkg_name];
+
+			if (!python) continue;
+
+			const requirements_path = join(dir, "..", "requirements.txt");
+			const requirements = readFileSync(requirements_path, "utf-8").split("\n");
+
+			const pkg_index = requirements.findIndex((line) => {
+				const m = line.trim().match(RE_PKG_NAME);
+				if (!m) return false;
+				return m[0] === pkg_to_bump;
+			});
+
+			if (pkg_index !== -1) {
+				requirements[pkg_index] = `${pkg_to_bump}==${version}`;
+				writeFileSync(requirements_path, requirements.join("\n"));
+			}
+		}
+	}
+}
+
+run();

gradio/.changeset/public-webs-melt.md

@@ -0,0 +1,5 @@
+---
+"website": minor
+---
+
+feat:Testing CI 

gradio/.config/.prettierignore

@@ -0,0 +1,35 @@
+**/*.md
+**/js/app/public/**
+**/pnpm-workspace.yaml
+**/js/app/dist/**
+**/js/wasm/dist/**
+**/js/preview/dist/**
+**/client/js/dist/**
+**/js/*/dist/**
+**/pnpm-lock.yaml
+**/js/plot/src/Plot.svelte
+**/.svelte-kit/**
+**/demo/**
+**/gradio/**
+**/.pnpm-store/**
+**/.venv/**
+
+/guides/**
+**/.mypy_cache/**
+!test-strategy.md
+**/js/_space-test/**
+../js/lite/src/theme.css
+../js/storybook/theme.css
+**/gradio_cached_examples/**
+**/storybook-static/**  
+**/.vscode/**
+sweep.yaml
+**/.vercel/**
+**/build/**
+**/src/lib/json/**/*
+**/playwright/.cache/**/*
+**/theme/src/pollen.css
+**/venv/**
+../js/app/src/api_docs/CodeSnippet.svelte
+../js/app/src/api_docs/RecordingSnippet.svelte
+.changeset/pre.json

gradio/.config/.prettierrc.json

@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": false,
+	"trailingComma": "none",
+	"printWidth": 80,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

gradio/.config/basevite.config.ts

@@ -0,0 +1,93 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import sveltePreprocess from "svelte-preprocess";
+// @ts-ignore
+import custom_media from "postcss-custom-media";
+import global_data from "@csstools/postcss-global-data";
+// @ts-ignore
+import prefixer from "postcss-prefix-selector";
+import { readFileSync } from "fs";
+import { join } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const version_path = join(__dirname, "..", "gradio", "package.json");
+const theme_token_path = join(
+	__dirname,
+	"..",
+	"js",
+	"theme",
+	"src",
+	"tokens.css"
+);
+
+const version = JSON.parse(readFileSync(version_path, { encoding: "utf-8" }))
+	.version.trim()
+	.replace(/\./g, "-");
+
+//@ts-ignore
+export default defineConfig(({ mode }) => {
+	const production = mode === "production";
+
+	return {
+		server: {
+			port: 9876
+		},
+
+		build: {
+			sourcemap: false,
+			target: "esnext",
+			minify: production,
+			rollupOptions: {
+				external: ["virtual:component-loader"]
+			}
+		},
+		define: {
+			BUILD_MODE: production ? JSON.stringify("prod") : JSON.stringify("dev"),
+			BACKEND_URL: production
+				? JSON.stringify("")
+				: JSON.stringify("http://localhost:7860/"),
+			GRADIO_VERSION: JSON.stringify(version)
+		},
+		css: {
+			postcss: {
+				plugins: [
+					prefixer({
+						prefix: `.gradio-container-${version}`,
+						// @ts-ignore
+						transform(prefix, selector, prefixedSelector, fileName) {
+							if (selector.indexOf("gradio-container") > -1) {
+								return prefix;
+							} else if (
+								selector.indexOf(":root") > -1 ||
+								selector.indexOf("dark") > -1 ||
+								fileName.indexOf(".svelte") > -1
+							) {
+								return selector;
+							}
+							return prefixedSelector;
+						}
+					}),
+					custom_media()
+				]
+			}
+		},
+		plugins: [
+			svelte({
+				inspector: false,
+				compilerOptions: {
+					dev: !production
+				},
+				hot: !process.env.VITEST && !production,
+				preprocess: sveltePreprocess({
+					postcss: {
+						plugins: [
+							global_data({ files: [theme_token_path] }),
+							custom_media()
+						]
+					}
+				})
+			})
+		]
+	};
+});

gradio/.config/copy_frontend.py

@@ -0,0 +1,60 @@
+from __future__ import annotations
+
+import shutil
+import pathlib
+from typing import Any
+
+from hatchling.builders.hooks.plugin.interface import BuildHookInterface
+
+
+def copy_js_code(root: str | pathlib.Path):
+    NOT_COMPONENT = [
+        "app",
+        "node_modules",
+        "storybook",
+        "playwright-report",
+        "workbench",
+        "tooltils",
+    ]
+    for entry in (pathlib.Path(root) / "js").iterdir():
+        if (
+            entry.is_dir()
+            and not str(entry.name).startswith("_")
+            and not str(entry.name) in NOT_COMPONENT
+        ):
+
+            def ignore(s, names):
+                ignored = []
+                for n in names:
+                    if (
+                        n.startswith("CHANGELOG")
+                        or n.startswith("README.md")
+                        or n.startswith("node_modules")
+                        or ".test." in n
+                        or ".stories." in n
+                        or ".spec." in n
+                    ):
+                        ignored.append(n)
+                return ignored
+
+            shutil.copytree(
+                str(entry),
+                str(pathlib.Path("gradio") / "_frontend_code" / entry.name),
+                ignore=ignore,
+                dirs_exist_ok=True,
+            )
+    shutil.copytree(
+        str(pathlib.Path(root) / "client" / "js"),
+        str(pathlib.Path("gradio") / "_frontend_code" / "client"),
+        ignore=lambda d, names: ["node_modules"],
+        dirs_exist_ok=True,
+    )
+
+
+class BuildHook(BuildHookInterface):
+    def initialize(self, version: str, build_data: dict[str, Any]) -> None:
+        copy_js_code(self.root)
+
+
+if __name__ == "__main__":
+    copy_js_code(pathlib.Path("..").resolve())

gradio/.config/demos.json

@@ -0,0 +1,34 @@
+[
+	"audio_debugger",
+	"blocks_essay",
+	"blocks_group",
+	"blocks_js_methods",
+	"blocks_layout",
+	"blocks_multiple_event_triggers",
+	"blocks_update",
+	"calculator",
+	"cancel_events",
+	"chatbot_multimodal",
+	"chatinterface_streaming_echo",
+	"clear_components",
+	"code",
+	"fake_gan",
+	"fake_diffusion_with_gif",
+	"file_explorer_component_events",
+	"image_mod_default_image",
+	"image_editor_events",
+	"image_segmentation",
+	"interface_random_slider",
+	"kitchen_sink",
+	"kitchen_sink_random",
+	"matrix_transpose",
+	"mini_leaderboard",
+	"model3D",
+	"native_plots",
+	"reverse_audio",
+	"stt_or_tts",
+	"stream_audio",
+	"stream_frames",
+	"video_component",
+	"zip_files"
+]

gradio/.config/eslint.config.js

@@ -0,0 +1,163 @@
+import globals from "globals";
+import ts_plugin from "@typescript-eslint/eslint-plugin";
+import js_plugin from "@eslint/js";
+import jsdoc from "eslint-plugin-jsdoc";
+
+import typescriptParser from "@typescript-eslint/parser";
+import sveltePlugin from "eslint-plugin-svelte";
+import svelteParser from "svelte-eslint-parser";
+
+const ts_rules_disabled = Object.fromEntries(
+	Object.keys(ts_plugin.rules).map((rule) => [
+		`@typescript-eslint/${rule}`,
+		"off"
+	])
+);
+const js_rules_disabled = Object.fromEntries(
+	Object.keys(js_plugin.configs.all.rules).map((rule) => [rule, "off"])
+);
+
+const jsdoc_rules_disabled = Object.fromEntries(
+	Object.keys(jsdoc.configs.recommended.rules).map((rule) => [
+		`jsdoc/${rule}`,
+		"off"
+	])
+);
+
+const js_rules = {
+	...js_rules_disabled,
+	"no-console": ["error", { allow: ["warn", "error", "debug", "info"] }],
+	"no-constant-condition": "error",
+	"no-dupe-args": "error",
+	"no-extra-boolean-cast": "error",
+	"no-unexpected-multiline": "error",
+	"no-unreachable": "error",
+	"array-callback-return": "error",
+	complexity: "error",
+	"no-else-return": "error",
+	"no-useless-return": "error",
+	"no-undef": "error"
+};
+
+const ts_rules = {
+	...ts_rules_disabled,
+	"@typescript-eslint/adjacent-overload-signatures": "error",
+	"@typescript-eslint/explicit-function-return-type": [
+		"error",
+		{ allowExpressions: true }
+	],
+	"@typescript-eslint/consistent-type-exports": "error",
+	"@typescript-eslint/ban-types": "error",
+	"@typescript-eslint/array-type": "error",
+	"@typescript-eslint/no-inferrable-types": "error"
+};
+
+const jsdoc_rules = {
+	...jsdoc_rules_disabled,
+	"jsdoc/require-param-description": "error",
+	"jsdoc/require-returns-description": "error"
+};
+
+const { browser, es2021, node } = globals;
+
+export default [
+	{
+		ignores: [
+			"**/.svelte-kit/**/*",
+			"**/node_modules/**",
+			"**/dist/**",
+			"**/.config/*",
+			"**/*.spec.ts",
+			"**/*.test.ts",
+			"**/*.node-test.ts",
+			"js/spa/test/**/*",
+			"**/*vite.config.ts",
+			"**/_website/**/*",
+			"**/_spaces-test/**/*",
+			"**/preview/test/**/*",
+			"**/component-test/**/*",
+			"**/js/wasm/src/webworker/**/*"
+		]
+	},
+	{
+		files: ["**/*.js", "**/*.cjs"],
+		languageOptions: {
+			globals: {
+				...browser,
+				...es2021,
+				...node
+			}
+		},
+
+		plugins: {
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: { ...js_rules, ...jsdoc_rules }
+	},
+
+	{
+		files: ["**/*.ts"],
+		languageOptions: {
+			parser: typescriptParser,
+			parserOptions: {
+				project: "./tsconfig.json",
+				extraFileExtensions: [".svelte"]
+			},
+			globals: {
+				...browser,
+				...es2021,
+				...node
+			}
+		},
+
+		plugins: {
+			"@typescript-eslint": ts_plugin,
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: {
+			...ts_rules,
+			...js_rules,
+			...jsdoc_rules,
+			"no-undef": "off"
+		}
+	},
+	{
+		files: ["**/client/js/**"],
+		languageOptions: {
+			parserOptions: {
+				project: "./client/js/tsconfig.json"
+			}
+		}
+	},
+	{
+		files: ["**/*.svelte"],
+		languageOptions: {
+			parser: svelteParser,
+			parserOptions: {
+				parser: typescriptParser,
+				project: "./tsconfig.json",
+				extraFileExtensions: [".svelte"]
+			},
+			globals: {
+				...browser,
+				...es2021
+			}
+		},
+		plugins: {
+			svelte: sveltePlugin,
+			"@typescript-eslint": ts_plugin,
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: {
+			...ts_rules,
+			...js_rules,
+			...jsdoc_rules,
+			...sveltePlugin.configs.recommended.rules,
+			"svelte/no-at-html-tags": "off",
+			"no-undef": "off"
+		}
+	}
+];

gradio/.config/lite-builder/pyproject.toml

@@ -0,0 +1,33 @@
+[build-system]
+requires = ["hatchling",]
+build-backend = "hatchling.build"
+
+[project]
+name = "lite-builder"
+description = "Python library for easily interacting with trained machine learning models"
+license = "Apache-2.0"
+version = "0.0.2"
+requires-python = ">=3.8"
+authors = [
+  { name = "Abubakar Abid", email = "[email protected]" },
+  { name = "Ali Abid", email = "[email protected]" },
+  { name = "Ali Abdalla", email = "[email protected]" },
+  { name = "Dawood Khan", email = "[email protected]" },
+  { name = "Ahsen Khaliq", email = "[email protected]" },
+  { name = "Pete Allen", email = "[email protected]" },
+  { name = "Ömer Faruk Özdemir", email = "[email protected]" },
+  { name = "Freddy A Boulton", email = "[email protected]" },
+  { name = "Hannah Blair", email = "[email protected]" },
+]
+keywords = ["machine learning", "reproducibility", "visualization"]
+
+classifiers = [
+  'Development Status :: 5 - Production/Stable',
+]
+
+[tool.hatch.build]
+sources = ["src"]
+only-packages = true
+
+[project.entry-points.hatch]
+lite_builder = "lite_builder.hooks"

gradio/.config/lite-builder/src/lite_builder/builder.py

@@ -0,0 +1,5 @@
+from hatchling.builders.wheel import WheelBuilder
+
+
+class LiteBuilder(WheelBuilder):
+    PLUGIN_NAME = 'lite'

gradio/.config/lite-builder/src/lite_builder/hooks.py

@@ -0,0 +1,6 @@
+from hatchling.plugin import hookimpl
+from .builder import LiteBuilder
+
+@hookimpl
+def hatch_register_builder():
+    return LiteBuilder

gradio/.config/playwright-ct.config.ts

@@ -0,0 +1,41 @@
+import { defineConfig, devices } from "@playwright/experimental-ct-svelte";
+import config from "./basevite.config";
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+	testDir: "../",
+	/* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+	snapshotDir: "./__snapshots__",
+	/* Maximum time one test can run for. */
+	timeout: 10 * 1000,
+	/* Run tests in files in parallel */
+	fullyParallel: true,
+	/* Fail the build on CI if you accidentally left test.only in the source code. */
+	forbidOnly: !!process.env.CI,
+	/* Retry on CI only */
+	retries: process.env.CI ? 2 : 0,
+	/* Opt out of parallel tests on CI. */
+	workers: process.env.CI ? 1 : undefined,
+	/* Reporter to use. See https://playwright.dev/docs/test-reporters */
+	reporter: "html",
+	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+	use: {
+		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+		trace: "on-first-retry",
+
+		/* Port to use for Playwright component endpoint. */
+		ctPort: 3100,
+		ctViteConfig: config({ mode: "development", command: "build" })
+	},
+	testMatch: "*.component.spec.ts",
+
+	/* Configure projects for major browsers */
+	projects: [
+		{
+			name: "chromium",
+			use: { ...devices["Desktop Chrome"] }
+		}
+	]
+});

gradio/.config/playwright-setup.js

@@ -0,0 +1,179 @@
+import { spawn } from "node:child_process";
+import { join, basename } from "path";
+import { fileURLToPath } from "url";
+import { readdirSync, writeFileSync } from "fs";
+import net from "net";
+
+import kl from "kleur";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const TEST_APP_PATH = join(__dirname, "./test.py");
+const TEST_FILES_PATH = join(__dirname, "..", "js", "spa", "test");
+const ROOT = join(__dirname, "..");
+
+const test_files = readdirSync(TEST_FILES_PATH)
+	.filter(
+		(f) =>
+			f.endsWith("spec.ts") &&
+			!f.endsWith(".skip.spec.ts") &&
+			!f.endsWith(".component.spec.ts") &&
+			!f.endsWith(".reload.spec.ts")
+	)
+	.map((f) => ({
+		module_name: `${basename(f, ".spec.ts")}.run`,
+		dir_name: basename(f, ".spec.ts")
+	}));
+
+export default async function global_setup() {
+	const verbose = process.env.GRADIO_TEST_VERBOSE;
+
+	const port = await find_free_port(7860, 8860);
+	process.env.GRADIO_E2E_TEST_PORT = port;
+
+	process.stdout.write(kl.yellow("\nCreating test gradio app.\n\n"));
+
+	const test_cases = [];
+	// check if there is a testcase file in the same directory as the test file
+	// if there is, append that to the file
+	test_files.forEach((value) => {
+		const test_case_dir = join(ROOT, "demo", value.dir_name);
+
+		readdirSync(test_case_dir)
+			.filter((f) => f.endsWith("_testcase.py"))
+			.forEach((f) => {
+				test_cases.push({
+					module_name: `${value.dir_name}.${basename(f, ".py")}`,
+					dir_name: `${value.dir_name}_${basename(f, ".py")}`
+				});
+			});
+	});
+
+	const all_test_files = test_files.concat(test_cases);
+	const test_app = make_app(all_test_files, port);
+	process.stdout.write(kl.yellow("App created. Starting test server.\n\n"));
+
+	process.stdout.write(kl.bgBlue(" =========================== \n"));
+	process.stdout.write(kl.bgBlue(" === PYTHON STARTUP LOGS === \n"));
+	process.stdout.write(kl.bgBlue(" =========================== \n\n"));
+
+	writeFileSync(TEST_APP_PATH, test_app);
+
+	const app = await spawn_gradio_app(TEST_APP_PATH, port, verbose);
+
+	process.stdout.write(
+		kl.green(`\n\nServer started. Running tests on port ${port}.\n`)
+	);
+
+	return () => {
+		process.stdout.write(kl.green(`\nTests complete, cleaning up!\n`));
+
+		kill_process(app);
+	};
+}
+const INFO_RE = /^INFO:/;
+
+function spawn_gradio_app(app, port, verbose) {
+	const PORT_RE = new RegExp(`:${port}`);
+
+	return new Promise((res, rej) => {
+		const _process = spawn(`python`, [app], {
+			shell: true,
+			stdio: "pipe",
+			cwd: ROOT,
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true",
+				GRADIO_ANALYTICS_ENABLED: "False",
+				GRADIO_IS_E2E_TEST: "1"
+			}
+		});
+		_process.stdout.setEncoding("utf8");
+
+		function std_out(data) {
+			const _data = data.toString();
+			const is_info = INFO_RE.test(_data);
+
+			if (is_info) {
+				process.stdout.write(kl.yellow(_data));
+			}
+
+			if (!is_info) {
+				process.stdout.write(`${_data}\n`);
+			}
+
+			if (PORT_RE.test(_data)) {
+				process.stdout.write(kl.bgBlue("\n =========== END =========== "));
+
+				res(_process);
+
+				if (!verbose) {
+					_process.stdout.off("data", std_out);
+					_process.stderr.off("data", std_out);
+				}
+			}
+		}
+
+		_process.stdout.on("data", std_out);
+		_process.stderr.on("data", std_out);
+		_process.on("exit", () => kill_process(_process));
+		_process.on("close", () => kill_process(_process));
+		_process.on("disconnect", () => kill_process(_process));
+	});
+}
+
+function kill_process(process) {
+	process.kill("SIGKILL");
+}
+
+function make_app(demos, port) {
+	return `
+import uvicorn
+from fastapi import FastAPI
+import gradio as gr
+
+${demos.map((obj) => `from demo.${obj.module_name} import demo as ${obj.dir_name}`).join("\n")}
+
+app = FastAPI()
+${demos
+	.map(
+		(obj) =>
+			`app = gr.mount_gradio_app(app, ${obj.dir_name}, path="/${obj.dir_name}", max_file_size=${
+				obj.dir_name == "upload_file_limit_test" ? "'15kb'" : "None"
+			})`
+	)
+	.join("\n")}
+
+config = uvicorn.Config(app, port=${port}, log_level="info")
+server = uvicorn.Server(config=config)
+server.run()`;
+}
+
+export async function find_free_port(start_port, end_port) {
+	for (let port = start_port; port < end_port; port++) {
+		if (await is_free_port(port)) {
+			return port;
+		}
+	}
+
+	throw new Error(
+		`Could not find free ports: there were not enough ports available.`
+	);
+}
+
+export function is_free_port(port) {
+	return new Promise((accept, reject) => {
+		const sock = net.createConnection(port, "127.0.0.1");
+		sock.once("connect", () => {
+			sock.end();
+			accept(false);
+		});
+		sock.once("error", (e) => {
+			sock.destroy();
+			if (e.code === "ECONNREFUSED") {
+				accept(true);
+			} else {
+				reject(e);
+			}
+		});
+	});
+}

gradio/.config/playwright.config.js

@@ -0,0 +1,61 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const base = defineConfig({
+	use: {
+		screenshot: "only-on-failure",
+		trace: "retain-on-failure",
+		bypassCSP: true,
+		launchOptions: {
+			args: [
+				"--disable-web-security",
+				"--use-fake-device-for-media-stream",
+				"--use-fake-ui-for-media-stream",
+				"--use-file-for-fake-audio-capture=../gradio/test_data/test_audio.wav"
+			]
+		}
+	},
+	expect: { timeout: 15000 },
+	timeout: 30000,
+	testMatch: /.*\.spec\.ts/,
+	testDir: "..",
+	workers: process.env.CI ? 1 : undefined,
+	retries: 3
+});
+
+const normal = defineConfig(base, {
+	globalSetup: process.env.CUSTOM_TEST ? undefined : "./playwright-setup.js",
+	projects: [
+		{
+			name: "firefox",
+			use: { ...devices["Desktop Firefox"] },
+			testMatch: /.stream_(audio|video)_out\.spec\.ts/
+		},
+		{
+			name: "chrome",
+			use: {
+				...devices["Desktop Chrome"],
+				permissions: ["clipboard-read", "clipboard-write", "microphone"]
+			},
+			testIgnore: /.stream_(audio|video)_out\.spec\.ts/
+		}
+	]
+});
+
+const lite = defineConfig(base, {
+	webServer: {
+		command: "python -m http.server 8000 --directory ../js/lite",
+		url: "http://localhost:8000/",
+		reuseExistingServer: !process.env.CI
+	},
+	testMatch: [
+		"**/file_component_events.spec.ts",
+		"**/kitchen_sink.spec.ts",
+		"**/gallery_component_events.spec.ts",
+		"**/image_remote_url.spec.ts" // To detect the bugs on Lite fixed in https://github.com/gradio-app/gradio/pull/8011 and https://github.com/gradio-app/gradio/pull/8026
+	],
+	workers: 1,
+	retries: 3,
+	timeout: 60000
+});
+
+export default !!process.env.GRADIO_E2E_TEST_LITE ? lite : normal;

gradio/.config/playwright/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Testing Page</title>
+	</head>
+	<body>
+		<div id="root"></div>
+		<script type="module" src="./index.ts"></script>
+	</body>
+</html>

gradio/.config/playwright/index.ts

@@ -0,0 +1,2 @@
+// Import styles, initialize component theme here.
+// import '../src/common.css';

gradio/.config/postcss.config.cjs

@@ -0,0 +1,8 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+const nested = require("tailwindcss/nesting");
+const tw_config = require("./tailwind.config.cjs");
+
+module.exports = {
+	plugins: [nested, tailwindcss(tw_config), autoprefixer]
+};

gradio/.config/setup_vite_tests.ts

@@ -0,0 +1,8 @@
+import type { TestingLibraryMatchers } from "@testing-library/jest-dom/matchers";
+import "@testing-library/jest-dom/vitest";
+
+declare module "vitest" {
+	interface Assertion<T = any>
+		extends jest.Matchers<void, T>,
+			TestingLibraryMatchers<T, void> {}
+}

gradio/.config/svelte.config.js

@@ -0,0 +1,5 @@
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+export default {
+	preprocess: vitePreprocess()
+};

gradio/.config/tailwind.config.cjs

@@ -0,0 +1,12 @@
+module.exports = {
+	content: [
+		"./src/**/*.{html,js,svelte,ts}",
+		"**/@gradio/**/*.{html,js,svelte,ts}"
+	],
+
+	theme: {
+		extend: {}
+	},
+
+	plugins: [require("@tailwindcss/forms")]
+};

gradio/.config/vitest.config.ts

@@ -0,0 +1,3 @@
+import config from "../js/spa/vite.config";
+
+export default config;

gradio/.devcontainer/devcontainer.json

@@ -0,0 +1,41 @@
+// See https://containers.dev
+{
+	"name": "Python 3",
+	"image": "mcr.microsoft.com/devcontainers/python:1-3.9",
+
+	// See https://containers.dev/features
+	"features": {
+		"ghcr.io/devcontainers/features/git:1": {},
+		"ghcr.io/devcontainers/features/node:1": {},
+		"ghcr.io/devcontainers-contrib/features/ffmpeg-apt-get:1": {}
+	},
+
+	"hostRequirements": {
+		"cpus": 4,
+		"memory": "8gb",
+		"storage": "32gb"
+	},
+
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"ms-python.python",
+				"ms-python.vscode-pylance",
+				"ms-python.black-formatter",
+				"ms-toolsai.jupyter",
+				"esbenp.prettier-vscode",
+				"svelte.svelte-vscode",
+				"phoenisx.cssvar"
+			],
+			"remote.autoForwardPorts": false
+		}
+	},
+
+	"forwardPorts": [7860, 9876],
+	"portsAttributes": {
+		"7860": { "label": "gradio port" },
+		"9876": { "label": "gradio dev port" }
+	},
+
+	"postCreateCommand": "export NODE_OPTIONS=\"--max-old-space-size=8192\" && chmod +x scripts/install_gradio.sh scripts/install_test_requirements.sh scripts/build_frontend.sh && ./scripts/install_gradio.sh && ./scripts/install_test_requirements.sh && ./scripts/build_frontend.sh"
+}

gradio/.dockerignore

@@ -0,0 +1,40 @@
+# Python build
+.eggs/
+gradio.egg-info/*
+!gradio.egg-info/requires.txt
+!gradio.egg-info/PKG-INFO
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+build/
+
+# JS build
+gradio/templates/frontend/static
+gradio/templates/frontend/cdn
+
+# Secrets
+.env
+
+# Gradio run artifacts
+*.db
+*.sqlite3
+gradio/launches.json
+
+# Tests
+.coverage
+coverage.xml
+test.txt
+
+# Demos
+demo/tmp.zip
+demo/flagged
+demo/files/*.avi
+demo/files/*.mp4
+
+# Etc
+.idea/*
+.DS_Store
+*.bak
+workspace.code-workspace

gradio/.editorconfig

@@ -0,0 +1,8 @@
+
+root = true
+
+[{js/**,client/js/**}]
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+tab_width = 2

gradio/.git-blame-ignore-revs

@@ -0,0 +1,14 @@
+# https://github.com/gradio-app/gradio/pull/4487 - refactor components.py to separate files
+69f36f98535c904e7cac2b4942cecc747ed7443c
+# Format the codebase
+cc0cff893f9d7d472788adc2510c123967b384fe
+# Switch from black to ruff
+8a70e83db9c7751b46058cdd2514e6bddeef6210
+# format (#4810)
+7fa5e766ce0f89f1fb84c329e62c9df9c332120a
+# lint website
+4bf301324b3b180fa32166ff1774312b01334c88
+# format frontend with prettier
+980b9f60eb49ed81e4957debe7b23a559a4d4b51
+# Refactor component directories (#5074)
+1419538ea795caa391e3de809379f10639e9e764

gradio/.github/ISSUE_TEMPLATE/bug_report_template.yml

@@ -0,0 +1,69 @@
+name: "\U0001F41E Bug report"
+description: Report a bug on Gradio
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report! Before you get started, please [search to see](https://github.com/gradio-app/gradio/issues) if an issue already exists for the bug you encountered
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Describe the bug
+      description: Please provide a concise description of what the bug is, in clear English. If you intend to submit a PR for this issue, tell us in the description.
+      placeholder: Bug description
+    validations:
+      required: true
+  - type: checkboxes
+    attributes:
+      label: Have you searched existing issues?  🔎
+      description: Please search to see if an issue already exists for the issue you encountered.
+      options:
+        - label: I have searched and found no existing issues
+          required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Reproduction
+      description: Please provide a minimal example, with code, that can be run to reproduce the issue. Do NOT provide screenshots of code, or link to external repos or applications. Use ``` to format code blocks.
+      placeholder: Reproduction
+      value: |
+        ```python
+        import gradio as gr
+
+        ```
+    validations:
+      required: true
+  - type: textarea
+    id: screenshot
+    attributes:
+      label: Screenshot
+      description: If relevant, please include screenshot(s) of your Gradio app so that we can understand what the issue is.
+  - type: textarea
+    id: logs
+    attributes:
+      label: Logs
+      description: "Please include the full stacktrace of the errors you get from Python or Javascript. If you are running in a colab notebooks, you can get the logs with by setting `debug=True`, i.e: `gradio.Interface.launch(debug=True)`"
+      render: shell
+  - type: textarea
+    id: system-info
+    attributes:
+      label: System Info
+      description: Please ensure you are running the latest version of Gradio. You can get the Gradio version and all its dependencies by running `gradio environment`
+      render: shell
+    validations:
+      required: true
+  - type: dropdown
+    id: severity
+    attributes:
+      label: Severity
+      description: Select the severity of this issue
+      options:
+        - I can work around it
+        - Blocking usage of gradio
+    validations:
+      required: true
+  - type: markdown
+    attributes:
+      value: |
+        📌  Please ensure that you have filled all of the required sections above, and that the reproduction you have provided is [minimal, complete, and reproducible](https://stackoverflow.com/help/minimal-reproducible-example). Incomplete issues will be closed.

gradio/.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 💡 General questions
+    url: https://discord.com/invite/feTf9x3ZSB
+    about: Have general questions about how to use Gradio? Please ask in our community Discord for quicker responses

gradio/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,19 @@
+---
+name: ⚡ Feature request
+about: Suggest an improvement or new feature or a new Guide for Gradio
+title: ''
+labels: ''
+assignees: ''
+
+---
+- [ ] I have searched to see if a similar issue already exists.
+
+
+**Is your feature request related to a problem? Please describe.**  
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**  
+A clear and concise description of what you want to happen.
+
+**Additional context**  
+Add any other context or screenshots about the feature request here.

gradio/.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,18 @@
+## Description
+
+Please include a concise summary, in clear English, of the changes in this pull request. If it closes an issue, please mention it here.
+
+Closes: #(issue)
+
+## 🎯 PRs Should Target Issues
+
+Before your create a PR, please check to see if there is [an existing issue](https://github.com/gradio-app/gradio/issues) for this change. If not, please create an issue before you create this PR, unless the fix is very small. 
+
+Not adhering to this guideline will result in the PR being closed. 
+
+## Tests
+
+1. PRs will only be merged if tests pass on CI. To run the tests locally, please set up [your Gradio environment locally](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md) and run the tests: `bash scripts/run_all_tests.sh`
+
+2. You may need to run the linters: `bash scripts/format_backend.sh` and `bash scripts/format_frontend.sh`
+  

gradio/.github/actions/changes/action.yml

@@ -0,0 +1,78 @@
+name: "prepare"
+description: "Prepare workflow"
+
+inputs:
+  token:
+    description: "GitHub token"
+  filter:
+    description: "Which filter to use"
+
+outputs:
+  should_run:
+    description: "Whether to run the workflow"
+    value: ${{ steps.pr.outputs.should_run }}
+  pr_number:
+    description: "PR number"
+    value: ${{ steps.pr.outputs.pr_number }}
+  sha:
+    description: "SHA of the HEAD commit of the PR"
+    value: ${{ steps.pr.outputs.sha }}
+  source_repo:
+    description: "Source repo"
+    value: ${{ steps.pr.outputs.source_repo }}
+  source_branch:
+    description: "Source branch"
+    value: ${{ steps.pr.outputs.source_branch }}
+  labels:
+    description: "Labels on the PR"
+    value: ${{ steps.pr.outputs.labels }}
+  run_id:
+    description: "Run ID"
+    value: ${{ steps.pr.outputs.run_id }}
+  gradio_version:
+    description: "Gradio version"
+    value: ${{ steps.pr.outputs.gradio_version }}
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/checkout@v4
+    - uses: gradio-app/github/actions/filter-paths@main
+      id: changes
+      with:
+        token: ${{ inputs.token }}
+        filter: ${{ inputs.filter }}
+    - name: get gradio version
+      id: gradio_version
+      shell: bash
+      run: |
+        GRADIO_VERSION=$(curl -s https://pypi.org/pypi/gradio/json | grep -o '"version":"[^"]*"' | cut -d'"' -f4 | head -n 1)
+        echo "gradio_version=$GRADIO_VERSION" >> $GITHUB_OUTPUT
+    - name: convert to JSON
+      uses: gradio-app/github/actions/input-to-json@main
+      with:
+        path: output.json
+        sha: ${{ github.event.pull_request.head.sha || github.sha }}
+        source_repo: ${{ github.event.pull_request.head.repo.full_name || github.repository }}
+        source_branch: ${{ github.event.pull_request.head.ref || github.ref }}
+        pr_number: ${{ github.event.pull_request.number || 'false'}}
+        should_run: ${{ steps.changes.outputs.match }}
+        labels: "[${{ join(github.event.pull_request.labels.*.name, ', ') }}]"
+        run_id: ${{ github.run_id }}
+        gradio_version: ${{ steps.gradio_version.outputs.gradio_version }}
+    - name: cat json
+      run: cat output.json
+      shell: bash
+    - name: upload JSON
+      uses: actions/upload-artifact@v4
+      with:
+        name: changes
+        path: output.json
+    - name: set outputs
+      id: pr
+      uses: gradio-app/github/actions/json-to-output@main
+      with:
+        path: output.json
+    - name: echo outputs
+      run: echo "${{ toJson(steps.pr.outputs) }}"
+      shell: bash

gradio/.github/actions/install-all-deps/action.yml

@@ -0,0 +1,92 @@
+name: "install all deps"
+description: "Install all deps"
+
+inputs:
+  skip_build:
+    description: "Skip build"
+    default: "false"
+  build_lite:
+    description: "Build lite"
+    default: "false"
+  test:
+    description: "Test"
+    default: "false"
+  python_version:
+    description: "Python version"
+    default: "3.8"
+  os:
+    description: "OS"
+    default: "ubuntu-latest"
+outputs:
+  venv_activate:
+    description: "Venv activate"
+    value: ${{ steps.venv.outputs.venv_activate }}
+
+runs:
+  using: "composite"
+  steps:
+    - name: Set venv binary path (linux)
+      if: ${{ inputs.os == 'ubuntu-latest' }}
+      shell: bash
+      run: |
+        echo "VENV_ACTIVATE=venv/bin/activate" >> $GITHUB_ENV
+    - name: Set venv binary path (windows)
+      if: ${{ inputs.os == 'windows-latest' }}
+      shell: bash
+      run: |
+        echo "VENV_ACTIVATE=venv\\\Scripts\\\activate" >> $GITHUB_ENV
+    - name: log venv binary path
+      id: venv
+      shell: bash
+      run: |
+        echo "venv_activate=$VENV_ACTIVATE" >> $GITHUB_OUTPUT
+    - name: Install Python
+      uses: actions/setup-python@v5
+      with:
+        python-version: ${{ inputs.python_version }}
+        cache: pip
+        cache-dependency-path: |
+          client/python/requirements.txt
+          requirements.txt
+          test/requirements.txt
+    - name: Create env
+      shell: bash
+      run: |
+        python -m pip install --upgrade virtualenv
+        python -m virtualenv venv
+    # - uses: actions/cache@v4
+    #   id: cache
+    #   with:
+    #     path: |
+    #       venv/*
+    #       client/python/venv
+    #     restore-keys: |
+    #       gradio-lib-${{inputs.python_version}}-${{inputs.os}}-latest-pip-
+    #     key: "gradio-lib-${{inputs.python_version}}-${{inputs.os}}-latest-pip-${{ hashFiles('client/python/requirements.txt') }}-${{ hashFiles('requirements.txt') }}-${{ hashFiles('test/requirements.txt') }}-${{ hashFiles('client/python/test/requirements.txt') }}${{ inputs.test == 'true' && '-test' || ''}}"
+    - name: Install ffmpeg
+      uses: FedericoCarboni/setup-ffmpeg@583042d32dd1cabb8bd09df03bde06080da5c87c # @v2
+    - name: Install test dependencies
+      if: inputs.test == 'true'
+      #  && steps.cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        python -m pip install -r test/requirements.txt
+        python -m pip install -r client/python/test/requirements.txt
+    - name: Install Gradio and Client Libraries Locally (Linux)
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        python -m pip install -e client/python
+        python -m pip install -e ".[oauth]"
+    - name: install-frontend
+      uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+      with:
+        skip_build: ${{ inputs.skip_build }}
+        build_lite: ${{ inputs.build_lite }}
+    - name: generate json
+      shell: bash
+      if: inputs.os == 'ubuntu-latest'
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        pip install boto3 && python js/_website/generate_jsons/generate.py

gradio/.github/actions/install-frontend-deps/action.yml

@@ -0,0 +1,51 @@
+name: "install frontend"
+description: "Install frontend deps"
+
+inputs:
+  skip_build:
+    description: "Skip build"
+    default: "false"
+  build_lite:
+    description: "Build lite"
+    default: "false"
+
+runs:
+  using: "composite"
+  steps:
+    # - uses: actions/cache@v4
+    #   id: frontend-cache
+    #   with:
+    #     path: |
+    #       gradio/templates/*
+    #     key: gradio-lib-front-end-${{ hashFiles('js/**', 'client/js/**')}}
+    - name: Install pnpm
+      uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # @v4
+      with:
+        version: 9.1.x
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 18
+        cache: pnpm
+        cache-dependency-path: pnpm-lock.yaml
+    - name: Install deps
+      shell: bash
+      run: pnpm i --frozen-lockfile --ignore-scripts
+    - name: Build Css
+      shell: bash
+      run: pnpm css
+    - name: Build frontend
+      if: inputs.skip_build == 'false'
+      # && steps.frontend-cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: pnpm build
+    - name: generate types
+      if: inputs.skip_build == 'false' || inputs.build_lite == 'true'
+      shell: bash
+      run: pnpm package
+    - name: Build frontend lite
+      if: inputs.build_lite == 'true'
+      shell: bash
+      run: |
+        . venv/bin/activate
+        python -m pip install -U build hatch packaging>=23.2  # packaging>=23.2 is needed to build Lite due to https://github.com/pypa/hatch/issues/1381
+        pnpm build:lite

gradio/.github/filters.json

@@ -0,0 +1,51 @@
+{
+	"gradio": [
+		"client/python/**",
+		"gradio/**",
+		"requirements.txt",
+		".github/**",
+		"scripts/**",
+		"test/**"
+	],
+	"js": [
+		"js/**",
+		"client/js/**",
+		".github/**",
+		"package.json",
+		"pnpm-lock.yaml",
+		"tsconfig.json",
+		".config/**"
+	],
+	"functional": [
+		".github/**",
+		"client/**",
+		"demo/**",
+		"gradio/**",
+		"js/**",
+		"scripts/**",
+
+		"globals.d.ts",
+		"package.json",
+		"pnpm-lock.yaml",
+		"pyproject.toml",
+		"requirements.txt",
+		".config/**"
+	],
+	"visual": [
+		".github/workflows/deploy-chromatic.yml",
+		"js!(/_website)/**",
+		"package.json"
+	],
+	"website": [
+		"js/_website/**",
+		"package.json",
+		"pnpm-lock.yaml",
+		"guides/**",
+		"README.md",
+		"CHANGELOG.md",
+		"gradio/**",
+		"client/**",
+		"demo/**",
+		".github/deploy-website.yml"
+	]
+}

gradio/.github/stale

@@ -0,0 +1,17 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 30
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+# Label to use when marking an issue as stale
+staleLabel: wontfix
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false

gradio/.github/workflows/comment-queue.yml

@@ -0,0 +1,37 @@
+name: Comment on pull request without race conditions
+
+on:
+  workflow_call:
+    inputs:
+      pr_number:
+        type: string
+      message:
+        required: true
+        type: string
+      tag:
+        required: false
+        type: string
+        default: "previews"
+      additional_text:
+        required: false
+        type: string
+        default: ""
+    secrets:
+      gh_token:
+        required: true
+
+jobs:
+  comment:
+    environment: comment_pr
+    concurrency:
+      group: ${{inputs.pr_number || inputs.tag}}
+    runs-on: ubuntu-latest
+    steps:
+      - name: comment on pr
+        uses: "gradio-app/github/actions/comment-pr@main"
+        with:
+          gh_token: ${{ secrets.gh_token }}
+          tag: ${{ inputs.tag }}
+          pr_number: ${{ inputs.pr_number}}
+          message: ${{ inputs.message }}
+          additional_text: ${{ inputs.additional_text }}

gradio/.github/workflows/delete-stale-spaces.yml

@@ -0,0 +1,42 @@
+# safe runs from main
+
+name: Delete Stale Spaces
+
+on:
+  schedule:
+    - cron: "0 0 * * *"
+  workflow_dispatch:
+    inputs:
+      daysStale:
+        description: "How stale a space needs to be to be deleted (days)"
+        required: true
+        default: "7"
+
+permissions: {}
+
+jobs:
+  delete-old-spaces:
+    permissions:
+      contents: read
+    environment: deploy_spaces
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.9"
+      - name: Install pip
+        run: python -m pip install pip wheel requests
+      - name: Install Hub Client Library
+        run: pip install huggingface-hub==0.9.1
+      - name: Set daysStale
+        env:
+          DEFAULT_DAYS_STALE: "7"
+          DAYS_STALE: ${{ github.event.inputs.daysStale  || env.DEFAULT_DAYS_STALE}}
+        run: echo DAYS_STALE=  "$DAYS_STALE"  >> $GITHUB_ENV
+      - name: Find and delete stale spaces
+        run: |
+          python scripts/delete_old_spaces.py $DAYS_STALE \
+          gradio-pr-deploys \
+          ${{ secrets.SPACES_DEPLOY_TOKEN }}

gradio/.github/workflows/generate-changeset.yml

@@ -0,0 +1,96 @@
+name: Generate changeset
+on:
+  workflow_run:
+    workflows: ["trigger-changeset"]
+    types:
+      - completed
+
+env:
+  CI: true
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  get-pr:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+    if: github.event.workflow_run.conclusion == 'success'
+    outputs:
+      found_pr: ${{ steps.pr_details.outputs.found_pr }}
+      pr_number: ${{ steps.pr_details.outputs.pr_number }}
+      source_repo: ${{ steps.pr_details.outputs.source_repo }}
+      source_branch: ${{ steps.pr_details.outputs.source_branch }}
+    steps:
+      - name: get pr details
+        id: pr_details
+        uses: gradio-app/github/actions/find-pr@main
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+  comment-changes-start:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: get-pr
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~pending~null
+  version:
+    permissions:
+      contents: read
+    environment: changeset
+    name: version
+    needs: get-pr
+    runs-on: ubuntu-latest
+    if: needs.get-pr.outputs.found_pr == 'true'
+    outputs:
+      skipped: ${{ steps.version.outputs.skipped }}
+      comment_url: ${{ steps.version.outputs.comment_url }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          repository: ${{ needs.get-pr.outputs.source_repo }}
+          ref: ${{ needs.get-pr.outputs.source_branch }}
+          fetch-depth: 0
+          token: ${{ secrets.COMMENT_TOKEN }}
+      - name: generate changeset
+        id: version
+        uses: "gradio-app/github/actions/generate-changeset@main"
+        with:
+          github_token: ${{ secrets.CHANGESET_GITHUB_TOKEN }}
+          main_pkg: gradio
+          pr_number: ${{ needs.get-pr.outputs.pr_number }}
+          branch_name: ${{ needs.get-pr.outputs.source_branch }}
+  comment-changes-skipped:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: needs.version.result == 'success' && needs.version.outputs.skipped == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~warning~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
+  comment-changes-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: needs.version.result == 'success' && needs.version.outputs.skipped == 'false'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~success~${{ needs.version.outputs.comment_url }}
+  comment-changes-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: always() && needs.version.result == 'failure'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/

gradio/.github/workflows/npm-previews.yml

@@ -0,0 +1,53 @@
+name: "npm"
+
+on:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "js"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  preview:
+    permissions:
+      contents: read
+    name: npm-previews
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+        with:
+          skip_build: true
+      - name: build client
+        run: pnpm --filter @gradio/client --filter @gradio/wasm --filter @gradio/preview build
+      - name: publish npm previews
+        run: pnpx pkg-pr-new publish './js/*' './client/js' --comment=off

gradio/.github/workflows/previews-build.yml

@@ -0,0 +1,90 @@
+name: "previews-build"
+
+on:
+  workflow_dispatch:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      gradio_version: ${{ steps.changes.outputs.gradio_version }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "functional"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    permissions:
+      contents: read
+    name: "previews-build"
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || github.event_name == 'workflow_dispatch'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.9"
+          build_lite: "true"
+      - name: Package Lite NPM package
+        working-directory: js/lite
+        run: pnpm pack --pack-destination .
+      - name: Upload Lite NPM package
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-lite-${{ github.sha }}
+          path: js/lite/gradio-lite-*.tgz
+      - name: install deps
+        run: python -m pip install build
+      - name: Build pr package
+        run: |
+          python -c 'import json; j = json.load(open("gradio/package.json")); j["version"] = "${{ needs.changes.outputs.gradio_version }}"; json.dump(j, open("gradio/package.json", "w"))'
+          python3 -m build -w
+      - name: Upload Python package
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-build
+          path: dist/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl
+      - name: copy demos
+        uses: "gradio-app/github/actions/copy-demos@main"
+        with:
+          gradio_version: "https://gradio-pypi-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl"
+          gradio_client_version: "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python"
+      - name: upload demos
+        uses: actions/upload-artifact@v4
+        with:
+          name: all_demos
+          path: demo
+      - name: Create JS client tarball
+        id: create_js_tarball
+        continue-on-error: true
+        run: |
+          cd client/js
+          tarball_name=$(npm pack)
+          echo "tarball_name=client/js/$tarball_name" >> $GITHUB_OUTPUT
+      - name: Upload JS client tarball artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: js-client-tarball
+          path: ${{ steps.create_js_tarball.outputs.tarball_name }}

gradio/.github/workflows/previews-deploy.yml

@@ -0,0 +1,158 @@
+name: "previews-deploy"
+
+on:
+  workflow_run:
+    workflows: ["previews-build"]
+    types:
+      - completed
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    if: github.event.workflow_run.conclusion == 'success'
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+      gradio_version: ${{ steps.json.outputs.gradio_version }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+
+  comment-spaces-start:
+    needs: changes
+    uses: "./.github/workflows/comment-queue.yml"
+    if: ${{ needs.changes.outputs.should_run == 'true' }}
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~pending~null
+  deploy:
+    name: "previews-deploy"
+    environment: deploy_spaces
+    outputs:
+      space_url: ${{ steps.upload-demo.outputs.SPACE_URL }}
+      js_tarball_url: ${{ steps.upload_js_tarball.outputs.js_tarball_url }}
+    needs: changes
+    if: ${{ (github.event.workflow_run.conclusion == 'success' && needs.changes.outputs.should_run == 'true') || github.event.workflow_run.event == 'workflow_dispatch' }}
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    steps:
+      - name: Download all artifacts
+        uses: actions/download-artifact@v4
+        with:
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+      - name: list artifacts
+        run: ls -R .
+
+      - name: Set wheel name
+        id: set_wheel_name
+        run: |
+          wheel_file=$(find ./gradio-build -maxdepth 1 -type f -name "*.whl" -print -quit)
+          echo "wheel_name=$wheel_file" >> $GITHUB_OUTPUT
+      - name: Upload wheel
+        run: |
+          export AWS_ACCESS_KEY_ID=${{ secrets.PYPI_PREVIEWS_AWS_S3_ACCESS_KEY }}
+          export AWS_SECRET_ACCESS_KEY=${{ secrets.PYPI_PREVIEWS_AWS_S3_SECRET_ACCESS_KEY }}
+          export AWS_DEFAULT_REGION=us-east-1
+          aws s3 cp ${{ steps.set_wheel_name.outputs.wheel_name}} s3://gradio-pypi-previews/${{ needs.changes.outputs.sha }}/
+
+      - name: Set tarball name
+        id: set_tarball_name
+        run: |
+          tar_gz_file=$(find ./js-client-tarball -maxdepth 1 -type f -name "*.tgz" -print -quit)
+          echo "tarball_path=$tar_gz_file" >> $GITHUB_OUTPUT
+          echo "tarball_name=$(basename $tar_gz_file)" >> $GITHUB_OUTPUT
+      - name: Upload JS Client Tarball to S3
+        id: upload_js_tarball
+        continue-on-error: true
+        run: |
+          export AWS_ACCESS_KEY_ID=${{ secrets.NPM_PREVIEWS_AWS_S3_ACCESS_KEY }}
+          export AWS_SECRET_ACCESS_KEY=${{ secrets.NPM_PREVIEWS_AWS_S3_SECRET_ACCESS_KEY }}
+          export AWS_DEFAULT_REGION=us-east-1
+          aws s3 cp ${{ steps.set_tarball_name.outputs.tarball_path }} s3://gradio-npm-previews/${{ needs.changes.outputs.sha }}/
+          echo "js_tarball_url=https://gradio-npm-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/${{ steps.set_tarball_name.outputs.tarball_name }}" >> $GITHUB_OUTPUT
+
+      - name: Install Hub Client Library
+        run: pip install huggingface-hub==0.23.2
+        # temporary, but ensures the script cannot be modified in a PR
+      - name: Get deploy scripts
+        run: |
+          mkdir scripts
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_demo_to_space.py -o scripts/upload_demo_to_space.py
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_website_demos.py -o scripts/upload_website_demos.py
+      - name: make dirs
+        run: mkdir -p demo && mv all_demos/* demo/
+      - name: Upload demo to spaces
+        if: github.event.workflow_run.event == 'pull_request'
+        id: upload-demo
+        run: |
+          python scripts/upload_demo_to_space.py all_demos \
+          gradio-pr-deploys/pr-${{ needs.changes.outputs.pr_number }}-all-demos \
+          ${{ secrets.SPACES_DEPLOY_TOKEN }} \
+          --gradio-version ${{ needs.changes.outputs.gradio_version }} > url.txt
+          echo "SPACE_URL=$(tail -n 1 url.txt)" >> $GITHUB_OUTPUT
+      - name: Upload Website Demos
+        if: github.event.workflow_run.event == 'workflow_dispatch'
+        id: upload-website-demos
+        run: |
+          python scripts/upload_website_demos.py --AUTH_TOKEN ${{ secrets.WEBSITE_SPACES_DEPLOY_TOKEN }} \
+          --WHEEL_URL https://gradio-pypi-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/ \
+          --CLIENT_URL "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python" \
+          --GRADIO_VERSION ${{ needs.changes.outputs.gradio_version }}
+
+  comment-spaces-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: needs.changes.outputs.should_run == 'true' && needs.deploy.result == 'success'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~success~${{ needs.deploy.outputs.space_url }}
+      additional_text: |
+        **Install Gradio from this PR**
+        ```bash
+        pip install https://gradio-pypi-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl
+        ```
+
+        **Install Gradio Python Client from this PR**
+        ```bash
+        pip install "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python"
+        ```
+
+        **Install Gradio JS Client from this PR**
+        ```bash
+        npm install ${{ needs.deploy.outputs.js_tarball_url }}
+        ```
+  comment-spaces-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: always() &&  needs.deploy.result == 'failure' && needs.changes.outputs.should_run == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/