ADUANASOFT/plantillas-proyectos
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/permisos-reference-data

Browse Source
This commit is contained in:
hreyes
2026-05-06 08:13:53 -06:00
parent c96184da90
commit 73b2eb222e
45 changed files with 437 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/lib/components/sidebar/modules.ts
View File

@@ -100,14 +100,17 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.reference_data.codes_pedimento_regimen"](),
url: "/dashboard/reference_data/code_pedimento_regimens",
permission: "ref_pedimento_regimens.view",
},
{
title: m["sidebar.reference_data.containers"](),
url: "/dashboard/reference_data/containers",
permission: "ref_containers.view",
},
{
title: m["sidebar.reference_data.countries"](),
url: "/dashboard/reference_data/countries",
permission: "ref_countries.view",
},
{
title: m["sidebar.reference_data.currency_types"](),
@@ -117,58 +120,72 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.reference_data.customs_sections"](),
url: "/dashboard/reference_data/customs_sections",
permission: "ref_customs_sections.view",
},
{
title: m["sidebar.reference_data.customs_warehouses"](),
url: "/dashboard/reference_data/customs_warehouses",
permission: "ref_customs_warehouses.view",
},
{
title: m["sidebar.reference_data.incoterms"](),
url: "/dashboard/reference_data/incoterms",
permission: "ref_incoterms.view",
},
{
title: m["sidebar.reference_data.document_types_digitization"](),
url: "/dashboard/reference_data/document_types_digitization",
permission: "ref_invoice_types.view",
},
{
title: m["sidebar.reference_data.invoice_types"](),
url: "/dashboard/reference_data/invoice_types",
permission: "ref_invoice_types.view",
},
{
title: m["sidebar.reference_data.material_types"](),
url: "/dashboard/reference_data/material_types",
permission: "ref_material_types.view",
},
{
title: m["sidebar.reference_data.payment_methods"](),
url: "/dashboard/reference_data/payment_methods",
permission: "ref_payment_methods.view",
},
{
title: m["sidebar.reference_data.pedimento_codes"](),
url: "/dashboard/reference_data/pedimento_codes",
permission: "ref_pedimento_codes.view",
},
{
title: m["sidebar.reference_data.pedimento_regimes"](),
url: "/dashboard/reference_data/pedimento_regimens",
permission: "ref_pedimento_regimens.view",
},
{
title: m["sidebar.reference_data.sectors"](),
url: "/dashboard/reference_data/sectors",
permission: "ref_sectors.view",
},
{
title: m["sidebar.reference_data.states"](),
url: "/dashboard/reference_data/states",
permission: "ref_states.view",
},
{
title: m["sidebar.reference_data.transportation_modes"](),
url: "/dashboard/reference_data/transport_modes",
permission: "ref_transport_modes.view",
},
{
title: m["sidebar.reference_data.transportation_types"](),
url: "/dashboard/reference_data/transport_types",
permission: "ref_transport_types.view",
},
{
title: m["sidebar.reference_data.valuation_methods"](),
url: "/dashboard/reference_data/valuation_methods",
permission: "ref_valuation_methods.view",
},
],
isActive: false,
@@ -206,6 +223,7 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.general_catalogs.incoterms"](),
url: "/dashboard/reference_data/incoterms",
permission: "ref_incoterms.view",
},
{
title: m["sidebar.general_catalogs.inpc"](),
@@ -222,10 +240,12 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.general_catalogs.valuation_methods"](),
url: "/dashboard/reference_data/valuation_methods",
permission: "ref_valuation_methods.view",
},
{
title: m["sidebar.general_catalogs.countries"](),
url: "/dashboard/reference_data/countries",
permission: "ref_countries.view",
},
{
title: m["sidebar.general_catalogs.ports"](),
@@ -269,6 +289,7 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.general_catalogs.currency_types"](),
url: "/dashboard/reference_data/currency_types",
permission: "ref_currency_types.view",
},
{
title: m["sidebar.general_catalogs.multi_currency"](),
@@ -278,6 +299,7 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.general_catalogs.invoice_types"](),
url: "/dashboard/reference_data/invoice_types",
permission: "ref_invoice_types.view",
},
{
title: m["sidebar.general_catalogs.electronic_signatures"](),
@@ -290,6 +312,7 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.general_catalogs.customs_warehouses"](),
url: "/dashboard/reference_data/customs_warehouses",
permission: "ref_customs_warehouses.view",
},
{
title: m["sidebar.general_catalogs.prevalidators"](),
@@ -413,7 +436,7 @@ export function getSidebarData(): SidebarData {
{
title: m["sidebar.pedimentos.payment_methods"](),
url: "/dashboard/reference_data/payment_methods",
permission: 'pedimentos_payments.view',
permission: 'ref_payment_methods.view',
},
{
title: m["sidebar.pedimentos.customs_sections"](),

6
frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
View File

@@ -41,8 +41,8 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.view'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.delete'));
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);
@@ -123,7 +123,7 @@
{#if isError}
<ErrorState
status={!canView ? 403 : status}
error={!canView ? 'Permission denied: ref_code_pedimento_regimens.view' : error || ''}
error={!canView ? 'Permission denied: ref_pedimento_regimens.view' : error || ''}
onRetry={reloadData}
/>
{:else}

6
frontend/src/routes/dashboard/reference_data/containers/+page.svelte
View File

@@ -29,9 +29,9 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_containers.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_containers.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_containers.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_containers.delete'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

8
frontend/src/routes/dashboard/reference_data/countries/+page.svelte
View File

@@ -64,10 +64,10 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_countries.view') || userHasPermission($currentUser, 'cat_countries.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_countries.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_countries.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_countries.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_countries.view'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

8
frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
View File

@@ -62,10 +62,10 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_currency_types.view') || userHasPermission($currentUser, 'cat_currency.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_currency_types.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_currency_types.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_currency_types.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_currency_types.view'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

6
frontend/src/routes/dashboard/reference_data/customs_sections/+page.svelte
View File

@@ -33,9 +33,9 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_customs_sections.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_customs_sections.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_customs_sections.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_customs_sections.delete'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(status >= 400 || error);

8
frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
View File

@@ -37,10 +37,10 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_customs_warehouses.view') || userHasPermission($currentUser, 'cat_warehouses.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_customs_warehouses.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_customs_warehouses.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_customs_warehouses.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_customs_warehouses.view'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

36
frontend/src/routes/dashboard/reference_data/document_types_digitization/+page.server.ts
View File

@@ -11,7 +11,8 @@ export const load: PageServerLoad = async ({ cookies, fetch, url, parent }) => {
items: [],
total: 0,
page: 1,
page_size: 50
page_size: 50,
status: 401
};
}
@@ -28,7 +29,8 @@ export const load: PageServerLoad = async ({ cookies, fetch, url, parent }) => {
items: [],
total: 0,
page,
page_size: pageSize
page_size: pageSize,
status: 400
};
}
@@ -50,19 +52,25 @@ export const load: PageServerLoad = async ({ cookies, fetch, url, parent }) => {
);
if (!response.ok) {
const errorText = await response.text();
console.error('📊 [Document Types Digitization] API Error:', {
status: response.status,
statusText: response.statusText,
error: errorText
});
const message =
response.status === 403
? 'No tiene permiso para ver tipos de documento para digitalización'
: `Error ${response.status}: ${response.statusText}`;
if (response.status !== 403) {
const errorText = await response.text();
console.error('📊 [Document Types Digitization] API Error:', {
status: response.status,
statusText: response.statusText,
error: errorText
});
}
return {
error: `Error ${response.status}: ${response.statusText}`,
error: message,
items: [],
total: 0,
page,
page_size: pageSize
page_size: pageSize,
status: response.status
};
}
@@ -73,7 +81,8 @@ export const load: PageServerLoad = async ({ cookies, fetch, url, parent }) => {
total: data.total || 0,
page: data.page || page,
page_size: data.page_size || pageSize,
error: null
error: null,
status: 200
};
} catch (error) {
console.error('📊 [Document Types Digitization] Load error:', error);
@@ -82,7 +91,8 @@ export const load: PageServerLoad = async ({ cookies, fetch, url, parent }) => {
items: [],
total: 0,
page: 1,
page_size: 50
page_size: 50,
status: 500
};
}
};

