Web version (#43)

* Create client package
* Create the UI package
* Init web app
* Use isomorphic 'ws' for web sockets
* File and asset implementations
* Use Opfs SAH version of sqlite in browser
* Generate Svg sprites for emojis and icons
* Include emojis sprite
* Improve and refactor assets
* More assets improvements
* Implement emoji and icons db import as readonly
* Improve import paths
* Handle concurrency limits for sqlite
* Fix event broadcast in web
* Pass windowId for subscribe and unsubscribe queries in desktop
* Remove asset context
* Implement avatar upload/download with the new structure
* Improve file handlings
* Move the necessary dependencies to client and ui packages
* Update packages
* Improve open file dialog
* Make sure database files are deleted in browser
* Improve avatar loading
* Improve file loading
* Fix some assets
* Implement asset caching for offline access
* Small fixes and improvements
* Use server instead of pre signed urls for file upload/download
* Cleanup some client related metadata
* Switch Axios with ky
* Refactor mutation results
* Minor concurrency fix
* Refactor web sockets
* Improve file uploading
* Handle connection close on server
* Use stream for downloading the file
* Add config options for cors
* Update document in all tabs on local change
* Include necessary icons for web
* Update docker compose
* Implement server upgrade required component
* Use correct client type and platform in web and desktop
* Improve service worker
* Improve versioning
* Fix an import
* Minor fixes
* Update some user endpoints
* Minor endpoint changes
* Enable app badge for desktop
* Add error handling in some database operations
* Update mutation naming convention
* Update query naming convention
* Update event and some metadata naming conventions
* Update event and job naming conventions in server
* Update Github workflow files
* Restructure assets directory
* Update packages
* Upgrade to Zod v4
* Upgrade to react 19
* Upgrade to tailwind v4
* Minor ui improvements
* Fix some cursor pointers
* Add browser not supported message in web
* Enhance server create flow, allow insecure connections and custom api paths
* Execute electron-rebuild as postinstall command
* Update docker compose

packages/ui/src/components/messages/message-container.tsx

@@ -0,0 +1,53 @@
+import { LocalMessageNode } from '@colanode/client/types';
+import { ContainerBreadcrumb } from '@colanode/ui/components/layouts/containers/container-breadrumb';
+import { Message } from '@colanode/ui/components/messages/message';
+import { MessageNotFound } from '@colanode/ui/components/messages/message-not-found';
+import {
+  Container,
+  ContainerBody,
+  ContainerHeader,
+} from '@colanode/ui/components/ui/container';
+import { ConversationContext } from '@colanode/ui/contexts/conversation';
+import { useNodeContainer } from '@colanode/ui/hooks/use-node-container';
+import { useNodeRadar } from '@colanode/ui/hooks/use-node-radar';
+
+interface MessageContainerProps {
+  messageId: string;
+}
+
+export const MessageContainer = ({ messageId }: MessageContainerProps) => {
+  const data = useNodeContainer<LocalMessageNode>(messageId);
+
+  useNodeRadar(data.node);
+
+  if (data.isPending) {
+    return null;
+  }
+
+  if (!data.node) {
+    return <MessageNotFound />;
+  }
+
+  return (
+    <Container>
+      <ContainerHeader>
+        <ContainerBreadcrumb breadcrumb={data.breadcrumb} />
+      </ContainerHeader>
+      <ContainerBody>
+        <ConversationContext.Provider
+          value={{
+            id: data.node.id,
+            role: data.role,
+            rootId: data.node.rootId,
+            canCreateMessage: true,
+            onReply: () => {},
+            onLastMessageIdChange: () => {},
+            canDeleteMessage: () => false,
+          }}
+        >
+          <Message message={data.node} />
+        </ConversationContext.Provider>
+      </ContainerBody>
+    </Container>
+  );
+};