diff options
| author | Adam Malczewski <[email protected]> | 2026-05-19 19:40:21 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-05-19 19:40:21 +0900 |
| commit | f78a91c20f658dd404277919a0b872b352c99bb6 (patch) | |
| tree | 58cfffb655da4443f4b7a39543b86f988f15239f /packages/frontend/src/lib/components/ChatInput.svelte | |
| download | dispatch-f78a91c20f658dd404277919a0b872b352c99bb6.tar.gz dispatch-f78a91c20f658dd404277919a0b872b352c99bb6.zip | |
- Bun monorepo with @dispatch/core, @dispatch/api, @dispatch/frontend
- Agent runtime with Vercel AI SDK, streaming via WebSocket
- Tools: read_file, write_file, list_files (scoped to working directory)
- Hono API server with POST /chat, GET /status, GET /health, WS /ws
- Svelte 5 + DaisyUI frontend with chat UI, theme switcher, copy button
- OpenCode Go (Zen) as LLM provider, deepseek-v4-flash-free model
- Docker setup (dev + prod) with bin/ scripts and gopass secrets
- Biome v2 linting/formatting, Vitest tests (44 passing)
- Debug info attached to error messages for diagnostics
Diffstat (limited to 'packages/frontend/src/lib/components/ChatInput.svelte')
| -rw-r--r-- | packages/frontend/src/lib/components/ChatInput.svelte | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/packages/frontend/src/lib/components/ChatInput.svelte b/packages/frontend/src/lib/components/ChatInput.svelte new file mode 100644 index 0000000..b929923 --- /dev/null +++ b/packages/frontend/src/lib/components/ChatInput.svelte @@ -0,0 +1,45 @@ +<script lang="ts"> +import { chatStore } from "../chat.svelte.js"; + +let inputEl: HTMLInputElement | undefined; +let inputValue = $state(""); +const isDisabled = $derived(chatStore.agentStatus === "running"); + +$effect(() => { + inputEl?.focus(); +}); + +function handleKeydown(e: KeyboardEvent) { + if (e.key === "Enter" && !e.shiftKey) { + e.preventDefault(); + submit(); + } +} + +function submit() { + const text = inputValue.trim(); + if (!text || isDisabled) return; + inputValue = ""; + chatStore.sendMessage(text); +} +</script> + +<div class="flex items-center gap-2 p-3 border-t border-base-300 bg-base-100"> + <input + bind:this={inputEl} + bind:value={inputValue} + type="text" + placeholder={isDisabled ? "Agent is running..." : "Type a message..."} + class="input input-bordered flex-1" + disabled={isDisabled} + onkeydown={handleKeydown} + /> + <button + type="button" + class="btn btn-primary" + disabled={isDisabled || !inputValue.trim()} + onclick={submit} + > + Send + </button> +</div> |