85
frontend/src/routes/dashboard/reference_data/document_types_digitization/+page.svelte
View File

@@ -16,6 +16,8 @@
import { createColumns } from '$lib/components/dashboard/reference_data/document_types_digitization/columns';
import { useShortcuts } from '$lib/hooks/use-shortcuts';
import type { PageData } from './$types';
import { currentUser, userHasPermission } from '$lib/auth';
import ErrorState from '$lib/components/dashboard/common/error-state.svelte';
let { data }: { data: PageData } = $props();
@@ -39,9 +41,12 @@
let totalItems = $state(data.total || 0);
let loading = $state(false);
let error = $state<string | null>(data.error || null);
let status = $state<number>(data.status || 200);
let searchQuery = $state($page.url.searchParams.get('search') || '');
let timeout: ReturnType<typeof setTimeout>;
let hasMore = $derived(allItems.length < totalItems);
const canView = $derived(userHasPermission($currentUser, 'ref_invoice_types.view'));
const isError = $derived(!canView || status >= 400 || error);
function getActiveCompanyId(): number | null {
const fromStore = companyStore.activeCompany?.id;
@@ -137,42 +142,54 @@
const columns = createColumns();
</script>
<div class="flex h-[calc(100svh-4rem)] flex-col gap-6 overflow-hidden p-6 group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)]">
<div class="flex-none flex items-center justify-between">
<div class="space-y-1">
<h1 class="text-2xl font-bold tracking-tight">Tipos de documento para digitalización</h1>
<p class="text-muted-foreground">
Consulta el catálogo fijo de solo lectura utilizado por digitalización y pedimentos.
</p>
</div>
{#if isError}
<div
class="flex h-[calc(100svh-4rem)] flex-col p-6 group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)]"
>
<ErrorState
status={!canView ? 403 : status}
error={!canView ? 'Permission denied: ref_invoice_types.view' : error || ''}
onRetry={reloadData}
/>
</div>
{#if error}
<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
{error}
{:else}
<div class="flex h-[calc(100svh-4rem)] flex-col gap-6 overflow-hidden p-6 group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)]">
<div class="flex-none flex items-center justify-between">
<div class="space-y-1">
<h1 class="text-2xl font-bold tracking-tight">Tipos de documento para digitalización</h1>
<p class="text-muted-foreground">
Consulta el catálogo fijo de solo lectura utilizado por digitalización y pedimentos.
</p>
</div>
</div>
{/if}
<Card.Root class="border bg-background flex min-h-0 flex-1 flex-col">
<Card.Header>
<div class="flex flex-wrap items-center justify-between gap-3">
<Card.Title>Listado de tipos de documento</Card.Title>
<div class="flex flex-wrap items-center gap-2">
<Input
placeholder="Buscar por código o descripción"
bind:value={searchQuery}
oninput={handleSearch}
class="h-9 w-56 bg-card lg:w-72"
/>
{#if error}
<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
{error}
</div>
{/if}
<Card.Root class="border bg-background flex min-h-0 flex-1 flex-col">
<Card.Header>
<div class="flex flex-wrap items-center justify-between gap-3">
<Card.Title>Listado de tipos de documento</Card.Title>
<div class="flex flex-wrap items-center gap-2">
<Input
placeholder="Buscar por código o descripción"
bind:value={searchQuery}
oninput={handleSearch}
class="h-9 w-56 bg-card lg:w-72"
/>
</div>
</div>
</div>
</Card.Header>
<Card.Content class="min-h-0 p-0">
<div class="rounded-md border bg-background overflow-hidden flex min-h-0 flex-1 flex-col">
<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
</div>
</Card.Content>
</Card.Root>
</Card.Header>
<Card.Content class="min-h-0 p-0">
<div class="rounded-md border bg-background overflow-hidden flex min-h-0 flex-1 flex-col">
<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
</div>
</Card.Content>
</Card.Root>
<div class="flex-none text-sm text-muted-foreground">Mostrando {allItems.length} de {totalItems} registros</div>
</div>
<div class="flex-none text-sm text-muted-foreground">Mostrando {allItems.length} de {totalItems} registros</div>
</div>
{/if}

25
frontend/src/routes/dashboard/reference_data/incoterms/+page.svelte
View File

@@ -37,10 +37,10 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_incoterms.view') || userHasPermission($currentUser, 'cat_incoterms.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_incoterms.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_incoterms.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_incoterms.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_incoterms.view'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);
@@ -119,8 +119,18 @@
const columns = $derived(createColumns(handleSuccess, { canEdit, canDelete }));
</script>
<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
{#if isError}
<div
class="flex h-[calc(100svh-4rem)] flex-col p-6 group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)]"
>
<ErrorState
status={!canView ? 403 : status}
error={!canView ? 'Permission denied: ref_incoterms.view' : error || ''}
onRetry={reloadData}
/>
</div>
{:else}
<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
{#if error}
<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
{error}
@@ -145,4 +155,5 @@
</Card.Root>
<div class="flex-none text-sm text-muted-foreground">Mostrando {allItems.length} de {totalItems} registros</div>
</div>
</div>
{/if}

8
frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
View File

@@ -37,10 +37,10 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_invoice_types.view') || userHasPermission($currentUser, 'cat_inv_types.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_invoice_types.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_invoice_types.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_invoice_types.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_invoice_types.view'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

4
frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
View File

@@ -30,8 +30,8 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_material_types.view'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_material_types.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_material_types.delete'));
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

6
frontend/src/routes/dashboard/reference_data/payment_methods/+page.svelte
View File

@@ -29,9 +29,9 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'pedimentos_payments.view'));
const canEdit = $derived(userHasPermission($currentUser, 'pedimentos_payments.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'pedimentos_payments.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_payment_methods.view'));
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(status >= 400 || error);

4
frontend/src/routes/dashboard/reference_data/pedimento_codes/+page.svelte
View File

@@ -32,8 +32,8 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_pedimento_codes.view'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_pedimento_codes.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_pedimento_codes.delete'));
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(status >= 400 || error);

6
frontend/src/routes/dashboard/reference_data/pedimento_regimens/+page.svelte
View File

@@ -42,9 +42,9 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_pedimento_regimens.delete'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(status >= 400 || error);

6
frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
View File

@@ -38,9 +38,9 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_sectors.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_sectors.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_sectors.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_sectors.delete'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

4
frontend/src/routes/dashboard/reference_data/states/+page.svelte
View File

@@ -32,8 +32,8 @@
// 🛡️ Permisos (Runas derivadas)
const canView = $derived(userHasPermission($currentUser, 'ref_states.view'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_states.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_states.delete'));
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

6
frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
View File

@@ -33,9 +33,9 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_transport_modes.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_transport_modes.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_transport_modes.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_transport_modes.delete'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

4
frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
View File

@@ -30,8 +30,8 @@
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_transport_types.view'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_transport_types.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_transport_types.delete'));
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);

8
frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
View File

@@ -38,10 +38,10 @@
let status = $state<number>(data.status || 200);
// Permisos
const canView = $derived(userHasPermission($currentUser, 'ref_valuation_methods.view') || userHasPermission($currentUser, 'cat_valuation.view'));
const canCreate = $derived(userHasPermission($currentUser, 'ref_valuation_methods.create'));
const canEdit = $derived(userHasPermission($currentUser, 'ref_valuation_methods.edit'));
const canDelete = $derived(userHasPermission($currentUser, 'ref_valuation_methods.delete'));
const canView = $derived(userHasPermission($currentUser, 'ref_valuation_methods.view'));
const canCreate = $derived(false);
const canEdit = $derived(false);
const canDelete = $derived(false);
const isError = $derived(!canView || status >= 400 || error);