export const useSideBar = () => useState<boolean>('sideBar', () => false)
export const useSideBarCollapsed = () => useState<boolean>('sideBarCollapsed', () => false)
export const useSideBarScroll = () => useState<number>('sideBarScroll', () => 0)
export const useTabs = () => useState<any[]>('tabs', () => [{link: '/', text: 'Home', active: true}])
export const useActiveMenu = () => useState<string>('activeMenu', () => '')
export const useActiveSubMenu = () => useState<string>('activeSubMenu', () => '')
export const useActiveSubChildMenu = () => useState<string>('activeSubChildMenu', () => '')
export const useActiveSave = () => useState<boolean>('activeSave', () => false)
export const usePrintPreview = () => useState<boolean>('printPreview', () => false)
export const usePrintParam = () => useState<any>('printParam', () => {})
export const useAttachmentPreview = () => useState<boolean>('attachmentPreview', () => false)
export const useAttachmentParam = () => useState<any>('attachmentParam', () => {})
export const useQuickView = () => useState<string>('quickView', () => '')
export const useQuickViewParam = () => useState<any>('quickViewParam', () => {})
export const useWindowFrom = () => useState<string>('windowFrom', () => '')
export const useWindowParam = () => useState<any>('windowParam', () => {})
export const useGenerateShipments = () => useState<any>('generateShipments', () => {})
export const useGenerateShipmentActive = () => useState<boolean>('generateShipmentActive', () => false)
export const useGenerateInvoices = () => useState<any>('generateInvoices', () => {})
export const useGenerateInvoiceActive = () => useState<boolean>('generateInvoiceActive', () => false)
export const useDataTableFilters = () => useState<any>('dataTableFilters', () => {})
export const useBoMTab = () => useState<string>('boMTab', () => 'bom')
export const useBoMActive = () => useState<boolean>('boMActive', () => false)
export const useBoM = () => useState<any>('boM', () => {})
export const useEmailInvoice = () => useState<boolean>('emailInvoice', () => false)
export const useEmailInvoiceParam = () => useState<any>('emailInvoiceParam', () => {})
export const usePaymentReminder = () => useState<boolean>('paymentReminder', () => false)
export const usePaymentReminderParam = () => useState<any>('paymentReminderParam', () => {})
export const useBatchPrintPreview = () => useState<boolean>('batchPrintPreview', () => false)
export const useBatchPrintParam = () => useState<any[]>('batchPrintParam', () => [])
export const useStockReportEmail = () => useState<boolean>('stockReportEmail', () => false)
export const useStockReportEmailParam = () => useState<any>('stockReportEmailParam', () => {})
export const useTransactionReportEmail = () => useState<boolean>('transactionReportEmail', () => false)
export const useTransactionReportEmailParam = () => useState<any>('transactionReportEmailParam', () => {})
export const useMarginReportEmail = () => useState<boolean>('marginReportEmail', () => false)
export const useMarginReportEmailParam = () => useState<any>('marginReportEmailParam', () => {})
export const useQuickPayment = () => useState<boolean>('quickPayment', () => false)
export const useQuickPaymentParam = () => useState<any>('quickPaymentParam', () => {})
export const useReminderNotes = () => useState<boolean>('reminderNotes', () => false)
export const useReminderNotesParam = () => useState<any>('reminderNotesParam', () => ({}))
// Order comparison modal — current order vs. previous completed order of the same partner.
export const useOrderCompare = () => useState<boolean>('orderCompare', () => false)
export const useOrderCompareParam = () => useState<any>('orderCompareParam', () => ({}))
export const useMarketplaceConfirmLog = () => useState<boolean>('marketplaceConfirmLog', () => false)
export const useMarketplaceConfirmLogParam = () => useState<any>('marketplaceConfirmLogParam', () => ({}))
export const useOpenShipmentsModal = () => useState<boolean>('openShipmentsModal', () => false)
export const useOpenShipmentsModalParam = () => useState<any>('openShipmentsModalParam', () => ({}))
// Dashboard "Picking" picklist generator (sort options + server/download output).
export const usePicklistModal = () => useState<boolean>('picklistModal', () => false)
export const usePicklistModalParam = () => useState<any>('picklistModalParam', () => ({}))
export const useOpenOrdersModal = () => useState<boolean>('openOrdersModal', () => false)
export const useOpenOrdersModalParam = () => useState<any>('openOrdersModalParam', () => ({}))

