chore: update compiled translations

apps/web/src/components/AuthForm.tsx

@@ -303,10 +303,6 @@ export function Auth({ setIsMagicLinkSent, isSignUp }: AuthProps) {
 
   const password = watch("password");
 
-  const isMagicLinkAvailable = useMemo(() => {
-    return isCloudEnv || (isEmailSendingEnabled && !isSignUp);
-  }, [isCloudEnv, isEmailSendingEnabled, isSignUp]);
-
   // Determine if we should operate in magic link mode for current form state (login only)
   const isMagicLinkMode = useMemo(() => {
     // Magic link only viable when email sending enabled AND not sign up.
@@ -394,7 +390,7 @@ export function Auth({ setIsMagicLinkSent, isSignUp }: AuthProps) {
               )}
             </div>
           )}
-          {(isCredentialsEnabled || isMagicLinkAvailable) && (
+          {isCredentialsEnabled && (
             <>
               <div>
                 <Input
@@ -408,28 +404,26 @@ export function Auth({ setIsMagicLinkSent, isSignUp }: AuthProps) {
                 )}
               </div>
 
-              {isCredentialsEnabled && (
+              <div>
-                <div>
+                <Input
-                  <Input
+                  type="password"
-                    type="password"
+                  {...register("password", { required: true })}
-                    {...register("password", { required: true })}
+                  placeholder={t`Enter your password`}
-                    placeholder={t`Enter your password`}
+                />
-                  />
+                {errors.password && (
-                  {errors.password && (
+                  <p className="mt-2 text-xs text-red-400">
-                    <p className="mt-2 text-xs text-red-400">
+                    {errors.password.message ??
-                      {errors.password.message ??
+                      t`Please enter a valid password`}
-                        t`Please enter a valid password`}
+                  </p>
-                    </p>
+                )}
-                  )}
+              </div>
-                </div>
-              )}
             </>
           )}
           {loginError && (
             <p className="mt-2 text-xs text-red-400">{loginError}</p>
           )}
         </div>
-        {(isCredentialsEnabled || isMagicLinkAvailable) && (
+        {isCredentialsEnabled && (
           <div className="mt-[1.5rem] flex items-center gap-4">
             <Button
               isLoading={isLoginWithEmailPending}

apps/web/src/components/SideNavigation.tsx

@@ -122,10 +122,10 @@ export default function SideNavigation({
         )}
       >
         <div>
-          <div className="hidden h-[45px] items-center justify-between pb-3 md:flex">
+          <div className="hidden h-14 items-center justify-between pb-[18px] pt-1.5 md:flex">
             {!isCollapsed && (
               <Link href="/" className="block">
-                <h1 className="pl-2 text-[16px] font-bold tracking-tight text-neutral-900 dark:text-dark-1000">
+                <h1 className="pl-2 text-lg font-bold tracking-tight text-neutral-900 dark:text-dark-1000">
                   kan.bn
                 </h1>
               </Link>

apps/web/src/views/card/components/Dropdown.tsx

@@ -28,7 +28,7 @@ export default function BoardDropdown() {
         },
       ]}
     >
-      <HiEllipsisHorizontal className="h-5 w-5 text-dark-900" />
+      <HiEllipsisHorizontal className="h-6 w-6 text-dark-900" />
     </Dropdown>
   );
 }

apps/web/src/views/card/index.tsx

@@ -107,7 +107,7 @@ export function CardRightPanel({ isTemplate }: { isTemplate?: boolean }) {
 
   return (
     <div className="h-full w-[360px] border-l-[1px] border-light-300 bg-light-50 p-8 text-light-900 dark:border-dark-300 dark:bg-dark-50 dark:text-dark-900">
-      <div className="mb-4 flex w-full flex-row pt-[18px]">
+      <div className="mb-4 flex w-full flex-row">
         <p className="my-2 mb-2 w-[100px] text-sm font-medium">{t`List`}</p>
         <ListSelector
           cardPublicId={cardId ?? ""}
@@ -210,17 +210,6 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
     }
   }, [card, getModalState, clearModalState]);
 
-  // Auto-resize title textarea
-  useEffect(() => {
-    const titleTextarea = document.getElementById(
-      "title",
-    ) as HTMLTextAreaElement;
-    if (titleTextarea) {
-      titleTextarea.style.height = "auto";
-      titleTextarea.style.height = `${titleTextarea.scrollHeight}px`;
-    }
-  }, [card]);
-
   if (!cardId) return <></>;
 
   return (
@@ -228,71 +217,47 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
       <PageHead
         title={t`${card?.title ?? t`Card`} | ${board?.name ?? t`Board`}`}
       />
-      <div className="flex h-full flex-1 flex-col overflow-hidden">
+      <div className="flex h-full flex-1 flex-row overflow-hidden">
-        {/* Full-width top strip with board link and dropdown */}
-        <div className="flex w-full items-center justify-between border-b-[1px] border-light-300 bg-light-50 px-8 py-2 dark:border-dark-300 dark:bg-dark-50">
-          {!card && isLoading && (
-            <div className="flex space-x-2">
-              <div className="h-[1.5rem] w-[150px] animate-pulse rounded-[5px] bg-light-300 dark:bg-dark-300" />
-            </div>
-          )}
-          {card && (
-            <>
-              <div className="flex items-center gap-1">
-                <Link
-                  className="whitespace-nowrapleading-[1.5rem] text-sm font-bold text-light-900 dark:text-dark-950"
-                  href={`${isTemplate ? "/templates" : "/boards"}`}
-                >
-                  {workspace.name}
-                </Link>
-                <IoChevronForwardSharp className="h-[10px] w-[10px] text-light-900 dark:text-dark-900" />
-                <Link
-                  className="whitespace-nowrap text-sm font-bold leading-[1.5rem] text-light-900 dark:text-dark-950"
-                  href={`${isTemplate ? "/templates" : "/boards"}/${board?.publicId}`}
-                >
-                  {board?.name}
-                </Link>
-              </div>
-              <div className="flex items-center gap-2">
-                <Dropdown />
-              </div>
-            </>
-          )}
-          {!card && !isLoading && (
-            <p className="block p-0 py-0 font-bold leading-[1.5rem] tracking-tight text-light-900 dark:text-dark-900 sm:text-[1rem]">
-              {t`Card not found`}
-            </p>
-          )}
-        </div>
         <div className="scrollbar-thumb-rounded-[4px] scrollbar-track-rounded-[4px] w-full flex-1 overflow-y-auto scrollbar scrollbar-track-light-200 scrollbar-thumb-light-400 hover:scrollbar-thumb-light-400 dark:scrollbar-track-dark-100 dark:scrollbar-thumb-dark-300 dark:hover:scrollbar-thumb-dark-300">
           <div className="p-auto mx-auto flex h-full w-full max-w-[800px] flex-col">
             <div className="p-6 md:p-8">
-              <div className="mb-8 md:mt-4">
+              <div className="mb-8 flex w-full items-center justify-between md:mt-6">
                 {!card && isLoading && (
                   <div className="flex space-x-2">
+                    <div className="h-[2.3rem] w-[150px] animate-pulse rounded-[5px] bg-light-300 dark:bg-dark-300" />
                     <div className="h-[2.3rem] w-[300px] animate-pulse rounded-[5px] bg-light-300 dark:bg-dark-300" />
                   </div>
                 )}
                 {card && (
-                  <form
+                  <>
-                    onSubmit={handleSubmit(onSubmit)}
+                    <Link
-                    className="w-full space-y-6"
+                      className="whitespace-nowrap font-bold leading-[2.3rem] tracking-tight text-light-900 dark:text-dark-900 sm:text-[1.2rem]"
-                  >
+                      href={`${isTemplate ? "/templates" : "/boards"}/${board?.publicId}`}
-                    <div>
+                    >
-                      <textarea
+                      {board?.name}
-                        id="title"
+                    </Link>
-                        {...register("title")}
+                    <IoChevronForwardSharp
-                        onBlur={handleSubmit(onSubmit)}
+                      size={18}
-                        rows={1}
+                      className="mx-2 text-light-900 dark:text-dark-900"
-                        className="block w-full resize-none overflow-hidden border-0 bg-transparent p-0 py-0 font-bold leading-relaxed text-neutral-900 focus:ring-0 dark:text-dark-1000 sm:text-[1.2rem]"
+                    />
-                        onInput={(e) => {
+                    <form
-                          const target = e.target as HTMLTextAreaElement;
+                      onSubmit={handleSubmit(onSubmit)}
-                          target.style.height = "auto";
+                      className="w-full space-y-6"
-                          target.style.height = `${target.scrollHeight}px`;
+                    >
-                        }}
+                      <div>
-                      />
+                        <input
+                          type="text"
+                          id="title"
+                          {...register("title")}
+                          onBlur={handleSubmit(onSubmit)}
+                          className="block w-full border-0 bg-transparent p-0 py-0 font-bold tracking-tight text-neutral-900 focus:ring-0 dark:text-dark-1000 sm:text-[1.2rem]"
+                        />
+                      </div>
+                    </form>
+                    <div className="flex">
+                      <Dropdown />
                     </div>
-                  </form>
+                  </>
                 )}
                 {!card && !isLoading && (
                   <p className="block p-0 py-0 font-bold leading-[2.3rem] tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]">

packages/auth/src/auth.ts

@@ -129,11 +129,6 @@ export const initAuth = (db: dbClient) => {
         user: schema.users,
       },
     }),
-    session: {
-      expiresIn: 60 * 60 * 24 * 30, // 30 days
-      updateAge: 60 * 60 * 24 * 2, // Update session expiry every 48 hours if user is active
-      freshAge: 0,
-    },
     emailAndPassword: {
       enabled: env("NEXT_PUBLIC_ALLOW_CREDENTIALS")?.toLowerCase() === "true",
       disableSignUp: