feat(web): overhaul SPA to look like a proper IRC client

Major UI overhaul of the embedded web SPA to match traditional IRC client
look and feel:

Layout changes:
- Input bar now spans full width at bottom of window (below user list)
- Removed inline join dialog from tab bar (use /join command instead)
- Nick prefix shown in input bar (e.g. 'alice>')
- Topic bar shows 'Topic:' label with accent color

IRC command support:
- Added /me command (action messages via meta.action flag)
- Added /mode command for channel/user mode changes
- Added /quit command for clean disconnect
- Added /help command listing all available commands
- /part now accepts optional reason message

User list improvements:
- Parse 353 RPL_NAMREPLY to extract user mode prefixes
- Display @nick for ops, +nick for voiced, plain for regular users
- Sort users by mode rank: ops first, then voiced, then regular
- Ops shown in orange, voiced in green, regular in default color
- Extracted UserList into dedicated component

Message display:
- Messages displayed inline with nick on same line (IRC style)
- Action messages (/me) shown as '* nick does something' in purple
- System messages prefixed with '***'
- Uses IRC vocabulary: 'has parted' instead of 'has left'
- Parse 332 RPL_TOPIC for channel topic on join

UX improvements:
- Command history with up/down arrow keys (100 entries)
- Input always visible including on Server tab
- Dark theme with monospace font (JetBrains Mono/Fira Code)
- Hover highlight on messages
- Custom scrollbar styling
- Tab type-based styling (server tab bold)

closes #50

.dockerignore

@@ -1,8 +1,8 @@
 .git
 *.md
 !README.md
-chatd
+neoircd
-chat-cli
+neoirc-cli
 data.db
 data.db-wal
 data.db-shm

.gitignore

@@ -21,7 +21,7 @@ node_modules/
 *.key
 
 # Build artifacts
-/chatd
+/neoircd
 /bin/
 *.exe
 *.dll
@@ -34,5 +34,5 @@ vendor/
 # Project
 data.db
 debug.log
-/chat-cli
+/neoirc-cli
 web/node_modules/

AGENTS.md

@@ -5,7 +5,7 @@
 1. **Format**: `gofmt -s -w .` and `goimports -w .`
 2. **Lint**: `golangci-lint run --config .golangci.yml ./...` — zero issues
 3. **Test**: `go test -race ./...` — all passing
-4. **Build**: `go build ./cmd/chatd` — compiles clean
+4. **Build**: `go build ./cmd/neoircd` — compiles clean
 
 No commit lands on main with lint errors, test failures, or formatting issues.
 

Dockerfile

@@ -1,5 +1,5 @@
 # Lint stage — fast feedback on formatting and lint issues
-# golangci/golangci-lint:v2.1.6
+# golangci/golangci-lint:v2.1.6, 2026-03-02
 FROM golangci/golangci-lint@sha256:568ee1c1c53493575fa9494e280e579ac9ca865787bafe4df3023ae59ecf299b AS lint
 WORKDIR /src
 COPY go.mod go.sum ./
@@ -8,13 +8,13 @@ COPY . .
 RUN make fmt-check
 RUN make lint
 
-# Build stage — tests and compilation
+# Build stage
 # golang:1.24-alpine, 2026-02-26
 FROM golang@sha256:8bee1901f1e530bfb4a7850aa7a479d17ae3a18beb6e09064ed54cfd245b7191 AS builder
 WORKDIR /src
 RUN apk add --no-cache git build-base make
 
-# Force BuildKit to run the lint stage by creating a stage dependency
+# Force BuildKit to run the lint stage before proceeding
 COPY --from=lint /src/go.sum /dev/null
 
 COPY go.mod go.sum ./
@@ -26,17 +26,20 @@ RUN make test
 
 # Build static binaries (no cgo needed at runtime — modernc.org/sqlite is pure Go)
 ARG VERSION=dev
-RUN CGO_ENABLED=0 go build -trimpath -ldflags="-s -w -X main.Version=${VERSION}" -o /chatd ./cmd/chatd/
+RUN CGO_ENABLED=0 go build -trimpath -ldflags="-s -w -X main.Version=${VERSION}" -o /neoircd ./cmd/neoircd/
-RUN CGO_ENABLED=0 go build -trimpath -ldflags="-s -w" -o /chat-cli ./cmd/chat-cli/
+RUN CGO_ENABLED=0 go build -trimpath -ldflags="-s -w" -o /neoirc-cli ./cmd/neoirc-cli/
 
+# Runtime stage
 # alpine:3.21, 2026-02-26
 FROM alpine@sha256:c3f8e73fdb79deaebaa2037150150191b9dcbfba68b4a46d70103204c53f4709
 RUN apk add --no-cache ca-certificates \
-    && addgroup -S chat && adduser -S chat -G chat
+    && addgroup -S neoirc && adduser -S neoirc -G neoirc \
-COPY --from=builder /chatd /usr/local/bin/chatd
+    && mkdir -p /var/lib/neoirc \
+    && chown neoirc:neoirc /var/lib/neoirc
+COPY --from=builder /neoircd /usr/local/bin/neoircd
 
-USER chat
+USER neoirc
 EXPOSE 8080
 HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
     CMD wget -qO- http://localhost:8080/.well-known/healthcheck.json || exit 1
-ENTRYPOINT ["chatd"]
+ENTRYPOINT ["neoircd"]

Makefile

@@ -1,6 +1,6 @@
 .PHONY: all build lint fmt fmt-check test check clean run debug docker hooks
 
-BINARY := chatd
+BINARY := neoircd
 VERSION := $(shell git describe --tags --always --dirty 2>/dev/null || echo "dev")
 BUILDARCH := $(shell go env GOARCH)
 LDFLAGS := -X main.Version=$(VERSION) -X main.Buildarch=$(BUILDARCH)
@@ -8,7 +8,7 @@ LDFLAGS := -X main.Version=$(VERSION) -X main.Buildarch=$(BUILDARCH)
 all: check build
 
 build:
-	go build -ldflags "$(LDFLAGS)" -o bin/$(BINARY) ./cmd/chatd
+	go build -ldflags "$(LDFLAGS)" -o bin/$(BINARY) ./cmd/neoircd
 
 lint:
 	golangci-lint run --config .golangci.yml ./...
@@ -27,7 +27,7 @@ test:
 # Used by CI and Docker build — fails if anything is wrong
 check: test lint fmt-check
 	@echo "==> Building..."
-	go build -ldflags "$(LDFLAGS)" -o /dev/null ./cmd/chatd
+	go build -ldflags "$(LDFLAGS)" -o /dev/null ./cmd/neoircd
 	@echo "==> All checks passed!"
 
 run: build
@@ -37,10 +37,10 @@ debug: build
 	DEBUG=1 GOTRACEBACK=all ./bin/$(BINARY)
 
 clean:
-	rm -rf bin/ chatd data.db
+	rm -rf bin/ neoircd
 
 docker:
-	docker build -t chat .
+	docker build -t neoirc .
 
 hooks:
 	@printf '#!/bin/sh\nset -e\n' > .git/hooks/pre-commit

README.md

@@ -1,9 +1,9 @@
-# chat
+# neoirc
 
 **IRC semantics, structured message metadata, cryptographic signing, and
 server-held session state with per-client delivery queues. All over HTTP+JSON.**
 
-A chat server written in Go that decouples session state from transport
+An IRC-inspired server written in Go that decouples session state from transport
 connections, enabling mobile-friendly persistent sessions over plain HTTP.
 
 The **HTTP API is the primary interface**. It's designed to be simple enough
@@ -44,7 +44,7 @@ IRC is in decline because session state is tied to the TCP connection. In a
 mobile-first world, that's a nonstarter. Not everyone wants to run a bouncer
 or pay for IRCCloud.
 
-This project builds a chat server that:
+This project builds a server that:
 
 - Holds session state server-side (message queues, presence, channel membership)
 - Exposes a minimal, clean HTTP+JSON API — easy to build clients against
@@ -132,7 +132,7 @@ makes signing consistent — you sign the same structure you send.
 
 ### Why not XMPP or Matrix?
 
-XMPP is XML-based, overengineered for chat, and the ecosystem is fragmented
+XMPP is XML-based, overengineered for messaging, and the ecosystem is fragmented
 across incompatible extensions (XEPs). Matrix is a federated append-only event
 graph with a spec that runs to hundreds of pages. Both are fine protocols, but
 they're solving different problems at different scales.
@@ -828,16 +828,16 @@ the server to the client (never C2S) and use 3-digit string codes in the
 | Code | Name                 | When Sent | Example |
 |------|----------------------|-----------|---------|
 | `001` | RPL_WELCOME         | After session creation | `{"command":"001","to":"alice","body":["Welcome to the network, alice"]}` |
-| `002` | RPL_YOURHOST        | After session creation | `{"command":"002","to":"alice","body":["Your host is chatserver, running version 0.1"]}` |
+| `002` | RPL_YOURHOST        | After session creation | `{"command":"002","to":"alice","body":["Your host is neoirc-server, running version 0.1"]}` |
 | `003` | RPL_CREATED         | After session creation | `{"command":"003","to":"alice","body":["This server was created 2026-02-10"]}` |
-| `004` | RPL_MYINFO          | After session creation | `{"command":"004","to":"alice","params":["chatserver","0.1","","imnst"]}` |
+| `004` | RPL_MYINFO          | After session creation | `{"command":"004","to":"alice","params":["neoirc-server","0.1","","imnst"]}` |
-| `322` | RPL_LIST            | In response to LIST | `{"command":"322","to":"alice","params":["#general","5"],"body":["General chat"]}` |
+| `322` | RPL_LIST            | In response to LIST | `{"command":"322","to":"alice","params":["#general","5"],"body":["General discussion"]}` |
 | `323` | RPL_LISTEND         | End of LIST response | `{"command":"323","to":"alice","body":["End of /LIST"]}` |
 | `332` | RPL_TOPIC           | On JOIN or TOPIC query | `{"command":"332","to":"alice","params":["#general"],"body":["Welcome!"]}` |
 | `353` | RPL_NAMREPLY        | On JOIN or NAMES query | `{"command":"353","to":"alice","params":["=","#general"],"body":["@op1 alice bob +voiced1"]}` |
 | `366` | RPL_ENDOFNAMES      | End of NAMES response | `{"command":"366","to":"alice","params":["#general"],"body":["End of /NAMES list"]}` |
 | `372` | RPL_MOTD            | MOTD line | `{"command":"372","to":"alice","body":["Welcome to the server"]}` |
-| `375` | RPL_MOTDSTART       | Start of MOTD | `{"command":"375","to":"alice","body":["- chatserver Message of the Day -"]}` |
+| `375` | RPL_MOTDSTART       | Start of MOTD | `{"command":"375","to":"alice","body":["- neoirc-server Message of the Day -"]}` |
 | `376` | RPL_ENDOFMOTD       | End of MOTD | `{"command":"376","to":"alice","body":["End of /MOTD command"]}` |
 | `401` | ERR_NOSUCHNICK      | DM to nonexistent nick | `{"command":"401","to":"alice","params":["bob"],"body":["No such nick/channel"]}` |
 | `403` | ERR_NOSUCHCHANNEL   | Action on nonexistent channel | `{"command":"403","to":"alice","params":["#nope"],"body":["No such channel"]}` |
@@ -1214,7 +1214,7 @@ Return server metadata. No authentication required.
 **Response:** `200 OK`
 ```json
 {
-  "name": "My Chat Server",
+  "name": "My NeoIRC Server",
   "motd": "Welcome! Be nice.",
   "users": 42
 }
@@ -1468,7 +1468,7 @@ authenticity.
 
 ## Federation (Server-to-Server)
 
-Federation allows multiple chat servers to link together, forming a network
+Federation allows multiple neoirc servers to link together, forming a network
 where users on different servers can share channels — similar to IRC server
 linking.
 
@@ -1645,7 +1645,7 @@ directory is also loaded automatically via
 | Variable           | Type    | Default                              | Description |
 |--------------------|---------|--------------------------------------|-------------|
 | `PORT`             | int     | `8080`                               | HTTP listen port |
-| `DBURL`            | string  | `file:./data.db?_journal_mode=WAL`   | SQLite connection string. For file-based: `file:./path.db?_journal_mode=WAL`. For in-memory (testing): `file::memory:?cache=shared`. |
+| `DBURL`            | string  | `file:///var/lib/neoirc/state.db?_journal_mode=WAL` | SQLite connection string. For file-based: `file:///path/to/db.db?_journal_mode=WAL`. For in-memory (testing): `file::memory:?cache=shared`. |
 | `DEBUG`            | bool    | `false`                              | Enable debug logging (verbose request/response logging) |
 | `MAX_HISTORY`      | int     | `10000`                              | Maximum messages retained per channel before rotation (planned) |
 | `SESSION_IDLE_TIMEOUT` | string | `24h`                            | Session idle timeout as a Go duration string (e.g. `24h`, `30m`). Sessions with no activity for this long are expired and the nick is released. |
@@ -1664,10 +1664,10 @@ directory is also loaded automatically via
 
 ```bash
 PORT=8080
-SERVER_NAME=My Chat Server
+SERVER_NAME=My NeoIRC Server
 MOTD=Welcome! Be excellent to each other.
 DEBUG=false
-DBURL=file:./data.db?_journal_mode=WAL
+DBURL=file:///var/lib/neoirc/state.db?_journal_mode=WAL
 SESSION_IDLE_TIMEOUT=24h
 ```
 
@@ -1677,25 +1677,24 @@ SESSION_IDLE_TIMEOUT=24h
 
 ### Docker (Recommended)
 
-The Docker image contains a single static binary (`chatd`) and nothing else.
+The Docker image contains a single static binary (`neoircd`) and nothing else.
 
 ```bash
 # Build
-docker build -t chat .
+docker build -t neoirc .
 
 # Run
 docker run -p 8080:8080 \
-  -v chat-data:/data \
+  -v neoirc-data:/var/lib/neoirc \
-  -e DBURL="file:/data/chat.db?_journal_mode=WAL" \
   -e SERVER_NAME="My Server" \
   -e MOTD="Welcome!" \
-  chat
+  neoirc
 ```
 
 The Dockerfile is a multi-stage build:
-1. **Build stage**: Compiles `chatd` and `chat-cli` (CLI built to verify
+1. **Build stage**: Compiles `neoircd` and `neoirc-cli` (CLI built to verify
    compilation, not included in final image)
-2. **Final stage**: Alpine Linux + `chatd` binary only
+2. **Final stage**: Alpine Linux + `neoircd` binary only
 
 ```dockerfile
 FROM golang:1.24-alpine AS builder
@@ -1704,13 +1703,13 @@ RUN apk add --no-cache make
 COPY go.mod go.sum ./
 RUN go mod download
 COPY . .
-RUN go build -o /chatd ./cmd/chatd/
+RUN go build -o /neoircd ./cmd/neoircd/
-RUN go build -o /chat-cli ./cmd/chat-cli/
+RUN go build -o /neoirc-cli ./cmd/neoirc-cli/
 
 FROM alpine:latest
-COPY --from=builder /chatd /usr/local/bin/chatd
+COPY --from=builder /neoircd /usr/local/bin/neoircd
 EXPOSE 8080
-CMD ["chatd"]
+CMD ["neoircd"]
 ```
 
 ### Binary
@@ -1718,11 +1717,11 @@ CMD ["chatd"]
 ```bash
 # Build from source
 make build
-# Binary at ./bin/chatd
+# Binary at ./bin/neoircd
 
 # Run
-./bin/chatd
+./bin/neoircd
-# Listens on :8080, creates ./data.db
+# Listens on :8080, writes to /var/lib/neoirc/state.db
 ```
 
 ### Reverse Proxy (Production)
@@ -1731,7 +1730,7 @@ For production, run behind a TLS-terminating reverse proxy.
 
 **Caddy:**
 ```
-chat.example.com {
+neoirc.example.com {
     reverse_proxy localhost:8080
 }
 ```
@@ -1740,7 +1739,7 @@ chat.example.com {
 ```nginx
 server {
     listen 443 ssl;
-    server_name chat.example.com;
+    server_name neoirc.example.com;
 
     ssl_certificate /path/to/cert.pem;
     ssl_certificate_key /path/to/key.pem;
@@ -1763,15 +1762,15 @@ seconds to accommodate long-poll connections.
   string). This allows concurrent reads during writes.
 - **Single writer**: SQLite allows only one writer at a time. For high-traffic
   servers, Postgres support is planned.
-- **Backup**: The database is a single file. Back it up with `sqlite3 data.db ".backup backup.db"` or just copy the file (safe with WAL mode).
+- **Backup**: The database is a single file. Back it up with `sqlite3 /var/lib/neoirc/state.db ".backup backup.db"` or just copy the file (safe with WAL mode).
-- **Location**: By default, `data.db` is created in the working directory.
+- **Location**: By default, `state.db` is created in `/var/lib/neoirc/`.
   Use the `DBURL` env var to place it elsewhere.
 
 ---
 
 ## Client Development Guide
 
-This section explains how to write a client against the chat API. The API is
+This section explains how to write a client against the neoirc API. The API is
 designed to be simple enough that a basic client can be written in any language
 with an HTTP client library.
 
@@ -2061,7 +2060,7 @@ GET /api/v1/challenge
 - [x] NICK change with broadcast
 - [x] QUIT with broadcast and cleanup
 - [x] Embedded web SPA client
-- [x] CLI client (chat-cli)
+- [x] CLI client (neoirc-cli)
 - [x] SQLite storage with WAL mode
 - [x] Docker deployment
 - [x] Prometheus metrics endpoint
@@ -2114,11 +2113,11 @@ GET /api/v1/challenge
 Following [gohttpserver CONVENTIONS.md](https://git.eeqj.de/sneak/gohttpserver/src/branch/main/CONVENTIONS.md):
 
 ```
-chat/
+neoirc/
 ├── cmd/
-│   ├── chatd/              # Server binary entry point
+│   ├── neoircd/            # Server binary entry point
 │   │   └── main.go
-│   └── chat-cli/           # TUI client
+│   └── neoirc-cli/         # TUI client
 │       ├── main.go         # Command handling, poll loop
 │       ├── ui.go           # tview-based terminal UI
 │       └── api/
@@ -2249,7 +2248,7 @@ chat/
 - IRC message envelope format with per-client queue fan-out
 - Long-polling with in-memory broker
 - Embedded web SPA client
-- TUI client (chat-cli)
+- TUI client (neoirc-cli)
 - Docker image
 - Prometheus metrics
 

cmd/neoirc-cli/api/client.go

@@ -1,5 +1,5 @@
-// Package chatapi provides a client for the chat server API.
+// Package neoircapi provides a client for the neoirc server API.
-package chatapi
+package neoircapi
 
 import (
 	"bytes"
@@ -23,7 +23,7 @@ const (
 
 var errHTTP = errors.New("HTTP error")
 
-// Client wraps HTTP calls to the chat server API.
+// Client wraps HTTP calls to the neoirc server API.
 type Client struct {
 	BaseURL    string
 	Token      string

cmd/neoirc-cli/api/types.go

@@ -1,4 +1,4 @@
-package chatapi
+package neoircapi
 
 import "time"
 
@@ -21,7 +21,7 @@ type StateResponse struct {
 	Channels []string `json:"channels"`
 }
 
-// Message represents a chat message envelope.
+// Message represents a neoirc message envelope.
 type Message struct {
 	Command string   `json:"command"`
 	From    string   `json:"from,omitempty"`

cmd/neoirc-cli/main.go

@@ -1,4 +1,4 @@
-// Package main is the entry point for the chat-cli client.
+// Package main is the entry point for the neoirc-cli client.
 package main
 
 import (
@@ -8,7 +8,7 @@ import (
 	"sync"
 	"time"
 
-	api "git.eeqj.de/sneak/chat/cmd/chat-cli/api"
+	api "git.eeqj.de/sneak/neoirc/cmd/neoirc-cli/api"
 )
 
 const (
@@ -41,7 +41,7 @@ func main() {
 	app.ui.SetStatus(app.nick, "", "disconnected")
 
 	app.ui.AddStatus(
-		"Welcome to chat-cli — an IRC-style client",
+		"Welcome to neoirc-cli — an IRC-style client",
 	)
 	app.ui.AddStatus(
 		"Type [yellow]/connect <server-url>" +
@@ -564,7 +564,7 @@ func (a *App) cmdQuit() {
 
 func (a *App) cmdHelp() {
 	help := []string{
-		"[cyan]*** chat-cli commands:",
+		"[cyan]*** neoirc-cli commands:",
 		"  /connect <url>  — Connect to server",
 		"  /nick <name>    — Change nickname",
 		"  /join #channel  — Join channel",

cmd/neoircd/main.go

@@ -1,21 +1,21 @@
-// Package main is the entry point for the chatd server.
+// Package main is the entry point for the neoircd server.
 package main
 
 import (
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/db"
+	"git.eeqj.de/sneak/neoirc/internal/db"
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/handlers"
+	"git.eeqj.de/sneak/neoirc/internal/handlers"
-	"git.eeqj.de/sneak/chat/internal/healthcheck"
+	"git.eeqj.de/sneak/neoirc/internal/healthcheck"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
-	"git.eeqj.de/sneak/chat/internal/middleware"
+	"git.eeqj.de/sneak/neoirc/internal/middleware"
-	"git.eeqj.de/sneak/chat/internal/server"
+	"git.eeqj.de/sneak/neoirc/internal/server"
 	"go.uber.org/fx"
 )
 
 var (
 	// Appname is the application name, set at build time.
-	Appname = "chat" //nolint:gochecknoglobals
+	Appname = "neoirc" //nolint:gochecknoglobals
 
 	// Version is the application version, set at build time.
 	Version string //nolint:gochecknoglobals

go.mod

@@ -1,4 +1,4 @@
-module git.eeqj.de/sneak/chat
+module git.eeqj.de/sneak/neoirc
 
 go 1.24.0
 

internal/broker/broker_test.go

@@ -5,7 +5,7 @@ import (
 	"testing"
 	"time"
 
-	"git.eeqj.de/sneak/chat/internal/broker"
+	"git.eeqj.de/sneak/neoirc/internal/broker"
 )
 
 func TestNewBroker(t *testing.T) {

internal/config/config.go

@@ -5,8 +5,8 @@ import (
 	"errors"
 	"log/slog"
 
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
 	"github.com/spf13/viper"
 	"go.uber.org/fx"
 
@@ -56,7 +56,7 @@ func New(
 	viper.SetDefault("DEBUG", "false")
 	viper.SetDefault("MAINTENANCE_MODE", "false")
 	viper.SetDefault("PORT", "8080")
-	viper.SetDefault("DBURL", "file:./data.db?_journal_mode=WAL")
+	viper.SetDefault("DBURL", "file:///var/lib/neoirc/state.db?_journal_mode=WAL")
 	viper.SetDefault("SENTRY_DSN", "")
 	viper.SetDefault("METRICS_USERNAME", "")
 	viper.SetDefault("METRICS_PASSWORD", "")

internal/db/db.go

@@ -12,8 +12,8 @@ import (
 	"strconv"
 	"strings"
 
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
 	"go.uber.org/fx"
 
 	_ "github.com/joho/godotenv/autoload" // .env
@@ -87,7 +87,7 @@ func (database *Database) GetDB() *sql.DB {
 func (database *Database) connect(ctx context.Context) error {
 	dbURL := database.params.Config.DBURL
 	if dbURL == "" {
-		dbURL = "file:./data.db?_journal_mode=WAL&_busy_timeout=5000"
+		dbURL = "file:///var/lib/neoirc/state.db?_journal_mode=WAL&_busy_timeout=5000"
 	}
 
 	database.log.Info(

internal/db/queries_test.go

@@ -4,7 +4,7 @@ import (
 	"encoding/json"
 	"testing"
 
-	"git.eeqj.de/sneak/chat/internal/db"
+	"git.eeqj.de/sneak/neoirc/internal/db"
 
 	_ "modernc.org/sqlite"
 )

internal/handlers/api.go

@@ -229,7 +229,7 @@ func (hdlr *Handlers) deliverMOTD(
 	serverName := hdlr.params.Config.ServerName
 
 	if serverName == "" {
-		serverName = "chat"
+		serverName = "neoirc"
 	}
 
 	if motd == "" {

internal/handlers/api_test.go

@@ -17,14 +17,14 @@ import (
 	"testing"
 	"time"
 
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/db"
+	"git.eeqj.de/sneak/neoirc/internal/db"
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/handlers"
+	"git.eeqj.de/sneak/neoirc/internal/handlers"
-	"git.eeqj.de/sneak/chat/internal/healthcheck"
+	"git.eeqj.de/sneak/neoirc/internal/healthcheck"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
-	"git.eeqj.de/sneak/chat/internal/middleware"
+	"git.eeqj.de/sneak/neoirc/internal/middleware"
-	"git.eeqj.de/sneak/chat/internal/server"
+	"git.eeqj.de/sneak/neoirc/internal/server"
 	"go.uber.org/fx"
 	"go.uber.org/fx/fxtest"
 )
@@ -115,7 +115,7 @@ func newTestServer(
 
 func newTestGlobals() *globals.Globals {
 	return &globals.Globals{
-		Appname: "chat-test",
+		Appname: "neoirc-test",
 		Version: "test",
 	}
 }
@@ -682,10 +682,10 @@ func TestChannelMessage(t *testing.T) {
 	bobToken := tserver.createSession("bob_msg")
 
 	tserver.sendCommand(aliceToken, map[string]any{
-		commandKey: joinCmd, toKey: "#chat",
+		commandKey: joinCmd, toKey: "#test",
 	})
 	tserver.sendCommand(bobToken, map[string]any{
-		commandKey: joinCmd, toKey: "#chat",
+		commandKey: joinCmd, toKey: "#test",
 	})
 
 	_, _ = tserver.pollMessages(aliceToken, 0)
@@ -695,7 +695,7 @@ func TestChannelMessage(t *testing.T) {
 		aliceToken,
 		map[string]any{
 			commandKey: privmsgCmd,
-			toKey:      "#chat",
+			toKey:      "#test",
 			bodyKey:    []string{"hello world"},
 		},
 	)
@@ -725,11 +725,11 @@ func TestMessageMissingBody(t *testing.T) {
 	token := tserver.createSession("nobody")
 
 	tserver.sendCommand(token, map[string]any{
-		commandKey: joinCmd, toKey: "#chat",
+		commandKey: joinCmd, toKey: "#test",
 	})
 
 	status, _ := tserver.sendCommand(token, map[string]any{
-		commandKey: privmsgCmd, toKey: "#chat",
+		commandKey: privmsgCmd, toKey: "#test",
 	})
 	if status != http.StatusBadRequest {
 		t.Fatalf("expected 400, got %d", status)

internal/handlers/handlers.go

@@ -1,4 +1,4 @@
-// Package handlers provides HTTP request handlers for the chat server.
+// Package handlers provides HTTP request handlers for the neoirc server.
 package handlers
 
 import (
@@ -9,12 +9,12 @@ import (
 	"net/http"
 	"time"
 
-	"git.eeqj.de/sneak/chat/internal/broker"
+	"git.eeqj.de/sneak/neoirc/internal/broker"
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/db"
+	"git.eeqj.de/sneak/neoirc/internal/db"
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/healthcheck"
+	"git.eeqj.de/sneak/neoirc/internal/healthcheck"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
 	"go.uber.org/fx"
 )
 

internal/healthcheck/healthcheck.go

@@ -6,10 +6,10 @@ import (
 	"log/slog"
 	"time"
 
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/db"
+	"git.eeqj.de/sneak/neoirc/internal/db"
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
 	"go.uber.org/fx"
 )
 

internal/logger/logger.go

@@ -5,7 +5,7 @@ import (
 	"log/slog"
 	"os"
 
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
 	"go.uber.org/fx"
 )
 

internal/middleware/middleware.go

@@ -1,4 +1,4 @@
-// Package middleware provides HTTP middleware for the chat server.
+// Package middleware provides HTTP middleware for the neoirc server.
 package middleware
 
 import (
@@ -7,9 +7,9 @@ import (
 	"net/http"
 	"time"
 
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
 	basicauth "github.com/99designs/basicauth-go"
 	chimw "github.com/go-chi/chi/middleware"
 	"github.com/go-chi/cors"

internal/server/routes.go

@@ -5,7 +5,7 @@ import (
 	"net/http"
 	"time"
 
-	"git.eeqj.de/sneak/chat/web"
+	"git.eeqj.de/sneak/neoirc/web"
 
 	sentryhttp "github.com/getsentry/sentry-go/http"
 	"github.com/go-chi/chi"

internal/server/server.go

@@ -1,4 +1,4 @@
-// Package server implements the main HTTP server for the chat application.
+// Package server implements the main HTTP server for the neoirc application.
 package server
 
 import (
@@ -12,11 +12,11 @@ import (
 	"syscall"
 	"time"
 
-	"git.eeqj.de/sneak/chat/internal/config"
+	"git.eeqj.de/sneak/neoirc/internal/config"
-	"git.eeqj.de/sneak/chat/internal/globals"
+	"git.eeqj.de/sneak/neoirc/internal/globals"
-	"git.eeqj.de/sneak/chat/internal/handlers"
+	"git.eeqj.de/sneak/neoirc/internal/handlers"
-	"git.eeqj.de/sneak/chat/internal/logger"
+	"git.eeqj.de/sneak/neoirc/internal/logger"
-	"git.eeqj.de/sneak/chat/internal/middleware"
+	"git.eeqj.de/sneak/neoirc/internal/middleware"
 	"go.uber.org/fx"
 
 	"github.com/getsentry/sentry-go"

schema/README.md

@@ -1,6 +1,6 @@
 # Message Schemas
 
-JSON Schema definitions (draft 2020-12) for the chat protocol. Messages use
+JSON Schema definitions (draft 2020-12) for the neoirc protocol. Messages use
 **IRC command names and numeric reply codes** (RFC 1459/2812) encoded as JSON
 over HTTP.
 

schema/commands/JOIN.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/JOIN.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/JOIN.json",
   "title": "JOIN",
   "description": "Join a channel. C2S: request to join. S2C: notification that a user joined. RFC 1459 §4.2.1.",
   "$ref": "../message.json",

schema/commands/KICK.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/KICK.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/KICK.json",
   "title": "KICK",
   "description": "Kick a user from a channel. RFC 1459 §4.2.8.",
   "$ref": "../message.json",

schema/commands/MODE.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/MODE.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/MODE.json",
   "title": "MODE",
   "description": "Set or query channel/user modes. RFC 1459 §4.2.3.",
   "$ref": "../message.json",

schema/commands/NICK.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/NICK.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/NICK.json",
   "title": "NICK",
   "description": "Change nickname. C2S: request new nick. S2C: notification of nick change. RFC 1459 §4.1.2.",
   "$ref": "../message.json",

schema/commands/NOTICE.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/NOTICE.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/NOTICE.json",
   "title": "NOTICE",
   "description": "Send a notice. Like PRIVMSG but must not trigger automatic replies. RFC 1459 §4.4.2.",
   "$ref": "../message.json",

schema/commands/PART.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/PART.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/PART.json",
   "title": "PART",
   "description": "Leave a channel. C2S: request to leave. S2C: notification that a user left. RFC 1459 §4.2.2.",
   "$ref": "../message.json",

schema/commands/PING.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/PING.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/PING.json",
   "title": "PING",
   "description": "Keepalive. C2S or S2S. Server responds with PONG. RFC 1459 §4.6.2.",
   "$ref": "../message.json",

schema/commands/PONG.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/PONG.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/PONG.json",
   "title": "PONG",
   "description": "Keepalive response. S2C or S2S. RFC 1459 §4.6.3.",
   "$ref": "../message.json",

schema/commands/PRIVMSG.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/PRIVMSG.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/PRIVMSG.json",
   "title": "PRIVMSG",
   "description": "Send a message to a channel or user. C2S: client sends to server. S2C: server relays to recipients. RFC 1459 §4.4.1.",
   "$ref": "../message.json",

schema/commands/PUBKEY.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/PUBKEY.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/PUBKEY.json",
   "title": "PUBKEY",
   "description": "Announce or relay a user's public signing key. C2S: client announces key to channel or server. S2C: server relays to channel members. Protocol extension (not in RFC 1459). Body is a structured object (not an array) containing the key material.",
   "$ref": "../message.json",

schema/commands/QUIT.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/QUIT.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/QUIT.json",
   "title": "QUIT",
   "description": "User disconnected. S2C only. RFC 1459 §4.1.6.",
   "$ref": "../message.json",

schema/commands/TOPIC.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/commands/TOPIC.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/commands/TOPIC.json",
   "title": "TOPIC",
   "description": "Get or set channel topic. C2S: set topic (body present) or query (body absent). S2C: topic change notification. RFC 1459 §4.2.4.",
   "$ref": "../message.json",
@@ -17,6 +17,6 @@
   },
   "required": ["command", "to"],
   "examples": [
-    { "command": "TOPIC", "from": "alice", "to": "#general", "body": ["Welcome to the chat"] }
+    { "command": "TOPIC", "from": "alice", "to": "#general", "body": ["Welcome to the channel"] }
   ]
 }

schema/message.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/message.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/message.json",
   "title": "IRC Message Envelope",
   "description": "Base envelope for all messages. Mirrors IRC wire format (RFC 1459/2812) encoded as JSON over HTTP. The 'command' field carries either an IRC command name (PRIVMSG, JOIN, etc.) or a three-digit numeric reply code (001, 353, 433, etc.).",
   "type": "object",

schema/numerics/001.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/001.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/001.json",
   "title": "001 RPL_WELCOME",
   "description": "Welcome message sent after successful session creation. RFC 2812 \u00a75.1.",
   "$ref": "../message.json",

schema/numerics/002.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/002.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/002.json",
   "title": "002 RPL_YOURHOST",
   "description": "Server host info sent after session creation. RFC 2812 \u00a75.1.",
   "$ref": "../message.json",
@@ -29,7 +29,7 @@
       "command": "002",
       "to": "alice",
       "body": [
-        "Your host is chat.example.com, running version 0.1.0"
+        "Your host is neoirc.example.com, running version 0.1.0"
       ]
     }
   ]

schema/numerics/003.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/003.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/003.json",
   "title": "003 RPL_CREATED",
   "description": "Server creation date. RFC 2812 \u00a75.1.",
   "$ref": "../message.json",

schema/numerics/004.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/004.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/004.json",
   "title": "004 RPL_MYINFO",
   "description": "Server info (name, version, available modes). RFC 2812 \u00a75.1.",
   "$ref": "../message.json",
@@ -29,7 +29,7 @@
       "command": "004",
       "to": "alice",
       "params": [
-        "chat.example.com",
+        "neoirc.example.com",
         "0.1.0",
         "o",
         "imnst+ov"

schema/numerics/322.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/322.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/322.json",
   "title": "322 RPL_LIST",
   "description": "Channel list entry. One per channel in response to LIST. RFC 1459 \u00a76.2.",
   "$ref": "../message.json",

schema/numerics/323.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/323.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/323.json",
   "title": "323 RPL_LISTEND",
   "description": "End of channel list. RFC 1459 \u00a76.2.",
   "$ref": "../message.json",

schema/numerics/332.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/332.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/332.json",
   "title": "332 RPL_TOPIC",
   "description": "Channel topic (sent on JOIN or TOPIC query). RFC 1459 \u00a76.2.",
   "$ref": "../message.json",
@@ -40,7 +40,7 @@
         "#general"
       ],
       "body": [
-        "Welcome to the chat"
+        "Welcome to the channel"
       ]
     }
   ]

schema/numerics/353.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/353.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/353.json",
   "title": "353 RPL_NAMREPLY",
   "description": "Channel member list. Sent on JOIN or NAMES query. RFC 1459 \u00a76.2.",
   "$ref": "../message.json",

schema/numerics/366.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/366.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/366.json",
   "title": "366 RPL_ENDOFNAMES",
   "description": "End of NAMES list. RFC 1459 \u00a76.2.",
   "$ref": "../message.json",

schema/numerics/372.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/372.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/372.json",
   "title": "372 RPL_MOTD",
   "description": "MOTD line. One message per line of the MOTD. RFC 2812 \u00a75.1.",
   "$ref": "../message.json",

schema/numerics/375.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/375.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/375.json",
   "title": "375 RPL_MOTDSTART",
   "description": "Start of MOTD. RFC 2812 \u00a75.1.",
   "$ref": "../message.json",

schema/numerics/376.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/376.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/376.json",
   "title": "376 RPL_ENDOFMOTD",
   "description": "End of MOTD. RFC 2812 \u00a75.1.",
   "$ref": "../message.json",

schema/numerics/401.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/401.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/401.json",
   "title": "401 ERR_NOSUCHNICK",
   "description": "No such nick/channel. RFC 1459 \u00a76.1.",
   "$ref": "../message.json",

schema/numerics/403.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/403.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/403.json",
   "title": "403 ERR_NOSUCHCHANNEL",
   "description": "No such channel. RFC 1459 \u00a76.1.",
   "$ref": "../message.json",

schema/numerics/433.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/433.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/433.json",
   "title": "433 ERR_NICKNAMEINUSE",
   "description": "Nickname is already in use. RFC 1459 \u00a76.1.",
   "$ref": "../message.json",

schema/numerics/442.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/442.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/442.json",
   "title": "442 ERR_NOTONCHANNEL",
   "description": "You're not on that channel. RFC 1459 \u00a76.1.",
   "$ref": "../message.json",

schema/numerics/482.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://git.eeqj.de/sneak/chat/schema/numerics/482.json",
+  "$id": "https://git.eeqj.de/sneak/neoirc/schema/numerics/482.json",
   "title": "482 ERR_CHANOPRIVSNEEDED",
   "description": "You're not channel operator. RFC 1459 \u00a76.1.",
   "$ref": "../message.json",

web/build.sh

@@ -16,19 +16,11 @@ fi
 
 mkdir -p dist
 
-# Build JS bundle
+# Build JS bundle — preact must be bundled (no CDN/external loader)
-${NPX:+$NPX} esbuild src/app.jsx \
-  --bundle \
-  --minify \
-  --jsx-factory=h \
-  --jsx-fragment=Fragment \
-  --define:process.env.NODE_ENV=\"production\" \
-  --external:preact \
-  --outfile=dist/app.js \
-  2>/dev/null || \
 ${NPX:+$NPX} esbuild src/app.jsx \
   --bundle \
   --minify \
+  --format=esm \
   --jsx-factory=h \
   --jsx-fragment=Fragment \
   --define:process.env.NODE_ENV=\"production\" \

web/dist/app.js

@@ -1,2 +1,2 @@
-(()=>{var Y=(a=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(a,{get:(f,p)=>(typeof require<"u"?require:f)[p]}):a)(function(a){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+a+'" is not supported')});var o=Y("preact"),s=Y("preact/hooks"),se="/api/v1",oe=15,ae=3e3,ce=1e4;function u(a,f={}){let p=localStorage.getItem("chat_token"),y={"Content-Type":"application/json",...f.headers||{}};p&&(y.Authorization=`Bearer ${p}`);let{signal:i,...h}=f;return fetch(se+a,{...h,headers:y,signal:i}).then(async d=>{let v=await d.json().catch(()=>null);if(!d.ok)throw{status:d.status,data:v};return v})}function X(a){return new Date(a).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"})}function Z(a){let f=0;for(let y=0;y<a.length;y++)f=a.charCodeAt(y)+((f<<5)-f);return`hsl(${Math.abs(f)%360}, 70%, 65%)`}function ie({onLogin:a}){let[f,p]=(0,s.useState)(""),[y,i]=(0,s.useState)(""),[h,d]=(0,s.useState)(""),[v,$]=(0,s.useState)("Chat"),g=(0,s.useRef)();return(0,s.useEffect)(()=>{u("/server").then(m=>{m.name&&$(m.name),m.motd&&d(m.motd)}).catch(()=>{}),localStorage.getItem("chat_token")&&u("/state").then(m=>a(m.nick)).catch(()=>localStorage.removeItem("chat_token")),g.current?.focus()},[]),(0,o.h)("div",{class:"login-screen"},(0,o.h)("h1",null,v),h&&(0,o.h)("div",{class:"motd"},h),(0,o.h)("form",{onSubmit:async T=>{T.preventDefault(),i("");try{let m=await u("/session",{method:"POST",body:JSON.stringify({nick:f.trim()})});localStorage.setItem("chat_token",m.token),a(m.nick)}catch(m){i(m.data?.error||"Connection failed")}}},(0,o.h)("input",{ref:g,type:"text",placeholder:"Choose a nickname...",value:f,onInput:T=>p(T.target.value),maxLength:32,autoFocus:!0}),(0,o.h)("button",{type:"submit"},"Connect")),y&&(0,o.h)("div",{class:"error"},y))}function de({msg:a}){return a.system?(0,o.h)("div",{class:"message system"},(0,o.h)("span",{class:"timestamp"},X(a.ts)),(0,o.h)("span",{class:"content"},a.text)):(0,o.h)("div",{class:"message"},(0,o.h)("span",{class:"timestamp"},X(a.ts)),(0,o.h)("span",{class:"nick",style:{color:Z(a.from)}},a.from),(0,o.h)("span",{class:"content"},a.text))}function le(){let[a,f]=(0,s.useState)(!1),[p,y]=(0,s.useState)(""),[i,h]=(0,s.useState)([{type:"server",name:"Server"}]),[d,v]=(0,s.useState)(0),[$,g]=(0,s.useState)({Server:[]}),[N,T]=(0,s.useState)({}),[m,x]=(0,s.useState)({}),[J,_]=(0,s.useState)({}),[j,L]=(0,s.useState)(""),[C,D]=(0,s.useState)(""),[ee,U]=(0,s.useState)(!0),M=(0,s.useRef)(0),V=(0,s.useRef)(new Set),W=(0,s.useRef)(null),w=(0,s.useRef)(i),K=(0,s.useRef)(d),R=(0,s.useRef)(p),B=(0,s.useRef)(),F=(0,s.useRef)();(0,s.useEffect)(()=>{w.current=i},[i]),(0,s.useEffect)(()=>{K.current=d},[d]),(0,s.useEffect)(()=>{R.current=p},[p]),(0,s.useEffect)(()=>{let e=i.filter(t=>t.type==="channel").map(t=>t.name);localStorage.setItem("chat_channels",JSON.stringify(e))},[i]),(0,s.useEffect)(()=>{let e=i[d];e&&_(t=>({...t,[e.name]:0}))},[d,i]);let b=(0,s.useCallback)((e,t)=>{if(t.id&&V.current.has(t.id))return;t.id&&V.current.add(t.id),g(r=>({...r,[e]:[...r[e]||[],t]}));let n=w.current[K.current];(!n||n.name!==e)&&_(r=>({...r,[e]:(r[e]||0)+1}))},[]),S=(0,s.useCallback)((e,t)=>{g(n=>({...n,[e]:[...n[e]||[],{id:"sys-"+Date.now()+"-"+Math.random(),ts:new Date().toISOString(),text:t,system:!0}]}))},[]),I=(0,s.useCallback)(e=>{let t=e.replace("#","");u(`/channels/${t}/members`).then(n=>{T(r=>({...r,[e]:n}))}).catch(()=>{})},[]),E=(0,s.useCallback)(e=>{let t=Array.isArray(e.body)?e.body.join(`
+var ae,S,He,ht,K,Ae,Re,De,Le,he,de,pe,yt,X={},je=[],vt=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,_e=Array.isArray;function J(e,t){for(var n in t)e[n]=t[n];return e}function ye(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function y(e,t,n){var r,a,s,c={};for(s in t)s=="key"?r=t[s]:s=="ref"?a=t[s]:c[s]=t[s];if(arguments.length>2&&(c.children=arguments.length>3?ae.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(s in e.defaultProps)c[s]===void 0&&(c[s]=e.defaultProps[s]);return oe(e,c,r,a,null)}function oe(e,t,n,r,a){var s={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:a??++He,__i:-1,__u:0};return a==null&&S.vnode!=null&&S.vnode(s),s}function ce(e){return e.children}function re(e,t){this.props=e,this.context=t}function Q(e,t){if(t==null)return e.__?Q(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?Q(e):null}function We(e){var t,n;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null){e.__e=e.__c.base=n.__e;break}return We(e)}}function Oe(e){(!e.__d&&(e.__d=!0)&&K.push(e)&&!se.__r++||Ae!=S.debounceRendering)&&((Ae=S.debounceRendering)||Re)(se)}function se(){for(var e,t,n,r,a,s,c,u=1;K.length;)K.length>u&&K.sort(De),e=K.shift(),u=K.length,e.__d&&(n=void 0,r=void 0,a=(r=(t=e).__v).__e,s=[],c=[],t.__P&&((n=J({},r)).__v=r.__v+1,S.vnode&&S.vnode(n),ve(t.__P,n,r,t.__n,t.__P.namespaceURI,32&r.__u?[a]:null,s,a??Q(r),!!(32&r.__u),c),n.__v=r.__v,n.__.__k[n.__i]=n,Be(s,n,c),r.__e=r.__=null,n.__e!=a&&We(n)));se.__r=0}function Fe(e,t,n,r,a,s,c,u,v,l,b){var _,m,h,T,A,x,g,k=r&&r.__k||je,O=t.length;for(v=bt(n,t,k,v,O),_=0;_<O;_++)(h=n.__k[_])!=null&&(m=h.__i==-1?X:k[h.__i]||X,h.__i=_,x=ve(e,h,m,a,s,c,u,v,l,b),T=h.__e,h.ref&&m.ref!=h.ref&&(m.ref&&be(m.ref,null,h),b.push(h.ref,h.__c||T,h)),A==null&&T!=null&&(A=T),(g=!!(4&h.__u))||m.__k===h.__k?v=Je(h,v,e,g):typeof h.type=="function"&&x!==void 0?v=x:T&&(v=T.nextSibling),h.__u&=-7);return n.__e=A,v}function bt(e,t,n,r,a){var s,c,u,v,l,b=n.length,_=b,m=0;for(e.__k=new Array(a),s=0;s<a;s++)(c=t[s])!=null&&typeof c!="boolean"&&typeof c!="function"?(typeof c=="string"||typeof c=="number"||typeof c=="bigint"||c.constructor==String?c=e.__k[s]=oe(null,c,null,null,null):_e(c)?c=e.__k[s]=oe(ce,{children:c},null,null,null):c.constructor===void 0&&c.__b>0?c=e.__k[s]=oe(c.type,c.props,c.key,c.ref?c.ref:null,c.__v):e.__k[s]=c,v=s+m,c.__=e,c.__b=e.__b+1,u=null,(l=c.__i=kt(c,n,v,_))!=-1&&(_--,(u=n[l])&&(u.__u|=2)),u==null||u.__v==null?(l==-1&&(a>b?m--:a<b&&m++),typeof c.type!="function"&&(c.__u|=4)):l!=v&&(l==v-1?m--:l==v+1?m++:(l>v?m--:m++,c.__u|=4))):e.__k[s]=null;if(_)for(s=0;s<b;s++)(u=n[s])!=null&&(2&u.__u)==0&&(u.__e==r&&(r=Q(u)),qe(u,u));return r}function Je(e,t,n,r){var a,s;if(typeof e.type=="function"){for(a=e.__k,s=0;a&&s<a.length;s++)a[s]&&(a[s].__=e,t=Je(a[s],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=Q(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function kt(e,t,n,r){var a,s,c,u=e.key,v=e.type,l=t[n],b=l!=null&&(2&l.__u)==0;if(l===null&&u==null||b&&u==l.key&&v==l.type)return n;if(r>(b?1:0)){for(a=n-1,s=n+1;a>=0||s<t.length;)if((l=t[c=a>=0?a--:s++])!=null&&(2&l.__u)==0&&u==l.key&&v==l.type)return c}return-1}function $e(e,t,n){t[0]=="-"?e.setProperty(t,n??""):e[t]=n==null?"":typeof n!="number"||vt.test(t)?n:n+"px"}function ne(e,t,n,r,a){var s,c;e:if(t=="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof r=="string"&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||$e(e.style,t,"");if(n)for(t in n)r&&n[t]==r[t]||$e(e.style,t,n[t])}else if(t[0]=="o"&&t[1]=="n")s=t!=(t=t.replace(Le,"$1")),c=t.toLowerCase(),t=c in e||t=="onFocusOut"||t=="onFocusIn"?c.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+s]=n,n?r?n.u=r.u:(n.u=he,e.addEventListener(t,s?pe:de,s)):e.removeEventListener(t,s?pe:de,s);else{if(a=="http://www.w3.org/2000/svg")t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!="width"&&t!="height"&&t!="href"&&t!="list"&&t!="form"&&t!="tabIndex"&&t!="download"&&t!="rowSpan"&&t!="colSpan"&&t!="role"&&t!="popover"&&t in e)try{e[t]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&t[4]!="-"?e.removeAttribute(t):e.setAttribute(t,t=="popover"&&n==1?"":n))}}function Ue(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=he++;else if(t.t<n.u)return;return n(S.event?S.event(t):t)}}}function ve(e,t,n,r,a,s,c,u,v,l){var b,_,m,h,T,A,x,g,k,O,j,V,H,te,B,R,q,$=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(v=!!(32&n.__u),s=[u=t.__e=n.__e]),(b=S.__b)&&b(t);e:if(typeof $=="function")try{if(g=t.props,k="prototype"in $&&$.prototype.render,O=(b=$.contextType)&&r[b.__c],j=b?O?O.props.value:b.__:r,n.__c?x=(_=t.__c=n.__c).__=_.__E:(k?t.__c=_=new $(g,j):(t.__c=_=new re(g,j),_.constructor=$,_.render=St),O&&O.sub(_),_.state||(_.state={}),_.__n=r,m=_Line truncated
-`):"",n={id:e.id,ts:e.ts,from:e.from,to:e.to,command:e.command};switch(e.command){case"PRIVMSG":case"NOTICE":{let r={...n,text:t,system:!1},c=e.to;if(c&&c.startsWith("#"))b(c,r);else{let l=e.from===R.current?e.to:e.from;h(O=>O.find(Q=>Q.type==="dm"&&Q.name===l)?O:[...O,{type:"dm",name:l}]),b(l,r)}break}case"JOIN":{let r=`${e.from} has joined ${e.to}`;e.to&&b(e.to,{...n,text:r,system:!0}),e.to&&e.to.startsWith("#")&&I(e.to);break}case"PART":{let r=t?": "+t:"",c=`${e.from} has left ${e.to}${r}`;e.to&&b(e.to,{...n,text:c,system:!0}),e.to&&e.to.startsWith("#")&&I(e.to);break}case"QUIT":{let r=t?": "+t:"",c=`${e.from} has quit${r}`;w.current.forEach(l=>{l.type==="channel"&&b(l.name,{...n,text:c,system:!0})});break}case"NICK":{let r=Array.isArray(e.body)?e.body[0]:t,c=`${e.from} is now known as ${r}`;w.current.forEach(l=>{l.type==="channel"&&b(l.name,{...n,text:c,system:!0})}),e.from===R.current&&r&&y(r),w.current.forEach(l=>{l.type==="channel"&&I(l.name)});break}case"TOPIC":{let r=`${e.from} set the topic: ${t}`;e.to&&(b(e.to,{...n,text:r,system:!0}),x(c=>({...c,[e.to]:t})));break}case"375":case"372":case"376":b("Server",{...n,text:t,system:!0});break;default:b("Server",{...n,text:t||e.command,system:!0})}},[b,I]);(0,s.useEffect)(()=>{if(!a)return;let e=!0;return(async()=>{for(;e;)try{let n=new AbortController;W.current=n;let r=await u(`/messages?after=${M.current}&timeout=${oe}`,{signal:n.signal});if(!e)break;if(U(!0),r.messages)for(let c of r.messages)E(c);r.last_id>M.current&&(M.current=r.last_id)}catch(n){if(!e)break;if(n.name==="AbortError")continue;U(!1),await new Promise(r=>setTimeout(r,ae))}})(),()=>{e=!1,W.current?.abort()}},[a,E]),(0,s.useEffect)(()=>{if(!a)return;let e=i[d];if(!e||e.type!=="channel")return;I(e.name);let t=setInterval(()=>I(e.name),ce);return()=>clearInterval(t)},[a,d,i,I]),(0,s.useEffect)(()=>{B.current?.scrollIntoView({behavior:"smooth"})},[$,d]),(0,s.useEffect)(()=>{F.current?.focus()},[d]),(0,s.useEffect)(()=>{if(!a)return;let e=i[d];!e||e.type!=="channel"||u("/channels").then(t=>{let n=t.find(r=>r.name===e.name);n&&n.topic&&x(r=>({...r,[e.name]:n.topic}))}).catch(()=>{})},[a,d,i]);let te=(0,s.useCallback)(async e=>{y(e),f(!0),S("Server",`Connected as ${e}`);let t=JSON.parse(localStorage.getItem("chat_channels")||"[]");for(let n of t)try{await u("/messages",{method:"POST",body:JSON.stringify({command:"JOIN",to:n})}),h(r=>r.find(c=>c.type==="channel"&&c.name===n)?r:[...r,{type:"channel",name:n}])}catch{}},[S]),P=async e=>{if(e){e=e.trim(),e.startsWith("#")||(e="#"+e);try{await u("/messages",{method:"POST",body:JSON.stringify({command:"JOIN",to:e})}),h(t=>t.find(n=>n.type==="channel"&&n.name===e)?t:[...t,{type:"channel",name:e}]),v(i.length);try{let t=await u(`/history?target=${encodeURIComponent(e)}&limit=50`);if(Array.isArray(t))for(let n of t)E(n)}catch{}D("")}catch(t){S("Server",`Failed to join ${e}: ${t.data?.error||"error"}`)}}},G=async e=>{try{await u("/messages",{method:"POST",body:JSON.stringify({command:"PART",to:e})})}catch{}h(t=>t.filter(n=>!(n.type==="channel"&&n.name===e))),v(0)},ne=e=>{let t=i[e];t.type==="channel"?G(t.name):t.type==="dm"&&(h(n=>n.filter((r,c)=>c!==e)),d>=e&&v(Math.max(0,d-1)))},q=e=>{h(n=>n.find(r=>r.type==="dm"&&r.name===e)?n:[...n,{type:"dm",name:e}]);let t=i.findIndex(n=>n.type==="dm"&&n.name===e);v(t>=0?t:i.length)},z=async()=>{let e=j.trim();if(!e)return;L("");let t=i[d];if(!(!t||t.type==="server")){if(e.startsWith("/")){let n=e.split(" "),r=n[0].toLowerCase();if(r==="/join"&&n[1]){P(n[1]);return}if(r==="/part"){t.type==="channel"&&G(t.name);return}if(r==="/msg"&&n[1]&&n.slice(2).join(" ")){let c=n[1],l=n.slice(2).join(" ");try{await u("/messages",{method:"POST",body:JSON.stringify({command:"PRIVMSG",to:c,body:[l]})}),q(c)}catch(O){S("Server",`DM failed: ${O.data?.error||"error"}`)}return}if(r==="/nick"&&n[1]){try{await u("/messages",{method:"POST",body:JSON.stringify({command:"NICK",body:[n[1]]})})}catch(c){S("Server",`Nick change failed: ${c.data?.error||"error"}`)}return}if(r==="/topic"&&t.type==="channel"){let c=n.slice(1).join(" ");try{await u("/messages",{method:"POST",body:JSON.stringify({command:"TOPIC",to:t.name,body:[c]})})}catch(l){S("Server",`Topic failed: ${l.data?.error||"error"}`)}return}S("Server",`Unknown command: ${r}`);return}try{await u("/messages",{method:"POST",body:JSON.stringify({command:"PRIVMSG",to:t.name,body:[e]})})}catch(n){S(t.name,`Send failed: ${n.data?.error||"error"}`)}}};if(!a)return(0,o.h)(ie,{onLogin:te});let k=i[d]||i[0],re=$[k.name]||[],H=N[k.name]||[],A=m[k.name]||"";return(0,o.h)("div",{class:"app"},(0,o.h)("div",{class:"tab-bar"},!ee&&(0,o.h)("div",{class:"connection-status"},"\u26A0 Reconnecting..."),i.map((e,t)=>(0,o.h)("div",{class:`tab ${t===d?"active":""}`,onClick:()=>v(t)},e.type==="dm"?`\u2192${e.name}`:e.name,J[e.name]>0&&t!==d&&(0,o.h)("span",{class:"unread-badge"},J[e.name]),e.type!=="server"&&(0,o.h)("span",{class:"close-btn",onClick:n=>{n.stopPropagation(),ne(t)}},"\xD7"))),(0,o.h)("div",{cla
Line truncated
+`):"",f={id:o.id,ts:o.ts,from:o.from,to:o.to,command:o.command},d=o.meta&&o.meta.action;switch(o.command){case"PRIVMSG":case"NOTICE":{let p={...f,text:i,system:!1,action:d},w=o.to;if(w&&w.startsWith("#"))D(w,p);else{let N=o.from===le.current?o.to:o.from;s(fe=>fe.find(Ne=>Ne.type==="dm"&&Ne.name===N)?fe:[...fe,{type:"dm",name:N}]),D(N,p)}break}case"JOIN":{let p=`${o.from} has joined ${o.to}`;o.to&&D(o.to,{...f,text:p,system:!0}),o.to&&o.to.startsWith("#")&&G(o.to);break}case"PART":{let p=i?": "+i:"",w=`${o.from} has parted ${o.to}${p}`;o.to&&D(o.to,{...f,text:w,system:!0}),o.to&&o.to.startsWith("#")&&G(o.to);break}case"QUIT":{let p=i?": "+i:"",w=`${o.from} has quit${p}`;Y.current.forEach(N=>{N.type==="channel"&&D(N.name,{...f,text:w,system:!0})});break}case"NICK":{let p=Array.isArray(o.body)?o.body[0]:i,w=`${o.from} is now known as ${p}`;Y.current.forEach(N=>{N.type==="channel"&&D(N.name,{...f,text:w,system:!0})}),o.from===le.current&&p&&r(p),Y.current.forEach(N=>{N.type==="channel"&&G(N.name)});break}case"TOPIC":{let p=`${o.from} set the topic: ${i}`;o.to&&(D(o.to,{...f,text:p,system:!0}),A(w=>({...w,[o.to]:i})));break}case"332":{let p=Array.isArray(o.params)&&o.params.length>0?o.params[0]:o.to;p&&A(w=>({...w,[p]:i}));break}case"353":{let p=Array.isArray(o.params)&&o.params.length>1?o.params[1]:o.to;p&&i&&Ie(p,i);break}case"366":break;case"375":case"372":case"376":D("Server",{...f,text:i,system:!0});break;default:D("Server",{...f,text:i||o.command,system:!0})}},[D,G,Ie]);U(()=>{if(!e)return;let o=!0;return(async()=>{for(;o;)try{let f=new AbortController;W.current=f;let d=await M(`/messages?after=${q.current}&timeout=${It}`,{signal:f.signal});if(!o)break;if(V(!0),d.messages)for(let p of d.messages)ue(p);d.last_id>q.current&&(q.current=d.last_id)}catch(f){if(!o)break;if(f.name==="AbortError")continue;V(!1),await new Promise(d=>setTimeout(d,Pt))}})(),()=>{o=!1,W.current?.abort()}},[e,ue]),U(()=>{if(!e)return;let o=a[c];if(!o||o.type!=="channel")return;G(o.name);let i=setInterval(()=>G(o.name),Et);return()=>clearInterval(i)},[e,c,a,G]),U(()=>{Te.current?.scrollIntoView({behavior:"smooth"})},[v,c]),U(()=>{xe.current?.focus()},[c]),U(()=>{if(!e)return;let o=a[c];!o||o.type!=="channel"||M("/channels").then(i=>{let f=i.find(d=>d.name===o.name);f&&f.topic&&A(d=>({...d,[o.name]:f.topic}))}).catch(()=>{})},[e,c,a]);let _t=z(async o=>{r(o),t(!0),P("Server",`Connected as ${o}`);let i=JSON.parse(localStorage.getItem("neoirc_channels")||"[]");for(let f of i)try{await M("/messages",{method:"POST",body:JSON.stringify({command:"JOIN",to:f})}),s(d=>d.find(p=>p.type==="channel"&&p.name===f)?d:[...d,{type:"channel",name:f}])}catch{}},[P]),ct=async o=>{if(o){o=o.trim(),o.startsWith("#")||(o="#"+o);try{await M("/messages",{method:"POST",body:JSON.stringify({command:"JOIN",to:o})}),s(i=>i.find(f=>f.type==="channel"&&f.name===o)?i:[...i,{type:"channel",name:o}]),u(a.length);try{let i=await M(`/history?target=${encodeURIComponent(o)}&limit=50`);if(Array.isArray(i))for(let f of i)ue(f)}catch{}}catch(i){P("Server",`Failed to join ${o}: ${i.data?.error||"error"}`)}}},Pe=async(o,i)=>{try{let f={command:"PART",to:o};i&&(f.body=[i]),await M("/messages",{method:"POST",body:JSON.stringify(f)})}catch{}s(f=>f.filter(d=>!(d.type==="channel"&&d.name===o))),u(0)},it=o=>{let i=a[o];i.type==="channel"?Pe(i.name):i.type==="dm"&&(s(f=>f.filter((d,p)=>p!==o)),c>=o&&u(Math.max(0,c-1)))},Ee=o=>{s(f=>f.find(d=>d.type==="dm"&&d.name===o)?f:[...f,{type:"dm",name:o}]);let i=a.findIndex(f=>f.type==="dm"&&f.name===o);u(i>=0?i:a.length)},lt=async o=>{let i=o.split(" "),f=i[0].toLowerCase(),d=a[c];switch(f){case"/join":i[1]?ct(i[1]):P(d?.name||"Server","Usage: /join #channel");break;case"/part":{if(d?.type==="channel"){let p=i.slice(1).join(" ")||"";Pe(d.name,p)}else P(d?.name||"Server","Not in a channel");break}case"/msg":if(i[1]&&i.slice(2).join(" ")){let p=i[1],w=i.slice(2).join(" ");try{await M("/messages",{method:"POST",body:JSON.stringify({command:"PRIVMSG",to:p,body:[w]})}),Ee(p)}catch(N){P("Server",`DM failed: ${N.data?.error||"error"}`)}}else P(d?.name||"Server","Usage: /msg <nick> <message>");break;case"/me":if(d&&d.type!=="server"){let p=i.slice(1).join(" ");if(p)try{await M("/messages",{method:"POST",body:JSON.stringify({command:"PRIVMSG",to:d.name,body:[p],meta:{action:!0}})})}catch(w){P(d.name,`Action failed: ${w.data?.error||"error"}`)}else P(d.name,"Usage: /me <action>")}break;case"/nick":if(i[1])try{await M("/messages",{method:"POST",body:JSON.stringify({command:"NICK",body:[i[1]]})})}catch(p){P("Server",`Nick change failed: ${p.data?.error||"error"}`)}else P(d?.name||"Server","Usage: /nick <newnick>");break;case"/topic":if(d?.type==="channel"){let p=i.slice(1).join(" ");try{await M("/messages",{method:"POST",body:JSON.stringify({command:"TOPIC",to:d.name,body:[p]})})}catch(w){P(d.name,`Topic failed: ${w.data?.error||"error"}`)}}else P(d?.name||"Server","Not in a channel");break;case"/mode":if(d?.type==="channel"&&i.length>=2){let p=i[1].star
Line truncated

web/dist/index.html

@@ -3,11 +3,11 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Chat</title>
+  <title>NeoIRC</title>
   <link rel="stylesheet" href="/style.css">
 </head>
 <body>
   <div id="root"></div>
-  <script src="/app.js"></script>
+  <script type="module" src="/app.js"></script>
 </body>
 </html>

web/dist/style.css

@@ -1,28 +1,40 @@
-* { margin: 0; padding: 0; box-sizing: border-box; }
+* {
-
+  margin: 0;
-:root {
+  padding: 0;
-  --bg: #1a1a2e;
+  box-sizing: border-box;
-  --bg-secondary: #16213e;
-  --bg-input: #0f3460;
-  --text: #e0e0e0;
-  --text-muted: #888;
-  --accent: #e94560;
-  --accent2: #0f3460;
-  --border: #2a2a4a;
-  --nick: #53a8b6;
-  --timestamp: #666;
-  --tab-active: #e94560;
-  --tab-bg: #16213e;
-  --tab-hover: #1a1a3e;
-  --topic-bg: #121a30;
-  --unread-bg: #e94560;
-  --warn: #f0ad4e;
 }
 
-html, body, #root {
+:root {
+  --bg: #0a0e14;
+  --bg-secondary: #0d1117;
+  --bg-input: #161b22;
+  --bg-highlight: #1a2030;
+  --text: #c9d1d9;
+  --text-muted: #6e7681;
+  --accent: #58a6ff;
+  --accent-dim: #1f6feb;
+  --border: #21262d;
+  --nick: #79c0ff;
+  --timestamp: #484f58;
+  --tab-active: #58a6ff;
+  --tab-bg: #0d1117;
+  --tab-hover: #161b22;
+  --topic-bg: #0d1117;
+  --unread-bg: #da3633;
+  --warn: #d29922;
+  --op-color: #f0883e;
+  --voice-color: #3fb950;
+  --action-color: #bc8cff;
+  --system-color: #484f58;
+}
+
+html,
+body,
+#root {
   height: 100%;
-  font-family: 'Courier New', Courier, monospace;
+  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Courier New',
-  font-size: 14px;
+    Courier, monospace;
+  font-size: 13px;
   background: var(--bg);
   color: var(--text);
 }
@@ -57,15 +69,19 @@ html, body, #root {
   padding: 10px 24px;
   font-size: 16px;
   font-family: inherit;
-  background: var(--accent);
+  background: var(--accent-dim);
   border: none;
   color: white;
   border-radius: 4px;
   cursor: pointer;
 }
 
+.login-screen button:hover {
+  background: var(--accent);
+}
+
 .login-screen .error {
-  color: var(--accent);
+  color: var(--unread-bg);
 }
 
 .login-screen .motd {
@@ -89,36 +105,63 @@ html, body, #root {
   border-bottom: 1px solid var(--border);
   overflow-x: auto;
   flex-shrink: 0;
-  align-items: center;
+  align-items: stretch;
+  min-height: 32px;
+}
+
+.tab-bar::-webkit-scrollbar {
+  height: 2px;
+}
+
+.tab-bar::-webkit-scrollbar-thumb {
+  background: var(--border);
 }
 
 .tab {
-  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  padding: 6px 12px;
   cursor: pointer;
   border-bottom: 2px solid transparent;
   white-space: nowrap;
   color: var(--text-muted);
   user-select: none;
-  position: relative;
+  font-size: 12px;
+  gap: 6px;
+  transition:
+    background 0.1s,
+    color 0.1s;
 }
 
 .tab:hover {
   background: var(--tab-hover);
+  color: var(--text);
 }
 
 .tab.active {
   color: var(--text);
   border-bottom-color: var(--tab-active);
+  background: var(--bg-highlight);
+}
+
+.tab.server {
+  font-weight: bold;
+}
+
+.tab .tab-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .tab .close-btn {
-  margin-left: 8px;
   color: var(--text-muted);
-  font-size: 12px;
+  font-size: 14px;
+  line-height: 1;
+  flex-shrink: 0;
 }
 
 .tab .close-btn:hover {
-  color: var(--accent);
+  color: var(--unread-bg);
 }
 
 .tab .unread-badge {
@@ -127,19 +170,22 @@ html, body, #root {
   color: white;
   font-size: 10px;
   font-weight: bold;
-  padding: 1px 5px;
+  padding: 0 5px;
   border-radius: 8px;
-  margin-left: 6px;
   min-width: 16px;
   text-align: center;
+  line-height: 16px;
+  flex-shrink: 0;
 }
 
 /* Connection status */
 .connection-status {
-  padding: 4px 12px;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
   background: var(--warn);
-  color: #1a1a2e;
+  color: var(--bg);
-  font-size: 12px;
+  font-size: 11px;
   font-weight: bold;
   white-space: nowrap;
   flex-shrink: 0;
@@ -147,7 +193,7 @@ html, body, #root {
 
 /* Topic bar */
 .topic-bar {
-  padding: 6px 12px;
+  padding: 4px 12px;
   background: var(--topic-bg);
   border-bottom: 1px solid var(--border);
   color: var(--text-muted);
@@ -158,6 +204,11 @@ html, body, #root {
   flex-shrink: 0;
 }
 
+.topic-bar .topic-label {
+  color: var(--accent);
+  font-weight: bold;
+}
+
 /* Content area */
 .content {
   display: flex;
@@ -171,147 +222,210 @@ html, body, #root {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  min-width: 0;
 }
 
 .messages {
   flex: 1;
   overflow-y: auto;
-  padding: 8px 12px;
+  padding: 4px 0;
+}
+
+.messages::-webkit-scrollbar {
+  width: 6px;
+}
+
+.messages::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 3px;
 }
 
 .message {
-  padding: 2px 0;
+  padding: 1px 12px;
-  line-height: 1.4;
+  line-height: 1.5;
   word-wrap: break-word;
 }
 
+.message:hover {
+  background: var(--bg-highlight);
+}
+
 .message .timestamp {
   color: var(--timestamp);
-  font-size: 12px;
+  font-size: 11px;
-  margin-right: 8px;
+  margin-right: 6px;
 }
 
 .message .nick {
-  color: var(--nick);
   font-weight: bold;
-  margin-right: 8px;
+  margin-right: 6px;
 }
 
-.message .nick::before { content: '<'; }
+.message .nick::before {
-.message .nick::after { content: '>'; }
+  content: '<';
+  color: var(--text-muted);
+}
+
+.message .nick::after {
+  content: '>';
+  color: var(--text-muted);
+}
 
 .message.system {
-  color: var(--text-muted);
+  color: var(--system-color);
   font-style: italic;
 }
 
-.message.system .nick {
+.message.system .timestamp {
-  color: var(--text-muted);
+  color: var(--timestamp);
 }
 
-.message.system .nick::before,
+.message.system .content::before {
-.message.system .nick::after { content: ''; }
+  content: '*** ';
+}
 
-/* Input */
+.message.action {
+  color: var(--action-color);
+}
+
+.message.action .timestamp {
+  color: var(--timestamp);
+}
+
+.message.action .action-nick {
+  font-weight: bold;
+}
+
+/* Input bar — full width at bottom */
 .input-bar {
   display: flex;
+  align-items: center;
   border-top: 1px solid var(--border);
   background: var(--bg-secondary);
   flex-shrink: 0;
 }
 
+.input-bar .input-nick {
+  padding: 0 8px 0 12px;
+  color: var(--accent);
+  font-weight: bold;
+  white-space: nowrap;
+  flex-shrink: 0;
+  font-size: 13px;
+}
+
+.input-bar .input-nick::after {
+  content: '>';
+  color: var(--text-muted);
+  margin-left: 1px;
+}
+
 .input-bar input {
   flex: 1;
-  padding: 10px 12px;
+  padding: 8px 8px;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 13px;
-  background: var(--bg-input);
+  background: transparent;
   border: none;
   color: var(--text);
   outline: none;
 }
 
-.input-bar button {
+.input-bar input::placeholder {
-  padding: 10px 16px;
+  color: var(--text-muted);
-  font-family: inherit;
-  background: var(--accent);
-  border: none;
-  color: white;
-  cursor: pointer;
 }
 
 /* User list */
 .user-list {
-  width: 160px;
+  width: 170px;
   background: var(--bg-secondary);
   border-left: 1px solid var(--border);
-  overflow-y: auto;
+  display: flex;
-  padding: 8px;
+  flex-direction: column;
   flex-shrink: 0;
 }
 
-.user-list h3 {
+.user-list-header {
+  padding: 6px 10px;
   color: var(--text-muted);
   font-size: 11px;
   text-transform: uppercase;
-  margin-bottom: 8px;
+  letter-spacing: 0.5px;
-  letter-spacing: 1px;
+  border-bottom: 1px solid var(--border);
+  font-weight: bold;
+  flex-shrink: 0;
+}
+
+.user-list-entries {
+  overflow-y: auto;
+  flex: 1;
+  padding: 4px 0;
+}
+
+.user-list-entries::-webkit-scrollbar {
+  width: 4px;
+}
+
+.user-list-entries::-webkit-scrollbar-thumb {
+  background: var(--border);
 }
 
 .user-list .user {
-  padding: 3px 4px;
+  padding: 2px 10px;
-  color: var(--nick);
+  font-size: 12px;
-  font-size: 13px;
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--text);
 }
 
 .user-list .user:hover {
   background: var(--tab-hover);
 }
 
-/* Server tab */
+.user-list .user.op {
+  color: var(--op-color);
+}
+
+.user-list .user.voice {
+  color: var(--voice-color);
+}
+
+/* Server tab messages */
 .server-messages {
   color: var(--text-muted);
-  padding: 12px;
+  padding: 8px 12px;
   white-space: pre-wrap;
   overflow-y: auto;
   flex: 1;
 }
 
-/* Channel join dialog */
+.server-messages .message {
-.join-dialog {
+  padding: 1px 0;
-  padding: 12px;
-  display: flex;
-  gap: 8px;
-  background: var(--bg-secondary);
-  border-bottom: 1px solid var(--border);
-  margin-left: auto;
 }
 
-.join-dialog input {
+.server-messages .message:hover {
-  padding: 6px 10px;
+  background: var(--bg-highlight);
-  font-family: inherit;
-  font-size: 13px;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  color: var(--text);
-  border-radius: 3px;
-  width: 200px;
-}
-
-.join-dialog button {
-  padding: 6px 14px;
-  font-family: inherit;
-  font-size: 13px;
-  background: var(--accent2);
-  border: none;
-  color: var(--text);
-  border-radius: 3px;
-  cursor: pointer;
 }
 
 /* Responsive */
 @media (max-width: 600px) {
-  .user-list { display: none; }
+  .user-list {
-  .tab { padding: 6px 10px; font-size: 13px; }
+    display: none;
+  }
+
+  .tab {
+    padding: 5px 8px;
+    font-size: 11px;
+  }
+
+  .input-bar .input-nick {
+    padding-left: 8px;
+    font-size: 12px;
+  }
+
+  .input-bar input {
+    font-size: 12px;
+  }
 }

web/src/app.jsx

@@ -5,13 +5,17 @@ const API = '/api/v1';
 const POLL_TIMEOUT = 15;
 const RECONNECT_DELAY = 3000;
 const MEMBER_REFRESH_INTERVAL = 10000;
+const MAX_HISTORY = 100;
 
 function api(path, opts = {}) {
-  const token = localStorage.getItem('chat_token');
+  const token = localStorage.getItem('neoirc_token');
-  const headers = { 'Content-Type': 'application/json', ...(opts.headers || {}) };
+  const headers = {
+    'Content-Type': 'application/json',
+    ...(opts.headers || {}),
+  };
   if (token) headers['Authorization'] = `Bearer ${token}`;
   const { signal, ...rest } = opts;
-  return fetch(API + path, { ...rest, headers, signal }).then(async r => {
+  return fetch(API + path, { ...rest, headers, signal }).then(async (r) => {
     const data = await r.json().catch(() => null);
     if (!r.ok) throw { status: r.status, data };
     return data;
@@ -20,12 +24,17 @@ function api(path, opts = {}) {
 
 function formatTime(ts) {
   const d = new Date(ts);
-  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+  return d.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit',
+  });
 }
 
 function nickColor(nick) {
   let h = 0;
-  for (let i = 0; i < nick.length; i++) h = nick.charCodeAt(i) + ((h << 5) - h);
+  for (let i = 0; i < nick.length; i++)
+    h = nick.charCodeAt(i) + ((h << 5) - h);
   const hue = Math.abs(h) % 360;
   return `hsl(${hue}, 70%, 65%)`;
 }
@@ -34,17 +43,21 @@ function LoginScreen({ onLogin }) {
   const [nick, setNick] = useState('');
   const [error, setError] = useState('');
   const [motd, setMotd] = useState('');
-  const [serverName, setServerName] = useState('Chat');
+  const [serverName, setServerName] = useState('NeoIRC');
   const inputRef = useRef();
 
   useEffect(() => {
-    api('/server').then(s => {
+    api('/server')
+      .then((s) => {
         if (s.name) setServerName(s.name);
         if (s.motd) setMotd(s.motd);
-    }).catch(() => {});
+      })
-    const saved = localStorage.getItem('chat_token');
+      .catch(() => {});
+    const saved = localStorage.getItem('neoirc_token');
     if (saved) {
-      api('/state').then(u => onLogin(u.nick)).catch(() => localStorage.removeItem('chat_token'));
+      api('/state')
+        .then((u) => onLogin(u.nick))
+        .catch(() => localStorage.removeItem('neoirc_token'));
     }
     inputRef.current?.focus();
   }, []);
@@ -55,9 +68,9 @@ function LoginScreen({ onLogin }) {
     try {
       const res = await api('/session', {
         method: 'POST',
-        body: JSON.stringify({ nick: nick.trim() })
+        body: JSON.stringify({ nick: nick.trim() }),
       });
-      localStorage.setItem('chat_token', res.token);
+      localStorage.setItem('neoirc_token', res.token);
       onLogin(res.nick);
     } catch (err) {
       setError(err.data?.error || 'Connection failed');
@@ -74,7 +87,7 @@ function LoginScreen({ onLogin }) {
           type="text"
           placeholder="Choose a nickname..."
           value={nick}
-          onInput={e => setNick(e.target.value)}
+          onInput={(e) => setNick(e.target.value)}
           maxLength={32}
           autoFocus
         />
@@ -94,15 +107,64 @@ function Message({ msg }) {
       </div>
     );
   }
+  if (msg.action) {
+    return (
+      <div class="message action">
+        <span class="timestamp">{formatTime(msg.ts)}</span>
+        <span class="content">
+          {'* '}
+          <span class="action-nick" style={{ color: nickColor(msg.from) }}>
+            {msg.from}
+          </span>{' '}
+          {msg.text}
+        </span>
+      </div>
+    );
+  }
   return (
     <div class="message">
       <span class="timestamp">{formatTime(msg.ts)}</span>
-      <span class="nick" style={{ color: nickColor(msg.from) }}>{msg.from}</span>
+      <span class="nick" style={{ color: nickColor(msg.from) }}>
+        {msg.from}
+      </span>
       <span class="content">{msg.text}</span>
     </div>
   );
 }
 
+function UserList({ members, userModes, onDM }) {
+  const sorted = [...members].sort((a, b) => {
+    const modeA = userModes[a.nick] || '';
+    const modeB = userModes[b.nick] || '';
+    const rankA = modeA === 'o' ? 0 : modeA === 'v' ? 1 : 2;
+    const rankB = modeB === 'o' ? 0 : modeB === 'v' ? 1 : 2;
+    if (rankA !== rankB) return rankA - rankB;
+    return a.nick.localeCompare(b.nick);
+  });
+
+  return (
+    <div class="user-list">
+      <div class="user-list-header">Users ({members.length})</div>
+      <div class="user-list-entries">
+        {sorted.map((u) => {
+          const mode = userModes[u.nick] || '';
+          const prefix = mode === 'o' ? '@' : mode === 'v' ? '+' : '';
+          return (
+            <div
+              class={`user ${mode === 'o' ? 'op' : mode === 'v' ? 'voice' : ''}`}
+              onClick={() => onDM(u.nick)}
+              title={u.nick}
+            >
+              {prefix}
+              {u.nick}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
 function App() {
   const [loggedIn, setLoggedIn] = useState(false);
   const [nick, setNick] = useState('');
@@ -110,11 +172,13 @@ function App() {
   const [activeTab, setActiveTab] = useState(0);
   const [messages, setMessages] = useState({ Server: [] });
   const [members, setMembers] = useState({});
+  const [userModes, setUserModes] = useState({});
   const [topics, setTopics] = useState({});
   const [unread, setUnread] = useState({});
   const [input, setInput] = useState('');
-  const [joinInput, setJoinInput] = useState('');
   const [connected, setConnected] = useState(true);
+  const [cmdHistory, setCmdHistory] = useState([]);
+  const [historyIdx, setHistoryIdx] = useState(-1);
 
   const lastIdRef = useRef(0);
   const seenIdsRef = useRef(new Set());
@@ -125,69 +189,115 @@ function App() {
   const messagesEndRef = useRef();
   const inputRef = useRef();
 
-  useEffect(() => { tabsRef.current = tabs; }, [tabs]);
+  useEffect(() => {
-  useEffect(() => { activeTabRef.current = activeTab; }, [activeTab]);
+    tabsRef.current = tabs;
-  useEffect(() => { nickRef.current = nick; }, [nick]);
+  }, [tabs]);
+  useEffect(() => {
+    activeTabRef.current = activeTab;
+  }, [activeTab]);
+  useEffect(() => {
+    nickRef.current = nick;
+  }, [nick]);
 
   // Persist joined channels
   useEffect(() => {
-    const channels = tabs.filter(t => t.type === 'channel').map(t => t.name);
+    const channels = tabs.filter((t) => t.type === 'channel').map((t) => t.name);
-    localStorage.setItem('chat_channels', JSON.stringify(channels));
+    localStorage.setItem('neoirc_channels', JSON.stringify(channels));
   }, [tabs]);
 
   // Clear unread on tab switch
   useEffect(() => {
     const tab = tabs[activeTab];
-    if (tab) setUnread(prev => ({ ...prev, [tab.name]: 0 }));
+    if (tab) setUnread((prev) => ({ ...prev, [tab.name]: 0 }));
   }, [activeTab, tabs]);
 
   const addMessage = useCallback((tabName, msg) => {
     if (msg.id && seenIdsRef.current.has(msg.id)) return;
     if (msg.id) seenIdsRef.current.add(msg.id);
-    setMessages(prev => ({
+    setMessages((prev) => ({
       ...prev,
-      [tabName]: [...(prev[tabName] || []), msg]
+      [tabName]: [...(prev[tabName] || []), msg],
     }));
     const currentTab = tabsRef.current[activeTabRef.current];
     if (!currentTab || currentTab.name !== tabName) {
-      setUnread(prev => ({ ...prev, [tabName]: (prev[tabName] || 0) + 1 }));
+      setUnread((prev) => ({
+        ...prev,
+        [tabName]: (prev[tabName] || 0) + 1,
+      }));
     }
   }, []);
 
   const addSystemMessage = useCallback((tabName, text) => {
-    setMessages(prev => ({
+    setMessages((prev) => ({
       ...prev,
-      [tabName]: [...(prev[tabName] || []), {
+      [tabName]: [
+        ...(prev[tabName] || []),
+        {
           id: 'sys-' + Date.now() + '-' + Math.random(),
           ts: new Date().toISOString(),
           text,
-        system: true
+          system: true,
-      }]
+        },
+      ],
     }));
   }, []);
 
   const refreshMembers = useCallback((channel) => {
     const chName = channel.replace('#', '');
-    api(`/channels/${chName}/members`).then(m => {
+    api(`/channels/${chName}/members`)
-      setMembers(prev => ({ ...prev, [channel]: m }));
+      .then((m) => {
-    }).catch(() => {});
+        setMembers((prev) => ({ ...prev, [channel]: m }));
+      })
+      .catch(() => {});
   }, []);
 
-  const processMessage = useCallback((msg) => {
+  const parseNamesReply = useCallback((channel, namesStr) => {
+    // Parse 353 RPL_NAMREPLY body: "@op1 alice bob +voiced1"
+    const nicks = namesStr.trim().split(/\s+/);
+    const modes = {};
+    for (const entry of nicks) {
+      if (entry.startsWith('@')) {
+        modes[entry.slice(1)] = 'o';
+      } else if (entry.startsWith('+')) {
+        modes[entry.slice(1)] = 'v';
+      }
+      // plain nicks have no mode entry
+    }
+    setUserModes((prev) => ({
+      ...prev,
+      [channel]: { ...(prev[channel] || {}), ...modes },
+    }));
+  }, []);
+
+  const processMessage = useCallback(
+    (msg) => {
       const body = Array.isArray(msg.body) ? msg.body.join('\n') : '';
-    const base = { id: msg.id, ts: msg.ts, from: msg.from, to: msg.to, command: msg.command };
+      const base = {
+        id: msg.id,
+        ts: msg.ts,
+        from: msg.from,
+        to: msg.to,
+        command: msg.command,
+      };
+      const isAction = msg.meta && msg.meta.action;
 
       switch (msg.command) {
         case 'PRIVMSG':
         case 'NOTICE': {
-        const parsed = { ...base, text: body, system: false };
+          const parsed = {
+            ...base,
+            text: body,
+            system: false,
+            action: isAction,
+          };
           const target = msg.to;
           if (target && target.startsWith('#')) {
             addMessage(target, parsed);
           } else {
-          const dmPeer = msg.from === nickRef.current ? msg.to : msg.from;
+            const dmPeer =
-          setTabs(prev => {
+              msg.from === nickRef.current ? msg.to : msg.from;
-            if (!prev.find(t => t.type === 'dm' && t.name === dmPeer)) {
+            setTabs((prev) => {
+              if (!prev.find((t) => t.type === 'dm' && t.name === dmPeer)) {
                 return [...prev, { type: 'dm', name: dmPeer }];
               }
               return prev;
@@ -198,21 +308,23 @@ function App() {
         }
         case 'JOIN': {
           const text = `${msg.from} has joined ${msg.to}`;
-        if (msg.to) addMessage(msg.to, { ...base, text, system: true });
+          if (msg.to)
+            addMessage(msg.to, { ...base, text, system: true });
           if (msg.to && msg.to.startsWith('#')) refreshMembers(msg.to);
           break;
         }
         case 'PART': {
           const reason = body ? ': ' + body : '';
-        const text = `${msg.from} has left ${msg.to}${reason}`;
+          const text = `${msg.from} has parted ${msg.to}${reason}`;
-        if (msg.to) addMessage(msg.to, { ...base, text, system: true });
+          if (msg.to)
+            addMessage(msg.to, { ...base, text, system: true });
           if (msg.to && msg.to.startsWith('#')) refreshMembers(msg.to);
           break;
         }
         case 'QUIT': {
           const reason = body ? ': ' + body : '';
           const text = `${msg.from} has quit${reason}`;
-        tabsRef.current.forEach(tab => {
+          tabsRef.current.forEach((tab) => {
             if (tab.type === 'channel') {
               addMessage(tab.name, { ...base, text, system: true });
             }
@@ -222,14 +334,13 @@ function App() {
         case 'NICK': {
           const newNick = Array.isArray(msg.body) ? msg.body[0] : body;
           const text = `${msg.from} is now known as ${newNick}`;
-        tabsRef.current.forEach(tab => {
+          tabsRef.current.forEach((tab) => {
             if (tab.type === 'channel') {
               addMessage(tab.name, { ...base, text, system: true });
             }
           });
           if (msg.from === nickRef.current && newNick) setNick(newNick);
-        // Refresh members in all channels
+          tabsRef.current.forEach((tab) => {
-        tabsRef.current.forEach(tab => {
             if (tab.type === 'channel') refreshMembers(tab.name);
           });
           break;
@@ -238,19 +349,50 @@ function App() {
           const text = `${msg.from} set the topic: ${body}`;
           if (msg.to) {
             addMessage(msg.to, { ...base, text, system: true });
-          setTopics(prev => ({ ...prev, [msg.to]: body }));
+            setTopics((prev) => ({ ...prev, [msg.to]: body }));
           }
           break;
         }
+        case '332': {
+          // RPL_TOPIC — channel topic on join
+          const channel =
+            Array.isArray(msg.params) && msg.params.length > 0
+              ? msg.params[0]
+              : msg.to;
+          if (channel) {
+            setTopics((prev) => ({ ...prev, [channel]: body }));
+          }
+          break;
+        }
+        case '353': {
+          // RPL_NAMREPLY — parse user modes from names list
+          const channel =
+            Array.isArray(msg.params) && msg.params.length > 1
+              ? msg.params[1]
+              : msg.to;
+          if (channel && body) {
+            parseNamesReply(channel, body);
+          }
+          break;
+        }
+        case '366':
+          // RPL_ENDOFNAMES — ignore
+          break;
         case '375':
         case '372':
         case '376':
           addMessage('Server', { ...base, text: body, system: true });
           break;
         default:
-        addMessage('Server', { ...base, text: body || msg.command, system: true });
+          addMessage('Server', {
+            ...base,
+            text: body || msg.command,
+            system: true,
+          });
       }
-  }, [addMessage, refreshMembers]);
+    },
+    [addMessage, refreshMembers, parseNamesReply],
+  );
 
   // Long-poll loop
   useEffect(() => {
@@ -264,7 +406,7 @@ function App() {
           pollAbortRef.current = controller;
           const result = await api(
             `/messages?after=${lastIdRef.current}&timeout=${POLL_TIMEOUT}`,
-            { signal: controller.signal }
+            { signal: controller.signal },
           );
           if (!alive) break;
           setConnected(true);
@@ -278,13 +420,16 @@ function App() {
           if (!alive) break;
           if (err.name === 'AbortError') continue;
           setConnected(false);
-          await new Promise(r => setTimeout(r, RECONNECT_DELAY));
+          await new Promise((r) => setTimeout(r, RECONNECT_DELAY));
         }
       }
     };
 
     poll();
-    return () => { alive = false; pollAbortRef.current?.abort(); };
+    return () => {
+      alive = false;
+      pollAbortRef.current?.abort();
+    };
   }, [loggedIn, processMessage]);
 
   // Refresh members for active channel
@@ -293,7 +438,10 @@ function App() {
     const tab = tabs[activeTab];
     if (!tab || tab.type !== 'channel') return;
     refreshMembers(tab.name);
-    const iv = setInterval(() => refreshMembers(tab.name), MEMBER_REFRESH_INTERVAL);
+    const iv = setInterval(
+      () => refreshMembers(tab.name),
+      MEMBER_REFRESH_INTERVAL,
+    );
     return () => clearInterval(iv);
   }, [loggedIn, activeTab, tabs, refreshMembers]);
 
@@ -303,71 +451,100 @@ function App() {
   }, [messages, activeTab]);
 
   // Focus input on tab change
-  useEffect(() => { inputRef.current?.focus(); }, [activeTab]);
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, [activeTab]);
 
   // Fetch topic for active channel
   useEffect(() => {
     if (!loggedIn) return;
     const tab = tabs[activeTab];
     if (!tab || tab.type !== 'channel') return;
-    api('/channels').then(channels => {
+    api('/channels')
-      const ch = channels.find(c => c.name === tab.name);
+      .then((channels) => {
-      if (ch && ch.topic) setTopics(prev => ({ ...prev, [tab.name]: ch.topic }));
+        const ch = channels.find((c) => c.name === tab.name);
-    }).catch(() => {});
+        if (ch && ch.topic)
+          setTopics((prev) => ({ ...prev, [tab.name]: ch.topic }));
+      })
+      .catch(() => {});
   }, [loggedIn, activeTab, tabs]);
 
-  const onLogin = useCallback(async (userNick) => {
+  const onLogin = useCallback(
+    async (userNick) => {
       setNick(userNick);
       setLoggedIn(true);
       addSystemMessage('Server', `Connected as ${userNick}`);
       // Auto-rejoin saved channels
-    const saved = JSON.parse(localStorage.getItem('chat_channels') || '[]');
+      const saved = JSON.parse(
+        localStorage.getItem('neoirc_channels') || '[]',
+      );
       for (const ch of saved) {
         try {
-        await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'JOIN', to: ch }) });
+          await api('/messages', {
-        setTabs(prev => {
+            method: 'POST',
-          if (prev.find(t => t.type === 'channel' && t.name === ch)) return prev;
+            body: JSON.stringify({ command: 'JOIN', to: ch }),
+          });
+          setTabs((prev) => {
+            if (prev.find((t) => t.type === 'channel' && t.name === ch))
+              return prev;
             return [...prev, { type: 'channel', name: ch }];
           });
         } catch (e) {
           // Channel may not exist anymore
         }
       }
-  }, [addSystemMessage]);
+    },
+    [addSystemMessage],
+  );
 
   const joinChannel = async (name) => {
     if (!name) return;
     name = name.trim();
     if (!name.startsWith('#')) name = '#' + name;
     try {
-      await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'JOIN', to: name }) });
+      await api('/messages', {
-      setTabs(prev => {
+        method: 'POST',
-        if (prev.find(t => t.type === 'channel' && t.name === name)) return prev;
+        body: JSON.stringify({ command: 'JOIN', to: name }),
+      });
+      setTabs((prev) => {
+        if (prev.find((t) => t.type === 'channel' && t.name === name))
+          return prev;
         return [...prev, { type: 'channel', name }];
       });
       setActiveTab(tabs.length);
       // Load history
       try {
-        const hist = await api(`/history?target=${encodeURIComponent(name)}&limit=50`);
+        const hist = await api(
+          `/history?target=${encodeURIComponent(name)}&limit=50`,
+        );
         if (Array.isArray(hist)) {
           for (const m of hist) processMessage(m);
         }
       } catch (e) {
         // History may be empty
       }
-      setJoinInput('');
     } catch (err) {
-      addSystemMessage('Server', `Failed to join ${name}: ${err.data?.error || 'error'}`);
+      addSystemMessage(
+        'Server',
+        `Failed to join ${name}: ${err.data?.error || 'error'}`,
+      );
     }
   };
 
-  const partChannel = async (name) => {
+  const partChannel = async (name, reason) => {
     try {
-      await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'PART', to: name }) });
+      const payload = { command: 'PART', to: name };
+      if (reason) payload.body = [reason];
+      await api('/messages', {
+        method: 'POST',
+        body: JSON.stringify(payload),
+      });
     } catch (e) {
       // Ignore
     }
-    setTabs(prev => prev.filter(t => !(t.type === 'channel' && t.name === name)));
+    setTabs((prev) =>
+      prev.filter((t) => !(t.type === 'channel' && t.name === name)),
+    );
     setActiveTab(0);
   };
 
@@ -376,68 +553,284 @@ function App() {
     if (tab.type === 'channel') {
       partChannel(tab.name);
     } else if (tab.type === 'dm') {
-      setTabs(prev => prev.filter((_, i) => i !== idx));
+      setTabs((prev) => prev.filter((_, i) => i !== idx));
       if (activeTab >= idx) setActiveTab(Math.max(0, activeTab - 1));
     }
   };
 
   const openDM = (targetNick) => {
-    setTabs(prev => {
+    setTabs((prev) => {
-      if (prev.find(t => t.type === 'dm' && t.name === targetNick)) return prev;
+      if (prev.find((t) => t.type === 'dm' && t.name === targetNick))
+        return prev;
       return [...prev, { type: 'dm', name: targetNick }];
     });
-    const idx = tabs.findIndex(t => t.type === 'dm' && t.name === targetNick);
+    const idx = tabs.findIndex(
+      (t) => t.type === 'dm' && t.name === targetNick,
+    );
     setActiveTab(idx >= 0 ? idx : tabs.length);
   };
 
+  const handleCommand = async (text) => {
+    const parts = text.split(' ');
+    const cmd = parts[0].toLowerCase();
+    const tab = tabs[activeTab];
+
+    switch (cmd) {
+      case '/join':
+        if (parts[1]) joinChannel(parts[1]);
+        else
+          addSystemMessage(
+            tab?.name || 'Server',
+            'Usage: /join #channel',
+          );
+        break;
+
+      case '/part': {
+        if (tab?.type === 'channel') {
+          const reason = parts.slice(1).join(' ') || '';
+          partChannel(tab.name, reason);
+        } else {
+          addSystemMessage(
+            tab?.name || 'Server',
+            'Not in a channel',
+          );
+        }
+        break;
+      }
+
+      case '/msg':
+        if (parts[1] && parts.slice(2).join(' ')) {
+          const target = parts[1];
+          const msgBody = parts.slice(2).join(' ');
+          try {
+            await api('/messages', {
+              method: 'POST',
+              body: JSON.stringify({
+                command: 'PRIVMSG',
+                to: target,
+                body: [msgBody],
+              }),
+            });
+            openDM(target);
+          } catch (err) {
+            addSystemMessage(
+              'Server',
+              `DM failed: ${err.data?.error || 'error'}`,
+            );
+          }
+        } else {
+          addSystemMessage(
+            tab?.name || 'Server',
+            'Usage: /msg <nick> <message>',
+          );
+        }
+        break;
+
+      case '/me':
+        if (tab && tab.type !== 'server') {
+          const actionText = parts.slice(1).join(' ');
+          if (actionText) {
+            try {
+              await api('/messages', {
+                method: 'POST',
+                body: JSON.stringify({
+                  command: 'PRIVMSG',
+                  to: tab.name,
+                  body: [actionText],
+                  meta: { action: true },
+                }),
+              });
+            } catch (err) {
+              addSystemMessage(
+                tab.name,
+                `Action failed: ${err.data?.error || 'error'}`,
+              );
+            }
+          } else {
+            addSystemMessage(tab.name, 'Usage: /me <action>');
+          }
+        }
+        break;
+
+      case '/nick':
+        if (parts[1]) {
+          try {
+            await api('/messages', {
+              method: 'POST',
+              body: JSON.stringify({
+                command: 'NICK',
+                body: [parts[1]],
+              }),
+            });
+          } catch (err) {
+            addSystemMessage(
+              'Server',
+              `Nick change failed: ${err.data?.error || 'error'}`,
+            );
+          }
+        } else {
+          addSystemMessage(
+            tab?.name || 'Server',
+            'Usage: /nick <newnick>',
+          );
+        }
+        break;
+
+      case '/topic':
+        if (tab?.type === 'channel') {
+          const topicText = parts.slice(1).join(' ');
+          try {
+            await api('/messages', {
+              method: 'POST',
+              body: JSON.stringify({
+                command: 'TOPIC',
+                to: tab.name,
+                body: [topicText],
+              }),
+            });
+          } catch (err) {
+            addSystemMessage(
+              tab.name,
+              `Topic failed: ${err.data?.error || 'error'}`,
+            );
+          }
+        } else {
+          addSystemMessage(
+            tab?.name || 'Server',
+            'Not in a channel',
+          );
+        }
+        break;
+
+      case '/mode':
+        if (tab?.type === 'channel' && parts.length >= 2) {
+          const modeTarget = parts[1].startsWith('#')
+            ? parts[1]
+            : tab.name;
+          const modeParams = parts[1].startsWith('#')
+            ? parts.slice(2)
+            : parts.slice(1);
+          try {
+            await api('/messages', {
+              method: 'POST',
+              body: JSON.stringify({
+                command: 'MODE',
+                to: modeTarget,
+                params: modeParams,
+              }),
+            });
+          } catch (err) {
+            addSystemMessage(
+              tab.name,
+              `Mode failed: ${err.data?.error || 'error'}`,
+            );
+          }
+        } else {
+          addSystemMessage(
+            tab?.name || 'Server',
+            'Usage: /mode [#channel] <+/-mode> [nick]',
+          );
+        }
+        break;
+
+      case '/quit': {
+        const quitMsg = parts.slice(1).join(' ');
+        try {
+          const payload = { command: 'QUIT' };
+          if (quitMsg) payload.body = [quitMsg];
+          await api('/messages', {
+            method: 'POST',
+            body: JSON.stringify(payload),
+          });
+        } catch (e) {
+          // Ignore
+        }
+        localStorage.removeItem('neoirc_token');
+        window.location.reload();
+        break;
+      }
+
+      case '/help':
+        addSystemMessage(
+          tab?.name || 'Server',
+          'Commands: /join #channel, /part [reason], /msg nick message, ' +
+            '/me action, /nick newnick, /topic text, /mode [#channel] +/-mode [nick], ' +
+            '/quit [reason], /help',
+        );
+        break;
+
+      default:
+        addSystemMessage(
+          tab?.name || 'Server',
+          `Unknown command: ${cmd} — Type /help for available commands`,
+        );
+    }
+  };
+
   const sendMessage = async () => {
     const text = input.trim();
     if (!text) return;
+
+    // Add to command history
+    setCmdHistory((prev) => {
+      const next = [text, ...prev];
+      return next.slice(0, MAX_HISTORY);
+    });
+    setHistoryIdx(-1);
     setInput('');
+
     const tab = tabs[activeTab];
-    if (!tab || tab.type === 'server') return;
 
     if (text.startsWith('/')) {
-      const parts = text.split(' ');
+      await handleCommand(text);
-      const cmd = parts[0].toLowerCase();
-      if (cmd === '/join' && parts[1]) { joinChannel(parts[1]); return; }
-      if (cmd === '/part') { if (tab.type === 'channel') partChannel(tab.name); return; }
-      if (cmd === '/msg' && parts[1] && parts.slice(2).join(' ')) {
-        const target = parts[1];
-        const body = parts.slice(2).join(' ');
-        try {
-          await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'PRIVMSG', to: target, body: [body] }) });
-          openDM(target);
-        } catch (err) {
-          addSystemMessage('Server', `DM failed: ${err.data?.error || 'error'}`);
-        }
       return;
     }
-      if (cmd === '/nick' && parts[1]) {
+
-        try {
+    if (!tab || tab.type === 'server') {
-          await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'NICK', body: [parts[1]] }) });
+      addSystemMessage(
-        } catch (err) {
+        'Server',
-          addSystemMessage('Server', `Nick change failed: ${err.data?.error || 'error'}`);
+        'Cannot send messages to the server tab. Join a channel with /join #channel',
-        }
+      );
-        return;
-      }
-      if (cmd === '/topic' && tab.type === 'channel') {
-        const topicText = parts.slice(1).join(' ');
-        try {
-          await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'TOPIC', to: tab.name, body: [topicText] }) });
-        } catch (err) {
-          addSystemMessage('Server', `Topic failed: ${err.data?.error || 'error'}`);
-        }
-        return;
-      }
-      addSystemMessage('Server', `Unknown command: ${cmd}`);
       return;
     }
 
     try {
-      await api('/messages', { method: 'POST', body: JSON.stringify({ command: 'PRIVMSG', to: tab.name, body: [text] }) });
+      await api('/messages', {
+        method: 'POST',
+        body: JSON.stringify({
+          command: 'PRIVMSG',
+          to: tab.name,
+          body: [text],
+        }),
+      });
     } catch (err) {
-      addSystemMessage(tab.name, `Send failed: ${err.data?.error || 'error'}`);
+      addSystemMessage(
+        tab.name,
+        `Send failed: ${err.data?.error || 'error'}`,
+      );
+    }
+  };
+
+  const handleInputKeyDown = (e) => {
+    if (e.key === 'Enter') {
+      sendMessage();
+    } else if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      if (cmdHistory.length > 0) {
+        const nextIdx = Math.min(historyIdx + 1, cmdHistory.length - 1);
+        setHistoryIdx(nextIdx);
+        setInput(cmdHistory[nextIdx]);
+      }
+    } else if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      if (historyIdx > 0) {
+        const nextIdx = historyIdx - 1;
+        setHistoryIdx(nextIdx);
+        setInput(cmdHistory[nextIdx]);
+      } else {
+        setHistoryIdx(-1);
+        setInput('');
+      }
     }
   };
 
@@ -446,72 +839,87 @@ function App() {
   const currentTab = tabs[activeTab] || tabs[0];
   const currentMessages = messages[currentTab.name] || [];
   const currentMembers = members[currentTab.name] || [];
+  const currentUserModes = userModes[currentTab.name] || {};
   const currentTopic = topics[currentTab.name] || '';
 
   return (
     <div class="app">
       <div class="tab-bar">
-        {!connected && <div class="connection-status">⚠ Reconnecting...</div>}
+        {!connected && (
+          <div class="connection-status">⚠ Reconnecting...</div>
+        )}
         {tabs.map((tab, i) => (
           <div
-            class={`tab ${i === activeTab ? 'active' : ''}`}
+            class={`tab ${i === activeTab ? 'active' : ''} ${tab.type}`}
             onClick={() => setActiveTab(i)}
           >
+            <span class="tab-name">
               {tab.type === 'dm' ? `→${tab.name}` : tab.name}
+            </span>
             {unread[tab.name] > 0 && i !== activeTab && (
               <span class="unread-badge">{unread[tab.name]}</span>
             )}
             {tab.type !== 'server' && (
-              <span class="close-btn" onClick={(e) => { e.stopPropagation(); closeTab(i); }}>×</span>
+              <span
+                class="close-btn"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  closeTab(i);
+                }}
+              >
+                ×
+              </span>
             )}
           </div>
         ))}
-        <div class="join-dialog">
-          <input
-            placeholder="#channel"
-            value={joinInput}
-            onInput={e => setJoinInput(e.target.value)}
-            onKeyDown={e => e.key === 'Enter' && joinChannel(joinInput)}
-          />
-          <button onClick={() => joinChannel(joinInput)}>Join</button>
-        </div>
       </div>
 
-      {currentTab.type === 'channel' && currentTopic && (
+      {currentTab.type === 'channel' && (
-        <div class="topic-bar" title={currentTopic}>{currentTopic}</div>
+        <div class="topic-bar" title={currentTopic}>
+          <span class="topic-label">Topic:</span>{' '}
+          {currentTopic || '(no topic set)'}
+        </div>
       )}
 
       <div class="content">
         <div class="messages-pane">
-          <div class={currentTab.type === 'server' ? 'server-messages' : 'messages'}>
+          <div
-            {currentMessages.map(m => <Message msg={m} />)}
+            class={
+              currentTab.type === 'server'
+                ? 'server-messages'
+                : 'messages'
+            }
+          >
+            {currentMessages.map((m) => (
+              <Message msg={m} />
+            ))}
             <div ref={messagesEndRef} />
           </div>
-          {currentTab.type !== 'server' && (
-            <div class="input-bar">
-              <input
-                ref={inputRef}
-                placeholder={`Message ${currentTab.name}...`}
-                value={input}
-                onInput={e => setInput(e.target.value)}
-                onKeyDown={e => e.key === 'Enter' && sendMessage()}
-              />
-              <button onClick={sendMessage}>Send</button>
-            </div>
-          )}
         </div>
 
         {currentTab.type === 'channel' && (
-          <div class="user-list">
+          <UserList
-            <h3>Users ({currentMembers.length})</h3>
+            members={currentMembers}
-            {currentMembers.map(u => (
+            userModes={currentUserModes}
-              <div class="user" onClick={() => openDM(u.nick)} style={{ color: nickColor(u.nick) }}>
+            onDM={openDM}
-                {u.nick}
+          />
-              </div>
-            ))}
-          </div>
         )}
       </div>
+
+      <div class="input-bar">
+        <span class="input-nick">{nick}</span>
+        <input
+          ref={inputRef}
+          placeholder={
+            currentTab.type === 'server'
+              ? 'Type /join #channel to get started...'
+              : `Message ${currentTab.name}...`
+          }
+          value={input}
+          onInput={(e) => setInput(e.target.value)}
+          onKeyDown={handleInputKeyDown}
+        />
+      </div>
     </div>
   );
 }

web/src/index.html

@@ -3,11 +3,11 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Chat</title>
+  <title>NeoIRC</title>
   <link rel="stylesheet" href="/style.css">
 </head>
 <body>
   <div id="root"></div>
-  <script src="/app.js"></script>
+  <script type="module" src="/app.js"></script>
 </body>
 </html>

web/src/style.css

@@ -1,28 +1,40 @@
-* { margin: 0; padding: 0; box-sizing: border-box; }
+* {
-
+  margin: 0;
-:root {
+  padding: 0;
-  --bg: #1a1a2e;
+  box-sizing: border-box;
-  --bg-secondary: #16213e;
-  --bg-input: #0f3460;
-  --text: #e0e0e0;
-  --text-muted: #888;
-  --accent: #e94560;
-  --accent2: #0f3460;
-  --border: #2a2a4a;
-  --nick: #53a8b6;
-  --timestamp: #666;
-  --tab-active: #e94560;
-  --tab-bg: #16213e;
-  --tab-hover: #1a1a3e;
-  --topic-bg: #121a30;
-  --unread-bg: #e94560;
-  --warn: #f0ad4e;
 }
 
-html, body, #root {
+:root {
+  --bg: #0a0e14;
+  --bg-secondary: #0d1117;
+  --bg-input: #161b22;
+  --bg-highlight: #1a2030;
+  --text: #c9d1d9;
+  --text-muted: #6e7681;
+  --accent: #58a6ff;
+  --accent-dim: #1f6feb;
+  --border: #21262d;
+  --nick: #79c0ff;
+  --timestamp: #484f58;
+  --tab-active: #58a6ff;
+  --tab-bg: #0d1117;
+  --tab-hover: #161b22;
+  --topic-bg: #0d1117;
+  --unread-bg: #da3633;
+  --warn: #d29922;
+  --op-color: #f0883e;
+  --voice-color: #3fb950;
+  --action-color: #bc8cff;
+  --system-color: #484f58;
+}
+
+html,
+body,
+#root {
   height: 100%;
-  font-family: 'Courier New', Courier, monospace;
+  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Courier New',
-  font-size: 14px;
+    Courier, monospace;
+  font-size: 13px;
   background: var(--bg);
   color: var(--text);
 }
@@ -57,15 +69,19 @@ html, body, #root {
   padding: 10px 24px;
   font-size: 16px;
   font-family: inherit;
-  background: var(--accent);
+  background: var(--accent-dim);
   border: none;
   color: white;
   border-radius: 4px;
   cursor: pointer;
 }
 
+.login-screen button:hover {
+  background: var(--accent);
+}
+
 .login-screen .error {
-  color: var(--accent);
+  color: var(--unread-bg);
 }
 
 .login-screen .motd {
@@ -89,36 +105,63 @@ html, body, #root {
   border-bottom: 1px solid var(--border);
   overflow-x: auto;
   flex-shrink: 0;
-  align-items: center;
+  align-items: stretch;
+  min-height: 32px;
+}
+
+.tab-bar::-webkit-scrollbar {
+  height: 2px;
+}
+
+.tab-bar::-webkit-scrollbar-thumb {
+  background: var(--border);
 }
 
 .tab {
-  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  padding: 6px 12px;
   cursor: pointer;
   border-bottom: 2px solid transparent;
   white-space: nowrap;
   color: var(--text-muted);
   user-select: none;
-  position: relative;
+  font-size: 12px;
+  gap: 6px;
+  transition:
+    background 0.1s,
+    color 0.1s;
 }
 
 .tab:hover {
   background: var(--tab-hover);
+  color: var(--text);
 }
 
 .tab.active {
   color: var(--text);
   border-bottom-color: var(--tab-active);
+  background: var(--bg-highlight);
+}
+
+.tab.server {
+  font-weight: bold;
+}
+
+.tab .tab-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .tab .close-btn {
-  margin-left: 8px;
   color: var(--text-muted);
-  font-size: 12px;
+  font-size: 14px;
+  line-height: 1;
+  flex-shrink: 0;
 }
 
 .tab .close-btn:hover {
-  color: var(--accent);
+  color: var(--unread-bg);
 }
 
 .tab .unread-badge {
@@ -127,19 +170,22 @@ html, body, #root {
   color: white;
   font-size: 10px;
   font-weight: bold;
-  padding: 1px 5px;
+  padding: 0 5px;
   border-radius: 8px;
-  margin-left: 6px;
   min-width: 16px;
   text-align: center;
+  line-height: 16px;
+  flex-shrink: 0;
 }
 
 /* Connection status */
 .connection-status {
-  padding: 4px 12px;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
   background: var(--warn);
-  color: #1a1a2e;
+  color: var(--bg);
-  font-size: 12px;
+  font-size: 11px;
   font-weight: bold;
   white-space: nowrap;
   flex-shrink: 0;
@@ -147,7 +193,7 @@ html, body, #root {
 
 /* Topic bar */
 .topic-bar {
-  padding: 6px 12px;
+  padding: 4px 12px;
   background: var(--topic-bg);
   border-bottom: 1px solid var(--border);
   color: var(--text-muted);
@@ -158,6 +204,11 @@ html, body, #root {
   flex-shrink: 0;
 }
 
+.topic-bar .topic-label {
+  color: var(--accent);
+  font-weight: bold;
+}
+
 /* Content area */
 .content {
   display: flex;
@@ -171,147 +222,210 @@ html, body, #root {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  min-width: 0;
 }
 
 .messages {
   flex: 1;
   overflow-y: auto;
-  padding: 8px 12px;
+  padding: 4px 0;
+}
+
+.messages::-webkit-scrollbar {
+  width: 6px;
+}
+
+.messages::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 3px;
 }
 
 .message {
-  padding: 2px 0;
+  padding: 1px 12px;
-  line-height: 1.4;
+  line-height: 1.5;
   word-wrap: break-word;
 }
 
+.message:hover {
+  background: var(--bg-highlight);
+}
+
 .message .timestamp {
   color: var(--timestamp);
-  font-size: 12px;
+  font-size: 11px;
-  margin-right: 8px;
+  margin-right: 6px;
 }
 
 .message .nick {
-  color: var(--nick);
   font-weight: bold;
-  margin-right: 8px;
+  margin-right: 6px;
 }
 
-.message .nick::before { content: '<'; }
+.message .nick::before {
-.message .nick::after { content: '>'; }
+  content: '<';
+  color: var(--text-muted);
+}
+
+.message .nick::after {
+  content: '>';
+  color: var(--text-muted);
+}
 
 .message.system {
-  color: var(--text-muted);
+  color: var(--system-color);
   font-style: italic;
 }
 
-.message.system .nick {
+.message.system .timestamp {
-  color: var(--text-muted);
+  color: var(--timestamp);
 }
 
-.message.system .nick::before,
+.message.system .content::before {
-.message.system .nick::after { content: ''; }
+  content: '*** ';
+}
 
-/* Input */
+.message.action {
+  color: var(--action-color);
+}
+
+.message.action .timestamp {
+  color: var(--timestamp);
+}
+
+.message.action .action-nick {
+  font-weight: bold;
+}
+
+/* Input bar — full width at bottom */
 .input-bar {
   display: flex;
+  align-items: center;
   border-top: 1px solid var(--border);
   background: var(--bg-secondary);
   flex-shrink: 0;
 }
 
+.input-bar .input-nick {
+  padding: 0 8px 0 12px;
+  color: var(--accent);
+  font-weight: bold;
+  white-space: nowrap;
+  flex-shrink: 0;
+  font-size: 13px;
+}
+
+.input-bar .input-nick::after {
+  content: '>';
+  color: var(--text-muted);
+  margin-left: 1px;
+}
+
 .input-bar input {
   flex: 1;
-  padding: 10px 12px;
+  padding: 8px 8px;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 13px;
-  background: var(--bg-input);
+  background: transparent;
   border: none;
   color: var(--text);
   outline: none;
 }
 
-.input-bar button {
+.input-bar input::placeholder {
-  padding: 10px 16px;
+  color: var(--text-muted);
-  font-family: inherit;
-  background: var(--accent);
-  border: none;
-  color: white;
-  cursor: pointer;
 }
 
 /* User list */
 .user-list {
-  width: 160px;
+  width: 170px;
   background: var(--bg-secondary);
   border-left: 1px solid var(--border);
-  overflow-y: auto;
+  display: flex;
-  padding: 8px;
+  flex-direction: column;
   flex-shrink: 0;
 }
 
-.user-list h3 {
+.user-list-header {
+  padding: 6px 10px;
   color: var(--text-muted);
   font-size: 11px;
   text-transform: uppercase;
-  margin-bottom: 8px;
+  letter-spacing: 0.5px;
-  letter-spacing: 1px;
+  border-bottom: 1px solid var(--border);
+  font-weight: bold;
+  flex-shrink: 0;
+}
+
+.user-list-entries {
+  overflow-y: auto;
+  flex: 1;
+  padding: 4px 0;
+}
+
+.user-list-entries::-webkit-scrollbar {
+  width: 4px;
+}
+
+.user-list-entries::-webkit-scrollbar-thumb {
+  background: var(--border);
 }
 
 .user-list .user {
-  padding: 3px 4px;
+  padding: 2px 10px;
-  color: var(--nick);
+  font-size: 12px;
-  font-size: 13px;
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--text);
 }
 
 .user-list .user:hover {
   background: var(--tab-hover);
 }
 
-/* Server tab */
+.user-list .user.op {
+  color: var(--op-color);
+}
+
+.user-list .user.voice {
+  color: var(--voice-color);
+}
+
+/* Server tab messages */
 .server-messages {
   color: var(--text-muted);
-  padding: 12px;
+  padding: 8px 12px;
   white-space: pre-wrap;
   overflow-y: auto;
   flex: 1;
 }
 
-/* Channel join dialog */
+.server-messages .message {
-.join-dialog {
+  padding: 1px 0;
-  padding: 12px;
-  display: flex;
-  gap: 8px;
-  background: var(--bg-secondary);
-  border-bottom: 1px solid var(--border);
-  margin-left: auto;
 }
 
-.join-dialog input {
+.server-messages .message:hover {
-  padding: 6px 10px;
+  background: var(--bg-highlight);
-  font-family: inherit;
-  font-size: 13px;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  color: var(--text);
-  border-radius: 3px;
-  width: 200px;
-}
-
-.join-dialog button {
-  padding: 6px 14px;
-  font-family: inherit;
-  font-size: 13px;
-  background: var(--accent2);
-  border: none;
-  color: var(--text);
-  border-radius: 3px;
-  cursor: pointer;
 }
 
 /* Responsive */
 @media (max-width: 600px) {
-  .user-list { display: none; }
+  .user-list {
-  .tab { padding: 6px 10px; font-size: 13px; }
+    display: none;
+  }
+
+  .tab {
+    padding: 5px 8px;
+    font-size: 11px;
+  }
+
+  .input-bar .input-nick {
+    padding-left: 8px;
+    font-size: 12px;
+  }
+
+  .input-bar input {
+    font-size: 12px;
+  }
 }