// Staff live-chat module state (all additive; safe to remove with the module).
export const useChatOpen = () => useState<boolean>('chatOpen', () => false)
export const useChatActivePeer = () => useState<number | null>('chatActivePeer', () => null)
export const useChatPresence = () => useState<Record<number, 'online' | 'away' | 'offline'>>('chatPresence', () => ({}))
export const useChatUnread = () => useState<Record<number, number>>('chatUnread', () => ({}))
export const useChatConnected = () => useState<boolean>('chatConnected', () => false)
export const useChatThreads = () => useState<Record<number, any[]>>('chatThreads', () => ({}))
// Per-peer "is typing" flags (ephemeral, never persisted).
export const useChatTyping = () => useState<Record<number, boolean>>('chatTyping', () => ({}))
// Pending ERP-entity share waiting to be sent into a conversation:
// { kind:'entity', entityType, entityId, label, url } | null.
export const useChatShare = () => useState<any>('chatShare', () => null)
// Inbound-sound mute preference (seeded from localStorage on the client).
export const useChatSoundMuted = () => useState<boolean>('chatSoundMuted', () => false)

export interface ActiveTaskTimerState {
  // Which timer flow on mobile/tasks.vue currently owns this state — the two
  // flows are mutually exclusive there, so one shared state is enough to feed
  // a cross-page "timer running" banner (see app/layouts/mobile.vue).
  kind: 'new-task' | 'existing-request' | null
  running: boolean
  paused: boolean
  startTime: number | null
  pausedElapsedMs: number
  categoryName: string // new-task flow only
  orgName: string
  requestId: number | null // existing-request flow only
  documentNo: string // existing-request flow only
}
export const useActiveTaskTimer = () => useState<ActiveTaskTimerState>('activeTaskTimer', () => ({
  kind: null,
  running: false,
  paused: false,
  startTime: null,
  pausedElapsedMs: 0,
  categoryName: '',
  orgName: '',
  requestId: null,
  documentNo: ''
}))
// Dunning gate (TerminationGuard): null = not yet fetched; else the
// /api/invoices/termination-status response { notice, terminated, invoices, totalOpen, sessionKey }.
export const useTerminationStatus = () => useState<any>('terminationStatus', () => null)

// Fullscreen ticket quick-view modal on the dashboard (list + chat + quick edits).
export const useTicketQuickModal = () => useState<boolean>('ticketQuickModal', () => false)

// "Set a Lexoffice booking category?" prompt shown before a Lexoffice upload (single
// or bulk — same modal, same category applies to every invoice in the call). param
// holds { count, resolve } where resolve(categoryId | null | undefined) is called by
// the modal — see app/composables/useLexofficeCategoryPrompt.ts.
export const useLexofficeCategoryModal = () => useState<boolean>('lexofficeCategoryModal', () => false)
export const useLexofficeCategoryParam = () => useState<any>('lexofficeCategoryParam', () => ({}))

// Bumped by the product page's "Bestand je Lagerplatz" card after a completed
// in-page stock action (count / receipt / movement) so sibling components that
// render storage data (e.g. the "Located at" tab) refetch without a reload.
export const useProductStockVersion = () => useState<number>('productStockVersion', () => 0)

// The CUST_Printer.CupsName selected for return-label printing on this
// device/session — set by the nav-bar picker, consulted by the return pages.
// See app/composables/useReturnLabelPrinter.ts.
export const useReturnLabelPrinterQueue = () => useState<string>('returnLabelPrinterQueue', () => '')