tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests 3 Projects Releases 2 Packages Wiki Activity Actions

Updated a lot of stuff

Browse source
This commit is contained in:
Alois 2026-03-14 19:36:23 +01:00
commit c0102df54f
44 changed files with 1610 additions and 707 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/web/package.json
View file

@ -34,7 +34,9 @@
"tailwindcss": "^4.2.1",
"tw-animate-css": "^1.4.0",
"vite-tsconfig-paths": "^6.1.1",
"zod": "^4.3.6"
"zod": "^4.3.6",
"@fontsource-variable/inter": "^5.2.8",
"shadcn": "^4.0.7"
},
"devDependencies": {
"@types/react": "^19.2.2",

12
apps/web/src/components/modals/basic.tsx
View file

@ -1,16 +1,16 @@
import type { User } from "@tensamin/user/context";
import Avatar from "@tensamin/ui/avatar";
import { Avatar, AvatarImage, AvatarFallback } from "@tensamin/ui/cmp/avatar";
import { reduceDisplay } from "./utils";
import { Card, CardHeader } from "@tensamin/ui/card";
import { Card, CardHeader } from "@tensamin/ui/cmp/card";
export default function Basic(props: { user: User }) {
return (
<Card className="animate-in fade-in duration-300 rounded-2xl">
<CardHeader className="flex flex-row gap-2.5 items-center justify-start p-2">
<Avatar
img={props.user.avatar}
fallback={reduceDisplay(props.user.display)}
/>
<Avatar>
<AvatarImage src={props.user.avatar} />
<AvatarFallback>{reduceDisplay(props.user.display)}</AvatarFallback>
</Avatar>
<div className="flex flex-col gap-1 w-full items-start justify-center text-[15px]">
<p>{props.user.display}</p>
</div>

2
apps/web/src/components/navbar.tsx
View file

@ -1,4 +1,4 @@
import { Button } from "@tensamin/ui/button";
import { Button } from "@tensamin/ui/cmp/button";
import { House } from "lucide-react";
import { useNavigate, useRouterState } from "@tanstack/react-router";
import * as React from "react";

8
apps/web/src/components/screens/login/form.tsx
View file

@ -1,7 +1,7 @@
import { Button } from "@tensamin/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@tensamin/ui/card";
import { Input } from "@tensamin/ui/input";
import { Label } from "@tensamin/ui/label";
import { Button } from "@tensamin/ui/cmp/button";
import { Card, CardContent, CardHeader, CardTitle } from "@tensamin/ui/cmp/card";
import { Input } from "@tensamin/ui/cmp/input";
import { Label } from "@tensamin/ui/cmp/label";
import { useStorage } from "@tensamin/storage/context";
import { log, toast } from "@tensamin/shared/log";
import { useNavigate } from "@tanstack/react-router";

2
apps/web/src/features/conversation/modal/conversation.tsx
View file

@ -6,7 +6,7 @@ import {
ContextMenuGroup,
ContextMenuItem,
ContextMenuTrigger,
} from "@tensamin/ui/context-menu";
} from "@tensamin/ui/cmp/context-menu";
import { useNavigate } from "@tanstack/react-router";
export default function ConversationModal(props: { userId: number }) {

43
apps/web/src/features/legal/screen.tsx
View file

@ -1,11 +1,7 @@
import * as React from "react";
import { useStorage } from "@tensamin/storage/context";
import { Button } from "@tensamin/ui/button";
import {
Checkbox,
CheckboxLabel,
CheckboxControl,
} from "@tensamin/ui/checkbox";
import { Button } from "@tensamin/ui/cmp/button";
import { Checkbox } from "@tensamin/ui/cmp/checkbox";
import { z } from "zod";
import ErrorScreen from "@tensamin/ui/screens/error";
@ -13,6 +9,7 @@ import ErrorScreen from "@tensamin/ui/screens/error";
import { legalDocsSchema } from "@tensamin/shared/features/legal/schema";
import { log } from "@tensamin/shared/log";
import Link from "@tensamin/ui/link";
import { Label } from "@tensamin/ui/cmp/label";
export default function Screen(props: { children: React.ReactNode }) {
const { load, save } = useStorage();
@ -74,7 +71,13 @@ export default function Screen(props: { children: React.ReactNode }) {
setErrorDescription(
"The legal documents data received from the server is invalid. Please try again later.",
);
log(0, "Legal", "red", "Invalid legal documents data", safeCurrent.error);
log(
0,
"Legal",
"red",
"Invalid legal documents data",
safeCurrent.error,
);
return;
}
@ -213,9 +216,11 @@ export default function Screen(props: { children: React.ReactNode }) {
const currentCrashReports = crashReports;
const currentUsageData = usageData;
void save("analytics_crash_reports", currentCrashReports).then(() => {
setCrashReports(currentCrashReports);
});
void save("analytics_crash_reports", currentCrashReports).then(
() => {
setCrashReports(currentCrashReports);
},
);
void save("analytics_usage_data", currentUsageData).then(() => {
setUsageData(currentUsageData);
});
@ -252,13 +257,13 @@ export function BigCheckbox(props: {
onChange: (checked: boolean) => void;
}) {
return (
<Checkbox
checked={props.checked}
onChange={props.onChange}
className="flex items-center space-x-2"
>
<CheckboxControl className="size-5.5 rounded-md flex items-center justify-center" />
<CheckboxLabel className="text-lg">{props.label}</CheckboxLabel>
</Checkbox>
<div className="flex items-center space-x-2">
<Checkbox
checked={props.checked}
onCheckedChange={props.onChange}
className="size-5.5 rounded-md flex items-center justify-center"
/>
<Label className="text-lg">{props.label}</Label>
</div>
);
}
}

175
apps/web/src/index.css
View file

@ -1,29 +1,83 @@
@import "tailwindcss";
@import "tailwind-scrollbar-hide/v4";
@import "tw-animate-css";
@import "shadcn/tailwind.css";
@import "@fontsource-variable/inter";
@source "./**/*.{ts,tsx}";
@source "../../../packages/ui/src/**/*.{ts,tsx}";
@source "../../../packages/**/src/**/*.{ts,tsx}";
@source "../../../packages/chat/src/**/*.{ts,tsx}";
@custom-variant dark (&:is(.dark *));
:root {
--background: oklch(1 0 0);
--foreground: oklch(0.148 0.004 228.8);
--card: oklch(1 0 0);
--card-foreground: oklch(0.148 0.004 228.8);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.148 0.004 228.8);
--primary: oklch(0.511 0.096 186.391);
--primary-foreground: oklch(0.984 0.014 180.72);
--secondary: oklch(0.967 0.001 286.375);
--secondary-foreground: oklch(0.21 0.006 285.885);
--muted: oklch(0.963 0.002 197.1);
--muted-foreground: oklch(0.56 0.021 213.5);
--accent: oklch(0.963 0.002 197.1);
--accent-foreground: oklch(0.218 0.008 223.9);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.925 0.005 214.3);
--input: oklch(0.925 0.005 214.3);
--ring: oklch(0.723 0.014 214.4);
--chart-1: oklch(0.855 0.138 181.071);
--chart-2: oklch(0.704 0.14 182.503);
--chart-3: oklch(0.6 0.118 184.704);
--chart-4: oklch(0.511 0.096 186.391);
--chart-5: oklch(0.437 0.078 188.216);
--radius: 0.625rem;
--sidebar: oklch(0.987 0.002 197.1);
--sidebar-foreground: oklch(0.148 0.004 228.8);
--sidebar-primary: oklch(0.6 0.118 184.704);
--sidebar-primary-foreground: oklch(0.984 0.014 180.72);
--sidebar-accent: oklch(0.963 0.002 197.1);
--sidebar-accent-foreground: oklch(0.218 0.008 223.9);
--sidebar-border: oklch(0.925 0.005 214.3);
--sidebar-ring: oklch(0.723 0.014 214.4);
}
.dark {
--background: oklch(0.148 0.004 228.8);
--foreground: oklch(0.987 0.002 197.1);
--card: oklch(0.218 0.008 223.9);
--card-foreground: oklch(0.987 0.002 197.1);
--popover: oklch(0.218 0.008 223.9);
--popover-foreground: oklch(0.987 0.002 197.1);
--primary: oklch(0.437 0.078 188.216);
--primary-foreground: oklch(0.984 0.014 180.72);
--secondary: oklch(0.274 0.006 286.033);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.275 0.011 216.9);
--muted-foreground: oklch(0.723 0.014 214.4);
--accent: oklch(0.275 0.011 216.9);
--accent-foreground: oklch(0.987 0.002 197.1);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.56 0.021 213.5);
--chart-1: oklch(0.855 0.138 181.071);
--chart-2: oklch(0.704 0.14 182.503);
--chart-3: oklch(0.6 0.118 184.704);
--chart-4: oklch(0.511 0.096 186.391);
--chart-5: oklch(0.437 0.078 188.216);
--sidebar: oklch(0.218 0.008 223.9);
--sidebar-foreground: oklch(0.987 0.002 197.1);
--sidebar-primary: oklch(0.704 0.14 182.503);
--sidebar-primary-foreground: oklch(0.277 0.046 192.524);
--sidebar-accent: oklch(0.275 0.011 216.9);
--sidebar-accent-foreground: oklch(0.987 0.002 197.1);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.56 0.021 213.5);
}
@theme inline {
--breakpoint-sm: 640px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1536px;
--animate-first: moveVertical 30s ease infinite;
--animate-second: moveInCircle 20s reverse infinite;
--animate-third: moveInCircle 40s linear infinite;
--animate-fourth: moveHorizontal 40s ease infinite;
--animate-fifth: moveInCircle 20s ease infinite;
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: "Inter Variable", sans-serif;
--color-sidebar-ring: var(--sidebar-ring);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@ -53,81 +107,15 @@
--color-popover: var(--popover);
--color-card-foreground: var(--card-foreground);
--color-card: var(--card);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--color-foreground: var(--foreground);
--color-background: var(--background);
--radius-sm: calc(var(--radius) * 0.6);
--radius-md: calc(var(--radius) * 0.8);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
}
:root {
--radius: 0.625rem;
--background: #f7f7f7;
--foreground: #1f1f1f;
--card: #ffffff;
--card-foreground: #1f1f1f;
--popover: #ffffff;
--popover-foreground: #1f1f1f;
--primary: #babbf1;
--primary-foreground: #181a22;
--secondary: #efefef;
--secondary-foreground: #1f1f1f;
--muted: #ececec;
--muted-foreground: #666666;
--accent: var(--border);
--accent-foreground: #1f1f1f;
--destructive: #d8d8d8;
--destructive-foreground: #1f1f1f;
--border: #dadada;
--input: #e7e7e7;
--ring: #babbf1;
--chart-1: #babbf1;
--chart-2: #bcbcbc;
--chart-3: #969696;
--chart-4: #717171;
--chart-5: #4f4f4f;
--sidebar: #f1f1f1;
--sidebar-foreground: #1f1f1f;
--sidebar-primary: #babbf1;
--sidebar-primary-foreground: #181a22;
--sidebar-accent: #e7e7e7;
--sidebar-accent-foreground: #1f1f1f;
--sidebar-border: #dadada;
--sidebar-ring: #babbf1;
}
.dark {
--background: #141414;
--foreground: #f5f5f5;
--card: #1d1d1d;
--card-foreground: #f5f5f5;
--popover: #1d1d1d;
--popover-foreground: #f5f5f5;
--primary: #babbf1;
--primary-foreground: #11131a;
--secondary: #232323;
--secondary-foreground: #f5f5f5;
--muted: #262626;
--muted-foreground: #c7c7c7;
--accent: var(--border);
--accent-foreground: #f5f5f5;
--destructive: #2c2c2c;
--destructive-foreground: #f5f5f5;
--border: #343434;
--input: #2a2a2a;
--ring: #babbf1;
--chart-1: #babbf1;
--chart-2: #bcbcbc;
--chart-3: #969696;
--chart-4: #707070;
--chart-5: #525252;
--sidebar: #171717;
--sidebar-foreground: #f5f5f5;
--sidebar-primary: #babbf1;
--sidebar-primary-foreground: #11131a;
--sidebar-accent: #262626;
--sidebar-accent-foreground: #f5f5f5;
--sidebar-border: #343434;
--sidebar-ring: #babbf1;
--radius-xl: calc(var(--radius) * 1.4);
--radius-2xl: calc(var(--radius) * 1.8);
--radius-3xl: calc(var(--radius) * 2.2);
--radius-4xl: calc(var(--radius) * 2.6);
}
@layer base {
@ -136,10 +124,9 @@
}
body {
@apply bg-background text-foreground;
font-family: "Inter", system-ui, sans-serif;
}
div {
@apply text-foreground;
html {
@apply font-sans;
}
::selection {
background: var(--color-primary, var(--primary));

37
apps/web/src/index.tsx
View file

@ -1,4 +1,3 @@
import * as React from "react";
import { createRoot } from "react-dom/client";
import {
Outlet,
@ -20,6 +19,8 @@ import ChatContext from "@tensamin/chat/context";
import Login from "@/routes/screens/login";
import Signup from "@/routes/screens/signup";
import { ThemeProvider } from "@tensamin/ui/theme";
const wrapper = document.getElementById("root");
if (!wrapper) {
@ -33,32 +34,14 @@ window.setLogLevelToMax = () => {
};
function RootShell() {
React.useEffect(() => {
try {
const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
document.documentElement.classList.toggle("dark", mediaQuery.matches);
const handleChange = (event: MediaQueryListEvent) => {
document.documentElement.classList.toggle("dark", event.matches);
};
mediaQuery.addEventListener("change", handleChange);
return () => {
mediaQuery.removeEventListener("change", handleChange);
};
} catch {
return;
}
}, []);
return (
<div className="w-screen h-screen overflow-hidden">
<RootLayout>
<Outlet />
</RootLayout>
</div>
<ThemeProvider>
<div className="w-screen h-screen overflow-hidden">
<RootLayout>
<Outlet />
</RootLayout>
</div>
</ThemeProvider>
);
}
@ -129,4 +112,4 @@ declare module "@tanstack/react-router" {
}
}
createRoot(wrapper).render(<RouterProvider router={router} />);
createRoot(wrapper).render(<RouterProvider router={router} />);

2
apps/web/src/routes/layout.tsx
View file

@ -5,7 +5,7 @@ import Crypto from "@tensamin/crypto/context";
import LegalWrapper from "@/features/legal/screen";
import { Toaster } from "@tensamin/ui/sonner";
import { Toaster } from "@tensamin/ui/cmp/sonner";
export default function Layout(props: { children: ReactNode }) {
return (

2
apps/web/src/routes/screens/login.tsx
View file

@ -1,5 +1,5 @@
import Form from "@/components/screens/login/form";
import { Button } from "@tensamin/ui/button";
import { Button } from "@tensamin/ui/cmp/button";
import { Link } from "@tanstack/react-router";
export default function Page() {