llama.cpp/examples/server/webui
characharm 8ca6e1c3a4
server : webui : Improve Chat Input with Auto-Sizing Textarea (#12785)
* Update ChatScreen.tsx

* useAutosizeTextarea.ts

useAutosizeTextarea to encapsulate the logic.

* Implement responsive auto-sizing chat textarea

Replaces the manual textarea resizing with an automatic height adjustment based on content.

- `useChatTextarea` hook to manage textarea state and auto-sizing logic via refs, preserving the optimization
- Textarea now grows vertically up to a maximum height (`lg:max-h-48`) on large screens (lg breakpoint and up).
- Disables auto-sizing and enables manual vertical resizing (`resize-vertical`) on smaller screens for better mobile usability.
- Aligns the "Send" button to the bottom of the textarea (`items-end`) for consistent positioning during resize.

* -update compressed index.html.gz after npm run build
-refactor: replace OptimizedTextareaValue with AutosizeTextareaApi in VSCode context hook

* chore: normalize line endings to LF
refactor: AutosizeTextareaApi -> chatTextareaApi

* refactor: Rename interface to PascalCase

---------

Co-authored-by: Xuan Son Nguyen <son@huggingface.co>
2025-04-08 11:14:59 +02:00
..
public server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
src server : webui : Improve Chat Input with Auto-Sizing Textarea (#12785) 2025-04-08 11:14:59 +02:00
.gitignore server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
.prettierignore server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
eslint.config.js server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
index.html server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
package-lock.json server : webui : Upgrade daisyui, tailwindcss. (#12735) 2025-04-04 16:09:52 +02:00
package.json server : webui : Upgrade daisyui, tailwindcss. (#12735) 2025-04-04 16:09:52 +02:00
postcss.config.js server : webui : Upgrade daisyui, tailwindcss. (#12735) 2025-04-04 16:09:52 +02:00
tailwind.config.js server : (web ui) Various improvements, now use vite as bundler (#10599) 2024-12-03 19:38:44 +01:00
tsconfig.app.json server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
tsconfig.json server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
tsconfig.node.json server : (webui) migrate project to ReactJS with typescript (#11688) 2025-02-06 17:32:29 +01:00
vite.config.ts server : (webui) revamp Settings dialog, add Pyodide interpreter (#11759) 2025-02-08 21:54:50 +01:00