Skip to content

Conversation

@umireon
Copy link
Collaborator

@umireon umireon commented Nov 9, 2025

It basically works.

2025-11-10.8.23.37.mov

Integrates Svelte into the Astro project by adding @astrojs/svelte and related dependencies, updating configuration files, and introducing a mock Chat.svelte component. Adds a new interactive-help.astro page that renders the chat UI, preparing for future WebLLM integration.
Added prettier-plugin-svelte to devDependencies for improved Svelte formatting. Updated codebase to use consistent double quotes and improved formatting in Astro and Svelte config files, as well as minor whitespace and formatting adjustments in markdown and Astro files for consistency.
Refactored Chat.svelte to use English for UI text and comments, simplified message creation with a helper function, and improved code readability. Updated placeholder and button text, and streamlined the mock response logic. Minor formatting adjustments were made in index.astro for consistency.
Added @mlc-ai/web-llm as a dependency and introduced llm.ts to manage LLM state and initialization in Svelte. Refactored Chat.svelte to use WebLLM for assistant responses, including streaming support, user consent for model download, and FAQ knowledge base preloading as a system prompt. Improved UI to handle LLM loading states, errors, and user interaction for model initialization.
Rewrote comments and UI text in Chat.svelte from Japanese to English, removed the FAQ preloading logic, and improved the system prompt for clearer assistant behavior. Updated interactive-help.astro to add a 'Back to the top page' link and use environment-based URL joining. These changes enhance clarity, maintainability, and user experience for English-speaking users.
Introduces a prominent 'Ask Anything (Experimental)' button on the homepage linking to the interactive help chat. Updates the initial assistant greeting in Chat.svelte for a more welcoming tone. Adds experimental, privacy, and accuracy disclaimers to the interactive help page for user awareness.
@umireon umireon requested a review from royshil November 9, 2025 23:28
Copy link
Owner

@royshil royshil left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

very cool! I like it

@umireon umireon merged commit 21ad101 into main Nov 10, 2025
8 checks passed
@umireon umireon deleted the umireon/add-chatbot branch November 10, 2025 23:28
sobalap pushed a commit to sobalap/obs-backgroundremoval that referenced this pull request Jan 7, 2026
* Add Svelte support and interactive chat mock UI

Integrates Svelte into the Astro project by adding @astrojs/svelte and related dependencies, updating configuration files, and introducing a mock Chat.svelte component. Adds a new interactive-help.astro page that renders the chat UI, preparing for future WebLLM integration.

* Add prettier-plugin-svelte and update code formatting

Added prettier-plugin-svelte to devDependencies for improved Svelte formatting. Updated codebase to use consistent double quotes and improved formatting in Astro and Svelte config files, as well as minor whitespace and formatting adjustments in markdown and Astro files for consistency.

* Refactor Chat UI to use English and simplify logic

Refactored Chat.svelte to use English for UI text and comments, simplified message creation with a helper function, and improved code readability. Updated placeholder and button text, and streamlined the mock response logic. Minor formatting adjustments were made in index.astro for consistency.

* Integrate WebLLM with Svelte chat UI and preload FAQ

Added @mlc-ai/web-llm as a dependency and introduced llm.ts to manage LLM state and initialization in Svelte. Refactored Chat.svelte to use WebLLM for assistant responses, including streaming support, user consent for model download, and FAQ knowledge base preloading as a system prompt. Improved UI to handle LLM loading states, errors, and user interaction for model initialization.

* Refactor Chat UI and add English localization

Rewrote comments and UI text in Chat.svelte from Japanese to English, removed the FAQ preloading logic, and improved the system prompt for clearer assistant behavior. Updated interactive-help.astro to add a 'Back to the top page' link and use environment-based URL joining. These changes enhance clarity, maintainability, and user experience for English-speaking users.

* Add interactive help entry point and disclaimers

Introduces a prominent 'Ask Anything (Experimental)' button on the homepage linking to the interactive help chat. Updates the initial assistant greeting in Chat.svelte for a more welcoming tone. Adds experimental, privacy, and accuracy disclaimers to the interactive help page for user awareness.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants