fix(collab): a note, poll, message or link that cannot be saved offline says it needs a connection

Collab, packing bags, packing templates and imports, the category a place
form creates and the place imports are not kept on the device, so offline
their writes cannot wait in the queue. They failed with a bare "Error" or the
generic save message. While TREK is offline the failure now reads "This needs
a connection. Try again once TREK is back online.", on desktop and on the
phone's Collab notes; online nothing changes.

Refs #2601

client/src/components/Packing/ApplyTemplateButton.tsx

@@ -5,6 +5,7 @@ import { useTripStore } from '../../store/tripStore'
 import { useToast } from '../shared/Toast'
 import { useTranslation } from '../../i18n'
 import { PackingTemplateOption } from './PackingTemplateOption'
+import { offlineOr } from '../../utils/needsConnection'
 
 interface Template {
   id: number
@@ -50,7 +51,7 @@ export default function ApplyTemplateButton({ tripId, visibility, style, classNa
       toast.success(t('packing.templateApplied', { count: data.count }))
       setOpen(false)
     } catch {
-      toast.error(t('packing.templateError'))
+      toast.error(offlineOr(t, t('packing.templateError')))
     } finally {
       setApplying(false)
     }

client/src/components/Packing/usePackingBags.ts

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { packingApi } from '../../api/client';
 import { useNetworkMode } from '../../hooks/useNetworkMode';
 import type { PackingBag } from '../../types';
+import { offlineOr } from '../../utils/needsConnection';
 import { BAG_COLORS } from './packingListPanel.constants';
 import { useBagTotalsPing } from './useBagTotalsPing';
 
@@ -74,7 +75,7 @@ export function usePackingBags({
       setBags((prev) => [...prev, data.bag]);
       return { bag: data.bag };
     } catch {
-      toast.error(t('packing.toast.saveError'));
+      toast.error(offlineOr(t, t('packing.toast.saveError')));
       return null;
     }
   };
@@ -87,7 +88,7 @@ export function usePackingBags({
       const result = await packingApi.updateBag(tripId, bagId, data);
       setBags((prev) => prev.map((b) => (b.id === bagId ? { ...b, ...result.bag } : b)));
     } catch {
-      toast.error(t('common.error'));
+      toast.error(offlineOr(t, t('common.error')));
     }
   };
 
@@ -96,7 +97,7 @@ export function usePackingBags({
       await packingApi.deleteBag(tripId, bagId);
       setBags((prev) => prev.filter((b) => b.id !== bagId));
     } catch {
-      toast.error(t('packing.toast.deleteError'));
+      toast.error(offlineOr(t, t('packing.toast.deleteError')));
     }
   };
 
@@ -105,7 +106,7 @@ export function usePackingBags({
       const result = await packingApi.setBagMembers(tripId, bagId, userIds);
       setBags((prev) => prev.map((b) => (b.id === bagId ? { ...b, members: result.members } : b)));
     } catch {
-      toast.error(t('common.error'));
+      toast.error(offlineOr(t, t('common.error')));
     }
   };
 

client/src/components/Packing/usePackingCategoryAssignees.ts

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 
 import { packingApi } from '../../api/client';
+import { offlineOr } from '../../utils/needsConnection';
 
 type Translate = (key: string, params?: Record<string, string | number>) => string;
 interface Toaster {
@@ -36,7 +37,7 @@ export function usePackingCategoryAssignees({ tripId, t, toast }: { tripId: numb
       const data = await packingApi.setCategoryAssignees(tripId, category, userIds);
       setCategoryAssignees((prev) => ({ ...prev, [category]: data.assignees || [] }));
     } catch {
-      toast.error(t('packing.toast.saveError'));
+      toast.error(offlineOr(t, t('packing.toast.saveError')));
     }
   };
 

client/src/components/Packing/usePackingImport.ts

@@ -2,6 +2,7 @@ import { useMemo, useState, type ChangeEvent } from 'react';
 
 import { packingApi } from '../../api/client';
 import { useTripStore } from '../../store/tripStore';
+import { offlineOr } from '../../utils/needsConnection';
 import { parseImportLines } from './packingListPanel.helpers';
 
 type Translate = (key: string, params?: Record<string, string | number>) => string;
@@ -66,7 +67,7 @@ export function usePackingImport({
       setText('');
       onImported();
     } catch {
-      toast.error(t('packing.importError'));
+      toast.error(offlineOr(t, t('packing.importError')));
     } finally {
       if (oneAtATime) setImporting(false);
     }