Moved @tensamin/ui out of monorepo

packages/chat/src/components/input.tsx

@@ -1,8 +1,8 @@
 import Input from "@tensamin/markdown/input";
-import { Card, CardHeader } from "@tensamin/ui/cmp/card";
+import { Card, CardHeader } from "@tensamin/ui";
 import { useStorage } from "@tensamin/storage/context";
 import * as React from "react";
-import { Button } from "@tensamin/ui/cmp/button";
+import { Button } from "@tensamin/ui";
 
 import { Plus, Laugh, Clapperboard } from "lucide-react";
 import { useChat } from "../context";
@@ -10,7 +10,7 @@ import { useTTP } from "@tensamin/ttp/context";
 import { useCrypto } from "@tensamin/crypto/context";
 import { log, toast } from "@tensamin/shared/log";
 import Message from "./message";
-import { cn, useIsMobile } from "@tensamin/ui/utils";
+import { cn, useIsMobile } from "@tensamin/ui";
 
 export default function InputComponent({
   value,

packages/chat/src/components/message.tsx

@@ -10,19 +10,27 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@tensamin/ui/cmp/tooltip";
-import { useIsMobile } from "@tensamin/ui/utils";
+} from "@tensamin/ui";
+import { useIsMobile } from "@tensamin/ui";
 import {
   ContextMenu,
   ContextMenuContent,
   ContextMenuItem,
   ContextMenuTrigger,
-} from "@tensamin/ui/cmp/context-menu";
+} from "@tensamin/ui";
 
 function generateFixedLoadingSize(size: number, height: number) {
   return size * 3 - (height / 20) * 11;
 }
 
+function getSafeMessageHeight(height: number | undefined) {
+  if (typeof height === "number" && Number.isFinite(height) && height > 0) {
+    return Math.ceil(height);
+  }
+
+  return 40;
+}
+
 /**
  * Executes Message.
  * @param props Parameter props.
@@ -42,6 +50,7 @@ function MessageComponent(props: {
 
   const [decodedContent, setDecodedContent] = React.useState("");
   const [isReady, setIsReady] = React.useState(false);
+  const safeMessageHeight = getSafeMessageHeight(props.message.height);
 
   React.useEffect(() => {
     if (props.notEncrypted) {
@@ -121,13 +130,13 @@ function MessageComponent(props: {
                 <Text value={decodedContent} />
               ) : (
                 <div
-                  className="h-8"
+                  className="block rounded-sm"
                   style={{
                     width: generateFixedLoadingSize(
                       props.message.content.length,
-                      props.message.height,
+                      safeMessageHeight,
                     ),
-                    height: props.message.height,
+                    minHeight: safeMessageHeight,
                   }}
                 />
               )}