folder structure

tree.txt

src/web
├── auth
│   ├── auth-context.tsx
│   ├── auth-store.ts
│   └── login-form.tsx
├── channel
│   ├── active-channel-list.tsx
│   ├── channel-browser-page.tsx
│   ├── channel-icon.tsx
│   ├── channel-page.tsx
│   ├── channel-store.test.ts
│   ├── channel-store.tsx
│   ├── channel.ts
│   └── types.ts
├── character
│   ├── character-avatar.tsx
│   ├── character-link.tsx
│   ├── character-menu.tsx
│   ├── character-name.tsx
│   ├── character-select-form.tsx
│   ├── character-status-text.tsx
│   ├── character-store.ts
│   ├── character-summary.tsx
│   ├── character.ts
│   ├── online-users.tsx
│   ├── styles.ts
│   └── update-status.tsx
├── chat
│   ├── active-room-tab.tsx
│   ├── chatbox.tsx
│   ├── chat-context.tsx
│   ├── chat-empty-route.tsx
│   ├── chat-layout.tsx
│   ├── chat-main-nav.tsx
│   ├── chat-provider.tsx
│   ├── chat-routes.tsx
│   ├── chat-socket.tsx
│   ├── chat-store.ts
│   ├── command-types.ts
│   ├── constants.ts
│   └── socket-status-guard.tsx
├── chat-message
│   ├── chat-message-list.tsx
│   └── chat-message.ts
├── desktop-api.ts
├── dom
│   ├── button.tsx
│   ├── external-link.tsx
│   ├── portal.tsx
│   ├── text-input.tsx
│   ├── use-window-event.ts
│   └── use-window-size.ts
├── main.tsx
├── notifications
│   └── notifications.ts
├── private-chat
│   ├── active-private-chat-list.test.tsx
│   ├── active-private-chat-list.tsx
│   ├── private-chat-page.tsx
│   ├── private-chat-storage.ts
│   ├── private-chat-store.ts
│   └── private-chat.ts
├── react
│   ├── auto-ref.ts
│   ├── suspense-resource.tsx
│   ├── use-async-callback.ts
│   ├── use-debounced-callback.ts
│   ├── use-event.ts
│   ├── use-latest-ref.ts
│   ├── use-timeout.ts
│   └── with-prevent-default.ts
├── room
│   └── room.ts
├── root.tsx
├── router
│   ├── link.tsx
│   └── router-store.tsx
├── session
│   ├── session-log-out-button.test.tsx
│   ├── session-log-out-button.tsx
│   └── sessions-root.tsx
├── state
│   └── factory-map.ts
├── storage
│   └── json-local-storage.ts
└── ui
    ├── error-boundary.tsx
    ├── form-field.tsx
    ├── interactive-list-row.tsx
    ├── island-layout.tsx
    ├── loading-cover.tsx
    ├── loading-icon.css
    ├── loading-icon.tsx
    ├── search-input.tsx
    ├── styles.ts
    ├── system-message.tsx
    ├── tailwind.css
    └── virtual-list.tsx