@hed-hog/operations 0.0.332 → 0.0.347

package/hedhog/frontend/app/_lib/api.ts.ejs

@@ -479,7 +479,7 @@ export function deleteTaskComment(
   );
 }
 
-// ─── Collaborator Payments ────────────────────────────────────────────────────
+// Collaborator Payments
 
 export type CollaboratorPayment = {
   id: number;
@@ -553,7 +553,7 @@ export function deleteCollaboratorPayment(
   );
 }
 
-// ─── Collaborator Invoices ────────────────────────────────────────────────────
+// Collaborator Invoices
 
 export type CollaboratorInvoice = {
   id: number;

package/hedhog/frontend/app/_lib/utils/task-ui.ts.ejs

@@ -46,7 +46,7 @@ export function getTaskDescriptionPreview(value?: string | null) {
   if (!value) return '';
 
   return String(value)
-    .replace(/<br\s*\/?>/gi, ' ')
+    .replace(/<br\s*\/?>(?=)/gi, ' ')
     .replace(/<\/(p|div|li|ul|ol|h1|h2|h3|h4|h5|h6)>/gi, ' ')
     .replace(/<li[^>]*>/gi, ' ')
     .replace(/<[^>]*>/g, '')

package/hedhog/frontend/app/my-projects/page.tsx.ejs

@@ -49,12 +49,6 @@ function getPersonAvatarUrl(avatarId?: number | null): string {
     : '/placeholder.png';
 }
 
-function getUserPhotoUrl(photoId?: number | null): string {
-  return typeof photoId === 'number' && photoId > 0
-    ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/user/avatar/${photoId}`
-    : '/placeholder.png';
-}
-
 function getInitials(value?: string | null): string {
   if (!value) return '?';
   return value
@@ -299,11 +293,7 @@ export default function OperationsMyProjectsPage() {
                       </span>
                       <Avatar className="h-5 w-5 shrink-0">
                         <AvatarImage
-                          src={
-                            project.clientUserPhotoId
-                              ? getUserPhotoUrl(project.clientUserPhotoId)
-                              : getPersonAvatarUrl(project.clientAvatarId)
-                          }
+                          src={getPersonAvatarUrl(project.clientAvatarId)}
                           alt={project.clientName ?? ''}
                         />
                         <AvatarFallback className="text-[9px] font-medium">
@@ -412,11 +402,7 @@ export default function OperationsMyProjectsPage() {
                       <div className="flex min-w-0 items-center gap-1.5">
                         <Avatar className="h-6 w-6 shrink-0">
                           <AvatarImage
-                            src={
-                              project.clientUserPhotoId
-                                ? getUserPhotoUrl(project.clientUserPhotoId)
-                                : getPersonAvatarUrl(project.clientAvatarId)
-                            }
+                            src={getPersonAvatarUrl(project.clientAvatarId)}
                             alt={project.clientName ?? ''}
                           />
                           <AvatarFallback className="text-[9px] font-medium">

package/hedhog/frontend/app/my-tasks/page.tsx.ejs

@@ -6,7 +6,6 @@ import {
   PaginationFooter,
   SearchBar,
 } from '@/components/entity-list';
-import { RichTextEditor } from '@/components/rich-text-editor';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import {
@@ -44,7 +43,7 @@ import {
 } from '@/components/ui/table';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
-import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
+import { RichTextEditor } from '@/components/rich-text-editor';
 import {
   closestCenter,
   DndContext,
@@ -87,14 +86,15 @@ import { useCallback, useMemo, useState } from 'react';
 import { OperationsHeader } from '../_components/operations-header';
 import { StatusBadge } from '../_components/status-badge';
 import {
-  TaskCommentsSection,
   TaskDetailSheet,
+  TaskCommentsSection,
   type TaskDetailSheetData,
 } from '../_components/task-detail-sheet';
 import { TaskFileAttachments } from '../_components/task-file-attachments';
 import { TimesheetEntryCreateSheet } from '../_components/timesheet-entry-create-sheet';
 import { fetchOperations, mutateOperations } from '../_lib/api';
 import { useMentionItems } from '../_lib/hooks/use-mention-items';
+import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import type {
   OperationsCollaborator,
   OperationsProjectOption,
@@ -102,7 +102,6 @@ import type {
   PaginatedResponse,
 } from '../_lib/types';
 import { formatDate, getStatusBadgeClass } from '../_lib/utils/format';
-import { getTaskDescriptionPreview } from '../_lib/utils/task-ui';
 
 type TaskViewMode = 'table' | 'cards' | 'board';
 
@@ -706,13 +705,9 @@ export default function OperationsMyTasksPage() {
     [inlineCreateName, request, refetchBoard]
   );
 
-  const openCreateTaskForm = useCallback((status?: BoardColumnId) => {
+  const openCreateTaskForm = useCallback(() => {
     setEditingTaskId(null);
     setSelectedTask(null);
-    setTaskFormData((prev) => ({
-      ...EMPTY_TASK_FORM,
-      ...(status ? { status } : { status: prev.status }),
-    }));
     setTaskFormOpen(true);
   }, []);
 
@@ -938,7 +933,7 @@ export default function OperationsMyTasksPage() {
                   {(isOver) => (
                     <div
                       className={[
-                        'flex min-h-48 max-h-160 flex-col rounded-3xl border bg-linear-to-b p-3 transition-all',
+                        'flex min-h-128 flex-col overflow-hidden rounded-3xl border bg-linear-to-b p-3 transition-all',
                         getColumnClassName(column.id),
                         isOver
                           ? 'border-primary shadow-lg ring-2 ring-primary/15'
@@ -968,14 +963,17 @@ export default function OperationsMyTasksPage() {
                           <button
                             type="button"
                             className="flex size-5 cursor-pointer items-center justify-center rounded-full text-muted-foreground transition hover:bg-muted hover:text-foreground"
-                            onClick={() => openCreateTaskForm(column.id)}
+                            onClick={() => {
+                              setInlineCreateColumn(column.id);
+                              setInlineCreateName('');
+                            }}
                           >
                             <Plus className="size-3.5" />
                           </button>
                         </div>
                       </div>
 
-                      <div className="flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto pb-1 pr-0.5">
+                      <div className="flex flex-1 flex-col gap-2">
                         <AnimatePresence initial={false}>
                           {boardColumns[column.id].map((task) => {
                             const taskTags = task.tags
@@ -1027,8 +1025,9 @@ export default function OperationsMyTasksPage() {
                                         </p>
                                         {task.description ? (
                                           <p className="line-clamp-2 text-xs leading-5 text-muted-foreground">
-                                            {getTaskDescriptionPreview(
-                                              task.description
+                                            {task.description.replace(
+                                              /<[^>]*>/g,
+                                              ''
                                             )}
                                           </p>
                                         ) : null}
@@ -1152,14 +1151,76 @@ export default function OperationsMyTasksPage() {
                         </AnimatePresence>
                       </div>
 
-                      <button
-                        type="button"
-                        className="mt-auto flex w-full cursor-pointer items-center justify-center gap-1 rounded-2xl border border-dashed bg-background/70 px-3 py-2 text-xs text-muted-foreground transition hover:border-primary/40 hover:bg-primary/5 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
-                        onClick={() => openCreateTaskForm(column.id)}
-                      >
-                        <Plus className="size-3" />
-                        {t('actions.create')}
-                      </button>
+                      {inlineCreateColumn === column.id ? (
+                        <div className="space-y-1.5 rounded-lg border bg-card p-2">
+                          <Input
+                            autoFocus
+                            placeholder={detailT('taskForm.namePlaceholder')}
+                            value={inlineCreateName}
+                            onChange={(e) =>
+                              setInlineCreateName(e.target.value)
+                            }
+                            onKeyDown={(e) => {
+                              if (e.key === 'Enter') {
+                                e.preventDefault();
+                                void handleInlineCreateTask(column.id);
+                              } else if (e.key === 'Escape') {
+                                setInlineCreateColumn(null);
+                                setInlineCreateName('');
+                              }
+                            }}
+                            onBlur={() => {
+                              if (!inlineCreateName.trim()) {
+                                setInlineCreateColumn(null);
+                                setInlineCreateName('');
+                              }
+                            }}
+                            disabled={inlineCreateLoading}
+                            className="h-8 text-sm"
+                          />
+                          <div className="flex gap-1">
+                            <Button
+                              type="button"
+                              size="sm"
+                              className="h-7 px-2 text-xs"
+                              disabled={
+                                !inlineCreateName.trim() || inlineCreateLoading
+                              }
+                              onMouseDown={(e) => e.preventDefault()}
+                              onClick={() =>
+                                void handleInlineCreateTask(column.id)
+                              }
+                            >
+                              {t('actions.create')}
+                            </Button>
+                            <Button
+                              type="button"
+                              variant="ghost"
+                              size="sm"
+                              className="h-7 px-2 text-xs"
+                              onMouseDown={(e) => e.preventDefault()}
+                              onClick={() => {
+                                setInlineCreateColumn(null);
+                                setInlineCreateName('');
+                              }}
+                            >
+                              {commonT('actions.cancel')}
+                            </Button>
+                          </div>
+                        </div>
+                      ) : (
+                        <button
+                          type="button"
+                          className="flex w-full cursor-pointer items-center gap-1 rounded-md px-1 py-1 text-xs text-muted-foreground transition hover:bg-muted hover:text-foreground"
+                          onClick={() => {
+                            setInlineCreateColumn(column.id);
+                            setInlineCreateName('');
+                          }}
+                        >
+                          <Plus className="size-3" />
+                          {t('actions.create')}
+                        </button>
+                      )}
                     </div>
                   )}
                 </DroppableColumn>
@@ -1215,7 +1276,7 @@ export default function OperationsMyTasksPage() {
 
                   {task.description ? (
                     <p className="line-clamp-3 text-sm text-muted-foreground">
-                      {getTaskDescriptionPreview(task.description)}
+                      {task.description}
                     </p>
                   ) : null}
 
@@ -1264,7 +1325,7 @@ export default function OperationsMyTasksPage() {
                         <div className="truncate font-medium">{task.name}</div>
                         {task.description ? (
                           <div className="truncate text-xs text-muted-foreground">
-                            {getTaskDescriptionPreview(task.description)}
+                            {task.description}
                           </div>
                         ) : null}
                       </div>
@@ -1465,6 +1526,7 @@ export default function OperationsMyTasksPage() {
         </DialogContent>
       </Dialog>
 
+
       <Sheet
         open={taskFormOpen}
         onOpenChange={(open) => {

package/hedhog/frontend/app/projects/page.tsx.ejs

@@ -194,15 +194,9 @@ function DroppableProjectColumn({
   return <div ref={setNodeRef}>{children(isOver)}</div>;
 }
 
-function getPersonAvatarUrl(avatarId?: number | null) {
+function getPersonAvatarUrl(avatarId?: number | null): string {
   return typeof avatarId === 'number' && avatarId > 0
     ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${avatarId}`
-    : undefined;
-}
-
-function getUserPhotoUrl(photoId?: number | null) {
-  return typeof photoId === 'number' && photoId > 0
-    ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/user/avatar/${photoId}`
     : '/placeholder.png';
 }
 
@@ -512,31 +506,9 @@ export default function OperationsProjectsPage() {
     >
       <CardContent className="space-y-2 p-3">
         <div className="truncate text-sm font-semibold">{project.name}</div>
-        <div className="flex items-center gap-2 text-xs text-muted-foreground">
-          {project.clientName ? (
-            <>
-              <span className="truncate">{project.code || '—'}</span>
-              <span>•</span>
-              <Avatar className="h-4 w-4 shrink-0">
-                <AvatarImage
-                  src={
-                    project.clientUserPhotoId
-                      ? getUserPhotoUrl(project.clientUserPhotoId)
-                      : getPersonAvatarUrl(project.clientAvatarId)
-                  }
-                  alt={project.clientName}
-                />
-                <AvatarFallback className="text-[8px] font-medium">
-                  {getInitials(project.clientName)}
-                </AvatarFallback>
-              </Avatar>
-              <span className="truncate">{project.clientName}</span>
-            </>
-          ) : (
-            <span className="truncate">
-              {project.code || commonT('labels.notAvailable')}
-            </span>
-          )}
+        <div className="truncate text-xs text-muted-foreground">
+          {[project.code, project.clientName].filter(Boolean).join(' • ') ||
+            commonT('labels.notAvailable')}
         </div>
         <div className="flex items-center justify-between gap-2 pt-1">
           <StatusBadge
@@ -786,11 +758,7 @@ export default function OperationsProjectsPage() {
                       </span>
                       <Avatar className="h-5 w-5 shrink-0">
                         <AvatarImage
-                          src={
-                            project.clientUserPhotoId
-                              ? getUserPhotoUrl(project.clientUserPhotoId)
-                              : getPersonAvatarUrl(project.clientAvatarId)
-                          }
+                          src={getPersonAvatarUrl(project.clientAvatarId)}
                           alt={project.clientName ?? ''}
                         />
                         <AvatarFallback className="text-[9px] font-medium">
@@ -995,11 +963,7 @@ export default function OperationsProjectsPage() {
                       <div className="flex min-w-0 items-center gap-1.5">
                         <Avatar className="h-6 w-6 shrink-0">
                           <AvatarImage
-                            src={
-                              project.clientUserPhotoId
-                                ? getUserPhotoUrl(project.clientUserPhotoId)
-                                : getPersonAvatarUrl(project.clientAvatarId)
-                            }
+                            src={getPersonAvatarUrl(project.clientAvatarId)}
                             alt={project.clientName ?? ''}
                           />
                           <AvatarFallback className="text-[9px] font-medium">