@hed-hog/operations 0.0.322 → 0.0.326

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/costs-report/page.d.ts

@@ -0,0 +1,6 @@
+export default function ProjectCostReportPage({ params, }: {
+    params: Promise<{
+        id: string;
+    }>;
+}): Promise<import("react").JSX.Element>;
+//# sourceMappingURL=page.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/costs-report/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAEA,wBAA8B,qBAAqB,CAAC,EAClD,MAAM,GACP,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjC,wCAGA"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/costs-report/page.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ProjectCostReportPage;
+const project_cost_report_screen_1 = require("../../../_components/project-cost-report-screen");
+async function ProjectCostReportPage({ params, }) {
+    const { id } = await params;
+    return <project_cost_report_screen_1.ProjectCostReportScreen projectId={Number(id)}/>;
+}
+//# sourceMappingURL=page.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/costs-report/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":";;AAEA,wCAOC;AATD,gGAA0F;AAE3E,KAAK,UAAU,qBAAqB,CAAC,EAClD,MAAM,GAGP;IACC,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,MAAM,CAAC;IAC5B,OAAO,CAAC,oDAAuB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAG,CAAC;AAC5D,CAAC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/costs-report/page.tsx

@@ -0,0 +1,10 @@
+import { ProjectCostReportScreen } from '../../../_components/project-cost-report-screen';
+
+export default async function ProjectCostReportPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  return <ProjectCostReportScreen projectId={Number(id)} />;
+}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/edit/page.d.ts

@@ -0,0 +1,6 @@
+export default function OperationsProjectEditPage({ params, }: {
+    params: Promise<{
+        id: string;
+    }>;
+}): Promise<void>;
+//# sourceMappingURL=page.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/edit/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAEA,wBAA8B,yBAAyB,CAAC,EACtD,MAAM,GACP,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjC,iBAIA"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/edit/page.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OperationsProjectEditPage;
+const navigation_1 = require("next/navigation");
+async function OperationsProjectEditPage({ params, }) {
+    const { id } = await params;
+    (0, navigation_1.redirect)(`/operations/projects/${id}?edit=1`);
+}
+//# sourceMappingURL=page.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/edit/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":";;AAEA,4CAQC;AAVD,gDAA2C;AAE5B,KAAK,UAAU,yBAAyB,CAAC,EACtD,MAAM,GAGP;IACC,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,MAAM,CAAC;IAE5B,IAAA,qBAAQ,EAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC;AAChD,CAAC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/edit/page.tsx

@@ -0,0 +1,11 @@
+import { redirect } from 'next/navigation';
+
+export default async function OperationsProjectEditPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  redirect(`/operations/projects/${id}?edit=1`);
+}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/page.d.ts

@@ -0,0 +1,6 @@
+export default function OperationsProjectDetailsPage({ params, }: {
+    params: Promise<{
+        id: string;
+    }>;
+}): Promise<import("react").JSX.Element>;
+//# sourceMappingURL=page.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAEA,wBAA8B,4BAA4B,CAAC,EACzD,MAAM,GACP,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjC,wCAIA"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/page.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OperationsProjectDetailsPage;
+const project_details_screen_1 = require("../../_components/project-details-screen");
+async function OperationsProjectDetailsPage({ params, }) {
+    const { id } = await params;
+    return <project_details_screen_1.ProjectDetailsScreen projectId={Number(id)}/>;
+}
+//# sourceMappingURL=page.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":";;AAEA,+CAQC;AAVD,qFAAgF;AAEjE,KAAK,UAAU,4BAA4B,CAAC,EACzD,MAAM,GAGP;IACC,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,MAAM,CAAC;IAE5B,OAAO,CAAC,6CAAoB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAG,CAAC;AACzD,CAAC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/[id]/page.tsx

@@ -0,0 +1,11 @@
+import { ProjectDetailsScreen } from '../../_components/project-details-screen';
+
+export default async function OperationsProjectDetailsPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  return <ProjectDetailsScreen projectId={Number(id)} />;
+}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/new/page.d.ts

@@ -0,0 +1,2 @@
+export default function OperationsProjectCreatePage(): void;
+//# sourceMappingURL=page.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/new/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,2BAA2B,SAElD"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/new/page.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OperationsProjectCreatePage;
+const navigation_1 = require("next/navigation");
+function OperationsProjectCreatePage() {
+    (0, navigation_1.redirect)('/operations/projects?create=1');
+}
+//# sourceMappingURL=page.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/new/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":";;AAEA,8CAEC;AAJD,gDAA2C;AAE3C,SAAwB,2BAA2B;IACjD,IAAA,qBAAQ,EAAC,+BAA+B,CAAC,CAAC;AAC5C,CAAC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/new/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function OperationsProjectCreatePage() {
+  redirect('/operations/projects?create=1');
+}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/page.d.ts

@@ -0,0 +1,2 @@
+export default function OperationsProjectsPage(): import("react").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AA+EA,MAAM,CAAC,OAAO,UAAU,sBAAsB,gCAqqB7C"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/projects/page.js

@@ -0,0 +1,492 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OperationsProjectsPage;
+const entity_list_1 = require("@/components/entity-list");
+const avatar_1 = require("@/components/ui/avatar");
+const button_1 = require("@/components/ui/button");
+const card_1 = require("@/components/ui/card");
+const kpi_cards_grid_1 = require("@/components/ui/kpi-cards-grid");
+const sheet_1 = require("@/components/ui/sheet");
+const table_1 = require("@/components/ui/table");
+const toggle_group_1 = require("@/components/ui/toggle-group");
+const next_app_provider_1 = require("@hed-hog/next-app-provider");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+const link_1 = __importDefault(require("next/link"));
+const navigation_1 = require("next/navigation");
+const react_1 = require("react");
+const operations_header_1 = require("../_components/operations-header");
+const project_form_screen_1 = require("../_components/project-form-screen");
+const status_badge_1 = require("../_components/status-badge");
+const api_1 = require("../_lib/api");
+const use_operations_access_1 = require("../_lib/hooks/use-operations-access");
+const format_1 = require("../_lib/utils/format");
+const PROJECT_VIEW_STORAGE_KEY = 'operations-projects-view-mode';
+function getPersonAvatarUrl(avatarId) {
+    return typeof avatarId === 'number' && avatarId > 0
+        ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${avatarId}`
+        : '/placeholder.png';
+}
+function getInitials(value) {
+    if (!value)
+        return '?';
+    return value
+        .split(' ')
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((w) => w[0].toUpperCase())
+        .join('');
+}
+function parseEditProjectId(value) {
+    const parsed = Number(value);
+    return Number.isInteger(parsed) && parsed > 0 ? parsed : null;
+}
+function OperationsProjectsPage() {
+    var _a, _b, _c, _d;
+    const t = (0, next_intl_1.useTranslations)('operations.ProjectsPage');
+    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
+    const projectFormT = (0, next_intl_1.useTranslations)('operations.ProjectFormPage');
+    const contractFormT = (0, next_intl_1.useTranslations)('operations.ContractFormPage');
+    const tProjectStatus = (status) => status
+        ? projectFormT(`options.statuses.${status}`)
+        : '-';
+    const tContractStatus = (status) => status
+        ? contractFormT(`options.statuses.${status}`)
+        : '-';
+    const { request, showToastHandler, currentLocaleCode, getSettingValue } = (0, next_app_provider_1.useApp)();
+    const access = (0, use_operations_access_1.useOperationsAccess)();
+    const router = (0, navigation_1.useRouter)();
+    const pathname = (0, navigation_1.usePathname)();
+    const searchParams = (0, navigation_1.useSearchParams)();
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [statusFilter, setStatusFilter] = (0, react_1.useState)('all');
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [pageSize, setPageSize] = (0, react_1.useState)(12);
+    const [viewMode, setViewMode] = (0, react_1.useState)(() => {
+        if (typeof window === 'undefined') {
+            return 'table';
+        }
+        const savedViewMode = window.localStorage.getItem(PROJECT_VIEW_STORAGE_KEY);
+        return savedViewMode === 'cards' ? 'cards' : 'table';
+    });
+    const createParam = searchParams.get('create');
+    const editProjectId = parseEditProjectId(searchParams.get('edit'));
+    const isSheetOpen = createParam === '1' || editProjectId !== null;
+    const updateSheetQuery = (next) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.delete('create');
+        params.delete('edit');
+        if (next.create) {
+            params.set('create', '1');
+        }
+        if (next.editId) {
+            params.set('edit', String(next.editId));
+        }
+        const query = params.toString();
+        router.replace(query ? `${pathname}?${query}` : pathname, {
+            scroll: false,
+        });
+    };
+    const closeSheet = () => {
+        updateSheetQuery({});
+    };
+    const openCreateSheet = () => {
+        updateSheetQuery({ create: true });
+    };
+    const openEditSheet = (projectId) => {
+        updateSheetQuery({ editId: projectId });
+    };
+    const { data: projectsResponse, refetch } = (0, next_app_provider_1.useQuery)({
+        queryKey: [
+            'operations-projects-list',
+            currentLocaleCode,
+            search,
+            statusFilter,
+            page,
+            pageSize,
+        ],
+        queryFn: () => {
+            const params = new URLSearchParams({
+                page: String(page),
+                pageSize: String(pageSize),
+            });
+            if (search.trim()) {
+                params.set('search', search.trim());
+            }
+            if (statusFilter !== 'all') {
+                params.set('status', statusFilter);
+            }
+            return (0, api_1.fetchOperations)(request, `/operations/projects?${params.toString()}`);
+        },
+        placeholderData: (previous) => previous,
+    });
+    const projects = (_a = projectsResponse === null || projectsResponse === void 0 ? void 0 : projectsResponse.data) !== null && _a !== void 0 ? _a : [];
+    const filteredRows = projects;
+    const statsCards = (0, react_1.useMemo)(() => [
+        {
+            key: 'total',
+            title: t('cards.total'),
+            description: t('cards.totalDescription'),
+            value: projects.length,
+            icon: lucide_react_1.FolderKanban,
+            accentClassName: 'from-slate-500/20 via-slate-400/10 to-transparent',
+            iconContainerClassName: 'bg-slate-100 text-slate-700',
+        },
+        {
+            key: 'active',
+            title: t('cards.active'),
+            description: t('cards.activeDescription'),
+            value: projects.filter((item) => item.status === 'active').length,
+            icon: lucide_react_1.PlayCircle,
+            accentClassName: 'from-green-500/20 via-emerald-500/10 to-transparent',
+            iconContainerClassName: 'bg-green-50 text-green-600',
+        },
+        {
+            key: 'atRisk',
+            title: t('cards.atRisk'),
+            description: t('cards.atRiskDescription'),
+            value: projects.filter((item) => item.status === 'at_risk').length,
+            icon: lucide_react_1.ShieldAlert,
+            accentClassName: 'from-amber-500/20 via-orange-500/10 to-transparent',
+            iconContainerClassName: 'bg-amber-50 text-amber-600',
+        },
+        {
+            key: 'upcomingDeliveries',
+            title: t('cards.upcomingDeliveries'),
+            description: t('cards.upcomingDeliveriesDescription'),
+            value: projects.filter((item) => Boolean(item.endDate)).length,
+            icon: lucide_react_1.CalendarDays,
+            accentClassName: 'from-blue-500/20 via-cyan-500/10 to-transparent',
+            iconContainerClassName: 'bg-blue-50 text-blue-600',
+        },
+    ], [projects, t]);
+    const handleViewModeChange = (value) => {
+        if (value !== 'table' && value !== 'cards') {
+            return;
+        }
+        setViewMode(value);
+        if (typeof window !== 'undefined') {
+            window.localStorage.setItem(PROJECT_VIEW_STORAGE_KEY, value);
+        }
+    };
+    const toggleArchived = async (project) => {
+        const nextStatus = project.status === 'archived' ? 'active' : 'archived';
+        try {
+            await (0, api_1.mutateOperations)(request, `/operations/projects/${project.id}`, 'PATCH', {
+                status: nextStatus,
+            });
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', t('messages.statusSuccess'));
+            await refetch();
+        }
+        catch (_a) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.statusError'));
+        }
+    };
+    return (<entity_list_1.Page>
+      <operations_header_1.OperationsHeader title={t('title')} description={t('description')} current={t('breadcrumb')} actions={access.isDirector ? (<button_1.Button size="sm" onClick={openCreateSheet}>
+              {commonT('actions.create')}
+            </button_1.Button>) : undefined}/>
+
+      <kpi_cards_grid_1.KpiCardsGrid items={statsCards} columns={4}/>
+
+      <div className="flex min-w-0 flex-col gap-4 xl:flex-row xl:items-center">
+        <div className="flex-1">
+          <entity_list_1.SearchBar className="w-full" searchQuery={search} onSearchChange={(value) => {
+            setSearch(value);
+            setPage(1);
+        }} showSearchButton={false} debounceMs={500} placeholder={t('searchPlaceholder')} controls={[
+            {
+                id: 'status',
+                type: 'select',
+                value: statusFilter,
+                onChange: (value) => {
+                    setStatusFilter(value);
+                    setPage(1);
+                },
+                placeholder: commonT('labels.status'),
+                options: [
+                    { value: 'all', label: commonT('filters.allStatuses') },
+                    { value: 'planning', label: tProjectStatus('planning') },
+                    { value: 'active', label: tProjectStatus('active') },
+                    { value: 'at_risk', label: tProjectStatus('at_risk') },
+                    { value: 'paused', label: tProjectStatus('paused') },
+                    { value: 'completed', label: tProjectStatus('completed') },
+                    { value: 'archived', label: tProjectStatus('archived') },
+                ],
+            },
+        ]}/>
+        </div>
+
+        <div className="flex items-center justify-between gap-3 xl:justify-end">
+          <span className="text-xs font-medium text-muted-foreground">
+            {t('viewMode')}
+          </span>
+          <toggle_group_1.ToggleGroup type="single" value={viewMode} onValueChange={handleViewModeChange} variant="outline" size="sm" aria-label={t('viewMode')}>
+            <toggle_group_1.ToggleGroupItem value="table" className="gap-1.5 px-2.5" aria-label={t('viewModeTable')}>
+              <lucide_react_1.List className="h-4 w-4"/>
+              <span className="hidden sm:inline">{t('viewModeTable')}</span>
+            </toggle_group_1.ToggleGroupItem>
+            <toggle_group_1.ToggleGroupItem value="cards" className="gap-1.5 px-2.5" aria-label={t('viewModeCards')}>
+              <lucide_react_1.LayoutGrid className="h-4 w-4"/>
+              <span className="hidden sm:inline">{t('viewModeCards')}</span>
+            </toggle_group_1.ToggleGroupItem>
+          </toggle_group_1.ToggleGroup>
+        </div>
+      </div>
+
+      {filteredRows.length > 0 ? (viewMode === 'cards' ? (<div className="grid gap-4 md:grid-cols-2 2xl:grid-cols-3">
+            {filteredRows.map((project) => {
+                var _a, _b, _c;
+                return (<card_1.Card key={project.id} className="cursor-pointer overflow-hidden border-border/60 py-0 shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md" onDoubleClick={() => router.push(`/operations/projects/${project.id}`)}>
+                <card_1.CardContent className="space-y-4 p-4">
+                  <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+                    <div className="min-w-0">
+                      <div className="truncate font-semibold">
+                        {project.name}
+                      </div>
+                      <div className="truncate text-xs text-muted-foreground">
+                        {[
+                        project.code,
+                        project.myRoleLabel,
+                        project.contractName,
+                    ]
+                        .filter(Boolean)
+                        .join(' • ') || commonT('labels.notAvailable')}
+                      </div>
+                    </div>
+                    <status_badge_1.StatusBadge label={tProjectStatus(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
+                  </div>
+
+                  <div className="grid gap-2 text-sm text-muted-foreground lg:grid-cols-2">
+                    <div className="flex flex-wrap items-center gap-1.5">
+                      <span className="shrink-0 font-medium text-foreground">
+                        {commonT('labels.client')}:
+                      </span>
+                      <avatar_1.Avatar className="h-5 w-5 shrink-0">
+                        <avatar_1.AvatarImage src={getPersonAvatarUrl(project.clientAvatarId)} alt={(_a = project.clientName) !== null && _a !== void 0 ? _a : ''}/>
+                        <avatar_1.AvatarFallback className="text-[9px] font-medium">
+                          {getInitials(project.clientName)}
+                        </avatar_1.AvatarFallback>
+                      </avatar_1.Avatar>
+                      <span className="truncate">
+                        {project.clientName || commonT('labels.notAvailable')}
+                      </span>
+                    </div>
+                    <div className="flex flex-wrap items-center gap-1.5">
+                      <span className="shrink-0 font-medium text-foreground">
+                        {commonT('labels.manager')}:
+                      </span>
+                      <avatar_1.Avatar className="h-5 w-5 shrink-0">
+                        <avatar_1.AvatarImage src={getPersonAvatarUrl(project.managerAvatarId)} alt={(_b = project.managerName) !== null && _b !== void 0 ? _b : ''}/>
+                        <avatar_1.AvatarFallback className="text-[9px] font-medium">
+                          {getInitials(project.managerName)}
+                        </avatar_1.AvatarFallback>
+                      </avatar_1.Avatar>
+                      <span className="truncate">
+                        {project.managerName || commonT('labels.notAssigned')}
+                      </span>
+                    </div>
+                    <div>
+                      <span className="font-medium text-foreground">
+                        {commonT('labels.teamSize')}:
+                      </span>{' '}
+                      {(_c = project.teamSize) !== null && _c !== void 0 ? _c : 0}
+                    </div>
+                    <div>
+                      <span className="font-medium text-foreground">
+                        {commonT('labels.startDate')}:
+                      </span>{' '}
+                      {(0, format_1.formatDate)(project.startDate, getSettingValue, currentLocaleCode)}
+                    </div>
+                    <div>
+                      <span className="font-medium text-foreground">
+                        {commonT('labels.endDate')}:
+                      </span>{' '}
+                      {(0, format_1.formatDate)(project.endDate, getSettingValue, currentLocaleCode)}
+                    </div>
+                    <div className="flex items-center gap-2">
+                      <span className="font-medium text-foreground">
+                        {commonT('labels.contractStatus')}:
+                      </span>
+                      {project.contractStatus ? (<status_badge_1.StatusBadge label={tContractStatus(project.contractStatus)} className={(0, format_1.getStatusBadgeClass)(project.contractStatus)}/>) : (<span>{commonT('labels.notAssigned')}</span>)}
+                    </div>
+                  </div>
+
+                  <div className="flex items-center justify-end gap-2 border-t border-border/60 pt-3">
+                    <button_1.Button variant="outline" size="icon" asChild>
+                      <link_1.default href={`/operations/projects/${project.id}`}>
+                        <lucide_react_1.Eye className="size-4"/>
+                      </link_1.default>
+                    </button_1.Button>
+                    {access.isDirector ? (<button_1.Button variant="outline" size="icon" className="cursor-pointer" onClick={() => openEditSheet(project.id)}>
+                        <lucide_react_1.Pencil className="size-4"/>
+                      </button_1.Button>) : null}
+                    <button_1.Button variant="outline" size="icon" asChild={Boolean(project.contractId)} disabled={!project.contractId}>
+                      {project.contractId ? (<link_1.default href={`/operations/contracts?edit=${project.contractId}`}>
+                          <lucide_react_1.FileText className="size-4"/>
+                        </link_1.default>) : (<span>
+                          <lucide_react_1.FileText className="size-4"/>
+                        </span>)}
+                    </button_1.Button>
+                    {access.isDirector ? (<button_1.Button variant="outline" size="icon" className="cursor-pointer" title={project.status === 'archived'
+                            ? commonT('actions.activate')
+                            : t('actions.archive')} onClick={() => void toggleArchived(project)}>
+                        {project.status === 'archived' ? (<lucide_react_1.ArchiveRestore className="size-4"/>) : (<lucide_react_1.Archive className="size-4"/>)}
+                      </button_1.Button>) : null}
+                  </div>
+                </card_1.CardContent>
+              </card_1.Card>);
+            })}
+          </div>) : (<div className="overflow-x-auto rounded-md border">
+            <table_1.Table className="table-fixed">
+              <table_1.TableHeader>
+                <table_1.TableRow>
+                  <table_1.TableHead className="w-[30%]">
+                    {commonT('labels.project')}
+                  </table_1.TableHead>
+                  <table_1.TableHead>{commonT('labels.client')}</table_1.TableHead>
+                  <table_1.TableHead>{commonT('labels.status')}</table_1.TableHead>
+                  <table_1.TableHead className="hidden lg:table-cell">
+                    {commonT('labels.manager')}
+                  </table_1.TableHead>
+                  <table_1.TableHead className="hidden md:table-cell">
+                    {commonT('labels.teamSize')}
+                  </table_1.TableHead>
+                  <table_1.TableHead className="hidden xl:table-cell">
+                    {commonT('labels.startDate')}
+                  </table_1.TableHead>
+                  <table_1.TableHead className="hidden xl:table-cell">
+                    {commonT('labels.endDate')}
+                  </table_1.TableHead>
+                  <table_1.TableHead className="hidden 2xl:table-cell">
+                    {commonT('labels.contractStatus')}
+                  </table_1.TableHead>
+                  <table_1.TableHead className="w-30 text-right sm:w-42.5">
+                    {commonT('labels.actions')}
+                  </table_1.TableHead>
+                </table_1.TableRow>
+              </table_1.TableHeader>
+              <table_1.TableBody>
+                {filteredRows.map((project) => {
+                var _a, _b, _c;
+                return (<table_1.TableRow key={project.id} className="cursor-pointer hover:bg-muted/30" onDoubleClick={() => router.push(`/operations/projects/${project.id}`)}>
+                    <table_1.TableCell>
+                      <div className="min-w-0">
+                        <div className="truncate font-medium">
+                          {project.name}
+                        </div>
+                        <div className="truncate text-xs text-muted-foreground">
+                          {[
+                        project.code,
+                        project.myRoleLabel,
+                        project.contractName,
+                    ]
+                        .filter(Boolean)
+                        .join(' • ') || commonT('labels.notAvailable')}
+                        </div>
+                      </div>
+                    </table_1.TableCell>
+                    <table_1.TableCell>
+                      <div className="flex min-w-0 items-center gap-1.5">
+                        <avatar_1.Avatar className="h-6 w-6 shrink-0">
+                          <avatar_1.AvatarImage src={getPersonAvatarUrl(project.clientAvatarId)} alt={(_a = project.clientName) !== null && _a !== void 0 ? _a : ''}/>
+                          <avatar_1.AvatarFallback className="text-[9px] font-medium">
+                            {getInitials(project.clientName)}
+                          </avatar_1.AvatarFallback>
+                        </avatar_1.Avatar>
+                        <span className="truncate">
+                          {project.clientName || commonT('labels.notAvailable')}
+                        </span>
+                      </div>
+                    </table_1.TableCell>
+                    <table_1.TableCell>
+                      <status_badge_1.StatusBadge label={tProjectStatus(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
+                    </table_1.TableCell>
+                    <table_1.TableCell className="hidden lg:table-cell">
+                      <div className="flex min-w-0 items-center gap-1.5">
+                        <avatar_1.Avatar className="h-6 w-6 shrink-0">
+                          <avatar_1.AvatarImage src={getPersonAvatarUrl(project.managerAvatarId)} alt={(_b = project.managerName) !== null && _b !== void 0 ? _b : ''}/>
+                          <avatar_1.AvatarFallback className="text-[9px] font-medium">
+                            {getInitials(project.managerName)}
+                          </avatar_1.AvatarFallback>
+                        </avatar_1.Avatar>
+                        <span className="truncate">
+                          {project.managerName || commonT('labels.notAssigned')}
+                        </span>
+                      </div>
+                    </table_1.TableCell>
+                    <table_1.TableCell className="hidden md:table-cell">
+                      {(_c = project.teamSize) !== null && _c !== void 0 ? _c : 0}
+                    </table_1.TableCell>
+                    <table_1.TableCell className="hidden xl:table-cell">
+                      {(0, format_1.formatDate)(project.startDate, getSettingValue, currentLocaleCode)}
+                    </table_1.TableCell>
+                    <table_1.TableCell className="hidden xl:table-cell">
+                      {(0, format_1.formatDate)(project.endDate, getSettingValue, currentLocaleCode)}
+                    </table_1.TableCell>
+                    <table_1.TableCell className="hidden 2xl:table-cell">
+                      {project.contractStatus ? (<status_badge_1.StatusBadge label={tContractStatus(project.contractStatus)} className={(0, format_1.getStatusBadgeClass)(project.contractStatus)}/>) : (commonT('labels.notAssigned'))}
+                    </table_1.TableCell>
+                    <table_1.TableCell>
+                      <div className="flex items-center justify-end gap-1.5">
+                        <button_1.Button variant="outline" size="icon" asChild>
+                          <link_1.default href={`/operations/projects/${project.id}`}>
+                            <lucide_react_1.Eye className="size-4"/>
+                          </link_1.default>
+                        </button_1.Button>
+                        {access.isDirector ? (<button_1.Button variant="outline" size="icon" className="cursor-pointer" onClick={() => openEditSheet(project.id)}>
+                            <lucide_react_1.Pencil className="size-4"/>
+                          </button_1.Button>) : null}
+                        <button_1.Button variant="outline" size="icon" asChild={Boolean(project.contractId)} disabled={!project.contractId}>
+                          {project.contractId ? (<link_1.default href={`/operations/contracts?edit=${project.contractId}`}>
+                              <lucide_react_1.FileText className="size-4"/>
+                            </link_1.default>) : (<span>
+                              <lucide_react_1.FileText className="size-4"/>
+                            </span>)}
+                        </button_1.Button>
+                        {access.isDirector ? (<button_1.Button variant="outline" size="icon" className="cursor-pointer" title={project.status === 'archived'
+                            ? commonT('actions.activate')
+                            : t('actions.archive')} onClick={() => void toggleArchived(project)}>
+                            {project.status === 'archived' ? (<lucide_react_1.ArchiveRestore className="size-4"/>) : (<lucide_react_1.Archive className="size-4"/>)}
+                          </button_1.Button>) : null}
+                      </div>
+                    </table_1.TableCell>
+                  </table_1.TableRow>);
+            })}
+              </table_1.TableBody>
+            </table_1.Table>
+          </div>)) : (<entity_list_1.EmptyState icon={<lucide_react_1.FolderKanban className="size-12"/>} title={commonT('states.emptyTitle')} description={t('emptyDescription')} actionLabel={access.isDirector
+                ? commonT('actions.create')
+                : commonT('actions.refresh')} onAction={access.isDirector ? openCreateSheet : () => void refetch()}/>)}
+
+      <entity_list_1.PaginationFooter currentPage={(_b = projectsResponse === null || projectsResponse === void 0 ? void 0 : projectsResponse.page) !== null && _b !== void 0 ? _b : page} pageSize={(_c = projectsResponse === null || projectsResponse === void 0 ? void 0 : projectsResponse.pageSize) !== null && _c !== void 0 ? _c : pageSize} totalItems={(_d = projectsResponse === null || projectsResponse === void 0 ? void 0 : projectsResponse.total) !== null && _d !== void 0 ? _d : 0} onPageChange={setPage} onPageSizeChange={(value) => {
+            setPageSize(value);
+            setPage(1);
+        }} pageSizeOptions={[12, 24, 48]}/>
+
+      <sheet_1.Sheet open={isSheetOpen} onOpenChange={(open) => {
+            if (!open) {
+                closeSheet();
+            }
+        }}>
+        <sheet_1.SheetContent className="w-full overflow-x-hidden overflow-y-auto sm:max-w-[min(92vw,64rem)]">
+          <sheet_1.SheetHeader>
+            <sheet_1.SheetTitle>
+              {editProjectId ? t('sheet.editTitle') : t('sheet.createTitle')}
+            </sheet_1.SheetTitle>
+            <sheet_1.SheetDescription>{t('sheet.description')}</sheet_1.SheetDescription>
+          </sheet_1.SheetHeader>
+
+          <project_form_screen_1.ProjectFormScreen projectId={editProjectId !== null && editProjectId !== void 0 ? editProjectId : undefined} onCancel={closeSheet} onSaved={async () => {
+            closeSheet();
+            await refetch();
+        }}/>
+        </sheet_1.SheetContent>
+      </sheet_1.Sheet>
+    </entity_list_1.Page>);
+}
+//# sourceMappingURL=page.js.map